/* smooth scrolling anchor links */
html {
  scroll-behavior: smooth;
}

/* causes more problems than it solves */
/*
.Inputfield_provider_products.InputfieldRepeater {
  z-index: 9999 !important;
}
*/

/* @bookmark: permissions */
/*
body.listerpro-fulfillments:not(.has-tracy-debugbar) #ProcessListerFiltersForm,
body.ProcessPageEdit-template-repeater_fulfillments:not(.has-tracy-debugbar) #PageEditTabs,
*/
body:not(.role-superuser) #ProcessListerFiltersForm,
body:not(.role-superuser) #PageEditTabs,
body:not(.role-superuser) #pw-footer,
body:not(.role-superuser) .uk-breadcrumb,
body:not(.role-superuser) #PageEditTabs,
body:not(.role-superuser) #pw-masthead .page-3- {
  display: none !important;
}


.uk-section-warning {
  background-color: #ffeec4;
}

#pw-masthead > .pw-container {
  max-width: 100% !important;
}

#pw-masthead a {
  font-size: 13px !important;
}
  #pw-masthead ul.pw-primary-nav {
    gap: 15px !important;
  }


.PageList .ProcessListerTable tr.open {
  background: lightblue !important;
}

#ProcessLister p.detail.version,
p#ProcessListerResultNotes,
p#ProcessListerSelector {
  display: none;
}
body.has-tracy-debugbar #ProcessLister p.detail.version,
body.has-tracy-debugbar p#ProcessListerResultNotes,
body.has-tracy-debugbar p#ProcessListerSelector {
  display: inline-block;
}

body.ProcessPageListerPro #main,
body.PodTest #main {
  max-width: 100%;
}






.context-highlight {
  background-color: #ffc;
  color: blue;
  font-weight: bold;
  padding: 5px 8px;
}



.uk-lightbox {
  background-color: rgba(0,0,0,.5);
}

.ss-disabled {
  opacity: .5;
  pointer-events: none;
  cursor: not-allowed !important;
}
.ss-action-button {
  font-size: 20px;
}

.checkered:hover {
  background-image:
    linear-gradient(45deg, #ccc 25%, transparent 25%), 
    linear-gradient(135deg, #ccc 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #ccc 75%),
    linear-gradient(135deg, transparent 75%, #ccc 75%);
  background-size:26px 26px; /* Must be a square */
  background-position:0 0, 13px 0, 13px -13px, 0px 13px; /* Must be half of one side of the square */
}




/* htmx indicator */
#indicator {
  background-color: navy;
  color: #fff;
  text-align: center;
  padding: 5px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
.htmx-indicator{
  opacity: 0;;
  transition: opacity 500ms ease-in;
}
.htmx-request .htmx-indicator{
  opacity: 1;
}
.htmx-request.htmx-indicator{
  opacity: 1;
}


/* make container when editing company or order page full width */
body.PodInfo,
body.ProcessPageEdit-template-company,
body.ProcessPageEdit-template-order {
  main#main.pw-container {
    max-width: none !important;
  }
}

/*
body.ProcessPageEdit-template-repeater_fulfillments #wrap_Inputfield_runtime_info {
  margin-bottom: 100px;
  border-bottom: 20px solid #333;
}
*/


.uk-button-flag {
  background-color: darkorange;
}



.status-label {
  color: #777777;
  background: #e5e5e5;
  &.small-status-label {
    display: inline-flex;
    border-radius: 5px;
    cursor: inherit!important;
    white-space: nowrap;
    max-width: 100%;
    font-size: 14px;
    padding: 4px 10px;
  }
  &.big-status-label {
    /* nothing needed */
  }


  &.production_job_status {
    /* technically this never happens because when viewing a production, it converts immediately from "ready" to "producing" */
    /*
    &.production-job-status-ready {
    }
    */
    &.production_job_status_producing {
      background-color: blue;
      color: #fff;
    }
    &.production_job_status_produced {
      background-color: green;
      color: #fff;
    }
    &.production_job_status_canceled {
      background-color: orange;
      color: #fff;
    }
    &.production_job_status_error {
      background-color: red;
      color: #fff;
    }
  }

  &.fulfillment_status {
    /* technically this never happens because when viewing a fulfillment, it converts immediately from "ready" to "fulfilling" */
    /*
    &.fulfillment-status-ready {
    }
    */
    &.fulfillment_status_fulfilling {
      background-color: blue;
      color: #fff;
    }
    &.fulfillment_status_qc {
      background-color: yellow;
      color: #000;
    }
    &.fulfillment_status_shipped {
      background-color: green;
      color: #fff;
    }
    &.fulfillment_status_canceled {
      background-color: orange;
      color: #fff;
    }
    &.fulfillment_status_error {
      background-color: red;
      color: #fff;
    }
  }


}









/*
.fulfillment-status-pending {
  background-color: lightgray;
  color: #000;
}
.fulfillment-status-opened {
  background-color: lightblue;
  color: #000;
}
.fulfillment-status-production {
  background-color: blue;
  color: #fff;
}
.fulfillment-status-qc {
  background-color: orange;
  color: #000;
}
.fulfillment-status-qc-2 {
  background-color: lightyellow;
  color: #fff;
}
.fulfillment-status-success {
  background-color: green;
  color: #fff;
}
.fulfillment-status-canceled {
  background-color: red;
  color: #fff;
}
.fulfillment-status-error {
  background-color: red;
  color: #fff;
}
.fulfillment-status-failure {
  background-color: red;
  color: #fff;
}
*/


.Inputfield_determiner_fields .Inputfield:not(.InputfieldFieldsetOpen) .InputfieldHeader,
.Inputfield_helper_metadata_fields .Inputfield:not(.InputfieldFieldsetOpen) .InputfieldHeader {
  font-size: 13px !important;
}

[id*='wrap_Inputfield_addresses'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader,
[id*='wrap_Inputfield_addresses'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader > .InputfieldRepeaterItemControls {
  background: blue !important;
  outline-color: blue !important;
}

[id*='wrap_Inputfield_order_line_items'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader,
[id*='wrap_Inputfield_order_line_items'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader > .InputfieldRepeaterItemControls {
  background: limegreen !important;
  outline-color: limegreen !important;
}

[id*='wrap_Inputfield_fulfillment_orders'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader,
[id*='wrap_Inputfield_fulfillment_orders'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader > .InputfieldRepeaterItemControls {
  background: dodgerblue !important;
  outline-color: dodgerblue !important;
}

[id*='wrap_Inputfield_fulfillment_order_line_items'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader,
[id*='wrap_Inputfield_fulfillment_order_line_items'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader > .InputfieldRepeaterItemControls {
  background: #E1BC29 !important;
  outline-color: #E1BC29 !important;
}

[id*='wrap_Inputfield_fulfillments'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader,
[id*='wrap_Inputfield_fulfillments'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader > .InputfieldRepeaterItemControls {
  background: navy !important;
  outline-color: navy !important;
}

[id*='wrap_Inputfield_shipments'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader,
[id*='wrap_Inputfield_shipments'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader > .InputfieldRepeaterItemControls {
  background: indigo !important;
  outline-color: indigo !important;
}
[id*='wrap_Inputfield_shipment_fulfillments'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader,
[id*='wrap_Inputfield_shipment_fulfillments'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader > .InputfieldRepeaterItemControls {
  background: purple !important;
  outline-color: purple !important;
}

[id*='wrap_Inputfield_fulfillment_line_items'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader,
[id*='wrap_Inputfield_fulfillment_line_items'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader > .InputfieldRepeaterItemControls {
  background: blueviolet !important;
  outline-color: blueviolet !important;
}

[id*='wrap_Inputfield_production_line_items'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader,
[id*='wrap_Inputfield_production_line_items'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader > .InputfieldRepeaterItemControls {
  background: seagreen !important;
  outline-color: seagreen !important;
}

[id*='wrap_Inputfield_production_jobs'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader,
[id*='wrap_Inputfield_production_jobs'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader > .InputfieldRepeaterItemControls {
  background: blue !important;
  outline-color: blue !important;
}

[id*='wrap_Inputfield_provider_fulfiller_shipping_carrier_shipping_services'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader,
[id*='wrap_Inputfield_provider_fulfiller_shipping_carrier_shipping_services'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader > .InputfieldRepeaterItemControls {
  background: sienna !important;
  outline-color: sienna !important;
}

[id*='wrap_Inputfield_shipping_service_rules'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader,
[id*='wrap_Inputfield_shipping_service_rules'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader > .InputfieldRepeaterItemControls {
  background: goldenrod !important;
  outline-color: goldenrod !important;
}


#fulfillment-line-items {
  .fulfillment-line-item {
    border: 1px solid #ccc;
  }
}



.Dashboard__getStarted {
  display: none !important;
}


body.role-employee.ProcessPageEdit-template-repeater_fulfillments {
  #wrap_Inputfield_fulfillment_line_items {
    .InputfieldRepeaterAddItem,
    .InputfieldRepeaterDrag,
    .InputfieldRepeaterItemControls,
    [id*="wrap_Inputfield_workflow_repeater"],
    [id*="wrap_Inputfield_fulfillment_order_line_item_repeater"],
    [id*="wrap_Inputfield_files_repeater"] {
      display: none !important;
    }
    ul.Inputfields {
      margin-bottom: 0 !important;
    }
    [id*="wrap_Inputfield_fulfillment_line_item_jobs_repeater"] {
      padding-top: 20px !important;
      > .InputfieldHeader {
        display: none !important;
      }
    }
  }
}


.redo {
  opacity: 0.3 !important;
  pointer-events: none !important;
  text-decoration: line-through !important;
}