@CHARSET "ISO-8859-1";

html {
	height: 100%;
}

body {
	height: 100%;
	padding: 0px;
	margin: 0px;
	font-family: Open Sans, Arial, sans-serif !important;
	color: rgba(0,0,0,0.87) !important;	
}

.ui-shadow {
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.09) !important; 
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.09) !important;
}

.ui-tooltip-text {
	font-size: 14px !important;
	font-weight: bold;
}

.ui-widget, .ui-widget .ui-widget {
	font-size: 14px !important;
	font-family: Open Sans, Arial, sans-serif !important;
}

.ui-dialog-mask {
	opacity: 0.20 !important;
}

.corpoSistema {
	display: flex; 
	height: 100%; 
	flex-flow: column;
}

.containerScrollable {
	flex: 1; 
	overflow: auto; 
	background-color: #EEECE8;
}

.containerMenuPageContent {
	display: flex; 
	flex: 1;
	width: 100%; 
	position: relative;
	min-height: calc(100% - 50px);
}

.containerMenuPageContentComBarraRetOrg {
	display: flex; 
	flex: 1;
	width: 100%; 
	position: relative;
	min-height: calc(100% - 106px);
}

.headerVisDadosTodasOrg {
	background-color: red; 
	text-align: center; 
	padding: 10px; 
	color: white;
}

.headerVisDadosTodasOrg .lblVisDadosTodasOrg {
	font-size: 14px !important;
}

.headerVisDadosTodasOrg .btnVisDadosTodasOrg {
	margin-left: 15px; 
	height: 20px; 
	color: white; 
	font-weight: normal; 
	font-size: 14px !important;
	padding: 4px;
	border-radius: 4px;
	text-decoration: none;
}

.btnVisDadosTodasOrg:hover {
	background-color: #e40000;
}

.colunaPageContent {
	width: 100%; 
	overflow: auto;
	position: relative;
	background-color: #EEECE8;
}

.headerSistema {
	height: 48px; 
	color: white; 
	z-index: 100; 
	position: relative;		
}

.panelMenuMaisOpcoes {
	width: 260px;
	left: 0px;
}

.panelMenuMaisOpcoes .ui-overlaypanel-content {
	padding: 0px !important;
	max-height: 400px;
    overflow: auto;
}

.linkMenuMaisOpcoes {
	width: 32px; 
	height: 32px;
}

.btnMenuMaisOpcoes {
	border-radius: 100%;
    width: 32px;
    height: 32px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btnMenuMaisOpcoes:hover {
	background-color: rgba(0, 0, 0, 0.1);
	transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
}

.btnConfAcao {
	font: normal normal normal 14px Open Sans;
	text-decoration: none;
	padding: 10px 10px;
	border-radius: 2px;
	min-width: 114px;
	display: inline-block;
	color: white !important;
	margin-left: 20px;
	text-align: center;
}

.btnConfAcao:hover {
	opacity: 0.8;
	transition: 300ms;    					
}

.btnConfAcao:active {
	opacity: 0.9;
}

.btnCancAcao {
	font: normal normal normal 14px Open Sans;
    text-decoration: none;
    padding: 9px 10px;
    border-radius: 2px;
    border: 1px solid;
    min-width: 112px;
    display: inline-block;
    text-align: center;
}
				
.btnCancAcao:hover {
	background-color: #f4f4f4;		
	transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;			
}

.btnCancAcao:active {
	background-color: #eeeeee;					
}

.itemMenu {
	display: block; 
	text-decoration: none;
	color: #616161;
	font-size: 15px !important;
	font-family: Open Sans, Arial, sans-serif !important;
	font-weight: bold;
	overflow: auto;
}

.itemMenuDivTexto {
	float: left;
	line-height: 41px;
	height: 41px;
	width: 180px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: visible;	
}
																																																
.itemMenu span {
	margin: 10px 14px 0px 22px;
	font-size: 20px;
	float: left;
}
																																																																								
.itemMenu:hover {
	background-color: #f5f5f5;	
}

.itemMenuSelecionado {
	background-color: #f5f5f5;	
}

.ui-growl {
	top: auto !important;
    bottom: 20px !important;
	left: 20px !important;
	z-index: 2000 !important;
}

.ui-growl-item {
	background-color: #202124 !important;
	width: 386px;
	border-radius: 5px;
}

.ui-growl-message {
	padding: 0px !important;
	width: 360px !important;
	float: none !important;
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 14px !important;
    color: white !important;
}

.ui-growl-item-container {
	border: none !important;
	background: none !important;
	width: 415px;
}

.ui-growl-image {
	visibility: hidden;
	width: 0px !important;
}

.ui-growl-icon-close {
	
	display: inline-block !important;
	
	background: none;
	background-image: url("/portal/img/icones/fechar_24_branco.png") !important;
			
	height: 24px;
	width: 24px;
	
	position: relative !important;
	top: auto;
	right: auto;
	
	float: right;
		
}

.ui-confirm-dialog .ui-dialog-content {
	padding: 0px !important;
}

.dlgConfirmacao .ui-dialog-titlebar {
	height: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.dlgConfirmacao .ui-dialog-titlebar-close {
	visibility: hidden;
}

.dlgConfirmacao .ui-icon {
	visibility: hidden;
    width: 0px;
    height: 0px;    
}

.dlgConfirmacao .ui-dialog-buttonpane {
	padding: 25px !important;
    border: none !important;
}

.dlgConfirmacao .ui-confirm-dialog-message {
	margin-top: 25px !important;
	margin-left: 25px !important;
	margin-right: 25px !important;
}

.linkAcao {
	text-decoration: none !important;
	transition: 300ms;
  	border-bottom: 1px solid transparent;
}

.tituloH3 {
	font-family: Open Sans, Arial, sans-serif !important;
	font-weight: bold; 
	color: #616161; 
	font-size: 20px;
}

.tituloH2 {
	font-family: Open Sans, Arial, sans-serif !important;
	color: #616161; 
	font-size: 18px;
}

.tituloH1 {
	font-family: Open Sans, Arial, sans-serif !important;
	color: #616161; 
	font-size: 16px;
}

.btnEditarImg{
    background-color: rgba(0, 0, 0, 0.54);
    cursor: pointer;
    color: rgb(255, 255, 255);
    display: block;
    font-size: 9px;
    height: 9px;
    text-align: center;
    user-select: none;
    padding: 3px 10px 9px;
    top: -24px;
    font-weight: bold;
    position: relative;
}

.btnContainerImg, .btnContainerImg128{
    border-radius: 50%;
    height: 96px;
    width: 96px;
    overflow: hidden;
    cursor: pointer;
    background: white;
}

.btnContainerImg128{
	height: 128px;
    width: 128px;
}

.ui-button.ui-widget.ui-button.ui-state-default.btnWhite {
    background: #ececec;
    background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%);
    text-shadow: none;
    border: 1px solid #989898;
    color: #555555;
    box-shadow: none!important;
}

.ui-button.ui-widget.ui-button.ui-state-default.btnWhite:hover {
    background: #f1f1f1;
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
}

.ui-button.ui-widget.ui-button.ui-state-default.btnWhite:focus {   
    background: #ececec!important;
    background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%)!important;
    color: #555!important;
}

.ui-button.ui-widget.ui-button.ui-state-default.btnWhite:active {
    background: #ececec !important;
    outline-color: transparent;
    color: #555!important;
    box-shadow: inset 0 0 2px gray!important;
}

.btnWhite .ui-button-text{
    text-shadow: none!important;
}

.autCompPesquisa {
	margin: 2px 0px 2px 20px;
}

.autCompPesquisa input {
	
	height: 44px;
	width: 720px !important;
							
	padding-left: 42px;
	border: none !important;
	box-shadow: none !important;
	
	background-color: rgb(255, 255, 255, 0.3);
	transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    font-weight: bold;
                
    background-image: url('/portal/img/icones/search_grey_38.png');
    background-position: 11px 11px;
    background-repeat: no-repeat;
    background-size: 22px 22px;
                                                        
}

.autCompPesquisa input:focus {
	border-radius: 5px 5px 0px 0px;
	background-color: #FFFFFF !important;
	transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    opacity: 1 !important;
}

.panelAutCompPesquisa {
	padding: 10px 0px 10px 0px;
	border-radius: 0px;
	width: 718px !important;
}

.panelAutCompPesquisa .ui-state-highlight {
	background-color: #eeeeee;
	border: none !important;
	color: rgba(0,0,0,0.87) !important;	
}

.panelAutCompPesquisa .ui-autocomplete-item {
	border: none !important;
}

.panelAutCompPesquisa td {
	border: none !important;
	font-size: 15px !important;
	padding: 10px 0px 10px 20px !important;
	color: #5b5a5a !important;
	font-family: Open Sans, Arial, sans-serif !important;	
}

.subTitPesqGeral {
	font-size: 12px !important;
}

.ui-blockui {
	background-color: white;
	background-image: none;	
}

.ui-blockui-content {
	background: none !important;
	box-shadow: none !important;
    border: none !important;
}

.ui-panelgrid-cell {
	padding: 0px !important;
	border: none !important;
}

.ui-panelgrid .ui-widget-content {
	border: none !important;
}

.panelDadosUsuarioLogado {
	width: 440px;
}

.panelDadosUsuarioLogado .footer {
	background-color: #f9f9f9; 
	text-align: right; 
	margin: 0px -14px -7px -14px; 
	padding: 14px;
}

.panelDadosUsuarioLogado .footer .btnTermosPrivacidade  {
	float: left;
}

.panelDadosUsuarioLogado .divContainer {
	overflow: auto;
}

.panelDadosOrgLogada {
	width: 350px;
}

.panelDadosOrgLogada .divContainer {
	overflow: auto;
	padding: 7px 13px 7px 13px;
}

.panelDadosOrgLogada .divImgOrgLogada {
	float: left; 
	padding: 14px 0px 16px 6px;
}

.panelDadosOrgLogada .divImgOrgLogada .img {
	width: 96px;
	height: 96px;
}

.panelDadosOrgLogada .divImgOrgLogada .naoClicavel {
	cursor: default;
}

.panelDadosOrgLogada .divDadosOrgHeader {
	float: left; 
	padding: 24px 0px 24px 24px; 
	width: 190px;	
}

.panelDadosOrgLogada .divDadosOrgHeader .txtNome {
	font-weight: bold;
	color: rgba(0,0,0,0.67) !important;			
}

.panelDadosOrgLogada .divDadosOrgHeader .txtCrPor {
	color: #666;	
}

.panelDadosOrgLogada .ui-overlaypanel-content {
	padding: 0px !important;
}

.panelDadosOrgLogada .divOrg {
	background-color: #F5F5F5;
	border-bottom-style: solid;
    border-width: 1px;
    border-color: #C4C4C4;	
    padding: 10px 20px 10px 20px;
    overflow: auto;
}

.panelDadosOrgLogada .divOrg:hover {
	background-color: #EEEEEE;
}

.panelDadosOrgLogada .divOrg .divImgOrg {
	float: left;
	border-radius: 50%;
    height: 48px;
    width: 48px;
    overflow: hidden;
    background: white;
}

.divListaOrgsDisponiveis {
	max-height: 290px; 
	overflow: auto; 
	border-top-style: solid; 
	border-color: #C4C4C4; 
	border-top-width: 1px;	
}

.painelFiltroListaOrgsDisponiveis{
    border-top: 1px solid #c4c4c4;
    display: flex;
    align-items: center;
    width: 100%;
}

.divDadosOrgLogada {
	float: left;
	margin: 1px 0 0 10px;
    width: 235px;
}

.divDadosOrgLogada .txtNm {
	color: black;
}

.divDadosOrgLogada .txtCrPor {
	color: #666;
}

.panelDadosUsuarioLogado .divImgUsrLogado {
	float: left; 
	padding: 14px 0px 16px 6px;
}

.ui-calendar input {
	position: relative !important;
}

.ui-datepicker-trigger {
	height: 29px !important;
	width: 28px !important;
				
	border-width: 3px !important;
	border-radius: 2px !important;
	
	margin-left: -28px !important;
	
	margin-top: 0px !important;	
	top: -5px !important;
		    
    z-index: 1;
    right: -1px !important;    
}

.ui-datepicker-trigger.ui-button.ui-widget {
	box-shadow: none !important;
	position: absolute !important;
}

.ui-datepicker-cleaner {
	height: 29px !important;
	width: 28px !important;
	
	border-width: 3px !important;
	border-radius: 2px !important;
	
	margin-top: 0px !important;	
    
    z-index: 2;
    left: 1px;        
}

.ui-datepicker-cleaner.ui-button.ui-widget {
	box-shadow: none !important;
}

.panelDadosUsuarioLogado .divImgUsrLogado .img {
	width: 96px;
	height: 96px;
}

.panelDadosUsuarioLogado .divDadosUsrLogado {
	float: left; 
	padding: 24px 0px 24px 24px; 
	width: 280px;	
}

.panelDadosUsuarioLogado .divDadosUsrLogado .txtNome {
	font-weight: bold;
	color: rgba(0,0,0,0.67) !important;			
}

.panelDadosUsuarioLogado .divDadosUsrLogado .txtEmail {
	color: #666;
	word-break: break-word;
}

.headerSistema .divMinUsrLogado {
	float: right; 
	padding-right: 12px; 
	padding-top: 8px;
}

.headerSistema .divMinUsrLogado .divImg {
	border-radius: 50%;
    height: 32px;
    width: 32px;
    overflow: hidden;
    cursor: pointer;
    background: white;
}

.headerSistema .divMinUsrLogado .divImg .img {
	height: 32px;
	width: 32px;	
}

.imgMinUsrLogado {
	border-radius: 50%;
    height: 32px;
    width: 32px;
    overflow: hidden;
}

.imgMinUsrLogadoExt {
	border-radius: 50%;
    height: 32px;
    width: 32px;
    overflow: hidden;
    background-color: white;
}

.imgBigUsrLogado {
	border-radius: 50%;
    height: 96px;
    width: 96px;
    overflow: hidden;
}

.img48OrgLogada {
	border-radius: 50%;
    height: 48px;
    width: 48px;
    overflow: hidden;
}

.imgUsrLogado {
	border-radius: 50%;
    height: 128px;
    width: 128px;
    overflow: hidden;
}

.divCorpoEmail {
	padding: 20px; 
	margin-bottom: 20px; 
	border-style: solid; 
	border-width: 1px; 
	border-color: lightGray;
}

#btnUsrLogado{
	outline: none!important;
}

.ui-selectbooleancheckbox {
	width: 18px !important;
	height: 18px !important;
}

.ui-chkbox-icon.ui-icon {
    filter: hue-rotate(-40deg);
}

ul.ui-autocomplete-multiple-container.ui-widget.ui-inputfield.ui-state-default.ui-corner-all{
    overflow: auto;
}

li.ui-autocomplete-token.ui-state-active.ui-corner-all {
	margin-top: 4px;
}

li.ui-autocomplete-token.ui-state-active.ui-corner-all {
    border-radius: 10px;
    margin-left: 4px;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: rgb(213, 213, 213)!important;
}

.ui-autocomplete-multiple-container > .ui-autocomplete-input-token > input {
    width: 240px;
    margin-top: 3px;
}

.ui-autocomplete-input {
	width: 100% !important;
}

.tableExtAutoComplete {
	width: 100%;
}

.panelCarregParcialAutoComplete {
	margin-bottom: 8px; 
	width:100%; 
	text-align:center; 
	font-size: 12px; 
	font-weight: bold; 
	color: red;
}

.panelComponenteDetalhesOrganizacao {
	display: inline-flex;
}

.panelComponenteDetalhesOrganizacao .divTxt {
	padding: 1px 2px 2px 8px;
}

.panelComponenteDetalhesOrganizacao .divTxt .txtNome {
	font-weight: bold !important;
	color: rgba(0,0,0,0.67) !important;			
}

.panelComponenteDetalhesOrganizacao .divTxt .txtNomeExt {
	font-weight: bold !important;
	color: rgba(255,255,255,0.9) !important;			
}

.panelComponenteDetalhesOrganizacao .divTxt .txtCrPor {
	color: #666 !important;		
	font-weight: normal !important;
    font-style: italic !important;
}

.panelComponenteDetalhesOrganizacao .divTxt .txtCrPorExt {
	color: rgba(255,255,255,0.8) !important;
	font-weight: normal !important;
    font-style: italic !important;
}

.panelComponenteDetalhesOrganizacaoDivTxtBig {
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	padding: 1px 2px 2px 20px;
}

.panelComponenteDetalhesOrganizacaoDivTxtBig .txtNome {
	font-size: 24px; 
	font-weight: bold !important; 
	color: rgba(0,0,0,0.67) !important;
}

.panelComponenteDetalhesOrganizacaoDivTxtBig .txtCrPor {
	color: #666 !important; 
	font-weight: normal !important; 
	font-style: italic !important; 
	font-size: 14px;
}

.inputSemSombra {
	box-shadow: none !important;
}

.inputSemSombra .ui-inputfield {
	box-shadow: none !important;
}

.ui-inputfield {
	box-shadow: none !important;
}

.selectOneMenuSemBg {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
}
 		
.selectOneMenuSemBg label {
	background: none !important;
	border: none !important;
	box-shadow: none !important;				
	border-bottom-style: solid !important;
	border-bottom-width: 1px !important;
	border-radius: 0px;
	border-color: #d3d3d3 !important;				
}

.selectOneMenuSemBg .ui-selectonemenu-trigger {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    border-radius: 0px;
    border-color: #d3d3d3 !important;
}

.selectOneMenuFilter97 .ui-selectonemenu-filter-container {
	width: 97% !important;
}

.selectOneMenuFilter98 .ui-selectonemenu-filter-container {
	width: 98% !important;
}

.ui-dialog-maximized{
	left: 0px!important;
	top: 0px!important;
	bottom: 0px!important;
	right: 0px!important;
	width: auto!important;
	border-radius: 0px!important;
}

.ui-dialog-maximized > div{
	height: 100%!important;	
}

.ui-dialog-maximized > div > form{
	height: 100%!important;	
}

.ui-dialog-maximized > div > form > .divCorpoDlgManutencao{
	height: calc(100% - 125px)!important;	
}

.ui-messages-error .ui-messages-error-icon {
	display: none !important;
}

.ui-messages-error ul {
	margin: 0px !important;
}

.divTxtContadorRegressivoHeaderSistema {
	float: left; 
	text-align: center; 
	width: 285px; 
	margin-top: 5px;
}

.divDiasContadorRegressivoHeaderSistema {
	float: left; 
	text-align: center;
}

.divDiasContadorRegressivoHeaderSistema .txtDias {
	font-size: 25px;
}

.divImagemLogotipoHeaderSistema {
	float: left; 
	height: 48px; 
	display: flex; 
	align-items: center;
	margin-left: 30px;
}

.w-80-pct {
	width: 80%;
}

.pl-12-px {
	padding-left: 12px !important;
}

.mt-0-px {
	margin-top: 0px !important;
}

.mt-5-px {
	margin-top: 5px !important;
}

.mt-12-px {
	margin-top: 12px !important;
}

.mt-15-px {
	margin-top: 15px !important;
}

.mt-18-px {
	margin-top: 18px !important;
}

.mt-20-px {
	margin-top: 20px !important;
}

.mt-24-px {
	margin-top: 24px !important;
}

.mt-38-px {
	margin-top: 38px !important;
}

.mb-0-px {
	margin-bottom: 0px !important;
}

.mb-5-px {
	margin-bottom: 5px !important;
}

.mb-20-px {
	margin-bottom: 20px !important;
}

.ml-12-px {
	margin-left: 12px !important;
}

.ml-16-px {
	margin-left: 16px !important;
}

.ml-20-px {
	margin-left: 20px !important;
}

.ml-30-px {
	margin-left: 30px !important;
}

.ml-auto {
	margin-left: auto !important;
}

.mr-auto {
	margin-right: auto !important;
}

.mr-6-px {
	margin-right: 6px !important;
}

.mr-16-px {
	margin-right: 16px !important;
}

.mr-20-px {
	margin-right: 20px !important;
}

.mr-25-px {
	margin-right: 25px !important;
}

.mv-12 {
	margin: 12px 0px !important;
}

.fs-10 {
	font-size: 10px !important;
}

.fs-11 {
	font-size: 11px;
}

.fs-12 {
	font-size: 12px;
}

.fs-14 {
	font-size: 14px;
}

.fs-15 {
	font-size: 15px;
}

.fs-16 {
	font-size: 16px;
}

.fs-18 {
	font-size: 18px;
}

.fs-20 {
	font-size: 20px;
}

.fs-22 {
	font-size: 22px;
}

.fs-24 {
	font-size: 24px;
}

.fs-26 {
	font-size: 26px;
}

.fs-32 {
	font-size: 32px;
}

.fs-38 {
	font-size: 38px;
}

.fs-42 {
	font-size: 42px;
}

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

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

.txtAlCenter {
	text-align: center;
}

.txtAlRight {
	text-align: right;
}

.txtAlLeft {
	text-align: left;
}

.txtAlJustify {
	text-align: justify;
}

.txtEllipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.white-space-normal {
	white-space: normal;	
}

.btnDestacado {
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;		
	color: white !important; 
	padding: 10px 80px 10px 80px;
}

.btnDestacado:hover {
	opacity: 0.6;
	transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;					
}

.ui-inputgroup-addon {
	border-color: #a6a6a6 !important;
	background-color: #eaeaea !important;
    color: #333333 !important;
    border-radius: 0px 5px 5px 0px !important;
}

.divExternaBadge {
	display: flex; 
	justify-content: center;
}

.badge {
	display: inline-block;
	color: white;
    border-radius: 2px;
    font: normal normal normal 14px Open Sans;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0px 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ui-datatable-data .badge {
	width: 100% !important;
	padding: 0px !important;    
}

.badge span {
	margin-right: 2px;	
}

.badgeAguardando {
	background-color: #949495;
}

.badgeSucesso {
	background-color: #1f70b2;
}

.badgeFalha {
	background-color: #c24f55;
}

.badgeAmarelo {
	background-color: yellow;
	color: black !important;
}

.hrClean {
  height: 1px;
  color: #d9d9d9;
  background-color: #d9d9d9;
  border: none;	
}

.tooltipTexto {
	z-index: 100000 !important;
	position: absolute;
	display: block;	
}

.badgePreto {
	background-color: black;
}

.ui-div-icon {
	font-size: 19px; 
	color: #888888; 
	width: 100%;
    margin-top: -3px!important;
}

.ui-div-icon-disabled {
	opacity: 0.35;
}

.divSldNmOrgLogada {
	float: right; 
	color: white; 
	display: flex; 
	align-items: center; 
	margin: 12px 24px; 
	font: normal normal 600 12px Open Sans;
	height: 25px;
}

.divSldNmOrgLogada .imgCarteira {
	height: 18px; 
	margin-top: -3px;	
}

.divSldNmOrgLogada .divSld {
	padding-right: 24px; 
	margin: 0px 24px; 
	border-right: 1px solid white;			
}

.tipoIsencao > *:first-child{
	margin-right: 2px;
}

.ui-outputpanel-loading {
	background: none !important;
	background-image: url('/portal/img/ajax_indicators/rolling_white_24.gif') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.pMessageClean {
	background: none !important;
	border: none !important;
}

.pMessageClean .ui-message-error-icon {
	display: none !important;
}

.pMessageClean .ui-message-error-detail {
	margin-left: 0px !important;
	color: red !important;
}

.grip:hover {
	cursor: grab !important;
}
				
.grip:hover:active {
	cursor: grabbing !important;
}

.tabViewWithBorder > .ui-tabs-panels{
    border: 1px solid #d9d9d9;
    border-top: 0;
}

.btnConfPerfilHeader {
	float: left; 
	margin: -8px; 
	font-size: 15px !important; 
	color: rgba(0,0,0,0.67)!important;
}

.color-gray {
	color: gray;
}

.color-212121 {
	color: #212121;
}

::-webkit-scrollbar {
	width: 16px;
	height: 16px;
}

::-webkit-scrollbar-thumb {
 	border: 4px solid rgba(0, 0, 0, 0);
	background-clip: padding-box;
 	background-color: #606060;
	border-radius: 6px;	
}

::-webkit-scrollbar-track {
 	background-color: white;
}

.linkEstiloInput {
	border: solid 1px #d3d3d3; 
	display: inline-block; 
	border-radius: 4px;
	color: black; 
	padding: 5px; 
	padding-right: 12px;
}
														
.linkEstiloInput span {
	color: #585857;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 16px;
}
														
.linkEstiloInput:hover {
	border-color: #a6a6ac;
}

.ui-fluid .ui-inputfield {
	border-radius: 2px !important;
}

.ui-selectonemenu {
	border-radius: 2px !important;
}
			
.ui-selectonemenu-trigger {
	background: white !important;
 	border-left: none !important;
}

.ui-paginator-prev {
	background: none !important;
 	border-radius: 0px  !important;
}

.ui-paginator-next {
	background: none !important;
 	border-radius: 0px  !important;
}

.ui-paginator-rpp-options.ui-corner-left {
	background: none !important;
    border-radius: 0px !important;
    font-size: 14px !important;
}

.displayInlineBlock {
	display: inline-block;
}

.displayFlex {
	display: flex;
}

.displayNone {
	display: none;
}

.displayInlineFlex {
	display: inline-flex;
}

.alignItemsCenter {
	align-items: center;
}

.alignItemsFlexEnd {
	align-items: flex-end;
}

.alignAndJustifyCenter {
	align-items: center;
    justify-content: center;
}

.justifyContentFlexEnd {
	justify-content: flex-end;
}

.justifyContentCenter {
	justify-content: center;
}

.flexDirectionColumn {
	flex-direction: column;	
}

.roundIconePersonalizado {
	display: inline-block;
    border: 2px solid white;
    border-radius: 100%;
    height: 16px;
    width: 16px;
    padding: 2px;
    line-height: 16px;
}

.ui-state-highlight {
	background-color: #dadada !important;
	border-color: lightGray !important;
	color: black !important;
}

.linkSublinhado {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
						
.linkSublinhado div {
	text-decoration: none !important;
}
												
.linkSublinhado:hover {
	cursor: pointer;
}

.linkSublinhado:hover div {
	width: 100%;
}

.linkSublinhado_divSublinhado {
	width: 0%;
	height: 2px;
	transition: 150ms;
	margin-top: 4px;
}

.linkSemSublinhado {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
						
.linkSemSublinhado div {
	text-decoration: none !important;
	cursor: default;
}

.linkSemSublinhado_divSemSublinhado {
	width: 0%;
	height: 2px;
	transition: 150ms;
	margin-top: 4px;
}

.user-select-none {
	user-select: none;
 	-webkit-user-select: none;
  	-ms-user-select: none;
}

.color-black {
	color: black;
}

.color-white {
	color: white;
}

.color-585857 {
	color: #585857;
}

.color-636363 {
	color: #636363;
}

.color-313131 {
	color: #313131;
}

.color-BA3B4B {
	color: #BA3B4B;
}

.color-000000 {
	color: #000000;
}

.fw-bold {
	font-weight: bold;
}

.fw-normal {
	font-weight: normal;
}

.fst-italic {
	font-style: italic;
}

.fst-normal {
	font-style: normal;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.tachado {
	text-decoration: line-through;
}

.color-red {
	color: red;
}

.color-green {
	color: green;
}

.btnRetornarParaUltOrgImg {
	border-radius: 50%;  
	overflow: hidden; 
	background: white;
	height: 42px; 
	width: 42px;
}

.btnRetornarParaUltOrgIcon {
	z-index: 100; 
	font-size: 22px; 
	margin-right: -12px; 
	margin-bottom: -2px;
}

.btnRetornarParaUltOrg {
	color: white; 
	text-decoration: none; 
	padding: 7px 20px;
}

.btnRetornarParaUltOrgExt:hover {
	transition: 300ms;
	opacity: 0.6;
}

.btnTelaTrocaOrgExt {
	background-color: rgba(0, 0, 0, 0.1); 
	padding: 3px; 
	border-radius: 19px; 
	margin-right: 5px;
}

.btnTelaTrocaOrgLink {
	text-decoration: none !important; 
	color: white;
}

.ml-mr-10-px {
	margin-left: 10px; 
	margin-right: 10px;
}


.barraPesqBorder {
	border: 1px solid #FFFFFF; 
	border-radius: 14px; 
	height: 28px; 
	max-width: 628px;
}

.mt-8 {
	margin-top: 8px;
}

.mt-8-px {
	margin-top: 8px;
}

.userImg {
	border-radius: 50%;  overflow: hidden; background: white;
}

.size44 {
	height: 44px; width: 44px;
}

.size63 {
	width: 63px; height: 63px;
}

.size96 {
	height: 96px; width: 96px;
}

.borderTelaSemOrg {
	margin: 20px; 
	border-radius: 20px;
}

.itemMenuSemOrg {
	border-radius: 9px; 
	padding: 8px;
	font: normal normal 600 16px/26px Open Sans;
}

.menu_selecionado { 
	
}

.itemMenuSemOrg.menu_selecionado {
	background: rgb(0 0 0 / 7%);
	opacity: 0.8;
}

.itemMenuSemOrg:hover {
	background: rgb(0 0 0 / 7%);
	transition: 300ms;
	opacity: 0.8;
	cursor: pointer;
}

.itemMenuComOrg {
	border-radius: 9px;
	padding: 8px;
	font: normal normal 600 16px/20px Open Sans;
}

.itemMenuComOrg.menu_selecionado {
	background: rgb(0 0 0 / 7%);
	opacity: 0.8;
}

.itemMenuComOrg:hover {
	background: rgb(0 0 0 / 7%);
	transition: 300ms;
	opacity: 0.8;
	cursor: pointer;
}

.divBtnFotoUsrLogado {
	margin-top: 7px; 
	margin-right: 24px; 
	margin-left: 13px;
}

.barraAvisoCabecalhoSistema_divExterna {
	padding: 12px 0px 12px 0px;
	font-size: 14px;
	display: flex;
}

.barraAvisoCabecalhoSistema_divTexto {
	flex: 1;
	display: flex;
    justify-content: center;
    align-items: center;
    width: 99%;
}

.barraAvisoCabecalhoSistema_divBotao {
	margin-right: 16px;
}

@keyframes animacaoBtnTutorialCliqueParaAvancar {
	0%   { margin-left: 0px; }
	10%  { margin-left: 20px }
	20% { margin-left: 0px; }
	30%  { margin-left: 20px }
	40% { margin-left: 0px; }
}

.btnTutorialCliqueParaAvancar {
	animation-name: animacaoBtnTutorialCliqueParaAvancar;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-delay: 5s;
}