.pp-invalid-entry { color:#CC0033; border: 2px solid #CC0033; color: #b62025;}
.pp-warning-user {display: none;}
.pp-warning-pw {display: none;}
#submitBut {padding: 5px 20px 5px 20px;cursor:pointer;}

/* warning */
.modal { background-color: white; border-radius: 10px; display: none; max-height: calc(100% - 100px); position: fixed; top: 50%; left: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); z-index: 990; }
.modal.modal-is-visible { display: block; z-index: 1010; }
.modal-overlay { background-color: rgba(0, 0, 0, 0.5); display: none; position: absolute; top: 0;	right: 0; bottom: 0; left: 0; z-index: 980; }
.modal-overlay.modal-is-visible { display: block; z-index: 1009; }
.js-close-modal-trigger {width: 100%; background-color: #C0C0C0; color: #000000;border: 2px solid #696969; padding: 10px 60px 10px 60px;}
.js-close-modal-trigger:hover { background-color: #696969; color: #FFFFFF;	border: 2px solid #C0C0C0;}
.js-open-modal-trigger {color: #b62025;padding: 10px;font-size:16px;cursor:pointer;}

.pp-warning-box {width: 100%; font-size:20px; text-align: center; color: #b62025;background-color: #FFFFFF;}
.pp-warning-title {width: 90%; margin-left: auto; margin-right: auto; padding: 10px 0px 5px 0px;}
.pp-warning-body {width: 100%; font-size:16px; text-align: center; color: #696969; background-color: #FFFFFF; padding: 10px 0px 10px 0px;}
.pp-warning-body-indent {width: 80%; margin-left: auto; margin-right: auto;padding: 10px 0px 10px 0px;}

.pp-container {width: 90%;display: block;margin-top: 5%;margin-left: auto; margin-right: auto;text-align: center;}
.pp-container-logon {width: 33.33%; margin-left: auto; margin-right: auto; }
.pp-warning-user { color: #b62025;}
.pp-warning-pw { color: #b62025;}
.pp-msg-error {width: 90%; margin-top: 5%; text-align: center; font-size:20px; color: #b62025;}
.pp-field-user {width: 80%; text-align: center; font-size:18px;}
.pp-field-pw {width: 80%; text-align: center; font-size:18px;}
.pp-field-user-mini { display: none; }
.pp-field-pw-mini { display: none; }

/* MEDIA QUERIES FOR CORE LAYOUT */
/* Large desktop */
@media (min-width: 960px){}
@media (min-width: 960px) and (max-width: 1200px){
	.js-close-modal-trigger {padding: 10px 40px 10px 40px;}
} 
/* Portrait tablet to landscape and desktop */
@media (min-width: 640px) and (max-width: 960px) {
	.pp-msg-error {font-size:18px;}
	.pp-field-user {width: 80%; text-align: center; font-size:16px;}
	.pp-field-pw {width: 80%; text-align: center; font-size:16px;}
	/* warning */
/*     .modal {max-height: calc(100% - 50px); top: 25%; left: 25%; transform: translate(-25%, -25%);} */
	.js-open-modal-trigger {font-size:14px;}
	.pp-warning-box{font-size:18px;}
	.pp-warning-title{padding: 5px 0px 5px 0px;}
	.pp-warning-body {font-size:15px; padding: 10px 0px 10px 0px;}
	.pp-warning-body-indent {padding: 10px 0px 10px 0px;}
}
/* Landscape phone to portrait tablet */
@media (min-width:480px) and (max-width: 640px) {
	.pp-container-logon {width: 60%; margin-left: auto; margin-right: auto; }
	.pp-msg-error {font-size:17px;}
	.pp-field-user {font-size:15px;}
	.pp-field-pw {font-size:15px;}
	/* warning */
    .modal { max-height: calc(100% - 15px); top: 10%; left: 15%; transform: translate(-10%, -15%);}
	.js-close-modal-trigger {padding: 10px 40px 10px 40px;}
	.js-open-modal-trigger {font-size:13px;}
	.pp-warning-box{font-size:17px;}
	.pp-warning-title{padding: 5px 0px 2px 0px;}
	.pp-warning-body {font-size:14px; padding: 7px 0px 7px 0px;}
	.pp-warning-body-indent {padding: 7px 0px 7px 0px;}
}
/* Portrait phones and down */
@media (max-width: 480px) {
	.pp-container-logon {width: 100%; margin-left: auto; margin-right: auto; }
	.pp-msg-error {font-size:17px;}
	.pp-field-user {font-size:15px;}
	.pp-field-pw {font-size:15px;}
	/* warning */
    .modal {max-height:100%; position: fixed; top: 2%; left: 4%; right: auto; bottom: auto; transform: translate(-2%, -4%);}
	.js-close-modal-trigger {padding: 7px 5px 7px 5px; font-size:12px;}
	.js-open-modal-trigger {font-size:12px;}
	.pp-warning-box{width: 100%; font-size:16px; text-align: center; color: #b62025;background-color: #FFFFFF;}
	.pp-warning-title{width: 90%; margin-left: auto; margin-right: auto;padding: 2px 0px 2px 0px;}
	.pp-warning-body {width: 100%; font-size:13px; text-align: center; color: #696969; background-color: #FFFFFF; padding: 5px 0px 5px 0px;}
	.pp-warning-body-indent {width: 90%; margin-left: auto; margin-right: auto;padding: 5px 0px 5px 0px;}
}
/* Portrait phones and down */
@media (max-width: 200px) {
	.pp-container {width: 100%;}
	.pp-username-label { display: none; }
  	.pp-password-label { display: none; }
  	.pp-field-user { display: none; }
	.pp-field-pw { display: none; }
	.pp-field-user-mini { display: inline; margin: 0px 0px 1px 0px;}
	.pp-field-pw-mini { display: inline; margin: 1px 0px 0px 0px;}
}