/* Minification failed. Returning unminified contents.
(1112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1114,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1115,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1116,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1117,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1121,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1122,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1124,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(1165,15): run-time error CSS1039: Token not allowed after unary operator: '-muted'
(1183,26): run-time error CSS1039: Token not allowed after unary operator: '-line'
(1206,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1217,26): run-time error CSS1039: Token not allowed after unary operator: '-line'
(1227,20): run-time error CSS1039: Token not allowed after unary operator: '-chip'
(1231,15): run-time error CSS1039: Token not allowed after unary operator: '-chipText'
(1259,26): run-time error CSS1039: Token not allowed after unary operator: '-line'
(1260,20): run-time error CSS1039: Token not allowed after unary operator: '-btn'
(1271,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1272,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1278,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1335,26): run-time error CSS1039: Token not allowed after unary operator: '-line'
(1347,33): run-time error CSS1039: Token not allowed after unary operator: '-line'
(1367,15): run-time error CSS1039: Token not allowed after unary operator: '-muted'
(1388,15): run-time error CSS1039: Token not allowed after unary operator: '-muted'
(1392,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1436,26): run-time error CSS1039: Token not allowed after unary operator: '-line'
(1493,30): run-time error CSS1039: Token not allowed after unary operator: '-line'
 */
@font-face {
  font-family: 'soa';
  src: url('/resources/fonts/soa.eot?a4thoz');
  src: url('/resources/fonts/soa.eot?a4thoz#iefix') format('embedded-opentype'), url('/resources/fonts/soa.ttf?a4thoz') format('truetype'), url('/resources/fonts/soa.woff?a4thoz') format('woff'), url('/resources/fonts/soa.svg?a4thoz#soa') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="soaicon-"],
[class*=" soaicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'soa' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.soaicon-allocate:before {
  content: "\e92f";
}
.soaicon-feedback:before {
  content: "\e94b";
}
.soaicon-expand:before {
  content: "\e900";
}
.soaicon-down:before {
  content: "\e901";
}
.soaicon-star-empty:before {
  content: "\e902";
}
.soaicon-right:before {
  content: "\e903";
}
.soaicon-edit:before {
  content: "\e904";
}
.soaicon-settings:before {
  content: "\e905";
}
.soaicon-quick-close:before {
  content: "\e906";
}
.soaicon-quick-alert:before {
  content: "\e907";
}
.soaicon-quick-error:before {
  content: "\e908";
}
.soaicon-quick-help:before {
  content: "\e909";
}
.soaicon-delete:before {
  content: "\e90a";
}
.soaicon-actions-down-arrow:before {
  content: "\e90b";
}
.soaicon-attachments:before {
  content: "\e90c";
}
.soaicon-rules:before {
  content: "\e90d";
}
.soaicon-filter:before {
  content: "\e90e";
}
.soaicon-split:before {
  content: "\e90f";
}
.soaicon-maximize:before {
  content: "\e910";
}
.soaicon-quick-add:before {
  content: "\e911";
}
.soaicon-quick-subtract:before {
  content: "\e912";
}
.soaicon-refresh:before {
  content: "\e913";
}
.soaicon-star:before {
  content: "\e914";
}
.soaicon-collapse:before {
  content: "\e915";
}
.soaicon-configure:before {
  content: "\e916";
}
.soaicon-tools:before {
  content: "\e917";
}
.soaicon-list:before {
  content: "\e918";
}
.soaicon-search:before {
  content: "\e919";
}
.soaicon-face-average:before {
  content: "\e91a";
}
.soaicon-face-happy:before {
  content: "\e91b";
}
.soaicon-face-sad:before {
  content: "\e91c";
}
.soaicon-adjust:before {
  content: "\e91d";
}
.soaicon-email:before {
  content: "\e91e";
}
.soaicon-jobs:before {
  content: "\e91f";
}
.soaicon-lock:before {
  content: "\e920";
}
.soaicon-minimize:before {
  content: "\e921";
}
.soaicon-logo-sage-city:before {
  content: "\e922";
}
.soaicon-phone:before {
  content: "\e923";
}
.soaicon-save:before {
  content: "\e924";
}
.soaicon-download-csv:before {
  content: "\e925";
}
.soaicon-sort:before {
  content: "\e926";
}
.soaicon-dashboard:before {
  content: "\e927";
}
.soaicon-document:before {
  content: "\e928";
}
.soaicon-document-add:before {
  content: "\e929";
}
.soaicon-document-remove:before {
  content: "\e92a";
}
.soaicon-calendar:before {
  content: "\e92b";
}
.soaicon-toggle:before {
  content: "\e92c";
}
.soaicon-document-search:before {
  content: "\e92d";
}
.soaicon-download:before {
  content: "\e92e";
}
.soaicon-graph-pie:before {
  content: "\e930";
}
.soaicon-mail-unopened:before {
  content: "\e931";
}
.soaicon-mail-opened:before {
  content: "\e932";
}
.soaicon-menu:before {
  content: "\e933";
}
.soaicon-next:before {
  content: "\e934";
}
.soaicon-next-all:before {
  content: "\e935";
}
.soaicon-prev:before {
  content: "\e936";
}
.soaicon-prev-all:before {
  content: "\e937";
}
.soaicon-quick-info:before {
  content: "\e938";
}
.soaicon-print:before {
  content: "\e939";
}
.soaicon-move:before {
  content: "\e93a";
}
.soaicon-recent:before {
  content: "\e93b";
}
.soaicon-reset:before {
  content: "\e93c";
}
.soaicon-sync:before {
  content: "\e93d";
}
.soaicon-note:before {
  content: "\e93e";
}
.soaicon-graph-doughnut:before {
  content: "\e93f";
}
.soaicon-in:before {
  content: "\e940";
}
.soaicon-out:before {
  content: "\e941";
}
.soaicon-event:before {
  content: "\e942";
}
.soaicon-copy:before {
  content: "\e943";
}
.soaicon-complete:before {
  content: "\e944";
}
.soaicon-change:before {
  content: "\e945";
}
.soaicon-arrow-down:before {
  content: "\e946";
}
.soaicon-arrow-left:before {
  content: "\e947";
}
.soaicon-arrow-right:before {
  content: "\e948";
}
.soaicon-arrow-up:before {
  content: "\e949";
}
.soaicon-asterisk:before {
  content: "\e94a";
}
.soaicon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'soa' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.soaicon-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%;
}
.x-item-disabled * {
  color: #3c424f !important;
}
.ext-ie7 span.x-item-disabled,
.ext-ie8 span.x-item-disabled,
.x-item-disabled {
  color: #3c424f;
  background-color: transparent !important;
  opacity: 1;
  -moz-opacity: 1;
  filter: none;
}
.x-tab-strip-top .x-tab-right,
.x-tab-strip-top .x-tab-left {
  background: none;
  padding-left: 0;
  padding-right: 0;
}
.x-tab-strip-top .x-tab-strip-inner {
  background: none;
  background-color: transparent;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.x-tree-node {
  font-family: 'Lato', Segoe UI, Tahoma, Arial, sans-serif;
}
.x-tab-strip span.x-tab-strip-text {
  font-family: 'Lato', Segoe UI, Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #3c424f;
  font-weight: bold;
}
.x-tab-strip-active span.x-tab-strip-text {
  font-weight: bold;
}
.x-tab-strip-active,
.x-tab-strip-over {
  border-bottom: 3px solid #255bc7;
  margin-bottom: -3px;
}
.x-tab-strip-active.x-item-disabled,
.x-tab-strip-over.x-item-disabled {
  border-color: transparent;
}
.x-tab-strip li:focus {
  outline: none;
  box-shadow: 0 0 6px rgba(37, 91, 199, 0.6);
}
.x-tab-panel-header {
  overflow: visible;
}
.x-tab-panel-header-plain .x-tab-strip-top {
  border-bottom: 3px solid #d8d9dc;
}
.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
  padding-bottom: 4px;
}
.x-tab-strip-top .x-tab-strip-over:not(.x-item-disabled):not(.x-tab-strip-active) .x-tab-strip-inner {
  background: none;
  background-color: #1963f6;
}
.x-tab-strip .x-tab-strip-over:not(.x-tab-strip-active) span.x-tab-strip-text,
.x-tab-strip li:not(.x-tab-strip-active) span.x-tab-strip-text:hover {
  color: white;
}
.x-tab-strip-top .x-tab-strip-active {
  background-color: white;
}
.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
  background: none;
  border-bottom-color: #1963f6;
}
.x-tab-strip-top .x-tab-strip-active .x-tab-right {
  margin-bottom: 0;
}
.x-tab-panel-header-plain .x-tab-strip-spacer,
.x-tab-panel-footer-plain .x-tab-strip-spacer {
  border: none;
  height: 3px;
  background: none;
  font-size: 0px;
  line-height: 0px;
}
.x-grid3-header {
  background: none;
  background-color: #636872;
  color: #3c424f;
  padding: 0px;
}
.x-grid3 {
  background-color: white;
}
td.x-grid3-hd-over .x-grid3-hd-inner,
td.sort-desc .x-grid3-hd-inner,
td.sort-asc .x-grid3-hd-inner,
td.x-grid3-hd-menu-open .x-grid3-hd-inner {
  background: none;
  background-color: #636872;
  color: white;
}
.x-grid3-hd-btn {
  background: url(/resources/images_0005/extjsOverrides/grid3-hd-btn.png) no-repeat left center;
}
.x-panel-body-noheader,
.x-panel-mc .x-panel-body {
  border-top: none;
}
.x-panel-body {
  border: 0;
  background-color: transparent;
}
.x-grid3-row {
  border: none;
  border-top: 1px solid #e4e7ea;
  background-color: #f5f6f7;
}
.x-grid3-row .grid-row-disabled,
.x-grid3-row .grid-row-disabled-alt {
  border: 0 none;
}
.x-grid3-row .grid-row-disabled .x-grid3-cell-inner,
.x-grid3-row .grid-row-disabled-alt .x-grid3-cell-inner {
  color: #969696 !important;
}
.x-grid3-row.x-grid3-row-over {
  background: #e7f1fc;
}
.x-grid3-row.x-grid3-row-alt,
.x-grid3-row.extra-alt td.x-grid3-cell {
  background-color: white;
}
.x-grid3-row.x-grid3-row-alt .grid-row-disabled,
.x-grid3-row.extra-alt td.x-grid3-cell .grid-row-disabled,
.x-grid3-row.x-grid3-row-alt .grid-row-disabled-alt,
.x-grid3-row.extra-alt td.x-grid3-cell .grid-row-disabled-alt {
  border: 0 none;
}
.x-grid3-row.x-grid3-row-alt .grid-row-disabled .x-grid3-cell-inner,
.x-grid3-row.extra-alt td.x-grid3-cell .grid-row-disabled .x-grid3-cell-inner,
.x-grid3-row.x-grid3-row-alt .grid-row-disabled-alt .x-grid3-cell-inner,
.x-grid3-row.extra-alt td.x-grid3-cell .grid-row-disabled-alt .x-grid3-cell-inner {
  color: #969696 !important;
}
.x-grid3-row.x-grid3-row-alt.x-grid3-row-over,
.x-grid3-row.extra-alt td.x-grid3-cell.x-grid3-row-over {
  background: #e7f1fc;
}
.x-grid3-row .x-grid3-cell-inner {
  color: #3c424f !important;
}
.x-grid3-body .x-grid3-td-expander {
  vertical-align: top;
  padding-top: 5px;
  cursor: pointer;
}
.x-grid3-body .x-grid3-td-expander,
.x-grid3-body .x-grid3-row-selected {
  background: none;
}
.x-grid3-body .x-grid3-td-expander .x-grid3-td-numberer,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
.x-grid3-body .x-grid3-td-expander .x-grid3-td-checker,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
.x-grid3-body .x-grid3-td-expander .x-grid3-td-expander,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
  background: none;
}
.sort-asc .x-grid3-sort-icon {
  background-image: url(/resources/images_0005/FlatImages/sort_asc.gif);
}
.sort-desc .x-grid3-sort-icon {
  background-image: url(/resources/images_0005/FlatImages/sort_desc.gif);
  background-position-y: -1px;
}
.x-toolbar {
  border-color: #eaeaea;
  background: #ededed;
}
.x-panel-bbar .x-toolbar {
  border: 1px solid #eaeaea;
}
.x-tab-panel-body {
  border: 0;
  background-color: transparent;
}
ul.x-tab-strip-top {
  border: none;
}
ul.x-tab-strip li {
  margin-left: 0;
}
.x-grid3-hd-row td {
  line-height: 15px;
  vertical-align: middle;
  border-color: transparent;
  font-family: 'Lato', Segoe UI, Tahoma, Arial, sans-serif;
  height: 26px;
  color: #ebeced;
}
.x-grid3-row TD,
.x-form-field,
.x-combo-list-item {
  font-family: 'Lato', Segoe UI, Tahoma, Arial, sans-serif;
}
.x-combo-list-item {
  line-height: 16px;
}
.ux-lovcombo-icon {
  width: 19px;
  background-position: inherit;
}
.x-form-text,
textarea.x-form-field,
.x-form-trigger {
  background: none;
  background-color: white;
  border-radius: 4px;
  /*.IEBorderRadius();*/

}
.x-item-disabled .x-form-text,
.x-item-disabled textarea.x-form-field,
.x-item-disabled .x-form-trigger,
.x-form-text.aspNetDisabled,
textarea.x-form-field.aspNetDisabled,
.x-form-trigger.aspNetDisabled,
.x-form-text:disabled,
textarea.x-form-field:disabled,
.x-form-trigger:disabled,
.x-form-text[disabled],
textarea.x-form-field[disabled],
.x-form-trigger[disabled] {
  background-color: transparent;
  color: #3c424f;
  -webkit-text-fill-color: #3c424f;
}
.x-grid3-header .x-grid3-row td,
.x-grid3-summary-row td {
  height: 26px;
}
.ext-strict .x-small-editor .x-form-text {
  height: 21px !important;
}
.x-small-editor .x-form-field-wrap .x-form-trigger {
  height: 23px;
}
.ext-ie .x-small-editor .x-form-text {
  line-height: 21px !important;
}
.ext-strict .x-form-text {
  height: 21px !important;
}
.ext-ie .x-form-text {
  line-height: 21px !important;
}
.x-btn button {
  background: none;
  position: relative;
}
.x-tbar-page-next {
  background-image: url(/resources/images_0005/FlatImages/page-next.png) !important;
}
.x-tbar-page-last {
  background-image: url(/resources/images_0005/FlatImages/page-last.png) !important;
}
.x-tbar-loading {
  background-image: url(/resources/images_0005/widgetPanel/refresh.png) !important;
}
.x-tbar-page-prev {
  background-image: url(/resources/images_0005/FlatImages/page-prev.png) !important;
}
.x-tbar-page-first {
  background-image: url(/resources/images_0005/FlatImages/page-first.png) !important;
}
.x-item-disabled .x-tbar-page-next {
  background-image: url(/resources/images_0005/FlatImages/page-next-disabled.png) !important;
}
.x-item-disabled .x-tbar-page-last {
  background-image: url(/resources/images_0005/FlatImages/page-last-disabled.png) !important;
}
.x-item-disabled .x-tbar-page-prev {
  background-image: url(/resources/images_0005/FlatImages/page-prev-disabled.png) !important;
}
.x-item-disabled .x-tbar-page-first {
  background-image: url(/resources/images_0005/FlatImages/page-first-disabled.png) !important;
}
.x-toolbar .x-btn-over .x-btn-left {
  background: url(/resources/images_0005/FlatImages/tb-btn-sprite.gif) no-repeat 0 0;
}
.x-toolbar .x-btn-over .x-btn-right {
  background: url(/resources/images_0005/FlatImages/tb-btn-sprite.gif) no-repeat 0 -21px;
}
.x-toolbar .x-btn-over .x-btn-center {
  background: url(/resources/images_0005/FlatImages/tb-btn-sprite.gif) repeat-x 0 -42px;
}
.x-toolbar .x-btn-click .x-btn-left,
.x-toolbar .x-btn-pressed .x-btn-left,
.x-toolbar .x-btn-menu-active .x-btn-left {
  background: url(/resources/images_0005/FlatImages/tb-btn-sprite.gif) no-repeat 0 -63px;
}
.x-toolbar .x-btn-click .x-btn-right,
.x-toolbar .x-btn-pressed .x-btn-right,
.x-toolbar .x-btn-menu-active .x-btn-right {
  background: url(/resources/images_0005/FlatImages/tb-btn-sprite.gif) no-repeat 0 -84px;
}
.x-toolbar .x-btn-click .x-btn-center,
.x-toolbar .x-btn-pressed .x-btn-center,
.x-toolbar .x-btn-menu-active .x-btn-center {
  background: url(/resources/images_0005/FlatImages/tb-btn-sprite.gif) repeat-x 0 -105px;
}
.x-tab-scroller-left {
  background-image: url(/resources/images_0005/extjsOverrides/scroll-left.gif);
  border-bottom: 3px solid #d8d9dc;
}
.x-tab-scroller-right {
  background-image: url(/resources/images_0005/extjsOverrides/scroll-right.gif);
  border-bottom: 3px solid #d8d9dc;
}
.x-grid3-row-soaicon {
  font-size: 16px;
}
.x-grid3-scroller {
  overflow-y: scroll;
  overflow-x: auto;
}
.x-grid3-row-icon {
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 16px;
  height: 16px;
}
.x-grid3-row-expanded .x-grid3-row-expander,
.x-grid3-row-collapsed .x-grid3-row-expander {
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 16px;
  height: 16px;
  background-image: url('/resources/images_0005/soaicons/grey-dark-blue-30/document-16.png');
}
div.x-grid3-row-expander-filled div.x-grid3-row-expander {
  background-image: url('/resources/images_0005/soaicons/blue/document-16.png');
}
.x-grid3-row-expanded.duplicateHeader .x-grid3-row-expander {
  background: transparent;
}
.x-grid3-row-collapsed.duplicateHeader .x-grid3-row-expander {
  background: transparent;
  cursor: default;
}
div.x-grid3-row-expander-filled.duplicateHeader div.x-grid3-row-expander {
  background: transparent;
}
.x-grid3-row-expanded.remarks .x-grid3-row-expander {
  margin-top: 5px;
  margin-left: 3px;
  cursor: pointer;
}
.x-grid3-row-collapsed.remarks .x-grid3-row-expander {
  margin-top: 5px;
  margin-left: 3px;
  cursor: pointer;
}
.x-grid-group-hd {
  border-bottom: 1px dotted #d8d9dc;
  cursor: pointer;
  padding-top: 6px;
}
.x-form-field-wrap .x-form-trigger {
  background-image: url(/resources/images_0005/extjsOverrides/trigger.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: white;
  border: 1px solid #b5b8c8;
  border-left: none;
  height: 23px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.x-form-field-wrap.x-item-disabled .x-form-date-trigger,
.x-form-field-wrap.x-item-disabled .x-form-trigger {
  background-color: transparent;
  background-image: none;
}
.x-form-field-wrap .x-form-text,
.x-form-field-wrap textarea.x-form-field {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.x-form-field-wrap .x-form-trigger-over {
  background-position: -17px 0;
}
.x-form-field-wrap .x-form-trigger-click {
  background-position: -85px 0;
}
.x-form-field-wrap .x-form-date-trigger {
  background-image: url(/resources/images_0005/extjsOverrides/date-trigger.png);
  background-position: center;
  background-size: 13px;
  /*-ms-behavior: url(/resources/scripts/libs_0001/PIE-1.0.0/PIE.htc);*/

}
.x-form-field-wrap .x-form-date-trigger.x-form-trigger-over {
  background-position: center !important;
}
#search .x-form-text,
#search textarea.x-form-field {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#search .openAndManageCompanies-companySearchMainContainer {
  border-radius: 4px;
  /*.IEBorderRadius();*/

  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.x-grid3-row td,
.x-grid3-summary-row td {
  vertical-align: middle;
  line-height: 20px;
  font-family: 'Lato', Segoe UI, Tahoma, Arial, sans-serif;
}
.x-form-check-wrap.x-form-check-disabled .x-form-check-wrap-inner {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
}
.x-form-check-checked.x-form-check-disabled .x-form-check {
  background-position: 0 -26px;
}
.x-form-check {
  background: url('/resources/images_0005/FlatImages/checkbox.gif') no-repeat 0 0;
}
.x-grid3-check-col-on,
.ux-lovcombo-icon-checked {
  background-image: url('/resources/images_0005/extjsOverrides/checkbox_checked.png');
}
.x-grid3-check-col,
.ux-lovcombo-icon-unchecked {
  background-image: url(/resources/images_0005/extjsOverrides/checkbox_unchecked.png);
}
.x-grid3-row-selected a {
  color: #004089;
}
.x-grid-group-hd div {
  background: transparent url(/resources/images_0005/FlatImages/group-expand-sprite.png) no-repeat 3px -47px;
  color: #3c424f;
  font-family: 'Lato', Segoe UI, Tahoma, Arial, sans-serif;
}
.x-window-mc {
  font-family: 'Lato', Segoe UI, Tahoma, Arial, sans-serif;
}
.x-form-item {
  font: normal 11px 'Lato', Segoe UI, Tahoma, Arial, sans-serif;
}
.ext-ie TD .x-form-text {
  top: 0px;
  position: relative;
}
/*EXTJS 2.2 date picker width fix for chrome 25.x*/

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .x-date-picker {
    border: 1px solid #1b376c;
    border-top: 0 none;
    background: white;
    position: relative;
    width: 185px;
  }
}
.x-grid-empty {
  padding: 5px;
  font: normal 11px 'Lato', Segoe UI, Tahoma, Arial, sans-serif;
  color: #3c424f;
}
.x-grid3-col-Customer-Note {
  padding: 3px;
  cursor: pointer;
  text-align: center;
}
.x-combo-list-hd {
  background-color: #ededed;
  color: #3c424f;
  background-image: none;
  border-bottom: none;
  padding: 3px;
}
.x-grid3-popup {
  border: 1px solid #eaeaea;
  /*border-top: 0 none;*/
  background: white;
}
/*chrome header scroll fix :)*/

.x-grid3-header-inner {
  float: none;
  position: relative;
}
.x-menu {
  border: none;
  padding: 0px;
}
.x-menu-list-item {
  padding: 0px;
}
.x-menu a.x-menu-item {
  color: #3c424f;
}
.x-menu,
.x-menu-item-active {
  background-image: none !important;
}
.x-menu-item-active {
  border: none;
}
.x-menu-item-active a.x-menu-item {
  color: #3c424f;
  background-color: #c4c6ca;
}
.ext-mb-content {
  margin: 0px -1px 0px 0px;
}
/**FIX: EXTJS Date picker drop down cut off in Angular JS Popups*/

.x-date-menu > ul {
  display: inline;
}
.x-date-menu > ul li {
  display: inline;
}
.x-date-right a {
  background-image: url('/resources/images_0005/extjsOverrides/icon-right.png');
}
.x-date-left a {
  background-image: url('/resources/images_0005/extjsOverrides/icon-left.png');
}
.grid-row-RemoveButton {
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 16px;
  height: 16px;
  background-image: url('/resources/images_0005/soaicons/magenta/quick-subtract-16.png');
}
.grid-row-delete-disabled {
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 16px;
  height: 16px;
  background-image: url(/resources/images_0005/soaicons/grey-dark-blue-30/quick-subtract-16.png);
}
.grid-row-AddButton {
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 16px;
  height: 16px;
  background-image: url('/resources/images_0005/soaicons/bright-dull/quick-add-16.png');
}
.grid-row-AttachButton {
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 16px;
  height: 16px;
  background-image: url('/resources/images_0005/soaicons/grey-dark-blue-30/attachments-16.png');
  cursor: pointer;
}
.grid-row-AttachButton.selected {
  background-image: url('/resources/images_0005/soaicons/yellow/attachments-16.png');
}
.ext-el-mask {
  background-color: black;
}
.x-window-plain .x-progress-wrap,
body.x-body-masked .x-window-plain .x-progress-wrap {
  border-radius: 4px;
  /*.IEBorderRadius();*/

  border: 1px solid whitesmoke;
}
.x-window-plain .x-progress-wrap .x-progress-inner,
body.x-body-masked .x-window-plain .x-progress-wrap .x-progress-inner {
  background: white;
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0s linear 0s;
  -o-transition: width 0s linear 0s;
  -moz-transition: width 0s linear 0s;
  transition: width 0s linear;
}
.x-window-plain .x-progress-wrap .x-progress-inner .x-progress-bar,
body.x-body-masked .x-window-plain .x-progress-wrap .x-progress-inner .x-progress-bar {
  background: #255bc7;
}
.x-grid3-body-green-pill {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  line-height: 12px;
  letter-spacing: 1px;
  padding: 2px 7px;
  text-align: center;
  color: #50b848;
  border: 1px solid #50b848;
  border-radius: 3px;
  min-width: 65px;
}
.x-grid3-body-red-pill {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  line-height: 12px;
  letter-spacing: 1px;
  padding: 2px 7px;
  text-align: center;
  color: #d63f40;
  border: 1px solid #d63f40;
  border-radius: 3px;
  min-width: 65px;
}
.x-grid3-body-yellow-pill {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  line-height: 12px;
  letter-spacing: 1px;
  padding: 2px 7px;
  text-align: center;
  color: #ffab00;
  border: solid;
  border: 1px solid #ffab00;
  border-radius: 3px;
  min-width: 65px;
}
.x-grid3-history {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-image: url('/resources/images_0005/extjsOverrides/history.png');
}
.x-window-mc,
.x-window-mr,
.x-window-ml,
.x-window-tc,
.x-window-tr,
.x-window-tl,
.x-window-bc,
.x-window-br,
.x-window-bl,
.x-window-plain .x-window-body {
  background: #ebeced !important;
}
.x-window-mc {
  border: none;
}
.x-tool {
  background-image: url('/resources/images_0005/extjsOverrides/tool-sprites.gif');
}
.x-window-tl .x-window-header {
  color: #3c424f;
  font-size: 13px;
}
/*.x-btn {
    .x-btn-left,
    .x-btn-right {
        background: none;
    }

    .x-btn-center {
        background: none;

        button {
        }
    }
}*/

.x-tab-panel .x-panel {
  border-width: 0;
}
.x-panel {
  border-width: 1px;
  border-color: #ced0d3;
}
.x-panel.x-panel-noborder {
  border: 0;
}
.widget .x-panel {
  border-color: transparent;
}
.x-combo-list {
  border-color: #255bc7;
  background-color: white;
}
.x-combo-list .x-resizable-pinned .x-combo-list-inner {
  border-bottom-color: white;
}
.x-combo-list .x-combo-selected {
  background-color: #255bc7;
  border: 1px solid transparent !important;
  color: white;
}
.x-window-dlg .ext-mb-error {
  background-image: url('/resources/images_0005/extjsOverrides/window/icon-error.png');
}
.x-window-dlg .ext-mb-info {
  background-image: url('/resources/images_0005/extjsOverrides/window/icon-info.png');
}
.x-window-dlg .ext-mb-warning {
  background-image: url('/resources/images_0005/extjsOverrides/window/icon-warning.png');
}
.x-window-dlg .ext-mb-question {
  background-image: url('/resources/images_0005/extjsOverrides/window/icon-question.png');
}
.x-panel-btns-ct .x-panel-btns td.x-btn-center button.x-btn-text,
.x-date-bottom .x-btn-wrap.x-btn td.x-btn-center button.x-btn-text {
  color: white;
  font-weight: bold;
}
.x-panel-btns-ct .x-panel-btns td.x-btn-center button.x-btn-text:hover,
.x-date-bottom .x-btn-wrap.x-btn td.x-btn-center button.x-btn-text:hover {
  color: white;
}
.x-panel-btns-ct .x-panel-btns td:hover .x-btn-center,
.x-date-bottom .x-btn-wrap.x-btn td:hover .x-btn-center,
.x-panel-btns-ct .x-panel-btns td:hover .x-btn-left,
.x-date-bottom .x-btn-wrap.x-btn td:hover .x-btn-left,
.x-panel-btns-ct .x-panel-btns td:hover .x-btn-right,
.x-date-bottom .x-btn-wrap.x-btn td:hover .x-btn-right {
  background-color: #004089;
  border-color: #004089;
}
.x-panel-btns-ct .x-panel-btns td.x-btn-center,
.x-date-bottom .x-btn-wrap.x-btn td.x-btn-center,
.x-panel-btns-ct .x-panel-btns td.x-btn-left,
.x-date-bottom .x-btn-wrap.x-btn td.x-btn-left,
.x-panel-btns-ct .x-panel-btns td.x-btn-right,
.x-date-bottom .x-btn-wrap.x-btn td.x-btn-right {
  background-image: none;
  background-color: #255bc7;
}
.x-panel-btns-ct .x-panel-btns td.x-btn-left,
.x-date-bottom .x-btn-wrap.x-btn td.x-btn-left,
.x-panel-btns-ct .x-panel-btns td.x-btn-right,
.x-date-bottom .x-btn-wrap.x-btn td.x-btn-right {
  border: 1px solid #255bc7;
}
.x-panel-btns-ct .x-panel-btns td.x-btn-left,
.x-date-bottom .x-btn-wrap.x-btn td.x-btn-left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.x-panel-btns-ct .x-panel-btns td.x-btn-right,
.x-date-bottom .x-btn-wrap.x-btn td.x-btn-right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .x-date-picker {
    background: white;
  }
}
.x-menu .x-date-picker {
  border-color: #ced0d3;
}
.x-menu .x-date-picker .x-date-middle,
.x-menu .x-date-picker .x-date-left,
.x-menu .x-date-picker .x-date-right {
  background: none;
  background-color: #767a83;
}
.x-menu .x-date-picker .x-date-inner th {
  background-image: none;
  background-color: white;
  font-family: 'Lato', Segoe UI, Tahoma, Arial, sans-serif;
  color: #3c424f;
}
.x-menu .x-date-picker .x-date-inner td {
  border-color: white;
}
.x-menu .x-date-picker .x-date-inner .x-date-today a,
.x-menu .x-date-picker td.x-date-mp-sel a {
  border-color: #255bc7;
  background-color: #255bc7;
  background-image: none;
  color: white;
}
.x-menu .x-date-picker .x-date-inner .x-date-prevday a,
.x-menu .x-date-picker .x-date-inner .x-date-nextday a {
  visibility: hidden;
}
.x-menu .x-date-picker .x-date-mp-btns,
.x-menu .x-date-picker .x-date-bottom {
  background-image: none;
  border-top-color: #ced0d3;
  background-color: #767a83;
}
.x-tree-lines .x-tree-elbow {
  background-image: url(/resources/images_0005/extjsOverrides/tree/elbow.gif);
}
.x-tree-lines .x-tree-elbow-plus {
  background-image: url(/resources/images_0005/extjsOverrides/tree/elbow-plus.gif);
}
.x-tree-lines .x-tree-elbow-minus {
  background-image: url(/resources/images_0005/extjsOverrides/tree/elbow-minus.gif);
}
.x-tree-lines .x-tree-elbow-end {
  background-image: url(/resources/images_0005/extjsOverrides/tree/elbow-end.gif);
}
.x-tree-lines .x-tree-elbow-end-plus {
  background-image: url(/resources/images_0005/extjsOverrides/tree/elbow-end-plus.gif);
}
.x-tree-lines .x-tree-elbow-end-minus {
  background-image: url(/resources/images_0005/extjsOverrides/tree/elbow-end-minus.gif);
}
.x-tree-elbow-line {
  background-image: url(/resources/images_0005/extjsOverrides/tree/elbow-line.gif);
}
.x-tree-no-lines .x-tree-elbow-plus {
  background-image: url(/resources/images_0005/extjsOverrides/tree/elbow-plus-nl.gif);
}
.x-tree-no-lines .x-tree-elbow-minus {
  background-image: url(/resources/images_0005/extjsOverrides/tree/elbow-minus-nl.gif);
}
.x-tree-no-lines .x-tree-elbow-end-plus {
  background-image: url(/resources/images_0005/extjsOverrides/tree/elbow-end-plus-nl.gif);
}
.x-tree-no-lines .x-tree-elbow-end-minus {
  background-image: url(/resources/images_0005/extjsOverrides/tree/elbow-end-minus-nl.gif);
}
.disable-click {
  pointer-events: none;
  background-color: #dbdcde !important;
}
.copilot-email-signature-scope {
  --bg: #f4f5f7;
  --panel: white;
  --line: #d9dde3;
  --text: #222222;
  --muted: #6b7280;
  --chip: #f3f4f6;
  --chipText: #2b3440;
  --primary: #2563eb;
  --primary2: #1d4ed8;
  --btn: #f3f4f6;
  --shadow: 0 14px 40px rgba(0, 0, 0, 0.18);
  font-family: Lato,Segoe UI,Roboto,Helvetica,Arial;
  color: var(--text);
  padding: 8px 18px 12px;
}
.copilot-email-signature-scope {
  width: 630px;
}
.copilot-email-signature-scope.modal-medium {
  width: 670px;
}
/* ============================= */

/* Layout System                 */

/* ============================= */

.copilot-email-signature-scope .form-grid {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 10px 12px;
  align-items: center;
}
.copilot-email-signature-scope .x-form-field-wrap {
  max-width: 320px !important;
}
.copilot-email-signature-scope .x-form-text {
  max-width: 240px !important;
}
.copilot-email-signature-scope .x-form-trigger {
  height: 23px !important;
}
.copilot-email-signature-scope .label {
  font-size: 12px;
  color: #333333;
  font-weight: 600;
}
.copilot-email-signature-scope .field {
  display: flex;
  flex-direction: column;
}
.copilot-email-signature-scope .help {
  font-size: 12px;
  color: var(--muted);
  margin-top: 2px;
}
/* Checkbox row */

.copilot-email-signature-scope .checkbox {
  display: flex;
  font-size: 12px;
  color: #333333;
}
/* ============================= */

/* Inputs (ExtJS Mapping)        */

/* ============================= */

.copilot-email-signature-scope .x-form-textarea {
  width: 100% !important;
  border: 1px solid var(--line) !important;
  border-radius: 5px !important;
  padding: 5px 7px !important;
  font-size: 12px !important;
  background: white !important;
  outline: none !important;
}
/* Focus */

.copilot-email-signature-scope .x-form-text:focus,
.copilot-email-signature-scope .x-form-textarea:focus {
  border-color: #9bb7ff !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
}
/* ============================= */

/* Checkbox (ExtJS Mapping)      */

/* ============================= */

.copilot-email-signature-scope .x-form-checkbox {
  width: 24px !important;
  height: 32px !important;
  accent-color: var(--primary);
}
/* ============================= */

/* Chips System                  */

/* ============================= */

.copilot-email-signature-scope .chip-input {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 8px 10px;
  background: white;
  min-height: 42px;
}
.copilot-email-signature-scope .chip {
  display: inline-flex;
  align-items: center;
  padding: 3px 7px;
  background: var(--chip);
  border: 2px solid #d9dde3;
  border-radius: 5px;
  font-size: 11px;
  color: var(--chipText);
  white-space: nowrap;
}
.copilot-email-signature-scope .chip button {
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 11px;
  color: #667085;
  padding: 0;
  line-height: 1;
}
.copilot-email-signature-scope .chip-input input {
  border: 0;
  outline: none;
  padding: 6px 4px;
  flex: 1;
  min-width: 160px;
  font-size: 11px;
}
/* ============================= */

/* Buttons (ExtJS Mapping)       */

/* ============================= */

.copilot-email-signature-scope .x-btn,
.copilot-email-signature-scope .btn {
  border: 1px solid var(--line) !important;
  background: var(--btn) !important;
  padding: 6px 9px !important;
  border-radius: 5px !important;
  font-size: 11px !important;
  cursor: pointer;
  color: #222222 !important;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.copilot-email-signature-scope .btn-save {
  background: var(--primary) !important;
  border-color: var(--primary 2) !important;
}
.copilot-email-signature-scope .btn-save .x-btn-inner {
  color: white !important;
}
.copilot-email-signature-scope .btn-save:hover {
  background: var(--primary 2) !important;
}
.copilot-email-signature-scope .btn-cancel {
  background: white !important;
}
/* ============================= */

/* Badges / Icons                */

/* ============================= */

.copilot-email-signature-scope .copilot-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #f59e0b;
  color: white;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 1;
  pointer-events: none;
}
.copilot-email-signature-scope .caret {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #555555;
  margin-left: 2px;
}
/* ============================= */

/* Editor System                 */

/* ============================= */

.copilot-email-signature-scope .editor-wrap {
  grid-column: -1;
  margin-top: 6px;
}
.copilot-email-signature-scope .editor-label {
  font-size: 12px;
  color: #333333;
  margin-bottom: 8px;
  font-weight: 600;
  padding-top: 20px;
}
.copilot-email-signature-scope .editor-label.nopadding {
  padding: 0px !important;
}
.copilot-email-signature-scope .editor {
  border: 1px solid var(--line);
  border-radius: 5px;
  overflow: visible;
  margin-bottom: 10px;
  background: white;
}
.copilot-email-signature-scope .editor-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 10px 6px;
  border-bottom: 1px solid var(--line);
  background: #fbfbff;
  flex-wrap: wrap;
}
/* Left group */

.copilot-email-signature-scope .toolbar-left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
  white-space: nowrap;
}
/* Generate button container */

.copilot-email-signature-scope .generate-wrap {
  margin-left: 8px;
}
.copilot-email-signature-scope .toolbar-title {
  font-size: 12px;
  color: var(--muted);
  padding-top: 10px;
  padding-left: 10px;
}
.copilot-email-signature-scope .side-label {
  font-size: 12px;
  font-weight: 600;
  padding-top: 6px;
  padding-right: 5px;
}
.copilot-email-signature-scope .editor-body {
  padding: 12px 12px 12px;
  min-height: 200px;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 12px;
  line-height: 1.45;
}
.copilot-email-signature-scope .muted-note {
  font-size: 11px;
  color: var(--muted);
  margin-top: 10px;
}
.copilot-email-signature-scope .muted-note a {
  color: var(--primary);
  text-decoration: none;
}
.copilot-email-signature-scope .muted-note a:hover {
  text-decoration: underline;
}
/* ============================= */

/* Unified Dropdown (.cd)        */

/* ============================= */

.copilot-email-signature-scope .cd {
  position: relative;
  width: auto;
  display: flex;
}
.copilot-email-signature-scope .cd-btn {
  width: 100%;
  justify-content: space-between;
  background: white;
  display: flex;
  align-items: center;
}
.copilot-email-signature-scope .cd[data-name="length"] .cd-control {
  width: 80px;
}
.copilot-email-signature-scope .cd[data-name="tone"] .cd-control {
  width: 100px;
}
.copilot-email-signature-scope #dataFieldsCd .cd-control {
  width: 120px;
}
.copilot-email-signature-scope .cd-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.copilot-email-signature-scope .cd-panel {
  position: absolute;
  top: calc(104%);
  left: 0;
  width: 100%;
  background: white;
  border: 1px solid var(--line);
  border-radius: 5px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
  padding: 8px;
  display: none;
  z-index: 80;
  box-sizing: border-box;
}
.copilot-email-signature-scope .cd.open .cd-panel {
  display: block;
}
.copilot-email-signature-scope .select-data .cd.open .cd-panel {
  width: 170px;
}
.copilot-email-signature-scope .cd-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.copilot-email-signature-scope .cd-control {
  position: relative;
  width: 100%;
}
.copilot-email-signature-scope .cd-list {
  max-height: 180px;
  overflow-y: auto;
  border: 1px solid #eef0f3;
  border-radius: 6px;
  padding: 6px;
}
.copilot-email-signature-scope .cd-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px;
  cursor: pointer;
  font-size: 11px;
  color: #1f2937;
}
.copilot-email-signature-scope .cd-item:hover {
  background: #f6f8ff;
}
.copilot-email-signature-scope .cd-item.active {
  background: #e9efff;
  color: #1e40af;
}
/* ============================= */

/* Footer                        */

/* ============================= */

.modal-footer {
  display: flex;
  justify-content: center;
  padding: 12px 18px 16px;
  border-top: 1px solid var(--line);
}
.modal-footer.btnemailtemplate {
  width: 630px;
}
.copilot-email-signature-scope .btn-footer {
  min-width: 90px;
  justify-content: center;
}
.copilot-email-signature-scope .btn,
.copilot-email-signature-scope .cd {
  flex-shrink: 0;
}
/* Left vertical accent bar */

.copilot-email-signature-scope .editor-gradient {
  position: relative;
}
.copilot-email-signature-scope .editor-gradient::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(to bottom, #22c55e, #3b82f6/* green */, #8b5cf6/* blue *//* purple */);
  border-top-left-radius: 12px;
}
.copilot-email-signature-scope.scope-inline {
  width: auto;
  max-width: none;
  display: inline-block;
  padding: 0;
}
.copilot-email-signature-scope .btn-ai {
  position: static;
  background: white;
  border: 2px solid transparent;
  border-radius: 6px;
  padding: 6px 9px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  height: 34px;
  line-height: 1;
  white-space: nowrap;
  /* Gradient border */
  background-image: linear-gradient(white, white), linear-gradient(90deg, #22c55e, #3b82f6, #8b5cf6);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  transition: all .2s ease;
}
.copilot-email-signature-scope .ai-star {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
  background-image: url('/Content/images/ai-sparkle.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.copilot-email-signature-scope .btn-ai:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}
.copilot-email-signature-scope .btn-ai:active {
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.copilot-email-signature-scope .btn-generate {
  font-size: 11px;
  font-weight: 600;
  color: #2563eb;
  margin-left: 20px;
  height: 30px !important;
}
.copilot-email-signature-scope .btn-add-signature {
  font-size: 14px;
  font-weight: bold;
  height: 28px;
  display: inline-block;
  color: #255bc7;
  padding: 0px 10px;
  border-radius: 4px;
  border: 2px solid transparent;
  box-shadow: none;
  line-height: 26px;
}
.copilot-email-signature-scope .btn-add-signature:hover,
.copilot-email-signature-scope .btn-add-signature:active {
  box-shadow: none;
  transform: none;
}
.copilot-email-signature-scope .btn-add-signature .ai-star {
  vertical-align: text-top;
}
.copilot-email-signature-scope .editor-body p {
  margin-bottom: 9px;
}
.customer-statement-copilot.copilot-email-signature-scope {
  padding: 0;
  width: auto;
  max-width: none;
  display: inline-block;
}
.customer-statement-copilot.copilot-email-signature-scope .editor-wrap {
  width: 680px;
  margin-top: 0;
}
.customer-statement-copilot.copilot-email-signature-scope .editor {
  margin-bottom: 10px;
}
.customer-statement-copilot.copilot-email-signature-scope .editor-toolbar,
.customer-statement-copilot.copilot-email-signature-scope .toolbar-left {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.customer-statement-copilot.copilot-email-signature-scope .editor-toolbar {
  padding: 10px 14px 10px 10px;
}
.customer-statement-copilot.copilot-email-signature-scope .toolbar-left {
  width: 100%;
  gap: 12px;
}
.customer-statement-copilot.copilot-email-signature-scope .cd {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.customer-statement-copilot.copilot-email-signature-scope .cd-control {
  display: inline-block;
  position: relative;
  flex-shrink: 0;
}
.customer-statement-copilot.copilot-email-signature-scope .cd[data-name="length"] .cd-control {
  width: 95px;
}
.customer-statement-copilot.copilot-email-signature-scope .cd[data-name="tone"] .cd-control {
  width: 125px;
}
.customer-statement-copilot.copilot-email-signature-scope #dataFieldsCd .cd-control {
  width: 150px;
}
.customer-statement-copilot.copilot-email-signature-scope .cd-btn {
  width: 100%;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  overflow: visible;
}
.customer-statement-copilot.copilot-email-signature-scope .cd-label {
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
  max-width: none;
  flex: 0 0 auto;
}
.customer-statement-copilot.copilot-email-signature-scope .caret {
  flex: 0 0 auto;
  align-self: center;
  float: none;
  margin-top: 0;
  margin-left: 8px;
}
.customer-statement-copilot.copilot-email-signature-scope .generate-wrap {
  margin-left: 8px;
  padding-right: 10px;
  flex-shrink: 0;
}
.customer-statement-copilot.copilot-email-signature-scope .btn-generate {
  min-width: 132px;
  height: 30px !important;
  margin-left: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.customer-statement-copilot.copilot-email-signature-scope #dataFieldsCd .cd-panel {
  width: 170px;
  padding: 8px;
}
.customer-statement-copilot.copilot-email-signature-scope #dataFieldsCd .cd-list {
  border: 1px solid #eef0f3;
  border-radius: 6px;
  padding: 8px 10px;
  background: white;
  max-height: 180px;
  overflow-y: auto;
}
.customer-statement-copilot.copilot-email-signature-scope .cd-check-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  margin: 0;
  cursor: pointer;
  background: transparent;
  color: #222222;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.35;
  user-select: none;
}
.customer-statement-copilot.copilot-email-signature-scope .cd-check-row:hover {
  background: transparent;
}
.customer-statement-copilot.copilot-email-signature-scope .data-field-checkbox {
  width: 14px;
  height: 14px;
  margin: 0;
  flex: 0 0 14px;
  cursor: pointer;
  accent-color: #2f6fdd;
}
.customer-statement-copilot.copilot-email-signature-scope .cd-check-text {
  color: #222222;
  font-size: 11px;
  line-height: 1.35;
  white-space: nowrap;
}
.customer-statement-copilot.copilot-email-signature-scope .cd-empty {
  padding: 7px 10px;
  color: #6b7280;
  font-size: 11px;
  cursor: default;
  white-space: nowrap;
}
.customer-statement-copilot.copilot-email-signature-scope .editor-body .placeholder-chip {
  display: inline-block;
  padding: 2px 8px;
  margin: 0 1px;
  border: 1px solid #d8dde6;
  border-radius: 4px;
  background: #f4f6f8;
  color: #374151;
  font-size: 12px;
  line-height: 1.35;
  white-space: nowrap;
  vertical-align: baseline;
}
.customer-statement-copilot.copilot-email-signature-scope .editor-body .placeholder-chip[contenteditable="false"] {
  cursor: default;
}
.customer-statement-copilot.copilot-email-signature-scope .email-hidden-textarea {
  display: none;
}
.customer-statement-copilot.copilot-email-signature-scope .copilot-status {
  display: none;
  margin: 10px 12px 0 12px;
  padding: 8px 10px;
  border-radius: 3px;
  font-size: 12px;
}
.customer-statement-copilot.copilot-email-signature-scope .copilot-status-error {
  display: block;
  border: 1px solid #f3b6b6;
  background: #fff5f5;
  color: #991b1b;
}
.customer-statement-copilot.copilot-email-signature-scope .copilot-status-info {
  display: block;
  border: 1px solid #bfdbfe;
  background: #eff6ff;
  color: #1e3a8a;
}
.customer-statement-copilot.copilot-email-signature-scope .btn-disabled {
  background: #f3f4f6 !important;
  border-color: #d1d5db !important;
  color: #9ca3af !important;
  cursor: not-allowed;
}
.customer-statement-copilot.copilot-email-signature-scope .btn-busy {
  background: #f8fafc !important;
  border-color: #35a852 !important;
  color: #3557d6 !important;
  cursor: progress;
}
/* Customer Statement email form: match legacy label positioning and keep labels normal weight */

.statement-email-shell {
  margin-top: 25px;
  width: 100%;
}
.statement-email-layout {
  margin-top: 10px;
  border-collapse: collapse;
}
.statement-email-layout > tbody > tr > td,
.statement-email-layout > tr > td {
  padding: 0 0 6px 0;
}
.statement-email-label,
.statement-email-label label,
.statement-email-label span {
  font-weight: normal !important;
  color: black !important;
}
.statement-email-label {
  width: 120px;
  text-align: right;
  vertical-align: top !important;
  padding-top: 4px !important;
  line-height: 21px;
  white-space: nowrap;
}
.statement-email-spacer {
  width: 5px;
  padding: 0 !important;
}
.statement-email-field {
  text-align: left;
  vertical-align: top !important;
}
.statement-email-field table {
  border-collapse: collapse;
}
.statement-email-field table td {
  padding-bottom: 0 !important;
}
.statement-email-field .infoLiteral {
  vertical-align: middle;
}
.statement-email-field .x-form-text,
.statement-email-field input.x-form-text {
  height: 21px !important;
  line-height: 21px !important;
}
.statement-email-field .x-form-field-wrap .x-form-trigger {
  height: 23px !important;
}
.statement-email-inline-field {
  white-space: nowrap;
}
.statement-email-inline-field .x-form-field-wrap,
.statement-email-inline-field .x-form-text,
.statement-email-inline-field select,
.statement-email-inline-field input {
  display: inline-block;
  vertical-align: middle;
}
.statement-email-help {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  padding-left: 0 !important;
}
.statement-email-label-middle {
  vertical-align: middle !important;
  padding-top: 0 !important;
}
.statement-email-checkbox-row {
  display: flex;
  align-items: center;
}
.statement-email-checkbox-row .x-form-check-wrap,
.statement-email-checkbox-row .x-form-check-wrap-inner {
  display: inline-flex;
  align-items: center;
  margin: 0;
}
.statement-email-checkbox-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  padding-left: 0 !important;
  line-height: 21px;
  font-family: Lato, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: black !important;
  opacity: 1 !important;
  -moz-opacity: 1 !important;
  filter: none !important;
}
.statement-email-checkbox-row .statement-email-checkbox-text,
.statement-email-checkbox-row span.statement-email-checkbox-text {
  font-weight: 400 !important;
  color: black !important;
}
.document-report-email-table .document-report-copilot-row > td,
.document-report-email-table .document-report-message-row > td {
  padding-top: 0;
  padding-bottom: 0;
}
.document-report-email-table .document-report-message-cell {
  vertical-align: top;
}
.document-report-copilot.copilot-email-signature-scope {
  width: 583px;
  max-width: 583px;
  display: block;
  padding: 0;
  margin: 0 0 0 0;
}
.document-report-copilot.copilot-email-signature-scope .document-report-copilot-box {
  position: relative;
  width: 583px;
  max-width: 583px;
  box-sizing: border-box;
  border: 1px solid #d9dde3;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  background: white;
  overflow: visible;
}
.document-report-copilot.copilot-email-signature-scope .document-report-copilot-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, #22c55e, #3b82f6, #8b5cf6);
  border-top-left-radius: 3px;
}
.document-report-copilot.copilot-email-signature-scope .document-report-copilot-title {
  padding: 7px 9px 5px 11px;
  font-size: 11px;
  font-weight: 400;
  color: #6b7280;
  line-height: 14px;
}
.document-report-copilot.copilot-email-signature-scope .document-report-copilot-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 9px 8px 11px;
  flex-wrap: nowrap;
  white-space: nowrap;
  box-sizing: border-box;
}
.document-report-copilot.copilot-email-signature-scope .cd {
  display: inline-flex;
  align-items: center;
  position: relative;
  flex-shrink: 0;
  width: auto;
}
.document-report-copilot.copilot-email-signature-scope .side-label {
  font-size: 11px;
  font-weight: 600;
  color: #222222;
  padding: 0 5px 0 0;
  line-height: 23px;
}
.document-report-copilot.copilot-email-signature-scope .cd[data-name="length"] .cd-control {
  width: 78px;
}
.document-report-copilot.copilot-email-signature-scope .cd[data-name="tone"] .cd-control {
  width: 105px;
}
.document-report-copilot.copilot-email-signature-scope .cd-control {
  position: relative;
  flex-shrink: 0;
}
.document-report-copilot.copilot-email-signature-scope .cd-btn {
  width: 100%;
  min-width: 0;
  height: 25px;
  padding: 4px 7px !important;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  background: #f7f8fa !important;
  border: 1px solid #d9dde3 !important;
  border-radius: 3px !important;
  box-sizing: border-box;
}
.document-report-copilot.copilot-email-signature-scope .cd-label {
  font-size: 11px;
  color: #111827;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.document-report-copilot.copilot-email-signature-scope .caret {
  flex: 0 0 auto;
  margin-left: 6px;
  margin-top: 0;
}
.document-report-copilot.copilot-email-signature-scope .cd-panel {
  width: 100%;
  min-width: 100%;
  z-index: 100;
}
.document-report-copilot.copilot-email-signature-scope .cd-list {
  max-height: 140px;
}
.document-report-copilot.copilot-email-signature-scope .generate-wrap {
  margin-left: 12px;
  flex-shrink: 0;
}
.document-report-copilot.copilot-email-signature-scope .btn-generate {
  height: 27px !important;
  min-width: 130px;
  margin-left: 0;
  padding: 5px 9px !important;
  font-size: 11px;
  font-weight: 600;
  color: #255bc7;
}
.document-report-message-cell textarea.x-form-field,
.document-report-message-cell textarea.x-form-textarea,
.document-report-message-cell .x-form-textarea {
  width: 583px !important;
  height: 140px !important;
  box-sizing: border-box;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.document-report-copilot-status {
  width: 583px;
  box-sizing: border-box;
  margin: 6px 0 0 0 !important;
}
.document-report-copilot-progress {
  width: 583px;
  box-sizing: border-box;
  margin: 6px 0 0 0;
  font-size: 11px;
  color: #6b7280;
}
.document-report-email-table .document-report-message-label-cell {
  vertical-align: top !important;
  padding-top: 8px !important;
}
.document-report-email-table .document-report-actions-row > td {
  padding-top: 18px;
}
.document-report-email-table.report {
  margin-left: 20px;
}
.document-report-email-table.report .cellStyle {
  width: 442px;
}
.document-report-ai-notice {
  width: 583px;
  box-sizing: border-box;
  margin-top: 8px;
  font-size: 11px;
  line-height: 16px;
  color: #4b5563;
}
.document-report-ai-notice a {
  color: #0645ad;
  text-decoration: none;
}
.document-report-ai-notice a:hover {
  text-decoration: underline;
}
.document-report-actions {
  width: 583px;
  text-align: center;
}
.document-report-actions .x-btn,
.document-report-actions table.x-btn {
  display: inline-block;
  margin: 0 4px;
}
.report-print-email-page .report-print-email-table {
  width: auto !important;
  border-collapse: collapse;
}
.report-print-email-page .report-print-email-label {
  text-align: right;
  width: 120px;
  vertical-align: top;
  padding-top: 4px;
  white-space: nowrap;
  font-weight: normal !important;
}
.report-print-email-page .report-print-email-spacer {
  width: 5px;
}
.report-print-email-page .report-print-email-field {
  text-align: left;
  vertical-align: top;
}
/* Attachment row - textbox stays aligned, dropdown moved further right */

.report-print-email-page .report-print-email-attachment-wrap {
  width: 645px;
  *width: 645px;
  overflow: visible;
  clear: both;
}
.report-print-email-copilot.no-data-fields .btn-generate {
  margin-left: 22px;
}
.report-print-email-page .report-print-email-attachment-text {
  width: 400px;
  *width: 400px;
  min-height: 23px;
  padding: 1px 3px;
  border: 1px solid #b5b8c8;
  color: #b6b6b6;
  background-color: white;
  cursor: default;
  float: left;
  box-sizing: border-box;
  line-height: 19px;
}
.report-print-email-page .report-print-email-attachment-button {
  float: left;
  margin-left: 110px;
  margin-right: 0;
  position: relative;
  top: 0;
}
.report-print-email-page #btnAttachmentsMenu {
  width: 135px;
}
.report-print-email-page #btnAttachmentsMenu div.btn.c10 {
  margin-left: 0;
}
.report-print-email-page .report-print-email-attachment-button .processingDropdownMenu {
  margin-left: 0;
}
.report-print-email-page .report-print-email-message-cell {
  text-align: left;
  vertical-align: top;
  padding-top: 10px;
}
.report-print-email-page .report-print-email-copilot.copilot-email-signature-scope {
  width: 630px;
  max-width: 630px;
  padding: 0;
  margin: 0;
  display: block;
}
.report-print-email-page .report-print-email-copilot .editor-wrap {
  width: 630px;
  margin-top: 0;
}
.report-print-email-page .report-print-email-copilot .editor {
  width: 630px;
  margin-bottom: 10px;
}
.report-print-email-page .report-print-email-copilot .editor-label.nopadding {
  padding: 0 !important;
  margin: 0 0 8px 0;
  font-weight: 600;
}
.report-print-email-page .report-print-email-copilot .editor-toolbar,
.report-print-email-page .report-print-email-copilot .toolbar-left {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.report-print-email-page .report-print-email-copilot .editor-toolbar {
  padding: 10px 14px 10px 10px;
}
.report-print-email-page .report-print-email-copilot .toolbar-left {
  width: 100%;
  gap: 12px;
}
.report-print-email-page .report-print-email-copilot .btn-generate {
  margin-left: 0;
}
.report-print-email-page .report-print-email-customer-zone-cell,
.report-print-email-page .report-print-email-customer-zone-text {
  text-align: left;
  padding-top: 18px;
}
.report-print-email-page #tblNavigation.report-print-email-actions {
  width: 630px;
  margin-left: 125px;
  margin-right: 0;
}
.report-print-email-page #tblNavigation.report-print-email-actions td {
  text-align: center;
}
