/**************Declaracion variables Generales***************/
/**************FIN Declaracion variables Generales***************/
/**************Declaracion variables para las Fuentes***************/
/**************FIN Declaracion variables para las Fuentes***************/
/**************Variables Iconos Finandina***************/
/**************FIN Variables Iconos Finandina***************/
/**************Declaracion MIXINS***************/
/**************FIN Declaracion MIXINS***************/
/**************Declaracion variables Queries***************/
/**************FIN Declaracion variables Queries***************/
/***********Modales Enrolamiento Express*****************/
.terminos-express {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 10px;
  display: none; }
  .terminos-express.mostrar-popup {
    display: block; }
  .terminos-express .content-terms-express {
    background-color: #fff;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    margin: 0 auto;
    padding: 20px 15px; }
    .terminos-express .content-terms-express .header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 20px; }
      .terminos-express .content-terms-express .header h2 {
        font-size: 14px;
        color: #605d5e; }
      .terminos-express .content-terms-express .header img {
        width: 100px; }
    .terminos-express .content-terms-express .body p {
      margin-top: 20px;
      text-align: justify;
      color: #605d5e;
      font-size: 13px; }
    .terminos-express .content-terms-express .footer {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-top: 20px; }

.modal-enrolamiento {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 10px; }
  .modal-enrolamiento .content-olvido {
    background-color: #fff;
    width: 90%;
    max-width: 500px;
    height: auto;
    margin: auto;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 5px; }
    .modal-enrolamiento .content-olvido img {
      width: 90px; }
    .modal-enrolamiento .content-olvido p {
      color: #605d5e;
      margin: 10px auto 20px; }

.imagen-seguridad-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1; }
  .imagen-seguridad-popup .content-ul {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 90%;
    height: 90%;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px;
    margin: 0; }
    .imagen-seguridad-popup .content-ul .content-li .content-label img {
      cursor: pointer;
      border: 1px solid;
      border-radius: 5px;
      padding: 10px;
      margin-bottom: 20px;
      position: relative;
      width: 117px;
      height: 121px; }
      .imagen-seguridad-popup .content-ul .content-li .content-label img:active, .imagen-seguridad-popup .content-ul .content-li .content-label img:focus {
        border: 2px solid #3CAA37; }

/***********End Modales Enrolamiento Express*****************/