/*
Customizing the control panel.
Created on: 2026-02-01
 */

.ojmi-btn-admin{
	background-color:  #E72222;
	color:  white;
	font-size:  20px;
	border-radius:  4px;
	width: 300px;
	/*margin-top: 15px;*/
	padding:  10px;
	transition: 0.4s;
}

.ojmi-btn-admin:hover, .ojmi-btn-black:hover{
	/* set hover to default button hover */
	background-color: #31DB9D;
}


.ojmi-btn-black{
	background-color: #020000;
	color:  white;
	font-size:  14px;
	border-radius:  4px;
	width: 200px;
	margin-top: 15px;
	padding:  10px;
	transition: 0.4s;
}

.ojmi-admin-dg{
	/*display: flex;*/
	/*align-items: center;      !* Centers vertically *!*/
	/*justify-content: center;  !* Centers horizontally *!*/
	/*margin: auto;             !* Ensures correct positioning behavior *!*/

	position: absolute; /* or fixed for viewport centering */
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0; /* Reset default margins */

	padding: 50px;
	border-radius: 12px;
	width: 70%;
	max-width: 600px;
	background-color: white;
	font-size: 16px;
	color: black;
	text-align: center;
	box-shadow: 0 0 20px rgba(48, 219, 157, 0.7);
	border: 3px solid black;

	font-family: Arial, Helvetica, sans-serif;
}

.ojmi-admin-dg h3{
	font-size: 28px;
	color: black;
	margin: 16px;
}

.ojmi-admin-dg p{
	font-size: 20px;
	color: black;
	margin: 14px;
}

.ojmi-admin-dg button{
	font-size: 20px;
}

.ojmi-admin-dg::backdrop {
	background-color: rgba(0, 0, 0, 0.5); /* Adds a semi-transparent black overlay */
	backdrop-filter: blur(5px); /* Applies the blur effect */
	/* Include vendor prefixes for wider compatibility, though modern browsers often don't need them */
	-webkit-backdrop-filter: blur(5px);
}

.ojmi-error{
	color: red;
}