


.jpEasyLogin form {  padding: 2em; background: #555;color: #bbb;}
.jpEasyLogin form a.login-google { font-size: .9em; background: #b64f0b; width: 150px; padding: 1em 2em; text-align: center; display: block; margin: 0 auto 1em auto;}
.jpEasyLogin form a.login-google { color: #ffffff; border-radius: 10px;}

.jpEasyLogin form .or { display: block; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #aaa; text-align: center;}
.jpEasyLogin form fieldset { width: 100%; max-width: 250px; margin: 0 auto; }
.jpEasyLogin form fieldset label { display: block; text-align: center; font-size: 1em; margin-bottom: 1em; color: #fff;}
.jpEasyLogin form fieldset input { display: block; background: #bbb; margin-bottom: 1em; width: 100%; padding: .5em .5em; border: 1px solid #aaa;}
.jpEasyLogin form fieldset a.submit { font-size: .9em; background: #000; width: 100px; padding: .5em 0; text-align: center; display: block; margin: 0 auto 1em auto;}
.jpEasyLogin form fieldset a.submit {color: #fff; border-radius: 10px; }

.jpEasyLogin form fieldset span.error { display: block; margin-bottom: .5em; font-size: .75em; color: #ffb6a4;  line-height: 1.7em;}

/* .jpEasyLogin form fieldset.login-form {} */
.jpEasyLogin form fieldset.signup-form {  display: none;}

.jpEasyLogin form .register-sec { padding-top: 1em; margin-top: 1em; border-top: 1px solid #aaa; }
.jpEasyLogin form .register-sec p { text-align: center; font-size: .8em; color: #ddd; }
.jpEasyLogin form .register-sec a { width: 100px; display: block; margin: 1em auto 0 auto; color: #79cde4; font-size: 1em;}

.jpEasyLogin form .error-sec { background: #ecd0d0; padding: .3em .3em; font-size: .8em; color: #863434; text-align: center; margin: 1em 0;  display: none;}

.jpEasyLogin form .guestmode { font-size: .85em; display: flex; justify-content: end; margin-top: 3em;}
.jpEasyLogin form .guestmode a { color: #bbb;}

/* Pop up mode
----------------------------- */
/* .jpEasyLogin .popup_con { display: none;} */
.jpEasyLogin .popup_con { position: fixed;  background: #000; z-index: 9999; width: 100%; height: 100%; left: 0; top: 0; overflow: auto; display: none; }
.jpEasyLogin .popup_con { background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.7); }
.jpEasyLogin .popup_con form { width: 85%; max-width: 800px;  margin: 15% auto;}
.jpEasyLogin .popup_con form { border-radius: 10px; padding: 1em;}
.jpEasyLogin .popup_con .close { float: right; font-size: 2.2em; color: #fff; padding: .5em; margin-bottom: 1em;  }

/*--------------------------------------------------------
  			Small Screen
---------------------------------------------------------*/


@media screen and (max-width: 600px) {

.jpEasyLogin form { max-width: 280px; width: 95%; margin: 0 auto;}

}


@media screen and (max-width: 500px) {

}
