/*
  * css login page
*/
  .main_bg_login {width:100%;height:100%;margin:0 auto; background-color:#fcf4f2;}
    .logo_login {width:48%;float:left;margin:18% 0;text-align:center;}
    .login_customer_logo {margin:0 auto;}

    .cuadro_login {float:left;margin:15% auto;width:30%; background: #fff;border: 1px solid #ccc;padding: 40px 20px;position:relative;}
      .punto_rosa {margin: 0 auto;text-align: center;position:absolute;left: 45%;top:-28px;}
        .punto_rosa img {width:50px;}

  .datos_remind {display:none;margin:0 auto;text-align:center;}

  .makelogin ul {text-align: center;}
  .recpass {margin:10px 0; vertical-align: top;
    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
  }
    .recpass img {width:20px;filter:grayscale(1);}
    .recpass span {vertical-align:top;line-height:22px;}
    .recpass:hover {cursor:pointer; filter:grayscale(1); color:#ccc}

    .rempass {text-align: center;width: 100%;margin: 0 auto;display: block;padding: 15px 0;
      -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
    }
      .rempass img {width:22px;vertical-align: middle; }
      .rempass:hover, .rempass > img + span:hover { cursor:pointer; color:#ccc; filter: grayscale(0%); }


  .alerter,.alerterr {display:none;color:red;font-weight:bold;text-align:center;width:100%;}
  .version {text-align:center}
    .version h2, .version h1 {text-align:center; font-weight:700; color:#464e9c; }