.form-container {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
}

.left-div {
    width: 30%;
    float: left;
}

#right-div {
    width: 70%;
    float: right;
    min-width: 600px !important;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: "space-between";
    gap: 4px;
margin-top: 5px;
}

.form-row input[type="text"], .form-row input[type="file"], .form-row button {
    width: 24%;
    margin-bottom: 18px;
    margin-top: -4px;
}

#form-container .options {
    display: flex;
    align-items: center;
}

.my-form {
    background-color: #ddd;
    padding-top: 15px;
    padding-left: 10px;
    margin-bottom: 30px;
}

.my-form input {
    font-size: 12px;
    border: 2px solid gray;
    border-radius: 0px;
    margin: 2px;
width: 25%;
  margin-bottom: 20px;
margin-top: -5px;

}

input.input-option {
    width: 24%;
}

.input-group {
    flex: 1; /* Make the input-group take equal width within form-row */
    margin: 5px; /* Adjust margin between input-groups */
}

.input.fields {
    width: 100% !important;
    box-sizing: border-box !important; /* Include padding and border in the width calculation */
}



#delete-form-button:hover {
  background-color: red !important;
} 

.add-form-button {
    position: absolute;
    bottom: -30px;
    margin-top: 20px;
    background-color: orange !important;
    border-radius: 50px;
    border: 0px;
    font-size: 24px;
    padding: 3px;
    padding-left: 14px;
    padding-right: 14px;
  }

.submit-form-button {
  position: absolute;
  bottom: -31px;
  margin-top: 0px;
  right: 32%;
  background-color: #18c818 !important;
  border: 0px solid;
}

.submit-form-button:hover {
	background-color: red;
}

.full-width {
	text-align: right !important;
}

.file-label {
    display: inline-block;
    padding: 10px 20px;
    background-color: black; /* Change the background color to your preferred color */
    color: white;
    cursor: pointer;
    border-radius: 5px;
	width: 300px;
height: 260px;
}

.video-title {
max-width: 300px;
}
/* Style for hover effect */
.file-label:hover {
    background-color: grey; /* Change the hover background color */
}
.file-input {
  font-size: 13px !important;
  margin-left: -10px;
}