*:focus { outline: none; }
body,html { height: 100%; }
p { margin-bottom: 1em; line-height: 1.2em; }

#epsedarkpage { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.8); }
.overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; text-align: center; }
.overlay>div { display: inline-block; width: 100%; max-width: 500px; padding: 25px; margin: 100px auto 0 auto; text-align: left; background: #fff; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3); }

.btnbar { display: block; padding: 1.5em 0; font-size: 1rem; }
.btn { display: inline-block; vertical-align: top; margin-right: 0.75em; padding: 0.5em 1em; color: #444; font-size: 0.85em; text-decoration: none; text-transform: uppercase; background: #ddd; border-radius: 4px; cursor: pointer; }
.btn:hover { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.30); }
.btn.default { color: #fff; background: #0055b4; }
.btn.default:hover { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.50); }
.btn.low { padding-left: 0; padding-right: 0; color: #0055b4; text-decoration: underline; background: transparent; }
.btn.low:hover { box-shadow: none; color: #000; }

.faketable { font-size: 1rem; width: 100%; }
.faketable>.th,
.faketable>.tf,
.faketable>.tr { display: flex; margin-bottom: 1px; }
.faketable>.th { color: #aaa; background: transparent; font-size: 0.85rem; text-transform: uppercase; }
.faketable>.tf { color: #fff; background: #444; font-size: 0.85rem; text-transform: uppercase; }
.faketable>.tr { color: #444; background: #ddd; }
.faketable>.th>span,
.faketable>.tf>span,
.faketable>.tr>span { padding: 0.3rem 0.5rem 0.3rem 0.5rem; text-decoration: none; }

.pwdstrength { height: 1.1rem; border-radius: 3px; white-space: nowrap; overflow: hidden; }
.pwdstrength>span { display: none !important; width: 100% !important; line-height: 1.1rem; font-size: 0.8rem; color: #444; text-align: center !important; background: none !important; cursor: default; }
.pwdstrength.weak { background: #ff9966 !important; }
.pwdstrength.fair { background: #ffff66 !important; }
.pwdstrength.strong { background: #99ff66 !important; }
.pwdstrength.verystrong { background: #00ff00 !important; }
.pwdstrength.weak>span:nth-child(1) { display: block !important; }
.pwdstrength.fair>span:nth-child(2) { display: block !important; }
.pwdstrength.strong>span:nth-child(3) { display: block !important; }
.pwdstrength.verystrong>span:nth-child(4) { display: block !important; }

#cookiebar { position: fixed; z-index: 99; width: 100%; top: 0; right: 0; left: 0; height: 60px; font-size: 12pt; text-align: center; line-height: 60px; color: #fff; background: #00a5dc; background: linear-gradient(to bottom, #00a5dc, #0098ca); }
#cookiebar .message { display: block; }
#cookiebar .mobile { display: none; }
#cookiebar>span>a { color: #000; text-decoration: underline; cursor: pointer; }
#cookiebar>span>a[data-load] { font-weight: bold; }
#cookiebar>a { position: absolute; display: block; right: 30px; top: 50%; width: 30px; height: 30px; line-height: 28px; margin-top: -15px; text-align: center; color: #fff; font-weight: bold; text-decoration: none; background: #000; background: linear-gradient(to bottom, #000, #444); border-radius: 3px; cursor: pointer; }
.nocookiebar #cookiebar { display: none; }

@media (max-width: 800px) {
  #cookiebar .message { display: none; }
  #cookiebar .mobile { display: block; }
}