/* Restrict Bootstrap to .bootstrap-modal */
.bootstrap-modal .modal-header {
  background-color: #7b64a0; /* Primary color */
  color: #6c757d; /* Grey text color */
  border: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.bootstrap-modal .modal-title {
  color: white;
  text-align: center;
  margin-left: 35%;
}

.bootstrap-modal .modal-content {
  background-color: #35333d; /* Grey background for the modal */
  border-radius: 15px;
  border: none;
}

.bootstrap-modal .modal-body {
  background-color: #35333d;
  color: white;
  padding: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.bootstrap-modal form {
  background-color: #35333d;
}

.bootstrap-modal .form-control {
  width: 300px;
  margin: 0 auto;
  background-color: #6c757d;
  color: white;
  border: none;
  border-radius: 5px;
}

.bootstrap-modal input.form-control:focus {
  background-color: #6c757d;
  color: white;
  outline: none;
  box-shadow: none;
  border-color: transparent;
  border-radius: 5px;
}

.bootstrap-modal input.form-control::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.bootstrap-modal .input-group-text {
  border: none;
  background-color: #a470ed;
  color: white;
  border-radius: 5px;
}

.bootstrap-modal .input-group:focus-within .input-group-text {
  outline: none;
  box-shadow: none;
}

.bootstrap-modal input:focus {
  outline: none;
  box-shadow: none;
  border-color: #a470ed;
  border-radius: 5px;
}

.bootstrap-modal .mb-3 {
  margin-bottom: 7px;
}

.bootstrap-modal .btn-primary {
  background-color: #8a58cc;
  color: white;
  border: none;
  border-radius: 5px;
}

.bootstrap-modal .btn-primary:hover {
  background-color: #7b64a0;
}

.bootstrap-modal .btn:focus,
.bootstrap-modal .btn:active {
  outline: none;
  box-shadow: none;
}

.bootstrap-modal .btn-close {
  filter: invert(100%);
}

.bootstrap-modal .btn-close:focus {
  outline: none;
  box-shadow: none;
}

.bootstrap-modal .modal-footer {
  background-color: #35333d;
  border: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
