$base-color: dynamic(#E1E9F2);
$btn-focus-color: dynamic(#000000);
$btn-over-color: dynamic(#000000);
$main-color: dynamic(#8AB61D);

$button-default-color: dynamic(#FFFFFF);
$button-default-border-color: $main-color;

$button-default-background-color: $main-color;
$button-default-background-color-over: $btn-over-color;
$button-default-border-color-over: $btn-over-color;

$button-default-base-color-pressed: $btn-focus-color;
$button-default-background-color-pressed: $btn-focus-color;
$button-default-border-color-pressed: $btn-focus-color;
$button-default-inner-border-color-pressed: dynamic(transparent);
$button-default-inner-border-color-focus-pressed: dynamic(transparent);

$button-default-base-color-focus: $btn-over-color;
$button-default-base-color-focus-over: $btn-over-color;
$button-default-border-color-focus: $btn-over-color;
$button-default-inner-border-color-focus: dynamic(transparent);
$button-default-inner-border-color-focus-over: dynamic(transparent);

$panel-header-color: $main-color;

BODY.extjs-theme-customer-light {
  .border-alt {
    &.x-panel-default {
      border: 1px solid $main-color;
    }
  }
}