.color-blind {
  background-color: #000;
  color: #fff;
}

.color-blind p {
  color: #fff;
}

.color-blind .exibicao-codigo .exibicao-codigo__destaque .exibicao-codigo__destaque__titulo,
.color-blind .titulo-componentes.h6 {
  color: #249af9;
}

.color-blind .exibicao-codigo .exibicao-codigo__exemplo .exibicao-codigo__exemplo__titulo-html {
  color: #009eed
}

.color-blind code {
  color: #ff54a9;
}

.color-blind .exemplo-grid {
  background-color: transparent;
}

body.color-blind::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-color: #fff;
}

body.color-blind::-webkit-scrollbar-track {
  background-color: #3e3e3e;
}

.color-blind .barra-acessibilidade .barra-acessibilidade__conjunto-links .barra-acessibilidade__conjunto-links__links {
  color: #fff;
}

.color-blind .barra-acessibilidade__conjunto-links .barra-acessibilidade__conjunto-links__links .barra-acessibilidade__conjunto-links__links__accesskey {
  background-color: #ff0;
  color: #000;
}

.color-blind .barra-acessibilidade .barra-acessibilidade__botao {
  background-color: #000;
  fill: #fff;
  border-color: #fff;
}

.color-blind .barra-acessibilidade .barra-acessibilidade__botao:focus,
.color-blind .barra-acessibilidade .barra-acessibilidade__botao:hover {
  background-color: #fff;
  fill: #000;
}

.color-blind .menu-lateral {
  background-color: #000;
  box-shadow: 0px -28px #000, 0px 580px #000, inset 0px 0px 0px 1px #fff;
}

.color-blind .header-desktop {
  box-shadow: inset 0px 0px 0px 1px #fff;
}

.color-blind h1,
.color-blind h2,
.color-blind h3,
.color-blind h4,
.color-blind h5,
.color-blind h6,
.color-blind .header-desktop .header-desktop__titulo {
  color: #ff0;
}

.color-blind .botao-copia--cor,
.color-blind .exibicao-codigo .exibicao-codigo__exemplo .exibicao-codigo__exemplo__botao-copia {
  color: #fff;
}

.color-blind .header-desktop__conjunto-botoes .header-desktop__conjunto-botoes__notificao-desktop button svg {
  fill: #fff;
}

.color-blind .header-desktop__conjunto-botoes .header-desktop__conjunto-botoes__notificao-desktop>button:focus svg,
.color-blind .header-desktop__conjunto-botoes .header-desktop__conjunto-botoes__notificao-desktop>button:hover svg {
  fill: #ff0;
}

.color-blind .header-desktop__conjunto-botoes .header-desktop__conjunto-botoes__usuario-desktop button {
  background-color: #fff;
  color: #000;
  box-shadow: inset 0px 0px 0px 1px #fff;
}

.color-blind .header-desktop__conjunto-botoes .header-desktop__conjunto-botoes__usuario-desktop>button:focus,
.color-blind .header-desktop__conjunto-botoes .header-desktop__conjunto-botoes__usuario-desktop>button:hover {
  background-color: #000;
  color: #fff;
}

.color-blind .header-desktop .dropdown .dropdown-menu {
  background-color: #000;
  color: #fff;
}

.color-blind .header-desktop .dropdown .dropdown-menu button,
.color-blind .header-desktop .dropdown .dropdown-menu a {
  color: #fff;
}

.color-blind .header-desktop .dropdown .dropdown-menu button:focus,
.color-blind .header-desktop .dropdown .dropdown-menu button:hover {
  background-color: #fff;
  color: #000
}

.color-blind .header-desktop .dropdown .dropdown-menu button:focus~a,
.color-blind .header-desktop .dropdown .dropdown-menu button:hover~a {
  color: red;
}

.color-blind .header-desktop .dropdown .dropdown-menu a:focus,
.color-blind .header-desktop .dropdown .dropdown-menu a:hover {
  color: #000
}

.color-blind .header-desktop .dropdown .dropdown-menu a:focus~button,
.color-blind .header-desktop .dropdown .dropdown-menu a:hover~button {
  background-color: #e2edf8;
  color: #000
}

.breadcrumb-item {
  color: var(--cor-primaria);
}

.color-blind .barra-breadcrumb-pesquisa .barra-breadcrumb-pesquisa__breadcrumb .breadcrumb .breadcrumb-item .pagina-inicial svg {
  fill: #fff;
}

.color-blind .barra-breadcrumb-pesquisa .barra-breadcrumb-pesquisa__breadcrumb .breadcrumb-item+.breadcrumb-item::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='11' viewBox='146.666 -330 135.666 220' width='11' fill='%23fff'%3E%3Cpath d='m231-220-84.334-84.334L172.333-330l110 110-110 110-25.666-25.666L231-220Z'/%3E%3C/svg%3E");
}

.color-blind .barra-breadcrumb-pesquisa .barra-breadcrumb-pesquisa__breadcrumb .breadcrumb-item.active {
  color: #8c98a2;
}

.color-blind main {
  box-shadow: 0px 0px 0px 1px #fff !important;
}

.color-blind .menu-lateral-fechado .conjunto-menu__navegacao .conjunto-menu__navegacao__itens__conteudo:has(.dropdown-menu.show) button.btn,
.color-blind .menu-lateral .conjunto-menu__navegacao a.link-ativo,
.color-blind .menu-lateral-fechado .conjunto-menu__navegacao__itens a.btn.col-12:hover,
.color-blind .menu-lateral-aberto .conjunto-menu__navegacao__itens a.btn.col-12:hover,
.color-blind .menu-lateral .conjunto-menu__navegacao button:hover,
.color-blind .menu-lateral-fechado .conjunto-menu__navegacao__itens a.btn.col-12:focus,
.color-blind .menu-lateral-aberto .conjunto-menu__navegacao__itens a.btn.col-12:focus,
.color-blind .menu-lateral .conjunto-menu__navegacao button:focus,
.color-blind .menu-lateral .dropdown:has(.secao-ativa) button {
  color: #000
}

.color-blind .menu-lateral-fechado .conjunto-menu__navegacao .conjunto-menu__navegacao__itens__conteudo:has(.dropdown-menu.show) button.btn span,
.color-blind .menu-lateral .conjunto-menu__navegacao a.link-ativo span,
.color-blind .menu-lateral .conjunto-menu__navegacao a:hover span,
.color-blind .menu-lateral .conjunto-menu__navegacao button:hover span,
.color-blind .menu-lateral .conjunto-menu__navegacao a:focus span,
.color-blind .menu-lateral .conjunto-menu__navegacao button:focus span,
.color-blind .menu-lateral .dropdown:has(.secao-ativa) button span {
  color: #000;
}

.color-blind .menu-lateral-fechado .conjunto-menu__navegacao .conjunto-menu__navegacao__itens__conteudo:has(.dropdown-menu.show) button.btn svg,
.color-blind .menu-lateral .conjunto-menu__navegacao a.link-ativo svg,
.color-blind .menu-lateral-aberto .conjunto-menu__navegacao__itens a:hover svg,
.color-blind .menu-lateral-aberto .conjunto-menu__navegacao__itens a:focus svg,
.color-blind .menu-lateral .conjunto-menu__navegacao button:hover svg,
.color-blind .menu-lateral .conjunto-menu__navegacao button:focus svg,
.color-blind .menu-lateral .dropdown:has(.secao-ativa) button svg {
  fill: #000;
}

.color-blind .menu-lateral-aberto .conjunto-menu__navegacao__itens .conjunto-menu__navegacao__itens__conteudo:has(.dropdown-menu.show) button svg {
  fill: #000;
}

.color-blind .menu-lateral-aberto .conjunto-menu__navegacao__itens .conjunto-menu__navegacao__itens__conteudo:has(.dropdown-menu.show) button {
  color: #000;
}

.color-blind .menu-lateral-aberto .conjunto-menu__navegacao__itens .dropdown-menu li a {
  color: #000;
}

.color-blind .menu-lateral-fechado .conjunto-menu__navegacao__itens .dropdown-menu .dropdown-item {
  color: #000;
}

/****************************************************************************************************************************************************************************************************/
/******************************************************************************************* Componentes ********************************************************************************************/
/****************************************************************************************************************************************************************************************************/

/****************************************************************************************************************************************************************************************************/
/********************************************************************************************** Abas ************************************************************************************************/
/****************************************************************************************************************************************************************************************************/
.color-blind .nav.nav-tabs .nav-item .nav-link {
  color: #fff;
}

.color-blind .nav.nav-tabs .nav-item .nav-link.active {
  color: #000;
}

.color-blind .tab-content {
  color: #000;
}

/****************************************************************************************************************************************************************************************************/
/************************************************************************************************** Accordion ***************************************************************************************/
/****************************************************************************************************************************************************************************************************/
.color-blind .accordion-horizontal .card .card-header.collapsed {
  background-color: #000;
  color: #fff;
}

.color-blind .accordion-horizontal .card .card-header:focus.collapsed,
.color-blind .accordion-horizontal .card .card-header {
  background-color: #000;
  color: #ff0;
}

.color-blind .accordion-horizontal .card .card-header.collapsed .display svg path {
  fill: #fff;
}

.color-blind .accordion-horizontal .card .card-header:focus.collapsed .display svg path,
.color-blind .accordion-horizontal .card .card-header .display svg path {
  fill: #ff0;
}

/****************************************************************************************************************************************************************************************************/
/*********************************************************************************************** Botões *********************************************************************************************/
/****************************************************************************************************************************************************************************************************/
.color-blind .btn-regular,
.color-blind .btn-outline-regular,
.color-blind .btn-secondary,
.color-blind .btn-outline-secondary,
.color-blind .btn-sucesso,
.color-blind .btn-success,
.color-blind .btn-outline-sucesso,
.color-blind .btn-cancelar,
.color-blind .btn-outline-danger,
.color-blind .btn-danger,
.color-blind .btn-warning,
.color-blind .btn-outline-warning,
.color-blind .btn-info,
.color-blind .btn-outline-info,
.color-blind .btn-link {
  background-color: #000;
  border-color: #fff;
  color: #ff0;
  fill: #fff;
}

.color-blind .btn-danger:hover {
  border-color: var(--bs-btn-hover-border-color);
}

.color-blind .btn-danger:focus {
  box-shadow: 0 0 0 3.2px #e15361
}

.btn-regular:focus,
.btn-outline-regular:focus {
  box-shadow: 0 0 0 3.2px rgb(0 123 255)
}

.color-blind .btn-regular:hover,
.color-blind .btn-outline-regular:hover {
  border-color: hsl(207, 75%, calc(35% * 0.85));
}


.color-blind .btn-sucesso:hover,
.color-blind .btn-success:hover,
.color-blind .btn-outline-sucesso:hover {
  border-color: hsl(140, 100%, calc(20% * 0.85));
}

.color-blind .btn-sucesso:focus,
.color-blind .btn-success:focus,
.color-blind .btn-outline-sucesso:focus {
  box-shadow: 0 0 0 0.2rem rgb(40 167 69);
}

.color-blind .btn-cancelar:hover,
.color-blind .btn-outline-cancelar:hover {
  border-color: #bd2828;
}

.color-blind .btn-cancelar:focus,
.color-blind .btn-outline-danger:focus {
  box-shadow: 0 0 0 3.2px #bd2828;
}

.color-blind .btn-outline-danger:hover,
.color-blind .btn-warning:hover,
.color-blind .btn-outline-warning:hover,
.color-blind .btn-info:hover,
.color-blind .btn-outline-info:hover {
  border-color: var(--bs-btn-hover-border-color);
}

.color-blind .btn-warning:focus {
  box-shadow: 0 0 0 3.2px #d9a406;
}

.color-blind .btn-info:focus {
  box-shadow: 0 0 0 3.2px #0baccc;
}

.color-blind .btn-link:focus {
  box-shadow: 0 0 0 3.2px #3184fd;
}

.color-blind .btn-regular:active,
.color-blind .btn-outline-regular:active,
.color-blind .btn-sucesso:active,
.color-blind .btn-success:active,
.color-blind .btn-outline-sucesso:active,
.color-blind .btn-cancelar:active,
.color-blind .btn-outline-cancelar:active,
.color-blind .btn-outline-danger:active,
.color-blind .btn-warning:active,
.color-blind .btn-outline-warning:active,
.color-blind .btn-info:active,
.color-blind .btn-outline-info:active,
.color-blind .btn-link:active {
  background-color: #000;
  color: #fff;
  fill: #fff;
}

/****************************************************************************************************************************************************************************************************/
/************************************************************************************************ Caroussel *****************************************************************************************/
/****************************************************************************************************************************************************************************************************/
.color-blind .carousel-control-prev,
.color-blind .carousel-control-next {
  background-color: rgba(0, 0, 0, 0.63);
}

.color-blind .carousel-caption {
  background-color: #000;
}

/****************************************************************************************************************************************************************************************************/
/************************************************************************************************ checkbox e radio **********************************************************************************/
/****************************************************************************************************************************************************************************************************/
.color-blind .custom-control.custom-checkbox:has(.custom-control-input:checked) .custom-control-label,
.color-blind .custom-control.custom-radio:has(.custom-control-input:checked) .custom-control-label {
  color: #ff0;
}

/****************************************************************************************************************************************************************************************************/
/****************************************************************************************** Datepicker **********************************************************************************************/
/****************************************************************************************************************************************************************************************************/



/****************************************************************************************************************************************************************************************************/
/********************************************************************************************** Formulário ******************************************************************************************/
/****************************************************************************************************************************************************************************************************/
.color-blind .form-select,
.color-blind .form-control {
  color: #fff;
  background-color: #000;
}

.color-blind .form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.color-blind .form-control:focus,
.color-blind .pagination .itens-pagina:focus,
.color-blind select.form-select:focus {
  background-color: #000;
  color: #fff;
  box-shadow: 0 0 0 3px white;
}

.color-blind .form-control:focus~.btn-buscar {
  box-shadow: 0px 0px 0 3px white;
}

.color-blind .campo-flutuante label {
  background-color: #000;
  color: #fff;
}

.color-blind .campo-flutuante .form-control:not(:placeholder-shown):focus~.label-flutuante,
.color-blind .campo-flutuante select.form-select:focus:valid~.label-flutuante,
.color-blind .campo-flutuante .form-control:focus~.label-text-area-flutuante,
.color-blind .campo-flutuante .form-control:focus~.label-flutuante {
  color: #009cf7;
}

.color-blind .valid-feedback,
.color-blind .campo-flutuante .form-control:focus~.label-flutuante.tx-valido,
.color-blind .campo-flutuante .form-control:not(:placeholder-shown)~.label-flutuante.tx-valido {
  color: #00ae3b;
}

.color-blind .invalid-feedback,
.color-blind .campo-flutuante .form-control:focus~.label-flutuante.tx-erro,
.color-blind .campo-flutuante .form-control:not(:placeholder-shown)~.label-flutuante.tx-erro {
  color: #f00;
}

.color-blind .custom-file-label::after {
  background-color: #000;
  border: 1px solid #fff;
}

.color-blind .btn-buscar {
  background-color: #000;
  border: 1px solid #9a9a9a;
}

.color-blind .btn-buscar:hover {
  background-color: #fff;
  border: 1px solid #fff;
  color: #000;
}

.color-blind .btn-buscar:hover svg {
  fill: #000;
}

.color-blind .btn-buscar.btn-interno {
  border-left: 0;
  fill: #fff;
}

.color-blind input:not(:placeholder-shown) {
  border-color: #9a9a9a;
}

.color-blind .campo-flutuante select.form-select:valid~.label-flutuante,
.color-blind .campo-flutuante .form-control:not(:placeholder-shown)~.label-text-area-flutuante,
.color-blind .campo-flutuante .form-control:not(:placeholder-shown)~.label-flutuante {
  color: #969696;
}

.color-blind .form-control::placeholder {
  color: #fff;
}

/****************************************************************************************************************************************************************************************************/
/*********************************************************************************************** Imagem *********************************************************************************************/
/****************************************************************************************************************************************************************************************************/
.color-blind .card-title,
.color-blind .card-text {
  color: #000;
}

.color-blind .card-body .btn {
  color: #fff;
}

.color-blind .card-body .btn:hover {
  background-color: #fff;
  color: #000;
}

/****************************************************************************************************************************************************************************************************/
/*********************************************************************************************** Legendas *********************************************************************************************/
/****************************************************************************************************************************************************************************************************/
.color-blind .statusbt .statusTl {
  color: #fff;
}


/****************************************************************************************************************************************************************************************************/
/********************************************************************************************** Loader **********************************************************************************************/
/****************************************************************************************************************************************************************************************************/
.color-blind .circulo {
  border-top-color: #5da9ff;
}

/*****************************************************************************************************************************************************************************************************************/
/*********************************************************************************************** Mensagem ********************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************/
.color-blind .mens-erro,
.color-blind .mens-suce,
.color-blind .mens-alert {
  background-color: #000;
}

.color-blind .mens-erro a,
.color-blind .mens-suce a,
.color-blind .mens-alert a {
  color: #fff;
}

.color-blind .mens-erro {
  border-color: #ff7b7b;
}

/*****************************************************************************************************************************************************************************************************************/
/************************************************************************************************* Modal *********************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************/

.color-blind .modal-header,
.color-blind .modal-body,
.color-blind .modal-footer,
.color-blind .modal-content {
  background-color: #000;
}

.color-blind .padrao .modal-title,
.color-blind .sucesso .modal-title,
.color-blind .atencao .modal-title,
.color-blind .erro .modal-title {
  color: #fff;
}

.color-blind .atencao .close {
  color: #fff
}

/****************************************************************************************************************************************************************************************************/
/********************************************************************************************** Paginação *******************************************************************************************/
/****************************************************************************************************************************************************************************************************/
.color-blind .pagination .itens-pagina {
  color: #fff;
  background-color: #000;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 17.6' width='11' height='17.6'%3E%3Cpath d='M4.723 12.877a1.101 1.101 0 0 0 1.557 0l4.4-4.4c.316-.316.409-.787.237-1.2s-.57-.68-1.017-.68L1.1 6.6a1.102 1.102 0 0 0-.781 1.88l4.4 4.4z'/%3E%3C/svg%3E");
}

.color-blind button.subtracao,
.color-blind button.adicao {
  background-color: #000;
  fill: #fff;
}

.color-blind button.subtracao:focus,
.color-blind button.adicao:focus {
  box-shadow: 0 0 0 3.2px rgb(0 123 255);
}

.color-blind button.subtracao:hover,
.color-blind button.adicao:hover {
  transition: none;
  fill: #000;
  background-color: #fff;
}

.color-blind a.btn-pagin,
.color-blind button.btn-pagin {
  color: #ff0;
  fill: #fff;
  border-color: #fff;
}

.color-blind a.btn-pagin:focus,
.color-blind button.btn-pagin:focus {
  box-shadow: 0 0 0 3.2px rgb(0 123 255);
  background-color: #000;
}

.color-blind a.btn-pagin:hover,
.color-blind button.btn-pagin:hover {
  background-color: #000;
  border-color: hsl(207, 75%, calc(35% * 0.85));
}

/*****************************************************************************************************************************************************************************************************************/
/*********************************************************************************************** Tabela **********************************************************************************************************/
/*****************************************************************************************************************************************************************************************************************/
.color-blind .tabela th,
.color-blind .tabela td {
  background-color: #000;
  color: #fff;
}

.color-blind .tabela caption {
  color: #ff0;
}

.color-blind .tabela svg,
.color-blind .tabela svg path {
  fill: #fff;
}

.color-blind .filtros-tabela .filtros-tabela__select select {
  background-color: #000;
  color: #fff;
}

.color-blind .filtros-tabela .filtros-tabela__filtro span {
  color: #fff;
}

.color-blind .filtros-tabela .filtros-tabela__filtro .conjunto-input-botao button {
  background-color: #000;
}

.color-blind .filtros-tabela .filtros-tabela__filtro .conjunto-input-botao button svg {
  fill: #fff;
}

.color-blind .filtros-tabela .filtros-tabela__filtro .conjunto-input-botao button:hover {
  border-color: #fff;
}

.color-blind .filtros-tabela .filtros-tabela__filtro .conjunto-input-botao button:hover,
.color-blind .filtros-tabela .filtros-tabela__filtro .conjunto-input-botao button:hover svg {
  background-color: #fff;
  fill: #000;
}

.color-blind .tabela .th-ordenada svg path {
  fill: #000;
  stroke: #fff;
}


/****************************************************************************************************************************************************************************************************/
/****************************************************************************************** Timepicker **********************************************************************************************/
/****************************************************************************************************************************************************************************************************/
.color-blind .wc-banner,
.color-blind .calendar-header,
.color-blind .wc-details,
.color-blind .selected-day>span,
.calendar-days td:hover>span {
  background-color: #000;
}

.color-blind .today>span {
  border-color: #000;
}

.color-blind .selected-day span,
.color-blind .wc-date-container,
.color-blind td span.selected-day {
  background-color: #000;
  color: #fff
}

.color-blind .calendar-day.selected-day.today {
  background-color: transparent;
}

.color-blind .wc-date-container>span {
  color: #fff;
}

.color-blind .wc-date-container span>svg {
  fill: #fff;
}

.color-blind .current-month,
.color-blind .current-year,
.color-blind .months-view>button:hover,
.color-blind .years-list-view>span:hover {
  color: #4926ff;
}

.color-blind .years-list-view {
  color: #000;
}

/****************************************************************************************************************************************************************************************************/
/******************************************************************************************** Tooltip ***********************************************************************************************/
/****************************************************************************************************************************************************************************************************/
.color-blind .txToll a,
.color-blind .txToll svg {
  color: #fff;
  fill: #fff;
}