/*Shipping Infomration Form*/
@media (min-width: 1024px) {
    #edit-address-container .form-item {
      margin-top: 0;
    }
  }
  
.label-bold label {
	font-weight: bold;
}
.label-block label {
	display: block;
}

.display-block {
	display: block;
}
.button.display-block {
	display: block !important;
}

/*overrides the custom radio button styling applied by drupal on any radio input*/

.radio-group-normal .btn-radio {
    border: none;
    border-radius: 0;
    width: auto;
    padding: 0;
    color: inherit;
    line-height: normal;
    outline: none;
    box-shadow: none;
    border-color: transparent;
    margin-right: 0;
    cursor: default;
    background-color: transparent;
    transition: none;
    text-decoration: none;
    display: inline-block;
}
.radio-group-normal input[type="radio"] {
	  display: inline-block;
    width: auto;
    height: auto;
}
.inline-radio-buttons .form-type-radio {
	display: inline-block;
}

.flex-radio-buttons .form-radios {
	display: flex;
	gap: 1rem;
}

.flex-radio-buttons .form-type-radio {
	min-width: 10rem;
}

.flex-radio-buttons .form-type-radio input {
	margin: 0 8px 0 0;
	display: inline-block;
	vertical-align: sub;
}

.checkboxes-label-leading-normal .form-item {
	margin-bottom: 1rem;
}
.checkboxes-label-leading-normal label,
.form-item-course-options-pack-add-packet label,
.form-item-course-options-delay-delay-start label {
	line-height: 1.5 !important;
	height: auto !important;
}

.checkboxes-label-leading-normal input[type="checkbox"]+label:before,
.form-item-course-options-pack-add-packet input[type="checkbox"]+label:before ,
.form-item-course-options-delay-delay-start input[type="checkbox"]+label:before {
	top: 0 !important;
	transform: none !important;
}

.checkbox-hidden input[type="checkbox"]+label:before {
	display: none;
}
.checkbox-hidden .option {
	padding: 0;
}
.checkbox-hidden input[type="checkbox"]+label span {
	left: 0;
}

.flex-important,
#edit-date-fields-wrapper[style*="display: block;"] {
	display: flex !important;
}

.inline-radio-buttons-gap-4 .form-radios {
	display: flex;
	gap: 1rem;
}

.hide-error-mssg .btn-radio .text-error {
	display: none !important;
}

.legend-w-full legend {
	width: 100%;
}

.btn-radio {
	width: auto;
  display: flex;
  align-items: center;
  margin: 0;
}

/*PREV NEXT BUTTONS*/

.form-actions {
	display: flex;
	gap: 2rem;
	margin-top: 3.75rem;
}


.form-actions input.webform-button--draft,
.form-actions input.webform-button--previous {
  background-color: var(--royal-20);
  color: black;
  padding: 10px 20px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  width: 50%;
  /*display: none !important;*/
}

.form-actions input.webform-button--draft:hover,
.form-actions input.webform-button--previous:hover {
  background-color: var(--royal-30);
}

input.webform-button--next {
  background-color: var(--yellow);
  color: black;
  padding: 10px 20px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  width: 50%;
}

input.webform-button--next:hover {
  background-color: var(--yellow-dark);
  color: white;
}


.webform-no-steps .webform-progress {
	display: none;
}

.repeatable-input {
	display: none;
}
.repeatable-input.visible {
	display: flex;
}


.input-with-icon .form-item {
	width: 100%;
}
.input-with-icon .form-item-remove-icon {
	width: auto;
	margin-left: 1rem;
	margin-top: 3.5rem;
	color: red;
}

.form-composite > .fieldset-wrapper > .description, .supporting-documents-wrapper .form-item .description {
	display: none;
}

.supporting-documents-wrapper {
  border: 1px solid #d1d5db; /* Light gray border */
  border-radius: 8px; /* Rounded corners */
  padding: 24px;
  margin-bottom: 24px;
}

.upload-button {
  display: inline-block;
  cursor: pointer;
  color: #1e3a8a; /* Navy */
  background-color: #dbeafe; /* Light blue */
  
  font-weight: bold;
  text-align: center;
  border-radius: 6px;
  position: relative;
}

.upload-button:hover {
  background-color: #bfdbfe; /* Darker light blue */
}

.upload-button:focus {
  outline: none;
  box-shadow: 0 0 0 2px #2563eb; /* Blue ring */
}





#edit-upload-file--label,
#edit-supporting-documents-section label {
	display: block !important;
}


@media (min-width: 768px) {
  .md\:w-1\/3 {
    width: 33.333333%;
  }
}
@media (min-width: 768px) {
  .md\:basis-1\/3 {
    flex-basis: 33.333333%;
  }
}
.flex-1 {
	flex: 1 1 0%;
}
@media (min-width: 768px) {
  .md\:flex-row {
    flex-direction: row;
  }
}