@charset "utf-8";
/* CSS Document */
body{
margin:0px;
padding:0px;	
font-family:Arial, Verdana, Helvetica;
background-image: url(../img/soft_white_background.jpg)!important;
background-repeat: repeat;
background-size:100%;
}
::selection{
	background-color: #ddd;
	color: #444;
}

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


	/*  MODIFICAÇÕES NO TOPO */
	.nav2-wrapper{
	width: 100%;
	background-color: rgb(176, 53, 53);
	top: 145px;
	position: absolute;
	z-index: 1;
	height: 45px;
	/*background-image: url(img/back-menu.jpg);*/
	background-repeat: repeat;
	-webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.20);
	box-shadow: 0 3px 2px #bbbbbb;
	border-bottom: solid 1px #ffffff;
	display:none;
	}
	.nav2{
	width: 100%;
	background-color: gray;
	display:none;
	}
	.nav2 ul{
	list-style-type: none;
	}
	.nav2 ul li{
	float: left;
	padding: 14px;
	}
	.englob-all .nav2 ul li a {
	color: #ffffff;
	font-size: 14px;
	}
	
	/*  MODIFICAÇÕES NO TOPO */
	.footer2-wrapper{
	width: 100%;
	background-color: rgb(39, 86, 134);
	bottom: 0px;
	position: relative;
	z-index: 1;
	height: 45px;
	/*background-image: url(img/back-menu.jpg);*/
	-webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.20);
	box-shadow: 0 3px 2px #bbbbbb;
	border-bottom: solid 1px #ffffff;
	z-index: -1;
	}

.login-cliente{
margin-left: auto;
margin-right: auto;
display: table;
margin-top: 120px;
}
.login-cliente input{
position: relative;
border: solid 1px rgb(144, 64, 64);
height: 40px;
display: table;
border-radius: 8px;
margin: 10px;
width: 270px;
margin-bottom: 20px;
font-size: 20px;
}
.container{
width: 100%;
max-width: 1024px;
margin-left: auto;
margin-right: auto;
}
.button1{
background-image: url(../img/degrade-red.jpg);
background-repeat: repeat-x;
color: #ffffff;
height: 50px;
font-size: 22px;
top: 5px;
cursor: pointer;
background-color: rgb(225, 18, 18);
background-size: 30px;
-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}
.button2{
background-image: url(../img/degrade-red.jpg);
background-repeat: repeat-x;
color: #ffffff;
height: 50px!important;
font-size: 22px;
top: 5px;
cursor: pointer;
background-color: rgb(225, 18, 18);
background-size: 51px;
border-radius: 10px;
line-height: 49px;
width: 240px;
-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}
.right{
float:right;	
}
.left{
float:left;	
}
.button3{
background-image: url(../img/degrade-red.jpg);
background-repeat: repeat-x;
color: #ffffff;
height: 33px!important;
font-size: 18px;
top: 5px;
cursor: pointer;
background-color: rgb(225, 18, 18);
background-size: 51px;
border-radius: 10px;
line-height: 26px;
width: 110px;
-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
float:right;
}
#buscaProdutos, #cadastraProdutosIpad{
width:80%;	
border-bottom: solid 1px rgb(210, 210, 210);
padding-bottom: 60px;
padding-top: 26px;
}
#buscaProdutos label, #cadastraProdutosIpad label{
font-size: 18px;
line-height: 33px;
text-transform: uppercase;
color: rgb(90, 74, 74);
float:left;
width: 230px;
text-align:left;
}
#buscaProdutos input[type="text"], #cadastraProdutosIpad input[type="text"]{
border: solid 1px rgb(103, 93, 119);
border-radius: 10px;
height: 30px;
width: 310px;
float:right;
}
#buscaProdutos select, #cadastraProdutosIpad select{
border: solid 1px rgb(103, 93, 119);
border-radius: 10px;
height: 30px;
width: 310px;
float:right;
}
.center{
text-align:center;
margin-left:auto;
margin-right:auto;	
}
.top100{
margin-top:100px;	
}
.content-interno{
min-height: 483px;
padding-top:10px;
}
.logo-login{
margin-left:auto;
margin-right:auto;	
width:auto;
text-align:center;
padding-top: 40px;
}
.login-cliente span{
margin: 10px;
font-size: 22px;
}







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


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: 2px;
	top: 2px;
	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;
}
.selected{
background-color: rgb(208, 55, 55);
border-radius: 5px;	
}
.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: #444;
	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;
}
/*fancy forgot pass*/

#load-import{
	display: none;
}

.action-open-proposta{
	padding: 30px;
	display: none;
	width: 600px;
}

.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: 100%;
	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: #444;
	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;
}


/*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 {
text-align: center;
}

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

.login-client #message_login .error_message{
background-color:transparent!important;
}
.error_message{
	float: left;
	color: red;
	padding: 8px 15px;
	font-weight: bold;
}

.success_return{
	float: left;
	color: rgb(0, 61, 128);
	background-color: #fff;
	padding: 8px 15px;
	font-weight: bold;
}

.content{
	margin: 0 auto;
	width: 100%;
	min-width:768px;
	max-width:1200px;
}

.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;*/
	margin-bottom:10px;
	padding: 10px 0 10px 10px;
	width: 100%;
	background-image: url("../../img/bg-cad.jpg");
	background-repeat: repeat-x;
}

.dadosProposta{
	line-height:180%;	
}

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

.container{
width: 100%;
margin: 0 auto;
padding-bottom: 50px;
display: table;
position: relative;
min-width: 768px;
max-width: 1200px;
}

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

.principal.no-short{
	margin-top: 0px;
}

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

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


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

/*topo*/
.container .topo{
width: 80%;
margin-left: auto;
margin-right: auto;
min-width: 730px;
}
.container .topo img.logo{
	float: left;
	width: 200px;
	margin-top: 15px;
	margin-left: 15px;
}

.container .topo .right{
float: right;
width: auto;
}

.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: #444;
	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;
}


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

.welcome p{
float: left;
text-align: right;
width: 480px;
margin-bottom: 5px;
color: #333333;
font-size: 18px;
line-height: 29px;
}

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

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

.welcome ul li{
	float: left;
	list-style-type: none;
	padding-top: 7px;
}

.welcome ul li a{
	float: left;
}

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

.topo .nav{
width: 100%;
z-index: 9;
position: absolute;
top: 152px;
height: 30px;
left: 0px;
display:none;
}

.topo .nav ul{
display: table;
margin-left: auto;
margin-right: auto;
}

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

.topo .nav ul li a{
float: left;
color: #444;
padding: 5px 18px;
-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;
color: #ffffff;
font-size: 18px;
}

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

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

.data_lembrete{
	float: left;
	width: 184px;
	background-color: #444;
	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 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: 155px;
}

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

.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;
	padding-left:5px;
	padding-right:5px;
}

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


.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: #444;
	-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;
}

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

.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;
}
.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: 150px;
	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.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.titles{
	border: 0;
}


.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 a{
	color: #444;
	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: 100%;
	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;
}

.add-new div input[type="checkbox"]{
	float: right;
	padding: 8px 10px;
	border: 1px solid #aaa;	
}

#produtoConsignado{float:right;}

.add-new div input.withButton{
	width: 180px;
	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;
}


.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-top: 25px;
}

.principal-page a{
float: left;
width: 110px;
position: relative;
color: rgb(155, 33, 33);
font-size: 13px;
}

.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: #444;
}

.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: #444;
	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 #444;
	padding-left: 8px;
	right: 176px;
	top: 250px;
}

.line-chart.pizza .total-em-valores-principal{
	position: absolute;
	border-left: 15px solid #444;
	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: #444;
	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 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: #444;
}


.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 .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 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: #444;
	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: #444;
	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;
	background-color: rgb(176, 53, 53);
	height: 40px;
	line-height: 30px;
}

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

.footer span a{
	color: #ffffff;
	-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*/

/*
	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 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;
}
/*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 img{
	float: right;
	margin-top: 13px;
	margin-right: 20px;
	cursor: pointer;
}


/*tela de resumo do cliente **********************************/
.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;
}
.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;
}
/*tela de resumo do cliente **********************************/

/*
	//////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: #ffffff;
			background: #444;
			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;
				}

		/*
			---
		*/
		
		#tecnicoVinculo, #formaPagamento, #possuiConsignado{
			margin:0;	
		}
		
		.campo_garantia{display:none;}
		
		.float-right{float:right;}
		
		.float-left{float:left !important;}
		
		.nome-cliente-proposta{
			font-size: 18px;
			font-weight: normal;
			padding-right:10px;
		}
		
		.align-left{text-align:left !important;}
		
		#aprovar_parcial{float:left !important; margin-top:10px;}
		
		.display-none{display:none;}
		
		.campo_parcial{border:1px solid #ccc; padding:5px;}{display:none;}
		
		.alteraDadosProduto{
			width:300px;	
		}
		
		.alteraDadosProduto p{
			margin-bottom:3px;	
		}
		
		.alteraDadosProduto #txt_qtd{
			width:35px;	
		}
		
		.alteraDadosProduto #txt_custo, .alteraDadosProduto #txt_venda{
			width:70px;	
			text-align:right;
		}
		
		.alteraDadosProduto input[type="text"]{
			border:1px solid #cecece;
			padding:5px;	
		}
		
		.quantidades{width:40px!important; margin-left:5px;}
		
		#marcaVinculo, #modeloVinculo, #filtraLista{width:170px!important;}
		.busca_produtos_e_servicos {width:140px !important;}
		.campo_marca{margin-left:5px; margin-right:5px;}
		
		.tabelaCalendario{
		border: solid 2px rgb(168, 22, 22);
		border-radius: 3px;
		margin-bottom: 50px;
		background-color: #ffffff;
		min-width:700px;
		}
		.tabelaCalendario td{
		border:solid 1px #ffffff;
		height: 55px;	
		color: #555555;
		}
		.calendar{
		border: solid 1px #ffffff;
		color:#333333;
		min-width:700px;
		}
		#MesCalendario{
		color: rgb(213, 30, 30);
		font-size: 22px;
		height: 45px;
		}
		.prev{
		color: red;
		background-image: url(../img/next_prev.png);
		height: 47px;
		width: 50px!important;
		}
		.next{
		color: red;
		background-image: url(../img/next_prev.png);
		height: 47px;
		width: 50px!important;	
		background-position-x: 48px;	
		}
.resultadoProdutos{
width: 680px;
margin-left: auto;
margin-right: auto;
margin-top: 60px;
}
.rowProduto{
background-color: #DADFF9;
height: auto;
display: table;
width: 100%;
border-radius: 5px;
margin-bottom: 4px;
cursor:pointer;
}
.rowSubProdutos{
clear: both;
padding-left: 20px;
font-size: 18px;
padding-top: 10px;	
padding-bottom: 10px;	
display:none;
}

.titleProduto{
	font-size: 20px;
	float: left;
	width: 80%;
	/*line-height: 42px;*/
	line-height: 150%;
	padding-left: 20px;
	color: rgb(170, 31, 31);
}

#load{
text-align: center;
color: #BD1616;
padding-top: 20px;	
padding-bottom: 20px;
}
#listaEquipamentos{
width: 80%;
margin-left: auto;
margin-right: auto;	
}
.lupa{
float:right;
cursor:pointer;
}
.mostraEventos article{
clear: both;
height: auto;
padding: 5px;
display: table;
}
.divisoria1{
clear:both;
height:30px;	
}
.menuTopo{
display: none;
position: relative;
top: -18px;
left: 0px;
width: 100%;
height: auto;
background-color: rgb(243, 243, 243);
border-bottom: dotted 2px rgb(191, 199, 219);
}
.menuTopo ul li{
display: table;
width: auto;
float: left;
padding: 10px;
}
.menuTopo ul li a{
font-size: 22px;
color: rgb(128, 112, 112);
}
.menuTopo ul{
display: table;
width: auto;
margin-left: auto;
margin-right: auto;
}
.menuButton{
position: absolute;
top: 85px;
left: 250px;
width:50px;
height:50px;
background-image:url(../img/menu_icon.png);
background-repeat:no-repeat;
cursor:pointer;
z-index:9;
}
#formAvaliacao{
float:right;	
position:relative;
}
#formAvaliacao label{
font-size: 15px;
margin-left: 6px;
margin-right: 4px;
color: rgb(66, 85, 167);
font-weight: bold;
border-left: solid 1px #bbbbbb;
padding-left: 8px;
}
#formAvaliacao label:first-child{
border-left: none!important;
}
#formAvaliacao input{
width: 19px;
height: 18px;
}
.checkAvaliacao{
background-image: url(../img/checkmark_green.png);
background-repeat: no-repeat;
width: 50px!important;
height: 50px!important;
background-color: transparent;
background-size: 100%;
margin-top: 20px;
float: right!important;
}
.avaliar_peca{
float: right;
color: rgb(26, 90, 171);
padding-right: 10px;
width: 100px;
text-align: right;
}
.ultimo_status{
float: right;
margin-right: 10px;
text-align: center;
width: 94px;
}
.rowSubProdutos p{
line-height: 28px;
color: #333333;
}
.box_avaliacao{
display:none; 

height: auto;
overflow: hidden;
/*max-width:500px;
width:auto;*/
width:600px;
}
.box_avaliacao h1{
font-size: 16px;
color: rgb(24, 54, 127);
font-weight: lighter;
margin-bottom: 10px;
}
.box_avaliacao h2{
font-size: 18px;
color: rgb(43, 65, 134);
font-weight: lighter;
margin-bottom: 20px;
margin-top: 10px;
}
.box_avaliacao label{
float:left;
width: 80px;
text-transform: uppercase;
font-size: 14px;
margin-left: 10px;
}
.box_avaliacao input{
float:left;
width: 16px;
height: 16px;
}
.formAvaliacao{
margin-top:20px;	
}
#message_1{
margin-top: 35px;
float:left;	
color: rgb(157, 9, 9);
}
.clear_both{
clear:both;	
}
#cadEquipamento label{
color:#555555;	
}
.cadastrar_equipamentos{
margin-left:auto;
margin-right:auto;
width: 80%;
margin-top:20px;
margin-bottom:20px;
margin-bottom: 10px;
display: table;
}
.abre_elemento{
cursor:pointer;	
}
.elemento_oculto{
display:none;	
}
.titulo_ultimo_status{
float:right;
margin-right: 32px;
text-decoration: underline;
color: rgb(158, 24, 24);
font-size: 14px;
}
.titulo_status_novo{
float:right;
margin-right: 16px;
text-decoration: underline;
color: rgb(158, 24, 24);
font-size: 14px;
}
.titulo_peca{
float:left;
text-decoration: underline;
color: rgb(158, 24, 24);
font-size: 14px;
}
#descricaoEquipamento{
height:100px;
width:680px;
border:solid 1px #ccc;
border-radius:10px;
}
.sendButton{
padding: 6px;
background-color: rgb(27, 127, 157);
color: #ffffff;
border-radius: 2px;
padding-right: 10px;
padding-left: 10px;
}
#aviso_finalizacao p{
color:#444444;
}
#aviso_finalizacao{
color:#444444;
width: 400px;
padding-left: 30px;
margin-top: 30px;
}
#aviso_finalizacao textarea{
border: solid 1px #ccc;
width: 310px;
height: 60px;
border-radius: 5px;	
display: table;
margin-bottom: 10px;
}
.salvaDescricaoEquipamento textarea{
border: solid 1px #ccc;
width: 310px;
height: 60px;
border-radius: 5px;	
display: table;
margin-bottom: 10px;
}