@import 
	url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700');


/*Nosso CSS*/
	.ui-widget-header {
		background: #ffffff !important;
		font-weight: normal;
	}

	/*elementos da datatble*/
	/*
	.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
		border-top-left-radius: 0px !important;
	}
	.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
		border-top-right-radius: 0px !important;
	}
	.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
		border-bottom-left-radius: 0px !important;
	}
	.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
		border-bottom-right-radius: 0px !important;
	}
	*/
	.ui-paginator-page .ui-state-default, .ui-widget-content .ui-state-default,
		.ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover,
		html .ui-button.ui-state-disabled:active {
		background: #ffffff;
		color: #337ab7;
		font-size: 14px !important;
	}
	.ui-autocomplete-input {
		background: #ffffff !important;
	}
	.ui-column-filter .ui-state-focus {
		border-color: #66afe9;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
			rgba(102, 175, 233, .6);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
			rgba(102, 175, 233, .6)
	}
	.ui-column-filter {
		background: #ffffff !important;
	}
	.fundo-autocomplete .ui-state-focus {
		border-color: #66afe9;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
			rgba(102, 175, 233, .6);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
			rgba(102, 175, 233, .6)
	}
	a[class~="ui-state-active"] {
		background: #337ab7 !important;
		color: #ffffff !important;
	}
	th[role="columnheader"] {
		background: #ffffff;
		font-weight: 700;
		border-width: 2px !important;
		border-color: #F2F5F9 !important;
	}
	th[role="columnheader"][class~="ui-state-active"] {
	background: #337ab7;
		font-weight: 700;
		
		border-bottom-width: 2px !important;
	}
	.font-tabela {
		font-size: 16px !important;
		font-family: 'Roboto', sans-serif !important;
		font-style: normal;
	}
	.font-tabela-menor {
		font-size: 14px !important;
		font-family: 'Roboto', sans-serif !important;
		font-style: normal;
	}

	/*		
	.ui-state-default, .ui-widget-content .ui-state-default,
		.ui-widget-header, .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover,
		html .ui-button.ui-state-disabled:active {
		background: #ffffff;
		border: 1px;
	}*/
	li .ui-state-highlight, .ui-widget-content .ui-state-highlight,
		.ui-widget-header .ui-state-highlight {
		background: #337ab7;
		color: #ffffff
	}
	li .ui-state-hover, .ui-widget-content .ui-state-hover,
		.ui-widget-header .ui-state-hover {
		background: #337ab7;
		color: #5bc0de;
	}
	.relatorios {
		box-sizing: border-box;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
		padding: 6px 12px;
		border-color: #46b8da;
		font-weight: 400 !Important;
	}
	.relatorios a {
		color: #5bc0de;
	}
	.relatorios:hover {
		color: white;
	}
	.relatorios:focus, .relatorios:hover {
		color: #fff;
		background-color: #31b0d5;
		border-color: #269abc;
	}
	.relatorios:focus a, .relatorios:hover a {
		color: #fff;
	}
	.relatorioLabel {
		font-weight: 450 !important;
	}
	.corIcone {
		color: #337ab7 !important;
	}
	.iconeRedes {
		color: #337ab7;
	}
	a:LINK, a:visited, .link:visited, .link, .link:hover {
		text-decoration: none;
	}
	/*Lista de redes dentro da lista de portas*/
	.tabelaRedes, .tabelaRedes tbody td {
		border: hidden;
	}

	/*Linhas da tabela zebradas*/
	tr[class~="ui-datatable-even"] {
		background-color: #f9f9f9;
	}
	/*hover das linhas*/
	tr[class~="ui-datatable-odd"]:hover, tr[class~="ui-datatable-even"]:hover
		{
		background-color: #ebebeb;
	}
	div[class~="ui-selectonemenu-trigger"] {
		width: 21px !important;
	}
	.protocolo {
		font-size: 35px;
		font-weight: 900;
		color: green;
	}
	.filtro {
		background: #ffffff !important;
		color: black !important;
	}
	.filtro .ui-state-focus {
		border-color: #66afe9;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
			rgba(102, 175, 233, .6);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
			rgba(102, 175, 233, .6)
	}
	.textoFiltro {
		background: #ffffff;
		font-weight: 700;
		border-width: 2px !important;
		border-color: #F2F5F9 !important;
	}
	.conceitos {
		border-radius: 50%;
		border-radius: 75px;
		border: solid #70c1b3 2px;
		width: 150px;
		margin: auto;
	}
	
.naoLida {
    background: #f6f6f6!important;
    padding: 0.8em!important;
    font-weight:bold!important;
	margin-top: 0px!important;
	margin-bottom: 0px!important;
}

.espacoHR {
	margin-top: 3px!important;
	margin-bottom: 10px!important;

	}
	
@media (min-width: 768px) {
  .textoCentralizadoCelular {
   text-align: center;
  }
}

.menuCliente{
	text-align:right!important;
	vertical-align:bottom!important;
	background: #337ab7!important;
	padding: 5px!important;
	padding-top: 9px!important;
	border-radius: 4px!important;

}
.labelMenuCliente{
	text-align:right!important;
	vertical-align:bottom!important;
	font-size:larger!important;
	font-style:normal!important;
	font-weight: 700!important;
	color: white;
}

}