::selection{
	background-color: #ddd;
	color: #000;
}

*{
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	outline-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

* html .englob-all{
	height: 100%; /* hack para IE6 que trata height como min-height */
}

html,
body{
	height: 100%;
}

body{
	/*background-image: url("../img/bg-topo.jpg");*/
	background-repeat: repeat-x;
	overflow-x: hidden;
	cursor: url("../img/cursors/cursor.cur"), url("../img/cursors/cursor.png"), auto;
}

body.history-propostas{
	background: none;
	background-image: url("../img/bg-line-history-propostas.jpg");
	background-repeat: repeat-y;
	background-position: 4px 0;
}

input[type="submit"],
input[type="button"]{
	cursor: pointer;
}

.aviso_ie10{
	float: left;
	width: 760px;
	padding: 10px;
	background-color: pink;
	border: 1px solid red;
	color: red;
	margin-bottom: 30px;
	text-align: justify;
	line-height: 21px;
	margin-top: -10px
}

.attention-page{
	position: absolute;
	right: -210px;
	top: 100px;
	z-index: 999999;
	background-color: #fdeed7;
	width: 250px;
	padding: 10px;
	border: 1px solid #f8bf6b;
	background-image: url("../img/attention.jpg");
	background-repeat: no-repeat;
	background-position: 10px 10px;
	min-height: 40px;
}

.attention-page .close{
	float: left;
	margin-left: -25px;
	margin-top: -25px;
	cursor: pointer;
	display: none;
}

.attention-page h1{
	float: right;
	width: 190px;
	font-size: 14px;
	text-align: right;
}

.attention-page p{
	float: right;
	width: 190px;
	text-align: right;
	display: none;
}

.attention-page #message_sendCod{
	float: left;
	width: 250px;
	margin-top: 10px;
	display: none;
}

/*fancy forgot pass*/
#forgot-pass{
	display: none;
	width: 400px;
	background-color: #fff;
}

#forgot-pass h1{
	float: left;
	width: 100%;
	text-transform: uppercase;
	font-size: 14px;
	color: #444;
	margin-bottom: 20px;
}

#forgot-pass div{
	float: left;
	width: 390px;
	margin-bottom: 10px;
	padding: 5px;
}

#forgot-pass div span{
	float: left;
	color: #000;
	margin-top: 9px;
}

#forgot-pass div em{
	font-size: 12px;
}

#forgot-pass div input[type="text"],
#forgot-pass div select{
	float: right;
	width: 230px;
	padding: 5px 8px;
	border: 1px solid #aaa;
}

#forgot-pass div input[type="submit"]{
	float: right;
	padding: 5px 8px;
	background-color: #1d98ad;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#forgot-pass div input[type="submit"]:hover{
	background-color: #187d8f;
}
/*fancy forgot pass*/

#load-import{
	display: none;
}

.action-open-proposta{
	padding: 30px;
	display: none;
	min-width:100px;
	/*width: 460px;*/
}

.action-open-proposta textarea{
	float: left;
	width: 440px;
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 20px;
	height: 80px;
	resize: vertical;
}

.action-open-proposta a{
	padding: 10px;
	background-color: #666;
	color: #fff;
}

.action-open-proposta div{
	float: left;
	margin-bottom: 30px;
	width: 100%;
}

.action-open-proposta div span{
	float: left;
	margin-right: 20px;
}

.action-open-proposta div input{
	float: left;
}

/*fancy forms*/
#addCliente{
	display: none;
	width: 880px;
	background-color: #fff;
}

#addCliente .left{
	float: left;
	width: 430px;
	min-height: 230px;
}

#addCliente .right{
	float: right;
	width: 430px;
	min-height: 230px;
}

#addCliente .envio_retorno{
	float: left!important;
	width: 100%!important;
	background-color: transparent!important;
	margin: 0!important;
	padding: 0!important;
}

#addCliente h1{
	float: left;
	width: 100%;
	text-transform: uppercase;
	font-size: 15px;
	color: #444;
	margin-bottom: 20px;
}

#addCliente div{
	float: left;
	width: 420px;
	background-color: #fff;
	margin-bottom: 10px;
	padding: 5px;
}

#addCliente div span{
	float: left;
	color: #000;
	margin-top: 9px;
}

#addCliente div em{
	font-size: 12px;
}

#addCliente div input[type="text"],
#addCliente div select{
	float: right;
	width: 230px;
	padding: 5px 8px;
	border: 1px solid #aaa;
}

#addCliente div input[type="text"].short{
	width: 171px;
}

#addCliente div input[type="text"].min{
	width: 38px;
	margin-left: 3px;
	color: #aaa;
}

#addCliente div input[type="submit"]{
	float: right;
	padding: 5px 8px;
	background-color: #ff3300;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#addCliente div input[type="submit"]:hover{
	background-color: #ff6600;
}

/*fancy forms*/

#message_cadastro_empresa img,
#message_cadastro_proposta img,
#messagefancy_cadCliente img,
#messagefancy_forgotPass img,
#message_cadastro_user img,
#message_lembrete img,
#message_aprova_reprova img{
	float: right;
	margin-right: 10px;
	margin-top: 8px;
}

.return-reenvio{
	float: left;
	width: 460px;
	padding: 8px;
	margin-top: 20px;
	margin-left: -10px;
}

#message_login{
	float: right;
	margin-right: 3px;
}

#message_lembrete{
	float: left;
	width: 122px;
}

#message_lembrete em{
	font-size: 12px;
}

#message_cadastro_empresa{
	float: left;
	width: 330px;
}

#message_cadastro_proposta{
	float: right;
	margin-right: 10px;
}

#messagefancy_cadCliente,
#message_aprova_reprova{
	float: right;
	margin-right: 10px;
}

#messagefancy_forgotPass{
	float: left;
	margin-right: 10px;
	width: 260px;
}

#message_cadastro_user{
	float: right;
	margin-right: 10px;
}

#message_cadproduto{
	float: left;
	width: 100%;
}

#message_cadproduto .error_message,
#message_cadproduto .success_return{
	width: 750px;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-style: normal;
}

#message_cadproduto .error_message{
	background-color: #ffd3d3;
	border: 1px solid red;
}

#message_cadproduto .success_return{
	background-color: #9f9;
	border: 1px solid green;
}

.error_message{
	float: left;
	color: red;
	background-color: #fff;
	padding: 8px 15px;
	font-weight: bold;
}

.success_return{
	float: left;
	color: green;
	background-color: #fff;
	padding: 8px 15px;
	font-weight: bold;
}

.content{
	margin: 0 auto;
	width: 1000px;
}

.clear{
	clear: both;
}

.title-session-page{
	float: left;
	padding-left: 10px;
	font-size: 18px;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 30px;
	padding: 10px 0 10px 10px;
	width: 770px;
	background-image: url("../img/bg-cad.jpg");
	background-repeat: repeat-x;
}

.englob-all{
	min-height: 100%;
	position: relative;
}

.container{
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 50px;
	display: table;
	position: relative;
}

.principal{
	float: left;
	width: 100%;
	margin-top: 10px;
}

.principal.no-short{
	margin-top: 30px!important;
}

.no-short .chamada{
	float: left;
}

.no-short .chamada h1{
	float: left;
	width: 100%;
	font-size: 25px;
	font-weight: normal;
	text-transform: uppercase;
}

.no-short .chamada h3{
	float: left;
	width: 100%;
	text-transform: uppercase;
	font-weight: normal;
	margin: 10px 0;
}

.no-short .about{
	float: left;
	margin-top: 30px;
}

.no-short .cadastro{
	float: right;
	width: 500px;
	margin-top: 30px;
	padding: 20px 20px;
	background-color: #e8e8e8;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.no-short .cadastro .left{
	float: left;
	width: 500px;
}

.pdf-opened{
	background-color: #ccc
}

.feedback-disapproval{
	float: left;
	width: 100%;
	text-align: center;
	background-color: #fff;
	margin-top: 90px;
	padding: 0 0 40px 0;
}

.feedback-disapproval h1{
	font-size: 20px;
	margin-bottom: 20px;
	padding: 40px 0 20px 0;
}

.feedback-disapproval.error{
	border: 1px solid #a80000;
}

.feedback-disapproval.error h1{
	background-color: #a80000;
	color: #fff;
}

.feedback-disapproval.success{
	border: 1px solid #005e00;
}

.feedback-disapproval.success h1{
	background-color: #005e00;
	color: #fff;
}

.feedback-disapproval span{
	width: 100%;
}

.feedback-disapproval span a{
	color: #666;
	border-bottom: 1px solid #666;
}

.option-proposta-opened{
	float: left;
	margin-top: 10px;
	height: 30px;
	margin-bottom: 2px;
	margin-left: 90px;
}

.option-proposta-opened ul{
	float: left;
}

.option-proposta-opened ul li{
	display: inline;
	float: left;
}

.option-proposta-opened ul li a{
	float: right;
	margin: 5px;
	border: 1px solid #fff;
	padding: 3px;
}

.options-reprovacao{
	display: none;
	width: 400px;
}

.options-reprovacao span{
	float: left;
	margin-bottom: 10px;
}

.options-reprovacao select{
	float: left;
	width: 390px;
	border: 1px solid #aaa;
	padding: 5px;
}

.options-reprovacao input[type="text"]{
	float: left;
	width: 300px;
	margin-bottom: 5px;
	border: 1px solid #aaa;
	padding: 5px;
}

.options-reprovacao #load,
.options-reprovacao #load-aprova{
	float: left;
	margin-left: 20px;
	margin-top: 13px;
	margin-bottom: 0;
}

.options-reprovacao #load strong,
.options-reprovacao #load-aprova strong{
	border: 1px solid red;
	float: left;
	padding: 4px;
	color: red;
	background-color: #fff;
}

.options-reprovacao a{
	float: left;
	margin-top: 10px;
	border: 1px solid red;
	color: #fff;
	background-color: #b30000;
	padding: 3px 5px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.options-reprovacao a.aprovacao{
	float: left;
	margin-top: 10px;
	border: 1px solid green;
	color: #fff;
	background-color: #00b600;
	padding: 3px 5px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.options-reprovacao a:hover{
	background-color: #df0000;
}

.options-reprovacao a.aprovacao:hover{
	background-color: #1c7e1c;
}

iframe.read-pdf{
	float: left;
	width: 100%;
	height: 600px;
}

.message-proposta-none{
	float: left;
	margin-top: 30px;
	width: 1000px;
}

.message-proposta-none h1{
	float: left;
	width: 980px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #fff;
	background-color: #c91b1b;
	padding: 10px;
}

.message-proposta-none p{
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

.message-proposta-none p a{
	color: #c91b1b;
}

.message-proposta-none p a:hover{
	text-decoration: underline;
}

.cadastro h1{
	float: left;
	width: 100%;
	font-weight: normal;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.cadastro .right div{
	float: left;
	width: 100%;
	margin-bottom: 14px;
}

.cadastro .right div:last-child{
	margin-bottom: 0;
}

.cadastro .right div span{
	float: left;
	margin-top: 5px;
}

.cadastro .right div input{
	float: right;
}

.cadastro .right div input[type="text"],
.cadastro .right div input[type="password"]{
	padding: 10px;
	width: 250px;
	border: 1px solid #ccc;
}

.cadastro .right div input[type="text"].opacity{
	color: #ccc;
}

.cadastro .right div input[type="submit"]{
	background-color: #4674b5;
	border: 1px solid #fff;
	padding: 5px 10px;
	color: #fff;
	text-transform: uppercase;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.cadastro .right div input[type="submit"]:hover{
	background-color: #396195;
}

/*topo*/
.container .topo{
	float: left;
	width: 100%;
}

.container .topo img.logo{
	float: left;
	width: 200px;
	margin-top: 15px;
}

.container .topo .right{
	float: right;
	width: 750px;
}

.topo .right .login{
	position: relative;
	float: right;
	width: 100%;
	margin-top: 10px;
}

#indicativoLogin{
	position: absolute;
	display: none;
	top: 40px;
	right: 400px;
}

.right .login input[type="text"],
.right .login input[type="password"]{
	float: right;
	margin-right: 3px;
	padding: 7px;
	background-color: #4674b5;
	border: 1px solid #fff;
	color: #fff;
}

.right .login input[type="submit"]{
	float: right;
	margin-right: 3px;
	padding: 7px;
	background-color: #fff;
	border: 1px solid #fff;
	text-transform: uppercase;
	color: #4674b5;
	font-size: 12px;
}

.right .forgot{
	float: right;
	width: 100%;
	margin-top: 15px;
	text-align: right;
	margin-right: 125px;
}

.right .forgot a{
	float: right;
	color: #000;
	font-size: 11px;
	border-bottom: 2px solid transparent;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.right .forgot a:hover{
	border-bottom: 2px solid #fff;
}

.topo .right .welcome{
	float: right;
	width: 500px;
}

.welcome p{
	float: left;
	text-align: right;
	width: 480px;
	margin-bottom: 5px;
	color: #000;
}

.welcome p:first-child{
	margin-top: 5px;
}

.welcome ul{
	float: right;
	width: 15px;
}

.welcome ul li{
	float: left;
	list-style-type: none;
}

.welcome ul li a{
	float: left;
}

.welcome ul li a img{
	float: left;
}

.topo .nav{
	float: right;
	margin-top: 5px;
	border: 1px solid #000;
}

.topo .nav ul{
	float: right;
}

.topo .nav ul li{
	float: left;
	display: inline;
}

.topo .nav ul li a, .topo .nav ul li input[type=submit]{
	background:none;
	float: left;
	color: #000;
	padding: 5px 8px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.topo .nav ul li a:hover,
.topo .nav ul li a.selected,
.topo .nav ul li input[type=submit]:hover{
	color: #000;
	/*background-color: #4674b5;*/
	background:#F4C002;
}
/*topo*/

.meta-atual{
	float: left;
	width: 100%;
}

.meta-atual .conteudo{
	float: right;
	padding: 5px;
}

.meta-atual .conteudo p{
	float: left;
	margin-right: 10px;
	font-size: 11px;
}

.meta-atual .conteudo .grafico{
	float: left;
	position: relative;
	width: 200px;
	height: 15px;
	text-align: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.meta-atual .conteudo .grafico._5{
	background-image: url("../img/grafico-meta/5.png");
}

.meta-atual .conteudo .grafico._10{
	background-image: url("../img/grafico-meta/10.png");
}

.meta-atual .conteudo .grafico._20{
	background-image: url("../img/grafico-meta/20.png");
}

.meta-atual .conteudo .grafico._30{
	background-image: url("../img/grafico-meta/30.png");
}

.meta-atual .conteudo .grafico._40{
	background-image: url("../img/grafico-meta/40.png");
}

.meta-atual .conteudo .grafico._50{
	background-image: url("../img/grafico-meta/50.png");
}

.meta-atual .conteudo .grafico._60{
	background-image: url("../img/grafico-meta/60.png");
}

.meta-atual .conteudo .grafico._70{
	background-image: url("../img/grafico-meta/70.png");
}

.meta-atual .conteudo .grafico._80{
	background-image: url("../img/grafico-meta/80.png");
}

.meta-atual .conteudo .grafico._90{
	background-image: url("../img/grafico-meta/90.png");
}

.meta-atual .conteudo .grafico._100{
	background-image: url("../img/grafico-meta/100.png");
}

.meta-atual .conteudo .grafico span{
	position: absolute;
	left: 0;
	bottom: -15px;
	font-size: 11px;
	width: 200px;
}

.column-left{
	float: left;
	width: 190px;
}

.column-left .box-menu{
	float: left;
	width: 100%;
	background-color: #ccc;
	padding: 4px 0;
}

.box-menu{
	background:none !important;
	border:1px solid #000;
}

.box-menu ul{
	float: left;
	width: 100%;
}

.box-menu ul li{
	float: left;
	width: 100%;
	list-style-type: none;
}

.box-menu ul li a{
	float: left;
	width: 170px;
	padding: 5px 10px;
	color: #000;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.box-menu ul li a:hover,
.box-menu ul li a.selected{
	color: #000;
	/*background-color: #4674b5;*/
	background:#F4C002;
}

.box-menu ul li a span{
	float: right;
}

.column-left .lembretes{
	float: left;
	width: 100%;
	margin-top: 20px;
}

.lembretes .addLembrete,
.lembretes .list-lembrete{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.addLembrete h3{
	float: left;
	width: 182px;
	padding-left: 3px;
	padding-bottom: 4px;
	border-bottom: 1px solid orange;
}

.addLembrete select{
	float: left;
	width: 188px;
	border: 1px solid #ccc;
	padding: 5px;
	margin-top: 10px;
	color: #333;
}

.addLembrete input[type="text"]{
	float: left;
	width: 177px;
	border: 1px solid #ccc;
	padding: 5px;
	margin-top: 10px;
	color: #aaa;
}

.addLembrete textarea{
	float: left;
	width: 177px;
	border: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	height: 80px;
	resize: vertical;
	color: #aaa;
	overflow: auto;
}

.addLembrete input[type="submit"]{
	float: right;
	padding: 5px 8px;
	margin-top: 5px;
	border: 1px solid #ccc;
	background-color: #eee;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.addLembrete input[type="submit"]:hover{
	color: #fff;
	border: 1px solid #fff;
	background-color: #4674b5;
}

.data_lembrete{
	float: left;
	width: 184px;
	background-color: #333;
	padding: 2px 3px;
	font-size: 10px;
	color: #aaa;
}

.list-lembrete .lembrete{
	float: left;
	width: 100%;
	position: relative;
}

.list-lembrete .lembrete h6{
	float: left;
	width: 170px;
	border-left: 2px solid orange;
	background-color: #fff4df;
	padding: 3px 13px 3px 5px;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.list-lembrete .lembrete img{
	position: absolute;
	cursor: pointer;
	right: 3px;
	margin-top: 5px;
}

.list-lembrete .lembrete h6:hover,
.list-lembrete .lembrete h6.selected{
	background-color: orange;
}

.list-lembrete .lembrete p{
	float: left;
	width: 100%;
	margin-top: 4px;
	margin-bottom: 10px;
	display: none;
}

.column-maxright{
	float: left;
	width: 780px;
	background-color: #f6f6f6;
	padding: 10px;
	margin-left: 10px;
}

.line-dates-chart{
	float: left;
	width: 780px;
	margin-bottom: 20px;
}

.line-dates-chart div{
	float: left;
	margin-right: 20px;
}

.line-dates-chart div.right{
	float: right;
	margin-right: 0;
}

.line-dates-chart div select{
	padding: 5px;
	border: 1px solid #4674b5;
	width: 160px;
}

.line-dates-chart div span{
	float: left;
	margin-right: 10px;
	font-weight: bold;
	margin-top: 7px;
}

.line-dates-chart div input{
	float: left;
	padding: 5px;
	border: 1px solid #ccc;
}

.line-dates-chart div input[type="submit"]{
	background-color: #4674b5;
	padding: 5px 7px;
	color: #fff;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	border: 1px solid #f8f8f8;
}

.line-dates-chart div input[type="submit"]:hover{
	border: 1px solid #4674b5;
}

.session-options{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.session-options ul{
	float: left;
}

.session-options ul li{
	float: left;
	margin-right: 10px;
	list-style-type: none;
}

.session-options ul li a{
	float: left;
	width: 171px;
	height: 35px;
	color: #fff;
	text-transform: uppercase;
	line-height: 37px;
	text-align: center;
}

.session-options ul li a.new{
	background-image: url("../img/btn-new.jpg");
}

.session-options ul li a:hover{
	background-position: 0 -35px;
}

.session-options .option-filter{
	float: right;
	width: 580px;
}

.session-options .option-filter h3{
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 100%;
}

.session-options .option-filter h3 strong{
	color: #666;
}

.session-options .option-filter span{
	float: left;
}

.session-options .option-filter span:after{
	content: "-";
}

.session-options .option-filter span:last-child:after{
	content: ""!important;
}

.session-options .option-filter span a{
	float: left;
	padding: 1px 4px;
	color: #000;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.option-filter span a:hover{
	background-color: #333;
	color: #fff;
}

.session-options .busca-proposta{
	float: right;
}

.busca-proposta{
	margin-top:10px;	
}

.session-options .import{
	float: left;
}

.import a{
	float: left;
}

#como-fazer-example,
#window-import-clients{
	display: none;
}

#window-import-clients{
	width: 550px;
}

#window-import-clients h3{
	float: left;
	width: 530px;
	background-color: #ddd;
	margin-bottom: 30px;
	margin-top: 10px;
	padding: 5px 10px;
}

#window-import-clients p{
	float: left;
	width: 550px;
}

#window-import-clients input[type=file]{
	float: right;
	margin-bottom: 30px;
}

#window-import-clients input[type=submit]{
	float: right;
	padding: 5px 8px;
	background-color: #ff3300;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#window-import-clients input[type="submit"]:hover{
	background-color: #ff6600;
}

.busca-proposta div,
.busca-proposta div span{
	float: left;
}

.busca-proposta div span{
	margin-right: 5px;
	margin-top: 6px;
}

.busca-proposta input[type="text"]{
	float: left;
	padding: 5px;
	border: 1px solid #ccc;
	width: 200px;
	color: #aaa;
}

.busca-proposta input[type="text"].data{
	width: 100px;
	margin-right: 10px;
}

.busca-proposta input[type="image"]{
	float: left;
	margin-left: 8px;
	margin-top: 5px;
}

.busca-proposta.lista-de-clientes{
	width: 424px;
}

.busca-proposta select{
	float: left;
	padding: 4px 5px;
	border: 1px solid #ccc;
	width: 200px;
	margin-right: 10px;
}

.actions{
	float: left;
	width: 100%;
}

.actions .flag{
	float: left;
	margin-top: 10px;
}

.actions .flag input{
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}

.actions .flag span{
	float: left;
	margin-right: 20px;
}

.actions select{
	float: left;
	padding: 10px;
	width: 140px;
	background-color: #eee;
	border: 1px solid #ccc;
	visibility: hidden;
	margin-right: 5px;
}

.actions .export-xls{
	float: right;
	margin-right: 20px;
	margin-top: 5px;
}

.export-xls span{
	float: left;
	margin-top: 6px;
}

.actions .paginador{
	float: right;
	width: 80px;
	margin-top: 5px;
}

.actions .paginador a{
	float: left;
	width: 40px;
	height: 30px;
	background-repeat: no-repeat;
}

.actions .paginador a:hover{
	background-position: 0 -30px;
}

.actions .paginador a.next{
	background-image: url("../img/btn-next.jpg");
}

.actions .paginador a.previous{
	background-image: url("../img/btn-previous.jpg");
}

.actions .paginador span{
	float: left;
}

.actions .return-true{
	float: left;
	width: 750px;
	background-color: #00b900;
	border: 1px solid green;
	padding: 8px 15px;
	margin: 10px 0 0 0;
}

.actions .return-true span{
	float: left;
	font-weight: bold;
	color: #fff;
}

.grid-propostas{
	float: left;
	width: 100%;
}

.grid-propostas table{
	float: left;
	width: 100%;
	margin-top: 20px;
	border-collapse: collapse;
}

.grid-propostas table tr{
	border: 1px solid #ddd;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.grid-propostas table tr:hover{
	background-color: #e8e8e8;
}

.grid-propostas table tr.titles{
	border: 0;
}

.grid-propostas table tr.titles:hover{
	background-color: #f6f6f6!important;
}

.grid-propostas table td{
	font-size: 12px;
	text-align: center;
	padding: 3px;
}

.titles td{
	font-weight: bold;
	padding-bottom: 10px!important;
}

.grid-propostas table td.short{
	width: 22px;
}

.grid-propostas table td input{
	float: left;
	margin-left: 3px;
}

.grid-propostas table td span{
	float: left;
	padding: 2px 3px;
	background-color: #666;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.grid-propostas table td span:hover{
	background-color: #a30000;
}

.grid-propostas table td a{
	color: #000;
	display: block;
}

.grid-propostas table td .removeVinculo{
	cursor: pointer;
}

.grid-propostas .total{
	float: right;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: -15px;
	width: 193px;
}

.grid-propostas .total span,
.grid-propostas .total strong{
	float: right;
	margin-right: 5px;
}

.total .valor-real{
	float: right;
	margin-top: 10px;
}

.total .valor-real strong{
	float: right;
	margin-top: 5px;
}

.total .valor-real input{
	float: right;
	border: 1px solid #ccc;
	padding: 5px;
	width: 70px
}

.grid-propostas.passo-2{
	margin-bottom: 30px;
	margin-top: -30px;
}

select.produtos-servicos{
	float: left!important;
	margin: 0 0 0 24px;
}

.campos-grouped input[type="text"]{
	float: left!important;
	width: 70px!important;
	margin: 0 15px 0 10px;
}

.campos-grouped input[type="text"].inteiro{
	width: 30px!important;
}

.campos-grouped input[type="text"]:last-child{
	margin-right: 0;
}

.campos-grouped .right{
	float: right;
}

.comentarios-proposta{
	float: left;
}

.comentarios-proposta textarea{
	width: 456px!important;
	float: left!important;
	margin-left: 10px;
}

.comentarios-proposta input[type="text"]{
	width: 170px!important;
	float: right!important;
}

.comentarios-proposta .line-comment{
	float: left;
	width: 755px;
	border-bottom: 0;
	margin-bottom: 0;
}

.comentarios-proposta .line-comment input[type="text"]{
	float: left!important;
	width: 300px!important;
}

.comentarios-proposta h6{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	color: red;
	padding-left: 3px;
}

.add-new{
	float: left;
	width: 100%;
}

.add-new div{
	float: left;
	position: relative;
	width: 770px;
	background-color: #fff;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	border-bottom: 1px dotted #ccc;
}

.lineComCopia{
	display: none;
}

.lineComCopia.block{
	display: block;
}

.add-new div .box-comcopia{
	float: right;
	width: 315px;
	border: 0;
	margin: 0;
}

.box-comcopia p{
	float: left;
	width: 100%;
	margin-top: 10px;
}

.box-comcopia p:first-child{
	margin-top: 0;
}

.add-new div:last-child{
	background-color: transparent;
}

.add-new a.add{
	position: absolute;
	top: 13px;
	left: 420px;
}

.add-new div span{
	float: left;
	font-size: 15px;
	margin-top: 8px;
	margin-left: 5px;
}

.add-new div span sup{
	color: red;
}

.add-new div input[type="text"],
.add-new div input[type="file"],
.add-new div textarea,
.add-new div input[type="password"],
.add-new div select{
	float: right;
	width: 300px;
	padding: 8px 10px;
	border: 1px solid #aaa;
}

.campos, .campo{
	padding: 8px 10px;
	border: 1px solid #aaa;
}

.camposMenor{
	padding: 4px 5px;
	border: 1px solid #aaa;
}

.add-new div input.withButton{
	width: 270px;
	margin-right: 10px;
}

.btnBlur{
	float: right;
	margin-top: 5px;
	cursor: pointer;
}

.add-new div input[type="file"]{
	border: 1px solid #fff;
}

.add-new div textarea{
	height: 100px;
	resize: vertical;
}

.add-new div textarea.editorTexto{
	width: 738px!important;
}

.redactor_box{
	width: 760px!important;
}

.redactor_editor{
	width: 750px!important;
}

.add-new div input[type="text"].short{
	width: 232px;
}

.add-new div input[type="text"].min{
	width: 40px;
	color: #aaa;
	margin-left: 3px;
}

.add-new div select{
	width: 322px;
}

.add-new div select.dia,
.add-new div select.mes{
	width: 101px;
	margin-right: 5px;
}

.add-new div select.ano{
	width: 110px;
}

.add-new p.modulo{
	float: left;
	width: 100%;
	margin: 5px 0;
}

.add-new p.modulo input{
	margin-left: 10px;
}

.add-new div input[type="submit"],
.add-new div input[type="button"],
.botoes,
.add-new a.button{
	float: right;
	padding: 5px 8px;
	margin-left: 5px;
	background-color: #1d98ad;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.botoes{
	padding: 5px 8px;
	background-color: #1d98ad;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.add-new div input[type="submit"]:hover,
.add-new div input[type="button"]:hover,
.add-new a.button:hover{
	background-color: #187d8f;
}

.filtra-lista-produtos{
	border: 0!important;
}

.filtra-lista-produtos input{
	float: left!important;
	margin-left: 10px;
}

.filtra-lista-produtos img{
	float: left!important;
	margin-left: 10px;
	cursor: pointer;
	height: 25px;
	margin-top: 4px;
}

.principal-page{
	float: left;
	margin-left: 60px;
}

.principal-page a{
	float: left;
	width: 220px;
	margin: 1px;
	position: relative;
}

.principal-page a img{
	float: left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 220px;
}

.principal-page a span{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 8px 15px;
	color: #fff;
	font-size: 14px;
}

.principal-page a span.black{
	color: #000;
}

.principal-gerencia{
	float: left;
	margin-top: 20px;
	width: 1000px;
}

.principal-gerencia .line-chart{
	width: 980px;
}

.principal-gerencia .line-chart h2{
	width: 980px;
}

.principal-gerencia .line-chart img.funil{
	margin-left: 190px;
}

.line-chart .legenda-funil._1{
	border-left: 15px solid #ff9900;
	padding-left: 15px;
	top: 70px;
}

.principal-gerencia .line-chart .legenda-funil{
	left: 500px;
}

.grid-users{
	float: left;
	width: 760px;
	padding-left: 18px;
	margin-top: 20px;
}

.grid-users .user.lead{
	width: 213px;
	height: 100px;
}

.grid-users .user.lead sub{
	min-height: 50px;
	text-align: left!important;
	float: left;
	margin-top: 10px;
}

.grid-users .user{
	float: left;
	position: relative;
	background-color: #fff;
	width: 110px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
	-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
	box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
}

.grid-users .user img.foto{
	margin-bottom: 10px;
}

.grid-users .user h5{
	float: left;
	width: 100%;
	text-align: center;
}

.grid-users .user p{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 5px;
}

.grid-users .user em{
	float: left;
	width: 100%;
	text-align: center;
	font-size: 11px;
}

.grid-users .user .options{
	float: left;
	width: 100%;
	text-align: left;
	margin-top: 10px;
}

.user .options a,
.user .options input{
	float: left;
	margin-right: 7px;
}

.user .options input{
	margin-right: 0;
}

.user .options img{
	float: left;
}

.dadosUser{
	display: none;
	float: left;
	width: 300px;
	padding: 10px;
	border: 1px solid #ccc;
}

.dadosUser h1{
	float: left;
	width: 100%;
	font-size: 17px;
	margin-bottom: 3px;
}

.dadosUser em{
	float: left;
	width: 100%;
	font-size: 12px;
	margin-bottom: 20px;
	color: #aaa;
}

.dadosUser p{
	float: left;
	width: 100%;
	font-size: 12px;
	margin-bottom: 10px;
}

.list-conteudo-lead.history-visited{
	margin-top: 0;
}

.list-conteudo-lead{
	float: left;
	width: 100%;
	margin-top: 30px;
}

.list-conteudo-lead .historico{
	float: left;
	width: 770px;
	margin-bottom: 20px;
	font-size: 17px;
	padding: 7px 5px 5px 5px;
	background-color: #ddd;
	color: #333;
	line-height: 20px;
}

.list-conteudo-lead .historico img{
	float: left;
	margin: 0 10px 0 0;
}

.list-conteudo-lead .conteudo-listado{
	float: left;
	width: 760px;
	background-color: #fff;
	margin-bottom: 20px;
	padding: 10px;
}

.porcentagem-and-date{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.porcentagem-and-date span.nome{
	color: orange;
}

.porcentagem-and-date span{
	float: left;
	font-size: 12px;
	color: #999;
}

.porcentagem-and-date em{
	float: right;
	font-size: 12px;
	color: #999;
}

.porcentagem-and-date.notificacao-agendada{
	margin-top: 11px;
	border-top: 1px solid #ccc;
	padding-top: 5px;
}

.notificacao-agendada img{
	float: left;
	margin-right: 10px;
}

.notificacao-agendada span{
	margin-top: 4px;
}

.line-chart{
	float: left;
	position: relative;
	width: 760px;
	padding: 10px;
	margin-bottom: 30px;
	background-color: #fff;
	border: 1px solid #eee;
}

.line-chart:last-child{
	margin-bottom: 0;
}

.line-chart h2{
	position: absolute;
	z-index: 1;
	width: 760px;
	text-align: center;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}

#chart{
	float: left;
}

#chart_div{
	float: left;
}

.line-chart img.funil{
	float: left;
	margin-left: 90px;
	margin-top: 60px;
	margin-bottom: 20px;
}

.line-chart .legenda-funil{
	position: absolute;
	left: 400px;
}

.line-chart .legenda-funil._1{
	border-left: 15px solid #ff9900;
	padding-left: 15px;
	top: 70px;
}

.line-chart .legenda-funil._2{
	border-left: 15px solid #4674b5;
	padding-left: 15px;
	top: 100px;
}

.line-chart .legenda-funil._3{
	border-left: 15px solid #ffff00;
	padding-left: 15px;
	top: 130px;
}

.line-chart .legenda-funil._4{
	border-left: 15px solid #009900;
	padding-left: 15px;
	top: 160px;
}

.line-chart .legenda-funil._total{
	border-left: 15px solid #ccc;
	padding-left: 15px;
	top: 200px;
}

.line-chart.pizza{
	position: relative;
}

.line-chart.pizza .total-em-valores{
	position: absolute;
	border-left: 15px solid #000;
	padding-left: 8px;
	right: 176px;
	top: 250px;
}

.line-chart.pizza .total-em-valores-principal{
	position: absolute;
	border-left: 15px solid #000;
	padding-left: 8px;
	right: 243px;
	top: 250px;
}

.grid-planos{
	float: left;
	width: 100%;
}

.grid-planos .columns-description{
	float: left;
	width: 160px;
}

.grid-planos .columns-description img{
	float: left;
	margin-top: 110px;
}

.grid-planos .column-plan{
	float: left;
	width: 206px;
	text-align: right;
}

.grid-planos .column-plan img{
	float: right;
}

.vencimento-fatura{
	float: left;
	width: 100%;
	background-color: orange;
	color: #fff;
	border: 2px solid rgb(185, 120, 0);
	text-align: center;
	padding: 10px 0;
	margin-top: 20px;
	font-weight: bold;
}

.vencimento-fatura.red{
	background-color: #ff4949;
	border: 2px solid red;
}

.vencimento-fatura a{
	color: #000;
	border-bottom: 1px solid rgb(185, 120, 0);
}

.englob-line-time{
	float: left;
	width: 770px;
}

.englob-line-time li{
	float: left;
	list-style-type: none;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	margin-left: 15px;
	padding-left: 50px;
	padding-bottom: 10px;
	width: 710px;
	position: relative;
}

.englob-line-time li .bol{
	position: absolute;
	top: 10px;
	left: -15px;
	width: 10px;
	height: 10px;
	background-image: url("../img/bol-history.png");
	background-repeat: no-repeat;
	background-position: 0 -10px;
}

.englob-line-time li:hover .bol{
	background-position: 0 0;
}

.englob-line-time li em{
	float: left;
	width: 100%;
	color: #aaa;
	margin-bottom: 10px;
}

.englob-line-time li p{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.englob-line-time li a{
	float: left;
	width: 100%;
	text-align: right;
	color: #000;
}

.englob-line-time li a:hover{
	color: orange;
}

.englob-line-time li strong{
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

/*agenda*/
.principal.agenda{
	border: 1px solid #ddd;
	/*background-color: #eee;*/
	margin-top: 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.min-left{
	float: left;
	margin: 10px;
	width: 200px;
	background-color: #ffa55e;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.min-left h2{
	float: left;
	color: #fff;
	width: 100%;
	font-size: 14px;
	margin-bottom: 20px;
}

.min-left p,
.min-left span{
	float: left;
	width: 100%;
}

.min-left span{
	color: #fff;
}

.min-left p{
	margin-bottom: 10px;
}

.min-left p:last-child{
	margin-bottom: 0;
}

.min-left p input[type="text"],
.min-left p select{
	float: left;
	padding: 5px;
	width: 185px;
	border: 2px solid #ff7a00;
}

.min-left p select{
	width: 198px;
}

.min-left p textarea{
	float: left;
	width: 185px;
	border: 2px solid #ff7a00;
	padding: 5px;
	resize: vertical;
	color: #aaa;
	height: 100px;
}

.min-left p input[type="submit"]{
	float: left;
	padding: 10px;
	background-color: #ff7a00;
	color: #fff;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.min-left p input[type="submit"]:hover{
	background-color: #e06b00;
}

.min-left .btn-vincular{
	text-decoration: underline;
	cursor: pointer;
}

.usuarios-para-vinculo{
	display: none;
}

/*coluna center*/
.max-center{
	float: left;
	width: 515px;
	padding: 10px;
	margin-top: 10px;
}

.max-center h2{
	float: left;
	margin-bottom: 15px;
	width: 100%;
	font-size: 15px;
}

.max-center h2.passados{
	margin-top: 30px;
}

.max-center h2 img{
	float: right;
	cursor: pointer;
}

.agendado{
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.agendado.light{
	background-color: #eee;
}

.agendado:hover{
	background-color: #ddd;
}

.agendado input{
	float: left;
	margin-top: 6px;
	margin-left: 5px;
}

.agendado div.abrir{
	float: left;
	width: 460px;
	padding: 5px 0;
	cursor: pointer;
	margin-left: 5px;
}

.agendado span{
	float: left;
	width: 330px;
	margin-left: 5px;
}

.agendado em{
	float: right;
	width: 120px;
	margin-right: 5px;
	text-align: right;
}

.agendado span.underline{
	text-decoration: line-through;
}

.agendado em.underline{
	text-decoration: line-through;
}

.agendado img{
	float: right;
	margin-right: 5px;
	margin-top: 5px;
	cursor: pointer;
}

.agendado div.conteudo{
	float: left;
	display: none;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.agendado div:first-child{
	margin: 0;
}

.agendado div p{
	float: left;
	width: 480px;
	margin-left: 20px;
	color: #666;
}

#message_cadastro_agenda{
	float: left;
	width: 100%;
	display: none;
}

#message_cadastro_agenda em{
	width: 100%!important;
}

/*coluna right*/
.min-right{
	float: right;
	margin: 10px;
	width: 200px;
}

.ui-datepicker-inline{
	width: 210px;
}

/*agenda*/

/*footer*/
.lembrete-loaded{
	display: none;
	position: fixed;
	bottom: 40px;
	right: 30px;
	background-color: #333;
	padding: 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 0px 9px;
	-moz-box-shadow: #666 0px 0px 9px;
	box-shadow: #666 0px 0px 9px;
	width: 140px;
}

.lead-remember,
.agenda-remember{
	position: fixed;
	bottom: 40px;
	right: 30px;
	background-color: #333;
	padding: 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 0px 9px;
	-moz-box-shadow: #666 0px 0px 9px;
	box-shadow: #666 0px 0px 9px;
	width: 140px;
	z-index: 2;
}

.lembrete-loaded h1,
.lead-remember h1,
.agenda-remember h1{
	color: #fff;
}

.lead-remember h1 a,
.agenda-remember h1 a{
	color: #bbb;
	text-decoration: underline;
	width: 100%;
	float: left;
	margin-top: 5px;
}

.lembrete-loaded img,
.lead-remember img,
.agenda-remember img{
	float: left;
	margin-top: -29px;
	margin-left: -29px;
	cursor: pointer;
}

#lembretelido,
#bip-lembrete{
	display: none;
}

.footer{
	width: 100%;
	position: absolute;
	bottom: 0;
}

.footer span{
	float: left;
	width: 100%;
	text-align: center;
	padding: 5px 0;
}

.footer span a{
	color: #000;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.footer span a:hover{
	color: #4674b5;
}
/*footer*/

/*
	chat
*/

.list-users-chat{
	position: fixed;
	background-color: #fff;
	right: 0;
	bottom: 0;
	width: 200px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	z-index: 2;
}

.list-users-chat h2{
	background-color: #4674b5;
	color: #fff;
	font-size: 15px;
	padding: 5px;
	cursor: pointer;
	font-weight: normal;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	float: left;
	width: 100%;
	position: relative;
}

.list-users-chat h2:hover{
	background-color: #215092;
}

.list-users-chat h2 span{
	display: none;
	position: absolute;
	right: 15px;
	top: -8px;
	color: #fff;
	background-color: orange;
	padding: 1px 5px;
	font-size: 11px;
	float: right;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.lista-usuarios{
	display: none;
	overflow-y: auto;
	overflow-x: hidden;
	float: left;
	width: 100%;
	max-height: 450px;
}

.lista-usuarios .englob-lista-usuarios{
	float: left;
	width: 100%;
}

.lista-usuarios p{
	float: left;
	width: 170px;
	padding: 5px 5px 5px 25px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	cursor: pointer;
}

.lista-usuarios p span{
	color: #fff;
	background-color: orange;
	padding: 1px 5px;
	font-size: 11px;
	float: right;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.lista-usuarios p.offline{
	background-image: url("../img/chat-offline.jpg");
	background-repeat: no-repeat;
	background-position: 3px 3px;
	border-bottom: 1px solid transparent;
}

.lista-usuarios p.online{
	background-image: url("../img/chat-online.jpg");
	background-repeat: no-repeat;
	background-position: 3px 3px;
	border-bottom: 1px solid transparent;
}

.lista-usuarios p:hover{
	border-bottom: 1px solid #ccc;
}

/*janela da conversa*/

body.chat{
	background: none;
	overflow-y: scroll;
	background-color: #eee;
}

.options-chat{
	float: left;
}

.options-chat div,
.options-chat a{
	float: left;
	margin-right: 5px;
	border: 1px solid #ccc;
	padding: 4px 6px;
	margin-bottom: 10px;
	cursor: pointer;
	background-color: #4674b5;
	color: #fff;
	font-size: 12px;
}

#confirm-delete{
	display: none;
}

#confirm-delete p{
	float: left;
	margin-bottom: 10px;
	width: 100%;
}

#confirm-delete a{
	float: left;
	margin-left: 10px;
	padding: 5px 10px;
	background-color: #4674b5;
	color: #fff;
}

/*chat completo*/
.content-messages{
	float: left;
	width: 520px;
}

.limit-height-conversa{
	float: left;
	width: 500px;
	height: 350px;
	overflow-y: scroll;
	overflow-x: hidden;
	border: 1px solid #ccc;
	padding: 10px;
	background-color: #fff;
}

.conversa{
	float: left;
	width: 485px;
}

.conversa .line{
	float: left;
	width: 100%;
}

.conversa .box{
	float: left;
	width: 300px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	background-color: #f8f8f8;
	padding: 2px 2px 5px 2px;
	-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
	-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
	box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
}

.conversa .box.right{
	float: right!important;
}

.conversa .box p{
	float: left;
	width: 295px;
	margin-top: 10px;
	margin-left: 5px;
}

.conversa .box h1.right,
.conversa .box p.right{
	text-align: right;
}

.conversa .box h1{
	float: left;
	background-color: #ddd;
	padding: 5px;
	width: 290px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

.conversa .box h1 em{
	float: right;
	color: #aaa;
	font-size: 12px;
	font-weight: normal;
}

.conversa .box h1 em.right{
	float: left;
	color: #aaa;
	font-size: 12px;
	font-weight: normal;
}

.content-messages input{
	float: left;
	width: 500px;
	padding: 10px;
	border: 1px solid #ccc;
	color: #aaa;
}

.right-data{
	float: right;
	width: 255px;
	margin-top: 35px;
}

.right-data h1,
.right-data p,
.right-data em{
	float: left;
	text-align: right;
	width: 255px;
}

.right-data h1{
	font-size: 18px;
	border-top: 1px dashed #aaa;
	padding-top: 5px;
	width: 255px;
}

.right-data em{
	margin-bottom: 20px;
	color: #666;
}

.right-data p{
	margin-bottom: 10px;
	border-right: 8px solid orange;
	padding-right: 5px;
	width: 245px!important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.formAttachmentProposta{
	float: left;
	width: 100%;
	margin-top: -15px;
	margin-bottom: 20px;
	padding: 5px 0;
	background-color: #fff;
}

.formAttachmentProposta span{
	float: left;
	margin-left: 5px;
	margin-top: 10px;
}

.formAttachmentProposta input[type="file"]{
	float: right;
	margin-top: 7px;
}

.formAttachmentProposta input[type="submit"]{
	float: right;
	margin-left: 20px;
	padding: 10px;
	margin-right: 5px;
	background-color: #ccc;
	border: 1px solid transparent;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.formAttachmentProposta input[type="submit"]:hover{
	background-color: #ddd;
	border: 1px solid #ccc;
}

.formAttachmentProposta img{
	float: right;
	margin-top: 13px;
	margin-right: 20px;
	cursor: pointer;
}


/*
	//////chat
*/

/*
	TOOLTIP
*/
#tooltip
		{
			font-family: Ubuntu, sans-serif;
			font-size: 0.875em;
			text-align: center;
			text-shadow: 0 1px rgba( 0, 0, 0, .5 );
			line-height: 1.5;
			color: #fff;
			background: #333;
			background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0 ) ), to( rgba( 0, 0, 0 ) ) );
			background: -webkit-linear-gradient( top, rgba( 0, 0, 0 ), rgba( 0, 0, 0 ) );
			background: -moz-linear-gradient( top, rgba( 0, 0, 0 ), rgba( 0, 0, 0 ) );
			background: -ms-radial-gradient( top, rgba( 0, 0, 0 ), rgba( 0, 0, 0 ) );
			background: -o-linear-gradient( top, rgba( 0, 0, 0 ), rgba( 0, 0, 0 ) );
			background: linear-gradient( top, rgba( 0, 0, 0 ), rgba( 0, 0, 0 ) );
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			border-top: 1px solid #666;
			-webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
			-moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
			box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
			position: absolute;
			z-index: 100;
			padding: 15px;
		}

				#tooltip.left:after
				{
					left: 10px;
					margin: 0;
					display: none;
				}

				#tooltip.right:after
				{
					right: 10px;
					left: auto;
					margin: 0;
				}

		/*
			Brief
		*/
		
		
.side-left{
	float: left;
	width: 370px;
	border: 1px solid #ddd;
	padding: 10px;
	margin-top: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.side-right{
	float: right;
	width: 570px;
	border: 1px solid #ddd;
	padding: 10px;
	margin-top: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.top-resumo{
	float: left;
	width: 100%;
	margin-bottom: 50px;
}

.bottom-resumo{
	float: left;
	width: 100%;
}

.resume-datas{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.resume-datas p,
.resume-datas strong{
	float: left;
	width: 100%;
	text-align: right;
	margin-bottom: 5px;
}

.resume-datas strong{
	margin-bottom: 10px;
	font-size: 15px;
}

.side-left h1,
.side-right h1{
	float: left;
	background-color: #ddd;
	padding-top: 5px;
	width: 100%;
	text-align: center;
	padding-bottom: 5px;
	border: 1px solid #bbb;
	text-transform: uppercase;
	color: #666;
	margin-bottom: 10px;
	line-height: 20px;
}

.side-left h1 a,
.side-right h1 a{
	float: right;
	margin-right: 10px;
	font-size: 20px;
	color: #4674b5;
}

.top-resumo .abrir{
	width: 350px!important;
}

.top-resumo .abrir span{
	width: 219px!important;
}

.bottom-resumo textarea{
	float: left;
	width: 550px;
	padding: 10px;
	border: 1px solid #ccc;
	resize: vertical;
	height: 80px;
	display: none;
	color: #aaa;
}

.bottom-resumo .addHistoricoDeLigacao{
	float: right;
	margin: 10px 0 20px 0;
	padding: 10px;
	background-color: #ddd;
	color: #222;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	display: none;
}

.bottom-resumo .addHistoricoDeLigacao:hover{
	background-color: #ccc;
}

.englob-list-ligacoes{
	float: left;
	width: 100%;
}

.englob-list-ligacoes .conversa{
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.englob-list-ligacoes .conversa:last-child{
	border-bottom: 0!important;
	margin-bottom: 0!important;
}

.conversa em,
.conversa strong,
.conversa p{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}				



/* Suporte */
.suporte-button{
background-image:url(../img/suporte-off.png);
background-repeat:no-repeat;
height:79px;
width:43px;
position:fixed;
left:-5px;
top:300px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
cursor:pointer;
}
.suporte-button:hover{
left:0px;
}
#confirmacao{
display:none;	
padding: 25px;
padding-bottom:38px;
}
#confirmacao .right, #confirmacao .left{
background-color:rgb(17, 75, 199);
color: #ffffff;
padding: 5px;
border-radius: 5px;	
width: 50px;
text-align: center;
font-size:16px;
}
#confirmacao .left:hover, #confirmacao .right:hover{
background-color: rgb(25, 75, 166);
}
#confirmacao .left{
margin-left:15px;	
}
#confirmacao .right{
margin-right:15px;	
}
#confirmacao p{
margin-bottom: 20px;
font-size: 18px;
color: rgb(0, 81, 255);
display:table;
}
#suporte{
display:none;
width: 300px;
padding: 20px;	
}
#suporte p{
margin-bottom: 30px;
font-size: 15px;
text-align: center;
line-height: 22px;
color: #666;
}
#formSuporte{
display: table;
margin: auto;	
}
#formSuporte input[type="text"], #formSuporte textarea{
display: table;
width: 220px;
padding: 5px;
border: solid 1px #ccc;
margin-bottom: 12px;
}
#formSuporte textarea{
height: 80px;	
}
#formSuporte label{
font-size: 14px;
color: rgb(51, 88, 190);	
}
.button1{
padding: 7px;
background-color: rgb(0, 68, 255);
color: #ffffff;
font-size: 14px;
border-radius: 3px;
width: 65px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.button1:hover{
margin-left:5px;
opacity:0.8;
}
#response{
color: blue;
margin-top: 10px;
font-size: 14px;	
text-align: center;
}
/* Fim de Suporte */