@charset "UTF-8";
/**************Declaracion variables Generales***************/
/**************FIN Declaracion variables Generales***************/
/**************Declaracion variables para las Fuentes***************/
/**************FIN Declaracion variables para las Fuentes***************/
/**************Variables Iconos Finandina***************/
/************VARIABLES HIPOTECARIO*************/
/**************FIN Variables Iconos Finandina***************/
/**************Declaracion MIXINS***************/
/**************FIN Declaracion MIXINS***************/
/**************Declaracion variables Queries***************/
/**************FIN Declaracion variables Queries***************/
/***********Cambio contraseña requerido*****************/
.change-password article .importante-texto p {
  font-size: 13px;
  font-weight: bold; }

.change-password article .hola-texto {
  text-align: center;
  margin: 20px auto; }
  .change-password article .hola-texto p:first-child {
    font-size: 20px;
    font-weight: bold; }
  .change-password article .hola-texto p:nth-child(2) {
    font-size: 13px; }

.change-password form .panel-1 p {
  font-size: 13px;
  font-weight: bold; }

.change-password form .panel-2 {
  width: 60%;
  margin: 20px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .change-password form .panel-2 .first-div-input {
    width: 300px;
    text-align: center;
    margin: 0 auto 15px;
    font-size: 13px;
    font-family: Open_Sans_Bold; }
  .change-password form .panel-2 .special-position {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .change-password form .panel-2 .special-position .div-input {
      font-family: Open_Sans_Bold;
      font-size: 13px;
      text-align: center; }
      .change-password form .panel-2 .special-position .div-input:first-child {
        margin-right: 20px; }

.change-password form .panel-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto 20px; }
  .change-password form .panel-3 div ul li em {
    margin-right: 5px; }

.otp-code .panel-1 {
  font-size: 13px;
  font-weight: bold; }

.exito .panel-1 p {
  font-size: 13px;
  font-weight: bold; }

.exito .panel-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 20px auto 0; }
  .exito .panel-2 picture {
    width: 80px;
    margin-right: 15px; }
    .exito .panel-2 picture img {
      width: 100%; }
  .exito .panel-2 article {
    width: 60%;
    font-size: 13px; }
    .exito .panel-2 article div p {
      font-size: 13px; }
      .exito .panel-2 article div p:first-child {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px; }
    .exito .panel-2 article div .p-margin {
      margin: 15px auto 20px; }

/***********FIN Cambio contraseña requerido*****************/
/***********Queries Cambio contraseña requerido*****************/
@media (max-width: 990px) {
  main .panel-header.special-panel-header a {
    display: none; }
  .change-password article .importante-texto p {
    font-size: 13px;
    font-weight: bold; }
  .change-password article .hola-texto {
    text-align: center;
    margin: 20px auto; }
    .change-password article .hola-texto p:first-child {
      font-size: 20px;
      font-weight: bold; }
    .change-password article .hola-texto p:nth-child(2) {
      font-size: 13px; }
  .change-password form .panel-2 {
    width: 100%; }
    .change-password form .panel-2 .first-div-input {
      width: 100%;
      margin: 0; }
    .change-password form .panel-2 .special-position {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      .change-password form .panel-2 .special-position .div-input {
        width: 100%; }
        .change-password form .panel-2 .special-position .div-input:first-child {
          margin: 10px 0; }
  .change-password form .panel-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .exito .panel-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .exito .panel-2 picture {
      margin: 0; }
    .exito .panel-2 article {
      width: 100%;
      text-align: justify; }
      .exito .panel-2 article div p:first-child {
        text-align: center; }
      .exito .panel-2 article div strong {
        text-align: center;
        display: block; } }

/***********FIN Queries Cambio contraseña requerido*****************/