.rounded-sm {
  border-radius: 0.8rem;
}

.rounded-md {
  border-radius: 1rem;
}

.rounded-lg {
  border-radius: 1.3rem;
}

.rounded-4 {
  border-radius: 1.5rem;
}

.rounded-5 {
  border-radius: 2rem;
}

.staffs {
  display: flex;
  flex-direction: row;
}
.staffs .photo-wrapper {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.staffs .photo-wrapper + .photo-wrapper {
  margin-left: -0.5rem;
}
.staffs .photo-wrapper-2 {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.staffs .photo-wrapper-2 + .photo-wrapper-2 {
  margin-left: 0.5rem;
}

.list-scroll {
  height: 200px;
  overflow-y: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
  /**
   * Custom scrollbar
   */
}
.list-scroll::-webkit-scrollbar {
  width: 0.4rem;
}
.list-scroll::-webkit-scrollbar-track {
  background-color: rgb(225, 225, 225);
}
.list-scroll::-webkit-scrollbar-thumb {
  background-color: #375dcc;
  outline: none;
  border-radius: 1rem;
}

.border-orange {
  border: 1px solid #ff8617;
}

.fixed-button {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.cursor-pointer {
  cursor: pointer;
}

.el-block-awsers-amount {
  position: absolute;
  display: flex;
  gap: 5px;
  align-items: center;
  bottom: 10px;
  right: 10px;
}
.el-block-awsers-amount svg {
  width: 14px;
  height: 14px;
}
.el-block-awsers-amount span {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #795fea;
}

.hover-ring {
  border: 2px solid transparent;
  transition: 0.2s ease all;
}
.hover-ring:hover {
  border: 2px solid #fff;
}

.img-opacity {
  filter: opacity(0.2);
}

.text-helper {
  font-size: 12px;
  color: #2A471F;
}

.text-green-800 {
  color:#2A471F !important;
}

.text-wrapper {
  width: 100%;
}

.feedback-modal {
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  border: 2px solid #ff8617;
  position: fixed;
  bottom: 90px;
  right: 20px;
  cursor: pointer;
  font-size: 1.2rem;
  color: #ff8617;
  z-index: 99;
  display: grid;
  place-items: center;
}
.feedback-modal svg {
  width: 1.5rem;
  height: 1.5rem;
}

#modal_ops,
#modal_parabens {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
#modal_ops .content,
#modal_parabens .content {
  background-color: #fff;
  padding: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 14px;
  border: 1px solid #2ecc71;
}
#modal_ops .content p,
#modal_parabens .content p {
  font-size: 16px;
}
#modal_ops .content button,
#modal_parabens .content button {
  font-size: 14px;
}

.teste_page_content h2 {
  color: #6900af !important;
}
.teste_page_content p {
  color: rgb(37, 37, 37);
  font-size: 1rem;
}
.teste_page_content .group_item span {
  font-size: 1rem;
}
.teste_page_content .group_item span:nth-child(1) {
  font-weight: 600;
}
.teste_page_content .group_item:nth-child(1) span:nth-child(1) {
  color: #2ecc71;
}
.teste_page_content .group_item:nth-child(2) span:nth-child(1) {
  color: #ff8617;
}

/**
 * General reset
 */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
  /**
   * Custom scrollbar
   */
  /**
   * Custom selection color
   */
}
html::-webkit-scrollbar {
  width: 0.7rem;
}
html::-webkit-scrollbar-track {
  background-color: #fff;
}
html::-webkit-scrollbar-thumb {
  background-color: #375dcc;
  outline: none;
  border-radius: 0rem;
}
html ::-moz-selection {
  background-color: #375dcc;
  color: #fff;
}
html ::selection {
  background-color: #375dcc;
  color: #fff;
}

html,
body {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body {
  font-size: 1.6rem;
}
body main {
  flex: 1;
}

/**
 * Bootstrap reset
 */
.tooltip {
  font-size: 16px;
}
.tooltip .tooltip-arrow::before {
  border-right-color: rgba(58, 58, 58, 0.9);
}
.tooltip .tooltip-inner {
  padding: 8px 16px;
  background-color: rgba(58, 58, 58, 0.9);
  border-radius: 4px;
}

img {
  -webkit-user-drag: none;
}
img.px {
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -moz-crisp-edges;
      image-rendering: pixelated;
}
img.aa {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: crisp-edges;
  image-rendering: optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

a {
  text-decoration: none;
  color: #fff;
}

ul {
  list-style: none;
}

/* Animations */
@-webkit-keyframes floating {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes floating {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0);
  }
}
/* Helpers */
.up {
  text-transform: uppercase;
}

.greyscale {
  filter: grayscale(100%);
}

[disabled]:hover {
  cursor: not-allowed;
}

/* Buttons */
button {
  all: unset;
}

.btn {
  padding: 12px 16px;
  font-size: 16px;
}

.form-control:focus {
  box-shadow: none;
}

.container {
  max-width: 1220px;
  width: 100%;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  margin: 0 auto;
}
@media (max-width: 1399.98px) {
  .container {
    max-width: 1120px;
  }
}
@media (max-width: 1199.98px) {
  .container {
    max-width: 920px;
  }
}

.bg-theme {
  background-color: #fff;
  border-radius: 1rem;
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.04);
}

/**
 * Materialize Reset
 */
.row {
  margin-bottom: 0;
}

.br-1 {
  border-radius: 0.3em;
}

.hover {
  transition: all 0.2s linear;
}
.hover:hover {
  opacity: 0.6;
}

.debug {
  border: 1px solid red;
}

.debug-green {
  border: 1px solid rgb(55, 255, 0);
}

.debug-blue {
  border: 1px solid rgb(0, 98, 255);
}

.mainContainer {
  width: 100%;
  min-height: 100vh;
  background-color: #f0f0f0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-image: url(/assets/site/bg/textura.png);
  background-repeat: repeat;
  display: flex;
  gap: 24px;
}
@media (max-width: 768px) {
  .mainContainer {
    display: block;
  }
}

.content {
  padding-left: 2rem;
  padding-right: 1rem;
}

.row {
  padding: 0;
  margin: 0;
}

.btn {
  padding: 0;
  border-radius: 0.8rem;
  height: auto;
  line-height: auto;
  padding: 0.3rem 2rem;
  background-color: #fff;
  border: 1px solid #fff;
  color: rgb(255, 255, 255);
  transition: all 0.3s ease;
  font-size: 1rem;
  text-transform: none;
  font-weight: 700;
}
.btn:hover {
  color: rgb(255, 255, 255);
  transform: translateY(-2px);
  background-color: transparent;
}
.btn .fas {
  margin-right: 1rem;
}

.filepond--credits {
  display: none;
}

.form-check-input:checked {
  background-color: #375dcc;
  border-color: #6178a0;
}

.modal {
  background-color: rgba(0, 0, 0, 0.5);
  max-height: inherit;
  width: inherit;
}

.custom-alert {
  padding: 16px;
  border-width: 2px;
  border-style: solid;
  border-radius: 8px;
  margin-bottom: 24px;
  font-size: 16px;
}
.custom-alert.danger {
  border-color: #ff5656;
}
.custom-alert.success {
  border-color: #00e600;
}
.custom-alert.warning {
  border-color: #ffc107;
}

/* .shepherd-content::before {
  content: '';
  background-image: url(/images/robos/mascote/Checklist.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -63px;
  height: 113px;
  left: -5px;
  position: absolute;
  aspect-ratio: 1;
}
 */
@media (max-width: 1080px) {
  html {
    font-size: 93.75%;
  }
}
@media (max-width: 1080px) {
  html {
    font-size: 87.5%;
  }
}
h1,
h2,
h3,
h4,
p {
  margin: 0;
  padding: 0;
}

h1 {
  font-family: "Raleway";
  font-size: 3rem;
  font-weight: 700;
}
@media (max-width: 1460px) {
  h1 {
    font-size: 1.1rem;
  }
}

p {
  font-family: "Raleway";
  font-size: 16px;
  font-weight: 400;
  color: #3a3b45;
  line-height: normal;
}
p span {
  color: #375dcc;
}
@media (max-width: 1460px) {
  p {
    font-size: 14px;
  }
}

h3 {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  font-size: 1.2rem;
}
@media (max-width: 1460px) {
  h3 {
    font-size: 1rem;
  }
}

h4 {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
@media (max-width: 1460px) {
  h4 {
    font-size: 1.1rem;
  }
}

.title {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-size: 2rem;
}
@media (max-width: 1460px) {
  .title {
    font-size: 1.8rem;
  }
}

.subtitle-lg {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
}

.subtitle-md {
  font-family: "Raleway";
  font-style: normal;
  font-size: 1.2rem;
}

.text-sm {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-size: 0.8rem;
}

.fs-12 {
  font-size: 0.8rem;
}

.fs-16 {
  font-size: 1rem;
}

.fs-20 {
  font-size: 1.2rem;
}

.fs-24 {
  font-size: 1.5rem;
}

.fs-32 {
  font-size: 2rem;
}

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

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

.text-secondary {
  color: #6900af !important;
}

.bg-secondary {
  background-color: #6900af !important;
}

.text-violet-100 {
  color: #795fea !important;
}

.bg-violet-100 {
  background-color: #795fea !important;
}

.text-violet-200 {
  color: #6751c8 !important;
}

.bg-violet-200 {
  background-color: #6751c8 !important;
}

.text-purple-400 {
  color: #8e0eae !important;
}

.bg-purple-400 {
  background-color: #8e0eae !important;
}

.text-gray-50 {
  color: #f0f0f0 !important;
}

.bg-gray-50 {
  background-color: #f0f0f0 !important;
}

.text-gray-100 {
  color: #858796 !important;
}

.bg-gray-100 {
  background-color: #858796 !important;
}

.text-gray-400 {
  color: #a3a3a3 !important;
}

.bg-gray-400 {
  background-color: #a3a3a3 !important;
}

.text-gray-600 {
  color: #6b6b6b !important;
}

.bg-gray-600 {
  background-color: #6b6b6b !important;
}

.text-gray-700 {
  color: #3a3b45 !important;
}

.bg-gray-700 {
  background-color: #3a3b45 !important;
}

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

.bg-orange-0 {
  background-color: #ff8617 !important;
}

.text-blue-450 {
  color: #6178a0 !important;
}

.bg-blue-450 {
  background-color: #6178a0 !important;
}

.text-blue-500 {
  color: #375dcc !important;
}

.bg-blue-500 {
  background-color: #375dcc !important;
}

.text-blue-600 {
  color: #4e72de !important;
}

.bg-blue-600 {
  background-color: #4e72de !important;
}

.text-blue-700 {
  color: #4e73df !important;
}

.bg-blue-700 {
  background-color: #4e73df !important;
}

.text-blue-800 {
  color: #36b9cc !important;
}

.bg-blue-800 {
  background-color: #36b9cc !important;
}

.text-green-50 {
  color: #33d3b7 !important;
}

.bg-green-50 {
  background-color: #33d3b7 !important;
}

.text-green-200 {
  color: #2ecc71 !important;
}

.bg-green-200 {
  background-color: #2ecc71 !important;
}

.text-green-300 {
  color: #17a673 !important;
}

.bg-green-300 {
  background-color: #17a673 !important;
}

.text-green-500 {
  color: #007b33 !important;
}

.bg-green-500 {
  background-color: #007b33 !important;
}

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

.bg-yellow-50 {
  background-color: #f6c23e !important;
}

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

.bg-yellow-100 {
  background-color: #f4b619 !important;
}

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

.bg-yellow-200 {
  background-color: #f4b30d !important;
}

.text-gold-50 {
  color: #f1c40f !important;
}

.bg-gold-50 {
  background-color: #f1c40f !important;
}

.modal h5 {
  font-size: 1.5rem;
  color: #ff8617;
}
.modal .btn-close {
  font-size: 1rem;
  border: 1px solid #ff8617;
  color: #fff;
}
.modal .btn-close:focus {
  background-color: #ff8617;
  box-shadow: 0 0 0 0.25rem rgba(253, 83, 13, 0.25);
}
.modal textarea:focus {
  border-color: #ff8617;
}

.shepherd-theme .shepherd-text {
  color: #375dcc;
  font-weight: 600;
  font-size: 0.9rem;
}
.shepherd-theme .shepherd-button {
  font-size: 1rem;
  background-color: #ff8617;
}
.shepherd-theme .shepherd-button:hover {
  background-color: #fa9638;
}

.card-curso-wrapper {
  position: relative;
  display: flex;
}
.card-curso-wrapper .card-curso {
  width: 100%;
  position: relative;
  background-color: #fff;
  margin-bottom: 24px;
  z-index: 2;
  border-radius: 10px;
  padding: 5px;
}
.card-curso-wrapper .card-curso .status-title {
  font-family: "Raleway";
  font-size: 1.2rem;
  font-weight: bold;
}
.card-curso-wrapper .card-curso .banner-wrapper {
  height: 14rem;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.card-curso-wrapper .card-curso .banner-wrapper .challenge-title {
  padding: 1.2rem;
  z-index: 1;
}
.card-curso-wrapper .card-curso .banner-wrapper .challenge-title h3 {
  font-size: 1.2rem;
  color: #fff;
  font-weight: bold;
  z-index: 1;
}
.card-curso-wrapper .card-curso .banner-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(177deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7607843137));
}
.card-curso-wrapper .card-curso .description-wrapper {
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.card-curso-wrapper .card-curso .description {
  height: 8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: wrap;
}
.card-curso-wrapper .card-curso .btn {
  background-color: #6900af;
  max-width: 100%;
}

#mainMenu .menuItem.active-diagnostico-final svg path, #mainMenu .menuItem.active-colab svg path, #mainMenu .menuItem.active-agelab svg path, #mainMenu .menuItem.active-dashboard svg path, #mainMenu .menuItem.active-minhaconta svg path, #mainMenu .menuItem.active-ranking svg path, #mainMenu .menuItem.active-forum svg path, #mainMenu .menuItem.active-inicio svg path {
  fill: #fff;
}
#mainMenu .menuItem.active-diagnostico-final span, #mainMenu .menuItem.active-colab span, #mainMenu .menuItem.active-agelab span, #mainMenu .menuItem.active-dashboard span, #mainMenu .menuItem.active-minhaconta span, #mainMenu .menuItem.active-ranking span, #mainMenu .menuItem.active-forum span, #mainMenu .menuItem.active-inicio span {
  color: #fff;
}

#mainMenu {
  width: 116px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  align-items: center;
  background-color: #fff;
  border-radius: 1.3rem;
  padding: 1rem 0.5rem;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  transition: all 0.3s ease-in-out;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
}
@media (max-width: 768px) {
  #mainMenu {
    position: fixed;
    z-index: 10;
  }
}
#mainMenu.active {
  margin-left: -110px;
}
#mainMenu.active .menuItem,
#mainMenu.active .copyright {
  transform: translateX(-100%);
}
#mainMenu.active #toogleMenu:hover .fa-chevron-right {
  transform: translateX(4px);
}
#mainMenu #toogleMenu {
  position: absolute;
  top: 50%;
  right: -26px;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 90px;
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 0 8px 8px 0;
}
#mainMenu #toogleMenu .fa-chevron-right {
  font-size: 0.8rem;
  color: #000;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mainMenu #toogleMenu:hover .fa-chevron-right {
  transform: rotateY(180deg);
}
#mainMenu .menuItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
  padding: 0.8rem 0.5rem;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
}
#mainMenu .menuItem:hover {
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
}
#mainMenu .menuItem.active-inicio {
  background-color: #2A471F;
}
#mainMenu .menuItem.active-forum {
  background-color: #2A471F;
}
#mainMenu .menuItem.active-ranking {
  background-color: #2A471F;
}
#mainMenu .menuItem.active-minhaconta {
  background-color: #2A471F;
}
#mainMenu .menuItem.active-dashboard {
  background-color: #2A471F;
}
#mainMenu .menuItem.active-agelab {
  background-color: #2A471F;
}
#mainMenu .menuItem.active-colab {
  background-color: #2A471F;
}
#mainMenu .menuItem.active-diagnostico-final {
  background-color: #2A471F;
}
#mainMenu .menuItem span {
  font-size: 0.7rem;
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #375dcc;
}
#mainMenu .menuItem + .menuItem {
  margin-top: 1rem;
}
#mainMenu .copyright span {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  /* blue700 */
  color: #1b284c;
}

.menu-colab {
  display: none;
  background-color: #fff;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.04);
  border-radius: 0.6rem;
  height: 100%;
}
.menu-colab .menu-colab-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  padding: 2rem;
}
.menu-colab .menu-colab-wrapper h3 {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 24px;
  color: #ff8617;
}
.menu-colab .menu-colab-wrapper h4 {
  margin-top: 0.25rem;
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 24px;
  color: #a3a3a3;
}
.menu-colab .menu-colab-wrapper img {
  width: 1.2rem;
}
.menu-colab .menu-colab-wrapper .buttons-wrapper {
  margin-top: 2rem;
  display: grid;
  gap: 0.5rem;
}
.menu-colab .menu-colab-wrapper .buttons-wrapper button {
  border: 1px solid transparent;
  background-color: #fff;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.04);
  border-radius: 0.6rem;
  font-size: 1rem;
  width: 160px;
  display: flex;
  gap: 1rem;
  padding: 0.6rem 0.8rem;
  transition: all 0.2s ease;
}
.menu-colab .menu-colab-wrapper .buttons-wrapper button.active {
  border: 1px solid #ff8617;
}
.menu-colab .menu-colab-wrapper .buttons-wrapper button span {
  font-size: 0.9rem;
  color: #273a6e;
  font-weight: 500;
}
.menu-colab .menu-colab-wrapper .buttons-wrapper button:hover {
  border: 1px solid #ff8617;
}
.menu-colab .menu-colab-wrapper .buttons-wrapper button:focus {
  background-color: #f5f5f5;
  border: 1px solid #6178a0;
}

@-webkit-keyframes moveGradient {
  50% {
    background-position: 100% 50%;
  }
}

@keyframes moveGradient {
  50% {
    background-position: 100% 50%;
  }
}
.animate_points {
  -webkit-animation: rotate-center 0.6s ease-in-out both;
          animation: rotate-center 0.6s ease-in-out both;
  /* ----------------------------------------------
  * Generated by Animista on 2022-7-13 9:12:42
  * Licensed under FreeBSD License.
  * See http://animista.net/license for more info.
  * w: http://animista.net, t: @cssanimista
  * ---------------------------------------------- */
  /**
  * ----------------------------------------
  * animation rotate-center
  * ----------------------------------------
  */
}
@-webkit-keyframes rotate-center {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.backButton {
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.backButton:hover {
  transform: translateX(-5px);
}
.backButton:active {
  transform: scale(1.2);
}
.backButton:active path {
  fill: #2ecc71;
}

.logout-button {
  position: fixed;
  bottom: 40px;
  left: 25px;
  background-color: white;
  padding: 6px 10px;
  box-shadow: 0px 0px 2.1027px 2.8036px rgba(0, 0, 0, 0.14);
  border-radius: 15px;
  font-size: 16px;
}

.btn-yellow, .btn-green, .btn-outlined, .btn-contained {
  box-sizing: content-box;
  display: inline-block;
  border-radius: 10px;
  padding: 12px 16px;
  transition: 0.2s ease-in-out;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  font-size: 16px;
  font-family: "Nunito", sans-serif;
}

.btn-contained {
  background-color: #4e73df;
  border: 2px solid #4e72de;
  color: #fff;
}
.btn-contained:hover {
  background-color: #2e59d9;
}

.btn-outlined {
  background-color: #fff;
  color: #375dcc;
  box-shadow: 0px 0px 2.1027px 2.8036px rgba(0, 0, 0, 0.14);
}
.btn-outlined:hover {
  color: #fff;
  background-color: #889fe1;
}

.btn-contained-purple {
  display: inline-block;
  height: 3.2rem;
  line-height: 3.2rem;
  font-size: 1rem;
  background-color: #795fea;
  color: #fff;
  border-radius: 1.3rem;
  text-align: center;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  font-weight: 600;
  letter-spacing: 0.8px;
  cursor: pointer;
}
.btn-contained-purple:hover {
  background-color: #6751c8;
  color: #fff;
}

.btn-outlined-purple {
  display: inline-block;
  padding: 0.4rem 0.8rem;
  font-size: 1rem;
  background-color: #fff;
  color: #795fea;
  border-radius: 1.3rem;
  border: 2px solid #795fea;
  text-align: center;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  font-weight: 600;
  cursor: pointer;
}
@media (max-width: 1399.98px) {
  .btn-outlined-purple {
    font-size: 0.8rem;
  }
}
.btn-outlined-purple:hover {
  background-color: #6751c8;
  color: #fff;
}

.btn-outlined-blue {
  display: inline-block;
  padding: 0.4rem 0.8rem;
  font-size: 1rem;
  background-color: #fff;
  color: #375dcc;
  border-radius: 1.3rem;
  border: 2px solid #375dcc;
  text-align: center;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  font-weight: 600;
  cursor: pointer;
}
@media (max-width: 1399.98px) {
  .btn-outlined-blue {
    font-size: 0.8rem;
  }
}
.btn-outlined-blue:hover {
  background-color: #375dcc;
  color: #fff;
}

.btn-primary:hover {
  border-color: #fff;
}

.btn-green {
  background-color: #2ecc71;
  color: #fff;
}
.btn-green:hover {
  color: #fff;
  background-color: #17a673;
}

.btn-yellow {
  background-color: #f6c23e;
  color: #fff;
}
.btn-yellow:hover {
  color: #fff;
  background-color: #f4b619;
}

.btn:focus,
.btn-large:focus,
.btn-small:focus,
.btn-floating:focus {
  background-color: transparent;
}

.card {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 16px;
  padding: 16px;
}
.card .card-content {
  padding: 24px;
}
.card .card-actions {
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid rgba(197, 197, 197, 0.8);
  margin-top: 24px;
  text-align: right;
}

.layer-bredi {
  background-color: black;
}
.layer-bredi .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
}
.layer-bredi .wrapper small {
  color: white;
  font-size: 1.4rem;
}
.layer-bredi .wrapper a {
  color: white;
  font-size: 1.4rem;
  margin-right: 16px;
}
.layer-bredi .wrapper .fab {
  font-size: 22px;
}

.input-field {
  margin-top: 1rem;
}
.input-field label {
  font-size: 1.2rem;
}
.input-field input {
  font-size: 1.6rem;
  height: 3.2rem;
}

.form-select:focus {
  border-color: #c2c2c2;
  outline: 0;
  box-shadow: none;
}

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  overflow: hidden;
}

.tippy-box[data-theme~=age-tippy] {
  background-color: rgb(255, 255, 255);
  color: rgb(128, 128, 128);
  box-shadow: 0px 0px 1px 2px rgba(255, 211, 17, 0.342);
}

.tippy-box[data-theme~=age-tippy][data-placement^=top] > .tippy-arrow::before {
  border-top-color: rgba(255, 211, 17, 0.726);
}

.tippy-box[data-theme~=age-tippy][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: rgba(255, 211, 17, 0.726);
}

.tippy-box[data-theme~=age-tippy][data-placement^=left] > .tippy-arrow::before {
  border-left-color: rgba(255, 211, 17, 0.726);
}

.tippy-box[data-theme~=age-tippy][data-placement^=right] > .tippy-arrow::before {
  border-right-color: rgba(255, 211, 17, 0.726);
}

.avatar-group .image-wrapper {
  display: flex;
  align-items: center;
  height: 40px;
}
.avatar-group .image-wrapper > img {
  display: block;
  width: 40px;
  height: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #fff;
  box-shadow: 0 0 0 1.2px #8e0eae, 0 0 0 3px #fff;
}
.avatar-group .image-wrapper > img:not(:first-child) {
  margin-left: -8px;
}
.avatar-group .image-wrapper .more-avatars {
  height: 90%;
  aspect-ratio: 1;
  margin-left: -8px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 0 0 1.2px #6c02ab;
  z-index: -1;
}
.avatar-group .image-wrapper .more-avatars .plus {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 4px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-weight: bold;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 1;
}
.avatar-group .image-wrapper .more-avatars img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #fff;
}
.avatar-group .image-wrapper .more-avatars::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.graphic-avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.graphic-avatar .avatar {
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #2ECC71;
  background-color: #fff;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  width: 56px;
  aspect-ratio: 1;
}
.graphic-avatar .avatar .bubble_wrapper {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
}
.graphic-avatar .avatar:hover .bubble_wrapper {
  opacity: 1;
}

.toasty {
  position: fixed;
  color: #a1a1a1;
  bottom: 24px;
  right: 24px;
  padding: 16px;
  font-size: 16px;
  width: 300px;
  max-width: 100%;
  z-index: 9999;
  box-shadow: 0px 20px 11px -16px rgba(0, 0, 0, 0.2196078431);
  border-radius: 8px;
  transition: 0.2s ease-in-out;
  transform: translateY(calc(100% + 24px));
}
.toasty ul {
  list-style: disc;
  margin: 0;
}
.toasty.robot::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -103px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 151px;
  height: 180px;
  transition: 0.2s ease-in-out;
  opacity: 0;
  display: none;
}
@media (min-width: 576px) {
  .toasty.robot::before {
    display: block;
  }
}
.toasty.success {
  background-color: #fff;
  border: 2px solid #8add98;
}
.toasty.success.robot::before {
  background-image: url(/images/robos/mascote/Jumping.png);
}
.toasty.error {
  background-color: #fff;
  border: 2px solid #ff8a8a;
}
.toasty.error.robot::before {
  background-image: url(/images/robos/mascote/TimeUp.png);
}
.toasty.show {
  transform: translateY(0);
  transition: 0.3s cubic-bezier(0.42, 0, 0, 1.35);
}
.toasty.show.robot::before {
  opacity: 1;
}

/* .user-points {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: fit-content;

  display: grid;
  justify-content: flex-end;

  place-items: center;
  padding: 12px 8px;
  text-transform: uppercase;
  background-color: #fff;
  margin-bottom: 8px;
  border-radius: 0.5rem;
  border: 2px solid map-get($colors, orange-0);
  cursor: pointer;
  z-index: 999;

  span {
    color: map-get($colors, orange-0);
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
  }

  @media (min-width: 1200px) {
    position: sticky;
  }
} */
.user-points-card {
  background-color: #fff;
  padding: 1rem;
  width: 90%;
  border-radius: 20px;
}
.user-points-card .user-header-wrapper {
  display: flex;
  gap: 20px;
}
.user-points-card .user-header-wrapper .user-header-img {
  height: 90px;
  width: 90px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
}
.user-points-card .user-header-wrapper .user-header-img div {
  height: 85px;
  width: 85px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-points-card .user-header-wrapper .user-header-img div img {
  -o-object-fit: cover;
     object-fit: cover;
}
.user-points-card .user-header-wrapper .user-header-title {
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: center;
}
.user-points-card .user-header-wrapper .user-header-title .text-type {
  font-size: 14px;
  color: #909090;
}
.user-points-card .user-header-wrapper .user-header-title .text-name {
  font-size: 20px;
  color: #000000;
}
.user-points-card .user-header-wrapper .user-header-title .text-points {
  font-weight: 800;
  font-size: 20px;
  color: #375dcc;
}
.user-points-card .user-content-wrapper .user-content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 10px;
}
.user-points-card .user-content-wrapper .user-content-header p {
  font-weight: 800;
  font-size: 20px;
  color: #375dcc;
}
.user-points-card .user-content-wrapper .user-content-header a {
  font-size: 14px;
  color: #909090;
  padding: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 5px;
}
.user-points-card .user-content-wrapper .user-content-header a:hover {
  background-color: #e3e3e3;
}
.user-points-card .user-content-wrapper .user-content-header a:active {
  background-color: none;
}
.user-points-card .user-content-wrapper .user-content-header a:focus {
  background-color: none;
}
.user-points-card .user-content-wrapper .user-conquistas-wrapper {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
}
.user-points-card .user-content-wrapper .user-conquistas-wrapper .user-conquista-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.user-points-card .user-content-wrapper .user-conquistas-wrapper .user-conquista-wrapper .user-conquista-img {
  display: flex;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-size: cover;
}
.user-points-card .user-content-wrapper .user-conquistas-wrapper .user-conquista-wrapper .user-conquista-img img {
  width: 100%;
}
.user-points-card .user-content-wrapper .user-conquistas-wrapper .user-conquista-wrapper p {
  text-align: center;
  color: #000000;
}

.notification-bell {
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 10;
}
.notification-bell button {
  background: #fff;
  border: 2px solid #2ecc71;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
  position: relative;
}
.notification-bell button:hover {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.notification-bell button i {
  font-size: 1.5rem;
  color: #2ecc71;
  pointer-events: none;
}
.notification-bell button span {
  position: absolute;
  display: block;
  top: -10px;
  right: -10px;
  background: #ff0000;
  color: #fff;
  font-size: 0.8rem;
  padding: 0;
  min-width: unset;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  width: 1.5rem;
  height: 1.5rem;
}
.notification-bell .notification-list {
  position: absolute;
  top: 56px;
  right: 0;
  width: 300px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 9px 15px 1px rgba(0, 0, 0, 0.18);
  overflow: hidden;
  overflow-y: auto;
  max-height: 80vh;
  display: none;
  opacity: 0;
  transform: translateX(50%);
  transition: all 0.2s ease-in-out;
}
.notification-bell .notification-list.show {
  opacity: 1;
  transform: translateX(0);
}
.notification-bell .notification-list .notification-item {
  padding: 16px;
  background-color: #ceffd6;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.notification-bell .notification-list .notification-item:hover {
  background: #9bffab;
}
.notification-bell .notification-list .notification-item.this-notification-has-been-read-by-the-colaborador-aka-dashboard-member {
  background-color: #fff;
}
.notification-bell .notification-list .notification-item.this-notification-has-been-read-by-the-colaborador-aka-dashboard-member:hover {
  background: #f5f5f5;
}
.notification-bell .notification-list .notification-item.this-notification-has-been-read-by-the-colaborador-aka-dashboard-member .notification-item-icon i {
  color: #999;
}
.notification-bell .notification-list .notification-item .notification-item-header .notification-item-icon {
  font-size: 1rem;
  color: #2ecc71;
}
.notification-bell .notification-list .notification-item .notification-item-time {
  font-size: 0.8rem;
  color: #999;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

#loginPage .loginPage {
  color: inherit;
  background-color: white;
  background-image: url(/assets/site/educa-para/bg/fundo-verde-cop.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  padding: 80px 120px;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 80px;
}

@media (min-width: 1023.98px) and (max-width: 1279.98px) {
  #loginPage .loginPage {
    padding: 80px 80px;
  }
}

@media (max-width: 1023.98px) {
  #loginPage .loginPage {
  justify-content: center;
  background-size: cover;
  flex-direction: column;
  align-items: center;
  height: auto;
  }
}

  @media (max-width: 765.98px) {
  #loginPage .loginPage {
    gap: 40px;
    height: auto;
    padding: 40px 20px;
    text-align: center;
    /* background-image: none;
    background-color: #375dcc; */
  }
}

#loginPage .loginPage .container-login-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  color: #fff;
  max-width: 450px;
  @media (max-width: 1023.98px) {
    text-align: center;
  }
}

#loginPage .loginPage .container-login-text h2 {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
}
#loginPage .loginPage .container-login-text p {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  border: #fff solid 1px;
  padding: 2rem;
}

#loginPage .loginPage .container-login-text div {
  display: flex;
  gap: 2rem;
  align-items: center;
  margin-top: 3rem;
  @media (max-width: 575.98px) {
    flex-direction: column;
    gap: 1rem;
    margin-top: 2rem;
  }
}
#loginPage .loginPage .container-login-text div img {
  width: 150px;
  @media (max-width: 575.98px) {
    width: 200px; 
  }
}

#loginPage .loginPage .formularioLogin {
  width: 30rem;
  background-color: #fff;
  border-radius: 1.3rem;
  padding: 2rem;
  box-shadow: 0px 0px 2.1027px 2.8036px rgba(0, 0, 0, 0.14);
  /* margin-right: 4rem; */
  /* label focus color */
  /* label focus color */
  /* label underline focus color */
}
@media (max-width: 575.98px) {
  #loginPage .loginPage .formularioLogin {
    margin: auto 10px;
    width: 100%;
  }
}
#loginPage .loginPage .formularioLogin .logo-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
#loginPage .loginPage .formularioLogin .logo-wrapper .img-fluid {
  max-width: 250px;
}
#loginPage .loginPage .formularioLogin h2 {
  font-family: "Nunito", sans-serif;
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 400;
  text-align: center;
  color: #3a3b45;
}
#loginPage .loginPage .formularioLogin .subtitle {
  color: #858796;
  font-size: 24px;
}
#loginPage .loginPage .formularioLogin .recoverLink {
  margin-top: 1rem;
  font-size: 1rem;
  color: #375dcc;
  transition: 0.2s ease;
  font-weight: 500;
}
#loginPage .loginPage .formularioLogin .recoverLink:hover {
  transform: translateY(-3px);
}
#loginPage .loginPage .formularioLogin .buttonsWrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#loginPage .loginPage .formularioLogin .input-field input[type=text]:focus + label,
#loginPage .loginPage .formularioLogin .materialize-textarea:focus:not([readonly]) + label {
  color: #4e72de !important;
}
#loginPage .loginPage .formularioLogin .input-field input[type=email]:focus + label,
#loginPage .loginPage .formularioLogin .materialize-textarea:focus:not([readonly]) + label {
  color: #4e72de !important;
}
#loginPage .loginPage .formularioLogin .input-field input[type=text]:focus,
#loginPage .loginPage .formularioLogin .materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #4e72de !important;
  box-shadow: 0 1px 0 0 #4e72de !important;
}
#loginPage .loginPage .formularioLogin .input-field input[type=email]:focus,
#loginPage .loginPage .formularioLogin .materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #375dcc !important;
  box-shadow: 0 1px 0 0 #375dcc !important;
}

.diagnostico-final-banner {
  background-image: url(/assets/site/bg/textura.png);
  background-repeat: repeat;
  background-size: auto;
}

#diagnostico-final-page.diagnostico-final-banner {
  background-image: url(/assets/site/bg/textura.png);
  background-repeat: repeat;
  background-size: auto;
}

#diagnostico-page {
  width: 100%;
  background-image: url(/assets/site/bg/bg-diagnostico.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#diagnostico-page.diagnostico-final-banner {
  background-image: url(/assets/site/bg/textura.png);
  background-repeat: repeat;
  background-size: auto;
}
#diagnostico-page ::-moz-selection {
  background-color: #6900af;
  color: #fff;
}
#diagnostico-page ::selection {
  background-color: #6900af;
  color: #fff;
}
#diagnostico-page .termos-wrapper {
  height: 310px;
  overflow-y: auto;
  padding: 10px;
  /**
  * Custom scrollbar
  */
  /**
  * Custom selection color
  */
}
#diagnostico-page .termos-wrapper::-webkit-scrollbar {
  width: 0.7rem;
}
#diagnostico-page .termos-wrapper::-webkit-scrollbar-track {
  background-color: #fff;
}
#diagnostico-page .termos-wrapper::-webkit-scrollbar-thumb {
  background-color: #ff8617;
  outline: none;
  border-radius: 0rem;
}
#diagnostico-page h2 {
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.1rem;
  color: #224585;
}
#diagnostico-page h3 {
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  color: #224585;
}
#diagnostico-page p {
  text-align: justify;
  margin-bottom: 2rem;
}
#diagnostico-page h5 {
  font-family: "Nunito", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  color: #3f66af;
}
#diagnostico-page ul {
  list-style: disc;
  color: #a3a3a3;
  font-size: 1rem;
}
#diagnostico-page .form-wrapper {
  max-width: 700px;
  width: 100%;
  position: relative;
}
#diagnostico-page .form-wrapper .title {
  font-size: 1rem;
}
#diagnostico-page .form-wrapper .form-check:hover .form-check-label {
  color: rgb(0, 211, 112);
}
#diagnostico-page .form-wrapper .form-check:hover .form-check-input {
  border: 2px solid rgb(0, 211, 112);
}
#diagnostico-page .form-wrapper .tooltiper-button {
  position: absolute;
  top: 0px;
  right: 5px;
}
#diagnostico-page .form-wrapper .tooltiper-button i {
  font-size: 1.2rem;
  color: #224585;
}
#diagnostico-page .form-wrapper .form-check-label {
  font-size: 0.8rem;
  transition: all 0.1s ease-in-out;
}
#diagnostico-page .form-wrapper .form-check-input {
  width: 18px;
  height: 18px;
  transition: all 0.1s ease-in-out;
}
#diagnostico-page .page-finish-content h1 {
  font-size: 4rem;
  font-weight: 600;
  line-height: 70px;
  color: #273a6e;
}
#diagnostico-page .page-finish-content h2 {
  color: #273a6e;
  margin-bottom: 1rem;
  font-size: 1.6rem;
}

.page-diagnostico, .page-diagnostico-testes, .page-diagnostico-final {
  background-color: #1b284c;
}
.page-diagnostico .form-wrapper, .page-diagnostico-testes .form-wrapper, .page-diagnostico-final .form-wrapper {
  max-width: 660px;
}
.page-diagnostico main, .page-diagnostico-testes main, .page-diagnostico-final main {
  padding-top: 4rem;
}
.page-diagnostico main .title, .page-diagnostico-testes main .title, .page-diagnostico-final main .title {
  font-size: 1.2rem;
  color: #1b284c;
}
.page-diagnostico main label, .page-diagnostico-testes main label, .page-diagnostico-final main label {
  font-size: 1rem;
}
.page-diagnostico button, .page-diagnostico-testes button, .page-diagnostico-final button {
  background-color: #273a6e !important;
}
.page-diagnostico .form-check-input, .page-diagnostico-testes .form-check-input, .page-diagnostico-final .form-check-input {
  font-size: 18px;
}

.page-diagnostico-final {
  background-color: #8e0eae;
}

.page-diagnostico-testes {
  background-color: transparent;
}

#dashboardMain .dashboard-content {
  
  width: 100%;
  padding-inline: 1.5rem;
  padding-block: 2rem;
  padding-left: 2rem;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.04);
  border-radius: 0.6rem;
}
@media (min-width: 768px) {
  #dashboardMain .dashboard-content {
    padding-inline: 3rem;
    padding-block: 4rem;
    padding-left: 3rem;
  }
}
#dashboardMain .content {
  padding-left: 2rem;
  padding-right: 1rem;
}
#dashboardMain .content .roadCard {
  padding-inline: 3rem;
  padding-block: 4rem;
}
#dashboardMain .headerContent {
  display: flex;
  justify-content: space-between;
}
#dashboardMain .headerContent .headerTitle {
  width: 100%;
  margin-right: auto;
  color: white;
}
#dashboardMain .headerContent .headerTitle div {
  text-align: justify;
  color: white;
}
#dashboardMain .headerContent .headerTitle div h3 {
  font-size: 24px;
}
#dashboardMain .headerContent .headerTitle div p {
  font-size: 20px;
  color: white;
}
#dashboardMain .headerContent .headerTitle div ul li {
  font-size: 20px;
  color: white;
}
#dashboardMain .headerContent .headerTitle div strong {
  font-size: 20px;
  font-weight: 700;
}
#dashboardMain .headerContent .headerCard {
  display: flex;
  flex-direction: column;
  max-width: 18rem;
  width: 100%;
}
#dashboardMain .sidebarRankingEmpresas {
  position: relative;
  overflow: hidden;
}
#dashboardMain .sidebarRankingEmpresas:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(360deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
#dashboardMain .sidebarRankingEmpresas .buttonList {
  position: absolute;
  bottom: 14px;
  right: 50%;
  transform: translateX(50%);
  z-index: 999;
}
#dashboardMain .levelCardsWrapper {
  margin-top: 12rem;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  gap: 1rem;
}
#dashboardMain .levelCardsWrapper .levelCard h4 {
  font-size: 1rem;
  color: #ff8617;
  text-align: center;
  margin-bottom: 0.6rem;
}
#dashboardMain .levelCardsWrapper .levelCard .shape {
  background-color: #ffffff;
  padding: 0.6rem 1rem;
  border-radius: 0.8rem;
  width: 150px;
  height: 70px;
  display: grid;
  place-items: center;
  font-size: 1rem;
  box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.14);
}
#dashboardMain .levelCardsWrapper .levelCard .shape span {
  font-family: "Raleway";
  text-align: center;
}
#dashboardMain .levelCardsWrapper .levelCard:nth-child(1) span {
  color: #795fea;
}
#dashboardMain .levelCardsWrapper .levelCard:nth-child(1) h4 {
  color: #fff;
}
#dashboardMain .levelCardsWrapper .levelCard:nth-child(2) {
  transform: translateY(-2rem);
}
#dashboardMain .levelCardsWrapper .levelCard:nth-child(2) span {
  color: #2ecc71;
}
#dashboardMain .levelCardsWrapper .levelCard:nth-child(3) {
  transform: translateY(-5rem);
}
#dashboardMain .levelCardsWrapper .levelCard:nth-child(3) span {
  color: #d01796;
}
#dashboardMain .levelCardsWrapper .levelCard:nth-child(4) {
  transform: translateY(-7rem);
}
#dashboardMain .levelCardsWrapper .levelCard:nth-child(4) span {
  color: #ff9d2c;
}
#dashboardMain h1 {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-size: 3rem;
  transition: all 0.2s ease-in-out;
}
#dashboardMain p {
  line-height: 1.4;
}

#dashboardDiagnostico .statistic-container {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
#dashboardDiagnostico .statistic-container .statistic-block {
  max-width: 24rem;
  width: 100%;
}
#dashboardDiagnostico .statistic-container .statistic-block .statistic-value {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#dashboardRanking .list {
  height: 520px;
  overflow-y: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  /**
     * Custom scrollbar
     */
}
#dashboardRanking .list::-webkit-scrollbar {
  width: 0.4rem;
}
#dashboardRanking .list::-webkit-scrollbar-track {
  background-color: rgb(225, 225, 225);
}
#dashboardRanking .list::-webkit-scrollbar-thumb {
  background-color: #2ecc71;
  outline: none;
  border-radius: 1rem;
}
#dashboardRanking .rank-item {
  border: 1px solid #ff8617;
  border-radius: 2rem;
  padding: 0.4rem 1rem;
  transition: all 0.2s ease;
}
#dashboardRanking .rank-item span {
  color: rgb(189, 189, 189);
  font-family: "Raleway";
  font-weight: 500;
  font-size: 1rem;
}
#dashboardRanking .rank-item:hover {
  background-color: #ff8617;
}
#dashboardRanking .rank-item:hover span {
  color: #fff;
}
#dashboardRanking .sidebarRankingEmpresas {
  position: relative;
  overflow: hidden;
}
#dashboardRanking .sidebarRankingEmpresas .list {
  height: 320px;
  overflow-y: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  scroll-behavior: smooth;
  /**
       * Custom scrollbar
       */
}
#dashboardRanking .sidebarRankingEmpresas .list::-webkit-scrollbar {
  width: 0.4rem;
}
#dashboardRanking .sidebarRankingEmpresas .list::-webkit-scrollbar-track {
  background-color: rgb(225, 225, 225);
}
#dashboardRanking .sidebarRankingEmpresas .list::-webkit-scrollbar-thumb {
  background-color: #2ecc71;
  outline: none;
  border-radius: 1rem;
}
#dashboardRanking .sidebarRankingEmpresas:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(360deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
#dashboardRanking .sidebarRankingEmpresas .buttonList {
  position: absolute;
  bottom: 14px;
  right: 50%;
  transform: translateX(50%);
  z-index: 999;
}
#dashboardRanking .roadCard {
  max-height: 70%;
}

.bubble_wrapper {
  display: inline-block;
  max-width: 280px;
}
.bubble_wrapper.top {
  position: absolute;
  bottom: 67%;
  left: -100%;
  width: 299px;
  z-index: 1000;
}
.bubble_wrapper .bubble {
  background-image: url(/images/baloon.svg);
  filter: drop-shadow(4px 10px 16px rgba(0, 0, 0, 0.1));
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 0.8rem;
  padding: 16px;
  padding-left: 56px;
}
.bubble_wrapper .bubble-top {
  background-image: url(/images/baloon-top.svg);
  filter: drop-shadow(4px 10px 16px rgba(0, 0, 0, 0.1));
  background-size: 100% 100%;
  background-repeat: no-repeat;
  font-size: 0.8rem;
  padding: 16px;
  padding-bottom: 50px;
}

#minha-conta .btn-active {
  background-color: #2A471F;
}
#minha-conta .btn-active h3 {
  color: #ffffff !important;
}
#minha-conta .btn-active svg path {
  stroke: #fff;
}
#minha-conta .user-info-group {
  margin-top: 1rem;
}
#minha-conta .user-info-group h3 {
  font-size: 14px;
  font-weight: 500;
  color: #a3a3a3;
  display: inline-block;
}
#minha-conta .user-info-group span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #a3a3a3;
}
#minha-conta .button-certificate-download {
  cursor: pointer;
  width: 100%;
  padding-block: 1.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #a3a3a3;
}
#minha-conta .button-certificate-download span {
  display: flex;
}
#minha-conta .button-certificate-download span svg {
  margin-right: 0.5rem;
}
#minha-conta .button-certificate-download span svg path {
  transition: all 0.2s ease;
}
#minha-conta .button-certificate-download span p {
  transition: all 0.2s ease;
}
#minha-conta .button-certificate-download:hover:not(.disable) span svg path {
  fill: #f1c40f;
}
#minha-conta .button-certificate-download:hover:not(.disable) span p {
  color: #f1c40f;
}
#minha-conta .button-certificate-download.disable {
  color: #939393;
  cursor: not-allowed;
  opacity: 0.7;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.05);
}
#minha-conta .button-certificate-download.disable svg path {
  fill: #E3E3E3;
}
#minha-conta .user-image {
  width: 120px;
  height: 120px;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.05);
  margin-left: auto;
}

#age-lab .age-lab-content {
  background-color: #fff;
  width: 100%;
  padding-inline: 1.5rem;
  padding-block: 2rem;
  padding-left: 4rem;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.04);
  border-radius: 0.6rem;
}
@media (min-width: 768px) {
  #age-lab .age-lab-content {
    padding-inline: 3rem;
    padding-block: 3rem;
    padding-left: 3rem;
  }
}
#age-lab .age-lab-content h1 {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-size: 3rem;
  transition: all 0.2s ease-in-out;
}
#age-lab .age-lab-content p {
  line-height: 1.4;
}
#age-lab .age-lab-content.sobre .video-wrapper {
  margin-top: 2rem;
}
#age-lab .age-lab-content.sobre .video-wrapper .video-sobre {
  width: 100%;
  max-width: 950px;
  aspect-ratio: 16/9;
}
#age-lab .age-lab-content article h3 {
  font-family: "Raleway";
  font-style: normal;
  font-size: 18px;
  font-weight: 700;
  color: #ff8617;
  transition: all 0.2s ease-in-out;
}
#age-lab .age-lab-content article p {
  margin-bottom: 2rem;
  margin-top: 0.5rem;
}
#age-lab .video-wrapper .video-curso {
  width: 100%;
  max-width: 950px;
  aspect-ratio: 16/9;
  box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.05);
  border-radius: 1.3rem;
}
#age-lab .user-area-desktop {
  display: block;
}
@media (max-width: 767.98px) {
  #age-lab .user-area-desktop {
    display: none !important;
  }
}
#age-lab .user-area-mobile {
  display: none !important;
}
@media (max-width: 767.98px) {
  #age-lab .user-area-mobile {
    display: block !important;
  }
}
#age-lab .author {
  padding: 1rem;
  border: 1px solid #eaeaea;
  border-radius: 0.6rem;
}
#age-lab .author span {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  font-size: 0.8rem;
  color: #a3a3a3;
}
#age-lab .author h3 {
  font-size: 1.2rem;
  color: #6900af;
}
#age-lab .module-group {
  display: flex;
  flex-direction: column;
}
#age-lab .module-group a {
  padding-block: 0.5rem;
}
#age-lab .module-group a:hover .module-item {
  color: #6900af;
  transform: translateX(4px);
}
#age-lab .module-group .module-item {
  transition: all 0.2s ease;
  color: #a3a3a3;
  font-size: 1.2rem;
  font-weight: 500;
}
#age-lab .module-group .module-item.visto {
  color: #2ecc71;
}
#age-lab .module-group .module-item.vendo {
  color: #6900af;
}

.player {
  padding: 24px;
  box-shadow: 0 0 0 2px #00cc76;
  border-radius: 4px;
}
.player .player__progress {
  width: 100%;
  padding-block: 8px;
  margin-bottom: 16px;
  position: relative;
}
.player .player__progress .player__progress--track {
  background-color: #e3e3e3;
  position: relative;
  height: 4px;
  width: 100%;
}
.player .player__progress .player__progress--track .player__progress--bar {
  position: relative;
  height: 100%;
  width: 0%;
  background-color: #2ecc71;
  transition: 0.2s ease-in-out;
}
.player .player__progress .player__progress--track .player__progress--bar::after {
  content: "";
  background-color: #2ecc71;
  width: 10px;
  aspect-ratio: 1;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%) scale(1);
  transition: 0.1s ease-in-out;
  z-index: 1;
}
.player .player__progress .player__progress--track .player__progress-current--bar {
  position: relative;
  height: 100%;
  width: 0%;
  background-color: green;
  transition: 0.2s ease-in-out;
}
.player .player__progress:hover .player__progress--track .player__progress--bar::after {
  transform: translate(50%, -50%) scale(1.3);
}
.player .player__progress.disabled {
  pointer-events: none;
}
.player .player__progress.disabled .player__progress--bar::after {
  transform: translate(50%, -50%) scale(0);
}
.player .player-controls {
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: center;
}
.player .player-controls button {
  color: #aaa;
  display: block;
}
.player .player-controls button:focus {
  background-color: transparent;
}
.player .player-controls button:hover {
  color: #919191;
}
.player .player-time {
  color: #aaa;
  font-size: 16px;
}

.new-courses {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  margin-left: -4px;
  padding: 16px 24px;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  box-shadow: 0px -17px 15px -20px rgba(0, 0, 0, 0.2588235294);
  -webkit-animation: slide-up 0.3s ease-in-out;
          animation: slide-up 0.3s ease-in-out;
  z-index: 2;
}
.new-courses a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  background-color: #ffffff;
  color: #2A471F;
  box-shadow: 0 0 0 2px #2A471F;
  font-size: 16px;
  padding: 8px 16px;
  border-radius: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transition: all 0.2s ease-in-out;
}
.new-courses a:hover {
  background-color: #2A471F;
  color: #fff;
}
@media (min-width: 768px) {
  .new-courses a {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .new-courses {
    justify-content: center;
  }
}

@-webkit-keyframes slide-up {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes slide-up {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
#colab .card-container {
  position: relative;
  max-width: 1100px;
  width: 100%;
}
#colab .card-container::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 105%;
  background-color: #ff8617;
  z-index: 1;
  border-radius: 1.3rem;
}
#colab .card-container .challenge-card-wrapper {
  position: relative;
  background-color: #fff;
  z-index: 1;
}
#colab .card-container .challenge-card-wrapper .challenge-card .challenge-card_banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  overflow: hidden;
}
#colab .card-container .challenge-card-wrapper .challenge-card .challenge-card_banner::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.1) 100%);
  z-index: 0;
}
#colab .card-container .challenge-card-wrapper .challenge-card .challenge-card_content .buttons {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#colab .card-container .challenge-card-wrapper .challenge-card .challenge-card_content .buttons i {
  font-size: 1.2rem;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#colab .card-container .challenge-card-wrapper .challenge-card .challenge-card_content .buttons a {
  display: flex;
  align-items: center;
  padding: 1rem;
  border-radius: 1.3rem;
  box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.05);
}
#colab .card-container .challenge-card-wrapper .challenge-card .challenge-card_content .buttons a p {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  color: #a3a3a3;
  transition: all 0.2s ease-in-out;
}
@media (min-width: 576px) {
  #colab .modal-dialog {
    max-width: 900px;
    margin: 1.75rem auto;
    /* label focus color */
    /* label underline focus color */
  }
  #colab .modal-dialog h2 {
    font-size: 2rem;
    color: #ff8617;
  }
  #colab .modal-dialog .input-field input[type=text]:focus + label,
#colab .modal-dialog .materialize-textarea:focus:not([readonly]) + label {
    color: #ff8617 !important;
  }
  #colab .modal-dialog .input-field input[type=text]:focus,
#colab .modal-dialog .materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #ff8617 !important;
    box-shadow: 0 1px 0 0 #ff8617 !important;
  }
}

.imersao_ideacao_card-group {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.imersao_ideacao_card-group .card-item {
  position: relative;
  background-color: #8e0eae;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
  outline: 4px solid transparent;
  cursor: pointer;
  outline-offset: 2px;
}
.imersao_ideacao_card-group .card-item:nth-child(2), .imersao_ideacao_card-group .card-item:nth-child(7) {
  background-color: #ff8617;
}
.imersao_ideacao_card-group .card-item:nth-child(3), .imersao_ideacao_card-group .card-item:nth-child(6) {
  background-color: #2ecc71;
}
.imersao_ideacao_card-group .card-item:nth-child(4), .imersao_ideacao_card-group .card-item:nth-child(5) {
  background-color: #375dcc;
}
.imersao_ideacao_card-group .card-item:hover {
  outline: 4px solid #ff8617;
}
.imersao_ideacao_card-group .card-item:hover .card-item-button .fa-chevron-circle-right {
  transform: translate(4px, -4px) rotate(-45deg);
}
.imersao_ideacao_card-group .card-item h3 {
  color: #fff;
  font-family: "Raleway";
  font-size: 1.2rem;
}
.imersao_ideacao_card-group .card-item .card-item-info {
  display: block;
  color: #fff;
  font-size: 0.8rem;
}
.imersao_ideacao_card-group .card-item .card-item-button {
  position: absolute;
  bottom: 16px;
  right: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
.imersao_ideacao_card-group .card-item .card-item-button span {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-size: 1rem;
  color: #fff;
  transition: all 0.2s ease-in-out;
}
.imersao_ideacao_card-group .card-item .card-item-button .fa-chevron-circle-right {
  color: #fff;
  font-size: 1rem;
  transform: rotate(-45deg);
  transition: all 0.2s ease-in-out;
}

.colab-content {
  background-color: #fff;
  margin-left: 2rem;
  width: 100%;
  padding-inline: 3rem;
  padding-block: 4rem;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.04);
  border-radius: 0.6rem;
}
.colab-content h1 {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  font-size: 3rem;
  color: #ff8617;
  transition: all 0.2s ease-in-out;
}
.colab-content p {
  line-height: 1.4;
}
.colab-content.sobre .video-wrapper {
  margin-top: 2rem;
}
.colab-content.sobre .video-wrapper .video-sobre {
  width: 100%;
  max-width: 950px;
  aspect-ratio: 16/9;
}
.colab-content article h3 {
  font-family: "Raleway";
  font-style: normal;
  font-size: 18px;
  font-weight: 700;
  color: #ff8617;
  transition: all 0.2s ease-in-out;
}
.colab-content article p {
  margin-bottom: 2rem;
  margin-top: 0.5rem;
}

.card-desafio-wrapper {
  position: relative;
}
.card-desafio-wrapper .card-desafio {
  width: 20rem;
  position: relative;
  background-color: #fff;
  z-index: 2;
}
.card-desafio-wrapper .card-desafio .status-title {
  font-family: "Raleway";
  font-size: 1.2rem;
  font-weight: bold;
}
.card-desafio-wrapper .card-desafio .banner-wrapper {
  height: 11rem;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.card-desafio-wrapper .card-desafio .banner-wrapper .challenge-title {
  z-index: 1;
  padding: 1.2rem;
}
.card-desafio-wrapper .card-desafio .banner-wrapper .challenge-title h3 {
  font-size: 1.2rem;
  color: #fff;
  font-weight: bold;
  z-index: 1;
}
.card-desafio-wrapper .card-desafio .banner-wrapper:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 100%);
  z-index: 0;
}
.card-desafio-wrapper .card-desafio .badget {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.card-desafio-wrapper .card-desafio .badget .fas {
  font-size: 1rem;
}
.card-desafio-wrapper .card-desafio .badget p {
  font-family: "Raleway";
}
.card-desafio-wrapper .card-desafio .btn {
  background-color: #ff8617;
  max-width: 100%;
}
.card-desafio-wrapper:before {
  content: " ";
  position: absolute;
  max-width: 20rem;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(16px);
  background-color: #ff8617;
  z-index: 2;
  border-radius: 1.3rem;
}

.proposta-group {
  margin-top: 1rem;
  height: 300px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border: 1px solid rgb(250, 250, 250);
  padding: 0.5rem;
}
.proposta-group .proposta-item {
  padding: 1rem;
  border: 1px solid #eaeaea;
  border-radius: 0.5rem;
}
.proposta-group .proposta-item .proposta-autor {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.proposta-group .proposta-item .proposta-autor span {
  font-size: 0.8rem;
}
.proposta-group .proposta-item p {
  font-size: 0.9rem;
}

.solucao-group {
  border-top: 1px solid #eaeaea;
  padding-top: 1rem;
}
.solucao-group .solucao-item:nth-child(2) h2, .solucao-group .solucao-item:nth-child(7) h2 {
  color: #ff8617;
}
.solucao-group .solucao-item:nth-child(3) h2, .solucao-group .solucao-item:nth-child(6) h2 {
  color: #2ecc71;
}
.solucao-group .solucao-item:nth-child(4) h2, .solucao-group .solucao-item:nth-child(5) h2 {
  color: #375dcc;
}
.solucao-group .solucao-item h2 {
  margin-top: 2rem;
  color: #8e0eae;
}
.solucao-group .solucao-item span {
  font-size: 0.9rem;
  color: #c2c2c2;
}
.solucao-group .solucao-item p {
  margin-top: 0.5rem;
}

.solucao-item .icon-edit {
  font-size: 1.2rem;
  padding: 8px;
  cursor: pointer;
}
.solucao-item .icon-edit:hover {
  color: #c2c2c2;
}
.solucao-item .modal-body {
  padding: 0;
}

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