/* theme.css
   customisations for standard custody chain website theme */

#serviceLogo {

  background-image: url(images/x/xure_logo_55_long.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 274px;
  height: 55px;
  transition: height 0.2s ease-out;
}

.banner-logo {
  transition: height 0.2s ease-out;
}

.banner-logo + a > #serviceLogo {
  background-position: right;
}

.shrunk #serviceLogo, .shrunk .banner-logo {
  height: 36px;
  transition: height 0.2s ease-out;
}

#userAccount { background-image: url(images/icn_user_20.png); }
#basketLink { background-image: url(images/icn_basket_20.png); }
#helpLink { background-image: url(images/icn_help_20.png); }
#actionsLink { background-image: url(images/icn_link_actions.svg); color: #EA6A00 !important; }
#basketLink { background-image: url(images/icn_link_basket.svg); color: #EA6A00 !important; }

/* navigation styles */

#pageStack > header {
  background-color: white;
}
#pageStack > header A {
  color: #AB3FB3;
}

#stackCrumbs {
  color: #999;
  background-color: rgba(255,255,255,0.9);
}
#stackCrumbs A {
  color: #AB3FB3;
}
#stackCrumbs SPAN {
  color: #333;
}

UL.segmentedMenu LI A {
  border-color: #B122C7;
}

UL.tabbedMenu {
  background-image: url(images/bg_tabbar_bottom.png);
}

UL.tabbedMenu LI A {
  color: #AB3FB3;
  border-color: #B122C7;
  background-image: url(images/bg_tab_bottom.png);
  background-color: white;
}
UL.tabbedMenu LI A.selected {
  color: #AB3FB3;
  background-color: #F4D6F8;
  background-image: url(images/bg_tab_bottom_selected.png);
}

/* content styles */

H1 {
  color: #333;
}

H2 {
  color: #AB3FB3;
  border-bottom-color: #B05DB6;
}

A, A:visited {
  color: #5B205F;
}

.lighter {
  color: #777;
}

ADDRESS {
  color: #666;
}

#pageStrap {
  background-image: url(images/x/bg_strap_default.jpg);
}

#pageStrap .strapInner {
  background-image: linear-gradient(bottom, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0) 40%);
  background-image: -o-linear-gradient(bottom, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0) 40%);
  background-image: -moz-linear-gradient(bottom, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0) 40%);
  background-image: -webkit-linear-gradient(bottom, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0) 40%);
  background-image: -ms-linear-gradient(bottom, rgba(255,255,255, 1) 0%, rgba(255,255,255, 0) 40%);
}

/* buttons */

.tradeCalloutAction .text, .tradeCalloutAction .longtext {
  border-color: rgb(237,166,95);
}

A.button, BUTTON, INPUT[type=button], INPUT[type=submit] {
  border-bottom-color: #9747cc;
  background-color: #D9B2F2;
  color: #39015D !important;

  background-image: linear-gradient(bottom, rgb(188,115,230) 4%, rgb(219,178,242) 52%);
  background-image: -o-linear-gradient(bottom, rgb(188,115,230) 4%, rgb(219,178,242) 52%);
  background-image: -moz-linear-gradient(bottom, rgb(188,115,230) 4%, rgb(219,178,242) 52%);
  background-image: -webkit-linear-gradient(bottom, rgb(188,115,230) 4%, rgb(219,178,242) 52%);
  background-image: -ms-linear-gradient(bottom, rgb(188,115,230) 4%, rgb(219,178,242) 52%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.04, rgb(188,115,230)),
    color-stop(0.52, rgb(219,178,242))
  );
}
A.button.disabled, BUTTON.disabled,
INPUT[type=button].disabled, INPUT[type=submit].disabled,
A.button:disabled, BUTTON:disabled,
INPUT[type=button]:disabled, INPUT[type=submit]:disabled{
  transition-property: color, border-bottom-color;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  border-bottom-color: #a664d9;
  color: #aa50e6 !important;
}
A.button.outline, BUTTON.outline, INPUT[type=button].outline, INPUT[type=submit].outline {
  border-color: #ddd;
  background: white;
  color: black !important;
}

A.button.action, BUTTON.action, INPUT[type=button].action, INPUT[type=submit].action {
  border-bottom-color: #D7730A;
  background-color: #f2c89d;
  color: #572d06 !important;
  cursor: pointer;

  background-image: linear-gradient(bottom, rgb(237,166,95) 4%, rgb(242,199,157) 52%);
  background-image: -o-linear-gradient(bottom, rgb(237,166,95) 4%, rgb(242,199,157) 52%);
  background-image: -moz-linear-gradient(bottom, rgb(237,166,95) 4%, rgb(242,199,157) 52%);
  background-image: -webkit-linear-gradient(bottom, rgb(237,166,95) 4%, rgb(242,199,157) 52%);
  background-image: -ms-linear-gradient(bottom, rgb(237,166,95) 4%, rgb(242,199,157) 52%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.04, rgb(237,166,95)),
    color-stop(0.52, rgb(242,199,157))
  );
}
A.button.action.disabled, BUTTON.action.disabled,
INPUT[type=button].action.disabled, INPUT[type=submit].action.disabled,
A.button.action:disabled, BUTTON.action:disabled,
INPUT[type=button].action:disabled, INPUT[type=submit].action:disabled
{
  transition-property: color, border-bottom-color;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  border-bottom-color: #d4904c;
  color: #d47822 !important;
}
A.button.action.outline, BUTTON.action.outline, INPUT[type=button].action.outline, INPUT[type=submit].action.outline {
  border-color: #f2c89d;
  background: white;
}

A.button.confirm, BUTTON.confirm, INPUT[type=button].confirm, INPUT[type=submit].confirm {
  border-bottom-color: #3E9E49;
  background-color: #9EEFA4;
  color: #07560D !important;

  background-image: linear-gradient(bottom, rgb(96,234,106) 4%, rgb(158,239,164) 52%);
  background-image: -o-linear-gradient(bottom, rgb(96,234,106) 4%, rgb(158,239,164) 52%);
  background-image: -moz-linear-gradient(bottom, rgb(96,234,106) 4%, rgb(158,239,164) 52%);
  background-image: -webkit-linear-gradient(bottom, rgb(96,234,106) 4%, rgb(158,239,164) 52%);
  background-image: -ms-linear-gradient(bottom, rgb(96,234,106) 4%, rgb(158,239,164) 52%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.04, rgb(96,234,106)),
    color-stop(0.52, rgb(158,239,164))
  );
}
A.button.confirm.disabled, BUTTON.confirm.disabled,
INPUT[type=button].confirm.disabled, INPUT[type=submit].confirm.disabled,
A.button.confirm:disabled, BUTTON.confirm:disabled,
INPUT[type=button].confirm:disabled, INPUT[type=submit].confirm:disabled{
  transition-property: color, border-bottom-color;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  border-bottom-color: #66cc70;
  color: #47b352 !important;
}
A.button.confirm.outline, BUTTON.confirm.outline, INPUT[type=button].confirm.outline, INPUT[type=submit].confirm.outline {
  border-color: #9EEFA4;
  background: white;
}

.button .statusIncomplete { background-image: url(images/icn_status_new_16.png); }
.button .statusApprove { background-image: url(images/icn_status_approve_16.png); }
.button .statusWait { background-image: url(images/icn_status_wait_16.png); }
.button .statusRevise {  background-image: url(images/icn_status_revise_16.png); }
.button .statusConfirmed { background-image: url(images/icn_status_confirmed_16.png); }
.button .statusClosed {  background-image: url(images/icn_status_closed_16.png); }
.button .statusAlert { background-image: url(images/icn_status_alert_16.png); }

  INPUT[type=submit].buttonlink {
    border: none;
    background: none! important;
    border-bottom: 1px solid;
    cursor: pointer;
    padding: 0px !important;
    border-radius: 0px;
  }

/* forms */

.field .text:focus, .field .longtext:focus, .field .ebObjectPicker:focus, .field .selectlist:focus, .field .multipleselect:focus,
.ebFieldPanel .text:focus, .ebFieldPanel .longtext:focus, .ebFieldPanel .ebObjectPicker:focus, .ebFieldPanel .selectlist:focus, .ebFieldPanel .multipleselect:focus,
.datalist .datafield INPUT.text:focus, .datalist .datafield TEXTAREA.memo:focus, .datalist .datafield SELECT.select:focus,
.datalist .datafield SELECT.multipleselect:focus, .datalist .datafield .ebPicker:focus, .datalist .datafield .ebMultiplePicker:focus,
.ebLogin .text:focus, .ebRegistration SELECT:focus {
  border-color: rgb(237,166,95);
  box-shadow: rgb(242,199,157) 0 0 6px inset;
}

.field .alertinner,
.ebFieldPanel .alertinner,
.ebLogin .error, .ebForgotPassword .error, .ebRegistration .error, .ebContactForm .error {
  background-color: #EA6A00;
  color: white;
}

TABLE.fieldgrid TR.field TD {
  border-bottom-color: #DDB2E1;
}

TABLE#invitesubscheme_list {
  box-shadow: rgba(128, 128, 128, 0.3) 0px 2px 6px;
}

.buttons, .ebSlideout-Buttons {
  border-top-color: #DDB2E1 !important;
}

.alertCallout H2 {
color: #651515;
border-bottom-color: #E55C5C;
padding-bottom: 4px;
}
.alertCallout .field .title {
  color: #651515;
  font-weight: bold;
}
.alertCallout TABLE.fieldgrid TD.titlecol .title {
  padding: 6px 18px 0 0;
  font-size: 15px;
  font-weight: normal;
}
.alertCallout TABLE.fieldgrid TR.field TD {
  font-weight: bold;
  font-size: 13px;
  border-bottom-color: #E55C5C;
}
.alertCallout {
  border-color: #E55C5C;
  background-color: #FFCCCC;
  overflow: hidden;
  margin: 6px 0;
  clear: both;
  color: #651515;
}

.alertbox {
  color: #651515;
  border-color: #E55C5C;
  background-color: #FFCCCC;
  background-image: url(images/icn_status_alert_16.png);
}
.revisebox {
  color: #663B14;
  border-color: #CE7C29; /* #EA6A00;*/
  background-color: #FFE4CC;
  background-image: url(images/icn_status_revise_16.png);
}
.successbox, .infobox.completed {
  border-color: #7ACC80; /* #5CE565; */
  background-color: #CCFFD0;
  background-image: url(images/icn_status_confirmed_16.png);
}

.alerttext { color: #A53C3C; }
H2.alerttext { border-bottom-color: #A53C3C; }
.successtext { color: #4CA53A; }
H2.successtext { border-bottom-color: #4CA53A; }
.warningtext { color: #CE7C29; }
H2.warningtext { border-bottom-color: #CE7C29; }


.successmarquee {
   background-color: #EFFFF0;
   background:
     radial-gradient(circle at center 100%, rgba(255, 255, 255, 0.5) 0%, rgb(239, 255, 240) 60%),
     radial-gradient(circle at center 116px, rgba(255 ,255 ,255, 0) 40%, rgba(184,255,229,0.8) 80%, rgba(255,255,255,0) 80%),
     radial-gradient(circle at center 116px, rgba(255 ,255 ,255, 0) 25%, rgba(184,255,229,0.85) 50%, rgba(255,255,255,0) 50%),
     radial-gradient(circle at center 116px, rgba(255 ,255 ,255, 0) 10%, rgba(184,255,229,0.9) 30%, rgba(255,255,255,0) 30%),
     radial-gradient(circle at center 116px, rgba(255 ,255 ,255, 0) 0%, rgba(184,255,229,0.95) 15%, rgba(255,255,255,0) 15%);
   border-color: #D9F8DA;
}
.alertmarquee {
   background-color: #FFEFEF;
   background:
     radial-gradient(circle at center 100%, rgba(255, 255, 255, 0.5) 0%, rgb(255, 239, 239) 60%),
     radial-gradient(circle at center 116px, rgba(255 ,255 ,255, 0) 40%, rgba(255,184,220,0.8) 80%, rgba(255,255,255,0) 80%),
     radial-gradient(circle at center 116px, rgba(255 ,255 ,255, 0) 25%, rgba(255,184,220,0.85) 50%, rgba(255,255,255,0) 50%),
     radial-gradient(circle at center 116px, rgba(255 ,255 ,255, 0) 10%, rgba(255,184,220,0.9) 30%, rgba(255,255,255,0) 30%),
     radial-gradient(circle at center 116px, rgba(255 ,255 ,255, 0) 0%, rgba(255,184,220,0.95) 15%, rgba(255,255,255,0) 15%);
   border-color: #F8D9D9;
}

.wizardbar {
  border-color: #ccc;
  background-color: #eee;
  background-image: url(images/bg_bar_wizard.png);
}
.wizardbar LI {
  background-color: #eee;
}
.wizardbar LI A:link {
  color: black;
}
.wizardbar LI:after {
  background-image: url(images/bg_wizard_end.png);
}
.wizardbar LI.complete, .wizardbar LI.notRequired { background-image: url(images/icn_status_confirmed_16.png); }
.wizardbar LI.invalid { background-image: url(images/icn_status_alert_16.png); }
.wizardbar LI.incomplete { background-image: url(images/icn_status_wait_16.png); }
.wizardbar LI.revise { background-image: url(images/icn_status_revise_16.png); }

.wizardbar LI.active {
  background-color: #FFE5CF;
}
.wizardbar LI.active:after {
  background-image: url(images/bg_wizard_end_active.png);
}
.wizardbar LI.finish {
  background-image: url(images/bg_bar_wizard_tick.png);
}
.wizardbar LI.finish.active {
  background-color: #D2FFD5;
  background-image: url(images/bg_bar_wizard_tick_active.png);
}

.wizardheader {
  border-color: #ccc;
  /* background: radial-gradient(circle closest-corner at 90px center, rgba(220,220,220,0.5) 40%, rgba(220,220,220,0.25) 70%, rgba(220,220,220,0) 140%); */
  box-shadow: inset 0 -2px 4px rgba(0,0,0,0.05);
}

/* dark:
.wizardheader {
  border-color: #242;
  background: radial-gradient(circle closest-corner at 90px center, rgba(128,128,128,0.5) 40%, rgba(128, 128, 128, 0.25) 70%, rgba(128, 128, 128, 0) 140%);
  background-color: #333;
}
.wizardheader H1, .wizardheader P {
  color: white;
}
*/

/* custom control styles */

/* slideout panel */

.ebSlideout-Header {
  border-bottom-color: #DDB2E1 !important;
}
.ebSlideout-Footer{
  border-top-color: #DDB2E1 !important;
}

/* action and help popups */

.actionPopupOuter {
  border-color: #EA6A00;
  background-color: #FFE5CF;
}

.actionIcon, .actionIcon:visited, .ebLogout A, .actionPopupInner .actionList A, .helpIcon, .helpIcon:visited {
  color: #934300;
}
.actionPopupInner UL.actionList > LI + LI.actionList-DividerBefore {
  border-color: #934300;
}

.actionIcon-Sites { background-image: url(images/icn_action_sites_20.png); }
.actionIcon-Admin {  }
.actionIcon-Account { background-image: url(images/icn_action_user_20.png); }
.actionIcon-Payment { background-image: url(images/icn_action_payments_20.png); }
.actionIcon-LogOut, .ebLogout A { background-image: url(images/icn_action_logout_20.png); }

.helpIcon-Document { background-image: url(images/icn_help_document_20.svg); }
.helpIcon-Index { background-image: url(images/icn_help_index_20.svg); }

/* listings */

.dynatable-active-page .dynatable-page-link {
  border-color: #DDB2E1;
  color: black;
}

.dynatable-disabled-page {
  color: #999;
}

.listTable TH {
  color: #AB3FB3;
}
.listTable TD {
  border-top-color: #DDB2E1;
}
.listTable TR.subRow TD {
  border-top-color: #FFF;
  padding: 2px 12px 12px 48px;
}
.listTable TR.mainRow TD {
  padding-bottom: 2px;
}
.listTable TR.alertRow TD {
  background-color: #FFF3E6;
}
.listTable A {
  color: #5B205F;
}
.listTable TR.applicantRow TD, .listTable TR.closedRow TD {
  background-color: #eeeeee;
  color: #999999;
}
.listTable TR.applicantRow A, .listTable TR.closedRow A  {
  color: #999999;
}
.listTable TR.closedRow A {
  text-decoration: line-through;
}


.existingSupplierRadio {
  background-image: url(/casi/custodychain/theme/images/icn_status_confirmed_16.png);
}
/*.listTable TR.existingSupplier TD:first-child {
  background-image: url(/casi/custodychain/theme/images/icn_site_36_grey.png);
  background-size: 20px;
}*/

.unitList TR TD:first-child, .unitIcon {
  background-image: url(/casi/custodychain/theme/images/icn_site_20.png);
}
.contactList TR TD:first-child, .contactIcon {
  background-image: url(/casi/custodychain/theme/images/icn_user_20.png);
}
.productList TR TD:first-child, .productIcon, .batchList TR TD:first-child, .batchIcon {
  background-image: url(/casi/custodychain/theme/images/icn_product_20.png);
}
.grownList TR TD:first-child, .grownIcon {
  background-image: url(/casi/custodychain/theme/images/icn_grown_20.png);
}
.processList TR TD:first-child, .processIcon {
  background-image: url(/casi/custodychain/theme/images/icn_process_20.png);
}
.outputList TR TD:first-child, .outputIcon {
  background-image: url(/casi/custodychain/theme/images/icn_output_20.png);
}
.transactionList TR TD:first-child, .transactionIcon {
  background-image: url(/casi/custodychain/theme/images/icn_transaction_20.png);
}
.approvalList TR TD:first-child, .approvalIcon {
  background-image: url(/casi/custodychain/theme/images/icn_audit_20.png);
}
.licenceList TR TD:first-child, .licenceIcon {
  background-image: url(/casi/custodychain/theme/images/icn_licence_20.png);
}
.paymentList TR TD:first-child, .paymentIcon {
  background-image: url(/casi/custodychain/theme/images/icn_payment_20.png);
}
.invoiceList TR TD:first-child, .paymentIcon {
  background-image: url(/casi/custodychain/theme/images/icn_invoice_20.png);
}
.AuditList TR TD:first-child {
  background-position: 6px 12px;
  background-image: url(/casi/custodychain/theme/images/icn_audit_20.png);
}
.milestoneList TR TD:first-child, .milestoneIcon {
  background-image: url(/casi/custodychain/theme/images/icn_milestone_20.png);
}
.tradeIcon {
  background-image: url(/casi/custodychain/theme/images/icn_trade_confirmed_20.png);
}
.tradePendingIcon {
  background-image: url(/casi/custodychain/theme/images/icn_trade_pending_20.png);
}
.tradeReviseIcon {
  background-image: url(/casi/custodychain/theme/images/icn_trade_pending_20.png);
}
.userIcon {
  background-image: url(/casi/custodychain/theme/images/icn_user_20.png);
}
.userPendingIcon {
  background-image: url(/casi/custodychain/theme/images/icn_action_user_20.png);
}

.listTable .statusIncomplete { background-image: url(images/icn_status_new_16.png); }
.listTable .statusTagged { background-image: url(images/icn_status_tag_16.png); }
.listTable .statusApprove { background-image: url(images/icn_status_approve_16.png); }
.listTable .statusWait { background-image: url(images/icn_status_wait_16.png); }
.listTable .statusRevise {  background-image: url(images/icn_status_revise_16.png); }
.listTable .statusConfirmed { background-image: url(images/icn_status_confirmed_16.png); }
.listTable .statusClosed {  background-image: url(images/icn_status_closed_16.png); }
.listTable .statusAlert { background-image: url(images/icn_status_alert_16.png); }

.listTable .statusValid { background-image: url(images/icn_status_confirmed_16.png); }
.listTable .statusNotValid { background-image: url(images/icn_status_notvalid_16.png); }
.listTable .statusWithdrawn { background-image: url(images/icn_status_alert_16.png); }
.listTable .statusGrace { background-image: url(images/icn_status_approve_16.png); }

.evidenceList .statusUnanswered { background-image: url(images/icn_status_unanswered_32.png); }
.evidenceList .statusPending, .evidenceList .statusIncomplete { background-image: url(images/icn_status_wait_32.png); }
.evidenceList .statusConfirmed, .evidenceList .statusComplete, .evidenceList .statusNotRequired { background-image: url(images/icn_status_confirmed_32.png); }
.evidenceList .statusClosed {  background-image: url(images/icn_status_closed_32.png); }
.evidenceList .statusValid { background-image: url(images/icn_status_confirmed_32.png); }
.evidenceList .statusNotValid, .evidenceList .statusInvalid { background-image: url(images/icn_status_notvalid_32.png); }
.evidenceList .statusWithdrawn, .evidenceList .statusAlert { background-image: url(images/icn_status_alert_32.png); }
.evidenceList .statusGrace { background-image: url(images/icn_status_approve_32.png); }
.evidenceList .statusRevise { background-image: url(images/icn_status_revise_32.png); }

.tag {
  background-image: url(images/bg_tag_24.png);
}
.tag SPAN {
  background-color: #A265AB;
  color: white;
}


.ratio {
  border-color: #A265AB;
  background-color: white;
}
.ratio SPAN {
  background-color: #A265AB;
}

.smallCircleAlert {
  background-color: #FC8200;
}

.largeIconLink, .mediumIconLink {
  color: #AB3FB3; }

.largeIconLink.linkSiteNavigate { background-image: url(images/btn_site_navigate_48.png); }
.largeIconLink.linkSiteNew { background-image: url(images/btn_site_add_48.png); }
.largeIconLink.linkGrownNew { background-image: url(images/btn_grown_add_48.png); }
.largeIconLink.linkTradeNew { background-image: url(images/btn_trade_add_48.png); }
.largeIconLink.linkAuditNew { background-image: url(images/btn_audit_add_48.png); }
.largeIconLink.linkProcessNew { background-image: url(images/btn_process_add_48.png); }
.largeIconLink.linkOutputNew { background-image: url(images/btn_output_add_48.png); }
.largeIconLink.linkLicenceNew { background-image: url(images/btn_licence_add_48.png); }
.largeIconLink.linkTransactionNew { background-image: url(images/btn_transaction_add_48.png); }
.largeIconLink.linkClaimDownload { background-image: url(images/btn_claim_download_48.png); }
.largeIconLink.linkEnrol { background-image: url(images/icn_cert_20@2x.png); }

.mediumIconLink.linkAdd { background-image: url(images/icn_status_new_48.png); background-size: 24px; }


.chainVisualisation {
  height:800px;
}

DIV.licenceLogoLarge {
  background-image: url(images/bg_circle_licence_120.png);
}

DIV.processLogoLarge {
  background-image: url(images/bg_circle_process_120.png);
}

.listGrid INPUT:checked + LABEL {
  border-color: #AB3FB3;
  box-shadow: rgb(188,115,230) 0 0 6px inset;
}

/* search and filtering */

.dynatable-search {
  border-color: #ccc;
  background-image: url(images/bg_bar_filter.png);
  background-color: #f6f6f6;
}
.dynatable-search INPUT[type=search], .dynatable-search .ebPicker, .chainVisualisation-Toolbar .ebPicker {
  border-color: #aaa;
  background-color: white;
}
.dynatable-search INPUT[type=search] { background-image: url(images/fld_search_14.png); }
.dynatable-search .ebPicker, .chainVisualisation-Toolbar .ebPicker { background-image: url(images/fld_category_14.png); }
.chainVisualisation-Toolbar .ebPicker.scopePicker { background-image: url(images/fld_claim_14.png); }
.chainVisualisation-Toolbar .ebPicker.scopePicker.active { background-image: url(images/fld_claim_active_14.png); }

.dynatable-search INPUT[type=search].active, .dynatable-search SELECT.active, .dynatable-search .ebPicker.active, .chainVisualisation-Toolbar .ebPicker.active {
  border-color: #AB3FB3;
 }
.dynatable-search INPUT[type=search].active { background-image: url(images/fld_search_active_14.png); }
.dynatable-search .ebPicker.active, .chainVisualisation-Toolbar .ebPicker.active { background-image: url(images/fld_category_active_14.png); }

.dynatable-search UL.segmentedMenu LI A, .chainVisualisation-Toolbar UL.segmentedMenu LI A {
  border-color: #aaa;
  color: black;
}
UL.segmentedMenu LI A.selected, .chainVisualisation-Toolbar UL.segmentedMenu LI A.selected {
  background-color: #ddd;
  box-shadow: rgba(64, 64, 64, 0.2) 0px 1px 1px inset;
}

.siteSchemes {
  background-color: #fcf8ff;
  border-bottom-color: #f4d6f8;
}

.overviewStack H3 {
  color: #9D29AA;
}

.overviewColumn#tradingOverview H3 { background-image: url(images/icn_trade_100.png); }
.overviewColumn#grownOverview H3 { background-image: url(images/icn_grown_100.png); }
.overviewColumn#processOverview H3 { background-image: url(images/icn_process_100.png); }
.overviewColumn#outputOverview H3 { background-image: url(images/icn_output_100.png); }
.overviewColumn#licenceOverview H3 { background-image: url(images/icn_licence_100.png); }
.overviewColumn#auditOverview H3 { background-image: url(images/icn_audit_100.png); }
.overviewColumn#certOverview H3 { background-image: url(images/icn_cert_100.png); }
.overviewColumn#siteOverview H3 { background-image: url(images/icn_site_100.png); }
.overviewColumn#vaultOverview H3 { background-image: url(images/icn_vault_100.png); }
.overviewColumn#trackingOverview H3 { background-image: url(images/icn_tracking_100.png); }

.siteDetails-Icons .siteDetailsLink { background-image: url(images/icn_scope_full_50.png); }
.siteDetails-Icons .siteDetailsLink.growerOnly { background-image: url(images/icn_scope_grower_50.png); }
.siteDetails-Icons .sitePrivacyLink.privacyAnonymous { background-image: url(images/icn_privacy_anon_50.png); }
.siteDetails-Icons .sitePrivacyLink.privacyChain { background-image: url(images/icn_privacy_chain_50.png); }
.siteDetails-Icons .siteSubscriptionsLink { background-image: url(images/icn_subscriptions_50.png); }

.largeCircle, .largeCircleAction, .largeCircleEmpty {
  border-top-color: #DDB2E1;
}

.largeCircle { background-image: url(images/bg_circle_81.png); }
.largeCircleAction { background-image: url(images/bg_circle_action_81.png); }
.largeCircleEmpty {
  background-image: url(images/bg_circle_empty_81.png);
  color: #E60077;
}

.overviewCallout, .sharingCallout {
  border-color: #EA0060;
  background-color: #FFCFE2;
  color: #90003B; /* pink callout */
}
.overviewCalloutAction, .sharingCalloutAction, .tradeCalloutAction, .offerCallout {
  border-color: #EA6A00;
  background-color: #FFE5CF;
  color: #934300; /* orange callout */
}
.overviewCallout-Mark { background-image: url(images/bg_callout_guide_bottom.png); }
.overviewCalloutAction .overviewCallout-Mark { background-image: url(images/bg_callout_action_bottom.png); }
.tradeCallout-Mark { background-image: url(images/bg_callout_guide_top.png); }
.tradeCalloutAction .tradeCallout-Mark { background-image: url(images/bg_callout_action_top.png); }

.sharingCallout-Mark { background-image: url(images/bg_callout_guide_left.png); }
.offerCallout-Mark, .sharingCalloutAction-Mark { background-image: url(images/bg_callout_action_left.png); }

.tradeCalloutBoltOn {
  border-color: #EA6A00;
  background-color: white;
}

  /* picker control */
  .picker-iconitem A.highlighted, .picker-item A.highlighted {
  background-color: #F4D6F8; }

/* taxonomy picker */

.taxonomyPicker-Toolbar .taxonomyPicker-BackButton { background-image: url(images/btn_back_24.png); }
.taxonomyPicker-Toolbar .taxonomyPicker-BackButton[disabled] { background-image: url(images/btn_back_disabled_24.png); }
.taxonomyPicker-Toolbar .taxonomyPicker-TopButton { background-image: url(images/btn_start_24.png); }
.taxonomyPicker-Toolbar .taxonomyPicker-TopButton[disabled] { background-image: url(images/btn_start_disabled_24.png); }
.taxonomyPicker-Toolbar .taxonomyPicker-HelpButton { background-image: url(images/btn_help_24.png); padding-left: 26px; }
.taxonomyPicker-Toolbar .taxonomyPicker-ReportButton { background-image: url(images/btn_report_24.png); }

.taxonomyPicker-CardHeader, .taxonomyPicker-CardDescription {
  border-bottom-color: #DDB2E1;
}
.taxonomyPicker-CardHeader H1 {
  font-size: 18px;
  font-family: 'Open Sans';
}
.taxonomyPicker-CardWarning {
  background-image: url(images/icn_status_alert_16.png);
  color: #A53C3C;
}
.taxonomyPicker-TermList LI {
  border-top-color: #DDB2E1;
}
.taxonomyPicker-Chosen { background-image: url(images/icn_status_confirmed_16.png); color: #4CA53A; }
.taxonomyPicker-Flagged::after { background-image: url(images/icn_star_32.svg); }

/* product and relationship overviews */

UL.tagList LI {
  background-image: url(images/bg_tag_outline_30.png);
}
UL.tagList LI.selected {
  background-image: url(images/bg_tag_30.png);
}
UL.tagList LI SPAN {
  border-color: #A265AB;
  color: #A265AB;
  font-size: 14px;
}
UL.tagList LI.selected SPAN {
  background-color: #A265AB;
  color: white;
}

.tradeDetails #buyerInfo, .tradeDetails #supplierInfo {
  background-image: url(images/bg_circle_site_120.png);
}
.tradeDetails #buyerInfo.unlinked, .tradeDetails #supplierInfo.unlinked {
  background-image: url(images/bg_circle_site_unlinked_120.png);
}
.tradeDetails #buyerInfo.placeholder, .tradeDetails #supplierInfo.placeholder {
  background-image: url(images/bg_circle_site_placeholder_120.png);
}
.tradeDetails.smaller #buyerInfo, .tradeDetails.smaller #supplierInfo {
  background-image: url(images/bg_circle_site_60.png);
}
.tradeDetails.smaller #buyerInfo.unlinked, .tradeDetails.smaller #supplierInfo.unlinked {
  background-image: url(images/bg_circle_site_unlinked_60.png);
}
.tradeDetails.smaller #buyerInfo.placeholder, .tradeDetails.smaller #supplierInfo.placeholder {
  background-image: url(images/bg_circle_site_placeholder_60.png);
}

.tradeDetails #buyerInfo.trade, .tradeDetails #supplierInfo.trade {
  background-image: url(images/bg_circle_trade_120.png);
}
.tradeDetails.smaller #buyerInfo.trade, .tradeDetails.smaller #supplierInfo.trade {
  background-image: url(images/bg_circle_trade_60.png);
}
.tradeDetails #buyerInfo.grown, .tradeDetails #supplierInfo.grown {
  background-image: url(images/bg_circle_grown_120.png);
}
.tradeDetails.smaller #buyerInfo.grown, .tradeDetails.smaller #supplierInfo.grown {
  background-image: url(images/bg_circle_grown_60.png);
}
.tradeDetails #buyerInfo.process, .tradeDetails #supplierInfo.process, .processDetails #outputInfo {
  background-image: url(images/bg_circle_process_120.png);
}
.tradeDetails.smaller #buyerInfo.process, .tradeDetails.smaller #supplierInfo.process {
  background-image: url(images/bg_circle_process_60.png);
}
.tradeDetails #buyerInfo.output, .tradeDetails #supplierInfo.output {
  background-image: url(images/bg_circle_output_120.png);
}
.tradeDetails.smaller #buyerInfo.output, .tradeDetails.smaller #supplierInfo.output {
  background-image: url(images/bg_circle_output_60.png);
}
.grownDetails #grownInfo {
  background-image: url(images/bg_circle_grown_120.png);
}

.tradeDetails H3, .grownDetails H3 {
  color: #9D29AA;
  border-bottom-color: #DDB2E1;
}

.tradeDetails #tradeIcon {
  background-color: white;
  background-image: url(images/icn_output_100.png);
}
.tradeDetails.smaller #tradeIcon { background-image: url(images/icn_output_50.png); }
.tradeDetails #tradeInfo.unlinked #tradeIcon { background-image: url(images/icn_output_unlinked_100.png); }
.tradeDetails.smaller #tradeInfo.unlinked #tradeIcon { background-image: url(images/icn_output_unlinked_50.png); }
.tradeDetails.smaller #tradeInfo.placeholder #tradeIcon { background-image: url(images/icn_output_placeholder_50.png); }
.tradeDetails #tradeIcon.transaction { background-image: url(images/icn_transaction_100.png); }
.tradeDetails.smaller #tradeIcon.transaction { background-image: url(images/icn_transaction_50.png); }
.tradeDetails #tradeIcon.licence { background-image: url(images/icn_licence_100.png); }
.tradeDetails #tradeIcon.audit { background-image: url(images/icn_audit_100.png); }
.tradeDetails.smaller #tradeIcon.licence { background-image: url(images/icn_licence_50.png); }

.tradeDetails #tradeBar, .processDetails #ingredientList UL:before {
  background-color: #CF99D7;
}
.tradeDetails #tradeBar.placeholder {
  background-color: #EAD1EF;
}
.processDetails #ingredientList UL:after {
  border-color: #CF99D7;
}

.statusIcon.statusIncomplete { background-image: url(images/icn_status_new_48.png); }
.statusIcon.statusTagged { background-image: url(images/icn_status_tag_48.png); }
.statusIcon.statusApprove { background-image: url(images/icn_status_approve_48.png); }
.statusIcon.statusWait { background-image: url(images/icn_status_wait_48.png); }
.statusIcon.statusRevise {  background-image: url(images/icn_status_revise_48.png); }
.statusIcon.statusConfirmed { background-image: url(images/icn_status_confirmed_48.png); }
.statusIcon.statusClosed {  background-image: url(images/icn_status_closed_48.png); }

.smaller .statusIcon.statusIncomplete { background-image: url(images/icn_status_new_32.png); }
.smaller .statusIcon.statusTagged { background-image: url(images/icn_status_tag_32.png); }
.smaller .statusIcon.statusApprove { background-image: url(images/icn_status_approve_32.png); }
.smaller .statusIcon.statusWait { background-image: url(images/icn_status_wait_32.png); }
.smaller .statusIcon.statusRevise {  background-image: url(images/icn_status_revise_32.png); }
.smaller .statusIcon.statusConfirmed { background-image: url(images/icn_status_confirmed_32.png); }
.smaller .statusIcon.statusClosed {  background-image: url(images/icn_status_closed_32.png); }

.timelineList #timelineBar {
  border-left-color: #CF99D7;
}
.timelineList .eventDate {
  color: #666;
}

.timelineList LI.incompleteEvent .timelineIcon { background-image: url(images/icn_status_new_32.png); }
.timelineList LI.approveEvent .timelineIcon { background-image: url(images/icn_status_approve_32.png); }
.timelineList LI.reviseEvent .timelineIcon { background-image: url(images/icn_status_revise_32.png); }
.timelineList LI.confirmedEvent .timelineIcon { background-image: url(images/icn_status_confirmed_32.png); }
.timelineList LI.closedEvent .timelineIcon { background-image: url(images/icn_status_closed_32.png); }
.timelineList LI.messageEvent .timelineIcon { background-image: url(images/icn_status_message_32.png); }

.timelineList .eventMessage {
  background-color: #FFE5CF;
  border-color: #EA6A00;
  color: #934300;
}
.timelineList .eventMessage-Mark {
  background-image: url(images/bg_callout_message.gif);
}

/* dashboard gauges */

.sitesGauge .gaugeList-Icon { background-image: url(images/icn_site_36_grey.png); }
.productsGauge .gaugeList-Icon { background-image: url(images/icn_product_36_grey.png); }
.claimsGauge .gaugeList-Icon { background-image: url(images/icn_cert_36_grey.png); }

.invitebox {
  background-image: url(images/bg_invite.png);
  background-position: -8px -8px;
  background-repeat: no-repeat;
  border-color: #e60c61;
  background-color: #ffe6f0;
}

/* subscriptions, offers and purchases */

.offerCallout .buttons {
  border-color: #e6b79a;
}

.subscriptionStatus.subscriptionCurrent { background-image: url(images/icn_status_confirmed_16.png); }
.subscriptionStatus.subscriptionSelected { background-image: url(images/icn_status_approve_16.png); }
.subscriptionStatus.subscriptionRenewing { background-image: url(images/icn_status_revise_16.png); }
.subscriptionStatus.subscriptionExpired { background-image: url(images/icn_status_closed_16.png); }

.worldpaybox {
  background-image: url(images/icn_padlock_32.png);
  background-position: 20px 20px;
  background-repeat: no-repeat;
  border-color: #e60c61;
  background-color: #ffe6f0;
}

.worldpaybox h4 {
  margin: 20px 0;
  color: #e60c61;
}

.worldpayform {
  border-color: #e60c61;
}

.worldpaybox .error {
  color: red;
  font-weight: bold;
}

.worldpaybox .guardedButtonIndicator {
  background-image: url(images/icn_spinner_pink_18.gif);
}

/* audit panel */

#stackBody TD.guidance {
  background-color: #FFCFE2;
  color: #90003B;
  border-color: #EA0060;
}

#stackBody TD.guidance:after {
  background-image: url(images/bg_callout_guide_left.png);
}

#stackBody TABLE.point {
  border-color: #ccc;
}

/* desktop audit portal controls */

TABLE.detailTable TH, TABLE.detailTable TD {
  border-bottom-color: #DDB2E1;
}

/* spreadsheet import wizard */

.spreadsheetImport-DropZone H5 {
  padding-top: 120px;
  background-size: 96px;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url(images/icn_sidebar_spreadsheet_drop.svg);
}

/* site management */

#labelAnonymous DIV { background-image: url(images/icn_privacy_anon_100.png); }
#labelChain DIV { background-image: url(images/icn_privacy_chain_100.png); }

#labelSite DIV { background-image: url(images/icn_site_100.png); }
#labelProduct DIV { background-image: url(images/icn_product_100.png); }
#labelBatch DIV { background-image: url(images/icn_transaction_100.png); }

.privacySlider-Track {
  border-color: #cfa3d9;
}
.privacySlider-Thumb {
  border-color: #A265AB;
  background-color: #EAD1EF;
}
.privacySlider-Thumb.readonly {
  border-color: #cfa3d9;
  background-color: white;
}


/* adjustments for phones and tablets */

@media all and (max-width: 1024px) {

  #serviceLogo {
    background-image: url(images/x/xure_logo_55_short.svg);
    background-repeat: no-repeat;
    width: 128px;
    height: 55px;
  }

}

@media all and (max-width: 768px) {

  .offerCallout-Mark { background-image: url(images/bg_callout_action_top.png); }

}

@media all and (max-width: 640px) {

  UL.tagList LI {
    background-image: url(images/bg_tag_outline_24.png);
  }
  UL.tagList LI.selected {
    background-image: url(images/bg_tag_24.png);
  }

  UL.tagList LI SPAN {
    border-color: #A265AB;
  }

  #stackBody TD.guidance:after {
    background-image: url(images/bg_callout_guide_top.png);
  }

}