body.dark {
  color: rgba(233, 237, 241, 0.85);
  background-color: rgba(33, 37, 41, 1);
}

.dark .loader {
  border: 6px solid rgba(23, 23, 27, 1);
  border-bottom: 6px solid rgb(0, 198, 248);
}

.dark .form-control:focus {
  outline: 0;
  box-shadow: none;
}

.dark .form-text {
  color: rgba(255, 255, 255, 0.4);
}

/* Btn */
.dark .btn {
  color: rgba(233, 237, 241, 0.85);
  border: 1px solid rgba(53, 57, 61, 1);
  background: rgba(53, 57, 61, 1);
}

.dark .btn:hover {
  color: #fff;
  border: 1px solid #00b2df;
  background: #00b2df;
}

.dark .btn:active {
  border: 1px solid #32d1f9;
  background: #32d1f9;
}

/* Btn Danger */
.dark .btn-danger {
  background: #d01627;
  color: rgba(233, 237, 241, 0.95);
  border: 1px solid #d01627;
}

.dark .btn-danger:hover {
  background: #bb1323;
  color: rgba(233, 237, 241, 0.95);
  border: 1px solid #bb1323;
}

.dark .btn-danger:active {
  background: #d42d3c;
  color: rgba(233, 237, 241, 0.95);
  border: 1px solid #d42d3c;
}

/* Btn Success */
.dark .btn-success {
  background: #38b000;
  color: #fff;
  border: 1px solid #38b000;
}

.dark .btn-success:hover {
  background: #329e00;
  color: rgba(233, 237, 241, 0.95);
  border: 1px solid #329e00;
}

.dark .btn-success:active {
  background: #4bb719;
  color: rgba(233, 237, 241, 0.95);
  border: 1px solid #4bb719;
}

.dark hr {
  opacity: 0.09;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
  color: rgba(233, 237, 241, 1);
}

.dark .change-theme {
  color: rgba(233, 237, 241, 0.85);
}

.dark .form-control,
.dark .form-select {
  color: rgba(233, 237, 241, 0.85);

  border: 1px solid rgba(23, 27, 31, 1);
  background-color: rgba(23, 27, 31, 1);
}

.dark .form-control:focus {
  border: 1px solid rgba(73, 77, 81, 0.6);
}

.dark .form-control::placeholder {
  color: rgba(233, 237, 241, 0.45);
}

/* menu */
.dark .menu {
  background-color: rgba(23, 27, 31, 1);
  border-right: 1px solid rgba(13, 17, 21, 1);
}

.dark .menu ul li a {
  color: rgba(233, 237, 241, 0.55);
}

.dark .menu ul li a:hover,
.dark .menu ul li a.active {
  background-color: rgba(53, 57, 61, 1);
  color: rgba(233, 237, 241, 0.85);
  border-radius: 0.375rem;
  border-color: rgb(0, 198, 248);
}

.dark .menu ul li a.active::before {
  font-family: "bootstrap-icons";
  content: "\f138";
  margin-right: 4px;
}

/* Navbar-tools */
.dark .navbar-tools {
  border-bottom: 1px solid rgba(13, 17, 21, 1);
  background-color: rgba(23, 27, 31, 1);
}

.dark .navbar-tools li a {
  color: rgba(233, 237, 241, 0.6);
  text-decoration: none;
}

.dark .navbar-tools li a:hover,
.dark .navbar-tools li a.active {
  color: rgba(233, 237, 241, 1);
  color: #00b2df;
  text-decoration: none;
}

.dark .navbar-tools .toggle-options.active,
.dark .navbar-tools .toggle-options:hover {
  color: black;
}

.dark .navbar-tools .div-toggler button {
  color: rgba(233, 237, 241, 0.85);
  font-weight: bold;
}

.dark .navbar-tools .div-toggler button:active {
  border: 1px solid transparent;
}

.dark .hamburguer span,
.dark .hamburguer-tools span {
  background-color: rgba(233, 237, 241, 0.85);
}

.dark .navbar-tools .collapse-options {
  background: rgba(33, 37, 41, 1);
  border: 1px solid rgba(73, 77, 81, 1);
  border-radius: 4px;
}

.dark .card {
  background: rgba(23, 27, 31, 1);
  box-shadow: none;
}

.dark .card .card-body {
  color: rgba(233, 237, 241, 0.85);
}

.dark .table {
  background: transparent;
  color: rgba(233, 237, 241, 0.85);
  border-color: rgba(233, 237, 241, 0.1);
}

.dark .custom-checkbox .checkmark {
  background-color: rgba(23, 27, 31, 1);
}

.dark .custom-checkbox:hover input ~ .checkmark {
  /* background-color: rgba(43, 47, 51, 1); */
}

.dark .custom-checkbox input:checked ~ .checkmark {
  background-color: rgba(53, 57, 61, 1);
}

.dark .custom-checkbox .checkmark:after {
  border: 1px solid;
  border-width: 0 3px 3px 0;
}

.dark table.permissoes-usuarios thead th:nth-child(1) {
  width: 50px;
}

.dark .table tr,
.dark .table th,
.dark .table td {
  background: transparent;
  color: rgba(233, 237, 241, 0.85);
}

.dark .dialog-popup {
  background: rgba(13, 13, 17, 0.8);
  color: rgba(233, 237, 241, 0.85);
}

.dark .dialog-popup .dialog-content {
  background: rgba(33, 37, 41, 1);
}

.dark #file-manager {
  background: rgba(23, 27, 31, 1);
}

.dark #file-manager .file-manager-wrapper .folders {
  background: rgba(23, 27, 31, 1);
}

.dark #file-manager .file-manager-wrapper .folders ul li:nth-child(2) {
  border-top: 1px solid rgba(23, 27, 31, 1);
}

.dark #file-manager .file-manager-wrapper .folders ul li + li {
  border-top: 1px solid rgba(43, 47, 51, 1);
}

.dark #file-manager .file-manager-wrapper .folders ul li button {
  color: rgb(0, 193, 241);
  border: 0px solid rgb(0, 193, 241);
}

.dark .modal .modal-title {
  color: black;
}

.dark .modal .modal-content  {
  background-color: #fff;
  color: black;
}

.dark .pagination li {
  display: flex;

  background-color: rgba(53, 57, 61, 1);
  border-radius: 2px;
}

.dark .pagination li a {
  color: rgba(233, 237, 241, 0.85);
  text-decoration: none;
}

.dark .pagination li a:hover {
  color: rgba(233, 237, 241, 1);
}

.dark .pagination li.active a {
  color: #fff;
  background-color: #00b2df;
  border-radius: 2px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .dark .menu {
    background-color: rgba(23, 27, 31, 1);
  }

  .dark .navbar-tools .collapse-options {
    background: rgba(33, 37, 41, 1);
    border: 1px solid transparent;
    border-radius: 0;
  }

  .dark #file-manager .file-manager-wrapper .folders {
    background: rgba(23, 27, 31, 1);
  }
}

.dark .list-group-item {
  border-color: rgba(44, 49, 52, 1);
}

.dark .list-group-item a {
  text-decoration: none;
}