:root {
  /* NSW GOVT CSS VARS */

  /* "brand colours" */
  --nsw-brand-dark: #002664;
  --nsw-brand-light: #cbedfd;
  --nsw-brand-supplementary: #146cfd;
  --nsw-brand-accent: #d7153a;

  /* "grey colours" */
  --nsw-palette-black: #000;
  --nsw-palette-grey-01: #22272b;
  --nsw-palette-grey-02: #495054;
  --nsw-palette-grey-03: #cdd3d6;
  --nsw-palette-grey-04: #ebebeb;
  --nsw-palette-off-white: #f2f2f2;
  --nsw-palette-white: #fff;

  /* "text colours" */
  --nsw-text-dark: #22272b;
  --nsw-text-light: #fff;
  --nsw-focus: #0085b3;
  --nsw-text-hover-bg: rgba(0, 133, 179, 0.2);
  --nsw-text-link-hover: rgba(0, 38, 100, 0.1);
  --nsw-text-visited: #551a8b;

  /* "status colours" */
  --nsw-status-info-blue: #2e5299;
  --nsw-status-info-blue-bg: #eaedf4;
  --nsw-status-success-green: #00a908;
  --nsw-status-success-green-bg: #e5f6e6;
  --nsw-status-warning-orange: #dc5800;
  --nsw-status-warning-orange-bg: #fbeee5;
  --nsw-status-error-red: #b81237;
  --nsw-status-error-red-bg: #f7e7eb;
}

html,
body {
  font-family: 'Public Sans', sans-serif;
  color: var(--nsw-text-dark);
  line-height: 1.25;
}

#root, body {
	min-height: 100vh;
}

a {
  color: var(--nsw-brand-dark);
}

strong {
  color: inherit
}

body,
button,
input,
optgroup,
select,
textarea {
  font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol';
  line-height: 1.25;
}

strong {
  font-weight: 600 !important;
}

.material-icons {
  font-family: 'Material Icons'; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
}

.title.is-1 {
  font-size: 3.5rem;
}

.title.is-2 {
  font-size: 2rem;
}

.title.is-3 {
  font-size: 1.75rem;
}

.title.is-4 {
  font-size: 1.5rem;
}

.title.is-5 {
  font-size: 1rem;
  font-weight: 400 !important;
}

.title {
  font-weight: 600 !important;
  color: var(--nsw-text-dark) !important;
  line-height: 1.25 !important;
}

.has-text-danger.ob-error__text {
  width: fit-content;
  padding: 6px 8px 6px 32px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--nsw-text-dark) !important;
  background-color: var(--nsw-status-error-red-bg);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0.5C3.6 0.5 0 4.1 0 8.5C0 12.9 3.6 16.5 8 16.5C12.4 16.5 16 12.9 16 8.5C16 4.1 12.4 0.5 8 0.5ZM11.9188 11.3L10.8 12.4188L8 9.61875L5.2 12.4188L4.08125 11.3L6.88125 8.5L4.08125 5.7L5.2 4.58125L8 7.38125L10.8 4.58125L11.9188 5.7L9.11875 8.5L11.9188 11.3Z' fill='%23B81237'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 8px center;
}

.ob-repeatable-set .ob-repeatable-set__container {
  padding: 24px 24px 24px 16px;
  border-left: 6px solid var(--nsw-brand-dark);
}

.ob-repeatable-set.even > .ob-repeatable-set__container {
  background-color: var(--nsw-palette-off-white);
}

.ob-repeatable-set .ob-repeatable-set__container > .ob-button_remove {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  min-height: 40px !important;
  max-height: 40px !important;
  border-radius: 0 !important;
  background-color: var(--nsw-brand-dark) !important;
  color: var(--nsw-text-light) !important;
}

.cypress-copy-to-clipboard-button {
  display: none !important;
}

.ob-information__content.ql-editor > ol {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
}

/* .ob-information__content.ql-editor * {
  color: var(--nsw-text-dark) !important;
} */

.ob-information__content.ql-editor a {
  color: var(--nsw-brand-dark) !important;
  text-decoration: underline;
  font-weight: 700;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
  line-height: 1.25;
}

.has-text-grey-light {
  color: var(--nsw-status-info-blue) !important;
}

.button {
  all: unset;
  font-weight: 600;
  line-height: 1.25;
  height: auto;
  padding: 0 1rem;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  border: 2px solid var(--nsw-brand-dark) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: 44px;
  min-width: 77px;
  gap: 0.5rem;
}


/* Submit Button Colour */
button.ob-button-submit {
  background: var(--nsw-brand-dark) !important;
  border: 2px solid var(--nsw-brand-dark) !important;
  border-radius: 4px !important;
  color: var(--nsw-text-light) !important;
}

.button.is-light {
  background-color: var(--nsw-text-light) !important;
  color: var(--nsw-brand-dark) !important;
}

.button .icon:not(:first-child),
.button .icon:first-child:not(:last-child) {
  margin-left: 0;
  margin-right: 0;
}

.button .icon:last-child:not(:first-child) {
  margin-left: 0;
  margin-right: 0;
}

.button.is-success:not(.ob-button-submit) {
  border-color: var(--nsw-status-success-green) !important;
  background-color: var(--nsw-status-success-green) !important;
}

/* ABN display */
a.button.is-static.ob-abn__record-button {
	height: 22px;
	/* border-width: 1px !important; */
	min-height: unset;
	padding: 7px 1rem;
}

.modal-card {
  border-radius: 4px;
  max-width: 675px;
}

.modal-background,
.modal-background-faded {
  background-color: var(--nsw-brand-dark);
  opacity: 0.9;
}

.modal-card-head {
  padding: 2.5rem 2.5rem 0;
}

.modal-card-body {
  padding: 2rem 2.5rem;
}

.modal-card-title {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.25;
  color: var(--nsw-text-dark);
}

.modal-card-foot {
  gap: 1rem;
  padding: 2.5rem;
}

.modal-card-foot .button:not(:last-child) {
  margin-right: 0;
  grid-column-start: 3;
  background-color: var(--nsw-brand-light) !important;
  border-color: var(--nsw-brand-light) !important;
  color: var(--nsw-text-dark) !important;
}

.steps .steps-actions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.steps-action:first-child {
  justify-self: start;
}

.steps-action:last-child {
  justify-self: end;
}

.steps-action:last-child > .button.is-light {
  background-color: var(--nsw-brand-dark) !important;
  color: var(--nsw-text-light) !important;
}

.steps .steps-actions .steps-action {
  margin: 0;
}

.steps-action .button.is-light[disabled] {
  display: none;
}

/* Make required fields asterisk red */
.ob-label.ob-label__required::after {
    color: var(--nsw-brand-accent);
  font-weight: bold;
  content: " *";
}


.has-text-danger {
  color: var(--nsw-status-error-red) !important;
}

button.button.ob-files__menu-button {
  min-width: auto;
  min-height: auto;
  padding: 0;
  border: none !important;
  border-radius: 2px;
}

.label:not(:last-child) {
  margin-bottom: 1rem;
}

[data-ob-name='trackingCode'],
[data-ob-name*='hidden'] {
  display: none;
}

[data-ob-name*='asterisk'] .ob-heading__text::after {
  content: ' \2731';
  color: var(--nsw-status-error-red);
}

.ob-information__content.ql-editor span.fa-info-panel__tracking-code {
  margin-bottom: 0;
  font-size: 3rem;
  line-height: 1;
  padding: 1rem 1rem 1rem 0;
  font-weight: 800;
  color: var(--nsw-brand-dark) !important;
}

[data-ob-name='trackingCode__receipt'] .ob-information__content > div {
  display: flex;
  flex-direction: column;
}

.button.is-primary.ob-lookup__button {
  min-height: 36px;
  border-radius: 0 4px 4px 0;
}

.button.is-primary {
  background-color: var(--nsw-brand-dark) !important;
}

.cDNlyh {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr 140px;
}

.sc-dlVyqM.cDNlyh > input {
  border-radius: 4px 0 0 4px;
}

.fa-form-receipt > label {
  margin-bottom: 0.5rem;
  padding-left: 1rem;
}

.fa-page-body {
  align-self: center;
}

@media screen and (min-width: 1080px) {
  .fa-page-body {
    max-width: 75%;
  }
}

@media screen and (min-width: 1320px) {
  .fa-page-body {
    max-width: 65%;
  }
}

@media screen and (min-width: 1650px) {
  .fa-page-body {
    max-width: 55%;
  }
}

@media only screen and (max-width: 769px) {
  .fa-save-draft-button {
    display: none;
  }

  .fa-page-body__content {
    margin: 0;
    flex: 1 1 auto;
    display: flex;
    max-width: 100%;
    width: 100%;
    padding: 0;
    flex-direction: inherit;
  }
}

@media only screen and (max-width: 474px) {
  .buttons.ob-buttons.ob-buttons-submit {
    display: grid;
    grid-template-columns: 1fr;
  }

  .button.ob-button.is-light.ob-button-submit-cancel {
    margin-right: 0;
  }

  .button.ob-button.is-primary.ob-button-save-draft {
    margin-right: 0;
  }
}

[data-ob-name='__receiptPageInfo'],
[data-ob-name='__helpDialogInfo'],
[data-ob-name='__receiptLinkInfo'],
[data-ob-name='__linkToRestart'] {
  display: none;
}

.fa-save-draft-button {
  background-color: var(--nsw-brand-light) !important;
  color: var(--nsw-text-dark);
}

.ob-input-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.fa-info-panel__receipt-message {
  background-color: var(--nsw-palette-off-white);
}

/* Download PDF Button */
.fa-download-pdf {
  padding-left: 1rem;
}

.fa-email-pdf__input {
  padding-left: 1rem;
}

.ob-customisable-button-inner {
  align-items: flex-end;
}

/* Reusable element */
[data-ob-name$='__repeat'] {
  background-color: var(--nsw-palette-off-white);
  border-color: var(--nsw-palette-off-white);
  box-shadow: none;
  color: var(--nsw-palette-grey-02);
  border-radius: 4px;
  width: 100%;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  display: inline-flex;
  font-size: 1rem;
  height: 2.5em;
  justify-content: flex-start;
  line-height: 1.5;
  padding: calc(0.5em - 1px) calc(0.75em - 1px);
  position: relative;
  vertical-align: top;
}

/* Reusable element */
[data-ob-name$='__repeatheading'] {
  margin-bottom: 1rem !important; /* Had to use important as renderer overwriting */
}

/* Save Draft */
.button.ob-button.is-primary.ob-button-save-draft {
  background: var(--nsw-brand-light) !important;
  border: 2px solid var(--nsw-brand-light) !important;
  border-radius: 4px;
  color: var(--nsw-text-dark);
}

.MuiSvgIcon-root {
  font-size: 2rem;
}

.ob-checkbox__input {
  border: 2px solid var(--nsw-brand-dark);
  border-radius: 4px;
}

.ob-checkbox__input-label > .ob-checkbox__input.ob-checkbox__input-checked,
.ob-checkbox__input-label > .ob-checkbox__input.ob-radio__input-checked,
.ob-checkbox__input-label > .ob-radio__input.ob-checkbox__input-checked,
.ob-checkbox__input-label > .ob-radio__input.ob-radio__input-checked,
.ob-radio__input-label > .ob-checkbox__input.ob-checkbox__input-checked,
.ob-radio__input-label > .ob-checkbox__input.ob-radio__input-checked,
.ob-radio__input-label > .ob-radio__input.ob-checkbox__input-checked,
.ob-radio__input-label > .ob-radio__input.ob-radio__input-checked {
  color: var(--nsw-brand-dark);
}

.MuiCheckbox-root {
  color: transparent;
}

.steps .step-item.is-completed .step-marker {
  background-color: var(--nsw-brand-dark);
}

.steps .step-item::before {
  background: var(--nsw-brand-dark);
}

.steps .step-item.is-active .step-marker {
  border-color: var(--nsw-brand-dark);
  color: var(--nsw-brand-dark);
}




/* Save for later remove from Cancel */
.cypress-cancel-confirm-save-draft {
  display: none;
}

.order-summary-table {
  width: 100%;
  border: 2px solid var(--nsw-palette-grey-03);
  border-radius: 6px;
}

.order-summary-table__item {
  display: flex;
  flex-direction: row;
  font-size: 22px;
  font-weight: 800;
  padding: 12px;
}

.order-summary-table__item:not(:last-child) {
  border-bottom: 2px solid var(--nsw-palette-grey-03);
}

.order-summary-table-item__label {
  display: flex;
  flex-grow: 1;
  font-size: 1rem; /* Summary box font */
}

.order-summary-table-item__quantity {
  width: 32px;
  text-align: right;
  font-size: 1rem; /* summary Box font */
}

/* Animals Form F remove margin-bottom so switch is close */
[data-ob-name$='commonAndScientificNameOfExhibitedAnimal'] {
  margin-bottom: 0 !important;
}

[data-ob-name$='commonAndScientificNameOfExhibitedAnimal__readonly'] {
  margin-bottom: 0 !important;
}

[data-ob-name$='commonAndScientificNameOfExhibitedAnimal__readonly'] .input {
  background-color: var(--nsw-palette-white);
  border-color: var(--nsw-palette-grey-04);
  border-radius: 4px;
  color: var(--nsw-palette-grey-02);
}

[data-ob-name='Counter'] .ob-information__content.ql-editor > p {
  font-size: 1rem;
  font-weight: 700;
  color: var(--nsw-brand-dark) !important;
}

/* Fix the width on the receipt page */
.fa-form-receipt {
  margin: 0;
  max-width: 100%;
}

.final-requirement-info > p,
.mandatory-measures-info > p {
  white-space: pre-wrap;
}

div[data-ob-name='Final_Requirement'] {
  display: none;
}

div[data-ob-name='Mandatory_Measures'] {
  display: none;
}

div[data-ob-name='Preliminary_Requirement'] {
  display: none;
}

/* Hide Submit Button Cattle Tick ROM page 1 */
.CTROM2 .ob-form__page-1 .button.is-success {
  display: none;
}

.hidden {
  display: none;
}

/*****
** In-Page Alerts - START
*****/

/* Warning */
.info-warning {
  display: flex;
  padding: 1rem;
  background-color: var(--nsw-status-warning-orange-bg);
  border-left: 4px solid var(--nsw-status-warning-orange);
}

.info-warning::before {
  margin-right: 1rem;
  font-family: 'Material Icons'; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
  font-size: 1.8rem;
  line-height: 2rem;
  color: var(--nsw-status-warning-orange);
  content: 'error';
}

/* Error */
.info-error {
  display: flex;
  padding: 1rem;
  background-color: var(--nsw-status-error-red-bg);
  border-left: 4px solid var(--nsw-status-error-red);
}

.info-error::before {
  margin-right: 1rem;
  font-family: 'Material Icons'; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
  font-size: 1.8rem;
  line-height: 2rem;
  color: var(--nsw-status-error-red);
  content: 'cancel';
}

/* Info */
.info-info {
  display: flex;
  padding: 1rem;
  background-color: var(--nsw-status-info-blue-bg);
  border-left: 4px solid var(--nsw-status-info-blue);
}

.info-info::before {
  margin-right: 1rem;
  font-family: 'Material Icons'; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
  font-size: 1.8rem;
  line-height: 2rem;
  color: var(--nsw-status-info-blue);
  content: 'info';
}

/* Success */
.info-success {
  display: flex;
  padding: 1rem;
  background-color: var(--nsw-status-success-green-bg);
  border-left: 4px solid var(--nsw-status-success-green);
}

.info-success::before {
  margin-right: 1rem;
  font-family: 'Material Icons'; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
  font-size: 1.8rem;
  line-height: 2rem;
  color: var(--nsw-status-success-green);
  content: 'check_circle';
}

/* generic in page alert stuff */

.info-warning .ob-information,
.info-error .ob-information,
.info-info .ob-information,
.info-success .ob-information {
  	padding-top: 0.4rem;
}

.info-slim .ob-information {
	padding-top: 0.5rem;
}

.info-warning .ob-information strong,
.info-error .ob-information strong,
.info-info .ob-information strong,
.info-success .ob-information strong {
  font-weight: 700 !important;
}

.info-slim {
  border-left: 0;
  padding: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
}

.info-slim::before {
  font-size: 1.25rem;
  margin-right: 0.5rem;
}

/*****
** In-Page Alerts - END
*****/

@media only screen and (max-width: 560px) {
  div[data-ob-name='Vehicle'] .ob-repeatable-set__container {
    padding-top: 48px;
  }
}

.fa-page__vet-dec [data-ob-name='Additional_Email_Recipients'] {
  display: none;
}

.ob-information__content a {
  color: var(--nsw-brand-dark) !important;
  text-decoration: underline;
  font-weight: 700;
}

.shell-section > .ob-section > .ob-section__header {
  display: none;
}

.hide-label > .cypress-repeatable-set-element > .ob-repeatable-set > .ob-label__container:nth-child(1) {
  display: none;
}

/****
** Link Hover
****/

a:hover{
  background-color: var(--nsw-text-link-hover); 
  outline: 2px solid var(--nsw-text-link-hover); 
}

/* Change the colour of the spinner */
.on-loading {
  border-top-color: var(--nsw-brand-accent);
}

/* result of apps-react style changes */

.ob-checkbox__input-label > .ob-checkbox__input, 
.ob-radio__input-label > .ob-radio__input {
  padding: 0;
  margin-left: 0;
}

.ob-checkbox__input-label, 
.ob-radio__input-label {
  margin-bottom: 0.75rem;
}

[data-lastpass-root] {
	display: none
}

.ob-input {
	height: 100%;
}

/* New Table Standard (e.g. Movement Permit Validation) */
@media screen and (max-width: 575px) {
  [class~="ob-information__content"] table {
    width: 100%;
  }

  [class~="ob-information__content"] table tr {
    display: grid;
    grid-template-columns: 1fr;
    word-break: break-word;
    margin-bottom: 1em;
  }

  [class~="ob-information__content"] thead,
  [class~="ob-information__content"] th {
    font-weight: bold;
  }
}

@media screen and (min-width: 575px) {
  [class~="ob-information__content"] table tr {
    padding: 0.5em;
    gap: 0.5em;

    /* white-space: nowrap; */
    word-break: break-word;
    vertical-align: top !important;
    margin-bottom: 1em;
  }

  [class~="ob-information__content"] thead,
  [class~="ob-information__content"] th {
    font-weight: bold;
    padding: 0.25em 0.75em 0.25em 0;
  }

  [class~="ob-information__content"] td {
    padding: 0.25em 0.75em 0.25em 0;
  }
}