:root,
[data-bs-theme="light"] {
  --bs-body-font-family: Poppins, Helvetica, "sans-serif";
  --text-system: #494b74;
  --bs-app-sidebar-base-toggle-btn-bg-color: #2A2A3C;
  --bg-card-transparent: rgba(255, 255, 255, 0.50);
  --bg-swal: rgba(255, 255, 255, 0.75);
  --bs-app-footer-border-top: 20px;  
}

[data-bs-theme="dark"] {
  --text-system: #525580;
  --bg-card-transparent: rgba(39, 36, 44, 0.50);
  --bg-swal: rgba(29, 27, 33, 0.75);

  --bs-secondary-bg: #2f3138;
  --bs-tertiary-bg: #2f3138; /* fundo dos inputs */
  --bs-border-color: #2f3138;
  --bs-light: #242424;
  --bs-app-header-minimize-bg-color: #1c1b1e; /* Barra superior */
  --bs-modal-footer-bg: #1d1b21;
  --bg-card-modal: #27242c;
}
[data-bs-theme="dark"] .swal2-popup {
  background-color: var(--bs-modal-footer-bg);
}

[data-bs-theme="dark"] .card {
  --bs-card-bg: var(--bg-card-modal);
}
[data-bs-theme="dark"] .card:not(.card-transparent) .card-header,
[data-bs-theme="dark"] .card:not(.card-header-transparent),
[data-bs-theme="dark"] .card:not(.card-transparent) .card-footer:not(.card-list-footer),
[data-bs-theme="dark"] .card-header.bg-light,
[data-bs-theme="dark"] .modal-header.bg-light {
  background-color: var(--bs-modal-footer-bg) !important;
}

[data-bs-theme="dark"] .modal {
  --bs-modal-bg: var(--bg-card-modal);
}
[data-bs-theme="dark"] .btn.btn-light,
[data-bs-theme="dark"] .btn.btn-secondary {
  color: var(--bs-light-inverse);
  border-color: var(--bs-light);
  background-color: var(--bg-card-modal);
}

/* Menu */
[data-kt-app-layout=dark-sidebar] .app-sidebar {
  background-color: #181719;
  border-right: 0;
}



/* Footer */
[data-bs-theme=light] {
  --bs-app-bg-color: #f5f8fa;
  --bs-app-blank-bg-color: #ffffff;
  --bs-app-header-base-bg-color: #ffffff;
  --bs-app-header-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
  --bs-app-toolbar-base-bg-color: #ffffff;
  --bs-app-toolbar-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
  --bs-app-toolbar-base-border-top: 1px solid #F4F4F4;
  --bs-app-footer-bg-color: #ffffff;
  --bs-app-footer-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
}

[data-bs-theme=dark] {
  --bs-app-bg-color: #161616;
  --bs-app-blank-bg-color: #161616;
  --bs-app-header-base-bg-color: #2f3138;
  --bs-app-header-base-box-shadow: none;
  --bs-app-toolbar-base-bg-color: #181719;
  --bs-app-toolbar-base-box-shadow: none;
  --bs-app-toolbar-base-border-top: 0;
  --bs-app-footer-bg-color: var(--bs-app-header-minimize-bg-color);
  --bs-app-footer-box-shadow: none;
}
/* FIM - Footer */

body {
  font-family: var(--bs-body-font-family);
}

body .login-page{
  background-image: url('/images/login/bg_login_light.jpg') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
[data-bs-theme="dark"] body .login-page{
  background-image: url('/images/login/bg_login_dark.jpg') !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.text-justify {
  text-align: justify;
}
.text-center {
  text-align: center !important;
}

.card-transparent {
  background-color: var(--bg-card-transparent);
  backdrop-filter: blur(5px);
  border: none;
}

.card-transparent:hover {
  background-color: var(--bs-card-bg);
  backdrop-filter: none;
}
.card-header-transparent{
  background-color: var(--bg-card-transparent) !important;
}

/* Barra de menu fixa ao rolar a tela */
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 104;
}

/* FIM - Barra de menu fixa ao rolar a tela */
.text-system {
  color: var(--text-system) !important;
}

/***** Configuração do estilo do menu *****/

/* Cor do texto do título do grupo */
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-heading {
  color: var(--text-system) !important;
}

/* Hover do item do menu (cor de fundo) */
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
  transition: color 0.2s ease;
  background-color: #2a2a3c;
}

/* Hover dos ícones */
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-icon,
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon,
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet {
  color: var(--bs-primary);
}

.app-sidebar-logo.btn {
  justify-content: center;
}

/* FIM - Configuração do estilo do menu */

/* Highcharts */
.highcharts-title,
.highcharts-subtitle,
.highcharts-legend-item,
.highcharts-axis-labels,
.highcharts-xaxis-labels,
.highcharts-axis-title {
  color: #3f4254 !important;
  fill: #3f4254 !important;
  font-family: var(--bs-body-font-family) !important;
  -ms-text-size-adjust: 100% !important;
  -webkit-font-smoothing: antialiased !important;
}

.highcharts-label span {
  font-family: var(--bs-body-font-family) !important;
  -ms-text-size-adjust: 100% !important;
  -webkit-font-smoothing: antialiased !important;
}

/* FIM - Highcharts */





/**********************************************/
/* Formulários */
.select2-selection__placeholder,
::-webkit-input-placeholder {
  text-transform: none;
  font-weight: 200 !important;
  font-size: 1rem;
}

:-moz-placeholder {
  text-transform: none;
  font-weight: 200 !important;
  font-size: 1rem;
}

::-moz-placeholder {
  text-transform: none;
  font-weight: 200 !important;
  font-size: 1rem;
}

:-ms-input-placeholder {
  text-transform: none;
  font-weight: 200 !important;
  font-size: 1rem;
}

::placeholder {
  text-transform: none;
  font-weight: 200 !important;
  font-size: 1rem;
}

.porcentagem::-webkit-input-placeholder {
  text-align: right;
  font-weight: 200 !important;
  font-size: 1rem;
}

.porcentagem:-moz-placeholder {
  text-align: right;
  font-weight: 200 !important;
  font-size: 1rem;
}

.porcentagem::-moz-placeholder {
  text-align: right;
  font-weight: 200 !important;
  font-size: 1rem;
}

.porcentagem:-ms-input-placeholder {
  text-align: right;
  font-weight: 200 !important;
  font-size: 1rem;
}

.porcentagem::placeholder {
  text-align: right;
  font-weight: 200 !important;
  font-size: 1rem;
}

.porcentagem {
  text-align: right;
  font-weight: 200 !important;
  font-size: 1rem;
}

.form-control,
.form-select {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 400 !important;
}

.form-control.text-normal,
.form-select.text-normal {
  text-transform: none !important;
}

.form-control.minusculo,
.form-select.minusculo,
.form-control.text-low,
.form-select.text-low,
[data-input-type=URL],
[data-input-type=Email] {
  text-transform: lowercase !important;
}

.form-control:not(.is-invalid):not(.is-valid),
.form-select:not(.is-invalid):not(.is-valid) {
  border: 1px solid var(--bs-gray-300) !important;
}

[data-bs-theme=dark] .form-control:not(.is-invalid):not(.is-valid),
[data-bs-theme=dark] .form-select:not(.is-invalid):not(.is-valid) {
  border: 1px solid var(--bs-gray-100) !important;
  background-color: var(--bs-tertiary-bg) !important;
}

.form-control.focus:not(.is-invalid):not(.is-valid),
.form-control.input-white.focus:not(.is-invalid):not(.is-valid),
.form-control.input-white:focus:not(.is-invalid):not(.is-valid),
.form-control:focus:not(.is-invalid):not(.is-valid),
.form-select.focus:not(.is-invalid):not(.is-valid),
.form-select.input-white.focus:not(.is-invalid):not(.is-valid),
.form-select.input-white:focus:not(.is-invalid):not(.is-valid),
.form-select:focus:not(.is-invalid):not(.is-valid) {
  border-color: var(--bs-primary);
  outline: 0;
}

.form-control:focus:not(.is-invalid):not(.is-valid),
.form-select:focus:not(.is-invalid):not(.is-valid) {
  color: var(--bs-gray-700);
  background-color: var(--bs-primary-light);
  border-color: var(--bs-primary) !important;
  outline: 0;
}

.form-select {
  box-shadow: none;
}

label {
  margin-bottom: .3rem !important;
  font-weight: 500 !important;
}

/* Label do checkbox */
.form-check-label {
  font-weight: 500;
  color: var(--bs-gray-800);
}

input[type="radio"].form-check-input {
  margin-top: -5px;
}

[data-bs-theme=dark] .input-group-text {
  border: none;
}


.form-control:not(.form-control-solid):not(textarea) {
  height: calc(1.7em + 1.3rem + 2px);
}

.input-group .btn {
  border: 1px solid var(--bs-gray-300) !important;
}

[data-bs-theme=dark] .input-group .btn {
  border: 1px solid var(--bs-gray-100) !important;
}

[data-bs-theme=dark] .input-group .btn {
  border: 1px solid var(--bs-gray-100);
}

.input-group .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
  padding: 0.5rem 1.5rem;
}

[data-bs-theme=dark] .input-group .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
  padding: 0.5rem 1.5rem;
}

.input-group-text {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  color: var(--bs-light-inverse);
}

.input-group-text:has(.form-check-input) {
  padding: 0 0 6px 11px !important;
}

[data-bs-theme=dark] .input-group-text {
  border: 1px solid var(--bs-gray-100);
  background-color: var(--bs-dark-light);
}

[data-bs-theme=dark] .input-group-text .form-check input.form-check-input {
  border: 1.5px solid var(--bs-gray-500);
}

label span.obrigatorio::after {
  content: " *";
  color: var(--bs-danger);
}

/* FIM - Formulários */
/**********************************************/

/* toastr-bottom-right toastr-buscando-dados */

#toastr-container.toastr-bottom-right.toastr-buscando-dados>.toastr-info {
  background-image: none !important;
  background-color: var(--bs-gray-700);
}

[data-bs-theme=dark] #toastr-container.toastr-bottom-right.toastr-buscando-dados>.toastr-info {
  background-color: var(--bs-gray-400);
}

#toastr-container.toastr-bottom-right.toastr-buscando-dados>.toastr-info::before {
  content: "\f002";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 20px !important;
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
}

#toastr-container.toastr-bottom-right.toastr-buscando-dados>.toastr .toastr-title+.toastr-message {
  margin-top: -5px;
}

#toastr-container.toastr-bottom-right.toastr-buscando-dados>.toastr .toastr-title,
#toastr-container.toastr-bottom-right.toastr-buscando-dados>.toastr .toastr-title+.toastr-message {
  margin-left: 5px;
}

select option:first-child[selected][disabled][hidden] {
  /* color: var(--bs-gray-500) !important; */
  color: red !important;
}

.classFP {
  position: absolute;
}

.classFP.above {
  bottom: 100%;
  top: auto;
}

.classFP.below {
  top: 100%;
  bottom: auto;
}

.opposite {
  left: auto;
  right: 0;
}

body:not([data-kt-app-toolbar-fixed-mobile=true]) .app-toolbar {
  box-shadow: 0 0.75rem 0.9rem rgba(0, 0, 0, 0.110) !important;
  border-top: 1px solid var(--bs-gray-200);
}

@media (max-width: 991.98px) {
  body:not([data-kt-app-toolbar-fixed-mobile=true]) .app-toolbar {
    background-color: var(--bs-app-toolbar-base-bg-color);
    margin-bottom: 20px;
  }
}


.btn-copy {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.select-noborder {
  font-weight: 500 !important;
  text-transform: none !important;
  border: none !important;
  outline: none !important;
  line-height: none !important;
  font-family: var(--bs-body-font-family) !important;
  font-size: var(--bs-body-font-size) !important;
  color: var(--bs-body-color) !important;
  background-color: rgba(255, 255, 255, 0) !important; 
}
[data-bs-theme=dark] .select-noborder{
  background-color: rgba(30, 30, 45, 0) !important; 
  color: var(--bs-gray-800) !important;
}
[data-bs-theme=dark] .select-noborder option{
  background-color: var(--bs-tertiary-bg) !important;
}

.form-check .form-check-input {
  margin-top: 0px;
}

/* Carregamento da página */
.pageLoading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #000000c0;
  z-index: 9999;
}
.pageLoading .spinner-border {
  margin-bottom: 5px;
  color: var(--bs-primary) !important;
}
.pageLoading .text {
  color: #888;
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
}
/* FIM - Carregamento da página */


/* Alteração do SweetAlert */
.swal2-popup:not(.swal2-toast) {
  padding: 0;
  border: none;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  background-color: var(--bs-primary);
}
.swal2-popup:not(.swal2-toast):not(:hover) {
  padding: 0;
  background-color: var(--bg-swal);
  backdrop-filter: blur(5px);
  border: none;
}
.btn.btn-swal-transparent {
  color: var(--bs-light-inverse);
  border-color: var(--bs-light);
  background-color: transparent;
}
.swal2-success-circular-line-right,
.swal2-success-circular-line-left,
.swal2-success-fix{
  background-color: transparent !important;
}
/* FIM - Alteração do SweetAlert */

/* Imagem de fundo do sistema */
body:not(.report) {
  background-image: url('/images/bg_light.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
[data-bs-theme="dark"] body:not(.report) {
  background-image: url('/images/bg_dark.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
/* FIM - Imagem de fundo do sistema */

.menu-item .menu-link .menu-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .divBody{
    padding-top: 25px;
  }
  .app-toolbar{
    margin-top: -25px;
  }
}

.dashCountSpace{
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
}

@media (min-width: 992px) {
  .app-sidebar-menu .menu>.menu-item>.menu-link>.menu-title {
      font-weight: 200;
      font-size: 1rem
  }
}

.card-filter{
  overflow-y: auto;
}


/**************************************************************************/


.image-input-wrapper.profile-rel {
  border: 1px solid var(--bs-gray-300) !important;
  box-shadow: none !important;
}
/**************************************************************************/
/* Alteração dos switchs da tela de permissões */
.form-switch.form-check-solid-danger .form-check-input:not(:checked) {
  background-color: var(--bs-danger);
}
[data-bs-theme=dark] .form-switch.form-check-solid-danger .form-check-input:not(:checked),
[data-bs-theme=dark] .check-control:focus:not(:checked),
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e") !important;
}
.check-control{
  transform: rotate(180deg)
}
.check-control:not(:checked) {
  background-color: var(--bs-primary) !important;
}
/**************************************************************************/
/* Distancia do footer para o conteúdo */
@media (min-width: 992px){
  #kt_app_content .app-container {
      padding-bottom: 30px;
  }
}
/**************************************************************************/
/* Cor do rodapé */
/* [data-bs-theme=dark] .app-footer {
  background-color: ;
} */






/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/* Alteração da escala/zoom 90%*/
_html {
  zoom: 0.9; 
  zoom: 90%; 
  width: 111.11vw; 
  min-height: 111.11vh;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
/* Remover a seta do tooltip */
.tooltip .tooltip-arrow {
  display: none;
}
/* altera o zoom do tooltip */
/* .tooltip.tooltip-inverse {
  zoom: 0.9 !important;
} */
/* Ajustar o fundo escuro ao abrir o modal */
.modal-backdrop{
  width: 111.11vw; 
  min-height: 111.11vh;  
}
/* Fixar o tamanho da área do logo para ajustar o menu */
#kt_app_sidebar_logo{
  height: 75px !important;
}
/* Fixar o tamanho da área do footer do menu para ajustar o menu */
#kt_app_sidebar_footer{
  height: 60px !important;
}
/* Ajustar o tamanho do menu */
.app-sidebar-menu{
  height: calc(90% - 60px - 75px) !important;
  padding-top: 20px;
  padding-bottom: 20px;
}
.app-sidebar-wrapper {
  height: 100% !important;
}
/* Ajuste do dropdown menu do usuário */
.menu-sub-dropdown.menu.show:not(.menu-page),
.menu-sub-dropdown.show[data-popper-placement]:not(.menu-page),
.show.menu-dropdown > .menu-sub-dropdown:not(.menu-page) {
  transform: translate(-6px, 80px) !important;
}

@media (max-width: 992px) {
  .menu-sub-dropdown.menu.show:not(.menu-page),
  .menu-sub-dropdown.show[data-popper-placement]:not(.menu-page),
  .show.menu-dropdown > .menu-sub-dropdown:not(.menu-page) {
    transform: translate(-6px, 65px) !important;
  }
}


/* FIM - Alteração da escala/zoom 90%*/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*********************************************************************/

code.code-link{
  background-color: transparent !important;
  box-shadow: none !important;
}

/**********************************************************/
/* SELECT2 igual SELECT comum */
.select2-results__options {
  background-color: var(--bs-primary-light);
  
  border: 1px solid var(--bs-gray-500) !important;
  color: var(--bs-gray-700);
  text-wrap: nowrap !important;
  padding: 0px 2px 1px !important;
  font-size: 1rem;
  font-weight: 400 !important;
  white-space-collapse: collapse;
  min-height: 1.2em;
  line-height: 1.5;
  border-radius: .475rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
  outline: 0;

  max-height: 300px; /* Defina a altura máxima desejada */
  overflow-y: auto;
}
.select2-results__option--selectable:hover {
  background-color: var(--bs-primary);
  color: var(--bs-white);
}
[data-bs-theme="dark"] .select2-results__options {
  background-color: var(--bs-tertiary-bg) !important;
}
[data-bs-theme="dark"] .select2-results__option--selectable:hover {
  background-color: var(--bs-primary-text-emphasis);
  color: var(--bs-gray-400);
}
.select2-dropdown {
  background-color: transparent;
  border: transparent;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
/* FIM - SELECT2 igual SELECT comum */
/**********************************************************/
.draggable-zone .accordion-item,
.accordion-button {
  background-color: var(--bs-accordion-active-bg);
}
.accordion-button:not(.collapsed) {
  color: var(--bs-gray-700) !important;
}
[data-bs-theme="dark"] .accordion-button {
  background-color: var(--bs-modal-footer-bg) !important;
}
[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
  background-color: var(--bs-modal-footer-bg) !important;
  color: var(--bs-gray-700) !important;
}