@CHARSET "ISO-8859-1";

body {
	background-color: #E3E3E3;
	padding:0px; 
	margin:0px;
}

.ui-widget, .ui-widget .ui-widget {
	font-size: 90% !important;
}

.ui-tooltip .ui-tooltip-text {
	color: #000000 !important;
	background-color:#FFFD9C !important;
}

.tooltipBranca .ui-tooltip-text {
	background-color:#FFFFFF !important;
}

.layoutMenuBar {	
	padding:0px !important;
	border-style: none !important;
   	box-shadow: 0px 5px 10px #888888;
}

.layoutMenuBar .ui-layout-unit-content {
	padding:0px !important;
	background-color: #E8E8E8;
}

.layoutPaginaInteira {
	padding:0px !important;
	border-style: none !important;
}

.layoutPaginaInteira .ui-layout-unit-content {
	background-color: #E3E3E3;
}

.layoutRodape {
	padding:0px !important;
	border-style: none !important;
	box-shadow: 0px -5px 10px #888888;
}

.layoutRodape .ui-layout-unit-content {
	padding:0px !important;	
	background-color: #E3E3E3;
}

.divPageContent {
	padding-left:10px; 
	padding-right:10px; 
	padding-top:8px;
}

.ui-menuitem-text {
	font-size:14px;
}

ul.ui-menu-child {
	white-space: nowrap;
	width: 320px !important;
}

.menuBarSkynet {
	border-style: none !important;
	border-radius: 0px;
	background-color: #E8E8E8;			
	vertical-align:middle;
	float:left;
}

.ui-menubar .ui-menu-child .ui-menuitem-link {
	width:97% !important;
}

.subMenuSkynet {
	padding:2px !important;
}

.menuItemSkynet {
	padding:6px !important;	
}

.ui-layout-north {  
    z-index:20 !important;  
    overflow:visible !important;;  
}  

.ui-layout-north .ui-layout-unit-content {  
    overflow:visible !important;  
}

.ui-selectonemenu-filter-container {
    width: 95% !important;  
    width: calc(100% - 32px)!important;  
}

.ui-selectonemenu-filter-container .ui-icon {
    right:12% !important;
    right: -10px!important;
    top: 11px !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter {
	width: 100%!important;	
}

.divFavIcon {
	padding:13px; 
	padding-right:15px;
	height: 18px; 
	float:left;
}

.divFavIcon:hover {
	background-color: #CFCFCF;
	cursor: pointer;
}

.divLogoutBarraMenu {
	padding:6px; 
	float:right;
}

.panelDadosUsuarioLogado {
	text-align:right; 
	margin-right:5px;
}

.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: none !important;
    border-radius: 0px;
    border-color: #d3d3d3 !important;
}

.labelNomeUsuarioLogado {
	font-weight:bold; 
	font-size:11px;
}

.labelNomeEmpresaSistema {
	margin-right:1px; 
	margin-top: 2px;
	font-size: 10px;		
}

.botaoAcessoRapido {
	width:28px; 
	height:24px;	
}

.divVersao {
	font-weight: bold; 
	font-size:11px; 
	padding:5px; 
	padding-right:10px;
	cursor: pointer;
	margin-right: 6px;
}

.separadorBotoesAcessoRapido {
	float: left; 
	margin-left: -5px; 
	padding-top: 4px;
}

.panelPageContent {
	min-height: 400px;
}

.divHeader {
	margin-left:10px; 
	margin-bottom:-15px;
}

.ui-selectonemenu .ui-selectonemenu-label {
	width: 92% !important;
	width: calc(100% - 25px)!important;
}

.divIconeNotificacao {
		
	min-width: 14px;
	height: 14px;
	font-size: 11px;
	float:right; 
	border-radius: 15px; 
	text-align: center; 
	color: white;
	margin-left: 3px;
	padding: 1px;
	border-style: solid;
	border-width: 1px;
	border-color: white;
						
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */

}

.hrClean {
	color: #D6D6D6;
	background-color: #D6D6D6;
	height: 1px;
	border-style: none;
	margin-top: 10px;
	margin-bottom: 10px;								
}

.pesquisaMenuPanel {
	padding: 10px !important;
}

.pesquisaMenuButton {
	height: 25px;
	width: 35px !important;
	border-radius: 0px 5px 5px 0px !important;
}

.pesquisaMenuLabel {
	font-weight: bold; 
	font-size: 16px;
}

.autoCompletePesquisaMenu input {
	height: 15px;
	border-radius: 5px 0px 0px 5px !important;
}

.ui-datatable-footer {
	border-top-style: solid !important;
	border-top-color: lightgray !important;
	border-top-width: thin !important;
}

.ui-layout-unit-header-title {
	font-size: 11px;	
}

.inputStatusUsuarioLogado {
	margin-top: 3px; 
	margin-bottom: 5px;
}

.divAtendimentoAtual {
	text-align: center; 
	margin-bottom: 5px; 
	margin-top: 2px; 
	font-size: 12px;
}

.msgBlockUiUsuarioStatus {
	font-weight: bold;
	color: red;	
}

.dataTableFilaPainelLateral tbody td {
	padding-left: 4px !important;
	padding-right: 0px !important;
}

.divPainelLateral {
	height: 50%;
}

.imgIconeUsuarioOnline {
	vertical-align: middle;	
}

.nmUsuarioOnline {
	font-size: 10px; 
	vertical-align: middle;
}

#layoutUsuarioStatus-resizer {
	background-color: #e3e3e3;
	border-color: lightGray;	
	border-left-style: solid;
	border-width: 0px 0px 0px 5px;
	border-radius: 0px;
}

#layoutUsuarioStatus-toggler {
	left: -3px !important;
}

.ui-tabs .ui-tabs-nav {
	display: inline-block;
	width: 100%;
}

.ui-button-text-icon-left .ui-button-text {
	padding: 0.4em 1em .4em 2.1em !important;
}

.ui-selectonemenu {
	padding-right: 0px !important;
}

.btnNotificacao {
	width:18px !important;
	height:18px !important;
	vertical-align:middle;
}

.ui-growl-title a {
	color: white !important;
	text-decoration: none !important;
}

.tabViewUsuariosOnlineFila .ui-tabs-panel {
	padding: 0px !important; 			
}

.tableUsuariosOnlineDivDepartamento {
	font-weight: bold;
	padding: 2px;
	padding-left: 5px;
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;	
  	margin-top: 5px;  		
}

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

.tableUsuariosOnlineIndicadorHierarquia {
	width: 5px; 
	height: 5px; 
	border-left-style: solid; 
	border-bottom-style: solid; 
	border-width: 1px; 
	float: left; 
	margin-left: 10px; 
	margin-top: 2px; 
	border-color: gray;
}

.panelTogglePainelLateral {
	text-align: center; 
	margin: 6px 3px -3px 3px; 
	background: #80808036; 
	border-radius: 5px; 
	padding: 5px 10px 5px 10px;
}

.panelTogglePainelLateral .label {
	display: inline-block; 
	vertical-align: middle; 
	cursor: pointer;
	margin-right: 7px;
}

.panelTogglePainelLateral .input {
	display: inline-block; 
	vertical-align: middle; 
	position: relative; 
	top: 1px;
}

.containerTags {
	display: flex;
	flex-wrap: wrap; 
	align-items: center;
	gap: 4px;
}

.panelTag {
	border-radius: 12px;
    display: flex;
    align-items: center;
    width: fit-content;
    min-width: fit-content;
	font-weight: bold;
	min-height: 18px;
	padding: 0px 4px 0px 0px;
	border: solid 1px #e4e4e4;	
}

.panelTag_divIconeseTexto {
	border-radius: 12px 0px 0px 12px;
	min-height: 18px;
	display: flex;
    align-items: center;
    padding-left: 4px;    
}

.panelTag_divBtnRemover {
	min-height: 18px;
	display: flex;
    align-items: center;
}

.ui-datepicker-today > .ui-state-default {
    background: #b1b1b1!important;
    color: white!important; 
    text-decoration: underline;
}

.ui-datepicker-today > .ui-state-default.ui-state-active {
    background: #7484ff!important;
    color: white!important;
    text-decoration: underline;
}

.divTableUsuariosOnlineLoading {
	width: 100%; 
	text-align: center; 
	padding-top: 80px;	
}

.linhaTableResumoFilaAtendimentos {
	overflow: auto; 
	border-style: solid; 
	border-width: 1px; 
	border-color: lightGray; 
	padding: 5px; 
	border-top-style: none;
}

.divEsquerdaTableResumoFilaAtendimentos {
	float: left;
	max-width: 185px;	
}

.divDireitaTableResumoFilaAtendimentos {
	float: right; 
	font-weight: bold; 
	font-size: 18px; 
	line-height: 30px; 
	padding-right: 3px;
}

.divExternaTabsPainelLateralUsuarioStatus {
	overflow: auto; 
	width: 100%; 
	border-bottom-style: solid; 
	border-bottom-color: lightGray; 
	border-bottom-width: 1px;
}

.tabPainelLateralUsuarioStatus {
	
	padding: 7px;
	float: left;		       						       						       						       						       				
	font-weight: bold;
			       						       						       						       						       						       						       						       						       						       				
	border-style: solid; 
	border-width: 1px; 
	border-color: lightGray;
	
	border-bottom-style: none;
			       						       						       						  		       						       						       						       						       						       				
}

.tabSelecionadaPainelLateralUsuarioStatus {

	padding-top: 5px !important;
			       						       						       						       						       						       			
	border-top-style: solid; 
	border-top-width: 3px; 
	border-top-color: #069fff;
	
}

.divExplicacaoPainelLateralUsuarioStatus {
	text-align: justify; 
	font-size: 10px; 
	padding: 5px; 
	font-style: italic;
}

.linhaTotalTableResumoFilaAtendimentos {
	background-color: #efefef;
	border-top-style: solid !important;
    margin-top: 9px;
}

.divDireitaTotalTableResumoFilaAtendimentos {
	float: right; 
	font-weight: bold; 
	padding-right: 3px;
}

.ui-tabs-custom > .ui-tabs-nav > .ui-state-default {
	margin-right: -1px;
}

.ui-tabs-custom > .ui-tabs-nav > .ui-tabs-no-selected:hover > a{
    color: black;
}

.ui-tabs-custom > .ui-tabs-nav > .ui-tabs-no-selected:hover{
    border: 1px solid #a6a6ac;
    background: #ededf0;
    font-weight: normal;
    border-bottom: none;
    height: 31px;
    color: black;
}

.toggleLabel {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transform: translate3d(0, 0, 0);
}
.toggleLabel:before {
	content: "";
	position: relative;
	top: 3px;
	left: 3px;
	width: 34px;
	height: 14px;
	display: block;
	background: #9A9999;
	border-radius: 8px;
	transition: background 0.2s ease;
}
.toggleLabel span {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	display: block;
	background: white;
	border-radius: 10px;
	box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);
	transition: all 0.2s ease;
}
.toggleLabel span:before {
	content: "";
	position: absolute;
	display: block;
	margin: -18px;
	width: 56px;
	height: 56px;
	background: rgba(79, 46, 220, 0.5);
	border-radius: 50%;
	transform: scale(0);
	opacity: 1;
	pointer-events: none;
}

.toggleCheckBox{
	display: none!important;					
}
.toggleLabel.checked:before {
	background: #069fff61;
}
.toggleLabel.checked span {
	background: #069fff;
	transform: translateX(20px);
	transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
	box-shadow: 0 3px 8px rgba(79, 46, 220, 0.2);
}
.toggleLabel.checked span:before {
	transform: scale(1);
	opacity: 0;
	transition: all 0.4s ease;
}

.badge {
	padding: 1px; 
	border-style: solid;
	border-radius: 6px;
	color: white;
}

.badgeVerde {
	border-color: green; 
	background-color: green; 
}

.badgeVermelho {
	border-color: red; 
	background-color: red; 
}

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

.badgeAzul {
	border-color: blue; 
	background-color: blue; 
}

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

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

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

.ui-widget.fs-12 {
	font-size: 12px !important;
}

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

.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;
}

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

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

.ml-8-px {
	margin-left: 8px !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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.txtAlCenter {
	text-align: center;
}

.txtAlRight {
	text-align: right;
}

.txtAlLeft {
	text-align: left;
}

.txtAlJustify {
	text-align: justify;
}

.widthFitContent {
	width: fit-content;
}

.displayFlex {
	display: flex;
}

.displayNone {
	display: none !important;	
}

.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;	
}

.flexDirectionRow {
	flex-direction: row;	
}

.flexWrap {
	flex-wrap: wrap;
}

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

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

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

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

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

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

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

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

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

.layoutRodape_barraRodape {
	padding-left: 6px; 
	height: 36px; 
	width: 100%; 
	display: flex; 
	align-items: center;
}

.btnAcessoRapido_externo {
	padding: 3px !important; 
	height: 15px !important; 
	min-width: 22px !important;
	display: flex !important;	
}

.btnAcessoRapido_imagem {
	margin-bottom: -4px; 
	max-height: 16px;
}

.btnAcessoRapido_label {
	font-weight: bold; 
	margin-left: 5px; 
	margin-right: 10px; font-size: 12px;
}

.lightBackgroundOnHover:hover {
	background-color: rgb(255, 255, 255, 0.3);	
}

.shadowOnHover:hover {
	box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}

.cursorPointerOnHover:hover {
	cursor: pointer;
}

.color-515151 {
	color: #515151;
}

.color-white {
	color: white;
}

.bgColor-272727 {
	background-color: #272727;
}

.bgColor-green {
	background-color: green;
}

.bgColor-red {
	background-color: red;
}

.gap-4-px {
	gap: 4px;	
}

.ui-datatable thead th.colunaSemPadding {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.ui-datatable tbody td.colunaSemPadding {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

/* CORRIGE A APARENCIA DOS ICONES FONT AWESOME NOS BOTOES DO PRIMEFACES */
.ui-icon.ui-c.fa.fa-fw {
	font-weight: normal !important;
	top: 58% !important;
}