/*!
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	07.23.2020
**/

/* estilo da bandeira ativa */
.current-language .language-flag {
  width: 24px;
  height: auto;
  cursor: pointer;
}

/* lista completa: escondemos as não-ativas quando não for dropdown */
.language-list .language-item {
  opacity: 0.6;
  transition: opacity .2s;
}

.language-list .language-item.active {
  opacity: 1;
}

/* se quiser esconder as não-ativas fora do hover */
.language-list:hover .language-item {
  opacity: 1;
}
/* 
.language-list .language-item:not(.active) {
  display: none;
}

.language-list:hover .language-item:not(.active) {
  display: block;
} */

/* define o spinner de 32×32 */
.loading-icon {
  display: inline-block;               /* fica no fluxo de texto */
  vertical-align: middle;              /* alinha com o texto */
  width: 32px;
  height: 32px;
  border: 4px solid rgba(0, 0, 0, 0.1); /* borda semitransparente */
  border-top-color: var(--loading-color, #1ec095); /* cor customizável */
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.dt-buttons .btn {
  margin-right: 5px;
}

/* Evita bug de largura dos botões */
.dt-buttons .btn span {
  display: inline-block;
  width: auto !important;
}

/* Correções específicas para modo escuro - Autofill e campos de formulário */
.dark-mode input:-webkit-autofill,
.dark-mode input:-webkit-autofill:hover,
.dark-mode input:-webkit-autofill:focus,
.dark-mode input:-webkit-autofill:active,
.dark-mode textarea:-webkit-autofill,
.dark-mode textarea:-webkit-autofill:hover,
.dark-mode textarea:-webkit-autofill:focus,
.dark-mode textarea:-webkit-autofill:active,
.dark-mode select:-webkit-autofill,
.dark-mode select:-webkit-autofill:hover,
.dark-mode select:-webkit-autofill:focus,
.dark-mode select:-webkit-autofill:active {
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0 1000px #141c26 inset !important;
  -webkit-background-clip: content-box !important;
  background-color: #141c26 !important;
  color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* Correção específica para campos de senha no modo escuro */
.dark-mode input[type="password"]:-webkit-autofill,
.dark-mode input[type="password"]:-webkit-autofill:hover,
.dark-mode input[type="password"]:-webkit-autofill:focus,
.dark-mode input[type="password"]:-webkit-autofill:active {
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0 1000px #141c26 inset !important;
  -webkit-background-clip: content-box !important;
  background-color: #141c26 !important;
  color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* Correção para campos de email no modo escuro */
.dark-mode input[type="email"]:-webkit-autofill,
.dark-mode input[type="email"]:-webkit-autofill:hover,
.dark-mode input[type="email"]:-webkit-autofill:focus,
.dark-mode input[type="email"]:-webkit-autofill:active {
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0 1000px #141c26 inset !important;
  -webkit-background-clip: content-box !important;
  background-color: #141c26 !important;
  color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* Garantir que os campos de formulário no modo escuro tenham a cor correta */
.dark-mode .form-control {
  background-color: #141c26 !important;
  border-color: #1d2d40 !important;
  color: #fff !important;
}

.dark-mode .form-control:focus {
  background-color: #141c26 !important;
  border-color: #1ec095 !important;
  color: #fff !important;
  box-shadow: 0 0 0 0.2rem rgba(30, 192, 149, 0.25) !important;
}

/* Correção para placeholder no modo escuro */
.dark-mode .form-control::placeholder {
  color: #8094ae !important;
  opacity: 1;
}

.dark-mode .form-control::-webkit-input-placeholder {
  color: #8094ae !important;
  opacity: 1;
}

.dark-mode .form-control::-moz-placeholder {
  color: #8094ae !important;
  opacity: 1;
}

.dark-mode .form-control:-ms-input-placeholder {
  color: #8094ae !important;
  opacity: 1;
}