/* Popup form container */
.form-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 3px solid #f1f1f1;
    z-index: 9;
    background-color: #fefefe;
}

/* Form container */
.form-container {
    max-width: 600px;
    padding: 20px;
}

.form-container h2{
  font-size: 15px;
  color: #828282;
  font-weight: 500;
}

/* Full-width input fields */
.form-container input[type=text] {
    width: 100%;
    padding: 10px;
    margin: 5px 20px 5px 0;
    /* border: none;
    background: #f1f1f1; */
}

/* Buttons */
.form-container .btn {
    /* background-color: #4CAF50; */
    color: white;
    padding: 12px 20px;
    border: none;
    cursor: pointer;
    width: 45%;
    /* display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px; */
}

/* .form-container .btn:hover {
    background-color: #45a049;
}

.form-container .cancel {
    background-color: red;
} */

/* Clear floats */
.form-container::after {
    content: "";
    display: table;
    clear: both;
}