@CHARSET "ISO-8859-1";

/*medias que existem
	@media screen and (max-width: 1920px)
	@media screen and (max-width: 1366px)
	@media screen and (max-width: 1245px)
	@media screen and (max-width: 1046px)
	@media screen and (max-width: 1020px)
	@media screen and (max-width: 992px)
	@media screen and (max-width: 942px)
	@media screen and (max-width: 770px)
	@media screen and (max-width: 768px)
	@media screen and (max-width: 700px)
	@media screen and (max-width: 635px)
	@media screen and (max-width: 480px)
	@media screen and (max-width: 434px)
	@media screen and (max-width: 350px)
	@media screen and (max-width: 330px)
*/
.waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	z-index: 1;
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out;
}



/* ESTILO AVALIAÇÃO */

.card-avaliacao {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
	border-radius: 4px 4px 4px 4px;
   margin: 5px;
}

.card-avaliacao-header {
	padding: 5px;
	font-size: 1.5em !important;
	border-radius: 4px 4px 0px 0px;
	/* border-right: 12px solid black; */
}

.card-avaliacao-footer {
	padding: 10px 10px 10px 10px;
	font-size: 1.5em !important;
	color: black;
	font-weight: bold;
}

.avaliacao-titulo {
	background: white;
	color: Black;
	font-weight: bold;
	padding: 5px;
}

.avaliacao-rotated {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg); /* Safari/Chrome */
	-moz-transform: rotate(-90deg); /* Firefox */
	-o-transform: rotate(-90deg); /* Opera */
	-ms-transform: rotate(-90deg); /* IE 9 */
	color: black;
	margin-top: -15%;
	margin-right: 50%;
	height: 15px; 
	position : relative;
	width: auto;
	font-weight: bold;
	font-style: italic;

}

.card-avaliacao:hover {
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.45);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.45);
	transform: scale(1.06) !important;
	-ms-transform: scale(1.06) !important;
	-webkit-transform: scale(1.06) !important;
		-webkit-transition-duration: 0.7s; /* Safari */
	transition-duration: 0.7s;
}

.ui-spinner-input .ui-inputfield{
	 pointer-events:none;
    outline:none;
    text-indent:-9999px;
}

.ui-slider .ui-slider-handle {
    width: 21px !important;
    height: 21px !important;
    border-radius: 50% !important;
    background: whitesmoke;
}

/* ESTILO MOSTRAR FORMULARIOS */
.div-form{
		padding: 1px !important;
}


.td-hover:hover{
-webkit-box-shadow: 0px 0px 11px 4px rgba(19,67,119,1);
-moz-box-shadow: 0px 0px 11px 4px rgba(19,67,119,1);
box-shadow: 0px 0px 11px 4px rgba(19,67,119,1);
}
.td-hover-rating:hover{
		background-color: green !important;
}





/* .ui-panel-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    color: #184277;
    background-image: linear-gradient(to bottom, #FFF, #184277 1500%);
    font-weight: bold !important;
    font-size: 15px;
    word-wrap: break-word !important;
    white-space: normal !important;
}
 */
.ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-top.ui-draggable-handle {
	color: #184277;
    background-image: linear-gradient(to bottom, #FFF, #184277 1500%);
}
.spanAsterisco {
	color: red;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	margin-left: -1px
}

.tam_dialog_report {
	min-width: 95% !important;
}

.spanAsteriscoHistorico {
	color: #e56700;
	font-weight: bold;
	font-size: 12px;
	position: relative;
	margin-left: -1px;
	float: right;
}

.modal {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	background-color: #fafafa;
	padding: 0;
	max-height: 90%;
	width: 55%;
	margin: auto;
	overflow-y: auto;
	border-radius: 2px;
	will-change: top, opacity;
	z-index: 9999999;
}

.modal h1, .modal h2, .modal h3, .modal h4 {
	margin-top: 0;
}

.modal .modal-content {
	padding: 24px;
}

.modal .modal-close {
	cursor: pointer;
}

.modal .modal-footer {
	border-radius: 0 0 2px 2px;
	background-color: #fafafa;
	padding: 4px 6px;
	height: 56px;
	width: 100%;
	text-align: right;
}

.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat
	{
	margin: 6px 0;
}

.modal-overlay {
	position: fixed;
	z-index: 999;
	top: -25%;
	left: 0;
	bottom: 0;
	right: 0;
	height: 125%;
	width: 100%;
	background: #000;
	display: none;
	will-change: opacity;
}

.modal.modal-fixed-footer {
	padding: 0;
	height: 70%;
}

.modal.modal-fixed-footer .modal-content {
	position: absolute;
	height: calc(100% - 56px);
	max-height: 100%;
	width: 100%;
	overflow-y: auto;
}

.modal.modal-fixed-footer .modal-footer {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	position: absolute;
	bottom: 0;
}

.modal.bottom-sheet {
	top: auto;
	bottom: -100%;
	margin: 0;
	width: 100%;
	max-height: 45%;
	border-radius: 0;
	will-change: bottom, opacity;
}


.ui-helper-reset {
	line-height: 1.7 !important;
}

.tg {
	border-collapse: collapse;
	border-spacing: 0;
	border-color: #b5e0ff;
	margin: 0px auto;
	width: 100%;
}

.semMovimentoComMensagem.ui-button {
	color: #fff !important;
}

.tg td {
	padding: 5px 2px;
	border-style: solid;
	border-width: 1px !important;
	overflow: hidden;
	font-style: normal;
	word-break: normal;
	border-color: #b5e0ff !important;
	text-shadow: none;
}

.tg th {text-align;
	font-weight: normal;
	padding: 5px 2px;
	border-style: solid;
	border-width: 1px !important;
	overflow: hidden;
	word-break: normal;
	border-color: #b5e0ff !important;
	text-shadow: none;
}

.fixo_top {
	position: sticky;
	top: 0;
}

@media screen and (max-width: 767px) {
	.tg {
		width: auto !important;
	}
	.tg col {
		width: auto !important;
	}
	.tg-wrap {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin: auto 0px;
	}
}

@media only screen and (orientation:portrait) {
	#aviso {
		display: none;
	}
}

@media only screen and (orientation:landscape) {
	#aviso {
		display: none;
	}
}

/*Inicio estilo Geral */
body {
	margin-top: 55px;
	background: #EBEBEB;
}

/*list menu */
.ui-selectonemenu {
	min-width: 100px !important;
	width: 100% !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
	white-space: pre-wrap !important;
	width: 100% !important;
}

.container-thumb-midia {
  position: relative;
  width: 100%;
}

.image-thumb-midia {
  display: block;
  width: 100%;
  height: 140px;
}

.overlay-thumb-midia {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.7);
}

.container-thumb-midia:hover .overlay-thumb-midia {
  opacity: 1;
}

.text-thumb-midia {
	color: white;
	font-size: 16px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: justify;
	width: 100%;
	word-wrap: break-word;
	margin: auto;
}

.titulo-thumb {
	background: rgba(0, 0, 0, 0.7);
	color: white;
	text-align: center;
	font-weight: bold;
	height: 30px;
}

.container-thumb-midia:hover .titulo-thumb {
	color: transparent !important;
}
/******************************************
 ************** BOTÕES ******************** 
 *****************************************/
.fc-month-button .ui-button .ui-state-default {
	
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
    border-radius: 0px;
    background: #fff;
}

.botaoPainel {
	font-weight: bold !important;
	font-size: 12px !important;
	margin-left: 5px !important;
	margin-top: 5px !important;
	text-shadow: none !important;
	background:#edeff2 !important;
	box-shadow: 0 0 1px rgba(0,0,255,0.5) !important;
}



.botaoPainel:hover {
	background: #409CDC !important;
	color: #fff !important;
}

.ui-selectonemenu.botaoPainel:hover {
	color: #333 !important;
}


.fc button {
	margin-left: 5px;
}

.fc button:hover {
	background: #409CDC;
	color: #fff;
	font-weight: bold;
}

.botaoSalvar {
	color: #18853C !important;
	background: #FFF !important;
	font-weight: bold !important;
	font-size: 12px !important;
	margin-left: 5px !important;
	margin-top: 5px !important;
	text-shadow: none !important;
}

.botaoSalvar:hover {
	color: #fff !important;
	background: #18853C !important;
	font-weight: bold !important;
	font-size: 12px !important;
	margin-left: 5px !important;
	margin-top: 5px !important;
	text-shadow: none !important;
	margin-top: 5px !important;
}

.botaoEditar {
	color: #DB7400 !important;
	background: #FFF !important;
	font-weight: bold !important;
	font-size: 12px !important;
	margin-left: 5px !important;
	margin-top: 5px !important;
	text-shadow: none !important;
}

.botaoEditar:hover {
	color: #fff !important;
	background: #DB7400 !important;
	font-weight: bold !important;
	font-size: 12px !important;
	margin-left: 5px !important;
	margin-top: 5px !important;
	text-shadow: none !important;
	margin-top: 5px !important;
}

.botaoPadrao {
	color: #2C6E9F !important;
	background: #FFF !important;
	font-weight: bold !important;
	font-size: 12px !important;
	margin-left: 5px !important;
	margin-top: 5px !important;
	text-shadow: none !important;
}

.botaoPadrao:hover {
	color: #fff !important;
	background: #2C6E9F !important;
	font-weight: bold !important;
	font-size: 12px !important;
	margin-left: 5px !important;
	margin-top: 5px !important;
	text-shadow: none !important;
	margin-top: 5px !important;
}

.botaoFechar {
	color: #D2524F !important;
	background: #FFF !important;
	font-weight: bold !important;
	font-size: 12px !important;
	text-shadow: none !important;
	margin-left: 5px !important;
	margin-top: 5px !important;
}

.botaoFechar:hover {
	color: #fff !important;
	background: #D2524F !important;
	font-weight: bold !important;
	font-size: 12px !important;
	text-shadow: none !important;
	margin-left: 5px !important;
	margin-top: 5px !important;
}

.botaoPainel .ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	border: 0px;
}

/******************************************
 ************** FIM BOTÕES ***************** 
 *****************************************/

/* ALTERAÇÃO EDINILSON */
.lateral2 {
	padding: 10px;
	margim: 20px;
	font-size: 1.2em;
	overflow: hidden;
	width: 250px;
	height: 100%;
	position: fixed;
	top: 40px;
	float: left;
	left: 4.03%;
	background: transparent;
	z-index: 1000;
	border: 0px !important;
	border-radius: 0px !important;
}

/* ALTERAÇÃO EDINILSON SENHA MESTRE TEXTO*/
.usuario .ui-widget-content {
	color: #000;
	margin-bottom: 10px;
}
/* ALTERAÇÃO EDINILSON SENHA MESTRE COMPONENTE */
.usuario .ui-panel {
	padding: 0px;
}
/* ALTERAÇÃO EDINILSON SENHA MESTRE COMPONETE INTERNO*/
#panelNomeUsuario {
    width: 100%;
    margin-top: -6px;
    padding-top: 5px;
}
/* ALTERAÇÃO EDINILSON SENHA MESTRE COR INTERNO */
#panelNomeUsuario_content {
	background: #FFCC00;
}

/* ALTERAÇÃO EDINILSON SENHA MESTRE DIALOGO LOGIN VISUALIZAÇÃO */
.ui-dialog-title {
	font-size: 15px !important;
}

/* ALTERAÇÃO EDINILSON SENHA MESTRE CENTRALIZAÇÃO DOS INPUTTEXT */
.ui-widget-content, .ui-widget {
	margin: 0 auto;
}

/* ALTERAÇÃO EDINILSON BREADCRUMB */
.divCabecalho .ui-breadcrumb {
	background-color: transparent !important;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 2px solid #EE8D66;
	border-radius: 0px;
	padding: 0px;
	margin-top: -0.5%;
}

/*ALETARAÇÃO TEMA EDINILSON  */
.botaoMenu:HOVER {
	background: #409CDC !important;
	cursor: pointer;
	/* border-radius: 0px 10px 0px 10px; */
	width: 100% !important;
}

/*ALETARAÇÃO TEMA EDINILSON  */
.menuPrincipalInt:HOVER {
	background: #409CDC !important;
	/* border-radius: 0px 6px 0px 10px; */
	width: 45px;
	height: 34px;
	position: fixed;
	float: left;
	z-index: 1000;
}

/*Histórico*/
.botaoPesquisa {
	font-weight: bold !important;
	font-size: 12px !important;
	text-shadow: none !important;
	margin-right: 8px !important;
	margin-bottom: 5px !important;
	color: white !important;
	border-radius: 4px !important;
	border: none !important;
	background: #2C6E9F;
}

.botaoPesquisa:HOVER {
	transform: scale(1.06) !important;
	transform: scale(1.06) !important;
	-ms-transform: scale(1.06) !important;
	-webkit-transform: scale(1.06) !important;
	color: white !important;
	border: none !important;
	background: #2C6E9F;
	box-shadow: 0px 0px 3px 1px #000 !important;
}

.cardHistorico {
	background: #fff;
	border: 1px solid #dadada;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	color: rgba(0, 0, 0, 0.85);
	border-radius: 4px;
}

.divNomeFormulario {
	text-align: center;
	margin: auto;
}

.paddingInformacoesCard {
	padding: 1px !important;
}

.painelAcoes {
	position: fixed;
	top: 40%;
	right: 20px;
	max-width: 80px;
	background: transparent;
	border: none;
	z-index: 2;
}

.painelAcoes button {
	border-radius: 50%;
	margin-bottom: 5px;
	width: 70px;
	height: 70px;
	background-color: #b5b5b5 !important;
	-webkit-transition-duration: 0.7s; /* Safari */
	transition-duration: 0.7s;
}

.painelAcoes button:HOVER {
	border-radius: 50%;
	margin-bottom: 5px;
	transform: scale(1.15);
	-ms-transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-webkit-transition-duration: 0.7s; /* Safari */
	transition-duration: 0.7s;
	background-color: #0E2644 !important;
}

.botaoFinalizarHistorico {
	background-image:
		url("../resources/images/formularios/finalizarComNome.png") !important;
	background-size: 44px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #B5B5B5 !important;
	width: 70px !important;
	height: 70px !important;
	border-radius: 50% !important;
}

.botaoFinalizarHistorico:HOVER {
	background-color: #0E2644 !important;
	transform: scale(1.06) !important;
	transform: scale(1.06) !important;
	-ms-transform: scale(1.06) !important;
	-webkit-transform: scale(1.06) !important;
}

.botaoReiniciarHistorico {
	background-image: url("../resources/images/formularios/reiniciar.png")
		!important;
	background-size: 53px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #B5B5B5 !important;
	width: 70px !important;
	height: 70px !important;
	border-radius: 50% !important;
}

.botaoReiniciarHistorico:HOVER {
	background-color: #0E2644 !important;
	transform: scale(1.06) !important;
	transform: scale(1.06) !important;
	-ms-transform: scale(1.06) !important;
	-webkit-transform: scale(1.06) !important;
}

.botaoDevolverHistorico {
	background-image:
		url("../resources/images/formularios/AumentarPrazoComLegenda.png")
		!important;
	background-size: 53px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #B5B5B5 !important;
	width: 70px !important;
	height: 70px !important;
	border-radius: 50% !important;
}

.botaoDevolverHistorico:HOVER {
	background-color: #0E2644 !important;
	transform: scale(1.06) !important;
	transform: scale(1.06) !important;
	-ms-transform: scale(1.06) !important;
	-webkit-transform: scale(1.06) !important;
}

.calendarioCentralizado .ui-datepicker-inline {
	display: inline-table !important;
}

.calendarioCentralizado {
	text-align: center;
}

.calendarioCentralizado .ui-inputfield {
	width: 99% !important;
}

.botaoAcaoHistorico {
	width: 30px !important;
	height: 30px !important;
	border-radius: 50% !important;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3) !important;
	-webkit-transition-duration: 0.7s; /* Safari */
	transition-duration: 0.7s;
	border: 1px solid rgba(0, 0, 0, 0.3) !important;
	margin-left: 5px !important;
}

.botaoAcaoHistorico:HOVER {
	transform: scale(1.3) !important;
	transform: scale(1.3) !important;
	-ms-transform: scale(1.3) !important;
	-webkit-transform: scale(1.3) !important;
}

.botaoVisualizarAta{
	background-image: url("../resources/images/formularios/eye.png")
		!important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	text-align: center;
	height: 30px;
	width: 30px;
	background-color: #b5b5b5 !important;
	border-radius: 50% !important;
}

.botaoVisualizarAta:HOVER{
	background-image: url("../resources/images/formularios/eye.png")
		!important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #0E2644 !important;
}

.botaoPreencherFormulario{
	background-image: url("../resources/images/formularios/pencil.png")
		!important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	text-align: center;
	height: 30px;
	width: 30px;
	background-color: #b5b5b5 !important;
	border-radius: 50% !important;
}

.botaoPreencherFormulario:HOVER{
	background-image: url("../resources/images/formularios/pencil.png")
		!important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #0E2644 !important;
}

.botaoFinalizarAta{
	background-image: url("../resources/images/formularios/finalizarSemNome.png")
		!important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	text-align: center;
	height: 30px;
	width: 30px;
	background-color: #b5b5b5 !important;
	border-radius: 50% !important;
}

.botaoFinalizarAta:HOVER{
	background-image: url("../resources/images/formularios/finalizarSemNome.png")
		!important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #0E2644 !important;
}

.botaoCancelarAluno {
	background-image:
		url("../resources/images/formularios/remove-symbol.png") !important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #b5b5b5 !important;
}

.botaoCancelarAluno:HOVER {
	background-image:
		url("../resources/images/formularios/remove-symbol.png")
		!important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #D2524F !important;
}

.botaoNovoResponderFormulario {
	background-image: url("../resources/images/formularios/question.png")
		!important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #b5b5b5 !important;
}

.botaoNovoResponderFormulario:HOVER {
	background-image: url("../resources/images/formularios/question.png")
		!important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #0E2644 !important;
}

.botaoResponderFormulario {
	background-image: url("../resources/images/formularios/send.png")
		!important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #b5b5b5 !important;
}

.botaoResponderFormulario:HOVER {
	background-image: url("../resources/images/formularios/send.png")
		!important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #0E2644 !important;
}

.botaoVisualizarFormulario {
	background-image: url("../resources/images/formularios/form.png")
		!important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #b5b5b5 !important;
}

.botaoVisualizarFormulario:HOVER {
	background-color: #0E2644 !important;
}

.botaoBaixarArquivoHistorico {
	background-image: url("../resources/images/formularios/baixar.png")
		!important;
	background-size: 25px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	text-align: center;
	height: 30px;
	width: 30px;
	background-color: #b5b5b5 !important;
	border-radius: 50% !important;
}

.botaoBaixarArquivoHistorico:HOVER {
	background-image: url("../resources/images/formularios/baixar.png")
		!important;
	background-size: 25px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #0E2644 !important;
}

.botaoSolicitarCancelamento {
	background-image:
		url("../resources/images/formularios/remove-symbol.png")
		!important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	text-align: center;
	height: 30px;
	width: 30px;
	background-color: #b5b5b5 !important;
	border-radius: 50% !important;
}

.botaoSolicitarCancelamento:HOVER {
	background-image:
		url("../resources/images/formularios/remove-symbol.png")
		!important;
	background-size: 20px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #D2524F !important;
}

.textoNomeFormulario {
	font-weight: bold !important;
	font-size: 34px !important;
}

.tabelaHistorico .ui-datatable-scrollable-header-box {
	margin-right: 0px !important;
}

/*Histórico*/

/*list menu */

/*MenuButton*/
.menuListAcoes {
	color: #2C6E9F !important;
	background: #fff !important;
	font-weight: bold !important;
	margin-left: 5px !important;
	text-shadow: none !important;
}

.menuListAcoes:HOVER {
	color: #fff !important;
	background: #2C6E9F !important;
	font-weight: bold !important;
	margin-left: 5px !important;
	text-shadow: none !important;
}

.menuListAcoes .ui-button-text {
	font-weight: bold !important;
	border-color: #fff !important;
	font-size: 12px !important;
	text-shadow: none !important;
}

.menuListAcoes .ui-button {
	border-color: #fff !important;
}

.ui-menu {
	width: 210px !important;
	responsive: true !important;
}

.ui-menuitem {
	width: 96% !important;
	responsive: true !important;
}

.visualizar-termo-uso .ql-container.ql-snow {
	border: none !important;
}

/*MenuButton*/
.alinDireitaTopoFormatos {
	margin-top: 0px;
	float: right !important;
	position: relative;
	margin-right: 0px !important;
	bottom: 4px;
}

/* Configuração grown inicio */
.ui-growl-error {
	background: #ff0000;
	color: #ffffff;
}

.ui-growl-info {
	background: #0000CD;
	color: #ffffff;
}

.ui-growl-warn {
	background: #ffcc00;
	color: #000000;
}

.ui-growl {
	z-index: 9999 !important;
}

/* Configuração grown fim */

/*Estilo do BvreadCrumb*/
.BbreadCrumb a {
	text-decoration: none;
}

.ui-breadcrumb {
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
}

.BbreadCrumb .ui-icon {
	background-image:
		url("/docente/resources/primefaces-unichristus/images/ui-icons_333333_256x240.png");
}

.ui-breadcrumb ul li .ui-menuitem-link {
	display: inline-flex !important;
}

/*Estilo do BvreadCrumb fim*/

/*Estilo multiselectlistbox inicio*/
.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer {
	width: 30%;
	height: 120px;
}
/*Estilo multiselectlistbox fim*/

/* editor inicio */
.ui-editor {
	background: #ccc !important;
	width: 50% !important;
}

.ui-editor-toolbar {
	display: none !important;
}
/* editor fim */

/*Estilo do botão e titulos*/
.tamanhoDialogo {
	width: 45% !important;
}

.tamanhoDialogoPequena {
	width: 40% !important;
}

.texto {
	font-size: 11px !important;
}

.textoTitulo {
	font-weight: bold !important;
	font-size: 16px !important;
	word-wrap: break-word !important;
	white-space: normal !important;
}

.iconePadrao{
	width: 100% !important;
}

.alinhamentoBiometria {
	width: 75% !important;
	float: right !important;
}

.ui-button {
	border-radius: 0px;
}


.ui-dialog-title {
	width: 100% !important;
	word-wrap: break-word !important;
	white-space: normal !important;
}

.alinEsquerdaTopo {
	top: 3px;
	float: left !important;
	font-weight: bold;
	position: relative;
	margin-right: 0px !important;
	margin-bottom: 10px !important;
	margin-left: 5px !important;
}

.alinDireitaTopo {
	margin-top: 0px;
	float: right !important;
	position: relative;
	margin-right: 0px !important;
	bottom: 4px;
}

.alinEsquerdaVagas {
	top: 30px;
	float: left !important;
	font-weight: bold;
	position: relative;
	margin-right: 0px !important;
	margin-bottom: 10px !important;
	margin-left: 5px !important;
}

.botaoPainel {
	font-weight: bold !important;
	border-color: #fff !important;
	font-size: 12px !important;
	margin-left: 5px !important;
	margin-top: 5px !important;
	text-shadow: none !important;
}

/* .botaoSalvar {
	color: #fff !important;
	background: #00BFFF !important;
	font-weight: bold !important;
	border-color: #fff !important;
	font-size: 12px !important;
	margin-left: 5px !important;
	margin-top: 5px !important;
	text-shadow: none !important;
}

.botaoSalvar:hover {
	color: #fff !important;
	background: #0000FF !important;
	font-weight: bold !important;
	border-color: #fff !important;
	font-size: 12px !important;
	margin-left: 5px !important;
	margin-top: 5px !important;
	text-shadow: none !important;
	margin-top: 5px !important;
}

.botaoFechar {
	color: #fff !important;
	background: #FF0000 !important;
	font-weight: bold !important;
	border-color: #fff !important;
	font-size: 12px !important;
	text-shadow: none !important;
	margin-left: 5px !important;
	margin-top: 5px !important;
}

.botaoFechar:hover {
	color: #fff !important;
	background: #A52A2A !important;
	font-weight: bold !important;
	border-color: #fff !important;
	font-size: 12px !important;
	text-shadow: none !important;
	margin-left: 5px !important;
	margin-top: 5px !important;
} */

/*Estilo do botão e titulos fim*/

/*menu esquerdo*/
.geral {
	margin-left: 4.8% !important;
	border-radius: 0px !important;
	background: #fff !important;
	padding: 0px !important;
	border: 0px !important;
	box-shadow: 0 2px 5px #696969;
}

.geralPrincipal {
	margin-left: 0% !important;
	border-radius: 0px !important;
	background: #fff !important;
	padding: 0px !important;
	border: 0px !important;
	box-shadow: 0 2px 5px #696969;
}

.leftMenu {
	margin: 0px;
	padding: 0px !important;
	width: 4%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	border: 0px;
	z-index: 3;
}

.leftMenu .ui-panel-content {
	padding: 0px !important;
}

.menuEsquerdo {
	width: 27px;
	height: 27px;
	float: left;
	position: relative;
	left: 10px;
}

.textoLinks {
	text-decoration: none !important;
	font-size: 65% !important;
	font-weight: bold !important;
	cursor: pointer;
}

.textoLinks:HOVER {
	text-decoration: none !important;
	font-weight: bold !important;
	font-size: 65% !important;
}

a {
	text-decoration: none !important;
}

.lateral {
	padding: 0 0 0 0;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: rgb(44, 62, 80);
	height: 100%;
	overflow: hidden;
	width: 4%;
	top: 5.3%;
	left: 0px;
	float: left;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 1000;
}

.botaoMenu {
	cursor: pointer;
	border-radius: 0px 10px 0px 10px;
	width: 100% !important;
}

/*ALETARAÇÃO TEMA EDINILSON  */
.botaoMenu:HOVER {
	background: #409CDC !important;
	cursor: pointer;
	/* border-radius: 0px 10px 0px 10px; */
	width: 100% !important;
}

.ui-accordion .ui-accordion-header .ui-icon {
	position: absolute;
	left: .5em;
	top: 58%;
	margin-top: -8px;
	background-image:
		url("/docente/resources/primefaces-unichristus/images/ui-icons_ffffff_256x240.png");
}



.pesquisar:HOVER {
	width: 105px;
	height: 30px;
	background-image:
		url("../resources/images/botoes/Pesquisar-hover.png")
		!important;
	background-size: 110px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;

}
.pesquisar {
	width: 105px;
	height: 30px;
	background-image:
		url("../resources/images/botoes/Pesquisar.png")
		!important;
	background-size: 110px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;

}

.corFA:HOVER {
	color: #700000;
}

.latetal .fa-2x {
	font-size: 2em !important;
	width: 100% !important;
}

.header .fa-2x {
	font-size: 2em !important;
	width: 100% !important;
}

.menuPrincipal {
	width: 45px;
	height: 34px;
	position: fixed;
	float: left;
	z-index: 1000;
	top: 2px !important;
	left: 5px !important;
}

.menuPrincipalLink {
	font-size: 10px !important;
	font-weight: bold !important;
	position: fixed !important;
	margin-top: 23px;
	margin-left: -38px;
	cursor: pointer;
}

.menuPrincipalInt:HOVER {
	background: #409CDC !important;
	border-radius: 0px 6px 0px 10px;
	width: 45px;
	height: 34px;
	position: fixed;
	float: left;
	z-index: 1000;
	top: 2px !important;
	left: 5px !important;
}

.menuPrincipalDireito {
	width: 45px;
	height: 34px;
	position: fixed;
	float: left;
	z-index: 1000;
	top: 2px !important;
	left: 5px !important;
	display: none;
}

.menuPrincipalLinkDireito {
	font-size: 10px !important;
	font-weight: bold !important;
	position: fixed !important;
	margin-top: 23px;
	margin-left: -38px;
	cursor: pointer;
}

.menuPrincipalIntDireito:HOVER {
	background: #409CDC !important;
	border-radius: 0px 6px 0px 10px;
	width: 45px;
	height: 34px;
	position: fixed;
	float: left;
	z-index: 1000;
	top: 2px !important;
	left: 5px !important;
}

.menuPrincipal .fa-2x {
	font-size: 1.8em !important;
	width: 100% !important;
}

.float-r .fa-2x {
	font-size: 1.2em !important;
	width: 100% !important;
}

.menuPrincipalDireitoSino {
	width: 45px;
	height: 34px;
	position: fixed;
	right: 130px;
	float: right;
	padding: 0px !important;
	display: inline;
	z-index: 1000;
	top: 2px !important;
}

.menuPrincipalDireitoSino:HOVER {
	background: #409CDC !important;
	cursor: pointer;
}

.float-r li:HOVER {
	background: #409CDC;
}

.marginTopPequena {
	margin-top: 10px;
	width: 100% !important;
}

/* .lateral2 {
	padding: 0px;
	font-size: 1.2em;
	height: 100%;
	overflow: hidden;
	width: 250px;
	position: fixed;
	top: 40px;
	float: left;
	left: 4.03%;
	background: rgba(118, 118, 118, 0.6) !important;
	z-index: 1000;
	border: 0px !important;
	border-radius: 0px !important;
}
 */
.lateral2 {
	padding: 10px;
	margim: 20px;
	font-size: 1.2em;
	overflow: hidden;
	width: 250px;
	height: 100%;
	position: fixed;
	top: 40px;
	float: left;
	left: 4.03%;
	background: transparent;
	z-index: 1000;
	border: 0px !important;
	border-radius: 0px !important;
}

.rolagem {
	height: 520px;
	overflow-y: auto;
}

.lateral2 .ui-accordion .ui-accordion-content {
	padding: 0px !important;
	overflow: hidden !important;
}

.lateral2 .ui-menu {
	width: 95.7% !important;
	border: none !important;
}

.lateral2 .ui-menu .ui-menuitem-link {
	width: 95.7% !important;
	font-size: 20px;
	border-bottom: 1px solid;
	-moz-border-bottom-colors: #ffcc99 #ffbb88 #ffaa77 #ff9966 #ff8855
		#ff7744 #ff6633 #ff5522 #ff4411 #ff3300 !important;
}

.lateral2 .ui-state-default, .lateral2 .ui-widget-content .ui-state-default
	{
	height: 30px !important;
}

.lateral2 .ui-menu .ui-menuitem-link .ui-menuitem-icon {
	display: inline-block !important;
	float: left !important;
	padding: 3px !important;
	font-size: 0.7em !important;
}

.lateral .ui-panel .ui-panel-content {
	padding: 0px !important;
}

/* .lateral2 .ui-state-default, .lateral2 .ui-widget-content .ui-state-default,
	.lateral2 .ui-widget-header .ui-state-default {
	border-radius: 0px !important;
	border: none !important;
	font-size: 17px !important;
	height: 50px !important;
}
 */
.lateral2 .ui-state-default, .lateral2 .ui-widget-content .ui-state-default,
	.lateral2 .ui-widget-header .ui-state-default {
	border-radius: 0px !important;
	border: 1px solid #fff !important;
	font-size: 16px !important;
	height: 25px !important;
	padding-bottom: 8px;
	box-shadow: 0 2px 2px #fff;
}

.lateral2 .ui-panelmenu .ui-panelmenu-header a {
	padding-top: 6% !important;
	padding-left: 13% !important;
}

.lateral2.ui-panel .ui-panel-content {
	padding: 0px !important;
}

.lateral2 .ui-menuitem {
	border-radius: 0px !important;
}

.lateral2 .ui-state-hover {
	border-radius: 0px !important;
}

.ui-menuitem {
	width: 100% !important;
	responsive: true !important;
}

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

.header ul {
	padding: 0px !important;
}

@
-webkit-keyframes fadeIn { 0% {
	opacity: 0;
}

100%
{
opacity




















:










 










1;
}
}
@
-moz-keyframes fadeIn { 0% {
	opacity: 0;
}

100%
{
opacity




















:










 










1;
}
}
@
-o-keyframes fadeIn { 0% {
	opacity: 0;
}

100%
{
opacity




















:










 










1;
}
}
@
keyframes fadeIn { 0% {
	opacity: 0;
}

100%
{
opacity




















:










 










1;
}
}
.fadeIn {
	-webkit-animation: fadeIn 0.8s linear;
	-moz-animation: fadeIn 0.8s linear;
	-o-animation: fadeIn 0.8s linear;
	animation: fadeIn 0.8s linear;
}

/*menu esquerdo*/

/* Inicio menu direito */
#sino {
	border-radius: 50% !important;
	width: 30px;
	height: 30px;
	background: #000;
	padding: 0px !important;
	margin-right: 12px;
	margin-top: 4px
}

.botaoMenuNovo {
	border-radius: 50% !important;
	width: 30px;
	height: 30px;
	display: none !important;
}

.botaoMenuNovo2 {
	margin-top: -3px !important;
	margin-left: 4px !important;
}

.tema {
	width: 217px !important;
	margin-top: 2px !important;
}

.botao {
	border-radius: 50% !important;
	width: 30px;
	height: 30px;
}

.botaoTexto {
	display: none;
}

.ShowOnMobile {
	display: none;
	opacity: 0;
}

h1 {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	/*vertical-align: baseline;*/
}

/* listas flutuantes */
.list-full, .list-full li, .list-auto, .list-auto li {
	width: 100%;
	float: left;
	display: block;
	position: relative;
}

.list-auto, .list-auto li {
	width: auto;
	margin: 2px;
}

/* listas flutuantes esquerda */
.float-l {
	float: left;
	margin-left: 40px;
}

/* listas flutuantes direita */
.float-r {
	float: right;
	height: 0px;
	border: none;
}

/* topo fixo */
.header {
	width: 100%;
	min-height: 40px;
	height: 5px;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 999;
	border: 0px;
	box-shadow: 0 1px 5px #696969; 
}

.header h1 {
	padding: 5px 0 0 8px;
}

.header ul {
	top: 0px;
	padding: 0 15px 0 0;
}

.header li {
	top: 0px;
	padding-top: 0px;
	padding-left: 6px;
	padding-right: 7px;
	padding-bottom: 7px;
}

.header li:first-child {
	border: none;
}

.header li a {
	display: block;
	padding: 0 10px;
	font-size: 16px;
	line-height: 30px;
	text-decoration: none;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header li a:hover {
	color: #333;
}

input#control-nav {
	visibility: hidden;
	position: absolute;
	left: -9999px;
	opacity: 0;
}

/* Inicio style do docente */
.formularioPainel {
	display: table;
	width: 99.1%;
}

.formularioCorpo {
	float: left;
	width: 28%;
	margin-right: 2%;
}

.formularioEsquerdo {
	float: left;
	width: 100%;
	border: 1px;
	margin-bottom: 5%;
}

.formularioDireita {
	width: 70%;
	float: right;
}

.formularioDireitaInt {
	float: right;
	width: 100%;
	border: 1px;
}

.table {
	width: 100% !important;
}

/* BASEPRINCIPAL INFORMAÇÃO DE USUÁRIO LOGADO, DATA DO ÚLTIMO ACESSO */
#basePrinciapl {
	height: 30px;
	background: #fff;
}

#basePrincipal .conteiner {
	width: 100%;
	display: table;
}

#basePrincipal .usuario {
	width: 100%;
	text-align: right;
	word-wrap: break-word;
	white-space: normal !important;
	font-size: 11px;
}

#basePrincipal .ui-widget-header {
	border-radius: 10px !important;
	background: #D3D3D3;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
		rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
		rgba(255, 255, 255, .4));
	border: none;
	color: #000 !important;
}

#basePrincipal .ui-widget-content {
	background: transparent;
}

#basePrincipal .baseInterno {
	width: 30%;
	height: 240px;
	float: left;
	margin: 1.5% 2% 0 2%;
	border-radius: 10px;
	background: #6495ED;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
		rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
		rgba(255, 255, 255, .4));
}

#basePrincipal .baseInterno2 {
	width: 30%;
	height: 240px;
	float: left;
	margin: 1.5% 2% 0 0;
	border-radius: 10px;
	background: #FFA500;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
		rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
		rgba(255, 255, 255, .4));
}

#basePrincipal .baseInterno3 {
	width: 30%;
	height: 240px;
	float: left;
	margin: 1.5% 2% 0 0;
	border-radius: 10px;
	background: #3CB371;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
		rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
		rgba(255, 255, 255, .4));
}

#basePrincipal .baseInterno4 {
	width: 30%;
	height: 270px;
	float: left;
	margin: 1.5% 2% 0 2%;
	border-radius: 10px;
	background: #008B8B;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
		rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
		rgba(255, 255, 255, .4));
}

#basePrincipal .baseInterno5 {
	width: 30%;
	height: 270px;
	float: left;
	margin: 1.5% 2% 0 0;
	border-radius: 10px;
	background: #B22222;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
		rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
		rgba(255, 255, 255, .4));
}

#basePrincipal .baseInterno6 {
	width: 30%;
	height: 270px;
	float: left;
	margin: 1.5% 2% 0 0;
	border-radius: 10px;
	background: #00008B;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
		rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
		rgba(255, 255, 255, .4));
}

#basePrincipal .baseInterno7 {
	width: 30%;
	height: 240px;
	float: left;
	margin: 1.5% 2% 0 2%;
	border-radius: 10px;
	background: #D2691E;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
		rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
		rgba(255, 255, 255, .4));
}

#basePrincipal .baseInterno8 {
	width: 30%;
	height: 240px;
	float: left;
	margin: 1.5% 2% 0 0;
	border-radius: 10px;
	background: #B8860B;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
		rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
		rgba(255, 255, 255, .4));
}

#basePrincipal .fa {
	color: #EBEBEB;
}

#basePrincipal .btnEstilo {
	width: 100%;
	height: 92%;
	top: 10px;
	border-radius: 5px;
	background: #D3D3D3;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
		rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
		rgba(255, 255, 255, .4));
	color: #000;
	border: 0px;
	font-weight: bold;
	font-size: 11px;
}

#basePrincipal .ui-grid-row {
	margin-top: 20px;
}

/*Inicio Página Controle de entrega de formulários*/
.textualFalta {
	font-weight: bold !important;
	color: red;
}

.textualAtencao {
	font-weight: bold !important;
}

.backgroundFalta {
	background: yellow;
}

.backgroundOK {
	
}

.colunaMesclada {
	display: none;
}

.colunaNaoMesclada {
	display: inline;
}

.bakgroundNoPrazo {
	background: #ffcc00;
}

.bakgroundBranco {
	background: white;
}

.backgroundEnviadoPeloAluno {
	background: #0000ff;
}

.backgroundAceitoPeloOrientador {
	background: #FF8C00;
}

.backgroundFinalizadoPeloCoordenador {
	background: #006400;
}

.backgroundForaDoPrazo {
	background: #ff0000;
}

.backgroundCancelamentoSolicitado {
	background: #6A5ACD;
}

.backgroundCancelamentoConfirmado {
	background: #000000;
}

.textoBranco {
	font-size: 11px !important;
	color: white;
}

.textoPreto {
	font-size: 11px !important;
	color: black;
}

/*Fim Página Controle de entrega de formulários*/

/*Modificação de classe primeface*/
.alinhamentoCelula {
	text-align: center !important;
}

/*Página GestorFormulário*/
.jqplot-target {
	color: #fff !important;
	font-size: 15px !important;
}

.jqplot-title {
	color: #000 !important;
	font-size: 15px !important;
	font-weight: bold;
}

.jqplot-cursor-tooltip {
	color: #fff !important;
	font-size: 15px !important;
}
/*Fim Página GestorFormulário*/

/* Página pre-indicacao*/
.textoPreIndicacao {
	font-size: 16px !important;
}

.tamanhoDialogoPreIndicacao {
	width: 90% !important;
}

.scrollVerticalPreIndicacao {
	overflow-y: visible !important;
	height: 300px !important;
}

.scrollVerticalPreIndicacao .ui-panel {
	border: none !important;
}
/*Fim Página pre-indicacao*/

/*Diálogo senha mestra*/
.TextualSenhaMestra {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold !important;
	text-align: center;
}

.botaoSenhaMestra {
	margin-top: 4px;
}

/*Diálogo senha mestra*/

/*Inicio chat*/
.formularioEsquerdoChat {
	float: left;
	width: 100%;
	border: 1px;
	margin-bottom: 5%;
	height: 500px;
}

.semBordaChat.ui-datatable tbody td {
	border: 0px !important;
}

.semBordaChat .ui-widget-content {
	border: 0px !important;
}

.corRemetenteChat {
	background-color: rgba(60, 179, 113, 0.4);
	color: #9e0606;
	font-weight: bold;
}

.corDestinatarioChat {
	background-color: rgba(94, 155, 255, 0.4);
	color: #9e0606;
	font-weight: bold;
}

.colunaHoraDesktopChat {
	width: 15% !important;
}

.colunaMovelChat .ui-column-title {
	display: none !important;
}

.colunaMensagemDesktopChat {
	width: 85% !important;
}

.botaoComMensagem {
	border-radius: 50% !important;
	width: 30px;
	height: 30px;
	animation-name: girando;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-direction: alternate-reverse;
}

.painelChatTelaPrincipal {
	padding-bottom: 5px;
	background: transparent;
	border-radius: 0px !important;
	margin-right: 0px;
	float: left;
	width: 100% !important;
	font-weight: bold !important;
	font-size: 14px !important;
	font-family: Verdana, sans-serif, Arial;
	margin-bottom: 20px;
	height: 440px !important;
}

@
keyframes girando {from { transform:rotate(60deg);
	
}

to {
	transform: rotate(-60deg);
}

}
.botaoSemMensagem {
	border-radius: 50% !important;
	width: 30px;
	height: 30px;
}

.ui-stack {
	z-index: 9999 !important;
	float: right;
	position: fixed !important;
	cursor: pointer !important;
	top: 35px !important;
	bottom: 480px !important;
}

.elipseFoto {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.imgFoto {
	width: 10%;
	float: left;
	border-radius: 50%;
}

.elipseMsgNL {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	margin-left: 20px;
}

.imgMsgNL {
	width: 10%;
	float: left;
	border-radius: 50%;
}

.elipseDocente {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	margin-left: 10px;
}

.imgDocente {
	width: 10%;
	float: left;
	border-radius: 50%;
}

.divNomeUsuarioChat {
	width: 50%;
	text-align: left;
	background: transparent;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
}

.divOnlineChat {
	border-radius: 10%;
	background-color: rgb(159, 208, 55);
	width: 20%;
	text-align: center;
	float: left;
	margin-top: 5px;
}

.divOfflineChat {
	border-radius: 10%;
	background-color: rgb(241, 137, 131);
	width: 20%;
	text-align: center;
	float: left;
	margin-top: 5px;
}

.divQtdMensagensChatMaiorZero {
	background-color: rgb(255, 0, 0);
	text-align: center;
	border-radius: 20%;
	width: 77%;
	float: right;
	position: absolute;
	right: -13px;
	top: 1px;
	color: #fff;
	font-size: 70%;
}

.divQtdMensagensChatIgualZero {
	background-color: transparent;
	text-align: center;
	border-radius: 10%;
}

/*Início Colunas das Mensagens*/
.colunaMensagemChat {
	width: 75% !important;
}

.colunaChat .ui-column-title {
	display: none !important;
}

.textoRemetenteChat {
	text-align: right;
}

.textoSeparacaoDatasChat {
	text-align: center;
	width: 100%;
}

.textoDestinatarioChat {
	text-align: left;
}

.painelMensagemRemetente {
	border-radius: 10px 0px 10px 10px;
	background: rgb(204, 255, 226) !important;
	margin-left: 15%;
}

.painelMensagemDestinatario {
	border-radius: 0px 10px 10px 10px;
	background: rgb(252, 251, 191) !important;
	margin-right: 15%;
}

.painelMensagemSeparacaoData {
	border-radius: 0px 0px 0px 0px;
	background: rgb(175, 229, 255) !important;
	width: 20%;
	margin-left: 40%;
}

.textoChat {
	white-space: pre-line !important;
	font-size: 11px !important;
	color: #000;
}

.rodapeMensagemRemetente {
	text-align: right !important;
}

.textoNomeListaUsuario {
	white-space: pre-line !important;
	font-size: 11px;
	color: #000;
}

/*Fim Colunas das Mensagens*/

/*Fim chat*/
.panelDashboardPrincipal {
	width: 99.5%;
	height: 100%;
	/*min-height: 850px;*/
	border-radius: 0px;
	background: transparent;
	border: none;
	font-family: 'PT_Sans', sans-serif !important;
	text-rendering: optimizeLegibility !important;
	margin-left: 17px;
}

.panelInternoDashboardSubPanel {
	border: none;
	background: transparent !important;
	margin-top: 5px;
}

/* 
 * INICIO BOTÕES DE ACESSO RÁPIDO COLORIDOS
 */
#basePrincipal {
	float: left;
	width: 100%;
	height: 10px;
	background: transparent;
	margin-bottom: 1%;
	margin-top: -15px;
}

.panelDashboardPrincipal {
	width: 99.5%;
	height: auto;
	/*min-height: 850px;*/
	border-radius: 0px;
	background: transparent;
	border: none;
	font-family: 'PT_Sans', sans-serif !important;
	text-rendering: optimizeLegibility !important;
	margin-left: 0px;
}

#areaAcessoRapido {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.cardDashboard {
	text-align: center;
	color: #fff !important;
	border-radius: 0px !important;
	font-weight: bold !important;
	font-size: 14px !important;
	font-family: Verdana, sans-serif, Arial;
	position: relative;
	height: 100% !important;
	border: none !important;
	z-index: 1 !important;
}

.cardDashboard:hover {
	transform: scale(1.05, 1.05);
	transition: all 0.2s linear;
	z-index: 2000 !important;
}

.cardDashboard .ui-overlaypanel {
	width: 100%;
	border-top: none;
	z-index: 3000 !important;
	box-shadow: 0px 8px 5px 2px rgba(0, 0, 0, 0.2) !important;
	border-radius: 0px;
}

.cardDashboard.panelAzul li.ui-widget-header {
	background: #2682C2;
	border-bottom-style: dashed !important;
	border-top-style: solid !important;
}

.cardDashboard li.ui-menuitem a .fa {
	margin-left: 20px !important;
}

.cardDashboard li.ui-widget-header h3{
	width: 100%;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	font-size: 13px;
}

.cardDashboard .ui-overlaypanel-content {
	padding: 0;
	z-index: 3000 !important;
}

.cardDashboard .ui-menu {
	background-color: transparent !important;
	border: none;
	width: 100% !important;
}

.panelVerde {
	background: #22b167;
}

.panelAmarelo {
	background: #f6bb4e;
}

.panelVermelho {
	background: #d2524f;
}

.panelAzul {
	background: #409CDC;
}

.cardDashboard .ui-widget-content a {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

.cardDashboard .fa {
	margin-top: 3px !important;
}


/* ALTERAÇÃO EDINILSON */
.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	border: 1px solid #D3D3D3;
}

/* ALTERAÇÃO EDINILSON */
.ui-panel-titlebar-icon {
	background: #fff;
}

.textoLink {
	font-weight: bold !important;
	font-size: 17px !important;
	font-family: Verdana, sans-serif, Arial;
	text-decoration: none;
}

.botaoInternoCaixaDashboard {
	background: transparent !important;
	top: 0%;
	left: 0%;
	height: 100% !important;
	position: absolute !important;
	height: auto;
	width: 100%;
	border: none;
	border-radius: 0px;
	border: none;
	z-index: 1;
}

.textoLinkPequeno {
	font-size: 15px !important;
	font-family: Verdana, sans-serif, Arial;
	text-decoration: none;
	margin-left: 0px !important;
}

.panelInternoDashboardSemMargem {
	border: none;
	background: transparent;
	margin-top: -28px !important;
}

.panelInternoDashboard {
	border: none;
	background: transparent;
	margin-top: -30px;
}

.panelGraficoDashboard {
	padding-bottom: 5px;
	background: transparent;
	border-radius: 0px !important;
	width: 98% !important;
	float: left;
	margin-right: 2%;
	height: 200px;
	font-weight: bold !important;
	font-size: 14px !important;
	font-family: Verdana, sans-serif, Arial;
	margin-top: -23px;
	margin-bottom: 20px;
}

.ui-carousel .ui-carousel-dropdown, .ui-carousel .ui-carousel-mobiledropdown
	{
	display: none !important;
}

.alinEsquerdaTopoDashboard {
	top: 1px;
	float: left !important;
	font-weight: bold;
	position: relative;
	margin-right: 2px !important;
	margin-bottom: 5px !important;
	margin-left: 10px !important;
	border-radius: 0px !important;
}

.textoTituloAlerta {
	font-size: 14px !important;
	font-weight: bold !important;
	text-decoration: none;
	margin-top: -10px;
}

.textoDescricaoAlerta {
	font-size: 13px !important;
	text-decoration: none;
	margin-top: 10px;
}

.panelPrinciaplAlerta {
	width: 99%;
	border: 2px;
}

.panelIconeAlerta {
	border: none;
	float: left;
	width: 10%;
	margin-top: -10px;
}

.panelTextoAlerta {
	border: none;
	float: left;
	width: 88%;
	margin-top: -10px;
}

.backgroundCorScheduleAzul {
	background: blue !important;
	color: white !important;
}

.backgroundCorScheduleVermelho {
	background: red !important;
	color: white !important;
}

.backgroundCorScheduleAmarelo {
	background: yellow !important;
	color: black !important;
}

.backgroundCorScheduleBranco {
	background: white !important;
	color: black !important;
}

.backgroundCorScheduleVerde {
	background: green !important;
	color: white !important;
}

.backgroundCorSchedulePreto {
	background: black !important;
	color: white !important;
}

.backgroundCorScheduleRoxo {
	background: purple !important;
	color: white !important;
}

.backgroundCorScheduleLaranja {
	background: orange !important;
	color: white !important;
}

.botaoesCor {
	width: 20px;
	height: 20px;
	border-radius: 0px;
	margin-right: 5px;
}

.botaoesCorGrande {
	width: 25px;
	height: 25px;
	border-radius: 0px;
	margin-right: 5px;
}

.schedule {
	width: 450px !important;
	height: 410px !important;
}

.panelSchedule {
	padding-bottom: 5px;
	background: transparent;
	border-radius: 0px !important;
	width: 98%;
	float: left;
	margin-right: 2%;
	margin-left: 1%;
	height: 1000px;
	font-weight: bold !important;
	font-size: 14px !important;
	font-family: Verdana, sans-serif, Arial;
	margin-top: 20px;
	display: table;
	height: 200px;
	margin-bottom: 20px;
}

.carrocelDashboard {
	width: 750px;
	margin-top: -10px;
	margin-left: -15px;
	margin-right: -15px;
}

.panelInternoDashboardSubPanel {
	border: none;
	background: transparent !important;
	margin-top: 5px;
}

.graficoBarDashboard {
	width: 100%;
	height: 240px;
	margin-top: 20px;
	color: #363636 !important;
}

.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item
	{
	border: none !important;
	background: transparent !important;
}

.panelDataTable {
	padding-bottom: 5px;
	background: transparent;
	border-radius: 0px !important;
	margin-right: -35px;
	margin-left: -18px;
	float: left;
	width: 99%;
	height: 160px;
	font-weight: bold !important;
	font-size: 14px !important;
	font-family: Verdana, sans-serif, Arial;
	margin-top: 20px;
	margin-bottom: 20px;
}

.top {
	filter: alpha(opacity = 80);
	opacity: 0.9;
	padding: 70px 0 0 10px !important;
	z-index: 1000;
}

.ui-notificationbar {
	position: fixed;
	width: 100%;
	height: 82px !important;
	display: none;
	padding: 10px;
}

.carrocelNotificacao.ui-carousel .ui-carousel-header {
	display: none !important;
}

.iconeNotification {
	width: 70px;
	height: 70px;
	margin-left: 20px;
}

.panelCentralNotification {
	width: 100%;
	height: 110%;
	margin-top: -45px;
	border: none;
}

.panelEsquerdoNotification {
	width: 7%;
	height: 98%;
	float: left;
	margin-top: -7px;
	border: none;
	margin-left: -30px;
}

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

.textoTituloNotificacao {
	font-size: 17px !important;
	font-weight: bold;
}

.panelDireitoNotification {
	float: left;
	margin-left: 1.5%;
	margin-top: -8px;
	height: 120px !important;
	border-radius: 20px !important;
	width: 88%;
}

.panelDireitoNotificationAzul {
	float: left;
	margin-left: 1.5%;
	margin-top: -8px;
	height: 120px !important;
	border-radius: 20px !important;
	width: 88%;
}

.panelDireitoNotificationVermelho {
	float: left;
	margin-left: 1.5%;
	margin-top: -8px;
	height: 120px !important;
	border-radius: 20px !important;
	width: 88%;
}

.panelDireitoNotificationAmarelo {
	float: left;
	margin-left: 1.5%;
	margin-top: -8px;
	height: 120px !important;
	border-radius: 20px !important;
	width: 88%;
}

.panelDireitoNotificationBranco {
	float: left;
	margin-left: 1.5%;
	margin-top: -8px;
	height: 120px !important;
	border-radius: 20px !important;
	width: 88%;
}

.panelDireitoNotificationVerde {
	float: left;
	margin-left: 1.5%;
	margin-top: -8px;
	height: 120px !important;
	border-radius: 20px !important;
	width: 88%;
}

.panelDireitoNotificationPreto {
	float: left;
	margin-left: 1.5%;
	margin-top: -8px;
	height: 120px !important;
	border-radius: 20px !important;
	width: 88%;
}

.panelDireitoNotificationLaranja {
	float: left;
	margin-left: 1.5%;
	margin-top: -8px;
	height: 120px !important;
	border-radius: 20px !important;
	width: 88%;
}

.panelDireitoNotificationRoxo {
	float: left;
	margin-left: 1.5%;
	margin-top: -8px;
	height: 120px !important;
	border-radius: 20px !important;
	width: 88%;
}

.panelDireitoNotification.panelDireitoNotification.ui-panel .ui-panel-titlebar
	{
	border-radius: 20px 20px 0 0 !important;
	margin-left: -3px;
	margin-right: -3px;
	margin-top: -3px;
	filter: alpha(opacity = 80);
	opacity: 0.8;
	background: #3a87ad !important;
	color: white !important;
}

.panelDireitoNotificationAzul.ui-panel .ui-panel-titlebar {
	border-radius: 20px 20px 0 0 !important;
	margin-left: -3px;
	margin-right: -3px;
	margin-top: -3px;
	filter: alpha(opacity = 80);
	opacity: 0.8;
	background: blue;
	color: white !important;
}

.panelDireitoNotificationVermelho.ui-panel .ui-panel-titlebar {
	border-radius: 20px 20px 0 0 !important;
	margin-left: -3px;
	margin-right: -3px;
	margin-top: -3px;
	filter: alpha(opacity = 80);
	opacity: 0.8;
	background: red !important;
	color: white !important;
}

.panelDireitoNotificationAmarelo.ui-panel .ui-panel-titlebar {
	border-radius: 20px 20px 0 0 !important;
	margin-left: -3px;
	margin-right: -3px;
	margin-top: -3px;
	filter: alpha(opacity = 80);
	opacity: 0.8;
	background: yellow !important;
	color: black !important;
}

.panelDireitoNotificationBranco.ui-panel .ui-panel-titlebar {
	border-radius: 20px 20px 0 0 !important;
	margin-left: -3px;
	margin-right: -3px;
	margin-top: -3px;
	filter: alpha(opacity = 80);
	opacity: 0.8;
	background: white !important;
	color: black !important;
}

.panelDireitoNotificationVerde.ui-panel .ui-panel-titlebar {
	border-radius: 20px 20px 0 0 !important;
	margin-left: -3px;
	margin-right: -3px;
	margin-top: -3px;
	filter: alpha(opacity = 80);
	opacity: 0.8;
	background: green !important;
	color: white !important;
}

.panelDireitoNotificationPreto.ui-panel .ui-panel-titlebar {
	border-radius: 20px 20px 0 0 !important;
	margin-left: -3px;
	margin-right: -3px;
	margin-top: -3px;
	filter: alpha(opacity = 80);
	opacity: 0.8;
	background: black !important;
	color: white !important;
}

.panelDireitoNotificationLaranja.ui-panel .ui-panel-titlebar {
	border-radius: 20px 20px 0 0 !important;
	margin-left: -3px;
	margin-right: -3px;
	margin-top: -3px;
	filter: alpha(opacity = 80);
	opacity: 0.8;
	background: orange !important;
	color: white !important;
}

.panelDireitoNotificationRoxo.ui-panel .ui-panel-titlebar {
	border-radius: 20px 20px 0 0 !important;
	margin-left: -3px;
	margin-right: -3px;
	margin-top: -3px;
	filter: alpha(opacity = 80);
	opacity: 0.8;
	background: purple !important;
	color: white !important;
}

.alinDireitaTopoFixo {
	margin-top: 0px;
	float: right !important;
	position: relative;
	margin-right: 0px !important;
}

.textoTituloNotificationBar {
	font-weight: bold !important;
	font-size: 14px !important;
	word-wrap: break-word !important;
	white-space: normal !important;
}

.textoTituloNotificationBarPequeno {
	font-weight: bold !important;
	font-size: 12px !important;
	word-wrap: break-word !important;
	white-space: normal !important;
}

.botaoMaximizar {
	margin-top: 25px;
	float: right;
	margin-right: 3% !important;
	border: none !important;
	z-index: 4;
	float: right;
	background: transparent !important;
	height: 70px;
	width: 2% !important;
}

.botaoTutorial {
	border: solid 1px #000000;
	border-radius: 6px;
	text-decoration: none;
	width: 100px;
	height: 30px;
	background: #FFCC00;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0px;
	height: 0px !important;
	padding: 5px !important;
	word-wrap: break-word;
}

.botaoInternoCaixaDashboard {
	background: transparent !important;
	top: 0%;
	left: 0%;
	height: 100% !important;
	position: absolute !important;
	height: auto;
	width: 100%;
	border: none;
	border-radius: 0px;
	border: none;
	z-index: 1;
}

.overlayPanelIniciacao {
	margin-top: 0%;
	width: 100%;
	border-top: none;
	border-radius: 0px 0px 10px 10px;
	z-index: 1 !important;
	background: #B13122;
}

.overlayPanelSocial {
	margin-top: 0%;
	width: 100%;
	border-top: none;
	border-radius: 0px 0px 10px 10px;
	z-index: 2 !important;
	background: #409CDC;
	border: none;
}

.overlayPanelMonitoria {
	margin-top: 0%;
	width: 100%;
	border-top: none;
	border-radius: 0px 0px 10px 10px;
	z-index: 2 !important;
	background: #f6bb4e;
	border: none;
}

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

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

.panelInternaoOverlayPanel {
	width: 95.7% !important;
	border-radius: 0px;
	background: transparent !important;
	margin-bottom: 5px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid;
	-moz-border-bottom-colors: #ffcc99 #ffbb88 #ffaa77 #ff9966 #ff8855
		#ff7744 #ff6633 #ff5522 #ff4411 #ff3300 !important;
}

.subPainelIniciacao {
	width: 100%;
	height: auto;
	top: 5px;
	background: transparent;
	border: none;
}

.subPainelSocial {
	width: 100%;
	height: auto;
	top: 5px;
	background: transparent;
	border: none;
}

.acordionDetalhesGestorFormulario {
	background: transparent !important;
	border: 5px !important;
}

.acordionDetalhesGestorFormulario.ui-accordion .ui-accordion-content {
	padding: 1em 0em 1em !important;
	margin-bottom: 5px !important;
}

.alinhadoDireita {
	text-align: right;
}

.alinhadoEsquerda {
	text-align: left;
}

.textoNegrito {
	font-size: 11px !important;
	font-weight: bold !important;
	margin-right: 3px !important;
}

.subTableGestorFormulario .ui-datatable-footer {
	background: transparent !important;
	background-color: transparent !important;
	width: 110%;
	border: none !important;
}

/*Inbox*/
.botaoChatUsuarios {
	background: transparent !important;
	top: 0%;
	left: 0%;
	height: 100% !important;
	position: absolute !important;
	height: 90px;
	width: 100%;
	border: none;
	border-radius: 0px;
	border: none !important;
	z-index: 1;
}

.botaoChatUsuarios:HOVER {
	background: transparent !important;
	top: 0%;
	left: 0%;
	height: 100% !important;
	position: absolute !important;
	height: 90px;
	width: 100%;
	border: none;
	border-radius: 0px;
	border: none !important;
	z-index: 1;
}

.botaoChatUsuarios:TARGET {
	background: transparent !important;
	top: 0%;
	left: 0%;
	height: 100% !important;
	position: absolute !important;
	height: 90px;
	width: 100%;
	border: none;
	border-radius: 0px;
	border: none;
	z-index: 1;
}

.datagridTransparente .ui-widget-content {
	background: transparent;
	border: none;
}

.alinDireitaTopoChat {
	margin-top: 0px;
	float: right !important;
	position: relative;
	margin-right: 0px !important;
	bottom: 4px;
}

.painelChat {
	margin-left: 1% !important;
	width: 100% !important;
	height: 260px !important;
	border: 1px solid #9d9d9d !important;
	border-radius: 4px !important;
}

/*Inbox*/
.filsetGestorFormularios {
	background: transparent !important;
	float: right;
	display: table;
	font-weight: bold !important;
}

.divBotoesModeloRelatorioFormulario {
	margin-top: 18px;
	float: right !important;
	position: relative;
	margin-right: 11px !important;
	bottom: 4px;
}

.dataTableSemHeader .ui-datatable-scrollable-header-box {
	display: none !important;
}

.dataTableSemHeader .ui-datatable-footer.ui-corner-bottom {
	background: transparent;
	border: none !important;
}
/*imagem de perfil*/
.imagemPerfil .ui-panel-content {
	padding: 0px !important;
}

#imagemPerfil:HOVER {
	background: transparent !important;
}

.imagemPerfilInt .ui-panel-content {
	padding: 0px !important;
}

.imagemPerfilInt {
	width: 75px !important;
	height: 75px !important;
	border-radius: 50% !important;
	padding: 0px !important;
	margin-left: -7px;
	margin-top: 11px;
}

/*ALTERAÇÃO EDINILSON  */
.perfilImagemBase {
	background: rgba(173, 173, 173, 0.6) !important;
	width: 75px !important;
	height: 30px !important;
	top: 62px !important;
	border-radius: 0% 0% 140px 140px !important;
	padding: 0px !important;
	z-index: 3000 !important;
	position: absolute;
}

.perfilImagem {
	background: transparent !important;
	width: 75px !important;
	height: 75px !important;
	border-radius: 50% !important;
	padding: 0px !important;
	z-index: 2999 !important;
	position: absolute;
}

.dadosPerfilUsuario {
	background: transparent !important;
	border: none !important;
}

/*imagem de perfil*/

/*Edição de perfil*/
.divEdicaoPerfil {
	width: 75%;
	float: left;
}

.divEdicaoPerfilFoto {
	width: 20%;
	float: right;
}

.divEdicaoPerfilFoto .imagemPerfilInt {
	float: left;
	margin-left: 10px !important;
}

.tabViewFotoPerfil .ui-widget-header {
	background: transparent !important;
	border: none !important;
}

.tabViewFotoPerfil .ui-widget-content {
	background: transparent !important;
	border: none !important;
}

.botaoUploadFoto .ui-fileupload-buttonbar .ui-button {
	width: 260px !important;
	height: 60px !important;
	font-size: 16px !important;
	margin-left: 26% !important;
	margin-top: 6% !important;
	box-shadow: none !important;
	color: #2C6E9F !important;
	background: #FFF !important;
	font-weight: bold !important;
}

.botaoUploadFoto .ui-fileupload-buttonbar .ui-button:HOVER {
	width: 260px !important;
	height: 60px !important;
	font-size: 16px !important;
	margin-left: 26% !important;
	margin-top: 6% !important;
	box-shadow: none !important;
	color: #FFF !important;
	background: #2C6E9F !important;
	font-weight: bold !important;
}

.botaoUploadFoto .ui-button-text-icon-left .ui-button-text {
	padding-top: 20px !important;
	padding-left: 2px !important;
}

.tabViewFotoPerfil .ui-fileupload-buttonbar {
	height: 120px !important;
}

.btnCriarInstant {
	background-color: #d14836;
	background-image: -webkit-linear-gradient(top, #dd4b39, #d14836);
	border: 1px solid transparent;
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 0px !important;
	font-size: 11px !important;
	margin-top: 6px;
	width: 200px !important;
}

.btnCriarInstant:HOVER {
	background-color: #a40000;
	background-image: -webkit-linear-gradient(top, #dd4b39, #d14836);
	border: 1px solid transparent;
	color: #fff;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 0px !important;
	font-size: 11px;
	margin-top: 4px;
	width: 200px !important;
}

.menuPrincipalDireito {
	width: 45px;
	height: 34px;
	position: fixed;
	float: left;
	z-index: 1000;
	top: 2px !important;
	left: 5px !important;
	display: none;
}

.tamanhoPainelMenuDireitoGrande {
	height: 190px !important;
}

.tamanhoPainelMenuDireitoPequeno {
	height: 196px;
}

.balao2 {
	background: rgb(255, 255, 255);
	border-radius: 15px;
	width: auto;
	height: auto;
	z-index: 1000;
	position: fixed;
	right: 13px;
	float: right;
	top: 65px;
	padding: 0px !important;
	display: inline;
	box-shadow: 0 5px 5px #696969;
}

.balao2:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	border-bottom: 10px solid #fff;
	top: -10px;
	left: 88%;
}

/*ALTERAÇÃO EDINILSON  */
.balao2 .itens {
	margin-top: 8px;
	margin-left: 0px;
	width: 97%;
	padding-left: 4px;
	padding-bottom: 2px;
	border-radius: 4px 0px 4px 0px;
	/* 	border-bottom: 1px solid;
	-moz-border-bottom-colors: #ffcc99 #ffbb88 #ffaa77 #ff9966 #ff8855
		#ff7744 #ff6633 #ff5522 #ff4411 #ff3300 !important; */
	cursor: pointer;
}

/* ALTERAÇÃO EDINILSON */
.balao2 .itens:HOVER {
	cursor: pointer;
	color: #fff !important;
	background: #409CDC !important;
}

/* ALTERAÇÃO EDINILSON */
.balao2 .itens2:HOVER {
	cursor: pointer;
	color: yellow;
}

/*ALTERAÇÃO EDINILSON  */
.balao2 .botaoTexto {
	font-size: 16px !important;
	margin-left: 4px !important;
	color: #000;
	display: inline !important;
}

/*ALTERAÇÃO EDINILSON  */
.balao2 .botaoTexto1 {
	font-size: 16px !important;
	margin-left: 4px !important;
	color: #000;
	display: inline !important;
}

.temaMenuDireito {
	width: 85% !important;
	margin-top: 2px !important;
}

.balao2 .ui-widget-header {
	border: none !important;
	background: none !important;
}

.tamanhoDialogoEdicaoPerfil {
	width: 45% !important;
}

.movimentoComMensagem {
	border: none !important;
	background: none !important;
	animation-name: girando;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-direction: alternate-reverse;
}

.semMovimentoComMensagem {
	border: none !important;
	background: none !important;
	animation-name: none;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-direction: alternate-reverse;
}

/*aviso by:jhonathas*/
.btnAviso {
	width: 600px !important;
	background: transparent !important;
	border: none !important;
	position: fixed !important;
	height: 800px !important;
	z-index: 4 !important;
	color: rgba(255, 255, 255, 0.1) !important;
	cursor: pointer;
}

.btnAviso:HOVER {
	width: 600px !important;
	background: transparent !important;
	border: none !important;
	position: fixed !important;
	height: 800px !important;
	z-index: 4 !important;
	color: rgba(255, 255, 255, 0.1) !important;
	cursor: pointer;
	box-shadow: none !important;
}

.esquerdaAviso {
	position: relative;
	width: 57%;
	float: left;
	z-index: 1;
}

.direitaAviso {
	width: 40%;
	position: relative;
	float: left;
	z-index: 1;
}

.textoAviso {
	width: 20%;
	position: fixed;
	height: 20%;
	float: left;
	z-index: 2;
}

.balaoAviso {
	background: #fff;
	border: solid 1px #000;
	border-radius: 15px;
	width: 200px;
	height: 70px;
	position: fixed;
	rigth: 30px;
	margin-top: 35px;
	padding-left: 1%;
	padding-right: 1%;
	z-index: 2 !important;
	font-size: 15px !important;
	color: #000 !important;
}

.balaoAviso:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #000;
	bottom: -20px;
	left: 70%;
}
/*aviso*/
/*Edição de perfil*/

/*tabTireFoto by:jhonathas*/
.tabTireFoto {
	display: inline-block !important;
}
/*tabTireFoto */
.painelGeralSemDadosDisponiveis {
	width: 600px !important;
	background: transparent !important;
	border: none !important;
}

.painelIconeSemDadosDisponiveis {
	float: left !important;
	background: transparent !important;
	border: none !important;
}

.painelMensagemSemDadosDisponiveis {
	float: right !important;
	background: transparent !important;
	border: none !important;
	margin-top: 30px !important;
}

.panelSemPadding .ui-panel-content {
	padding: .0em 0em !important;
}

.dataTableSemRolagem .ui-datatable-tablewrapper {
	overflow: inherit !important;
}

.headerCheio .ui-widget-header {
	width: fit-content !important;
}

.alinharHorizontalVerticalAuto {
	height: 100%;
	min-height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.devolverSemNome {
	background-image:
		url("../resources/images/formularios/devolverSemNome.png") !important;
	background-size: 54px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	text-align: center;
	padding: 4px;
	border: none !important;
	height: 50px;
	background: #0E2644;
}

.girar90Graus {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.material-notification {
	border-radius: 2px;
	position: relative;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px
		rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.material-notification__header {
	font-size: 12px;
	width: 99%;
	min-height: 31px;
	border-radius: 3px;
	padding-left: 1%;
	color: red;
	border-color: red;
	border solid: 55px;
}

.material-notification__header>:nth-child(n + 2) {
	margin-right: 4px;
}

.material-notification__header>:nth-child(n + 3) {
	margin-right: 4px;
}

.material-notification__header>:nth-child(n + 3)::before {
	margin-right: 4px;
	color: rgba(0, 0, 0, 0.54);
	font-size: 8px;
	vertical-align: top;
}

.material-notification__header-icon {
	margin-right: 8px;
	border-radius: 50%;
	font-size: 18px;
	width: 16px;
	height: 16px;
	vertical-align: -4px;
}

.material-notification__content {
	margin: 8px 0 0;
}

.material-notification__footer {
	background-color: #eeeeee;
	margin: 16px -16px -16px;
	padding: 8px 8px;
}

.panelPesquisaHistorico .ui-widget-header {
	border: solid 1px;
	border-color: #fff;
}

.divRegisterMail{
	border: 1px solid #dddddd;
	margin-bottom: 2px;
	margin-top: 2px;
}

.divRegisterMail:HOVER{
	background: #dddddd;
	cursor:pointer;
}

.bordaCinza{
	border: 1px solid #dddddd
}

.tituloAzul{
	color: #184377 !important; 
	font-size: 16px !important;
	font-weight: bold !important;
}

.textAreaMail{
	width: 99%  !important;
    border: none !important;
    box-shadow: none !important;
}

.cardRepositoryObject{
	width: 100%;
}

.cardRepositoryObject:HOVER{
	background:  #2C6E9F !important;
}

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

.cardRepositoryObject:HOVER .repositoryTextObject {
	color: white !important;
}

.cardLinkRepository:HOVER{
	text-decoration: underline !important;
}

.painelPontilhado {
	width: 90% !important;
	margin-top: 40px !important;
	height: 130px !important;
	border-width: 5px !important;
	border-style: dashed !important;
	background: transparent !important;
	position: relative;
}

.textoInternoArrastaESolta {
	font-size: 20px !important;
	margin-top: 50px !important;
	text-decoration: blink !important;
}

.panelResultadoDownloadImportacaoMonitoria .ui-fileupload-choose {
	background: transparent !important;
	top: 0%;
	left: 0%;
	height: 100% !important;
	position: absolute !important;
	height: 90px;
	width: 100% !important;
	border: none !important;
	border-radius: 0px;
	border: none;
	z-index: 1 !important;
}

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

.divSuperiorTexto {
	margin-top: 47px !important;
}

.nuncaDesabilita .ui-state-disabled{
	opacity: inherit !important;
}

@media screen and (max-width: 1366px) {
	body {
		margin-top: 55px;
	}
	.panelGraficoDashboard {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		width: 98% !important;
		float: left;
		margin-right: 2%;
		height: 200px !important;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: -23px;
		display: table;
		margin-bottom: 20px;
	}
	.carrocelDashboard {
		width: 101% !important;
		height: 180px !important;
		margin-top: -10px;
		margin-left: 0px;
		margin-top: -10px;
	}
	.panelDataTable {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		margin-right: -35px;
		margin-left: -30px;
		float: left;
		width: 99% !important;
		height: 160px !important;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.schedule {
		width: 100% !important;
		height: 390px !important;
	}
	.panelSchedule {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		width: 98%;
		float: left;
		margin-right: 2.8%;
		margin-left: 1%;
		height: 1050px !important;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 20px;
		height: 200px;
	}
	.graficoBarDashboard {
		width: 100%;
		height: 210px;
		color: #363636 !important;
	}
	.panelInternoDashboardSubPanel {
		border: none;
		background: transparent !important;
		margin-top: 5px;
	}
	.panelGraficoDashboard {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		width: 98% !important;
		float: left;
		margin-right: 2%;
		margin-top: 20px !important;
		height: 160px;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-bottom: 20px;
	}
	.iconePadrao{
		width: 100% !important;
	}
}

@media screen and (max-width: 1245px) {
	.panelEsquerdoInternato {
		width: 98% !important;
		float: left !important;
		margin-right: 0.3% !important;
	}
	.panelDireitoInternato {
		width: 98% !important;
		float: left !important;
	}
}

@media screen and (max-width: 1024px) {
	/*Página principal*/
	#basePrincipal .conteiner {
		width: 100%;
		display: table;
		font-size: 80%;
	}
	#basePrincipal .usuario {
		width: 100%;
		text-align: right;
		word-wrap: break-word;
		white-space: normal !important;
		font-size: 80%;
	}
	#basePrincipal .ui-widget-header {
		border-radius: 10px !important;
		background: #D3D3D3;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
		border: none;
		color: #000 !important;
		font-size: 80%;
	}
	#basePrincipal .ui-widget-content {
		background: transparent;
	}
	#basePrincipal .baseInterno {
		width: 45%;
		height: 270px;
		float: left;
		margin: 1.5% 2% 0 2%;
		border-radius: 10px;
		background: #6495ED;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
		font-size: 80%;
	}
	#basePrincipal .baseInterno2 {
		width: 45%;
		height: 240px;
		float: left;
		margin: 1.5% 2% 0 2%;
		border-radius: 10px;
		background: #FFA500;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
		font-size: 80%;
	}
	#basePrincipal .baseInterno3 {
		width: 45%;
		height: 240px;
		float: left;
		margin: 1.5% 2% 0 2%;
		border-radius: 10px;
		background: #3CB371;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
		font-size: 80%;
	}
	#basePrincipal .baseInterno4 {
		width: 45%;
		height: 240px;
		float: left;
		margin: 1.5% 2% 0 2%;
		border-radius: 10px;
		background: #008B8B;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
		font-size: 80%;
	}
	#basePrincipal .baseInterno5 {
		width: 45%;
		height: 240px;
		float: left;
		margin: 1.5% 2% 0 2%;
		border-radius: 10px;
		background: #B22222;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
		font-size: 80%;
	}
	#basePrincipal .baseInterno6 {
		width: 45%;
		height: 270px;
		float: left;
		margin: 1.5% 2% 0 2%;
		border-radius: 10px;
		background: #00008B;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
		font-size: 80%;
	}
	#basePrincipal .baseInterno7 {
		width: 45%;
		height: 240px;
		float: left;
		margin: 1.5% 2% 0 2%;
		border-radius: 10px;
		background: #D2691E;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
		font-size: 80%;
	}
	#basePrincipal .baseInterno8 {
		width: 45%;
		height: 240px;
		float: left;
		margin: 1.5% 2% 0 0;
		border-radius: 10px;
		background: #B8860B;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
	}
	#basePrincipal .fa {
		color: #EBEBEB;
	}
	#basePrincipal .btnEstilo {
		width: 50%;
		height: 92%;
		top: 4px;
		border-radius: 5px;
		background: #D3D3D3;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
		color: #000;
		border: 0px;
		font-weight: bold;
		font-size: 80%;
		margin-bottom: 10px;
		height: 92%;
		top: 4px;
	}
	#basePrincipal .ui-grid-row {
		margin-top: 20px;
	}

	/*Fim Página principal*/

	/*Chat*/
	.painelMensagemSeparacaoData {
		border-radius: 0px 0px 0px 0px;
		background: rgb(175, 229, 255) !important;
		width: 30% !important;
		margin-left: 35% !important;
	}
	.textoNomeListaUsuario {
		white-space: pre-line !important;
		font-size: 11px !important;
		color: #000;
	}
	.painelMensagemRemetente {
		border-radius: 10px 0px 10px 10px;
		background: rgb(204, 255, 226) !important;
	}
	.painelMensagemDestinatario {
		border-radius: 0px 10px 10px 10px;
		background: rgb(252, 251, 191) !important;
		margin-right: 15% !important;
	}
	/*Chat*/
	.textoLinkPequeno {
		font-size: 13px !important;
		font-family: Verdana, sans-serif, Arial;
		text-decoration: none;
		margin-left: 1px;
		margin-top: 5px;
	}
	.iconePadrao{
		width: 90% !important;
	}
}

@media screen and (max-width: 1046px) {
	.panelEsquerdoNotification {
		display: none !important;
	}
	.panelDireitoNotification {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 91%;
	}
	.panelDireitoNotificationAzul {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 91%;
	}
	.panelDireitoNotificationVermelho {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 91%;
	}
	.panelDireitoNotificationAmarelo {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 91%;
	}
	.panelDireitoNotificationBranco {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 91%;
	}
	.panelDireitoNotificationVerde {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 91%;
	}
	.panelDireitoNotificationPreto {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 91%;
	}
	.panelDireitoNotificationLaranja {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 91%;
	}
	.panelDireitoNotificationRoxo {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 91%;
	}
	/*Edição de perfil*/
	.tabViewFotoPerfil .ui-fileupload-buttonbar .ui-button {
		width: 260px !important;
		height: 60px !important;
		font-size: 16px !important;
		margin-left: 19% !important;
		margin-top: 6% !important;
	}
	.tabViewFotoPerfil .ui-button-text-icon-left .ui-button-text {
		padding-top: 20px !important;
		padding-left: 2px !important;
	}

	/*Edição de perfil*/
}

@media screen and (max-width: 1020px) {
	#geral {
		margin-left: 6%;
	}
	.geral {
		margin-left: 6% !important;
		border-radius: 0px !important;
		background: #FFF !important;
		padding: 0px !important;
		border: 0px !important;
	}
	.geralPrincipal {
		margin-left: 0% !important;
		border-radius: 0px !important;
		background: #fff !important;
		padding: 0px !important;
		border: 0px !important;
	}
	.leftMenu {
		margin: 0px;
		width: 5.5%;
		height: 100%;
		position: fixed;
		left: 0px;
		top: 0px;
		border: 0px !important;
		border-radius: 0px !important;
	}
	.lateral2 {
		padding: 0px;
		font-size: 1.2em;
		height: 100%;
		overflow: hidden;
		width: 250px;
		position: fixed;
		top: 40px;
		float: left;
		left: 5.51%;
		background: rgb(118, 118, 118) !important;
		z-index: 1000;
		border: 0px !important;
		border-radius: 0px !important;
	}

	/*Edição de perfil*/
	.divEdicaoPerfil {
		width: 100%;
		float: left;
	}
	.divEdicaoPerfilFoto {
		width: 100%;
		float: left;
		height: 130px;
	}
	.divEdicaoPerfilFoto .imagemPerfilInt {
		float: left;
		margin-left: 39% !important;
	}

	/*aviso by:jhonathas*/
	.esquerdaAviso {
		position: relative;
		width: 57%;
		float: left;
		z-index: 1;
	}
	.direitaAviso {
		width: 40%;
		position: relative;
		float: left;
		z-index: 1;
	}
	.textoAviso {
		width: 20%;
		position: fixed;
		height: 20%;
		float: left;
		z-index: 2;
	}
	.balaoAviso {
		background: #fff;
		border-radius: 15px;
		width: 150px;
		height: 70px;
		position: fixed;
		rigth: 30px;
		margin-top: 15px;
		padding-left: 1%;
		padding-right: 1%;
		z-index: 2 !important;
		font-size: 15px !important;
		color: #000 !important;
	}
	.balaoAviso:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #000;
		bottom: -20px;
		left: 70%;
	}
	/*aviso by:jhonathas*/
	/*Edição de perfil*/
}

@media screen and (max-width: 992px) {
	.panelSchedule {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		width: 98% !important;
		float: left;
		margin-right: 2%;
		height: 750px !important;
		font-weight: bold !important;
		font-size: 12px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 20px;
		margin-left: 10px;
		display: table;
	}
	.panelDataTable {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		width: 96.5% !important;
		float: left;
		margin-right: 0%;
		margin-left: 0% !important;
		height: 200px;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: -15px;
	}

	.carrocelDashboard {
		width: 100% !important;
		height: 180px;
		margin-top: -10px;
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.panelGraficoDashboard {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		width: 99.5% !important;
		float: left;
		margin-right: -20px;
		margin-left: 5px;
		height: 150px;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: -23px;
		display: table;
		margin-bottom: 20px;
		height: 200px;
	}
	
	.textoLinkPequeno {
		font-size: 13px !important;
		font-family: Verdana, sans-serif, Arial;
		text-decoration: none;
		margin-left: 5px;
		margin-top: 5px;
	}
	.schedule {
		width: 100% !important;
		height: 650px !important;
	}
	.panelInternoDashboard {
		border: none;
		background: transparent;
		margin-top: -18px;
	}
	.panelInternoDashboardSemMargem {
		border: none;
		background: transparent;
		margin-top: -25px !important;
	}
	body {
		margin-top: 55px%;
	}
	.iconePadrao{
		width: 80% !important;
	}
}

@media screen and (max-width: 942px) {
	.panelSchedule {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		width: 98%;
		height: 900px!importat;
		float: left;
		margin-right: 2%;
		margin-left: 1%;
		height: 700px !important;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 20px;
		height: 650px !important;
	}
	
	.panelDataTable {
		margin-left: -23px !important;
		width: 98% !important;
	}
	.panelGraficoDashboard {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		width: 93.3% !important;
		float: left;
		margin-right: -20px;
		margin-left: -0px;
		margin-top: 20px !important;
		height: 150px;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: -23px;
		display: table;
		margin-bottom: 20px;
		height: 200px;
	}
	.textoLinkPequeno {
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		text-decoration: none;
		margin-left: 1px;
		margin-top: 5px;
	}
	.schedule {
		width: 100% !important;
		height: 500px !important;
	}
	.carrocelDashboard {
		width: 100% !important;
		height: 180px;
		margin-left: 5px;
	}
	.panelGraficoDashboard .jqplot-event-canvas {
		width: 100% !important;
	}
	.graficoBarDashboard {
		width: 100% !important;
	}
	.panelInternoDashboardSemMargem {
		border: none;
		background: transparent;
		margin-top: -30px !important;
	}

	/*Edição de perfil*/
	.tabViewFotoPerfil .ui-fileupload-buttonbar .ui-button {
		width: 260px !important;
		height: 60px !important;
		font-size: 16px !important;
		margin-left: 10% !important;
		margin-top: 6% !important;
	}
	.tabViewFotoPerfil .ui-button-text-icon-left .ui-button-text {
		padding-top: 20px !important;
		padding-left: 2px !important;
	}

	/*Edição de perfil*/
}

@media screen and (max-width: 880px) {
	.filsetGestorFormularios {
		margin-top: 25px !important;
	}
	/*aviso by:jhonathas*/
	.esquerdaAviso {
		position: relative;
		width: 57%;
		float: left;
		z-index: 1;
	}
	.direitaAviso {
		width: 40%;
		position: relative;
		float: left;
		z-index: 1;
	}
	.textoAviso {
		width: 16%;
		position: fixed;
		height: 20%;
		float: left;
		z-index: 2;
	}
	.balaoAviso {
		background: #fff;
		border-radius: 15px;
		width: 150px;
		height: 70px;
		position: fixed;
		rigth: 30px;
		margin-top: 35px;
		padding-left: 1%;
		padding-right: 1%;
		z-index: 2 !important;
		font-size: 15px !important;
		color: #000 !important;
	}
	.balaoAviso:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #000;
		bottom: -20px;
		left: 70%;
	}
	/*aviso by:jhonathas*/
	.iconePadrao{
	width: 70% !important;
}
}

@media screen and (max-width: 831px) {
	.painelChatTelaPrincipal {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		/* 		margin-right: -35px;
		margin-left: -30px; */
		float: left;
		width: 102.5% !important;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 20px;
		margin-bottom: 20px;
		height: 465px !important;
	}
	/*Edição de perfil*/
	.tabViewFotoPerfil .ui-fileupload-buttonbar .ui-button {
		width: 260px !important;
		height: 60px !important;
		font-size: 16px !important;
		margin-left: 3% !important;
		margin-top: 6% !important;
	}
	.tabViewFotoPerfil .ui-button-text-icon-left .ui-button-text {
		padding-top: 20px !important;
		padding-left: 2px !important;
	}

	/*Edição de perfil*/
}

@media screen and (max-width: 770px) {
	.panelInternoDashboardSemMargem {
		border: none;
		background: transparent;
		margin-top: -30px !important;
	}
	.textoLinkPequeno {
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		text-decoration: none;
		margin-left: 1px;
		margin-top: 5px;
	}
	.panelSchedule {
		height: 150px !important;
	}
	.panelDataTable {
		width: 98% !important;
	}
}

/*Início media 768*/
@media screen and (max-width: 768px) {
	.painelChatTelaPrincipal {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		/* 		margin-right: -35px;
		margin-left: -30px; */
		float: left;
		width: 103% !important;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 20px;
		margin-bottom: 20px;
		height: 790px !important;
	}
	.ocultarSocial {
		display: none;
	}
	.divCabecalho .ui-breadcrumb {
		background-color: transparent !important;
		border-top: 0px;
		border-left: 0px;
		border-right: 0px;
		border-bottom: 2px solid #EE8D66 !important;
		border-radius: 0px;
		padding: 0px;
	}

	/*menu direito Principal*/
	.menuPrincipalDireito {
		width: 45px;
		height: 34px;
		position: fixed;
		float: right;
		z-index: 1000;
		top: 2px !important;
		left: 88% !important;
		display: inline;
	}
	.menuPrincipalLinkDireito {
		font-size: 10px !important;
		font-weight: bold !important;
		position: fixed !important;
		margin-top: 23px;
		margin-left: -35px;
		cursor: pointer;
	}
	.menuPrincipalIntDireito:HOVER {
		background: #969191 !important;
		border-radius: 0px 6px 0px 10px;
		width: 45px;
		height: 34px;
		position: fixed;
		float: left;
		z-index: 1000;
		top: 2px !important;
		left: 88% !important;
	}
	.menuPrincipalDireito .fa-2x {
		font-size: 1.8em !important;
		width: 100% !important;
	}

	/*Estilo multiselectlistbox inicio*/

	/*Embaixo do body*/
	.botaoMenuNovo {
		border-radius: 50% !important;
		width: 30px;
		height: 30px;
		display: inline !important;
	}
	.botaoMenuNovo2 {
		margin-top: -3px !important;
		margin-left: 4px !important;
		display: none !important;
	}
	.textoLinks {
		text-decoration: none !important;
		font-weight: bold !important;
		font-size: 55% !important;
	}
	.textoLinks:HOVER {
		text-decoration: none !important;
		font-weight: bold !important;
		font-size: 55% !important;
	}
	#geral {
		margin-left: 6.5%;
	}
	.geral {
		margin-left: 6.5% !important;
		border-radius: 0px !important;
		background: #fff !important;
		padding: 0px !important;
		border: 0px !important;
	}
	.geralPrincipal {
		margin-left: 0% !important;
		border-radius: 0px !important;
		background: #fff !important;
		padding: 0px !important;
		border: 0px !important;
	}
	.leftMenu {
		margin: 0px;
		width: 6%;
		height: 100%;
		position: fixed;
		left: 0px;
		top: 0px;
		border: 0px;
	}
	.lateral2 {
		padding: 0px;
		font-size: 1.2em;
		height: 100%;
		overflow: hidden;
		width: 250px;
		position: fixed;
		top: 40px;
		float: left;
		left: 6.01%;
		background: rgb(118, 118, 118) !important;
		z-index: 1000;
		border: 0px !important;
		border-radius: 0px !important;
	}
	.rolagem {
		height: 380px;
		overflow-y: auto;
	}

	/*MenuButton*/
	.menuListAcoes .ui-button-text {
		font-weight: bold !important;
		border-color: #fff !important;
		font-size: 10px !important;
		margin-left: 15px !important;
		padding-left: 10px !important;
		text-shadow: none !important;
	}
	.menuListAcoes .ui-button {
		border-color: #fff !important;
	}
	.ui-menu {
		width: 210px !important;
		responsive: true !important;
	}
	.ui-menuitem {
		width: 96% !important;
		responsive: true !important;
	}

	/*MenuButton*/
	.alinDireitaTopoFormatos {
		margin-top: 0px;
		float: left !important;
		position: relative;
		margin-right: 0px !important;
		display: inline;
	}

	/*Estilo multiselectlistbox inicio*/
	.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer {
		width: 30%;
		height: 120px;
	}
	/*Estilo multiselectlistbox fim*/

	/* editor inicio */
	.ui-editor {
		background: #ccc !important;
		width: 50% !important;
	}
	.ui-editor-toolbar {
		width: 100% !important;
	}

	/* editor fim */

	/*Caixa de Dialogo Inicio */
	.scrollVertical {
		overflow-y: visible !important;
		height: 500px !important;
	}
	.tamanhoDialogo {
		width: 90% !important;
	}
	.tamanhoDialogoPequena {
		width: 90% !important;
		height: 45% !important;
	}

	/*Caixa de Dialogo Fim */
	.alinEsquerdaTopo {
		top: 3px;
		float: left !important;
		font-weight: bold;
		position: relative;
		margin-right: 0px !important;
		margin-bottom: 10px !important;
		margin-left: 5px !important;
	}
	.alinEsquerdaVagas {
		top: 3px;
		float: left !important;
		font-weight: bold;
		position: relative;
		margin-right: 0px !important;
		margin-bottom: 10px !important;
		margin-left: 5px !important;
	}
	.alinDireitaTopo {
		margin-top: 0px;
		float: rigth !important;
		position: relative;
		margin-right: 0px !important;
	}
	.botaoPainel {
		font-weight: bold !important;
		border-color: #fff !important;
		font-size: 10px !important;
		margin-left: 5px !important;
		margin-right: 0px !important;
		text-shadow: none !important;
		margin-top: 5px !important;
	}
	body {
		margin-top: 55px;
	}
	.botaoTexto {
		display: inline !important;
		background: none;
	}
	.botaoTexto:hover {
		display: inline !important;
		background: none !important;
	}
	.ui-widget-header {
		border: none !important;
	}
	/* Final Menu direito */
	.formularioCorpo {
		float: left;
		width: 98%;
		margin-right: 5%;
	}
	.formularioDireita {
		width: 98%;
		float: left;
	}

	/*Início mensagens Chat*/
	.ui-datatable-data .colunaHoraChat {
		width: 100% !important;
	}
	.colunaMensagemChat {
		width: 100% !important;
	}
	.colunaChat .ui-column-title {
		display: none !important;
	}
	.textoRemetenteChat {
		text-align: left;
		padding-left: 0px !important;
	}
	.textoDestinatarioChat {
		text-align: left;
		padding-left: 0px !important;
	}
	.textoSeparacaoDatasChat {
		text-align: center;
		width: 100%;
	}
	.painelMensagemSeparacaoData {
		border-radius: 0px 0px 0px 0px;
		background: rgb(175, 229, 255) !important;
		width: 30% !important;
		margin-left: 35% !important;
	}
	.textoNomeListaUsuario {
		white-space: pre-line !important;
		font-size: 20px !important;
		color: #000;
		margin-top: 10px !important;
	}
	.divNomeUsuarioChat {
		width: 50%;
		text-align: left;
		background: transparent;
		float: left;
		margin-top: 15px;
		margin-left: 5px;
	}
	.divOnlineChat {
		border-radius: 10%;
		background-color: rgb(159, 208, 55);
		width: 20%;
		text-align: center;
		float: left;
		margin-top: 15px;
	}
	.divOfflineChat {
		border-radius: 10%;
		background-color: rgb(241, 137, 131);
		width: 20%;
		text-align: center;
		float: left;
		margin-top: 15px;
	}
	.divQtdMensagensChatMaiorZero {
		background-color: rgb(255, 0, 0) !important;
		text-align: center !important;
		border-radius: 20% !important;
		width: 46% !important;
		float: right !important;
		position: absolute !important;
		right: 6px !important;
		top: 0px !important;
		color: #fff !important;
		font-size: 70% !important;
	}
	.painelMensagemRemetente {
		border-radius: 10px 0px 10px 10px;
		background: rgb(204, 255, 226) !important;
		margin-left: 15% !important;
	}
	.painelMensagemDestinatario {
		border-radius: 0px 10px 10px 10px;
		background: rgb(252, 251, 191) !important;
		margin-right: 15% !important;
	}
	.panelSchedule {
		height: 650px !important;
	}

	/*Fim mensagens Chat*/

	/*Edição de perfil by:jhonathas*/
	.tabViewFotoPerfil .ui-fileupload-buttonbar .ui-button {
		width: 260px !important;
		height: 60px !important;
		font-size: 16px !important;
		margin-left: 28% !important;
		margin-top: 6% !important;
	}
	.tabViewFotoPerfil .ui-button-text-icon-left .ui-button-text {
		padding-top: 20px !important;
		padding-left: 2px !important;
	}
	.tamanhoDialogoEdicaoPerfil {
		width: 90% !important;
	}
	.menuPrincipalDireitoSino {
		width: 45px;
		height: 34px;
		position: fixed;
		right: 80px;
		float: right;
		padding: 0px !important;
		display: inline;
		z-index: 1000;
		top: 2px !important;
	}
	/*aviso by:jhonathas*/
	.esquerdaAviso {
		position: relative;
		width: 57%;
		float: left;
		z-index: 1;
	}
	.direitaAviso {
		width: 40%;
		position: relative;
		float: left;
		z-index: 1;
	}
	.textoAviso {
		width: 40%;
		position: fixed;
		height: 20%;
		float: left;
		z-index: 2;
	}
	.balaoAviso {
		background: #fff;
		border-radius: 15px;
		width: 230px;
		height: 70px;
		position: fixed;
		rigth: 30px;
		margin-top: 35px;
		padding-left: 1%;
		padding-right: 1.5%;
		z-index: 2 !important;
		font-size: 15px !important;
		color: #000 !important;
	}
	.balaoAviso:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #000;
		bottom: -20px;
		left: 70%;
	}
	/*aviso by:jhonathas*/
	/*Edição de perfil*/

	/*tabFoto by:jhonathas*/
	.tabTireFoto {
		display: none !important;
	}
	.tabUploadFoto {
		display: none !important;
	}
	.iconePadrao{
		width: 60% !important;
	}
	/*tabFoto */
}
/*Fim media 768*/
@media screen and (max-width: 767px) {
	.panelSchedule {
		height: 150px !important;
	}
	.panelDataTable {
		width: 98% !important;
	}
}

@media screen and (max-width: 640px) {
	.tabViewFotoPerfil .ui-fileupload-buttonbar .ui-button .ui-button-text {
		top: 80px !important;
		display: inline !important;
	}
	.iconePadrao{
		width: 50% !important;
	}
}

@media screen and (max-width: 635px) {
	.painelGeralSemDadosDisponiveis {
		width: 100% !important;
		background: transparent;
		border: none;
	}
	.painelIconeSemDadosDisponiveis {
		width: 100%;
		float: left;
		background: transparent;
		border: none;
	}
	.painelMensagemSemDadosDisponiveis {
		width: 100%;
		float: right;
		background: transparent;
		border: none;
		margin-top: 30px;
	}
	.textoLinkPequeno {
		font-size: 12px !important;
	}
	body {
		margin-top: 55px;
	}
	.textoLinkPequeno {
		font-size: 12px !important;
	}
	.geral {
		margin-left: 11.5% !important;
		border-radius: 0px !important;
		background: #fff !important;
		padding: 0px !important;
		border: 0px !important;
	}
	.geralPrincipal {
		margin-left: 0% !important;
		border-radius: 0px !important;
		background: #fff !important;
		padding: 0px !important;
		border: 0px !important;
	}
	.leftMenu {
		margin: 0px;
		width: 11%;
		height: 100%;
		position: fixed;
		left: 0px;
		top: 0px;
		border: 0px;
	}
	.lateral2 {
		padding: 0px;
		font-size: 1.2em;
		height: 100%;
		overflow: hidden;
		width: 88%;
		position: fixed;
		top: 40px;
		float: left;
		left: 11.01%;
		background: rgb(118, 118, 118) !important;
		z-index: 1000;
		border: 0px !important;
		border-radius: 0px !important;
	}
	.lateral2 .ui-menu {
		width: 100% !important;
		border: none !important;
	}
	.fa-2x {
		font-size: 2em !important;
	}
	.textoLinks {
		text-decoration: none !important;
		font-weight: bold !important;
		font-size: 55% !important;
	}
	.textoLinks:HOVER {
		text-decoration: none !important;
		font-weight: bold !important;
		font-size: 55% !important;
	}
	.textoLinkPequeno {
		font-size: 12px !important;
	}
	#areaAcessoRapido {
		float: left;
		width: 100%;
		margin-top: 2%;
		margin-bottom: 10px;
	}
	.iconePadrao{
		width: 50% !important;
	}
}

@media screen and (max-width: 635px) {
	/* foto perfil  */
	.tabViewFotoPerfil .ui-fileupload-buttonbar .ui-button {
		width: 260px !important;
		height: 60px !important;
		font-size: 16px !important;
		margin-left: 19% !important;
		margin-top: 6% !important;
	}
	
	.iconePadrao{
		width: 50% !important;
	}
	
	/* Foto perfil */
}

@media screen and (max-width: 546px) {
	/*aviso by:jhonathas*/
	.esquerdaAviso {
		position: relative;
		width: 57%;
		float: left;
		z-index: 1;
	}
	.direitaAviso {
		width: 40%;
		position: relative;
		float: left;
		z-index: 1;
	}
	.textoAviso {
		width: 40%;
		position: fixed;
		height: 20%;
		float: left;
		z-index: 2;
	}
	.balaoAviso {
		background: #fff;
		border-radius: 15px;
		width: 200px;
		height: 70px;
		position: fixed;
		rigth: 30px;
		margin-top: 35px;
		padding-left: 1%;
		padding-right: 1.5%;
		z-index: 2 !important;
		font-size: 15px !important;
		color: #000 !important;
	}
	.balaoAviso:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #000;
		bottom: -20px;
		left: 70%;
	}

	/*aviso by:jhonathas*/
}

/*Início media 480*/
@media screen and (max-width: 480px) {
	.painelGeralSemDadosDisponiveis {
		width: 300px;
		background: transparent;
		border: none;
	}
	.painelIconeSemDadosDisponiveis {
		width: 100%;
		float: left;
		background: transparent;
		border: none;
	}
	.painelMensagemSemDadosDisponiveis {
		width: 100%;
		float: right;
		background: transparent;
		border: none;
		margin-top: 30px;
	}
	.menuPrincipalDireito {
		width: 45px;
		height: 34px;
		position: fixed;
		float: right;
		z-index: 1000;
		top: 2px !important;
		left: 85% !important;
		display: inline;
	}
	.menuPrincipalLinkDireito {
		font-size: 10px !important;
		font-weight: bold !important;
		position: fixed !important;
		margin-top: 23px;
		margin-left: -35px;
		cursor: pointer;
	}
	.menuPrincipalIntDireito:HOVER {
		background: #969191 !important;
		border-radius: 0px 6px 0px 10px;
		width: 45px;
		height: 34px;
		position: fixed;
		float: left;
		z-index: 1000;
		top: 2px !important;
		left: 85% !important;
	}
	.botaoTexto {
		display: inline !important;
		background: none;
	}
	.botaoTexto:hover {
		display: inline !important;
		background: none !important;
	}
	.ui-widget-header {
		border: none !important;
	}
	/* Final Menu direito */

	/*Estilo multiselectlistbox inicio*/
	.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer {
		width: 100%;
		height: 120px;
	}
	/*Estilo multiselectlistbox fim*/

	/* editor inicio */
	.ui-editor {
		background: #ccc !important;
		width: 100% !important;
	}
	/* editor fim */

	/*Caixa de Dialogo Inicio */
	.alinhamentoBiometria {
		width: 90% !important;
		float: left !important;
	}
	.scrollVertical {
		overflow-y: visible !important;
		height: 500px !important;
	}
	.tamanhoDialogoPequena {
		width: 90% !important;
		height: 45% !important;
	}
	.tamanhoDialogo {
		width: 90% !important;
	}
	.alinEsquerdaTopo {
		top: 3px;
		float: left !important;
		font-weight: bold;
		position: relative;
		margin-right: 0px !important;
		margin-bottom: 10px !important;
		margin-left: 5px !important;
	}
	.alinDireitaTopo {
		margin-top: 0px;
		float: right !important;
		position: relative;
		margin-right: 5px !important;
		display: inline;
		bottom: 0px;
	}
	
	.textoTitulo {
		font-weight: bold !important;
		font-size: 10px !important;
		word-wrap: break-word !important;
	}
	.iconePadrao{
		width: 40% !important;
	}
	.botaoPainel {
		font-weight: bold !important;
		border-color: #fff !important;
		font-size: 10px !important;
		margin-left: 5px !important;
		margin-right: 0px !important;
		text-shadow: none !important;
		margin-top: 5px !important;
	}
	.botaoSalvar {
		color: #18853C !important;
		background: #FFF !important;
		font-weight: bold !important;
		border-color: #fff !important;
		font-size: 10px !important;
		margin-left: 5px !important;
		margin-right: 0px !important;
		margin-top: 5px !important;
		text-shadow: none !important;
	}
	.botaoSalvar:hover {
		color: #fff !important;
		background: #18853C !important;
		font-weight: bold !important;
		border-color: #fff !important;
		font-size: 10px !important;
		margin-left: 5px !important;
		margin-right: 0px !important;
		margin-top: 5px !important;
		text-shadow: none !important;
		margin-left: 5px !important;
		margin-right: 0px !important;
		margin-top: 5px !important;
	}
	.botaoFechar {
		color: #D2524F !important;
		background: #FFF !important;
		font-weight: bold !important;
		border-color: #fff !important;
		font-size: 10px !important;
		margin-left: 5px !important;
		margin-right: 0px !important;
		margin-top: 5px !important;
		text-shadow: none !important;
		margin-left: 5px !important;
		margin-right: 0px !important;
		margin-top: 5px !important;
	}
	.botaoFechar:hover {
		color: #fff !important;
		background: #D2524F !important;
		font-weight: bold !important;
		border-color: #fff !important;
		font-size: 10px !important;
		margin-left: 5px !important;
		margin-right: 0px !important;
		margin-top: 5px !important;
		text-shadow: none !important;
		margin-left: 5px !important;
		margin-right: 0px !important;
		margin-top: 5px !important;
	}
	.botaoEditar {
		color: #DB7400 !important;
		background: #FFF !important;
		font-weight: bold !important;
		font-size: 12px !important;
		margin-left: 5px !important;
		margin-top: 5px !important;
		text-shadow: none !important;
	}
	.botaoEditar:hover {
		color: #fff !important;
		background: #DB7400 !important;
		font-weight: bold !important;
		font-size: 12px !important;
		margin-left: 5px !important;
		margin-top: 5px !important;
		text-shadow: none !important;
		margin-top: 5px !important;
	}
	.botaoPadrao {
		color: #2C6E9F !important;
		background: #FFF !important;
		font-weight: bold !important;
		font-size: 12px !important;
		margin-left: 5px !important;
		margin-top: 5px !important;
		text-shadow: none !important;
	}
	.botaoPadrao:hover {
		color: #fff !important;
		background: #2C6E9F !important;
		font-weight: bold !important;
		font-size: 12px !important;
		margin-left: 5px !important;
		margin-top: 5px !important;
		text-shadow: none !important;
		margin-top: 5px !important;
	}
	.header h1 {
		font-size: 20px;
		line-height: 40px;
	}
	body {
		margin-top: 55px;
	}

	/* Inicio Menu esquerdo pequeno*/
	.menuPrincipal {
		width: 45px;
		height: 34px;
		position: fixed;
		float: left;
		z-index: 1000;
		top: 2px !important;
		left: 0px !important;
	}
	.menuPrincipalInt:HOVER {
		background: #969191 !important;
		border-radius: 0px 6px 0px 10px;
		width: 45px;
		height: 34px;
		position: fixed;
		float: left;
		z-index: 1000;
		top: 2px !important;
		left: 0px !important;
	}
	.geral {
		margin-left: 11.5% !important;
		border-radius: 0px !important;
		background: #fff !important;
		padding: 0px !important;
		border: 0px !important;
	}
	.geralPrincipal {
		margin-left: 0% !important;
		border-radius: 0px !important;
		background: #fff !important;
		padding: 0px !important;
		border: 0px !important;
	}
	.leftMenu {
		margin: 0px;
		width: 13%;
		height: 100%;
		position: fixed;
		left: 0px;
		top: 0px;
		border: 0px;
	}
	.lateral2 {
		padding: 0px;
		font-size: 1.2em;
		height: 100%;
		overflow: hidden;
		width: 86%;
		position: fixed;
		top: 40px;
		float: left;
		left: 11.01%;
		background: rgb(118, 118, 118) !important;
		z-index: 1000;
		border: 0px !important;
		border-radius: 0px !important;
	}
	.fa-2x {
		font-size: 2em !important;
	}
	.textoLinks {
		text-decoration: none !important;
		font-weight: bold !important;
		font-size: 55% !important;
	}
	.textoLinks:HOVER {
		text-decoration: none !important;
		font-weight: bold !important;
		font-size: 55% !important;
	}

	/* Fim Menu esquerdo */

	/*Página principal*/
	#basePrincipal .conteiner {
		width: 100%;
		display: table;
		font-size: 80%;
	}
	#basePrincipal .usuario {
		width: 100%;
		text-align: right;
		word-wrap: break-word;
		white-space: normal !important;
		font-size: 80%;
	}
	#basePrincipal .ui-widget-header {
		border-radius: 10px !important;
		background: #D3D3D3;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
		border: none;
		color: #000 !important;
		font-size: 80%;
	}
	#basePrincipal .ui-widget-content {
		background: transparent;
	}
	#basePrincipal .baseInterno {
		width: 98%;
		display: table;
		float: left;
		margin: 1.5% 2% 0 2%;
		border-radius: 10px;
		background: #6495ED;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
		font-size: 80%;
	}
	#basePrincipal .baseInterno2 {
		width: 98%;
		display: table;
		float: left;
		margin: 1.5% 2% 0 2%;
		border-radius: 10px;
		background: #FFA500;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
		font-size: 80%;
	}
	#basePrincipal .baseInterno3 {
		width: 98%;
		display: table;
		float: left;
		margin: 1.5% 2% 0 2%;
		border-radius: 10px;
		background: #3CB371;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
		font-size: 80%;
	}
	#basePrincipal .baseInterno4 {
		width: 98%;
		display: table;
		float: left;
		margin: 1.5% 2% 0 2%;
		border-radius: 10px;
		background: #008B8B;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
		font-size: 80%;
	}
	#basePrincipal .baseInterno5 {
		width: 98%;
		display: table;
		float: left;
		margin: 1.5% 2% 0 2%;
		border-radius: 10px;
		background: #B22222;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
		font-size: 80%;
	}
	#basePrincipal .baseInterno6 {
		width: 98%;
		display: table;
		float: left;
		margin: 1.5% 2% 0 2%;
		border-radius: 10px;
		background: #00008B;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
		font-size: 80%;
	}
	#basePrincipal .baseInterno7 {
		width: 98%;
		height: 240px;
		float: left;
		margin: 1.5% 2% 0 2%;
		border-radius: 10px;
		background: #D2691E;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
		font-size: 80%;
	}
	#basePrincipal .baseInterno8 {
		width: 98%;
		height: 240px;
		float: left;
		margin: 1.5% 2% 0 0;
		border-radius: 10px;
		background: #B8860B;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
	}
	#basePrincipal .fa {
		color: #EBEBEB;
		width: 10px;
		height: 10px;
	}
	#basePrincipal .btnEstilo {
		width: 70%;
		height: 92%;
		top: 4px;
		border-radius: 5px;
		background: #D3D3D3;
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, .1),
			rgba(255, 255, 255, .4), rgba(255, 255, 255, 0),
			rgba(255, 255, 255, .4));
		color: #000;
		border: 0px;
		font-weight: bold;
		font-size: 80%;
		margin-bottom: 10px;
		height: 92%;
		top: 4px;
	}
	#basePrincipal .ui-grid-row {
		margin-top: 20px;
		text-align: center;
	}
	.botaoComMensagem {
		border-radius: 50% !important;
		width: 30px;
		height: 30px;
		animation-name: girando;
		animation-duration: 0.5s !important;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-direction: alternate-reverse;
	}
	.divQtdMensagensChatMaiorZero {
		background-color: rgb(255, 0, 0) !important;
		text-align: center !important;
		border-radius: 10% !important;
		width: 55% !important;
		float: right !important;
		position: absolute !important;
		right: 0 !important;
		top: 0px !important;
		color: #fff !important;
		font-size: 70% !important;
	}

	/*Início mensagens Chat*/
	.ui-datatable-data .colunaHoraChat {
		width: 100% !important;
	}
	.colunaMensagemChat {
		width: 100% !important;
	}
	.colunaChat .ui-column-title {
		display: none !important;
	}
	.textoRemetenteChat {
		text-align: right;
		padding-right: 0px !important;
	}
	.textoDestinatarioChat {
		text-align: left;
		padding-left: 0px !important;
	}
	.textoSeparacaoDatasChat {
		text-align: center;
		width: 100%;
	}
	.painelMensagemSeparacaoData {
		border-radius: 0px 0px 0px 0px;
		background: rgb(175, 229, 255) !important;
		width: 74% !important;
		margin-left: 13% !important;
	}
	.painelMensagemRemetente {
		border-radius: 10px 0px 10px 10px;
		background: rgb(204, 255, 226) !important;
		margin-left: 15% !important;
	}
	.painelMensagemDestinatario {
		border-radius: 0px 10px 10px 10px;
		background: rgb(252, 251, 191) !important;
		margin-right: 15% !important;
	}
	.textoNomeListaUsuario {
		white-space: pre-line !important;
		font-size: 11px !important;
		color: #000;
	}
	.divNomeUsuarioChat {
		width: 50%;
		text-align: left;
		background: transparent;
		float: left;
		margin-top: 0px;
		margin-left: 5px;
	}
	.divOnlineChat {
		border-radius: 10%;
		background-color: rgb(159, 208, 55);
		width: 20%;
		text-align: center;
		float: left;
		margin-top: 0px;
	}
	.divOfflineChat {
		border-radius: 10%;
		background-color: rgb(241, 137, 131);
		width: 20%;
		text-align: center;
		float: left;
		margin-top: 0px;
	}
	/*Fim mensagens Chat*/
	.panelDireitoNotification {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 85%;
	}
	.panelDireitoNotificationAzul {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 85%;
	}
	.panelDireitoNotificationVermelho {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 85%;
	}
	.panelDireitoNotificationAmarelo {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 85%;
	}
	.panelDireitoNotificationBranco {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 85%;
	}
	.panelDireitoNotificationVerde {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 85%;
	}
	.panelDireitoNotificationPreto {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 85%;
	}
	.panelDireitoNotificationLaranja {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 85%;
	}
	.panelDireitoNotificationRoxo {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 85%;
	}
	.textoLinkPequeno {
		font-size: 11px !important;
		font-family: Verdana, sans-serif, Arial;
		text-decoration: none;
		margin-left: 1px;
		margin-top: 5px;
	}
	.panelInternoDashboard {
		border: none;
		background: transparent;
		margin-top: -15px;
		width: 100% !important;
	}
	.panelInternoDashboardSubPanel {
		border: none;
		background: transparent !important;
		margin-top: 5px;
		width: 400px !important;
		margin-left: -140px !important;
		text-align: center !important;
	}
	/* foto perfil  */
	.tabViewFotoPerfil .ui-fileupload-buttonbar .ui-button {
		width: 230px !important;
		height: 20px !important;
		font-size: 16px !important;
		margin-left: 12% !important;
		margin-top: 6% !important;
		padding-top: 18px;
	}
	/* Foto perfil */
}

/*Fim media 480*/
@media screen and (max-width: 452px) {
	.panelSchedule {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		width: 93.3%;
		float: left;
		height: 360px !important;
		margin-left: -0.5% !important;
		margin-right: 2%;
		font-weight: bold !important;
		font-size: 12px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 20px;
		margin-left: -25px;
		display: table;
	}
	.panelGraficoDashboard {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		width: 93.3%;
		float: left;
		margin-left: -4.5% !important;
		height: 200px;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 0px !important;
		display: table;
		margin-bottom: 20px;
		height: 200px;
	}
	.panelDataTable {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		margin-left: -12.5% !important;
		float: left;
		width: 105% !important;
		height: 230px !important;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.panelInternoDashboardSubPanel {
		border: none;
		background: transparent;
		margin-top: -9px !important;
		width: 100% !important;
		margin-left: 0px !important;
		text-align: center !important;
	}
	.schedule {
		width: 100% !important;
		height: 250px !important;
	}
	
	.textoLink {
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
		text-decoration: none;
	}
	.textoLinkPequeno {
		font-size: 13px !important;
		font-family: Verdana, sans-serif, Arial;
		text-decoration: none;
		margin-left: 1px;
		margin-top: 5px;
	}
	.panelInternoDashboardSemMargem {
		border: none;
		background: transparent;
		margin-top: -20px !important;
	}
	.panelInternoDashboard {
		border: none;
		background: transparent;
		margin-top: -5px;
	}
	.ui-carousel .ui-carousel-dropdown, .ui-carousel .ui-carousel-mobiledropdown
		{
		display: none !important;
	}
	.alinEsquerdaTopoDashboard {
		top: 1px;
		float: left !important;
		font-weight: bold;
		position: relative;
		margin-right: 2px !important;
		margin-bottom: 5px !important;
		margin-left: 10px !important;
		border-radius: 0px !important;
	}
	.fc .button {
		-moz-box-sizing: border-box !important;
		-webkit-box-sizing: border-box !important;
		box-sizing: border-box !important;
		margin: 0px !important;
		height: 0px !important;
		padding: 0 !important;
		font-size: 1em !important;
		white-space: nowrap !important;
		cursor: pointer !important;
	}
	.fc .fc-button-group>* {
		float: left !important;
		margin: 0 0 0 -5px !important;
	}
	.fc .fc-toolbar>*>* {
		float: left !important;
		margin-left: .5em !important;
	}
	.carrocelDashboard {
		width: 100% !important;
		height: 230px !important;
		margin-left: 5px;
	}
	/*aviso by:jhonathas*/
	.esquerdaAviso {
		position: relative;
		width: 60%;
		margin-left: 30%;
		float: left;
		z-index: 1;
	}
	.direitaAviso {
		display: none;
		margin-left: 16%;
		width: 80%;
		position: relative;
		float: left;
		z-index: 1;
	}
	.textoAviso {
		width: 3%;
		position: fixed;
		height: 20%;
		float: left;
		z-index: 2;
	}
	.balaoAviso {
		background: #fff;
		border-radius: 15px;
		width: 160px;
		height: 70px;
		position: fixed;
		margin-top: 210px;
		padding-left: 1%;
		padding-right: 1.5%;
		z-index: 2 !important;
		font-size: 15px !important;
		color: #000 !important;
	}
	.balaoAviso:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		border-left: 0px solid transparent;
		border-right: 0px solid transparent;
		border-top: 0px solid #000;
		bottom: -20px;
		left: 70%;
	}
	/*aviso by:jhonathas*/
}

@media screen and (max-width: 434px) {
	/* foto perfil  */
	.tabViewFotoPerfil .ui-fileupload-buttonbar .ui-button {
		width: 200px !important;
		height: 20px !important;
		font-size: 16px !important;
		margin-left: 12% !important;
		margin-top: 6% !important;
		padding-top: 18px;
	}
	/* Foto perfil */
}

@media screen and (max-width: 365px) {
	/* foto perfil  */
	.tabViewFotoPerfil .ui-fileupload-buttonbar .ui-button {
		width: 200px !important;
		height: 20px !important;
		font-size: 16px !important;
		margin-left: 0% !important;
		margin-top: 6% !important;
		padding-top: 18px;
	}
	.tabViewFotoPerfil .ui-tabs .ui-tabs-panel {
		padding: 0px !important;
	}
	/* Foto perfil */
}

@media screen and (max-width: 350px) {
	body {
		margin-top: 55px;
	}
	.menuPrincipal {
		width: 45px;
		height: 34px;
		position: fixed;
		float: left;
		z-index: 1000;
		top: 2px !important;
		left: 0px !important;
	}
	.menuPrincipalInt:HOVER {
		background: #969191 !important;
		border-radius: 0px 6px 0px 10px;
		width: 45px;
		height: 34px;
		position: fixed;
		float: left;
		z-index: 1000;
		top: 2px !important;
		left: 0px !important;
	}
	.geral {
		margin-left: 13.5% !important;
		border-radius: 0px !important;
		background: #fff !important;
		padding: 0px !important;
		border: 0px !important;
	}
	.geralPrincipal {
		margin-left: 0% !important;
		border-radius: 0px !important;
		background: #fff !important;
		padding: 0px !important;
		border: 0px !important;
	}
	.leftMenu {
		margin: 0px;
		width: 13%;
		height: 100%;
		position: fixed;
		left: 0px;
		top: 0px;
		border: 0px;
	}
	.lateral2 {
		padding: 0px;
		font-size: 1.2em;
		height: 100%;
		overflow: hidden;
		width: 86%;
		position: fixed;
		top: 40px;
		float: left;
		left: 13.01%;
		background: rgb(118, 118, 118) !important;
		z-index: 1000;
		border: 0px !important;
		border-radius: 0px !important;
	}
	.fa-2x {
		font-size: 2em !important;
	}
	.textoLinks {
		text-decoration: none !important;
		font-weight: bold !important;
		font-size: 47% !important;
	}
	.textoLinks:HOVER {
		text-decoration: none !important;
		font-weight: bold !important;
		font-size: 47% !important;
	}
	.panelDashboardPrincipal {
		width: 99.5%;
		height: 100%;
		/*min-height: 850px;*/
		border-radius: 0px;
		background: transparent;
		border: none;
		font-family: 'PT_Sans', sans-serif !important;
		text-rendering: optimizeLegibility !important;
		margin-left: 17px;
	}
	.panelInternoDashboardSubPanel {
		border: none;
		background: transparent;
		margin-top: -9px !important;
	}
	
	.textoLink {
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
		text-decoration: none;
	}
	.textoLinkPequeno {
		font-size: 12px !important;
		font-family: Verdana, sans-serif, Arial;
		text-decoration: none;
		margin-left: 1px;
		margin-top: 5px;
	}
	.panelInternoDashboardSemMargem {
		border: none;
		background: transparent;
		margin-top: -20px !important;
	}
	.panelInternoDashboard {
		border: none;
		background: transparent;
		margin-top: -5px;
	}
	.ui-carousel .ui-carousel-dropdown, .ui-carousel .ui-carousel-mobiledropdown
		{
		display: none !important;
	}
	.alinEsquerdaTopoDashboard {
		top: 1px;
		float: left !important;
		font-weight: bold;
		position: relative;
		margin-right: 2px !important;
		margin-bottom: 5px !important;
		margin-left: 10px !important;
		border-radius: 0px !important;
	}
	.fc .button {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0px;
		height: 0px !important;
		padding: 0 !important;
		font-size: 1em !important;
		white-space: nowrap;
		cursor: pointer;
	}
	.botaoTutorial {
		border: solid 1px #000000;
		border-radius: 6px;
		text-decoration: none;
		width: 100px;
		height: 100px !important;
		background: #FFCC00;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0px;
		padding: 5px !important;
		word-wrap: break-word;
		white-space: nowrap;
	}
}

@media screen and (max-width: 360px) {
	.painelChatTelaPrincipal {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		/* 		margin-right: -35px;
		margin-left: -30px; */
		float: left;
		width: 99% !important;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 20px;
		margin-bottom: 20px;
		height: 830px !important;
	}
}

@media only screen and (orientation:portrait) and (max-width: 767px) {
	#aviso {
		display: none;
	}
}

@media only screen and (orientation:landscape) and (max-width: 767px)
	and (max-height: 480px) {
	body {
		overflow: hidden;
		margin-top: 55px; 
	}
	#aviso {
		background: #000000;
		display: inline-table;
		position: fixed;
		height: 100%;
		width: 100%;
		z-index: 9999;
		left: 0px;
		top: 0px;
		margin: 0px;
		overflow-y: hidden;
	}
	.orientacao {
		color: #fff !important;
		font-size: 2em !important;
		font-weight: bold !important;
	}
	#textoIncop {
		margin-left: 25%;
		width: 350px;
		text-align: center;
	}
	.imagemPhone {
		margin-left: 20%;
	}
}

@media only screen and (orientation:landscape) and (max-width: 600px)
	and (max-height: 480px) {
	body {
		overflow: hidden;
		margin-top: 55px;
	}
	#aviso {
		background: #000000;
		display: inline-table;
		position: fixed;
		height: 100%;
		width: 100%;
		z-index: 9999;
		left: 0px;
		top: 0px;
		margin: 0px;
		overflow-y: hidden;
	}
	.orientacao {
		color: #fff !important;
		font-size: 2em !important;
		font-weight: bold !important;
	}
	#textoIncop {
		margin-left: 19%;
		width: 350px;
		text-align: center;
	}
	.imagemPhone {
		margin-left: 20%;
	}
}

@media only screen and (orientation:portrait) and (max-width: 360px) and
	(max-height: 480px) {
	#aviso {
		display: none;
	}
}

@media only screen and (orientation:landscape) and (max-width: 360px)
	and (max-height: 480px) {
	body {
		overflow: hidden;
	}
	#aviso {
		background: #000000;
		display: inline-table;
		position: fixed;
		height: 100%;
		width: 100%;
		z-index: 9999;
		left: 0px;
		top: 0px;
		margin: 0px;
		overflow-y: hidden;
	}
	.orientacao {
		color: #fff !important;
		font-size: 1.8em !important;
		font-weight: bold !important;
	}
	#textoIncop {
		margin-left: 10%;
		width: 300px;
		text-align: center;
	}
	.imagemPhone {
		margin-left: 20%;
	}
}

@media only screen and (orientation:portrait) and (max-width: 330px) {
	#aviso {
		display: none;
	}
}

@media only screen and (orientation:portrait) and (max-width: 330px) {
	#aviso {
		display: none;
	}
}

@media only screen and (orientation:landscape) and (max-width: 361px) {
	body {
		overflow: hidden;
	}
	#aviso {
		background: #000000;
		display: inline-table;
		position: fixed;
		height: 100%;
		width: 100%;
		z-index: 9999;
		left: 0px;
		top: 0px;
		margin: 0px;
		overflow-y: hidden;
	}
	.orientacao {
		color: #fff !important;
		font-size: 1.5em !important;
		font-weight: bold !important;
	}
	#textoIncop {
		margin-left: 10%;
		width: 250px;
		text-align: center;
	}
	.imagemPhone {
		margin-left: 20%;
	}
}

@media only screen and (orientation:landscape) and (min-width: 0px) and
	(max-width: 360px) {
	#aviso {
		display: none;
	}
}

/*Define as cores das tabs*/
.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li{
	background:#edeff2 !important;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li:HOVER{
	background:#ffffff !important;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active{
	background:#ffffff !important;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active {
	border-bottom: #fff solid 1px !important;
}

/* !important is needed sometimes */
 ::-webkit-scrollbar {
    width: 12px !important;
 }

 /* Track */
::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important; 
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
 }

 /* Handle */
 ::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
   background: rgba(24,67,119,1) !important; 
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; 
 }
 ::-webkit-scrollbar-thumb:window-inactive {
   background: rgba(24,67,119,0.4) !important; 
 }
 
.ui-datatable .ui-state-highlight{
	background: #184377 !important;
	color: #ffffff !important;
	font-weight: bold !important;
}

.underlineHover:HOVER{
	text-decoration: underline !important; 
}

.closeButton{
	background: none !important;
	color: #D2524F !important;
	border: none !important;
	border-radius: 2px !important;
}

.closeButton:HOVER{
	background: #D2524F !important;
	color: #184377 !important;
	border: none !important;
	border-radius: 2px !important;
}

.ui-grid-row{
	background: none !important;
}

.ui-button-text-icon-left .ui-icon.fa{
	margin-top: -6px !important;
}

.ui-selectonemenu .ui-selectonemenu-label {
	width: 97% !important;
}


.ui-dialog-titlebar, .ui-panel-titlebar {
	background: #184277 !important;
}

.ui-panel-titlebar .alinEsquerdaTopo label , .ui-dialog-titlebar .alinEsquerdaTopo label, .ui-panel-title{
	color: white !important;
}

.ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-top {
	color: white !important;
}

 .caixaDashboard {
 	max-height: 117px;
}
 
.caixaDashboard:HOVER {
 	transform: scale(1.025, 1.025);
	transition: all 0.2s linear;
}

.btnAjudaFormularios{
	font-size: 50px !important;
	color: white !important;
	font-weight: bold !important;
	background-size: 53px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-color: #b5b5b5;
	width: 70px !important;
	height: 70px !important;
	border-radius: 50% !important;
	text-align: center;
	border: 1px solid #ccc;	
}

.btnAjudaFormularios:HOVER {
	background: #0E2644 !important;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
	-webkit-transition-duration: 0.7s; /* Safari */
    transition-duration: 0.7s;
	color: white !important;
}

.scaleAnimation:HOVER {
	transform: scale(1.1, 1.1);
	transition: all 0.1s linear;
}

.underlineOn{
	text-decoration: underline !important;
	
}

.underlineOn:HOVER{
	text-decoration: none !important;
	
}

.downloadButton{
	color: #18853C !important;
	background: #FFF !important;
	width:100% !important;
	height:auto !important;
	border-radius:0px !important;
	font-size:1.5em !important;
}

.downloadButton:HOVER{
	color: #fff !important;
	background: #18853C !important;
	width:100% !important;
	height:auto !important;
	border-radius:0px !important;
	font-size:1.5em !important;
}

.ui-dialog .ui-dialog-titlebar-close span{
	margin-top: -5px !important;
	background-color: #D2524F !important;
	background-image: url(/docente/resources/primefaces-unichristus/images/ui-icons_ffffff_256x240.png) !important;
	border: none !important;
	border-radius: 2px !important;
}

.ui-confirmdialog-yes{
	color: #fff !important;
	background: #18853C !important;
	font-weight: bold !important;
	font-size: 12px !important;
	margin-left: 5px !important;
	text-shadow: none !important;
}

.ui-confirmdialog-yes:HOVER{
	transform: scale(1.1, 1.1);
}

.ui-confirmdialog-no{
	color: #fff !important;
	background: #D2524F !important;
	font-weight: bold !important;
	font-size: 12px !important;
	text-shadow: none !important;
	margin-left: 5px !important;
}

.ui-confirmdialog-no:HOVER{
	transform: scale(1.1, 1.1);
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    background-image: url(/docente/resources/primefaces-unichristus/images/ui-icons_333333_256x240.png);
}

.ui-dialog-titlebar-icon.ui-dialog-titlebar-minimize .ui-icon
.ui-rowgroup-toggler .ui-icon,
.ui-selectcheckboxmenu-close .ui-icon,
.ui-datepicker-header .ui-icon,
.ui-state-highlight .ui-icon,
.ui-state-hover .ui-icon,
.ui-confirm-dialog .ui-button .ui-icon,
.ui-chkbox.ui-widget .ui-icon{
    background-image: url(/docente/resources/primefaces-unichristus/images/ui-icons_ffffff_256x240.png) !important;
}

.ui-wizard-nav-back:HOVER,
.ui-wizard-nav-next:HOVER{
	color: white !important;
}

.ui-datatable .ui-widget-header .ui-state-hover,
.ui-datatable .ui-widget-header .ui-state-active{
	color: white !important;
	font-weight: bold !important;
}

.ui-datatable .ui-column-filter:hover{
	color: black !important;
	font-weight: normal !important;
}

.ui-datepicker .ui-datepicker-next-hover{
	color : none !important;
}

.fc .fc-button-group>* {
    background: none !important;
}

.ui-selectcheckboxmenu-close:hover,
.ui-widget-content .ui-state-active,
.ui-datepicker .ui-state-default:hover,
.ui-panel .ui-panel-titlebar-icon:hover,
.ui-accordion .ui-accordion-header:hover,
.ui-dialog-titlebar-icon.ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar-icon.ui-dialog-titlebar-minimize:hover,
.fc-button-group .ui-state-active,
.ui-corner-all.ui-state-default .ui-state-hover,
.fc .fc-button-group>*:hover,
.ui-datepicker-next-hover,
.ui-datepicker-prev-hover{
	background: #409CDC !important; 
	font-weight: bold !important;
	color: white !important;
}

.ui-chkbox-box.ui-state-active{
	background: #184377 !important;
}


.aviso {
	border: 1px solid rgba(0, 0, 0, 0.1);
	word-wrap: break-word;
}

.aviso .titulo, .aviso .imagem, .aviso .informativo {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.aviso .titulo {
	background: white !important;
	color: #184377 !important;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}

.aviso .imagem {
	padding: 0;
}

.aviso .rodape {
	color: #184377;
}

.dialogoAviso {
	max-width: 502px !important;	
}

.dialogoAviso .ui-dialog-titlebar .ui-dialog-titlebar-close {
    margin-top: 0px !important;
}

.dialogoAviso .ui-carousel .ui-carousel-header .ui-carousel-header-title {
	width: 50% !important
}

.dialogoAviso .ui-carousel-header {
	width: calc(100% - 40px);
	border: none !important;
	background: white;
	color: #184377 !important;
}

.dialogoAviso .closeButton {
	position: absolute !important;
	top: 9px !important;
	right: 0% !important;
	z-index: 17 !important;
	width: 18px !important;
	height: 18px !important;
	border: none !important;
}

.dialogoAviso .ui-carousel-header .ui-icon {
	background-image: url("/docente/resources/primefaces-unichristus/images/ui-icons_333333_256x240.png");
}
.dialogoAviso .closeButton:HOVER {
	color: white !important;
}

.dialogoAviso .ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-top {
	background: white !important;
	border-bottom: 0 0 1px 0 solid rgba(0, 0, 0, 0.3) !important;
	height: 20px !important;
	padding: 0px !important;
}

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

.escolhaLayout.ui-selectonebutton .ui-button {
	padding: 5px 10px !important;
	font-size: 13px !important;
	width: 90px !important;
}

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

.cardPadrao {
	background: #fff;
	border: 1px solid #dadada;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
}

.cardPadrao:HOVER {
	transform: scale(1.1, 1.1);
	transition: all 0.1s ease-in-out;
}

.ui-carousel .ui-carousel-header {
    border-bottom: 2px solid #EE8D66 !important;
    border-radius: none;
    background: #fff;
    color: #184277;
    border-top: none;
    border-left: none;
    border-right: none;
}