.password-toggle-icon {
	position: absolute;
	top: 40%;
	right: 3%;
	cursor: pointer;
}

.password-toggle-icon i {
	font-size: 18px;
	line-height: 1;
	color: #333;
	transition: color 0.3s ease-in-out;
	margin-bottom: 20px;
}

.password-toggle-icon i:hover {
	color: #000;
}
div.new-input input:focus  ~ i {
	color: var(--cas-theme-primary);
}
.footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: rgba(45, 45, 45, 0.98);
        padding: 1px 0px 9px;
        margin-top: auto;
        color: var(--cas-theme-primary-bg);
        line-height: 1.5;
}

.footer a, .footer a:link, .footer a:visited, .footer a:active {
        color: var(--cas-theme-primary-bg);;
}

.footer a:hover {
        color: var(--mdc-theme-text-primary-on-dark);
}
#footer-content {
        margin-right: auto;
        margin-left: auto;
        max-width: 60rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
}

#footer-content > div {
        padding: 1rem;
        white-space: nowrap;
	}
.custom-body {
	padding-bottom: 80px;
}