/**
  This is only registered for non-spicy admins
*/

/*
  Globals
*/
nav.global-nav {
  padding-top: 12px !important;
}

/*
  Sidebar hiding
*/
body[class*="cpscreen--entries"] #sidebar,
body[class*="cpscreen--entries"] #sidebar {
  display: none !important
}
body[class*="cpscreen--entries"] #sidebar-container,
body[class*="cpscreen--entries"] #sidebar-container {
  flex: 0 !important;
  margin-inline-start: 0 !important;
}
body[class*="cpscreen--settings-users"] #sidebar,
body[class*="cpscreen--settings-users"] #sidebar {
  display: none !important
}
body[class*="cpscreen--settings-users"] #sidebar-container,
body[class*="cpscreen--settings-users"] #sidebar-container {
  flex: 0 !important;
  margin-inline-start: 0 !important;
}
body[class*="cpscreen--categories"] #sidebar,
body[class*="cpscreen--categories"] #sidebar {
  display: none !important
}
body[class*="cpscreen--categories"] #sidebar-container,
body[class*="cpscreen--categories"] #sidebar-container {
  flex: 0 !important;
  margin-inline-start: 0 !important;
}

/*
  Hide the root 'entries' and 'settings' breadcrumb
*/
body[class*="cpscreen--entries"] li.crumb:first-child {
  display:none !important;
}
body[class*="cpscreen--entries"] li.crumb:nth-child(2) {
  padding-left:20px !important;
}
body[class*="cpscreen--settings-users"] li.crumb:first-child {
  display:none !important;
}
body[class*="cpscreen--settings-users"] li.crumb:nth-child(2) {
  padding-left:20px !important;
}
body[class*="cpscreen--categories"] li.crumb:first-child {
  display:none !important;
}
body[class*="cpscreen--categories"] li.crumb:nth-child(2) {
  padding-left:20px !important;
}

/*
  Always hide the crumb button/menu
*/
#crumb-list li.crumb button {
  display:none !important;
}

/*
  Navs
*/
nav.horobin {
  padding-top: 12px;
}
nav.horobin li a {
  display: flex;
}
nav.horobin li.active a {
  background-color: var(--gray-200);
}
select.status-select {
  padding-left:12px;
}
td > span.status {
  position: absolute; margin-left: -4px; margin-top: 2px;
}
span.status.any {
  background: transparent !important;
  border: 1px solid grey !important;
}
span.status.incoming {
  background-color: var(--gray-350) !important;
}
span.status.pending {
  background-color: var(--amber-600);
}
span.status.processed {
  background-color: var(--sky-500);
}
span.status.arrived {
  background-color: var(--blue-700);
}
span.status.shipped {
  background-color: var(--enabled-color);
}
/*
  Hide a bunch of UI stuff from non-admins on the order edit screen
*/
body[class*="cpscreen--entries-orders"] #main-form #title-field,
body[class*="cpscreen--entries-orders"] div#content-notice,
body[class*="cpscreen--entries-orders"] div#context-menu-container,
body[class*="cpscreen--entries-orders"] span.status-label,
body[class*="cpscreen--entries-orders"] div#notifications,
body[class*="cpscreen--entries-orders"] section.lp-device-type,
body[class*="cpscreen--entries-orders"] header.lp-preview-header .buttons {
  display: none !important;
}
body[class*="cpscreen--entries-orders"] div#content-container {
  width: 100% !important;
}
body[class*="cpscreen--entries-orders"] div#details-container,
body[class*="cpscreen--entries-orders"] .content-grid__toggle {
  width: 0% !important; 
  display: none !important;
}
body[class*="cpscreen--entries-orders"] div#main-container {
  opacity: 0 !important;
}
body.order-fields-disabled form[data-element-editor] .lp-content {
  opacity: 0.6;
  pointer-events: none !important;
}

/*
  Hide 'hidden' fields
*/
div[data-type^="modules\\horobin\\fields\\Hidden"] {
  display: none !important;
}

/*
  Orders
*/
.orders-table select {
  background: transparent !important;
}
.orders-table select:focus {
  border: 0 !important;
  outline: none !important;
}
.orders-table thead th a.selected::after {
  content: '↑';
}
.orders-table thead th a.selected.desc::after {
  content: '↓';
}
.orders-table tr.duplicated {
  background-color: #F3F7FC;
}
.orders.sub-actions {
  display: flex;
  width: 100%;
}
.orders.sub-actions .right {
  margin-left: auto;
}