@import url("infra-global-dsgov.css");


body {
  margin: 0;
  text-align: center;
  font-size: 12px;
}

div, legend, caption {
  text-align: left;
}

input, button, textarea, select, table, label, legend, caption, a, span, p {
  font-size: 0.7rem;
}

legend {
  width: auto;
}

input, button, textarea, select {
  background-color: #fff;
}

select:focus, textarea:focus, input:focus {
  background-color: #dfdfdf;
  outline: none;
}

button:focus{
  outline: 1px solid black;
}  

select option {
  padding: 1px 0.5rem;
}

a:focus {
  outline: none;
}

a:focus img, img:focus{
  outline: 1px dotted black;
}

a:hover img, img:hover{
  outline:  none !important;
}

div.infraBarraSistema a:focus i,
div.infraBarraSistema a:focus img,
div.infraDivOrdenacao a:focus img,
#icoInfraMenuPontosTopo:focus,
#lnkInfraCheck:focus img {
  outline:1px dotted white;
  outline-offset: 1px;
}

#lnkInfraUnidade:focus{
  outline: 1px dotted white;
  outline-offset: 1px;
}


#lnkInfraMenuSistema:focus i,
#lnkInfraMenuSistema:focus img,
#lnkInfraMenuSistema:focus span{
  outline: 1px dotted white;
  outline-offset: 1px;
}

div.infraAreaPaginacao a:focus img{
  outline:1px dotted black;
}

a, img {
  cursor: pointer;
}

hr {
  border-bottom: solid #0494c7 0.125rem;
}

label.infraLabelTitulo {
  font-size: 1rem;
  color: white;
  padding: 4px 10px;
  font-weight: 400;
  background-color: #0494c7;
  border-radius: 0.2rem;
  width: 99%;
}

label.infraLabelTitulo img {
  vertical-align: top;
}

div.infraBarraSeguranca {
  padding: 0.2em;
  display: block;
  background-color: red;
  text-align: center;
}

div.infraBarraSeguranca span {
  color: white;
  font-weight: bold;
}

div.infraBarraAcesso {
  padding: 8px 4px;
  text-align: right;
}

div.infraBarraAcesso span {
  font-size: 0.875rem;
  font-weight: 600;
}

div.infraBarraAcesso a {
  font-size: 0.875rem;
  text-decoration: none;
}

div.infraBarraAcesso a:hover {
  text-decoration: underline;
}

nav.infraBarraNavegacao {
  min-height: 66px;
}

.infraBarraSistema {
  padding: 0 !important;
}

.infraBarraSistema i[class^="fa-"], .infraBarraSistema i[class*=" fa-"] {
  color: var(--color-secondary-01);
}

div.infraBarraSistema h6 {
  font-size: 0.6rem;
  padding: 2px 0 1px 0;
}

#spnInfraIdentificacaoSistema {
  color: var(--color-primary-default);
  font-size: 1.2rem;
  font-weight: 400;
}

#spnInfraIdentificacaoSistema img {
  padding-top: 10px;
}

#divInfraBarraSistemaPadrao {
  z-index: 1000;
}

#divInfraBarraSistemaLinha {
  height: 4px;
}

.infraBarraSistemaPadraoE, 
.infraBarraSistemaMovelE, 
.infraBarraSistemaMovelD {
  height: 47px;
  white-space: nowrap;
}

.infraBarraSistemaPadraoE img {
  vertical-align: sub;
  height: 43px;
}

.infraAcaoBarraConjugada i[class^="fa-"], 
.infraAcaoBarraConjugada i[class*=" fa-"] {
  color: var(--color-primary-01);
}

.infraAcaoBarraSistema {
  padding: 0 14px !important;
}

.infraAcaoBarraSistema a i {
  font-size: 16px;
  color: var(--pure-0);
}

.infraAcaoBarraSistema a img, 
.infraAcaoBarraSistema a img:hover {
  width: 20px;
}

div.infraAcaoBarraSistema {
  margin: 5px 0 0 0;
  padding-left: 3px;
}

.infraBarraLocalizacao {
  text-align: left;
  font: normal normal normal 24px/28px Rawline !important;
  letter-spacing: 0px;
  color: #333333;
  opacity: 1;
}

div.infraBarraLocalizacao {
  margin: 5px 0 2px 0;
  padding:2px 4px;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: left;
  width: fit-content;
}

.divLink {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 4px;
  opacity: 1;
  display: flex;
  flex-wrap: wrap;
  margin: 10px 2.5px !important;
  max-width: 40%;
}

.divLink:first-child {
  margin-left: 15px !important;
}

.divLink a, .divLink a.ancoraPadraoPreta, .divLink a:hover {
  padding: 10px;
  flex: auto;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  font: normal normal 600 14px/20px Rawline;
  letter-spacing: 0px;
  opacity: 1;
}

div.infraAreaTela {
  display: block;
  overflow: visible;
  width: 100%;
}

div.infraAreaTelaE {
  float: unset !important;
  width: unset !important;
}

div.infraAreaTelaD {
  float: unset !important;
  width: unset !important;
  border: unset !important;
}

div.infraBarraComandos {
  text-align: left;
  clear: both;
  border-top: 2px solid transparent;
  border-bottom: 8px solid transparent;
  width: 100%;
  text-align: right;
}

div.infraBarraComandos input, 
div.infraBarraComandos button {
  margin-left: 0.25rem;
}

div.infraAreaDados {
  position: relative;
  clear: both;
  overflow: visible;
}

div.infraAreaTabela {
  clear: both;
  display: table;
  width: 100%;
  overflow: auto;
}

div.infraAreaDadosDinamica {
  clear: both;
  display: block;
}

img.infraImg, 
img.infraImgNormal {
  opacity: 1;
  border-width: 0;
}

img.infraImg:hover, 
img.infraImgNormal:hover {
  opacity: 0.3;
  border-width: 0;
}

img.infraImgOpaca {
  opacity: 0.3;
  border-width: 0;
}

div.infraAreaDebug {
  overflow: auto;
  display: table;
  white-space: pre-wrap;
  font-size: 0.875rem;
  width: 100%;
}

div.infraAutoCompletar {
  border: 0.1em solid #9f9f9f;
  background-color: #00ff00;
  padding: 0.3em;
  font-size: 0.875rem;
  color: #000000;
  display: none;
  position: absolute;
  z-index: 999;
}

div.infraAutoCompletar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div.infraAutoCompletar ul li {
  display: block;
}

div.infraAutoCompletar a {
  color: #000000;
  text-decoration: none;
}

div.infraAutoCompletar a:hover {
  color: #000000;
}

div.infraAutoCompletar li.selected {
  background-color: #7d95ae;
  color: #000000;
}

select.infraSelect {
  display: block;
  border-radius: 0.2rem;
  line-height: 1.5em;
  font-size: 0.875rem;
  height: calc(1.5em + 0.4rem + 4px);
  border: 1px solid #ced4da;
}

select.infraSelect[multiple] {
  height: unset;
  margin-top: 3px !important;
}

button.ms-choice {
  height: calc(1.5em + 0.4rem + 4px);
}

div.ms-drop, button.ms-choice > span {
  font-size: 0.875rem;
}

select.infraSelectOculto {
  display: none;
}

select.infraSelect[multiple] {
  margin-top: 4px;
}

div.infraAreaPaginacao {
  margin: 5px auto;
  text-align: center;
  clear: both;
  height: calc(1.5em + 0.4rem + 6px);
}

div.infraAreaPaginacao select {
  vertical-align: bottom;
}

div.infraAreaPaginacao a {
  vertical-align: middle;
}

td.infraTd b {
  font-weight: bold;
}

td.infraTd i {
  font-style: italic;
}

div.infraBarraCategoria {
  display: block;
  overflow: hidden;
  padding: 0.2em;
}

div.infraAviso {
  position: absolute;
  border: 0.1em solid #999999;
  background-color: #f4f4f4;
  border-radius: 0.4rem;
  padding: 10px;
  z-index: 999;
}

div.infraAviso img {
  vertical-align: text-top;
  width: 40px;
  height: 40px;
}

div.infraAviso span {
  font-weight: 600;
  font-size: 1rem;
}

div.infraFundoTransparente {
  z-index: 997;
  visibility: hidden;
  position: absolute;
  overflow: hidden;
  width: 10px;
  height: 10px;
  left: 0;
  top: 0;
  background: transparent url("imagens/fndtransp.gif");
  background-repeat: repeat;
}

tr.infraTrClara, 
td.infraTdClara {
  background-color: #fff;
}

tr.infraTrEscura, 
td.infraTdEscura {
  background-color: #f4f4f4;
}

div.infraAreaGlobal a {
  cursor: pointer;
}

span.infraUsuario {
  display: inline-block;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  text-align: right;
  vertical-align: middle;
  width: 50%;
  padding-bottom: 0.3em;
}

a.infraAcaoBarraConjugada {
  padding: 3px 6px;
  font-size: 0.75rem;
  font-weight: 400;
  color: #495057 !important;
  height: 24px;
  line-height: 18px;
  background-color: white;
}

a.infraAcaoBarraConjugada:hover {
  cursor: pointer;
}

span.infraAcaoBarraConjugada, 
span.infraAcaoBarraConjugada:hover {
  padding: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  line-height: 0;
  height: 24px;
  border: 0;
  background-color: white;
}

span.infraAcaoBarraConjugada img{
  margin-right: 1px;
}

#lnkInfraMenuSistema:hover {
  opacity: 0.5;
}

#lnkInfraUnidade {
  margin: 5px 20px;
  transition: none;
  color: var(--color-primary-default) !important;
  border: 1px solid white;
  border-radius: 4px;
}

#lnkInfraUnidade:hover {
  border: 1px solid transparent;
  text-decoration: underline;
  border-radius: 4px;
  text-decoration: none;
}

div.infraAreaValidacao {
  margin-top: 1em;
  margin-bottom: 0.2em;
  font-size: 1.2rem;
  color: #f00;
}

input.infraButton, button.infraButton {
  margin-bottom: 2px;
  border: 1px solid #666;
  padding: 0.3rem 0.6rem;
  border-radius: 0.25rem;
}

input.infraButton, 
input.infraButton span, 
button.infraButton, 
button.infraButton span {
  font-size: 0.8rem;
  color: #495057;
  line-height: 1.5;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,     box-shadow 0.15s ease-in-out;
}

input.infraButton:hover, 
input.infraButton:hover span, 
button.infraButton:hover, 
button.infraButton:hover span {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

label.infraLabelOpcional, 
label.infraLabelObrigatorio {
  color: #666;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
}

label.infraLabelObrigatorio {
  font-weight: 600;
}

label.infraLabelDesabilitado {
  color: #999;
  margin-bottom: 0.2em;
}

table.infraTable {
  margin: 2px 0;
  color: #212529;
  border: 1px solid rgba(221, 221, 221, 0.78);
  border-collapse: collapse;
  border-spacing: 2px;
}

table.infraTable thead tr, 
table.infraTable tr > th.infraTh {
  color: #ecf0f1;
  text-align: -moz-center;
}

th.infraTh {
  display: table-cell;
  padding: 0.375rem;
  font-size: 0.875rem;
  border-top: 1px solid #dee2e6;
  border-bottom: 2px solid #dee2e6;
  text-align: center;
  color: #ecf0f1;
  line-height: 24px;
}

th.infraTh img {
  padding: 0;
  vertical-align: top;
}

table.infraTable td {
  font-size: 0.875rem;
  line-height: 20px;
  padding: 0.375rem;
  border-top: 1px solid #dee2e6;
}

table.infraTable td a, 
a.infraAncoraSigla {
  font-size: 0.875rem;
}

table.infraTable td b {
  font-weight: bold;
}

caption.infraCaption {
  border-bottom: 0.1em solid #496004;
  font-size: 0.875rem;
  text-align: right;
  color: #666;
  padding: 0.2em 0;
}

div.infraDivOrdenacao {
  display: inline-table;
  margin: 0px 10px;
  vertical-align: middle;
}

div.infraDivSetaOrdenacao {
  display: table-cell;
  padding: 0 1px;
}

div.infraDivRotuloOrdenacao {
  display: table-cell;
  padding-right: 3px;
}

a.infraAncoraSigla {
  text-decoration: none;
}

a.infraAncoraSigla:hover {
  text-decoration: underline;
}

fieldset.infraFieldset {
  border: 0.1em solid #969594;
  margin-top: 2px;
  box-sizing: border-box;
  -moz-border-radius: 0.2rem;
  -webkit-border-radius: 0.2rem;
  border-radius: 0.2rem;
}

legend.infraLegend {
  font-weight: normal;
  margin-bottom: 0;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  color: white;
  background-color: #969594;
  margin-left: 0.8em;
  padding: 0 5px;
  border-radius: 0.2rem;
}

legend.infraLegendOpcional {
  padding: 0.2em;
}

legend.infraLegendObrigatorio {
  font-weight: bold;
  padding: 0.2em;
}

span.infraTeclaAtalho {
  text-decoration: underline;
  font-size: 0.875rem;
  font-weight: 400;
  color: inherit !important;
  background-color: transparent !important;
}

label.infraLabelObrigatorio span.infraTeclaAtalho {
  font-weight: bold;
}

input.infraText, textarea.infraTextarea {
  border: 1px solid #ced4da;
  border-radius: 0.2rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

input.infraText {
  height: calc(1.5em + 0.4rem + 2px);
}

textarea.infraTextarea {
  overflow: scroll;
  overflow-y: scroll;
  overflow-x: hidden;
  resize: none;
}

div.infraExcecao span {
  font-size: 1rem;
  color: red;
}

div.infraDetalhesExcecao,
div.infraDetalhesManutencao{
  width: 100%;
  overflow: hidden;
  display: table;
}

div.infraDetalhesExcecao b,
div.infraDetalhesManutencao b{
  font-weight: 600;
}

span.infraDetalhesExcecao,
span.infraDetalhesManutencao{
  font-size: 0.875rem;
}

div.infraTooltipTitulo {
  background-color: #ccc;
  padding: 3px 10px;
  border-radius: 0.2rem;
  border-bottom: unset;
}

div.infraTooltipTitulo hr {
  border: 0;
}

div.infraTooltipTexto {
  padding: 4px;
}

div.infraTooltipTexto hr {
  margin: 0.25rem 0;
}

div.infraTooltip {
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 0.2rem;
  z-index: 999999999;
}

tr.infraTrAcessada, tr.infraTrAcessada td, td.infraTdAcessada {
  background-color: #ffffb1 !important;
}

tr.infraTrAcessada td, tr.infraTrAcessada span, tr.infraTrAcessada b, tr.infraTrAcessada div {
  color: black !important;
}

tr.infraTrMarcada, tr.infraTrMarcada td, td.infraTdMarcada {
  background-color: #79e5e5 !important;
}

tr.infraTrSelecionada, tr.infraTrSelecionada td, td.infraTdSelecionada {
  background-color: #e5e5e5 !important;
}

.infraReadOnly {
  border: 0.1em solid #c0c0c0;
}

input.infraAutoCompletar {
  border: 0.1em solid #666;
}

div.infraBotaoMenu {
  position: absolute;
  border: 0.1em solid #dfdfdf;
  overflow: hidden;
  background-color: white;
}

div.infraBotaoMenu ul {
  list-style: none;
  margin: 0;
  border: 0;
  padding: 0;
}

div.infraBotaoMenu a {
  display: block;
  margin: 0;
  text-decoration: none;
  left: 0;
  cursor: pointer;
  color: #666;
  border: 0.1em solid #fff;
  padding: 0.15em 0.45em;
  background-color: #fff;
  width: 90%;
}

li.infraSeparadorBotaoMenu {
  border-bottom: 1px dotted #ccc;
}

div.infraBotaoMenu a:link, div.infraBotaoMenu a:active, div.infraBotaoMenu a:visited {
  color: #666;
}

div.infraBotaoMenu a:hover, 
div.infraBotaoMenu a:focus {
  background-color: #e0e0e0;
}

img.infraImgBotaoMenu {
  height: 1em;
  padding-left: 0.2em;
  border-width: 0;
}

div.infraSidebarMenu a:focus{
  outline: none;
}
  
div.infraSidebarMenu a:focus img,
div.infraSidebarMenu a:focus i{
  outline: none;
}

div.infraMenuAcoes {
  position: absolute;
  display: block;
  border-top: 0.1em solid black;
  border-right: 0.1em solid #dfdfdf;
  border-bottom: 0.1em solid #dfdfdf;
  border-left: 0.1em solid black;
}

div.infraMenuAcoes a {
  display: block;
  margin: 0;
  text-decoration: none;
  left: 0;
  cursor: pointer;
  border: 0.1em solid #fff;
  padding: 0.15em 0.45em;
  background-color: #fff;
}

div.infraMenuAcoes a img {
  padding-right: 0.2em;
}

div.infraMenuAcoes a:link, div.infraMenuAcoes a:active, div.infraMenuAcoes a:visited {
  color: #666;
}

div.infraMenuAcoes a:hover, div.infraMenuAcoes a:focus {
  background-color: #e0e0e0;
}

img.infraImgMenuAcaoSelecionada {
  background-color: black;
}

img.infraImgMenuAcaoNormal {
  border: 0;
}

div.infraImpressao table {
  background-color: #dfdfdf;
}

div.infraImpressao table th {
  background-color: white;
  background-image: none;
}

div.infraImpressao table th, div.infraImpressao table td {
  border: 1px solid #dfdfdf;
}

div.infraImpressao table.infraTableOrdenacao {
  background-color: white;
}

div.infraImpressao table.infraTableOrdenacao td {
  border: 0;
}

span.infraTituloLogoSistema {
  vertical-align: text-top;
  color: white;
  font-size: 0.8rem;
  font-weight: normal;
  padding-left: 1em;
}

div.infraBarraSistemaPadraoE span.infraTituloLogoSistema {
  vertical-align: text-bottom;
}

div.infraTituloImprimirTabela {
  padding-top: 0.3em;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: left;
}

#divInfraMensagens {
  font-size: 0.875rem;
  position: -webkit-sticky;
  position: sticky;
  z-index: 1000;
  top: 0.25rem;
  opacity: 0;
}

.fade-in {
  opacity: 1 !important;
  transition: opacity 0.2s ease;
}

.infraNotificacao {
  font-size: 0.8rem;
  display: inline-block;
  position: relative;
  top: -1px;
  line-height: 12px;
  padding: 0 3px;
  color: white !important;
  text-shadow: 0 1px rgba(0, 0, 0, 0.25);
  border: 1px solid;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3),     0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3),     0 1px 1px rgba(0, 0, 0, 0.08);
}
.infraNotificacao {
  background: #67c1ef;
  border-color: #30aae9;
  background-image: -webkit-linear-gradient(top, #acddf6, #67c1ef);
  background-image: -moz-linear-gradient(top, #acddf6, #67c1ef);
  background-image: -o-linear-gradient(top, #acddf6, #67c1ef);
  background-image: linear-gradient(to bottom, #acddf6, #67c1ef);
}
.infraNotificacao.verde {
  background: #77cc51;
  border-color: #59ad33;
  background-image: -webkit-linear-gradient(top, #a5dd8c, #77cc51);
  background-image: -moz-linear-gradient(top, #a5dd8c, #77cc51);
  background-image: -o-linear-gradient(top, #a5dd8c, #77cc51);
  background-image: linear-gradient(to bottom, #a5dd8c, #77cc51);
}
.infraNotificacao.verde2 {
  background: #12c63d;
  border-color: #04a432;
  background-image: -webkit-linear-gradient(top, #82f585, #12c63d);
  background-image: -moz-linear-gradient(top, #a5dd8c, #12c63d);
  background-image: -o-linear-gradient(top, #a5dd8c, #12c63d);
  background-image: linear-gradient(to bottom, #a5dd8c, #12c63d);
}
.infraNotificacao.azul {
  background: #2280ff;
  border-color: #3a69e2;
  background-image: -webkit-linear-gradient(top, #62a2f5, #0958e6);
  background-image: -moz-linear-gradient(top, #62a2f5, #0958e6);
  background-image: -o-linear-gradient(top, #62a2f5, #0958e6);
  background-image: linear-gradient(to bottom, #62a2f5, #0958e6);
}
.infraNotificacao.amarelo {
  text-shadow: 0 1px rgba(255, 255, 255, 0.25);
  color: black;
  background: #ffff66;
  border-color: #f4a306;
  background-image: -webkit-linear-gradient(top, #ffff66, #faba3e);
  background-image: -moz-linear-gradient(top, #ffff66, #faba3e);
  background-image: -o-linear-gradient(top, #ffff66, #faba3e);
  background-image: linear-gradient(to bottom, #ffff66, #faba3e);
}
.infraNotificacao.vermelho {
  background: #fa492c;
  border-color: #fa3227;
  background-image: -webkit-linear-gradient(top, #fc9f8a, #fa492c);
  background-image: -moz-linear-gradient(top, #fc9f8a, #fa492c);
  background-image: -o-linear-gradient(top, #fc9f8a, #fa492c);
  background-image: linear-gradient(to bottom, #fc9f8a, #fa492c);
}
.infraNotificacao.cinza {
  background: #868686;
  border-color: #686868;
  background-image: -webkit-linear-gradient(top, #afafaf, #868686);
  background-image: -moz-linear-gradient(top, #afafaf, #868686);
  background-image: -o-linear-gradient(top, #afafaf, #868686);
  background-image: linear-gradient(to bottom, #afafaf, #868686);
}

div.dd-select {
  overflow: hidden;
}
a.dd-selected, a.dd-option {
  height: 30px;
}
a.dd-selected img, a.dd-option img {
  padding-top: 1px;
}
a.dd-selected label, a.dd-option label {
  font-size: 0.875rem;
}
label.dd-selected-text {
  line-height: 30px !important;
}
a.dd-selected {
  padding: 1px 0 0 5px;
}
a.dd-option {
  padding: 2px 0 2px 5px;
}

.infraProcessando {
  background: #fff url("svg/aguarde.svg") no-repeat scroll 100% center !important;
}
.infraProcessando::-ms-clear {
  display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .divInfraAreaTela {
    height: calc(100vh - 66px);
    max-height: calc(100vh - 66px);
    min-height: calc(100vh - 66px);
  }

  .divInfraAreaTelaSimples {
    height: 100vh;
    max-height: 100vh;
    min-height: 100vh;
  }
}

#divInfraAreaTelaD {
  overflow-y: auto;
  position: relative;
}

a {
  color: #000;
  background-color: unset;
}

img {
  vertical-align: unset;
  border-style: unset;
}

table {
  border-collapse: separate;
}

caption {
  padding-top: unset;
  caption-side: top;
}

label {
  display: inline;
}

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
  cursor: pointer;
  box-sizing: border-box;
}

.divInfraAreaTelaE {
  background-color: #333;
}

/* Overriding styles */

::-webkit-input-placeholder {
  font-size: 0.8rem !important;
}

:-moz-placeholder {
  /* Firefox 18- */
  font-size: 0.8rem !important;
}
::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 0.8rem !important;
}

.infraDivCheckbox, .infraDivRadio {
  white-space: nowrap;
  height: 30px;
  line-height: 20px;
}

.infraCheckbox, .infraRadio {
  opacity: 0;
}

fieldset .infraCheckboxDiv, fieldset .infraRadioDiv {
  margin-left: 0.8em;
}

.infraCheckboxInput:disabled + label, .infraRadioInput:disabled + label {
  opacity: 0.5;
}

.infraCheckboxInput:focus + label, .infraRadioInput:focus + label{
  outline: 1px dotted black;
  outline-offset: 1px;
}
  
.infraCheckboxDiv, .infraRadioDiv {
  display: inline-block;
  vertical-align: middle;
  cursor: default;
  height: 20px;
  width: 20px;
  text-align: left;
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  line-height: 20px;
}

.infraCheckboxDiv input, .infraRadioDiv input {
  height: 0;
  width: 0;
  position: absolute;
  top: 5px;
  left: 5px;
  opacity: 0;
  z-index: -1;
}

.infraCheckboxDiv label {
  height: 20px;
  width: 20px;
  position: relative;
  display: -ms-flexbox !important;
  display: flex !important;
  font-size: 0.875rem;
  font-weight: bold;
}

.infraCheckboxDiv label::before {
  content: "";
  height: 20px;
  width: 20px;
  border: 1px solid #999;
  transition: all 0.2s ease;
  background: #fff;
  color: #fff;
  line-height: 20px;
  text-align: center;
}

.infraCheckboxDiv label::before {
  border-radius: 0.2rem;
}

.infraCheckboxDiv label:focus::before, .infraCheckboxDiv label:hover::before {
  background: #ddd;
}
.infraCheckboxDiv input:checked + label::before {
  background: #ff7212;
  border-color: #ff7212;
}

.infraCheckboxDiv input:checked + label::before {
  content: "\2713";
}

.infraLabelCheckbox, .infraLabelRadio {
  position: relative;
  top: 2px;
}

label.infraLabelCheckbox:hover, label.infraLabelRadio:hover {
  cursor: pointer;
}

.infraRadioDiv label {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: 0.2s;
  border: 1px solid gray;
}

.infraRadioDiv > input:checked + label {
  /* (RADIO CHECKED) <i> STYLE */
  box-shadow: inset 0 0 0 3px #fff;
  background: orange;
}
 
div:focus-visible{
  outline: 1px dotted black;
}  

#btnInfraTopo {
  display: none;
  position: fixed;
  bottom: 1rem;
  right: 2.2rem;
  z-index: 99;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: 0;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3);
}

#btnInfraTopo:focus {
  outline: none;
}

#btnInfraTopo:hover {
  background: rgba(0, 0, 0);
}

#btnInfraTopo img:focus{
  outline: 1px dotted white;
}

.form-control {
  background-clip: initial;
}

.infraInputFile {
  display: none;
}

.infraLabelInputFile {
  background-color: #ffffff;
  border-bottom-color: #666666;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 1px;
  border-color: #666666;
  color: #495057;
  padding-bottom: 0.3rem;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  padding-top: 0.3rem;
  font-size: 0.8rem;
  width: unset !important;
  transition-delay: 0s, 0s, 0s;
  transition-duration: 0.15s, 0.15s, 0.15s;
  transition-property: background-color, border-color, box-shadow;
  transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
}
  
.infraLabelInputFile:hover {
  color: #ffffff;
  background-color: var(--color-primary-lighten-02);
  border-color: var(--color-primary-default);
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 1px;
  padding-bottom: 0.3rem;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  padding-top: 0.3rem;
}
    
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  .w-sm-100 {
    width: 100% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-25 {
    width: 25% !important;
  }
  .h-sm-100 {
    height: 100% !important;
  }
  .h-sm-75 {
    height: 75% !important;
  }
  .h-sm-50 {
    height: 50% !important;
  }
  .h-sm-25 {
    height: 25% !important;
  }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  .w-md-100 {
    width: 100% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-25 {
    width: 25% !important;
  }
  .h-md-100 {
    height: 100% !important;
  }
  .h-md-75 {
    height: 75% !important;
  }
  .h-md-50 {
    height: 50% !important;
  }
  .h-md-25 {
    height: 25% !important;
  }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .w-lg-100 {
    width: 100% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-25 {
    width: 25% !important;
  }
  .h-lg-100 {
    height: 100% !important;
  }
  .h-lg-75 {
    height: 75% !important;
  }
  .h-lg-50 {
    height: 50% !important;
  }
  .h-lg-25 {
    height: 25% !important;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .w-xl-100 {
    width: 100% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-25 {
    width: 25% !important;
  }
  .h-xl-100 {
    height: 100% !important;
  }
  .h-xl-75 {
    height: 75% !important;
  }
  .h-xl-50 {
    height: 50% !important;
  }
  .h-xl-25 {
    height: 25% !important;
  }
}

@media only screen and (max-width: 425px) {
  .infraBarraNavegacao {
    min-height: 75px !important;
  }

  .infraBarraAcesso {
    padding: 8px 0 !important;
  }
}

.infraAnchorMenu img {
  filter: var(--color-primary-default);
}

.infraSidebarMenu li {
  min-height: 40px;
}

.infraSidebarMenu a {
  margin: 0 !important;
  min-height: 40px;
  padding: 0 20px !important;
}

.infraSidebarMenu a:hover {
  background-color: linear-gradient(
    rgba(var(--interactive-rgb), var(--hover)),     rgba(var(--interactive-rgb), var(--hover))
  );
}

.infraSidebarMenuClose {
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
  padding: 5px 10px 0;
}

.infraSidebarMenuClose button, 
.infraSidebarMenuClose button:focus, 
.infraSidebarMenuClose button:active {
  border: none;
  background-color: transparent;
  outline: 0;
}

.infraSidebarMenuClose button i {
  text-align: center;
  font-size: 16px;
  letter-spacing: 0px;
  color: white;
}


.infraBarraSistemaMovel {
  padding: 0 !important;
}

.infraBarraSistemaMovel .infraBarraSistemaMovelE img {
  width: 60px;
}

.infraCorBarraSuperior {
  margin: 0 !important;
}

.navbar-nav .nav-link img, 
.infraAcaoBarraSistema a img, 
.infraAcaoBarraSistema a img:hover {
  width: 15px;
  opacity: 1;
}

.bg-left-login img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: default;
}

.linkLogin, .linkLogin:hover {
  letter-spacing: var(--unnamed-character-spacing-0);
  text-align: left;
  font: normal normal 600 12px/28px Rawline;
  letter-spacing: 0px;
  color: var(--blue-warm-vivid-70) !important;
  opacity: 1;
  text-decoration: none;
}

.form-group label {
  display: inline-block;
  margin-bottom: 0.5rem;
  text-align: left;
  font: normal normal 600 14px/20px Rawline;
  letter-spacing: 0px;
  color: #333333;
}

#divInfraPesquisarMenu {
  margin: 0 0 15px;
}