/*---GERAL---*/
* {
  margin: 0;
}

body{
	background: url("/simulador/javax.faces.resource/default/images/bg/bg-bckg.png.xhtml") repeat;	
}

form {
	margin: 0 0 5px;
}

label {
	display:inline;
}

.margin-top-12{
	margin-top: 12px;
}

/*---cabecalho---*/
#header-logo{
	padding: 15px 0px;
}

/*----ícones do botões ---*/
.codeit-botao-geral {
	position: relative;
	float: left;
	margin-right: 20px;
}

.ui-button-text-icon-right .ui-button-text {
	padding: .4em 1.1em .4em 1em;
}

.ui-icon {
	height: 20px;
}

.ui-button-icon-right {
	right: -10px;
}

.icon-voltar, .icon-avancar, .icon-corretor, .icon-email, .icon-impressora {
	background: url("/simulador/javax.faces.resource/default/images/icons/icons.png.xhtml") no-repeat !important;
	margin-top: -9px !important;	
	width:20px !important;
}

.icon-voltar {
	background-position: 0px 0px !important;
}

.icon-avancar {
	background-position: -20px 0px !important;
}

.icon-corretor {
	background-position: -40px 0px !important;
}

.icon-email {
	background-position: -60px 0px !important;
}

.icon-impressora {
	background-position: -20px -20px !important;
}


/*--tela de passos--*/
#nav-wrapper{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin: 0px -15px 0px -15px;
}

#nav-wrapper h2 {
	font-size: 22px;
	color: #fff;
	padding: 10px 15px;
	line-height: 25px;
	margin: 0px;
}

nav {
	text-align: center;
}

nav ul {
	list-style:none;
    width:95%;
    text-align:center;
    margin:0px;
    padding:0px
}

nav li {
	float: left;
	color: white;
	text-align: center;
	line-height: 50px;
	margin: 0;
	border-right: solid 1px #fff;
	font-size: 20px;
}

nav li a{
	padding:15px 20px;
	font-weight: bold;
	color: #fff;
}

nav li a:hover{
	background: #E69026;
	color:#fff;
}

#NavPassos ul:last-child li:last-child a {
	background: #4164a6;
	font-size:25px;
	border-right:none;
	border-radius: 6px;
}

/*---conteudo geral---*/
#content {
	background-color: #fff;
	padding:0px 14px;
	border: solid 1px #1E4F94;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px; 
}

.bg-passos {
	background: url("/simulador/javax.faces.resource/default/images/produtos.png.xhtml") center no-repeat;
	margin: 0px -14px -5px -14px;
}

#subtitle {
	color: #24225D;
	padding: 10px 0px 0px;
	text-align: center;
	line-height: 30px;
}
#subtitle h2 {
	padding:0px;
	margin:0px;
	font-size:25px;
	color:white;
	-webkit-text-shadow: 2px 1px 3px #24225D;
	-moz-text-shadow: 2px 1px 3px #24225D;
	-ms-text-shadow: 2px 1px 3px #24225D;
	-o-text-shadow: 2px 1px 3px #24225D;
	text-shadow: 2px 1px 3px #24225D;
}
#content-video{	
	text-align: center;
	position: relative;
	z-index:0;
	display:none;
}

.label2lines {
	margin-top: 20px;
}

#subtitle-h2{
	margin: 22px -15px 0px -15px;
}

#subtitle-h2 h2 {
	font-size: 22px;
	color: #fff;
	padding: 10px 15px;
	line-height: 25px;
	margin: 0px;
}

/*--mensagens de erro --*/
.ui-message-error, .ui-message-warn {
	width:15px;
    height:15px;
    padding:0px !important;
    margin-top: 2px !important;
	margin-left: -1px !important;
    overflow:hidden;
    display: inline;
    position: absolute;
    z-index:1;
}

.ui-message-error-detail, .ui-message-warn-detail {
	white-space: normal;
	display:block;
	width:200px;
	margin-left:20px !important;
}

.ui-growl-image-error {
	background-position: 0 -395px;	
}

/*---janela de perguntas--*/
.wq {
	border: 1px solid #24225D;
	background: #24225D;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	margin:200px 30px 30px 30px;

}

.wq-title {
	background: url("/simulador/javax.faces.resource/default/images/icons/icon-seta.png.xhtml") no-repeat;
	background-position: 10px;
	color: #fff;
}

.wq-title h5 {
	padding:5px 10px;
	margin: 0px 0px 0px 21px;
	font-size:15px;
}

h1, h2, h3, h4, h5, h6 {
	margin:0px;
}

.wq-content {
	padding:10px ;
	background: #fff;
	position: relative;
	z-index: 1;
	
	border: 1px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.wq-question {
	font-weight: bold;
	font-size:14px;
	line-height: 20px;
}

.wq-answers {	
	font-size:15px;
	padding: 15px 0px 0px;
	border-collapse: collapse;
}

.wq-answers input {
	margin-right: 5px;
}

.wq-answers label {
	margin-right: 20px;
	color:#214583;
	position: relative;
	top: 4px;
}

/*---footer---*/
#footer{
	background: #102870; 
	background: url("/simulador/javax.faces.resource/default/images/bg/bg-footer.png.xhtml") repeat, linear-gradient(#1D4B90, #102870);
	background: url("/simulador/javax.faces.resource/default/images/bg/bg-footer.png.xhtml") repeat, linear-gradient(#1D4B90, #102870);
	background: url("/simulador/javax.faces.resource/default/images/bg/bg-footer.png.xhtml") repeat, -webkit-gradient(linear, left top, left bottom, from(#1D4B90), to(#102870));
	background: url("/simulador/javax.faces.resource/default/images/bg/bg-footer.png.xhtml") repeat, -webkit-linear-gradient(top, #1D4B90, #102870); 
	background: url("/simulador/javax.faces.resource/default/images/bg/bg-footer.png.xhtml") repeat, -moz-linear-gradient(top, #1D4B90, #102870);
	background: url("/simulador/javax.faces.resource/default/images/bg/bg-footer.png.xhtml") repeat, -o-linear-gradient(top, #1D4B90, #102870);
	
	padding: 10px 15px 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #fff;
	line-height: 17px;
}

.bg-dotted {
	background-color: #102870;
	background: url("/simulador/javax.faces.resource/default/images/bg/bg-footer.png.xhtml") repeat, linear-gradient(#102870, #1f5196);
	background: url("/simulador/javax.faces.resource/default/images/bg/bg-footer.png.xhtml") repeat, -webkit-gradient(linear, left top, left bottom, from(#102870), to(#1f5196));
	background: url("/simulador/javax.faces.resource/default/images/bg/bg-footer.png.xhtml") repeat, -webkit-linear-gradient(top, #102870, #1f5196); 
	background: url("/simulador/javax.faces.resource/default/images/bg/bg-footer.png.xhtml") repeat, -moz-linear-gradient(top, #102870, #1f5196);
	background: url("/simulador/javax.faces.resource/default/images/bg/bg-footer.png.xhtml") repeat, -o-linear-gradient(top, #102870, #1f5196);
}

#footer p {
	margin:0px;
}

#wrapper-footer {
	width: 130px;
	float: right;
}

#phone-icon {
	float:left;
	margin-left:5px;
	overflow: hidden;
}

#phone-title {
	font-size: 19px;
}

#phone-numbers {
	font-size: 16px;
	color: #525252;
	line-height: 18px;
}

#phone-ddd{
	font-size: 13px;
}


/*--UTEIS---*/
/*--separador--*/
.separador {
	background: url("/simulador/javax.faces.resource/default/images/separador.png.xhtml") no-repeat;
	height: 2px;
	margin: 0px 0px 7px;
	background-position: center;
}

.clear{
	clear:both;
}

.left{
	float:left;
}

.right {
	float:right;
}

.no-bottom {
	margin: 0px 20px 0px 0px;
}

.top{
	margin-top:20px;
}

.space {
	margin-top: 15px;
	margin-bottom: 15px;
}

.bottom {
	margin-bottom:20px;
}

.rentabilidade-radio-buttons {
	margin-top:15px;
}

#loading {
	position:absolute;
	top:300px;
	left:50%;
	z-index:999;
}

.panelAreaCorretor {
	margin-bottom: 20px;
}

.dialog-sem-header .ui-dialog-titlebar {
	display: none !important;
}

#marketing{
	display:none;
}

/*--dados dependentes--*/
.coberturas-dependetes-titulo {
	font-size: 20px;
}

.coberturas-descricao-tipo-dependente label, .coberturas-descricao-tipo-dependente a  {
	margin-left:20px;
}

.coberturas-descricao-tipo-dependente {
	padding: 10px 0px;
}


/*--GRID PRODUTOS--*/
.ui-panel {
	padding:0px !important;
	background: #fff !important;
	
	border: 1px solid #24225D;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.ui-widget-header {
	text-shadow: none;
	background: white;
	border: 1px solid #cecece;
}

.ui-widget-header .ui-state-active {
	color: white;
	background: #102870;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3f65a6), to(#23518c));
	background: -webkit-linear-gradient(#3f65a6, #23518c);
	background: -moz-linear-gradient(#3f65a6, #23518c);
	background: -ms-linear-gradient(#3f65a6, #23518c);
	background: -o-linear-gradient(#3f65a6, #23518c);
	background: linear-gradient(#3f65a6, #23518c);
}

.ui-paginator-page.ui-state-default.ui-state-active.ui-corner-all {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.ui-panel-title a {
	color:#fff;	
}


.ui-panel-titlebar{
	background: #24225D;
	color:#fff;
	background: #102870;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#102870), to(#1f5196));
	background: -webkit-linear-gradient(#102870, #1f5196);
	background: -moz-linear-gradient(#102870, #1f5196);
	background: -ms-linear-gradient(#102870, #1f5196);
	background: -o-linear-gradient(#102870, #1f5196);
	background: linear-gradient(#102870, #1f5196);
	height: 23px;
	border: 1px solid #24225D;
	border-radius:4px !important; 
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	
}

.resultadoValorContribuicao{
	background: linear-gradient(#3f65a6, #23518c);
	color:#fff;
	background: #102870;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3f65a6), to(#23518c));
	background: -webkit-linear-gradient(#3f65a6, #23518c);
	background: -moz-linear-gradient(#3f65a6, #23518c);
	background: -ms-linear-gradient(#3f65a6, #23518c);
	background: -o-linear-gradient(#3f65a6, #23518c);
	background: linear-gradient(#3f65a6, #23518c);
	height: 23px;
	border: 1px solid #24225D;
	border-radius: none; 
	border-bottom-left-radius: none; 
	border-bottom-right-radius: none; 
	font-size:15px;
	font-weight: bold;
	padding: 10px;
}

.resumoValorTotal{
	color:#3f65a6;
	height: 23px;
	font-size:15px;
	font-weight: bold;
	padding: 10px;
}

.ui-panel-titlebar span {
	font-size:15px;
}

#groupSumarioProduto{
	border: 1px dashed !important; 
	min-height: 270px !important; 
}

/*--TABLE--*/
.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
	white-space: normal !important;
}
.ui-datagrid-data {
	border-color: #fff;
}

.dataTableProdutos th{
	display:none;
}

.row-fluid tr th{
	background: none;
}

.ui-datatable-tablewrapper label {
	font-size: 13px;
	color: #717171;
}

.ui-datagrid-column {
	width:50%;
}

.column-icon {
	text-align: center;
	width: 3%;
}

/*---para tirar o th da listagem de produtos --*/
.no-th-table {
	display: none;
}

.ui-datatable-tablewrapper  td, .ui-datatable-tablewrapper  tr, .ui-datatable-tablewrapper table {
	border-color: #cecece;
    border-collapse: collapse;
}

.ui-datatable-data {
	color:red;	
	width: 100%;
}

/*--verificar --*/
.ui-widget-content {
	color: #727272;
	border:none;
}

.ui-datatable thead th, .ui-datatable tfoot td{
	text-align: left;
	color:#fff;
	
	border:solid 1px #201A5D;
	height:35px;
	background: #102870;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3f65a6), to(#23518c));
	background: -webkit-linear-gradient(#3f65a6, #23518c);
	background: -moz-linear-gradient(#3f65a6, #23518c);
	background: -ms-linear-gradient(#3f65a6, #23518c);
	background: -o-linear-gradient(#3f65a6, #23518c);
	background: linear-gradient(#3f65a6, #23518c);
	
	box-shadow: none;
	text-shadow: none;
}

.resultado-geral table thead th, td{
	height: 10px;
}

.ui-datatable-even {
	background: none repeat scroll 0 0 #f8f8f8;
}

.ui-datatable-odd {
	background: none;
}

.ui-datagrid-data td, .ui-datagrid-data  td * {
    vertical-align: text-bottom;
    border-collapse: collapse;
}

.table-produtos thead {
	display:none;
}

.table-produtos tbody td {
	border: none !important;
	border-width:0px !important;
}

.subPanelSimulador3 {
	border: 1px solid #24225D;
	margin:30px 0px;
}


/*--PRODUTOS--*/
.titleDadosSimulador {
	border-bottom: dotted 1px #1E4D92;
	color: #1E4D92;
	font-weight: bold;
	font-size: 16px;
	background-position: 10px 10px;
	margin: 20px 0px 0px;
}

.subTitleDadosSimulador {
	border-bottom: dotted 1px #1E4D92;
	color: #1E4D92;
	font-weight: normal;
	font-size: 14px;
	background-position: 10px 10px;
	margin: 20px 0px 0px;
}

.titleDadosSimulador label {
	font-weight: bold;
	font-size: 16px;
}

.descricao-produto {
	margin-top:30px;
}

/*--CODEIT COMPONENTES--*/
.codeit-label-simulador {
	display: inline-block !important;
	line-height: 15px !important; 
	vertical-align: top !important;
}

.codeit-text-simulador span, .codeit-text-simulador img {
	margin-right: 10px;
}

.icon-text {
	margin-right: 10px;
	width: auto;	
}

.icon-duvida {
	background: url("/simulador/javax.faces.resource/default/images/icons/icons.png.xhtml") no-repeat !important;
	background-position: -80px 0px !important;
	width: 20px;
	height: 20px;
	position: absolute;
}

.icon_duvida {
	width:15px;
	height: 15px;
	padding-right:0px;
}

.icon_check_gray {
	padding-right: 0px;
	padding-left: 4px;
	background-position: center;		
}

.textLabelColumn {
	font-size:15px;
	line-height: 20px;
	color:#727272;
}

.codeit-label {
	margin: 7px 0px 5px;
	color: #555;
}


/*--CORNER--*/
.ui-corner-all {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/*--BOTAO AZUL--*/
.bt-blue {
	color: #fff !important;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
	background: url("/simulador/javax.faces.resource/default/images/bg/bg_button.png.xhtml") repeat !important;
	border: 1px solid #24225D !important;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 10px !important;
	text-shadow: none !important;
	box-shadow:none !important;
	margin: 15px 20px 0px 0px !important;
}

.link-blue {
	padding: .6em 1em .6em 1em;
	font-weight: bold;
	text-transform: uppercase;
}

.ui-dialog-titlebar {
	color:#fff !important;
	background: #102870 !important;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#102870), to(#1f5196)) !important;
	background: -webkit-linear-gradient(#102870, #1f5196) !important;
	background: -moz-linear-gradient(#102870, #1f5196) !important;
	background: -ms-linear-gradient(#102870, #1f5196) !important;
	background: -o-linear-gradient(#102870, #1f5196) !important;
	background: linear-gradient(#102870, #1f5196) !important;
} 

#header-right {
	margin-top:5px;
	height: 35px;
}

.panel-buttons {
	margin:5px 0px 20px;
}

.bt-blue:hover {
	background: url("/simulador/javax.faces.resource/default/images/bg/bg_button_hover.png.xhtml") repeat !important;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.7) !important;
	box-shadow: #666 0px 2px 3px !important;
}

/*--dados beneficio risco--*/
.checkinput {
	width:155px;
}

.checkinput input {
	margin-left:8px;
}

.valor-contribuicao, .valor-aporte, .valor-portabilidade {
	font-weight: normal;
}

.ui-selectonemenu .ui-selectonemenu-label {
	color: gray;
}

/*--PANEL COBERTURA SIMULACAO --*/
.coberturas {
	border: 1px solid #24225D;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	margin-bottom:15px;
}

.coberturas-wrap {
	border: solid 1px #cccccc;
	padding: 10px;
}

.coberturas-descricao {
	padding-bottom: 5px;
}

.descricao-cobertura {
	margin-left:10px;
	text-transform: uppercase;	
}

.coberturas-valor label {
	line-height: 26px;
	font-weight: bold;
}

.coberturas-valor span {
	margin-left: 10px;
}

.coberturas-dependentes {
	background: #FCFCFC;
	border: solid 1px #f2f2f2;
	padding: 0px 15px 0px;
}

.cobertura-list {
	margin-bottom:5px;
}


.bt-helper {
	margin-bottom: 20px;
}


.imgResultadoValue {
	margin-left: 5px;
	width:15px;
	height: 15px;
}

.headerSimulador2 {
	font-weight: bold;
	margin-top: 25px;
	color: #304481;
}

.text-icon {
	margin-bottom: 5px;
}

.space-bottom {
	margin-bottom: 15px;
}

/*--dados rentabilidade--*/
.label-tipo-contribuicao {
	width: 250px;
	display: inline-block;
	margin-bottom: 10px;
}

.msg-info {
	background: #eeeeee;
	text-align: justify;
	font-size: 12px;
	padding:4px 8px;
}

/*--prime faces--*/
.ui-state-default {
	border: 1px solid #cccccc;
}
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
	box-shadow: none;
}

/*--SIMULACAO PREVIDENCIA --*/
.simple-message {
	font-size: 14px;
	color: #20377b;
	text-align: justify;
	margin: 10px 0px -7px;
}

.resultado-text-left {
	font-size: 13px;
}

/*-- tela resultado da proposta --*/
.resultado-text-right {
	text-align: right;
	color:#59595b;
	font-size: 13px;
}

.resultado-text-descricao {
	font-weight: bold;
	font-size: 13px;
	color:#345298;
}

.resumo-text-descricao {
	font-weight: bold;
	font-size: 13px;
	color:#345298;
}

.resumo-text {
	color:#59595b;
}

.tabela-deducao-texto {
	text-align: justify;
	padding: 10px 0px 0px;
	font-size: 13px;
}

.conf-assinatura-texto {
	text-align: justify !important;
	padding: 1em 1em 1em;
	font-size: 18px;
}

.float-right {
    float: right;
}

.descricao-fundo {
	padding-bottom: 5px;
}

.resultado-geral {
	color:#345298;
	padding:20px 20px 0px 20px;
}

#projecoesTable {
	overflow-x: auto;
}

#projecoesTable thead th {
	border-color:#cccccc;
}

#projecoesTable tbody td, #projecoesTable thead th {
	padding:2px 4px;
	height: 25px;
}

/*--dialog test perfil--*/
#perfilButton {
	margin: 0px;
	font-size: 14px;
}

#perfil-message-error {
	display: none;
	margin: -7px 0px !important;
}

.perfil-wrapper {
	margin-top: 10px;
}

#perfilDialog .ui-dialog-content {
	overflow-y: scroll;
}

#teste-perfil label {
	display: block;
	padding: 2px;
}

#teste-perfil h3 {
	padding: 2px;
}

#teste-perfil input[type="radio"]{
	margin-right: 5px;
}

.pergunta-perfil {
	padding-bottom: 20px;
}

/*--dados periodo beneficio --*/
.espace-grid {
	margin-top: 10px;
	margin-bottom: 20px;
}

.ui-autocomplete {
	display:block;
	width:310px;
}


/*--PROPOSTA VIDA --*/

.bold {
	font-weight: bold;
	color: #000;
}

.cobertura-majorada {
	margin: 0px 5px;
}

.margem-icon-duvida {
	margin: 0px 5px;
}

/*--telefone--*/
.ddd, .tel {
	float:left;
}
.ddd {
	width: 60px;
}

.tel {
	width:110px;
}

/*--telefone required--*/
.required-ddd, .required-tel {
	float:left;
}
.required-ddd {
	width: 75px;
}

.required-tel {
	width:120px;
}

.sms {
	
}

/*--dados beneficiario--*/
#bt-adicionar-beneficiario {
	margin: 10px 0px 0px -40px;
}
.groupDadosBeneficiarios {
	background: #f2f2f2;
	margin: 0px -10px;
	padding: 0px 10px 8px;
}

.labelSlider{
	width:220px;
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.labelSlider-left{
	width:20px;
}

.labelSlider-right{
	width:20px;
}

.img-loading {
	margin-left:50px;
}

.textoLegalPrevidencia {
	text-align: justify;
	font-size: 9px;
	color: #727272;
}

.ui-radiobutton {
	margin-right: 5px;
	margin-left: 10px;
}

.descricaoFundoIndicado {
	color:#0F5ACB;
	font-size: 16px;
}

.legendaFundoIndicado {
	color:#0F5ACB;
	font-size: 12px;
}

/*-- Historico Corretor --*/

.table-with-filter.ui-datatable thead th, .table-with-filter.ui-datatable tbody td, .table-with-filter.ui-datatable tfoot td {
	vertical-align: bottom;
}

.table-with-filter.ui-datatable .ui-datatable-header, .table-with-filter.ui-datatable .ui-datatable-footer {
	text-align: right;
}

.align-right {
	float: right;
    text-align: right;
}
.truncate-characters{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60ch;
}

.table-doenca thead{
    display:none;
}

.table-doenca tbody td {
	background-color: white;
}

.ui-datatable-scrollable-header {
	display:none;
}

.ui-datatable-scrollable-footer {
	display:none;
}

.table-resultado-doencas tbody tr {
	border-color: white;
	color: #345298;
    font-size: 14px;
}

.row-expansion-doencas {
	background-color: #f2f2f2 !important;
	border-color: #f2f2f2 !important;
}

/*--RESPONSIVE--*/
@media (max-width: 979px) and (min-width: 768px) {


	#bt-adicionar-beneficiario {
		margin: 0px;
	}

	#wrapper-footer {
		float:none;
	}
	
	
	.span3, .span2, .span9 {
		width: 100%;
	}
	
	.wq {
		margin: 20px 0px;
	}
	
	
	#header{
		text-align: center;
	}
	
	#phone-icon {
		display: none;
	}
}

@media (max-width: 767px){
	
	#bt-adicionar-beneficiario {
		margin: 0px;
	}

	.wq {
		margin: 20px 0px;
	}
	
	#footer-right img{
		display: none;
	}
	
	#phone-icon {
		display: none;
	}

	#wrapper-footer {
		float:none;
	}
	
	#header{
		text-align: center;
	}
	
	.resultado-text-right {
		text-align: left;
		
	}
	
	.resultadoDotalNaoGarantido{
		margin-left: 65%; 
		color:#1E4D92;
		font-weight: bold;
		font-size: 16px;	
	}
}