.lpagreement-ctnr { display:none; position:fixed; width:100%; height:100%; background-color:rgba( 255, 255, 255, .8 ); font-size:calc( 1vw + 1vh ); z-index:10; line-height:1.2em; }
.lpagreement-ctnr .lpagreement { position:absolute; width:80%; height:60%; left:10%; top:20%; background-color:#d6f6ff; color:#212d6a; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:.3em; border:.2em solid #212d6a; }
.lpagreement-ctnr .lpagreement .lpagreement-title    { position:relative; color:#212d6a; width:90%; font-weight:700; font-size:1.5em; text-align:center; }
.lpagreement-ctnr .lpagreement .lpagreement-text     { position:relative; color:#212d6a; width:90%; font-weight:400; font-size:1em; margin-top:1em; text-align:center; }
.lpagreement-ctnr .lpagreement .lpagreement-cbx-ctnr { position:relative; color:#212d6a; width:60%; font-weight:700; font-size:1em; margin-top:1em; margin-left:1.5em; }
.lpagreement-ctnr .lpagreement .lpagreement-cbx-ctnr .lpagreement-cbx { position:absolute; display:inline-block; left:-1.5em; width:1.1em; height:1.1em; }
.lpagreement-ctnr .lpagreement .lpagreement-btns-ctnr { position:relative; width:90%; margin-top:1em; text-align:center; }
.lpagreement-ctnr .lpagreement .lpagreement-btns-ctnr .lpagreement-btn { position:relative; color:white; font-weight:700; font-size:1em; padding:.5em 1em; margin:0 5%; border-radius:2.5em / 100%; width:10em;  }
.lpagreement-ctnr .lpagreement .lpagreement-btns-ctnr .lpagreement-btn-accept { background-color:#212d6a; margin-bottom:.5em; }
.lpagreement-ctnr .lpagreement .lpagreement-btns-ctnr .lpagreement-btn-accept:disabled { color:gray; }
.lpagreement-ctnr .lpagreement .lpagreement-btns-ctnr .lpagreement-btn-cancel { background-color:#b00003; }

.lpnotification-ctnr { display:none; position:fixed; width:100%; height:100%; background-color:rgba( 255, 255, 255, .8 ); font-size:calc( 1vw + 1vh ); z-index:10; line-height:1.2em; }
.lpnotification-ctnr .lpnotification { position:absolute; width:80%; height:70%; left:10%; top:15%; background-color:#d6f6ff; color:#212d6a; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:.3em; border:.2em solid #212d6a; }
.lpnotification-ctnr .lpnotification .lpnotification-title { position:relative; color:#212d6a; width:90%; font-weight:700; font-size:1.5em; text-align:center; }
.lpnotification-ctnr .lpnotification .lpnotification-text  { position:relative; color:#212d6a; width:90%; font-weight:500; font-size:.8em; margin-top:1em; }
.lpnotification-ctnr .lpnotification .lpnotification-text p:nth-child( 2 ) { margin-top:1.5em; }
.lpnotification-ctnr .lpnotification .lpnotification-text p:nth-child( 3 ) { font-weight:300; }
.lpnotification-ctnr .lpnotification .lpnotification-text a { text-decoration:none; font-weight:700; color:#009; }
.lpnotification-ctnr .lpnotification .lpnotification-text a:hover { text-decoration:underline; }
.lpnotification-ctnr .lpnotification .lpnotification-btn   { position:relative; background-color:#212d6a; color:white; font-weight:700; font-size:1em; padding:.5em 3em; margin:0 1em; border-radius:3.5em / 100%; margin-top:1em; }