.add-competition .form-control {
  background-color: #fff !important;
  border: 1px solid #ced4da !important;
  box-shadow: none !important;
  padding: 3px;
  font-size: 10px;
}

.modal-header {
    border-bottom: 0 none;
}

.modal-footer {
    border-top: 0 none;
}

.add-competition .form-label{
  font-size: 14px;
}

.group-option {
  padding: 0;
  width: 100%;
  cursor: pointer;
  margin-bottom: 5px;
  font-weight: bold;

}

.group-name-box {
  align-items: center;
  padding: 10px 10px;
  background-color: #FFFBF4;
  border-radius: 10px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 60% 100%, 50% calc(100% - 90px), 50% 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 300% 56%, 45% 75%, 105% calc(120% - 100px), 60% 120%, 0 100%);
}


.group-option label {
  margin: 0;
  font-weight: 500;
  font-size: 12px;
  margin-top: 5px;
}
.add-competition .custom-checkbox {
  transform: scale(1);
}
.add-competition .placeholderText {
  font-size: 1px;
}

.add-competition .modal-body input[type="text"] {
  width: 100%;
  padding: 8px 12px;
  margin-bottom: 12px;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-size: 0.95rem;
}

.add-competition .form-check-label {
  margin-left: 3px;
}

.add-competition .form-check {
  padding-left: 0em;
}
/* Reset ALL styles inherited from .add-competition */
/* Fix close button */
/* EXTRA LARGE close button with thicker X */
.modal-header .btn-close {
  background-color: transparent !important;
  border: none !important;

  /* Thick large X icon */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23000' stroke-width='3' stroke-linecap='round' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4l-8 8'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;

  /* Force icon to stay large always */
  width: 2rem !important;
  height: 2rem !important;
  background-size: 1.6rem 1.6rem !important;

  opacity: 1 !important;
  padding: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

/* Hover - keep same size */
.modal-header .btn-close:hover {
  opacity: 0.7 !important;

  /* IMPORTANT: keep the same background-size */
  background-size: 1.6rem 1.6rem !important;
}