/* Modal Box Styling */
.login-modal-box 
	{    
		display: none;
		position: fixed;
		z-index: 9999; /* Removed padding to prevent clipping of modal content */
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgba(0, 0, 0, 0.4); /* Background overlay */ 		
	}

.login-modal-box.visible 
	{
		display: block;
	}

.login-modal-box p 
	{
		margin-bottom: 0.2em !important;
		color: #000000;
	}

.popup-content a
	{
		color: rgb(77, 77, 230);
	}
.popup-content a:hover
	{
		color: rgb(77, 77, 230);
	}

/* Popup Overlay */
.popup-overlay 
	{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.5); /* Slightly dark background for the overlay */
		display: flex;
		justify-content: center;
		align-items: center;   
		transition: opacity 0.3s ease;
	}

/* Popup Content */
.popup-content 
	{
		background-color: white; /* Background color of popup */
		padding: 30px;    
		position: relative;
		width: 500px; /* Default width for larger screens */    
		border-radius: 10px;
		margin-top: -250px;
	}

/* Form Input Styling */

.login_submit, .signup_submit
	{
		margin-top: 15px !important;
		width: 100%; /* Full width inputs for form fields */
		padding : 12px !important;
	}

.popup-content p 
	{    
		padding-top: 15px;
		font-size: 16px;   
	}

#modal-message p 
	{ 
		padding-top: 0px !important;  
		font-size: 15px !important;   
	}
.popup-content h5.title 
	{
		font-size: 17px;		
		Text-align: center;
		padding: 10PX;
		border-radius:5px;
   }

input[type="email"] 
	{
    	border: 1px solid #000 !important;
   		border-radius: 5px !important;
    	color: #000 !important;
		width:100%;
	}

input[type="submit"] 
	{   
		font-weight: 600;
		cursor: pointer;
		border : 10px;
	}
/* Responsive Close Button */
.login-modal-close 
	{
		position: absolute;
		top: 10px;
		right: 10px;   
		height: 30px;
		cursor: pointer;   
	}

.login-modal-close img 
	{
		width: 100%;
		height: 100% !important;
	}

.login-modal-close:hover 
	{
		transform: scale(1.2);
	}

/* Logo in Admin Page Styling */
.logo-lesics 
	{
		float: right;
		margin-right: 40px;
	}

.modal-message 
	{
		display: none; /* Initially hidden */
		padding: 10px;
		border-radius: 5px;
		width: max-content;
	}

.modal-message.success 
	{
		background-color: #d4edda; /* Green background */
		color: #155724; /* Dark green text */
	}

.modal-message.error 
	{
		background-color: #f8d7da; /* Red background */
		color: #721c24; /* Dark red text */
	}

		#login-form, #signup-form
			{
				padding-top: 15px;
				margin-bottom: -5px;
			}

/* Responsive Popup Content for Mobile */
@media (max-width: 768px) 
	{
		.popup-content 
		{
			margin: 0px 10px 80px 10px;
		}
	}

#login-form .login_submit
	{
		border-radius: 5px !important;
	}

#signup-form .signup_submit
	{
		border-radius: 5px !important;
	}