.my-protected-box {
margin: 0px !important;
}

.LoginBack {
	background-image: url(secure/secure.webp);      
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 70vh;
	

}

.LoginOverlay {
backdrop-filter: blur(15px) brightness(70%);
	width: 100%;
	height: 100%;
	
	display: flex;
	justify-content: center;
	align-items: center;
}



.SecureButtons {

    background-image: url(images/secure.svg);
    background-size: 18px 18px;
    background-color: rgba(120,0,0,1);
    background-repeat: no-repeat;
    background-position: 10px center;
    border-radius: 16px;
    min-width: 120px;
    border: 1px solid rgba(255,255,255,0.2);
    cursor: arrow;        
    height: 32px;           
    padding-left: 38px; 
    padding-right: 10px;    
    vertical-align: middle; 
    color: rgba(255,255,255,1);
    text-shadow: 1px 1px 3px rgba(0,0,0,1);
	font-family: "BodyFont";
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.SecureButtons:hover {
	background-color: rgba(180,0,0,1);
	border: 1px solid rgba(0,0,0,0.15);
	cursor: hand; 
}


    /* Protected Content login styles (no .body usage) */
    label {color: white;}
    .pca-wrap{object-align:center;font-family: "BodyFont";width:75%;max-width:500px;margin:0px;padding:42px;border:0px;}
    .pca-title{font-size:20px;margin:0 0 10px 0}
    .pca-msg{padding:10px;border-radius:8px;margin-top:20px;margin-bottom:20px;background:rgba(255,200,200,0.65);border:1px solid #ffb3b3;font-family: "BodyFont";font-size: 20px;}
    .pca-label{display:block;font-size:18px;margin-bottom: 20px;margin-top: 20px;}
    .pca-input{color:#FFFFFF;background:rgba(0,0,0,0.5);width:100%;padding:9px;border:1px solid #ccc;border-radius:8px; margin-bottom: 20px;font-size: 20px;font-family: "BodyFont";}
    .pca-btn{padding:9px 12px;border:1px solid #888;border-radius:8px;background:#f7f7f7;cursor:pointer}
    .pca-btn:hover{filter:brightness(0.98)}


/* Password Manager styles (no .body usage) */
label {color: Black;}
.ums-wrap{max-width:920px;margin:12px auto;padding:12px;border:1px solid #ddd;border-radius:10px;font-family: "BodyFont" !important;}
.ums-title{font-size:20px;margin:0 0 10px 0}
.ums-msg{max-width:420px;padding:10px;border-radius:8px;margin:10px 0}
.ums-err{max-width:420px;background:#ffecec;border:1px solid #ffb3b3}
.ums-ok{background:#ecfff1;border:1px solid #a9f0ba}
.ums-row{display:flex;gap:10px;flex-wrap:wrap}
.ums-card{flex:1 1 360px;border:1px solid #e6e6e6;border-radius:10px;padding:12px}
.ums-label{display:block;font-size:18px;margin:8px 0 4px}
.ums-input{width:100%;max-width:420px;padding:9px;border:1px solid #ccc;border-radius:8px}
.ums-btn{padding:9px 12px;border:1px solid #888;border-radius:8px;background:#f7f7f7;cursor:pointer}
.ums-btn:hover{filter:brightness(0.98)}
.ums-table{width:100%;border-collapse:collapse;margin-top:10px}
.ums-table th,.ums-table td{border-bottom:1px solid #eee;padding:8px;text-align:left;vertical-align:top}
.ums-actions{display:flex;gap:8px;flex-wrap:wrap}
.ums-small{font-size:12px;opacity:0.8}
.ums-hr{height:1px;background:#eee;border:0;margin:14px 0}