:root {
    --gd-color-brand-nopaper: #263E81;
    --gd-color-brand-contratos: #FF7F7A;
    --gd-color-brand-contabil: #a6b8ff;
    --gd-color-brand-pessoal: #00B0FF;
    --gd-color-brand-gestao-municipal: #9A8B7D;
    --gd-color-brand-arrecadacao: #00BD7E;
    --gd-color-brand-atendimento: #A5A6A7;
    --gd-color-brand-saude: #A7C27E;
    --gd-color-brand-educacao: #F9B02E;

    --gd-color-gray: #7B8493;
    --gd-color-gray-light-30: #CFD3D8;
    --gd-color-gray-light-40: #EBEDEF;
    --gd-color-gray-dark-10: #636B79;
    --gd-color-gray-dark-20: #4C525D;
    --gd-color-gray-dark-30: #393E46;
    --gd-color-gray-dark-40: #292D32;
    --gd-color-blue: #3374DB;
    --gd-color-yellow: #E8B730;
    --gd-color-yellow-dark-20: #a07a12;
    --gd-color-yellow-dark-30: #87640B;
    --gd-color-yellow-dark-40: #584107;
    --gd-color-yellow-light-30: #F7E7BA;
    --gd-color-yellow-light-40: #FCF7E8;
    --gd-color-green: #3EC18F;
    --gd-color-green-light-30: #B2E6D2;
    --gd-color-green-light-40: #D8F3E9;
    --gd-color-green-dark-10: #329A72;
    --gd-color-green-dark-40: #133A2B;
    --gd-color-neutral-white: #FFFFFF;
    --gd-color-carbono: #1c1a23;
}


.gd-tx__gray { color: var(--gd-color-gray) !important; }
.gd-tx__gray--d10 { color: var(--gd-color-gray-dark-10) !important; }
.gd-tx__gray--d20 { color: var(--gd-color-gray-dark-20) !important; }
.gd-tx__gray--d30 { color: var(--gd-color-gray-dark-30) !important; }
.gd-tx__gray--d40 { color: var(--gd-color-gray-dark-40) !important; }
/*.gd-tx__gray--l40 { color: var(--gd-color-gray-light-40) }*/

.gd-tx__blue { color: var(--gd-color-blue) !important; }

.gd-tx__green { color: var(--gd-color-green) !important; }
.gd-tx__green--d40 { color: var(--gd-color-green-dark-40) !important; }

.gd-tx__neutral-white { color: var(--gd-color-neutral-white) !important }

.gd-tx__carbono { color: var(--gd-color-carbono) !important }

.gd-bg__gray--l40 { background-color: var(--gd-color-gray-light-40) !important; }

.gd-bg__blue { background-color: var(--gd-color-blue) !important; }

.gd-bg__green--l40 { background-color: var(--gd-color-green-light-40) !important; }
.gd-bg__green--d10 { background-color: var(--gd-color-green-dark-10) !important; }

.gd-tx__yellow--d20 { color: var(--gd-color-yellow-dark-20) !important; }
.gd-tx__yellow--d30 { color: var(--gd-color-yellow-dark-30) !important; }
.gd-tx__yellow--d40 { color: var(--gd-color-yellow-dark-40) !important; }
.gd-bg__yellow--l30 { background-color: var(--gd-color-yellow-light-30) !important; }
.gd-bg__yellow--l40 { background-color: var(--gd-color-yellow-light-40) !important; }

.gd-fill__gray { fill: var(--gd-color-gray) }
.gd-fill__carbono { fill: var(--gd-color-carbono) }
.gd-fill__neutral-white { fill: var(--gd-color-neutral-white) }


.gd-h-100 { height: 100% !important; }
.gd-w-100 { width: 100% !important; }

/**
 * DISPLAY
 */
.gd-d-flex { display: flex !important; }
.gd-d-block { display: block !important; }
.gd-d-inline { display: inline !important; }
/*.gd-d-none { display: none }*/
/*.gd-v-hidden { visibility: hidden }*/

/**
 * JUSTIFY-CONTENT
 */
.gd-justify-content-center { justify-content: center !important; }
.gd-justify-content-between { justify-content: space-between !important; }
.gd-justify-content-start { justify-content: flex-start !important; }
.gd-justify-content-end { justify-content: flex-end !important; }
.gd-justify-content-around { justify-content: space-around !important; }

/**
 * ALIGN-ITEMS
 */
.gd-align-items-center { align-items: center !important; }
.gd-align-items-stretch { align-items: stretch !important; }
.gd-align-items-end { align-items: end !important; }

/**
 * DIRECTION
 */
.gd-flex-row { flex-direction: row !important; }
.gd-flex-column { flex-direction: column !important; }

.gd-flex-grow-1 { flex-grow: 1 !important; }
.gd-flex-1 { flex: 1 !important }

.gd-m-0 { margin: 0 !important; }
/*.gd-m-1 { margin: .25rem !important; }*/
.gd-m-2 { margin: .5rem !important; }
/*.gd-m-3 { margin: 1rem !important; }*/
/*.gd-m-4 { margin: 1.5rem !important; }*/
/*.gd-m-5 { margin: 3rem !important; }*/

.gd-mb-0 { margin-bottom: 0 !important; }
.gd-mb-1 { margin-bottom: .25rem !important; }
.gd-mb-2 { margin-bottom: .5rem !important; }
.gd-mb-3 { margin-bottom: 1rem !important; }
.gd-mb-4 { margin-bottom: 1.5rem !important; }
.gd-mb-5 { margin-bottom: 3rem !important; }

.gd-mt-0 { margin-top: 0 !important; }
.gd-mt-1 { margin-top: .25rem !important; }
.gd-mt-2 { margin-top: .5rem !important; }
.gd-mt-3 { margin-top: 1rem !important; }
.gd-mt-4 { margin-top: 1.5rem !important; }
/*.gd-mt-5 { margin-top: 3rem !important; }*/

/*.gd-mr-0 { margin-right: 0 !important; }*/
.gd-mr-1 { margin-right: .25rem !important; }
.gd-mr-2 { margin-right: .5rem !important; }
.gd-mr-3 { margin-right: 1rem !important; }
.gd-mr-4 { margin-right: 1.5rem !important; }
.gd-mr-5 { margin-right: 3rem !important; }

/*.gd-ml-0 { margin-left: 0 !important; }*/
/*.gd-ml-1 { margin-left: .25rem !important; }*/
.gd-ml-2 { margin-left: .5rem !important; }
.gd-ml-3 { margin-left: 1rem !important; }
.gd-ml-4 { margin-left: 1.5rem !important; }
.gd-ml-5 { margin-left: 3rem !important; }

.gd-p-0 { padding: 0 !important; }
/*.gd-p-1 { padding: .25rem !important; }*/
/*.gd-p-2 { padding: .5rem !important; }*/
.gd-p-3 { padding: 1rem !important; }
.gd-p-4 { padding: 1.5rem !important; }
/*.gd-p-5 { padding: 3rem !important; }*/

.gd-pb-0 { padding-bottom: 0 !important; }
/*.gd-pb-1 { padding-bottom: .25rem !important; }*/
/*.gd-pb-2 { padding-bottom: .5rem !important; }*/
.gd-pb-3 { padding-bottom: 1rem !important; }
.gd-pb-4 { padding-bottom: 1.5rem !important; }
.gd-pb-5 { padding-bottom: 3rem !important; }

.gd-pt-0 { padding-top: 0 !important; }
/*.gd-pt-1 { padding-top: .25rem !important; }*/
/*.gd-pt-2 { padding-top: .5rem !important; }*/
.gd-pt-3 { padding-top: 1rem !important; }
.gd-pt-4 { padding-top: 1.5rem !important; }
.gd-pt-5 { padding-top: 3rem !important; }

.gd-pr-0 { padding-right: 0 !important; }
/*.gd-pr-1 { padding-right: .25rem !important; }*/
.gd-pr-2 { padding-right: .5rem !important; }
.gd-pr-3 { padding-right: 1rem !important; }
.gd-pr-4 { padding-right: 1.5rem !important; }
.gd-pr-5 { padding-right: 3rem !important; }

.gd-pl-0 { padding-left: 0 !important; }
/*.gd-pl-1 { padding-left: .25rem !important; }*/
.gd-pl-2 { padding-left: .5rem !important; }
.gd-pl-3 { padding-left: 1rem !important; }
.gd-pl-4 { padding-left: 1.5rem !important; }
.gd-pl-5 { padding-left: 3rem !important; }


.gd-fw-600 { font-weight: 600 }
.gd-fw-500 { font-weight: 500 }
.gd-fw-400 { font-weight: 400 }

.gd-fs-12 { font-size: 12px }
.gd-fs-14 { font-size: 14px }
.gd-fs-16 { font-size: 16px }
.gd-fs-18 { font-size: 18px }

.gd-text-truncate {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

.gd-text-captalize { text-transform: capitalize }
.gd-text-upperacase { text-transform: uppercase }

.gd-text-center { text-align: center }
.gd-text-end { text-align: end }
.gd-text-left { text-align: left }

.gd-text-decoration-none { text-decoration: none !important; }

.gd-line-height { line-height: 1.5 !important; }


.gd-btn-group .input-group-btn .btn:active {
    box-shadow: none;
}

.gd-btn-group .input-group-btn .btn:focus {
    outline: none;
}

.gd-compartihamentos-popover-badge-tarefa-concluida {
    padding: 4px 8px 4px 8px;
}

.gd-separador-botoes-compartilhamentos {
    width: 1px;
    height: 22px;
    margin: 0 1px;
}


.gd-compartilhar-conteudo-item-compartilhado {
    border-radius: 8px;
    line-height: 1.5;
}

.gd-compartilhar-container {
    border-top: 1px solid var(--gd-color-gray-light-40);
    border-bottom: 1px solid var(--gd-color-gray-light-40);
}

.gd-compartilhar-item-acao {
    text-decoration: none !important;
}

.gd-compartilhar-container-acao {
    width: 75%;
}

.gd-compartilhar-container-sistema {
    width: 25%;
}

.gd-compartilhar-acao-detalhe {
    text-decoration: none !important;
}

.gd-compartilhar-lista-tarefas-scroll {
    max-height: 300px;
    overflow-y: scroll;
    border-top: 1px solid var(--gd-color-gray-light-40);
}

.gd-compartilhar-lista-tarefas {
    border-bottom: 1px solid var(--gd-color-gray-light-40);
}

.gd-compartilhar-botao-anexar {
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #E1E3E6;
}

.gd-compartilhar-botao-anexar:is(:hover,:focus,:focus-visible,:active) {
    background-color: #E1E3E6;
    outline: none !important;
}

.gd-compartilhar-botao-remover-anexo {
    border-radius: 68px;
}

.gd-compartilhar-botao-remover-anexo:is(:hover,:focus,:focus-visible,:active){
    outline: none !important;
}

.gd-compartilhar-icone-botao-remover-anexo {
    margin-right: 6px;
}

.gd-compartilhar-botao-concluir-tarefa {
    border-radius: 4px;
}

.gd-compartilhar-botao-concluir-tarefa:is(:hover,:focus,:focus-visible,:active) {
    outline: none !important;
}

.gd-compartilhar-badge-tarefa-concluida {
    padding: 4px 8px 4px 8px;
}

.gd-compartilhar-input-busca-por-tarefa {
    border-right: none !important;
}

.gd-compartilhar-btn-limpar-busca-por-tarefa {
    border: 1px solid silver;
    border-left: none;
    border-radius: 0;
}

.gd-compartilhar-btn-limpar-busca-por-tarefa:is(:hover,:focus,:focus-visible,:active) {
    background-color: transparent !important;
    outline: none !important;
    border: 1px solid silver;
    border-left: none;
}

#buscaPorTarefa:focus + .input-group-append .gd-compartilhar-btn-limpar-busca-por-tarefa {
    border-color: #3475c1 !important;
}

.item-sidebar-governo-digital-ativo {
    background-color: #FFFFFF33 !important;
}

.sidebar-governo-digital {
    box-sizing: border-box;
    background-color: var(--gd-color-neutral-white);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    position: fixed;
    opacity: 1;
    height: calc(100vh - 45px);
    top: 45px;
    right: 0;
    transform: translateX(100%);
    transition:
        transform 300ms cubic-bezier(0.5, 0, 0.1, 1),
        opacity 300ms cubic-bezier(0.5, 0, 0.1, 1),
        height 300ms cubic-bezier(0.5, 0, 0.1, 1),
        top 300ms cubic-bezier(0.5, 0, 0.1, 1);
    width: 580px;
    z-index: -2;
}

.sidebar-governo-digital--open {
    opacity: 1;
    transform: translateX(0);
}

.gd-tab-active {
    color: var(--gd-color-blue) !important;
    fill: var(--gd-color-blue) !important;
    border-bottom: 2px solid var(--gd-color-blue) !important;
}

.gd-menu-border-bottom-gray {
    border-bottom: 2px solid var(--gd-color-gray-light-40);
}

.gd-menu-border-right-gray {
    border-right: 2px solid var(--gd-color-gray-light-40);
}

.icone-sidebar {
    padding: 7px 12px 8px;
}

.icone-sidebar svg {
    fill: white;
    margin-bottom: -6px;
}

.gd-input-busca-por-documento {
  border-right: none !important;
}

.gd-btn-limpar-busca-por-documento {
  border: 1px solid silver;
  border-left: none;
  border-radius: 0;
}

.gd-btn-limpar-busca-por-documento:is(:hover,:focus,:focus-visible,:active) {
  background-color: transparent !important;
  outline: none !important;
  border: 1px solid silver;
  border-left: none;
}

#buscaPorDocumentoParaAssinar:focus + .input-group-append .gd-btn-limpar-busca-por-documento {
  border-color: #3475c1 !important;
}

.gd-documentos-scroll {
  overflow-y: auto !important;
  height: calc(100vh - 600px);
}

.gd-documentos-border-bottom-gray {
  border-bottom: 2px solid var(--gd-color-gray-light-40);
}
.gd-input-busca-por-tarefa {
  border-right: none !important;
}

.gd-btn-limpar-busca-por-tarefa {
  border: 1px solid silver;
  border-left: none;
  border-radius: 0;
}

.gd-btn-limpar-busca-por-tarefa:is(:hover,:focus,:focus-visible,:active) {
  background-color: transparent !important;
  outline: none !important;
  border: 1px solid silver;
  border-left: none;
}

#buscaPorTarefa:focus + .input-group-append .gd-btn-limpar-busca-por-tarefa {
  border-color: #3475c1 !important;
}

.gd-tarefas-scroll {
  overflow-y: auto !important;
  height: calc(100vh - 600px);
}

.gd-badge-prazo {
  max-width: 116px;
  min-width: 116px;
  height: 24px;
  padding: 0 8px 0 8px;
  border-radius: 24px;
  gap: 2px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: none;
  text-align: left;
}

.gd-prazo-danger {
  border: 1px solid #b62d25 !important;
  color: #981e1b;
  background-color: #f4c0be;
}

.gd-prazo-success {
  border: 1px solid #438453 !important;
  color: #329a72;
  background-color: #d8f3e9;
}

.gd-prazo-info {
  border: 1px solid #48b1d3 !important;
  color: #2d95b8;
  background-color: #eaf6fa;
}

.gd-prazo-warning {
  border: 1px solid #b6860f !important;
  color: #a07a12;
  background-color: #f7e7ba;
}

.gd-prazo-default {
  background-color: #F5F7FA;
  color: #767676;
  border: 1px solid #E1E3E6;
}

.gd-tarefas-border-bottom-gray {
  border-bottom: 2px solid var(--gd-color-gray-light-40);
}

.gd-tarefas-dropdown-selecao-fluxo {
  height: auto;
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
}

.gd-tarefas-btn-fluxo {
  height: 34px;
}

.gd-grid-busca {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 8px;
}
.gd-input-busca-por-numero-protocolo {
  border-right: none !important;
}

.gd-btn-limpar-busca-por-numero-processo {
  border: 1px solid silver;
  border-left: none;
  border-radius: 0;
}

.gd-btn-limpar-busca-por-numero-processo:is(:hover,:focus,:focus-visible,:active) {
  background-color: transparent !important;
  outline: none !important;
  border: 1px solid silver;
  border-left: none;
}

#inputNumeroProtocolo:focus + .input-group-append .gd-btn-limpar-busca-por-numero-processo {
  border-color: #3475c1 !important;
}

.gd-protocolos-scroll {
  overflow-y: auto !important;
  height: calc(100vh - 600px);
}

.gd-protocolos-border-bottom-gray {
  border-bottom: 2px solid var(--gd-color-gray-light-40);
}

.gd-badge-em-analise {
  background-color: #3374DB;
  color: #FFFFFF;
}

.gd-grid-busca-protocolo {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 8px;
}
.gd-grid-busca-documentos {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-template-rows: 1fr;
  gap: 8px;
}

.gd-input-busca-por-titulo {
  border-right: none !important;
}

.gd-btn-limpar-busca-por-titulo {
  border: 1px solid silver;
  border-left: none;
  border-radius: 0;
}

.gd-btn-limpar-busca-por-titulo:is(:hover,:focus,:focus-visible,:active) {
  background-color: transparent !important;
  outline: none !important;
  border: 1px solid silver;
  border-left: none;
}

#buscaPorTitulo:focus + .input-group-append .gd-btn-limpar-busca-por-titulo {
  border-color: #3475c1 !important;
}

.gd-btn-default-outline:is(:focus,:focus-visible) {
  outline: none !important;
}

.gd-popover-filtro-documentos {
  transform: translateX(-40%);
}

.gd-popover-filtro-documentos .arrow {
  left: 90% !important;
}

.gd-filtrar-por-periodo {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  list-style: none;
  background-color: var(--gd-color-gray-light-40);
  padding: 0;
  line-height: 32px;
}

.gd-filtrar-por-periodo-item:not(.gd-periodo-ativo):hover {
  background-color: #0000000d;
}

.gd-filtrar-por-periodo-item-descricao {
  font-size: 12px;
  font-weight: 400;
  color: var(--gd-color-gray-dark-30);
  line-height: 16px;
  padding: 8px 4px;
}

.gd-periodo-ativo {
  background-color: #0000001a;
}

.gd-documentos-scroll {
  overflow-y: auto !important;
  height: calc(100vh - 600px);
}

.gd-documentos-border-bottom-gray {
  border-bottom: 2px solid var(--gd-color-gray-light-40);
}

.gd-tag-sistema {
  border-radius: 4px;
  height: 20px;
}

.gd-tag-sistema--generico {
  background-color: var(--gd-color-brand-nopaper);
}

.gd-tag-sistema--contratos {
  background-color: var(--gd-color-brand-contratos);
}

.gd-tag-sistema--contabil {
  background-color: var(--gd-color-brand-contabil);
}

.gd-tag-sistema--pessoal {
  background-color: var(--gd-color-brand-pessoal);
}

.gd-tag-sistema--gestao-municipal {
  background-color: var(--gd-color-brand-gestao-municipal);
}

.gd-tag-sistema--arrecadacao {
  background-color: var(--gd-color-brand-arrecadacao);
}

.gd-tag-sistema--atendimento {
  background-color: var(--gd-color-brand-atendimento);
}

.gd-tag-sistema--saude {
  background-color: var(--gd-color-brand-saude);
}

.gd-tag-sistema--educacao {
  background-color: var(--gd-color-brand-educacao);
}

.gd-clickable {
    cursor: pointer;
}

.gd-cursor-default {
    cursor: default;
}