@font-face{font-family:UniversNext;src:url(UniversNextforHSBCW29-UltLt.e4a0eda4acd84793.eot?#iefix);src:url(UniversNextforHSBCW29-UltLt.e4a0eda4acd84793.eot?#iefix) format("eot"),url(UniversNextforHSBCW29-UltLt.a27300e3e630cf32.woff) format("woff"),url(UniversNextforHSBCW29-UltLt.c30cfa2ceeb0c2bf.ttf) format("truetype");font-weight:100}@font-face{font-family:UniversNext;src:url(UniversNextforHSBCW29-Thin.b8481b5c0d1d143c.eot?#iefix);src:url(UniversNextforHSBCW29-Thin.b8481b5c0d1d143c.eot?#iefix) format("eot"),url(UniversNextforHSBCW29-Thin.c938a385faa67038.woff) format("woff"),url(UniversNextforHSBCW29-Thin.664f1a34caac39f0.ttf) format("truetype");font-weight:200}@font-face{font-family:UniversNext;src:url(UniversNextforHSBCW29-ThIt.f34a8840d9d89d47.eot?#iefix);src:url(UniversNextforHSBCW29-ThIt.f34a8840d9d89d47.eot?#iefix) format("eot"),url(UniversNextforHSBCW29-ThIt.dcf397f29fb0ddb7.woff) format("woff"),url(UniversNextforHSBCW29-ThIt.bad042ef2c9d596a.ttf) format("truetype");font-weight:200;font-style:italic}@font-face{font-family:UniversNext;src:url(UniversNextforHSBCW29-Light.4345832f5dbca8f8.eot?#iefix);src:url(UniversNextforHSBCW29-Light.4345832f5dbca8f8.eot?#iefix) format("eot"),url(UniversNextforHSBCW29-Light.633ceab9aaeccc28.woff) format("woff"),url(UniversNextforHSBCW29-Light.e4ae20e6e7f2fdf7.ttf) format("truetype");font-weight:300}@font-face{font-family:UniversNext;src:url(UniversNextforHSBCW29-LtIt.9701922f3bf5a447.eot?#iefix);src:url(UniversNextforHSBCW29-LtIt.9701922f3bf5a447.eot?#iefix) format("eot"),url(UniversNextforHSBCW29-LtIt.6d24f3e409b42dee.woff) format("woff"),url(UniversNextforHSBCW29-LtIt.aaff0203e141eaec.ttf) format("truetype");font-weight:300;font-style:italic}@font-face{font-family:UniversNext;src:url(UniversNextforHSBCW29-Rg.9966e4ea0b00a73e.eot?#iefix);src:url(UniversNextforHSBCW29-Rg.9966e4ea0b00a73e.eot?#iefix) format("eot"),url(UniversNextforHSBCW29-Rg.b0851f8239b0602d.woff) format("woff"),url(UniversNextforHSBCW29-Rg.e2b9e2ea8a070f29.ttf) format("truetype");font-weight:400}@font-face{font-family:UniversNext;src:url(UniversNextforHSBCW29-Md.3d2073af0b72e7fc.eot?#iefix);src:url(UniversNextforHSBCW29-Md.3d2073af0b72e7fc.eot?#iefix) format("eot"),url(UniversNextforHSBCW29-Md.ffb1d97dca634144.woff) format("woff"),url(UniversNextforHSBCW29-Md.a5f590051ab5c920.ttf) format("truetype");font-weight:600}@font-face{font-family:UniversNext;src:url(UniversNextforHSBCW29-Bold.0eb12193eb3053be.eot?#iefix);src:url(UniversNextforHSBCW29-Bold.0eb12193eb3053be.eot?#iefix) format("eot"),url(UniversNextforHSBCW29-Bold.c7ab83a0a1c21b2b.woff) format("woff"),url(UniversNextforHSBCW29-Bold.27e5fb1073c9fc12.ttf) format("truetype");font-weight:700}*{box-sizing:border-box}:root{--primary-color: #db0011;--light-gray: #d7d8d6;--error-bg-color: #f9f2f3;--error-border-color: #a8000b;--warning-border-color: #ffbb33;--success-border-color: #00847f;--text-gray-color: #333333;--black-color: #000000;--white-color: #ffffff;--btn-hover-bg: #f1f3f4;--btn-press-bg: #c9d0d5;--btn-primary-hover-bg: #af000d;--btn-primary-press-bg: #83000a;--f4: .25rem;--f8: .5rem;--f9: .5625rem;--f11: .6875rem;--f12: .75rem;--f13: .8125rem;--f15: .9375rem;--f16: 1rem;--f20: 1.25rem;--f44: 2.75rem;--f60: 3.75rem;--s1: 2.063rem;--s2: 1.75rem;--s3: 1.438rem;--s4: 1.188rem;--s5: 1rem;--s6: .875rem;--r3: .75rem;--r4: 1rem;--r5: 1.25rem;--font-family: "UniversNext";--logo-width: 110px;--table-header-bg: #e4e8ea;--table-cell-v-border-color: #f1f3f4;--table-cell-h-border-color: #c9d0d5;--common-transition: all .3s;--border-radius: .5rem}html,body{margin:0;padding:0;font-family:var(--font-family);font-weight:400}h1{font-size:var(--s2);font-weight:400;border-left:3px solid var(--primary-color);padding-left:var(--f20)}button{min-height:var(--f44);font-family:var(--font-family);font-size:var(--s5);padding:var(--f9) var(--f20) var(--f11) var(--f20);border:1px solid var(--black-color);color:var(--black-color);background-color:var(--white-color);margin:var(--f15) var(--f8)}button:hover:not(:disabled){background-color:var(--btn-hover-bg)}button:active:not(:disabled){background-color:var(--btn-press-bg)}button.primary:not(:disabled){color:var(--white-color);background-color:var(--primary-color);border:none}button.primary:not(:disabled):hover{background-color:var(--btn-primary-hover-bg)}button.primary:not(:disabled):active{background-color:var(--btn-primary-press-bg)}button:disabled{color:var(--text-gray-color)!important;background-color:none!important;border:1px solid var(--text-gray-color)!important;opacity:.3!important}.container{max-width:1200px;margin-left:auto;margin-right:auto}.form-container{margin-left:calc(-1 * var(--f15))}table{width:100%}table th,table td{padding:var(--f9) var(--f16) var(--f11) var(--f16)}table th{text-align:left;background:var(--table-header-bg)}table td{border-bottom:1px solid var(--table-cell-h-border-color);border-left:1px solid var(--table-cell-v-border-color);border-right:1px solid var(--table-cell-v-border-color)}table td button{margin:2px;min-height:22px}table td:last-child{white-space:nowrap}table td.Active{color:var(--success-border-color)}table td.Inactive{color:var(--warning-border-color)}table td.Deleted{color:var(--error-border-color)}section.text-input,section.role-input,.modify-tsp-list-container,section.select{display:flex;flex-direction:column;margin:var(--f15)}section.text-input label,section.role-input label,.modify-tsp-list-container label,section.select label{font-size:var(--s5);margin-bottom:var(--f8)}section.text-input label .asterisk,section.role-input label .asterisk,.modify-tsp-list-container label .asterisk,section.select label .asterisk{color:var(--error-border-color)}section.text-input input[type=text],section.text-input select,section.role-input input[type=text],section.role-input select,.modify-tsp-list-container input[type=text],.modify-tsp-list-container select,section.select input[type=text],section.select select{min-height:var(--f44);padding:var(--f9) var(--f12) var(--f11) var(--f12);font-size:var(--s5);font-family:var(--font-family)}section.text-input .error,section.role-input .error,.modify-tsp-list-container .error,section.select .error{display:none;font-size:var(--s6);margin-top:var(--f8)}section.text-input .error i.error-icon,section.role-input .error i.error-icon,.modify-tsp-list-container .error i.error-icon,section.select .error i.error-icon{margin-right:var(--f4);display:inline-block;width:var(--s6);background-image:url(/assets/images/status_error_onlight.svg);background-repeat:no-repeat;background-position:center}.d-none{display:none!important}.action-area{text-align:right;margin:0 var(--f8)}.stop-scroll{overflow-y:hidden}app-text-input.ng-invalid.ng-touched .form-control>input,app-text-input.ng-invalid.ng-touched .form-control>select,app-select.ng-invalid.ng-touched .form-control>input,app-select.ng-invalid.ng-touched .form-control>select{border:1px solid var(--error-border-color);background-color:var(--error-bg-color)}app-text-input.ng-invalid.ng-touched .form-control>input option,app-text-input.ng-invalid.ng-touched .form-control>select option,app-select.ng-invalid.ng-touched .form-control>input option,app-select.ng-invalid.ng-touched .form-control>select option{white-space:pre-wrap}app-text-input.ng-invalid.ng-touched .error,app-select.ng-invalid.ng-touched .error{display:flex}app-psp-role-input.ng-invalid.ng-touched table{border:1px solid var(--error-border-color)}app-psp-role-input.ng-invalid.ng-touched .error{display:flex}.form-container{display:flex;flex-wrap:wrap}.form-container app-text-input,.form-container app-select{flex:0 1 50%}.form-container app-psp-role-input{flex:1 1 100%}