:root {
  --primary: #0066ff;
  --secondary: #a2d612;

  --font: 'Poppins', sans-serif;
}

body h1,h2,h3,h4 {
  color: var(--primary);
}

.text-primar {
  color: var(--primary)!important;
}

.text-secundar {
  color: var(--secondary)!important;
}

.border-radius-0 {
  border-radius: 0px!important;
}

@media (min-width: 768px){
  .w-md-75 {
    width: 75%!important;
  }
}

/* Breadcrumb */

body a:not(li.breadcrumb-item a) {
  text-decoration: none;
}

.breadcrumb-item+.breadcrumb-item::before {
  content: "\F285";
  font-family: 'bootstrap-icons';
  font-size: 12px!important;
  color: #fff;
}

.breadcrumb {
  flex-wrap: nowrap;
}

#breadcrumb::-webkit-scrollbar {
  height: 3px!important;
}

#breadcrumb::-webkit-scrollbar-track {
  background: var(--primary);
  opacity: .3;
}

#breadcrumb::-webkit-scrollbar-thumb {
  background: var(--primary);
  opacity: .3;
}

#breadcrumb::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Breadcrumb */

button#scrollTop {
  display: none;
  position: fixed;
  bottom: 0px;
  right: 30px;
  z-index: 99;
  cursor: pointer;
  border-radius: 0px;
  opacity: .5;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

button#scrollTop:hover {
  opacity: 1;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: var(--bs-blue);
  border-left: 2px solid var(--bs-nav-pills-link-active-bg)!important;
  background-color: var(--bs-tertiary-bg);
  border-radius: 0px;
}

ul.browseTree li.leaf:before {
  content: "\F309";
  font-family: 'Bootstrap-icons';
  color: #CCC;
  font-size: 20px;
}

ul.browseTree li {
  list-style: none;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #D6D6D6;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #fff;
  border: 1px solid #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px;
}

.white-space-nowrap {
  white-space: nowrap;
}

.chapters .fixed-bottom {
  right: inherit;
}

.img-chestionare {
  width: 150px;
  height: 100px;
}

.card-answer {
  cursor: pointer;
}

.card-answer.active,
.card-answer-info.active {
  background-color: #fee38c;
  box-shadow: inset 0px 7px 7px 0px rgb(198 152 9 / 37%);
}

.card-answer.active .bg-light,
.card-answer-info.active .bg-light {
  background-color: #f9cb3c !important;
  box-shadow: inset 0px 7px 7px 0px rgb(198 152 9 / 37%);
}