[data-bs-theme="dark"] {
  --cor_do_texto: #fffffff1;
  --cor_do_texto_hover: #d8d8d8f5;
  --bs-light-rgb: #121317;
  --bs-body-color: #fffffff1;
  --bs-border-color: #4c4f52;
  --bs-body-bg: #24262d; /*Form Control Bg*/
  --bs-primary-bg-subtle: #535353;

  --barra_menu: rgb(36, 36, 36); /*Referencia de cor*/
  --bs-primary-rgb: 36, 36, 36;

  --bs-danger-text-emphasis: #fffffff1;
  --bs-danger-bg-subtle: #262626;
  --bs-danger-border-subtle: #000000;

  --bs-accordion-btn-focus-border-color: #c8daf5;

  /* Cor do Text Danger
  color: var(--bs-light-rgb);
  */

  html {
    color: var(--cor_do_texto);
  }

  footer {
    color: #f0f0f0;
    color: #76777c;
    border-top: 0.1rem solid var(--bs-border-color);
  }

  .eticket_mensagem .chat .chat-history .message-question {
    color: #ffffff;
    background: rgba(207, 207, 207, 0.404);
  }
  .eticket_mensagem .fa-paper-plane::before,
  .eticket_mensagem .input-group-text a {
    color: rgb(255, 255, 255);
  }

  .eticket_mensagem .card {
    background: var(--bs-body-bg);
    box-shadow: 2px 2px 2px 2px rgb(32, 32, 32);
  }

  .eticket_mensagem .people-list .chat-list li:hover {
    background: #141414;
  }

  .eticket_mensagem .people-list .chat-list li.active {
    background: #141414;
  }
  .eticket_mensagem .people-list .status {
    color: #333333;
  }

  .eticket_mensagem .chat .chat-header {
    border-bottom: 2px solid #191a19;
  }

  .eticket_mensagem .chat .chat-history {
    border-bottom: 2px solid #000000;
  }

  .eticket_mensagem .chat .chat-history .message-data-time {
    color: #ffffff;
  }

  .eticket_mensagem .chat .chat-history .message {
    color: #ffffff;
  }

  .eticket_mensagem .chat .chat-history .message:after {
    border-bottom-color: #fff;
  }

  .eticket_mensagem .chat .chat-history .my-message {
    background: #1b1b1b;
  }

  .eticket_mensagem .chat .chat-history .my-message:after {
    border-bottom-color: #202020;
  }

  .eticket_mensagem .chat .chat-history .other-message {
    background: #ff36363b;
  }

  .eticket_mensagem .chat .chat-history .other-message:after {
    border-bottom-color: #ff36363b;
  }

  .eticket_mensagem .online {
    color: #a8ce7f;
  }

  .eticket_mensagem .offline {
    color: #dd8ea7;
  }

  .eticket_mensagem .me {
    color: #6aadd1;
  }

  @media only screen and (max-width: 767px) {
    .eticket_mensagem .chat-app .people-list {
      background: #000000;
    }
  }

  .accordion-button::after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  }

  table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
  table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    color: rgba(255, 255, 255, 0.5);
  }

  .link-primary {
    color: var(--cor_do_texto) !important;
    -webkit-text-decoration-color: var(--cor_do_texto) !important;
    text-decoration-color: var(--cor_do_texto) !important;
  }

  .link-primary:focus,
  .link-primary:hover {
    color: var(--cor_do_texto_hover) !important;
    -webkit-text-decoration-color: var(--cor_do_texto_hover) !important;
    text-decoration-color: var(--cor_do_texto_hover) !important;
  }

  table.dataTable td.text-center.noVis {
    color: #76777c !important;
  }
  table.dataTable td.text-center.noVis.text-danger {
    color: var(--cor_do_texto) !important;
  }

  table.dataTable.hover tbody tr:hover,
  table.dataTable.display tbody tr:hover {
    background-color: #ffffff4b !important;
  }

  .text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, 0.5) !important;
  }

  #progressbar li:before {
    color: #000000;
  }

  #progressbar {
    color: lightgray;
  }
  #progressbar .active,
  #heading,
  .fs-title {
    color: #dc3545;
  }

  .notif-footer.text-danger {
    color: var(--bs-light-rgb) !important;
  }
  .bg-danger {
    --bs-bg-opacity: 1;
    background-color: var(--bs-body-bg) !important;
  }

  .nvnotice_class > span {
    background: var(--cor_do_texto_hover);
    color: var(--bs-light-rgb);
  }

  .star,
  .star:before,
  .star:after {
    border-bottom: 5px solid var(--cor_do_texto);
  }
  .moon {
    box-shadow: 7px 3px 0px 0px var(--cor_do_texto);
  }

  .navbar-btns-e {
    background-color: #121317;
  }
  .navbar-btns-e:hover {
    box-shadow: 0px 0px 1em 1px var(--cor_do_texto_hover);
    transition: box-shadow 0.4s ease;
  }

  .navbar .text-danger {
    opacity: 1;
    color: var(--cor_do_texto) !important;
  }

  .btn-outline-danger {
    background: var(--bs-body-bg);
  }
  .ui.dropdown .menu > .message:not(.ui) {
    color: var(--cor_do_texto);
  }

  .accordion,
  .accordion-button:not(.collapsed) {
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem
      rgba(112, 112, 112, 0.582);
    --bs-accordion-btn-focus-border-color: #4c4f52;
    color: var(--cor_do_texto) !important;
  }

  .conteudo,
  .dropdown-menu .dropdown-item.active,
  .dropdown-item:active {
    background: #1a1c23;
    color: var(--cor_do_texto_hover);
    border-color: var(--bs-border-color);
  }

  .form-control:focus {
    border-color: var(--bs-border-color);
    outline: 0;
    box-shadow: 0 0 5px 0.25rem var(--bs-border-color);
  }
  .ui.selection.dropdown,
  .page-link {
    background-color: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    color: var(--cor_do_texto);
  }

  .ui.selection.dropdown.disabled,
  input[readonly] {
    background-color: var(--bs-secondary-bg);
    opacity: 1;
  }

  .ui.selection.active.dropdown:hover {
    outline: 0;
    box-shadow: 0 0 5px 0.25rem var(--bs-border-color);
    border-color: var(--bs-border-color);
  }

  .ui.selection.active.dropdown .menu {
    border-color: var(--bs-border-color);
  }

  .ui.dropdown .menu {
    background-color: var(--bs-body-bg);
  }

  ui.selection.dropdown .menu > .item,
  .ui.selection.dropdown .menu > .item {
    border-top: unset;
  }

  .ui.dropdown .menu > .item:hover {
    color: var(--cor_do_texto_hover);
    background: rgb(255 255 255 / 20%);
  }
  .ui.dropdown .menu > .item {
    color: rgb(94 94 94);
  }
  .ui.dropdown.selected,
  .ui.dropdown .menu .selected.item {
    color: var(--cor_do_texto_hover);
  }
  .ui.selection.visible.dropdown > .text:not(.default) {
    color: rgb(94 94 94);
  }
}