.table-container {
  margin-top: 15px;
  overflow: auto;
}

.my-custom-form .control-label {
  float: left;
  padding-right: 10px;
  align-items: center;
  width: 100px;
  justify-content: start;
}

.my-custom-form .input {
  width: 200px;
}

.my-custom-form .form-group {
  display: flex;
  width: 100%;
  align-items: center;
}

.my-custom-form .controls {
  display: inline-block;
}

/* Main container styling */
.my-3.taglib-captcha {
  display: flex;
  flex-direction: column; /* Stack children vertically */
}

/* Targeting and styling the first child (label and input field) */
.my-3.taglib-captcha > .form-group {
  order: 1; /* Position this as the first row */
  width: 100%; /* Take the full width */
  display: flex; /* Align label and input side by side */
  justify-content: center; /* Center them horizontally */
  margin-bottom: 10px; /* Add some space between the rows */
}

/* Label styling for better alignment */
.my-3.taglib-captcha > .form-group > label {
  width: 100px;
}

/* Targeting and styling the second child (captcha image and refresh button) */
.my-3.taglib-captcha > .captcha,
.my-3.taglib-captcha > .refresh {
  order: 2; /* Position this as the second row */
  display: flex; /* Align image and button side by side */
}

.my-3.taglib-captcha > .captcha {
  width: 150px;
  margin-left: 145px;
}

.my-3.taglib-captcha > .refresh {
  margin-left: 300px;
  margin-top: -46px;
}

.form-submit {
  width: 50%;
  margin-top: 20px;
}

.info-banner {
  margin-bottom: 20px;
  width: 400px;
}

@media (min-width: 767px) {
  .month-select {
    width: 211px !important;
  }
  .my-3.taglib-captcha > .form-group > input {
    width: 211px;
  }
  .has-error .form-feedback-item {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .my-custom-form .control-label {
    float: none;
    margin-right: 0;
    width: 100px;
  }
  .my-custom-form .controls {
    display: block;
  }
  .my-3.taglib-captcha > .captcha,
  .my-3.taglib-captcha > .refresh {
    flex-direction: column; /* Stack elements vertically on small screens */
    align-items: flex-end; /* Center align the elements */
  }
  .my-3.taglib-captcha > .form-group > label {
    float: none;
    margin-right: 0;
    width: 100px;
  }
  .my-3.taglib-captcha {
    width: 100%;
  }
  .my-3.taglib-captcha > .captcha {
    margin-left: calc(50% + 15px);
  }
  .my-3.taglib-captcha > .refresh {
    margin-left: 360px;
  }
  .my-3.taglib-captcha > .form-group > input {
    width: 100%;
  }
  .my-3.taglib-captcha > .form-group {
    display: block;
  }
  .form-submit {
    width: 100%;
  }
}