/* Session box */
.page-header-middle>.session-box{position: static;margin-right: 0}


/* Sign in button */
.session-box a.sign-in-button{display: flex;align-items: center;gap: 5px;padding: 0 10px 0 5px;height: 40px;line-height: 40px;color: inherit;font-size: inherit;text-transform: lowercase;letter-spacing: normal;background-color: transparent;transition: background 0.3s,color 0.3s}
.bgdark .session-box a.sign-in-button{background-color: transparent;color: inherit}
.session-box a.sign-in-button:hover{background-color: var(--button-background-color);color: var(--title-piece-color)}
.session-box a.sign-in-button:hover .icon img{filter: invert(1)}
.session-box .icon{width: 28px;height: 28px;display: flex;align-items: center;justify-content: center}
.session-box .icon img{max-width: 70%;height: auto;transition: all 0.3s}


/* Session box - Oculto o visible dependiendo de si ya cargó el estado (html.signed-in o html.not-signed-in) */
html:not(.vincolo-topbar) .session-box{opacity: 0;transition: opacity 200ms}
html:not(.vincolo-topbar).not-signed-in #page-header-session-box.session-box, 
html:not(.vincolo-topbar).signed-in #page-header-session-box.session-box{opacity: 1}
/* Información de sesión oculta cuando no hay sesión */
.not-signed-in #page-header-session-box.session-box .session{display: none}
/* Sesion no iniciado boton visible */
.not-signed-in #page-header-session-box.session-box a.sign-in-button{display: flex}
/* Botón de login oculto cuando hay sesión iniciada */
.signed-in #page-header-session-box.session-box .sign-in-button{display: none}

/* Wyleex - Sandbox */
/*
#wyleex-login{order:5;flex-shrink:0}
#wyleex-login .sign-in-button{display: none}
#wyleex-login .sign-in-button.wyleex-login-button{display: block;font-size: 1.2em;font-weight: bold;width: 115px;height: 30px;line-height: 30px;min-height: 30px;padding: 0;display: block;text-align: center;border-radius: 4px;border: 1px solid #fff;background: transparent;color: #fff}
#wyleex-login .wyleex-login-button:hover{border-color:var(--background-main-color)}
*/

.session-box .sign-in-button .text{cursor: default}
.session-box .sign-in-button .svg-icon{width: 20px;vertical-align: top;display: none}
.session-box .sign-in-button:active{transform: scale(0.97)}

/* Session info */
.session-box .session {white-space: nowrap;text-align:right;display: none}
.signed-in .session{display: flex;flex-direction: column;;margin: 0;height: 100%;justify-content: center;align-items:center;position: relative;max-width: 110px;padding-right: 20px}
.signed-in.logout .session-box{pointer-events:none;filter:grayscale(1);opacity:0.6}

/* Nombre de usuario */
/* Login */
#page-header-container .les .sl .login{height:40px;display:flex;align-items:center}
#page-header-container .les .sl .login:hover{cursor:pointer;color:var(--button-hover-background-color)}

.session-box .title{transition:color 0.2s;position:relative;font-size:13px;display:-webkit-box;box-sizing:border-box;max-height:2em;line-height:1em;text-align:center;font-weight:700;text-transform:capitalize;overflow:hidden;width:100%;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;margin-top:4px}
.session-box:hover .title{color:inherit}
.session-box .title span{display: inline-block;box-sizing: border-box;vertical-align: middle;overflow: hidden;text-overflow: ellipsis;max-width: 200px}
.session-box .session-type{display: block;font-weight: 400;font-size: 13px;color: rgba(255,255,255,0.5)}
.session-box .session-type .usertype{display: block;}
.session-box .session-type .suscribertype{display: none}
.signed-in-subscriber .session-box .session-type .suscribertype{display:block}
.signed-in-subscriber .session-box .session-type .usertype{display: none}

/*Barra de PWA e información de sessión*/
.mitem.pwa-user-account,
.mitem.pwa-signed-in{display:none}
.mitem.pwa-signed-in .suscribertype{display:none}
.signed-in-subscriber .mitem.pwa-signed-in .suscribertype{display:block}
.signed-in-subscriber .mitem.pwa-signed-in .usertype{display: none}
.signed-in .mitem.pwa-user-account{display:none}
.not-signed-in .mitem.pwa-user-account,
.signed-in .mitem.pwa-signed-in{display:inline-block}




.page-header-collapsed .session-box .session-type{bottom: -3px}
.page-header-collapsed #g_id_onload{display:none}


/*#page-header-session-box{height: 100%;display: flex;align-items: center;justify-content: center;min-width:36px}*/


.signed-in .session-box .session:after{content: "";display: inline-block;width: 9px;height: 9px;border: solid;border-width: 0 2px 2px 0;position: absolute;top: 50%;right: 5px;transform: rotate(45deg) translate(0,-50%);border-color: inherit;color: inherit;opacity: 0.8;transition:transform 0.2s}
.dropdown-panel-user-session.signed-in .session-box .session:after{transform: rotate(45deg) translate(0,-50%) scale(-1);top:calc(50% + 3px)}
/*Busy*/
.signed-in .session-box.busy .session:after{white-space:nowrap;overflow:hidden;border-style:solid;border-top-color:transparent;animation:vcpspinneranimation 850ms infinite linear;display:inline-block;pointer-events:none;width:16px;height:16px;border-radius:10px;border-width:1px}
.pwa-signed-in.busy span.icon img{opacity:0}
.pwa-signed-in.busy span.icon:after{white-space: nowrap;    overflow: hidden;    border-style: solid;    border-top-color: transparent;    animation: vcpspinneranimation 850ms infinite linear;    display: inline-block;    pointer-events: none;    width: 16px;    height: 16px;border-radius: 10px;border-width: 1px;content: "";left: 50%;position: absolute; margin-left: -8px}

.signed-in .session-box .session:hover .initials{background: #fff;color: var(--background-main-color)}
.signed-in .session-box .session:hover:after{border-top-color: #fff}

.page-header-collapsed.signed-in .session{}

/* Muestra o esconde iniciales e imagen */
.session-box .image{display: none}
.session.with-avatar .initials{display: none}


/*User notifications*/
#user-notification-message{width:320px;padding:20px 50px 15px 50px;border-radius:9px;box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);background:#fff;font-size:1.4em;color:#5B5A59;font-weight:500}
#user-notification-message .title{font-weight:700;margin-bottom:8px;display:block}
#user-notification-message.info{background:#AAE396}
#user-notification-message.warning{background:#FFFF6A}
#user-notification-message.error{background:#FF5841;color:rgba(255,255,255,0.9)}
#user-notification-message a{color:inherit}
#user-notification-message a.close{display:block !important;right:12px;top:12px}
#user-notification-message a.close:after{filter:grayscale(1) invert(0)}


/* Dropdown menu */
.pwa-signed-in .dropdown-panel,
.session-box .dropdown-panel{min-width:20px;min-height:80px;display:none;border:1px solid var(--background-eighth-color); background-color :#FDFAF6;border-radius:3px;padding:calc(var(--margin-spacer)/2)}
.pwa-signed-in .session-options li,
.session-box .session-options li{line-height: 40px;position:relative}
.pwa-signed-in .session-options a,
.session-box .session-options a{font-weight:600;letter-spacing: 0.02em;display: block;transition: background-color 200ms;padding:0 10px 0 32px;text-align:left;border-radius:4px;cursor: pointer;color: #5B5A59;font-size: 14px}
.session-box .session-options a:hover{background:var(--background-eighth-color)}
.pwa-signed-in .session-options a.session-close{color: var(--background-main-color)} 
.edit-profile-wrapper a.session-close{font-weight: 600;letter-spacing: 0.02em;display: block;transition: background-color 200ms;padding: 0 10px 0 32px;text-align: center;border-radius: 4px;cursor: pointer;color: #5B5A59;font-size: 14px;line-height: 4rem;text-decoration: underline}
.session-box .session-options li.email{padding-left:22px;font-weight: 600;font-size: 14px;letter-spacing: 0.02em;color: rgba(91, 90, 89, 0.48);padding: 0 0 0 32px;max-width: 182px;overflow: hidden;text-overflow: ellipsis}
.signed-in .session-box .session-options li.email:before{content: "";background: url('/0/lib/svg-icons/user-email.svg');display: inline-block;width: 22px;height: 22px;position: absolute;left: 0;top: 9px}

.vplmodal{opacity: 0.5 !important;background: #F7EDE2 !important}
#vplfgm{opacity: 0.5 !important;background: rgb(0, 0, 0) !important;}
/* Estados de sesión */

/*Moda Login*/
.vpllogin>div[vplloginbox]{max-width: 480px;z-index: 100001!important;box-sizing: border-box;font-size: 10px;text-align: center;color: var(--title-piece-color);margin: 0 auto;border-radius: var(--piece-border-radius);padding: 28px 20px;overflow: hidden;box-shadow: 0px 4px 26px rgba(0, 0, 0, 0.5);position: relative;background-color: #f2f2f2}
div[vplloginbox] .changepassword,
div[vplloginbox] .editprofile,
div[vplloginbox] .login{display: flex;flex-direction: column;color: var(--title-piece-color);padding: 10px;background: var(--background-sixth-color);border-radius: 14px;}
div[vplloginbox] .busy{opacity: 0}
/*
div[vplloginbox] .login{padding: 20px;border-radius: 14px;}
*/

div[vplloginbox].loading>*{opacity: 0}
div[vplloginbox].loading>div.vplpreloader,
div[vplloginbox].loading>div.busy,
div[vplloginbox].loading:after{opacity: 1}
div[vplloginbox] button.busy{opacity: 1}
div[vplloginbox] .hidden{display: none}
div[vplloginbox] #vpllogintitle,
div[vplloginbox] .logintitle{font-family: var(--title-font);margin: 0 0 20px 0;text-align: center;font-weight: 500;font-size: 4.8em;line-height: 1.1em}
/*
div[vplloginbox] .logintitle:after{content:"Elegí una cuenta";font-size: 24px;line-height: 1.1em;font-weight: 500;margin-top: 30px;display: block}
*/
.titleLink{margin-bottom:20px}
.titleLink a {color: var(--background-main-color) !important;cursor:pointer;text-decoration:underline }
.titleLink a:hover {color: var(--background-main-color)!important; opacity:0.8}
.signin-from-content div[vplloginbox] .logintitle span.default{display: none}
.signin-from-content div[vplloginbox] .logintitle span.loginttitle-content{display: block}
.signin-from-favorite-ric div[vplloginbox] .logintitle span.default{display: none}
.signin-from-favorite-ric div[vplloginbox] .logintitle span.loginttitle-favorite-ric{display: block}
div[vplloginbox] input[type=submit],
div[vplloginbox] button{width: 100%;min-width: 120px;display: block;margin: 0 auto 12px auto;borders: 1px solid #E7E4E1;background-colors: #fff;border-radius: 4px;colors: var(--title-piece-color);display: flex;align-items: center;justify-content: center;padding: 11px calc(var(--margin-spacer) / 2);transition: background 0.3s,border 0.3s}
/*
div[vplloginbox] input[type=submit]:hover,
div[vplloginbox] button:hover{background-color: var(--background-sixth-color)}
*/
div[vplloginbox] input[type=submit],
div[vplloginbox] button.submit{margin-top: var(--margin-spacer)}
div[vplloginbox] input[type=submit]:disabled,
div[vplloginbox] button:disabled{background: rgba(100,100,100,0.8)}
/*
div[vplloginbox] .input input,
div[vplloginbox] textarea,
div[vplloginbox] select,
div[vplloginbox] input[type=password],
div[vplloginbox] input[type=email]{height: 44px;width: 100%;font-size: 1.4em}
*/
div[vplloginbox] .input input,
div[vplloginbox] textarea,
div[vplloginbox] select,
div[vplloginbox] input[type=password],
div[vplloginbox] input[type=email]{height: 44px;width: 100%;font-size: 1.4em;background-color: #fff}
div[vplloginbox] .input.vsmbirthday table{margin: 0 auto}
div[vplloginbox] a{color: #3D3D3D}
div[vplloginbox] a:hover{color: #fff}
div[vplloginbox] .terminosypolitica{width: 100%;max-width:323px;margin:0 auto;font-size: 1.4em;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: space-between;color: #3D3D3D;font-weight: 400}
div[vplloginbox] .terminosypolitica a{color: inherit;text-decoration: underline}
div[vplloginbox] .terminosypolitica a:hover{color: inherit;text-decoration: none}
div[vplloginbox] .input{margin-bottom: 10px}
div[vplloginbox] .input .text{display: block;margin-bottom: 5px;font-size: 1.4em;text-align: left;font-weight: 600}

div[vplloginbox] input[type=checkbox]{min-width: 22px;width: 22px;height: 22px;border-radius: 2px;appearance: none;border: 1px solid #ccc;background-color: #fff}
div[vplloginbox] input[type=checkbox]:checked{min-width: 22px;width: 22px;height: 22px;appearance: auto;accent-color: var(--background-main-color);border: 1px solid var(--background-main-color);border-radius: 4px}

div[vplloginbox] .vsmcheckbox label{text-align: left;font-size: 1.4em;line-height: 1.2em}
div[vplloginbox] .vsmcheckbox label input{margin-right: 6px}

div[vplloginbox].logincontent{width: 520px;padding: 1em}
div[vplloginbox].logincontent article{padding: 0 5em}


#revalidateloginerror,
div[vplloginbox] #vplsignuperror,
div[vplloginbox] #vplrecoverpassworderror,
div[vplloginbox] #vplloginerror{background: var(--background-main-color);max-height: 0;transition: max-height 0.1s 0.2s,color 0.1s;box-sizing: border-box;color: transparent;max-width: 100%;padding: 0 10px}
#revalidateloginerror{margin: calc(var(--margin-spacer)/2) 0;max-width: 320px}
#revalidateloginerror.error,
div[vplloginbox] #vplsignuperror.error,
div[vplloginbox] #vplrecoverpassworderror.error,
div[vplloginbox] #vplloginerror.error{max-height: 100px;line-height: 30px;color: #000;transition: max-height 0.3s,color 0.2s 0.3s;margin-bottom: 10px;color: #fff;font-size: 13px;width: 100%;max-width: 100%}
div[vplloginbox] #vplremotelogin{margin-bottom: var(--margin-spacer);display: flex;flex-direction: column}
div[vplloginbox] #vplremotelogin button img{margin-right: 10px}

div[vplloginbox] #vplremotelogin button.google{order: 1}
div[vplloginbox] #vplremotelogin button.facebook{order: 2}
div[vplloginbox] #vplremotelogin button.twitter{order: 3}

div[vplloginbox] .locallogin{position: relative}
div[vplloginbox] .locallogin>div{margin-bottom: 5px}
/*
div[vplloginbox] .locallogin .submit{border: 1px solid var(--background-member-color);background-color: var(--background-member-color);color: #fff;transition: background 0.3s, border 0.3s}
div[vplloginbox] .locallogin .submit:hover{border: 1px solid var(--event-second-color);background-color: var(--event-second-color)}
*/

/*
div[vplloginbox] .locallogin .forgotpassword{width: 200px;text-align: right;margin: 0 0 0 auto}
*/
div[vplloginbox] .locallogin .forgotpassword{text-align: right;margin: 0 0 0 auto}
div[vplloginbox] .locallogin .forgotpassword a{font-size: 1.4em;text-decoration: underline}
div[vplloginbox] .locallogin .forgotpassword a:hover{color: inherit;text-decoration: none}
div[vplloginbox] .locallogin .signup{margin: var(--margin-spacer) 0;font-size: 1.4em}
div[vplloginbox] .locallogin.hidden{display: block}
div[vplloginbox] button[type=submit],
div[vplloginbox] button.submit,
div[vplloginbox] .locallogin.hidden .localloginbtn,
/*
div[vplloginbox] input[type=submit]{display: block;width: auto;min-width: 185px;border: 1px solid var(--background-member-color);background-color: var(--background-member-color);color: #fff;transition: background 0.3s, border 0.3s}
*/


/*
div[vplloginbox] button.submit:hover,
div[vplloginbox] .locallogin .localloginbtn:hover,
div[vplloginbox] input[type=submit]:hover{border: 1px solid var(--background-member-hover-color);background-color: var(--background-member-hover-color);cursor: pointer}
*/
div[vplloginbox] .locallogin .localloginbtn:hover,
div[vplloginbox] input[type=submit]:hover{cursor: pointer}
div[vplloginbox] .locallogin.hidden .localloginbtn{margin-bottom: 30px}
div[vplloginbox] .locallogin .localloginbtn{display: none;position: relative}

/*
div[vplloginbox] .locallogin .localloginbtn:before{content: "Ó";position: absolute;top: 0;color: var(--background-main-color);left: 50%;transform: translate(-50%,calc(-100% + -10px));line-height: 30px;background-color: var(--background-seventh-color);padding: 0 15px;z-index: 1}
div[vplloginbox] .locallogin .localloginbtn:after{content: "";position: absolute;top: -25px;left: 0;width: 100%;transform: translate(0,-100%);height: 1px;background-color: var(--background-main-color)}
*/
div[vplloginbox] .locallogin form .input{width: 100%;margin: 0 auto 12px auto}

div[vplloginbox] .locallogin .locallogintitle{position: absolute;margin: 0;width: 100%;top: -20px}
/*
div[vplloginbox] .locallogin.hidden .locallogintitle:before{content:"Ó";font-size: 1.5em}
div[vplloginbox] .locallogin .locallogintitle:before{content:"Iniciá sesión con tu mail";position: absolute;top: 0;color: var(--background-main-color);left: 50%;transform: translate(-50%,-50%);line-height: 30px;background-color: var(--background-seventh-color);padding: 0 15px;z-index: 1;font-size: 1.4em;max-width: 100%;white-space: nowrap}
div[vplloginbox] .locallogin .locallogintitle:after{content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background-color: var(--background-main-color)}
*/

div[vplloginbox] .locallogin.hidden form .input,
div[vplloginbox] .locallogin.hidden form .submit,
div[vplloginbox] .locallogin.hidden form .forgotpassword{display: none}

div[vplloginbox] .locallogin .signup a{color: var(--background-main-color);margin-left: 7px;text-decoration: underline;font-weight: 700}
div[vplloginbox] .locallogin .signup a:hover{color: #5B5A59}
div[vplloginbox].forgotpasswod .forgottitle{font-size: 1.4em;color: var(--background-main-color);padding: 0 15px;background-color: var(--background-seventh-color);position: absolute;top: -30px;left: 50%;transform: translate(-50%,0)}

div[vplloginbox].forgotpasswod form{position: relative}
div[vplloginbox].forgotpasswod form:before{content: "";position: absolute;top: -20px;left: 0;width: 100%;height: 1px;background-color: var(--background-main-color)}


div[vplloginbox].forgotpasswodok .remotelogin,
div[vplloginbox].forgotpasswod .remotelogin{display: none}
div[vplloginbox].forgotpasswod .forgotcancel{background: rgba(128, 128, 128, 0.9);color: rgba(255,255,255,0.6);border-color: rgba(255,255,255,0.6);width: auto;min-width: 185px;display: inline-block;margin-right: 10px}
div[vplloginbox].forgotpasswod .forgotsubmit{display: inline-block}
div[vplloginbox].forgotpasswod .forgotcancel:hover{color: #fff;border-color: #fff}

div[vplloginbox]  #vpleditprofileremote>div{display: block;margin-bottom: 2px;font-size: 13px}
div[vplloginbox]  #vpleditprofileremote .remotetitle{margin-bottom: 10px;font-size: 15px;opacity: 1}
div[vplloginbox]  #vpleditprofileremote .editprofilefacebook {margin-bottom: 15px}
div[vplloginbox]  #vpleditprofileremote .editprofilefacebook button{background: url('/0/lib/svg-icons/facebook.svg') rgba(67, 99, 162, 0.9)no-repeat;margin-top: 3px;background-size: 30px 40px}
div[vplloginbox]  #vpleditprofileremote .editprofiletwitter button{background: url('/0/lib/svg-icons/twitter.svg') rgba(29, 161, 242, 0.9) no-repeat;margin-top: 3px;background-size: 30px 40px;background-position: 10px 0}
div[vplloginbox]  #vpleditprofileremote .editprofilegoogle button{background: url('/0/lib/svg-icons/googleplus.svg') rgba(26, 115 ,232, 0.9) no-repeat;margin-top: 3px;background-size: 30px 40px;background-position: 10px 0}
div[vplloginbox]  #vpleditprofileremote .remotestatus[account-not-linked] button{background-color: #ccc}

div[vplloginbox]  #vpleditprofileremote button{border-color: transparent;color: #fff}
div[vplloginbox]  #vplloginbox-close{display: none}
#loginbox  #vplloginbox-close{display: block}
div[vplloginbox]  .forgotokretry{margin-top: 1em;font-size: 15px}
div[vplloginbox]  .forgotokretry button.forgotsubmit{display: inline-block;margin-left: 1em;width: 113px;background-color: var(--background-member-color);color: #fff;display: inline-block;margin-left: 1em;width: 105px;min-height: 30px;transition: background 0.3s, border 0.3s}
div[vplloginbox]  .forgotokretry button.forgotsubmit:hover{background-color: var(--background-member-hover-color);border-color: var(--background-member-hover-color)}

/*
div[vplloginbox].signupbox .logintitle:after{content: "Registrate sin cargo"}

.login-from-paywall-limit div[vplloginbox].signupbox .logintitle:after{display:none}

div[vplloginbox] .logintitle:before, .ingreso-universidades div[vplloginbox] .logintitle:before {
    font-size: 14px;
    line-height: 1.1em;
    font-weight: 500;
    display: block;
    margin-bottom:10px;
}
div[vplloginbox] .logintitle:before{
    content: "Para continuar navegando y leyendo tus notas favoritas, registrate";
}
.ingreso-universidades div[vplloginbox] .logintitle:before{
    content: "Para acceder al plan universitario, registrate";
}
.login-from-paywall-limit div[vplloginbox].signupbox .logintitle:before{
    content: "Para avanzar con tu suscripción, registrate.";
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}
*/

div[vplloginbox].signupbox #vplremotelogin{display: block}
div[vplloginbox].signupbox div[data-vplsignup]{position: relative}
/*
div[vplloginbox].signupbox div[data-vplsignup]:before{content: "Registrate con tu email";background-color: var(--background-sixth-color);position: absolute;top: 0;left: 50%;transform: translate(-50%,-100%);color: var(--background-main-color);font-size: 1.4em;font-weight: 700;padding: 0 30px}
div[vplloginbox].signupbox div[data-vplsignup]:after{content: "";height: 1px;background-color: var(--background-main-color);width: 100%;top: -7px;position: absolute;left: 0;z-index: -1}
*/
div[vplloginbox].signupbox div[data-vplsignup] .input.vsmtext:nth-child(2),
div[vplloginbox].signupbox div[data-vplsignup] .input.vsmpassword{width: calc(50% - 5px);margin-right: 5px;display: inline-block}
div[vplloginbox].signupbox div[data-vplsignup] .input.vsmtext:nth-child(3),
div[vplloginbox].signupbox div[data-vplsignup] .input.vsmpasswordrepeat{width: calc(50% - 5px);margin-left: 5px;display: inline-block}

/*
div[vplloginbox].loginbox .gobackbtn{display: none !important;margin-bottom: 70px;width: auto}
div[vplloginbox] .gobackbtn{display: none;margin-bottom: 70px;width: auto;min-width: 185px}

div[vplloginbox].signupbox.visible .gobackbtn{display: block;transition: background 0.3s, border 0.3s, color 0.3s}
div[vplloginbox].signupbox.visible .gobackbtn:hover{background-color: var(--background-fourth-color);color: #fff}
*/
div[vplloginbox] .gobackbtn{display: none;margin-bottom: 70px}
div[vplloginbox].signupbox.visible .gobackbtn{display: block}

div[vplloginbox] #vplforgotpasswod{position: relative}
/*
div[vplloginbox] #vplforgotpasswod .forgottitle{position: absolute;margin: 0;width: 100%;top: -29px;color: var(--background-main-color);font-size: 1.4em;margin-bottom: 10px}
div[vplloginbox] #vplforgotpasswod .forgottitle:before{content: "";position: absolute;top: 0;left: 50%;bottom: 0;width: 145px;background-color: var(--background-seventh-color);transform: translate(-50%,0);z-index: -1}
div[vplloginbox] #vplforgotpasswod .forgottitle:after{content: "";position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background-color: var(--background-main-color);z-index: -2}
*/
div[vplloginbox] #vplforgotpasswod .forgotcancel{width: 40%;display: inline-block;margin-right: 10px;max-width: 40%;min-width: auto}
div[vplloginbox] #vplforgotpasswod .forgotsubmit{width: 40%;display: inline-block;margin-left: 5%;transition: background 0.3s, border 0.3s;max-width: 40%;min-width: auto}
div[vplloginbox] #vplforgotpasswod .forgotsubmit:hover{background-color: var(--background-member-hover-color);border-color: var(--background-member-hover-color);cursor: pointer}

div[vplloginbox] #vplforgotpasswodok{padding: var(--margin-spacer);background-color: var(--background-fifth-color);margin-bottom: var(--margin-spacer);border-radius: 4px}
div[vplloginbox] #vplforgotpasswodok .forgotokmessage{font-size: 2em;margin-bottom: 20px}

#page-header-session-box .session-options li.hidden{opacity: 0;visibility: hidden;line-height: 0}
#page-header-session-box .session-options li{opacity: 1;visibility: visible;line-height: 40px}

input[type=submit], button, a.button{margin: 0 auto}

@media (max-width:580px){

    .not-signed-in .session-box .sign-in-button{font-weight:normal;min-height:auto;padding:5px 10px}
    .not-signed-in #page-header-session-box{margin-left: 10px; }
    .not-signed-in #page:not(.home,.suscripciones) #page-header-session-box,
    .page-header-collapsed.not-signed-in #page-header-session-box,
    .signed-in #page-header-session-box,
    .not-signed-in .session-box .sign-in-button, 
    .not-signed-in #page-header-session-box{
        display:none
    }

}