@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300&family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap");
body {
  color: #2E2E2E;
  background: white;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

nav {
  background: #ffffff;
}

@-moz-document url-prefix() {
  @media (max-width: 576px) {
    html, body {
      width: 100%;
      height: 100%;
      margin: 0px;
      padding: 0px;
      overflow-x: hidden;
    }
  }
}
main#fullscreenContainer {
  -webkit-background: none #ffffff no-repeat;
  -moz-background: none #ffffff no-repeat;
  -ms-background: none #ffffff no-repeat;
  background: none;
  background-size: cover;
}
main#fullscreenContainer .content {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/default-image.jpg");
  -moz-background-image: url("assets/images/default-image.jpg");
  -ms-background-image: url("assets/images/default-image.jpg");
  background-image: url("assets/images/default-image.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .content {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .content {
  -webkit-border: none none none;
  border: none none none;
  background-clip: padding-box; /* stops bg color from leaking outside the border: */
  -webkit-border-radius: none;
  border-radius: none;
}
main#fullscreenContainer .content .control-bar {
  border-radius: 0 0 none none;
}
main#fullscreenContainer .background-image1 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image1.jpg");
  -moz-background-image: url("assets/images/background-image1.jpg");
  -ms-background-image: url("assets/images/background-image1.jpg");
  background-image: url("assets/images/background-image1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image1 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image1 > :nth-child(2) {
  -webkit-background: "assets/images/background-image1.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image1.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image1.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image1.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image2 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image2.jpg");
  -moz-background-image: url("assets/images/background-image2.jpg");
  -ms-background-image: url("assets/images/background-image2.jpg");
  background-image: url("assets/images/background-image2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image2 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image2 > :nth-child(2) {
  -webkit-background: "assets/images/background-image2.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image2.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image2.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image2.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image3 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image3.jpg");
  -moz-background-image: url("assets/images/background-image3.jpg");
  -ms-background-image: url("assets/images/background-image3.jpg");
  background-image: url("assets/images/background-image3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image3 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image3 > :nth-child(2) {
  -webkit-background: "assets/images/background-image3.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image3.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image3.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image3.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image4 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image4.jpg");
  -moz-background-image: url("assets/images/background-image4.jpg");
  -ms-background-image: url("assets/images/background-image4.jpg");
  background-image: url("assets/images/background-image4.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image4 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image4 > :nth-child(2) {
  -webkit-background: "assets/images/background-image4.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image4.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image4.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image4.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image5 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image5.jpg");
  -moz-background-image: url("assets/images/background-image5.jpg");
  -ms-background-image: url("assets/images/background-image5.jpg");
  background-image: url("assets/images/background-image5.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image5 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image5 > :nth-child(2) {
  -webkit-background: "assets/images/background-image5.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image5.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image5.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image5.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image6 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image6.jpg");
  -moz-background-image: url("assets/images/background-image6.jpg");
  -ms-background-image: url("assets/images/background-image6.jpg");
  background-image: url("assets/images/background-image6.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image6 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image6 > :nth-child(2) {
  -webkit-background: "assets/images/background-image6.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image6.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image6.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image6.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image7 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image7.jpg");
  -moz-background-image: url("assets/images/background-image7.jpg");
  -ms-background-image: url("assets/images/background-image7.jpg");
  background-image: url("assets/images/background-image7.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image7 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image7 > :nth-child(2) {
  -webkit-background: "assets/images/background-image7.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image7.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image7.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image7.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image8 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image8.jpg");
  -moz-background-image: url("assets/images/background-image8.jpg");
  -ms-background-image: url("assets/images/background-image8.jpg");
  background-image: url("assets/images/background-image8.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image8 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image8 > :nth-child(2) {
  -webkit-background: "assets/images/background-image8.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image8.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image8.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image8.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image9 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image9.jpg");
  -moz-background-image: url("assets/images/background-image9.jpg");
  -ms-background-image: url("assets/images/background-image9.jpg");
  background-image: url("assets/images/background-image9.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image9 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image9 > :nth-child(2) {
  -webkit-background: "assets/images/background-image9.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image9.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image9.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image9.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image10 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image10.jpg");
  -moz-background-image: url("assets/images/background-image10.jpg");
  -ms-background-image: url("assets/images/background-image10.jpg");
  background-image: url("assets/images/background-image10.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image10 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image10 > :nth-child(2) {
  -webkit-background: "assets/images/background-image10.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image10.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image10.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image10.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image11 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image11.jpg");
  -moz-background-image: url("assets/images/background-image11.jpg");
  -ms-background-image: url("assets/images/background-image11.jpg");
  background-image: url("assets/images/background-image11.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image11 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image11 > :nth-child(2) {
  -webkit-background: "assets/images/background-image11.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image11.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image11.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image11.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image12 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image12.jpg");
  -moz-background-image: url("assets/images/background-image12.jpg");
  -ms-background-image: url("assets/images/background-image12.jpg");
  background-image: url("assets/images/background-image12.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image12 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image12 > :nth-child(2) {
  -webkit-background: "assets/images/background-image12.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image12.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image12.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image12.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image13 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image13.jpg");
  -moz-background-image: url("assets/images/background-image13.jpg");
  -ms-background-image: url("assets/images/background-image13.jpg");
  background-image: url("assets/images/background-image13.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image13 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image13 > :nth-child(2) {
  -webkit-background: "assets/images/background-image13.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image13.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image13.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image13.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image14 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image14.jpg");
  -moz-background-image: url("assets/images/background-image14.jpg");
  -ms-background-image: url("assets/images/background-image14.jpg");
  background-image: url("assets/images/background-image14.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image14 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image14 > :nth-child(2) {
  -webkit-background: "assets/images/background-image14.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image14.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image14.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image14.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image15 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image15.jpg");
  -moz-background-image: url("assets/images/background-image15.jpg");
  -ms-background-image: url("assets/images/background-image15.jpg");
  background-image: url("assets/images/background-image15.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image15 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image15 > :nth-child(2) {
  -webkit-background: "assets/images/background-image15.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image15.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image15.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image15.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image16 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image16.jpg");
  -moz-background-image: url("assets/images/background-image16.jpg");
  -ms-background-image: url("assets/images/background-image16.jpg");
  background-image: url("assets/images/background-image16.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image16 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image16 > :nth-child(2) {
  -webkit-background: "assets/images/background-image16.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image16.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image16.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image16.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image17 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image17.jpg");
  -moz-background-image: url("assets/images/background-image17.jpg");
  -ms-background-image: url("assets/images/background-image17.jpg");
  background-image: url("assets/images/background-image17.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image17 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image17 > :nth-child(2) {
  -webkit-background: "assets/images/background-image17.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image17.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image17.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image17.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image18 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image18.jpg");
  -moz-background-image: url("assets/images/background-image18.jpg");
  -ms-background-image: url("assets/images/background-image18.jpg");
  background-image: url("assets/images/background-image18.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image18 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image18 > :nth-child(2) {
  -webkit-background: "assets/images/background-image18.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image18.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image18.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image18.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image19 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image19.jpg");
  -moz-background-image: url("assets/images/background-image19.jpg");
  -ms-background-image: url("assets/images/background-image19.jpg");
  background-image: url("assets/images/background-image19.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image19 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image19 > :nth-child(2) {
  -webkit-background: "assets/images/background-image19.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image19.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image19.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image19.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image20 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image20.jpg");
  -moz-background-image: url("assets/images/background-image20.jpg");
  -ms-background-image: url("assets/images/background-image20.jpg");
  background-image: url("assets/images/background-image20.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image20 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image20 > :nth-child(2) {
  -webkit-background: "assets/images/background-image20.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image20.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image20.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image20.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image21 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image21.jpg");
  -moz-background-image: url("assets/images/background-image21.jpg");
  -ms-background-image: url("assets/images/background-image21.jpg");
  background-image: url("assets/images/background-image21.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image21 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image21 > :nth-child(2) {
  -webkit-background: "assets/images/background-image21.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image21.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image21.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image21.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image22 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image22.jpg");
  -moz-background-image: url("assets/images/background-image22.jpg");
  -ms-background-image: url("assets/images/background-image22.jpg");
  background-image: url("assets/images/background-image22.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image22 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image22 > :nth-child(2) {
  -webkit-background: "assets/images/background-image22.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image22.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image22.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image22.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image23 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image23.jpg");
  -moz-background-image: url("assets/images/background-image23.jpg");
  -ms-background-image: url("assets/images/background-image23.jpg");
  background-image: url("assets/images/background-image23.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image23 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image23 > :nth-child(2) {
  -webkit-background: "assets/images/background-image23.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image23.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image23.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image23.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image24 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image24.jpg");
  -moz-background-image: url("assets/images/background-image24.jpg");
  -ms-background-image: url("assets/images/background-image24.jpg");
  background-image: url("assets/images/background-image24.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image24 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image24 > :nth-child(2) {
  -webkit-background: "assets/images/background-image24.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image24.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image24.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image24.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image25 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image25.jpg");
  -moz-background-image: url("assets/images/background-image25.jpg");
  -ms-background-image: url("assets/images/background-image25.jpg");
  background-image: url("assets/images/background-image25.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image25 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image25 > :nth-child(2) {
  -webkit-background: "assets/images/background-image25.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image25.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image25.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image25.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image26 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image26.jpg");
  -moz-background-image: url("assets/images/background-image26.jpg");
  -ms-background-image: url("assets/images/background-image26.jpg");
  background-image: url("assets/images/background-image26.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image26 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image26 > :nth-child(2) {
  -webkit-background: "assets/images/background-image26.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image26.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image26.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image26.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image27 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image27.jpg");
  -moz-background-image: url("assets/images/background-image27.jpg");
  -ms-background-image: url("assets/images/background-image27.jpg");
  background-image: url("assets/images/background-image27.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image27 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image27 > :nth-child(2) {
  -webkit-background: "assets/images/background-image27.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image27.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image27.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image27.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image28 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image28.jpg");
  -moz-background-image: url("assets/images/background-image28.jpg");
  -ms-background-image: url("assets/images/background-image28.jpg");
  background-image: url("assets/images/background-image28.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image28 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image28 > :nth-child(2) {
  -webkit-background: "assets/images/background-image28.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image28.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image28.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image28.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image29 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image29.jpg");
  -moz-background-image: url("assets/images/background-image29.jpg");
  -ms-background-image: url("assets/images/background-image29.jpg");
  background-image: url("assets/images/background-image29.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image29 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image29 > :nth-child(2) {
  -webkit-background: "assets/images/background-image29.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image29.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image29.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image29.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image30 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image30.jpg");
  -moz-background-image: url("assets/images/background-image30.jpg");
  -ms-background-image: url("assets/images/background-image30.jpg");
  background-image: url("assets/images/background-image30.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image30 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image30 > :nth-child(2) {
  -webkit-background: "assets/images/background-image30.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image30.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image30.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image30.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image31 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image31.jpg");
  -moz-background-image: url("assets/images/background-image31.jpg");
  -ms-background-image: url("assets/images/background-image31.jpg");
  background-image: url("assets/images/background-image31.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image31 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image31 > :nth-child(2) {
  -webkit-background: "assets/images/background-image31.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image31.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image31.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image31.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image32 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image32.jpg");
  -moz-background-image: url("assets/images/background-image32.jpg");
  -ms-background-image: url("assets/images/background-image32.jpg");
  background-image: url("assets/images/background-image32.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image32 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image32 > :nth-child(2) {
  -webkit-background: "assets/images/background-image32.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image32.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image32.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image32.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image33 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image33.jpg");
  -moz-background-image: url("assets/images/background-image33.jpg");
  -ms-background-image: url("assets/images/background-image33.jpg");
  background-image: url("assets/images/background-image33.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image33 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image33 > :nth-child(2) {
  -webkit-background: "assets/images/background-image33.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image33.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image33.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image33.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image34 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image34.jpg");
  -moz-background-image: url("assets/images/background-image34.jpg");
  -ms-background-image: url("assets/images/background-image34.jpg");
  background-image: url("assets/images/background-image34.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image34 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image34 > :nth-child(2) {
  -webkit-background: "assets/images/background-image34.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image34.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image34.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image34.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image35 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image35.jpg");
  -moz-background-image: url("assets/images/background-image35.jpg");
  -ms-background-image: url("assets/images/background-image35.jpg");
  background-image: url("assets/images/background-image35.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image35 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image35 > :nth-child(2) {
  -webkit-background: "assets/images/background-image35.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image35.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image35.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image35.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image36 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image36.jpg");
  -moz-background-image: url("assets/images/background-image36.jpg");
  -ms-background-image: url("assets/images/background-image36.jpg");
  background-image: url("assets/images/background-image36.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image36 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image36 > :nth-child(2) {
  -webkit-background: "assets/images/background-image36.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image36.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image36.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image36.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image37 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image37.jpg");
  -moz-background-image: url("assets/images/background-image37.jpg");
  -ms-background-image: url("assets/images/background-image37.jpg");
  background-image: url("assets/images/background-image37.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image37 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image37 > :nth-child(2) {
  -webkit-background: "assets/images/background-image37.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image37.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image37.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image37.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image38 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image38.jpg");
  -moz-background-image: url("assets/images/background-image38.jpg");
  -ms-background-image: url("assets/images/background-image38.jpg");
  background-image: url("assets/images/background-image38.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image38 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image38 > :nth-child(2) {
  -webkit-background: "assets/images/background-image38.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image38.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image38.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image38.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image39 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image39.jpg");
  -moz-background-image: url("assets/images/background-image39.jpg");
  -ms-background-image: url("assets/images/background-image39.jpg");
  background-image: url("assets/images/background-image39.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image39 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image39 > :nth-child(2) {
  -webkit-background: "assets/images/background-image39.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image39.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image39.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image39.jpg";
  background-size: cover;
}
main#fullscreenContainer .background-image40 {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-background-image: url("assets/images/background-image40.jpg");
  -moz-background-image: url("assets/images/background-image40.jpg");
  -ms-background-image: url("assets/images/background-image40.jpg");
  background-image: url("assets/images/background-image40.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media (max-width: 576px) {
  main#fullscreenContainer .background-image40 {
    background-attachment: fixed;
  }
}
main#fullscreenContainer .background-image40 > :nth-child(2) {
  -webkit-background: "assets/images/background-image40.jpg" cornflowerblue no-repeat;
  -moz-background: "assets/images/background-image40.jpg" cornflowerblue no-repeat;
  -ms-background: "assets/images/background-image40.jpg" cornflowerblue no-repeat;
  background: "assets/images/background-image40.jpg";
  background-size: cover;
}

.btn-outline-primary {
  border: 2px solid #012774 !important;
  color: #012774 !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary.active, .btn-outline-primary:not([disabled]), .btn-outline-primary:not(.disabled):active, .btn-outline-primary:not(:disabled) {
  border-color: #012774 !important;
  color: #012774 !important;
}
.btn-outline-primary:hover:not(.disabled).active, .btn-outline-primary:hover:not(.disabled):active, .btn-outline-primary:focus:not(.disabled).active, .btn-outline-primary:focus:not(.disabled):active, .btn-outline-primary:active:not(.disabled).active, .btn-outline-primary:active:not(.disabled):active, .btn-outline-primary:active:focus:not(.disabled).active, .btn-outline-primary:active:focus:not(.disabled):active, .btn-outline-primary.active:not(.disabled).active, .btn-outline-primary.active:not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active, .btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not(.disabled):active:not(.disabled).active, .btn-outline-primary:not(.disabled):active:not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
  border-color: #012774 !important;
}

h1 {
  color: #012774;
  font-family: "Roboto Slab", Arial, sans-serif;
  font-size: 2.25rem;
  font-weight: 300;
  line-height: 2.75rem;
  margin-bottom: 1.25rem;
  text-transform: none;
}
@media (min-width: 768px) {
  h1 {
    font-size: 2.75rem;
    line-height: 3.5rem;
    margin-bottom: 1.25rem;
  }
}

h2 {
  color: #012774;
  font-family: "Roboto Slab", Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2rem;
  margin-bottom: 1.25rem;
  text-transform: none;
}
@media (min-width: 768px) {
  h2 {
    font-size: 1.75rem;
    line-height: 2.25rem;
    margin-bottom: 1.25rem;
  }
}

h3 {
  color: #012774;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: 1.25rem;
  text-transform: none;
}
@media (min-width: 768px) {
  h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1.25rem;
  }
}

h4 {
  color: #012774;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.5rem;
  margin-bottom: 1.25rem;
  text-transform: none;
}
@media (min-width: 768px) {
  h4 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 1.25rem;
  }
}

h5 {
  color: #012774;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: 1.25rem;
  text-transform: none;
}
@media (min-width: 768px) {
  h5 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 1.25rem;
  }
}

h6 {
  color: #012774;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  margin-bottom: 1.25rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  h6 {
    font-size: 1rem;
    line-height: 1.25rem;
    margin-bottom: 1.25rem;
  }
}

.input_range.ticks, .ticks.ncat, .ticks.sliderbar, .ticks.survey-slider, .input_range .range, .ncat .range, .sliderbar .range, .survey-slider .range {
  stroke: #2E2E2E;
}

.show > .btn-outline-primary.dropdown-toggle {
  border-color: #012774 !important;
}

.show > .btn-outline-primary.dropdown-toggle {
  border-color: #012774 !important;
}

mdb-tabset .md-tabs {
  background: #ffffff;
  box-shadow: none;
}

.pills-primary .nav-link.active {
  background-color: #012774 !important;
}

.primary-color {
  background-color: #012774 !important;
}

.card .card-body .card-text {
  font-size: 1rem;
  color: #2E2E2E;
}

.show-reference-section {
  display: none;
  color: #012774;
}

.show-context-text {
  display: none;
  background-color: rgba(0, 82, 194, 0.1882352941);
  padding: 10px;
}

.alpha {
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.omega {
  padding-right: 0px !important;
  margin-right: 0px !important;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.flex-fill-container {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.aon_logo {
  -webkit-mask-image: "assets/images/svg/Aon_Assessment3.0_Logo.svg" 0px 0px;
  mask-image: "assets/images/svg/Aon_Assessment3.0_Logo.svg" 0px 0px;
}

.m-6, .mt-6, .mb-6, .mr-6, .ml-6 {
  margin: 5rem !important;
}

.is-disabled-audio {
  color: #c9cac8;
  fill: #c9cac8;
  pointer-events: none;
}

/*** Global ***/
.mdb-color.lighten-5 {
  background-color: #d0d6e2 !important;
}

.mdb-color.lighten-4 {
  background-color: #b1bace !important;
}

.mdb-color.lighten-3 {
  background-color: #929fba !important;
}

.mdb-color.lighten-2 {
  background-color: #7283a7 !important;
}

.mdb-color.lighten-1 {
  background-color: #59698d !important;
}

.mdb-color {
  background-color: #45526e !important;
}

.mdb-color-text {
  color: #45526e !important;
}

.rgba-mdb-color-slight,
.rgba-mdb-color-slight:after {
  background-color: rgba(69, 82, 110, 0.1);
}

.rgba-mdb-color-light,
.rgba-mdb-color-light:after {
  background-color: rgba(69, 82, 110, 0.3);
}

.rgba-mdb-color-strong,
.rgba-mdb-color-strong:after {
  background-color: rgba(69, 82, 110, 0.7);
}

.mdb-color.darken-1 {
  background-color: #3b465e !important;
}

.mdb-color.darken-2 {
  background-color: #2e3951 !important;
}

.mdb-color.darken-3 {
  background-color: #1c2a48 !important;
}

.mdb-color.darken-4 {
  background-color: #1c2331 !important;
}

.red.lighten-5 {
  background-color: #ffebee !important;
}

.red.lighten-4 {
  background-color: #ffcdd2 !important;
}

.red.lighten-3 {
  background-color: #ef9a9a !important;
}

.red.lighten-2 {
  background-color: #e57373 !important;
}

.red.lighten-1 {
  background-color: #ef5350 !important;
}

.red {
  background-color: #f44336 !important;
}

.red-text {
  color: #f44336 !important;
}

.rgba-red-slight,
.rgba-red-slight:after {
  background-color: rgba(244, 67, 54, 0.1);
}

.rgba-red-light,
.rgba-red-light:after {
  background-color: rgba(244, 67, 54, 0.3);
}

.rgba-red-strong,
.rgba-red-strong:after {
  background-color: rgba(244, 67, 54, 0.7);
}

.red.darken-1 {
  background-color: #e53935 !important;
}

.red.darken-2 {
  background-color: #d32f2f !important;
}

.red.darken-3 {
  background-color: #c62828 !important;
}

.red.darken-4 {
  background-color: #b71c1c !important;
}

.red.accent-1 {
  background-color: #ff8a80 !important;
}

.red.accent-2 {
  background-color: #ff5252 !important;
}

.red.accent-3 {
  background-color: #ff1744 !important;
}

.red.accent-4 {
  background-color: #d50000 !important;
}

.pink.lighten-5 {
  background-color: #fce4ec !important;
}

.pink.lighten-4 {
  background-color: #f8bbd0 !important;
}

.pink.lighten-3 {
  background-color: #f48fb1 !important;
}

.pink.lighten-2 {
  background-color: #f06292 !important;
}

.pink.lighten-1 {
  background-color: #ec407a !important;
}

.pink {
  background-color: #e91e63 !important;
}

.pink-text {
  color: #e91e63 !important;
}

.rgba-pink-slight,
.rgba-pink-slight:after {
  background-color: rgba(233, 30, 99, 0.1);
}

.rgba-pink-light,
.rgba-pink-light:after {
  background-color: rgba(233, 30, 99, 0.3);
}

.rgba-pink-strong,
.rgba-pink-strong:after {
  background-color: rgba(233, 30, 99, 0.7);
}

.pink.darken-1 {
  background-color: #d81b60 !important;
}

.pink.darken-2 {
  background-color: #c2185b !important;
}

.pink.darken-3 {
  background-color: #ad1457 !important;
}

.pink.darken-4 {
  background-color: #880e4f !important;
}

.pink.accent-1 {
  background-color: #ff80ab !important;
}

.pink.accent-2 {
  background-color: #ff4081 !important;
}

.pink.accent-3 {
  background-color: #f50057 !important;
}

.pink.accent-4 {
  background-color: #c51162 !important;
}

.purple.lighten-5 {
  background-color: #f3e5f5 !important;
}

.purple.lighten-4 {
  background-color: #e1bee7 !important;
}

.purple.lighten-3 {
  background-color: #ce93d8 !important;
}

.purple.lighten-2 {
  background-color: #ba68c8 !important;
}

.purple.lighten-1 {
  background-color: #ab47bc !important;
}

.purple {
  background-color: #9c27b0 !important;
}

.purple-text {
  color: #9c27b0 !important;
}

.rgba-purple-slight,
.rgba-purple-slight:after {
  background-color: rgba(156, 39, 176, 0.1);
}

.rgba-purple-light,
.rgba-purple-light:after {
  background-color: rgba(156, 39, 176, 0.3);
}

.rgba-purple-strong,
.rgba-purple-strong:after {
  background-color: rgba(156, 39, 176, 0.7);
}

.purple.darken-1 {
  background-color: #8e24aa !important;
}

.purple.darken-2 {
  background-color: #7b1fa2 !important;
}

.purple.darken-3 {
  background-color: #6a1b9a !important;
}

.purple.darken-4 {
  background-color: #4a148c !important;
}

.purple.accent-1 {
  background-color: #ea80fc !important;
}

.purple.accent-2 {
  background-color: #e040fb !important;
}

.purple.accent-3 {
  background-color: #d500f9 !important;
}

.purple.accent-4 {
  background-color: #aa00ff !important;
}

.deep-purple.lighten-5 {
  background-color: #ede7f6 !important;
}

.deep-purple.lighten-4 {
  background-color: #d1c4e9 !important;
}

.deep-purple.lighten-3 {
  background-color: #b39ddb !important;
}

.deep-purple.lighten-2 {
  background-color: #9575cd !important;
}

.deep-purple.lighten-1 {
  background-color: #7e57c2 !important;
}

.deep-purple {
  background-color: #673ab7 !important;
}

.deep-purple-text {
  color: #673ab7 !important;
}

.rgba-deep-purple-slight,
.rgba-deep-purple-slight:after {
  background-color: rgba(103, 58, 183, 0.1);
}

.rgba-deep-purple-light,
.rgba-deep-purple-light:after {
  background-color: rgba(103, 58, 183, 0.3);
}

.rgba-deep-purple-strong,
.rgba-deep-purple-strong:after {
  background-color: rgba(103, 58, 183, 0.7);
}

.deep-purple.darken-1 {
  background-color: #5e35b1 !important;
}

.deep-purple.darken-2 {
  background-color: #512da8 !important;
}

.deep-purple.darken-3 {
  background-color: #4527a0 !important;
}

.deep-purple.darken-4 {
  background-color: #311b92 !important;
}

.deep-purple.accent-1 {
  background-color: #b388ff !important;
}

.deep-purple.accent-2 {
  background-color: #7c4dff !important;
}

.deep-purple.accent-3 {
  background-color: #651fff !important;
}

.deep-purple.accent-4 {
  background-color: #6200ea !important;
}

.indigo.lighten-5 {
  background-color: #e8eaf6 !important;
}

.indigo.lighten-4 {
  background-color: #c5cae9 !important;
}

.indigo.lighten-3 {
  background-color: #9fa8da !important;
}

.indigo.lighten-2 {
  background-color: #7986cb !important;
}

.indigo.lighten-1 {
  background-color: #5c6bc0 !important;
}

.indigo {
  background-color: #3f51b5 !important;
}

.indigo-text {
  color: #3f51b5 !important;
}

.rgba-indigo-slight,
.rgba-indigo-slight:after {
  background-color: rgba(63, 81, 181, 0.1);
}

.rgba-indigo-light,
.rgba-indigo-light:after {
  background-color: rgba(63, 81, 181, 0.3);
}

.rgba-indigo-strong,
.rgba-indigo-strong:after {
  background-color: rgba(63, 81, 181, 0.7);
}

.indigo.darken-1 {
  background-color: #3949ab !important;
}

.indigo.darken-2 {
  background-color: #303f9f !important;
}

.indigo.darken-3 {
  background-color: #283593 !important;
}

.indigo.darken-4 {
  background-color: #1a237e !important;
}

.indigo.accent-1 {
  background-color: #8c9eff !important;
}

.indigo.accent-2 {
  background-color: #536dfe !important;
}

.indigo.accent-3 {
  background-color: #3d5afe !important;
}

.indigo.accent-4 {
  background-color: #304ffe !important;
}

.blue.lighten-5 {
  background-color: #e3f2fd !important;
}

.blue.lighten-4 {
  background-color: #bbdefb !important;
}

.blue.lighten-3 {
  background-color: #90caf9 !important;
}

.blue.lighten-2 {
  background-color: #64b5f6 !important;
}

.blue.lighten-1 {
  background-color: #42a5f5 !important;
}

.blue {
  background-color: #2196f3 !important;
}

.blue-text {
  color: #2196f3 !important;
}

.rgba-blue-slight,
.rgba-blue-slight:after {
  background-color: rgba(33, 150, 243, 0.1);
}

.rgba-blue-light,
.rgba-blue-light:after {
  background-color: rgba(33, 150, 243, 0.3);
}

.rgba-blue-strong,
.rgba-blue-strong:after {
  background-color: rgba(33, 150, 243, 0.7);
}

.blue.darken-1 {
  background-color: #1e88e5 !important;
}

.blue.darken-2 {
  background-color: #1976d2 !important;
}

.blue.darken-3 {
  background-color: #1565c0 !important;
}

.blue.darken-4 {
  background-color: #0d47a1 !important;
}

.blue.accent-1 {
  background-color: #82b1ff !important;
}

.blue.accent-2 {
  background-color: #448aff !important;
}

.blue.accent-3 {
  background-color: #2979ff !important;
}

.blue.accent-4 {
  background-color: #2962ff !important;
}

.light-blue.lighten-5 {
  background-color: #e1f5fe !important;
}

.light-blue.lighten-4 {
  background-color: #b3e5fc !important;
}

.light-blue.lighten-3 {
  background-color: #81d4fa !important;
}

.light-blue.lighten-2 {
  background-color: #4fc3f7 !important;
}

.light-blue.lighten-1 {
  background-color: #29b6f6 !important;
}

.light-blue {
  background-color: #03a9f4 !important;
}

.light-blue-text {
  color: #03a9f4 !important;
}

.rgba-light-blue-slight,
.rgba-light-blue-slight:after {
  background-color: rgba(3, 169, 244, 0.1);
}

.rgba-light-blue-light,
.rgba-light-blue-light:after {
  background-color: rgba(3, 169, 244, 0.3);
}

.rgba-light-blue-strong,
.rgba-light-blue-strong:after {
  background-color: rgba(3, 169, 244, 0.7);
}

.light-blue.darken-1 {
  background-color: #039be5 !important;
}

.light-blue.darken-2 {
  background-color: #0288d1 !important;
}

.light-blue.darken-3 {
  background-color: #0277bd !important;
}

.light-blue.darken-4 {
  background-color: #01579b !important;
}

.light-blue.accent-1 {
  background-color: #80d8ff !important;
}

.light-blue.accent-2 {
  background-color: #40c4ff !important;
}

.light-blue.accent-3 {
  background-color: #00b0ff !important;
}

.light-blue.accent-4 {
  background-color: #0091ea !important;
}

.cyan.lighten-5 {
  background-color: #e0f7fa !important;
}

.cyan.lighten-4 {
  background-color: #b2ebf2 !important;
}

.cyan.lighten-3 {
  background-color: #80deea !important;
}

.cyan.lighten-2 {
  background-color: #4dd0e1 !important;
}

.cyan.lighten-1 {
  background-color: #26c6da !important;
}

.cyan {
  background-color: #00bcd4 !important;
}

.cyan-text {
  color: #00bcd4 !important;
}

.rgba-cyan-slight,
.rgba-cyan-slight:after {
  background-color: rgba(0, 188, 212, 0.1);
}

.rgba-cyan-light,
.rgba-cyan-light:after {
  background-color: rgba(0, 188, 212, 0.3);
}

.rgba-cyan-strong,
.rgba-cyan-strong:after {
  background-color: rgba(0, 188, 212, 0.7);
}

.cyan.darken-1 {
  background-color: #00acc1 !important;
}

.cyan.darken-2 {
  background-color: #0097a7 !important;
}

.cyan.darken-3 {
  background-color: #00838f !important;
}

.cyan.darken-4 {
  background-color: #006064 !important;
}

.cyan.accent-1 {
  background-color: #84ffff !important;
}

.cyan.accent-2 {
  background-color: #18ffff !important;
}

.cyan.accent-3 {
  background-color: #00e5ff !important;
}

.cyan.accent-4 {
  background-color: #00b8d4 !important;
}

.teal.lighten-5 {
  background-color: #e0f2f1 !important;
}

.teal.lighten-4 {
  background-color: #b2dfdb !important;
}

.teal.lighten-3 {
  background-color: #80cbc4 !important;
}

.teal.lighten-2 {
  background-color: #4db6ac !important;
}

.teal.lighten-1 {
  background-color: #26a69a !important;
}

.teal {
  background-color: #009688 !important;
}

.teal-text {
  color: #009688 !important;
}

.rgba-teal-slight,
.rgba-teal-slight:after {
  background-color: rgba(0, 150, 136, 0.1);
}

.rgba-teal-light,
.rgba-teal-light:after {
  background-color: rgba(0, 150, 136, 0.3);
}

.rgba-teal-strong,
.rgba-teal-strong:after {
  background-color: rgba(0, 150, 136, 0.7);
}

.teal.darken-1 {
  background-color: #00897b !important;
}

.teal.darken-2 {
  background-color: #00796b !important;
}

.teal.darken-3 {
  background-color: #00695c !important;
}

.teal.darken-4 {
  background-color: #004d40 !important;
}

.teal.accent-1 {
  background-color: #a7ffeb !important;
}

.teal.accent-2 {
  background-color: #64ffda !important;
}

.teal.accent-3 {
  background-color: #1de9b6 !important;
}

.teal.accent-4 {
  background-color: #00bfa5 !important;
}

.green.lighten-5 {
  background-color: #e8f5e9 !important;
}

.green.lighten-4 {
  background-color: #c8e6c9 !important;
}

.green.lighten-3 {
  background-color: #a5d6a7 !important;
}

.green.lighten-2 {
  background-color: #81c784 !important;
}

.green.lighten-1 {
  background-color: #66bb6a !important;
}

.green {
  background-color: #4caf50 !important;
}

.green-text {
  color: #4caf50 !important;
}

.rgba-green-slight,
.rgba-green-slight:after {
  background-color: rgba(76, 175, 80, 0.1);
}

.rgba-green-light,
.rgba-green-light:after {
  background-color: rgba(76, 175, 80, 0.3);
}

.rgba-green-strong,
.rgba-green-strong:after {
  background-color: rgba(76, 175, 80, 0.7);
}

.green.darken-1 {
  background-color: #43a047 !important;
}

.green.darken-2 {
  background-color: #388e3c !important;
}

.green.darken-3 {
  background-color: #2e7d32 !important;
}

.green.darken-4 {
  background-color: #1b5e20 !important;
}

.green.accent-1 {
  background-color: #b9f6ca !important;
}

.green.accent-2 {
  background-color: #69f0ae !important;
}

.green.accent-3 {
  background-color: #00e676 !important;
}

.green.accent-4 {
  background-color: #00c853 !important;
}

.light-green.lighten-5 {
  background-color: #f1f8e9 !important;
}

.light-green.lighten-4 {
  background-color: #dcedc8 !important;
}

.light-green.lighten-3 {
  background-color: #c5e1a5 !important;
}

.light-green.lighten-2 {
  background-color: #aed581 !important;
}

.light-green.lighten-1 {
  background-color: #9ccc65 !important;
}

.light-green {
  background-color: #8bc34a !important;
}

.light-green-text {
  color: #8bc34a !important;
}

.rgba-light-green-slight,
.rgba-light-green-slight:after {
  background-color: rgba(139, 195, 74, 0.1);
}

.rgba-light-green-light,
.rgba-light-green-light:after {
  background-color: rgba(139, 195, 74, 0.3);
}

.rgba-light-green-strong,
.rgba-light-green-strong:after {
  background-color: rgba(139, 195, 74, 0.7);
}

.light-green.darken-1 {
  background-color: #7cb342 !important;
}

.light-green.darken-2 {
  background-color: #689f38 !important;
}

.light-green.darken-3 {
  background-color: #558b2f !important;
}

.light-green.darken-4 {
  background-color: #33691e !important;
}

.light-green.accent-1 {
  background-color: #ccff90 !important;
}

.light-green.accent-2 {
  background-color: #b2ff59 !important;
}

.light-green.accent-3 {
  background-color: #76ff03 !important;
}

.light-green.accent-4 {
  background-color: #64dd17 !important;
}

.lime.lighten-5 {
  background-color: #f9fbe7 !important;
}

.lime.lighten-4 {
  background-color: #f0f4c3 !important;
}

.lime.lighten-3 {
  background-color: #e6ee9c !important;
}

.lime.lighten-2 {
  background-color: #dce775 !important;
}

.lime.lighten-1 {
  background-color: #d4e157 !important;
}

.lime {
  background-color: #cddc39 !important;
}

.lime-text {
  color: #cddc39 !important;
}

.rgba-lime-slight,
.rgba-lime-slight:after {
  background-color: rgba(205, 220, 57, 0.1);
}

.rgba-lime-light,
.rgba-lime-light:after {
  background-color: rgba(205, 220, 57, 0.3);
}

.rgba-lime-strong,
.rgba-lime-strong:after {
  background-color: rgba(205, 220, 57, 0.7);
}

.lime.darken-1 {
  background-color: #c0ca33 !important;
}

.lime.darken-2 {
  background-color: #afb42b !important;
}

.lime.darken-3 {
  background-color: #9e9d24 !important;
}

.lime.darken-4 {
  background-color: #827717 !important;
}

.lime.accent-1 {
  background-color: #f4ff81 !important;
}

.lime.accent-2 {
  background-color: #eeff41 !important;
}

.lime.accent-3 {
  background-color: #c6ff00 !important;
}

.lime.accent-4 {
  background-color: #aeea00 !important;
}

.yellow.lighten-5 {
  background-color: #fffde7 !important;
}

.yellow.lighten-4 {
  background-color: #fff9c4 !important;
}

.yellow.lighten-3 {
  background-color: #fff59d !important;
}

.yellow.lighten-2 {
  background-color: #fff176 !important;
}

.yellow.lighten-1 {
  background-color: #ffee58 !important;
}

.yellow {
  background-color: #ffeb3b !important;
}

.yellow-text {
  color: #ffeb3b !important;
}

.rgba-yellow-slight,
.rgba-yellow-slight:after {
  background-color: rgba(255, 235, 59, 0.1);
}

.rgba-yellow-light,
.rgba-yellow-light:after {
  background-color: rgba(255, 235, 59, 0.3);
}

.rgba-yellow-strong,
.rgba-yellow-strong:after {
  background-color: rgba(255, 235, 59, 0.7);
}

.yellow.darken-1 {
  background-color: #fdd835 !important;
}

.yellow.darken-2 {
  background-color: #fbc02d !important;
}

.yellow.darken-3 {
  background-color: #f9a825 !important;
}

.yellow.darken-4 {
  background-color: #f57f17 !important;
}

.yellow.accent-1 {
  background-color: #ffff8d !important;
}

.yellow.accent-2 {
  background-color: #ffff00 !important;
}

.yellow.accent-3 {
  background-color: #ffea00 !important;
}

.yellow.accent-4 {
  background-color: #ffd600 !important;
}

.amber.lighten-5 {
  background-color: #fff8e1 !important;
}

.amber.lighten-4 {
  background-color: #ffecb3 !important;
}

.amber.lighten-3 {
  background-color: #ffe082 !important;
}

.amber.lighten-2 {
  background-color: #ffd54f !important;
}

.amber.lighten-1 {
  background-color: #ffca28 !important;
}

.amber {
  background-color: #ffc107 !important;
}

.amber-text {
  color: #ffc107 !important;
}

.rgba-amber-slight,
.rgba-amber-slight:after {
  background-color: rgba(255, 193, 7, 0.1);
}

.rgba-amber-light,
.rgba-amber-light:after {
  background-color: rgba(255, 193, 7, 0.3);
}

.rgba-amber-strong,
.rgba-amber-strong:after {
  background-color: rgba(255, 193, 7, 0.7);
}

.amber.darken-1 {
  background-color: #ffb300 !important;
}

.amber.darken-2 {
  background-color: #ffa000 !important;
}

.amber.darken-3 {
  background-color: #ff8f00 !important;
}

.amber.darken-4 {
  background-color: #ff6f00 !important;
}

.amber.accent-1 {
  background-color: #ffe57f !important;
}

.amber.accent-2 {
  background-color: #ffd740 !important;
}

.amber.accent-3 {
  background-color: #ffc400 !important;
}

.amber.accent-4 {
  background-color: #ffab00 !important;
}

.orange.lighten-5 {
  background-color: #fff3e0 !important;
}

.orange.lighten-4 {
  background-color: #ffe0b2 !important;
}

.orange.lighten-3 {
  background-color: #ffcc80 !important;
}

.orange.lighten-2 {
  background-color: #ffb74d !important;
}

.orange.lighten-1 {
  background-color: #ffa726 !important;
}

.orange {
  background-color: #ff9800 !important;
}

.orange-text {
  color: #ff9800 !important;
}

.rgba-orange-slight,
.rgba-orange-slight:after {
  background-color: rgba(255, 152, 0, 0.1);
}

.rgba-orange-light,
.rgba-orange-light:after {
  background-color: rgba(255, 152, 0, 0.3);
}

.rgba-orange-strong,
.rgba-orange-strong:after {
  background-color: rgba(255, 152, 0, 0.7);
}

.orange.darken-1 {
  background-color: #fb8c00 !important;
}

.orange.darken-2 {
  background-color: #f57c00 !important;
}

.orange.darken-3 {
  background-color: #ef6c00 !important;
}

.orange.darken-4 {
  background-color: #e65100 !important;
}

.orange.accent-1 {
  background-color: #ffd180 !important;
}

.orange.accent-2 {
  background-color: #ffab40 !important;
}

.orange.accent-3 {
  background-color: #ff9100 !important;
}

.orange.accent-4 {
  background-color: #ff6d00 !important;
}

.deep-orange.lighten-5 {
  background-color: #fbe9e7 !important;
}

.deep-orange.lighten-4 {
  background-color: #ffccbc !important;
}

.deep-orange.lighten-3 {
  background-color: #ffab91 !important;
}

.deep-orange.lighten-2 {
  background-color: #ff8a65 !important;
}

.deep-orange.lighten-1 {
  background-color: #ff7043 !important;
}

.deep-orange {
  background-color: #ff5722 !important;
}

.deep-orange-text {
  color: #ff5722 !important;
}

.rgba-deep-orange-slight,
.rgba-deep-orange-slight:after {
  background-color: rgba(255, 87, 34, 0.1);
}

.rgba-deep-orange-light,
.rgba-deep-orange-light:after {
  background-color: rgba(255, 87, 34, 0.3);
}

.rgba-deep-orange-strong,
.rgba-deep-orange-strong:after {
  background-color: rgba(255, 87, 34, 0.7);
}

.deep-orange.darken-1 {
  background-color: #f4511e !important;
}

.deep-orange.darken-2 {
  background-color: #e64a19 !important;
}

.deep-orange.darken-3 {
  background-color: #d84315 !important;
}

.deep-orange.darken-4 {
  background-color: #bf360c !important;
}

.deep-orange.accent-1 {
  background-color: #ff9e80 !important;
}

.deep-orange.accent-2 {
  background-color: #ff6e40 !important;
}

.deep-orange.accent-3 {
  background-color: #ff3d00 !important;
}

.deep-orange.accent-4 {
  background-color: #dd2c00 !important;
}

.brown.lighten-5 {
  background-color: #efebe9 !important;
}

.brown.lighten-4 {
  background-color: #d7ccc8 !important;
}

.brown.lighten-3 {
  background-color: #bcaaa4 !important;
}

.brown.lighten-2 {
  background-color: #a1887f !important;
}

.brown.lighten-1 {
  background-color: #8d6e63 !important;
}

.brown {
  background-color: #795548 !important;
}

.brown-text {
  color: #795548 !important;
}

.rgba-brown-slight,
.rgba-brown-slight:after {
  background-color: rgba(121, 85, 72, 0.1);
}

.rgba-brown-light,
.rgba-brown-light:after {
  background-color: rgba(121, 85, 72, 0.3);
}

.rgba-brown-strong,
.rgba-brown-strong:after {
  background-color: rgba(121, 85, 72, 0.7);
}

.brown.darken-1 {
  background-color: #6d4c41 !important;
}

.brown.darken-2 {
  background-color: #5d4037 !important;
}

.brown.darken-3 {
  background-color: #4e342e !important;
}

.brown.darken-4 {
  background-color: #3e2723 !important;
}

.blue-grey.lighten-5 {
  background-color: #eceff1 !important;
}

.blue-grey.lighten-4 {
  background-color: #cfd8dc !important;
}

.blue-grey.lighten-3 {
  background-color: #b0bec5 !important;
}

.blue-grey.lighten-2 {
  background-color: #90a4ae !important;
}

.blue-grey.lighten-1 {
  background-color: #78909c !important;
}

.blue-grey {
  background-color: #607d8b !important;
}

.blue-grey-text {
  color: #607d8b !important;
}

.rgba-blue-grey-slight,
.rgba-blue-grey-slight:after {
  background-color: rgba(96, 125, 139, 0.1);
}

.rgba-blue-grey-light,
.rgba-blue-grey-light:after {
  background-color: rgba(96, 125, 139, 0.3);
}

.rgba-blue-grey-strong,
.rgba-blue-grey-strong:after {
  background-color: rgba(96, 125, 139, 0.7);
}

.blue-grey.darken-1 {
  background-color: #546e7a !important;
}

.blue-grey.darken-2 {
  background-color: #455a64 !important;
}

.blue-grey.darken-3 {
  background-color: #37474f !important;
}

.blue-grey.darken-4 {
  background-color: #263238 !important;
}

.grey.lighten-5 {
  background-color: #fafafa !important;
}

.grey.lighten-4 {
  background-color: #f5f5f5 !important;
}

.grey.lighten-3 {
  background-color: #eeeeee !important;
}

.grey.lighten-2 {
  background-color: #e0e0e0 !important;
}

.grey.lighten-1 {
  background-color: #bdbdbd !important;
}

.grey {
  background-color: #9e9e9e !important;
}

.grey-text {
  color: #9e9e9e !important;
}

.rgba-grey-slight,
.rgba-grey-slight:after {
  background-color: rgba(158, 158, 158, 0.1);
}

.rgba-grey-light,
.rgba-grey-light:after {
  background-color: rgba(158, 158, 158, 0.3);
}

.rgba-grey-strong,
.rgba-grey-strong:after {
  background-color: rgba(158, 158, 158, 0.7);
}

.grey.darken-1 {
  background-color: #757575 !important;
}

.grey.darken-2 {
  background-color: #616161 !important;
}

.grey.darken-3 {
  background-color: #424242 !important;
}

.grey.darken-4 {
  background-color: #212121 !important;
}

.black {
  background-color: #000 !important;
}

.black-text, .btn.btn-link {
  color: #000 !important;
}

.rgba-black-slight,
.rgba-black-slight:after {
  background-color: rgba(0, 0, 0, 0.1);
}

.rgba-black-light,
.rgba-black-light:after {
  background-color: rgba(0, 0, 0, 0.3);
}

.rgba-black-strong,
.rgba-black-strong:after {
  background-color: rgba(0, 0, 0, 0.7);
}

.white {
  background-color: #fff !important;
}

.white-text {
  color: #fff !important;
}

.rgba-white-slight,
.rgba-white-slight:after {
  background-color: rgba(255, 255, 255, 0.1);
}

.rgba-white-light,
.rgba-white-light:after {
  background-color: rgba(255, 255, 255, 0.3);
}

.rgba-white-strong,
.rgba-white-strong:after {
  background-color: rgba(255, 255, 255, 0.7);
}

.rgba-stylish-slight {
  background-color: rgba(62, 69, 81, 0.1);
}

.rgba-stylish-light {
  background-color: rgba(62, 69, 81, 0.3);
}

.rgba-stylish-strong {
  background-color: rgba(62, 69, 81, 0.7);
}

.primary-color {
  background-color: #012774 !important;
}

.primary-color-dark {
  background-color: #0d47a1 !important;
}

.secondary-color {
  background-color: #007bb6 !important;
}

.secondary-color-dark {
  background-color: #9933cc !important;
}

.default-color {
  background-color: #2bbbad !important;
}

.default-color-dark {
  background-color: #00695c !important;
}

.info-color {
  background-color: #33b5e5 !important;
}

.info-color-dark {
  background-color: #0099cc !important;
}

.success-color {
  background-color: #00c851 !important;
}

.success-color-dark {
  background-color: #007e33 !important;
}

.warning-color {
  background-color: #ffbb33 !important;
}

.warning-color-dark {
  background-color: #ff8800 !important;
}

.danger-color {
  background-color: #ff3547 !important;
}

.danger-color-dark {
  background-color: #cc0000 !important;
}

.elegant-color {
  background-color: #2e2e2e !important;
}

.elegant-color-dark {
  background-color: #212121 !important;
}

.stylish-color {
  background-color: #4b515d !important;
}

.stylish-color-dark {
  background-color: #3e4551 !important;
}

.unique-color {
  background-color: #3f729b !important;
}

.unique-color-dark {
  background-color: #1c2331 !important;
}

.special-color {
  background-color: #37474f !important;
}

.special-color-dark {
  background-color: #263238 !important;
}

.purple-gradient {
  background: linear-gradient(40deg, #ff6ec4, #7873f5) !important;
}

.peach-gradient {
  background: linear-gradient(40deg, #FFD86F, #FC6262) !important;
}

.aqua-gradient {
  background: linear-gradient(40deg, #2096ff, #05ffa3) !important;
}

.blue-gradient {
  background: linear-gradient(40deg, #45cafc, #303f9f) !important;
}

.purple-gradient-rgba {
  background: linear-gradient(40deg, rgba(255, 110, 196, 0.9), rgba(120, 115, 245, 0.9)) !important;
}

.peach-gradient-rgba {
  background: linear-gradient(40deg, rgba(255, 216, 111, 0.9), rgba(252, 98, 98, 0.9)) !important;
}

.aqua-gradient-rgba {
  background: linear-gradient(40deg, rgba(32, 150, 255, 0.9), rgba(5, 255, 163, 0.9)) !important;
}

.blue-gradient-rgba {
  background: linear-gradient(40deg, rgba(69, 202, 252, 0.9), rgba(48, 63, 159, 0.9)) !important;
}

.dark-grey-text {
  color: #4f4f4f !important;
}
.dark-grey-text:hover, .dark-grey-text:focus {
  color: #4f4f4f !important;
}

.hoverable {
  box-shadow: none;
  transition: all 0.55s ease-in-out;
}
.hoverable:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: all 0.55s ease-in-out;
}

.z-depth-0 {
  box-shadow: none !important;
}

.z-depth-1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.z-depth-1-half {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}

.z-depth-2 {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

.z-depth-3 {
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important;
}

.z-depth-4 {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important;
}

.z-depth-5 {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important;
}

.disabled,
:disabled {
  pointer-events: none !important;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #012774;
  transition: all 0.2s ease-in-out;
}
a:hover {
  text-decoration: none;
  color: rgb(0.3461538462, 13.5, 40.1538461538);
  transition: all 0.2s ease-in-out;
}
a.disabled:hover, a:disabled:hover {
  color: #012774;
}

a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}

.img-fluid,
.video-fluid {
  max-width: 100%;
  height: auto;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.flex-center p {
  margin: 0;
}
.flex-center ul {
  text-align: center;
}
.flex-center ul li {
  margin-bottom: 1rem;
}
.flex-center ul li:last-of-type {
  margin-bottom: 0;
}

.hr-light {
  border-top: 1px solid #fff;
}

.hr-dark {
  border-top: 1px solid #666;
}

.w-responsive {
  width: 75%;
}
@media (max-width: 740px) {
  .w-responsive {
    width: 100%;
  }
}

.collapsible-body {
  display: none;
}

.jumbotron {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 0.125rem;
  background-color: #fff;
}

.bg-primary {
  background-color: #012774 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(0.5641025641, 22, 65.4358974359) !important;
}

.border-primary {
  border-color: #012774 !important;
}

.bg-danger {
  background-color: #ff3547 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: rgb(255, 2, 24.5445544554) !important;
}

.border-danger {
  border-color: #ff3547 !important;
}

.bg-warning {
  background-color: #ffbb33 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #ffaa00 !important;
}

.border-warning {
  border-color: #ffbb33 !important;
}

.bg-success {
  background-color: #00c851 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: rgb(0, 149, 60.345) !important;
}

.border-success {
  border-color: #00c851 !important;
}

.bg-info {
  background-color: #33b5e5 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: rgb(25.8869565217, 155.3217391304, 203.1130434783) !important;
}

.border-info {
  border-color: #33b5e5 !important;
}

.bg-default {
  background-color: #2bbbad !important;
}

a.bg-default:hover, a.bg-default:focus,
button.bg-default:hover,
button.bg-default:focus {
  background-color: rgb(33.4652173913, 145.5347826087, 134.6391304348) !important;
}

.border-default {
  border-color: #2bbbad !important;
}

.bg-secondary {
  background-color: #007bb6 !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: rgb(0, 88.532967033, 131) !important;
}

.border-secondary {
  border-color: #007bb6 !important;
}

.bg-dark {
  background-color: #212121 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: rgb(7.5, 7.5, 7.5) !important;
}

.border-dark {
  border-color: #212121 !important;
}

.bg-light {
  background-color: #e0e0e0 !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(198.5, 198.5, 198.5) !important;
}

.border-light {
  border-color: #e0e0e0 !important;
}

.card-img-100 {
  width: 100px;
  height: 100px;
}

.card-img-64 {
  width: 64px;
  height: 64px;
}

.mml-1 {
  margin-left: -0.25rem !important;
}

.flex-1 {
  flex: 1;
}

.bar-top {
  height: 40px;
  opacity: 0.9;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 6px 9px 10px;
  z-index: 1050;
}
.bar-top .logo {
  height: 25px;
}

.bg-img {
  z-index: -1000;
  top: 0;
}

.wrapper, .wrapper-landscape {
  background-color: rgb(255, 255, 255);
  padding-bottom: calc(10vh + 30px);
  padding-top: 40px;
}
@media (min-width: 1200px) {
  .wrapper, .wrapper-landscape {
    background-color: rgba(255, 255, 255, 0);
    padding-top: 0;
  }
}

.home-component-input-error {
  top: 39px !important;
}

.no-background {
  padding-bottom: 10vh;
  background-color: rgba(255, 255, 255, 0);
}

.main-content, .main-content-landscape {
  min-height: calc(90vh - 100px);
  max-width: 960px;
}
@media (min-width: 1200px) {
  .main-content, .main-content-landscape {
    margin-top: 70px;
    border-radius: 4px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
}
@media (max-width: 576px) {
  .main-content, .main-content-landscape {
    width: 100%;
    overflow-x: hidden;
  }
}

.main-content-home {
  min-height: calc(90vh - 100px);
  max-width: 36rem;
  padding-top: 30px;
}
@media (min-width: 1200px) {
  .main-content-home {
    min-height: 0;
    padding-top: 15px;
    margin-top: 70px;
    border-radius: 4px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
}

.btn-login {
  border: 2px solid #012774;
  font-size: 1rem;
  text-transform: none;
}
.btn-login:hover {
  border: 2px solid rgb(1.2179487179, 47.5, 141.2820512821);
}

.btn.btn-rounded {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  border-radius: 10em;
}

.btn-primary {
  border: 2px solid #012774 !important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:not([disabled]):not(.disabled):active {
  background-color: #012774 !important;
  border: 2px solid #012774 !important;
}

.text-primary {
  color: #012774 !important;
}

.text-secondary {
  color: #007bb6 !important;
}

.fill-primary {
  fill: #012774;
}

.fill-secondary {
  fill: #007bb6;
}

.main-content-mcq { /* WebKit-based browsers will ignore this. */
  max-width: 960px;
}
@media (min-width: 1200px) {
  .main-content-mcq {
    margin-top: 40px;
    border-radius: 4px;
    box-shadow: 0 0 0 0;
  }
}

.progress .progress-bar {
  background-color: #012774;
}

.word-break {
  overflow-wrap: break-word;
}

/* sliderbar */
.sliderbar-instructions {
  top: calc(40px - 2.25rem);
}

.divider-dotted {
  border-right: 2px dotted #c0c0c0;
}

.sliderbar-range-labels {
  padding-left: 13.5%;
  padding-right: 4%;
}

.candidate-sliderbar-range-labels {
  max-width: 90%;
  margin-right: 2px;
}
@media (min-width: 576px) {
  .candidate-sliderbar-range-labels {
    max-width: 94%;
    margin-right: -10px;
  }
}
@media (min-width: 768px) {
  .candidate-sliderbar-range-labels {
    max-width: 88%;
    margin-right: 6px;
  }
}
@media (min-width: 1200px) {
  .candidate-sliderbar-range-labels {
    max-width: 92%;
    margin-right: -2px;
  }
}

.half-turn {
  transform: rotateY(180deg);
}

.modal-header {
  border-radius: 2px 2px 0 0;
}

.modal-backdrop.show {
  opacity: 0.9;
}

.close {
  font-weight: normal;
  text-shadow: none;
}

.timer-pause {
  width: 7rem;
  height: 7rem;
  margin-top: -3.5rem;
}

.instructions img {
  width: 100%;
}
.instructions .divider {
  margin: 1rem 0;
  border-top: 1px solid #CBCBCB;
}
.instructions .cat-explanations {
  border-top: 7px solid #012774;
  background-color: rgba(1, 39, 116, 0.15);
}

.cat .btn-multiple-choice-simple {
  font-size: 1rem;
  text-transform: none;
  border-radius: 0.25rem;
  background-color: #ffffff;
  border: 1px solid #2e2e2e;
  border-color: #2e2e2e;
  box-shadow: none;
  color: #2e2e2e !important;
  transition: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .cat .btn-multiple-choice-simple:hover {
    color: #fff !important;
    background-color: #2e2e2e;
    border: 1px solid transparent;
    box-shadow: none;
    transition: none !important;
  }
}
.cat .btn-multiple-choice-simple:hover, .cat .btn-multiple-choice-simple:active, .cat .btn-multiple-choice-simple:focus {
  box-shadow: none !important;
}
.cat .item-text i {
  font-style: normal;
  font-size: 1rem;
}
.cat .selectedResponse {
  background-color: #747474 !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  transition: none !important;
}
.cat .otherResponse {
  background-color: #fff;
  color: #929292 !important;
  border: 1px solid #929292;
  opacity: 1;
}

.help-modal .modal-dialog .modal-content {
  max-height: 80vh;
}
.help-modal .modal-dialog .modal-content .modal-body {
  overflow-y: auto;
}

.application-launcher .exit-button:hover {
  cursor: pointer;
}

.control-bar_button .btn.disabled {
  border: 2px solid #c9cac8 !important;
  color: #c9cac8 !important;
}

.text-event-screen img {
  width: 100%;
}
.text-event-screen video {
  max-width: 800px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.text-event-screen audio::-webkit-media-controls-mute-button {
  display: none !important;
}
.text-event-screen audio::-webkit-media-controls-volume-slider {
  display: none !important;
}

.survey .btn.survey-mcq {
  font-size: 1rem;
  text-transform: none;
  background-color: #ffffff;
  border: 1px solid #2e2e2e;
  border-color: #2e2e2e;
  box-shadow: none;
  color: #2e2e2e !important;
  transition: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .survey .btn.survey-mcq:hover {
    color: #fff !important;
    background-color: #2e2e2e;
    border: 1px solid transparent;
    transition: none !important;
  }
}
.survey .btn.survey-mcq:hover, .survey .btn.survey-mcq:active, .survey .btn.survey-mcq:focus {
  box-shadow: none !important;
}
.survey .btn.selectedResponse {
  background-color: #747474 !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  transition: none !important;
}
@media (min-width: 768px) {
  .survey .flex-fill-md-evenly {
    flex: 1;
  }
}
.survey .text-area-padding {
  padding-left: 0.75rem;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 915px) and (min-aspect-ratio: 13/9) {
  main#fullscreenContainer app-content-panel #contentPanel .landscape-message {
    display: block !important;
  }
  main#fullscreenContainer app-content-panel #contentPanel .wrapper, main#fullscreenContainer app-content-panel #contentPanel .culture-selection, main#fullscreenContainer app-content-panel #contentPanel .language-selection {
    display: none;
  }
  main#fullscreenContainer app-content-panel #contentPanel app-pause, main#fullscreenContainer app-content-panel #contentPanel app-reference-section, main#fullscreenContainer app-content-panel #contentPanel app-help, main#fullscreenContainer app-content-panel #contentPanel app-character-image, main#fullscreenContainer app-content-panel #contentPanel app-nag-event-modal {
    display: none !important;
  }
  main#fullscreenContainer app-content-panel #contentPanel #control-bar > div > div {
    display: none;
  }
  .wrapper-caption {
    display: none;
  }
}
app-spinner .preloader-wrapper .spinner-blue-only.mat-progress-spinner svg path {
  stroke: white;
}

.reference-modal {
  overflow-y: auto !important;
  z-index: 1020;
}

.ab-reference-section-content {
  font-size: 0.875rem;
}
.ab-reference-section-content .line-height-adjustment {
  line-height: 1.2;
}

#reference img {
  width: 100% !important;
}

app-tree p {
  color: #007bb6;
}

.tree .tree-item:hover {
  cursor: pointer;
}

.close-button:hover {
  cursor: pointer;
}

.reference-modal-dialog {
  max-width: 95%;
  min-height: 90%;
  margin: 1rem auto;
}
.reference-modal-dialog .modal-content {
  min-height: 100vh;
}
@media (min-width: 1200px) {
  .reference-modal-dialog {
    max-width: calc(1000px + 1rem);
  }
}

.main-content-mcq .btn {
  font-size: 0.875rem;
  text-transform: none;
}
.main-content-mcq .btn.mcq-response {
  color: #2e2e2e;
  background-color: #ffffff;
  border: 1px solid #2e2e2e;
  border-color: #2e2e2e;
  box-shadow: none;
  transition: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .main-content-mcq .btn.mcq-response:hover {
    color: #fff !important;
    background-color: #2e2e2e;
    border: 1px solid transparent;
    box-shadow: none;
    transition: none !important;
  }
}
.main-content-mcq .btn.mcq-response:hover, .main-content-mcq .btn.mcq-response:active, .main-content-mcq .btn.mcq-response:focus {
  box-shadow: none !important;
}
.main-content-mcq .btn.selectedResponse {
  background-color: #747474 !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  transition: none !important;
}
.main-content-mcq .btn.otherResponse {
  background-color: #fff;
  color: #929292 !important;
  border: 1px solid #929292;
  opacity: 1;
}

.line-height-tall {
  line-height: 1.5rem;
}

@media (min-width: 768px) {
  .col-balance {
    -moz-column-count: 3; /* Firefox */
    -webkit-column-count: 3; /* Safari and Chrome */
    column-count: 3;
  }
}
@media (min-width: 1200px) {
  .col-balance {
    -moz-column-count: 4; /* Firefox */
    -webkit-column-count: 4; /* Safari and Chrome */
    column-count: 4;
  }
}

.country-selector p, .country-selector h6 {
  color: #2e2e2e;
}
.country-selector .text-color-gray-light {
  color: #9b9b9b;
}
.country-selector .bg-medium-gray {
  background-color: #747474;
}
@media (hover: hover) and (pointer: fine) {
  .country-selector .country-hover:hover {
    cursor: pointer;
    background-color: #2e2e2e;
    border-radius: 0.25rem;
    color: #fff;
  }
}
.country-selector .text-color-primary {
  color: #012774;
}
.country-selector .showTick {
  display: inline-block;
}

.language-option, .country-option {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
}

.language:hover {
  cursor: pointer;
  background: #f5f5f5;
}

.bg-gray-extra-light {
  background-color: #e4e4e4;
}

.typing-assessment .border-quote {
  border-left: 5px solid #e4e4e4;
}
.typing-assessment textarea {
  border: 1px solid grey !important;
}

.bar-bottom {
  height: 10vh;
  opacity: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
@media (min-width: 1200px) {
  .bar-bottom .container-fluid {
    max-width: 1200px;
  }
}

.pointer-none {
  pointer-events: none;
}

.wrapper-caption {
  bottom: 10vh;
  padding-top: 40px;
}
@media (min-width: 1200px) {
  .wrapper-caption {
    padding-top: 0;
  }
}

.main-caption {
  max-width: 960px;
}
.main-caption .caption-audio {
  background-color: rgba(37, 37, 37, 0.95);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.main-caption .caption-audio p {
  line-height: 1.5;
  max-height: calc(90vh - 40px);
  overflow-y: auto;
}

.default-aon-link {
  text-decoration: underline;
  color: #007bb6;
}
.default-aon-link:hover {
  text-decoration: none;
  color: #009DE9;
}
.default-aon-link:active {
  text-decoration: none;
  color: #006a9c;
}

.context-text {
  padding: 8px;
  border-radius: 2px;
  background: #87cefa;
}

#readerMode {
  margin-top: 10vh;
}
@media (min-width: 576px) {
  #readerMode {
    margin-right: 10vw;
  }
}
@media (min-width: 768px) {
  #readerMode {
    margin-right: 15vw;
  }
}
@media (min-width: 1200px) {
  #readerMode {
    margin-right: 10vw;
  }
}
#readerMode .reader-mode-dialog-container .reader-mode-dialog-box {
  border-top: 13px solid #012774;
  border-left: 1px solid #012774;
  border-right: 1px solid #012774;
  border-bottom: 1px solid #012774;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
}

@media (max-width: 576px) {
  #fullscreenContainer {
    height: 100vh;
  }
}

@-moz-document url-prefix() {
  @media (max-width: 576px) {
    #fullscreenContainer {
      height: 100%;
    }
  }
}
@media (min-width: 577px) {
  .character-image-position {
    height: 100% !important;
  }
}
@media (max-width: 576px) {
  .character-image-position {
    top: 5px;
    height: 750px;
    position: absolute;
  }
}

.container-fluid app-nag-text-message {
  top: 10%;
}
.container-fluid app-nag-text-message #readerMode {
  width: 100%;
}

.readerMode-padding {
  padding-bottom: 60px !important;
}

.z-index-nag {
  z-index: 1020;
}

.char-img-nag {
  z-index: 1000;
}

.dark-gray-bg {
  width: 100%;
  background: none;
  background-color: rgba(26, 28, 36, 0.9);
  z-index: 1000;
}

.invisible {
  visibility: hidden;
}

.disabledCls {
  pointer-events: none;
  opacity: 0.2;
}

.btn {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  padding: 0.84rem 2.14rem;
  font-size: 0.81rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin: 0.375rem;
  border: 0;
  border-radius: 0.125rem;
  cursor: pointer;
  text-transform: uppercase;
  white-space: normal;
  word-wrap: break-word;
  color: #fff;
}
.btn:hover, .btn:active, .btn:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  outline: 0;
}
.btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn .fas, .btn .fab, .btn .far {
  position: relative;
  font-size: 0.9rem;
}
.btn .fas.right, .btn .fab.right, .btn .far.right {
  margin-left: 0.3rem;
}
.btn .fas.left, .btn .fab.left, .btn .far.left {
  margin-right: 0.3rem;
}
.btn.btn-lg {
  padding: 1rem 2.4rem;
  font-size: 0.94rem;
}
.btn.btn-lg .fas, .btn.btn-lg .fab, .btn.btn-lg .far {
  font-size: 1rem;
}
.btn.btn-md {
  padding: 0.7rem 1.6rem;
  font-size: 0.7rem;
}
.btn.btn-md .fas, .btn.btn-md .fab, .btn.btn-md .far {
  font-size: 0.8rem;
}
.btn.btn-sm {
  padding: 0.5rem 1.6rem;
  font-size: 0.64rem;
}
.btn.btn-sm .fas, .btn.btn-sm .fab, .btn.btn-sm .far {
  font-size: 0.7rem;
}
.btn.btn-tb {
  padding: 0.3rem 1rem;
}
.btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn:disabled:active, .btn:disabled:focus, .btn:disabled:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.btn.btn-block {
  margin: inherit;
}
.btn.btn-link {
  box-shadow: none;
  background-color: transparent;
}
.btn.btn-link:active, .btn.btn-link:focus, .btn.btn-link:hover {
  box-shadow: none !important;
  background-color: transparent;
}
.btn[class*=btn-outline-] {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
.btn[class*=btn-outline-].btn-lg {
  padding-top: 0.88rem;
  padding-bottom: 0.88rem;
}
.btn[class*=btn-outline-].btn-md {
  padding-top: 0.58rem;
  padding-bottom: 0.58rem;
}
.btn[class*=btn-outline-].btn-sm {
  padding-top: 0.38rem;
  padding-bottom: 0.38rem;
}

.btn-group .btn {
  margin: 0;
}

.btn .fa-lg,
.btn-floating .fa-lg {
  font-size: 1.33333em !important;
}
.btn .fa-xs,
.btn-floating .fa-xs {
  font-size: 0.75em !important;
}
.btn .fa-sm,
.btn-floating .fa-sm {
  font-size: 0.875em !important;
}
.btn .fa-1x,
.btn-floating .fa-1x {
  font-size: 1em !important;
}
.btn .fa-2x,
.btn-floating .fa-2x {
  font-size: 2em !important;
}
.btn .fa-3x,
.btn-floating .fa-3x {
  font-size: 3em !important;
}
.btn .fa-4x,
.btn-floating .fa-4x {
  font-size: 4em !important;
}
.btn .fa-5x,
.btn-floating .fa-5x {
  font-size: 5em !important;
}
.btn .fa-6x,
.btn-floating .fa-6x {
  font-size: 6em !important;
}
.btn .fa-7x,
.btn-floating .fa-7x {
  font-size: 7em !important;
}
.btn .fa-8x,
.btn-floating .fa-8x {
  font-size: 8em !important;
}
.btn .fa-9x,
.btn-floating .fa-9x {
  font-size: 9em !important;
}
.btn .fa-10x,
.btn-floating .fa-10x {
  font-size: 10em !important;
}

.btn-primary {
  background-color: #012774 !important;
  color: #fff !important;
}
.btn-primary:hover {
  background-color: rgb(1.2179487179, 47.5, 141.2820512821);
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-primary:focus, .btn-primary:active, .btn-primary.active {
  background-color: rgb(0.1282051282, 5, 14.8717948718);
}
.btn-primary.dropdown-toggle {
  background-color: #012774 !important;
}
.btn-primary.dropdown-toggle:hover, .btn-primary.dropdown-toggle:focus {
  background-color: rgb(1.2179487179, 47.5, 141.2820512821) !important;
}
.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(0.1282051282, 5, 14.8717948718) !important;
}
.btn-primary:not([disabled]):not(.disabled):active:focus, .btn-primary:not([disabled]):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.primary-ic {
  color: #012774 !important;
}
.primary-ic:hover, .primary-ic:focus {
  color: #012774;
}

.btn-outline-primary {
  border: 2px solid #012774 !important;
  background-color: transparent !important;
  color: #012774 !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary.active {
  border-color: #012774 !important;
  background-color: transparent !important;
  color: #012774 !important;
}
.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #012774 !important;
}
.btn-outline-primary:not([disabled]):not(.disabled):active:focus, .btn-outline-primary:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-danger {
  background-color: #ff3547 !important;
  color: #fff !important;
}
.btn-danger:hover {
  background-color: rgb(255, 78.5, 94.2277227723);
}
.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-danger:focus, .btn-danger:active, .btn-danger.active {
  background-color: rgb(206, 0, 18.3564356436);
}
.btn-danger.dropdown-toggle {
  background-color: #ff3547 !important;
}
.btn-danger.dropdown-toggle:hover, .btn-danger.dropdown-toggle:focus {
  background-color: rgb(255, 78.5, 94.2277227723) !important;
}
.btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(206, 0, 18.3564356436) !important;
}
.btn-danger:not([disabled]):not(.disabled):active:focus, .btn-danger:not([disabled]):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.danger-ic {
  color: #ff3547 !important;
}
.danger-ic:hover, .danger-ic:focus {
  color: #ff3547;
}

.btn-outline-danger {
  border: 2px solid #ff3547 !important;
  background-color: transparent !important;
  color: #ff3547 !important;
}
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger:active:focus, .btn-outline-danger.active {
  border-color: #ff3547 !important;
  background-color: transparent !important;
  color: #ff3547 !important;
}
.btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #ff3547 !important;
}
.btn-outline-danger:not([disabled]):not(.disabled):active:focus, .btn-outline-danger:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-warning {
  background-color: #ffbb33 !important;
  color: #fff !important;
}
.btn-warning:hover {
  background-color: rgb(255, 195.5, 76.5);
}
.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-warning:focus, .btn-warning:active, .btn-warning.active {
  background-color: #cc8800;
}
.btn-warning.dropdown-toggle {
  background-color: #ffbb33 !important;
}
.btn-warning.dropdown-toggle:hover, .btn-warning.dropdown-toggle:focus {
  background-color: rgb(255, 195.5, 76.5) !important;
}
.btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #cc8800 !important;
}
.btn-warning:not([disabled]):not(.disabled):active:focus, .btn-warning:not([disabled]):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.warning-ic {
  color: #ffbb33 !important;
}
.warning-ic:hover, .warning-ic:focus {
  color: #ffbb33;
}

.btn-outline-warning {
  border: 2px solid #ffbb33 !important;
  background-color: transparent !important;
  color: #ffbb33 !important;
}
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning:active:focus, .btn-outline-warning.active {
  border-color: #ffbb33 !important;
  background-color: transparent !important;
  color: #ffbb33 !important;
}
.btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #ffbb33 !important;
}
.btn-outline-warning:not([disabled]):not(.disabled):active:focus, .btn-outline-warning:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-success {
  background-color: #00c851 !important;
  color: #fff !important;
}
.btn-success:hover {
  background-color: rgb(0, 225.5, 91.3275);
}
.btn-success:focus, .btn-success.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-success:focus, .btn-success:active, .btn-success.active {
  background-color: rgb(0, 98, 39.69);
}
.btn-success.dropdown-toggle {
  background-color: #00c851 !important;
}
.btn-success.dropdown-toggle:hover, .btn-success.dropdown-toggle:focus {
  background-color: rgb(0, 225.5, 91.3275) !important;
}
.btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(0, 98, 39.69) !important;
}
.btn-success:not([disabled]):not(.disabled):active:focus, .btn-success:not([disabled]):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.success-ic {
  color: #00c851 !important;
}
.success-ic:hover, .success-ic:focus {
  color: #00c851;
}

.btn-outline-success {
  border: 2px solid #00c851 !important;
  background-color: transparent !important;
  color: #00c851 !important;
}
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success:active:focus, .btn-outline-success.active {
  border-color: #00c851 !important;
  background-color: transparent !important;
  color: #00c851 !important;
}
.btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #00c851 !important;
}
.btn-outline-success:not([disabled]):not(.disabled):active:focus, .btn-outline-success:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-info {
  background-color: #33b5e5 !important;
  color: #fff !important;
}
.btn-info:hover {
  background-color: rgb(73.6173913043, 189.2043478261, 231.8826086957);
}
.btn-info:focus, .btn-info.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-info:focus, .btn-info:active, .btn-info.active {
  background-color: rgb(20.1217391304, 120.7304347826, 157.8782608696);
}
.btn-info.dropdown-toggle {
  background-color: #33b5e5 !important;
}
.btn-info.dropdown-toggle:hover, .btn-info.dropdown-toggle:focus {
  background-color: rgb(73.6173913043, 189.2043478261, 231.8826086957) !important;
}
.btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(20.1217391304, 120.7304347826, 157.8782608696) !important;
}
.btn-info:not([disabled]):not(.disabled):active:focus, .btn-info:not([disabled]):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.info-ic {
  color: #33b5e5 !important;
}
.info-ic:hover, .info-ic:focus {
  color: #33b5e5;
}

.btn-outline-info {
  border: 2px solid #33b5e5 !important;
  background-color: transparent !important;
  color: #33b5e5 !important;
}
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info:active:focus, .btn-outline-info.active {
  border-color: #33b5e5 !important;
  background-color: transparent !important;
  color: #33b5e5 !important;
}
.btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #33b5e5 !important;
}
.btn-outline-info:not([disabled]):not(.disabled):active:focus, .btn-outline-info:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-default {
  background-color: #2bbbad !important;
  color: #fff !important;
}
.btn-default:hover {
  background-color: rgb(48.0804347826, 207.4195652174, 191.9282608696);
}
.btn-default:focus, .btn-default.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-default:focus, .btn-default:active, .btn-default.active {
  background-color: rgb(23.9304347826, 104.0695652174, 96.2782608696);
}
.btn-default.dropdown-toggle {
  background-color: #2bbbad !important;
}
.btn-default.dropdown-toggle:hover, .btn-default.dropdown-toggle:focus {
  background-color: rgb(48.0804347826, 207.4195652174, 191.9282608696) !important;
}
.btn-default:not([disabled]):not(.disabled):active, .btn-default:not([disabled]):not(.disabled).active, .show > .btn-default.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(23.9304347826, 104.0695652174, 96.2782608696) !important;
}
.btn-default:not([disabled]):not(.disabled):active:focus, .btn-default:not([disabled]):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.default-ic {
  color: #2bbbad !important;
}
.default-ic:hover, .default-ic:focus {
  color: #2bbbad;
}

.btn-outline-default {
  border: 2px solid #2bbbad !important;
  background-color: transparent !important;
  color: #2bbbad !important;
}
.btn-outline-default:hover, .btn-outline-default:focus, .btn-outline-default:active, .btn-outline-default:active:focus, .btn-outline-default.active {
  border-color: #2bbbad !important;
  background-color: transparent !important;
  color: #2bbbad !important;
}
.btn-outline-default:not([disabled]):not(.disabled):active, .btn-outline-default:not([disabled]):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #2bbbad !important;
}
.btn-outline-default:not([disabled]):not(.disabled):active:focus, .btn-outline-default:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-default.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-secondary {
  background-color: #007bb6 !important;
  color: #fff !important;
}
.btn-secondary:hover {
  background-color: rgb(0, 140.2335164835, 207.5);
}
.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
  background-color: rgb(0, 54.0659340659, 80);
}
.btn-secondary.dropdown-toggle {
  background-color: #007bb6 !important;
}
.btn-secondary.dropdown-toggle:hover, .btn-secondary.dropdown-toggle:focus {
  background-color: rgb(0, 140.2335164835, 207.5) !important;
}
.btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(0, 54.0659340659, 80) !important;
}
.btn-secondary:not([disabled]):not(.disabled):active:focus, .btn-secondary:not([disabled]):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.secondary-ic {
  color: #007bb6 !important;
}
.secondary-ic:hover, .secondary-ic:focus {
  color: #007bb6;
}

.btn-outline-secondary {
  border: 2px solid #007bb6 !important;
  background-color: transparent !important;
  color: #007bb6 !important;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:active:focus, .btn-outline-secondary.active {
  border-color: #007bb6 !important;
  background-color: transparent !important;
  color: #007bb6 !important;
}
.btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #007bb6 !important;
}
.btn-outline-secondary:not([disabled]):not(.disabled):active:focus, .btn-outline-secondary:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-elegant {
  background-color: #2e2e2e !important;
  color: #fff !important;
}
.btn-elegant:hover {
  background-color: rgb(58.75, 58.75, 58.75);
}
.btn-elegant:focus, .btn-elegant.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-elegant:focus, .btn-elegant:active, .btn-elegant.active {
  background-color: black;
}
.btn-elegant.dropdown-toggle {
  background-color: #2e2e2e !important;
}
.btn-elegant.dropdown-toggle:hover, .btn-elegant.dropdown-toggle:focus {
  background-color: rgb(58.75, 58.75, 58.75) !important;
}
.btn-elegant:not([disabled]):not(.disabled):active, .btn-elegant:not([disabled]):not(.disabled).active, .show > .btn-elegant.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: black !important;
}
.btn-elegant:not([disabled]):not(.disabled):active:focus, .btn-elegant:not([disabled]):not(.disabled).active:focus, .show > .btn-elegant.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.elegant-ic {
  color: #2e2e2e !important;
}
.elegant-ic:hover, .elegant-ic:focus {
  color: #2e2e2e;
}

.btn-outline-elegant {
  border: 2px solid #2e2e2e !important;
  background-color: transparent !important;
  color: #2e2e2e !important;
}
.btn-outline-elegant:hover, .btn-outline-elegant:focus, .btn-outline-elegant:active, .btn-outline-elegant:active:focus, .btn-outline-elegant.active {
  border-color: #2e2e2e !important;
  background-color: transparent !important;
  color: #2e2e2e !important;
}
.btn-outline-elegant:not([disabled]):not(.disabled):active, .btn-outline-elegant:not([disabled]):not(.disabled).active, .show > .btn-outline-elegant.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #2e2e2e !important;
}
.btn-outline-elegant:not([disabled]):not(.disabled):active:focus, .btn-outline-elegant:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-elegant.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-unique {
  background-color: #880e4f !important;
  color: #fff !important;
}
.btn-unique:hover {
  background-color: rgb(159.12, 16.38, 92.43);
}
.btn-unique:focus, .btn-unique.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-unique:focus, .btn-unique:active, .btn-unique.active {
  background-color: rgb(43.52, 4.48, 25.28);
}
.btn-unique.dropdown-toggle {
  background-color: #880e4f !important;
}
.btn-unique.dropdown-toggle:hover, .btn-unique.dropdown-toggle:focus {
  background-color: rgb(159.12, 16.38, 92.43) !important;
}
.btn-unique:not([disabled]):not(.disabled):active, .btn-unique:not([disabled]):not(.disabled).active, .show > .btn-unique.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(43.52, 4.48, 25.28) !important;
}
.btn-unique:not([disabled]):not(.disabled):active:focus, .btn-unique:not([disabled]):not(.disabled).active:focus, .show > .btn-unique.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.unique-ic {
  color: #880e4f !important;
}
.unique-ic:hover, .unique-ic:focus {
  color: #880e4f;
}

.btn-outline-unique {
  border: 2px solid #880e4f !important;
  background-color: transparent !important;
  color: #880e4f !important;
}
.btn-outline-unique:hover, .btn-outline-unique:focus, .btn-outline-unique:active, .btn-outline-unique:active:focus, .btn-outline-unique.active {
  border-color: #880e4f !important;
  background-color: transparent !important;
  color: #880e4f !important;
}
.btn-outline-unique:not([disabled]):not(.disabled):active, .btn-outline-unique:not([disabled]):not(.disabled).active, .show > .btn-outline-unique.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #880e4f !important;
}
.btn-outline-unique:not([disabled]):not(.disabled):active:focus, .btn-outline-unique:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-unique.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-dark-green {
  background-color: #388e3c !important;
  color: #fff !important;
}
.btn-dark-green:hover {
  background-color: rgb(63.2121212121, 160.2878787879, 67.7272727273);
}
.btn-dark-green:focus, .btn-dark-green.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-dark-green:focus, .btn-dark-green:active, .btn-dark-green.active {
  background-color: rgb(27.1515151515, 68.8484848485, 29.0909090909);
}
.btn-dark-green.dropdown-toggle {
  background-color: #388e3c !important;
}
.btn-dark-green.dropdown-toggle:hover, .btn-dark-green.dropdown-toggle:focus {
  background-color: rgb(63.2121212121, 160.2878787879, 67.7272727273) !important;
}
.btn-dark-green:not([disabled]):not(.disabled):active, .btn-dark-green:not([disabled]):not(.disabled).active, .show > .btn-dark-green.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(27.1515151515, 68.8484848485, 29.0909090909) !important;
}
.btn-dark-green:not([disabled]):not(.disabled):active:focus, .btn-dark-green:not([disabled]):not(.disabled).active:focus, .show > .btn-dark-green.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.dark-green-ic {
  color: #388e3c !important;
}
.dark-green-ic:hover, .dark-green-ic:focus {
  color: #388e3c;
}

.btn-outline-dark-green {
  border: 2px solid #388e3c !important;
  background-color: transparent !important;
  color: #388e3c !important;
}
.btn-outline-dark-green:hover, .btn-outline-dark-green:focus, .btn-outline-dark-green:active, .btn-outline-dark-green:active:focus, .btn-outline-dark-green.active {
  border-color: #388e3c !important;
  background-color: transparent !important;
  color: #388e3c !important;
}
.btn-outline-dark-green:not([disabled]):not(.disabled):active, .btn-outline-dark-green:not([disabled]):not(.disabled).active, .show > .btn-outline-dark-green.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #388e3c !important;
}
.btn-outline-dark-green:not([disabled]):not(.disabled):active:focus, .btn-outline-dark-green:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-dark-green.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-mdb-color {
  background-color: #59698d !important;
  color: #fff !important;
}
.btn-mdb-color:hover {
  background-color: rgb(98.9804347826, 116.6847826087, 156.5195652174);
}
.btn-mdb-color:focus, .btn-mdb-color.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-mdb-color:focus, .btn-mdb-color:active, .btn-mdb-color.active {
  background-color: rgb(49.5304347826, 58.4347826087, 78.4695652174);
}
.btn-mdb-color.dropdown-toggle {
  background-color: #59698d !important;
}
.btn-mdb-color.dropdown-toggle:hover, .btn-mdb-color.dropdown-toggle:focus {
  background-color: rgb(98.9804347826, 116.6847826087, 156.5195652174) !important;
}
.btn-mdb-color:not([disabled]):not(.disabled):active, .btn-mdb-color:not([disabled]):not(.disabled).active, .show > .btn-mdb-color.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(49.5304347826, 58.4347826087, 78.4695652174) !important;
}
.btn-mdb-color:not([disabled]):not(.disabled):active:focus, .btn-mdb-color:not([disabled]):not(.disabled).active:focus, .show > .btn-mdb-color.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.mdb-color-ic {
  color: #59698d !important;
}
.mdb-color-ic:hover, .mdb-color-ic:focus {
  color: #59698d;
}

.btn-outline-mdb-color {
  border: 2px solid #59698d !important;
  background-color: transparent !important;
  color: #59698d !important;
}
.btn-outline-mdb-color:hover, .btn-outline-mdb-color:focus, .btn-outline-mdb-color:active, .btn-outline-mdb-color:active:focus, .btn-outline-mdb-color.active {
  border-color: #59698d !important;
  background-color: transparent !important;
  color: #59698d !important;
}
.btn-outline-mdb-color:not([disabled]):not(.disabled):active, .btn-outline-mdb-color:not([disabled]):not(.disabled).active, .show > .btn-outline-mdb-color.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #59698d !important;
}
.btn-outline-mdb-color:not([disabled]):not(.disabled):active:focus, .btn-outline-mdb-color:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-mdb-color.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-red {
  background-color: #d32f2f !important;
  color: #fff !important;
}
.btn-red:hover {
  background-color: rgb(215.4523809524, 68.0476190476, 68.0476190476);
}
.btn-red:focus, .btn-red.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-red:focus, .btn-red:active, .btn-red.active {
  background-color: rgb(128.7619047619, 27.2380952381, 27.2380952381);
}
.btn-red.dropdown-toggle {
  background-color: #d32f2f !important;
}
.btn-red.dropdown-toggle:hover, .btn-red.dropdown-toggle:focus {
  background-color: rgb(215.4523809524, 68.0476190476, 68.0476190476) !important;
}
.btn-red:not([disabled]):not(.disabled):active, .btn-red:not([disabled]):not(.disabled).active, .show > .btn-red.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(128.7619047619, 27.2380952381, 27.2380952381) !important;
}
.btn-red:not([disabled]):not(.disabled):active:focus, .btn-red:not([disabled]):not(.disabled).active:focus, .show > .btn-red.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.red-ic {
  color: #d32f2f !important;
}
.red-ic:hover, .red-ic:focus {
  color: #d32f2f;
}

.btn-outline-red {
  border: 2px solid #d32f2f !important;
  background-color: transparent !important;
  color: #d32f2f !important;
}
.btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red:active, .btn-outline-red:active:focus, .btn-outline-red.active {
  border-color: #d32f2f !important;
  background-color: transparent !important;
  color: #d32f2f !important;
}
.btn-outline-red:not([disabled]):not(.disabled):active, .btn-outline-red:not([disabled]):not(.disabled).active, .show > .btn-outline-red.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #d32f2f !important;
}
.btn-outline-red:not([disabled]):not(.disabled):active:focus, .btn-outline-red:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-red.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-pink {
  background-color: #ec407a !important;
  color: #fff !important;
}
.btn-pink:hover {
  background-color: rgb(238.3071428571, 87.1928571429, 138.15);
}
.btn-pink:focus, .btn-pink.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-pink:focus, .btn-pink:active, .btn-pink.active {
  background-color: rgb(180.0857142857, 17.9142857143, 72.6);
}
.btn-pink.dropdown-toggle {
  background-color: #ec407a !important;
}
.btn-pink.dropdown-toggle:hover, .btn-pink.dropdown-toggle:focus {
  background-color: rgb(238.3071428571, 87.1928571429, 138.15) !important;
}
.btn-pink:not([disabled]):not(.disabled):active, .btn-pink:not([disabled]):not(.disabled).active, .show > .btn-pink.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(180.0857142857, 17.9142857143, 72.6) !important;
}
.btn-pink:not([disabled]):not(.disabled):active:focus, .btn-pink:not([disabled]):not(.disabled).active:focus, .show > .btn-pink.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.pink-ic {
  color: #ec407a !important;
}
.pink-ic:hover, .pink-ic:focus {
  color: #ec407a;
}

.btn-outline-pink {
  border: 2px solid #ec407a !important;
  background-color: transparent !important;
  color: #ec407a !important;
}
.btn-outline-pink:hover, .btn-outline-pink:focus, .btn-outline-pink:active, .btn-outline-pink:active:focus, .btn-outline-pink.active {
  border-color: #ec407a !important;
  background-color: transparent !important;
  color: #ec407a !important;
}
.btn-outline-pink:not([disabled]):not(.disabled):active, .btn-outline-pink:not([disabled]):not(.disabled).active, .show > .btn-outline-pink.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #ec407a !important;
}
.btn-outline-pink:not([disabled]):not(.disabled):active:focus, .btn-outline-pink:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-pink.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-purple {
  background-color: #8e24aa !important;
  color: #fff !important;
}
.btn-purple:hover {
  background-color: rgb(159.5776699029, 40.4563106796, 191.0436893204);
}
.btn-purple:focus, .btn-purple.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-purple:focus, .btn-purple:active, .btn-purple.active {
  background-color: rgb(71.6893203883, 18.1747572816, 85.8252427184);
}
.btn-purple.dropdown-toggle {
  background-color: #8e24aa !important;
}
.btn-purple.dropdown-toggle:hover, .btn-purple.dropdown-toggle:focus {
  background-color: rgb(159.5776699029, 40.4563106796, 191.0436893204) !important;
}
.btn-purple:not([disabled]):not(.disabled):active, .btn-purple:not([disabled]):not(.disabled).active, .show > .btn-purple.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(71.6893203883, 18.1747572816, 85.8252427184) !important;
}
.btn-purple:not([disabled]):not(.disabled):active:focus, .btn-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-purple.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.purple-ic {
  color: #8e24aa !important;
}
.purple-ic:hover, .purple-ic:focus {
  color: #8e24aa;
}

.btn-outline-purple {
  border: 2px solid #8e24aa !important;
  background-color: transparent !important;
  color: #8e24aa !important;
}
.btn-outline-purple:hover, .btn-outline-purple:focus, .btn-outline-purple:active, .btn-outline-purple:active:focus, .btn-outline-purple.active {
  border-color: #8e24aa !important;
  background-color: transparent !important;
  color: #8e24aa !important;
}
.btn-outline-purple:not([disabled]):not(.disabled):active, .btn-outline-purple:not([disabled]):not(.disabled).active, .show > .btn-outline-purple.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #8e24aa !important;
}
.btn-outline-purple:not([disabled]):not(.disabled):active:focus, .btn-outline-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-purple.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-deep-purple {
  background-color: #512da8 !important;
  color: #fff !important;
}
.btn-deep-purple:hover {
  background-color: rgb(90.6971830986, 50.3873239437, 188.1126760563);
}
.btn-deep-purple:focus, .btn-deep-purple.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-deep-purple:focus, .btn-deep-purple:active, .btn-deep-purple.active {
  background-color: rgb(42.2112676056, 23.4507042254, 87.5492957746);
}
.btn-deep-purple.dropdown-toggle {
  background-color: #512da8 !important;
}
.btn-deep-purple.dropdown-toggle:hover, .btn-deep-purple.dropdown-toggle:focus {
  background-color: rgb(90.6971830986, 50.3873239437, 188.1126760563) !important;
}
.btn-deep-purple:not([disabled]):not(.disabled):active, .btn-deep-purple:not([disabled]):not(.disabled).active, .show > .btn-deep-purple.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(42.2112676056, 23.4507042254, 87.5492957746) !important;
}
.btn-deep-purple:not([disabled]):not(.disabled):active:focus, .btn-deep-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-deep-purple.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.deep-purple-ic {
  color: #512da8 !important;
}
.deep-purple-ic:hover, .deep-purple-ic:focus {
  color: #512da8;
}

.btn-outline-deep-purple {
  border: 2px solid #512da8 !important;
  background-color: transparent !important;
  color: #512da8 !important;
}
.btn-outline-deep-purple:hover, .btn-outline-deep-purple:focus, .btn-outline-deep-purple:active, .btn-outline-deep-purple:active:focus, .btn-outline-deep-purple.active {
  border-color: #512da8 !important;
  background-color: transparent !important;
  color: #512da8 !important;
}
.btn-outline-deep-purple:not([disabled]):not(.disabled):active, .btn-outline-deep-purple:not([disabled]):not(.disabled).active, .show > .btn-outline-deep-purple.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #512da8 !important;
}
.btn-outline-deep-purple:not([disabled]):not(.disabled):active:focus, .btn-outline-deep-purple:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-deep-purple.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-indigo {
  background-color: #3f51b5 !important;
  color: #fff !important;
}
.btn-indigo:hover {
  background-color: rgb(76.5963114754, 94.3381147541, 192.9036885246);
}
.btn-indigo:focus, .btn-indigo.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-indigo:focus, .btn-indigo:active, .btn-indigo.active {
  background-color: rgb(36.6639344262, 47.1393442623, 105.3360655738);
}
.btn-indigo.dropdown-toggle {
  background-color: #3f51b5 !important;
}
.btn-indigo.dropdown-toggle:hover, .btn-indigo.dropdown-toggle:focus {
  background-color: rgb(76.5963114754, 94.3381147541, 192.9036885246) !important;
}
.btn-indigo:not([disabled]):not(.disabled):active, .btn-indigo:not([disabled]):not(.disabled).active, .show > .btn-indigo.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(36.6639344262, 47.1393442623, 105.3360655738) !important;
}
.btn-indigo:not([disabled]):not(.disabled):active:focus, .btn-indigo:not([disabled]):not(.disabled).active:focus, .show > .btn-indigo.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.indigo-ic {
  color: #3f51b5 !important;
}
.indigo-ic:hover, .indigo-ic:focus {
  color: #3f51b5;
}

.btn-outline-indigo {
  border: 2px solid #3f51b5 !important;
  background-color: transparent !important;
  color: #3f51b5 !important;
}
.btn-outline-indigo:hover, .btn-outline-indigo:focus, .btn-outline-indigo:active, .btn-outline-indigo:active:focus, .btn-outline-indigo.active {
  border-color: #3f51b5 !important;
  background-color: transparent !important;
  color: #3f51b5 !important;
}
.btn-outline-indigo:not([disabled]):not(.disabled):active, .btn-outline-indigo:not([disabled]):not(.disabled).active, .show > .btn-outline-indigo.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #3f51b5 !important;
}
.btn-outline-indigo:not([disabled]):not(.disabled):active:focus, .btn-outline-indigo:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-indigo.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-blue {
  background-color: #1976d2 !important;
  color: #fff !important;
}
.btn-blue:hover {
  background-color: rgb(32.0425531915, 130.7808510638, 228.4574468085);
}
.btn-blue:focus, .btn-blue.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-blue:focus, .btn-blue:active, .btn-blue.active {
  background-color: rgb(14.1489361702, 66.7829787234, 118.8510638298);
}
.btn-blue.dropdown-toggle {
  background-color: #1976d2 !important;
}
.btn-blue.dropdown-toggle:hover, .btn-blue.dropdown-toggle:focus {
  background-color: rgb(32.0425531915, 130.7808510638, 228.4574468085) !important;
}
.btn-blue:not([disabled]):not(.disabled):active, .btn-blue:not([disabled]):not(.disabled).active, .show > .btn-blue.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(14.1489361702, 66.7829787234, 118.8510638298) !important;
}
.btn-blue:not([disabled]):not(.disabled):active:focus, .btn-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-blue.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.blue-ic {
  color: #1976d2 !important;
}
.blue-ic:hover, .blue-ic:focus {
  color: #1976d2;
}

.btn-outline-blue {
  border: 2px solid #1976d2 !important;
  background-color: transparent !important;
  color: #1976d2 !important;
}
.btn-outline-blue:hover, .btn-outline-blue:focus, .btn-outline-blue:active, .btn-outline-blue:active:focus, .btn-outline-blue.active {
  border-color: #1976d2 !important;
  background-color: transparent !important;
  color: #1976d2 !important;
}
.btn-outline-blue:not([disabled]):not(.disabled):active, .btn-outline-blue:not([disabled]):not(.disabled).active, .show > .btn-outline-blue.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #1976d2 !important;
}
.btn-outline-blue:not([disabled]):not(.disabled):active:focus, .btn-outline-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-blue.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-light-blue {
  background-color: #82b1ff !important;
  color: #fff !important;
}
.btn-light-blue:hover {
  background-color: rgb(155.5, 192.912, 255);
}
.btn-light-blue:focus, .btn-light-blue.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-light-blue:focus, .btn-light-blue:active, .btn-light-blue.active {
  background-color: rgb(28, 113.352, 255);
}
.btn-light-blue.dropdown-toggle {
  background-color: #82b1ff !important;
}
.btn-light-blue.dropdown-toggle:hover, .btn-light-blue.dropdown-toggle:focus {
  background-color: rgb(155.5, 192.912, 255) !important;
}
.btn-light-blue:not([disabled]):not(.disabled):active, .btn-light-blue:not([disabled]):not(.disabled).active, .show > .btn-light-blue.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(28, 113.352, 255) !important;
}
.btn-light-blue:not([disabled]):not(.disabled):active:focus, .btn-light-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-light-blue.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.light-blue-ic {
  color: #82b1ff !important;
}
.light-blue-ic:hover, .light-blue-ic:focus {
  color: #82b1ff;
}

.btn-outline-light-blue {
  border: 2px solid #82b1ff !important;
  background-color: transparent !important;
  color: #82b1ff !important;
}
.btn-outline-light-blue:hover, .btn-outline-light-blue:focus, .btn-outline-light-blue:active, .btn-outline-light-blue:active:focus, .btn-outline-light-blue.active {
  border-color: #82b1ff !important;
  background-color: transparent !important;
  color: #82b1ff !important;
}
.btn-outline-light-blue:not([disabled]):not(.disabled):active, .btn-outline-light-blue:not([disabled]):not(.disabled).active, .show > .btn-outline-light-blue.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #82b1ff !important;
}
.btn-outline-light-blue:not([disabled]):not(.disabled):active:focus, .btn-outline-light-blue:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-light-blue.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-cyan {
  background-color: #00bcd4 !important;
  color: #fff !important;
}
.btn-cyan:hover {
  background-color: rgb(0, 210.6132075472, 237.5);
}
.btn-cyan:focus, .btn-cyan.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-cyan:focus, .btn-cyan:active, .btn-cyan.active {
  background-color: rgb(0, 97.5471698113, 110);
}
.btn-cyan.dropdown-toggle {
  background-color: #00bcd4 !important;
}
.btn-cyan.dropdown-toggle:hover, .btn-cyan.dropdown-toggle:focus {
  background-color: rgb(0, 210.6132075472, 237.5) !important;
}
.btn-cyan:not([disabled]):not(.disabled):active, .btn-cyan:not([disabled]):not(.disabled).active, .show > .btn-cyan.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(0, 97.5471698113, 110) !important;
}
.btn-cyan:not([disabled]):not(.disabled):active:focus, .btn-cyan:not([disabled]):not(.disabled).active:focus, .show > .btn-cyan.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.cyan-ic {
  color: #00bcd4 !important;
}
.cyan-ic:hover, .cyan-ic:focus {
  color: #00bcd4;
}

.btn-outline-cyan {
  border: 2px solid #00bcd4 !important;
  background-color: transparent !important;
  color: #00bcd4 !important;
}
.btn-outline-cyan:hover, .btn-outline-cyan:focus, .btn-outline-cyan:active, .btn-outline-cyan:active:focus, .btn-outline-cyan.active {
  border-color: #00bcd4 !important;
  background-color: transparent !important;
  color: #00bcd4 !important;
}
.btn-outline-cyan:not([disabled]):not(.disabled):active, .btn-outline-cyan:not([disabled]):not(.disabled).active, .show > .btn-outline-cyan.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #00bcd4 !important;
}
.btn-outline-cyan:not([disabled]):not(.disabled):active:focus, .btn-outline-cyan:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-cyan.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-teal {
  background-color: #00796b !important;
  color: #fff !important;
}
.btn-teal:hover {
  background-color: rgb(0, 146.5, 129.5495867769);
}
.btn-teal:focus, .btn-teal.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-teal:focus, .btn-teal:active, .btn-teal.active {
  background-color: rgb(0, 19, 16.8016528926);
}
.btn-teal.dropdown-toggle {
  background-color: #00796b !important;
}
.btn-teal.dropdown-toggle:hover, .btn-teal.dropdown-toggle:focus {
  background-color: rgb(0, 146.5, 129.5495867769) !important;
}
.btn-teal:not([disabled]):not(.disabled):active, .btn-teal:not([disabled]):not(.disabled).active, .show > .btn-teal.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(0, 19, 16.8016528926) !important;
}
.btn-teal:not([disabled]):not(.disabled):active:focus, .btn-teal:not([disabled]):not(.disabled).active:focus, .show > .btn-teal.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.teal-ic {
  color: #00796b !important;
}
.teal-ic:hover, .teal-ic:focus {
  color: #00796b;
}

.btn-outline-teal {
  border: 2px solid #00796b !important;
  background-color: transparent !important;
  color: #00796b !important;
}
.btn-outline-teal:hover, .btn-outline-teal:focus, .btn-outline-teal:active, .btn-outline-teal:active:focus, .btn-outline-teal.active {
  border-color: #00796b !important;
  background-color: transparent !important;
  color: #00796b !important;
}
.btn-outline-teal:not([disabled]):not(.disabled):active, .btn-outline-teal:not([disabled]):not(.disabled).active, .show > .btn-outline-teal.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #00796b !important;
}
.btn-outline-teal:not([disabled]):not(.disabled):active:focus, .btn-outline-teal:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-teal.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-green {
  background-color: #388e3c !important;
  color: #fff !important;
}
.btn-green:hover {
  background-color: rgb(63.2121212121, 160.2878787879, 67.7272727273);
}
.btn-green:focus, .btn-green.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-green:focus, .btn-green:active, .btn-green.active {
  background-color: rgb(27.1515151515, 68.8484848485, 29.0909090909);
}
.btn-green.dropdown-toggle {
  background-color: #388e3c !important;
}
.btn-green.dropdown-toggle:hover, .btn-green.dropdown-toggle:focus {
  background-color: rgb(63.2121212121, 160.2878787879, 67.7272727273) !important;
}
.btn-green:not([disabled]):not(.disabled):active, .btn-green:not([disabled]):not(.disabled).active, .show > .btn-green.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(27.1515151515, 68.8484848485, 29.0909090909) !important;
}
.btn-green:not([disabled]):not(.disabled):active:focus, .btn-green:not([disabled]):not(.disabled).active:focus, .show > .btn-green.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.green-ic {
  color: #388e3c !important;
}
.green-ic:hover, .green-ic:focus {
  color: #388e3c;
}

.btn-outline-green {
  border: 2px solid #388e3c !important;
  background-color: transparent !important;
  color: #388e3c !important;
}
.btn-outline-green:hover, .btn-outline-green:focus, .btn-outline-green:active, .btn-outline-green:active:focus, .btn-outline-green.active {
  border-color: #388e3c !important;
  background-color: transparent !important;
  color: #388e3c !important;
}
.btn-outline-green:not([disabled]):not(.disabled):active, .btn-outline-green:not([disabled]):not(.disabled).active, .show > .btn-outline-green.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #388e3c !important;
}
.btn-outline-green:not([disabled]):not(.disabled):active:focus, .btn-outline-green:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-green.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-light-green {
  background-color: #8bc34a !important;
  color: #fff !important;
}
.btn-light-green:hover {
  background-color: rgb(151.2738589212, 201.3485477178, 93.1514522822);
}
.btn-light-green:focus, .btn-light-green.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-light-green:focus, .btn-light-green:active, .btn-light-green.active {
  background-color: rgb(86.6182572614, 125.4232365145, 41.5767634855);
}
.btn-light-green.dropdown-toggle {
  background-color: #8bc34a !important;
}
.btn-light-green.dropdown-toggle:hover, .btn-light-green.dropdown-toggle:focus {
  background-color: rgb(151.2738589212, 201.3485477178, 93.1514522822) !important;
}
.btn-light-green:not([disabled]):not(.disabled):active, .btn-light-green:not([disabled]):not(.disabled).active, .show > .btn-light-green.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(86.6182572614, 125.4232365145, 41.5767634855) !important;
}
.btn-light-green:not([disabled]):not(.disabled):active:focus, .btn-light-green:not([disabled]):not(.disabled).active:focus, .show > .btn-light-green.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.light-green-ic {
  color: #8bc34a !important;
}
.light-green-ic:hover, .light-green-ic:focus {
  color: #8bc34a;
}

.btn-outline-light-green {
  border: 2px solid #8bc34a !important;
  background-color: transparent !important;
  color: #8bc34a !important;
}
.btn-outline-light-green:hover, .btn-outline-light-green:focus, .btn-outline-light-green:active, .btn-outline-light-green:active:focus, .btn-outline-light-green.active {
  border-color: #8bc34a !important;
  background-color: transparent !important;
  color: #8bc34a !important;
}
.btn-outline-light-green:not([disabled]):not(.disabled):active, .btn-outline-light-green:not([disabled]):not(.disabled).active, .show > .btn-outline-light-green.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #8bc34a !important;
}
.btn-outline-light-green:not([disabled]):not(.disabled):active:focus, .btn-outline-light-green:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-light-green.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-lime {
  background-color: #afb42b !important;
  color: #fff !important;
}
.btn-lime:hover {
  background-color: rgb(195.0112107623, 200.5829596413, 47.9170403587);
}
.btn-lime:focus, .btn-lime.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-lime:focus, .btn-lime:active, .btn-lime.active {
  background-color: rgb(94.9551569507, 97.668161435, 23.331838565);
}
.btn-lime.dropdown-toggle {
  background-color: #afb42b !important;
}
.btn-lime.dropdown-toggle:hover, .btn-lime.dropdown-toggle:focus {
  background-color: rgb(195.0112107623, 200.5829596413, 47.9170403587) !important;
}
.btn-lime:not([disabled]):not(.disabled):active, .btn-lime:not([disabled]):not(.disabled).active, .show > .btn-lime.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(94.9551569507, 97.668161435, 23.331838565) !important;
}
.btn-lime:not([disabled]):not(.disabled):active:focus, .btn-lime:not([disabled]):not(.disabled).active:focus, .show > .btn-lime.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.lime-ic {
  color: #afb42b !important;
}
.lime-ic:hover, .lime-ic:focus {
  color: #afb42b;
}

.btn-outline-lime {
  border: 2px solid #afb42b !important;
  background-color: transparent !important;
  color: #afb42b !important;
}
.btn-outline-lime:hover, .btn-outline-lime:focus, .btn-outline-lime:active, .btn-outline-lime:active:focus, .btn-outline-lime.active {
  border-color: #afb42b !important;
  background-color: transparent !important;
  color: #afb42b !important;
}
.btn-outline-lime:not([disabled]):not(.disabled):active, .btn-outline-lime:not([disabled]):not(.disabled).active, .show > .btn-outline-lime.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #afb42b !important;
}
.btn-outline-lime:not([disabled]):not(.disabled):active:focus, .btn-outline-lime:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-lime.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-yellow {
  background-color: #fbc02d !important;
  color: #fff !important;
}
.btn-yellow:hover {
  background-color: rgb(251.476635514, 199.5070093458, 70.023364486);
}
.btn-yellow:focus, .btn-yellow.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-yellow:focus, .btn-yellow:active, .btn-yellow.active {
  background-color: rgb(190.3738317757, 136.8878504673, 3.6261682243);
}
.btn-yellow.dropdown-toggle {
  background-color: #fbc02d !important;
}
.btn-yellow.dropdown-toggle:hover, .btn-yellow.dropdown-toggle:focus {
  background-color: rgb(251.476635514, 199.5070093458, 70.023364486) !important;
}
.btn-yellow:not([disabled]):not(.disabled):active, .btn-yellow:not([disabled]):not(.disabled).active, .show > .btn-yellow.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(190.3738317757, 136.8878504673, 3.6261682243) !important;
}
.btn-yellow:not([disabled]):not(.disabled):active:focus, .btn-yellow:not([disabled]):not(.disabled).active:focus, .show > .btn-yellow.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.yellow-ic {
  color: #fbc02d !important;
}
.yellow-ic:hover, .yellow-ic:focus {
  color: #fbc02d;
}

.btn-outline-yellow {
  border: 2px solid #fbc02d !important;
  background-color: transparent !important;
  color: #fbc02d !important;
}
.btn-outline-yellow:hover, .btn-outline-yellow:focus, .btn-outline-yellow:active, .btn-outline-yellow:active:focus, .btn-outline-yellow.active {
  border-color: #fbc02d !important;
  background-color: transparent !important;
  color: #fbc02d !important;
}
.btn-outline-yellow:not([disabled]):not(.disabled):active, .btn-outline-yellow:not([disabled]):not(.disabled).active, .show > .btn-outline-yellow.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #fbc02d !important;
}
.btn-outline-yellow:not([disabled]):not(.disabled):active:focus, .btn-outline-yellow:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-yellow.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-amber {
  background-color: #ffa000 !important;
  color: #fff !important;
}
.btn-amber:hover {
  background-color: rgb(255, 169.5, 25.5);
}
.btn-amber:focus, .btn-amber.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-amber:focus, .btn-amber:active, .btn-amber.active {
  background-color: #996000;
}
.btn-amber.dropdown-toggle {
  background-color: #ffa000 !important;
}
.btn-amber.dropdown-toggle:hover, .btn-amber.dropdown-toggle:focus {
  background-color: rgb(255, 169.5, 25.5) !important;
}
.btn-amber:not([disabled]):not(.disabled):active, .btn-amber:not([disabled]):not(.disabled).active, .show > .btn-amber.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #996000 !important;
}
.btn-amber:not([disabled]):not(.disabled):active:focus, .btn-amber:not([disabled]):not(.disabled).active:focus, .show > .btn-amber.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.amber-ic {
  color: #ffa000 !important;
}
.amber-ic:hover, .amber-ic:focus {
  color: #ffa000;
}

.btn-outline-amber {
  border: 2px solid #ffa000 !important;
  background-color: transparent !important;
  color: #ffa000 !important;
}
.btn-outline-amber:hover, .btn-outline-amber:focus, .btn-outline-amber:active, .btn-outline-amber:active:focus, .btn-outline-amber.active {
  border-color: #ffa000 !important;
  background-color: transparent !important;
  color: #ffa000 !important;
}
.btn-outline-amber:not([disabled]):not(.disabled):active, .btn-outline-amber:not([disabled]):not(.disabled).active, .show > .btn-outline-amber.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #ffa000 !important;
}
.btn-outline-amber:not([disabled]):not(.disabled):active:focus, .btn-outline-amber:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-amber.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-orange {
  background-color: #f57c00 !important;
  color: #fff !important;
}
.btn-orange:hover {
  background-color: rgb(255, 136.7163265306, 15.5);
}
.btn-orange:focus, .btn-orange.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-orange:focus, .btn-orange:active, .btn-orange.active {
  background-color: rgb(143, 72.3755102041, 0);
}
.btn-orange.dropdown-toggle {
  background-color: #f57c00 !important;
}
.btn-orange.dropdown-toggle:hover, .btn-orange.dropdown-toggle:focus {
  background-color: rgb(255, 136.7163265306, 15.5) !important;
}
.btn-orange:not([disabled]):not(.disabled):active, .btn-orange:not([disabled]):not(.disabled).active, .show > .btn-orange.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(143, 72.3755102041, 0) !important;
}
.btn-orange:not([disabled]):not(.disabled):active:focus, .btn-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-orange.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.orange-ic {
  color: #f57c00 !important;
}
.orange-ic:hover, .orange-ic:focus {
  color: #f57c00;
}

.btn-outline-orange {
  border: 2px solid #f57c00 !important;
  background-color: transparent !important;
  color: #f57c00 !important;
}
.btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange:active, .btn-outline-orange:active:focus, .btn-outline-orange.active {
  border-color: #f57c00 !important;
  background-color: transparent !important;
  color: #f57c00 !important;
}
.btn-outline-orange:not([disabled]):not(.disabled):active, .btn-outline-orange:not([disabled]):not(.disabled).active, .show > .btn-outline-orange.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #f57c00 !important;
}
.btn-outline-orange:not([disabled]):not(.disabled):active:focus, .btn-outline-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-orange.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-deep-orange {
  background-color: #ff7043 !important;
  color: #fff !important;
}
.btn-deep-orange:hover {
  background-color: rgb(255, 131.3962765957, 92.5);
}
.btn-deep-orange:focus, .btn-deep-orange.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-deep-orange:focus, .btn-deep-orange:active, .btn-deep-orange.active {
  background-color: rgb(220, 52.6595744681, 0);
}
.btn-deep-orange.dropdown-toggle {
  background-color: #ff7043 !important;
}
.btn-deep-orange.dropdown-toggle:hover, .btn-deep-orange.dropdown-toggle:focus {
  background-color: rgb(255, 131.3962765957, 92.5) !important;
}
.btn-deep-orange:not([disabled]):not(.disabled):active, .btn-deep-orange:not([disabled]):not(.disabled).active, .show > .btn-deep-orange.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(220, 52.6595744681, 0) !important;
}
.btn-deep-orange:not([disabled]):not(.disabled):active:focus, .btn-deep-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-deep-orange.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.deep-orange-ic {
  color: #ff7043 !important;
}
.deep-orange-ic:hover, .deep-orange-ic:focus {
  color: #ff7043;
}

.btn-outline-deep-orange {
  border: 2px solid #ff7043 !important;
  background-color: transparent !important;
  color: #ff7043 !important;
}
.btn-outline-deep-orange:hover, .btn-outline-deep-orange:focus, .btn-outline-deep-orange:active, .btn-outline-deep-orange:active:focus, .btn-outline-deep-orange.active {
  border-color: #ff7043 !important;
  background-color: transparent !important;
  color: #ff7043 !important;
}
.btn-outline-deep-orange:not([disabled]):not(.disabled):active, .btn-outline-deep-orange:not([disabled]):not(.disabled).active, .show > .btn-outline-deep-orange.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #ff7043 !important;
}
.btn-outline-deep-orange:not([disabled]):not(.disabled):active:focus, .btn-outline-deep-orange:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-deep-orange.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-brown {
  background-color: #795548 !important;
  color: #fff !important;
}
.btn-brown:hover {
  background-color: rgb(136.9870466321, 96.2305699482, 81.5129533679);
}
.btn-brown:focus, .btn-brown.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-brown:focus, .btn-brown:active, .btn-brown.active {
  background-color: rgb(57.0518134715, 40.0777202073, 33.9481865285);
}
.btn-brown.dropdown-toggle {
  background-color: #795548 !important;
}
.btn-brown.dropdown-toggle:hover, .btn-brown.dropdown-toggle:focus {
  background-color: rgb(136.9870466321, 96.2305699482, 81.5129533679) !important;
}
.btn-brown:not([disabled]):not(.disabled):active, .btn-brown:not([disabled]):not(.disabled).active, .show > .btn-brown.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(57.0518134715, 40.0777202073, 33.9481865285) !important;
}
.btn-brown:not([disabled]):not(.disabled):active:focus, .btn-brown:not([disabled]):not(.disabled).active:focus, .show > .btn-brown.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.brown-ic {
  color: #795548 !important;
}
.brown-ic:hover, .brown-ic:focus {
  color: #795548;
}

.btn-outline-brown {
  border: 2px solid #795548 !important;
  background-color: transparent !important;
  color: #795548 !important;
}
.btn-outline-brown:hover, .btn-outline-brown:focus, .btn-outline-brown:active, .btn-outline-brown:active:focus, .btn-outline-brown.active {
  border-color: #795548 !important;
  background-color: transparent !important;
  color: #795548 !important;
}
.btn-outline-brown:not([disabled]):not(.disabled):active, .btn-outline-brown:not([disabled]):not(.disabled).active, .show > .btn-outline-brown.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #795548 !important;
}
.btn-outline-brown:not([disabled]):not(.disabled):active:focus, .btn-outline-brown:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-brown.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-grey {
  background-color: #616161 !important;
  color: #fff !important;
}
.btn-grey:hover {
  background-color: rgb(109.75, 109.75, 109.75);
}
.btn-grey:focus, .btn-grey.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-grey:focus, .btn-grey:active, .btn-grey.active {
  background-color: #2e2e2e;
}
.btn-grey.dropdown-toggle {
  background-color: #616161 !important;
}
.btn-grey.dropdown-toggle:hover, .btn-grey.dropdown-toggle:focus {
  background-color: rgb(109.75, 109.75, 109.75) !important;
}
.btn-grey:not([disabled]):not(.disabled):active, .btn-grey:not([disabled]):not(.disabled).active, .show > .btn-grey.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #2e2e2e !important;
}
.btn-grey:not([disabled]):not(.disabled):active:focus, .btn-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-grey.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.grey-ic {
  color: #616161 !important;
}
.grey-ic:hover, .grey-ic:focus {
  color: #616161;
}

.btn-outline-grey {
  border: 2px solid #616161 !important;
  background-color: transparent !important;
  color: #616161 !important;
}
.btn-outline-grey:hover, .btn-outline-grey:focus, .btn-outline-grey:active, .btn-outline-grey:active:focus, .btn-outline-grey.active {
  border-color: #616161 !important;
  background-color: transparent !important;
  color: #616161 !important;
}
.btn-outline-grey:not([disabled]):not(.disabled):active, .btn-outline-grey:not([disabled]):not(.disabled).active, .show > .btn-outline-grey.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #616161 !important;
}
.btn-outline-grey:not([disabled]):not(.disabled):active:focus, .btn-outline-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-grey.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-blue-grey {
  background-color: #78909c !important;
  color: #fff !important;
}
.btn-blue-grey:hover {
  background-color: rgb(134.7115384615, 156.0961538462, 166.7884615385);
}
.btn-blue-grey:focus, .btn-blue-grey.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-blue-grey:focus, .btn-blue-grey:active, .btn-blue-grey.active {
  background-color: rgb(73.6153846154, 91.4615384615, 100.3846153846);
}
.btn-blue-grey.dropdown-toggle {
  background-color: #78909c !important;
}
.btn-blue-grey.dropdown-toggle:hover, .btn-blue-grey.dropdown-toggle:focus {
  background-color: rgb(134.7115384615, 156.0961538462, 166.7884615385) !important;
}
.btn-blue-grey:not([disabled]):not(.disabled):active, .btn-blue-grey:not([disabled]):not(.disabled).active, .show > .btn-blue-grey.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: rgb(73.6153846154, 91.4615384615, 100.3846153846) !important;
}
.btn-blue-grey:not([disabled]):not(.disabled):active:focus, .btn-blue-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-blue-grey.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.blue-grey-ic {
  color: #78909c !important;
}
.blue-grey-ic:hover, .blue-grey-ic:focus {
  color: #78909c;
}

.btn-outline-blue-grey {
  border: 2px solid #78909c !important;
  background-color: transparent !important;
  color: #78909c !important;
}
.btn-outline-blue-grey:hover, .btn-outline-blue-grey:focus, .btn-outline-blue-grey:active, .btn-outline-blue-grey:active:focus, .btn-outline-blue-grey.active {
  border-color: #78909c !important;
  background-color: transparent !important;
  color: #78909c !important;
}
.btn-outline-blue-grey:not([disabled]):not(.disabled):active, .btn-outline-blue-grey:not([disabled]):not(.disabled).active, .show > .btn-outline-blue-grey.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #78909c !important;
}
.btn-outline-blue-grey:not([disabled]):not(.disabled):active:focus, .btn-outline-blue-grey:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-blue-grey.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-dark {
  background-color: #212121 !important;
  color: #fff !important;
}
.btn-dark:hover {
  background-color: rgb(45.75, 45.75, 45.75);
}
.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-dark:focus, .btn-dark:active, .btn-dark.active {
  background-color: black;
}
.btn-dark.dropdown-toggle {
  background-color: #212121 !important;
}
.btn-dark.dropdown-toggle:hover, .btn-dark.dropdown-toggle:focus {
  background-color: rgb(45.75, 45.75, 45.75) !important;
}
.btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: black !important;
}
.btn-dark:not([disabled]):not(.disabled):active:focus, .btn-dark:not([disabled]):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.dark-ic {
  color: #212121 !important;
}
.dark-ic:hover, .dark-ic:focus {
  color: #212121;
}

.btn-outline-dark {
  border: 2px solid #212121 !important;
  background-color: transparent !important;
  color: #212121 !important;
}
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark:active:focus, .btn-outline-dark.active {
  border-color: #212121 !important;
  background-color: transparent !important;
  color: #212121 !important;
}
.btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #212121 !important;
}
.btn-outline-dark:not([disabled]):not(.disabled):active:focus, .btn-outline-dark:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-light {
  background-color: #e0e0e0 !important;
  color: #000 !important;
}
.btn-light:hover {
  background-color: rgb(236.75, 236.75, 236.75);
}
.btn-light:focus, .btn-light.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-light:focus, .btn-light:active, .btn-light.active {
  background-color: #adadad;
}
.btn-light.dropdown-toggle {
  background-color: #e0e0e0 !important;
}
.btn-light.dropdown-toggle:hover, .btn-light.dropdown-toggle:focus {
  background-color: rgb(236.75, 236.75, 236.75) !important;
}
.btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #adadad !important;
}
.btn-light:not([disabled]):not(.disabled):active:focus, .btn-light:not([disabled]):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.light-ic {
  color: #e0e0e0 !important;
}
.light-ic:hover, .light-ic:focus {
  color: #e0e0e0;
}

.btn-outline-light {
  border: 2px solid #e0e0e0 !important;
  background-color: transparent !important;
  color: #e0e0e0 !important;
}
.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active, .btn-outline-light:active:focus, .btn-outline-light.active {
  border-color: #e0e0e0 !important;
  background-color: transparent !important;
  color: #e0e0e0 !important;
}
.btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #e0e0e0 !important;
}
.btn-outline-light:not([disabled]):not(.disabled):active:focus, .btn-outline-light:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-white {
  background-color: #fff !important;
  color: #000 !important;
}
.btn-white:hover {
  background-color: white;
}
.btn-white:focus, .btn-white.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-white:focus, .btn-white:active, .btn-white.active {
  background-color: #cccccc;
}
.btn-white.dropdown-toggle {
  background-color: #fff !important;
}
.btn-white.dropdown-toggle:hover, .btn-white.dropdown-toggle:focus {
  background-color: white !important;
}
.btn-white:not([disabled]):not(.disabled):active, .btn-white:not([disabled]):not(.disabled).active, .show > .btn-white.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #cccccc !important;
}
.btn-white:not([disabled]):not(.disabled):active:focus, .btn-white:not([disabled]):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.white-ic {
  color: #fff !important;
}
.white-ic:hover, .white-ic:focus {
  color: #fff;
}

.btn-outline-white {
  border: 2px solid #fff !important;
  background-color: transparent !important;
  color: #fff !important;
}
.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active, .btn-outline-white:active:focus, .btn-outline-white.active {
  border-color: #fff !important;
  background-color: transparent !important;
  color: #fff !important;
}
.btn-outline-white:not([disabled]):not(.disabled):active, .btn-outline-white:not([disabled]):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #fff !important;
}
.btn-outline-white:not([disabled]):not(.disabled):active:focus, .btn-outline-white:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-black {
  background-color: #000 !important;
  color: #fff !important;
}
.btn-black:hover {
  background-color: rgb(12.75, 12.75, 12.75);
}
.btn-black:focus, .btn-black.focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-black:focus, .btn-black:active, .btn-black.active {
  background-color: black;
}
.btn-black.dropdown-toggle {
  background-color: #000 !important;
}
.btn-black.dropdown-toggle:hover, .btn-black.dropdown-toggle:focus {
  background-color: rgb(12.75, 12.75, 12.75) !important;
}
.btn-black:not([disabled]):not(.disabled):active, .btn-black:not([disabled]):not(.disabled).active, .show > .btn-black.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: black !important;
}
.btn-black:not([disabled]):not(.disabled):active:focus, .btn-black:not([disabled]):not(.disabled).active:focus, .show > .btn-black.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.black-ic {
  color: #000 !important;
}
.black-ic:hover, .black-ic:focus {
  color: #000;
}

.btn-outline-black {
  border: 2px solid #000 !important;
  background-color: transparent !important;
  color: #000 !important;
}
.btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black:active, .btn-outline-black:active:focus, .btn-outline-black.active {
  border-color: #000 !important;
  background-color: transparent !important;
  color: #000 !important;
}
.btn-outline-black:not([disabled]):not(.disabled):active, .btn-outline-black:not([disabled]):not(.disabled).active, .show > .btn-outline-black.dropdown-toggle {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: transparent !important;
  border-color: #000 !important;
}
.btn-outline-black:not([disabled]):not(.disabled):active:focus, .btn-outline-black:not([disabled]):not(.disabled).active:focus, .show > .btn-outline-black.dropdown-toggle:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

[class*=instructions--heading] {
  color: black;
  font-size: 1.5rem;
  line-height: 1.1;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  cursor: none;
}
[class*=instructions--heading] p {
  margin-bottom: 0;
}

p.card-text:last-child {
  margin-bottom: 0 !important;
}

ol {
  list-style-type: decimal;
}

.fal {
  padding: 0 0.25rem;
}

body, p {
  font-family: "Roboto", Arial, sans-serif;
}

p {
  color: #2E2E2E;
  line-height: 1.5rem;
  margin-top: 0;
}

.text-color-primary {
  color: #012774;
}

.text-color-secondary {
  color: #007bb6;
}

.text-color-basic {
  color: #2E2E2E;
}

@keyframes blink-animation {
  0%, 100% {
    opacity: 0.25;
  }
  50% {
    opacity: 0.7;
  }
}
/* ### Modal Classes : Starts ### */
.spinner-modal {
  background-color: rgba(46, 46, 46, 0.6);
}

/* ### Pause Modal Classes : Starts ### */
.pause-modal {
  background-color: rgba(0, 0, 0, 0.95) !important;
}
.pause-modal .modal-content {
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pause-modal .modal-content .modal-timer {
  width: 130px;
  line-height: 130px;
}

.help-modal {
  background-color: rgba(0, 0, 0, 0.95) !important;
}

/* ### Help Modal Classes : Starts ### */
.thumbnail_container {
  position: absolute;
  bottom: 10%;
  width: 100%;
  text-align: center;
  z-index: 1;
}
.thumbnail_container .thumbnail {
  height: 10px;
  width: 50px;
  display: inline-block;
}
.thumbnail_container .inactive-box {
  background: #c9cac8;
}
.thumbnail_container .active-box {
  background: #012774;
}

.slideshow-buttons {
  position: absolute;
  border: none;
  height: 90%;
  width: 5rem;
  z-index: 2;
  background: rgba(255, 255, 255, 0.5);
  font-size: 3rem;
}
.slideshow-buttons.slideshow-button--next {
  right: 0;
}

.slideshow-content-panel {
  position: absolute;
  right: 0;
  height: 100%;
  opacity: 0.5;
  border: none;
}

.common-modal {
  background-color: rgba(0, 0, 0, 0.95) !important;
  z-index: 1200;
}

/**************
   Radio
***************/
.form-check-input[type=radio]:checked + label {
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0.5rem;
}
.form-check-input[type=radio]:checked + label:before, .form-check-input[type=radio]:checked + label:after {
  border-color: #012774;
  background-color: #012774;
}
.form-check-input[type=radio]:not(:checked) + label {
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0.5rem;
}
.form-check-input[type=radio]:not(:checked) + label:before, .form-check-input[type=radio]:not(:checked) + label:after {
  border-color: #2E2E2E;
}
.form-check-input[type=radio] + .sliderbar_example_most_effective_label:before, .form-check-input[type=radio] + .sliderbar_example_most_effective_label:after {
  border-color: #012774;
  background-color: #012774;
}

/***************
  SLIDERBAR RANGE
***************/
.sliderbar .instructions--key #thumb, .survey-slider .instructions--key #thumb {
  display: none;
}
.sliderbar svg:not(:first-child), .survey-slider svg:not(:first-child) {
  cursor: pointer;
}
.sliderbar .circles, .survey-slider .circles {
  fill: #012774;
}
.sliderbar .circles.disabled, .survey-slider .circles.disabled {
  fill: #c9cac8;
}
.sliderbar .circles.disabled .aura, .survey-slider .circles.disabled .aura {
  -webkit-animation: blink-animation 1.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite;
  -moz-animation: blink-animation 1.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite;
  -ms-animation: blink-animation 1.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite;
  -o-animation: blink-animation 1.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite;
  animation: blink-animation 1.5s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite;
}
.sliderbar .circles .aura, .survey-slider .circles .aura {
  opacity: 0.33;
}
.sliderbar .sliderbar_questions svg, .survey-slider .sliderbar_questions svg {
  cursor: pointer;
}

/***************
  ADEPT
***************/
.ncat svg {
  cursor: pointer;
}
.ncat .circles {
  fill: rgb(194.0865384615, 197.1684782609, 203.4134615385);
  stroke: none;
}
.ncat .circles.disabled {
  fill: #c9cac8;
}
.ncat .circles.target {
  fill: #012774;
}
.ncat .circles .aura {
  opacity: 0.33;
}

.input_range > circle:nth-child(1):nth-last-child(1), .sliderbar > circle:nth-child(1):nth-last-child(1), .survey-slider > circle:nth-child(1):nth-last-child(1), .ncat > circle:nth-child(1):nth-last-child(1), .input_range > circle:nth-child(2):nth-last-child(2), .sliderbar > circle:nth-child(2):nth-last-child(2), .survey-slider > circle:nth-child(2):nth-last-child(2), .ncat > circle:nth-child(2):nth-last-child(2), .input_range > circle:nth-child(3):nth-last-child(3), .sliderbar > circle:nth-child(3):nth-last-child(3), .survey-slider > circle:nth-child(3):nth-last-child(3), .ncat > circle:nth-child(3):nth-last-child(3), .input_range > circle:nth-child(4):nth-last-child(4), .sliderbar > circle:nth-child(4):nth-last-child(4), .survey-slider > circle:nth-child(4):nth-last-child(4), .ncat > circle:nth-child(4):nth-last-child(4), .input_range > circle:nth-child(5):nth-last-child(5), .sliderbar > circle:nth-child(5):nth-last-child(5), .survey-slider > circle:nth-child(5):nth-last-child(5), .ncat > circle:nth-child(5):nth-last-child(5), .input_range > circle:nth-child(6):nth-last-child(6), .sliderbar > circle:nth-child(6):nth-last-child(6), .survey-slider > circle:nth-child(6):nth-last-child(6), .ncat > circle:nth-child(6):nth-last-child(6), .input_range > circle:nth-child(7):nth-last-child(7), .sliderbar > circle:nth-child(7):nth-last-child(7), .survey-slider > circle:nth-child(7):nth-last-child(7), .ncat > circle:nth-child(7):nth-last-child(7), .input_range > circle:nth-child(8):nth-last-child(8), .sliderbar > circle:nth-child(8):nth-last-child(8), .survey-slider > circle:nth-child(8):nth-last-child(8), .ncat > circle:nth-child(8):nth-last-child(8), .input_range > circle:nth-child(9):nth-last-child(9), .sliderbar > circle:nth-child(9):nth-last-child(9), .survey-slider > circle:nth-child(9):nth-last-child(9), .ncat > circle:nth-child(9):nth-last-child(9), .input_range > circle:nth-child(10):nth-last-child(10), .sliderbar > circle:nth-child(10):nth-last-child(10), .survey-slider > circle:nth-child(10):nth-last-child(10), .ncat > circle:nth-child(10):nth-last-child(10), .input_range > circle:nth-child(11):nth-last-child(11), .sliderbar > circle:nth-child(11):nth-last-child(11), .survey-slider > circle:nth-child(11):nth-last-child(11), .ncat > circle:nth-child(11):nth-last-child(11) {
  fill: #c9cac8;
  stroke: #c9cac8;
  color: #c9cac8;
}

/**************
  Checkbox
***************/
.form-check-input[type=checkbox]:checked + label:before, .form-check-input[type=checkbox]:checked + label:after {
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #012774;
  border-bottom: 2px solid #012774;
}
.form-check-input[type=checkbox]:not(:checked) + label:before, .form-check-input[type=checkbox]:not(:checked) + label:after {
  border-color: #2E2E2E;
}

app-character-image characteranimate .char-img {
  z-index: -900;
}

.candidate-info {
  background: #ffffff;
  align-content: center;
  padding: 2rem 2rem 0 2rem;
}
.candidate-info mdb-date-picker {
  border: none;
}
.candidate-info .btn {
  margin-bottom: 2rem;
}

.application-exit .card {
  background: rgba(255, 255, 255, 0.8);
  padding: 4rem;
  max-width: 100%;
  flex-basis: 100%;
}

.form-button:active,
.form-button:hover {
  color: #ffffff;
}

.md-tabs, .navbar-nav {
  margin-left: 0;
  margin-right: 0;
}
.md-tabs .nav-link, .navbar-nav .nav-link {
  padding: 0.5rem 1rem !important;
}

/*# sourceMappingURL=styles.css.map */