:root {
  --side-bar-color: white;
  --side-bar-background-color: rgb(0,60,69);
  --side-bar-nav-link-color: white;
  --side-bar-nav-link-background-color: #156a7d;
  --side-bar-nav-link-background-color-hover: lightgray;
  --up-bar-color: white;
  --up-bar-background-color: rgb(0,60,69);
  --up-bar-nav-link-color: white;
  --up-bar-nav-link-background-color: #156a7d;
  --up-bar-nav-link-background-color-hover: lightgray;
  --button-background-color: rgba(255,204,0,1);
  --button-background-color-hover: rgba(255,204,0,0.8);
  --button-font-color: #08233e;
  --button-color: #08233e;
  --button-border-color: rgba(255,204,0,1);
  --button-border-shadow-color: rgba(255,255,255,0.5);
  --button-forward-background-color: rgba(144,238,144,1);
  --button-forward-background-color-hover: rgba(144,238,144,0.8);
  --button-forward-color: #08233e;
  --button-forward-border-color: rgba(144,238,144,1);
  --button-forward-border-shadow-color: rgba(255,255,255,0.5);
  --button-back-background-color: rgba(255,99,71,1);
  --button-back-background-color-hover: rgba(255,99,71,0.8);
  --button-back-color: rgba(255,255,255,1);
  --button-back-border-color: rgba(255,99,71,1);
  --button-back-border-shadow-color: rgba(255,255,255,0.5);
  --button-file-background-color: rgba(114,192,255,1);
  --button-file-background-color-hover: rgba(114,192,255,0.8);
  --button-file-color: #08233e;
  --button-file-border-color: rgba(114,192,255,1);
  --button-file-border-shadow-color: rgba(114,192,255,0.5);
  --input-border: #8b8a8b;
  --input-background-color: white;
  --input-readonly-color: #444;
  --input-disabled-background-color: #eee;
  --input-focus-h: 213;
  --input-focus-s: 73%;
  --input-focus-l: 63%;
  --select-border: #8b8a8b;
  --select-focus: blue;
  --select-arrow: var(--select-border);
  --html-background-color: #ffffff;
  --titulo-div-background-color: rgb(0,60,69);
  --titulo-div-color: white;
  --table-styled-color: white;
  --table-styled-background-color: #009879;
  --table-styled-background-color-hover: lightgray;
  --table-styled-background-color-even: #f3f3f3;
  --table-styled-background-color-odd: white;
  --table-escolha-header-color: white;
  --table-escolha-header-background-color: #4f505a;
  --table-escolha-header-background-hover: gray;
  --table-escolha-header-background-even: #f3f3f3;
  --table-escolha-header-background-odd: white;
  --table-cadastro-color: white;
  --table-cadastro-background-color: #4f505a;
  --table-cadastro-background-color-hover: lightgray;
  --table-cadastro-background-color-even: #f3f3f3;
  --table-cadastro-background-color-odd: white;
  --table-cadastro-background-color-i: white;
  --table-cadastro-sub-menu-color: white;
  --table-cadastro-sub-menu-background-color: #4f505a;
  --table-cadastro-sub-menu-background-color-even: #f3f3f3;
  --table-cadastro-sub-menu-background-color-odd: white;
  --table-atendimento-color: white;
  --table-atendimento-background-color: #4f505a;
  --table-atendimento-background-color-hover: lightgray;
  --table-atendimento-tile-color: white;
  --table-atendimento-tile-background-color: #4f505a;
  --table-atendimento-tile-background-color-hover: lightgray;
  --table-orcamento-color: white;
  --table-orcamento-background-color: #62889D;
  --table-orcamento-background-color-hover: lightgray;
  --table-orcamento-background-color-even: #f3f3f3;
  --table-orcamento-background-color-odd: white;
  --table-orcamento-tile-color: white;
  --table-orcamento-tile-background-color: #62889D;
  --table-orcamento-tile-background-color-hover: lightgray;
  --table-visita-tecnica-color: white;
  --table-visita-tecnica-background-color: #1F366B;
  --table-visita-tecnica-background-color-hover: lightgray;
  --table-visita-tecnica-tile-color: white;
  --table-visita-tecnica-tile-background-color: #1F366B;
  --table-visita-tecnica-tile-background-color-hover: lightgray;
  --table-agenda-visita-tecnica-color: white;
  --table-agenda-visita-tecnica-background-color: #4f505a;
  --table-agenda-visita-tecnica-background-color-even: #f3f3f3;
  --table-agenda-visita-tecnica-background-color-odd: white;
  --table-agenda-visita-tecnica-background-color-hover: lightgray;
  --table-contrato-color: white;
  --table-contrato-background-color: #383236;
  --table-contrato-background-color-hover: lightgray;
  --table-contrato-tile-color: white;
  --table-contrato-tile-background-color: #383236;
  --table-contrato-tile-background-color-hover: lightgray;
  --table-contrato-aditivo-tile-color: white;
  --table-contrato-aditivo-tile-background-color: #665962;
  --table-contrato-aditivo-tile-background-color-hover: lightgray;
  --table-documento-color: black;
  --table-documento-background-color: rgba(211,211,211,1);
  --table-documento-background-color-hover: rgba(211,211,211,0.8);
  --table-documento-tile-color: black;
  --table-documento-tile-background-color: white;
  --table-documento-tile-background-color-hover: lightgray;
  --table-fatura-color: black;
  --table-fatura-background-color: rgba(211,211,211,1);
  --table-fatura-background-color-hover: rgba(211,211,211,0.8);
  --table-fatura-tile-color: black;
  --table-fatura-tile-background-color: white;
  --table-fatura-tile-background-color-hover: lightgray;
  --table-carregamento-color: white;
  --table-carregamento-background-color: #19626E;
  --table-carregamento-background-color-hover: lightgray;
  --table-carregamento-tile-color: white;
  --table-carregamento-tile-background-color: #19626E;
  --table-carregamento-tile-background-color-hover: lightgray;
  --table-devolucao-color: white;
  --table-devolucao-background-color: #665962;
  --table-devolucao-background-color-hover: lightgray;
  --table-devolucao-tile-color: white;
  --table-devolucao-tile-background-color: #665962;
  --table-devolucao-tile-background-color-hover: lightgray;
  --table-execucao-color: white;
  --table-execucao-background-color: #767f89;
  --table-execucao-background-color-hover: lightgray;
  --table-execucao-tile-color: white;
  --table-execucao-tile-background-color: #767f89;
  --table-execucao-tile-background-color-hover: lightgray;
}

#indexhtml {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

#indexhtml::after {
  content: "";
  background-image: linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 0%), url(../img/imagemFundo.png);
  background-size: 120%;
  background-repeat: none;
  background-position: left top;
  background-color: transparent;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}