@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}

@font-face {
  font-family: 'Europe';
  font-style: normal;
  font-weight: 400;
  src:
    local('Europe'),
    url('/assets/fonts/Europe.ttf') format('woff');
}

* {
  font-family: 'Europe', serif !important;
}

html,
body {
  background-color: #f9fafb !important;
}

.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
  font-family: 'Font Awesome 7 Free' !important;
}

.page-body {
  margin: 0px;
}

#page_login_sign_in,
#page_login_recovery,
#page_login_new_password,
#page_login_confirmation,
#page_custom_login_sign_in,
#page_custom_login_recovery,
#page_custom_login_new_password,
#page_custom_login_confirmation,
#page_custom_login_register1,
#page_custom_login_register2,
#page_custom_login_register3 {
  background: #031834 !important;
  background: linear-gradient(180deg, #031834 40%, #0a2e5f 100%) !important;
}

#page_login_sign_in.bg-transparent {
  background: transparent !important;
}

#page_login_sign_in .card-login,
#page_login_recovery .card-login,
#page_login_sign_in .certificates {
  border: 1px solid #031834 !important;
  border-radius: 24px !important;
  color: #031834 !important;
}

.dt-container .dt-search input,
table.dataTable span.dtcc div.dtcc-search > div input {
  background-color: #1f3a61 !important;
}

.modal-body .dt-container .dt-search input,
.modal-body table.dataTable span.dtcc div.dtcc-search > div input {
  background-color: #393e46 !important;
}

#page_login_sign_in .alert {
  border-radius: 24px !important;
}

#page_login_sign_in .certificates h3 {
  text-transform: uppercase !important;
  color: #fff !important;
}

#page_login_sign_in .certificates span {
  color: #858585 !important;
}

#page_login_sign_in .certificates .progress-bar {
  background-color: #031834 !important;
}

.certificates .card-body {
  min-height: 400px;
}

.certificates .painel-card {
  min-height: 200px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

#page_login_sign_in .card-body .container-buttons button {
  background-color: #031834;
  color: #fff !important;
}

.btn-brown {
  background-color: transparent !important;
  color: #031834 !important;
  border: 0 !important;
  padding: 0 !important;
}

.btn-back {
  width: 30px;
  height: 30px;
  padding: 0 !important;
}

.btn-brown:hover {
  background-color: transparent !important;
  color: #6c593c !important;
  border: 0 !important;
}

.navbar-toggler {
  color: #000;
}

.certificate-button {
  margin: 0 auto;
  text-align: center;
}

.center {
  text-align: center;
}

.certificate-button .rounded {
  border-radius: 8px !important;
}

#page_login_sign_in .card-body .certificate-button > a {
  color: #ffffff !important;
}

.btn-seen {
  background-color: #031834 !important;
  color: #ffffff !important;
  padding: 10px 20px;
  width: 80%;
  margin-top: 10px;
  border: 0;
}

.btn-seen:hover {
  background-color: #07264e !important;
  color: #ffffff !important;
}

.navbar .nav-link.active,
.navbar .nav-link.active .nav-link-title,
.dt-search label {
  color: #000 !important;
}

.dt-container {
  background-color: #031834;
}

.page,
.navbar,
.footer,
.page-wrapper {
  background: #f3f3f3 !important;
}

.navbar .nav-link-title,
.navbar .dropdown-item,
.navbar .dropdown div,
.page-wrapper .page-body h1,
.page-wrapper .page-body h2,
.page-wrapper .page-body h3,
.footer p,
.footer strong,
.navbar .dropdown i,
.dropdown-toggle:after {
  color: #fff !important;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:hover i,
.navbar .dropdown-item.active,
.navbar .dropdown-item.active i {
  background-color: #031834 !important;
  color: #fff !important;
}

.navbar .dropdown-menu,
.navbar .dropdown-menu .card {
  background-color: #182433 !important;
}

.navbar {
  box-shadow: #000 0px 0px 2px !important;
  border: 0;
}

.footer {
  box-shadow: #000 0px 0px 2px !important;
  border: 0;
}

.painel-content-cards .painel-card {
  min-height: 170px;
  border: 0;
}

.certificates .painel-card,
.painel-content-cards .painel-card,
#page_course_list .content,
#page_course_list .carousel-inner .module-card {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}
.painel-content-cards .painel-card .card-body {
  background-color: rgba(0, 0, 0, 0.5);
}

.painel-content-cards .painel-card .card-body i {
  color: #fff;
}

.painel-content-cards .painel-card .card-title {
  color: #fff;
  font-weight: 600 !important;
  font-size: 1.2rem !important;
}

.painel-content-cards .painel-card .card-body .badge {
  position: absolute;
  bottom: 30px;
  color: #fff;
  background-color: #031834;
}

#page_course_list .content,
#page_course_list .content-body {
  min-height: 450px;
}

#page_course_list .content .content-body {
  padding: 4rem 3rem;
}

#page_course_list .content .content-body.course {
  padding: 3rem;
}

#page_course_list .content-title {
  min-height: 250px;
}

#page_course_list .content .content-body.course .content-title h1 {
  width: 50px;
  font-size: 4.5rem !important;
  line-height: 4.5rem !important;
}

#page_course_list .content .content-body .content-title h1 {
  font-size: 3rem;
  line-height: 3rem;
  text-transform: uppercase;
  color: #fff !important;
}

#page_course_list .content .content-body .content-subtitle h1 {
  font-size: 1.5rem;
  line-height: 1.5rem;
}

#page_course_list .content .content-body span {
  color: #fff !important;
}

#page_course_list .content .content-body p {
  width: 50%;
  margin-top: 30px;
  color: #031834 !important;
  font-size: 1.1rem !important;
}

.navbar .dropdown-item:hover,
.navbar .dropdown-item:hover i,
.navbar .dropdown-item:hover span,
.navbar .dropdown-item.active,
.navbar .dropdown-item.active i,
.navbar .dropdown-item.active span,
.navbar-nav .dropdown-item:hover,
.navbar-nav .dropdown-item:hover i,
.navbar-nav .dropdown-item:hover span {
  color: #ffffff;
}

@media (max-width: 768px) {
  #page_course_list .content-title {
    min-height: auto;
  }

  #page_course_list .content .content-body.course .content-title h1 {
    font-size: 2rem !important;
    line-height: 2rem !important;
  }

  #page_course_list .content .content-body .content-title h1 {
    font-size: 1.2rem !important;
    line-height: 1.2rem !important;
  }

  #page_course_list .content .content-body p {
    width: 100% !important;
    font-size: 1rem !important;
  }

  #page_course_list #carouselModules.p-4 {
    padding: 0.25rem !important;
  }

  #page_profile_sign_in {
    padding: 0.5rem 0.5rem;
  }

  .menu-left {
    background-color: #e1e1e1;
    margin: 0 !important;
  }

  .menu-left > div {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  .menu-left .btn {
    margin: 0 5px;
  }

  #page_dashboard_list .profile {
    margin-top: 0 !important;
  }

  .page-wrapper > .container-xxl {
    padding: 0 !important;
  }

  .conteudoCentral .card-destaque {
    padding: 0 !important;
  }

  .conteudoCentral .card-destaque .card-header {
    order: 2 !important;
  }

  .conteudoCentral .card-destaque .card-body {
    order: 1 !important;
  }

  .conteudoCentral .card-destaque .card-footer {
    order: 3 !important;
  }

  .gallery-list > div > div {
    padding: 0 8px !important;
  }

  #send-idea .modal-body,
  .list-ideas > div > label {
    padding: 0 0.75rem;
  }

  #page_dashboard_list .feeling,
  #page_dashboard_list .feeling .recognition,
  #page_dashboard_list .feeling .vagas {
    margin: 0 !important;
  }

  #page_dashboard_list #carouselVagas img {
    border-radius: 0 !important;
  }

  .card-birthday .position-absolute img {
    height: 180px !important;
    width: 180px !important;
  }

  .card-birthday .position-absolute img {
    margin: 70px 64px 64px 64px !important;
  }

  .card-birthday .card-body .card-title {
    margin: -160px auto 0 auto !important;
  }
}

#page_course_list .carousel-control-next,
#page_course_list .carousel-control-prev {
  top: auto !important;
  bottom: auto !important;
  margin-top: 20px !important;
  width: auto !important;
  background-color: #031834;
  border-radius: 2rem;
  opacity: 1;
}

#page_course_list .carousel-control-next span,
#page_course_list .carousel-control-prev span {
  width: 2rem !important;
  height: 2rem !important;
}

#page_course_list .carousel-control-prev {
  left: auto !important;
  right: 50px !important;
}

#page_course_list #carouselModules h2 {
  color: #031834 !important;
  text-transform: uppercase;
}

#page_course_list #carouselModules img {
  position: absolute;
  top: 20px !important;
  width: 50px;
  height: 50px;
}

#page_course_list #carouselModules h3 {
  position: absolute;
  margin-top: 340px;
  text-align: center;
  color: #ffffff !important;
  font-style: italic;
  font-size: 1.3rem;
  max-width: 20%;
}

#page_course_list .carousel-inner a,
#page_course_list .carousel-inner .module-card,
#page_course_list #carouselModules .carousel-item .overlay-card {
  height: 450px;
  width: 100%;
}

#page_course_list #carouselModules .carousel-item a {
  display: flex;
  justify-content: center;
}

#page_course_list #carouselModules .carousel-item .overlay-card {
  background: linear-gradient(0deg, #031834 0%, rgba(255, 255, 255, 0) 80%);
}

#page_course_list .carousel-inner a:hover .module-card {
  opacity: 0.8;
  cursor: pointer;
}

.navbar .dropdown-menu {
  background-color: #fff !important;
  border-radius: 20px;
  padding: 10px;
  margin-top: 5px;
}

.navbar .dropdown-item {
  color: #000 !important;
  border-radius: 10px;
}

.navbar .dropdown-item.active {
  background-color: #031834 !important;
}

.breadcrumb-item a {
  color: #78797a !important;
}

#page_course_list video {
  width: 800px;
}

#page_course_list .accordion {
  min-height: calc(100vh - 108px);
}

#page_course_list .accordion-item {
  border-bottom: 1px solid #5c5c5c;
}

#page_course_list .accordion-item,
#page_course_list .module-all,
#page_course_list .accordion-button {
  background-color: #031834 !important;
  color: #fff !important;
}

#page_course_list .accordion-button.collapsed,
#page_course_list .accordion-header button {
  color: #fff !important;
}

#page_course_list .accordion-header button {
  font-weight: 400 !important;
}

#page_course_list .accordion-header span {
  min-width: calc(100% - 20px);
}

#page_course_list .accordion-body {
  background-color: #111111;
  color: #fff !important;
}

#page_course_list .accordion-body .accordion-body-icon {
  width: 120px;
}

#page_course_list .accordion-body .accordion-body-name {
  width: calc(100% - 120px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#page_course_list .accordion-body .accordion-body-name .progress {
  height: 5px;
}

#page_course_list .accordion-body .accordion-body-name .progress-bar {
  background-color: #ffca00;
}

#page_course_list .accordion-button::after {
  display: none !important;
}

#page_course_list .content.background-modules {
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-position: top center !important;
}

#page_course_list .page-faq .accordion-body {
  background-color: #212121 !important;
}

#page_course_list .page-faq .accordion-item {
  border: none !important;
}

#page_course_list .page-faq .accordion,
#page_course_list .page-faq .content-body {
  background: none !important;
}

#page_course_list .page-faq .accordion-button {
  background-color: #212121 !important;
}

.page-wrapper .page-faq > .content-body > .page-faq-h2 {
  color: #fff !important;
}

#page_course_list .page-faq .accordion-button {
  color: #031834 !important;
}

.page-faq .float-end {
  margin: 0 0 0 auto;
}

.notification-nav {
  display: none !important;
}

#page_course_list .accordion-item-class .accordion-body {
  padding: 10px 20px !important;
}

#page_course_list .accordion-item-class .accordion-body.active,
#page_course_list .accordion-item-class .accordion-body:hover {
  background-color: #5c5c5c !important;
}

#page_course_list .accordion-item-class img {
  height: 40px !important;
}

#page_course_list .accordion-item-class img.checked {
  height: 20px !important;
}

.postedBy {
  font-size: 0.75rem;
}

.menu-left .btn {
  text-align: center !important;
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  cursor: pointer;
  padding: 10px;
  font-size: 1.8rem;
}

.btn-circle {
  text-align: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  cursor: pointer;
}

.menu-left .btn:hover {
  opacity: 0.8 !important;
}

.menu-left .btn i {
  margin-right: 0 !important;
}

.bg-azul-cm {
  background-color: #031834 !important;
}

.bg-azul-claro-cm {
  background-color: #18447e !important;
}

.bg-amarelo-cm {
  background-color: #ffca00 !important;
}

.textoButton {
  color: #031834;
}

.textoVerde {
  color: #00bd6c;
}

.textoRose {
  color: #f18466;
}

.textoPink {
  color: #d35565;
}

.textoLaranja {
  color: #ff7f00;
}

.textoAzul {
  color: #006db7;
}

.card.card-news .card-header img,
.card.card-news .card-header a {
  border-top-left-radius: var(--tblr-border-radius) !important;
  border-top-right-radius: var(--tblr-border-radius) !important;
}

.listaVagas {
  min-height: 435px;
  max-height: 435px;
  text-align: justify;
  text-indent: 12px;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  line-height: 16px !important;
  -webkit-line-clamp: 9 !important;
  -webkit-box-orient: vertical !important;
}

#page_all_vagas .listaVagas {
  text-indent: 0;
}

.comments {
  overflow-y: scroll;
  max-height: 60vh;
}

.btnRemoveComments {
  float: right !important;
}

#page_dashboard_list .card-destaque .card-body,
#page_dashboard_list .card-destaque .card-footer {
  border-left: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
}

#page_dashboard_list .card-destaque .card-header {
  border-bottom: none;
}

@media screen and (max-width: 768px) {
  .card-news .card-header img {
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    max-height: auto !important;
  }

  .card-news .card-body img {
    max-width: 50px;
  }

  .card-news .card-header img,
  .card-news .card-header a {
    height: auto !important;
  }

  .navbar-toggler {
    color: #fff;
  }
}

@media screen and (min-width: 768px) {
  .card-destaque {
    width: 100%;
  }

  .card-destaque .card {
    display: flex;
    flex-direction: row;
  }

  .card-destaque .card-header {
    width: 50%;
  }

  .card-destaque .card-header img,
  .card-destaque .card-header a {
    height: 100% !important;
  }

  .card-destaque .card-body {
    width: 50%;
  }

  .card-destaque .card-footer {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
  }

  .card-destaque .card-news .card-header img,
  .card-destaque .card-news .card-header a {
    border-top-left-radius: var(--tblr-border-radius) !important;
    border-bottom-left-radius: var(--tblr-border-radius) !important;
    border-top-right-radius: 0 !important;
  }

  .card-destaque .descricao-noticia {
    text-align: justify;
    text-indent: 12px;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    line-height: 16px !important;
    max-height: 180px !important;
    -webkit-line-clamp: 10 !important;
    -webkit-box-orient: vertical !important;
  }
}

.itemDestaque {
  position: relative;
}

.itemDestaque .content {
  position: absolute;
  top: 75%;
  left: 1%;
  padding: 10px;
  font-size: 24px;
  font-weight: bold;
}

.itemDestaque button {
  background: none;
}

.itemDestaque .content span {
  color: #fff;
}

.itemDestaque .content button span {
  color: #000;
  font-weight: bold;
}

.itemDestaque .content p {
  font-size: 1rem !important;
}

.titulo,
.page-body h1,
.page-wrapper .page-body h1,
.page-wrapper .page-body h2,
.page-wrapper .page-body h3,
#page_post_details .page-wrapper .page-body h1 {
  color: #1d1c1c !important;
}

.navbar .nav-link.active .nav-link-title,
.navbar .dropdown-item.active,
.navbar .dropdown-item.active i {
  color: #fff !important;
}

.titulo h4 {
  margin-bottom: 5px;
}

.smiles button {
  font-size: 1.7rem;
  background: none;
}

.smiles button:hover {
  background: none;
}

.smiles img {
  max-width: 2rem;
}

.smiles img:hover {
  opacity: 0.8;
}

.effect-hover:hover {
  opacity: 0.8;
  cursor: pointer;
}

.smiles .active {
  border-bottom: 4px solid red !important;
}

.card-recognition > div {
  top: -30px;
}

.card-event {
  border: none;
}

.card-event > img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.card-recognition .position-absolute img {
  height: 100px;
  width: 100px;
  border: 3px solid #ffffff;
}

.card-birthday .position-absolute img {
  position: relative;
  height: 130px;
  width: 130px;
  margin: 40px 64px 64px 64px;
  border: 3px solid #ffffff;
  z-index: 999;
}

.card-birthday .card-body {
  display: flex;
  justify-content: center;
  text-align: center;
}

.card-birthday .card-body .card-title {
  margin: 170px auto 0 auto;
  z-index: 999 !important;
}

.card-birthday .card-body .card-subtitle {
  margin: 202px auto 0 auto;
}

.card-birthday .card-body .card-title,
.card-birthday .card-body .card-title b,
.card-birthday .card-body .card-title strong,
.card-birthday .card-body .card-subtitle,
.card-birthday .card-body .card-subtitle b,
.card-birthday .card-body .card-subtitle strong {
  background-color: #ffffff;
  padding: 2px 8px;
  border-radius: 10px;
}

.card-birthday .card-title,
.card-birthday .card-subtitle {
  font-size: 1.1rem;
}

.card-birthday .card-body {
  width: 324px;
  min-height: 324px;
}

.card-birthday .card-body img {
  min-height: 324px;
  object-fit: fill;
  margin: auto;
}

.card-recognition .card-footer > div,
.card-birthday .card-footer > div,
.card-news .card-footer > div {
  justify-content: flex-end;
}

.card-news .card-header img,
.card-news .card-header a {
  height: 150px;
}

.card-recognition .card-footer > div i,
.card-recognition .card-footer > div span,
.card-birthday .card-footer > div i,
.card-birthday .card-footer > div span,
.card-news .card-footer > div i,
.itemDestaque .content > div i,
.card-news .card-footer > div span {
  font-size: 1.1rem;
  margin: 0 6px;
}

.card-recognition .card-footer > div i,
.card-birthday .card-footer > div i,
.card-news .card-footer > div i {
  margin-right: 2px;
}

.card-recognition .list-thumbs-img,
.card-birthday .list-thumbs-img,
.card-news .list-thumbs-img {
  min-width: 100px;
  text-align: center;
  margin-top: 2px;
}
.card-recognition .list-thumbs-img img,
.card-birthday .list-thumbs-img img,
.card-news .list-thumbs-img img,
.itemDestaque .content .list-thumbs-img img {
  width: 20px;
}

.card-recognition .list-thumbs-img img:nth-child(2),
.card-birthday .list-thumbs-img img:nth-child(2),
.card-news .list-thumbs-img img:nth-child(2),
.itemDestaque .content .list-thumbs-img img:nth-child(2) {
  position: relative;
  left: -10px;
}

.card-recognition .list-thumbs-img img:nth-child(3),
.card-birthday .list-thumbs-img img:nth-child(3),
.card-news .list-thumbs-img img:nth-child(3),
.itemDestaque .content .list-thumbs-img img:nth-child(3) {
  position: relative;
  left: -20px;
}

.card-recognition .list-thumbs-img img:nth-child(4),
.card-birthday .list-thumbs-img img:nth-child(4),
.card-news .list-thumbs-img img:nth-child(4),
.itemDestaque .content .list-thumbs-img img:nth-child(4) {
  position: relative;
  left: -30px;
}

.btn-like,
.btn-comments {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.btn-like,
.btn-comments,
.btn-like span {
  color: #000000 !important;
}

.btn-like.isLiked {
  color: #1877f2 !important;
}

.card-news .card-header img {
  max-height: 420px;
  object-position: 0 0;
}

.card-news .card-header .carousel-item img {
  width: 100%;
  max-height: 800px !important;
  min-height: 420px;
  object-fit: cover;
  object-position: center;
}

.card-news .carousel-indicators [data-bs-target],
#page_post_details .carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ffb000 !important;
}

.card-news .carousel-control-prev-icon,
.card-news .carousel-control-next-icon,
#page_post_details .carousel-control-prev-icon,
#page_post_details .carousel-control-next-icon {
  filter: invert(1);
}

.destaqueFooter {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 6px;
  width: 155px;
}

.recognitionContent {
  margin-top: 30px;
}

.eventsContent {
  margin-top: 5px;
}

.recognitionContent p,
.eventsContent p,
.card-news p {
  text-align: justify;
  text-indent: 10px;
}

.profile {
  background: #fff;
  border-radius: 5px;
}

.vagas a:hover {
  text-decoration: underline;
}

.content-vagas {
  background: #fff;
  border-radius: 5px;
  min-height: 150px;
}

.titulo-vaga {
  text-align: left;
  background-color: #031834 !important;
  color: #ffffff !important;
  padding: 8px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#page_all_vagas .listaVagas > a > h2,
#page_vagas_details h1 {
  text-align: center;
  background-color: #031834 !important;
  color: #ffffff !important;
  padding: 8px;
  font-weight: 400;
}

.descricao-vaga,
.descricao-noticia {
  text-align: justify;
  text-indent: 12px;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  line-height: 16px !important;
  max-height: 70px !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
}

.titulo-noticia {
  line-height: 1rem;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  line-height: 16px !important;
  max-height: 50px !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}

.card-comum .card-body {
  min-height: 225px;
}

.descricao-noticia a,
.listaVagas a {
  color: #000;
}

.descricao-noticia a:hover,
.listaVagas a:hover {
  text-decoration: none;
}

.card-comum .leia-mais {
  position: absolute;
  bottom: 0px;
  right: 20px;
}

.card-destaque .leia-mais {
  position: absolute;
  right: 20px;
}

.card-destaque .card-news .card-body img {
  width: 45px;
}

.card-destaque .card-news .card-body .col-2 {
  text-align: center;
}

.carousel-indicators [data-bs-target] {
  background-color: #000;
}

.carousel-indicators {
  margin-bottom: 0rem;
}

.noticia-detail {
  font-size: 1rem;
  text-align: justify;
  text-indent: 30px;
  line-height: 30px;
}

.vaga-detail {
  font-size: 0.9rem;
  text-align: justify;
  line-height: 30px;
}

.recognition-by {
  position: absolute;
  margin-top: 5px;
  font-size: small;
  bottom: -10px;
  right: 32px;
}

.recognition-time {
  position: absolute;
  bottom: -23px;
  right: 20px;
}

.recognition .carousel-control-prev-icon,
.recognition .carousel-control-next-icon {
  filter: invert(1);
}

#carousel-birthday_rec .carousel-control-prev-icon,
#carousel-birthday_rec .carousel-control-next-icon {
  filter: invert(0) !important;
}

.btn-like {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  transition: all 0.4s ease-in;
  &:before {
    content: '';
    background-color: aliceblue;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(0.001, 0.001);
  }
  &:focus {
    outline: 0;
    color: #fff;
  }
  &.isLiked {
    &:before {
      animation: effect_dylan 1.2s ease-out;
    }
  }
}

.btn-like:hover i {
  transition: 0.5s;
  color: #1877f2 !important;
}

@keyframes effect_dylan {
  50% {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
  99% {
    transform: scale(0.001, 0.001);
    opacity: 0;
  }
  100% {
    transform: scale(0.001, 0.001);
    opacity: 1;
  }
}

.comments img {
  width: 36px;
}

.no-comments {
  background-color: #727272 !important;
  border-color: transparent !important;
  color: #ffffff !important;
}

.no-comments img {
  width: 24px;
}

.card-recognition,
.card-recognition .card-header img {
  border-top-right-radius: 0.275rem;
  border-top-left-radius: 0.275rem;
}

.card-recognition .card-body {
  padding: 1rem;
  height: 150px;
}

.card-birthday .card-body {
  padding: 1rem;
  min-height: 50px;
}

.datatables_likes .dt-buttons,
.datatables_likes .dt-search,
.datatables_likes .datatables thead,
.datatables_likes .dt-info,
.datatables_likes .dt-paging,
.datatables_likes .dt-processing,
.datatables_policies .dt-buttons,
.datatables_policies .dt-search,
.datatables_policies .datatables thead,
.datatables_policies .dt-info,
.datatables_policies .dt-paging,
.datatables_policies .dt-processing {
  display: none !important;
}

.datatables_likes .modal-dialog,
.datatables_policies .modal-dialog {
  max-width: 700px;
}

.datatables_likes .datatables tbody img,
.datatables_policies .datatables tbody img {
  height: 50px;
}

.datatables_likes .datatables,
.datatables_likes .dt-scroll-body table.datatables,
.datatables_likes .datatables tbody td,
.datatables_likes .datatables tbody td:hover,
.datatables_policies .datatables,
.datatables_policies .dt-scroll-body table.datatables,
.datatables_policies .datatables tbody td,
.datatables_policies .datatables tbody td:hover {
  background-color: #ffffff !important;
}

.datatables_likes .dt-scroll-body table.datatables,
.datatables_policies .dt-scroll-body table.datatables {
  border: 0;
}

.datatables_likes .datatables tbody tr,
.datatables_likes .datatables tbody tr:hover,
.datatables_policies .datatables tbody tr,
.datatables_policies .datatables tbody tr:hover {
  border-bottom: 1px solid #b1a7a7 !important;
  background-color: #ffffff !important;
}

.datatables_policies .table.datatables td i {
  font-size: 2.5rem !important;
}

.navbar,
.footer {
  background-color: #031834 !important;
}

.navbar .nav-link-title,
.dropdown-toggle:after {
  color: #fff !important;
}

.navbar .dropdown i {
  color: #000 !important;
}

.table thead,
.table tfoot,
.table thead th,
.table tfoot th,
.table tbody tr {
  background-color: #031834 !important;
  color: #ffffff !important;
}

#page_idea .comments p {
  margin-bottom: 0;
}

.footer p strong {
  font-weight: 400;
}

.container-fluid > div > h1 {
  margin-top: 15px !important;
  display: block !important;
}

.dt-container .dt-buttons,
.dt-container .dt-scroll {
  background-color: #031834 !important;
}

.alert-info {
  background-color: #031834 !important;
}

.dt-container .datatables thead th {
  border-top: 1px solid #19293e !important;
}

.is-navbar-top .page-title,
.is-navbar-top .page-title strong {
  color: #000000;
}

.youtube-player {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Proporção de 16:9 */
  height: 0;
}

.youtube-player iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

#page_all_company_values .card-header,
#page_all_teams .card-header {
  height: 150px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#page_all_teams .card-header {
  height: 100px;
}

#page_all_teams .card-header p {
  width: 100%;
  color: #ffffff !important;
  text-align: center !important;
  font-weight: 400 !important;
}

#page_all_teams .employees {
  justify-content: center;
}

#page_all_teams .employees a {
  color: #000000;
}

#page_all_teams .employees a:hover {
  text-decoration: none;
}

#page_all_teams .employees object {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 50%;
  margin: 10px 10px 5px 10px;
  padding: 0;
}

#page_all_teams .employees img {
  width: 70px;
  height: 70px;
  object-fit: cover;
}

.page-wrapper .page-body .modal-header .modal-title {
  color: #ffffff !important;
}

#modalProfile .modal-body object,
#modalProfile .modal-body img {
  max-width: 100%;
  border-radius: 6px;
}

#page_gallery .gallery-list a {
  color: #000000;
}

#page_gallery .gallery-list a img {
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: 5px;
}

#page_gallery .gallery-list .text-secondary {
  color: rgba(var(--tblr-secondary-rgb), var(--tblr-text-opacity)) !important;
}

#page_all_teams p {
  margin: 2rem;
  text-align: justify;
  text-indent: 10px;
}

#page_all_teams .card .btn {
  position: absolute;
  right: 10px;
  top: 110px;
  box-shadow: none;
  border: 0;
}

.header_events {
  height: 150px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.altura-420 {
  height: 420px;
  min-height: 420px;
}

#page_report .card .empty-title {
  min-height: 55px;
}

.page-body h1 > strong,
.page-body h3 > strong {
  color: #031834 !important;
}

#carouselVagas img {
  min-height: 300px;
  object-fit: scale-down;
  object-position: center;
}

#page_profile_sign_in .modal-body {
  background-color: #ffffff !important;
}

#send-comments .modal-body,
#send-idea .modal-body {
  background-color: #f3f3f3 !important;
}

.reactions {
  position: absolute;
  top: -80px;
  left: 10px;
  display: flex;
  background-color: #fff;
  padding: 10px;
  border-radius: 25px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
  opacity: 0;
  transform: translateY(10px);
  z-index: 999 !important;
}

.reactions.has_picture {
  top: -110px;
}

@media screen and (max-width: 768px) {
  .reaction-container.active .reactions {
    opacity: 1;
    transform: translateY(0);
  }
}

@media screen and (min-width: 768px) {
  .reaction-container:hover .reactions {
    opacity: 1;
    transform: translateY(0);
  }
}

.reaction {
  font-size: 24px;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer;
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.reaction:hover,
.reaction.is_liked {
  transform: scale(1.4);
}

.reaction i {
  position: relative;
  border-radius: 4em;
  font-size: 16px;
  cursor: pointer;
  user-select: none;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition-duration: 0.4s;
}

.reaction i:hover {
  transition-duration: 0.1s;
}

.reaction i:after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 4em;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.5s;
  box-shadow: 0 0 10px 20px rgb(78, 122, 241);
}

.reaction:active i:after {
  box-shadow: 0 0 0 0 rgb(78, 122, 241);
  position: absolute;
  border-radius: 4em;
  left: 0;
  top: 0;
  opacity: 1;
  transition: 0s;
}

.like-btn {
  background-color: transparent;
  border: none;
  font-size: 16px;
  cursor: default !important;
  border-radius: 20px;
  display: flex;
  align-items: center;
}

.reaction-container {
  position: relative;
  display: inline-block;
}

.reaction-count {
  font-size: 14px !important;
  margin-top: 5px;
  color: #666;
}

.reaction-img {
  width: 23px;
}

.birthday-reaction-img {
  width: 23px;
}

.birthday-text-indent {
  text-indent: 0 !important;
}

.like-btn .reaction-img {
  margin-top: -5px;
}

.reactions i,
.reactions i .reaction-img {
  width: 20px;
}

.reaction-thumbnails {
  display: flex;
  margin-top: 5px;
  justify-content: center;
  margin-left: 10px;
  min-width: 25px;
}

.reaction-thumbnails img {
  width: 30px;
  border-radius: 50%;
  margin-left: -10px;
  border: 2px solid white;
}

.reaction-thumbnails img:nth-child(n + 4) {
  display: none;
}

.like-btn-thumbnails {
  display: flex;
  margin-left: 10px;
}

.like-btn-thumbnails img {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 1px solid white;
}

.like-btn-thumbnails img:nth-child(2),
.like-btn-thumbnails img:nth-child(3) {
  margin-left: -5px;
}

.like-total {
  margin-left: 10px;
  font-size: 14px;
  color: #333;
}

.reaction-container i {
  font-style: normal;
}

#page_report .modal-content .btn-outline-danger {
  color: #dc3545 !important;
  border-color: #dc3545 !important;
}

#page_report .modal-content .btn-outline-danger:hover {
  color: #ffffff !important;
}

#page_report .report_events th:nth-child(1),
#page_report .report_events td:nth-child(1) {
  width: 20%;
  max-width: 250px !important;
}

#page_report .report_events th:nth-child(2),
#page_report .report_events td:nth-child(2) {
  width: 20%;
  max-width: 250px !important;
}

#page_report .report_events th:nth-child(3),
#page_report .report_events td:nth-child(3) {
  width: 15%;
  max-width: 250px !important;
}

#page_report .report_events th:nth-child(4),
#page_report .report_events td:nth-child(4) {
  width: 10%;
  max-width: 250px !important;
}

.motivator_gpt {
  display: block !important;
}

.card,
.card-body,
.card-footer {
  background-color: #ffffff !important;
}

.card p,
.card span,
.card strong,
.card small,
.card label,
.card a,
.card i,
.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6,
.card li,
.card ul,
.card ol,
.card div {
  color: #2b2b2b !important;
}

#page_dashboard_list .card .card-body > .position-absolute > button > i,
#page_all_teams .card .empty > button > i {
  margin: 0 !important;
  padding: 0 !important;
  color: #000000 !important;
  background-color: transparent !important;
}

#page_idea #send-idea,
#page_idea #send-idea label,
#page_idea #list-idea,
#page_idea #list-idea label,
#page_idea .comments,
#page_idea .comments p,
#page_idea .comments span,
#page_idea .comments strong,
#page_idea .comments small,
#page_idea .comments label,
#page_idea .comments a,
#page_idea .comments i,
#page_idea .comments h1,
#page_idea .comments h2,
#page_idea .comments h3,
#page_idea .comments h4,
#page_idea .comments h5,
#page_idea .comments h6,
#page_idea .comments li,
#page_idea .comments ul,
#page_idea .comments ol,
#page_idea .comments div {
  color: #000000 !important;
}