@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 only screen and (orientation:portrait){
	#aviso { display:none; }
}


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

/*Inicio estilo Geral */


.textoTitulo {
		font-weight: bold !important;
		font-size: 11px !important;
}

/*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;
}

/*list menu */

/* 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;
	text-shadow: none;
}

/* 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;
}

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

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

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

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

.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;
	font-size: 12px !important;
	margin-left: 5px !important;
	text-shadow: none !important;
	box-shadow: 0 0 1px rgba(0,0,255,0.5) !important;
	background: #EDEFF2 !important;
}

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

.botaoSalvar {
	color: #18853C !important;
	background: #FFF !important;
	font-weight: bold !important;
	font-size: 12px !important;
	margin-left: 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;
}

.botaoEditar {
	color: #DB7400 !important;
	background: #FFF !important;
	font-weight: bold !important;
	font-size: 12px !important;
	margin-left: 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;
	text-shadow: none !important;
}

.botaoPadrao {
	color: #2C6E9F !important;
	background: #FFF !important;
	font-weight: bold !important;
	font-size: 12px !important;
	margin-left: 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;
	text-shadow: none !important;
}

.botaoFechar {
	color: #D2524F !important;
	background: #FFF !important;
	font-weight: bold !important;
	font-size: 12px !important;
	text-shadow: none !important;
	margin-left: 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;
}

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

/*menu esquerdo*/
.geral{
	margin-left: 4.5% !important;
	border-radius: 0px !important;
	background: transparent !important;
	padding: 0px !important;
	border: 0px !important; 
}

.geralPrincipal{
	margin-left: 0% !important;
	border-radius: 0px !important;
	background: transparent !important;
	padding: 0px !important;
	border: 0px !important; 
}


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

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

.botaoMenu:HOVER{
	background: #969191 !important;	
	cursor: pointer;
	border-radius: 0px 10px 0px 10px;
	width: 100% !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: rgba(255,255,255,0.2) !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;

}

/*menu direito Principal*/
.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: #969191 !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;

}

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

.float-r li:HOVER{
	background: #969191 !important;	
	cursor: pointer;
	border-radius: 0px 6px 0px 10px;
}

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

.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-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*/

/* Fim menu esquerdo */

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

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

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

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

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

.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;
	background: transparent !important;
}

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



/*Caixa de Dialogo fim*/

/*fim estilo Geral */

/* Inicio style do aluno */
.formularioPainel {
	display: table;
	width: 98%;
}

.formularioCorpo {
	float: left;
	width: 27%;
	margin-right: 5%;
}

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

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

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

.table {
	width: 100% !important;
}

/* página principal */
#basePrincipal .conteiner {
	width: 100%;
	display: table;
}

#basePrincipal .teste {
	margin-top: 12px;
}

#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;
	z-index: 1000 !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: #DCDCDC;
}

#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: 11px;
}

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

/*Inicio da nova tela principal da secretaria*/
.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;
}

.panelVerde {
	/*	
	width: 20%;
	height: 10% !important;
	float: left;
	margin-right: 1%;
	margin-left: 3%;
	background: #22b167;
	border-radius: 0px;
	display: block;
	color: #fff;
	*/
	padding-bottom: 5px;
	background: #22b167;
	text-align: center;
	color: #fff !important;
	border-radius: 0px !important;
	width: 22%;
	float: left;
	margin-right: 2%;
	height: 100px;
	font-weight: bold !important;
	font-size: 17px !important;
	font-family: Verdana, sans-serif, Arial;
	position: relative;
}

.panelVerde:hover {
	transform: scale(1.05, 1.05);
	transition: all 0.2s linear;
}

.panelAzul {
	padding-bottom: 5px;
	background: #409cdc;
	text-align: center;
	color: #fff !important;
	border-radius: 0px !important;
	width: 22%;
	float: left;
	margin-right: 2%;
	height: 100px;
	font-weight: bold !important;
	font-size: 17px !important;
	font-family: Verdana, sans-serif, Arial;
	position: relative;
}

.panelAzul:hover {
	transform: scale(1.05, 1.05);
	transition: all 0.2s linear;
}

.panelVermelho {
	padding-bottom: 5px;
	background: #d2524f;
	text-align: center;
	color: #fff !important;
	border-radius: 0px !important;
	width: 22%;
	float: left;
	margin-right: 2%;
	height: 100px;
	font-weight: bold !important;
	font-size: 17px !important;
	font-family: Verdana, sans-serif, Arial;
	position: relative;
}

.panelVermelho:hover {
	transform: scale(1.05, 1.05);
	transition: all 0.2s linear;
}

.panelAmarelo {
	padding-bottom: 5px;
	background: #f6bb4e;
	text-align: center;
	color: #fff !important;
	border-radius: 0px !important;
	width: 22%;
	float: left;
	margin-right: 2%;
	height: 100px;
	font-weight: bold !important;
	font-size: 17px !important;
	font-family: Verdana, sans-serif, Arial;
	position: relative;
}

.panelAmarelo:hover {
	transform: scale(1.05, 1.05);
	transition: all 0.2s linear;
}

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

.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: 55%;
	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: 35%;
	float: left;
	margin-right: 2%;
	margin-left: 10px;
	height: 200px;
	font-weight: bold !important;
	font-size: 14px !important;
	font-family: Verdana, sans-serif, Arial;
	margin-top: 20px;
	display: table;
	height: 200px;
	margin-bottom: 20px;
}

/*Fim da nova tela principal do aluno*/
.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;
}

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

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

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

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

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

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

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

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

.alinDireitaTopoFixo {
	margin-top: 0px;
	float: right !important;
	position: relative;
	margin-right: 0px !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: 90px;
	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: #d2524f;
}

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

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

/*Fim Página principal*/

/*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;
}


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

.panelDataTableChat {
		padding-bottom: 5px;
		background: transparent;
		margin-right: -35px;
		margin-left: 0% !important; 
		float: left;
		width: 96% !important;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 20px;
		margin-bottom: 20px;
		height: 260px !important; 
		border: 1px solid #9d9d9d; 
		border-radius: 4px !important;
}

.textoTituloChat {
		font-weight: bold !important;
		font-size: 14px !important;
}

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

/*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: -15px !important;
}

.perfilImagemBase{
	background: rgba(173, 173, 173,0.6) !important;
	width: 75px !important; 
	height: 30px !important;
	top: 82px !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;
}



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

.balao2{
	background: #0B2037;
    border-radius: 15px;
    width: 300px;
    height: 196px;
    z-index: 1000;
   	position: fixed;
   	right: 13px;
    float: right;
    top: 65px;
    padding: 0px !important;
    display: inline;
}
.balao2:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #a8a8a8;
    

    top: -10px;
    left: 88%;
}

.balao2 .itens{
	margin-top: 4px;
	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;
}

.balao2 .itens:HOVER{
	margin-top: 4px;
	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;
	background: #969191 !important;	
}

.balao2 .botaoTexto{
		font-size: 17px !important;
		margin-left: 4px !important;
		color: #fff;
		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 */


.backgraundVermelho{
	background: #EE6363 !important;
	color: black !important;
	text-align: center !important;
	font-weight: bold !important;
}

.backgraundAmarelo{
	background: #CDCD00 !important;
	color: black !important;
	text-align: center !important;
	font-weight: bold !important;
}

.backgraundVerde{
	background: #43CD80 !important;
	color: black !important;
	text-align: center !important;
	font-weight: bold !important;
}

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

@media screen and (max-width: 1920px) {
	body {
		margin-top: 3%;
	}
	.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;
	}
	.graficoBarDashboard {
		width: 100%;
		height: 314px;
		color: #363636 !important;
	}
	.panelInternoDashboardSubPanel {
		border: none;
		background: transparent;
		margin-top: -9px !important;
	}
	.carrocelDashboard {
		width: 100% !important;
		height: 230px !important;
		margin-top: -10px;
		margin-left: 0px;
		margin-right: -15px;
	}
	.panelVerde {
		padding-bottom: 5px;
		background: #22b167;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 22%;
		height: 80px;
		font-weight: bold !important;
		font-size: 15px !important;
		font-family: Verdana, sans-serif, Arial;
	}
	.panelAzul {
		padding-bottom: 5px;
		background: #409cdc;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 22%;
		height: 80px;
		float: left;
		margin-right: 2%;
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
	}
	.panelVermelho {
		padding-bottom: 5px;
		background: #d2524f;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 22%;
		height: 80px;
		float: left;
		margin-right: 2%;
		font-weight: bold !important;
		font-size: 11px !important;
		font-family: Verdana, sans-serif, Arial;
	}
	.panelAmarelo {
		padding-bottom: 5px;
		background: #f6bb4e;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 22%;
		height: 80px;
		float: left;
		margin-right: 2%;
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
	}
	.textoLink {
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
		text-decoration: none;
	}
	.textoLinkPequeno {
		font-size: 14px !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;
	}
	.panelDataTable {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		margin-right: -35px;
		margin-left: -30px;
		float: left;
		width: 55%;
		height: 280px;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.panelGraficoDashboard {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		width: 53.2%;
		float: left;
		margin-right: -35px;
		margin-left: -12px;
		height: 350px !important;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: -23px;
		margin-bottom: 20px;
		height: 200px;
	}
	.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;
	}
	.schedule {
		width: 100% !important;
		height: 580px !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;
	}
	.panelSchedule {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		width: 40%;
		float: left;
		margin-right: 2%;
		margin-left: 0% !important;
		height: 200px;
		font-weight: bold !important;
		font-size: 12px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 20px;
		margin-left: -25px;
		display: table;
	}
	
	.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: 87%;
	}
	
	.panelDireitoNotificationVermelho {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 87%;
	}
	
	.panelDireitoNotificationAmarelo {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 87%;
	}
	
	.panelDireitoNotificationBranco {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 87%;
	}
	
	.panelDireitoNotificationVerde {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 87%;
	}
	
	.panelDireitoNotificationPreto {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 87%;
	}
	
	.panelDireitoNotificationLaranja {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 87%;
	}
	
	.panelDireitoNotificationRoxo {
		float: left;
		margin-left: 1.5%;
		margin-top: -8px;
		height: 120px !important;
		border-radius: 20px !important;
		width: 87%;
	}
}

@media screen and (max-width: 1366px) {
	body {
		margin-top: 4%;
	}
	.panelGraficoDashboard {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		width: 58%;
		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: 60% !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: 35%;
		float: left;
		margin-right: 2.8%;
		margin-left: 5px;
		height: 200px;
		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: 57.3%;
		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;
	}
}

@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: 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));
		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: #DCDCDC;
	}
	#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;
	}
	/*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;
	}
	/*Chat*/
	/*Fim Página principal*/
}

/*Fim Página principal*/

/* Página formularioOnline Diálogo carta acúmulo bolsa*/
.textoDialogoAcunumloBolsa {
	font-size: 14px !important;
	text-align: justify !important;
}

.tamanhoDialogoAcunumloBolsa {
	width: 90% !important;
}

.scrollVerticalDialogoAcunumloBolsa {
	overflow-y: visible !important;
	height: 300px !important;
	text-align: justify !important;
}

.scrollVerticalDialogoAcunumloBolsa .ui-panel {
	border: none !important;
}
/*Fim Página formularioOnline Diálogo carta acúmulo bolsa*/

/*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;
}

@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: 10px;
}

.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: 72%;
	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 !important;
	color: #000;
}

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

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

@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: transparent !important;
		padding: 0px !important;
		border: 0px !important; 
	}
	
	.geralPrincipal{
		margin-left: 0% !important;
		border-radius: 0px !important;
		background: transparent !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*/
}

/**/
/*Início Responsividade 786*/
/**/
@media screen and (max-width: 992px) {
	.panelDataTableChat {
		padding-bottom: 5px;
		background: transparent;
		margin-right: -35px;
		margin-left: 0% !important; 
		float: left;
		width: 93% !important;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 20px;
		margin-bottom: 20px;
		height: 260px !important; 
		border: 1px solid #9d9d9d; 
		border-radius: 4px !important;
	}
	
	.panelSchedule {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		width: 93% !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;
	}
	.panelVerde {
		padding-bottom: 5px;
		background: #22b167;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 45%;
		float: left;
		margin-right: 2%;
		height: 100px;
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 10px;
	}
	.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;
	}
	.panelAzul {
		padding-bottom: 5px;
		background: #409cdc;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 45%;
		float: left;
		margin-right: 2%;
		height: 100px;
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 10px;
	}
	.panelVermelho {
		padding-bottom: 5px;
		background: #d2524f;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 45%;
		float: left;
		margin-right: 2%;
		height: 100px;
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
	}
	.panelAmarelo {
		padding-bottom: 5px;
		background: #f6bb4e;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 45%;
		float: left;
		margin-right: 2%;
		height: 100px;
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
	}
	.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: 93% !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: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		text-decoration: none;
		margin-left: 5px;
		margin-top: 5px;
	}
	.schedule {
		width: 100% !important;
		height: 650px !important;
	}
}

@media screen and (max-width: 942px) {
	.panelSchedule {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		width: 93%;
		height: 900px!importat;
		float: left;
		margin-right: 2%;
		margin-left: 0px;
		height: 700px !important;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 20px;
		height: 650px !important;
	}
	.panelVerde {
		padding-bottom: 5px;
		background: #22b167;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 45%;
		float: left;
		margin-right: 2%;
		height: 100px;
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 10px;
	}
	.panelDataTable {
		margin-left: -23px !important;
		width: 98% !important;
	}
	.panelAzul {
		padding-bottom: 5px;
		background: #409cdc;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 45%;
		float: left;
		margin-right: 2%;
		height: 100px;
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 10px;
	}
	.panelVermelho {
		padding-bottom: 5px;
		background: #d2524f;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 45%;
		float: left;
		margin-right: 2%;
		height: 100px;
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
	}
	.panelAmarelo {
		padding-bottom: 5px;
		background: #f6bb4e;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 45%;
		float: left;
		margin-right: 2%;
		height: 100px;
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
	}
	.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){
	/*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*/
}

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

@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;
	}
	
	/*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: 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;
	}
	
	/*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*/
	.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;
	}
	.tamanhoDialogoEdicaoPerfil{
		width: 90% !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: left !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: 10%;
	}
	
	.botaoMenuNovo{
		border-radius: 50% !important;
		width: 30px;
		height: 30px;
		display: inline !important;
	}

	.botaoMenuNovo2{
		margin-top: -3px !important; 
		margin-left: 4px !important;
		display:  none !important; 
	}
	
	#paginaPrincipal{
		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: transparent !important;
		padding: 0px !important;
		border: 0px !important; 
	}
	
	.geralPrincipal{
		margin-left: 0% !important;
		border-radius: 0px !important;
		background: transparent !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;
	}

	/* Inicio Menu direito */
	
	.botaoTexto {
		display: inline !important;
		background: none;
	}
	.botaoTexto:hover {
		display: inline !important;
		background: none !important;
	}
	.ui-widget-header {
		border: none !important;
	}
	.formularioCorpo {
		float: left;
		width: 98%;
		margin-right: 5%;
	}
	.formularioDireita {
		width: 98%;
		float: left;
	}
	.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: 20% !important;
		width: 46% !important;
		float: right !important;
		position: absolute !important;
		right: 6px !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: left;
		padding-left: 0px !important;
	}
	.textoDestinatarioChat {
		text-align: left;
		padding-left: 0px !important;
	}
	.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;
	}
	/*Fim mensagens Chat*/
	/*Edição de perfil*/
	.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;
	}
	
	/*menu direito Principal*/
	.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;
	}
	/*tabFoto */
}

/**/
/*Fim Responsividade 786*/
/**/

@media screen and (max-width: 640px){
	.tabViewFotoPerfil .ui-fileupload-buttonbar .ui-button .ui-button-text{
		top: 80px !important;
		display: inline !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;
	}
	
	body {
		margin-top: 10%;
	}
	
	.textoLinkPequeno {
	    font-size: 12px !important;
	}
	.geral{
		margin-left: 11.5% !important;
		border-radius: 0px !important;
		background: transparent !important;
		padding: 0px !important;
		border: 0px !important; 
	}
	
	.geralPrincipal{
		margin-left: 0% !important;
		border-radius: 0px !important;
		background: transparent !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: 90%;
		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;
	}
	
	/* 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;
	}
	/* 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 Responsividade 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;
	}
	.panelVerde {
		padding-bottom: 5px;
		background: #22b167;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 83%;
		height: 80px;
		font-weight: bold !important;
		font-size: 15px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 10px;
	}
	.panelAzul {
		padding-bottom: 5px;
		background: #409cdc;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 83%;
		height: 80px;
		float: left;
		margin-right: 2%;
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 10px;
	}
	.panelVermelho {
		padding-bottom: 5px;
		background: #d2524f;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 83%;
		height: 80px;
		float: left;
		margin-right: 2%;
		font-weight: bold !important;
		font-size: 11px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 10px;
	}
	.panelAmarelo {
		padding-bottom: 5px;
		background: #f6bb4e;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 83%;
		height: 80px;
		float: left;
		margin-right: 2%;
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
	}
	
	
	
	.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;
	}
	
	/*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: #DCDCDC;
		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;
	}
	/*Fim mensagens Chat*/

	/*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: left !important;
		position: relative;
		margin-right: 0px !important;
		display: inline;
	}
	.textoTitulo {
		font-weight: bold !important;
		font-size: 10px !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: #fff !important;
		background: #00BFFF !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: #0000FF !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: #fff !important;
		background: #FF0000 !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: #A52A2A !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;
	}
	.header h1 {
		font-size: 20px;
		line-height: 40px;
	
	}
	
	body {
		margin-top: 14%;
	}

	.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: transparent !important;
		padding: 0px !important;
		border: 0px !important; 
	}
	
	.geralPrincipal{
		margin-left: 0% !important;
		border-radius: 0px !important;
		background: transparent !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 ;
	}
	
	
	.textoRemetenteChat {
		text-align: right;
		padding-left: 10px !important;
	}
	.textoDestinatarioChat {
		text-align: left;
		padding-right: 10px !important;
	}
	.textoNomeListaUsuario {
		white-space: pre-line !important;
		font-size: 11px !important;
		color: #000;
	}
	
	.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%;
	}
	
	.panelDataTableChat {
		padding-bottom: 5px;
		background: transparent;
		margin-right: -35px;
		margin-left: 0% !important; 
		float: left;
		width: 84% !important;
		font-weight: bold !important;
		font-size: 14px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 20px;
		margin-bottom: 20px;
		height: 260px !important; 
		border: 1px solid #9d9d9d; 
		border-radius: 4px !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;
	}
	
		/*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*/
	/* Foto perfil */
}

@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: 360px) {
	.painelGeralSemDadosDisponiveis {
		width: 290px;
		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;
	}
	.panelSchedule {
		padding-bottom: 5px;
		background: transparent;
		border-radius: 0px !important;
		width: 93.3%;
		float: left;
		height: 200px !important;
		margin-left: -4.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: -13px !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: 200px !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;
	}
	.schedule {
		width: 100% !important;
		height: 250px !important;
	}
	.panelVerde {
		padding-bottom: 5px;
		background: #22b167;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 83%;
		height: 80px;
		font-weight: bold !important;
		font-size: 15px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 10px;
	}
	.panelAzul {
		padding-bottom: 5px;
		background: #409cdc;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 83%;
		height: 80px;
		float: left;
		margin-right: 2%;
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 10px;
	}
	.panelVermelho {
		padding-bottom: 5px;
		background: #d2524f;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 83%;
		height: 80px;
		float: left;
		margin-right: 2%;
		font-weight: bold !important;
		font-size: 11px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 10px;
	}
	.panelAmarelo {
		padding-bottom: 5px;
		background: #f6bb4e;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 83%;
		height: 80px;
		float: left;
		margin-right: 2%;
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
	}
	.textoLink {
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
		text-decoration: none;
	}
	.textoLinkPequeno {
		font-size: 14px !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: 180px !important;
		margin-left: 5px;
	}
}

@media screen and (max-width: 350px) {
	
	body {
		margin-top: 14%;
	}
	
	
	.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: transparent !important;
		padding: 0px !important;
		border: 0px !important; 
	}
	
	.geralPrincipal{
		margin-left: 0% !important;
		border-radius: 0px !important;
		background: transparent !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;
	}
	.panelVerde {
		padding-bottom: 5px;
		background: #22b167;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 83%;
		height: 80px;
		font-weight: bold !important;
		font-size: 15px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 10px;
	}
	.panelAzul {
		padding-bottom: 5px;
		background: #409cdc;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 83%;
		height: 80px;
		float: left;
		margin-right: 2%;
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 10px;
	}
	.panelVermelho {
		padding-bottom: 5px;
		background: #d2524f;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 83%;
		height: 80px;
		float: left;
		margin-right: 2%;
		font-weight: bold !important;
		font-size: 11px !important;
		font-family: Verdana, sans-serif, Arial;
		margin-top: 10px;
	}
	.panelAmarelo {
		padding-bottom: 5px;
		background: #f6bb4e;
		text-align: center;
		color: #fff !important;
		border-radius: 0px !important;
		width: 83%;
		height: 80px;
		float: left;
		margin-right: 2%;
		font-weight: bold !important;
		font-size: 17px !important;
		font-family: Verdana, sans-serif, Arial;
	}
	.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: 330px) {
		
	
}
/**/
/*Fim Responsividade 480*/
/**/


@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{
		
	}
	
	#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;
		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{
		
	}
	
	#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;
		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{
		
	}
	
	#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;
		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{
		
	}
	
	#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;
		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; 
	}
}

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

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

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

.btn:HOVER{
	background: #409CDC !important;
	text-shadow: none !important;
}

.ui-dialog .ui-dialog-titlebar-close span{
	margin-top: -5px !important;
	background-color: #D2524F !important;
	background-image: url(/osce/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-confirm-dialog .ui-button .ui-icon {
    background-image: url(/osce/resources/primefaces-unichristus/images/ui-icons_ffffff_256x240.png) !important;
}