:root {
	--btnPrimary: #004467;
}
.hide {
	display: none;
}
.login-group input {
	margin-bottom: 10px;
}
.login-group button {
	background-color: var(--btnPrimary);
    padding: 8px;
    border-radius: 8px;
}
.forgot-group button {
	margin-bottom: 10px;
}
.login-tab {
    background-color: var(--btnPrimary);
    color: rgb(255,255,0);
}
.focus-highlight2:focus > a {
    background: var(--btnPrimary);
    color: #ffffff !important;
}
.focus-highlight:focus, .zptab:focus, button:focus, a:focus, 
.login-group input:focus, .zpaccordion:focus {
    outline: dotted 1px black;
    outline-offset: 2px;
}
.theme-footer-area a:focus {
    outline: dotted 3px black;
    outline-offset: 2px;
}
.zpimage-anchor:focus {
    outline: dotted 1px !important;
    padding: 4px;
    display: inline-block;
}
.skip-to-invisible {
    position: absolute;
    left: -9999px; /* Hide off-screen */
}

.skip-to-invisible:focus {
    position: static; /* Make visible when focused */
    left: auto; /* Reset position */
}