.BorderSelect{
    height: 35px;
    border-radius: 8px 8px 0px 0px;
      text-align-last:center;
    -moz-text-align-last:center;
    -webkit-text-align-last:center;
    -o-text-align-last:center;
    -ms-text-align-last:center;
    font-size: 14px;
    color: #606060;
 
   
}
.BorderSelect:focus{
    height: 35px;
    border-radius: 8px 8px 0px 0px;
      text-align-last:center;
    -moz-text-align-last:center;
    -webkit-text-align-last:center;
    -o-text-align-last:center;
    -ms-text-align-last:center;
      box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0);
      border: 1px solid #6060660;
   
}
.form-control::placeholder {
  color: #999;
  opacity: 1;
  font-size: 14px;
  font-weight: 300;
}

.BorderFrom{
     height: 35px;
    border-radius:0px;
    border: 0px solid;
    border-bottom:3px solid #ccc;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0);
}
.BorderFrom:focus{
     height: 35px;
    border-radius:0px;
    border: 0px solid;
    border-bottom:3px solid #ccc;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0);
}
select  .lt {
    text-align-last:center;
    -moz-text-align-last:center;
    -webkit-text-align-last:center;
    -o-text-align-last:center;
    -ms-text-align-last:center;
}
 select .lt:hover {
    background-color: #dbdbdb;
 }
   
.grisOscuro{
    background: #606060;
}   
   
 .CapaHover:hover{
    
  background: #EAEAEA;  
 }
 .grisOscuro:hover{
    background: #606060;
}  


.btn-circle{
    font-size: 16px;
    text-transform: uppercase;
} 

.titulos{
font-family: 'Montserrat', sans-serif; 
font-weight: 700;
color: #2e1a46;    
}
.parrafos{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #606060;
    line-height: 22px;
    font-size: 14px;
}
#tablaSimulacionHipo td{
 font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #606060;
    line-height: 22px;
    font-size: 14px;   
}
/* The container */
.contenidoCheck {
  display: block;
  position: relative;
  padding-left:20px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: -20px;
}

/* Hide the browser's default checkbox */
.contenidoCheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #9f9e9e;
}

/* On mouse-over, add a grey background color */
.contenidoCheck:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.contenidoCheck input:checked ~ .checkmark {
  background-color: #ed4c77;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.contenidoCheck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.contenidoCheck .checkmark:after {
  left: 4px;
  top: 4px;
  width: 5px;
  height: 5px;
  background: #fff;
 border-radius: 50%;
}
.bb{
width: 190px;
line-height: 46px;
font-size: 15px;
font-weight: 500;
border: 1px solid #fff;
border-top-color: rgb(255, 255, 255);
border-right-color: rgb(255, 255, 255);
border-bottom-color: rgb(255, 255, 255);
border-left-color: rgb(255, 255, 255);
border-radius: 8px;
font-weight: 100; font-family: Lato;text-transform: uppercase; 
text-align: center;
margin: 10px 15px 0 0;
margin-right: 15px;
color: #fff;
padding: 3px;
background: transparent;
}
.main-title {
    font-weight: 700;
    position: absolute;
    margin: 0;
    padding: 0;
    color: #fff;
    line-height: 1;
    text-align: center;
    top: 55%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    
    font-size: 42px;
    letter-spacing: 0.1em;
    font-weight: 700; 
}
.hero-4-title{
    font-size: 3.2rem;
    font-family: "DM Sans",sans-serif;
    color: #343a40 !important;
    line-height: 1.1;
    font-weight: 500;
 
 }
.text-muted {
    font-family: "Nunito",sans-serif;
     font-size: 16px;
font-weight: 100;
text-align: left;
line-height: 1.6;
}
.font-weight-medium {
    font-weight: 500;
}

 .hero-login-form {
      background: #ffffff;
    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.1);
      box-shadow: 0 2px 12px rgba(0,0,0,0.1);
}
.mt-lg-0, .my-lg-0 {
    margin-top: 0 !important;
}
.mr-auto, .mx-auto {
    margin-right: auto !important;
}
.p-4 {
    padding: 1.5rem !important;
}
.mt-5, .my-5 {
    margin-top: 3rem !important;
}
.pa{
   padding: 0px; 
}


/*  
select {
   
/*     -webkit-appearance:none;
/*     -moz-appearance:none;
/*     appearance:none;

}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
 

.Select:after {
    content:'< >';
    font:11px "Consolas", monospace;
    color: gray;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    background: #;
    right:19px; top:18px;
    border-radius: 4px 4px 0px 0px;
    padding:9px 5px 10px 5px;
    border-bottom:1px solid #ccc;
    position:absolute;
    pointer-events:none;
    
}
.Select:before {
    content:'';
    right:0px; top:0px;
    width:100%; height:35px;
    background: transparent;
    position:relative;
    pointer-events:none;
    display:block;
}
.f-15 {
    font-size: 15px;
}
label {
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 400;
line-height: 1.5;
color: #6b6a6a;
text-align: left;
}
h5{
 font-family: 'DM Sans',sans-serif; margin-bottom: 3.2rem !important; font-size: 2.5rem;
 font-weight: 500;
line-height: 1.2; color: #343a40;   
}

.Siguiente{
     height: 65px;   
background: #6505ad; color: #ffffff;

}
.Siguiente:hover{
background: #424ff5; color: #ffffff; 
}
.Siguiente2{
        height: 65px;   
background: #e911fc; color: #ffffff;   
}
.Siguiente2:hover{
background: #e11668; color: #ffffff;   
}
.Siguiente3{ 
background: #e911fc; color: #ffffff;   border-color:  #e911fc;
}
.Siguiente3:hover{
background: #e11668; color: #ffffff;    border-color:  #e11668;
}

.atras{
      height: 65px;    
}
 #handle1 .rs-handle {
                                                    background-color: transparent;
                                                    border: 8px solid transparent;
                                                    border-right-color: #033cf4;
                                                    margin: -6px 0px 0px 14px !important;
                                                    border-width: 6px 104px 6px 4px;
                                                }

                                                    #handle1 .rs-handle:before {
                                                        display: block;
                                                        content: " ";
                                                        position: absolute;
                                                        height: 22px;
                                                        width: 22px;
                                                        background: #033cf4;
                                                        right: -11px;
                                                        bottom: -11px;
                                                        border-radius: 100px;
                                                    }

                                                #handle1 .rs-tooltip {
                                                    top: 82%;
                                                    font-size: 16px;
                                                }

                                                    #handle1 .rs-tooltip div {
                                                        text-align: center;
                                                        background: orange;
                                                        color: white;
                                                        border-radius: 4px;
                                                        padding: 1px 5px 2px;
                                                        margin-top: 4px;
                                                    }

                                                #handle1 .rs-range-color {
                                                    background-color: #6505ad;
                                                }

                                                #handle1 .rs-path-color {
                                                    background-color: #6505ad;
                                                }
.bg-green{ 
background: rgba(59,211,173,1);
background: -moz-linear-gradient(left, rgba(59,211,173,1) 0%, rgba(246,41,12,1) 0%, rgba(59,211,173,1) 0%, rgba(36,17,65,1) 99%, rgba(36,17,65,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(59,211,173,1)), color-stop(0%, rgba(246,41,12,1)), color-stop(0%, rgba(59,211,173,1)), color-stop(99%, rgba(36,17,65,1)), color-stop(100%, rgba(36,17,65,1)));
background: -webkit-linear-gradient(left, rgba(59,211,173,1) 0%, rgba(246,41,12,1) 0%, rgba(59,211,173,1) 0%, rgba(36,17,65,1) 99%, rgba(36,17,65,1) 100%);
background: -o-linear-gradient(left, rgba(59,211,173,1) 0%, rgba(246,41,12,1) 0%, rgba(59,211,173,1) 0%, rgba(36,17,65,1) 99%, rgba(36,17,65,1) 100%);
background: -ms-linear-gradient(left, rgba(59,211,173,1) 0%, rgba(246,41,12,1) 0%, rgba(59,211,173,1) 0%, rgba(36,17,65,1) 99%, rgba(36,17,65,1) 100%);
}

.campoOculto{
    display: ;
}
#Complementos{
    display: ;
}
#EtiquetaCreaCuenta{
 margin-top: -80px; padding-left: 10px;   
    
}

@media (max-width: 500px){
#EtiquetaCreaCuenta{
 margin-top: -80px; padding-left: 10px;   
   
}    
}

#Slider1{
    padding: 0px 20px 0px 20px;
}
#Slider2{
    padding: 0px 20px 0px 20px;
}


@media (max-width: 500px){
 #Slider1{
    padding: 0px 30px 0px 30px;
}
#Slider2{
    padding: 0px 30px 0px 30px;
}   
    
}
#InfoPlazo{
   width: 90%; padding: 20px; display:none ; z-index: 9999; position: absolute; background: #ffffff; margin-top: -10px; margin-left: 10px; box-shadow: 3px 3px 8px rgba(0,0,0,0.5);  
}
#InfoDinero{
   width: 90%; padding: 20px; display:none ; margin-left: 10px; z-index: 9999; position: absolute; background: #ffffff; margin-top: -10px; box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
}

@media (max-width: 500px){
   #InfoPlazo{
   width: 100%; left: -120px; padding: 20px; display: none; z-index: 9999; position: absolute; background: #ffffff; margin-top: 0px;   box-shadow: 3px 3px 8px rgba(0,0,0,0.5);  
} 
#InfoDinero{
   width: 100%; left: 0px;  padding: 20px; display:none ;   z-index: 9999; position: absolute; background: #ffffff; box-shadow: 3px 3px 8px rgba(0,0,0,0.5);
}
 
} 
.ina{
    width: 100%;
} 



.BBA:hover{ color: #000;
    font-weight: 700; 
background: #AEAEAE;

}
.BBA{ 
    color: #000;
    font-weight: 700; 
background: silver;
}
.BBA2{ color: #000;
    font-weight: 700;
 background: silver;
}
.BBA2:hover{ 
    color: #000;
    font-weight: 700;  
    background: #AEAEAE;
}
.Activado{ 
  color: #000;
    font-weight: 700; 
background: rgba(5,153,49,1);
background: -moz-linear-gradient(left, rgba(5,153,49,1) 0%, rgba(5,153,49,1) 3%, rgba(107,234,145,1) 66%, rgba(107,234,145,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5,153,49,1)), color-stop(3%, rgba(5,153,49,1)), color-stop(66%, rgba(107,234,145,1)), color-stop(100%, rgba(107,234,145,1)));
background: -webkit-linear-gradient(left, rgba(5,153,49,1) 0%, rgba(5,153,49,1) 3%, rgba(107,234,145,1) 66%, rgba(107,234,145,1) 100%);
background: -o-linear-gradient(left, rgba(5,153,49,1) 0%, rgba(5,153,49,1) 3%, rgba(107,234,145,1) 66%, rgba(107,234,145,1) 100%);
background: -ms-linear-gradient(left, rgba(5,153,49,1) 0%, rgba(5,153,49,1) 3%, rgba(107,234,145,1) 66%, rgba(107,234,145,1) 100%);
background: linear-gradient(to right, rgba(5,153,49,1) 0%, rgba(5,153,49,1) 3%, rgba(107,234,145,1) 66%, rgba(107,234,145,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#059931', endColorstr='#6bea91', GradientType=1 );

}
.Activado2{ 
  color: #000;
    font-weight: 700; 
background: rgba(107,234,145,1);
background: -moz-linear-gradient(left, rgba(107,234,145,1) 0%, rgba(107,234,145,1) 34%, rgba(5,153,49,1) 97%, rgba(5,153,49,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(107,234,145,1)), color-stop(34%, rgba(107,234,145,1)), color-stop(97%, rgba(5,153,49,1)), color-stop(100%, rgba(5,153,49,1)));
background: -webkit-linear-gradient(left, rgba(107,234,145,1) 0%, rgba(107,234,145,1) 34%, rgba(5,153,49,1) 97%, rgba(5,153,49,1) 100%);
background: -o-linear-gradient(left, rgba(107,234,145,1) 0%, rgba(107,234,145,1) 34%, rgba(5,153,49,1) 97%, rgba(5,153,49,1) 100%);
background: -ms-linear-gradient(left, rgba(107,234,145,1) 0%, rgba(107,234,145,1) 34%, rgba(5,153,49,1) 97%, rgba(5,153,49,1) 100%);
background: linear-gradient(to right, rgba(107,234,145,1) 0%, rgba(107,234,145,1) 34%, rgba(5,153,49,1) 97%, rgba(5,153,49,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bea91', endColorstr='#059931', GradientType=1 );


}


.Activado:hover{ 
  color: #000;
    font-weight: 700; 
background: rgba(5,153,49,1);
background: -moz-linear-gradient(left, rgba(5,153,49,1) 0%, rgba(5,153,49,1) 3%, rgba(107,234,145,1) 66%, rgba(107,234,145,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(5,153,49,1)), color-stop(3%, rgba(5,153,49,1)), color-stop(66%, rgba(107,234,145,1)), color-stop(100%, rgba(107,234,145,1)));
background: -webkit-linear-gradient(left, rgba(5,153,49,1) 0%, rgba(5,153,49,1) 3%, rgba(107,234,145,1) 66%, rgba(107,234,145,1) 100%);
background: -o-linear-gradient(left, rgba(5,153,49,1) 0%, rgba(5,153,49,1) 3%, rgba(107,234,145,1) 66%, rgba(107,234,145,1) 100%);
background: -ms-linear-gradient(left, rgba(5,153,49,1) 0%, rgba(5,153,49,1) 3%, rgba(107,234,145,1) 66%, rgba(107,234,145,1) 100%);
background: linear-gradient(to right, rgba(5,153,49,1) 0%, rgba(5,153,49,1) 3%, rgba(107,234,145,1) 66%, rgba(107,234,145,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#059931', endColorstr='#6bea91', GradientType=1 );

}
.Activado2:hover{ 
  color: #000;
    font-weight: 700; 
background: rgba(107,234,145,1);
background: -moz-linear-gradient(left, rgba(107,234,145,1) 0%, rgba(107,234,145,1) 34%, rgba(5,153,49,1) 97%, rgba(5,153,49,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(107,234,145,1)), color-stop(34%, rgba(107,234,145,1)), color-stop(97%, rgba(5,153,49,1)), color-stop(100%, rgba(5,153,49,1)));
background: -webkit-linear-gradient(left, rgba(107,234,145,1) 0%, rgba(107,234,145,1) 34%, rgba(5,153,49,1) 97%, rgba(5,153,49,1) 100%);
background: -o-linear-gradient(left, rgba(107,234,145,1) 0%, rgba(107,234,145,1) 34%, rgba(5,153,49,1) 97%, rgba(5,153,49,1) 100%);
background: -ms-linear-gradient(left, rgba(107,234,145,1) 0%, rgba(107,234,145,1) 34%, rgba(5,153,49,1) 97%, rgba(5,153,49,1) 100%);
background: linear-gradient(to right, rgba(107,234,145,1) 0%, rgba(107,234,145,1) 34%, rgba(5,153,49,1) 97%, rgba(5,153,49,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bea91', endColorstr='#059931', GradientType=1 );


}


#SimuladorCredito{
 
}

#SimuladorCredito .titulos{
    font-size: 28px;
    font-weight: 100; color: #2e1a46;
    font-weight: 300;
}
#SimuladorCredito .subtitulos{
    color: #2e1a46; font-size: 22px; padding-top: 10px; padding-bottom: 10px; font-weight: 400;
}
#SimuladorCredito .parrafos{
    line-height: 21px; font-size: 16px; font-weight: 500;
    
    padding-bottom: 20px;
}
#SimuladorCredito .parrafosList{
    color: #2e1a46; margin-top: -20px;  font-size: 14px; line-height: 20px; 
    
    font-weight: 600;
    }

#CapaContainer .parrafosList{
    color: #2e1a46; margin-top: -20px;  font-size: 14px; line-height: 20px; 
    
    font-weight: 600;
    }
#SimuladorCredito img{
 width: 35%;
}

#SimuladorCredito .table{
 font-size: 15px;

}

#Focus1{
     font-size: 9px; cursor: pointer; padding: 4px 5px 1px 5px; border-radius: 50%; background: #606060; color: #fff;
}
#Focus2{
font-size: 9px; cursor: pointer; padding: 4px 5px 1px 5px; border-radius: 50%; background: #606060; color: #fff;    
}


#SimuladorCredito .img1{
    width: 45%;
}

@media (max-width: 620px){
#SimuladorCredito{
 padding-top: 80px;
}
#SimuladorCredito .subtitulos{
    color: #2e1a46; font-size: 15px; padding-top: 10px; padding-bottom: 10px;
}

#SimuladorCredito .parrafos{
    line-height: 18px; font-size: 13px; font-weight: 300;
    
    padding-bottom: 20px;
}


#SimuladorCredito .parrafosList{
    color: #2e1a46; margin-top: -20px;  font-size: 12px; line-height: 16px;
    }

#SimuladorCredito .table{
 font-size: 12px;

}
#InfoPlazo{
   width: 90%; padding: 20px; display:none ; color: #333; z-index: 9999; position: absolute; background: #ffffff; margin-top: 5px; margin-left: 130px; box-shadow: 3px 3px 8px rgba(0,0,0,0.5);  
}
 #SimuladorCredito .img1{
    width: 60%;
}

}


.btn-circle {
  border-radius: 25px !important;
}