.label-login{
  color:#562598;color:var(--q-color-primary);
  text-decoration:none;
  text-align:center;
  padding-top:22px}

  .login-page{display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    position:relative;
    overflow:auto;
    background-color:#fff}

    .login-page .login-logo{
      position:absolute;right:10%;
      z-index:1;
      background-color:#fff;
      border-bottom-left-radius:20px;
      border-bottom-right-radius:20px;
      width:150px;
      height:150px;
      -webkit-box-shadow:0 12px 30px -5px #000;
      box-shadow:0 12px 30px -5px #000}

      .login-page .login-logo .login-logo-image{
        width:120px;
        height:120px;
        z-index:1;
        margin:20px 0;
        border:0;
        outline:0;
        -o-object-fit:contain;
        object-fit:contain}
/**
        .login-page .login-logo:after{content:"";
        display:block;
        width:112px;
        height:112px;
        border-radius:40px;
        position:absolute;
        background-color:var(--q-color-primary);
        top:78px;
        -webkit-transform:rotate(36deg) skew(-20deg);
        transform:rotate(36deg) skew(-20deg);
        -webkit-box-shadow:15px 15px 39px -22px #000;
        box-shadow:15px 15px 39px -22px #000}
**/
        .login-page .login-decorator{
          position:absolute;
          margin:auto;
          top:0;
          bottom:0;
          right:-40px;
          background-color:#fff;
          width:100px;
          height:100px;
          border-top-right-radius:25px;
          z-index:1;
          -webkit-transform:rotate(50deg) skew(15deg);
          transform:rotate(50deg) skew(15deg);
          -webkit-box-shadow:15px -15px 30px -20px #000;
          box-shadow:15px -15px 30px -20px #000}

          .login-page .login-info{
            position:absolute;
            top:0;
            right:0;
            font-size:20px;
            z-index:1}

            .login-page .login-form{
              z-index:2;
              width:100%;
              max-width:380px;
              margin:0 10px}

              .login-page .login-form .q-carousel{
                height:230px;
                margin:0 0 50px}

                .login-page .login-form .q-carousel img{
                  width:auto;
                  height:auto;
                  max-width:100%;
                  max-height:100%;
                  position:absolute;
                  margin:auto;
                  left:0;
                  right:0;
                  top:0;
                  bottom:0}

                  .login-page>.login-slider{
                    position:relative;
                    background-color:#434242}
                    .login-page>.login-body{
                      position:relative;
                      -webkit-box-shadow:-15px 0 60px 5px #000;
                      box-shadow:-15px 0 60px 5px #000;
                      z-index:1}

                      .login-info-popover{
                        border-radius:10px;
                        overflow:visible}

                        .login-info-popover,.login-info-popover:after{
                          background-color:#562598;
                          background-color:var(--q-color-primary)}

.login-info-popover:after{content:"";
display:block;
position:absolute;
width:15px;
height:15px;
top:-5px;
left:22px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
border-radius:2px}

.login-info-popover .q-list{position:relative;z-index:1}
.login-info-popover .q-list .q-item{text-decoration:none;color:#fff}
.login-info-popover .q-list .q-item .q-icon{color:#fff}
.login-browsers{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-pack:distribute;
  justify-content:space-around;
  margin-top:20px;color:#562598;color:var(--q-color-primary)}
  .login-browsers .icon-login{font-size:30px}@media (max-width:767px){
    .login-page{
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
      -ms-flex-direction:column;
      flex-direction:column}
      .login-page .login-info{
        font-size:14px;
        top:-4px}
        .login-page .login-decorator{
          display:none}
          .login-page .login-logo{
            background-color:#562598;
            background-color:var(--q-color-primary);
            width:100%;
            right:0;
            border-bottom-left-radius:0;
            border-bottom-right-radius:0;
            position:relative;min-height:160px;
            -webkit-box-shadow:0 -9px 24px 9px #000;
            box-shadow:0 -9px 24px 9px #000}
            .login-page .login-logo .login-logo-image{
              background-image:url(../imagen/logoJP20.png);
              position:absolute;
              top:0;
              left:0;
              bottom:0;
              right:0;
              margin:auto;
              -o-object-position:999px 999px;
              object-position:999px 999px;
              background-position:50%;
              background-repeat:no-repeat;
              background-size:contain;
              overflow:hidden}

              .login-page .login-logo .login-logo-image:before{content:"";
              font-size:1000px}
              .login-page .login-logo:after{content:none;display:none}
              .login-page>.login-body{
                -webkit-box-flex:10000;
                -ms-flex:10000 1 0%;
                flex:10000 1 0%;
                -webkit-box-ordinal-group:3;
                -ms-flex-order:2;
                order:2;
                -webkit-box-shadow:none;
                box-shadow:none;
                -webkit-box-align:normal;
                -ms-flex-align:normal;
                align-items:normal;justify-items:normal;
                padding:20px 0}

                .login-page>.login-body .login-form{min-height:360px}
                .login-page>.login-body .login-form .q-carousel{height:160px;margin:10px 0}
                .login-page .login-browsers,.login-page>.login-slider{display:none}
                .login-info-popover:after{left:auto;right:22px}}