.status-popup {
  position: fixed; /* Ensures the popup stays in place when scrolling */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centers the popup horizontally and vertically */
  background-color: #012159 !important; /* Set your desired background color */
  padding: 20px; /* Add padding for content */
  border: 1px solid #ccc; /* Add a border */
  border-radius: 5px; /* Add rounded corners */
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); /* Add a slight shadow */
  font-size: 16px; /* Set font size */
  z-index: 999; /* Ensure the popup remains above other elements */
  display: block; /* Make the popup initially visible */
}

.status-popup.success {
  color: green; /* Set color for success messages */
}

.status-popup.error {
  color: red; /* Set color for error messages */
}
	  
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); /* Adjust opacity for desired grey level */
  z-index: 999; /* Ensure overlay is behind the popup */
}



.close-popup {
  /* Customize close button styles as needed */
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.close-popup:hover {
  background-color: #999; /* Hover background color */
}
	  
/* Replace with the actual selector for your popup container */
.your-popup-container .close-popup {
  position: absolute;
  top: 10px;
  right: 10px;
}



form {
	min-width: 25rem;

	}
	
  .form-control {
    background-color: #f2f6f8;
		border-radius: 2rem;
    border: none;
    box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.11);
		
    &.thick {
      height: 3.3rem;
      padding: .5rem 3.5rem;
    }
		
		&:focus {
			background-color: #f2f6f8;
			border: none;
			box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.11);
		}
  }
	
	.message .form-control {
			padding: .5rem 1.8rem;
	}
	
  ::placeholder {
		font-weight: 600;
    font-size: 1.1rem;
    color: #838788;
    position: relative;
    left: 0;
  }
	
  input,
  textarea {
    color: #212529;
    font-size: 1.1rem;
  }
	
  .icon {
    color: #57565c;
    height: 1.3rem;
    position: absolute;
    left: 1.5rem;
    top: 1.1rem;
  }
}

/* Target the scrollbar track */
.status-popup::-webkit-scrollbar {
  width: 8px; /* Adjust width as desired */
  background-color: #F5F5F5; /* Set track background color */
}

/* Target the scrollbar thumb */
.status-popup::-webkit-scrollbar-thumb {
  background-color: #ccc; /* Set thumb background color */
  border-radius: 5px; /* Add rounded corners */
}

/* Target the scrollbar thumb when hovered */
.status-popup::-webkit-scrollbar-thumb:hover {
  background-color: #bbb; /* Change color on hover */
}