.dark-mode {
  background-color: #121212;
}

.dark-mode .small-box {
  background-color: rgb(17 24 39/var(--tw-bg-opacity));
  color: #ccc;
}
.dark-mode .box.box-success,
.dark-mode .box.box-success .box-body,
.dark-mode .box.box-success .box-header {
    background-color: #333 !important;
	color: #e9e9e9 !important;
	border-color: #385562 !important;
}

.dark-mode .list-group,
.dark-mode .list-group-item {
    background-color: #333 !important;
    color: #e9e9e9 !important;
    border-color: #727171 !important;
}

.dark-mode .main-footer {
  background-color: #1a2226 !important;
  color: #e9e9e9 !important;
  border-color: #727171 !important;
}

.dark-mode .box-title #select-month, #select-year{
	color: #e9e9e9 !important;
    background: #464545;
	
}


.small-box, .small-box-footer {
  transition: background-color 0.3s, color 0.3s;
}

.switch {
  position: relative;
  display: inline-block;
  width: 37px;
  height: 16px;
  float: right;
  margin: 17px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 3px;
  bottom: 2px;
  background-color: white;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:checked + .slider:before {
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.switch-text {
  float: left;
  margin-top: 15px;
  color: #dfdfdf
}
.dark-mode h1{
	color: #ccc;
	
}

.dark-mode .box {
    background-color: #1f1f1f;
    border-color: #385562 !important;
	color: #ccc;
}

.dark-mode .box-header{
	color: #ccc;
	
}

.dark-mode .table {
    background-color: #1f1f1f;
    border-color: #333;
}

.dark-mode .table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}


.dark-mode .table th, .dark-mode .table td {
    border-color: #333;
}

.dark-mode .btn-info {
    background-color: #375a7f;
    border-color: #375a7f;
}

.dark-mode .positive {
    background-color: #225522;
    color: #fff;
}

.dark-mode .negative {
    background-color: #552222;
    color: #fff;
}


.dark-mode body.hold-transition.login-page {
    background-color: #121212;
    color: #ccc;
}

.dark-mode .card {
    border-radius: 0.65rem;
    box-shadow: 0 0.125rem 0.55rem #678fb1;
    margin-bottom: 1rem;
    border-left: 4px solid transparent;
    border-left-color: #678fb1;
}

.dark-mode .card-header {
    padding: 0.75rem 1.25rem;
    background-color: rgb(37 35 35);
    border-bottom: 1px solid rgb(91 91 91);
}

.dark-mode .card-body {
	background-color: rgb(42 42 42);
	
}

.dark-mode .custom-header {
    background-color: #333333;
}

.dark-mode .reply{
    color: #648aab;
}

.dark-mode .response-adm {
	background-color: #101828;
    color: #4365a3;
}

body.login-page {
    background-color: #121212 !important;
}

.login-box, .login-box-body {
    background-color: #1e1e1e !important;
    color: #ffffff !important;
}

.form-control {
    background-color: #2c2c2c !important;
    color: #ffffff !important;
    border: 1px solid #444 !important;
}

.btn-acessar {
    background-color: #3a3a3a !important;
    border-color: #626060 !important;
    color: #ffffff !important;
}

.login-box-msg, .login-logo a {
    color: #ffffff !important;
}

/* Estiliza o fundo e o texto dos campos preenchidos automaticamente */
input:-webkit-autofill {
    background-color: #2c2c2c !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Remove a cor de borda padrão do preenchimento automático em navegadores WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    border: 1px solid #444 !important;
    -webkit-box-shadow: 0 0 0px 1000px #2c2c2c inset !important;
}

/* Estiliza os ícones dentro dos campos de entrada */
.form-control-feedback {
    color: #ccc !important;
}

/* Garante que os ícones fiquem na cor correta mesmo quando os campos são preenchidos automaticamente */
input:-webkit-autofill + .form-control-feedback {
    color: #ccc !important;
}