/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
.highcharts-legend{
    display: none;
}
.highcharts-axis-labels text{
    font-size: 13px!important;
}
.highcharts-credits{
    display: none;
}
.hipotuca_form_fields .vc_column_container.col{
        align-items: self-end;
        display: flex;
        flex-wrap: wrap;
    }
.hipotuca_form_fields input, .hipotuca_form_fields select{
        width:100%;
    }
.output_calculadora{
        z-index: 1;
}
.output_calculadora p{
        padding-bottom: 0px;
        z-index: 1;
    }
.hipotuca_form_fields{
        padding: 30px!important;
        background:rgb(52 58 64 / 10%)!important;
        border-radius: 5px;
    }
.b1{
        padding: 12px!important;
        background:rgb(23 162 184 / 50%)!important;
        margin-bottom: 10px;
        border-radius: 5px;
        z-index: 1;
    }
.bmessage{
        font-weight: bold;
        padding: 30px!important;
        background:rgb(198 239 207 / 50%)!important;
        margin-bottom: 10px;
        border-radius: 5px;
        text-align:left;
        z-index: 1;
    }
.finance-green{
        font-weight: bold;
        color: green;
        z-index: 1;
}
.finance-orange{
        font-weight: bold;
        color: rgb(156 87 0);
        z-index: 1;
}
.finance-red{
        font-weight: bold;
        color: red;
        z-index: 1;
}

.b2{
        padding: 8px!important;
        border-radius: 5px;
        z-index: 1;
    }
.b3{
        padding: 30px!important;
        background:rgb(255 193 7 / 50%)!important;
        border-radius: 5px;
        z-index: 1;
    }
.fancy_border_wrapper {
    padding: 3px!important;
    background: linear-gradient(135deg, #fb2f62, #95208a)!important;
    border-radius: 12px;
}
.b1.fancy_border_full {
    border-radius: 10px!important;
}
.fancy_border_wrapper2 {
    background: linear-gradient(135deg, #fb2f62, #95208a)!important;
    border-radius: 30px;
    padding: 3px;
}

.fancy_border_wrapper3 {
    padding: 3px!important;
    background: linear-gradient(135deg, #fb2f62, #95208a)!important;
}
.fancy_border_wrapper3_amortizacion {
    padding: 3px!important;
    background: linear-gradient(135deg, #fb2f62, #95208a)!important;
}
.fancy_border_wrapper4 {
    background: linear-gradient(135deg, #fb2f62, #95208a)!important;
    padding: 3px!important;
    border-radius: 30px;
}
.fancy_border_full{
    background: white!important;
    border-radius: 10px;
    padding: 10px;
    box-shadow: rgb(10 37 64 / 35%) 0px -2px 6px 0px inset;
    margin-bottom:0;
}
.fancy_border_full3{
    color: white;
    padding: 10px 8px;
    box-shadow: rgb(10 37 64 / 35%) 0px -2px 6px 0px inset;
    margin-bottom:0;
}
.fancy_border_full3 h3{
    color: white!important;
    line-height: 20px;
}
.fancy_border_full_amortizar{
    background: white!important;
    border-radius: 10px;
    padding-top: 10px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 20px;
    box-shadow: rgb(10 37 64 / 35%) 0px -2px 6px 0px inset;
    margin-bottom:0;
}
.b1.fancy_border_full {
    border-radius: 27px 27px 27px 27px;
    margin-bottom: 0px;
    font-family: 'AutomateRegularW00';
    box-shadow: rgb(10 37 64 / 35%) 0px -2px 6px 0px inset;
    color:#11146d;
}

/*-------------------------------------------------------------------------*/

/*#container {
    height: 400px;
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}*/

/*--------------------------------------------------------------------*/
.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 1000px;
    margin: 0em auto;
}

#container {
    height: 400px;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

/*--------------------------------------------------------------------*/

#otracantidad{ display:none!important; }
#solicitante2{ display:none!important; }
#diferencial{ display:none!important; }
#interes{ display:none!important; }
#ahorros{ display:none!important; }

/*tooltip per sobre*/
/*
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 100%;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 0%;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/*tooltip per sota*/
.tooltip-sota {
  /*border-bottom: 3px solid #cb2875;*/
  padding: 10px 6px;
  color:#130b76;
  box-shadow: rgb(10 37 64 / 15%) 8px 10px 10px -5px, rgb(0 0 0 / 10%) 0px 15px 31px -16px, rgb(10 37 64 / 25%) 0px -2px 6px 0px inset;
  border-radius: 10px;
  margin-bottom: 5px;
  font-size: 14px;
}

.tooltip-sota .tooltiptext {
    line-height: 17px;
    visibility: hidden;
    width: 230px;
    background: linear-gradient(135deg, #61a3db, #13146e)!important;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    padding: 14px;
    position: absolute;
    left: 40px;
    top: 15px;
    z-index: 99999999999;
    font-size: 13px;
    box-shadow: rgb(50 50 93 / 45%) 10px 15px 10px -5px, rgb(0 0 0 / 30%) 0px 15px 40px -16px, rgb(10 37 64 / 35%) 0px -2px 6px 0px inset;
}
.fa-info-circle:hover+.tooltiptext {
    visibility: visible;
}

/*tooltip dreta*/

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
    transition: opacity 0.5s;
    line-height: 17px;
    visibility: hidden;
    width: 320px;
    background: linear-gradient(135deg, #61a3db, #13146e)!important;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    padding: 14px;
    position: absolute;
    top:5px;
    left: 30px;
    z-index: 99999999999;
    font-size: 13px;
    box-shadow: rgb(50 50 93 / 45%) 10px 15px 10px -5px, rgb(0 0 0 / 30%) 0px 15px 40px -16px, rgb(10 37 64 / 35%) 0px -2px 6px 0px inset;
}

.tooltip .fa-info-circle:hover+.tooltiptext {
  visibility: visible;
    opacity: 1;
}

/*.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}*/

/*.tooltip .cercle-exclam{
  top: -6px;
  right: 1%;
}*/
.mfp-content ul li {
    list-style: none;
}

.input-box {
    width: 100%!important;
    height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 4px;
  padding-left: 0.5rem;
  overflow: hidden;
  font-family: sans-serif;
  box-shadow: rgb(10 37 64 / 40%) 1px 1px 5px 0px inset;
}

.mfp-content .input-box .prefix {
  font-weight: 300;
  font-size: 14px;
  color: #999;
}

.mfp-content .input-box input {
    clip-path: inset(0px 0px 0px 5px);
/*  flex-grow: 1;
  font-size: 14px;
  background: #fff;
  border: none;
  outline: none;
  padding: 0.5rem;
  box-shadow: none;*/
}

.mfp-content .input-box:focus-within {
  border-color: #777;
}
.barra_pre_simulacio{
    padding-left: 9%;
    padding-right: 9%;
    margin-bottom: 2%;
    background: linear-gradient(135deg, #fc9b18, #f9335c)!important;
}
.cta_viabilidad{
    margin-top: 15px;
    margin-left: 4%;
    border-radius: 20px!important;
    color: #fff;
    background-color: #F9325D!important;
    font-size: 17px;
    font-family: "AutomateRegularW00"!important;
    font-weight: bold;
    text-align: center;
}
.text_cta_viabilidad{
    margin-top: 14px;
    color: #130b76; 
    font-size: 18px;
    font-family: "AutomateRegularW00"!important;
}
.hipotuca_form_fields {
    padding: 20px!important;
    background: linear-gradient(135deg, #fb2f62, #95208a)!important;
    border-radius: 10px;
    color: white;
    font-family: 'AutomateRegularW00';
    box-shadow: rgb(10 37 64 / 35%) 8px 10px 10px -5px, rgb(0 0 0 / 30%) 0px 15px 31px -16px, rgb(10 37 64 / 35%) 0px -2px 6px 0px inset;
    line-height: 20px;
}
.hipotuca_form_fields.vivienda_permitir{
    background: linear-gradient(135deg, #fc9b18, #f9335c)!important;
}
.hipotuca_form_fields .column_container {
    margin-bottom: 7px;
}
.hipotuca_shadow{
    box-shadow: rgb(50 50 93 / 45%) 10px 15px 10px -5px, rgb(0 0 0 / 30%) 0px 15px 40px -16px, rgb(10 37 64 / 35%) 0px -2px 6px 0px inset;
}

.tooltip_title{
    font-weight: 700;
    padding-bottom: 5px;
    display:block;
}
.columna_missatges{
    font-family: 'AutomateRegularW00'; 
}
.viable {
    background: linear-gradient(135deg, #009245, #8bc34a)!important;
}
.viable2 {
    background: linear-gradient(135deg, #8bc34a, #ffdc48)!important;
}
.viable3 {
    background: linear-gradient(135deg, #ffdc48, #fcbe00)!important;
}
.viable4 {
    background: linear-gradient(135deg, #fcbe00, #ff8b00)!important;
}
.nonviable {
    background: linear-gradient(135deg, #ff8b00, #e65100)!important;
}
.hipotuca_form_fields input, .hipotuca_form_fields select {
    border:0px!important;
    box-shadow: rgb(10 37 64 / 40%) 2px 2px 10px 0px inset;
}
.resume_wrapper{
   color: #13146e; 
   font-family: 'AutomateRegularW00';
       box-shadow: rgb(10 37 64 / 15%) 8px 10px 10px -5px, rgb(0 0 0 / 10%) 0px 15px 31px -16px, rgb(10 37 64 / 25%) 0px -2px 6px 0px inset;
    margin-bottom: 10px;
}
.text_permitir_pre_form{
    font-family: "AutomateRegularW00"!important;
    color: #13146e;
    padding: 10px 50px;
    font-size: 24px;
}
.text_permitir_pre_form_viabilidad{
    font-family: "AutomateRegularW00"!important;
    color: #13146e;
    padding: 10px 30px;
    font-size: 24px;
}
.text_permitir_pre_sim{
    font-family: "AutomateRegularW00"!important;
    padding-top: 8px;
    text-align: justify;
    font-size: 12px;
    color: #13146e;
    line-height: 15px;
    font-weight: 500;
}
.text_permitir_pre_simulacio{
    font-family: "AutomateRegularW00"!important;
    padding-top: 8px;
    text-align: justify;
    font-size: 12px;
    color: #ffffff;
    line-height: 15px;
}
.h3_permitir_pre_simulacio{
    font-family: "AutomateRegularW00"!important;
    padding-top: 15px;
    text-align: justify;
    color: #ffffff!important;
    line-height: 20px;
}
.text_permitir_post_sim{
    font-family: "AutomateRegularW00"!important;
    padding-top: 16px;
    text-align: justify;
    font-size: 16px;
    color: #13146e;
    line-height: 16px;
    font-weight: 500;
}
.vl {
    border-left: 3px solid #bf2679;
    padding-left: 0px;
}
/*.all_border{
    border-left: 3px solid #bf2679;
    border-top: 3px solid #bf2679;
    border-bottom: 3px solid #bf2679;
    border-right: 3px solid #bf2679;
}*/
.last_col_no_margin{
    margin-right: 0%!important;
}
.info_euribor h6{
    color: #13146e;
    font-size: 11px;
    line-height: 18px;
    margin-bottom: 7px;  
}

.info_asterisc h6{
    text-align: center;
    padding-top: 1px;
    color: #13146e;
    font-size: 9px;
    line-height: 15px;
    margin-bottom: 0px;
}

.fancy_border_full h3{
    line-height: 25px;
}

.output_calculadora h5{
   color: #13146e; 
   font-family: 'AutomateRegularW00';
   text-align:left;
   font-weight: 400!important;
   padding-left: 4%;
}
.output_calculadora h4{
   color: #13146e; 
   font-size: 14px;
   font-family: 'AutomateRegularW00';
   text-align:center;
}
.output_calculadora h3{
   color: #13146e; 
   font-family: 'AutomateRegularW00';
   text-align:center;
}
.output_calculadora h2{
   color: #13146e; 
   font-family: 'AutomateRegularW00';
   text-align:center;
   margin-bottom: 4%;
}

.img-align-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%!important;
}
.gif-align-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.img-align-idealista {
    display: block;
    margin-left: auto;
    width: 66%!important;
    padding-top: 40px ;
}
.img-align-fotocasa {
    display: block;
    margin-left: 60px;
    margin-right: auto;
    width: 69%!important;
    padding-top: 47px ;
}
.img-align-pisos {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%!important;
    padding-top: 44px;
}
.img-align-center2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 27%!important;
}
.fcc-btn {
  background-color: #13146e;
  color: white;
  padding: 15px 25px;
  text-decoration: none;
  border-radius: 10px;
}
.fcc-btn:hover {
  background-color: #223094;
}
.wrap-contacta-mal{
    margin-top: 10%;
    margin-bottom: 3%; 
    text-align: center;   
}
 
.resume {
    text-align: center;
    padding: 0px 0px;
    font-size: 12px;
    line-height: 18px;
    color: #13146e;
    font-family:"AutomateRegularW00";
}
.resume_compraventa {
    text-align: center;
    padding: 0px 0px;
    font-size: 14px;
    line-height: 18px;
    color: #13146e;
    font-family:"AutomateRegularW00";
}
.padding_top_3{
    padding-top: 3px;    
}
.qt {
    display: block;
    font-size: 26px;
    font-weight: 800;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #13146e;
}
.finance {
    text-align: center;
    padding: 10px 10px;
    font-size: 22px;
}
div.b1 h3{
    margin-bottom:5px!important;
    text-align:center;
}
.b1 h3{
    color: white!important;
    font-size: 28px;
}
div.b1 div * {
    line-height: 18px;
    margin-bottom: 10px;
}
div.b1 ul li {
    list-style: circle;
}
div.b1 ul {
    margin-left: 18px;
}
.ratio {
    box-shadow: rgb(10 37 64 / 15%) 8px 10px 10px -5px, rgb(0 0 0 / 10%) 0px 15px 31px -16px, rgb(10 37 64 / 25%) 0px -2px 6px 0px inset;
    width: 100%;
    height: 15px;
    border-radius: 10px;
    background: #efefef;
    position: relative;
    overflow:hidden;
}
.ratio:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    height:15px;
    
    z-index:1;
    box-shadow: rgb(10 37 64 / 15%) 8px 10px 10px -5px, rgb(0 0 0 / 10%) 0px 15px 31px -16px, rgb(10 37 64 / 25%) 0px -2px 6px 0px inset;
    border-radius: 10px;
}
.ratio100:after{
    background: linear-gradient(90deg, #b1dc16, #099547)!important;
    width:100%;
}
.ratio90:after{
    background: linear-gradient(90deg,#d7ed0b, #4cb234)!important;
    width:90%;
}
.ratio80:after{
    background: linear-gradient(90deg, #c1c912, #77c128)!important;
    width:80%;
}
.ratio75:after{
    background: linear-gradient(90deg, #c1c912, #77c128)!important;
    width:75%;
}
.ratio70:after{
    background: linear-gradient(90deg, yellow, #a5d61a)!important;
    width:70%;
}
.ratio60:after{
    background: linear-gradient(90deg, yellow, #c1c912)!important;
    width:60%;
}
.ratio50:after{
    background: linear-gradient(90deg, #fbd001,yellow)!important;
    width:50%;
}
.ratio40:after{
    background: linear-gradient(90deg, #f3ce03,yellow)!important;
    width:40%;
}
.ratio30:after{
    background: linear-gradient(90deg, #ff7600,#fbd001)!important;
    width:30%;
}
.ratio25:after{
    background: linear-gradient(90deg, #ff7600,#f3ce03)!important;
    width:25%;
}
.ratio20:after{
    background: linear-gradient(90deg, #ff7600,#f3ce03)!important;
    width:20%;
}
.ratio10:after{
    background: linear-gradient(90deg, #ff7600,#fbc401)!important;
    width:10%;
}
.interactive_element {
    padding-top: 0px;
    padding-bottom: 7px;
    padding-left: 8px;
    padding-right: 8px;
    background: linear-gradient(135deg, #fb2f62, #95208a)!important;
    border-radius: 10px;
    color: white;
    font-family: 'AutomateRegularW00';
    line-height: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.hipotuca_form_fields input, .hipotuca_form_fields select, .interactive_element select{
    width: 100%!important;
    background: white;
    color: #11146d;
    font-weight: 600;
    font-family: 'AutomateRegularW00';
    text-align: center;
}
.interactive_element select{
    padding: 0px;
    width: 100px!important;
}
.info_block h3{
    text-align:center;
}
.result_content{
    margin-top:15px;
    margin-bottom: 0px;
}
.result_content_sin_scoring{
    margin-top:0px;
    margin-bottom: 0px;
}
.result_resume{
    box-shadow: rgb(10 37 64 / 15%) 8px 10px 10px -5px, rgb(0 0 0 / 10%) 0px 15px 31px -16px, rgb(10 37 64 / 25%) 0px -2px 6px 0px inset;
    border-radius: 100px!important; 
    padding:20px;
}
.info_block .resume{
    float:none;
    margin:auto!important;
    width: 100%;
}
.info_block .info_block_extra .resume {
    float: left;
}
.info_block_extra {
    margin-top: 5px;
}
.info_block_extra .resume{
    font-size: 12px;
    padding: 0px 10px;
}
.info_block_extra .qt{
    font-size: 16px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.info_block {
    margin-bottom: 10px;
}
.output_calculadora h3 b{
    font-family: "AutomateRegularW00";
}
.output_calculadora i{
    padding: 5px 1px;
}
.cta_calculadora a{
    padding: 20px 20px!important;
    background: linear-gradient(135deg, #fb2f62, #95208a)!important;
    border-radius: 15px;
    color: white;
    font-family: 'AutomateRegularW00';
    line-height: 44px;
    font-size: 22px;
    width: 100%;
    display: block;
    text-align: center;
    box-shadow: rgb(10 37 64 / 35%) 8px 10px 10px -5px, rgb(0 0 0 / 30%) 0px 15px 31px -16px, rgb(10 37 64 / 35%) 0px -2px 6px 0px inset;
}
.cta_calculadora_viabilidad{
    margin-top: 0px;
}
.cta_calculadora_viabilidad a{
    padding: 20px 20px!important;
    background: linear-gradient(135deg, #fb2f62, #95208a)!important;
    border-radius: 10px;
    color: white;
    font-family: 'AutomateRegularW00';
    line-height: 38px;
    font-size: 17px;
    width: 100%;
    display: block;
    text-align: center;
    box-shadow: rgb(10 37 64 / 35%) 8px 10px 10px -5px, rgb(0 0 0 / 30%) 0px 15px 31px -16px, rgb(10 37 64 / 35%) 0px -2px 6px 0px inset;
}
.slider_allowed_wrapper{
    position:relative;
}
.slider_allowed_background{
    height:15px;
    box-shadow: rgb(10 37 64 / 15%) 8px 10px 10px -5px, rgb(0 0 0 / 10%) 0px 15px 31px -16px, rgb(10 37 64 / 25%) 0px -2px 6px 0px inset;
    border-radius: 10px;
    width: 100%;
    z-index: 0;
}
#slide-permitir{
    position: absolute;
    top: 3px;
  z-index: 1;
  top: 0;
  left: 0;
  margin: 0;
  background: none;
  /* get rid of white Chrome background */
  pointer-events: none;
  height:15px;
}
#slide-permitir::-webkit-slider-runnable-track, input[type=range]::-webkit-slider-thumb, input[type=range] {
  -webkit-appearance: none;
}
#slide-permitir::-webkit-slider-runnable-track {
  width: 100%;
  height: 100%;
  background: none;
}
#slide-permitir::-moz-range-track {
  width: 100%;
  height: 100%;
  background: none;
}
#slide-permitir::-webkit-slider-thumb {
  border: none;
  /* get rid of Firefox thumb border */
  width: 25px;
  height: 25px;
  border-radius: 25px;
  /* get rid of Firefox corner rounding */
  /*background: linear-gradient(90deg, #fff 2px, transparent 0) calc(1em - 1px), radial-gradient(circle, var(--col) calc(1em - 1px), transparent 1em);*/
  background: linear-gradient(135deg, #4143d9, #13146e);
  pointer-events: auto;
  box-shadow: rgb(10 37 64 / 15%) 8px 10px 10px -5px, rgb(0 0 0 / 10%) 0px 15px 31px -16px, rgb(10 37 64 / 25%) 0px -2px 6px 0px inset;
  margin-top:-5px;
  z-index: 1;
}
#slide-permitir::-moz-range-thumb {
  border: none;
  /* get rid of Firefox thumb border */
  width: 25px;
  height: 25px;
  border-radius: 25px;
  /* get rid of Firefox corner rounding */
  /*background: linear-gradient(90deg, #fff 2px, transparent 0) calc(1em - 1px), radial-gradient(circle, var(--col) calc(1em - 1px), transparent 1em);*/
  background: linear-gradient(135deg, #4143d9, #13146e);
  pointer-events: auto;
  box-shadow: rgb(10 37 64 / 15%) 8px 10px 10px -5px, rgb(0 0 0 / 10%) 0px 15px 31px -16px, rgb(10 37 64 / 25%) 0px -2px 6px 0px inset;
  margin-top:-5px;
  z-index: 1;
}

a.control-btn{
    font-size: 1.5625em;
    color: #b62682;
    height: 42px;
    position: absolute;
    top: 0;
    display: block;
    line-height: 30px;
    width: 42px;
    text-align: center;
    margin: 0;
    cursor: pointer;
}

.ctrl-btn-left{
    left: 0;
}

.ctrl-btn-right{
    right: 0;
}


.glossary-tooltip a, .glossary-underline {
    padding: 0 3px;
    color: inherit;
}

.puta-tot{
    color: red;
}

#ahorro-disponible .dis{
    color:grey;
}

.separador{
    border-top: 1px solid white;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
}


#otracantidad input[type="range"] {
  -webkit-appearance: none;
  margin-right: 15px;
  /*width: 200px;*/
  height: 15px;
  background: white;
  border-radius: 5px;
  
  background-repeat: no-repeat;
  margin-bottom: 10px;
  overflow: hidden;
}
/* Input Thumb */
#otracantidad input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffc658, #ff8157)!important;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
  transition: background .3s ease-in-out;
  box-shadow: -407px 0 0 400px #13146e;
}

#otracantidad input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffc658, #ff8157)!important;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
  transition: background .3s ease-in-out;
  box-shadow: -407px 0 0 400px #13146e;
}

#otracantidad input[type="range"]::-ms-thumb {
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ffc658, #ff8157)!important;
  cursor: ew-resize;
  box-shadow: 0 0 2px 0 #555;
  transition: background .3s ease-in-out;
  box-shadow: -407px 0 0 400px #13146e;
}

#otracantidad input[type="range"]::-webkit-slider-thumb:hover {
  background: #ff0200;
}

#otracantidad input[type="range"]::-moz-range-thumb:hover {
  background: #ff0200;
}

#otracantidad input[type="range"]::-ms-thumb:hover {
  background: #ff0200;
}

/* Input Track */
#otracantidad input[type=range]::-webkit-slider-runnable-track  {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

#otracantidad input[type=range]::-moz-range-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

#otracantidad input[type="range"]::-ms-track {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
.boto_popup{
    padding: 15px 22px;
    color: #fff;
    background-color: #13146e!important;
    font-size: 20px;
    font-family: 'Manrope';
    font-weight: bold;
    margin-top: 25px;
}

.avis {
    padding: 0px;
    color: red;
    font-size: 15px;
    font-weight: 800;
}
.avis-wrap{
    background-color:white;
    border-radius: 5px;
    margin-top: 5px;
}

.mfp-content .avis-wrap {
    background-color: white;
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.input-container{
    position: relative;
    width: 100%;
}
.simbol-slider{
    right: 41%;
/*    color: #aaa;*/
    font-weight: 600;
    top: 7px;
    position: absolute;
}
.simbol-slider-2{
    right: 41%;
    color: #11146d;
    font-weight: 600;
    top: 10px;
    position: absolute;
}
.simbol-slider-3{
    right: 34%;
    color: #11146d;
    font-weight: 600;
    top: 10px;
    position: absolute;
}
.input-slider{
    padding-right:  45%;
    text-align: right;
}
input[type="tel"] {
    padding: 8px;
    width: 100%!important;
    background: white;
    color: #11146d;
    font-weight: 600;
    font-family: 'AutomateRegularW00';
    text-align: right!important;
    padding-right: 44%;
    border: 0px!important;
    box-shadow: rgb(10 37 64 / 40%) 2px 2px 10px 0px inset;
}

.mfp-content input {
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%!important;
    background: white;
    color: #11146d;
    font-family: 'AutomateRegularW00';
    border: 0px solid #fff;
    padding: 4px 10px;
    font-weight: 600;
    text-align: left!important;
    /*padding-right: 44%;*/
    border: 0px!important;
    box-shadow: rgb(10 37 64 / 40%) 1px 1px 5px 0px inset!important;
}
.mfp-content input::placeholder {
    font-weight: 100;
}
.mfp-content select {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%!important;
    background: white;
    color: #11146d;
    font-family: 'AutomateRegularW00';
    border: 0px solid #fff;
    padding: 4px;
    font-weight: 500;
    text-align: left!important;
    padding-right: 44%;
    border: 0px!important;
    box-shadow: rgb(10 37 64 / 40%) 1px 1px 5px 0px inset;
}

.input-container ::-webkit-input-placeholder { /* Chrome and Safari */
   color: #aaa;
}
 
.input-container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #aaa;
   opacity: 1;
}
 
.input-container ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #aaa;
   opacity: 1;
}
 
.input-container :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #aaa;
}
 
.input-container ::-ms-input-placeholder { /* Microsoft Edge */
   color: #aaa;
}
 
.input-container ::placeholder {
   color: #aaa;
}
.wraper_3_margin{
    margin: 6%;
}


.fcc-btn:hover {
    color:white;
}
body[data-header-resize="0"] .container-wrap, body[data-header-resize="0"] .project-title {
    padding-top: 10px;
}
body.material .page-header-no-bg {
    padding-top: 15px;
}
.tooltip-sota h3,.info_block h3{
    margin-bottom:0!important;
}
.output_euribor{
    padding-top: 5px;
}
.output_euribor .tooltip-sota{
    padding: 5px 10px;
}
.info_block .tooltip-sota .resume{
    font-size:12px;
    line-height: 14px;
}
.highcharts-container, svg.highcharts-root {
    width:100%!important;
}

.resumen_escenarios .columna_primera{
    display: inline-block;
    width: 33%;
    margin-right: 0px;
}

.cambio_mejora_hipoteca .columna_primera{
    display: inline-block;
    width: 34%;
    margin-right: 0px;
}
.resumen_escenarios .columna_segona{
    display: inline-block;
    width: 25%;
    margin-right: 0px;
}

.cambio_mejora_hipoteca .columna_segona{
    display: inline-block;
    width: 33%;
    margin-right: 0px;
}
.resumen_escenarios .columna_tercera{
    display: inline-block;
    width: 17%;
    margin-right: 0px;
}
.resumen_escenarios{
    margin-top: 10px;
}
.resumen_escenarios .columna_primera .title{
    height: 100px;
}
.resumen_escenarios .columna_primera .title h3{
    color:white;
    text-align: center;
    font-size: 24px;
}
.resumen_escenarios .columna_primera .resultats{
    padding-bottom: 0px;
    background: white;
}
.resumen_escenarios .columna_primera .resultats h5{
    text-align: right;
    color: #13146e;
    font-size: 14px;
}
.resumen_escenarios .columna_segona .title{
    height: 50px;
}
.resumen_escenarios .columna_segona .title h3{
    color: white;
    font-size: 16px; 
    text-align: center;
}
.resumen_escenarios .columna_segona .subtitle{
    height: 50px;
}
.resumen_escenarios .columna_segona .subtitle h5{
    color:white; 
    line-height: 18px; 
    font-size: 14px;
    text-align: center;
}
.resumen_escenarios .columna_segona .subtitle .col{
    display: inline-block;
    width: 50%; 
    margin-right: 0px;
}
.resumen_escenarios .columna_segona .resultats{
    padding-bottom: 0px;
    background: white;
}
.resumen_escenarios .columna_segona .resultats p{
    text-align: center;
    color: #13146e;
    font-size: 14px;
}
.resumen_escenarios .columna_segona .resultats .col{
    display: inline-block;
    width: 50%; 
    margin-right: 0px;
}
.resumen_escenarios .columna_tercera .title{
    height: 50px;
}
.resumen_escenarios .columna_tercera .subtitle{
    height: 50px;
}
.resumen_escenarios .columna_tercera .subtitle h5{
    color:white; 
    line-height: 18px; 
    font-size: 14px;
    text-align: center;
}
.resumen_escenarios .columna_tercera .resultats{
    padding-bottom: 0px;
    background: white;
}
.resumen_escenarios .columna_tercera .resultats .col{
    display: inline-block;
    margin-right: 0px;
}
.resumen_escenarios .columna_tercera .resultats p{
    text-align: center;
    color: #13146e;
    font-size: 14px;
}
.row.resultats{
    height: 30px;
}
.resumen_escenarios span.destacado {
    background: #8be18b;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
}
.cambio_mejora_hipoteca{
    margin-top: 10px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.cambio_mejora_hipoteca.no_radius{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.cambio_mejora_hipoteca .columna_primera .title{
    padding-top: 7px;
    height: 60px;
}
.cambio_mejora_hipoteca .columna_primera .title h3{
    color:white;
    text-align: center;
    font-size: 16px;
    line-height: 21px;
}
.cambio_mejora_hipoteca .columna_primera .resultats{
    padding-bottom: 0px;
    background: white;
}
.cambio_mejora_hipoteca .columna_primera .resultats.last{
    border-bottom-left-radius: 20px;
}
.cambio_mejora_hipoteca .columna_segona .resultats.last{
    border-bottom-right-radius: 20px;
}
.cambio_mejora_hipoteca .columna_segona .resultats{
    border-left: 3px solid #bf2679;
    padding-bottom: 0px;
    background: white;
}
.cambio_mejora_hipoteca .columna_primera .resultats p{
    text-align: center;
    color: #13146e;
    font-size: 14px;
}
.cambio_mejora_hipoteca .columna_segona .resultats p{
    text-align: center;
    color: #13146e;
    font-size: 14px;
}
.cambio_mejora_hipoteca .columna_segona .title{
    height: 60px;
}
.cambio_mejora_hipoteca .columna_segona .title h3{
    color:white;    
    font-size: 16px;
    line-height: 21px;
}
.cambio_mejora_hipoteca .columna_segona .title .columna1{
    display: inline-block;
    width: 40%; 
    margin-right: 0px;
    padding-right: 15px;
}
.cambio_mejora_hipoteca .columna_segona .title .columna1 h3{
    text-align: right;
}
.cambio_mejora_hipoteca .columna_segona .title .columna2 h3{
    text-align: center;
}
.cambio_mejora_hipoteca .columna_segona .title .columna2{
    display: inline-block;
    width: 60%; 
    margin-right: 0px;
}
.display_mejora_button{
    padding: 0;
    border: none;
    background: none;
    color: #13146e;
    font-size: 14px;

}
i.fa-solid.fa-chevron-down {
    font-size: 25px;
    padding-right: 5px;
}
i.fa-solid.fa-chevron-up {
    font-size: 25px;
    padding-right: 5px;
}

#banner-mejora .row_col_wrap_12_inner.col.span_12.left{
    color: #fff;
}
#banner-mejora select{
    background: white;
    color: #11146d;
    font-weight: 600;
    font-family: 'AutomateRegularW00';
    text-align: center;
    border: 0px!important;
    box-shadow: rgb(10 37 64 / 40%) 2px 2px 10px 0px inset;
}
#banner-mejora .iwt-text.nectar-button.large.regular.accent-color.regular-button{
    border-radius: 20px!important;
    color: #fff;
    background-color: #13146e!important;
    font-size: 20px;
    font-family: 'Manrope';
    font-weight: bold;
    margin-top: 25px;
}
#banner-mejora .vc_col-sm-6.wpb_column.column_container.vc_column_container.col{
    color: #fff;
    font-family: 'AutomateRegularW00';
    font-size: 15px;
}
div#output_botons .col {
    margin-bottom: 5px;
}

.formulari_registre .popup-with-form.disabled{
    display: none;
}