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

/* enabled / disabled */
.alef-disabled {
  opacity: .5 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.alef-enabled {
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* loading */
#alef-loading-full {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 0;
  overflow: hidden;

  background-color: rgba(255, 255, 255, 0.8);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;

  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  &.visible {
    opacity: 1;
    height: 100vh;
    pointer-events: auto;
  }
}


/* admin: 'dev' top-right notification label - alef */
/*
body.env-development:after {
  display: inline-block;
  content: 'dev';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
  background-color: blue;
  color: #fff;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: bold;
}
*/

body.env-development {
  border-top: 5px solid blue;
}

.cron-jobs-notice {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
  background-color: red;
  color: #fff;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: bold;
  &:hover {
    text-decoration: none;
    color: #fff;
  }
}

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



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

.Dashboard .DashboardTableColumn__notes {
  width: 300px;
}

#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;
}

/*p#ProcessListerSelector*/
#ProcessLister p.detail.version,
p#ProcessListerResultNotes {
  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-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 */
}






/* 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;
}
*/


/* don't show the title of the fulfillment_order when editing it directly in the case of advanced-shipping */
/* we don't have or want a title field on it */
body.ProcessPageEdit-template-repeater_fulfillment_orders #pw-content-title {
  display: none !important;
}


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


/* https://arantius.github.io/web-color-wheel/ */
.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 */
  }


  &.order_status {
    &.order_status_partially-shipped {
      background-color: lightgreen;
      color: #fff;
    }
    &.order_status_shipped {
      background-color: green;
      color: #fff;
    }
    &.order_status_completed {
      background-color: black;
      color: #fff;
    }
    &.order_status_canceled {
      background-color: orange;
      color: #fff;
    }
    &.order_status_error {
      background-color: red;
      color: #fff;
    }
  }

  &.production_job_status {
    /*
    &.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 {
    /*
    &.fulfillment-status-ready {
    }
    */
    &.fulfillment_status_on-hold {
      background-color: blueviolet;
      color: #fff;
    }
    &.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_production-test-do-not-ship {
      background-color: hotpink;
      color: #fff;
    }
  }


}

.uk-alert-success.podss-alert-success {
  background-color: green !important;
  color: #fff !important;
}
.uk-alert-primary.podss-alert-customer-is-provider {
  background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%) !important;
  color: #fff !important;
}
.uk-alert-warning.podss-alert-warning {
  background-color: yellow !important;
  color: #000 !important;
}







/*
.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;
}

/*
https://arantius.github.io/web-color-wheel/
*/

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

[id*='wrap_Inputfield_api_logs'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader,
[id*='wrap_Inputfield_api_logs'] > .InputfieldContent > .Inputfields > .Inputfield.InputfieldRepeaterItem:not(.InputfieldRepeaterDeletePending) > .InputfieldHeader > .InputfieldRepeaterItemControls {
  background: darkslateblue !important;
  outline-color: darkslateblue !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;
}





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


.uk-text-muted-2 {
  color: #ddd !important;
}

#alef-listerpro-filters {
  border: 1px solid #d9e1ea;
}