/* ============= - ================= */
:root {
    --eds-width-050: 2px;
    --eds-width-025: 1px;
    --eds-width-32: 128px;
    --eds-width-28: 112px;
    --eds-width-24: 96px;
    --eds-width-20: 80px;
    --eds-width-16: 64px;
    --eds-width-12: 48px;
    --eds-width-10: 40px;
    --eds-width-8: 32px;
    --eds-width-7: 28px;
    --eds-width-6: 24px;
    --eds-width-5: 20px;
    --eds-width-4: 16px;
    --eds-width-3: 12px;
    --eds-width-2: 8px;
    --eds-width-1: 4px;
    --purple-alpha-16: rgba(77, 44, 147, 0.9);
    --purple-alpha-15: rgba(77, 44, 147, 0.81);
    --purple-alpha-14: rgba(77, 44, 147, 0.71);
    --purple-alpha-13: rgba(77, 44, 147, 0.62);
    --purple-alpha-12: rgba(77, 44, 147, 0.45);
    --purple-alpha-11: rgba(77, 44, 147, 0.28);
    --purple-alpha-10: rgba(77, 44, 147, 0.2);
    --purple-alpha-9: rgba(77, 44, 147, 0.16);
    --purple-alpha-8: rgba(77, 44, 147, 0.11);
    --purple-alpha-7: rgba(77, 44, 147, 0.08);
    --purple-alpha-6: rgba(77, 44, 147, 0.06);
    --purple-alpha-5: rgba(77, 44, 147, 0.05);
    --purple-alpha-4: rgba(77, 44, 147, 0.03);
    --purple-alpha-3: rgba(77, 44, 147, 0.02);
    --purple-alpha-2: rgba(77, 44, 147, 0.01);
    --purple-alpha-1: rgba(77, 44, 147, 0);
    --cyan-alpha-16: rgba(0, 159, 227, 0.9);
    --cyan-alpha-15: rgba(0, 159, 227, 0.81);
    --cyan-alpha-14: rgba(0, 159, 227, 0.71);
    --cyan-alpha-13: rgba(0, 159, 227, 0.62);
    --cyan-alpha-12: rgba(0, 159, 227, 0.45);
    --cyan-alpha-11: rgba(0, 159, 227, 0.28);
    --cyan-alpha-10: rgba(0, 159, 227, 0.2);
    --cyan-alpha-9: rgba(0, 159, 227, 0.16);
    --cyan-alpha-8: rgba(0, 159, 227, 0.11);
    --cyan-alpha-7: rgba(0, 159, 227, 0.08);
    --cyan-alpha-6: rgba(0, 159, 227, 0.06);
    --cyan-alpha-5: rgba(0, 159, 227, 0.05);
    --cyan-alpha-4: rgba(0, 159, 227, 0.03);
    --cyan-alpha-3: rgba(0, 159, 227, 0.02);
    --cyan-alpha-2: rgba(0, 159, 227, 0.01);
    --cyan-alpha-1: rgba(0, 159, 227, 0);
    --magenta-alpha-16: rgba(216, 42, 100, 0.9);
    --magenta-alpha-15: rgba(216, 42, 100, 0.81);
    --magenta-alpha-14: rgba(216, 42, 100, 0.71);
    --magenta-alpha-13: rgba(216, 42, 100, 0.62);
    --magenta-alpha-12: rgba(216, 42, 100, 0.45);
    --magenta-alpha-11: rgba(216, 42, 100, 0.28);
    --magenta-alpha-10: rgba(216, 42, 100, 0.2);
    --magenta-alpha-9: rgba(216, 42, 100, 0.16);
    --magenta-alpha-8: rgba(216, 42, 100, 0.11);
    --magenta-alpha-7: rgba(216, 42, 100, 0.08);
    --magenta-alpha-6: rgba(216, 42, 100, 0.06);
    --magenta-alpha-5: rgba(216, 42, 100, 0.05);
    --magenta-alpha-4: rgba(216, 42, 100, 0.03);
    --magenta-alpha-3: rgba(216, 42, 100, 0.02);
    --magenta-alpha-2: rgba(216, 42, 100, 0.01);
    --magenta-alpha-1: rgba(216, 42, 100, 0);
    --red-base: #ee3b3bff;
    --red-20: #291616ff;
    --red-19: #3c1c1cff;
    --red-18: #502020ff;
    --red-17: #652424ff;
    --red-16: #7a2727ff;
    --red-15: #912929ff;
    --red-14: #a72b2bff;
    --red-13: #be2d2dff;
    --red-12: #d43131ff;
    --red-11: #e93737ff;
    --red-10: #ed5353ff;
    --red-9: #eb6d6dff;
    --red-8: #e98585ff;
    --red-7: #e69999ff;
    --red-6: #e4adadff;
    --red-5: #e4bfbfff;
    --red-4: #e6d3d3ff;
    --red-3: #ede7e7ff;
    --red-2: #f7f6f6ff;
    --red-1: #fcfcfcff;
    --purple-base: #4d2c93ff;
    --purple-20: #1d1928ff;
    --purple-19: #27213cff;
    --purple-18: #332851ff;
    --purple-17: #3f2f69ff;
    --purple-16: #4b3583ff;
    --purple-15: #593b9eff;
    --purple-14: #6641baff;
    --purple-13: #724bccff;
    --purple-12: #7d5ad4ff;
    --purple-11: #8769d9ff;
    --purple-10: #9278dcff;
    --purple-9: #9c88ddff;
    --purple-8: #a797ddff;
    --purple-7: #b2a6ddff;
    --purple-6: #bdb5deff;
    --purple-5: #c9c4dfff;
    --purple-4: #d8d5e4ff;
    --purple-3: #e8e7ecff;
    --purple-2: #f6f6f7ff;
    --purple-1: #fcfcfcff;
    --grey-base: #898989ff;
    --grey-20: #1b1b1bff;
    --grey-19: #252525ff;
    --grey-18: #2f2f2fff;
    --grey-17: #393939ff;
    --grey-16: #444444ff;
    --grey-15: #4f4f4fff;
    --grey-14: #5a5a5aff;
    --grey-13: #656565ff;
    --grey-12: #717171ff;
    --grey-11: #7c7c7cff;
    --grey-10: #888888ff;
    --grey-9: #949494ff;
    --grey-8: #a1a1a1ff;
    --grey-7: #adadadff;
    --grey-6: #bababaff;
    --grey-5: #c7c7c7ff;
    --grey-4: #d7d7d7ff;
    --grey-3: #e8e8e8ff;
    --grey-2: #f6f6f6ff;
    --grey-1: #fcfcfcff;
    --pink-base: #ffad9fff;
    --pink-20: #271815ff;
    --pink-19: #381e19ff;
    --pink-18: #4b241bff;
    --pink-17: #5f2a1cff;
    --pink-16: #722f1bff;
    --pink-15: #873418ff;
    --pink-14: #9c3a12ff;
    --pink-13: #b1400aff;
    --pink-12: #c64601ff;
    --pink-11: #da4e01ff;
    --pink-10: #ec570fff;
    --pink-9: #fa652eff;
    --pink-8: #f67e62ff;
    --pink-7: #f29584ff;
    --pink-6: #edaa9fff;
    --pink-5: #eabdb6ff;
    --pink-4: #e9d2cfff;
    --pink-3: #eee6e5ff;
    --pink-2: #f7f6f6ff;
    --pink-1: #fcfcfcff;
    --orange-base: #ffb800ff;
    --orange-20: #201b15ff;
    --orange-19: #2d2419ff;
    --orange-18: #3a2d1bff;
    --orange-17: #48361cff;
    --orange-16: #57401bff;
    --orange-15: #664a18ff;
    --orange-14: #755412ff;
    --orange-13: #845e09ff;
    --orange-12: #946901ff;
    --orange-11: #a37401ff;
    --orange-10: #b17f0fff;
    --orange-9: #bf8b23ff;
    --orange-8: #cd9838ff;
    --orange-7: #d9a44fff;
    --orange-6: #e4b267ff;
    --orange-5: #ecc087ff;
    --orange-4: #ead4bcff;
    --orange-3: #eee7e0ff;
    --orange-2: #f7f6f5ff;
    --orange-1: #fcfcfcff;
    --navy-base: #0f1522ff;
    --navy-20: #1a1b20ff;
    --navy-19: #22252eff;
    --navy-18: #2a2f3cff;
    --navy-17: #32394cff;
    --navy-16: #39445cff;
    --navy-15: #414e6cff;
    --navy-14: #49597dff;
    --navy-13: #52658eff;
    --navy-12: #5b709fff;
    --navy-11: #657cafff;
    --navy-10: #6f88beff;
    --navy-9: #8094c3ff;
    --navy-8: #91a1c8ff;
    --navy-7: #a2adccff;
    --navy-6: #b2bad1ff;
    --navy-5: #c2c7d7ff;
    --navy-4: #d4d7dfff;
    --navy-3: #e7e8ebff;
    --navy-2: #f6f6f7ff;
    --navy-1: #fcfcfcff;
    --magenta-base: #d82a64ff;
    --magenta-20: #28161aff;
    --magenta-19: #3b1c23ff;
    --magenta-18: #4e202bff;
    --magenta-17: #642334ff;
    --magenta-16: #79253cff;
    --magenta-15: #902645ff;
    --magenta-14: #a7264eff;
    --magenta-13: #bd2758ff;
    --magenta-12: #d32962ff;
    --magenta-11: #e92e6cff;
    --magenta-10: #f14779ff;
    --magenta-9: #ef6789ff;
    --magenta-8: #ec8098ff;
    --magenta-7: #e996a7ff;
    --magenta-6: #e7aab6ff;
    --magenta-5: #e5bdc4ff;
    --magenta-4: #e7d2d6ff;
    --magenta-3: #ede6e8ff;
    --magenta-2: #f7f6f6ff;
    --magenta-1: #fcfcfcff;
    --green-base: #5ccc7aff;
    --green-20: #171d18ff;
    --green-19: #1c281fff;
    --green-18: #213325ff;
    --green-17: #253f2bff;
    --green-16: #294b31ff;
    --green-15: #2c5837ff;
    --green-14: #2f653cff;
    --green-13: #327243ff;
    --green-12: #377f4aff;
    --green-11: #3d8c52ff;
    --green-10: #45995bff;
    --green-9: #51a666ff;
    --green-8: #5eb273ff;
    --green-7: #6fbf82ff;
    --green-6: #81cb92ff;
    --green-5: #96d6a4ff;
    --green-4: #b2e3bcff;
    --green-3: #daeddeff;
    --green-2: #f5f7f5ff;
    --green-1: #fcfcfcff;
    --cyan-base: #00deffff;
    --cyan-20: #161d1fff;
    --cyan-19: #1b272bff;
    --cyan-18: #1e3238ff;
    --cyan-17: #1f3e45ff;
    --cyan-16: #1e4953ff;
    --cyan-15: #1b5662ff;
    --cyan-14: #156271ff;
    --cyan-13: #0c6f80ff;
    --cyan-12: #027c8fff;
    --cyan-11: #02899eff;
    --cyan-10: #1295acff;
    --cyan-9: #28a2b9ff;
    --cyan-8: #3eafc6ff;
    --cyan-7: #56bbd2ff;
    --cyan-6: #6fc7dcff;
    --cyan-5: #8ad2e6ff;
    --cyan-4: #b9dde9ff;
    --cyan-3: #dfeaeeff;
    --cyan-2: #f5f7f7ff;
    --cyan-1: #fcfcfcff;
    --orange-kb4-base: #f26724ff;
    --orange-kb4-1: #da5d20ff;
    --orange-kb4-2: #c2521dff;
    --navy-alpha-16: rgba(15, 21, 34, 0.9);
    --navy-alpha-15: rgba(15, 21, 34, 0.81);
    --navy-alpha-14: rgba(15, 21, 34, 0.71);
    --navy-alpha-13: rgba(15, 21, 34, 0.62);
    --navy-alpha-12: rgba(15, 21, 34, 0.45);
    --navy-alpha-11: rgba(15, 21, 34, 0.28);
    --navy-alpha-10: rgba(15, 21, 34, 0.2);
    --navy-alpha-9: rgba(15, 21, 34, 0.16);
    --navy-alpha-8: rgba(15, 21, 34, 0.11);
    --navy-alpha-7: rgba(15, 21, 34, 0.08);
    --navy-alpha-6: rgba(15, 21, 34, 0.06);
    --navy-alpha-5: rgba(15, 21, 34, 0.05);
    --navy-alpha-4: rgba(15, 21, 34, 0.03);
    --navy-alpha-3: rgba(15, 21, 34, 0.02);
    --navy-alpha-2: rgba(15, 21, 34, 0.01);
    --navy-alpha-1: rgba(15, 21, 34, 0);
    --white-alpha-16: rgba(252, 252, 252, 0.9);
    --white-alpha-15: rgba(252, 252, 252, 0.81);
    --white-alpha-14: rgba(252, 252, 252, 0.71);
    --white-alpha-13: rgba(252, 252, 252, 0.62);
    --white-alpha-12: rgba(252, 252, 252, 0.45);
    --white-alpha-11: rgba(252, 252, 252, 0.28);
    --white-alpha-10: rgba(252, 252, 252, 0.2);
    --white-alpha-9: rgba(252, 252, 252, 0.16);
    --white-alpha-8: rgba(252, 252, 252, 0.11);
    --white-alpha-7: rgba(252, 252, 252, 0.08);
    --white-alpha-6: rgba(252, 252, 252, 0.06);
    --white-alpha-5: rgba(252, 252, 252, 0.05);
    --white-alpha-4: rgba(252, 252, 252, 0.03);
    --white-alpha-3: rgba(252, 252, 252, 0.02);
    --white-alpha-2: rgba(252, 252, 252, 0.01);
    --white-alpha-1: rgba(252, 252, 252, 0);
    --black-alpha-16: rgba(0, 0, 0, 0.9);
    --black-alpha-15: rgba(0, 0, 0, 0.81);
    --black-alpha-14: rgba(0, 0, 0, 0.71);
    --black-alpha-13: rgba(0, 0, 0, 0.62);
    --black-alpha-12: rgba(0, 0, 0, 0.45);
    --black-alpha-11: rgba(0, 0, 0, 0.28);
    --black-alpha-10: rgba(0, 0, 0, 0.2);
    --black-alpha-9: rgba(0, 0, 0, 0.16);
    --black-alpha-8: rgba(0, 0, 0, 0.11);
    --black-alpha-7: rgba(0, 0, 0, 0.08);
    --black-alpha-6: rgba(0, 0, 0, 0.06);
    --black-alpha-5: rgba(0, 0, 0, 0.05);
    --black-alpha-4: rgba(0, 0, 0, 0.03);
    --black-alpha-3: rgba(0, 0, 0, 0.02);
    --black-alpha-2: rgba(0, 0, 0, 0.01);
    --black-alpha-1: rgba(0, 0, 0, 0);
    --blue-base: #009fe3ff;
    --blue-20: #161c22ff;
    --blue-19: #1b2630ff;
    --blue-18: #1f3140ff;
    --blue-17: #203c51ff;
    --blue-16: #204762ff;
    --blue-15: #1d5375ff;
    --blue-14: #175f87ff;
    --blue-13: #0d6b9aff;
    --blue-12: #0278acff;
    --blue-11: #0284beff;
    --blue-10: #1491ceff;
    --blue-9: #2a9dddff;
    --blue-8: #41a9e9ff;
    --blue-7: #66b5efff;
    --blue-6: #8fbfebff;
    --blue-5: #adcbe8ff;
    --blue-4: #cbd9e9ff;
    --blue-3: #e4e9eeff;
    --blue-2: #f6f6f7ff;
    --blue-1: #fcfcfcff;
    --eds-brand-logomark: #0295d4ff;
    --eds-data-viz-yellow: #f7f741ff;
    --eds-space-050: 2px;
    --eds-space-025: 1px;
    --eds-space-32: 128px;
    --eds-space-28: 112px;
    --eds-space-24: 96px;
    --eds-space-20: 80px;
    --eds-space-16: 64px;
    --eds-space-12: 48px;
    --eds-space-10: 40px;
    --eds-space-8: 32px;
    --eds-space-7: 28px;
    --eds-space-6: 24px;
    --eds-space-5: 20px;
    --eds-space-4: 16px;
    --eds-space-3: 12px;
    --eds-space-2: 8px;
    --eds-space-1: 4px;
    --eds-border-radius-full: 9999px;
    --eds-border-radius-xl: 32px;
    --eds-border-radius-lg: 16px;
    --eds-border-radius-md: 8px;
    --eds-border-radius-sm: 4px;
    --eds-border-weight-lg: 4px;
    --eds-border-weight-md: 2px;
    --eds-border-weight-sm: 1px;
    --eds-interactive-pressed: var(--blue-13);
    --eds-interactive-hovered: var(--blue-11);
    --eds-interactive-default: var(--blue-9);
    --eds-brand-text: var(--navy-base);
    --eds-data-viz-rag-green: var(--green-9);
    --eds-data-viz-rag-amber: var(--orange-base);
    --eds-data-viz-rag-red: var(--red-base);
    --eds-data-viz-orange: var(--orange-7);
    --eds-data-viz-green: var(--green-base);
    --eds-data-viz-purple: var(--purple-11);
    --eds-data-viz-magenta: var(--magenta-base);
    --eds-data-viz-cyan: var(--blue-base);
    --eds-actions-success-disabled: var(--navy-2);
    --eds-actions-success-pressed: var(--green-14);
    --eds-actions-success-hovered: var(--green-13);
    --eds-actions-success-default: var(--green-12);
    --eds-actions-secondary-disabled: var(--navy-2);
    --eds-actions-secondary-pressed: var(--navy-3);
    --eds-actions-secondary-hovered: var(--navy-2);
    --eds-actions-secondary-default: var(--navy-1);
    --eds-actions-critical-disabled: var(--navy-2);
    --eds-actions-critical-pressed: var(--red-14);
    --eds-actions-critical-hovered: var(--red-13);
    --eds-actions-critical-default: var(--red-12);
    --eds-actions-primary-disabled: var(--navy-2);
    --eds-actions-primary-pressed: var(--blue-14);
    --eds-actions-primary-hovered: var(--blue-13);
    --eds-actions-primary-default: var(--blue-12);
    --eds-actions-kb4-primary-pressed: var(--orange-kb4-2);
    --eds-actions-kb4-primary-hovered: var(--orange-kb4-1);
    --eds-actions-kb4-primary-default: var(--orange-kb4-base);
    --eds-focused-default: var(--blue-base);
    --eds-border-decorative-magenta-hovered: var(--magenta-6);
    --eds-border-decorative-magenta-subdued: var(--magenta-4);
    --eds-border-decorative-magenta-default: var(--magenta-9);
    --eds-border-decorative-purple-hovered: var(--purple-6);
    --eds-border-decorative-purple-subdued: var(--purple-4);
    --eds-border-decorative-purple-default: var(--purple-9);
    --eds-border-decorative-cyan-hovered: var(--cyan-6);
    --eds-border-decorative-cyan-subdued: var(--cyan-4);
    --eds-border-decorative-cyan-default: var(--cyan-9);
    --eds-border-decorative-pink-hovered: var(--pink-6);
    --eds-border-decorative-pink-subdued: var(--pink-4);
    --eds-border-decorative-pink-default: var(--pink-9);
    --eds-border-strong: var(--navy-alpha-16);
    --eds-border-neutral-hovered: var(--navy-alpha-13);
    --eds-border-neutral-subdued: var(--navy-alpha-9);
    --eds-border-neutral-default: var(--navy-alpha-11);
    --eds-border-warning-hovered: var(--orange-6);
    --eds-border-warning-subdued: var(--orange-4);
    --eds-border-warning-default: var(--orange-9);
    --eds-border-informational-hovered: var(--blue-6);
    --eds-border-informational-subdued: var(--blue-4);
    --eds-border-informational-default: var(--blue-9);
    --eds-border-success-hovered: var(--green-6);
    --eds-border-success-subdued: var(--green-4);
    --eds-border-success-default: var(--green-9);
    --eds-border-critical-hovered: var(--red-6);
    --eds-border-critical-subdued: var(--red-4);
    --eds-border-critical-default: var(--red-9);
    --eds-border-disabled: var(--navy-alpha-6);
    --eds-border-depressed: var(--navy-alpha-15);
    --eds-border-hovered: var(--navy-alpha-13);
    --eds-border-subdued: var(--navy-alpha-6);
    --eds-border-default: var(--navy-alpha-12);
    --eds-icon-control-disabled: var(--white-alpha-11);
    --eds-icon-control-default: var(--navy-1);
    --eds-icon-decorative-magenta-hovered: var(--magenta-13);
    --eds-icon-decorative-magenta-subdued: var(--magenta-9);
    --eds-icon-decorative-magenta-default: var(--magenta-12);
    --eds-icon-decorative-purple-hovered: var(--purple-13);
    --eds-icon-decorative-purple-subdued: var(--purple-9);
    --eds-icon-decorative-purple-default: var(--purple-12);
    --eds-icon-decorative-cyan-hovered: var(--cyan-13);
    --eds-icon-decorative-cyan-subdued: var(--cyan-9);
    --eds-icon-decorative-cyan-default: var(--cyan-12);
    --eds-icon-decorative-pink-hovered: var(--pink-13);
    --eds-icon-decorative-pink-subdued: var(--pink-8);
    --eds-icon-decorative-pink-default: var(--pink-12);
    --eds-icon-actions-disabled: var(--grey-9);
    --eds-icon-actions-success: var(--navy-1);
    --eds-icon-actions-critical: var(--navy-1);
    --eds-icon-actions-secondary: var(--navy-17);
    --eds-icon-actions-primary: var(--navy-1);
    --eds-icon-warning-strong: var(--orange-base);
    --eds-icon-warning-hovered: var(--orange-13);
    --eds-icon-warning-subdued: var(--orange-8);
    --eds-icon-warning-default: var(--orange-12);
    --eds-icon-success-hovered: var(--green-12);
    --eds-icon-success-subdued: var(--green-9);
    --eds-icon-success-default: var(--green-12);
    --eds-icon-informational: var(--blue-base);
    --eds-icon-critical-hovered: var(--red-13);
    --eds-icon-critical-subdued: var(--red-8);
    --eds-icon-critical-default: var(--red-12);
    --eds-icon-disabled: var(--grey-10);
    --eds-icon-pressed: var(--navy-16);
    --eds-icon-hovered: var(--navy-18);
    --eds-icon-subdued: var(--grey-12);
    --eds-icon-default: var(--navy-base);
    --eds-text-decorative-magenta-hovered: var(--magenta-13);
    --eds-text-decorative-magenta-default: var(--magenta-12);
    --eds-text-decorative-purple-hovered: var(--purple-13);
    --eds-text-decorative-purple-default: var(--purple-12);
    --eds-text-decorative-cyan-hovered: var(--cyan-13);
    --eds-text-decorative-cyan-default: var(--cyan-12);
    --eds-text-decorative-pink-hovered: var(--pink-13);
    --eds-text-decorative-pink-default: var(--pink-12);
    --eds-text-actions-disabled: var(--grey-9);
    --eds-text-actions-success: var(--navy-1);
    --eds-text-actions-critical: var(--navy-1);
    --eds-text-actions-secondary: var(--navy-17);
    --eds-text-actions-primary: var(--navy-1);
    --eds-text-interactive-pressed: var(--blue-17);
    --eds-text-interactive-hovered: var(--blue-15);
    --eds-text-interactive-default: var(--blue-13);
    --eds-text-informational-hovered: var(--blue-13);
    --eds-text-informational-default: var(--blue-12);
    --eds-text-success-hovered: var(--green-13);
    --eds-text-success-default: var(--green-12);
    --eds-text-warning-hovered: var(--orange-13);
    --eds-text-warning-default: var(--orange-12);
    --eds-text-critical-hovered: var(--red-13);
    --eds-text-critical-default: var(--red-12);
    --eds-text-disabled: var(--grey-12);
    --eds-text-subdued: var(--grey-15);
    --eds-text-default: var(--navy-base);
    --eds-surface-disabled: var(--white-alpha-10);
    --eds-surface-control-disabled: var(--navy-alpha-5);
    --eds-surface-control-strong: var(--white-alpha-16);
    --eds-surface-control-pressed: var(--navy-alpha-9);
    --eds-surface-control-hovered: var(--navy-alpha-8);
    --eds-surface-control-subdued: var(--navy-alpha-4);
    --eds-surface-control-default: var(--navy-alpha-6);
    --eds-surface-on-surface-strong: var(--white-alpha-14);
    --eds-surface-on-surface-pressed: var(--white-alpha-15);
    --eds-surface-on-surface-hovered: var(--white-alpha-14);
    --eds-surface-on-surface-subdued: var(--white-alpha-9);
    --eds-surface-on-surface-default: var(--white-alpha-11);
    --eds-surface-pressed: var(--white-alpha-12);
    --eds-surface-decorative-magenta-hovered: var(--magenta-3);
    --eds-surface-decorative-magenta-subdued: var(--magenta-1);
    --eds-surface-decorative-magenta-default: var(--magenta-2);
    --eds-surface-decorative-purple-hovered: var(--purple-3);
    --eds-surface-decorative-purple-subdued: var(--purple-1);
    --eds-surface-decorative-purple-default: var(--purple-2);
    --eds-surface-decorative-cyan-hovered: var(--cyan-3);
    --eds-surface-decorative-cyan-subdued: var(--cyan-1);
    --eds-surface-decorative-cyan-default: var(--cyan-2);
    --eds-surface-decorative-pink-hovered: var(--pink-3);
    --eds-surface-decorative-pink-subdued: var(--pink-1);
    --eds-surface-decorative-pink-default: var(--pink-2);
    --eds-surface-dialog-default: var(--navy-1);
    --eds-surface-tile-strong: var(--white-alpha-13);
    --eds-surface-tile-default: var(--white-alpha-11);
    --eds-surface-information-subdued: var(--blue-1);
    --eds-surface-information-hovered: var(--blue-3);
    --eds-surface-information-default: var(--blue-2);
    --eds-surface-neutral-hovered: var(--navy-3);
    --eds-surface-neutral-subdued: var(--navy-1);
    --eds-surface-neutral-default: var(--navy-2);
    --eds-surface-success-hovered: var(--green-3);
    --eds-surface-success-subdued: var(--green-1);
    --eds-surface-success-default: var(--green-2);
    --eds-surface-critical-hovered: var(--red-3);
    --eds-surface-critical-subdued: var(--red-1);
    --eds-surface-critical-default: var(--red-2);
    --eds-surface-warning-hovered: var(--orange-3);
    --eds-surface-warning-subdued: var(--orange-1);
    --eds-surface-warning-default: var(--orange-2);
    --eds-surface-hovered: var(--white-alpha-13);
    --eds-surface-subdued: var(--white-alpha-12);
    --eds-surface-default: var(--white-alpha-14);
    --eds-background-circles-blush-purple: var(--purple-alpha-8);
    --eds-background-circles-blush-cyan: var(--cyan-alpha-8);
    --eds-background-circles-blush-magenta: var(--magenta-alpha-8);
    --eds-background-modal-default: var(--navy-alpha-13);
    --eds-surface-progress-background: var(--black-alpha-8);
    --eds-surface-progress-indicator: var(--cyan-alpha-16);
    --eds-background-default: var(--navy-2);
}

.dark-mode {
    --eds-brand-logomark: #f7f741ff;
    --eds-data-viz-yellow: #f7f741ff;
    --eds-interactive-pressed: var(--blue-13);
    --eds-interactive-hovered: var(--blue-11);
    --eds-interactive-default: var(--blue-9);
    --eds-brand-text: var(--navy-1);
    --eds-data-viz-rag-green: var(--green-9);
    --eds-data-viz-rag-amber: var(--orange-base);
    --eds-data-viz-rag-red: var(--red-base);
    --eds-data-viz-orange: var(--orange-7);
    --eds-data-viz-green: var(--green-base);
    --eds-data-viz-purple: var(--purple-11);
    --eds-data-viz-magenta: var(--magenta-base);
    --eds-data-viz-cyan: var(--blue-base);
    --eds-actions-success-disabled: var(--navy-19);
    --eds-actions-success-pressed: var(--green-14);
    --eds-actions-success-hovered: var(--green-13);
    --eds-actions-success-default: var(--green-12);
    --eds-actions-secondary-disabled: var(--navy-19);
    --eds-actions-secondary-pressed: var(--navy-15);
    --eds-actions-secondary-hovered: var(--navy-16);
    --eds-actions-secondary-default: var(--navy-17);
    --eds-actions-critical-disabled: var(--navy-19);
    --eds-actions-critical-pressed: var(--red-14);
    --eds-actions-critical-hovered: var(--red-13);
    --eds-actions-critical-default: var(--red-12);
    --eds-actions-primary-disabled: var(--navy-19);
    --eds-actions-primary-pressed: var(--blue-14);
    --eds-actions-primary-hovered: var(--blue-13);
    --eds-actions-primary-default: var(--blue-12);
    --eds-focused-default: var(--blue-base);
    --eds-border-decorative-magenta-hovered: var(--magenta-9);
    --eds-border-decorative-magenta-subdued: var(--magenta-15);
    --eds-border-decorative-magenta-default: var(--magenta-13);
    --eds-border-decorative-purple-hovered: var(--purple-9);
    --eds-border-decorative-purple-subdued: var(--purple-15);
    --eds-border-decorative-purple-default: var(--purple-13);
    --eds-border-decorative-cyan-hovered: var(--cyan-9);
    --eds-border-decorative-cyan-subdued: var(--cyan-15);
    --eds-border-decorative-cyan-default: var(--cyan-13);
    --eds-border-decorative-pink-hovered: var(--pink-9);
    --eds-border-decorative-pink-subdued: var(--pink-15);
    --eds-border-decorative-pink-default: var(--pink-13);
    --eds-border-strong: var(--white-alpha-16);
    --eds-border-neutral-hovered: var(--white-alpha-11);
    --eds-border-neutral-subdued: var(--white-alpha-7);
    --eds-border-neutral-default: var(--white-alpha-9);
    --eds-border-warning-hovered: var(--orange-9);
    --eds-border-warning-subdued: var(--orange-15);
    --eds-border-warning-default: var(--orange-13);
    --eds-border-informational-hovered: var(--blue-9);
    --eds-border-informational-subdued: var(--blue-15);
    --eds-border-informational-default: var(--blue-13);
    --eds-border-success-hovered: var(--green-7);
    --eds-border-success-subdued: var(--green-16);
    --eds-border-success-default: var(--green-13);
    --eds-border-critical-hovered: var(--red-13);
    --eds-border-critical-subdued: var(--red-17);
    --eds-border-critical-default: var(--red-15);
    --eds-border-disabled: var(--white-alpha-6);
    --eds-border-depressed: var(--white-alpha-15);
    --eds-border-hovered: var(--white-alpha-13);
    --eds-border-subdued: var(--white-alpha-7);
    --eds-border-default: var(--white-alpha-12);
    --eds-icon-control-disabled: var(--white-alpha-11);
    --eds-icon-control-default: var(--navy-1);
    --eds-icon-decorative-magenta-hovered: var(--magenta-6);
    --eds-icon-decorative-magenta-subdued: var(--magenta-12);
    --eds-icon-decorative-magenta-default: var(--magenta-9);
    --eds-icon-decorative-purple-hovered: var(--purple-6);
    --eds-icon-decorative-purple-subdued: var(--purple-12);
    --eds-icon-decorative-purple-default: var(--purple-9);
    --eds-icon-decorative-cyan-hovered: var(--cyan-6);
    --eds-icon-decorative-cyan-subdued: var(--cyan-12);
    --eds-icon-decorative-cyan-default: var(--cyan-9);
    --eds-icon-decorative-pink-hovered: var(--pink-5);
    --eds-icon-decorative-pink-subdued: var(--pink-8);
    --eds-icon-decorative-pink-default: var(--pink-base);
    --eds-icon-actions-disabled: var(--grey-9);
    --eds-icon-actions-success: var(--navy-1);
    --eds-icon-actions-critical: var(--navy-1);
    --eds-icon-actions-secondary: var(--navy-1);
    --eds-icon-actions-primary: var(--navy-1);
    --eds-icon-warning-strong: var(--orange-base);
    --eds-icon-warning-hovered: var(--orange-6);
    --eds-icon-warning-subdued: var(--orange-14);
    --eds-icon-warning-default: var(--orange-base);
    --eds-icon-success-hovered: var(--green-6);
    --eds-icon-success-subdued: var(--green-9);
    --eds-icon-success-default: var(--green-base);
    --eds-icon-informational: var(--blue-base);
    --eds-icon-critical-hovered: var(--red-8);
    --eds-icon-critical-subdued: var(--red-13);
    --eds-icon-critical-default: var(--red-10);
    --eds-icon-disabled: var(--grey-10);
    --eds-icon-pressed: var(--navy-5);
    --eds-icon-hovered: var(--navy-3);
    --eds-icon-subdued: var(--grey-7);
    --eds-icon-default: var(--navy-1);
    --eds-text-decorative-magenta-hovered: var(--magenta-6);
    --eds-text-decorative-magenta-default: var(--magenta-9);
    --eds-text-decorative-purple-hovered: var(--purple-6);
    --eds-text-decorative-purple-default: var(--purple-9);
    --eds-text-decorative-cyan-hovered: var(--cyan-6);
    --eds-text-decorative-cyan-default: var(--cyan-9);
    --eds-text-decorative-pink-hovered: var(--pink-5);
    --eds-text-decorative-pink-default: var(--pink-base);
    --eds-text-actions-disabled: var(--grey-9);
    --eds-text-actions-success: var(--navy-1);
    --eds-text-actions-critical: var(--navy-1);
    --eds-text-actions-secondary: var(--navy-1);
    --eds-text-actions-primary: var(--navy-1);
    --eds-text-interactive-pressed: var(--blue-13);
    --eds-text-interactive-hovered: var(--blue-11);
    --eds-text-interactive-default: var(--blue-9);
    --eds-text-informational-hovered: var(--blue-6);
    --eds-text-informational-default: var(--blue-base);
    --eds-text-success-hovered: var(--green-6);
    --eds-text-success-default: var(--green-base);
    --eds-text-warning-hovered: var(--orange-6);
    --eds-text-warning-default: var(--orange-base);
    --eds-text-critical-hovered: var(--red-8);
    --eds-text-critical-default: var(--red-10);
    --eds-text-disabled: var(--grey-10);
    --eds-text-subdued: var(--grey-7);
    --eds-text-default: var(--navy-1);
    --eds-surface-disabled: var(--navy-20);
    --eds-surface-control-disabled: var(--white-alpha-8);
    --eds-surface-control-strong: var(--white-alpha-16);
    --eds-surface-control-pressed: var(--white-alpha-12);
    --eds-surface-control-hovered: var(--white-alpha-11);
    --eds-surface-control-subdued: var(--white-alpha-7);
    --eds-surface-control-default: var(--white-alpha-9);
    --eds-surface-on-surface-strong: var(--white-alpha-8);
    --eds-surface-on-surface-pressed: var(--white-alpha-9);
    --eds-surface-on-surface-hovered: var(--white-alpha-8);
    --eds-surface-on-surface-subdued: var(--white-alpha-3);
    --eds-surface-on-surface-default: var(--white-alpha-5);
    --eds-surface-pressed: var(--navy-16);
    --eds-surface-decorative-magenta-hovered: var(--magenta-18);
    --eds-surface-decorative-magenta-subdued: var(--magenta-20);
    --eds-surface-decorative-magenta-default: var(--magenta-19);
    --eds-surface-decorative-purple-hovered: var(--purple-18);
    --eds-surface-decorative-purple-subdued: var(--purple-20);
    --eds-surface-decorative-purple-default: var(--purple-19);
    --eds-surface-decorative-cyan-hovered: var(--cyan-18);
    --eds-surface-decorative-cyan-subdued: var(--cyan-20);
    --eds-surface-decorative-cyan-default: var(--cyan-19);
    --eds-surface-decorative-pink-hovered: var(--pink-18);
    --eds-surface-decorative-pink-subdued: var(--pink-20);
    --eds-surface-decorative-pink-default: var(--pink-19);
    --eds-surface-dialog-default: var(--navy-19);
    --eds-surface-tile-strong: var(--white-alpha-9);
    --eds-surface-tile-default: var(--white-alpha-5);
    --eds-surface-information-subdued: var(--blue-20);
    --eds-surface-information-hovered: var(--blue-18);
    --eds-surface-information-default: var(--blue-19);
    --eds-surface-neutral-hovered: var(--navy-18);
    --eds-surface-neutral-subdued: var(--navy-20);
    --eds-surface-neutral-default: var(--navy-19);
    --eds-surface-success-hovered: var(--green-18);
    --eds-surface-success-subdued: var(--green-20);
    --eds-surface-success-default: var(--green-19);
    --eds-surface-critical-hovered: var(--red-18);
    --eds-surface-critical-subdued: var(--red-20);
    --eds-surface-critical-default: var(--red-20);
    --eds-surface-warning-hovered: var(--orange-18);
    --eds-surface-warning-subdued: var(--orange-20);
    --eds-surface-warning-default: var(--orange-19);
    --eds-surface-hovered: var(--navy-17);
    --eds-surface-subdued: var(--navy-19);
    --eds-surface-default: var(--navy-18);
    --eds-background-circles-blush-purple: var(--purple-alpha-10);
    --eds-background-circles-blush-cyan: var(--cyan-alpha-10);
    --eds-background-circles-blush-magenta: var(--magenta-alpha-10);
    --eds-background-modal-default: var(--navy-alpha-13);
    --eds-surface-progress-background: var(--white-alpha-8);
    --eds-surface-progress-indicator: var(--cyan-alpha-16);
    --eds-background-default: var(--navy-base);
}
/* ============= - ================= */
.cssimg {    vertical-align:middle; overflow:hidden; display:inline-block;}
.img_empty16 { width:16px;height:16px;}

.img_info16  { width:16px;height:16px; background: url('../../images/sprite/imagelist.svg') -1px 0;  }
.img_warning16  { width:16px;height:16px; background: url('../../images/sprite/imagelist.svg') -18px 0;  }
.img_error16  { width:16px;height:16px; background: url('../../images/sprite/imagelist.svg') -34px 0;  }
.img_check16  { width:16px;height:16px; background: url('../../images/sprite/imagelist.svg') -50px 0;  }
.img_edit16 { width:16px;height:16px; background: url('../../images/sprite/imagelist.svg') -64px 0;  }
.img_delete16 { width:16px;height:16px; background: url('../../images/sprite/imagelist.svg') -81px 0;  }
.img_package16 { width:16px;height:16px; background: url('../../images/sprite/imagelist.svg') -97px 0;  }
.img_add16 { width:16px;height:16px; background: url('../../images/sprite/imagelist.svg') -113px 0;  }

.img_info24  { width:24px;height:24px; background: url('../../images/sprite/imagelist.svg') -1px -17px;  }
.img_warning24  { width:24px;height:24px; background: url('../../images/sprite/imagelist.svg') -25px -17px;  }
.img_error24  { width:24px;height:24px; background: url('../../images/sprite/imagelist.svg') -49px -17px;  }
.img_check24  { width:24px;height:24px; background: url('../../images/sprite/imagelist.svg') -73px -17px;  }
.img_edit24 { width:24px;height:24px; background: url('../../images/sprite/imagelist.svg') -97px -17px;  }
.img_delete24 { width:24px;height:24px; background: url('../../images/sprite/imagelist.svg') -121px -16px;  }
.img_package24 { width:24px;height:24px; background: url('../../images/sprite/imagelist.svg') -145px -16px;  }
.img_add24 { width:24px;height:24px; background: url('../../images/sprite/imagelist.svg') -169px -17px;  }
.img_download24 { width:24px;height:24px; background: url('../../images/sprite/imagelist.svg') -193px -17px;  }
.img_userw24 { width:24px;height:24px; background: url('../../images/sprite/imagelist.svg') -217px -17px;  }
.img_up24 { width:24px;height:24px; background: url('../../images/sprite/imagelist.svg') -241px -17px;  }
.img_down24 { width:24px;height:24px; background: url('../../images/sprite/imagelist.svg') -265px -17px;  }


.img_info32  { width:32px;height:32px; background: url('../../images/sprite/imagelist.svg') -1px -40px;  }
.img_warning32  { width:32px;height:32px; background: url('../../images/sprite/imagelist.svg') -33px -40px;  }
.img_error32  { width:32px;height:32px; background: url('../../images/sprite/imagelist.svg') -65px -40px;  }
.img_check32  { width:32px;height:32px; background: url('../../images/sprite/imagelist.svg') -97px -40px;  }
.img_edit32 { width:32px;height:32px; background: url('../../images/sprite/imagelist.svg') -129px -40px;  }
.img_delete32 { width:32px;height:32px; background: url('../../images/sprite/imagelist.svg') -161px -40px;  }
.img_package32 { width:32px;height:32px; background: url('../../images/sprite/imagelist.svg') -193px -40px;  }
.img_add32 { width:32px;height:32px; background: url('../../images/sprite/imagelist.svg') -224px -40px;  }

.img_deliveryReport { width:16px;height:16px; background: url('../../images/sprite/imagelist.svg') -2px -73px;  } 
.img_mailResend24 { width:24px;height:24px; background: url('../../images/sprite/imagelist.svg') -1px -90px;   }
.img_mailResendDisabled24  { width:24px;height:24px; background: url('../../images/sprite/imagelist.svg') -1px -90px; filter: opacity(0.5);  }
.img_lightbulb32 { width:32px;height:32px; background: url('../../images/sprite/imagelist.svg') -1px -112px;  }
.img_switch32  { width:32px;height:32px; background: url('../../images/sprite/imagelist.svg') -33px -112px;  }
.img_switchBusiness32  { width:32px;height:32px; background: url('../../images/sprite/imagelist.svg') -65px -112px;   }
.img_switchPayments32  { width:32px;height:32px; background: url('../../images/sprite/imagelist.svg') -99px -112px;   }

/* -- animations -- */
.img_ajax16 { width:16px;height:16px;background: url('../../images/ajax16.png'); }
.img_ajax31 { width:31px;height:31px;background: url('../../images/ajax31.png'); }
.img_ajaxbar { width:220px;height:19px;background: url('../../images/ajaxbar.gif'); }

.img_cclogo_visa { width:78px;height:50px;background: url('../../images/sprite/creditlogos.svg') 0 0 / cover;}
.img_cclogo_mc { width:78px;height:50px;background: url('../../images/sprite/creditlogos.svg') 0 -50px / cover;}
.img_cclogo_amex { width:78px;height:50px;background: url('../../images/sprite/creditlogos.svg') 0 -100px / cover;}
.img_cclogo_paypal { width:78px;height:50px;background: url('../../images/sprite/creditlogos.svg') 0 -200px / cover;}

/* ----------------------------- */
.img_package { width:25px;height:24px; background-image: url('../../images/sprite/package.svg   '); background-position: 1px -120px; }
.img_package.statusExpired, .img_package.statusRevoked, .img_package.statusNotYetValid  { background-position-x: -53px;  }
.img_package.statusActive  { background-position-x: -27px;  }
.img_package.statusPending { background-position-x: -79px;  }

.img_package.demEncryptedCD { background-position-y: -24px; }
.img_package.demPlainTextCD { background-position-y: 0;}
.img_package.demEmailAttachment { background-position-y: -48px;}
.img_package.demEmailPlainText { background-position-y: -72px;}
.img_package.demEmailBody { background-position-y: -72px; }
.img_package.demServerUploadLocal, .img_package.demServerUpload { background-position-y: -96px; }

/* ----------------------------- */
.img_tree24_c {width:24px;height:24px; background:  url('../../images/sprite/tree.gif') no-repeat -96px 0;  }
.img_tree24_h {width:24px;height:24px; background:  url('../../images/sprite/tree.gif') no-repeat -48px 0;  }
.img_tree24_j {width:24px;height:24px; background:  url('../../images/sprite/tree.gif') no-repeat -72px 0;  }
.img_tree24_s {width:24px;height:24px; background:  url('../../images/sprite/tree.gif') no-repeat 0 0;  }
.img_tree24_v {width:24px;height:24px; background:  url('../../images/sprite/tree.gif') no-repeat -24px 0;  }

.img_orgstructure, .img_userrole {
    --var-org-width: 29px;
    width: var(--var-org-width);
    height: 24px;
    background: url('../../images/sprite/orgstructure.svg') no-repeat;
    background-position-y: 1px;
}
.img_orgstructure { background-position-x: 1px;  } 
.img_orgstructure.eltOrganization { background-position-x: calc(-1*var(--var-org-width));  } 
.img_orgstructure.eltOrganizationUnit { background-position-x: calc(-2*var(--var-org-width)); } 
.img_orgstructure.eltUser { background-position-x: calc(-3*var(--var-org-width));  } 

/* ----------------------------- */
.img_userrole {
    background-position-x: calc(-3*var(--var-org-width));
}
.img_userrole.roleDisabled  { background-position-x: calc(-3*var(--var-org-width)); filter: opacity(0.5);  }
.img_userrole.roleAdmin     { background-position-x: calc(-4*var(--var-org-width));  }
.img_userrole.rolePowerUser { background-position-x: calc(-5*var(--var-org-width));  }
.img_userrole.roleAuditor   { background-position-x: calc(-6*var(--var-org-width));  }
.img_userrole.roleCreator   { background-position-x: calc(-7*var(--var-org-width));  }
    .img_userrole.roleBuilder {
        background-position-x: calc(-8*var(--var-org-width));
    }
.img_userrole.roleGateway   { background-position-x: calc(-9*var(--var-org-width));  }


/* ------ */
.img_activation { width:24px;height:24px; background: url('../../images/sprite/activations.svg'); background-position: -1px -1px; }
.img_activation.atInvalid { background-position: -25px 0;  }
.img_activation.atNewAccountActivation { background-position: -49px 0;  }
.img_activation.atPreCreatedAccountActivation { background-position: -74px 0; }
.img_activation.atPersonalizedInvitation { background-position: -100px 0;  }
        
/* -- package event logs -- */        
.img_logEvent { width:16px;height:16px; background-image: url('../../images/sprite/imagelist.svg'); background-position: -1px 0; }        
.img_logEvent.logGranted { background-position: -50px 0; }        
.img_logEvent.logDenied { background-position: -34px 0; }        
.img_logEvent.logOfflineDataReleased { background-position: -18px 0; }        
.img_logEvent.logModified { background-position: -64px 0; }        

/* ------ */
.img_filetype { width:16px;height:16px; background: url('../../images/sprite/fileformats.svg') no-repeat -17px -1px;}        
.img_filetype.ftFolder { background-position: -1px -1px;}        
.img_filetype.ftExt_doc,.img_filetype.ftExt_docx { background-position: -1px -17px; }        
.img_filetype.ftExt_xls,.img_filetype.ftExt_xlsx { background-position: -17px -17px; }        
.img_filetype.ftExt_ppt,.img_filetype.ftExt_pptx { background-position: -34px -17px; }        
.img_filetype.ftExt_pub,.img_filetype.ftExt_pubx { background-position: -65px -17px; }        
.img_filetype.ftExt_vsd,.img_filetype.ftExt_vsdx { background-position: -49px -17px; }        
.img_filetype.ftExt_pdf                          { background-position: -64px -1px; }        
.img_filetype.ftExt_cs,.img_filetype.ftExt_cpp,.img_filetype.ftExt_hpp,.img_filetype.ftExt_h,
.img_filetype.ftExt_c,.img_filetype.ftExt_php,.img_filetype.ftExt_py,.img_filetype.ftExt_pl      { background-position: -97px -1px; }        
.img_filetype.ftExt_dll,.img_filetype.ftExt_exe,.img_filetype.ftExt_com,.img_filetype.ftExt_bat,.img_filetype.ftExt_pif  { background-position: -48px -1px; }        
.img_filetype.ftExt_avi,.img_filetype.ftExt_mp4,.img_filetype.ftExt_mp3,
.img_filetype.ftExt_aiff,.img_filetype.ftExt_wav                                                 { background-position: -82px -1px; }        
.img_filetype.ftExt_text,.img_filetype.ftExt_txt,.img_filetype.ftExt_log                         { background-position: -34px -1px; }        
.img_filetype.ftExt_zip,.img_filetype.ftExt_7z,.img_filetype.ftExt_arj,
.img_filetype.ftExt_rar,.img_filetype.ftExt_ace,.img_filetype.ftExt_lha                          { background-position: -114px -1px; }        

/* -- Switch branding -- */
.img_switch_header_small { width:112px;height:32px; background: url('../../images/sprite/switch.svg') no-repeat -1px -187px; }
.img_switch_logo_mini {
    width: 20px;
    height: 20px;
    background: url('../../images/sprite/switch.svg') no-repeat -120px -187px;
    filter: invert(1);
    -webkit-filter: invert(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(invert='1');
}
html.dark-mode span.cssimg.img_switch_logo_mini {
    filter: invert(0);
    -webkit-filter: invert(0%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(invert='0');
}
.img_switch_master_logo {
    width: 363px;
    height: 69px;
    background: url('../../images/branding/kb4-logo.svg') no-repeat left center;
}
html.dark-mode .img_switch_master_logo {background-image: url('../../images/branding/kb4-logo-dark.svg');}
.img_switch_master_logo_small { width:158px;height:30px; background: url('../../images/branding/kb4-logo.svg') no-repeat center center; background-size: 90%; }
html.dark-mode.img_switch_master_logo_small { background: url('../../images/branding/kb4-logo-dark.svg') no-repeat center center; }
.img_1x1 { width:1px;height:1px; background: url('../../images/sprite/switch.svg'); }

/* -- Registration -- */
.img_round1_24 { width:24px;height:24px; background: url('../../images/sprite/registration.svg') no-repeat -1px -1px; } 
.img_round2_24 { width:24px;height:24px; background: url('../../images/sprite/registration.svg') no-repeat -26px -1px; }
.img_round3_24 { width:24px;height:24px; background: url('../../images/sprite/registration.svg') no-repeat -51px -1px; }


.cssImg, .cssimg {
    display: inline-block;
    position: relative;
}

html.dark-mode span.cssimg,
html.dark-mode span.cssImg,
html.dark-mode a.inputLink img {
    filter: invert(1);
}
/* ============= - ================= */
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,time, mark, audio, video 
{	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
table {	border-collapse: collapse;	border-spacing: 0;}
table.topalign td, table.topalign th{	vertical-align:top;}
table.middlealign td, table.topalign th{	vertical-align:middle;}

html body { margin: 0; padding:0;}
html body {
	background: url(../../images/branding/bg-light.svg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	color: var(--eds-text-default);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
html.dark-mode body {
	background-image: url(../../images/branding/bg-dark.svg);
}

html,body { margin: 0; padding:0;}
fieldset,form{border:0;margin:0;padding:0}
pre { font-family: Consolas, Courier New, Courier; }	 
strong,b,h1,h2,h3,h4,th { font-weight: bold;}
em, i { font-style: italic;}
/* ------------------------------ */


.center{	margin:auto;	text-align:center;}
.backFooter {	background: var(--eds-surface-default);	color: var(--eds-text-default);}

.headerLogo {
	background: url(../../images/branding/kb4-logo.svg) no-repeat left center;
	display: block;
	height: 30px;
	width: 158px;
}
html.dark-mode .headerLogo {
	background: url(../../images/branding/kb4-logo-dark.svg) no-repeat left center;
}

.HeaderContainer, .FooterContainer, .ContentsContainer {
	margin: auto;
	padding: 0;
	max-width: 1300px;
}
.HeaderContainer table td { vertical-align: middle;}
.mobile {    min-width: 640px !important; }
.desktop {    min-width: 840px !important; }
.desktop.popup {   min-width: auto !important;}
.mobile .hideOnMobile { display:none;}
.desktop .hideOnDesktop { display:none;}
.mobile #FirstLayerNav .hideOnMobile { display:none;}

.ContentsContainer  {    padding-left: 5px;    padding-right: 5px;}
.ContentsContainer .left {	width: 172px;	position:relative;	padding-bottom: 2em; padding-top: 5px;	}
.ContentsContainer .right{ 	padding-top: 15px;	margin-left: 182px;	padding-left: 10px;	padding-bottom: 2em;	border-left: 1px dotted #eee;}
.ContentsContainer .rightNoMenu {    padding-top: 10px;	padding-left: 0;}

.noScript { width:100%; padding: 10px; background: red; color:White; }

#rightContainerTable td > p {
	padding: 0 var(--eds-space-3);
	margin-bottom: var(--eds-space-2);
}
#rightContainerTable td > * p {
	margin: var(--eds-space-2) 0;
	padding: 0;
}
#rightContainerTable td > * > p:first-of-type, #rightContainerTable td > * > h4:first-of-type {
	margin-top: 0;
}
#rightContainerTable td > * > p:last-child {
	margin-bottom: 0;
}
#rightContainerTable td > h1 {
	font-size: 33px;
	line-height: 44px;
	margin: 0 0 var(--eds-space-6) 0;
	font-weight: 500;
}
#rightContainerTable td > h4 {
	margin: var(--eds-space-2) var(--eds-space-3);
	font-weight: 500;
}
/* -- */
#mainContentCell { vertical-align: top; width: 70%; }
table.pad5 th, table.pad5 td { padding: 5px;}
table.pad2 th, table.pad2 td { padding: 2px;}

input::-webkit-input-placeholder {    color:    #999;}
input:-moz-placeholder {    color:    #999;}
a,p,label,li,ul,ol,textarea,
h1,h2,h3,h4,h5,h6,table,td,th,input,select,fieldset,
.starValidator,.inputText, .inputTextNarrow , .inputTextTime, .inputTextDate, .inputTextWide , .inputLink,.inputLiteral
 { font-family: Arial, Helvetica, sans-serif;	}

a,p,label,li,ul,ol,textarea { 	font-size: 10pt;}

p{	padding-top: 0.5em;	padding-bottom: 0.5em; }
br{	border: solid 0 red; line-height:10px;}
ul{	padding: 0.5em 0.5em 0.5em 3em;	line-height: 16pt;}
ul.flat{	padding: 0.5em 1em 0.5em 1.5em;	line-height: 16pt;}
.bold{	font-weight:bold;}
a{	color:#47A5D8;	text-decoration:underline}
a:hover {	text-decoration: underline;}
.blue{	color: #53afde;}
img { border: 0; padding:0; }
/* Headers */
h1, h2, h3, h4, h5, h6 {
	color: var(--eds-text-default);
	font-size: 15pt;
	font-weight: bold;
	margin-top: 0.5em;
}
h2{	font-size: 14pt;}
h3{	font-size: 13pt;}
h4{	font-size: 12pt;}
h5{	font-size: 11pt;}
h6{	font-size: 10pt;}

.clear         { clear:both; height:0; }

/* Side navigation */
#side-nav {}
#side-nav UL, #side-nav UL UL {	margin: 0;	padding: 0;	list-style-type: none;	border: solid 5px transparent;}
#side-nav UL a, #side-nav ul span.block
{
    display: block;
    width: 140px;
    padding: 3px 12px 3px 9px;
    text-decoration: none;
}

#side-nav ul span.block{    font-weight: bold;}
#side-nav UL LI {    margin-top: 5px; }
#side-nav UL LI.first {    margin-top: 5px;}
#side-nav UL LI UL {    margin-top: -5px; border: none;}
#side-nav UL LI LI {    margin-top: 5px;}
#side-nav UL LI UL LI {    margin-top: 0;}
#side-nav ul li {	font-size: 14px;	FONT-WEIGHT: bold;	margin-top: 10px;}
#side-nav ul ul li {	font-size: 12px;	FONT-WEIGHT: normal;}
#side-nav UL  li li a {    display: block;    width: 139px;    padding: 3px 3px 3px 18px;    text-decoration: none;    font-weight: normal;}
#side-nav UL A.special { font-style: italic;}
#side-nav UL A:active, #side-nav UL A:hover { text-decoration: underline;}
#side-nav UL LI.selected > A { 	FONT-WEIGHT: bold;	color:white;	background: #ff6633 url("../../images/selection.gif");	width: 139px;}


/* Hide border around fieldset */
legend {	color: #7f9db9;	display: none;}
.inputForm label, .inputFormWithTab label, .inputFormWithTab .labelText
{
    margin: 0 5px 0 3px; /* set top margin same as form input - textarea etc. elements */
	width: 100%;
}

fieldset label, fieldset .labeltext, table.checkboxList label, table.radioList label {
	display: block; /* block float the labels to left column, set a width */
	float: left;
	padding: 0;
	margin: 3px 5px 0 3px; /* set top margin same as form input - textarea etc. elements */
	padding: 2px 0 2px 0;
	width: 150px;
}
.starValidator { margin: 0;padding: 0;	font-size: 10pt;}
/* IE6-IE7 hacks */
* html .starValidator {    display:none;width:0;position:absolute;top:-10000px;}
*+html .starValidator {    position:relative;top:-5px;}

.inputText[readonly], .inputTextDate[readonly],.inputTextTime[readonly], .inputTextNarrow[readonly]{	background: #eeeeee;}
.input:disabled,select:disabled option, textarea:disabled {	background: #eeeeee;}
.inputText, .inputTextNarrow , .inputTextTime, .inputTextDate, .inputTextWide 
{
    color: Black;
	background-color:white;
	border:1px solid #7f9db9;
	margin: 2px 0 4px 0;
	padding: 2px 2px 2px 3px;
	width:400px;
	font-size: 10pt;
}

.inputLink
{
	margin: 4px 0 4px 0;
	padding:2px 0 2px 3px;
	width:400px;
	display:inline-block;
	font-size: 10pt;
}
.inputTextNarrow {	width:200px;}
.inputTextWide  { width:560px;}
.inputTextDate {	width:80px;}
.inputTextTime {	width:80px;}
.dateTimeControl { display:inline; white-space: nowrap; }
.dateTimeControl img { vertical-align: top; margin-right:5px; border: 1px solid blue;}
.dateTimeControl .dateTimeButton { vertical-align: top; padding-top: 2px; padding-bottom:2px; margin-right:5px; }
 
.withBorders fieldset { width:100%;padding:2px 0 2px 0;}
.withBorders label { width:130px;}
.withBorders .inputText { width:370px;}
.withBorders .inputSelect  { width:375px;}
.inputLiteral {	width:400px;
    display: inline-block;
    margin: 0 5px 0 0px; /* set top margin same as form input - textarea etc. elements */
	padding: 0 0 5px 0;
	vertical-align: middle;
	font-size: 10pt;
}
span.inputText {
    display: inline-block;
    background: #eeeeee;
}
select{    font-size: 10pt;}
.inputSelect 
{
    border:1px solid #7f9db9;
	margin: 2px 0 4px 0;
	width:406px;
	font-size: 10pt;
	color: Black;
	background-color:#ffffff;
	padding:2px 0 2px 3px;
}
select.inputSelect:disabled { color: gray;}

.buttonsBar { padding: var(--eds-space-2) 0; display: flex; margin-top: var(--eds-space-2); }
.buttonsBar div {  margin: 0 0 var(--eds-space-2) auto; }
.buttonsBar div .btn { margin: var(--eds-space-1); }
.fixedWidth, .inputForm {	width: 680px; } 
.fixedWidthPadded {	width: 608px;} 

.inputFormWithTab {	width: 625px;	}
.inputFormWithTabWide {width: 925px;}

fieldset {    font-size: 10pt; border: none;	padding: 10px;	color: var(--eds-text-default);	width: 585px;	background-color: #f8f8f8;	text-align: left; }
fieldset p {	padding: 0 0 0 0;	margin: 0 0 0 0;}
.validationSummary{	color: #0066FF;	display:block;	width:585px;	padding: 5px 10px 5px 10px;	margin-top:5px;margin-bottom: 5px;    border: dashed 1px #D2DEF0;}
.errorReport {
	background-color: #FFFACD;
	color: #3f3f3f;
	display: block;
	width: 605px;
	padding: 5px 10px 5px 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: dashed 1px #D2DEF0;
	max-height: 300px !important;
    overflow-y: auto;
}

.successReport
{
	background-color:  #D4F0FF;
	color: #3f3f3f;
	display:block;
	width:605px;
	padding: 5px 10px 5px 10px;
	margin-top:5px;
	margin-bottom: 5px;
    border: dashed 1px #7f9db9;
}

	
.windowCloseButton {
	float: right;
	clear: left;
	display: inline-block;
	cursor: pointer;
	background-image: url('../../images/closebtn.gif');
	width: 21px;
	height: 21px;
	overflow: hidden;
}

/* */
.flatMenu {	margin-top: 1em;	margin-bottom: 1em;	margin-left: 0;	margin-right: 0;}
.flatMenu .inline {    margin: 0;    padding:0;}
.passPoor, .passInvalid {	background-color: #B30202;}
.passAverage {	background-color: #0222B3;}
.passExcellent {	background-color: #055E12; }

.passInvalid, .passPoor,  .passAverage, .passExcellent
{
    color:White;
	font-weight: bold;
	margin-left: -160px;
	margin-top: 3px;
	width:140px;
	text-align: center;
}
.hidden {	display: none;}
.hiddenProgress {	position: absolute; right:0;top:0;display:inline;	 z-index: 500; visibility: hidden; }
.progress
{
	width: 20em;
	border: solid 2px #53afde;
	background: white;
	text-align: center;

	margin-left: auto;
	margin-right: auto;
	min-height: 10em;
    display: table-cell;
    vertical-align: middle
}

.progress img{	margin-top: 6em;}
.progress p {}

.nowrap { white-space: nowrap; }

table.withBorders {	border: solid 1px #eee;	border-collapse: collapse;  background:white;	}
table.withBorders tr.menuRow {	background: var(--eds-surface-default); border-top: solid 2px #aaa;}
table.withBorders tr.menuRow td:first-child .imgBtn{	margin-left: 10px;}
table.withBorders tr.filterRow {	background: var(--eds-surface-default);}
table.withBorders tr.filterRow td input {	width:100%;	height:100%;	margin:0;	padding:0;}
table.withBorders td img {	vertical-align: middle;	margin-right: 5px;}
table.withBorders td {	border: solid 1px #eee;	padding: 3px;	min-width: 2em;	vertical-align: middle;}
table tr.selected{	background: #FFDDCC; cursor: pointer;}
table.withBorders tr.selectable:hover, table.withBorders tr.selectable:hover fieldset , .selected2 { background: #FFDDCC;}

table.withBorders th {	border: solid 1px #eee;	padding: 3px;	background: #f8f8f8; text-align: center;}
table.withBorders tr.headerRow, table.withBorders .footerRow  {    vertical-align: middle;}
table.withBorders .footerRow td {	white-space:nowrap;	padding-top:2px;	padding-bottom:2px;	vertical-align:middle;}
table.withBorders .footerRow  input {    font-size: 10pt;}
table.withBorders .footerRow .filter {    font-size: 8pt;}
table.withBorders .ctrlControls {	float: left;	white-space:nowrap;	position:relative;	top: -2px;	margin:0;}
table.withBorders .ctrlControls a, table.withBorders .ctrlControls a:hover {    font-size: 16pt;    font-weight: bold;    text-decoration: none;    padding-bottom: 2px;}
table.withBorders .ctrlControls img {    vertical-align: middle;    }
table.withBorders .ctrlControls a:hover {    background: #eee;}
table.withBorders .pagerRight {	float: right;	white-space:nowrap;}
table.withBorders .pagerRight span {	font-size: 8pt;}

table.withBorders tr.withExtraInfoRow,table.withBorders tr.withExtraInfoRow td { border-bottom: 0;}
table.withBorders tr.extraInfoRow td.noTopBorder { border-top: 0;}
table.withBorders tr.extraInfoRow { display:none;}
table.withBorders tr.extraInfoRow.expanded { display:table-row;}

.extraInfo {    padding-top: 5px;    padding-bottom: 2px;}
.extraInfo dl, .extraInfo dl a {    font-size: 8pt;}
.extraInfo dt {    width: 95px;    float: left;    font-weight: bold;    }
.extraInfo dd {    margin-left: 100px;    font-style:italic;    }


table.layoutTable {    width:100%;}
table.layoutTable, table.layoutTable tr, table.layoutTable tr td {    border:0;    margin:0;    padding:0;}

table.withBorders.tree td {	padding-top: 2px; padding-bottom: 2px; vertical-align: middle;}
.transparent 	
{
    filter:alpha(opacity=50);	
    -moz-opacity:0.5;	
    -khtml-opacity: 0.5;	
    opacity: 0.5;
}

/* Error */
body.errorBody .center { margin-left: auto;margin-right: auto; width:680px; }
body.errorBody .clear {font-size: 1px; height: 1px}
body.errorBody .errorReport { padding: 1em;}
body.errorBody #warning {vertical-align: text-top; margin-right: 1em; float: left; }

/* ajax modal dialog styles */
.modalBackground { 	background-color: Gray;	filter: alpha(opacity=50);	opacity: 0.5;	}
.modalBox { 	background-color : white;	border-style: none;	border-color: #3888d9; width: 635px;}
.modalBox .caption { 	background: #3888d9;	position: relative;color: White;	padding: 5px;}
.modalBox .contents {    padding:10px;    background:white;}
.modalBox .buttonsBar { width: 620px;}
.updateProgress {    background-color:#FFFFFF;    position:absolute;    width:250px;    height:140px;    vertical-align: middle;border: 2px solid #FF6633;}
.updateProgressMessage {    margin:auto;    font-size:10pt;    vertical-align: middle; }
 .divUpdateProgress  {     text-align:center;     margin-top:50px;     vertical-align: middle;}

/* tweb modal dialog styles */
.modalPanelTitle td { 	padding: 3px;	font-weight: bold;	font-size: 0.9em;	cursor: pointer;	color: black;	font-family: Verdana;	width: 100%;	height: 30px;	background-color: #6f90dc;}

table.checkboxList {    position:relative;    top: 2px;    display:block; border:0; padding:0;grid-cell:unset;}
body.adminBody .inputForm table.checkboxList label, table.checkboxList label {    float:none;    display: inline;    width:auto;    vertical-align:middle;}
body.adminBody .inputForm table.checkboxList td, table.checkboxList td  {    border:0; padding:2px 0 2px 0; min-width: 10px;}
table.checkboxList td.user {    vertical-align: middle;    padding-right: 2em;    padding-top: 2px;    padding-bottom: 2px;}
body.adminBody .inputForm table.checkboxList input, table.checkboxList input {    vertical-align: middle;    margin: 0 var(--eds-space-2);    padding:0; height:unset;}

table.radioList {    position:relative;    top: 2px;    display:block; border:0; padding:0;grid-cell:unset;}
table.radioList input[type="radio"] { margin-bottom: 3px;}
table.radioList tr.radio td label {    float:none;    display: inline;    width:auto;    vertical-align:middle; white-space: nowrap; }
table.radioList td  {    border:0; padding:2px 0 2px 0; min-width: 10px;}
table.radioList td.user {    vertical-align: middle;    padding-right: 2em;    padding-top: 2px;    padding-bottom: 2px;}
table.radioList input {    vertical-align: middle;  }

a.undecoratedLink, a:hover.undecoratedLink, a:visited.undecoratedLink {    text-decoration:none;    color:Black;}
a:hover.undecoratedLink { text-decoration: underline;}

#invoice body {	background-color: transparent;	font-size: 12pt;	max-width: 7in;}
#invoice .invoice {}
#invoice h4 {    font-size: 18pt;}
.invoice {    margin-top: 10px;    min-width:500px;}

.img24x24 {    width:24px;    height:24px;}
.img16x16 {    width:16px;    height:16px;}
.img48x48 {    width:48px;    height:48px;}
fieldset  .captcha { width: 376px;height:50px;}
fieldset  .smallNote {	font-size: 8pt;	font-style: italic;	width: 400px;	margin-left: 160px;	text-align: left;	} 
fieldset  .smallNoteWithMargin {	font-size: 8pt;	font-style: italic;	width: 400px;	margin-left: 160px;	text-align: left; margin-bottom: 10px;	} 
fieldset  .smallText {	font-size: 8pt;	font-style: italic;	}
body.mobile  fieldset   .smallNoteWithMargin {	width: 240px;	margin-left: 10px;	}

/* Nice buttons */

.btn {	margin: 2px 2px 2px 2px; padding: 5px 8px 5px 8px; display: block; background: #aaa; float: left; cursor: pointer; color: #fff; text-decoration: none; font-size:1em; min-width:10em;text-align:center; border: none;border-radius: 3px;}
.btn:visited, .btn:hover  { color: #fff;}    
.disabled.btn {	BACKGROUND: 	#cccccc; color: #fff;}
.blue.btn {	BACKGROUND: 	#f26724; speak: none;}

.disabled.btn:hover{ text-decoration: none; cursor:default;BACKGROUND: 	#cccccc;}


/* progress */
.ajax__progress_outer { 	border-top:solid 1px #000;	border-bottom:solid 1px #000;}
.ajax__progress_inner { 	position:relative;	border-left:solid 1px #000;	border-right:solid 1px #000;	margin:0 -1px;	height:10px;	background:url(../../images/progress_bg.gif) repeat-x;}
.ajax__progress_indicator {	width:0;	height:10px;	background:url(../../images/progress.gif) repeat-x;	overflow:hidden; }
.ajax__progress_info {	font-family:Verdana, Sans-Serif;	font-size:10pt;	text-align:center;	color:#666; }
.ajax__tab { border-bottom: 0;}


/* applied to the text while the progress is updating */
.updating .ajax__progress_info{ color:#000; }
.ajax__calendar_container { z-index:1000; }

/* -- Infopane -- */
.roundPanel {	margin-top: 1em;	margin-right: 1em;	padding: 0.5em;}
.roundPanel.float {    float:left;    border: 1px dashed #eee;}
.infoPaneForm, .infoPane {	width: 420px;	margin: 0.5em;	padding:0.5em;	background-color:  #D4F0FF;    border: dashed 1px #7f9db9;}
.infoPane.widePane {	width:590px;	margin: 0;}
.infoPane h5 {	color: black;	margin-bottom: 1em;	font-size: 11pt;}
.infoPane table td {    vertical-align:top;    padding: 5px;}
.infoPane table th {    vertical-align:top;    width: 12em;    font-weight: bold;    text-align: left;    padding: 5px;}
ol { 	padding-left: 20px;}

.backHeader .line2 { height:1px; background:#FF6633; margin-left:2px;margin-right:2px; }
.backHeader .line2 img { height:1px; }
.backHeader .line1 { height:1px; background:#FF6633; margin-left:1px;margin-right:1px; }
.backHeader .line1 img { height:1px; }
.backHeader .line0 { height:3px; background:#FF6633; margin-left:0;margin-right:0; }
.backHeader .line0 img { height:3px; } 

p.redirect { padding:5px;  color: Black;  font-size: 10pt;}
    
::-webkit-input-placeholder { color:    #999;}
:-moz-placeholder {    color:    #999;}
::-moz-placeholder {    color:    #999;}
:-ms-input-placeholder {    color:    #999;}

.clickable {       cursor: pointer;   }
.clickable:hover { text-decoration: underline;}

.imgBtn { display: inline-block; border: 1px solid transparent; white-space: nowrap; vertical-align: middle; text-decoration: none; color: var(--eds-text-default);  padding: 0 5px 0 5px; }
.imgBtn:hover { border: 1px dashed #ccc; text-decoration: underline;}
.imgBtn span { margin-right: 5px; }


/* https://github.com/DevExpress/AjaxControlToolkit/issues/125 */
.ajax__tab_default .ajax__tab_header { width: 100%; }
.ui-button-icon-only {text-indent: -9999px;}

/* Avoid font auto-resize on mobile*/
body.mobile * {max-height: 999999px;}

body.loginBody, body.loginBody2 .btn {min-width:6em;}
body.loginBody2 .btn {
	margin: 0;
}
.signout-panel {
	display: inline;
	position: relative;
	z-index: 3200;
}
input.chk-expander {
	display: none;
}
span.info-box {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: var(--eds-space-3);
	padding-left: var(--eds-space-10);
	margin: var(--eds-space-3) var(--eds-space-8);
	border: var(--eds-border-weight-md) solid var(--eds-border-informational-default);
	border-radius: var(--eds-border-radius-md);
}
span.info-box:before {
	position: absolute;
	top: var(--eds-space-4);
	left: var(--eds-space-3);
	width: 24px;
	height: 24px;
	background: url('../../images/sprite/imagelist.png') 0 -16px !important;
	content: '';
	filter: brightness(0) saturate(100%) invert(49%) sepia(90%) saturate(2960%) hue-rotate(168deg) brightness(96%) contrast(102%);
}
span.info-box > b,
span.info-box > p,
body.loginBody2.branding-default.style-dark span.info-box > p {
	color: var(--eds-text-informational-default);
	padding: 0;
	margin: var(--eds-space-2);
}
/* ============= - ================= */
body {
    --sdx-box-shadow-default: #00000018;
}
body.adminBody .username {	float:right;}
body.adminBody #orderTable {	margin-top: 1em;	margin-bottom: 1em;}
body.adminBody #orderTable td {    min-width: 4em;}
body.adminBody .rbRadio {    display:block;	margin-top: 0.4em;	margin-bottom: 0.4em;}
body.adminBody #paymentType{     display: inline;}
body.adminBody #paymentType td {    width:100px;    text-align: center;}
body.adminBody #paymentType label {    width: auto;}
body.adminBody .buttonsBarBlock {    position:relative;    width: 600px;}
body.adminBody .ratesPopup {	background-color: #E0F3FF;	padding: 1em;	z-index: 20000;	border: solid 3px #B8DBFF ;}
body.adminBody .ratesPopup table, body.adminBody .ratesPopup table td, body.adminBody .ratesPopup table th {    border-color: #B8DBFF;}
body.adminBody .ratesPopup table th {     background-color: #D0EDFF;}
body.adminBody .helpBox {
    min-height: 200px;
    padding: 0;
}
#rightContainerTable .helpBox h4 {
    border-top: 1px solid #ddd;
    margin: 0;
    padding: var(--eds-space-6) 0 0 0;
    font-size: 19px;
    line-height: 26px;
    font-weight: 500;
}
#rightContainerTable .helpBox h4:first-child {
    border-top: 0;
    padding: 0;
    font-size: 23px;
    line-height: 30px;
    font-weight: 500;
}
body.adminBody .helpBox ul {    padding: 0 0 var(--eds-space-6) 0; list-style: none; }
body.adminBody .helpBox ul:last-child {padding-bottom:0;}
body.adminBody .helpBox ul li {margin: var(--eds-space-2) 0;}
body.adminBody .helpBox ul li:last-child {margin-bottom: 0;}
/*body.adminBody .helpBox  p { font-size:9pt; line-height:1.5em;} 
body.adminBody .helpBox  li { font-size:9pt;} 
body.adminBody .helpBox  h4 { font-size: 10pt; padding-top: 10px; }*/

body.adminBody h1 { padding-top: 0; margin-top: 0; }
body.adminBody .fixedWidth {
    width: unset;
}
#rightContainerTable table.withBorders {
    border: 0;
    color: var(--eds-text-default);
}
#rightContainerTable table.withBorders .footerRow .filter,
#rightContainerTable table.withBorders .pagerRight span {
    font-size: 14px;
    line-height: 20px;
}
#rightContainerTable table.withBorders .footerRow .filter > span,
#rightContainerTable table.withBorders .pagerRight > span {
    display: inline-block;
    margin-right: var(--eds-space-2);
}
body.loginBody2.desktop #mainForm {
    border: var(--eds-border-weight-sm) solid var(--eds-border-subdued);
}
#rightContainerTable > tbody > tr:nth-of-type(2) > td > div {
    padding: var(--eds-space-8);
    padding-top: var(--eds-space-7);
    margin-bottom: var(--eds-space-3);
    margin-right: var(--eds-space-8);
    border-radius: var(--eds-border-radius-lg);
    background: var(--eds-surface-on-surface-default);
    box-shadow: 0 0 var(--eds-space-2) var(--sdx-box-shadow-default);
    border: var(--eds-border-weight-sm) solid var(--eds-border-subdued);
}
.pad-sides {
    padding: 0 var(--eds-space-2);
}
.toc {
    padding-top: var(--eds-space-1);
}
#rightContainerTable > tbody > tr:nth-of-type(2) > td.group-items > div {
    margin-bottom: unset;
    margin-right: unset;
    border-radius: unset;
    background: unset;
    box-shadow: unset;
}
a.logout-button {
    display: inline-block;
    border: 1px solid #ddd;
    display: inline-flex;
    padding: var(--eds-space-3) var(--eds-space-5);
    border-radius: 5px;
    background: rgba(255,255,255,0.2);
    box-shadow: 0 0 2px var(--sdx-box-shadow-default);
    text-decoration: none;
    min-width: 125px;
}
    a.logout-button::before {
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        margin: -4px 6px -4px -4px;
        background: url(../../images/sprite/imagelist.png) -288px -16px;
    }

html.dark-mode a.logout-button::before {
    filter: invert(1);
}

    a.logout-button:hover {
        box-shadow: 0 0 3px rgb(0,0,0,0.2) inset;
    }
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    #rightContainerTable > tbody > tr:nth-of-type(2) > td > div {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
}

    body .adminBody .summaryPane .errorReport { width: 99% !important;}

body.adminBody .packageDescription { font-weight:bold;white-space:nowrap; }
body.adminBody .recipientList { font-size:80%; font-style:italic; white-space:nowrap;}

body.adminBody .summaryPane table {	padding: 5px; padding-top:10px;}
body.adminBody .summaryPane .bodyRow {	padding: var(--eds-space-2) 0; display:block; }
body.adminBody .summaryPane .headerRow {
    width: 100%;
    text-align: left;
    margin: 0;
    border: none;
    padding: 0;
    white-space: nowrap;
    font-size: 23px;
    line-height: 30px;
    font-weight: 500;
}
body.adminBody .summaryPane table td {
    padding-bottom: var(--eds-space-4);
    color: var(--eds-text-subdued);
}
body.adminBody .summaryPane table td, body.adminBody .summaryPane table th {
    vertical-align: top;
    text-align: left;
    display: block;
}
body.adminBody .summaryPane table th {    padding-right:20px; padding-bottom:var(--eds-space-1);}
body.adminBody .summaryPane .headerRow img {	padding-left: 5px;	padding-right: 5px;}
body.adminBody .summaryPane .headerRow .cssimg {	display: none; }
body.adminBody .summaryPane .footerRow {	width: 100%; display:table;}
body.adminBody .summaryPane .footerRow .flatMenu { clear:both; margin:0;}
body.adminBody .summaryPane .footerRow .flatMenu div {	display: flex; justify-content: right; padding: 0; }

body.adminBody .billingAdditional {	margin-bottom: 1.5em;	margin-right: 1em;	display: table;	padding: 0;	width:100%; ;}
body.adminBody .billingAdditional .bodyRow {	padding: 10px 0 10px 0; display:block; }
body.adminBody .billingAdditional table {	background-color:  #D4F0FF;    border: dashed 1px #7f9db9;    width:610px;    margin-top: 10px;  }
body.adminBody .billingAdditional table td, body.adminBody .billingAdditional table th {	vertical-align: top;	padding:5px 10px 5px 10px;text-align:left;}
body.adminBody .billingAdditional .footerRow {    padding-top: 5px;	padding-bottom: 5px;	width: 620px;	display: table;	padding-right: 0;}
body.adminBody .billingAdditional .footerRow .flatMenu { 	padding: 0;	padding-right: 5px;	margin:0;}
body.adminBody .billingAdditional .footerRow .flatMenu div {	float:right; padding: 0 5px 0 10px; }

html.dark-mode body.adminBody .hint {background-color: var(--eds-surface-warning-default);border-color: var(--eds-surface-warning-default);}
body.adminBody .hint {    width:620px;    background: #FBFFE0;    border: 10px solid #FBFFE0;}
body.adminBody .hint td, body.adminBody .hint th {    vertical-align:middle;}
body.adminBody .hint img {    padding-left: 20px;    padding-right: 20px;}
body.adminBody .toc h4 {	margin-top: 1em;}
body.adminBody table.demTable td { vertical-align: top;}
body.adminBody table.demItemTable {    width:300px;  min-height: 80px;   margin:3px;    padding:3px;    border: solid 1px var(--eds-border-default);    background:var(--eds-surface-control-default);    height:70px;     vertical-align:top;    border-collapse:separate; border-spacing:1px;}
body.adminBody table.demItemTable a.linkEdit, body.adminBody table.demItemTable a:hover.linkEdit{    font-weight:bold;    text-decoration:none;    color:Black;}
body.adminBody table.demItemTable.active a.linkEdit, body.adminBody table.demItemTable a:hover.linkEdit {    text-decoration: underline;    color:#47A5D8;    }
body.adminBody table.demItemTable .description {    font-size:12px; line-height:14px; padding-top:5px; padding-bottom: 5px; }
body.adminBody table.demItemTable.newItem {    background:var(--eds-surface-control-default);    border: dashed 1px var(--eds-border-default);    cursor: pointer;   }
body.adminBody table.demItemTable.newItem.selected {    border: dashed 1px var(--eds-surface-control-hovered);   }
body.adminBody table.demItemTable.selected {        background: var(--eds-surface-control-hovered);}

body.adminBody table.innerFieldset {    position:relative;    top: -5px;    display:block; border:0; padding:0;grid-cell:unset;}
body.adminBody table.innerFieldset label {    float:none;    display: inline;    width:auto;    vertical-align:middle;}
body.adminBody table.innerFieldset td  {    border:0; padding:2px 0 2px 0; min-width: 10px;}
body.adminBody table.innerFieldset td.user {    vertical-align: middle;    padding-right: 2em;    padding-top: 2px;    padding-bottom: 2px;}
body.adminBody table.innerFieldset input {    vertical-align: middle;    margin: 0 0 0 5px;    padding:0;}

body.adminBody iframe.demTextPreview { width:100%; height:300px;border:2px inset #eee; }

body.adminBody a.lnkName, body.adminBody a.lnkName::selection, body.adminBody a.lnkName:visited{ font-weight: bold; color: black; text-decoration: none;}


body.adminBody table, body.adminBody .ajax__tab_tab , body.adminBody p {    font-size: 10pt;}

body.adminBody  .reviewOrder {    width: 620px;}

body.adminBody.mobile        {    min-width: 800px !important;}


body.adminBody #available { margin-left:-20px;margin-top:4px;vertical-align: top;height:16;width:16px;}

body.adminBody .wideForm { width: 98%; min-width:650px; }
body.adminBody .wideForm .buttonsBar { width:98%;}
body.adminBody .wideForm fieldset { width: 98%; }
body.adminBody .wideForm label { width: 20%; }
body.adminBody .wideForm .inputText { width: 75%; }
body.adminBody .wideForm .inputSelect { width: 75%;}

body.adminBody .extraWideForm {
    max-width: 1200px;
}

.errorReport.extraWideForm, .successReport.extraWideForm {
    width: 100%;
}


body.adminBody .wideForm fieldset .smallNote {
        font-size: 8pt;
        font-style: italic;
        width: 75%;
        margin-left: 21%;
        text-align: left;
    }

    body.adminBody .wideForm fieldset .smallNoteWithMargin {
        font-size: 8pt;
        font-style: italic;
        width: 75%;
        margin-left: 21%;
        text-align: left;
        margin-bottom: 10px;
    }

body.adminBody .proportional { font-family: Consolas,Courier New; font-size:8pt;}

body.adminBody .slwider { width: 625px;}
body.adminBody .simplePolicyView { background:#E4FFE0; width:600px;}
body.adminBody .simplePolicyView pre { word-wrap: break-word;font-family: Consolas,Courier New; font-size:8pt;overflow-x: scroll; }
body.adminBody table.demTextsTable { width:100%;}
body.adminBody table.demTextsTable, body.adminBody td.demTextsTable, body.adminBody th.demTextsTable {    border: solid 1px #888;  font-size: 10pt; }
body.adminBody td.demTextsTable, body.adminBody th.demTextsTable {    padding:2px; }
body.adminBody th.demTextsTable { background: white;text-align: left; white-space: nowrap; width: 50px;}
body.adminBody td.demTextsTable { background: white;}
body.adminBody th.demTextsHeader { background: white;text-align:left;padding:8px 4px 4px 4px; background:#E4FFE0;}
body.adminBody td.demTextsTable pre { white-space: pre-wrap; max-width: 1000px;}

body.adminBody .CodeMirror-scroll {    max-height: 800px;min-height:100px; }
body.adminBody .CodeMirror.cm-s-readOnly {     background: var(--eds-surface-disabled);}
body.adminBody .CodeMirror.cm-s-default {     background: var(--eds-background-default);}
body.adminBody .CodeMirror-gutters { background: var(--eds-surface-control-default); }
body.adminBody .CodeMirror-linenumber { color: var(--eds-text-default); }

body.adminBody .policyNoteDetails .CodeMirror-scroll { max-height: 200px; min-height: 100px;}
body.adminBody .modalBox fieldset .CodeMirror { max-width:570px;}


body fieldset .smallNote {
    width: unset;
    margin-left: unset;
}

body input:not([type='image']),
body select,
body fieldset select,
body .inputSelect,
body fieldset input:not([type='image']),
body .inputText,
body .inputTextNarrow,
body .inputTextTime,
body .inputTextDate,
body .inputTextWide {
    border-radius: var(--eds-border-radius-md);
    padding: var(--eds-space-2) var(--eds-space-3);
    border: 1px solid var(--eds-border-default);
    margin: 0 0 var(--eds-space-3) 0;
    height: 36px;
    background: var(--eds-surface-default);
    color: var(--eds-text-default);
}
body .inputText[readonly], 
body .inputTextDate[readonly], 
body .inputTextTime[readonly], 
body .inputTextNarrow[readonly],
body .input:disabled, 
body select:disabled option, 
body textarea:disabled{
    background: var(--eds-surface-disabled);
}
body input.has-small-note {
    margin-bottom: var(--eds-space-1);
}

body.adminBody select,
body.adminBody fieldset select,
body.adminBody .inputSelect,
html.dark-mode body.adminBody select,
html.dark-mode body.adminBody fieldset select,
html.dark-mode body.adminBody .inputSelect {
    padding-left: var(--eds-space-2);
    padding-right: var(--eds-space-8);
    appearance: none;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: center;
    background-color: var(--eds-surface-default);
    color: var(--eds-text-default);
}

body.adminBody select,
body.adminBody fieldset select,
body.adminBody .inputSelect {
    background-image: url(../../images/navigate_down.gif);
}

html.dark-mode body.adminBody select,
html.dark-mode body.adminBody fieldset select,
html.dark-mode body.adminBody .inputSelect {
    background-image: url(../../images/navigate_down_dark.gif);
}

body .HeaderContainer select {
    margin: 0;
    min-width: 0;
}

body.adminBody .inputForm label {
    margin: 0;
    padding: 0 0 var(--eds-space-1) 0;
    font-size: 14px;
    line-height: 20px;
}

body .signout-panel {
    display: flex;
    align-items: center;
    justify-content: end;
}

body .HeaderContainer {
    padding: var(--eds-space-8);
    padding-bottom: 0;
}

body.adminBody label.for-checkbox-list {
    padding-top: 4px;
}

body.adminBody table.checkboxList input {
    padding: 0;
    margin: 0 var(--eds-space-2) 0 0;
    height: unset;
}

.inputForm fieldset {
    width: 100%;
}
body fieldset textarea,
.inputForm fieldset textarea {
    resize: vertical;
    min-height: 72px;
    padding: var(--eds-space-2) var(--eds-space-3);
    border-color: var(--eds-border-default);
    background-color: var(--eds-surface-default);
    color: var(--eds-text-default);
}
body fieldset textarea[readonly],
.inputForm fieldset textarea[readonly] {
    border-color: var(--eds-border-subdued);
    background-color: var(--eds-surface-subdued);
    color: var(--eds-text-subdued);
}
body .ContentsContainer .left {
    padding: 0 var(--eds-space-8);
    width: 290px;
}
body #side-nav {
    padding: 0;
    padding-top: var(--eds-space-10);
    width: 226px;
}
body #side-nav > ul {
    margin: 0;
    border: 0;
}
#side-nav > ul > li {
    border-bottom: 1px solid var(--eds-border-subdued);
}
#side-nav > ul > li,
#side-nav > ul > li > ul > li {
    margin: 0;
    min-height: 46px;
    padding: 0;
}
#side-nav > ul > li > ul > li {
    padding-left: var(--eds-space-4);
}
#side-nav > ul > li > a, 
#side-nav > ul > li > span.block{
    font-weight: 500;
}
body #side-nav ul > li > a.special {
    font-style: normal;
}
#side-nav > ul > li > a, 
#side-nav > ul > li > span.block,
#side-nav > ul > li > ul > li > a, 
#side-nav > ul > li > ul > li > span.block {
    margin: 0;
    padding: var(--eds-space-3) 0;
    font-size: 16px;
    line-height: 20px;
}
#side-nav > ul > li,
#side-nav ul li > .chk-expander:checked ~ a {
    position: relative;
}
#side-nav ul li > .chk-expander ~ a:last-child::before,
#side-nav ul li > .chk-expander ~ label:nth-last-child(3)::after {
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    left: 200px;
    width: 11px;
    height: 11px;
    margin: 4px;
    border-top: 3px solid var(--eds-border-default);
    border-right: 3px solid var(--eds-border-default);
    cursor: pointer;
    z-index: 0;
    transition: transform 0.4s ease-in-out;
}
#side-nav ul li > .chk-expander ~ label:nth-last-child(3)::after,
#side-nav ul li > .chk-expander ~ a:last-child::before {
    transform: rotate(135deg);
}
#side-nav ul li > .chk-expander:checked ~ label:nth-last-child(3)::after {
    transform: rotate(315deg);
}
#side-nav ul li > .chk-expander ~ ul {
    height: 0;
    overflow: hidden;
}
#side-nav ul li > .chk-expander:checked ~ ul {
    height: unset;
}
#side-nav ul li > .chk-expander:checked ~ a:nth-last-child(2),
#side-nav ul li > a:nth-last-child(2) {
    width: unset;
}
body #side-nav ul > li.selected > a {
    color: unset;
    font-weight: 500;
}
body #side-nav ul li a,
body #side-nav ul li li a {
    width: unset;
    display: inline-flex;
    flex-direction: column;
    text-wrap: auto;
}

body #side-nav ul li.selected > a {
    width: unset;
    display: inline-flex;
    flex-direction: column;
}
body #side-nav ul li.selected > a:after {
    width: 100%;
}
body #side-nav ul a:active,
body #side-nav ul a:hover {
    text-decoration: none;
}
#side-nav a::after {
    content: '';
    border-bottom: 2px solid var(--eds-text-default);
    width: 0%;
    transition: width 0.5s;
}

#side-nav a:hover::after {
    width: 100%;
}

td.page-info {
    padding: 0;
    vertical-align: middle;
    display: flex;
    align-items: center;
}

td.page-info > span {
    display: inline-block;
    font-size: 21px;
    font-weight: 500;
    margin: var(--eds-space-1) var(--eds-space-4);
}
table.headerTable {
    max-width: 100%;
    display: flex;
}
table.headerTable > tbody {
    max-width: 100%;
    display: flex;
    flex: 1;
}
table.headerTable tr {
    max-width: 100%;
    display: flex;
    flex: 1;
    align-content: center;
}
table.headerTable tr td {
    align-content: center;
    flex: 0;
}
table.headerTable tr td:nth-child(2) {
    flex: 1;
    min-width: 0;
    text-align: right;
}
table.headerTable tr td:nth-child(2) > label {
    margin-right: var(--eds-space-2);
}
table.headerTable tr td:last-child div > div {
    margin: 0 var(--eds-space-8);
    display: flex;
    flex-direction: column;
}
table.headerTable tr td:last-child div > div > a {
    font-size: 16px;
    line-height: 24px;
    text-wrap-mode: nowrap;
    text-decoration: none;
}
table.headerTable tr td:last-child div > div > b {
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
}
body .right,
body #rightContainerTable {
    width: 100%;
}
body table.withBorders {
    width: 100%;
}
body table.withBorders tr.menuRow {
    border-top: 0;
}
body table.withBorders tfoot tr.menuRow:last-child {
    background: unset;
}
body table.withBorders > tfoot > tr.menuRow:last-child > td {
    padding: var(--eds-space-2) 0 0 0;
}
body table.withBorders > tfoot > tr > td > a {
    margin: 0 0 0 var(--eds-space-4) !important;
}

body table.withBorders tr.selectable:hover, 
body table.withBorders tr.selectable:hover fieldset {
    background: var(--eds-surface-critical-hovered);
}

body table.withBorders tr.selectable td {
    text-align: left !important;
}

body table.withBorders tr.selectable td.number {
    text-align: right !important;
}

body table.withBorders thead {
    background: var(--eds-surface-default);
}

html body.loginBody2 input[type=checkbox] {
    margin: 0;
}

html body .modalBackground {
    display: none;
}

html body .modalBox {
    box-shadow: var(--eds-space-050) var(--eds-space-050) var(--eds-space-3) var(--sdx-box-shadow-default);
}

html body .modalBox .caption {
    background: var(--eds-surface-information-default);
    color: var(--eds-text-default);
}

html body .modalBox .contents {
    background: var(--eds-surface-default);
    color: var(--eds-text-default);
}

.popup-background {
    width: 100%;
    height: 100%;
    background: #000000bb;
    position: fixed;
    z-index: 100001;
    overflow: auto;
}

body .modalBox .buttonsBar {
    width: unset;
}

.invite-user-buttons {
    width: 100%;
}

.invite-user-buttons tr {
display: flex;
justify-content: space-between;
}

.invite-user-buttons td {
display: flex;
align-items: center;
}

.invite-user-buttons td:first-child {
    align-items: start;
    flex-direction: column;
    justify-content: center;
}

.invite-user-buttons td:first-child div {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#noActivationSingle,
#noActivationMultiple {
    color: var(--eds-text-critical-default)
}

.invite-user-buttons td:last-child {
    justify-content: end;
    padding: 0 var(--eds-space-3) 0 0;
}

body .invite-user-buttons input[type='checkbox'],
body .invite-user-buttons div input[type='checkbox'] {
    margin: 0 var(--eds-space-1);
    height: unset;
}
body.adminBody #rightContainerTable > tbody div.ui-settings {
    margin-bottom: var(--eds-space-6);
    width: 680px;
}
.ui-setting {
    display: flex;
    align-items: center;
    margin: var(--eds-space-2) 0;
}
.ui-setting > input[type='checkbox'] {
    margin-left: var(--eds-space-2);
}

input[type='checkbox'].color-scheme-toggle {
    position: relative;
    appearance: none;
    width: 50px;
    height: 30px;
    border-radius: 15px;
    background: var(--eds-surface-disabled);
    box-shadow: var(--sdx-box-shadow-default) 0 0 2px inset;
    margin-bottom: 0;
}

input[type='checkbox'].color-scheme-toggle:before {
    position:absolute;
    top: 3px;
    left: 3px;
    content:'';
    width: 22px;
    height: 22px;
    border-radius: 15px;
    background-color: var(--eds-actions-primary-default);
    box-shadow: var(--sdx-box-shadow-default) 0 0 3px;
    transition: left 0.25s ease-in-out;
}

input[type='checkbox'].color-scheme-toggle:checked:before {
    left: 23px;
    background-color: var(--eds-actions-success-default);
    transition: left 0.25s ease-in-out;
}

.head-color-toggle {
    align-items: center;
    vertical-align: bottom;
}

.head-color-toggle > input[type='checkbox'].color-scheme-toggle {
    align-items: center;
    vertical-align: bottom;
}

.gv-version-label + div {
    padding: 0 var(--eds-space-8);
}

body.adminBody a {
    color: var(--eds-text-interactive-default);
}

body.adminBody a:hover {
    color: var(--eds-text-interactive-hovered);
}

body.adminBody .successReport {
    width: unset;
}

body .ajax__tab_xp .ajax__tab_body {
    border: unset;
    border-radius: var(--eds-border-radius-lg);
    background: unset;
}

body.mediaViewBody .ajax__tab_xp table.main,
body.mediaViewBody .ajax__tab_xp .ajax__tab_body fieldset {
    background: unset;
}

body.adminBody table.withBorders tbody tr.selectable {
    border-bottom: var(--eds-border-weight-sm) solid var(--eds-border-subdued);
}

body.adminBody table.withBorders tbody tr.selectable.row-lined {
    border-bottom: 0;
}

.label-input-pair {
    display: flex;
    align-items: baseline;
}

.withBorders .label-input-pair .inputText {
    min-width: 370px;
    flex-grow: 1;
}

.simplePolicyView pre {
    background-color: var(--eds-surface-default)
}

table.radioList tr.radio > td {
    padding-right: var(--eds-space-2);
}

.popup-background .caption,
.popup-background .caption > div:first-child {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.popup-background .caption .windowCloseButton {
    float: unset;
    margin-right: var(--eds-space-1);
}

.popup-background .caption > *:last-child,
.popup-background .caption > div:first-child > *:last-child {
    flex-grow: 1;
    margin-left: var(--eds-space-2);
}

.popup-background fieldset label {
    margin: 0;
    padding: 0;
}

.popup-background .contents {
    padding: 0 var(--eds-space-3);
}

.popup-background .contents > p:first-child {
    padding-bottom: var(--eds-space-5);
}

body.adminBody .inputTextWide {
    width: 540px;
}

textarea[rows="15"] {
    height: 150px;
}

body.adminBody .CodeMirror-gutters {background-color:var(--eds-surface-control-default);}
body.adminBody .CodeMirror-linenumber {color: var(--eds-text-default);}

body.adminBody .CodeMirror.cm-s-readOnly {background: var(--eds-surface-disabled);}
body.adminBody .CodeMirror.cm-s-default {background: var(--eds-background-default);}


body.adminBody .cm-s-default .cm-keyword {color: var(--eds-text-decorative-magenta-default);}
body.adminBody .cm-s-default .cm-atom {color: var(--eds-text-informational-default);}
body.adminBody .cm-s-default .cm-number {color: var(--eds-text-success-subdued);}

body.adminBody .cm-s-default .cm-string,
body.adminBody div.CodeMirror span.CodeMirror-nonmatchingbracketv{color: var(--eds-text-critical-default);}
body.adminBody .cm-s-default .cm-builtin {color: var(--eds-text-decorative-purple-default);}
body.adminBody .cm-s-default .cm-meta,
body.adminBody .cm-s-default .cm-qualifier {color: var(--eds-text-subdued);}
body.adminBody .cm-s-default .cm-tag {color: var(--eds-text-success-default);}
body.adminBody .cm-s-default .cm-attribute {color: var(--eds-text-interactive-default);}



.sdx-filterable-initial-load { color: var(--eds-text-informational-default); }
.sdx-filterable-parent { position: relative; display: flex; align-items: center; justify-content: end; }
.sdx-filterable-parent > *:first-child { margin-right: var(--eds-space-2); }

div.sdx-filterable-click-off { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: transparent; display: none; z-index: 1000000; }
div.sdx-filterable-holder { position: relative; display: inline-block; top: -18px; }
div.sdx-filterable-holder > div { position: absolute; background: var(--eds-background-default); border: 1px solid var(--eds-border-default); outline: 2px solid var(--eds-border-strong); border-radius: var(--eds-border-radius-md); display: none; z-index: 1000001; }
div.sdx-filterable-search-div { padding: 0; width: 100%; }
div.sdx-filterable-search-div > input { border: 0; width: 100%; border-radius:  var(--eds-border-radius-md)  var(--eds-border-radius-md) 0 0; border-bottom: 1px solid var(--eds-border-default); padding: var(--eds-space-2) var(--eds-space-4); margin: 0; }
div.sdx-filterable-search-div > input:active, div.sdx-filterable-search-div > input:focus, div.sdx-filterable-search-div > input:focus-visible, div.sdx-filterable-search-div > input:focus-within { outline-width: 0; }
div.sdx-filterable-list-div { overflow-y: auto; }
div.sdx-filterable-item { cursor: pointer; padding: var(--eds-space-2) var(--eds-space-4); text-align:left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
div.sdx-filterable-item:hover { background: var(--eds-surface-control-hovered); }
div.sdx-filterable-item.selected { background: var(--eds-surface-control-disabled); color: var(--eds-text-disabled); }

body.adminBody div.simplePolicyView > table.demTextsTable { color: var(--navy-alpha-16); }
body.adminBody div.simplePolicyView > table.demTextsTable td.demTextsTable > pre { background: var(--white-alpha-16);max-width: unset;overflow-y: auto;overflow-x: visible; }
body.adminBody #rightContainerTable table.demTextsTable td > h1 { color: unset; }
body.adminBody #rightContainerTable table.withBorders.margin-bottom-0 { margin-bottom: 0; }
body.adminBody.popup #rightContainerTable table.withBorders { margin-left:0; margin-bottom:0 }

html.dark-mode body .CodeMirror-cursor { border-left: 1px solid #fff; }

fieldset#fldAdmin, fieldset#fldOther { background: var(--eds-surface-control-default); padding: var(--eds-space-3); }

.cssimg.img_delete24:hover {
    filter: brightness(0) saturate(100%) invert(28%) sepia(67%) saturate(1309%) hue-rotate(329deg) brightness(103%) contrast(109%);
}
body.adminBody .inputTextDate {	width:120px;}
body.adminBody .inputTextTime {	width:120px;}

/* ============= - ================= */
body.loginBody {    min-width: 700px !important; }
body.loginBody p { 	text-align: left; }
body.loginBody .inputText {	width:220px;	padding-right: 0px;}
body.loginBody fieldset label {	width:100px; margin-top: 3px;}
body.loginBody fieldset {	width:360px; margin: 10 auto 10 auto; padding-left: 30px;}
body.loginBody .errorReport { 	width: 350px;margin-left:20px;}
body.loginBody .buttonsBar { 	width:350px;position:relative;}
body.loginBody .inputForm { 	width:370px; }
body.loginBody #LoginUpdate { 	margin-top: 1em;}
body.loginBody #switchLogo { display:block;margin:40px auto 10px auto;filter:unset; }
body.loginBody .ContentsContainer { width: 700px; margin-left:auto; margin-right: auto; padding-top: 0px; padding-bottom: 0px;}

body.loginBody.desktop #mainForm,
body.loginBody.desktop #bottomLinks {
    float: left;
    background: var(--eds-surface-on-surface-default);
    border: 1px solid var(--eds-border-subdued);
    -moz-box-shadow: 0 3px 18px var(--sdx-box-shadow-default);
    -webkit-box-shadow: 0 3px 18px var(--sdx-box-shadow-default);
    box-shadow: 0 3px 18px var(--sdx-box-shadow-default);
}
body.loginBody.desktop #mainForm {
    width: 440px;
    margin-top: var(--eds-space-12);
    -webkit-border-radius: var(--eds-border-radius-md);
    -moz-border-radius: var(--eds-border-radius-md);
    border-radius: var(--eds-border-radius-md);
    z-index: 510;
    position: relative;
}
body.loginBody.desktop #bottomLinks {
    display: block;
    padding: var(--eds-space-6) var(--eds-space-8);
    margin: 0;
    clear: none;
    width: 300px;
    margin-top: calc(100px + var(--eds-space-8));
    border-left: 0px none;
    z-index: 0;
    -webkit-border-top-right-radius: var(--eds-border-radius-md);
    -moz-border-radius-topright: var(--eds-border-radius-md);
    -webkit-border-bottom-right-radius: var(--eds-border-radius-md);
    -moz-border-radius-bottomright: var(--eds-border-radius-md);
}
/*body.loginBody.desktop #bottomLinks  p { font-size:9pt;}*/
body.loginBody.desktop #bottomLinks a {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0px;
    margin: 15px 0px 0px 0px;
    display: block;
    color: var(--eds-text-interactive-default);
}
body.loginBody.desktop #bottomLinks a:hover {
    color: var(--eds-text-interactive-hovered);
}
body .loginBody.desktop #bottomLinks a.big { font-size: 1.5em;}


/* (body.loginBody.mobile .HeaderContainer { display:none;} */
body.loginBody.mobile #bottomLinks p { display: none;}
body.loginBody.mobile {    max-width: 320px !important; min-width: 320px !important;width:320px; }
body.loginBody.mobile #bottomLinks   {	padding-top: 1em; margin-left:0px;}
body.loginBody.mobile #bottomLinks a {	padding: 2px 10px 2px 10px;  display:block; }
body.loginBody.mobile .inputText { width: 180px }
body.loginBody.mobile label { width: 70px; margin-left:0;  }
body.loginBody.mobile .inputForm { 	width:280px; }
body.loginBody.mobile #switchLogo { display:block;margin:20px 0 0px 20px; }
body.loginBody.mobile .ContentsContainer { width: 300px; margin-left:auto; margin-right: auto; padding-top: 0px; padding-bottom: 30px;}
body.loginBody.mobile .buttonsBar { 	width:280px; }
body.loginBody.mobile .errorReport { width: 260px; margin: 15px 0px 5px 10px; padding: 5px 10px 5px 10px;}
body.loginBody.mobile fieldset { width: 260px !important; padding:10px 10px 10px 10px; margin:0px 0px 0px 10px;  }


body.errorBody .ContentsContainer { width: 600px; margin-left:auto; margin-right: auto; padding-top: 20px; padding-bottom: 30px;} 
body.errorBody .errorReport { width:600px; margin-left:0px; }

body.loginBody .federatedSignIn button { height: 40px; }
body.loginBody .federatedSignIn button img { float:left; }
body.loginBody .federatedSignIn button span { margin-top:5px; }



/* ============= - ================= */
body.loginBody2 {    min-width: 700px !important; }
body.loginBody2 h1 { margin-bottom: 5px; }

body.loginBody2 p { 	text-align: left; }
body.loginBody2 .inputText {	width:380px;	margin-top: 5px; padding-right: 0px; display: block;}
body.loginBody2 fieldset label {	margin-top: 3px; margin-left: 0px; float: none; width: auto;}
body.loginBody2 fieldset {	width:370px; margin: 10px auto 0 auto; padding-left: 20px; padding-bottom: 0;}
body.loginBody2 .errorReport { 	width: 380px;margin-left:20px;}
body.loginBody2.desktop fieldset .buttonsBar { 	width:380px;position:relative;}
body.loginBody2 .inputForm { 	width:370px; }
body.loginBody2 #LoginUpdate { 	margin-top: 1em;}
body.loginBody #switchLogo, body.loginBody2 #switchLogo { display:block;margin:30px auto 10px 30px; }
html.dark-mode body.loginBody2 #switchLogo {background-image: url(../../images/branding/kb4-logo-dark.svg); filter:invert(0);}
body.loginBody2 .ContentsContainer { width: 380px; margin-left:auto; margin-right: auto; padding-top: 0px; padding-bottom: 0px;} 

body.loginBody2.desktop #mainForm { width:420px; padding-bottom:20px; margin-top:20px; float:left;  background: var(--eds-surface-on-surface-default);
                                   -webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px;    z-index: 510; position:relative;
                                   -moz-box-shadow: 0 3px 18px #aaa; -webkit-box-shadow:     0 3px 18px #00000018; box-shadow: 0 3px 18px #00000018; }


body.loginBody2 p.help { margin-bottom: 1em;}
/* (body.loginBody2.mobile .HeaderContainer { display:none;} */
body.loginBody2.mobile {
    max-width: 320px !important;
    min-width: 320px !important;
    width: 320px;
}
body.loginBody2 #bottomLinks   {	padding-top: 1.5em; margin-left:0px;}
body.loginBody2 #bottomLinks a {	padding: 10px 0 5px 0;  display:block; }
body.loginBody2.mobile .inputText { width: 280px }
body.loginBody2.mobile label { width: 200px; margin-left:0;  }
body.loginBody2.mobile .inputForm { 	width:300px; }
body.loginBody2.mobile #pRedirectHelp { 	padding-bottom: 10px; }
body.loginBody2.mobile #switchLogo { display:block;margin:20px 0 0px 20px; }
body.loginBody2.mobile .ContentsContainer { width: 300px; margin-left:auto; margin-right: auto; padding-top: 0px; padding-bottom: 0px;}
body.loginBody2.mobile .buttonsBar { 	width:280px; }
body.loginBody2.mobile .errorReport { width: 280px; margin: 15px 0px 5px 10px; padding: 5px 10px 5px 10px;}
body.loginBody2.mobile fieldset { width: 260px !important; padding:10px 10px 10px 10px; margin:0px 0px 0px 0px;  }
body.loginBody2.divCannotSignIn { margin-left: 0;}

body.errorBody.mobile .ContentsContainer {
    width: 380px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 30px;
} 
body.errorBody.mobile  .errorReport { width:380px; margin-left:0px; }

body.loginBody2 .federatedSignIn button { height: 40px; }
body.loginBody2 .federatedSignIn button img { float:left; }
body.loginBody2 .federatedSignIn button span { margin-top:5px; }
body.loginBody2 hr.ssoOverride { margin-top: 20px;}


body.loginBody2 .loginChoice { margin-bottom: 30px; }
body.loginBody2 .loginChoice p { margin: 5px 0 15px 0; }
body.loginBody2 .loginChoice td { padding: 3px 0px 3px 5px;}
body.loginBody2 .loginChoice label { display: inline-block; }
body.loginBody2 table.radioList tr.radio td label { white-space: normal;}
/* ============= - ================= */
html body.loginBody2.branding-default.style-dark ,
html body.loginBody2.branding-default.style-light {  
	background-repeat: no-repeat;
	background-color: #0F1522;
	background-position: 0 0;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
}

html body.loginBody2.branding-default.style-light {
	background-color: #FFF;
	background-image: url('../../images/branding/bg-light.svg');
	background-size: cover !important;
}
html.dark-mode body.loginBody2.branding-default.style-light {
	background-image: url('../../images/branding/bg-dark.svg');
}

html body.loginBody2.branding-default.style-dark {
	background-color: #0F1522;
	background-image: url('../../images/branding/bg-dark.svg');
	background-size: cover !important;
}

/* Center vertically */
html body.loginBody2.desktop.branding-default.style-light .ContentsContainer ,
html body.loginBody2.desktop.branding-default.style-dark .ContentsContainer  { 	justify-content: center;	}
html body.loginBody2.desktop.branding-default.style-light #mainForm ,
html body.loginBody2.desktop.branding-default.style-dark #mainForm  { 	margin-top: 0; }


html body.loginBody2.branding-default.style-light .backContents,
html body.loginBody2.branding-default.style-dark .backContents { background: inherit; }

html body.loginBody2.branding-default.style-light .backHeader, 
html body.loginBody2.branding-default.style-dark .backHeader { display: none; }

html body.loginBody2.branding-default.style-light #infoBar,
html body.loginBody2.branding-default.style-dark #infoBar { display: none; }

html body.loginBody2.branding-default.style-dark, 
html body.loginBody2.branding-default.style-dark table, 
html body.loginBody2.branding-default.style-dark p, 
html body.loginBody2.branding-default.style-dark input, 
html body.loginBody2.branding-default.style-dark label, 
html body.loginBody2.branding-default.style-dark a { font-size: 14px; line-height: 20px; color: #FCFCFC;}

html body.loginBody2.branding-default.style-light, 
html body.loginBody2.branding-default.style-light table, 
html body.loginBody2.branding-default.style-light p, 
html body.loginBody2.branding-default.style-light input, 
html body.loginBody2.branding-default.style-light label, 
html body.loginBody2.branding-default.style-light a { font-size: 14px; line-height: 20px; }



html body.loginBody2.branding-default.style-light .errorReport p, 
html body.loginBody2.branding-default.style-light .errorReport a, 
html body.loginBody2.branding-default.style-light .errorReport { color: rgba(255, 97, 97, 1); }
html body.loginBody2.branding-default.style-light .errorReport {
    margin-top: 20px;
	border: 1px solid rgba(255, 97, 97, 1);
	border-radius: 8px;
	background: rgba(255, 97, 97, 0.1);
}

html body.loginBody2.branding-default.style-dark .errorReport p, 
html body.loginBody2.branding-default.style-dark .errorReport a, 
html body.loginBody2.branding-default.style-dark .errorReport { color: rgba(255, 97, 97, 1); }
html body.loginBody2.branding-default.style-dark .errorReport {
    margin-top: 20px;
	border: 1px solid rgba(255, 97, 97, 1);
	border-radius: 8px;
	background: rgba(255, 97, 97, 0.1);
}


html body.loginBody2.branding-default.style-dark h1 { font-size: 28px; color: #FCFCFC;}
html body.loginBody2.branding-default.style-dark .inputText,html body.loginBody2.branding-default.style-dark .inputTextNarrow { background: rgba(252, 252, 252, 0.05); color: #FCFCFC; }


html body.loginBody2.branding-default.style-dark #switchLogo { 	background-image: url('../../images/branding/kb4-logo.svg');	}
html body.loginBody2.branding-default.style-light #switchLogo { 	background-image: url('../../images/branding/kb4-logo.svg');	}
html.dark-mode body.loginBody2.branding-default.style-light #switchLogo { 	background-image: url('../../images/branding/kb4-logo-dark.svg');	}

html body.loginBody2.branding-default #switchLogo
{
	background-repeat: no-repeat;
	background-size: contain;  
	width: 151px; height: 61px;
}
html body.loginBody2.branding-default.style-light .blue.btn {	background: var(--eds-actions-kb4-primary-default) ;}
html body.loginBody2.branding-default.style-dark .blue.btn {	background: var(--eds-actions-kb4-primary-default);}

html body.loginBody2.branding-default.style-light #mainForm {	background: var(--eds-surface-default); }
html body.loginBody2.branding-default.style-dark #mainForm 
{ 
	background: rgba(252, 252, 252, 0.05);
	color: #FCFCFC; 
}
html body.loginBody2.mobile.branding-default.style-light #mainForm ,
html body.loginBody2.mobile.branding-default.style-dark #mainForm  { 
    margin-top: 10px;
	padding-top: 5px;
	border-radius: 10px !important;
}

html body.loginBody2.desktop.branding-default.style-dark #mainForm  {                                                  
	border: 1px solid rgba(252, 252, 252, 0.10);
	border-radius: 10px !important;
	/* Shadow SM */
	box-shadow: 0px 5px 20px 0px rgba(15, 21, 34, 0.05);
}

html body.loginBody2.desktop.branding-default.style-light #mainForm  {                                                  
	border-radius: 10px !important;
}


html body.loginBody2.mobile.branding-default.style-light #switchLogo,
html body.loginBody2.mobile.branding-default.style-dark #switchLogo { 
	margin-left: 10px;
	margin-top: 10px;
}
html body.loginBody2.desktop.branding-default.style-light #switchLogo,
html body.loginBody2.desktop.branding-default.style-dark #switchLogo { 
	margin-left: 30px;
	margin-top: 30px;
}

html body.loginBody2.desktop.branding-default.style-dark .btn,
html body.loginBody2.desktop.branding-default.style-light .btn { min-width: 376px; width: 376px; white-space: wrap;}
html body.loginBody2.mobile.branding-default.style-dark .btn,
html body.loginBody2.mobile.branding-default.style-light .btn { min-width: 280px; width: 280px; white-space: wrap;}

html body.loginBody2.desktop.branding-default.style-light #imgProgress,
html body.loginBody2.desktop.branding-default.style-dark #imgProgress { margin-right: 172px;} 
html body.loginBody2.mobile.branding-default.style-light #imgProgress 
html body.loginBody2.mobile.branding-default.style-dark #imgProgress { margin-right: 214px;}

html body.loginBody2.branding-default.style-light fieldset { background: inherit;  }
html body.loginBody2.branding-default.style-dark fieldset { background: inherit; color: #FCFCFC; }

html body.loginBody2.branding-default.style-dark .backFooter { background: rgba(252, 252, 252, 0.05); color: #FCFCFC; }
html body.loginBody2.branding-default.style-dark  a, html body.loginBody2.branding-default.style-dark  a:visited { color: #FCFCFC; }


html body.loginBody2.branding-default.style-dark input:autofill,
html body.loginBody2.branding-default.style-dark input:autofill:hover,
html body.loginBody2.branding-default.style-dark input:autofill:focus,
html body.loginBody2.branding-default.style-dark input:-webkit-autofill:hover,
html body.loginBody2.branding-default.style-dark input:-webkit-autofill:focus {
  font-family: Rubik, Arial, Helvetica, sans-serif;
  font-size: 14px;
  background: rgba(252, 252, 252, 0.05); 
  text-fill-color: #FCFCFC;
  -webkit-text-fill-color: #FCFCFC;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}
 

/* ============= - ================= */
body.mediaViewBody .accessPopup
{
	background-color: #FFF9BF;
	position:absolute;
	visibility:hidden;
	width: 550px;
	font-size: 10pt;
	margin: 2px 2px 2px 2px;
	z-index: 5;
	left: 0;	/* this hides IE horizontal scrollbar */
}
body.mediaViewBody { min-width:620px !important;}
body.mediaViewBody.desktop { min-width:620px !important;}
body.mediaViewBody.mobile {max-width:620px;}
body.mediaViewBody .accessPopup #internals { 	padding: 5px 5px 5px 5px;	border: solid 1px gray;}
body.mediaViewBody img.extraInfoTrigger {     margin-left: 5px;    cursor: pointer; margin-top:-4px;}
body.mediaViewBody table.main {     width:100%;    background: white;    }
body.mediaViewBody table.main th {}
body.mediaViewBody withBorders {     background: white;}
body.mediaViewBody .accessPopup #message {	display: block;	height: 5em;	overflow: auto;	border: inset 1px white;	padding: 0.5em;	margin-top: 0.5em;	margin-bottom: 0.5em;	background: #FFFCE6; }
body.mediaViewBody .accessPopup .buttonsBar {	margin: 0px;	margin-right: 2px;}
body.mediaViewBody .pendingRequests {	padding: 1em;}
body.mediaViewBody .pendingRequests #leftpane {	margin-left: 80px;	float: left;}
body.mediaViewBody .pendingRequests #rightpane {	margin-left: 130px;}
body.mediaViewBody fieldset {	width: 97%; }
body.mediaViewBody .buttonsBar {     width: 100%;}
body.mediaViewBody fieldset label {	width: 130px;}
body.mediaViewBody fieldset .inputText {	width: 400px;}
body.mediaViewBody fieldset .inputSelect {	width: 305px;}
body.mediaViewBody fieldset .inputTextNarrow {	width: 285px;}
body.mediaViewBody a { font-size: 10pt !important; }

body.desktop.mediaViewBody fieldset {	width: 720px;}
body.desktop.mediaViewBody fieldset .inputText {	width: 560px;}
body.desktop.mediaViewBody fieldset .inputSelect {	width: 565px;}
body.desktop.mediaViewBody fieldset .inputTextNarrow {	width: 285px;}

body.mediaViewBody  .validationSummary, body.mediaViewBody  .errorReport, body.mediaViewBody  .successReport {    width:97%;}
body.mediaViewBody .blue-bar {	margin-bottom: 0.5em; }
body.mediaViewBody .ajax__tab_body {	background: unset; }
body.mediaViewBody .ajax__tab_body fieldset {	background: unset; }
body.mediaViewBody .ajax__tab_tab , body.mediaViewBody p {	font-size: 10pt;}
body.mediaViewBody #TabContainer {	margin-top: 0.5em;}
body.mediaViewBody .passwords td { min-width:100px;}

body.mediaViewBody .ajax__tab_header a  {    text-decoration: none;    color:Black;}
/* 
body.mediaViewBody.mobile fieldset label, body.mediaViewBody.mobile fieldset .labeltext  { float:none; margin:0;}
body.mediaViewBody.mobile .inputText, body.mediaViewBody.mobile fieldset .labeltext  {   width: 300px; }
*/

body.mediaViewBody #rightContainerTable > tbody > tr:nth-of-type(2) > td > div {
	background: unset;
	border: 0;
	padding: 0;
	margin: 0;
}
body.mediaViewBody .buttonsBar {
	padding-right: var(--eds-space-8);
}
body.mediaViewBody .backHeader ~ .backContents h1 {
	padding-left: 220px;
}
html.dark-mode body.mediaViewBody input[type=image] {
	filter: invert(1);
}
/* ============= - ================= */
body {
	--sdx-box-shadow-default: #00000018;
}
body.registrationBody captcha {}
body.registrationBody #available { margin-left:-20px;margin-top:4px;vertical-align: top;height:16;width:16px;}
body.registrationBody td.mainForm { width:610px; padding:var(--eds-space-8); vertical-align:top; position:relative;}
body.registrationBody td.infoBar  
{
	padding:var(--eds-space-8); min-width:230px;margin:0; clear:none; 
	background: var(--eds-surface-default); vertical-align:top;
	border-radius: 0 var(--eds-border-radius-lg) var(--eds-border-radius-lg) 0;
}
body.registrationBody td.infoBar p { font-size:9pt; line-height:1.5em;} 
body.registrationBody td.infoBar li { font-size:9pt;} 
body.registrationBody td.infoBar h4 { font-size: 12pt; }

body.registrationBody.desktop td.mainForm {
	background: var(--eds-surface-on-surface-default);
	border-right: var(--eds-border-weight-sm) solid var(--eds-border-default);
	border-radius: var(--eds-border-radius-lg) 0 0 var(--eds-border-radius-lg);
}
body.registrationBody.desktop td.mainForm:last-child {
	border-right: none;
}
body.registrationBody.desktop .fixedForm
{
	border: var(--eds-border-weight-sm) solid var(--eds-border-default);
	box-shadow: 0 0 2px var(--sdx-box-shadow-default);
	border-radius:var(--eds-border-radius-lg);
	border-collapse: separate;
}
body.registrationBody .backHeader { height: unset; }

body.registrationBody td.infoBar  ul { padding-left:1.5em;}
body.registrationBody td.infoBar a { font-size: 9pt;}
body.registrationBody h1 { margin-bottom:0.5em;}
body.registrationBody.desktop .ContentsContainer {	width:940px;	padding:10px; }
body.registrationBody a.fatLink { font-size: 1.1em; font-weight: bold; padding:0;margin:15px 0 0 0;  display:block;}
body.registrationBody p span.cssimg { margin-right:8px;}
body.registrationBody .widePane, body.registrationBody .infoPane, body.registrationBody .errorReport { width: 590px;}
body.registrationBody .hintPopup 
{
	width: 300px;
	margin-left:50px;
    pointer-events:none;

}
body.registrationBody .hintPopup .tip {
	background: url('../../images/upsortarrow.gif');
	background-repeat:  no-repeat;
	background-position: 140px 0;
	height:5px;
	margin:0;padding:0;
}
body.registrationBody .hintPopup .text
{
	margin:0;	padding: 5px;	background-color:#ff6633;	border:1px solid #ff6633;	color: #fff;font-weight:bold;
	-webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius:6px;	-moz-box-shadow: 0 3px 18px #aaa; -webkit-box-shadow: 0 3px 18px #aaa; box-shadow: 0 3px 18px #aaa;		
	font-size: 9pt;
}

body.registrationBody.mobile .captcha { width: 236px;height:50px;}
body.registrationBody.mobile #available { margin-top:5px;}
body.registrationBody.mobile td.infoBar { display:none; } 
body.registrationBody.mobile td.mainForm {	padding:3px;  }
body.registrationBody.mobile h1       {	margin-top:0.2em;margin-bottom:0.2em;  }
body.registrationBody.mobile fieldset label, body.registrationBody.mobile fieldset .labeltext  { float:none; margin:0;}
body.registrationBody.mobile fieldset .emptylabel { display:none;}
body.registrationBody.mobile fieldset input[type="checkbox"] { padding-right:5px; margin-right:5px;background:red;}
body.registrationBody.mobile .smallNote { margin-left:0; white-space:normal; width:260px;}
body.registrationBody.mobile fieldset { width: 320px;}
body.registrationBody.mobile .fixedWidthPadded { width: 320px;}
body.registrationBody.mobile {    max-width: 320px !important; min-width: 320px !important;width:320px; }
body.registrationBody.mobile .inputForm { width: 300px;}
body.registrationBody.mobile .fixedForm { width: 300px;}
body.registrationBody.mobile .buttonsBar { width: 300px;}
body.registrationBody.mobile .inputText { width: 290px;}
body.registrationBody.mobile .validationSummary { width: 300px;}
body.registrationBody.mobile .widePane, body.registrationBody.mobile .infoPane, body.registrationBody.mobile .errorReport { width: 280px;}
body.registrationBody.mobile .widePane table th { width: 80px;}
body.registrationBody.mobile .inputSelect  { width: 290px;}


/* ============= - ================= */
.blue.btn {	BACKGROUND: 	#f26724; }
.backHeader .line2, .backHeader .line1, .backHeader .line0 { background:#003366; }
#side-nav UL LI.selected > A { 	FONT-WEIGHT: bold;	color:#444;	background: #ff6633 url("../../branding/blue/selection.gif");	width: 139px;}

body.loginBody2 .errorReport {width: 360px;}