@CHARSET "ISO-8859-1";

:root {
	
	--border-radius-botoes: 3px; 
	--largura-minima-botao: 4.6rem;
	--altura-minima-botao: 1.2rem;
	
	--border-radius-padrao: 8px;
	--margem-horizonal-itens-menu: 1.5rem;
	--margem-inferior-itens-menu: 0.3rem;
	--margem-horizonal-itens-menu-recolhido: 0.3rem;
	--altura-header-menu: 1.2rem;
	--margem-horizontal-conteudo-pagina: 2rem;
	--espaco-vertical-entre-conteudos: 0.5rem;
	--largura-minima-conteudo-pagina: 28.1rem;
    --largura-minima-desejavel-dos-conteudos: 22.6rem;
	--padding-botoes-header: 0.4rem;
	
	--largura-padrao-icones: 1rem;
	--altura-padrao-icones: 1rem;
	--espaco-entre-icone-botao-e-texto: 0.3rem;
	
	--opacidade-painel-filtros: 0.92;
	--padding-dos-inputs: 4px 8px;
	
    --tamanho-texto-pequeno: calc(0.7rem + 1px);
    --fonte-padrao: 'Open Sans', sans-serif;
    
    --espaco-horizontal-entre-conteudos: 1rem;
	--altura-minima-badges: 1.3rem;
	
	--tamanho-cabecalho-menu-mobile: 3rem;
    
}

*{
	font-family: var(--fonte-padrao);
	
    outline-color: var(--cor-de-foco);
    outline-width: thick;
    outline-offset: 1px;
}

html{
	height: 100%;
	overflow: hidden;
}

body {
    background-color: var(--cor-fundo-pagina);
	padding:0px; 
	margin:0px;
	height: 100%;
	--cor-atual-fundo-filtro-ativo: var(--cor-fundo-filtro-ativo);
	--cor-atual-texto-filtro-ativo: var(--cor-texto-filtro-ativo);
}

.ui-tooltip{
    font-size: 0.9rem;
}

.layoutPortalCliente{
    display: flex;
    height: 100%;
}

.margemPadraoConteudo{
 	margin-right: var(--margem-horizontal-conteudo-pagina);
 	margin-left: var(--margem-horizontal-conteudo-pagina);
 	margin-bottom: var(--espaco-vertical-entre-conteudos);
}

.bordaPadrao{
	border-radius: var(--border-radius-padrao);
}

.fontSize0-9{
	font-size: 0.9rem;
}

.layoutPaginaInteira{
    flex-shrink: 1;
    flex-grow: 1;
    overflow: auto;
}

.layoutConteudoPagina{
    min-width: var(--largura-minima-conteudo-pagina);
    flex-grow: 1;
}

.largura1rem{
	width: 1rem;
}

.ui-tooltip div.ui-tooltip-text{
	background-color: var(--cor-fundo-tooltip);
	color: var(--cor-texto-tooltip);
}

.ui-tooltip-right div.ui-tooltip-arrow{
	border-right-color: var(--cor-fundo-tooltip);
}

.ui-tooltip-left div.ui-tooltip-arrow{
	border-left-color: var(--cor-fundo-tooltip);
}

.ui-tooltip-bottom div.ui-tooltip-arrow{
	border-bottom-color: var(--cor-fundo-tooltip);
}

.ui-tooltip-top div.ui-tooltip-arrow{
	border-bottom-color: var(--cor-fundo-tooltip);
}

.ui-blockui-content {
    font-size: 0.9rem;
}

.ui-selectonemenu-panel{
	font-size: 0.8rem;
}

.selectPortal.ui-selectonemenu.ui-state-default{
    margin-bottom: var(--espaco-vertical-entre-elementos-do-datatable-portal);
    border: 1px solid var(--cor-da-borda-dos-selects)!important;
    box-shadow: none;
    background-color: var(--cor-de-fundo-dos-selects);
    margin: 0;
    min-width: 15px!important;
}

.selectPortal.ui-selectonemenu:hover{
	background-color: var(--cor-de-fundo-dos-selects-sobre-mouse);
    border: 1px solid var(--cor-da-borda-dos-selects-sobre-mouse)!important;
}

.selectPortal.ui-selectonemenu > .ui-selectonemenu-label{
	font-size: 0.9rem;
    text-overflow: ellipsis;
}

.selectPortal.ui-selectonemenu.ui-state-focus, .selectPortal.ui-selectonemenu[aria-expanded=true], .selectPortal:focus{
    background-color: var(--cor-padrao-conteudos-pagina);
    border: 1px solid var(--cor-secundaria)!important;
}

.selectPortal > .ui-selectonemenu-label{
    box-shadow: none;
    background-color: transparent;
    color: var(--cor-de-texto-dos-selects);
}

.selectPortal:hover > .ui-selectonemenu-label{
    color: var(--cor-de-texto-dos-selects-sobre-mouse);
}

.selectPortal:hover > .ui-selectonemenu-label, .selectPortal.ui-selectonemenu.ui-state-focus .ui-selectonemenu-label{
	color: var(--cor-padrao-texto-sobre-mouse);
}

.selectPortal > .ui-selectonemenu-trigger{
    border: none;
    background-color: transparent;
}

.panelSelectPortal.ui-selectonemenu-panel{
	border-radius: 0;	
	background-color: var(--cor-de-fundo-do-menu-dos-selects);
    border-color: var(--cor-da-borda-do-menu-dos-selects);
}

.panelSelectPortal > div> ul{
	background-color: var(--cor-de-fundo-do-menu-dos-selects);
}

.panelSelectPortal.ui-selectonemenu-panel.ui-widget > .ui-selectonemenu-filter-container{
	display: flex;
	align-items: center;
    border-bottom: 1px solid var(--cor-da-borda-do-menu-dos-selects);
    padding-top: .5em;
}

.panelSelectPortal.ui-selectonemenu-panel .ui-selectonemenu-filter {
    width: 85%;
    padding-right: 15px;
    border: none;
    box-shadow: none!important;
    color: var(--cor-padrao-texto);
}

.panelSelectPortal.ui-selectonemenu-panel .ui-selectonemenu-list-item{
	padding: 0.5rem;
	color: var(--cor-padrao-texto);
	border-radius: 0;
	border: 1px solid transparent;
}

.panelSelectPortal.ui-selectonemenu-panel .ui-selectonemenu-list-item:not(.ui-state-highlight):hover, .panelSelectPortal.ui-selectonemenu-panel .ui-selectonemenu-list-item:not(.ui-state-highlight):focus{
	background-color: var(--cor-de-fundo-da-linha-datatable-portal-sobre-mouse);
	color: var(--cor-padrao-texto-sobre-mouse);
}

.panelSelectPortal.ui-selectonemenu-panel .ui-selectonemenu-list-item:active{
	outline: none;
	border: 1px solid var(--cor-secundaria);
}

.panelSelectPortal.ui-selectonemenu-panel .ui-state-highlight{
	background-color: var(--cor-primaria);
	color: var(--cor-texto-para-fundo-com-cor-primaria);
}

.panelSelectPortal.ui-selectonemenu-panel .ui-selectonemenu-list {
    padding: 0;
}

.panelSelectPortal.ui-selectonemenu-panel span.ui-icon.ui-icon-search{
    background: var(--cor-padrao-texto);
    -webkit-mask-image: url(/skynet/img/icons/Lupa.svg);
    -webkit-mask-size: contain;
    mask-image: url(/skynet/img/icons/Lupa.svg);
    mask-size: contain;
    position: unset;
    margin-right: 0.2rem;
}

.ui-widget.ui-shadow {
    -moz-box-shadow: 0 7px 10px 0px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 7px 10px 0px rgb(0 0 0 / 15%);
    box-shadow: 0 7px 10px 0px rgb(0 0 0 / 15%);
}

.labelFiltroAvancadoPortal{
	font-size: 0.9rem;
}

.juntarComponentes{
	display: flex;
	align-items: center;
}

.juntarComponentes > *, .juntarComponentes > .selectPortal.ui-selectonemenu,  .juntarComponentes > .ui-widget{
	margin-right: 4px;
}

.ui-inputfield.ui-inputtext, .ui-inputfield.ui-password, .calendarPortal .ui-inputfield{
    border: 1px solid var(--cor-da-borda-padrao-dos-inputs);
    box-shadow: none;
    color: var(--cor-de-texto-padrao-dos-inputs);
    font-size: 0.9rem;
    background-color: var(--cor-de-fundo-padrao-dos-inputs);
}

.ui-inputfield.ui-inputtext::placeholder, .ui-inputfield.ui-password::placeholder, .calendarPortal .ui-inputfield::placeholder{
	color: var(--cor-do-placeholder-padrao-dos-inputs);
}

.ui-inputfield.ui-widget, .ui-inputfield.ui-corner-all{
    padding: var(--padding-dos-inputs);
}

.ui-messages {
    font-size: 0.8rem!important;
}

.indexMsgs, .editMsgs, .detailsMsgs{
 	margin-right: var(--margem-horizontal-conteudo-pagina);
 	margin-left: var(--margem-horizontal-conteudo-pagina);
 	margin-bottom: var(--espaco-vertical-entre-conteudos);
}

.conteudoPagina, .ui-widget.conteudoPagina{
	background-color: var(--cor-padrao-conteudos-pagina);
	color: var(--cor-padrao-texto);
	font-size: 0.9rem;
	margin-bottom: var(--espaco-vertical-entre-conteudos);
	border-radius: var(--border-radius-padrao);
	padding: 0.9rem;
}

.linkSimples{
	--local-cor-texto: var(--cor-padrao-texto);
	--local-cor-texto-sobre-mouse: var(--cor-padrao-texto-sobre-mouse);
	text-decoration: none;
	color: var(--cor-padrao-texto);
	font-family: var(--fonte-padrao);
	transition: all 0.3s;
}

.linkSimples.sublinhado{
	text-decoration: underline;
}

.linkSimples:hover, .linkSimples:focus{
	text-decoration: underline;
	color: var(--local-cor-texto-sobre-mouse);
}

#corpoSistema .ui-messages > * {
	--local-cor-texto: var(--cor-texto-para-fundo-azul);
	--local-cor-fundo: var(--cor-azul);
    color: var(--local-cor-texto);
    background-color: var(--local-cor-fundo);
    border-color: transparent;
    display: grid;
    grid-template-columns: 1.5rem auto 1rem;
    grid-template-areas: "icon text close";
    align-items: center;
    grid-gap: 1rem;
    padding-left: 0.7rem;
    text-align: justify;
}

#corpoSistema .ui-message {
    --local-cor-texto: var(--cor-texto-para-fundo-azul);
    --local-cor-fundo: transparent;
    color: var(--local-cor-texto);
    background-color: var(--local-cor-fundo);
    border-color: transparent;
    display: grid;
    grid-template-columns: 1.5rem auto;
    grid-template-areas: 'icon text';
    grid-gap: 0.5rem;
    padding-left: 0.7rem;
    font-size: 0.8rem;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.2rem;
    text-align: justify;
    align-items: center;
}

#corpoSistema .ui-messages-error, #corpoSistema .ui-message-error {
	--local-cor-texto: var(--cor-texto-para-fundo-vermelho);
	--local-cor-fundo: var(--cor-vermelha-forte);
}

#corpoSistema .ui-messages-warn, #corpoSistema .ui-message-warn{
	--local-cor-texto: var(--cor-texto-para-fundo-laranja);
	--local-cor-fundo: var(--cor-laranja);
}

#corpoSistema .ui-message-info, #corpoSistema .ui-message-warn, #corpoSistema .ui-message-error{
    padding: 4px 12px;
}

#corpoSistema .ui-messages-close{
	grid-area: close;
}

#corpoSistema .ui-messages > * > ul {
	grid-area: text;
	margin: 0;
}

#corpoSistema .ui-messages-info-icon, #corpoSistema .ui-message-info-icon{
	grid-area: icon;
	background-color: var(--local-cor-texto);
    background-image: none;
	-webkit-mask-image: url('/skynet/img/icons/Icon-Info.svg');
	mask-image: url('/skynet/img/icons/Icon-Info.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
	margin-top: 0px;
    width: 1.5rem;
    height: 1.5rem;
}

#corpoSistema .ui-messages-error-icon, #corpoSistema .ui-message-error-icon{
	grid-area: icon;
	background-color: var(--local-cor-texto);
    background-image: none;
	-webkit-mask-image: url('/skynet/img/icons/Icon-Error.png');
	mask-image: url('/skynet/img/icons/Icon-Error.png');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
	margin-top: 0px;
    width: 1.5rem;
    height: 1.5rem;
}

#corpoSistema .ui-messages-warn-icon, #corpoSistema .ui-message-warn-icon{
    grid-area: icon;
    background-color: var(--local-cor-texto);
    background-image: none;
    -webkit-mask-image: url(/skynet/img/icons/Icon-Warn.svg);
    mask-image: url(/skynet/img/icons/Icon-Warn.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: relative;
    top: 0.2rem;
    width: 1.5rem;
    height: 1.5rem;
}

#corpoSistema .ui-messages > * > ul > li > span{
	font-weight: normal;
	margin: 0;
}

#corpoSistema .ui-icon-close{
	background-color: var(--local-cor-texto);
    background-image: none;
	-webkit-mask-image: url('/skynet/img/icons/Icon-Close.svg');
	mask-image: url('/skynet/img/icons/Icon-Close.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 0.5rem;
    height: 0.5rem;
}

/* width */
.scrollBarSimples::-webkit-scrollbar,
.ui-selectonemenu-items-wrapper::-webkit-scrollbar {
	width: 8px;
}

/* Track */
.scrollBarSimples::-webkit-scrollbar-track,
.ui-selectonemenu-items-wrapper::-webkit-scrollbar-track {
    background: var(--cor-da-barra-de-scroll);
}
 
/* Handle */
.scrollBarSimples::-webkit-scrollbar-thumb,
.ui-selectonemenu-items-wrapper::-webkit-scrollbar-thumb {
    background: var(--cor-da-thumb-da-barra-de-scroll);
    border: 1px solid transparent;
    border-top: none;
    width: 6px;
    border-bottom: none;
}

/* Handle on hover */
.scrollBarSimples::-webkit-scrollbar-thumb:hover,
.ui-selectonemenu-items-wrapper::-webkit-scrollbar-thumb:hover {
    background: var(--cor-da-thumb-da-barra-de-scroll-sobre-mouse);
}

/* Activate on hover */
.scrollBarSimples::-webkit-scrollbar-thumb:active,
.ui-selectonemenu-items-wrapper::-webkit-scrollbar-thumb:active {
    background: var(--cor-da-thumb-da-barra-de-scroll-clicada);
}


.panelAvisoPadrao{
    color: var(--cor-laranja);
    border: 1px solid var(--cor-laranja);
    border-radius: var(--border-radius-padrao);
    display: flex;
    align-items: center;
    padding: 0.7rem;
    text-decoration: none;
    transition: all 0.3s;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    font-size: 0.75rem;
    min-width: var(--largura-minima-desejavel-dos-conteudos);
}

.panelAvisoPadrao__conteudo{
	overflow: hidden;
}

.panelAvisoPadrao__titulo{
	text-overflow: ellipsis;
    overflow: hidden;
}

.panelAvisoPadrao:hover, .panelAvisoPadrao:focus{
    background-color: #ff750014;
    outline: none;
}

.panelAvisoPadrao > div{
	display: inline-block;
	vertical-align: middle;
}

.panelAvisoPadrao__icone{
	margin-right: 0.7rem;
    margin-left: 0.5rem;
	position: relative;
}

.panelAvisoPadrao__icone > .iconePortal{
    width: 3rem;
    height: 2.5rem;
}

.panelAvisoPadrao__qtde {
    background-color: var(--cor-vermelha);
    border-radius: 100%;
    padding: 0.2rem;
    color: white;
    font-size: 0.6rem;
    font-weight: bold;
    position: absolute;
    right: -0.4em;
    bottom: -0.5em;
    min-width: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.badgePadrao{
	min-width: var(--largura-minima-botao);
	min-height: var(--altura-minima-botao);
	padding: 0px 4px;
    min-height: var(--altura-minima-badges);
    border: 1px solid black;
    display: flex;
    align-items: center;
    justify-content: center;
}

.badgePadraoCinza{
	background-color: var(--cor-cinza-fraca);
	color: var(--cor-cinza);
	border-color: var(--cor-cinza-fraca);
}

.badgePadraoVermelha{
	background-color: var(--cor-vermelha-fraca);
	color: var(--cor-vermelha);
	border-color: var(--cor-vermelha-fraca);
}

.badgePadraoAzul{
	background-color: var(--cor-azul-fraca);
	color: var(--cor-azul);
	border-color: var(--cor-azul-fraca);
}

.badgePadraoVerde{
	background-color: var(--cor-verde-fraca);
	color: var(--cor-verde);
	border-color: var(--cor-verde-fraca);
}

.badgePadraoLaranja{
	background-color: var(--cor-laranja-fraca);
	border-color: var(--cor-laranja-fraca);
	color: var(--cor-laranja-forte);
}

.containerCalendarPortal {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.calendarPortal {
	display: flex;
    align-items: center;
    margin-right: 3px;
    flex-grow: 1;
}

.calendarPortal .ui-inputfield{
	margin-right: 0.1rem;
    text-align: center;
    flex-grow: 1;	
}

.calendarPortal button{
	display: none;
}

.ui-datepicker{
    font-size: 0;
    width: 15rem!important;
    background: var(--cor-padrao-conteudos-pagina);
    color: var(--cor-texto-padrao-conteudos-pagina);
    border: none!important;
    margin-top: 3px!important;
    box-shadow: 0px 3px 5px rgb(0 0 0 / 30%);
    border-radius: 0;
}

.ui-datepicker-header{
	font-size: 0.9rem;
	background: var(--cor-primaria)!important;
	border: none!important;
	color: var(--cor-texto-para-fundo-com-cor-primaria);
	z-index: 2;
}

.ui-datepicker th{
	background: var(--cor-primaria)!important;
	color: var(--cor-texto-para-fundo-com-cor-primaria)!important;
    border-bottom: none!important;
}

.ui-datepicker-buttonpane{
	font-size: 0.9rem;
}

.ui-timepicker-div{
	font-size: 0.9rem;;
}

#corpoSistema .ui-timepicker-div dl {
    text-align: left;
    display: grid;
    grid-template-columns: repeat(1, 4rem 1fr);
    padding: 0px 12px;
    grid-row-gap: 15px;
    align-items: center;
}

#corpoSistema .ui-timepicker-div dl dt{
	float: none;
	padding: 0;
	margin: 0;
	font-size: 0.8rem;
}

#corpoSistema .ui-timepicker-div dl dd{
	margin: 0;
	padding: 0;	
}

td[data-handler=selectDay] {
    border: none!important;
}

#corpoSistema td[data-handler=selectDay] > a{
    border-right: 1px solid var(--cor-padrao-conteudos-pagina)!important;
    background: var(--cor-cinza-fraca);
    color: #5f5f5f;
    text-shadow: none!important;
    font-weight: normal!important;
}

td[data-handler=selectDay]:first-child > a{
    border-left: 1px solid var(--cor-padrao-conteudos-pagina)!important;
}

#corpoSistema .ui-datepicker-calendar{
	margin-top: -2px!important;
}

.ui-datepicker-calendar tr{
	border-bottom: 1px solid var(--cor-padrao-conteudos-pagina);
}

.ui-datepicker-calendar > thead > tr{
    box-shadow: 0px 2px 5px rgb(0 0 0 / 30%);
    transform: scale(1);
    border-top: none;
}

#corpoSistema .ui-datepicker-current-day a {
    background-color: var(--cor-primaria)!important;
    box-shadow: none!important;
    color: var(--cor-texto-para-fundo-com-cor-primaria)important;
}

#corpoSistema .ui-datepicker .ui-datepicker-buttonpane button {
    margin: .5em .2em 0.5em;
    padding: .3em .6em .3em .6em;
    font-size: 0.8rem!important;
    font-weight: normal;
}

#corpoSistema .ui-slider {
    background: var(--cor-cinza-fraca);
    border: 1px solid #0000001f;
    box-shadow: none;
}

#corpoSistema .ui-slider-horizontal .ui-slider-handle {
    top: -.2em;
    margin-left: -.2em;
    background: var(--cor-primaria);
    border-radius: 100%;
    height: 1rem!important;
    width: 1rem!important;
    box-shadow: 1px 1px 2px #0000009e;
}

.linkAlterarImagemPerfil {
    text-decoration: none;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.8rem;
}

.linkAlterarImagemPerfil > .iconePortal{
	position: absolute;
    --z: 2rem;
    width: var(--z);
    height: var(--z);
    right: 0;
    bottom: 1.1rem;
    background-color: var(--cor-cinza);
}

.linkAlterarImagemPerfil > .iconeUsuario{
	width: 5rem;
	height: 5rem;
}

.linkAlterarImagemPerfil > *:last-child{
    margin-top: 3px;
    color: var(--cor-padrao-texto);
    text-decoration: none;
    transition: all 0.3s;
}

.linkAlterarImagemPerfil:hover > *:last-child{
	text-decoration: underline;
}

.iconeUsuario {
    border-radius: 100%;
    background-color: white;
    box-shadow: 0px 0px 2px 0 black;
    /*border: 1px solid #868686;*/
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    flex-shrink: 0;
}

.iconeUsuario > img {
    max-width: 100%;
    max-height: 100%;
}

.iconeUsuario > img.iconePadrao {
    width: 80%;
    height: 80%;
}

.textoMedio{
	font-size: 0.8rem;
}

.contextMenuPortal{
    font-size: 0.9rem;
    border-radius: 0;
    background: var(--cor-de-fundo-do-menu-contexto);
    color: var(--cor-de-texto-do-menu-contexto);
    border-color: var(--cor-da-borda-do-menu-contexto);
    padding: 0!important;
}

.contextMenuPortal .ui-menuitem{
	display: flex;
}

.contextMenuPortal .ui-menuitem-link.ui-state-hover{
	background-color: var(--cor-de-fundo-do-item-menu-contexto-sobre-mouse)!important;
	color: var(--cor-de-texto-do-item-menu-contexto-sobre-mouse);
}

.contextMenuPortal .ui-menuitem-link:focus{
	border: 1px solid var(--cor-da-borda-do-item-menu-contexto-clicado);
}

.contextMenuPortal .ui-menuitem-link{
	border-radius: 0;
    width: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0.7rem 0.4rem!important;
    color: var(--cor-de-texto-do-menu-contexto);
}

.contextMenuPortal .ui-menuitem-icon{
    margin-right: 0.2rem;
}

.simplesDialogPortal{
	font-size: 0.9rem;
}

.ui-dialog.simplesDialogPortal > div.ui-dialog-titlebar{
	padding: 0;
}

.ui-dialog.simplesDialogPortal > div.ui-dialog-content{
    padding-bottom: 0.7rem;
}

.layoutPaginaTamanhoAjustavel{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.ui-progressbar-label{
	font-size: 0.9rem;
}

.labelProcessoAtivo, .labelProcessoInativo{
	font-size: 0.9rem;
}