html,body {
   background-color:#fff;
   position:relative;
   margin:0 auto;
}
body{
	padding-top:50px;
}
	
.overMenu {
	background: rgba(102,102,102,1.00);
	color:rgba(240,240,240,1.00)  !important;
}

/*
SCROLLBAR
*/

::-webkit-scrollbar{width:17px;height:17px;background-color:#f0f0f0;border:none}
::-webkit-scrollbar:disabled{background-color:#f9f9f9}
::-webkit-scrollbar-thumb{background-color:#cdcdcd;border:1px solid #f0f0f0}
::-webkit-scrollbar-thumb:hover{background-color:#dadada}
::-webkit-scrollbar-thumb:active{background-color:#606060}
::-webkit-scrollbar-thumb:disabled{background-color:#f9f9f9}
::-webkit-scrollbar-corner{background-color:#f0f0f0}
::-webkit-scrollbar-button{background-color:#f0f0f0;background-image:url(img/controls.png);background-repeat:no-repeat}
::-webkit-scrollbar-button:vertical{height:33px}
::-webkit-scrollbar-button:horizontal{width:33px}
::-webkit-scrollbar-button:horizontal:increment{background-position:0 -444px}
::-webkit-scrollbar-button:horizontal:decrement{background-position:12px -425px}
::-webkit-scrollbar-button:vertical:increment{background-position:-1px -391px}
::-webkit-scrollbar-button:vertical:decrement{background-position:-1px -358px}
::-webkit-scrollbar-button:hover{background-color:#dadada}
::-webkit-scrollbar-button:horizontal:increment:hover{background-position:0 -548px}
::-webkit-scrollbar-button:horizontal:decrement:hover{background-position:12px -529px}
::-webkit-scrollbar-button:vertical:increment:hover{background-position:-1px -495px}
::-webkit-scrollbar-button:vertical:decrement:hover{background-position:-1px -462px}
::-webkit-scrollbar-button:active{background-color:#606060}
::-webkit-scrollbar-button:horizontal:increment:active{background-position:0 -652px}
::-webkit-scrollbar-button:horizontal:decrement:active{background-position:12px -633px}
::-webkit-scrollbar-button:vertical:increment:active{background-position:-1px -599px}
::-webkit-scrollbar-button:vertical:decrement:active{background-position:-1px -566px}
::-webkit-scrollbar-button:disabled{background-color:#f9f9f9}
::-webkit-scrollbar-button:horizontal:increment:disabled{background-position:0 -756px}
::-webkit-scrollbar-button:horizontal:decrement:disabled{background-position:12px -737px}
::-webkit-scrollbar-button:vertical:increment:disabled{background-position:-1px -703px}
::-webkit-scrollbar-button:vertical:decrement:disabled{background-position:-1px -670px}


/*     
	INICIO FOLHA DE ESTILO DA TOOLBAR
*/	   
#toolBar{
	position:fixed;
	width:100%;
	height:50px;
	min-height:50px;
	top:0;
}
#toolBar .controlNav{
	float:left;
	width:200px;
	position:relative;
	max-height:50px;
	min-height:50px;
	font-size:28px;
	padding-left:15px;
	padding-top:8px;
	
}
#toolBar .childOptions{
	float:left;
	position:relative;
	margin-top:10px;	
}
#toolBar .userInfo{
	float: right;
	position:relative;
	width:215px;
	max-height:50px;
	min-height:50px;
}


#menuBar{
	top:0px;
	position:fixed;
	left:0px;
	background:rgba(0,0,0,0.41);
	width:100%;
	min-height:100%;
	height:100%;
	z-index:100;
	display:none;
	
}

.menuBarList{
	top:0px;
	left:0px;
	position:absolute;
	width:250px;
	height:100%;
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	background-color:rgba(255,255,255,1.00);
	margin:0px !important;
}
.menuBarList.hidden{
	left:-250px;
}


#menuBarList{
	margin-top:5%;
	overflow:auto;
	height:95%;
}

#menuBarList li{
	font-size:14px;
	padding:5px;
	color:#000;
	font-weight:400;
	cursor:pointer;
}

/*     
	INICIO FOLHA DE ESTILO DO CONTEÚDO
*/	   


#site{
	margin-right:216px;
	position:absolute;
	float:left;
	display:block;
}
#site #contentLeftColl, #site .headLeftColl{
	overflow:auto;
	width:200px;
	float:left;
	background-color:#FFFFFF;
	height:60px;
}
#site .headLeftColl{
	padding-top:20px;
	position:absolute;
}
#site #contentLeftColl{
	min-height:100%;
	max-height:100%;
	margin-top:60px;
}

#site #container{
	position:absolute;
	float:left;
	overflow:auto;
	margin-left:200px;
	min-height:100%;
	max-height:100%;
}

/*     
	INICIO FOLHA DE ESTILO DO CHAT
*/	   
 #chat {
   right:0; 
/* max-height:100%;
   height:100%;*/
   width:215px;
   position:fixed; 
   bottom:0;
   padding:0;
   top:50px !important;
   border-left:#ccc solid 1px;
   background-color:#EBEDEE !important;
}

/* Div que da referencia para ficar seção aberta do chat*/	   
#chatSessionContainer{
	position:fixed;
	bottom:0px;
	width:100%;
	right:220px;
	float:right;
}

/*Div que contem as seções de chat */
#barChatSession{
	right:0;
    bottom:0;
    position:absolute;	
}

/* seção do chat. aqui dentro ficam as conversas*/
#barChatSession .chat_session {
  border: #CCC solid 1px;
  float:right;
  width : 250px;
  bottom:0;
  margin-left:10px;
  position:relative;
}
/* Barra de opções da seção do chat*/
#barChatSession .chat_session .barraTop{
	 height:40px;
	 border-bottom-color:#999 solid 1px;
}

/*Aqui ficam as informações do usuario como nome e login*/
#barChatSession .chat_session .barraTop .infoUsu{
	float:left;
	margin:10px;
}   

/*Situação de off line do usuario no chatsession */
#barChatSession .chat_session .barraTop .infoUsu .online_indicator {
  float: left;
  width: 15px;
  height: 16px;
  background-image: url(../img/trafficlight.png);
}

/*Situação de on-line do usuario no chatsession */
#barChatSession .chat_session .barraTop .infoUsu .online_indicator.onLine {
  background-position: -15px 0;
}

/*Nome do usuario na barra do chatsession*/
#barChatSession .chat_session .barraTop .infoUsu .name{
	margin-left:5px;
}

/*Opções de controle do chat*/
#barChatSession .chat_session .barraTop .opc{
	float:right;
	margin:10px;
}

/* Botão que fecha a seessão do chat*/
#barChatSession .chat_session .barraTop .opc .closeChat{
	cursor:pointer;
	margin-left:10px;
}

/*folha de conversa. Neste espaço se apresentam as msgs enviadas e recebidas*/
#barChatSession .chat_session .chat_log{
	 background-color: #FFF;
	 bottom:0;
	 list-style-type: none;
	 margin-bottom:0;
	 padding-bottom:0;
	 height:200px;
	 max-height:200px;
	 overflow-y:scroll;
	 border:solid 1px #CCC;
}
/*Container da msg. Tabela que vai estruturar a aparição da msg*/
#barChatSession .chat_session .chat_log .from, #barChatSession .chat_session .chat_log .me{
	 margin:7px 0;
	 padding:0;
	 display:block;
	 float:left;
	 width:100%;
}

/*Esta é a celula onde vai a foto do usuario que esta conversando*/
#barChatSession .chat_session .chat_log .fotoChat{
	 width:34px;
	 display:inline-block;
	 padding-top:10px;
	 float:left
}
/*Mechendo o tamanho da foto*/
#barChatSession .chat_session .chat_log .fotoChat i{
	 font-size:24px;
	
}

/* Container da msg enviada e recebida*/
#barChatSession .chat_session .chat_log .msg{
	width:150px;
	background-color:#33F;
	background: -webkit-linear-gradient(rgba(50, 179, 227, 1),rgba(20, 93, 237, 1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(50, 179, 227, 1),rgba(20, 93, 237, 1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(50, 179, 227, 1),rgba(20, 93, 237, 1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(50, 179, 227, 1),rgba(20, 93, 237, 1)); /* Standard syntax (must be last) */
	box-shadow: -4px 4px 2px #C5C8CD;
    -webkit-box-shadow: -4px 4px 2px #C5C8CD; 
	-moz-box-shadow: -4px 4px 2px #C5C8CD;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	display: inline-block;
	float:left;
	
}

#barChatSession .chat_session .chat_log .msg div p{
	white-space:pre-wrap;
	word-wrap:break-word;
	color: floralwhite;
	padding: 6px;
	font-size: 13px;
	font-weight: bolder;
}

/* Caixa da mensagem enviada */
#barChatSession .chat_session .chat_log .me .msg{
	margin-left:34px;
	width:170px;
	background: -webkit-linear-gradient(rgba(50, 227, 77, 1),rgba(35, 164, 93, 1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(50, 227, 77, 1),rgba(35, 164, 93, 1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(50, 227, 77, 1),rgba(35, 164, 93, 1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(50, 227, 77, 1),rgba(35, 164, 93, 1)); /* Standard syntax (must be last) */
	box-shadow: 4px 4px 2px #C5C8CD;
    -webkit-box-shadow: 4px 4px 2px #C5C8CD; 
	-moz-box-shadow: 4px 4px 2px #C5C8CD;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	float:right;
	
}
/* Caixa de opções para o chat contem chat item chat menu */
.chat_box_item{
	min-height: 300px; max-height: 300px; bottom: 0px; margin-bottom: 50px; margin-top: 50px;overflow-y: auto;overflow-x: hidden;position: absolute;width: 100%;
}

.chat_box_item .chat_menu{
		position:fixed;
		width:100%;
		border-bottom: solid 1px #CFCFCF;
		margin-top:-30px;
		float:left;
}

.countNoReadMsg{
	color: #FD003D;
	font-weight: bold;
	/* border: solid 1px; */
	width: 30px;
	text-align: right;
	position: absolute;
	float: left;
	top: -20px;
	margin-left: 10px;
	z-index: 10;
}
	
.chat_box_item .chat_menu div{
		float:left;
		font-size:26px;
		width:70px;
		text-align:center;
}

.chat_box_item .chat_menu div:nth-child(2){
	border-left:solid 1px #989898;
	border-right:solid 1px #989898;
}

.chat_box_item .chat_menu div i{
	cursor:pointer;
	color: #fff;
	text-shadow:1px 2px 2px #555;
}

.chat_box_item .chat_menu div i.selButton{
	color: #1564B8 !important; 
	text-shadow:1px 2px 2px #ccc
}



ul.ultimasMsgs{
	display:none;
	list-style-type: none;
  	overflow: auto;
  	width: 100%;
	position:relative;
  	height: inherit;
}


ul.chat_list {
	list-style-type: none;
  	overflow: auto;
  	width: 100%;
	position:relative;
  	height: inherit;
}

ul.chat_list:nth-child(1){
	margin-left:3px;
}
ul.chat_list li {
  display:block;	
  width: 100%;
  padding: 5px 0;
  font-size:12px;
  cursor:pointer;
  cursor:hand;
  border-bottom:solid 1px #ccc;
}/*

.chat_list li:nth-child(odd) {
  background-color: #80ccff;
}
*/
.chat_list span {
  margin: 10px;
}

#chatListHidden{
	float   :left;
	position:fixed;
	bottom  :0;
	border: solid #000;
	border-bottom:0;
	display:none;
	cursor:pointer;
	width   :60px;
	margin-left:20px;
	height  :40px;
	border-radius:5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}

#boxChatListHidden{
	position:fixed;
	bottom:37px;
	width:230px;
	border:#000 solid 3px;
	margin-left:7px;
	background:#FFF;
	display:none;
	padding-top:20px;
	padding-bottom:20px;
}
#boxChatListHidden .chatItemList{
	float:left;
	margin-left:10px;
	margin-right:10px;
}

#boxChatListHidden li:hover{
	background-color:#06C;
	color:#fff;
}

#boxChatListHidden li{
	cursor:pointer;
	list-style-type: none;
	width:100%;
	float:left;
	padding-bottom:5px;
	padding-top:5px;
}

#chatListHidden span{
    font-weight: 900;
    font-size: 15px;
}


#chatListHidden i{
	margin-left:5px;
	margin-top :5px;
	font-size  :30px;
	
}


.online_indicator {
  float: left;
  width: 15px;
  height: 16px;
  background-image: url(../img/trafficlight.png);
}

.online_indicator.list{
	float:right;
	margin:0;
	margin-right:10px;
}


.online_indicator.online {
  background-position: -15px 0;
}



 
span.msgChat{
	 margin-top:10px;
	 margin-bottom:10px;
	 margin-left:34px;
	 margin-right:10px;
 }
span.msgChat.r{
	 margin-top:20px;
	 margin-left:0;
	 margin-right:30px;
 }
 

span.msgChat .textMsg{
	 border-radius:4px;
	 border:0.1em solid #ccc;
	 background-color: #dbedfe;
	 margin-left:10px;
	 background-image: -webkit-gradient(linear, center bottom, center top, from(#c7defe), to(#e7f1fe)); 
 	 background-image: -webkit-linear-gradient(bottom, #c7defe, #e7f1fe);
 }
 span.msgChat.r .textMsg{
	 border-radius:4px;
	 border:0.1em solid #ccc;
	 background-color: #dbedfe;
	 margin-left:10px;
	 background-image: -webkit-gradient(linear, center bottom, center top, from(#48EC90), to(#B2F7D3)); 
 	 background-image: -webkit-linear-gradient(bottom, #48EC90, #B2F7D3);
 }
 
span.msgChat .textMsg p{
	 /*margin-left:10px;*/
	 font-size:0.85em;
	 /*padding:7px;*/
	 max-width:100%;
	 overflow-wrap: break-word;
 }
 /*
 div.msgChat:before{
	 width:13.5px;
	 height:22px;
	 margin-top:8px;
	 content:" ";
	 float:left;
	 background-image: url(../img/chat_msg_bico.png);
	 background-color: #dbedfe;
	 background-position:0 -4px;
 }
 
 
 div.msgChat.r:before{
	 width:13.5px;
	 height:29px;
	 margin-top:8px;
	 content:" ";
	 margin-right:-12.5px;
	 float:right;
	 background-image: url(../img/chat_msg_bico.png);
	 background-color: #A4EEC7;
	 background-position:14px 0px;
 }
 */
 
 div.msgChat.r .textMsg p{
	 /*margin-left:10px;
	 margin-right:0px;*/
	 font-size:0.85em;
 }
 
 
 
.textBoxChat{
	width:200px;
	border:0;
	outline:none; 
	font-size:12px;
	resize:none
}
 
.sendChat{
	font-size:30px; 
	color:#CCC; 
	cursor:pointer; 
	margin-top:3px
}

/*
       folha de estilo do ChatMsgItem
*/

.msgChatItem{
	cursor:pointer;s
	background-color:#E5D7EF;
	margin:5px 0 !important;
	background: -webkit-linear-gradient(rgba(236, 252, 252, 1),rgba(231, 234, 255, 1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(236, 252, 252, 1),rgba(231, 234, 255, 1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(236, 252, 252, 1),rgba(231, 234, 255, 1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(236, 252, 252, 1),rgba(231, 234, 255, 1)); /* Standard syntax (must be last) */
	box-shadow: -4px 4px 2px #C5C8CD;
    -webkit-box-shadow: -4px 4px 2px #C5C8CD; 
	-moz-box-shadow: -4px 4px 2px #C5C8CD;
	color:#244BB1;
	text-shadow:1px 1px 1px #ccc;
}

.msgChatItem td{
	padding:0;
	margin:0;
	border:0 !important;
}

.msgChatItem .fotoUsuario{
	width:40px;
	max-width:40px;
}
.msgChatItem .infoMsg div{
	font-size:11px;
	color:steelblue;
}
.msgChatItem .dsMsg{
	font-size:11px;
}

.msgChatItem .infoMsg .nomeMsg.onLine:before{
	content:"online";
	color:#11F916;
	float:right;
}

.msgChatItem .infoMsg .nomeMsg.offLine:before{
	content:"offline";
	color: #F80004;
	float:right;
}
/*
label.error{
	display:block;
	font-weight:bold;
	color:#FF0004;
	font-family: "iconFont";
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
display: inline-block;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
position: relative;
}



label.error:before{
	content:"\e087";
	padding:5px;
}
*/

._LoadBall{
	font-size:80px;
	float:left;
	position:absolute;
	color:rgba(20,134,255,1.00);
	top:0px;
	left:-15px;
	border:rgba(0,0,0,1.00) solid 1px;
	font-family:abril-fatface;
	
}
#_loading{
	padding:0 !important;
	margin:0;
	top:-20px;
	position:fixed;
	overflow:hidden;
	width:100%;
	display:none;
	background-color:rgba(255,255,255,1.00);
	height:55px;
	max-height:55px;
}
._loadContainer{
	transition: padding-top .3s;
	-webkit-transition:padding-top .3s;
	padding-top: 35px;
	
}

@media (min-width: 768px) and (max-width: 979px) {}

@media (max-width: 767px) {}

@media (max-width: 680px) {}