/* The popup form - hidden by default */
	.note-popup {
	  display: none;
	  position: fixed;
	  bottom: 0;
	  right: 15px;
	  border: 3px solid #f1f1f1;
	  background-color: white;
	  z-index: 9;
	}
	.send-popup-container {
	  display: none;
	  position: fixed;
	  float:left;
	  top: 0%;
	  left: 0%;
	  width:100%;
	  height:100%;
	  border: 3px solid #f1f1f1;
	  background-color: gray;
	  opacity:.9;
	  z-index: 9999;
	}
	.send-popup {
	  display: none;
	  position: fixed;
	  top: 20%;
	  left: 50%;
	  border: 3px solid #f1f1f1;
	  background-color: white;
	  z-index: 9;
	}
	.form-popup {
	  display: none;
	  position: fixed;
	  height: 500px;
	  width: 500px;
	  bottom: 0;
	  right: 15px;
	  border: 3px solid #f1f1f1;
	  background-color: white;
	  z-index: 9;
	}
	

	/* Add styles to the form container */
	.form-container {
	  max-width: 500px;
	  max-height: 500px;
	  padding: 10px;
	  background-color: white;
	  
	}

	/* Full-width input fields */
	.form-container input[type=text], .form-container input[type=password], .form-container input[type=date], .form-container input[type=time], .form-container label {
	  width: 100%;
	  padding: 15px;
	  margin: 5px 0 22px 0;
	  border: none;
	  background: #f1f1f1;
	}

	/* When the inputs get focus, do something */
	.form-container input[type=text]:focus, .form-container input[type=password]:focus, .form-container input[type=date]:focus, .form-container input[type=time]:focus {
	  background-color: #ddd;
	  outline: none;
	}

	/* Set a style for the submit/login button */
	.form-container .btn {
	  background-color: #4CAF50;
	  color: white;
	  padding: 16px 20px;
	  border: none;
	  cursor: pointer;
	  width: 100%;
	  margin-bottom:10px;
	  opacity: 0.8;
	}

	/* Add a red background color to the cancel button */
	.form-container .cancel {
	  background-color: red;
	}

	/* Add some hover effects to buttons */
	.form-container .btn:hover, .open-button:hover {
	  opacity: 1;
	}