/**
 * Simulador
 */

.sflex picture{
    margin: auto !important;
}

.centro{
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.mark {
	font-size: 2em;
    vertical-align: baseline;
}

.simulador-container {
	max-width: 100%;
}

.simulador-container h2 {
	font-size: 1.9em;
	text-align: center;
	color: #23318e;
	margin-bottom: 60px;
}

.simulador-container select {
	display: block;
	width: 100%;
    height: 40.5px;
    background: #fff;
    font-family: inherit;
    border: 2px solid #ececec;
    border-radius: 8px;
    font-size: 16px;
    padding: 7.5px 7.5px 10px;
    margin: 7.5px 0 20px;
}

.simulador-group span {
	font-size: 1.8em;
	color: #45ad07;
	margin-left: 15px;
}

.simulador-group input {
	display: block;
	width: 100%;
    
}

.simulador-container input[type=range] {
  height: 36px;
  -webkit-appearance: none;
   width: 100%;
   margin-top: 15px;
   margin-left: 25%;
   margin-right: 25%;
   box-shadow: none;
   outline: none; 
}

.simulador-container input[type=range]:focus {
  outline: none;
}

.simulador-container input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  /*background: #45ad07;*/
  background: #f59502; /* Linha Azul */
  border-radius: 5px;
}

.simulador-container input[type=range]::-webkit-slider-thumb {
  border-radius: 30px;
  /*background: #23318e;*/
  cursor: pointer;
  -webkit-appearance: none;
  background: white;
  width: 30px;
  height: 30px;
  margin-top: -12px;
  
}

.simulador-container input[type=range]:focus::-webkit-slider-runnable-track {
  /*background: #45ad07;*/
  background: #f59502; /* Linha Azul */
}

.simulador-container input[type=range]::-moz-range-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  /*background: #45AD07;*/
  background: #f59502; /* Linha Azul */
  border-radius: 5px;
}

.simulador-container input[type=range]::-moz-range-thumb {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background: #23318e;
  cursor: pointer;
}

.simulador-container input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.simulador-container input[type=range]::-ms-fill-lower {
  /*background: #45ad07;*/
  background: #f59502; /* Linha Azul */
  border-radius: 10px;
}

.simulador-container input[type=range]::-ms-fill-upper {
  /*background: #45ad07;*/
  background: #f59502; /* Linha Azul */	
  border-radius: 10px;
}

.simulador-container input[type=range]::-ms-thumb {
  margin-top: 1px;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background: #23318e;
  cursor: pointer;
}

.simulador-container input[type=range]:focus::-ms-fill-lower {
  /*background: #45ad07;*/
  background: #f59502; /* Linha Azul */
}

.simulador-container input[type=range]:focus::-ms-fill-upper {
  /*background: #45ad07;*/
  background: #f59502; /* Linha Azul */
}
.simulador-submit {
	text-align:center;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.simulador button {
	display: block;
	font-family: inherit;
	text-transform: uppercase;
	color: #fff;
	background: #23318e;
	border-radius: 8px;
	border: 0;
	width: 100%;
	max-width: 300px;
    font-size: 1.4em;
    padding: 10px;
	margin: 60px auto 0;
	cursor: pointer;
}

/**
 * Resultado Simulacao
 */

.resultado-simulacao__list {
	border-radius: 8px;
    /*padding: 10px 20px;*/
	list-style: none;
	margin: 20px 0;
	line-height: 1.15;
    
    display: inline-flex;
    text-align: center;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
}

.resultado-simulacao__list li {
	padding: 10px 0;
	
}

.resultado-simulacao__list li:last-child {
	border-bottom: 0;
}

.resultado-simulacao__value {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "Poppins", Sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    color: #f59502;
    width: 100%;
}

.resultado-simulacao__list .flex1 {
	margin-right: 5px;
    margin: auto;
        text-align: center;
    color: var( --e-global-color-accent );
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}
.entry-content p.resultado-simulacao__tooltip {
	margin-bottom:0;
}
.resultado-simulacao__tooltip {
	font-size: 0.8em;
    line-height: 1.4;
    color: #757575;
	margin-bottom: 0;
}

.resultado-simulacao {
	font-size: large;
}
/* Resultado em linha */
@media only screen and (min-width: 613px) {

  .resultado-simulacao ul.resultado-simulacao__list {
    display: inline-flex;
  }
  .resultado-simulacao__list li.sflex {
    margin: 0 10px;
  }
  .resultado-simulacao__list {
    border: 0;
  }
  .resultado-simulacao__list li {
	padding: 10px 0;
	border-bottom: 0;
  } 
  .resultado-simulacao__list {
    border: 0;
    border-radius: 8px;
    /*padding: 10px 20px;*/
	list-style: none;
	margin: 20px 0;
	line-height: 1.15;
  }	
  /* alinhamento do texto */
	.sflex {
		text-align: center;
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        width: 200px;
	}
}



/* Tamanho ícone Resposta Simulação */
.resultado-simulacao .icon-img {
	
    margin-bottom: 10px;
  	margin-left: auto;
  	margin-right: auto;
  	
    width: 92px;
    display: flex;
    margin: auto
}



/*Ajustes prana */
@media only screen and (max-width: 800px) {
    input[type='range'] {
        width: 100%;
        margin-top: 15px;
        margin-left: 20px !important;
        margin-right: 20px !important;
        box-shadow: none;
        outline: none;    
    
 }
         #js-renda-value{
         margin-top:15px;
         }

         .resultado-simulacao__table{
         margin-top: 0px !important;
         }
 
}



#js-renda{
   background: transparent;
    border-radius: 20px;
}

#js-renda-value{
background: -webkit-linear-gradient(45deg, #FBBB00 33.21%, #EC6906 76.13%);
font-family: "Poppins", Sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1em;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sflex {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    width: 180px;
}

label{
    color: #1a1a38 !important;
    font-family: "Poppins", Sans-serif;
    font-size: 20px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
}

.simulador-group{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.icon-img{
    width: 92px;
    display: flex;
    margin: auto
}

.resultado-simulacao__table{
    margin: auto;
    display: flex;
    margin-top: 40px;
    align-items: center;
  justify-content: center;
}