/* $secondary:       									if(isDarkMode(), #1A1A1A, #1A1A1A);
$secondary-active:    								if(isDarkMode(), #1A1A1A, #1A1A1A);
$secondary-light:                                   if(isDarkMode(), #1A1A1A, #1A1A1A);
$secondary-inverse:  								#FFFFFF; */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600&display=swap");
.hover-scale {
  transition: ease all 0.3s;
}
.hover-scale:hover {
  transform: scale(1.05);
  transition: ease all 0.3s;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotate {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

*[ng-click] {
  cursor: pointer;
}

.form-group {
  margin-bottom: 2rem;
}

::-webkit-calendar-picker-indicator {
  filter: invert(34%) sepia(5%) saturate(2336%) hue-rotate(202deg) brightness(94%) contrast(89%);
}

/* @font-face {font-family: "Gotham"; font-weight: 700; src: url("../lib/fonts/GothamBold.ttf") format("truetype"); }
@font-face { font-family: "Gotham"; font-weight: 300; src: url("../lib/fonts/GothamLight.ttf") format("truetype");} */
body {
  font-family: "Montserrat", sans-serif !important;
  scroll-behavior: smooth;
  background: #fafafa;
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  /* color: #ffffff; */
  opacity: 0.4;
}
.global-loading {
  visibility: hidden;
  opacity: 0;
  transition: opacity 500ms, visibility 500ms;
  transition-delay: 500ms;
}

body.show-global-loading {
  overflow: hidden;
}

body.show-global-loading .global-loading {
  visibility: visible;
  opacity: 100;
  transition: none;
}

.fade:not(.show) {
  visibility: hidden;
}

.ratio.ratio-9x16 {
  --bs-aspect-ratio: 177.77%;
}

.ratio.ratio-1440x768 {
  --bs-aspect-ratio: 53.33%;
}

.ratio.ratio-409x885 {
  --bs-aspect-ratio: 216.38%;
}

.ratio.ratio-1920x400 {
  --bs-aspect-ratio: 20.83%;
}

.ratio.ratio-1080x350 {
  --bs-aspect-ratio: 32.40%;
}

.ratio.ratio-540x252 {
  --bs-aspect-ratio: 214.28%;
}

.timeline-label .timeline-content {
  padding-left: 0.75rem;
}

@media (min-width: 992px) {
  .timeline-label.timeline-horizontal .timeline-content {
    padding-left: 0;
  }
  .timeline-label.timeline-horizontal {
    display: flex;
    justify-content: space-between;
  }
  .timeline-label.timeline-horizontal .timeline-item {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    flex-direction: column;
  }
  .timeline-label.timeline-horizontal:before {
    height: 3px;
    width: 100%;
    top: 47%;
    left: 0;
  }
  .timeline-label.timeline-horizontal .timeline-label {
    width: auto;
  }
  .timeline-label.timeline-horizontal .timeline-label:before {
    content: none;
  }
  .timeline-label.timeline-horizontal .timeline-badge {
    margin: 4px 0;
  }
  .timeline-label.timeline-horizontal .timeline-item:last-of-type {
    align-items: end;
  }
  .timeline-label.timeline-horizontal .timeline-item:first-of-type {
    align-items: start;
  }
}
th.desc::after {
  content: "arrow_drop_down";
  font-family: "Material Symbols Outlined";
  font-size: 1.5rem;
  margin: 0;
  line-height: 0;
  vertical-align: middle;
}
th.asc::after {
  content: "arrow_drop_up";
  font-family: "Material Symbols Outlined";
  font-size: 1.5rem;
  margin: 0;
  line-height: 0;
  vertical-align: middle;
}

.btn.btn-icon i {
  line-height: initial;
}

.forum-topico img {
  max-width: 100%;
  max-height: 80vh;
}

.tooltip-container {
  position: relative;
}

.tooltip-container:hover .tooltip {
  opacity: 1;
}

.tooltip-container .tooltip {
  position: absolute;
  pointer-events: none;
}

.tooltip-container .tooltip .tooltip-inner {
  max-width: none;
  white-space: nowrap;
}

.tooltip-container .tooltip.tooltip-left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

.tooltip-container .tooltip.tooltip-left .tooltip-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.accordion-button.no-icon::after {
  display: none;
}

.aula-player {
  height: 58vw;
}

@media (min-width: 992px) {
  .aula-player {
    height: 38vw;
  }
}
.aula-player > * {
  width: 100%;
  height: 100%;
}

.hover-show-container .hover-show-item {
  visibility: hidden;
}

.hover-show-container:hover .hover-show-item {
  visibility: visible;
}

.bg-darken {
  background-color: #333333 !important;
}

.content-fill > * {
  width: 100%;
  height: 100%;
}

.form-group {
  margin-bottom: 2rem;
}

/* input[type="date"] {
  color: #565674;
}

input[type="date"].ng-touched {
  color: #ffffff;
} */
/* ::-webkit-calendar-picker-indicator {
  filter: invert(34%) sepia(5%) saturate(2336%) hue-rotate(202deg)
    brightness(94%) contrast(89%);
} */

.menu-sub-dropdown.dropdown-produtos {
  position: absolute;
  margin: 0px;
  top: 40px;
  padding-left: 1rem;
  padding-top: 1rem;
}

.header .header-menu-container {
  background-color: #be9d6a;
}

.menu-link {
  position: relative;
}
.menu-link.menu-link-desktop .badge {
  position: absolute;
  bottom: -13px;
  right: calc(50% - 32.5px);
  font-size: 10px;
}

/* fallback */
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  src: url("../lib/fonts/icons/material-symbols.woff2") format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: inherit;
  vertical-align: middle;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
}

@font-face {
  font-family: "DuoTone";
  src: url("../lib/fonts/icons/DuoTone.eot");
  src: url("../lib/fonts/icons/DuoTone.eot") format("embedded-opentype"), url("../lib/fonts/icons/DuoTone.ttf") format("truetype"), url("../lib/fonts/icons/DuoTone.woff") format("woff"), url("../lib/fonts/icons/DuoTone.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.dt-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "DuoTone" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dt-icon-fin008 .path1:before {
  content: "\ea35";
  opacity: 0.3;
}

.dt-icon-fin008 .path2:before {
  content: "\ea36";
  margin-left: -1em;
  opacity: 0.3;
}

.dt-icon-fin008 .path3:before {
  content: "\ea37";
  margin-left: -1em;
}

.dt-icon-abs015 .path1:before {
  content: "\ebc8";
}

.dt-icon-abs015 .path2:before {
  content: "\ebc9";
  margin-left: -1em;
  opacity: 0.3;
}

.dt-icon-abs028 .path1:before {
  content: "\ebe2";
}

.dt-icon-abs028 .path2:before {
  content: "\ebe3";
  margin-left: -1em;
  opacity: 0.3;
}

.dt-icon-abs039 .path1:before {
  content: "\ebf8";
  opacity: 0.3;
}

.dt-icon-abs039 .path2:before {
  content: "\ebf9";
  margin-left: -1em;
}

.header {
  background: #1A1A1A;
}
.header .topbar {
  color: #FFF;
}

.header .header-menu .menu > .menu-item > .menu-link {
  color: #FFF;
}
.header .header-menu .menu > .menu-item > .menu-link .menu-title {
  color: #1A1A1A;
}
.header .header-menu .menu > .menu-item > .menu-link.active, .header .header-menu .menu > .menu-item > .menu-link:hover {
  background-color: #dfc48d !important;
}