Raptor backend java API Code(Analytics), UI Code(Overlay) and pages

component in os project

Issue-ID: PORTAL-902
Change-Id: Id297d9493a77e6816ed0f2a82c15b2eaa1e57a72
Signed-off-by: Sudarshan Kumar <sudarshan.kumar@att.com>

104 files changed, 8040 insertions, 112666 deletions

diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.html
index 831e4c31..25ae9665 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.html
@@ -34,10 +34,10 @@
   ============LICENSE_END============================================
    
 -->
-<div class="container">
+<div class="main-container">
   <div id="page-content">
     <div class="ecomp-main-view-title">
-      <h1 class="heading-page">Admin Menu Items</h1>
+      <h3 class="heading-page">Admin Menu Items</h3>
     </div>
     <div ng-show="showLoader" class="span loader-container">
       <i class="icon-primary-spinner" role="img" aria-label="Please wait while we load your content"></i>
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.spec.ts
index ff5937a0..eb8b63dd 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.spec.ts
@@ -1,10 +1,12 @@
-import { async, ComponentFixture, TestBed} from '@angular/core/testing';
+import { async, ComponentFixture, TestBed, inject } from '@angular/core/testing';
 import { MatTableModule } from '@angular/material/table';
 import { MatPaginatorModule } from '@angular/material/paginator';
 import { MatSortModule } from '@angular/material/sort';
 import { HttpClientModule } from '@angular/common/http';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+import { BrowserDynamicTestingModule } from '@angular/platform-browser-dynamic/testing';
 import { NgbModule, NgbModal } from '@ng-bootstrap/ng-bootstrap';
+
 import { MenusComponent } from './menus.component';
 import { InformationModalComponent } from 'src/app/modals/information-modal/information-modal.component';
 import { AdminService } from '../admin.service';
@@ -12,20 +14,17 @@ import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { MenusService } from './menus.service';
 import { CookieService } from 'ngx-cookie-service';
+import { MockBackend } from '@angular/http/testing';
+import { BaseRequestOptions, Http } from '@angular/http';
 import 'rxjs/add/observable/of';
 import { Observable } from 'rxjs/Observable';
-import 'rxjs/add/operator/catch';
-import 'rxjs/add/observable/throw';
-import { DataTableSettings } from 'portalsdk-tag-lib';
 
 describe('MenusComponent', () => {
   let component: MenusComponent;
   let fixture: ComponentFixture<MenusComponent>;
   let modalService: any;
   let adminService:any;
-  var stubData={"data":
-                 '{"fnMenuItems":[{"active":"active"}]}'
-                }
+  var stubData={"data":'{"fnMenuItems":{"tableData":{"element":{"active":1}}}}'};
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
@@ -57,24 +56,13 @@ describe('MenusComponent', () => {
     expect(component).toBeTruthy();
   });
 
+  // it('should test getFnMenuItems method inside getMenus',()=>{
+  //   let spy=spyOn(adminService,'getFnMenuItems').and.returnValue(Observable.of(stubData))
+  //   component.getMenus();
+  //   expect(spy).toHaveBeenCalled();
+  // })
   describe('test getMenus',()=>{
     it('should test getMenus',()=>{
-     let spy=spyOn(adminService,'getFnMenuItems').and.returnValue(Observable.of(stubData));
-    
-     component.getMenus();
-     expect(spy).toHaveBeenCalled();
-     expect(component.settings.columns).toEqual(component.columns);
-     expect(component.settings.isPaginationEnabled).toEqual(true);
-     expect(component.settings.paginationsSize).toEqual("5");
-     expect(component.settings.isReadOnly).toEqual(false);
-     expect(component.settings.isTableSearchEnabled ).toEqual(true);
-     expect(component.settings.applicationService).toEqual(component.menuService);
-     expect(component.showSpinner).toEqual(false);
-    })
-  })
-
-  describe('test getParentData',()=>{
-    it('should test getParentData method',()=>{
      let spy=spyOn(adminService,'getParentData').and.returnValue(Observable.of('you object'))
      component.getParentData();
      expect(spy).toHaveBeenCalled();
@@ -88,10 +76,6 @@ describe('MenusComponent', () => {
       expect(spy).toHaveBeenCalled();
     })
  })
+ 
 
- it('should test getParentData method error part ',()=>{
-  let spy=spyOn(adminService,'getParentData').and.returnValue(Observable.throw({status:404}));
-  component.getParentData();
-  expect(spy).toHaveBeenCalled();
-})
 });
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.ts
index c6fbc8c4..5d996964 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.component.ts
@@ -72,12 +72,12 @@ export class MenusComponent implements OnInit {
   public columns: any = [];
 
   activeStatusOptions = [        
-    {id: '0', name: 'Y'},
-    {id: '1', name: 'N'}
+    {index: 0, value: 'true', name: 'Y'},
+    {index: 1, value: 'false', name: 'N'}
   ];
   separatorStatusOptions = [        
-    {id: '0', name: 'Y'},
-    {id: '1', name: 'N'}
+    {index: 0, value: 'true', name: 'Y'},
+    {index: 1, value: 'false', name: 'N'}
   ];
   functionCDselectData = [];
   parentListSelectData = [];
@@ -192,7 +192,6 @@ export class MenusComponent implements OnInit {
             this.parentList.push({id: _data[i][0], name: _data[i][1]});
           }
           console.log("Actual parent list : ", this.parentList);
-          this.menuService.getParentList(this.parentList);
         }
       }, error => {
         this.showSpinner = false;
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.service.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.service.spec.ts
deleted file mode 100644
index e2b4c720..00000000
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.service.spec.ts
+++ /dev/null
@@ -1,130 +0,0 @@
-
-/*
- * ============LICENSE_START==========================================
- * ONAP Portal SDK
- * ===================================================================
- * Copyright © 2019 AT&T Intellectual Property. All rights reserved.
- * ===================================================================
- *  Modification Copyright © 2020 IBM.
- * ===================================================================
- *
- * Unless otherwise specified, all software contained herein is licensed
- * under the Apache License, Version 2.0 (the "License");
- * you may not use this software except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *             http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Unless otherwise specified, all documentation contained herein is licensed
- * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
- * you may not use this documentation except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *             https://creativecommons.org/licenses/by/4.0/
- *
- * Unless required by applicable law or agreed to in writing, documentation
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * ============LICENSE_END============================================
- *
- * 
- */
-
-import { TestBed} from '@angular/core/testing';
-import { HttpClientTestingModule } from '@angular/common/http/testing';
-import { HttpClientModule } from '@angular/common/http';
-import { MenusService } from './menus.service';
-import { AdminService } from '../admin.service';
-import 'rxjs/add/observable/of';
-import { Observable } from 'rxjs/Observable';
-import 'rxjs/add/operator/catch';
-import 'rxjs/add/observable/throw';
-
-describe('MenusService', () => {
-
-  let component:MenusService;
-  let service:AdminService;
-  var stubData={"data":['{"active":"data"}','{"separator":"data1"}']};
-
-  beforeEach(() =>{
-   TestBed.configureTestingModule({
-     imports:[HttpClientTestingModule],
-    providers: [HttpClientModule,MenusService]
-   })
-   component = TestBed.get(MenusService);
-   service = TestBed.get(AdminService);
-  });
-
-  it('should be created', () => {
-    const component: MenusService = TestBed.get(MenusService);
-    expect(component).toBeTruthy();
-  });
-
-  it('should test updateStatus method',()=>{
-    component['updateStatus']('N');
-  })
-
-  it('should test updateBooleanValue method',()=>{
-    component['updateBooleanValue'](true);
-    component['updateBooleanValue'](false);
-  })
-
-  it('should test updateParentNameToID method',()=>{
-    component.parentList=[{'name':'data'}];
-    component['updateParentNameToID']('data');
-  })
-
-  it('should test menu',()=>{
-      console.log(component.menu);
-      expect(component.menu.action).toEqual(null);
-  })
-
-  it('should test add method',()=>{
-      component.add("data");
-  })
-
-  it('should test update method',()=>{
-    let spy=spyOn(service,'updateFnMenuItem').and.returnValue(Observable.of(""));
-      component.update(stubData);
-      expect(spy).toHaveBeenCalled();
-  })
-
-  it('should test getParentData method2 error part ',()=>{
-    let spy=spyOn(service,'updateFnMenuItem').and.returnValue(Observable.throw({status:404}));
-    component.update(stubData)
-    expect(spy).toHaveBeenCalled();
-  })
-
-
-  it('should test delete method',()=>{
-      let spy=spyOn(service,'deleteMenu').and.returnValue(Observable.of(""));
-      component.delete(stubData);
-      expect(spy).toHaveBeenCalled();
-  })
-
-  it('should test error part of delete method',()=>{
-      let spy=spyOn(service,'deleteMenu').and.returnValue(Observable.throw({status:404}));
-      component.delete(stubData);
-      expect(spy).toHaveBeenCalled();
-  })
-
-  it('should test getParentList method',()=>{
-    component.getParentList("getParentList");
-    expect(component.parentList).toEqual("getParentList");
-  })
-
-  it('should test get method',()=>{
-    let spy=spyOn(service,'getFnMenuItems').and.returnValue(Observable.of());
-      component.get();
-      expect(spy).toHaveBeenCalled();
-  })
-});
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.service.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.service.ts
index 912b65bb..aeb8ea49 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.service.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/menus/menus.service.ts
@@ -104,32 +104,23 @@ export class MenusService implements RdpCrudInterface {
     data.active = this.updateStatus(data.active);
     data.separator = this.updateStatus(data.separator);
     let keys = Object.keys(data);
-    let menuCache = this.menu;
     keys.forEach(element => {
       if (data[element] != null || data[element] != undefined) {
         if (element == 'parentId') {
-          if (isNaN(data[element])) {
-            menuCache[element] = this.updateParentNameToID(data[element]);
-          } else{
-            menuCache[element] = data[element];
-          }
-          console.log("Parent Id to update : ", menuCache[element]);
+          this.menu[element] = 1;
         } else {
-          menuCache[element] = data[element];
+          this.menu[element] = data[element];
         }
       }
     });
-    let result = { availableFnMenuItem: menuCache };
+    let result = { availableFnMenuItem: this.menu };
     let postData = JSON.stringify(result);
     console.log("postData >>>>>>", postData);
     this.adminService.updateFnMenuItem(postData)
       .subscribe(_data => {
-        console.log("Response : ", _data);
         this.statusResponse.next("200");
-        menuCache = this.menu;
       }, error => {
         console.log("Error : ", error);
-        menuCache = this.menu;
       });
 
   }
@@ -139,10 +130,11 @@ export class MenusService implements RdpCrudInterface {
     console.log(data.active);
     data.active = this.updateStatus(data.active);
     data.separator = this.updateStatus(data.separator);
-    this.adminService.deleteMenu(data).subscribe(response => {
+    let result = { availableFnMenuItem: data };
+    this.adminService.deleteMenu(result).subscribe(response => {
       console.log("Response ", response);
       this.statusResponse.next("200");
-    }, error => {
+    }, error =>{
       console.log("Error : ", error);
     })
   }
@@ -155,44 +147,15 @@ export class MenusService implements RdpCrudInterface {
     }
   }
 
-  private updateBooleanValue(data) {
-    if (data) {
-      return 'Y';
-    } else {
-      return 'N';
-    }
-  }
-
-  parentList: any;
-
-  getParentList(list) {
-    this.parentList = list;
-  }
-
-  private updateParentNameToID(data) {
-    let val;
-    this.parentList.forEach(ele => {
-      if (ele['name'] == data) {
-        val = ele['id'];
-      }
-    });
-    console.log("ParentId value ", val);
-    return val;
-  }
-
   get() {
-    console.log("get method is getting called from MenuServie data:: ");
+    console.log("get method is getting called from AppServie data:: ");
     let response = this.adminService.getFnMenuItems();
     let resp;
     response.subscribe(res => {
+      console.log("Get Response : ", res);
       resp = res;
-      let responseData = JSON.parse(resp.data).fnMenuItems;
-      responseData.forEach(element => {
-        element.active = this.updateBooleanValue(element.active);
-        element.separator = this.updateBooleanValue(element.separator);
-      })
-      this.updatedData.next(responseData);
+      console.log("edited : ",JSON.parse(resp.data).fnMenuItems);
+      this.updatedData.next(JSON.parse(resp.data).fnMenuItems);
     })
   }
-
 }
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/role-functions/new-role-function/new-role-function.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/role-functions/new-role-function/new-role-function.component.spec.ts
index 32a69848..ecc0947d 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/role-functions/new-role-function/new-role-function.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/role-functions/new-role-function/new-role-function.component.spec.ts
@@ -4,8 +4,6 @@
  * ===================================================================
  * Copyright (C) 2019 AT&T Intellectual Property. All rights reserved.
  * ===================================================================
- *  Modification Copyright © 2020 IBM.
- * ===================================================================
  *
  * Unless otherwise specified, all software contained herein is licensed
  * under the Apache License, Version 2.0 (the "License");
@@ -43,14 +41,7 @@ import { NewRoleFunctionComponent } from './new-role-function.component';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
-import { NgbActiveModal, NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import {MatRadioModule } from '@angular/material';
-import { RouterTestingModule } from '@angular/router/testing';
-import { ConfirmationModalComponent } from 'src/app/modals/confirmation-modal/confirmation-modal.component';
-import { BrowserDynamicTestingModule } from '@angular/platform-browser-dynamic/testing';
-import { InformationModalComponent } from 'src/app/modals/information-modal/information-modal.component';
-import 'rxjs/add/observable/of';
-
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 
 describe('NewRoleFunctionComponent', () => {
   let component: NewRoleFunctionComponent;
@@ -59,28 +50,10 @@ describe('NewRoleFunctionComponent', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       schemas:[CUSTOM_ELEMENTS_SCHEMA],
-      declarations: [ 
-        NewRoleFunctionComponent,
-        ConfirmationModalComponent,
-        InformationModalComponent
-      ],
-      imports:[
-        FormsModule,
-        HttpClientTestingModule,
-        MatRadioModule,
-        RouterTestingModule,
-        NgbModule.forRoot()
-      ],
+      declarations: [ NewRoleFunctionComponent ],
+      imports:[FormsModule,HttpClientTestingModule],
       providers:[NgbActiveModal]
     })
-    TestBed.overrideModule(BrowserDynamicTestingModule,{
-      set:{
-        entryComponents:[
-          ConfirmationModalComponent,
-          InformationModalComponent
-        ]
-      }
-    })
     .compileComponents();
   }));
 
@@ -90,36 +63,7 @@ describe('NewRoleFunctionComponent', () => {
     fixture.detectChanges();
   });
 
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should test ngOnInit method',()=>{
-    component.editRoleFunction={ 
-      type: "type",
-      code: "code",
-      action: "action",
-      name: "name"
-    }
-    component.ngOnInit();
-  })
-
-  it('should test else part of ngOnInit method',()=>{
-    component.editRoleFunction={ 
-      type: "menu",
-      code: "code",
-      action: "action",
-      name: "name"
-    }
-    component.ngOnInit();
-  })
-
-  it('should test saveRoleFunction method',()=>{
-    component.saveRoleFunction();
-  })
-
-  it('should test openConfirmationModal method',()=>{
-    component.openConfirmationModal("indrijeet","kumar");
-  })
-
+  // it('should create', () => {
+  //   expect(component).toBeTruthy();
+  // });
 });
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/role-functions/role-functions.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/role-functions/role-functions.component.html
index 4c113373..460f69b3 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/role-functions/role-functions.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/role-functions/role-functions.component.html
@@ -36,9 +36,9 @@
   -->
   
 
-<div class="container">
+<div class="main-container">
   <div class="role-function-title">
-    <h1 class="heading-page" id="roleFunction"> Role Function </h1>
+    <h3 class="heading-page" id="roleFunction"> Role Functions </h3>
     <span class= "heading-small" *ngIf="isAppCentralized=='true'"><b>Please go to portal to Manage Role Function.</b></span>
   </div>
   <span class="ecomp-spinner" *ngIf="showSpinner"></span>
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/role-functions/role-functions.service.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/role-functions/role-functions.service.spec.ts
deleted file mode 100644
index 0e59f9eb..00000000
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/role-functions/role-functions.service.spec.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-
-import { TestBed} from '@angular/core/testing';
-import { HttpClientTestingModule } from '@angular/common/http/testing';
-import { HttpClientModule } from '@angular/common/http';
-import { AdminService } from '../admin.service';
-import 'rxjs/add/observable/of';
-import { Observable } from 'rxjs/Observable';
-import 'rxjs/add/operator/catch';
-import 'rxjs/add/observable/throw';
-import { RoleFunctionsService } from './role-functions.service';
-
-describe('RoleFunctionsService', () => {
-
-  let component:RoleFunctionsService;
-  let service:AdminService;
-  //var stubData=['{"data":'{"active":"data2"}'}']
-  //var stubData1='{stubData}'
-
-  beforeEach(() =>{
-   TestBed.configureTestingModule({
-     imports:[HttpClientTestingModule],
-    providers: [HttpClientModule,RoleFunctionsService]
-   })
-   component = TestBed.get(RoleFunctionsService);
-   service = TestBed.get(AdminService);
-  });
-
-  it('should be created', () => {
-    const component: RoleFunctionsService = TestBed.get(RoleFunctionsService);
-    expect(component).toBeTruthy();
-  });
-
-  it('should test add method',()=>{
-      component.add("data");
-  })
-
-  it('should test update method',()=>{
-      let spy=spyOn(service,'saveRoleFunction').and.returnValue(Observable.of('your object'));
-      component.update("data");
-      expect(spy).toHaveBeenCalled();
-  })
-
-  it('should test error part of update method',()=>{
-    let spy=spyOn(service,'saveRoleFunction').and.returnValue(Observable.throw({status:404}));
-    component.update("data");
-    expect(spy).toHaveBeenCalled();
-})
-
-  
-  it('should test delete method',()=>{
-    let spy=spyOn(service,'deleteRoleFunction').and.returnValue(Observable.of('your object'));
-    component.delete("data");
-    expect(spy).toHaveBeenCalled();
-  })
-
-  it('should test get method',()=>{
-      let spy=spyOn(service,'getRoleFunctionList').and.returnValue(Observable.of())
-      component.get();
-      expect(spy).toHaveBeenCalled();
-  })
-
-});
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/new-role/new-role.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/new-role/new-role.component.spec.ts
index d03cf4a6..4b496f1b 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/new-role/new-role.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/new-role/new-role.component.spec.ts
@@ -43,46 +43,21 @@ import {FormsModule} from '@angular/forms';
 import { NewRoleComponent } from './new-role.component';
 import { MatTableModule } from '@angular/material'  
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { HttpClient, HttpClientModule } from '@angular/common/http';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
-import { NgbActiveModal, NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import { ConfirmationModalComponent } from 'src/app/modals/confirmation-modal/confirmation-modal.component';
-import { BrowserDynamicTestingModule } from '@angular/platform-browser-dynamic/testing';
-import { AdminService } from '../../admin.service';
-import { Observable } from 'rxjs';
-import { InformationModalComponent } from 'src/app/modals/information-modal/information-modal.component';
+import { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';
 
 describe('NewRoleComponent', () => {
   let component: NewRoleComponent;
   let fixture: ComponentFixture<NewRoleComponent>;
   let role1 = "";
-  let adminService:AdminService;
-  var _element={
-                "selected":false,
-                "code":"code",
-                "type":"type",
-                "action":"action"
-                };
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      providers: [NgbActiveModal,AdminService],
+      providers: [NgbActiveModal],
       schemas: [CUSTOM_ELEMENTS_SCHEMA] ,
-      declarations: [ 
-        NewRoleComponent,
-        ConfirmationModalComponent,
-        InformationModalComponent
-       ],
-      imports: [
-        FormsModule,
-         MatTableModule, 
-         HttpClientTestingModule,
-         NgbModule.forRoot()
-        ]
-    })
-    TestBed.overrideModule(BrowserDynamicTestingModule,{
-      set:{
-        entryComponents:[ConfirmationModalComponent,InformationModalComponent]
-      }
+      declarations: [ NewRoleComponent ],
+      imports: [FormsModule, MatTableModule, HttpClientTestingModule]
     })
     .compileComponents();
   }));
@@ -92,60 +67,9 @@ describe('NewRoleComponent', () => {
     component = fixture.componentInstance;
     component.role = role1;
     fixture.detectChanges();
-    adminService=TestBed.get(AdminService);
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
   });
 
-  // it('should test ngOnInit method',()=>{
-  //   component.isEditMode=true;
-  //   component.ociavailableRoleFunctions="tndrijeet";
-  //   //component.ociavailableRoleFunctions.length=9;
-  //   component.ngOnInit();
-  // })
-
-  // it('should test setSelectedRoleFucntions method',()=>{
-  //   component.ociavailableRoleFunctions.length={"selected":false};
-  //   component.setSelectedRoleFucntions("i");
-  // })
-
-  it('should test delRoleFunctionConfirmPopUp method',()=>{
-    component.delRoleFunctionConfirmPopUp("indrijeet","kumar");
-  })
-
-  // it('should test if condition in saveChanges method',()=>{
-  //   component.isEditMode=true;
-  //   //spyOn(adminService,'saveRole').and.returnValue(Observable.of('your object'));
-  //   component.saveChanges()
-  // })
-
-  it('should test else condition in saveChanges method',()=>{
-    spyOn(adminService,'saveRole').and.returnValue(Observable.of('your object'));
-    component.saveChanges()
-  })
-
-  it('should test toggleRoleFunction method',()=>{
-    component.finalSelectedRoleFunctions="Indrijeet kumar";
-    component.ociavailableRoleFunctions="i";
-    component.finalSelectedRoleFunctions="k";
-    component.toggleRoleFunction(_element)
-  })
-
-  it('should test populateTableData method',()=>{
-    component.populateTableData("populateTableData");
-    expect(component.roleFunctionDataSource.sort).toEqual(component.sort);
-    expect(component.roleFunctionDataSource.paginator).toEqual(component.paginator)
-  })
-
-  it('should test isRoleAlreadyExist method',()=>{
-    // component.availableRoles={"name":"currentRoleName"};
-    component.availableRoles={"name":["currentRoleName"]};
-    component.isRoleAlreadyExist("currentRoleName")
-  })
-
-  it('it should test openConfirmationModal method',()=>{
-    component.openConfirmationModal("indrijeet","kumar");
-  })
+  // it('should create', () => {
+  //   expect(component).toBeTruthy();
+  // });
 });
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/roles.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/roles.component.html
index 17ceff86..6266ee72 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/roles.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/roles.component.html
@@ -35,10 +35,10 @@
    
   -->
 
-<div class="container">
+<div class="main-container">
   <div id="page-content">
     <div class="ecomp-main-view-title">
-        <h1 class="heading-page">Roles</h1>
+        <h3 class="heading-page">Roles</h3>
         <span class= "heading-small" *ngIf="isAppCentralized=='true'"><b>Please go to portal to Manage Roles.</b></span>
     </div>
 
@@ -97,7 +97,7 @@
       <mat-paginator [pageSizeOptions]="[5, 10, 25, 100]"></mat-paginator>
       <span class="ecomp-spinner" *ngIf="showSpinner"></span>
       <div>
-        <a href="v2/admin/role_function_list">Manage Role Functions</a><br><br>
+        <a (click)="getFunctions()" id="functions-link">Manage Role Functions</a><br><br>
       </div>
   </div>
 </div>
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/roles.component.scss b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/roles.component.scss
index fa026996..a87fb896 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/roles.component.scss
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/roles.component.scss
@@ -104,4 +104,7 @@ body {
 .new-role-button{
   margin-left: 15px;
   float: right;
+}
+#functions-link{
+  cursor: pointer; text-decoration: underline; color: #007bff;
 }
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/roles.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/roles.component.spec.ts
index 85f62164..16c81cc5 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/roles.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/roles.component.spec.ts
@@ -47,22 +47,15 @@ import { MatTableModule } from '@angular/material';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { UserService } from 'src/app/shared/services/user/user.service';
 import { Observable } from 'rxjs';
-import { NgbModule, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';
+import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { InformationModalComponent } from 'src/app/modals/information-modal/information-modal.component';
 import { BrowserDynamicTestingModule } from '@angular/platform-browser-dynamic/testing';
-import { NewRoleComponent } from './new-role/new-role.component';
-import { DataSource } from '@angular/cdk/table';
-import { AdminService } from '../admin.service';
-import { FormsModule } from '@angular/forms';
-import { HttpClientModule } from '@angular/common/http';
-import { HttpModule } from '@angular/http';
+import { RouterTestingModule } from '@angular/router/testing';
 
 describe('RolesComponent', () => {
   let component: RolesComponent;
   let fixture: ComponentFixture<RolesComponent>;
   let userService: UserService;
-  let adminService:AdminService;
- // var stubData={"result":{"data":'{"data"}',"role":'{"role"}'}};
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
@@ -70,26 +63,17 @@ describe('RolesComponent', () => {
       declarations: [
          RolesComponent,
          InformationModalComponent,
-         NewRoleComponent
-        ],
-        providers:[
-          UserService,
-          DataSource,
-          AdminService,
-          HttpClientModule
         ],
       imports:[
         MatTableModule,
-        FormsModule,
-        HttpModule,
-        HttpClientModule,
         HttpClientTestingModule,
         NgbModule.forRoot(),
+        RouterTestingModule
       ]
     })
     TestBed.overrideModule(BrowserDynamicTestingModule,{
       set:{
-        entryComponents:[InformationModalComponent, NewRoleComponent]
+        entryComponents:[InformationModalComponent]
       }
     })
     .compileComponents();
@@ -100,11 +84,6 @@ describe('RolesComponent', () => {
     component = fixture.componentInstance;
     fixture.detectChanges();
     userService=TestBed.get(UserService);
-    adminService=TestBed.get(AdminService);
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
   });
 
   it('should test subscribe inside ngOnInit method',()=>{
@@ -117,20 +96,4 @@ describe('RolesComponent', () => {
     component.delRoleConfirmPopUp('dummyargument');
     
   })
-
-  it('should test openAdoleModaldNewR method',()=>{
-    component.toggleRole("")
-  })
-
-  it('should test getDismissReason method',()=>{
-    component['getDismissReason'](ModalDismissReasons.ESC);
-    component['getDismissReason'](ModalDismissReasons.BACKDROP_CLICK);
-    component['getDismissReason']("");
-  })
-
-it('should test openAddNewRoleModal method',()=>{
-  component.openAddNewRoleModal("openAddNewRoleModal");
-  component.openAddNewRoleModal('undefined');
-})
-
 });
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/roles.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/roles.component.ts
index b2d8fed4..8032aa18 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/roles.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/roles/roles.component.ts
@@ -45,6 +45,7 @@ import { UserService } from 'src/app/shared/services/user/user.service';
 import { NgbModal, ModalDismissReasons } from '@ng-bootstrap/ng-bootstrap';
 import { InformationModalComponent } from 'src/app/modals/information-modal/information-modal.component';
 import { NewRoleComponent } from './new-role/new-role.component';
+import { Router } from '@angular/router';
 
 
 @Component({
@@ -55,7 +56,7 @@ import { NewRoleComponent } from './new-role/new-role.component';
 export class RolesComponent implements OnInit {
   tableData: Array<object> = [];
 	roleHeaders: Array<string> = [];
-  constructor(public adminService:AdminService,public userService: UserService,private ngbModal: NgbModal) { }
+  constructor(public adminService:AdminService,public userService: UserService,private ngbModal: NgbModal,private _router: Router) { }
   roleId;
   response:any;
   result:any;
@@ -208,4 +209,8 @@ export class RolesComponent implements OnInit {
   applyFilter(filterValue: string) {
     this.dataSource.filter = filterValue.trim().toLowerCase();
   }
+
+  getFunctions() {
+    this._router.navigate(['v2/admin/role_function_list']);
+}
 }
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/usage/usage.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/usage/usage.component.spec.ts
index f283855d..01f31669 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/usage/usage.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/admin/usage/usage.component.spec.ts
@@ -44,23 +44,16 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { UsageComponent } from './usage.component';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
-import { AdminComponent } from '../admin.component';
-import 'rxjs/add/observable/of';
-import { Observable } from 'rxjs/Observable';
 
 describe('UsageComponent', () => {
   let component: UsageComponent;
   let fixture: ComponentFixture<UsageComponent>;
-  let adminService:AdminComponent;
-  var stubData={
-    "data":'[{"data":"cachedRegions"}]'}
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ UsageComponent ],
       schemas:[CUSTOM_ELEMENTS_SCHEMA],
-      imports:[HttpClientTestingModule],
-      providers:[AdminComponent]
+      imports:[HttpClientTestingModule]
     })
     .compileComponents();
   }));
@@ -69,17 +62,9 @@ describe('UsageComponent', () => {
     fixture = TestBed.createComponent(UsageComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
-    adminService=TestBed.get(AdminComponent);
   });
 
   it('should create', () => {
     expect(component).toBeTruthy();
   });
-
-  it('should test ngOnInit method',()=>{
-    let spy=spyOn(component.adminService,'getUsageList').and.returnValue(Observable.of(stubData));
-    component.ngOnInit();
-    expect(spy).toHaveBeenCalled();
-  })
-
 });
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard-model/range-axis-list-model.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard-model/range-axis-list-model.ts
new file mode 100644
index 00000000..f46134c0
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard-model/range-axis-list-model.ts
@@ -0,0 +1,25 @@
+export class RangeAxisListModel {
+    rangeAxisLabelJSON: any;
+    rangeColorJSON: any;
+    rangeLineTypeJSON: any;
+    rangeChartGroup: string;
+    rangeYAxis: number;
+    rangeAxis: number;
+    showAsArea: boolean;
+    rangeLineType: string;
+    rangeColor: string;
+
+    constructor() {
+
+        this.rangeAxisLabelJSON = {};
+        this.rangeColorJSON = {};
+        this.rangeLineTypeJSON = {};
+        this.rangeChartGroup = '';
+        this.rangeYAxis = 0;
+        this.rangeAxis = 0;
+        this.showAsArea = false;
+        this.rangeLineType = '';
+        this.rangeColor = '';
+
+    }
+}
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.css
index 7207d3bb..335af324 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.css
@@ -1,48 +1,34 @@
-
-input {
-    width: 400px;
-    height: 20px;
-}
-
 .tab-content{
     margin-right: 20px;
-    background-color: #006496;
-    color: white;
+    /* background-color: #006496; */
+    color: rgb(0, 0, 0);
 }
-
-.stdForm{
-    margin-left: 20px;
-}
-
-.field-group {
-    position: relative;
-    display: block;
+table tbody td {
+    border: none;
 }
 
-label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
-    margin-top: 5px;
+table tbody tr {
+    border: none;
 }
 
-textarea {
-    display: block;
-    width: 400px;
-    max-width: 50%;
-    padding: 15px;
+table {
+    border: none;
+    margin-bottom: 0px;
 }
 
-select{
-    display: block;
-    width: 400px;
-    max-width: 400px;
-    padding: 15px;
-    background-color: #cfcfcf7a
-}
+table th {
+    font-family: "Omnes-ECOMP-W02-Medium", Arial;
+    font-size: medium;
+    font-weight: normal;
+    color: #333333;
+    padding: 13px 20px; }
 
-.webform-component-my-select select {
-    height: 200px;
-  }
 
-  .checkbox .skin {
+#RangeTable {
+    margin-top: 5px;
+    border: 1px solid black;
+}
+.checkbox .skin {
     background-color: #fff;
     border: 1px solid #d2d2d2;
     border-radius: 3px;
@@ -53,11778 +39,113 @@ select{
     left: 0;
     top: 0;
 }
-
-i, em {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-}
-
-
-.b2b-horizontal-table ::-webkit-scrollbar {
-    height: 10px; }
-  
-  .b2b-horizontal-table ::-webkit-scrollbar-thumb {
-    background: #666666;
-    border-radius: 5px; }
-  
-  .b2b-horizontal-table .b2b-frozen-col {
-    font-size: 12px;
-    font-weight: normal;
-    font-style: italic; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-inner-container {
-    overflow-x: scroll; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-column-info {
-    text-align: center; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-legend div[b2b-flyout-toggler] {
-    color: #0568ae;
-    cursor: pointer; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-legend .b2b-frozen-cell {
-    width: 16px;
-    height: 16px;
-    background-color: #F2F2F2;
-    display: inline-block;
-    margin-right: 10px; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-arrows {
-    margin-bottom: 20px; }
-    .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-disabled-text {
-      color: #767676; }
-    .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-next-link {
-      padding-right: 15px; }
-    .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-prev-link {
-      padding-left: 15px; }
-  
-  @-moz-document url-prefix() {
-    .b2b-horizontal-table td:first-child {
-      border-top: none; } }
-  * {
-    box-sizing: border-box; }
-  
-  :root {
-    -ms-overflow-style: -ms-autohiding-scrollbar;
-    overflow-y: scroll;
-    -ms-text-size-adjust: 100%;
-    -webkit-text-size-adjust: 100%;
-    box-sizing: border-box;
-    font: 0.625pc/1.5 sans-serif;
-    text-rendering: optimizeLegibility; }
-  
-  html {
-    overflow-y: scroll;
-    -webkit-overflow-scrolling: touch;
-    height: 100%;
-    position: relative; }
-  
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  p,
-  blockquote,
-  figure,
-  ol,
-  ul {
-    margin: 0;
-    padding: 0; }
-  
-  /* a:focus {
-    outline: thin dotted #191919;
-  } */
-  sub,
-  sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: top; }
-  
-  sup {
-    top: .75em;
-    display: inline-block; }
-  
-  sub {
-    bottom: -0.25em; }
-  
-  img {
-    max-width: 100%;
-    height: auto;
-    vertical-align: middle;
-    border: 0;
-    -ms-interpolation-mode: bicubic; }
-  
-  .img-no-rwd {
-    max-width: inherit !important; }
-  
-  svg {
-    display: inline-block; }
-  
-  .responsive-img {
-    width: 100%;
-    height: auto; }
-  
-  button,
-  input,
-  select,
-  textarea {
+button,
+input,
+select,
+textarea {
     margin: 0;
     font-size: 100%;
     vertical-align: middle; }
-  
-  ::-moz-focus-inner {
-    padding: 0;
-    border: 0; }
-  
-  button,
-  html input[type="button"],
-  input[type="reset"],
-  input[type="submit"] {
-    appearance: button;
-    cursor: pointer; }
-  
-  label,
-  select,
-  button,
-  input[type="button"],
-  input[type="reset"],
-  input[type="submit"],
-  input[type="radio"],
-  input[type="checkbox"] {
-    cursor: pointer; }
-  
-  input[type=search] {
-    -webkit-appearance: textfield; }
-  
-  input[type=search]:-webkit-search-cancel-button,
-  input[type=search]:-webkit-search-decoration {
-    -webkit-appearance: none; }
-  
-
-  
-  select {
-    -moz-appearance: none;
-    -webkit-appearance: none; }
-  
-  [aria-busy=true] {
-    cursor: progress; }
-  
-  [aria-controls] {
-    cursor: pointer; }
-  
-  body {
-    background-color: #ffffff;
-    color: #191919;
-    font-family: "Omnes-ECOMP-W02", Arial;
-  /*  font-size: 1.6rem;
-    line-height: 2rem;*/
-    margin: 0;
-    position: relative;
-    width: 100%;
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothing: antialiased; }
-  
-  small {
-    font-size: 1.6rem; }
-  
-  .container {
-    margin: 0 auto;
-    padding: 0; }
-  
-  .tooltip {
-    display: inline-block;
-    height: 20px;
-    margin: 1px 0 0 7px;
-    vertical-align: middle; }
-  
-  .tooltip-wrapper {
-    display: none; }
- 
-  
-  
-  /* TODO: Build a reference page for these classes */
-  .font-regular {
-    font-family: "Omnes-ECOMP-W02", Arial !important; }
-  
-  .font-light {
-    font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-  
-  .font-italic {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-  
-  .font-light-italic {
-    font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-  
-  .font-medium {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-  
-  .font-medium-italic {
-    font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-  
-  .font-reset {
-    font-style: normal;
-    font-variant: normal;
-    font-weight: normal;
-    text-transform: none; }
-  
-  .visible-phone {
-    display: none !important; }
-  
-  .visible-tablet {
-    display: none !important; }
-  
-  .hidden-desktop {
-    display: none !important; }
-  
-  .visible-desktop {
-    display: inherit !important; }
-  
-  .row,
-  .row-nowrap {
-    margin-left: 0; }
-  
-  .row:before,
-  .row-nowrap:before,
-  .row:after,
-  .row-nowrap:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .row:after,
-  .row-nowrap:after {
-    clear: both; }
-  
-  .row:before,
-  .row-nowrap:before,
-  .row:after,
-  .row-nowrap:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .row:after,
-  .row-nowrap:after {
-    clear: both; }
-  
-  .row,
-  .row-nowrap {
-    display: flex; }
-  
-  .row > [class*="span"],
-  .row-nowrap > [class*="span"] {
-    float: left;
-    margin-right: 14px;
-    margin-right: 1.40845%\9; }
-  
-  .row > [class*="span"]:last-child,
-  .row-nowrap > [class*="span"]:last-child {
-    margin-right: 0; }
-  
-  .row > [class*="span"].centered,
-  .row-nowrap > [class*="span"].centered {
-    margin-left: auto !important;
-    margin-right: auto !important; }
-  
-  .row.no-flex,
-  .row-nowrap.no-flex {
-    display: block; }
-  
-  .row.no-flex > [class*="span"],
-  .row-nowrap.no-flex > [class*="span"] {
-    margin-right: 1.408450704225352%; }
-  
-  .row.no-flex > [class*="span"]:last-child,
-  .row-nowrap.no-flex > [class*="span"]:last-child {
-    margin-right: 0; }
-  
-  .row.flex-justify,
-  .row-nowrap.flex-justify {
-    justify-content: space-between; }
-  
-  .row.flex-justify > [class*="span"],
-  .row-nowrap.flex-justify > [class*="span"] {
-    flex: 1 1 0; }
-  
-  .row.flex-justify > .flex-col,
-  .row-nowrap.flex-justify > .flex-col {
-    margin-right: 14px;
-    margin-right: 1.40845%\9; }
-  
-  .row.flex-wrap,
-  .row-nowrap.flex-wrap {
-    flex-wrap: wrap; }
-  
-  .align-items-top {
-    align-items: flex-start; }
-  
-  .align-items-center {
-    align-items: center; }
-  
-  .align-items-bottom {
-    align-items: flex-end; }
-  
-  .align-self-top {
-    align-self: flex-start; }
-  
-  .align-self-center {
-    align-self: center; }
-  
-  .align-self-bottom {
-    align-self: flex-end; }
-  
-  .row .fixed-230 {
-    flex: 0;
-    display: block;
-    width: 230px;
-    vertical-align: top;
-    min-width: 230px;
-    background-color: #efefef; }
-  
-  .row .fluid-space {
-    flex: 1 1 0;
-    display: block;
-    vertical-align: top;
-    padding-left: 0;
-    padding-right: 20px;
-    width: 100%; }
-  
-  .row .fixed-230 + .fluid-space {
-    padding-left: 20px;
-    padding-right: 20px; }
-  
-  .row .fluid-space:last-child {
-    padding-right: 0; }
-  
-  .span1 {
-    width: 7.042253521126761%; }
-  
-  .span2 {
-    width: 15.49295774647887%; }
-  
-  .span3 {
-    width: 23.94366197183099%; }
-  
-  .span4 {
-    width: 32.3943661971831%; }
-  
-  .span5 {
-    width: 40.84507042253521%; }
-  
-  .span6 {
-    width: 49.29577464788733%; }
-  
-  .span7 {
-    width: 57.74647887323944%; }
-  
-  .span8 {
-    width: 66.19718309859155%; }
-  
-  .span9 {
-    width: 74.64788732394367%; }
-  
-  .span10 {
-    width: 83.09859154929578%; }
-  
-  .span11 {
-    width: 91.54929577464789%; }
-  
-  .span12 {
-    width: 100%; }
-  
-  .offset1 {
-    margin-left: 8.450704225352113%; }
-  
-  .offset2 {
-    margin-left: 16.90140845070423%; }
-  
-  .offset3 {
-    margin-left: 25.35211267605634%; }
-  
-  .offset4 {
-    margin-left: 33.8028169%; }
-  
-  .offset5 {
-    margin-left: 42.25352113%; }
-  
-  .offset6 {
-    margin-left: 50.70422535%; }
-  
-  .offset7 {
-    margin-left: 59.15492958%; }
-  
-  .offset8 {
-    margin-left: 67.6056338%; }
-  
-  .offset9 {
-    margin-left: 76.05633803%; }
-  
-  .offset10 {
-    margin-left: 84.50704225%; }
-  
-  .offset11 {
-    margin-left: 92.95774648%; }
-  
-  .align-center {
-    margin: 0 auto;
-    text-align: center; }
-  
-  [class*="span"].align-center {
-    margin: 0 auto !important;
-    float: none; }
-  
-  .align-left .container {
-    padding-left: 0 !important;
-    margin: 0 !important; }
-  
-  /* BEGIN RESPONSIVE-4.LESS ************** */
-  @media (min-width: 1025px) {
-    .row > [class*="span"],
-    .row-nowrap > [class*="span"] {
-      margin-right: 20px;
-      margin-right: 1.487301587301587%\9; }
-    .container {
-      padding-left: 20px;
-      padding-right: 20px;
-      max-width: 1260px; }
-    /* 1col = 6.878306878306879 */
-    /* 1colgutter = 1.587301587301587 */
-    .span0 {
-      display: none; }
-    .span1 {
-      width: 6.878306878306879%; }
-    .span2 {
-      width: 15.34391534391534%; }
-    .span3 {
-      width: 23.80952380952381%; }
-    .span4 {
-      width: 32.27513227513228%; }
-    .span5 {
-      width: 40.74074074074074%; }
-    .span6 {
-      width: 49.20634920634921%; }
-    .span7 {
-      width: 57.67195767195767%; }
-    .span8 {
-      width: 66.13756613756614%; }
-    .span9 {
-      width: 74.60317460317461%; }
-    .span10 {
-      width: 83.06878306878308%; }
-    .span11 {
-      width: 91.53439153439154%; }
-    .span12 {
-      width: 100%; }
-    .offset1 {
-      margin-left: 8.465608465608466%; }
-    .offset2 {
-      margin-left: 16.93121693121693%; }
-    .offset3 {
-      margin-left: 25.3968253968254%; }
-    .offset4 {
-      margin-left: 33.86243386%; }
-    .offset5 {
-      margin-left: 42.32804233%; }
-    .offset6 {
-      margin-left: 50.79365079%; }
-    .offset7 {
-      margin-left: 59.25925926%; }
-    .offset8 {
-      margin-left: 67.72486772%; }
-    .offset9 {
-      margin-left: 76.19047619%; }
-    .offset10 {
-      margin-left: 84.65608466%; }
-    .offset11 {
-      margin-left: 93.12169312%; }
-    .tooltip-size-control {
-      position: relative;
-      width: 400px; }
-    .thumbnails > li {
-      margin-left: 1.40845070422535%; }
-    .row .thumbnails {
-      margin-left: 0; } }
-  
-  /* END RESPONSIVE-4.LESS ****************** */
-  /* BEGIN RESPONSIVE-3.LESS ******************* */
-  @media (min-width: 768px) and (max-width: 1024px) {
-    .hidden-desktop {
-      display: inherit !important; }
-    .visible-desktop {
-      display: none !important; }
-    .visible-tablet {
-      display: inherit !important; }
-    .hidden-tablet {
-      display: none !important; }
-    .container {
-      width: 100%;
-      margin: 0 auto;
-      padding-left: 20px;
-      padding-right: 20px; }
-    .span0-md {
-      display: none; }
-    .span1-md {
-      width: 7.042253521126761%; }
-    .span2-md {
-      width: 15.49295774647887%; }
-    .span3-md {
-      width: 23.94366197183099%; }
-    .span4-md {
-      width: 32.3943661971831%; }
-    .span5-md {
-      width: 40.84507042253521%; }
-    .span6-md {
-      width: 49.29577464788733%; }
-    .span7-md {
-      width: 57.74647887323944%; }
-    .span8-md {
-      width: 66.19718309859155%; }
-    .span9-md {
-      width: 74.64788732394367%; }
-    .span10-md {
-      width: 83.09859154929578%; }
-    .span11-md {
-      width: 91.54929577464789%; }
-    .span12-md {
-      width: 100%; }
-    .offset1-md {
-      margin-left: 8.450704225352113%; }
-    .offset2-md {
-      margin-left: 16.90140845070423%; }
-    .offset3-md {
-      margin-left: 25.35211267605634%; }
-    .offset4-md {
-      margin-left: 33.8028169%; }
-    .offset5-md {
-      margin-left: 42.25352113%; }
-    .offset6-md {
-      margin-left: 50.70422535%; }
-    .offset7-md {
-      margin-left: 59.15492958%; }
-    .offset8-md {
-      margin-left: 67.6056338%; }
-    .offset9-md {
-      margin-left: 76.05633803%; }
-    .offset10-md {
-      margin-left: 84.50704225%; }
-    .offset11-md {
-      margin-left: 92.95774648%; }
-    .tooltip-size-control {
-      position: relative;
-      width: 300px; } }
-  
-  /* END RESPONSIVE-3.LESS ******************* */
-  /* BEGIN RESPONSIVE-2.LESS *************** */
-  @media (max-width: 767px) {
-    .hidden-desktop {
-      display: inherit !important; }
-    .visible-desktop {
-      display: none !important; }
-    .visible-phone {
-      display: inherit !important; }
-    .visible-tablet {
-      display: inherit !important; }
-    .hidden-phone {
-      display: none !important; }
-    .hidden-tablet {
-      display: none !important; }
-    .container {
-      width: auto;
-      padding-left: 15px;
-      padding-right: 15px; }
-    /*.row{ display:block; }*/
-    .row > [class*="span"] {
-      float: none;
-      margin-left: 0;
-      margin-right: 0;
-      width: 100%; }
-    .row {
-      display: block; }
-    .row.flex > .flex-col,
-    .row-nowrap.flex > .flex-col {
-      margin-right: 0; }
-    .row .fixed-230 {
-      display: block;
-      width: 100%; }
-    .row .fluid-space {
-      display: block;
-      padding-left: 0;
-      padding-right: 0;
-      width: auto; }
-    .row .fluid-space + .fixed-230 {
-      padding-left: 0; }
-    .row .fluid-space:last-child {
-      padding-right: 0; }
-    .span0-sm {
-      display: none; }
-    .span1-sm {
-      width: 7.042253521126761%; }
-    .span2-sm {
-      width: 15.49295774647887%; }
-    .span3-sm {
-      width: 23.94366197183099%; }
-    .span4-sm {
-      width: 32.3943661971831%; }
-    .span5-sm {
-      width: 40.84507042253521%; }
-    .span6-sm {
-      width: 49.29577464788733%; }
-    .span7-sm {
-      width: 57.74647887323944%; }
-    .span8-sm {
-      width: 66.19718309859155%; }
-    .span9-sm {
-      width: 74.64788732394367%; }
-    .span10-sm {
-      width: 83.09859154929578%; }
-    .span11-sm {
-      width: 91.54929577464789%; }
-    .span12-sm {
-      width: 100%; }
-    .offset1-sm {
-      margin-left: 8.450704225352113%; }
-    .offset2-sm {
-      margin-left: 16.90140845070423%; }
-    .offset3-sm {
-      margin-left: 25.35211267605634%; }
-    .offset4-sm {
-      margin-left: 33.8028169%; }
-    .offset5-sm {
-      margin-left: 42.25352113%; }
-    .offset6-sm {
-      margin-left: 50.70422535%; }
-    .offset7-sm {
-      margin-left: 59.15492958%; }
-    .offset8-sm {
-      margin-left: 67.6056338%; }
-    .offset9-sm {
-      margin-left: 76.05633803%; }
-    .offset10-sm {
-      margin-left: 84.50704225%; }
-    .offset11-sm {
-      margin-left: 92.95774648%; }
-    input {
-      padding: 8px 15px 8px 15px; }
-    .field-group input.input-emphasized[type="search"] + .reset-field:after {
-      top: 14px; }
-    .field-group input.input-emphasized[type="search"] + .reset-field {
-      height: 46px;
-      top: 1px; }
-    .marquee {
-      margin-bottom: 30px; }
-    .marquee .blur-overlay {
-      border-radius: 0;
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      margin: 0;
-      padding: 34px 15px 30px; }
-    .marquee + div {
-      margin-top: 30px; }
-    .marquee h1 {
-      font-size: 1.8rem;
-      letter-spacing: -0.035px; }
-    .marquee .lead {
-      font-size: 3.0rem;
-      line-height: 3.6rem;
-      margin-bottom: 0; }
-    .marquee p:not(.lead) {
-      font-family: "Omnes-ECOMP-W02-Light", Arial;
-      font-size: 1.8rem;
-      margin-bottom: 0; }
-    .marquee .btn-fullwidth {
-      margin-top: 10px;
-      width: 100%;
-      float: none; }
-    .tooltip-size-control {
-      width: 100%; }
-    .table-wrapper,
-    .accordion-table-layout {
-      margin-left: -15px;
-      margin-right: -15px; }
-    .table-wrapper caption {
-      padding-left: 15px; } }
-  
-  @media (max-width: 480px) {
-    .span1-xsm {
-      width: 7.042253521126761%; }
-    .span2-xsm {
-      width: 15.49295774647887%; }
-    .span3-xsm {
-      width: 23.94366197183099%; }
-    .span4-xsm {
-      width: 32.3943661971831%; }
-    .span5-xsm {
-      width: 40.84507042253521%; }
-    .span6-xsm {
-      width: 49.29577464788733%; }
-    .span7-xsm {
-      width: 57.74647887323944%; }
-    .span8-xsm {
-      width: 66.19718309859155%; }
-    .span9-xsm {
-      width: 74.64788732394367%; }
-    .span10-xsm {
-      width: 83.09859154929578%; }
-    .span11-xsm {
-      width: 91.54929577464789%; }
-    .span12-xsm {
-      width: 100%; }
-    .offset1-xsm {
-      margin-left: 8.450704225352113%; }
-    .offset2-xsm {
-      margin-left: 16.90140845070423%; }
-    .offset3-xsm {
-      margin-left: 25.35211267605634%; }
-    .offset4-xsm {
-      margin-left: 33.8028169%; }
-    .offset5-xsm {
-      margin-left: 42.25352113%; }
-    .offset6-xsm {
-      margin-left: 50.70422535%; }
-    .offset7-xsm {
-      margin-left: 59.15492958%; }
-    .offset8-xsm {
-      margin-left: 67.6056338%; }
-    .offset9-xsm {
-      margin-left: 76.05633803%; }
-    .offset10-xsm {
-      margin-left: 84.50704225%; }
-    .offset11-xsm {
-      margin-left: 92.95774648%; } }
-  
-  /* END RESPONSIVE-2.LESS ******************* */
-  /* BEGIN RESPONSIVE-1.LESS ************** */
-  .xxxxxxxx-begin-responsive-480px.less {
-    /* placeholder */ }
-  
-  @media (max-width: 480px) {
-    .hidden-desktop {
-      display: inherit !important; }
-    .hidden-tablet {
-      display: inherit !important; }
-    .hidden-phone {
-      display: none !important; }
-    .visible-desktop {
-      display: none !important; }
-    .visible-tablet {
-      display: none !important; }
-    .visible-phone {
-      display: inherit !important; }
-    .container {
-      width: auto;
-      padding-left: 15px;
-      padding-right: 15px; } }
-  
-  [class*="icon-primary-"],
-  .nav-links a:after,
-  .bellyband-link a:after,
-  .breadcrumb > li:after,
-  .checkbox input:checked + .skin:after,
-  .checkbox input.indeterminate + .skin:after,
-  .checkbox input:indeterminate + .skin:after,
-  .selectWrap.large:before,
-  .form-row.error .error-msg:before,
-  .close:before,
-  .reset-field:before,
-  .cssIcon-globe:before,
-  .selectWrap:after {
-    color: #0568ae;
-    display: inline-block;
-    font-family: 'icoPrimary';
-    font-style: normal;
-    font-size: 20px;
-    font-weight: normal;
-    font-variant: normal;
-    height: 1em;
-    margin-right: 7px;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    position: relative;
-    speak: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    vertical-align: middle;
-    width: 1em; }
-  
-  [class*="icoWeather-"], [class*="icoTrans-"], [class*="icoBubble-"], [class*="icoRetail-"], [class*="icoPeople-"], [class*="icoNumslets-"], [class*="icoLocation-"], [class*="icoHealthcare-"], [class*="icoDocuments-"], [class*="icoDevices-"], [class*="icoDatanetwork-"], [class*="icoControls-"], [class*="icoBuilding-"], [class*="icoArrows-"] {
-    color: #0568ae;
-    display: inline-block;
-    font-style: normal;
-    font-size: 20px;
-    font-weight: normal;
-    font-variant: normal;
-    font-style: normal;
-    width: 20px;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    position: relative;
-    speak: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    vertical-align: middle; }
-  
-  [class*="icon-primary-"]:before,
-  [class*="icon-primary-"]:after {
-    box-sizing: border-box;
-    display: inline-block;
-    font-size: 1em;
-    height: 1em;
-    position: relative;
-    top: 0;
-    left: 0;
-    vertical-align: middle;
-    width: 1em; }
-  
-  .icon-primary-att-globe:before,
-  .cssIcon-globe:before {
-    content: "\e900";
-    color: #44c7f5; }
-  
-  .icon-primary-hamburger:before {
-    content: "\e903"; }
-  
-  .icon-primary-secure:before {
-    content: "\e918"; }
-  
-  .icon-primary-secureL:before {
-    content: "\e919"; }
-  
-  .icon-primary-padlockopen:before {
-    content: "\e916"; }
-  
-  .icon-primary-padlockopenL:before {
-    content: "\e917"; }
-  
-  .icon-primary-shoppingcart:before {
-    content: "\e914"; }
-  
-  .icon-primary-shoppingcartL:before {
-    content: "\e915"; }
-  
-  .icon-primary-print:before {
-    content: "\e921"; }
-  
-  .icon-primary-printL:before {
-    content: "\e922"; }
-  
-  .icon-primary-mobilesmartphone:before {
-    content: "\e908"; }
-  
-  .icon-primary-mobilesmartphoneL:before {
-    content: "\e90c"; }
-  
-  .icon-primary-tablet:before {
-    content: "\e904"; }
-  
-  .icon-primary-tabletL:before {
-    content: "\e905"; }
-  
-  .icon-primary-tv:before {
-    content: "\e906"; }
-  
-  .icon-primary-tvL:before {
-    content: "\e907"; }
-  
-  .icon-primary-calendar {
-    width: 100% !important; }
-  
-  .icon-primary-calendar:before {
-    content: "\e91a";
-    z-index: 1; }
-  
-  .icon-primary-calendarL:before {
-    content: "\e91b"; }
-  
-  .icon-primary-star:before {
-    content: "\e96c"; }
-  
-  .icon-primary-close:before,
-  .close:before,
-  .reset-field:before {
-    content: "\e910"; }
-  
-  .icon-primary-down:before {
-    content: "\ea3c"; }
-  
-  .checkbox input.indeterminate + .skin:after,
-  .icon-primary-subtractminimize:before {
-    content: "\e920"; }
-  
-  .icon-primary-add-maximize:before {
-    content: "\e91f"; }
-  
-  .icon-primary-check:before,
-  .checkbox input:checked + .skin:after {
-    content: "\e912"; }
-  
-  .icon-primary-questionmark:before {
-    content: "\e90f"; }
-  
-  .icon-primary-badgealert:before,
-  .form-row.error .error-msg:before {
-    content: "\e90e"; }
-  
-  .icon-primary-approval:before {
-    content: "\e925"; }
-  
-  .icon-primary-flat-info:before {
-    content: "\e927"; }
-  
-  .icon-primary-alert:before {
-    content: "\e913"; }
-  
-  .icon-primary-tooltip:before,
-  .icon-primary-flat-faq:before {
-    content: "\e90d"; }
-  
-  .icon-primary-tooltip {
-    font-size: 20px; }
-  
-  .nav-links a:after,
-  .bellyband-link a:after,
-  .breadcrumb > li:after,
-  .icon-primary-right:before {
-    content: "\ea3c";
-    transform: rotate(-90deg); }
-  
-  .icon-primary-left:before {
-    content: "\ea3c";
-    transform: rotate(90deg); }
-  
-  .icon-primary-accordion-plus:after,
-  .icon-primary-collapsed:after,
-  .icon-primary-accordion-minus:after,
-  .icon-primary-expanded:after {
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 1; }
-  
-  .icon-primary-accordion-minus,
-  .icon-primary-expanded,
-  .icon-primary-accordion-plus,
-  .icon-primary-collapsed {
-    font-size: 20px !important; }
-  
-  :not(.ds2-no-colors) .icon-primary-accordion-minus:before,
-  :not(.ds2-no-colors) .icon-primary-expanded:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
-    content: ""; }
-  
-  :not(.ds2-no-colors) .icon-primary-accordion-plus:before,
-  :not(.ds2-no-colors) .icon-primary-collapsed:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M10.5%2015.9c-.4%200-.8-.3-.8-.8V5.9c0-.4.3-.8.8-.8s.8.3.8.8v9.3c0%20.4-.4.7-.8.7z%22%2F%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
-    content: ""; }
-  
-  .ds2-no-colors .icon-primary-accordion-minus:before,
-  .ds2-no-colors .icon-primary-expanded:before {
-    background-image: none;
-    content: "\e901"; }
-  
-  .ds2-no-colors .icon-primary-accordion-minus:after,
-  .ds2-no-colors .icon-primary-expanded:after {
-    content: "\e902"; }
-  
-  .ds2-no-colors .icon-primary-accordion-plus:before,
-  .ds2-no-colors .icon-primary-collapsed:before {
-    background-image: none;
-    content: "\e90b"; }
-  
-  .ds2-no-colors .icon-primary-accordion-plus:after,
-  .ds2-no-colors .icon-primary-collapsed:after {
-    content: "\e911"; }
-  
-  .icon-primary-circle-arrow {
-    outline: 1px solid transparent;
-    border-radius: 50%;
-    font-size: 20px !important;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
-    margin-right: 7px; }
-  
-  .icon-primary-circle-arrow:after {
-    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20baseProfile%3D%22tiny%22%3E%3Ccircle%20r%3D%2217%22%20cy%3D%2218%22%20cx%3D%2218%22%20stroke-width%3D%221%22%20fill%3D%22transparent%22%20stroke%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E");
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 2; }
-  
-  .icon-primary-circle-arrow:before {
-    border-radius: 50%;
-    content: "\ea3c";
-    font-size: 12px;
-    top: 0;
-    position: absolute;
-    transform: rotate(-90deg);
-    width: 20px;
-    z-index: 1; }
-  
-  [class*="icon-primary-"] [class*="icon-primary-"] {
-    display: inline-block;
-    float: left;
-    font-size: 1em;
-    margin-left: -1em;
-    position: absolute; }
-  
-  [class*="icon-primary-"].white, [class^="ico"][class*="-"].white {
-    color: #fff; }
-  
-  [class*="icon-primary-"].black, [class^="ico"][class*="-"].black {
-    color: #000; }
-  
-  [class*="icon-primary-"].blue, [class^="ico"][class*="-"].blue {
-    color: #0568ae; }
-  
-  [class*="icon-primary-"].green, [class^="ico"][class*="-"].green {
-    color: #007a3e; }
-  
-  @-webkit-viewport {
-    width: device-width; }
-  
-  @-moz-viewport {
-    width: device-width; }
-  
-  @-ms-viewport {
-    width: device-width; }
-  
-  @-o-viewport {
-    width: device-width; }
-  
-  @viewport {
-    width: device-width; }
-  
-  .clearfix:before,
-  .clearfix:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .clearfix:after {
-    clear: both; }
-  
-  .pull-right {
-    float: right !important; }
-  
-  .pull-left {
-    float: left !important; }
-  
-  .float-children-left:before,
-  .float-children-left:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .float-children-left:after {
-    clear: both; }
-  
-  .float-children-left > div {
-    float: left;
-    white-space: nowrap; }
-  
-  .block {
-    display: block !important; }
-  
-  .inline {
-    display: inline !important; }
-  
-  .inline-block {
-    display: inline-block !important; }
-  
-  .table-cell {
-    display: table-cell !important;
-    width: 1%;
-    vertical-align: middle; }
-  
-  @media (max-width: 767px) {
-    .full-bleed {
-      width: auto;
-      margin-left: -15px;
-      margin-right: -15px;
-      padding: 15px; } }
-  
-  @media (min-width: 768px) {
-    .full-bleed {
-      width: auto;
-      margin-left: -20px;
-      margin-right: -20px;
-      padding: 20px; } }
-  
-  @media (max-width: 480px) {
-    .full-bleed {
-      width: auto;
-      margin-left: -15px;
-      margin-right: -15px;
-      padding: 0 15px; } }
-  
-  .fade {
-    opacity: 0;
-    filter: alpha(opacity=0);
-    transition: opacity .15s linear; }
-  
-  .fade.in {
-    opacity: 1;
-    filter: alpha(opacity=100); }
-  
-  .b2bCollapse {
-    display: none; }
-  
-  .collapse.in {
-    height: auto; }
-  
-  .nowrap {
-    white-space: nowrap; }
-  
-  .pre {
-    white-space: pre; }
-  
-  .hidden-spoken {
-    border: 0 none !important;
-    clip: rect(0px, 0px, 0px, 0px) !important;
-    height: 1px !important;
-    letter-spacing: 0;
-    line-height: 0;
-    overflow: hidden !important;
-    margin-top: -1px;
-    padding: 0 !important;
-    position: absolute !important;
-    width: 1px !important; }
-  
-  [data-sr-text].hidden-spoken:before {
-    border: 0 none !important;
-    content: attr(data-sr-text);
-    clip: rect(0px, 0px, 0px, 0px) !important;
-    height: 1px !important;
-    letter-spacing: 0;
-    line-height: 0;
-    overflow: hidden !important;
-    padding: 0 !important;
-    position: absolute !important;
-    width: 100% !important;
-    z-index: -1; }
-  
-  [data-sr-text].hidden-spoken {
-    position: relative !important;
-    width: auto !important; }
-  
-  [data-show-between] {
-    display: none;
-    visibility: hidden; }
-  
-  .noscroll-y {
-    overflow-y: hidden !important; }
-  
-  .invisible {
-    visibility: hidden !important;
-    opacity: 0 !important; }
-  
-  .transparent {
-    background-color: rgba(255, 255, 255, 0) !important; }
-  
-  .hide {
-    display: none !important; }
-  
-  .show {
-    display: block !important; }
-  
-  .rel {
-    position: relative !important; }
-  
-  .legend-pad {
-    padding: 0 15px; }
-  
-  .border-top {
-    border-top-width: 1px !important; }
-  
-  .border-left {
-    border-left-width: 1px !important; }
-  
-  .border-right {
-    border-right-width: 1px !important; }
-  
-  .border-bottom {
-    border-bottom-width: 1px !important; }
-  
-  .border-dark {
-    border-color: #000; }
-  
-  .border-light {
-    border-color: #fff; }
-  
-  .no-border-top {
-    border-top-width: 0 !important; }
-  
-  .no-border-left {
-    border-left-width: 0 !important; }
-  
-  .no-border-right {
-    border-right-width: 0 !important; }
-  
-  .no-border-bottom {
-    border-bottom-width: 0 !important; }
-  
-  .align-middle {
-    margin: 0 auto !important; }
-  
-  .align-top {
-    position: absolute;
-    top: 0; }
-  
-  .align-bottom {
-    position: absolute;
-    bottom: 0; }
-  
-  .valign-top {
-    vertical-align: top !important; }
-  
-  .valign-middle {
-    vertical-align: middle !important; }
-  
-  .valign-bottom {
-    vertical-align: bottom !important; }
-  
-  .align-children-middle > * {
-    margin: 0 auto; }
-  
-  [class*="valign-children-"] {
-    display: table; }
-  
-  [class*="valign-children-"] > * {
-    display: table-cell; }
-  
-  .valign-children-top > * {
-    vertical-align: top; }
-  
-  .valign-children-middle > * {
-    vertical-align: middle; }
-  
-  .valign-children-bottom > * {
-    vertical-align: bottom; }
-  
-  .no-pad {
-    padding: 0 !important; }
-  
-  .top-space {
-    margin-top: 60px !important; }
-  
-  .bottom-space {
-    margin-bottom: 60px !important; }
-  
-  .top-pad {
-    padding-top: 60px !important; }
-  
-  .bottom-pad {
-    padding-bottom: 60px !important; }
-  
-  @media (max-width: 767px) {
-    .top-space {
-      margin-top: 30px !important; }
-    .bottom-space {
-      margin-bottom: 30px !important; }
-    .top-pad {
-      padding-top: 30px !important; }
-    .bottom-pad {
-      padding-bottom: 30px !important; } }
-  
-  .affix {
-    position: fixed; }
-  
-  .img-landscape,
-  .img-portrait {
-    position: relative; }
-  
-  @media (orientation: landscape) {
-    .img-landscape {
-      display: block; }
-    .img-portrait {
-      display: none !important; } }
-  
-  @media (orientation: portrait) {
-    .img-landscape {
-      display: none !important; }
-    .img-portrait {
-      display: block; } }
-  
-  .dark-bg {
-    background-color: #222222; }
-  
-  /* ... JAVASCRIPT HOOKS .................
-     ... used by javascript ............... */
-  .autoSize,
-  .autoSize-this {
-    position: relative; }
-  
-  .truncate {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis; }
-  
-  .placeholdersjs {
-    color: #5a5a5a !important; }
-  
-  .jshook-return-focus-here {
-    display: block; }
-  
-  .visible-print {
-    display: none !important; }
-  
-  .hidden-print {
-    display: inherit !important; }
-  
-  @media print {
-    .visible-print {
-      display: inherit !important; }
-    .hidden-print {
-      display: none !important; }
-    * {
-      color: #000 !important;
-      background: transparent !important;
-      box-shadow: none !important; }
-    a,
-    a:visited {
-      text-decoration: underline; }
-    pre,
-    blockquote {
-      border: 1px solid #000;
-      page-break-inside: avoid; }
-    thead {
-      display: table-header-group; }
-    tr,
-    img {
-      page-break-inside: avoid; }
-    img {
-      max-width: 100% !important; }
-    @page {
-      margin: 0.5cm; }
-    p,
-    h2,
-    h3 {
-      orphans: 3;
-      widows: 3; }
-    h2,
-    h3 {
-      page-break-after: avoid; } }
-  
-  .mar-top-0 {
-    margin-top: 0px; }
-  
-  .mar-top-30 {
-    margin-top: 30px; }
-  
-  a:focus {
-    outline: thin dotted #191919; }
-  
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-weight: normal;
-    text-rendering: optimizeLegibility;
-    margin: 0;
-    line-height: 1; }
-  
-  .heading-page {
-    font-size: 3.8rem !important;
-    font-family: "Omnes-ECOMP-W02-Light", Arial;
-    margin-bottom: 40px; }
-  
-  h1.heading-page.ng-scope {}
-  
-  .heading-major-section {
-    font-size: 3rem !important;
-    font-family: "Omnes-ECOMP-W02-Light", Arial;
-    margin-bottom: 40px !important; }
-  
-  .heading-sub-section {
-    font-size: 2.4rem !important;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 40px; }
-  
-  .heading-group {
-    font-size: 2rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #ea7400;
-    margin-bottom: 20px !important; }
-  
-  .heading-medium {
-    font-size: 2rem !important;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-medium-emphasis {
-    font-size: 2rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-small {
-    font-size: 1.8rem !important;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-small-emphasis {
-    font-size: 1.8rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-micro {
-    font-size: 1.3rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    text-transform: uppercase;
-    color: #da0081;
-    margin-bottom: 10px; }
-  
-  * + .heading-major-section {
-    margin-top: 60px; }
-  
-  * + .heading-sub-section {
-    margin-top: 60px; }
-  
-  * + .heading-group {
-    margin-top: 40px !important; }
-  
-  * + .heading-medium {
-    margin-top: 40px; }
-  
-  * + .heading-medium-emphasis {
-    margin-top: 40px; }
-  
-  * + .heading-small {
-    margin-top: 40px; }
-  
-  * + .heading-small-emphasis {
-    margin-top: 40px; }
-  
-  * + .heading-micro {
-    margin-top: 20px; }
-  
-  .lead {
-    color: #666;
-    font-family: "Omnes-ECOMP-W02-Light-Italic", Arial;
-    font-size: 2.4rem;
-    line-height: 2.8rem;
-    margin-top: 10px;
-    letter-spacing: -0.024rem; }
-  
-  .eyebrow {
-    text-transform: uppercase;
-    line-height: .65 !important; }
-  
-  .eyebrow,
-  .subheading {
-    font-size: 1.4rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #666; }
-  
-  .eyebrow + .heading-major-section,
-  .eyebrow + .heading-sub-section {
-    margin-top: 4px; }
-  
-  .subheading {
-    margin-top: 10px; }
-  
-  @media (max-width: 767px) {
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6,
-    .heading-page {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 30px; }
-    .heading-major-section {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 30px; }
-    .heading-sub-section {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px; }
-    .heading-medium {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px; }
-    .heading-medium-emphasis {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px; }
-    .heading-small {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 10px; }
-    .heading-small-emphasis {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      margin-bottom: 5px; }
-    * + .heading-major-section {
-      margin-top: 30px; }
-    * + .heading-sub-section {
-      margin-top: 30px; }
-    * + .heading-group {
-      margin-top: 20px; }
-    * + .heading-medium {
-      margin-top: 20px; }
-    * + .heading-medium-emphasis {
-      margin-top: 20px; }
-    * + .heading-small {
-      margin-top: 20px; }
-    * + .heading-small-emphasis {
-      margin-top: 20px; }
-    * + .heading-micro {
-      margin-top: 10px; } }
-  
-  /* Standard Type styles */
-  .zeromargin {
-    margin: 0 !important; }
-  
-  a {
-    color: #0568ae;
-    text-decoration: none; }
-  
-  a:hover,
-  a:focus {
-    text-decoration: underline; }
-  
-  a:active {
-    color: #0568ae; }
-  
-  .a-min {
-    font-size: 12px; }
-  
-  .a-small {
-    font-size: 14px; }
-  
-  .a-max {
-    font-size: 18px; }
-  
-  a.show-qualifier {
-    margin-right: 25px;
-    position: relative; }
-  
-  a.show-qualifier:after {
-    color: #333333;
-    display: inline-block;
-    white-space: pre !important; }
-  
-  a[href$="pdf"].show-qualifier:after,
-  a.show-qualifier.pdf:after {
-    content: " (PDF)"; }
-  
-  a[href$="psd"].show-qualifier:after,
-  a.show-qualifier.psd:after {
-    content: " (PSD)"; }
-  
-  .standalone-link {
-    display: flex; }
-  
-  /* 20px for the icon, 10px left of icon */
-  .standalone-link.small {
-    font-size: 1.4rem; }
-  
-  .standalone-link.small i[class*="icon-primary-"] {
-    font-size: 16px;
-    top: 2px; }
-  
-  .standalone-link.large {
-    font-size: 1.8rem; }
-  
-  .standalone-link.large i[class*="icon-primary-"] {
-    font-size: 24px;
-    top: -1px; }
-  
-  p {
-    margin: 0 0 12px 0;
-    line-height: 2rem; }
-  
-  .p-small {
-    font-size: 1.4rem;
-    line-height: 1.8rem; }
-  
-  p + .p-small {
-    margin: 10px 0 0; }
-  
-  .p-micro {
-    font-size: 1.2rem;
-    line-height: 1.5rem; }
-  
-  p + .p-micro {
-    margin: 10px 0 0; }
-  
-  .p-max {
-    font-size: 1.8rem; }
-  
-  p + .p-max {
-    margin: 10px 0 0; }
-  
-  b,
-  strong {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: normal; }
-  
-  i,
-  em {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal; }
-  
-  .strike {
-    text-decoration: line-through; }
-  
-  sup {
-    display: inline-block;
-    font-style: normal;
-    height: 1em;
-    position: relative;
-    vertical-align: text-top;
-    width: auto; }
-  
-  .text-legal {
-    color: #5a5a5a;
-    font-size: 1.1rem;
-    line-height: 1.5rem;
-    margin: 0 0 10px; }
-  
-  .text-legal.legal-module {
-    line-height: 1.3rem;
-    margin: 0 0 12px; }
-  
-  .text-legal b,
-  .text-legal strong {
-    font-weight: bold; }
-  
-  .text-legal a {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .text-left {
-    text-align: left !important; }
-  
-  .text-right {
-    text-align: right !important; }
-  
-  .text-center {
-    text-align: center !important; }
-  
-  .text-justified {
-    text-align: justify !important; }
-  
-  ul {
-    padding: 0;
-    margin: 0;
-    list-style: none; }
-  
-  ul.bullet,
-  ul.no-bullet,
-  ul.lower-alpha,
-  ul.lower-roman,
-  ol {
-    padding: 0;
-    margin: 12px 0 0 20px; }
-  
-  ul.bullet li,
-  ul.no-bullet li,
-  ul.lower-alpha li,
-  ul.lower-roman li,
-  ol li {
-    padding-left: 15px;
-    line-height: 20px;
-    position: relative; }
-  
-  ul.bullet li + li,
-  ul.no-bullet li + li,
-  ul.lower-alpha li + li,
-  ul.lower-roman li + li,
-  ol li + li {
-    margin-top: 12px; }
-  
-  ul.bullet > li:before,
-  ul.no-bullet > li:before,
-  ul.lower-alpha > li:before,
-  ul.lower-roman > li:before,
-  ol > li:before {
-    background-color: #333333;
-    border: 2px solid #333333;
-    border-radius: 100%;
-    content: " ";
-    display: block;
-    height: 1px;
-    left: 0;
-    position: absolute;
-    top: 8px;
-    width: 1px; }
-  
-  ul.bullet ul,
-  ul.no-bullet ul,
-  ul.lower-alpha ul,
-  ul.lower-roman ul,
-  ol ul,
-  ul.bullet ol,
-  ul.no-bullet ol,
-  ul.lower-alpha ol,
-  ul.lower-roman ol,
-  ol ol {
-    margin-top: 12px; }
-  
-  ul + *,
-  ol + * {
-    margin-top: 20px; }
-  
-  ul.no-bullet,
-  ul.lower-alpha,
-  ul.lower-roman {
-    margin: 0; }
-  
-  ul.no-bullet > li,
-  ul.lower-alpha > li,
-  ul.lower-roman > li {
-    padding-left: 0; }
-  
-  ul.no-bullet > li:before,
-  ul.lower-alpha > li:before,
-  ul.lower-roman > li:before {
-    display: none !important; }
-  
-  ol {
-    margin: 20px 0 0 32px; }
-  
-  ol li {
-    padding-left: 3px; }
-  
-  ol li:before {
-    display: none; }
-  
-  ol ol {
-    margin-left: 25px; }
-  
-  ol ul {
-    margin-left: -5px; }
-  
-  ul ul,
-  ul ol,
-  ol ol,
-  ol ul {
-    margin-top: 0; }
-  
-  ul.lower-roman {
-    list-style-type: lower-roman;
-    margin-top: 12px;
-    margin-left: 35px;
-    margin-bottom: 0; }
-  
-  ul.lower-alpha {
-    list-style-type: lower-alpha;
-    margin-top: 12px;
-    margin-left: 35px;
-    margin-bottom: 0; }
-  
-  dl {
-    display: table;
-    margin: 0 0 20px;
-    width: 100%; }
-  
-  dt,
-  dd {
-    display: table-cell; }
-  
-  .btn {
-    background-color: transparent;
-    background-clip: padding-box;
-    border: 1px solid transparent;
-    border-radius: 8px;
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
-    cursor: pointer;
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 1.9rem;
-    font-weight: normal;
-    line-height: 1;
-    margin: 0 7px 10px 0;
-    max-width: 470px;
-    min-width: 70px;
-    padding: 14px 19px 11px 18px;
-    position: relative;
-    text-align: center;
-    vertical-align: middle;
-    white-space: nowrap;
-    overflow: hidden; }
-    .btn:focus {
-      outline: 1px dotted #000;
-      outline-offset: -5px; }
-    .btn:last-child {
-      margin-right: 0; }
-    .btn::-moz-focus-inner {
-      padding: 0;
-      border: 0; }
-    .btn i[class*="icon-primary-"].icon-primary-small {
-      font-size: 24px;
-      top: -2px; }
-    .btn i[class*="icon-primary-"].icon-primary-medium {
-      font-size: 30px;
-      top: -2px; }
-    .btn i[class*="icon-primary-"].icon-primary-large {
-      font-size: 36px;
-      top: -2px; }
-  
-  a.btn {
-    vertical-align: middle; }
-    a.btn:hover {
-      text-decoration: none; }
-  
-  .field-group + .btn {
-    margin-left: 20px; }
-  
-  .btn-primary {
-    border-color: #ea7400 transparent #d16500;
-    background-color: #ea7400 transparent #d16500;
-    background: linear-gradient(to bottom, #ea7400 0%, #d16500 100%);
-    color: #ffffff;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-weight: bold; }
-    .btn-primary:hover {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-primary:focus {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-primary:active {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-  
-  .btn-arrow {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.6rem;
-    font-weight: normal;
-    background-color: transparent;
-    border: none;
-    padding: 5px 0 0;
-    top: -4px;
-    color: #333333;
-    position: relative; }
-    .btn-arrow:hover {
-      text-decoration: underline; }
-      .btn-arrow:hover .btn-primary {
-        text-decoration: none;
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-      .btn-arrow:hover .btn-secondary {
-        color: #0568ae;
-        outline-color: #000000 !important;
-        background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-      .btn-arrow:hover .btn-alt {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-      .btn-arrow:hover .btn-specialty {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-arrow:focus {
-      text-decoration: underline;
-      outline: 1px dotted #666; }
-      .btn-arrow:focus .btn-primary {
-        text-decoration: none;
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-      .btn-arrow:focus .btn-secondary {
-        color: #0568ae;
-        outline-color: #000000 !important;
-        background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-      .btn-arrow:focus .btn-alt {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-      .btn-arrow:focus .btn-specialty {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-arrow:active .btn-primary {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-arrow:active .btn-secondary {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-arrow:active .btn-alt {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-    .btn-arrow:active .btn-specialty {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-arrow .btn-alt {
-      border-color: #087ac2 transparent #0568ae;
-      background-color: #0568ae;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-      color: #ffffff; }
-      .btn-arrow .btn-alt:hover {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-      .btn-arrow .btn-alt:focus {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-      .btn-arrow .btn-alt:active {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-arrow::-moz-focus-inner {
-      padding: 0;
-      border: 0; }
-    .btn-arrow .btn {
-      border: 1px solid transparent;
-      border-radius: 100%;
-      height: 36px;
-      margin-bottom: 0;
-      margin-right: 7px;
-      max-width: 36px;
-      min-width: 20px;
-      padding: 0;
-      margin-top: -4px;
-      vertical-align: middle;
-      width: 36px; }
-      .btn-arrow .btn .icon-primary-left {
-        bottom: 0;
-        display: block;
-        height: 100%;
-        left: 0;
-        line-height: 0;
-        position: absolute;
-        right: 0;
-        text-indent: 0;
-        top: 0; }
-        .btn-arrow .btn .icon-primary-left:before {
-          position: absolute;
-          font-size: 1.6rem;
-          left: 1px;
-          top: 9px; }
-      .btn-arrow .btn .icon-primary-right {
-        bottom: 0;
-        display: block;
-        height: 100%;
-        left: 0;
-        line-height: 0;
-        position: absolute;
-        right: 0;
-        text-indent: 0;
-        top: 0;
-        color: #ffffff; }
-        .btn-arrow .btn .icon-primary-right:before {
-          position: absolute;
-          font-size: 1.6rem;
-          left: 17px;
-          top: 9px; }
-    .btn-arrow .btn.btn-primary .icon-primary-left {
-      color: #fff; }
-    .btn-arrow .btn.btn-primary .icon-primary-right {
-      color: #fff; }
-    .btn-arrow .btn.btn-alt .icon-primary-left {
-      color: #fff; }
-    .btn-arrow .btn.btn-alt .icon-primary-right {
-      color: #fff; }
-    .btn-arrow .btn.btn-secondary {
-      border: 1px solid #d2d2d2; }
-      .btn-arrow .btn.btn-secondary .icon-primary-left {
-        color: #0568ae; }
-      .btn-arrow .btn.btn-secondary .icon-primary-right {
-        color: #0568ae; }
-    .btn-arrow .btn.btn-small {
-      height: 20px;
-      max-width: 20px;
-      min-width: 20px;
-      width: 20px;
-      top: -1px; }
-      .btn-arrow .btn.btn-small .icon-primary-left:before {
-        font-size: 10px;
-        top: 4px;
-        left: 0; }
-      .btn-arrow .btn.btn-small .icon-primary-right:before {
-        font-size: 10px;
-        top: 4px;
-        left: 10px; }
-    .btn-arrow .btn.btn-large .icon-primary-left:before {
-      font-size: 112%;
-      top: 12px;
-      left: 23px; }
-    .btn-arrow .btn.btn-large .icon-primary-right:before {
-      font-size: 112%;
-      top: 12px;
-      left: 23px; }
-  
-  .btn-secondary {
-    border: 1px solid #d2d2d2;
-    background-color: #f2f2f2;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    color: #0568ae;
-    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    padding: 14px 18px 11px 17px; }
-    .btn-secondary:hover {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-secondary:focus {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-secondary:active {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-  
-  .btn-alt {
-    border-color: #087ac2 transparent #0568ae;
-    background-color: #0568ae;
-    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-    color: #ffffff; }
-    .btn-alt:hover {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-alt:focus {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-alt:active {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-  
-  .btn-specialty {
-    border-color: #008744 transparent #007a3e;
-    background-color: #007a3e;
-    background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-    color: #ffffff; }
-    .btn-specialty:hover {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-specialty:focus {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-specialty:active {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  
-  .btn-clear {
-    background: transparent !important;
-    border-color: transparent !important;
-    font-weight: normal;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    box-shadow: none;
-    text-decoration: none;
-    color: #0568ae; }
-    .btn-clear:focus {
-      text-decoration: underline; }
-    .btn-clear:hover {
-      text-decoration: underline; }
-  
-  .isIE .btn:focus {
-    outline: none !important;
-    text-decoration: none !important; }
-    .isIE .btn:focus:after {
-      display: block;
-      content: "";
-      position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
-      bottom: 4px;
-      border: 1px dotted #000; }
-  
-  .isIE .btn:active {
-    outline: none !important;
-    text-decoration: none !important; }
-    .isIE .btn:active:after {
-      display: block;
-      content: "";
-      position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
-      bottom: 4px;
-      border: 1px dotted #000; }
-  
-  .isIE .btn.active {
-    outline: none !important;
-    text-decoration: none !important; }
-    .isIE .btn.active:not(:focus):after {
-      border: 1px solid #000; }
-    .isIE .btn.active:after {
-      display: block;
-      content: "";
-      position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
-      bottom: 4px;
-      border: 1px dotted #000; }
-  
-  .isIE .btn.btn-primary:focus:after {
-    border: 2px dashed #fff; }
-  
-  .isIE .btn.btn-specialty:focus:after {
-    border: 2px dashed #fff; }
-  
-  .isIE .btn.btn-alt:focus:after {
-    border: 2px dashed #fff; }
-  
-  .btn.disabled {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn.disabled:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn.disabled:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn[disabled] {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn[disabled]:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn[disabled]:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn[disabled="disabled"] {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn[disabled="disabled"]:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn[disabled="disabled"]:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn-arrow[disabled] .btn {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn-arrow[disabled] .btn:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn-arrow[disabled] .btn:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn-arrow[disabled] .icon-primary-left {
-    color: #fff !important; }
-  
-  .btn-arrow[disabled] .icon-primary-right {
-    color: #fff !important; }
-  
-  .btn-arrow.disabled .btn {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn-arrow.disabled .btn:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn-arrow.disabled .btn:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn-arrow.disabled .icon-primary-left {
-    color: #fff !important; }
-  
-  .btn-arrow.disabled .icon-primary-right {
-    color: #fff !important; }
-  
-  .btn-medium {
-    padding: 12px 19px 11px 18px;
-    font-size: 1.7rem; }
-  
-  .btn-small {
-    padding: 10px 19px 9px 18px;
-    font-size: 1.5rem;
-    border-radius: 8px; }
-  
-  .btn-fullwidth {
-    width: 100%; }
-  
-  *:not(.btn-arrow) > .btn > i[class*="icon-primary-"] {
-    margin-top: -20px;
-    margin-bottom: -20px; }
-  
-  .enhanced-cta-group {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-direction: row-reverse;
-    flex-direction: row-reverse;
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3A%23959595%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important;
-    background-position: 0 -1px;
-    background-repeat: repeat-x; }
-    .enhanced-cta-group > .cta-button-group {
-      border-top: 0;
-      background-image: none !important; }
-      .enhanced-cta-group > .cta-button-group + .cta-button-group a {
-        font-size: 1.4rem;
-        line-height: 1em; }
-        .enhanced-cta-group > .cta-button-group + .cta-button-group a a {
-          margin-right: 0; }
-      .enhanced-cta-group > .cta-button-group hr {
-        min-height: 14px; }
-      .enhanced-cta-group > .cta-button-group + .cta-button-group {
-        -ms-flex-align: center;
-        -ms-grid-row-align: center;
-        align-items: center;
-        -ms-flex-direction: row;
-        flex-direction: row;
-        padding: 10px 0; }
-  
-  .cta-button-group {
-    text-align: right;
-    -ms-flex-align: baseline;
-    align-items: baseline;
-    padding: 20px 0 10px;
-    width: 100%; }
-    .cta-button-group.nodots {
-      background-image: none !important; }
-    .cta-button-group .hidden-phone {
-      margin-right: 14px; }
-    .cta-button-group .btn + .btn {
-      margin-right: 20px !important; }
-    .cta-button-group .btn:not(.hidden-phone):not(.visible-phone) {
-      margin-right: 0; }
-  
-  .isMobile .btn-arrow .btn.btn-small .icon-primary-left:before {
-    left: -1px; }
-  
-  .isMobile .btn-arrow .btn.btn-large .icon-primary-left:before {
-    left: 24px; }
-  
-  .isMobile .btn-arrow .btn.btn-large .icon-primary-right:before {
-    left: 24px; }
-  
-  @media (max-width: 1024px) {
-    .field-group + .btn {
-      margin-left: 15px; } }
-  
-  @media (max-width: 767px) {
-    .cta-button-group {
-      text-align: center; }
-      .cta-button-group > .btn {
-        display: block;
-        float: none;
-        width: 100%;
-        margin-left: auto !important;
-        margin-right: auto !important; } }
-  
-  .btn-group {
-    border-radius: 8px;
-    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-    margin-bottom: 10px;
-    max-width: 470px;
-    min-width: 290px;
+.checkbox {
     position: relative;
-    vertical-align: middle;
-    width: 100%; }
-    .btn-group > .btn {
-      box-shadow: none;
-      -ms-flex: 1;
-      flex: 1;
-      position: relative;
-      float: left;
-      margin-right: -1px;
-      margin-bottom: 0;
-      padding-left: 0;
-      padding-right: 0;
-      text-align: center; }
-    .btn-group:not([data-select-color]) .btn.active:not(:first-child) {
-      margin-right: -1px;
-      border-left: 1px solid #d2d2d2 !important; }
-    .btn-group:not([data-select-color]) .btn[disabled]:not(:first-child) {
-      border-left: 1px solid #d2d2d2 !important; }
-    .btn-group:not([data-select-color]) .btn[disabled] + .btn[disabled] {
-      border-left: 1px solid #ebebeb !important; }
-    .btn-group:not([data-select-color]) > .btn.active {
-      border-color: #087ac2 transparent #0568ae;
-      background-color: #0568ae;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-      color: #ffffff; }
-      .btn-group:not([data-select-color]) > .btn.active:hover {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: #0563a6;
-        border-color: #0563a6; }
-      .btn-group:not([data-select-color]) > .btn.active:focus {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: #0563a6;
-        border-color: #0563a6; }
-      .btn-group:not([data-select-color]) > .btn.active:active {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: #0563a6;
-        border-color: #0563a6; }
-    .btn-group:not([data-select-color]) > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
-      border-radius: 0; }
-    .btn-group:not([data-select-color]) > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0; }
-    .btn-group:not([data-select-color]) > .btn:last-child:not(:first-child) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0; }
-    .btn-group:not([data-select-color]) > .dropdown-toggle:not(:first-child) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0; }
-    .btn-group > .active {
-      text-decoration: none;
-      outline: 1px dotted transparent; }
-      .btn-group > .active:focus {
-        outline: 1px dotted #ffffff; }
-  
-  .btn-group.btn-fullwidth > .btn {
-    -ms-flex: 1;
-    flex: 1; }
-  
-  .btn-group[data-select-color] {
-    margin-top: 5px;
-    box-shadow: none;
-    -ms-flex-pack: start;
-    justify-content: flex-start;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap; }
-    .btn-group[data-select-color] .btn {
-      border: 1px solid #959595;
-      border-radius: 4px;
-      box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-      margin-right: 10px;
-      margin-bottom: 10px;
-      height: 40px;
-      font-size: 16px;
-      color: #333333;
-      max-width: 60px;
-      min-width: 60px;
-      -ms-flex: 0;
-      flex: 0; }
-    .btn-group[data-select-color] > .btn.active:focus {
-      outline: 1px dotted #191919;
-      outline-offset: 4px; }
-  
-  button .btn-fill {
-    background-clip: padding-box;
-    border: 0;
-    border-radius: 4px;
-    bottom: 0;
-    display: block;
-    height: auto;
-    left: 0;
-    margin: 5px;
-    position: absolute;
-    right: 0;
-    top: 0;
-    width: auto; }
-  
-  button .btn-fill[style*="#fff"] {
-    border: 1px solid #d2d2d2; }
-  
-  [data-select-color] .btn.active {
-    background: none !important;
-    outline: 0;
-    margin-right: 10px;
-    border-width: 3px;
-    color: #333333;
-    line-height: 12px; }
-    [data-select-color] .btn.active > .btn-fill {
-      margin: 3px; }
-    [data-select-color] .btn.active:hover {
-      color: #333333; }
-  
-  [data-select-color] .btn:active {
-    background: none !important;
-    outline: 0;
-    margin-right: 10px;
-    border-width: 3px;
-    color: #333333;
-    line-height: 12px; }
-    [data-select-color] .btn:active > .btn-fill {
-      margin: 3px; }
-    [data-select-color] .btn:active:hover {
-      color: #333333; }
-  
-  .btn-group[data-select-color="orange"] > .btn.active {
-    border-color: #ea7400; }
-  
-  .btn-group[data-select-color="blue"] > .btn.active {
-    border-color: #0568ae; }
-  
-  .btn-group[data-select-color="green"] > .btn.active {
-    border-color: #007a3e; }
-  
-  .btn-spinbutton-toggle.btn-group {
-    display: block !important;
-    height: 40px !important;
-    margin-top: 5px;
-    max-width: 138px;
-    min-width: 138px;
-    white-space: nowrap; }
-  
-  .btn-spinbutton-toggle .btn {
-    border-radius: 6px;
-    font-weight: normal;
-    -ms-flex: unset;
-    flex: unset;
-    height: 40px;
-    letter-spacing: normal;
-    min-width: auto;
-    padding: 3px 0 0;
-    text-align: center;
-    min-width: 46px;
-    width: 46px; }
-  
-  .btn-spinbutton-toggle .btn[data-max-value] {
-    border-bottom: 1px solid #d2d2d2;
-    border-top: 1px solid #d2d2d2;
-    box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-    background-color: #fff;
-    cursor: text;
+    min-height: 24px;
     font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 2rem;
-    font-weight: normal;
-    padding: 4px 0 0;
-    text-align: center;
-    min-width: 46px !important;
-    width: 46px; }
-    .btn-spinbutton-toggle .btn[data-max-value]:focus {
-      border-color: #0568ae;
-      outline: none; }
-      .btn-spinbutton-toggle .btn[data-max-value]:focus + .btn {
-        border-left: 1px solid #0568ae;
-        transition: border 0.3s linear 0s; }
-  
-  .btn-spinbutton-toggle .icon-primary-subtractminimize {
-    font-size: 30px !important;
-    color: #0568ae !important; }
-  
-  .btn-spinbutton-toggle .icon-primary-add-maximize {
-    font-size: 30px !important;
-    color: #0568ae !important; }
-  
-  .btn-spinbutton-toggle .btn[disabled].icon-primary-subtractminimize {
-    background-color: #d2d2d2;
-    color: #767676 !important; }
-  
-  .btn-spinbutton-toggle .btn[disabled].icon-primary-add-maximize {
-    background-color: #d2d2d2;
-    color: #767676 !important; }
-  
-  .btn-spinbutton-toggle input.btn[disabled] {
-    background-color: #d2d2d2;
-    color: #5a5a5a;
-    cursor: not-allowed; }
-  
-  .btn-group.btn-spinbutton-toggle .btn[disabled] + .btn[disabled] {
-    border-left: 1px solid #f0f0f0 !important; }
-  
-  .btn-group.btn-spinbutton-toggle .btn[data-max-value]:focus + .btn:not(:first-child) {
-    border-left: 1px solid #0568ae !important; }
-  
-  @media (max-width: 480px) {
-    .btn-group:not([data-select-color]) > .btn {
-      font-size: 1.3rem;
-      min-width: auto; } }
-  
-  .reset-field,
-  .close {
-    float: right;
-    background: none;
-    width: 34px;
-    height: 34px;
-    padding: 0;
-    overflow: hidden;
-    display: inline-block; }
-  
-  .reset-field {
-    display: none; }
-  
-  .reset-field:before {
-    font-size: 22px;
-    color: #5a5a5a; }
-  
-  .input-emphasized + .reset-field:before {
-    font-size: 29px;
-    color: #5a5a5a; }
-  
-  .reset-field:active,
-  .reset-field:hover,
-  .reset-field:focus {
-    display: block !important; }
-  
-  button.close {
-    border: 0;
-    appearance: none; }
-  
-  .corner-button {
-    box-shadow: 0 -50px 0 0 #f2f2f2 inset;
-    height: 69px;
-    /*overflow: hidden;*/
-    position: absolute;
-    right: -35px;
-    top: -35px;
-    transform: rotate(45deg);
-    width: 69px; }
-  
-  .corner-button .close:before {
-    bottom: -7px;
-    color: #0568ae;
-    display: block;
-    font-size: 20px;
-    height: 50px;
-    left: -11px;
-    position: absolute;
-    width: 50px; }
-  
-  .corner-button .close {
-    float: none;
-    height: 45px;
-    margin: 0;
-    position: absolute;
-    right: 12px;
-    top: 45px;
-    transform: rotate(45deg);
-    width: 45px; }
-  
-  .corner-button .close:focus {
-    outline: 1px dotted black; }
-  
-  .ds2-no-colors .corner-button .close {
-    border: 1px solid black; }
-  
-  .field-group input + .reset-field {
-    background: none;
-    height: 36px;
-    width: 45px;
-    display: none;
-    padding: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-    box-shadow: none;
-    border: none;
-    content: " "; }
-  
-  .field-group input[type="search"] + .reset-field,
-  .field-group input[type="search"] + .btn-search + .reset-field,
-  .tooltip-onclick input + .reset-field,
-  .tooltip-onclick input + .icon-primary-tooltip + .reset-field,
-  .tooltip-onclick textarea + .reset-field,
-  .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
-    right: 45px; }
-  
-  .field-group input[type="search"] + .reset-field:after,
-  .field-group input[type="search"] + .btn-search + .reset-field:after,
-  .tooltip-onclick input + .reset-field:after,
-  .tooltip-onclick input + .icon-primary-tooltip + .reset-field:after,
-  .tooltip-onclick textarea + .reset-field:after,
-  .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field:after {
-    background-color: #d2d2d2;
-    content: "";
-    display: block;
+    font-size: 1rem;
+}
+.checkbox input {
+    -webkit-tap-highlight-color: transparent;
     height: 20px;
+    margin-left: 20px;
+    opacity: 0;
+    outline: none;
     position: absolute;
-    right: 0;
-    top: 8px;
-    width: 1px; }
-  
-  .tooltip-onclick input + .reset-field,
-  .tooltip-onclick input + .icon-primary-tooltip + .reset-field {
-    right: 50px !important; }
-  
-  .tooltip-onclick textarea + .reset-field,
-  .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
-    right: 45px !important;
-    width: 40px; }
-  
-  .field-group input.input-emphasized + .reset-field {
-    width: 45px;
-    height: 46px;
-    right: 6px; }
-  
-  .field-group input.input-emphasized + .reset-field:after {
-    top: 14px; }
-  
-  .field-group [disabled] + .reset-field {
-    display: none; }
-  
-  .ds2_touchevents .field-group input + .reset-field:focus,
-  .ds2_touchevents .field-group input:focus + .reset-field,
-  .ds2_touchevents textarea:focus + .reset-field,
-  .ds2_touchevents textarea + .reset-field:focus {
-    display: block;
-    position: absolute;
-    right: 0px;
-    top: 0;
-    border: none; }
-  
-  .ds2_touchevents .field-group input {
-    padding: 8px 55px 8px 15px;
-    -webkit-appearance: none; }
-  
-  .ds2_touchevents textarea:focus {
-    padding: 15px 55px 15px 15px; }
-  
-  .ds2_touchevents textarea:focus + .reset-field {
-    border: none;
-    position: absolute;
-    right: 6px;
-    top: 5px; }
-  
-  .ds2_touchevents textarea.hasScrollbar:focus {
-    padding: 15px 35px 15px 15px; }
-  
-  .ds2_touchevents textarea.hasScrollbar:focus + .reset-field {
-    right: 22px; }
-  
-  .ds2-no-colors .b2b-tmpl-card-corner-button {
-    border: none !important; }
-  
-  .ds2-no-colors .b2b-tmpl-card-corner-button .close {
-    border: 1px solid black;
-    top: 0px !important;
-    right: 0px !important; }
-  
-  .form-row.error .error-msg {
-    display: block;
-    font-size: 14px;
-    line-height: 14px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    position: relative;
-    padding-left: 18px; }
-  
-  .form-row.error .error-msg:before {
-    color: #cf2a2a;
-    font-size: 14px;
-    left: 0;
-    line-height: 14px;
-    position: absolute;
-    vertical-align: middle; }
-  
-  .form-row.error label,
-  .form-row.error .error-msg,
-  .form-row.error button.awd-select,
-  .form-row.error select.awd-select + span,
-  .form-row.error .checkbox,
-  .form-row.error .radio,
-  .form-row.error legend.error,
-  .form-row.error input {
-    color: #cf2a2a; }
-  
-  .form-row.error .btn-group > .btn,
-  .form-row.error button.awd-select,
-  .form-row.error .awd-select-list,
-  .form-row.error select.awd-select + span,
-  .form-row.error textarea,
-  .form-row.error input,
-  .form-row.error .checkbox .skin,
-  .form-row.error .radio .skin {
-    border-color: #cf2a2a !important; }
-  
-  .form-row.error .checkbox input:checked:not(:disabled) + .skin {
-    background-color: #cf2a2a; }
-  
-  .form-row.error .radio input:checked + .skin:after {
-    background-color: #cf2a2a; }
-  
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg {
-    margin-top: -11px;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0; }
-  
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext {
-    margin: 0 0 10px; }
-  
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:before,
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:after {
-    display: none; }
-  
-  .error .helpertext {
-    border-color: #cf2a2a;
-    /*border-radius:0;*/ }
-  
-  .error .helpertext:before {
-    border-top-color: #cf2a2a; }
-  
-  .error .tooltip-onfocus .helpertext {
-    margin: 14px 0 10px 0; }
-  
-  .error [class*="price"],
-  .error [class*="pricing-"] {
-    color: #cf2a2a; }
-  
-  input:-ms-clear {
-    display: none; }
-  
-  input[type]::-webkit-inner-spin-button,
-  input[type]::-webkit-outer-spin-button {
-    -webkit-appearance: none; }
-  
-  input[type] {
-    -moz-appearance: textfield; }
-  
-  form {
-    margin: 0; }
-  
-  fieldset {
-    padding: 0;
-    margin: 0;
-    border: 0; }
-  
-  label,
-  legend {
-    display: inline-block;
-    font-size: 1.4rem;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  legend {
-    display: block; }
-  
-  .error-msg {
-    display: none; }
-  
-  select,
-  textarea,
-  input {
-    border-radius: 6px;
-    color: #5a5a5a;
-    display: inline-block;
-    font-size: 1.6rem;
-    margin: 0px;
-    padding: 0 15px 0 15px;
-    vertical-align: middle;
-    line-height: normal; }
-  
-  select::-webkit-input-placeholder,
-  textarea::-webkit-input-placeholder,
-  input::-webkit-input-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select:-moz-placeholder,
-  textarea:-moz-placeholder,
-  input:-moz-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select::-moz-placeholder,
-  textarea::-moz-placeholder,
-  input::-moz-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select:-ms-input-placeholder,
-  textarea:-ms-input-placeholder,
-  input:-ms-input-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    transition: none;
-    opacity: 1; }
-  
-  select:placeholder,
-  textarea:placeholder,
-  input:placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select:last-child,
-  textarea:last-child,
-  input:last-child {
-    margin-right: 0; }
-  
-  input:not([type="button"]) {
-    height: 36px; }
-  
-  input.input-emphasized {
-    font-size: 1.8rem;
-    height: 48px;
-    padding: 13px 20px 13px; }
-  
-  input[type="search"]:focus {
-    padding-right: 88px; }
-  
-  input[type="search"] {
-    padding-right: 40px;
-    -webkit-appearance: none !important; }
-  
-  input[type="search"].input-emphasized {
-    padding-right: 45px; }
-  
-  .btn-search[class*="btn"] {
-    background-color: transparent;
-    background-position: 50% 50%;
-    background-size: 20px;
-    background-repeat: no-repeat;
-    border: none;
-    height: 100%;
-    margin-left: 0;
-    margin-top: 0;
-    min-width: 45px !important;
-    outline-offset: 0;
-    padding: 0 !important;
-    position: absolute;
-    right: 0;
-    top: 0;
-    border-radius: 0 5px 5px 0;
-    min-width: 44px;
-    width: 44px; }
-  
-  .input-emphasized + .btn-search[class*="btn"],
-  .input-emphasized + .reset-field + .btn-search[class*="btn"] {
-    background-size: 26px;
-    height: 46px;
+    left: 1px;
     top: 1px;
-    outline-offset: -3px;
-    margin-bottom: 0;
-    border-radius: 0 5px 5px 0; }
-  
-  input[type="search"].input-emphasized + .reset-field {
-    right: 45px !important; }
-  
-  .search-suggestion-wrapper {
-    position: relative;
-    margin-bottom: 15px; }
-  
-  /*styles from dropdown*/
-  .search-suggestion-list {
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-    border-radius: 0 0 6px 6px;
-    position: relative;
-    border: 1px solid #0568ae;
-    border-top: 0;
-    padding: 15px 0;
-    background-color: #f2f2f2;
-    z-index: 1000;
-    width: 100%;
-    max-height: 400px;
-    overflow-y: auto; }
-  
-  .search-suggestion-list:empty {
-    display: none; }
-  
-  .search-suggestion-item {
-    position: relative;
-    z-index: -1;
-    padding: 0 15px;
-    line-height: 4.0rem;
-    color: #5a5a5a; }
-  
-  .search-suggestion-item a {
-    text-decoration: none;
-    color: #5a5a5a; }
-  
-  .search-suggestion-item:hover,
-  .search-suggestion-item:focus {
-    cursor: pointer;
-    background-color: #d2d2d2; }
-  
-  input[data-provide="datepicker"],
-  [data-provide="datepicker"]:-moz-placeholder,
-  [data-provide="datepicker"]:-ms-input-placeholder,
-  [data-provide="datepicker"]:-webkit-input-placeholder {
-    color: #0568ae !important;
-    opacity: 1;
-    filter: alpha(opacity=100); }
-  
-  input[disabled],
-  input[readonly],
-  select[disabled],
-  select[readonly],
-  textarea[disabled],
-  textarea[readonly],
-  i.icon-primary-calendar.disabled,
-  span.icon-primary-calendar.readonly {
-    cursor: not-allowed;
-    background-color: #f2f2f2;
-    box-shadow: none; }
-  
-  i.icon-primary-calendar.disabled input,
-  span.icon-primary-calendar.readonly input {
-    color: #959595 !important; }
-  
-  textarea {
-    display: block;
-    width: 400px;
-    max-width: 400px;
-    padding: 15px; }
-  
-  textarea.small {
-    line-height: 20px; }
-  
-  textarea + .reset-field {
-    display: none; }
-  
-  textarea::-webkit-input-placeholder {
-    line-height: .99; }
-  
-  textarea:-moz-placeholder {
-    line-height: .99; }
-  
-  textarea::-moz-placeholder {
-    line-height: .99; }
-  
-  textarea:-ms-input-placeholder {
-    line-height: .99; }
-  
-  textarea:placeholder {
-    line-height: .99; }
-  
-  textarea,
-  input {
-    background-color: #ffffff;
-    border: 1px solid #d2d2d2;
-    -webkit-appearance: none;
-    box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-    transition: border .3s linear 0s;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  textarea:focus,
-  input:focus {
-    outline: 0;
+    width: 10px; }
+.checkbox input:focus + .skin {
     border-color: #0568ae; }
-  
-  .input-append {
-    display: table; }
-  
-  .input-append > div {
-    display: table-cell;
-    width: 1%; }
-  
-  .input-append > .field-group {
-    width: 100%; }
-  
-  .row .field-group input[class*="span"] {
-    float: none; }
-  
-  .field-group {
-    position: relative;
-    display: inline-block; }
-  
-  label + .field-group,
-  label + .input-append,
-  label + .row,
-  label + .row-nowrap,
-  label + .form-row {
-    margin-top: 5px; }
-  
-  .field-group {
-    position: relative;
-    display: block; }
-  
-  .field-group input:not([type="button"])[disabled] {
-    padding-right: 15px; }
-  
-  input:invalid,
-  textarea:invalid,
-  select:invalid {
-    outline: none !important; }
-  
-  .form-row {
-    margin-top: 20px; }
-  
-  .form-row.nomar {
-    margin: 0; }
-  
-  .row-nowrap.no-flex.form-row > label + br {
-    margin-bottom: 5px; }
-  
-  span.form-row {
-    display: inline-block; }
-  
-  legend + .form-row {
-    margin-top: 20px; }
-  
-  .tooltip-onclick input {
-    padding-right: 45px; }
-  
-  .ds2_touchevents .tooltip-onclick input:focus {
-    padding-right: 95px; }
-  
-  .btn-calendar-icon {
-    position: absolute;
-    background-color: transparent !important;
-    top: 8px;
-    border: 0 !important;
-    width: 30px;
-    right: 15px; }
-  
-  .btn-calendar-icon .icon-primary-calendar:before {
-    position: absolute;
-    color: #0568ae; }
-  
-  .btn-calendar-icon .icon-primary-calendar.disabled {
-    background-color: #f2f2f2; }
-  
-  .btn-calendar-icon .icon-primary-calendar.disabled:before {
-    color: #959595; }
-  
-  span.icon-primary-calendar input {
-    padding-left: 35px;
-    color: #0568ae;
-    transition: border-color 0.3s linear 0s;
-    box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-    position: absolute;
-    top: 0;
-    left: 0; }
-  
-  .faux-input + input.datepicker-input:not([disabled]) {
-    cursor: pointer;
-    margin-left: 0;
-    background-color: #fff;
-    position: absolute;
-    left: 0;
-    top: 0;
-    z-index: 0; }
-  
-  .faux-input {
-    background-color: transparent !important;
-    border: 1px solid transparent;
-    border-radius: 4px;
-    font-size: 1.6rem;
-    height: 35px;
-    left: 0;
-    line-height: 35px;
-    margin-bottom: 10px;
-    margin-right: 6px;
-    padding: 0 0 0 35px;
-    position: relative;
-    text-align: left;
-    top: 0;
-    vertical-align: middle;
-    width: 100%;
-    z-index: 1; }
-  
-  .faux-input:disabled {
-    cursor: not-allowed; }
-  
-  .faux-input:focus + .datepicker-input,
-  [data-calendar-state="opened"] + .datepicker-input {
-    border-color: #0568ae;
-    box-shadow: 2px 3px 2px -2px rgba(5, 116, 172, 0.35) inset;
-    outline: 0 none; }
-  
-  .form-row.error .error-msg {
-    display: block;
-    font-size: 14px;
-    line-height: 14px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    position: relative;
-    padding-left: 18px;
-    margin-top: 10px; }
-  
-  .form-row.error .error-msg > .icon-primary-badgealert {
-    height: 14px;
-    width: 14px;
-    position: absolute;
-    left: 0;
-    margin-right: 0; }
-  
-  .form-row.error .error-msg > .icon-primary-badgealert:before {
-    color: #cf2a2a;
-    font-size: 14px;
-    left: 0;
-    line-height: 14px;
-    position: absolute;
-    vertical-align: middle; }
-  
-  .form-row.error label,
-  .form-row.error .error-msg,
-  .form-row.error button.awd-select,
-  .form-row.error select.awd-select + span,
-  .form-row.error .checkbox,
-  .form-row.error .radio,
-  .form-row.error legend.error,
-  .form-row.error input,
-  .form-row.error textarea {
-    color: #cf2a2a; }
-  
-  .form-row.error .btn-group > .btn,
-  .form-row.error button.awd-select,
-  .form-row.error .awd-select-list,
-  .form-row.error select.awd-select + span,
-  .form-row.error textarea,
-  .form-row.error input,
-  .form-row.error .checkbox .skin,
-  .form-row.error .radio .skin {
-    border-color: #cf2a2a !important; }
-  
-  .form-row.error .checkbox input:checked:not(:disabled) + .skin {
-    background-color: #cf2a2a; }
-  
-  .form-row.error .radio input:checked + .skin:after {
-    background-color: #cf2a2a; }
-  
-  .error [class*="price"],
-  .error [class*="pricing-"] {
-    color: #cf2a2a; }
-  
-  hr,
-  .hr-or {
-    display: block;
-    height: 1px;
-    margin: 15px 0;
-    border: none;
-    background-repeat: repeat-x;
-    background-color: #959595;
-    position: relative; }
-  
-  hr.dark {
-    background-color: #959595; }
-  
-  hr.lite {
-    background-color: #d2d2d2; }
-  
-  .hr-or:before {
-    background-color: #fff;
-    color: #666;
-    content: " OR ";
-    display: block;
-    font-size: 1.4rem;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    height: 16px;
-    left: 50%;
-    line-height: 1.6rem;
-    margin-left: -15px;
-    margin-top: -8px;
-    position: absolute;
-    text-align: center;
-    top: 50%;
-    width: 30px;
-    z-index: 1111; }
-  
-  hr.is-vertical.dark,
-  hr.hr-or.dark,
-  hr.is-vertical.lite,
-  hr.hr-or.lite {
-    display: inline-block;
-    height: auto;
-    margin: 0 15px;
-    min-height: 20px;
-    width: 1px; }
-  
-  hr.is-vertical.dark,
-  hr.hr-or.dark {
-    background-color: #959595; }
-  
-  hr.is-vertical.lite,
-  hr.hr-or.lite {
-    background-color: #d2d2d2; }
-  
-  .hr-dotted.is-vertical.dark,
-  .hr-dotted.is-vertical.lite {
-    background-color: transparent;
-    background-repeat: repeat-y;
-    background-size: 1px 4px;
-    height: auto;
-    min-height: 20px;
-    width: 1px; }
-  
-  .row-nowrap > .span + hr.is-vertical,
-  .row > .span + hr.is-vertical {
-    margin: 0 0 0 -20px; }
-  
-  
-  
-  hr.bottom-space-only {
-    margin-top: 0; }
-  
-  .hr-nomargin {
-    margin: 0; }
-  
-  .radio {
-    position: relative;
-    min-height: 24px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.6rem;
-    margin-bottom: 5px; }
-    .radio input {
-      -webkit-tap-highlight-color: transparent;
-      height: 10px;
-      margin: 6px;
-      opacity: 0;
-      outline: none;
-      position: absolute;
-      left: 1px;
-      top: 1px;
-      width: 10px; }
-      .radio input:focus + .skin {
-        border-color: #0568ae; }
-        .radio input:focus + .skin:before {
-          content: "";
-          height: 34px;
-          left: -6px;
-          top: -6px;
-          outline: 1px dotted #000000;
-          position: absolute;
-          width: 34px; }
-      .radio input + .skin {
-        border-radius: 100%; }
-      .radio input:checked + .skin:after {
-        background-color: #0568ae;
-        border-radius: 100%;
-        border: 3px solid #FFFFFF;
-        content: "";
-        display: block;
-        height: 16px;
-        position: absolute;
-        width: 16px; }
-      .radio input:disabled + .skin {
-        cursor: not-allowed;
-        background-color: #d2d2d2;
-        border-color: #d2d2d2;
-        color: #666666; }
-        .radio input:disabled + .skin + span {
-          cursor: not-allowed;
-          color: #666666; }
-      .radio input:disabled:checked + .skin:after {
-        background-color: #666666; }
-      .radio input:invalid + .skin {
-        border: solid 1px #cf2a2a; }
-    .radio .skin {
-      background-color: #FFFFFF;
-      border: 1px solid #d2d2d2;
-      border-radius: 3px;
-      display: inline-block;
-      height: 24px;
-      left: 0;
-      position: absolute;
-      top: 0;
-      width: 24px; }
-    .radio span {
-      display: inline-block;
-      margin-left: 34px;
-      margin-top: 0;
-      position: relative;
-      top: 3px; }
-    .radio label {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .radio.inline {
-    display: inline-block;
-    margin-bottom: 10px;
-    vertical-align: middle;
-    margin-right: 10px; }
-    .radio.inline:last-child {
-      margin-right: 0; }
-  
-  .radio-box {
-    border: 1px solid #d2d2d2;
-    border-radius: 8px; }
-    .radio-box > [role="radio"] label {
-      padding: 15px 15px 20px 15px;
-      display: block;
-      width: 100%; }
-      .radio-box > [role="radio"] label .skin + span {
-        top: 2px; }
-    .radio-box > [role="radio"] + div {
-      padding: 0 15px 15px 47px; }
-    .radio-box > [aria-checked="false"] label > input {
-      top: 15px;
-      left: 15px; }
-    .radio-box > [aria-checked="false"] label .skin {
-      top: 15px;
-      left: 15px; }
-    .radio-box > [aria-checked="true"] label > input {
-      top: 13px;
-      left: 13px; }
-    .radio-box > [aria-checked="true"] label .skin {
-      top: 13px;
-      left: 13px; }
-  
-  .radio-box.active {
-    border: 3px solid #0568ae; }
-    .radio-box.active > [role="radio"] label {
-      padding: 13px 14px 19px 13px; }
-  
-  .checkbox {
-    position: relative;
-    min-height: 24px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.6rem;
-    margin-bottom: 5px; }
-    .checkbox input {
-      -webkit-tap-highlight-color: transparent;
-      height: 10px;
-      margin: 6px;
-      opacity: 0;
-      outline: none;
-      position: absolute;
-      left: 1px;
-      top: 1px;
-      width: 10px; }
-      .checkbox input:focus + .skin {
-        border-color: #0568ae; }
-        .checkbox input:focus + .skin:before {
-          content: "";
-          height: 34px;
-          left: -6px;
-          top: -6px;
-          outline: 1px dotted #000000;
-          position: absolute;
-          width: 34px; }
-      .checkbox input:checked:not(:disabled) + .skin {
-        background-color: #0568ae;
-        border-color: #0568ae; }
-      .checkbox input:checked:disabled + .skin:after {
-        color: #5A5A5A; }
-      .checkbox input:checked + .skin:after {
-        height: 24px;
-        width: 24px;
-        background-color: transparent;
-        font-size: 23.4px;
-        color: #FFFFFF;
-        line-height: 21px; }
-      .checkbox input:disabled + .skin {
-        cursor: not-allowed;
-        background-color: #d2d2d2;
-        border-color: #d2d2d2;
-        color: #666666; }
-        .checkbox input:disabled + .skin + span {
-          cursor: not-allowed;
-          color: #666666; }
-      .checkbox input:invalid + .skin {
-        border: solid 1px #cf2a2a; }
-      .checkbox input:indeterminate + .skin:after {
-        background-color: transparent;
-        font-size: 25px;
-        color: #0574ac;
-        content: "\e920"; }
-    .checkbox .skin {
-      background-color: #fff;
-      border: 1px solid #d2d2d2;
-      border-radius: 3px;
-      display: inline-block;
-      height: 24px;
-      width: 24px;
-      position: absolute;
-      left: 0;
-      top: 0; }
-    .checkbox span {
-      display: inline-block;
-      margin-left: 34px;
-      margin-top: 0;
-      position: relative;
-      top: 3px; }
-    .checkbox label {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-    .checkbox input {
-      z-index: 9999; }
-    .checkbox input.indeterminate + .skin:after {
-      font-size: 22px;
-      color: #0568ae; }
-  
-  .checkbox.inline {
-    display: inline-block;
-    margin-bottom: 10px;
-    vertical-align: middle;
-    margin-right: 10px; }
-    .checkbox.inline:last-child {
-      margin-right: 0; }
-  
-  .checkbox.checkbox-selectall {
-    margin: 20px 0 0 24px; }
-  
-  .terms-after-checkbox {
-    margin-top: 15px; }
-  
-  .indeterminate-margin {
-    padding-left: 24px; }
-  
-  .tiny-accordion {
-    border-bottom: 1px solid #d2d2d2; }
-  
-  .toggle-header,
-  .inactive-toggle-header {
-    border-color: #fff;
-    color: #0568ae;
-    cursor: pointer;
-    display: block;
-    font-size: 2.0rem;
-    line-height: 2.2rem;
-    min-height: 41px;
-    position: relative;
-    padding: 16px 55px 16px 15px; }
-  
-  .toggle-header.opened {
-    color: #333333; }
-  
-  .tiny-accordion .toggle-header,
-  .tiny-accordion .inactive-toggle-header {
-    padding: 16px 55px 16px 15px;
-    border-top: 1px solid #d2d2d2; }
-  
-  .tiny-accordion .toggle-header:focus {
-    text-decoration: underline; }
-  
-  .tiny-accordion.iconleft .toggle-header,
-  .tiny-accordion.iconleft .inactive-toggle-header {
-    padding: 15px 15px 15px 50px; }
-  
-  .accordion-content {
-    font-size: 1.4rem; }
-  
-  .accordion-content .toggle-header:first-child {
-    margin-top: 16px; }
-  
-  .tiny-accordion .toggle-header + .accordion-content {
-    padding: 0 50px 15px 15px; }
-  
-  .tiny-accordion.iconleft .toggle-header + .accordion-content {
-    padding: 0 15px 15px 50px; }
-  
-  .toggle-header .icon-primary-accordion-plus,
-  .toggle-header .icon-primary-accordion-minus {
-    display: inline-block;
-    font-size: 20px;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    right: 15px;
-    vertical-align: middle;
-    top: 16px;
-    font-weight: bold; }
-  
-  .tiny-accordion.iconleft .toggle-header .icon-primary-accordion-plus,
-  .tiny-accordion.iconleft .toggle-header .icon-primary-accordion-minus {
-    left: 15px; }
-  
-  .inactive-toggle-header:hover {
-    cursor: inherit; }
-  
-  .tiny-accordion-to-tabs,
-  .tiny-tabs {
-    position: relative;
-    width: 100%;
-    margin: 0px;
-    padding: 0px; }
-  
-  .tiny-tabs [class*="icon-primary-accordion-"] {
-    display: none !important; }
-  
-  .tiny-accordion-to-tabs:before,
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:before,
-  .tiny-tabs:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:after {
-    clear: both; }
-  
-  .tiny-accordion-to-tabs:before,
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:before,
-  .tiny-tabs:after {
-    display: table;
+.checkbox input:focus + .skin:before {
     content: "";
-    line-height: 0; }
-  
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:after {
-    clear: both; }
-  
-  .tiny-tabs > .toggle-header {
-    display: inline-block;
-    float: left;
-    border-top: none;
-    overflow: hidden;
-    height: 70px;
-    text-align: center;
-    background-color: #fff;
-    border-radius: 0px;
-    padding: 26px 20px 25px 20px !important;
-    border-top: 1px solid #fff;
-    -webkit-filter: none;
-    filter: none;
-    background-clip: padding-box;
-    border-bottom: 1px solid #d2d2d2;
-    font-weight: normal;
-    border-right: 1px solid #d2d2d2;
-    white-space: nowrap; }
-  
-  .tiny-tabs .toggle-header + div {
-    left: 0px;
-    position: absolute;
-    top: 69px;
-    border-top: 1px solid #d2d2d2;
-    padding: 0;
-    display: block;
-    border-bottom: none;
-    width: 100%; }
-  
-  .accordion-pad {
-    padding-top: 30px;
-    padding-bottom: 30px; }
-  
-  .tiny-tabs .opened {
-    color: #333333;
-    border-top: 5px solid #0568ae !important;
-    padding-top: 22px !important;
-    border-bottom: none;
-    background-color: #fff;
-    -webkit-filter: none;
-    filter: none;
-    cursor: default;
-    z-index: 999; }
-  
-  .tiny-tabs .toggle-header:focus {
-    text-decoration: underline;
-    outline: thin dotted #666;
-    outline-offset: 0; }
-  
-  .tiny-tabs .toggle-header:first-child {
-    border-left: none;
-    margin-left: 0; }
-  
-  .tiny-tabs .toggle-header:first-child {
-    border-left: 1px solid #fff; }
-  
-  .tiny-tabs .opened:first-child {
-    border-left: 1px solid #d2d2d2; }
-  
-  .tiny-tabs .toggle-header:nth-last-of-type(2) {
-    border-right-color: #fff; }
-  
-  .tiny-tabs .opened:nth-last-of-type(2) {
-    border-right: 1px solid #d2d2d2; }
-  
-  @media (max-width: 767px) {
-    .tiny-accordion,
-    .tiny-accordion-to-tabs {
-      margin-left: -15px;
-      margin-right: -15px;
-      width: auto; }
-    .tiny-accordion-to-tabs {
-      display: block;
-      border-bottom: 1px solid #d2d2d2; }
-    .tiny-accordion-to-tabs .toggle-header {
-      display: block;
-      min-height: 41px;
-      padding: 16px 50px 16px 15px;
-      border-top: 1px solid #d2d2d2; }
-    .tiny-accordion-to-tabs .toggle-header:focus {
-      text-decoration: underline; }
-    .tiny-accordion-to-tabs .toggle-header + .accordion-content {
-      padding: 0 50px 15px 15px; } }
-  
-  @media (min-width: 768px) {
-    .tiny-accordion-to-tabs [class*="icon-primary-accordion-"] {
-      display: none !important; }
-    .tiny-accordion-to-tabs > .toggle-header {
-      display: inline-block;
-      float: left;
-      border-top: none;
-      /*overflow: hidden;*/
-      height: 70px;
-      text-align: center;
-      background-color: #fff;
-      border-radius: 0px;
-      padding: 26px 20px 25px 20px !important;
-      border-top: 1px solid #fff;
-      -webkit-filter: none;
-      filter: none;
-      background-clip: padding-box;
-      border-bottom: 1px solid #d2d2d2;
-      font-weight: normal;
-      border-right: 1px solid #d2d2d2;
-      white-space: nowrap; }
-    .tiny-accordion-to-tabs .toggle-header + div {
-      left: 0px;
-      position: absolute;
-      top: 69px;
-      border-top: 1px solid #d2d2d2;
-      padding-top: 30px;
-      padding-left: 20px;
-      display: block;
-      border-bottom: none;
-      width: 100%; }
-    .tiny-accordion-to-tabs .opened {
-      color: #333333;
-      border-top: 5px solid #0568ae !important;
-      padding-top: 22px !important;
-      border-bottom: none;
-      background-color: #fff;
-      -webkit-filter: none;
-      filter: none;
-      cursor: default;
-      text-decoration: none;
-      z-index: 999; }
-    .tiny-accordion-to-tabs .toggle-header:focus {
-      text-decoration: underline;
-      outline: thin dotted #666;
-      outline-offset: 0px; }
-    .tiny-accordion-to-tabs .toggle-header:nth-last-of-type(2) {
-      border-right: none; }
-    .tiny-accordion-to-tabs .toggle-header:first-child {
-      border-left: none;
-      margin-left: 0; }
-    .tiny-accordion-to-tabs .toggle-header:first-child {
-      border-left: 1px solid #fff; }
-    .tiny-accordion-to-tabs .opened:first-child {
-      border-left: 1px solid #d2d2d2; }
-    .tiny-accordion-to-tabs .opened:nth-last-of-type(2) {
-      border-right: 1px solid #d2d2d2; } }
-  
-  .toggle-header .tooltip .icon-primary-tooltip {
-    margin-top: -5px; }
-  
-  .accordion-content {
-    transition: all 0.8s linear; }
-  
-  .opaque-content {
-    opacity: 0; }
-  
-  .tiny-tabs .toggle-header {
-    display: inline-block;
-    float: left;
-    border-top: none;
-    overflow: hidden;
-    height: 70px;
-    text-align: center;
-    background-color: #fff;
-    border-radius: 0px;
-    padding: 22px 20px 25px 20px !important;
-    border-top: 5px solid #fff;
-    -webkit-filter: none;
-    filter: none;
-    background-clip: padding-box;
-    border-bottom: 1px solid #ccc;
-    font-weight: normal;
-    border-right: 1px solid #ccc;
-    white-space: nowrap; }
-  
-  .tiny-tabs .toggle-header:first-child {
-    margin-left: 0; }
-  
-  .tiny-tabs div:first-child .toggle-header {
-    margin-left: 30px; }
-  
-  .tiny-tabs > div .toggle-header.opened {
-    border-bottom: 0 !important; }
-  
-  .tiny-accordion-to-tabs > div > div.toggle-header {
-    background-clip: padding-box;
-    background-color: #fff;
-    border-bottom: 1px solid #ccc;
-    border-radius: 0;
-    border-top: 5px solid #fff;
-    display: inline-block;
-    filter: none;
-    float: left;
-    font-weight: normal;
-    overflow: hidden;
-    padding: 22px 20px 21px !important;
-    text-align: center;
-    white-space: nowrap; }
-  
-  .tiny-accordion-to-tabs .toggle-header:first-child {
-    margin-left: 0; }
-  
-  .tiny-accordion-to-tabs div:first-child .toggle-header {
-    margin-left: 30px;
-    border-bottom: 0 !important; }
-  
-  .tiny-accordion-to-tabs > div .toggle-header.opened {
-    border-bottom: 0 !important; }
-  
-  @media (max-width: 767px) {
-    .tiny-accordion-to-tabs {
-      display: block !important;
-      border-bottom: 1px solid #ccc !important; }
-    .tiny-accordion-to-tabs > div > div.toggle-header {
-      display: block !important;
-      float: none;
-      text-align: left;
-      min-height: 41px !important;
-      padding: 15px 50px 15px 15px !important;
-      border-top: 1px solid #ccc; }
-    .tiny-accordion-to-tabs > div > div.toggle-header:first-child {
-      margin-left: 0 !important; }
-    .tiny-accordion-to-tabs > div > div.toggle-header + .accordion-content {
-      padding: 0 50px 15px 15px; }
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus {
-      background-position: 0 0;
-      background-size: 20px 40px; }
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-      background-position: 0 -20px;
-      background-size: 20px 40px; }
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus,
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-      display: inline-block;
-      height: 20px;
-      margin: 0;
-      padding: 0;
-      position: absolute;
-      right: 15px;
-      vertical-align: middle;
-      width: 20px; } }
-  
-  .alert {
-    background-color: #5a5a5a;
-    border-radius: 8px;
-    color: #fff;
-    margin-top: 15px;
-    padding: 0;
-    position: relative;
-    border: 0; }
-  
-  .alert h3,
-  .alert h4 {
-    color: #fff;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 1.6rem;
-    margin: 0 20px 5px 0; }
-  
-  .alert div {
-    padding: 15px 20px; }
-  
-  .alert div:first-child {
-    border-radius: 8px 0 0 8px;
-    width: 1%; }
-  
-  .alert div:first-child + div {
-    border: 1px solid transparent;
-    border-left: none;
-    border-radius: 0 8px 8px 0; }
-  
-  .alert-error {
-    background-color: #cf2a2a;
-    border: 1px solid #cf2a2a; }
-  
-  .alert-info {
-    background-color: #44c8f5;
-    border: 1px solid #44c8f5; }
-  
-  .alert-success {
-    background-color: #c5d63d;
-    border: 1px solid #c5d63d; }
-  
-  .alert [class*="icon-primary-"] {
-    color: #fff;
-    font-size: 30px;
-    margin-right: 0; }
-  
-  .alert .close {
-    height: 30px;
-    position: absolute;
-    right: 1px;
-    top: 1px;
-    width: 30px; }
-  
-  .alert .close:before {
-    color: #fff;
-    margin-right: 0;
-    position: absolute;
-    right: 9px;
-    top: 9px; }
-  
-  .alert a {
-    color: #fff;
-    text-decoration: underline; }
-  
-  .alert .close:focus {
-    outline: 1px dotted #666; }
-  
-  .alert p {
-    font-size: 1.4rem; }
-  
-  .alert p:last-child {
-    margin-bottom: 0; }
-  
-  .alert .standalone-link i[class*="icon-primary-"] {
-    font-size: 20px;
-    margin-right: 5px; }
-  
-  @media (max-width: 767px) {
-    .alert {
-      border-radius: 0;
-      margin: 0 -15px; }
-    .alert + .alert {
-      margin-top: 4px; }
-    .alert div {
-      padding: 15px 10px; }
-    .alert div:first-child {
-      border-radius: 0;
-      padding: 15px; }
-    .alert h3,
-    .alert h4 {
-      font-size: 1.4rem; }
-    .alert p {
-      font-size: 1.2rem; }
-    .alert .close {
-      right: 5px;
-      top: 5px; }
-    .alert .standalone-link i[class*="icon-primary-"] {
-      font-size: 16px; } }
-  
-  .alert h3 {
-    margin: 0;
-    font-size: 16px; }
-  
-  .alert p {
-    font-size: 14px; }
-  
-  .alert p a {
-    color: #FFFFFF;
-    text-decoration: underline; }
-  
-  .alert div:first-child + div {
-    padding-right: 25px; }
-  
-  .alert div:last-child {
-    padding-right: 20px !important; }
-  
-  .alert p [class*="icon-primary-"] {
-    color: #fff;
-    font-size: 20px;
-    margin-right: 0; }
-  
-  @media (max-width: 767px) {
-    .alert h3 {
-      font-size: 14px; }
-    .alert div:first-child + div {
-      padding-right: 20px; }
-    .alert div:last-child {
-      padding-right: 15px !important; }
-    .alert div:first-child {
-      padding: 15px; }
-    .alert p {
-      font-size: 12px; }
-    .alert p [class*="icon-primary-"] {
-      font-size: 16px; } }
-  
-  .b2b-audio {
-    width: auto;
-    margin: 10px auto;
-    height: 35px; }
-    .b2b-audio .controls-wrapper {
-      display: inline-block;
-      font-size: 25px;
-      cursor: pointer; }
-      .b2b-audio .controls-wrapper i {
-        font-size: 25px;
-        margin-right: 0px;
-        color: #444; }
-        .b2b-audio .controls-wrapper i:hover {
-          color: #0574AC; }
-    .b2b-audio .seek-bar-container-wrapper {
-      display: inline-block;
-      outline: 0;
-      min-width: 180px;
-      margin-right: 10px;
-      margin-left: 10px;
-      height: 14px;
-      padding-top: 5px; }
-      .b2b-audio .seek-bar-container-wrapper .timing-container {
-        padding-top: 13px;
-        color: #333;
-        font-size: 12px; }
-        .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-left {
-          float: left;
-          line-height: 100%; }
-        .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-right {
-          float: right;
-          line-height: 100%; }
-        .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-spacer {
-          clear: both; }
-    .b2b-audio .seek-bar-tooltip {
-      text-align: center;
-      min-width: 76px; }
-  
-  .b2b-audio-popover {
-    width: 22px; }
-    .b2b-audio-popover .volume-popover {
-      height: 100px !important;
-      width: 6px !important;
-      margin: 7px auto; }
-    .b2b-audio-popover .min-label {
-      margin-top: 5px; }
-  
-  .b2b-audio-native {
-    width: auto;
-    height: auto; }
-  
-  .b2b-audio-recorder {
-    border: 1px solid #ccc;
-    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15);
-    height: 63px;
-    min-height: 63px;
-    min-width: 347px; }
-    .b2b-audio-recorder .b2b-elapsed-time {
-      margin: 23px 0 24px 15px;
-      font-size: 16px;
-      font-style: italic;
-      color: #767676; }
-    .b2b-audio-recorder .b2b-controls {
-      width: 68px;
-      cursor: pointer; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-record {
-        font-size: 64px;
-        color: black;
-        float: right;
-        margin-right: 10px; }
-        .b2b-audio-recorder .b2b-controls i.icoControls-record:focus, .b2b-audio-recorder .b2b-controls i.icoControls-record:hover {
-          color: #0568ae; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-stop {
-        font-size: 36px;
-        color: black;
-        float: right;
-        margin-right: 20px;
-        margin-top: 12px; }
-        .b2b-audio-recorder .b2b-controls i.icoControls-stop:focus, .b2b-audio-recorder .b2b-controls i.icoControls-stop:hover {
-          color: #0568ae; }
-  
-  .b2b-top-btn {
-    height: 36px;
-    width: 36px;
-    border-radius: 7px; }
-  
-  .b2b-top-btn > i {
-    position: absolute;
-    top: 13px;
-    left: 9px;
-    width: 11px;
-    height: 18px; }
-  
-  .b2b-badge {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    background-color: #5A5A5A;
-    border-radius: 12px;
-    color: #FFFFFF;
-    display: inline-block;
-    font-size: 1.5rem;
-    font-weight: normal;
-    height: 20px;
-    line-height: 0;
-    margin-top: 0;
-    min-width: 20px;
-    padding: 0 5px;
-    text-align: center;
-    vertical-align: baseline; }
-    .b2b-badge:empty {
-      display: none; }
-  
-  * + .b2b-heading-micro {
-    margin-top: 20px !important; }
-  
-  .b2b-heading-micro {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: normal;
-    text-rendering: optimizeLegibility;
-    font-size: 1.2rem !important;
-    text-transform: uppercase !important;
-    margin-bottom: 20px !important;
-    line-height: 1.2 !important; }
-  
-  .b2b-no-colors .b2b-badge {
-    border: 1px solid transparent; }
-  
-  .btn > .b2b-badge {
-    margin-right: 5px; }
-  
-  a > .b2b-badge {
-    margin-right: 6px;
-    padding-top: 10px; }
-  
-  .b2b-badge-urgent {
-    background-color: #cf2a2a; }
-  
-  .bellyband-container {
-    margin: 0 -15px; }
-  
-  .bellyband-group {
-    width: auto; }
-  
-  .bellyband-link {
-    border-top: 1px solid #d2d2d2; }
-  
-  .bellyband-link a {
-    display: block;
-    height: 40px;
-    line-height: 40px;
-    padding: 0 15px;
-    position: relative;
-    text-decoration: none; }
-  
-  .bellyband-link a:hover > div span,
-  .bellyband-link a:focus > div span {
-    text-decoration: underline; }
-  
-  .bellyband-link a:after {
-    color: #666;
-    font-size: 2.3rem;
-    height: 20px;
-    position: absolute;
-    right: 5px;
-    top: 12px;
-    width: 18px; }
-  
-  .dark-bg .bellyband-link a:after {
-    color: white; }
-  
-  .bellyband-link img[src$="svg"].hidden-desktop,
-  .bellyband-link [class*="icon-primary-"].hidden-desktop {
-    display: inline-block !important;
-    float: left;
-    font-size: 24px;
-    height: 24px;
-    margin-right: 5px;
-    margin-top: 8px;
-    width: 24px; }
-  
-  .dark-bg .bellyband-link [class*="icon-primary-"].hidden-desktop,
-  .dark-bg .bellyband-link [class*="icon-primary-"].visible-desktop {
-    color: #fff; }
-  
-  .bellyband-link img[src$="svg"].visible-desktop {
-    display: none !important; }
-  
-  .bellyband-link p {
-    margin-top: -10px;
-    margin-left: 29px;
-    font-size: 1.4rem;
-    color: #666; }
-  
-  @media (min-width: 481px) and (max-width: 767px) {
-    .bellyband-container {
-      display: flex;
-      margin: 0; }
-    .bellyband-group {
-      align-content: flex-start;
-      align-items: stretch;
-      display: inline-flex;
-      flex-direction: column;
-      flex-wrap: wrap;
-      margin-top: 1px;
-      width: 100%; }
-    .bellyband-group .row {
-      display: flex !important; }
-    .bellyband-link {
-      padding-top: 0;
-      position: relative;
-      border-top: none;
-      margin-bottom: 20px;
-      width: 50%; }
-    .bellyband-link a {
-      height: inherit;
-      line-height: inherit;
-      display: flex;
-      padding: 0; }
-    .bellyband-link a:after {
-      display: none; }
-    .bellyband-link a span {
-      display: block;
-      padding-top: 10px; }
-    .bellyband-link p {
-      display: block;
-      padding: 0 15px 0 0;
-      margin-bottom: 0;
-      margin-left: 0;
-      margin-top: 0; }
-    .bellyband-link a:focus p {
-      text-decoration: none; } }
-  
-  @media (min-width: 768px) {
-    .bellyband-group {
-      margin: 0;
-      max-width: 100%;
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: center; }
-    .bellyband-group .row {
-      display: block; }
-    .bellyband-group .row .span {
-      float: none;
-      margin-right: 0;
-      margin-bottom: 30px;
-      display: flex;
-      justify-content: space-between; }
-    .bellyband-link {
-      border-top: none;
-      flex: 0 0 auto;
-      margin-right: 0;
-      margin-bottom: 30px; }
-    .bellyband-link:last-child {
-      margin-right: 0; }
-    .bellyband-link a {
-      height: auto;
-      line-height: 1;
-      text-align: center; }
-    .bellyband-link a:after {
-      display: none; }
-    .bellyband-link img[src$="svg"].hidden-desktop,
-    .bellyband-link [class*="icon-primary-"].hidden-desktop {
-      display: none !important; }
-    .bellyband-link img[src$="svg"].visible-desktop,
-    .bellyband-link [class*="icon-primary-"].visible-desktop {
-      display: block !important;
-      font-size: 50px;
-      height: 50px;
-      margin-right: 0;
-      margin-top: 0;
-      margin-left: auto;
-      margin-right: auto;
-      width: auto; }
-    .bellyband-link a span {
-      display: block;
-      margin-top: 12px;
-      line-height: 2rem; }
-    .bellyband-link p {
-      display: block;
-      text-align: center;
-      margin-top: 6px;
-      margin-left: 0;
-      padding-left: 0 !important;
-      color: #666;
-      line-height: 1.8rem; } }
-  
-  @media (max-width: 480px) {
-    .bellyband-link-tall a {
-      height: auto;
-      padding: 0 40px 10px 15px; }
-    .bellyband-link-tall p {
-      line-height: 1.8rem;
-      margin-bottom: 0; }
-    .bellyband-link-tall > a:after {
-      margin-top: -8px;
-      top: 50%; } }
-  
-  .b2b-boardstrip {
-    display: inline-block;
-    width: 100%;
-    border-bottom: 1px solid #9d9d9d;
-    position: relative;
-    padding-top: 15px; }
-    .b2b-boardstrip .boardstrip-reel {
-      margin-bottom: 15px; }
-    .b2b-boardstrip .boardstrip-item--add {
-      border: 1px dashed #ccc;
-      background: #FFFFFF;
-      color: #0574ac;
-      width: 140px;
-      height: 80px;
-      font-size: 14px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      -webkit-border-radius: 3px;
-      -moz-border-radius: 3px;
-      border-radius: 3px;
-      position: absolute;
-      left: 29px;
-      top: 15px; }
-      .b2b-boardstrip .boardstrip-item--add:hover, .b2b-boardstrip .boardstrip-item--add:focus {
-        border: 2px solid #007A3E;
-        cursor: pointer; }
-      .b2b-boardstrip .boardstrip-item--add i {
-        font-size: 14px;
-        margin-left: auto;
-        margin-right: auto;
-        text-align: initial; }
-      .b2b-boardstrip .boardstrip-item--add .centered {
-        margin-left: auto;
-        margin-right: auto;
-        margin-top: 27px;
-        margin-bottom: 35px;
-        display: block; }
-    .b2b-boardstrip .board-viewport {
-      float: left;
-      margin-left: 210px;
-      max-height: 95px;
-      position: relative;
-      height: 95px;
-      overflow: hidden;
-      width: 0px; }
-      .b2b-boardstrip .board-viewport .boardstrip-container {
-        width: 0px;
-        margin-left: 0;
-        left: 0px;
-        position: absolute;
-        list-style: none;
-        -webkit-transition: left 1000ms;
-        transition: left 1000ms; }
-      .b2b-boardstrip .board-viewport .board-item {
-        width: 140px;
-        height: 80px;
-        border: 1px solid #ccc;
-        margin: 0 15px 15px 0;
-        background-color: #FFFFFF;
-        border-radius: 3px;
-        float: left;
-        overflow: hidden; }
-        .b2b-boardstrip .board-viewport .board-item:hover, .b2b-boardstrip .board-viewport .board-item:focus {
-          border: 2px solid #007A3E;
-          background-color: white;
-          cursor: pointer; }
-        .b2b-boardstrip .board-viewport .board-item .board-img {
-          width: 61px;
-          height: 40px;
-          margin: 0 auto; }
-          .b2b-boardstrip .board-viewport .board-item .board-img img {
-            max-width: 100%; }
-        .b2b-boardstrip .board-viewport .board-item .title {
-          text-align: center;
-          line-height: 16px;
-          color: #666;
-          font-size: 14px;
-          font-family: "Omnes-ECOMP-W02", Arial;
-          padding: 10px 0; }
-        .b2b-boardstrip .board-viewport .board-item.selected {
-          background-color: #FFFFFF;
-          border: 2px solid #0574ac; }
-        .b2b-boardstrip .board-viewport .board-item .board-caret {
-          cursor: default;
-          outline: 0;
-          position: absolute;
-          bottom: 7px; }
-          .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-indicator {
-            border-left: 8px solid transparent;
-            border-right: 8px solid transparent;
-            border-bottom: 8px solid #999;
-            width: 0px;
-            height: 0px;
-            position: absolute;
-            left: 61px;
-            bottom: -7px; }
-          .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-arrow-up {
-            width: 0px;
-            height: 0px;
-            border-style: solid;
-            border-width: 0 8px 8px 8px;
-            border-color: transparent transparent #FFFFFF transparent;
-            left: 61px;
-            position: absolute; }
-    .b2b-boardstrip .arrow {
-      font-size: 14px;
-      cursor: pointer;
-      color: #0574ac; }
-      .b2b-boardstrip .arrow:hover {
-        color: #0574ac; }
-      .b2b-boardstrip .arrow.disabled {
-        color: #767676 !important;
-        cursor: not-allowed; }
-    .b2b-boardstrip .prev-items {
-      display: inline-block;
-      margin-top: auto;
-      margin-bottom: auto;
-      margin-right: 15px;
-      position: absolute;
-      left: 0;
-      top: 45px;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      -o-user-select: none;
-      user-select: none; }
-    .b2b-boardstrip .next-items {
-      display: inline-block;
-      margin-top: 30px;
-      margin-bottom: auto;
-      margin-left: 10px;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      -o-user-select: none;
-      user-select: none; }
-    .b2b-boardstrip .centered {
-      display: table-cell;
-      text-align: center;
-      vertical-align: middle; }
-  
-  .breadcrumb {
-    padding: 10px 15px;
-    height: 40px;
-    list-style: none;
-    border-bottom: 1px solid #d2d2d2;
-    font-size: 1.2rem;
-    width: 100%;
-    z-index: 1000; }
-  
-  .breadcrumb > li {
-    position: relative;
-    display: inline-block;
-    margin-right: 15px; }
-  
-  .breadcrumb > li:after {
-    font-size: 8px;
-    margin-right: 0;
-    right: -8px;
-    color: #333333; }
-  
-  .breadcrumb > li:last-child {
-    color: #333333; }
-  
-  .breadcrumb > li:last-child:after {
-    content: ""; }
-  
-  .breadcrumb li > * {
-    float: none !important;
-    margin: 0; }
-  
-  .breadcrumb {
-    padding: 10px 15px !important; }
-  
-  /* ARROW */
-  /* spanish */
-  .datepicker {
-    background-color: #FFFFFF;
-    padding: 0;
-    border-radius: 5px;
-    direction: ltr; }
-    .datepicker > div {
-      display: none; }
-    .datepicker table {
-      -webkit-touch-callout: none;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      user-select: none;
-      margin: 0 0 0 0; }
-    .datepicker td {
-      text-align: center;
-      display: block;
-      width: 30px;
-      height: 30px;
-      border: none; }
-      .datepicker td span {
-        display: block;
-        width: 23%;
-        height: 54px;
-        line-height: 54px;
-        float: left;
-        margin: 1%;
-        cursor: pointer;
-        border-radius: 4px; }
-        .datepicker td span:hover {
-          background: #eeeeee; }
-      .datepicker td span.disabled {
-        background: none;
-        color: #5A5A5A;
-        cursor: default; }
-        .datepicker td span.disabled:hover {
-          background: none;
-          color: #5A5A5A;
-          cursor: default; }
-      .datepicker td span.active {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        border-color: #357ebd; }
-        .datepicker td span.active:hover {
-          color: #FFFFFF;
-          background-color: #0568ae;
-          border-color: #357ebd; }
-      .datepicker td span.active.disabled {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        border-color: #357ebd; }
-    .datepicker th {
-      text-align: center;
-      display: block;
-      width: 30px;
-      height: 30px;
-      border: none; }
-    .datepicker tbody:focus {
-      outline: none; }
-    .datepicker td.day {
-      background-color: transparent;
-      color: #0568ae;
-      cursor: pointer;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      font-size: 16px;
-      height: 34px;
-      line-height: 30rem;
-      margin: -2px -1px 0 0;
-      overflow: hidden;
-      text-align: center;
-      width: 42px; }
-    .datepicker:focus {
-      outline: 1px dotted #191919;
-      outline-offset: -2px; }
-    .datepicker th[tabindex]:focus {
-      outline-offset: -15px; }
-    .datepicker td.day.focused {
-      background: #ededed;
-      cursor: pointer; }
-    .datepicker td.day.focused.active {
-      background-color: #ededed;
-      color: #0568ae; }
-    .datepicker td.disabled {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #5A5A5A;
-      cursor: default; }
-      .datepicker td.disabled:hover {
-        font-family: "Omnes-ECOMP-W02", Arial;
-        color: #5A5A5A;
-        cursor: default; }
-        .datepicker td.disabled:hover .show-date {
-          font-family: "Omnes-ECOMP-W02", Arial;
-          color: #5A5A5A; }
-      .datepicker td.disabled .show-date {
-        font-family: "Omnes-ECOMP-W02", Arial;
-        color: #5A5A5A; }
-    .datepicker td.today {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-      .datepicker td.today:hover {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        color: #FFFFFF;
-        background-color: #0568ae; }
-      .datepicker td.today:active {
-        color: #FFFFFF;
-        background-color: #0568ae; }
-      .datepicker td.today:focus {
-        color: #FFFFFF;
-        background-color: #0568ae; }
-    .datepicker td.today.disabled {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-    .datepicker td.today.active {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-      .datepicker td.today.active:hover {
-        color: #FFFFFF; }
-    .datepicker td.selected {
-      color: #FFFFFF;
-      background-color: #959595; }
-      .datepicker td.selected:hover {
-        color: #FFFFFF;
-        background-color: #959595; }
-    .datepicker td.selected.disabled {
-      color: #FFFFFF;
-      background-color: #959595; }
-    .datepicker td.active:not(.new) {
-      color: #FFFFFF;
-      border-color: #357ebd; }
-      .datepicker td.active:not(.new) .show-date {
-        color: #0568ae;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-    .datepicker td.active:hover:not(.new) {
-      color: #FFFFFF;
-      border-color: #357ebd; }
-      .datepicker td.active:hover:not(.new) .show-date {
-        color: #0568ae;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-    .datepicker .start-date .show-date {
-      background-color: #0568ae;
-      color: #FFFFFF !important;
-      border-radius: 5px 0 0 5px;
-      z-index: 1; }
-      .datepicker .start-date .show-date:before {
-        background-color: #0568ae;
-        content: "";
-        display: block;
-        height: 26px;
-        left: 20px;
-        position: absolute;
-        width: 100%;
-        z-index: -1; }
-    .datepicker .between-date .show-date {
-      background-color: #0568ae;
-      color: #FFFFFF !important; }
-      .datepicker .between-date .show-date:before {
-        background-color: #0568ae;
-        content: "";
-        display: block;
-        height: 26px;
-        left: 0;
-        position: absolute;
-        width: 100%;
-        z-index: -1; }
-    .datepicker .between-date:first-child .show-date:before {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      left: 0;
-      width: 8px; }
-    .datepicker .end-date .show-date {
-      background-color: #0568ae;
-      color: #FFFFFF !important;
-      border-radius: 0 5px 5px 0; }
-      .datepicker .end-date .show-date:before {
-        background-color: #0568ae;
-        content: "";
-        display: block;
-        height: 26px;
-        left: -20px;
-        position: absolute;
-        width: 100%;
-        z-index: -1; }
-    .datepicker .end-date:first-child .show-date:after {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      left: 0;
-      width: 8px; }
-    .datepicker .end-date:first-child .show-date::before {
-      background-color: #FFFFFF; }
-    .datepicker tr td.start-date:last-child .show-date:after {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      right: 0;
-      width: 8px; }
-    .datepicker tr td.start-date:last-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.start-date:first-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.between-date:last-child .show-date:after {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      right: 0;
-      width: 8px; }
-    .datepicker tr td.between-date:last-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.between-date:first-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.end-date:last-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.end-date:first-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker th.datepicker-switch {
-      width: 198px;
-      font-size: 20px;
-      font-weight: normal;
-      cursor: default !important; }
-    .datepicker thead tr:first-child th {
-      cursor: pointer;
-      height: 60px;
-      line-height: 60px; }
-    .datepicker thead tr:first-child th.cw {
-      cursor: default;
-      background-color: transparent; }
-    .datepicker tfoot tr th {
-      cursor: pointer;
-      height: 60px;
-      line-height: 60px;
-      height: auto;
-      line-height: normal; }
-      .datepicker tfoot tr th li {
-        margin-bottom: 5px; }
-    .datepicker .prev {
-      color: transparent;
-      font-size: 0;
-      margin: 0 -1px -1px 0;
-      width: 46px; }
-      .datepicker .prev i {
-        color: #0568ae;
-        position: absolute;
-        font-size: 27px;
-        margin: 0;
-        top: 15px;
-        left: 8px; }
-    .datepicker .next {
-      color: transparent;
-      font-size: 0;
-      margin: 0 -1px -1px 0;
-      width: 46px; }
-      .datepicker .next i {
-        color: #0568ae;
-        position: absolute;
-        font-size: 27px;
-        margin: 0;
-        top: 15px;
-        right: 8px; }
-    .datepicker .cw {
-      font-size: 10px;
-      width: 12px;
-      padding: 0 2px 0 5px;
-      vertical-align: middle; }
-    .datepicker .due-date .show-date {
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      background-color: #cf2a2a;
-      border-radius: 5px;
-      color: #FFFFFF !important; }
-    .datepicker .day.active .show-date:after {
-      border: 2px solid #0568ae;
-      border-radius: 7px;
-      content: "";
-      display: block;
-      height: 30px;
-      left: 4px;
-      position: absolute;
-      top: 0;
-      width: 30px; }
-    .datepicker .day:focus .show-date:after {
-      border: 2px solid #0568ae;
-      border-radius: 7px;
-      content: "";
-      display: block;
-      height: 30px;
-      left: 4px;
-      position: absolute;
-      top: 0;
-      width: 30px;
-      height: 30px;
-      left: 4px;
-      top: 0;
-      width: 30px; }
-    .datepicker .due-date.disabled .show-date:after {
-      border: 2px solid #0568ae;
-      border-radius: 7px;
-      content: "";
-      display: block;
-      height: 30px;
-      left: 4px;
-      position: absolute;
-      top: 0;
-      width: 30px; }
-    .datepicker .day.due-date:focus .show-date:after {
-      height: 30px;
-      left: 4px;
-      top: 0;
-      width: 30px; }
-    .datepicker .due-date.old:after {
-      visibility: hidden; }
-    .datepicker .due-date.new:after {
-      visibility: hidden; }
-    .datepicker .due-date.active:after {
-      border-color: #FFFFFF; }
-    .datepicker .due-date.active.focused {
-      color: #0568ae !important; }
-      .datepicker .due-date.active.focused:after {
-        border-color: #cf2a2a !important; }
-    .datepicker .dow {
-      height: 24px;
-      width: 42px;
-      font-weight: normal;
-      position: relative;
-      overflow: hidden;
-      color: transparent;
-      letter-spacing: -6px;
-      margin: 0 -1px -1px 0; }
-      .datepicker .dow span[aria-hidden="true"] {
-        bottom: 0;
-        color: #5A5A5A;
-        display: block;
-        left: 1px;
-        letter-spacing: 0;
-        line-height: .9;
-        margin: 0 auto;
-        padding: 0;
-        position: relative;
-        width: 22px; }
-    .datepicker .calendar-legend {
-      margin-top: 3px;
-      margin-bottom: 20px; }
-      .datepicker .calendar-legend li {
-        font-size: 1.4rem;
-        font-weight: normal;
-        margin-bottom: 5px;
-        padding-left: 10px;
-        padding-top: 5px;
-        position: relative; }
-    .datepicker i.legend-due-date {
-      background-color: #cf2a2a;
-      border-radius: 5px;
-      height: 18px;
-      width: 18px;
-      margin-right: 8px;
-      vertical-align: middle;
-      display: inline-block; }
-    .datepicker i.legend-selected-date {
-      background-color: #FFFFFF;
-      border: 2px solid #0568ae;
-      border-radius: 5px;
-      height: 18px;
-      width: 18px;
-      margin-right: 8px;
-      vertical-align: middle;
-      display: inline-block; }
-    .datepicker i.legend-selectedisdue {
-      background-color: #FFFFFF;
-      border: 2px solid #0568ae;
-      border-radius: 5px;
-      display: inline-block;
-      height: 18px;
-      margin-right: 8px;
-      position: relative;
-      vertical-align: middle;
-      width: 18px; }
-      .datepicker i.legend-selectedisdue:after {
-        background-color: #cf2a2a;
-        border-radius: 3px;
-        content: "";
-        display: block;
-        height: 10px;
-        left: 2px;
-        position: absolute;
-        top: 2px;
-        width: 10px; }
-    .datepicker .text-left {
-      width: 100%; }
-    .datepicker .active.old {
-      background-color: #ededed !important;
-      color: #ededed !important; }
-  
-  .datepicker-inline {
-    width: 220px; }
-  
-  .datepicker.datepicker-rtl {
-    direction: rtl; }
-    .datepicker.datepicker-rtl td span {
-      float: right; }
-  
-  .datepicker-dropdown {
-    top: 0;
-    left: 0; }
-    .datepicker-dropdown:before {
-      content: " ";
-      display: inline-block;
-      border-left: 10px solid transparent;
-      border-right: 10px solid transparent;
-      border-bottom: 10px solid #d2d2d2;
-      border-top: 0;
-      border-bottom-color: rgba(0, 0, 0, 0.2);
-      position: absolute; }
-    .datepicker-dropdown:after {
-      content: " ";
-      display: inline-block;
-      border-left: 10px solid transparent;
-      border-right: 10px solid transparent;
-      border-bottom: 10px solid #fff;
-      border-top: 0;
-      position: absolute; }
-  
-  .datepicker-dropdown.datepicker-orient-left:before {
-    left: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-left:after {
-    left: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-right:before {
-    right: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-right:after {
-    right: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:before {
-    top: -10px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:after {
-    top: -9px; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:before {
-    bottom: -7px;
-    border-bottom: 0;
-    border-top: 7px solid #959595; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:after {
-    bottom: -6px;
-    border-bottom: 0;
-    border-top: 6px solid #fff; }
-  
-  .datepicker.days div.datepicker-days {
-    display: block; }
-  
-  .datepicker.months div.datepicker-months {
-    display: block; }
-  
-  .datepicker.years div.datepicker-years {
-    display: block; }
-  
-  .show-date {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #0568ae;
-    height: 26px;
-    line-height: 26px;
-    margin: 4px auto 0;
-    width: 26px; }
-  
-  .input-group.date .input-group-addon i {
-    cursor: pointer;
-    width: 16px;
-    height: 16px; }
-  
-  .datepicker.dropdown-menu {
-    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
-    position: absolute;
-    top: 100%;
-    left: 0;
-    float: left;
-    display: none;
-    margin-top: 13px;
-    width: 290px;
-    list-style: none;
-    background-color: #FFFFFF;
-    border: 1px solid #d2d2d2;
-    border: 1px solid rgba(0, 0, 0, 0.2);
-    border-radius: 5px;
-    color: #333333;
-    font-size: 13px;
-    line-height: 1.428571429;
-    z-index: 1050; }
-    .datepicker.dropdown-menu th {
-      display: block;
-      float: left;
-      padding: 0;
-      position: relative; }
-    .datepicker.dropdown-menu td {
-      display: block;
-      float: left;
-      padding: 0;
-      position: relative; }
-  
-  .s {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -62px 0; }
-  
-  .m {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -5px 0; }
-  
-  .t {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -19px 0; }
-  
-  .w {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -34px 0; }
-  
-  .f {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -49px 0; }
-  
-  .d {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .l {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .v {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .j {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .b2b-coachmark-label {
-    z-index: 1060;
-    opacity: 1;
-    cursor: not-allowed;
-    position: relative; }
-  
-  .b2b-coachmark-highlight {
-    border: 1px solid #d3d3d3;
-    cursor: default;
-    z-index: 1045;
-    opacity: 1;
-    background-color: #ffffff;
-    border-radius: 10px;
-    position: relative;
-    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-    padding: 10px;
-    position: absolute; }
-  
-  .b2b-coachmark-highlight-mask {
-    z-index: 1100;
-    opacity: .1; }
-  
-  .b2b-coachmark-container {
-    border: 1px solid #cccccc;
-    width: 316px;
-    pointer-events: auto;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    font-size: 16px;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    background: #fff;
-    border-radius: 20px;
-    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.15);
-    color: #333;
-    line-height: 20px;
-    position: absolute;
-    top: 50px;
-    left: -97px;
-    display: block;
-    background-color: #ffffff;
-    z-index: 1050;
-    opacity: 1; }
-    .b2b-coachmark-container i.b2b-coachmark-caret {
-      position: absolute;
-      top: -12px;
-      left: 47%;
-      opacity: 1;
-      z-index: 1050; }
-    .b2b-coachmark-container i.b2b-coachmark-caret:before {
-      content: "";
-      border-left: 12px solid transparent;
-      border-right: 12px solid transparent;
-      border-bottom: 12px solid #d3d3d3;
-      position: absolute;
-      top: -1px; }
-    .b2b-coachmark-container i.b2b-coachmark-caret:after {
-      content: "";
-      border-left: 12px solid transparent;
-      border-right: 12px solid transparent;
-      border-bottom: 12px solid #fff;
-      position: absolute; }
-    .b2b-coachmark-container .b2b-coachmark-header {
-      position: relative;
-      height: 47px;
-      overflow: hidden; }
-      .b2b-coachmark-container .b2b-coachmark-header .corner-button {
-        box-shadow: 0 -24px 0 0 #f2f2f2 inset;
-        height: 69px;
-        position: absolute;
-        right: -33px;
-        top: -38px;
-        transform: rotate(45deg);
-        width: 69px; }
-    .b2b-coachmark-container .b2b-coachmark-countlabel {
-      font-size: 12px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #333333;
-      margin-left: 20px;
-      margin-top: 20px; }
-    .b2b-coachmark-container .b2b-coachmark-content {
-      padding: 0px 20px 20px 20px;
-      float: left; }
-      .b2b-coachmark-container .b2b-coachmark-content .icon-misc-dimmer {
-        font-size: 32px;
-        float: left;
-        margin-right: 10px;
-        width: 32px; }
-      .b2b-coachmark-container .b2b-coachmark-content .offscreen-text {
-        position: absolute;
-        left: -10000px;
-        top: auto;
-        width: 1px;
-        height: 1px;
-        overflow: hidden; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-content-header {
-        font-size: 16px;
-        color: #333333;
-        line-height: 18px;
-        float: left;
-        width: 220px; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-description {
-        font-size: 14px;
-        line-height: 18px;
-        color: #333333;
-        width: 100%;
-        float: left;
-        margin-top: 15px; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group {
-        margin-top: 20px;
-        float: left;
-        text-align: right;
-        width: 100%; }
-        .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group .b2b-coachmark-link {
-          font-family: "Omnes-ECOMP-W02-Medium", Arial;
-          font-size: 15px;
-          color: #0574ac;
-          line-height: 18px;
-          margin-right: 20px; }
-        .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group button {
-          font-size: 15px;
-          margin: 0px; }
-  
-  .datepicker {
-    background-color: #fff;
-    padding: 0;
-    border-radius: 5px;
-    direction: ltr; }
-  
-  .datepicker-inline {
-    width: 220px; }
-  
-  .datepicker.datepicker-rtl {
-    direction: rtl; }
-  
-  .datepicker.datepicker-rtl td span {
-    float: right; }
-  
-  .datepicker-dropdown {
-    top: 0;
-    left: 0; }
-  
-  /* ARROW */
-  .datepicker-dropdown:before {
-    content: " ";
-    display: inline-block;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid #d2d2d2;
-    border-top: 0;
-    border-bottom-color: rgba(0, 0, 0, 0.2);
-    position: absolute; }
-  
-  .datepicker-dropdown:after {
-    content: " ";
-    display: inline-block;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid #fff;
-    border-top: 0;
-    position: absolute; }
-  
-  .datepicker-dropdown.datepicker-orient-left:before,
-  .datepicker-dropdown.datepicker-orient-left:after {
-    left: 255px; }
-  
-  .datepicker-dropdown.datepicker-orient-right:before,
-  .datepicker-dropdown.datepicker-orient-right:after {
-    right: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:before {
-    top: -10px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:after {
-    top: -9px; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:before {
-    bottom: -7px;
-    border-bottom: 0;
-    border-top: 7px solid #959595; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:after {
-    bottom: -6px;
-    border-bottom: 0;
-    border-top: 6px solid #fff; }
-  
-  .datepicker > div {
-    display: none; }
-  
-  .datepicker.days div.datepicker-days {
-    display: block; }
-  
-  .datepicker.months div.datepicker-months {
-    display: block; }
-  
-  .datepicker.years div.datepicker-years {
-    display: block; }
-  
-  .datepicker table {
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    margin: 0 0 0 0; }
-  
-  .datepicker td,
-  .datepicker th {
-    text-align: center;
-    display: block;
-    width: 30px;
-    height: 30px;
-    border: none; }
-  
-  .datepicker tbody :focus {
-    outline: none; }
-  
-  .datepicker td.day {
-    background-color: transparent;
-    color: #0568ae;
-    cursor: pointer;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
     height: 34px;
-    line-height: 30rem;
-    margin: -2px -1px 0 0;
-    overflow: hidden;
-    text-align: center;
-    width: 42px; }
-  
-  .datepicker :focus {
-    outline: 1px dotted #000;
-    outline-offset: -2px; }
-  
-  .datepicker td.day.focused {
-    background: #ededed;
-    cursor: pointer; }
-  
-  .datepicker td.day.focused.active {
-    background-color: #ededed;
-    color: #0568ae; }
-  
-  .datepicker td.disabled,
-  .datepicker td.disabled:hover {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5a5a5a;
-    cursor: default; }
-  
-  .datepicker td.today,
-  .datepicker td.today:hover,
-  .datepicker td.today.disabled {
-    color: #fff;
-    background-color: #0568ae; }
-  
-  .datepicker td.today.active,
-  .datepicker td.today:active,
-  .datepicker td.today:hover,
-  .datepicker td.today:focus {
-    color: #fff;
-    background-color: #0568ae; }
-  
-  .datepicker td.today.active:hover {
-    color: #fff; }
-  
-  .datepicker td.selected,
-  .datepicker td.selected:hover,
-  .datepicker td.selected.disabled {
-    color: #ffffff;
-    background-color: #959595; }
-  
-  .datepicker td.active:not(.new),
-  .datepicker td.active:hover:not(.new) {
-    color: #ffffff;
-    border-color: #357ebd; }
-  
-  .show-date {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #0568ae;
-    height: 26px;
-    line-height: 26px;
-    margin: 4px auto 0;
-    width: 26px; }
-  
-  .datepicker .start-date .show-date,
-  .datepicker .between-date .show-date,
-  .datepicker .end-date .show-date {
-    background-color: #0568ae;
-    color: #fff !important; }
-  
-  .datepicker .start-date .show-date {
-    border-radius: 5px 0 0 5px;
-    z-index: 1; }
-  
-  .datepicker .start-date .show-date:before {
-    background-color: #0568ae;
-    content: "";
-    display: block;
-    height: 26px;
-    left: 20px;
-    position: absolute;
-    width: 100%;
-    z-index: -1; }
-  
-  .datepicker .between-date .show-date:before {
-    background-color: #0568ae;
-    content: "";
-    display: block;
-    height: 26px;
-    left: 0;
-    position: absolute;
-    width: 100%;
-    z-index: -1; }
-  
-  .datepicker .end-date .show-date {
-    border-radius: 0 5px 5px 0; }
-  
-  .datepicker .end-date .show-date:before {
-    background-color: #0568ae;
-    content: "";
-    display: block;
-    height: 26px;
-    left: -20px;
-    position: absolute;
-    width: 100%;
-    z-index: -1; }
-  
-  .datepicker .between-date:first-child .show-date:before {
-    background-color: #fff;
-    content: "";
-    height: 26px;
-    position: absolute;
-    left: 0;
-    width: 8px; }
-  
-  .datepicker .end-date:first-child .show-date:after {
-    background-color: #fff;
-    content: "";
-    height: 26px;
-    position: absolute;
-    left: 0;
-    width: 8px; }
-  
-  .datepicker .end-date:first-child .show-date::before {
-    background-color: #fff; }
-  
-  .datepicker tr td.start-date:last-child .show-date:after,
-  .datepicker tr td.between-date:last-child .show-date:after {
-    background-color: #fff;
-    content: "";
-    height: 26px;
+    left: -6px;
+    top: -6px;
+    outline: 1px dotted #000000;
     position: absolute;
-    right: 0;
-    width: 8px; }
-  
-  .datepicker tr td.start-date:last-child:focus .show-date:after,
-  .datepicker tr td.end-date:last-child:focus .show-date:after,
-  .datepicker tr td.between-date:last-child:focus .show-date:after,
-  .datepicker tr td.start-date:first-child:focus .show-date:after,
-  .datepicker tr td.end-date:first-child:focus .show-date:after,
-  .datepicker tr td.between-date:first-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  
-  .datepicker td.active:not(.new) .show-date,
-  .datepicker td.active:hover:not(.new) .show-date {
-    color: #0568ae;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .datepicker td.disabled .show-date,
-  .datepicker td.disabled:hover .show-date {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5a5a5a; }
-  
-  .datepicker td span {
-    display: block;
-    width: 23%;
-    height: 54px;
-    line-height: 54px;
-    float: left;
-    margin: 1%;
-    cursor: pointer;
-    border-radius: 4px; }
-  
-  .datepicker td span:hover {
-    background: #eeeeee; }
-  
-  .datepicker td span.disabled,
-  .datepicker td span.disabled:hover {
-    background: none;
-    color: #5a5a5a;
-    cursor: default; }
-  
-  .datepicker td span.active,
-  .datepicker td span.active:hover,
-  .datepicker td span.active.disabled {
-    color: #ffffff;
+    width: 34px; }
+.checkbox input:checked:not(:disabled) + .skin {
     background-color: #0568ae;
-    border-color: #357ebd; }
-  
-  .datepicker th.datepicker-switch {
-    width: 198px;
-    font-size: 20px;
-    font-weight: normal;
-    cursor: default !important; }
-  
-  .datepicker thead tr:first-child th,
-  .datepicker tfoot tr th {
-    cursor: pointer;
-    height: 60px;
-    line-height: 60px; }
-  
-  .datepicker tfoot tr th {
-    height: auto;
-    line-height: normal; }
-  
-  .datepicker tfoot tr th li {
-    margin-bottom: 5px; }
-  
-  .datepicker .prev,
-  .datepicker .next {
-    color: transparent;
-    font-size: 0;
-    margin: 0 -1px -1px 0;
-    width: 46px; }
-  
-  .datepicker .prev i,
-  .datepicker .next i {
-    color: #0568ae;
-    position: absolute;
-    font-size: 27px;
-    margin: 0;
-    top: 15px; }
-  
-  .datepicker .prev i {
-    left: 8px; }
-  
-  .datepicker .next i {
-    right: 8px; }
-  
-  .datepicker .cw {
-    font-size: 10px;
-    width: 12px;
-    padding: 0 2px 0 5px;
-    vertical-align: middle; }
-  
-  .datepicker thead tr:first-child th.cw {
-    cursor: default;
-    background-color: transparent; }
-  
-  .input-group.date .input-group-addon i {
-    cursor: pointer;
-    width: 16px;
-    height: 16px; }
-  
-  .datepicker.dropdown-menu {
-    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
-    position: absolute;
-    top: 100%;
-    left: 0;
-    float: left;
-    display: none;
-    margin-top: 13px;
-    width: 290px;
-    list-style: none;
-    background-color: #ffffff;
-    border: 1px solid #d2d2d2;
-    border: 1px solid rgba(0, 0, 0, 0.2);
-    border-radius: 5px;
-    color: #333333;
-    font-size: 13px;
-    line-height: 1.428571429;
-    z-index: 1050; }
-  
-  .datepicker.dropdown-menu th,
-  .datepicker.dropdown-menu td {
-    display: block;
-    float: left;
-    padding: 0;
-    position: relative; }
-  
-  .datepicker .due-date .show-date {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    background-color: #cf2a2a;
-    border-radius: 5px;
-    color: #fff !important; }
-  
-  .datepicker .day.active .show-date:after,
-  .datepicker .day:focus .show-date:after,
-  .datepicker .due-date.disabled .show-date:after {
-    border: 2px solid #0568ae;
-    border-radius: 7px;
-    content: "";
-    display: block;
-    height: 30px;
-    left: 4px;
-    position: absolute;
-    top: 0;
-    width: 30px; }
-  
-  .datepicker .day:focus .show-date:after {
-    height: 30px;
-    left: 4px;
-    top: 0;
-    width: 30px; }
-  
-  .datepicker .day.due-date:focus .show-date:after {
-    height: 30px;
-    left: 4px;
-    top: 0;
-    width: 30px; }
-  
-  .datepicker .due-date.old:after,
-  .datepicker .due-date.new:after {
-    visibility: hidden; }
-  
-  .datepicker .due-date.active:after {
-    border-color: #fff; }
-  
-  .datepicker .due-date.active.focused {
-    color: #0568ae !important; }
-  
-  .datepicker .due-date.active.focused:after {
-    border-color: #cf2a2a !important; }
-  
-  .datepicker .dow {
-    height: 24px;
-    width: 42px;
-    font-weight: normal;
-    position: relative;
-    overflow: hidden;
-    color: transparent;
-    letter-spacing: -6px;
-    margin: 0 -1px -1px 0; }
-  
-  .datepicker .dow span[aria-hidden="true"] {
-    bottom: 0;
-    color: #5a5a5a;
-    display: block;
-    left: 1px;
-    letter-spacing: 0;
-    line-height: .9;
-    margin: 0 auto;
-    padding: 0;
-    position: relative;
-    width: 22px; }
-  
-  .datepicker .calendar-legend {
-    margin-top: 3px;
-    margin-bottom: 20px; }
-  
-  .datepicker .calendar-legend li {
-    font-size: 1.4rem;
-    font-weight: normal;
-    margin-bottom: 5px;
-    padding-left: 10px;
-    padding-top: 5px;
-    position: relative; }
-  
-  .datepicker i.legend-due-date {
-    background-color: #cf2a2a;
-    border-radius: 5px;
-    height: 18px;
-    width: 18px;
-    margin-right: 8px;
-    vertical-align: middle;
-    display: inline-block; }
-  
-  .datepicker i.legend-selected-date {
-    background-color: #fff;
-    border: 2px solid #0568ae;
-    border-radius: 5px;
-    height: 18px;
-    width: 18px;
-    margin-right: 8px;
-    vertical-align: middle;
-    display: inline-block; }
-  
-  .datepicker i.legend-selectedisdue {
-    background-color: #fff;
-    border: 2px solid #0568ae;
-    border-radius: 5px;
-    display: inline-block;
-    height: 18px;
-    margin-right: 8px;
-    position: relative;
-    vertical-align: middle;
-    width: 18px; }
-  
-  .datepicker i.legend-selectedisdue:after {
-    background-color: #cf2a2a;
-    border-radius: 3px;
-    content: "";
-    display: block;
-    height: 10px;
-    left: 2px;
-    position: absolute;
-    top: 2px;
-    width: 10px; }
-  
-  .datepicker .text-left {
-    width: 100%; }
-  
-  .datepicker .active.old {
-    background-color: #ededed !important;
-    color: #ededed !important; }
-  
-  .s,
-  .m,
-  .t,
-  .w,
-  .f,
-  .d,
-  .l,
-  .v,
-  .j {
-    display: block;
+    border-color: #0568ae; }
+.checkbox input:checked:disabled + .skin:after {
+    color: #5A5A5A; }
+.checkbox input:checked + .skin:after {
     height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: white;
-    background-repeat: no-repeat; }
-  
-  .s {
-    background-position: -62px 0; }
-  
-  .m {
-    background-position: -5px 0; }
-  
-  .t {
-    background-position: -19px 0; }
-  
-  .w {
-    background-position: -34px 0; }
-  
-  .f {
-    background-position: -49px 0; }
-  
-  /* spanish */
-  .d {
-    background-position: 0 0; }
-  
-  .l {
-    background-position: 0 0; }
-  
-  .v {
-    background-position: 0 0; }
-  
-  .j {
-    background-position: 0 0; }
-  
-  .datepicker-container {
-    position: relative; }
-  
-  .btn-calendar-icon:focus .icon-primary-calendar {
-    outline: 1px dotted #191919; }
-  
-  .btn-calendar-icon:focus {
-    outline: none; }
-  
-  /* remove focus outline when dropdown is opened */
-  /*resolve blue focus outline over dropdown with error*/
-  select {
-    margin-right: -1;
-    max-width: 400px;
-    height: 36px;
-    line-height: 25px;
-    width: 400px;
-    background-color: #FFFFFF; }
-  
-  .selectWrap.disabled .icon-primary-down {
-    color: #767676; }
-  
-  .selectWrap.disabled input.awd-select {
-    z-index: 0;
-    padding: 10px 45px 10px 15px;
-    text-indent: 0; }
-  
-  .selectWrap.disabled button.awd-select {
-    z-index: 0;
-    text-indent: 15px; }
-  
-  .selectWrap.disabled:after {
-    color: #5A5A5A;
-    cursor: not-allowed; }
-  
-  input.awd-select {
-    background-color: transparent;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-    color: #333333;
-    display: block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    /*font-size: 1.6rem;*/
-    height: 36px;
-    line-height: 0;
-    margin-bottom: 0;
-    position: relative;
-    text-align: left;
-    top: 0;
-    width: 100%;
-    z-index: 10;
-    padding: 12px 45px 8px 15px;
-    user-select: none; }
-    input.awd-select:focus {
-      border-color: #0568ae !important;
-      text-overflow: ellipsis;
-      padding-right: 45px; }
-  
-  button.awd-select {
+    width: 10px;
     background-color: transparent;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-    color: #333333;
-    display: block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    /*font-size: 1.6rem;*/
-    height: 36px;
-    line-height: 36px;
-    margin-bottom: 0;
-    position: relative;
-    text-align: left;
-    top: 0;
-    width: 100%;
-    z-index: 10; }
-    button.awd-select:not(.large) {
-      text-indent: 15px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: clip;
-      text-overflow: ellipsis; }
-    button.awd-select img {
-      height: 26px;
-      margin-right: 7px;
-      margin-top: -10px;
-      position: relative;
-      top: 2px;
-      vertical-align: text-bottom; }
-    button.awd-select:focus {
-      border-color: #0568ae !important; }
-    button.awd-select i {
-      font-size: 23px;
-      position: absolute;
-      right: 33px;
-      top: 5px;
-      z-index: 1000; }
-  
-  button.awd-select.large {
-    align-items: center;
-    display: flex;
-    height: 60px;
-    line-height: 20px;
-    overflow: hidden;
-    padding-left: 70px;
-    vertical-align: middle; }
-    button.awd-select.large img {
-      height: 40px;
-      left: 20px;
-      position: absolute;
-      top: 20px;
-      width: 40px; }
-  
-  .selectWrap.large {
-    height: 60px; }
-    .selectWrap.large .awd-select-list-item {
-      align-items: center;
-      display: flex;
-      height: 60px;
-      line-height: 20px;
-      overflow: hidden;
-      padding-left: 70px;
-      vertical-align: middle; }
-      .selectWrap.large .awd-select-list-item img {
-        height: 40px;
-        left: 20px;
-        position: absolute;
-        top: 20px;
-        width: 40px;
-        top: 10px; }
-        
-        .inputWrap {
-    border-radius: 6px;
-    position: relative;
-    height: 36px;
-    line-height: 44px;
-    display: block;
-    margin: 0;
-    }
-  
-  button.awd-select.active {
-    border-radius: 6px 6px 0 0; }
-    button.awd-select.active:focus {
-      border-color: #d2d2d2 !important; }
-  
-  input.awd-select.active {
-    border-radius: 6px 6px 0 0; }
-    input.awd-select.active:focus {
-      border-color: #d2d2d2 !important; }
-  
-  .selectWrapper {
-    position: relative; }
-  
-  span.selectWrap input[readonly]:focus {
-    color: transparent;
-    text-shadow: 0 0 0 #000; }
-  
-  .isIE.ds2-no-colors .awd-select:focus {
-    outline: 1px dashed transparent; }
-  
-  .awd-select-list {
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-    border-radius: 0 0 6px 6px;
-    position: absolute;
-    border: 1px solid #d2d2d2;
-    border-top: 0;
-    padding: 0;
-    background-color: #f2f2f2;
-    z-index: 1000;
-    width: 100%;
-    max-height: 320px;
-    overflow-y: auto; }
-  
-  .awd-select-list-item {
-    cursor: pointer;
-    height: 100%;
-    min-height: 36px;
-    line-height: 20px;
-    overflow: hidden;
-    padding: 8px 15px;
-    position: relative;
-    z-index: 1000; }
-    .awd-select-list-item:hover {
-      cursor: pointer;
-      background-color: #d2d2d2;
-      outline: 1px dashed transparent; }
-    .awd-select-list-item:focus {
-      cursor: pointer;
-      background-color: #d2d2d2;
-      outline: 1px dashed transparent; }
-    .awd-select-list-item img {
-      margin-top: 0;
-      margin-right: 7px;
-      height: 26px;
-      width: 26px; }
-  
-  .selectWrap {
-    border-radius: 6px;
-    position: relative;
-    height: 36px;
-    line-height: 28px;
-    display: block;
-    margin: 0;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-    .selectWrap:not(.large) .awd-select-list-item:first-child {
-      margin-top: 15px; }
-    .selectWrap:not(.large) .awd-select-list-item:last-child {
-      margin-bottom: 15px; }
-    .selectWrap .icon-primary-down {
-      font-size: 23px;
-      margin-top: -11px;
-      position: absolute;
-      right: 4px;
-      top: 50%; }
-    .selectWrap + [aria-expanded="true"] {
-      padding-bottom: 9px;
-      padding-top: 20px; }
-  
-  .awd-select-list-item[data-hover="true"] {
-    background-color: #d2d2d2; }
-  
-  span input.awd-select {
-    width: 100%;
-    cursor: pointer;
-    text-overflow: ellipsis;
-    padding-right: 45px; }
-  
-  li.optgroup-wrapper {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    cursor: default !important;
-    padding: 0px 15px; }
-    li.optgroup-wrapper:first-child {
-      padding-top: 10px; }
-    li.optgroup-wrapper:hover {
-      background-color: #f2f2f2; }
-  
-  ul.optgroup {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    cursor: pointer !important;
-    margin: 0 -15px; }
-    ul.optgroup li {
-      padding: 0 0 0 33px; }
-  
-  label + .selectWrap {
-    margin-top: 4px; }
-  
-  .selectorModule {
-    border-radius: 6px;
-    position: relative;
-    height: 36px;
-    line-height: 28px;
-    display: block;
-    margin: 0;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-  
-  .group .selectWrap {
-    margin: 0 0 10px 0; }
-  
-  select.awd-select {
-    position: relative;
-    top: 0;
-    left: 0;
-    font-size: 16px;
-    z-index: 1010;
-    height: 33px;
-    min-width: 100%;
-    opacity: 0.01; }
-    select.awd-select > optgroup {
-      padding-left: 8px;
-      font-style: normal;
-      margin-top: 10px; }
-      select.awd-select > optgroup:first-child {
-        margin-top: 0; }
-      select.awd-select > optgroup > option {
-        padding-left: 8px; }
-    select.awd-select > option {
-      padding-left: 8px; }
-    select.awd-select + span {
-      background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-      background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0);
-      position: absolute;
-      top: 0;
-      left: 0;
-      z-index: 0;
-      display: block;
-      border: 1px solid #d2d2d2;
-      border-radius: 6px;
-      height: 35px;
-      line-height: 0;
-      padding: 18px 45px 15px 15px;
-      width: 100%;
-      font-size: 1.6rem;
-      padding-right: 45px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis; }
-      select.awd-select + span > i {
-        font-size: 23px;
-        position: absolute;
-        right: 33px;
-        top: 5px;
-        z-index: 1000; }
-        select.awd-select + span > i:before {
-          left: 1px;
-          position: absolute;
-          top: -1px; }
-    select.awd-select:focus + span {
-      border-color: #0568ae; }
-  
-  .isIE select.awd-select + span {
-    line-height: 1; }
-  
-  [data-default-option="true"] {
-    color: #767676 !important;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  
-  .placeholdercolor {
-    color: #767676 !important;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  
-  .filterTank button.awd-select {
-    border-color: #d2d2d2;
-    background-color: #333333;
+    font-size: 23.4px;
     color: #FFFFFF;
-    color: #333333; }
-    .filterTank button.awd-select:after {
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2; }
-  
-  .utility-bg button.awd-select {
-    border-color: #d2d2d2;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #333333; }
-    .utility-bg button.awd-select:after {
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2; }
-  
-  .utility-bg select.awd-select + span {
-    border-color: #d2d2d2;
-    border-color: #d2d2d2;
-    background-color: #333333;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #FFFFFF; }
-    .utility-bg select.awd-select + span:after {
-      background-color: #FFFFFF !important;
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2;
-      border-color: #d2d2d2; }
-  
-  .utility-bg select.awd-select:focus + span {
-    border-color: #d2d2d2;
-    border-color: #d2d2d2;
-    background-color: #333333;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #FFFFFF; }
-    .utility-bg select.awd-select:focus + span:after {
-      background-color: #FFFFFF !important;
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2;
-      border-color: #d2d2d2; }
-  
-  .utility-bg select.awd-select:hover + span {
-    border-color: #d2d2d2;
-    border-color: #d2d2d2;
-    background-color: #333333;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #FFFFFF; }
-    .utility-bg select.awd-select:hover + span:after {
-      background-color: #FFFFFF !important;
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2;
-      border-color: #d2d2d2; }
-  
-  input.awd-select[disabled] {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    input.awd-select[disabled] + span {
-      cursor: not-allowed;
-      border-color: #d2d2d2;
-      background-color: #d2d2d2;
-      background-image: none;
-      color: #5A5A5A; }
-  
-  button.awd-select[disabled] {
+    line-height: 21px; }
+.checkbox input:disabled + .skin {
     cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    button.awd-select[disabled]:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
     background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled] + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled]:focus + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-  
-  select.awd-select[disabled]:hover + span {
-    cursor: not-allowed;
     border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-  
-  input.awd-select[disabled="disabled"] {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    input.awd-select[disabled="disabled"] + span {
-      cursor: not-allowed;
-      border-color: #d2d2d2;
-      background-color: #d2d2d2;
-      background-image: none;
-      color: #5A5A5A; }
-  
-  select.awd-select[disabled="disabled"] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled="disabled"] + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled="disabled"]:focus + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled="disabled"]:focus + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled="disabled"]:hover + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled="disabled"]:hover + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  .ddexpand-wrapper > h2 {
-    margin-bottom: 11px; }
-    .ddexpand-wrapper > h2 + p {
-      margin-bottom: 4px; }
-  
-  .ddexpand-wrapper .selectWrap + [aria-expanded="true"] .form-row {
-    margin-top: 11px; }
-  
-  .ddexpand-wrapper .selectWrap + [aria-expanded="true"] .row + .row .form-row {
-    margin-top: 14px; }
-  
-  .modal .awd-select-list {
-    z-index: 1060 !important; }
-  
-  .form-row.error button.awd-select.active:focus {
-    border-color: #cf2a2a !important; }
-  
-  .form-row.error input.awd-select.active:focus {
-    border-color: #cf2a2a !important; }
-  
-  .awd-module-list .module-list-item[aria-selected="true"] {
-    background-color: #f2f2f2; }
-  
-  li.module-list-item[aria-selected="true"]:before {
-    color: #0568ae;
-    display: inline-block;
-    font-family: "icoControls" !important;
-    font-style: normal;
-    font-size: 20px;
-    font-weight: normal;
-    font-variant: normal;
-    height: 1em;
-    margin-right: 7px;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    position: relative;
-    speak: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    vertical-align: middle;
-    width: 1em;
-    content: "\e907";
-    box-sizing: border-box;
-    display: inline-block;
-    font-size: 2em;
-    height: 1em;
-    position: absolute;
-    top: 20px;
-    right: 0px;
-    vertical-align: middle;
-    width: 1em;
-    color: #007a3e; }
-  
-  @media (min-width: 768px) {
-    span[class*="large"] {
-      max-width: 370px; }
-    .large {
-      max-width: 370px; } }
-  
-  @media (max-width: 767px) {
-    .selectWrap.large:after {
-      right: 5px; }
-    .selectWrap.large .awd-select-list-item {
-      padding-right: 41px; }
-    .selectWrap + div > h4 {
-      margin-bottom: 0;
-      font-size: 16px; } }
-  
-  /**********************Dropdown Chrome scrolling fix start ********************/
-  input.awd-select {
-    -webkit-user-select: text;
-    -moz-user-select: text;
-    -ms-user-select: text;
-    user-select: text; }
-  
-  /**********************Dropdown Chrome scrolling fix end ********************/
-  .mpc-expanders {
-    border-bottom: 1px solid #e4e4e4;
-    border-top: 1px solid #e4e4e4; }
-  
-  .mpc-expanders + .mpc-expanders {
-    border-top: 0px; }
-  
-  .mpc-expanders .heading-medium {
-    margin-bottom: 10px; }
-  
-  .mpc-expanders .p-small {
-    margin-top: 5px; }
-  
-  .mpc-expander-body {
-    border-top: 1px solid #e4e4e4; }
-  
-  .mpc-expander-body .mpc-expanders {
-    border-bottom: 1px solid #e4e4e4;
-    border-top: 0; }
-  
-  .mpc-expander-body .mpc-expanders:last-child {
-    border-bottom: 0px; }
-  
-  .ddh-blue {
-    color: #0574ac; }
-  
-  .b2b-dragdrop {
-    border: 1px dashed #bbb;
-    border-radius: 5px;
-    padding: 0;
-    text-align: center;
-    color: #bbb;
-    position: relative; }
-  
-  .b2b-dragdrop-over {
-    background: #0091d9;
-    color: #006496; }
-    .b2b-dragdrop-over:after {
-      content: "Drop the file";
-      color: #fff;
-      width: 80px;
-      height: 20px;
-      overflow: hidden;
-      margin: auto;
-      position: absolute;
-      top: 0;
-      left: 0;
-      bottom: 0;
-      right: 0; }
-  
-  .b2b-file-container {
-    position: relative;
-    overflow: hidden;
-    display: inline-table;
-    font-weight: 400; }
-    .b2b-file-container [type=file] {
-      position: absolute;
-      cursor: inherit;
-      display: block;
-      font-size: 0;
-      opacity: 0;
-      height: 0;
-      width: 0;
-      left: 0;
-      top: 0;
-      -ms-filter: "alpha(Opacity=0)"; }
-  
-  .b2b-upload-link {
-    color: #0568ae; }
-  
-  .b2b-flyout {
-    position: relative;
-    display: inline-block;
-    cursor: default; }
-  
-  .b2b-flyout-icon {
-    cursor: pointer; }
-    .b2b-flyout-icon:focus {
-      outline: thin dotted #666;
-      outline-offset: -1px; }
-  
-  .b2b-flyout .b2b-flyout-container {
-    border: 1px solid #d3d3d3;
-    width: 300px;
-    padding: 20px;
-    pointer-events: auto;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    font-size: 16px;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    background: #fff;
-    border-radius: 6px;
-    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-    color: #333;
-    line-height: 20px;
-    position: absolute;
-    top: 35px;
-    opacity: 0;
-    z-index: 1010;
-    display: none; }
-    .b2b-flyout .b2b-flyout-container.open-flyout {
-      opacity: 1;
-      display: block; }
-  
-  .b2b-flyout i.b2b-flyout-caret {
-    position: absolute;
-    top: -8px;
-    left: 50%;
-    opacity: 0;
-    z-index: 1011;
-    display: none; }
-    .b2b-flyout i.b2b-flyout-caret.open-flyout {
-      opacity: 1;
-      display: block; }
-    .b2b-flyout i.b2b-flyout-caret:before {
-      content: "";
-      border-left: 8px solid transparent;
-      border-right: 8px solid transparent;
-      border-bottom: 8px solid #d3d3d3;
-      position: absolute;
-      top: -1px; }
-    .b2b-flyout i.b2b-flyout-caret:after {
-      content: "";
-      border-left: 8px solid transparent;
-      border-right: 8px solid transparent;
-      border-bottom: 8px solid #fff;
-      position: absolute; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-left i.b2b-flyout-caret {
-    left: 16px !important; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-right i.b2b-flyout-caret {
-    left: inherit !important;
-    right: 30px !important; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-above {
-    box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.25); }
-    .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret {
-      top: auto;
-      bottom: 0px; }
-      .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:before {
-        top: auto;
-        bottom: -9px;
-        border-top: 8px solid #d3d3d3;
-        border-bottom: none; }
-      .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:after {
-        border-top: 8px solid #fff;
-        border-bottom: none; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-centerLeft i.b2b-flyout-caret {
-    left: inherit !important;
-    right: -7px !important;
-    top: 8px;
-    transform: rotate(90deg); }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-centerRight i.b2b-flyout-caret {
-    left: -8px !important;
-    top: 296px;
-    transform: rotate(-90deg); }
-  
-  .b2b-flyout .buttons-group {
-    margin-top: 20px; }
-    .b2b-flyout .buttons-group .cta-button-group {
-      width: 100%;
-      border-top: 1px solid #ccc;
-      padding: 20px 0 0; }
-      .b2b-flyout .buttons-group .cta-button-group button {
-        margin-bottom: 0; }
-  
-  .b2b-flyout .heading {
-    font-size: 20px;
-    margin-bottom: 10px; }
-  
-  .b2b-flyout .body-text {
-    font-size: 14px;
-    margin-bottom: 30px; }
-  
-  .b2b-footer-wrapper {
-    width: 100%;
-    background-color: #222; }
-  
-  .b2b-footer-container {
-    width: 980px;
-    margin: 0 auto;
-    padding-top: 15px; }
-    .b2b-footer-container .footer-columns {
-      display: inline-block;
-      text-align: left;
-      vertical-align: top; }
-      .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-        padding-top: 30px; }
-      .b2b-footer-container .footer-columns.three-column {
-        width: 33.3%;
-        padding-left: 75px; }
-      .b2b-footer-container .footer-columns.four-column {
-        width: 25%;
-        padding-left: 75px; }
-      .b2b-footer-container .footer-columns.five-column {
-        width: 20%; }
-      .b2b-footer-container .footer-columns .b2b-footer-header {
-        color: #009fdb;
-        font-size: 18px;
-        font-style: normal;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial;
-        line-height: 23.9px;
-        margin: 0; }
-      .b2b-footer-container .footer-columns li {
-        padding: 7.5px 0; }
-      .b2b-footer-container .footer-columns ul li:first-child {
-        padding-top: 15px; }
-      .b2b-footer-container .footer-columns li a {
-        color: #fff;
-        font-size: 16px;
-        font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-footer-container .footer-nav-content {
-      padding-bottom: 10px; }
-      .b2b-footer-container .footer-nav-content li {
-        display: inline;
-        font-size: 14px;
-        color: #fff;
-        vertical-align: middle; }
-        .b2b-footer-container .footer-nav-content li a {
-          color: #fff;
-          font-size: 14px;
-          vertical-align: middle;
-          margin-right: 5px;
-          font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-footer-wrapper .b2b-footer-container hr {
-    background: #d2d2d2;
-    margin-top: 50px; }
-  
-  .b2b-footer-wrapper .divider-bottom-footer {
-    padding: 45px 0 50px 0; }
-  
-  .b2b-footer-wrapper .footerLogo {
-    margin: 10px 0 0 0px;
-    vertical-align: top; }
-    .b2b-footer-wrapper .footerLogo div {
-      display: inline-block; }
-    .b2b-footer-wrapper .footerLogo .icon-primary-att-globe {
-      font-size: 40px; }
-    .b2b-footer-wrapper .footerLogo .logo-title {
-      color: #fff;
-      margin-left: 10px;
-      display: inline-block;
-      font-size: 26px;
-      margin-top: 0px; }
-  
-  .b2b-footer-wrapper .copyright-text {
-    color: #fff;
-    font-size: 11px;
-    text-align: left;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-footer-wrapper .copyright-text a {
-      color: #fff;
-      text-decoration: underline;
-      display: inline-block; }
-      .b2b-footer-wrapper .copyright-text a:hover {
-        text-decoration: none; }
-  
-  @media (max-width: 768px) {
-    .b2b-footer-wrapper {
-      padding: 0 15px; }
-    .b2b-footer-container {
-      width: 100%; }
-      .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-        width: 50%; }
-    .b2b-footer-wrapper .divider-bottom-footer {
-      padding-top: 15px; }
-      .b2b-footer-wrapper .divider-bottom-footer .footer-links {
-        width: 100%; }
-    .b2b-footer-wrapper .footerLogo {
-      margin: 30px 0 0 0; }
-      .b2b-footer-wrapper .footerLogo .footer-logo {
-        margin: 0;
-        padding-left: 10px; } }
-  
-  .b2b-header-tabs {
-    background-color: #222;
-    width: 100%;
-    position: relative;
-    height: 45px; }
-    .b2b-header-tabs .icon-primary-att-globe {
-      color: #0568ae; }
-    .b2b-header-tabs a:focus {
-      border: 1px solid white; }
-    .b2b-header-tabs .header__items {
-      width: 980px;
-      margin: 0 auto;
-      display: block;
-      list-style: none;
-      padding: 6px 0px 0px 0px;
-      border-spacing: 30px 0; }
-    .b2b-header-tabs .header__item {
-      display: inline-block;
-      text-align: left;
-      width: auto;
-      font-size: 16px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      cursor: pointer;
-      padding: 5px 15px;
-      color: #fff; }
-      .b2b-header-tabs .header__item.b2b-headermenu {
-        padding: 0; }
-        .b2b-header-tabs .header__item.b2b-headermenu:last-child {
-          background: none; }
-        .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-          color: #fff;
-          text-decoration: none;
-          display: inline-block;
-          padding: 5px 15px; }
-      .b2b-header-tabs .header__item.active {
-        background-color: #fff;
-        border-radius: 2px;
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0; }
-        .b2b-header-tabs .header__item.active a.menu__item {
-          color: #0578ae; }
-    .b2b-header-tabs li:focus {
-      outline: 2px solid #0578ae; }
-    .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-      background-color: #fff;
-      position: absolute;
-      width: 100%;
-      left: 0;
-      top: 42px;
-      border-bottom: solid 1px #ccc;
-      -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-      -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-      display: none;
-      z-index: 111; }
-    .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-      background-color: #fff;
-      width: 980px;
-      margin: 0 auto; }
-    .b2b-header-tabs .header__item.active .header-secondary-wrapper {
-      display: block; }
-    .b2b-header-tabs .header-secondary .header-subitem {
-      display: inline-block;
-      width: auto;
-      margin: 0 15px; }
-      .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-        display: block; }
-      .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-        display: inline-block;
-        padding: 15px 0;
-        color: #333; }
-        .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-          color: #0578ae; }
-  
-  /** Secondary Menu **/
-  .b2b-labelhide {
-    position: absolute;
-    clip: rect(1px, 1px, 1px, 1px); }
-  
-  /** Tertiary Level Menu **/
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-    position: absolute;
-    z-index: 111;
-    top: 25px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after, .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-      content: '';
-      border-left: 8px solid transparent;
-      border-right: 8px solid transparent;
-      position: absolute;
-      -webkit-transition: left .2s ease-out;
-      -moz-transition: left .2s ease-out;
-      transition: left .2s ease-out; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-      border-bottom: 8px solid #fff;
-      top: 10px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-      border-bottom: 8px solid #ccc;
-      top: 9px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-    border-top: solid 1px #ccc; }
-  
-  .b2b-header-tabs .header-tertiary:after {
-    content: '';
-    clear: both;
-    display: block; }
-  
-  .b2b-header-tabs .header-tertiary li {
-    display: inline-block;
-    padding: 0;
-    float: left; }
-    .b2b-header-tabs .header-tertiary li a {
-      color: #333;
-      display: block;
-      padding: 10px 15px; }
-    .b2b-header-tabs .header-tertiary li label {
-      text-align: left;
-      display: block;
-      font-size: 16px;
-      font-weight: bold;
-      color: #857B7B;
-      padding: 15px 0 0 15px; }
-  
-  .b2b-header-tabs .header__item.skip {
-    padding: 0;
-    display: inline-block;
-    cursor: default !important; }
-    .b2b-header-tabs .header__item.skip a {
-      color: transparent;
-      font-size: 12px;
-      line-height: 15px;
-      text-decoration: none; }
-      .b2b-header-tabs .header__item.skip a:focus {
-        color: #fff;
-        outline: 2px solid #0578ae; }
-  
-  .b2b-header-tabs .selectWrap {
-    min-width: 150px; }
-    .b2b-header-tabs .selectWrap button.awd-select {
-      height: 30px;
-      line-height: 31px;
-      font-size: 1rem;
-      display: inline-block; }
-    .b2b-header-tabs .selectWrap .awd-select-list {
-      background-color: #fff;
-      color: #333;
-      -webkit-transition: opacity .2s ease-out;
-      -moz-transition: opacity .2s ease-out;
-      transition: opacity .2s ease-out;
-      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-  
-  @media (max-width: 768px) {
-    .b2b-header-tabs {
-      padding: 0 15px; }
-      .b2b-header-tabs .header__items, .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-        width: 100%; }
-      .b2b-header-tabs .header__item {
-        padding: 5px 0; }
-      .b2b-header-tabs .globe-text {
-        display: none; }
-      .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-        padding: 5px 7px 9px 7px; }
-      .b2b-header-tabs .header__item .header-tertiary-wrapper {
-        top: 30px; }
-      .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-        top: 14px; }
-      .b2b-header-tabs .header__item .header-secondary-wrapper {
-        top: 45px; }
-      .b2b-header-tabs .header__item.profile {
-        padding-left: 15px;
-        float: none; } }
-  
-  /************* Header - Start *************/
-  .b2b-header-tabs {
-    background-color: #222;
-    width: 100%;
-    position: relative;
-    height: 45px; }
-  
-  .b2b-header-tabs .icon-primary-primary-att-globe {
-    color: #0568ae;
-    font-size: 34px;
-    bottom: 1px; }
-  
-  /*
-   *TODO: delete below .icon-primary-att-globel will not be used 
-   *instead the one above, icon-primary-primary-att-globe not available here
-   */
-  .b2b-header-tabs .icon-primary-att-globe {
-    color: #0568ae;
-    font-size: 34px; }
-  
-  .b2b-header-tabs .globe-text {
-    margin-left: 20px;
-    font-size: 2rem; }
-  
-  .b2b-header-tabs .header__items {
-    width: 980px;
-    margin: 0 auto;
-    display: block;
-    list-style: none;
-    border-spacing: 30px 0;
-    padding: 3px 0px 0px 0px; }
-  
-  .b2b-header-tabs .header__item {
-    display: inline-block;
-    text-align: left;
-    width: auto;
-    font-size: 14px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    cursor: pointer;
-    padding: 0 15px 4px 15px;
-    /*margin-top:-3px;*/
-    color: #fff; }
-  
-  .b2b-header-tabs .header__item.b2b-headermenu {
-    padding: 0; }
-  
-  .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-    color: #fff;
-    text-decoration: none;
-    display: inline-block;
-    padding: 8px 15px 12px 15px;
-    font-size: 16px; }
-  
-  .b2b-header-tabs .header__item.active {
-    background-color: #fff;
-    border-radius: 2px;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0; }
-  
-  .b2b-header-tabs .header__item.active a.menu__item {
-    color: #0578ae; }
-  
-  .b2b-header-tabs li:focus {
-    outline: 2px solid #0578ae; }
-  
-  /** profile pop Over **/
-  .b2b-header-tabs .header__item.profile {
-    position: relative;
-    float: right; }
-  
-  /** Secondary Menu **/
-  .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-    background-color: #fff;
-    position: absolute;
-    width: 100%;
-    left: 0;
-    top: 42px;
-    border-bottom: solid 1px #ccc;
-    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    display: none;
-    z-index: 111; }
-  
-  .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-    background-color: #fff;
-    width: 980px;
-    margin: 0 auto; }
-  
-  .b2b-header-tabs .header__item.active .header-secondary-wrapper,
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-    display: block; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem {
-    display: inline-block;
-    width: auto;
-    margin: 0 15px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-    display: inline-block;
-    padding: 15px 0;
-    color: #333;
-    font-size: 14px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-    color: #0578ae; }
-  
-  .b2b-label-hide {
-    position: absolute;
-    clip: rect(1px, 1px, 1px, 1px); }
-  
-  /** Tertiary Level Menu **/
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after,
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    content: '';
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
-    position: absolute;
-    -webkit-transition: left .2s ease-out;
-    -moz-transition: left .2s ease-out;
-    transition: left .2s ease-out; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-    position: absolute;
-    z-index: 111;
-    top: 25px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-    border-bottom: 8px solid #fff;
-    top: 10px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    border-bottom: 8px solid #ccc;
-    top: 9px; }
-  
-  /** Tertiary Level Menu **/
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-    border-top: solid 1px #ccc; }
-  
-  .b2b-header-tabs .header-tertiary:after {
-    content: '';
-    clear: both;
-    display: block; }
-  
-  .b2b-header-tabs .header-tertiary li {
-    display: inline-block;
-    padding: 0;
-    float: left; }
-  
-  .b2b-header-tabs .header-tertiary li a {
-    color: #333;
-    display: block;
-    padding: 7px 15px;
-    max-width: 228px; }
-  
-  .b2b-header-tabs .header-tertiary li label {
-    text-align: left;
-    display: block;
-    font-size: 14px !important;
-    font-weight: bold;
-    color: #857B7B;
-    padding: 15px 0 0 15px; }
-  
-  /** Quarternary Level Menu **/
-  .b2b-header-tabs .header-quarternary {
-    width: 100%;
-    float: left; }
-  
-  .b2b-header-tabs .header-quarternary li {
-    padding-left: 15px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    display: none; }
-  
-  .b2b-header-tabs .header-quarternary li.active {
-    display: block; }
-  
-  .b2b-header-tabs .header-quarternary li a {
-    color: #666666;
-    font-size: 14px;
-    padding: 0px 10px 10px 10px; }
-  
-  /** Skip Navigation**/
-  .b2b-header-tabs .header__item.skip {
-    padding: 0;
-    display: inline-block;
-    cursor: default !important; }
-  
-  .b2b-header-tabs .header__item.skip a {
-    color: transparent;
-    font-size: 12px;
-    line-height: 15px;
-    text-decoration: none; }
-  
-  .b2b-header-tabs .header__item.skip a:focus {
-    color: #fff;
-    outline: 2px solid #0578ae; }
-  
-  /** Dropdown css inside Header ****/
-  .b2b-header-tabs .selectWrap {
-    min-width: 150px; }
-  
-  .b2b-header-tabs .selectWrap button.awd-select, .b2b-header-tabs .selectWrap input.awd-select {
-    height: 36px;
-    line-height: 31px;
-    font-size: 1rem;
-    display: inline-block; }
-  
-  .b2b-header-tabs .selectWrap .awd-select-list {
-    background-color: #fff;
-    color: #333;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-  
-  /*
-   * responsive header media queries
-   */
-  @media screen and (max-width: 1100px) {
-    .b2b-header-tabs .globe-text {
-      display: none; }
-    .b2b-header-tabs .header__item.profile {
-      padding-left: 15px;
-      float: none; }
-    .b2b-header-tabs .header__items {
-      padding-top: 0px; } }
-  
-  @media screen and (max-width: 950px) {
-    .header__item.profile {
-      top: 20px; }
-    .b2b-header-tabs {
-      height: 90px; }
-    .header__item .selectWrap {
-      bottom: 15px; }
-    .b2b-header-tabs .header__items {
-      padding-top: 25px; }
-    .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-      top: 80px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-      top: 35px; }
-    .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-      padding-bottom: 30px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-      margin-top: -28px; } }
-  
-  /*************** Header - END ******************/
-  .hp-container {
-    display: block;
-    max-width: 408px; }
-    .hp-container i:focus {
-      outline: thin dotted #666; }
-    .hp-container .icon-misc-pen {
-      cursor: pointer; }
-    .hp-container .icon-misc-trash {
-      cursor: pointer; }
-  
-  .hp-selected {
-    border-bottom: 1px solid #ccc;
-    border-bottom: 1px solid #ccc;
-    margin-bottom: 16px;
-    padding-bottom: 16px; }
-    .hp-selected .selected-days {
-      padding-bottom: 16px; }
-      .hp-selected .selected-days .day {
-        padding-top: 10px;
-        float: left; }
-  
-  .hp-checkbox {
-    padding-top: 20px;
-    margin: 16px auto 0 auto; }
-    .hp-checkbox label {
-      position: relative;
-      width: 20px;
-      margin-right: 34px; }
-      .hp-checkbox label span {
-        position: absolute;
-        top: -20px;
-        left: 0px;
-        margin-left: 0px; }
-  
-  .hp-dropdowns {
-    margin-top: 15px;
-    display: flex;
-    display: -webkit-flex;
-    display: -ms-flexbox; }
-  
-  .hp-buttons {
-    margin-top: 20px;
-    display: flex;
-    display: -webkit-flex;
-    display: -ms-flexbox; }
-  
-  .hp-dropdowns .radio-buttons {
-    margin-top: 30px; }
-    .hp-dropdowns .radio-buttons .radio {
-      margin-right: 15px; }
-  
-  
-  
-  /* TODO: Build a reference page for these classes */
-  .font-regular {
-    font-family: "Omnes-ECOMP-W02", Arial !important; }
-  
-  .font-light {
-    font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-  
-  .font-italic {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-  
-  .font-light-italic {
-    font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-  
-  .font-medium {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-  
-  .font-medium-italic {
-    font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-  
-  .font-reset {
-    font-style: normal;
-    font-variant: normal;
-    font-weight: normal;
-    text-transform: none; }
-  
-  .b2b-nav-menu {
-    background-color: #efefef;
-    border: 1px solid #efefef;
-    width: 230px;
-    font-size: 1.4rem; }
-  
-  .b2b-subnav-container > ul {
-    padding: 0px; }
-  
-  .b2b-subnav-content {
-    margin: 0;
-    margin-bottom: 10px; }
-  
-  .b2b-subnav-content > li {
-    border-bottom: 1px solid #999999;
-    position: relative;
-    cursor: pointer; }
-  
-  .b2b-subnav-content > li > a {
-    text-decoration: none;
-    line-height: 18px;
-    display: block;
-    padding: 10px; }
-  
-  .b2b-subnav-content > li > a.expand {
-    color: #333; }
-  
-  .b2b-subnav-content > li ul {
-    overflow: hidden;
-    max-height: 0;
-    transition-duration: 0.5s;
-    transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
-  
-  .b2b-subnav-content > li ul.expand {
-    transition-duration: 0.7s;
-    transition-timing-function: ease-in-out;
-    max-height: 1000px;
-    overflow: hidden; }
-  
-  .b2b-subnav-content > li > a:focus, .b2b-subnav-content > li ul > li > a:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-subnav-content > li ul > li > a {
-    line-height: 18px;
-    padding: 8px 0;
-    display: block;
-    outline-offset: -4px;
-    padding-left: 10px; }
-  
-  .b2b-icon-primary-plus-minus {
-    display: inline-block;
-    height: 20px;
-    margin-right: 10px;
-    padding: 0;
-    position: absolute;
-    right: 0px;
-    top: 10px;
-    vertical-align: middle;
-    width: 20px; }
-  
-  @media (min-width: 320px) and (max-width: 767px) {
-    .b2b-nav-menu {
-      background-color: #fff;
-      border: 1px solid white;
-      width: 100%; }
-    .b2b-subnav-content > li {
-      padding-left: 10px; }
-    .b2b-subnav-container > ul:first-child {
-      border-top: 1px solid #999; }
-    .b2b-icon-primary-plus-minus {
-      right: 10px; }
-    .b2b-subnav-content > li li > a.active {
-      color: #0574ac;
-      text-decoration: none;
-      font-family: "Omnes-ECOMP-W02", Arial; } }
-  
-  .b2b-list-box-item {
-    white-space: nowrap;
-    margin: 1px;
-    border: 1px solid transparent;
-    outline: none;
-    visibility: inherit;
-    display: inherit;
-    text-align: left;
-    overflow: hidden;
-    cursor: pointer;
-    padding: 5px 0 5px;
-    padding-left: 15px;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none; }
-    .b2b-list-box-item:focus {
-      border: 2px solid #5e8cb3; }
-  
-  .b2b-list-box-item--selected {
-    background-color: #cfdde9; }
-  
-  .btn.disabled[ddh-load-button] {
-    line-height: 46px;
-    padding: 0 19px 0 18px; }
-  
-  .btn.disabled[ddh-load-button] {
-    color: #666666; }
-  
-  .icon-primary-spinner-ddh.large {
-    height: 50px;
-    width: 50px; }
-  
-  .icon-primary-spinner-ddh.small {
-    height: 30px;
-    width: 30px; }
-  
-  .icon-primary-spinner-ddh {
-    -webkit-animation: 1s linear infinite spinner;
-    animation: 1s linear infinite spinner;
-    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgaWQ9InN2Zy1zcGlubmVyIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgIDxwYXRoIGZpbGw9IiNGNUY1RjUiIGQ9Ik0xOCAzNkM4LjEgMzYgMCAyNy45IDAgMThTOC4xIDAgMTggMHMxOCA4LjEgMTggMTgtOC4xIDE4LTE4IDE4em0wLTMxLjVjLTcuNSAwLTEzLjUgNi0xMy41IDEzLjVTMTAuNiAzMS41IDE4IDMxLjVjNy41IDAgMTMuNS02LjEgMTMuNS0xMy41IDAtNy41LTYtMTMuNS0xMy41LTEzLjV6Ii8+CiAgIDxwYXRoIGZpbGw9IiMwNTY4QUUiIGlkPSJzcGlubmVyIiBkPSJNMzAuNyA1LjNsLTMuMSAzLjJjMi40IDIuNCAzLjkgNS44IDMuOSA5LjUgMCA3LjQtNi4xIDEzLjUtMTMuNSAxMy41UzQuNSAyNS40IDQuNSAxOCAxMC42IDQuNSAxOCA0LjVWMEM4LjEgMCAwIDguMSAwIDE4czguMSAxOCAxOCAxOCAxOC04LjEgMTgtMThjMC01LTItOS41LTUuMy0xMi43eiIgdHJhbnNmb3JtPSIiPiAgICAgIAogICA8L3BhdGg+Cjwvc3ZnPg==); }
-  
-  .btn-small .icon-primary-spinner-ddh {
-    height: 30px !important;
-    width: 30px !important; }
-  
-  .btn-small .icon-primary-spinner {
-    height: 30px;
-    width: 30px; }
-  
-  .load-backdrop {
-    position: absolute;
-    top: 50%;
-    left: 50%; }
-  
-  .small-modal-loader {
-    width: 420px !important;
-    height: 212px !important;
-    text-align: center; }
-  
-  .small-modal-loader .icon-primary-spinner {
-    margin-bottom: 5px; }
-  
-  .body.styled-by-modal {
-    position: fixed; }
-  
-  .b2b-modal-backdrop {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: -1; }
-  
-  .b2b-modal-backdrop.fade {
-    background-color: #000;
-    opacity: 0;
-    filter: alpha(opacity=0);
-    transition: all 0.3s linear 0s; }
-  
-  .b2b-modal-backdrop.fade.in {
-    z-index: 1040;
-    opacity: 0.7;
-    filter: alpha(opacity=70);
-    background-color: #000;
-    transition: opacity 0.3s linear 0s; }
-  
-  .modalwrapper {
-    height: 100%;
-    width: 100%;
-    left: 0;
-    overflow-y: hidden;
-    position: absolute;
-    right: 0;
-    padding: 20px;
-    top: 0;
-    z-index: -1; }
-  
-  .modalwrapper.active {
-    z-index: 1050;
-    overflow-y: auto; }
-  
-  .modal {
-    background-clip: padding-box;
-    background-color: #ffffff;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 8px;
-    box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.4);
-    margin: 0 auto;
-    /*margin-bottom:10%;*/
-    outline: medium none;
-    /*position: absolute;*/
-    height: 0;
-    min-height: 150px;
-    overflow: hidden;
-    /*top: 10%;*/
-    width: 100%;
-    z-index: -1; }
-  
-  .modalwrapper.modal-docked .modal {
-    max-height: 80%;
-    height: 80%;
-    overflow: hidden;
-    top: 0; }
-  
-  .modal.fade.in {
-    position: relative;
-    height: auto;
-    overflow: auto;
-    top: 10%;
-    z-index: 1060;
-    transition: opacity .5s linear 0s; }
-  
-  .modal.fade.in.modal-landscape {
-    overflow-y: auto; }
-  
-  .modal.fade {
-    transition: opacity .5s linear 0s; }
-  
-  .fade.in {
-    opacity: 1; }
-  
-  .fade {
-    opacity: 0; }
-  
-  .b2b-modal-header {
-    align-items: center;
-    border-radius: 8px 8px 0 0;
-    display: flex;
-    min-height: 60px;
-    overflow: hidden;
-    padding: 30px 46px 30px 30px;
-    position: relative; }
-  
-  .b2b-modal-header > h2 {
-    line-height: 1;
-    margin: 0;
-    padding: 0; }
-  
-  .modal-header-portrait {
-    -webkit-overflow-scrolling: auto; }
-  
-  .modal-header-landscape {
-    -webkit-overflow-scrolling: auto; }
-  
-  .b2b-modal-body {
-    -webkit-overflow-scrolling: touch;
-    padding: 0 30px 20px;
-    position: relative;
-    width: auto; }
-  
-  .b2b-modal-body:focus {
-    outline: 1px dotted #333333; }
-  
-  .modal-form {
-    margin-bottom: 0; }
-  
-  .b2b-modal-footer {
-    background-color: #fff;
-    width: 100%;
-    padding: 0 30px;
-    border-radius: 0;
-    position: absolute;
-    bottom: 0; }
-  
-  :not(.modal-docked) .b2b-modal-footer {
-    position: relative; }
-  
-  .modal-landscape .b2b-modal-footer {
-    position: relative; }
-  
-  .b2b-modal-footer .cta-button-group {
-    display: flex;
-    justify-content: flex-end;
-    padding: 20px 0 5px;
-    width: 100%;
-    border-top: 1px solid #d2d2d2; }
-  
-  .b2b-modal-footer .cta-button-group .btn {
-    margin-left: auto;
-    margin-right: auto;
-    float: right;
-    margin-left: 10px; }
-  
-  .b2b-modal-footer .cta-button-group .marginLeft0 {
-    margin-left: 0px; }
-  
-  .b2b-modal-footer .cta-button-group .btn-footer-left {
-    margin-right: auto; }
-  
-  .b2b-modal-footer .cta-button-group .btn + .btn {
-    margin-right: 0 !important; }
-  
-  [class*="modal-"] {
-    width: 100%; }
-  
-  .modal-small {
-    max-width: 420px; }
-  
-  .modal-medium {
-    max-width: 620px; }
-  
-  .modal-large {
-    max-width: 720px; }
-  
-  .modal-xlarge {
-    max-width: 860px; }
-  
-  .modal-jumbo {
-    max-width: 1000px; }
-  
-  .modalwrapper.modal-docked {
-    height: 100%;
-    display: flex;
-    align-items: center; }
-  
-  .modalwrapper.modal-docked .b2b-modal-body {
-    height: 80%;
-    overflow-y: scroll;
-    padding-bottom: 60px; }
-  
-  .modalwrapper.modal-docked .modal {
-    max-height: 80%;
-    height: 80%;
-    overflow: hidden;
-    top: 0; }
-  
-  .modalwrapper.modal-docked .b2b-modal-body > *:last-child {
-    margin-bottom: 60px; }
-  
-  @media (max-width: 767px) {
-    .modalwrapper {
-      padding: 15px;
-      overflow-x: hidden; }
-    .modal.fade.in {
-      top: 0;
-      right: 0;
-      left: 0;
-      margin-bottom: 15px;
-      border: none; }
-    .b2b-modal-header {
-      padding: 20px 46px 20px 15px; }
-    .b2b-modal-body {
-      width: 100%;
-      padding: 0 15px 15px; }
-    .modalwrapper.modal-docked {
-      position: absolute;
-      height: 100%;
-      padding: 0; }
-    .modalwrapper.modal-docked .modal.fade.in {
-      margin-bottom: 0;
-      width: 100% !important;
-      max-height: 100%;
-      height: 100%;
-      border-radius: 0; }
-    .modalwrapper.modal-docked .b2b-modal-body {
-      overflow-y: scroll;
-      height: 100%; }
-    .modalwrapper.modal-docked.modal-landscape {
-      overflow-y: hidden;
-      position: fixed; }
-    .modalwrapper.modal-docked.modal-landscape .modal {
-      overflow-y: scroll;
-      max-width: 100%; }
-    .modalwrapper.modal-docked.modal-landscape .b2b-modal-body {
-      height: auto;
-      overflow-y: hidden; }
-    .b2b-modal-footer {
-      padding: 0 15px; }
-    .b2b-modal-footer .cta-button-group {
-      display: block;
-      padding: 15px 0; }
-    .b2b-modal-footer .cta-button-group .btn {
-      float: none; }
-    .b2b-modal-footer .cta-button-group .btn + .btn {
-      margin-bottom: 0; }
-    .b2b-modal-footer .cta-button-group a.visible-phone {
-      align-items: center;
-      display: flex !important;
-      height: 42px;
-      justify-content: center; } }
-  
-  .b2b-modal-footer > .cta-button-group {
-    line-height: 40px; }
-  
-  .ajaxed,
-  .modal.fade.in .b2b-modal-header,
-  .modal.fade.in .b2b-modal-body,
-  .modal.fade.in .b2b-modal-footer {
-    animation-duration: 0.01s;
-    -o-animation-duration: 0.01s;
-    -ms-animation-duration: 0.01s;
-    -moz-animation-duration: 0.01s;
-    -webkit-animation-duration: 0.01s;
-    animation-name: DOMinsertion;
-    -o-animation-name: DOMinsertion;
-    -ms-animation-name: DOMinsertion;
-    -moz-animation-name: DOMinsertion;
-    -webkit-animation-name: DOMinsertion; }
-  
-  .monthselector thead tr th {
-    min-width: 46px; }
-  
-  .monthselector thead tr:after {
-    content: "";
-    position: absolute;
-    left: 20px;
-    top: 52px;
-    height: 1px;
-    width: 85%;
-    border-bottom: 1px solid #ccc; }
-  
-  .monthselector tbody tr:last-child {
-    height: 50px; }
-  
-  .monthselector td.day {
-    margin: 1px 4px !important;
-    width: 64px !important; }
-  
-  .monthselector .datepicker-switch {
-    width: 195px !important; }
-  
-  .monthselector .show-date {
-    width: 30px !important; }
-  
-  .monthselector button.faux-input {
-    width: 100%; }
-    .monthselector button.faux-input:focus {
-      border: 1px solid #0574ac; }
-    .monthselector button.faux-input:disabled {
-      cursor: not-allowed; }
-  
-  .monthselector .cta-button-group {
-    padding: 0 20px; }
-    .monthselector .cta-button-group a {
-      margin-right: 20px; }
-  
-  .monthselector .day.active .show-date:after, .monthselector .day:focus .show-date:after, .monthselector .due-date.disabled .show-date:after {
-    height: 30px;
-    left: 9px !important;
-    top: 0;
-    width: 42px !important; }
-  
-  .monthselector .disabled.day:focus .show-date:after {
-    border: none; }
-  
-  .monthselector .icon-primary-calendar {
-    display: block; }
-  
-  .b2b-ml-nav {
-    padding: 0 10px 0 10px;
-    width: 320px; }
-  
-  .b2b-ml-nav ul {
-    list-style: none;
-    list-style-type: none; }
-  
-  .b2b-ml-nav a {
-    display: block;
-    padding: 0 0 5px 30px;
-    line-height: 22px;
-    margin-left: -10px;
-    color: #0568ae;
-    font-size: 1.4rem; }
-  
-  .b2b-ml-nav a:focus {
-    outline-offset: 1px; }
-  
-  .b2b-ml-nav li:focus {
-    outline: none; }
-  
-  .b2b-ml-nav li:focus > a {
-    outline: thin dotted #666;
-    outline-offset: 1px; }
-  
-  .b2b-ml-nav ul li {
-    border-left: 1px solid #ccc; }
-  
-  .b2b-ml-nav ul ul {
-    padding: 0 0 0 20px; }
-  
-  .b2b-ml-nav ul > li {
-    position: relative;
-    line-height: 18px; }
-  
-  .b2b-ml-nav a > span {
-    background-color: #FFF;
-    display: inline;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    left: -11px;
-    top: 0; }
-  
-  .b2b-ml-nav a > span > i {
-    font-size: 20px; }
-  
-  .b2b-ml-nav a:only-child > span {
-    left: -6px;
-    border-radius: 50%;
-    line-height: 7px;
-    top: 5px; }
-  
-  .b2b-ml-nav a:only-child > span > i {
-    background-color: inherit;
-    background: #fff;
-    font-size: 10px; }
-  
-  .b2b-ml-nav ul li:first-child > a:only-child > span {
-    left: -6px;
-    border-radius: 50%;
-    line-height: 12px;
-    top: 0px; }
-  
-  .b2b-ml-nav li a + ul {
-    display: none; }
-  
-  .b2b-ml-nav li a.active + ul {
-    display: block; }
-  
-  .b2b-ml-nav .selected {
-    color: #333; }
-  
-  /*to overide ng-doc inline property for library demo - TODO: Move to docs.css*/
-  .b2b-ml-nav a [class^="icon-primary-"], a [class*=" icon-primary-"], a [class^="icon-primary-"]:before, a [class*=" icon-primary-"]:before {
-    display: inline-block; }
-  
-  .b2b-alerts-messages {
-    background-color: #fff;
-    border-radius: 8px;
-    height: auto; }
-    .b2b-alerts-messages h3 {
-      color: #333 !important;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      margin-bottom: 0 !important;
-      margin: 1em 0 5px;
-      line-height: 27px;
-      font-size: 18px; }
-    .b2b-alerts-messages h4 {
-      color: #333 !important;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      margin-bottom: 0 !important; }
-    .b2b-alerts-messages .alert-info {
-      background-color: #0574ac;
-      border: 0; }
-    .b2b-alerts-messages .alert-error {
-      background-color: #cf2a2a;
-      border: 0; }
-    .b2b-alerts-messages .alert-success {
-      background-color: #1b7e28;
-      border: 0; }
-    .b2b-alerts-messages div:nth-child(2) {
-      padding: 0 0 15px 10px;
-      vertical-align: baseline; }
-    .b2b-alerts-messages .close:before {
-      color: #767676; }
-    .b2b-alerts-messages p {
-      font-size: 14px;
-      color: #333;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-      .b2b-alerts-messages p a {
-        color: #333; }
-    .b2b-alerts-messages .btn-small {
-      margin-bottom: 0px; }
-  
-  .b2b-alerts-success {
-    border: 1px solid #1b7e28; }
-  
-  .b2b-alerts-error {
-    border: 1px solid #cf2a2a; }
-  
-  .b2b-alerts-info {
-    border: 1px solid #0574ac; }
-  
-  /* TODO: Rearange this and move to patches if needed */
-  .b2b-breadcrumb-css-override > li {
-    margin-right: 24px; }
-  
-  .b2b-breadcrumb-css-override li > * {
-    float: left !important; }
-  
-  .b2b-css-override ul.nav-tabs {
-    margin-bottom: 0; }
-  
-  .b2b-css-override div.tab-content {
-    margin-top: 0;
-    border-top: none; }
-  
-  .b2b-css-override .tab-content .prettyprint, .b2b-css-override .usage .prettyprint {
-    max-height: 500px;
-    overflow-y: auto; }
-  
-  .b2b-top-nav-buttons-css-override {
-    margin-bottom: 0;
-    margin-top: 2px; }
-  
-  .b2b-auto-width {
-    width: auto !important; }
-  
-  .b2b-toggle-header-active {
-    color: #0568ae; }
-  
-  .b2b-toggle-header-inactive {
-    color: #333333; }
-  
-  .b2b-toggle-header-icon {
-    cursor: pointer; }
-  
-  .tab-content > .tab-pane {
-    display: none; }
-  
-  .tab-content > .active {
-    display: block; }
-  
-  .icon-primary-circle:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 1; }
-  
-  .ds2-no-colors .icon-primary-circle:before {
-    background-image: none;
-    content: "\e902"; }
-  
-  i:focus {
-    outline: thin dotted #666; }
-  
-  .p-col-md-12 {
-    width: 50%; }
-  
-  .pager__item {
-    border-radius: 0;
-    cursor: default;
-    display: inline-block;
-    margin: 5px;
-    width: 22px;
-    height: 23px;
-    vertical-align: baseline; }
-  
-  .pager {
-    padding-top: 10px;
-    padding-bottom: 20px;
-    text-align: center;
-    margin: 0 auto; }
-  
-  .pager__item--input {
-    color: #067ab4;
-    max-height: 32px;
-    max-width: 40px;
-    padding-left: 0;
-    padding-right: 0;
-    text-align: center;
-    margin-left: 10px; }
-  
-  .row.section-row {
-    margin-bottom: 20px; }
-  
-  .pager__item--active {
-    border-bottom: 2px solid #0574ac;
-    border-radius: 0;
-    color: #333333; }
-  
-  .pager a.pager__item--active:hover {
-    cursor: default; }
-  
-  .pager a:hover, .pager a:focus {
-    text-decoration: none;
-    color: #333333;
-    cursor: pointer; }
-  
-  .pager a.disabled:hover, .pager a.disabled:focus {
-    cursor: not-allowed; }
-  
-  .row.section-row.b2b-page {
-    display: block; }
-  
-  a.pager__item--next:focus, a.pager__item--prev:focus {
-    text-decoration: none;
-    border: 0; }
-  
-  .pager__item--next, .pager__item--prev {
-    margin: 5px;
-    padding: 1.5px 6px 1.5px 6px; }
-  
-  .pager .disabled i {
-    pointer-events: none;
-    cursor: default;
-    color: #c4c4c4; }
-  
-  .fieldLabel {
     color: #666666; }
-  
-  .fieldLabel input {
-    color: #666666; }
-  
-  .pSelect {
-    float: right;
-    width: 150px; }
-  
-  .numericResult {
-    margin-bottom: 20px;
-    font-size: 1.6rem;
-    margin-top: 20px;
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .mobile-view > .pager__item {
-    margin: 5px 10px;
-    width: 24px;
-    height: 34px;
-    vertical-align: middle;
-    line-height: 34px; }
-  
-  .fade1, .fadel {
-    opacity: 0.4; }
-  
-  .fade2, .fadesl {
-    opacity: 0.6; }
-  
-  h4#pagination-truncated {
-    margin-top: 50px; }
-  
-  h4#pagination-large-count {
-    margin-top: 50px; }
-  
-  .p-col-md-12 input {
-    margin-left: 20px; }
-  
-  .pager a .icon-primary-right:before {
-    display: inline-block; }
-  
-  .pager a .icon-primary-left:before {
-    display: inline-block; }
-  
-  .page-heading {
-    background: white none repeat scroll 0 0;
-    margin-bottom: -12px;
-    padding-left: 10px;
-    padding-right: 10px;
-    position: relative; }
-  
-  .numericResult:focus {
-    outline: 1px dotted #0574ac; }
-  
-  .page-heading-group {
-    color: #ef6f00;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .pager > div > span.fieldLabel {
-    margin-left: 18px; }
-  
-  .pager .fieldLabel .btn-arrow {
-    top: 0;
-    left: 10px;
-    margin-left: -5px; }
-  
-  .b2b-p-col-md-12 {
-    width: 50%; }
-    .b2b-p-col-md-12 input {
-      margin-left: 20px; }
-  
-  .b2b-pager__item {
-    border-radius: 0;
-    cursor: default;
-    display: inline-block;
-    margin: 0px 5px 0 5px;
-    height: 23px;
-    vertical-align: baseline; }
-  
-  .b2b-pager__item--noclick {
-    pointer-events: none !important;
-    cursor: default !important; }
-  
-  .b2b-pager__item--droppable {
-    pointer-events: all !important; }
-  
-  .b2b-pager {
-    padding-top: 10px;
-    padding-bottom: 20px;
-    text-align: center;
-    margin: 0 auto; }
-    .b2b-pager a:hover {
-      text-decoration: none;
-      color: #333333;
-      cursor: pointer; }
-    .b2b-pager a:focus {
-      text-decoration: none;
-      color: #333333;
-      cursor: pointer; }
-    .b2b-pager a .icon-primary-right:before {
-      display: inline-block; }
-    .b2b-pager a .icon-primary-left:before {
-      display: inline-block; }
-    .b2b-pager .disabled i {
-      pointer-events: none;
-      cursor: default;
-      color: #c4c4c4; }
-  
-  .b2b-pager__item--input {
-    color: #067ab4;
-    max-height: 32px;
-    max-width: 60px;
-    padding-left: 0;
-    padding-right: 0;
-    text-align: center;
-    margin-left: 5px; }
-  
-  .row.section-row {
-    margin-bottom: 20px; }
-  
-  .b2b-pager__item--active {
-    border-bottom: 2px solid #0574ac;
-    border-radius: 0;
-    color: #333333; }
-  
-  .row.section-row.b2b-page {
-    display: block; }
-  
-  a.b2b-pager__item--next:focus {
-    text-decoration: none;
-    border: 0; }
-  
-  a.b2b-pager__item--next-disabled {
-    outline: 0; }
-  
-  a.b2b-pager__item--next-disabled > [class^="icon-primary-"] {
-    color: #cccccc;
+.checkbox input:disabled + .skin + span {
     cursor: not-allowed;
-    outline: 0; }
-  
-  a.b2b-pager__item--prev:focus {
-    text-decoration: none;
-    border: 0; }
-  
-  a.b2b-pager__item--prev-disabled {
-    outline: 0; }
-  
-  a.b2b-pager__item--prev-disabled > [class^="icon-primary-"] {
-    color: #cccccc;
-    cursor: not-allowed; }
-  
-  .b2b-pager__item--next {
-    padding: 1.5px 0px 1.5px 0px; }
-  
-  .b2b-pager__item--prev {
-    padding: 1.5px 0px 1.5px 0px; }
-  
-  .fieldLabel {
     color: #666666; }
-    .fieldLabel input {
-      color: #666666; }
-    .fieldLabel .btn-arrow {
-      top: 0;
-      left: 10px; }
-  
-  .b2b-pSelect {
-    float: right;
-    width: 150px; }
-  
-  .b2b-numericResult {
-    margin-bottom: 20px;
-    font-size: 1.6rem;
-    margin-top: 20px; }
-  
-  .b2b-mobile-view > .b2b-pager__item {
-    margin: 5px 10px;
-    min-width: 23px;
-    height: 34px;
-    vertical-align: middle;
-    line-height: 34px; }
-  
-  .b2b-fade1 {
-    opacity: 0.4; }
-  
-  .b2b-fade2 {
-    opacity: 0.6; }
-  
-  .b2b-fadesl {
-    opacity: 0.6; }
-  
-  h4#b2b-pagination-truncated {
-    margin-top: 50px; }
-  
-  h4#b2b-pagination-large-count {
-    margin-top: 50px; }
-  
-  .b2b-page-heading {
-    background: white none repeat scroll 0 0;
-    margin-bottom: -12px;
-    padding-left: 10px;
-    padding-right: 10px;
-    position: relative; }
-  
-  .b2b-numericResult:focus {
-    outline: 1px dotted #0574ac; }
-  
-  .b2b-page-heading-group {
-    color: #ef6f00;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .b2b-pager > div > span.fieldLabel {
-    margin-left: 18px; }
-  
-  .b2b-go-to-page {
-    margin-top: 14px; }
-  
-  .b2b-go-to-page-inline {
-    display: inline-block; }
-  
-  input.b2b-phone-mask-input {
-    padding-right: 15px; }
-    input.b2b-phone-mask-input:hover, input.b2b-phone-mask-input:focus {
-      padding-right: 15px; }
-  
-  /************************** Start - Should be removed after the styling in global is fixed *******************/
-  input::-ms-clear {
-    display: none; }
-  
-  /************************** End - Should be removed after the styling in global is fixed *******************/
-  @media (max-width: 767px) {
-    input::-ms-clear {
-      display: block; } }
-  
-  .pivot-link-group {
-    background-color: #5a5a5a;
-    border-top: 1px solid #959595; }
-  
-  .pivot-links > li {
-    border-bottom: 1px solid #959595; }
-  
-  .pivot-links > li > a {
-    color: #fff;
-    display: block;
-    padding: 12px 15px 10px;
-    line-height: normal; }
-  
-  .b2b-profile-block-container {
-    min-height: 200px;
-    height: auto;
-    background-color: #fff;
-    border-radius: 8px;
-    border: 1px solid #ccc;
-    box-shadow: 0px 1px 1px 1px  #ccc;
-    display: inline-table;
-    margin: 15px 15px; }
-  
-  .b2b-profile-block-details p, .b2b-profile-block-details div {
-    padding: 2px 7px;
-    font-size: 1.4rem; }
-  
-  .b2b-profile-block-details .radio-label, .b2b-profile-block-details a {
-    font-size: 1.4rem; }
-  
-  .b2b-profile-block-details p label, .b2b-profile-block-details p span {
-    padding-left: 10px; }
-  
-  .b2b-profile-block-footer {
-    margin-bottom: 12px;
-    margin-top: 5px;
-    height: 35px; }
-  
-  .b2b-profile-block-details p {
-    word-wrap: break-word;
-    height: 61px; }
-    .b2b-profile-block-details p:first-child {
-      margin-top: 10px; }
-    .b2b-profile-block-details p:after {
-      content: ' ';
-      display: block;
-      border: 0.2px solid #ccc;
-      margin-top: 12px; }
-  
-  .b2b-profile-block-details .radio {
-    margin-left: 15px;
-    height: 30px; }
-  
-  .b2b-approval-icon {
-    color: #1b7e28;
-    float: right;
-    position: relative;
-    left: 10px; }
-    .b2b-approval-icon i {
-      color: #1b7e28;
-      float: right; }
-  
-  .b2b-profile-link {
-    float: right;
-    position: relative;
-    left: -4px; }
-  
-  a.link-profile {
-    position: relative;
-    left: -5px;
-    float: right;
-    margin-bottom: 16px; }
-  
-  .b2b-profile-block-radio {
-    position: relative;
-    top: -5px; }
-  
-  .b2b-profile-card {
-    min-width: 229px;
-    min-height: 354px;
-    margin: 10px;
-    border: solid 1px #CCC;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    display: inline-block;
-    vertical-align: top; }
-    .b2b-profile-card .top-block {
-      padding: 15px 20px;
-      background-color: #e4e4e4;
-      max-height: 153px; }
-    .b2b-profile-card .bottom-block {
-      padding: 15px 20px 15px 20px;
-      background-color: #fff; }
-    .b2b-profile-card .profile-image {
-      background: #e4e4e4;
-      margin-bottom: 15px;
-      text-align: center; }
-      .b2b-profile-card .profile-image .default-img {
-        display: inline-block;
-        width: 60px;
-        height: 60px;
-        margin-bottom: 10px;
-        border: 6px solid #fff;
-        border-radius: 99em;
-        -webkit-border-radius: 99em;
-        -moz-border-radius: 99em;
-        /* background-color: #eee; */ }
-  
-  .profile-image img {
-    display: inline-block;
-    width: 60px;
-    height: 60px;
-    margin-bottom: 10px;
-    border: 6px solid #fff;
-    border-radius: 99em;
-    -webkit-border-radius: 99em;
-    -moz-border-radius: 99em;
-    /* background-color: #eee; */ }
-  
-  .b2b-profile-card .profile-image .default-img {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333;
-    background-color: #fff;
-    font-size: 32px;
-    line-height: 22px;
-    padding: 5px;
-    padding-top: 13px;
-    width: 60px;
-    height: 60px;
-    text-transform: uppercase; }
-  
-  .b2b-profile-card .profile-image .name {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    color: #333;
-    text-align: center;
-    margin-bottom: 5px;
-    margin-top: 5px;
-    overflow: hidden;
-    word-break: break-word;
-    white-space: normal;
-    text-transform: capitalize; }
-  
-  .b2b-profile-card .profile-image .status-icon {
-    border-radius: 10px;
-    border: 1px solid #fff;
-    margin: 0 3px 0 0;
-    width: 10px;
-    height: 10px;
-    display: inline-block;
-    vertical-align: middle; }
-  
-  .b2b-profile-card .profile-image .status {
-    font-size: 12px;
-    line-height: 15px;
-    text-align: center;
-    margin: 0 15px 0 0;
-    color: #444; }
-  
-  .b2b-profile-card .status .circle {
-    width: 10px;
-    height: 10px;
-    border-radius: 50%;
-    margin: 30px 6px 0px 20px;
-    text-align: center;
-    background-color: #444; }
-  
-  .b2b-profile-card .profile-image .status-green {
-    background-color: #0c0; }
-  
-  .b2b-profile-card .profile-image .status-red {
-    background-color: red; }
-  
-  .b2b-profile-card .profile-image .status-blue {
-    background-color: #00f; }
-  
-  .b2b-profile-card .profile-image .status-yellow {
-    background-color: #ff0; }
-  
-  .b2b-profile-card .profile-image .status .status-badge {
-    margin-left: 5px;
-    border: dotted 1px #444;
+.checkbox input:invalid + .skin {
+    border: solid 1px #cf2a2a; }
+.checkbox input:indeterminate + .skin:after {
     background-color: transparent;
-    font-weight: 400;
-    color: #444;
-    height: 17px;
-    padding: 0 5px;
-    font-size: 11px;
-    padding-left: 5px;
-    padding-right: 5px; }
-  
-  .b2b-profile-card .profile-details {
-    background: #fff; }
-    .b2b-profile-card .profile-details label {
-      display: block;
-      cursor: text;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      font-weight: bolder;
-      font-size: 14px;
-      color: #333;
-      padding: 0;
-      margin: 0; }
-    .b2b-profile-card .profile-details div {
-      margin: 0;
-      font-size: 14px;
-      color: #333;
-      padding-bottom: 6.5px; }
-  
-  .b2b-profile-card .b2b-add-user {
-    background: white;
-    border-style: dotted;
-    font-size: 16px;
-    color: #333;
-    position: relative; }
-    .b2b-profile-card .b2b-add-user i {
-      font-size: 30px;
-      padding-bottom: 15px; }
-  
-  .b2b-profile-card .atcenter {
-    cursor: pointer;
-    margin-top: 60%;
-    vertical-align: middle;
-    text-align: center; }
-  
-  .b2b-profile-card .tooltip {
-    cursor: pointer; }
-    .b2b-profile-card .tooltip .helpertext {
-      position: relative;
-      color: white; }
-  
-  .b2b-profile-card .tooltip-wrapper {
-    position: relative; }
-  
-  /* Overrides for tooltip absolute positioning */
-  @media (min-width: 1025px) {
-    .b2b-profile-card .tooltip-size-control {
-      width: 100% !important; } }
-  
-  @-webkit-keyframes progress-bar-stripes {
-    from {
-      background-position: 0 0; }
-    to {
-      background-position: 80px 0; } }
-  
-  @keyframes progress-bar-stripes {
-    from {
-      background-position: 0 0; }
-    to {
-      background-position: 80px 0; } }
-  
-  .progress {
-    background-color: #e4e4e4;
-    border-radius: 4px;
-    height: 14px;
-    margin-bottom: 20px;
-    min-width: 250px;
-    overflow: hidden;
-    padding: 0;
-    position: relative; }
-  
-  a .progress {
-    margin-bottom: 0; }
-  
-  .progress .bar {
-    background-color: #666;
-    border-radius: 4px;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    height: 100%;
-    width: 0; }
-  
-  .progress-arrow {
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
-    justify-content: flex-end; }
-  
-  .progress-link + .usage-bar {
-    margin-top: 5px; }
-  
-  .progress-success .bar, .progress .bar-success {
-    background-color: #1b7e28; }
-  
-  .progress-warning .bar, .progress .bar-warning {
-    background-color: #ef6f00; }
-  
-  .progress-danger .bar, .progress .bar-danger {
-    background-color: #cf2a2a; }
-  
-  .progress.increment {
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex; }
-  
-  .progress.increment .bar:first-child:not(:last-child) {
-    border-right: none;
-    border-radius: 4px 0 0 4px; }
-  
-  .progress.increment .bar:last-child:not(:first-child) {
-    border-left: none;
-    border-radius: 0 4px 4px 0; }
-  
-  .progress.increment .bar + .bar:not(:last-child) {
-    border-left: none;
-    border-right: none;
-    border-radius: 0; }
-  
-  .progress.increment .bar:not(:first-child) {
-    border-left: 1px solid white !important; }
-  
-  .usage-bar {
-    display: table;
-    float: none;
-    width: 100%;
-    margin-bottom: 1px; }
-  
-  .usage-bar > .usage-text {
-    display: table-cell;
-    width: 1%; }
-  
-  .progress + .usage-bar {
-    margin-top: -15px; }
-  
-  .usage-bar .usage-text {
-    font-size: 1.4rem; }
-  
-  .usage-bar .usage-text:first-child {
-    white-space: nowrap; }
-  
-  .usage-bar .usage-text.text-right {
-    vertical-align: top;
-    font-size: 1.4rem;
-    width: auto !important; }
-  
-  .usage-bar .usage-text.text-right:before {
-    content: "";
-    display: table;
-    height: .1em; }
-  
-  .usage-bar.billing-cycle .usage-text {
-    font-size: 1.4rem; }
-  
-  .usage-bar.billing-cycle .usage-text.text-right {
-    vertical-align: bottom; }
-  
-  .progress.autocolor [data-percentage="1"], .progress.autocolor [data-percentage="2"], .progress.autocolor [data-percentage="3"], .progress.autocolor [data-percentage="4"], .progress.autocolor [data-percentage="5"], .progress.autocolor [data-percentage="6"], .progress.autocolor [data-percentage="7"], .progress.autocolor [data-percentage="8"], .progress.autocolor [data-percentage="9"], .progress.autocolor [data-percentage="10"] .progress.autocolor [data-percentage^="2"], .progress.autocolor [data-percentage^="3"], .progress.autocolor [data-percentage^="4"], .progress.autocolor [data-percentage^="5"], .progress.autocolor [data-percentage="60"], .progress.autocolor [data-percentage="61"], .progress.autocolor [data-percentage="62"], .progress.autocolor [data-percentage="63"], .progress.autocolor [data-percentage="64"] {
-    background-color: #1b7e28; }
-  
-  .progress.autocolor [data-percentage="65"], .progress.autocolor [data-percentage="66"], .progress.autocolor [data-percentage="67"], .progress.autocolor [data-percentage="68"], .progress.autocolor [data-percentage="69"], .progress.autocolor [data-percentage^="7"], .progress.autocolor [data-percentage^="8"] {
-    background-color: #ef6f00; }
-  
-  .progress.autocolor [data-percentage^="9"], .progress.autocolor [data-percentage="100"] {
-    background-color: #cf2a2a; }
-  
-  .b2b-seek-bar-container {
-    position: relative; }
-    .b2b-seek-bar-container div {
-      position: absolute; }
-    .b2b-seek-bar-container .b2b-seek-bar-track-container {
-      width: 100%; }
-    .b2b-seek-bar-container .b2b-seek-bar-track {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px; }
-    .b2b-seek-bar-container .b2b-seek-bar-track-fill {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px;
-      width: 0;
-      background-color: #157BB2;
-      transition: width 0s linear; }
-  
-  .seek-bar-container .seek-bar-knob-container {
-    transition: left 0s linear; }
-  
-  .b2b-seek-bar-container .b2b-seek-bar-knob {
-    width: 14px;
-    height: 14px;
-    border-radius: 10px;
-    top: -4px;
-    left: -8px;
-    border: 1px solid #cccccc;
-    background: white;
-    cursor: pointer; }
-  
-  .b2b-seek-bar-container .b2b-seek-bar-knob:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-seek-bar-container.vertical {
-    width: 100%;
-    height: 100%;
-    margin: 0 auto;
-    position: relative;
-    border-radius: 10px; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-track-container {
-      position: relative;
-      height: 100%; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-track {
-      position: absolute;
-      height: 100%; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-track-fill {
-      position: absolute;
-      bottom: 0;
-      height: 0;
-      width: 100%; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-knob-container {
-      transition: bottom .01s linear;
-      position: relative;
-      bottom: 0; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-knob {
-      position: absolute;
-      border-radius: 10px;
-      top: -7px;
-      left: -4px; }
-  
-  .form-search .search-query {
-    width: 100% !important; }
-  
-  .form-search .well {
-    margin-top: 0; }
-  
-  .form-search > ul.nav > li.section {
-    min-height: 20px !important; }
-  
-  input.b2b-search-input-field {
-    margin-bottom: 0px; }
-  
-  .search-suggestion-list {
-    background-color: #FFFFFF;
-    border: 1px solid #ccc;
-    border-radius: 0 0 6px 6px;
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-    margin-top: -5px;
-    max-height: 400px;
-    overflow-x: hidden;
-    overflow-y: auto;
-    padding: 15px 0;
-    position: absolute;
-    width: 100%;
-    z-index: 1000; }
-    .search-suggestion-list > li.active {
-      background-color: #cccccc; }
-    .search-suggestion-list:empty {
-      display: none; }
-  
-  .b2b-search-hightlight {
-    font-weight: bold; }
-  
-  input[type="text"]::-moz-placeholder {
-    color: #767676;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  
-  input[type="text"]:focus {
-    z-index: 1000; }
-  
-  input[type="text"] + .reset-field {
-    background-color: #FFFFFF;
-    height: 90%;
-    top: 5%; }
-  
-  .btn-search:focus {
-    outline: 1px dotted #0574ac; }
-  
-  .field-group input:not([type="button"])[disabled] ~ .btn-search {
-    background-color: #eee; }
-  
-  .btn-search[class*="btn"] {
-    background-color: #FFFFFF;
-    background-size: 20px 20px;
-    border-radius: 0 1.5rem 1.5rem 0;
-    height: 3rem;
-    min-width: 4.4rem !important;
-    right: 0.15rem;
-    top: 0.15rem;
-    width: 4.4rem; }
-  
-  .search-suggestion-wrapper {
-    margin-bottom: 15px;
-    position: relative; }
-    .search-suggestion-wrapper .no-result {
-      padding: 0px 15px; }
-  
-  .search-suggestion-item {
-    color: #333333;
-    line-height: 4rem;
-    padding: 0 15px;
-    position: relative;
-    z-index: 1000; }
-    .search-suggestion-item:hover {
-      background-color: #e4e4e4;
-      cursor: pointer; }
-    .search-suggestion-item:focus {
-      background-color: #e4e4e4;
-      cursor: pointer; }
-    .search-suggestion-item a {
-      color: #333333;
-      text-decoration: none; }
-  
-  .btn-search i {
-    color: #767676; }
-  
-  input.b2b-search-input-field:focus ~ .btn-search > i, .btn-search:focus > i {
-    color: #0568ae; }
-  
-  button.btn-search[disabled] {
-    cursor: not-allowed; }
-    button.btn-search[disabled] i {
-      color: #767676; }
-  
-  .innershadow {
-    -webkit-background-blend-mode: mutilply;
-    box-shadow: 0 3px 0 2px rgba(0, 0, 0, 0.08); }
-  
-  .linkSelectorModule {
-    position: relative;
-    height: 32px;
-    line-height: 20px;
-    border: 0px;
-    width: auto;
-    display: block; }
-    .linkSelectorModule .icon-primary-down {
-      font-size: 23px;
-      margin-top: -10px;
-      position: absolute;
-      top: 50%;
-      margin-left: -30px; }
-    .linkSelectorModule .selectModule {
-      background-color: transparent;
-      border: none;
-      color: #0568ae;
-      cursor: pointer;
-      border: 1px solid transparent;
-      box-shadow: none;
-      padding-right: 35px;
-      position: relative;
-      user-select: none;
-      font-size: 1.6rem; }
-      .linkSelectorModule .selectModule:focus {
-        border: 1px dotted #ccc;
-        box-shadow: none;
-        -moz-user-select: none; }
-      .linkSelectorModule .selectModule:hover {
-        text-decoration: underline; }
-    .linkSelectorModule .active + .moduleWrapper:before {
-      background-color: #FFFFFF;
-      border-color: #d2d2d2;
-      border-style: solid;
-      border-width: 1px 1px 0 0;
-      content: "";
-      display: block;
-      height: 15px;
-      right: 122px;
-      margin: 0;
-      position: absolute;
-      top: -8px;
-      -webkit-transform: rotate(-45deg);
-      transform: rotate(-45deg);
-      width: 15px; }
-    .linkSelectorModule .moduleWrapper {
-      top: 40px; }
-    .linkSelectorModule ul.awd-module-list {
-      border-radius: 6px 6px 0px 0px; }
-  
-  .selectorModule .icon-primary-down {
-    font-size: 23px;
-    margin-top: -11px;
-    position: absolute;
-    right: 4px;
-    top: 50%; }
-  
-  .selectorModule .selectModule {
+    font-size: 25px;
+    color: #0574ac;
+    content: "\e920"; }
+.checkbox .skin {
+    background-color: #fff;
     border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-    display: block;
-    width: 100%;
-    padding-left: 15px;
-    background-color: transparent;
-    cursor: pointer; }
-    .selectorModule .selectModule:focus {
-      border: 1px solid #0568ae;
-      -moz-user-select: none; }
-    .selectorModule .selectModule span.module-data {
-      position: absolute;
-      bottom: 6px;
-      line-height: 20px; }
-    .selectorModule .selectModule img + span.module-data {
-      padding-left: 45px; }
-  
-  .selectorModule .selectModule.active {
-    border-bottom-right-radius: 0px;
-    border-bottom-left-radius: 0px; }
-  
-  .selectorModule .moduleWrapper {
-    position: absolute;
-    width: 100% !important;
-    border-top: none; }
-  
-  .selectorModule ul.awd-module-list {
-    border-radius: 0px 0px 6px 6px; }
-  
-  .selectorModule .large > img {
-    height: 30px;
-    position: absolute;
-    width: 30px;
-    top: 20px;
-    left: 15px; }
-  
-  .selectModule {
-    background-color: transparent;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333333;
-    font-size: 1.6rem;
-    height: 36px;
-    line-height: 35px;
-    margin-bottom: 0;
-    position: relative;
-    text-align: left;
-    top: 0;
-    z-index: 10;
-    padding: 0px;
-    margin: 0px;
-    cursor: pointer; }
-  
-  .moduleWrapper {
-    background-color: #FFFFFF;
-    position: absolute;
-    color: #191919;
-    z-index: 9999;
-    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
-    border-radius: 0px 0px 6px 6px; }
-    .moduleWrapper .module-list-item img {
-      height: 30px;
-      position: absolute;
-      width: 30px;
-      top: 30px;
-      left: 15px;
-      align-self: center; }
-    .moduleWrapper span {
-      display: block;
-      white-space: nowrap;
-      font-size: 1.5rem; }
-  
-  .awd-module-list {
-    overflow-y: auto;
-    z-index: 9999;
-    max-height: 360px;
-    border: 1px solid #d2d2d2; }
-    .awd-module-list .module-list-item > .module-data {
-      overflow: ellipsis;
-      white-space: nowrap;
-      line-height: 20px;
-      font-size: 1.6rem;
-      border-bottom: 1px dotted #959595;
-      margin: 0px 15px 0px 15px;
-      padding-right: 50px;
-      padding-bottom: 14px;
-      padding-top: 14px;
-      align-self: center;
-      width: 100%; }
-    .awd-module-list .module-list-item:hover {
-      background-color: #f2f2f2; }
-    .awd-module-list .module-list-item:active {
-      background-color: #f2f2f2; }
-    .awd-module-list .module-list-item[aria-selected="true"] {
-      background-color: #f2f2f2; }
-  
-  .module-list-item {
-    cursor: pointer;
-    overflow: hidden;
-    position: relative;
-    overflow: ellipsis;
-    white-space: nowrap;
-    z-index: 1000;
-    color: #191919;
-    display: flex; }
-    .module-list-item:last-of-type .module-data {
-      border-bottom: none; }
-    .module-list-item img + span.module-data {
-      padding-left: 45px; }
-  
-  .module-groups:first-of-type .module-list-item:last-of-type .module-data {
-    border-bottom: 1px solid #959595; }
-  
-  .module-groupitem {
-    padding-bottom: 4px; }
-  
-  .selectorModule.large {
-    height: 72px;
-    vertical-align: middle;
-    text-align: left; }
-    .selectorModule.large .moduleWrapper {
-      top: 71px; }
-    .selectorModule.large input {
-      height: 72px;
-      vertical-align: middle;
-      text-align: left; }
-    .selectorModule.large button {
-      height: 72px;
-      vertical-align: middle;
-      text-align: left; }
-    .selectorModule.large .selectModule img {
-      left: 15px;
-      top: 21px; }
-  
-  ul.module-groupitem li {
-    margin: 0 -15px 0 -15px; }
-  
-  span.module-data span {
-    display: block;
-    line-height: 20px;
-    font-size: 1.5rem; }
-  
-  li.module-groups {
-    cursor: default !important;
-    padding: 18px 15px 0px 15px; }
-  
-  li.module-list-item[selected]:before {
-    box-sizing: border-box;
+    border-radius: 3px;
     display: inline-block;
-    font-size: 2em;
-    height: 1em;
+    height: 24px;
+    width: 24px;
     position: absolute;
-    top: 20px;
-    right: 0px;
-    vertical-align: middle;
-    width: 1em;
-    color: #007a3e; }
-  
-  ul.module-optinalcta {
-    position: relative;
-    height: 44px;
-    margin-top: 0px;
-    border-bottom: 1px solid #d2d2d2;
-    border-left: 1px solid #d2d2d2;
-    border-right: 1px solid #d2d2d2;
-    border-radius: 0px 0px 6px 6px; }
-    ul.module-optinalcta li {
-      position: absolute;
-      bottom: 10px; }
-    ul.module-optinalcta a {
-      text-indent: 15px;
-      padding: 15px; }
-  
-  .b2b-slider-container {
-    position: relative; }
-    .b2b-slider-container.slider-disabled {
-      cursor: not-allowed !important; }
-    .b2b-slider-container div {
-      position: absolute; }
-    .b2b-slider-container .slider-track-container {
-      width: 100%;
-      cursor: pointer; }
-    .b2b-slider-container .slider-track {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px;
-      border: 1px solid #cccccc; }
-    .b2b-slider-container .slider-track-fill {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px;
-      width: 0;
-      background-color: #157BB2;
-      transition: width 0s linear;
-      border: 1px solid #cccccc; }
-    .b2b-slider-container .slider-knob-container {
-      transition: left 0s linear; }
-      .b2b-slider-container .slider-knob-container.slider-knob-hidden {
-        display: none !important; }
-    .b2b-slider-container .slider-knob {
-      width: 14px;
-      height: 14px;
-      border-radius: 10px;
-      top: -4px;
-      left: -8px;
-      border: 1px solid #cccccc;
-      background: white;
-      cursor: pointer; }
-      .b2b-slider-container .slider-knob:focus {
-        outline: thin dotted #666; }
-  
-  .b2b-slider-endpoints-container {
-    margin-top: 13px;
-    color: #333;
-    font-size: 12px; }
-    .b2b-slider-endpoints-container .b2b-slider-endpoints-left {
-      float: left;
-      line-height: 100%; }
-    .b2b-slider-endpoints-container .b2b-slider-endpoints-right {
-      float: right;
-      line-height: 100%; }
-    .b2b-slider-endpoints-container::after {
-      clear: both;
-      content: "";
-      display: block; }
-  
-  .b2b-slider-container.vertical {
-    width: 100%;
-    height: 100%;
-    margin: 0 auto;
-    position: relative;
-    border-radius: 10px; }
-    .b2b-slider-container.vertical .slider-track-container {
-      position: relative;
-      height: 100%; }
-    .b2b-slider-container.vertical .slider-track {
-      position: absolute;
-      height: 100%; }
-    .b2b-slider-container.vertical .slider-track-fill {
-      position: absolute;
-      bottom: 0;
-      height: 0;
-      width: 100%; }
-    .b2b-slider-container.vertical .slider-knob-container {
-      transition: bottom 0s linear;
-      position: relative;
-      bottom: 0; }
-      .b2b-slider-container.vertical .slider-knob-container.slider-knob-hidden {
-        display: none !important; }
-    .b2b-slider-container.vertical .slider-knob {
-      position: absolute;
-      border-radius: 10px;
-      top: -7px;
-      left: -4px; }
-  
-  .icon-primary-spinner {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20id%3D%22svg-spinner%22%20x%3D%220px%22%20y%3D%220px%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%20%3Cpath%20fill%3D%22%23F5F5F5%22%20d%3D%22M18%2036C8.1%2036%200%2027.9%200%2018S8.1%200%2018%200s18%208.1%2018%2018-8.1%2018-18%2018zm0-31.5c-7.5%200-13.5%206-13.5%2013.5S10.6%2031.5%2018%2031.5c7.5%200%2013.5-6.1%2013.5-13.5%200-7.5-6-13.5-13.5-13.5z%22%2F%3E%0A%20%20%20%3Cpath%20fill%3D%22%230568AE%22%20id%3D%22spinner%22%20d%3D%22M30.7%205.3l-3.1%203.2c2.4%202.4%203.9%205.8%203.9%209.5%200%207.4-6.1%2013.5-13.5%2013.5S4.5%2025.4%204.5%2018%2010.6%204.5%2018%204.5V0C8.1%200%200%208.1%200%2018s8.1%2018%2018%2018%2018-8.1%2018-18c0-5-2-9.5-5.3-12.7z%22%3E%0A%20%20%20%20%20%20%3CanimateTransform%20%0A%20%20%20%20%20%20%20%20%20attributeType%3D%22xml%22%0A%20%20%20%20%20%20%20%20%20attributeName%3D%22transform%22%0A%20%20%20%20%20%20%20%20%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20%20from%3D%220%2018%2018%22%0A%20%20%20%20%20%20%20%20%20to%3D%22360%2018%2018%22%0A%20%20%20%20%20%20%20%20%20dur%3D%221.0s%22%0A%20%20%20%20%20%20%20%20%20repeatCount%3D%22indefinite%22%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
-    height: 50px;
-    width: 50px; }
-  
-  .icon-primary-spinner.small {
-    margin-right: 5px;
-    height: 30px !important;
-    width: 30px !important; }
-  
-  .isIE .icon-primary-spinner,
-  .isIE .icon-primary-spinner.small {
-    animation: spinner 1s linear infinite; }
-  
-  .ds2-no-colors .icon-primary-spinner {
-    animation: spinner 1s linear infinite;
-    border: 5px dotted transparent;
-    border-radius: 50%; }
-  
-  @keyframes spinner {
-    0% {
-      transform: rotate(0deg); }
-    100% {
-      transform: rotate(359deg); } }
-  
-  .b2b-status-tracker > .btn-arrow:nth-of-type(1) {
-    margin-right: 10px; }
-  
-  .b2b-status-tracker > .btn-arrow:nth-of-type(2) {
-    margin-left: 20px; }
-  
-  .b2b-status-tracker > .btn-arrow {
-    height: 20px;
-    margin-top: 25px;
-    overflow: visible; }
-    .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-left {
-      margin-right: 5px;
-      color: #0574ac; }
-    .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-right {
-      color: #0574ac; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step {
-    padding: 0;
-    position: relative; }
-  
-  .b2b-status-tracker-step {
-    margin-left: 5px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step .b2b-status-tracker-heading {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #191919;
-    margin-bottom: 10px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.complete > .progress > .progress-bar {
-    width: 100%;
-    background-color: #1b7e28; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.complete .icoControls-approval {
-    color: #1b7e28; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.current > .progress > .progress-bar {
-    width: 100%;
-    background-color: #333333; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.current .icon-misc-time {
-    color: #333333; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.pending > .progress > .progress-bar {
-    width: 100%;
-    background-color: #ffb81c; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.pending .icoControls-statusokay {
-    color: #ffb81c; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.actionRequired > .progress > .progress-bar {
-    width: 100%;
-    background-color: #cf2a2a; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.actionRequired .icoSecurityalerts-alert {
-    color: #cf2a2a; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.notAvailable > .progress > .progress-bar {
-    width: 100%;
-    background-color: #767676; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.notAvailable .icoControls-restricted {
-    color: #767676; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step > .progress {
-    position: relative;
-    border-radius: 1.5px;
-    height: 3px;
-    margin-bottom: 10px;
-    background-color: #c5c5c5; }
-    .b2b-status-tracker > .b2b-status-tracker-step > .progress > .progress-bar {
-      width: 0;
-      height: 3px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-estimate {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #191919;
-    margin-bottom: 10px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 12px;
-    color: #767676;
-    padding-right: 15px; }
-    .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description a {
-      cursor: pointer; }
-  
-  .step-indicator {
-    height: auto;
-    padding: 40px 0; }
-  
-  .step-heading {
-    color: #333333;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 3.8rem;
-    line-height: 0.8; }
-  
-  .steps {
-    display: flex;
-    height: 5px;
-    margin-top: 60px;
-    position: relative; }
-  
-  .steps li {
-    color: #5a5a5a;
-    flex: 1;
-    margin-right: 5px;
-    background-color: #c4c4c4;
-    outline: 1px solid transparent; }
-  
-  .steps li:first-child {
-    border-radius: 4px 0 0 4px; }
-  
-  .steps li:last-child {
-    margin-right: 0;
-    border-radius: 0 4px 4px 0; }
-  
-  .steps li.step-on,
-  .steps li.step-done {
-    background-color: #007a3e;
-    color: #007a3e;
-    border: 1px solid transparent; }
-  
-  .step-text {
-    bottom: 29px;
+    left: 0;
+    top: 0; }
+.checkbox span {
     display: inline-block;
-    font-size: 1.8rem;
+    margin-left: 34px;
     margin-top: 0;
     position: relative;
-    white-space: nowrap; }
-  
-  .step-on .step-text {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .steps li .step-text[data-large-text]:before {
-    content: attr(data-large-text) " "; }
-  
-  .step-confirmation {
-    color: #007a3e;
-    margin-bottom: 30px; }
-  
-  .step-confirmation > div {
-    display: flex; }
-  
-  .step-confirmation > div i {
-    color: #007a3e;
-    font-size: 50px;
-    margin-right: 10px; }
-  
-  .step-confirmation.centered > div i {
-    margin-left: -60px; }
-  
-  .step-confirmation > div h3 {
-    font-size: 2.4rem;
-    margin: 26px 0 20px; }
-  
-  .step-confirmation > p {
-    margin: 0; }
-  
-  @media (max-width: 1024px) {
-    .step-indicator {
-      padding: 25px 0; }
-    .steps {
-      margin-top: 0; }
-    .step-heading {
-      font-size: 2.4rem;
-      margin-bottom: 11px; }
-    .step-text {
-      display: none; }
-    .step-on .step-text {
-      bottom: 6px;
-      display: block;
-      font-size: 1.2rem;
-      left: 0;
-      line-height: 1;
-      margin-top: 10px;
-      position: absolute;
-      top: 4px; }
-    .steps li .step-text[data-sm-text]:before {
-      content: attr(data-sm-text) " ";
-      color: #333333; }
-    .step-confirmation {
-      margin-top: 30px !important; } }
-  
-  @media (max-width: 767px) {
-    .step-confirmation.centered > div i {
-      margin-left: 0; }
-    .step-confirmation.centered > p {
-      margin-left: 40px; }
-    .step-confirmation > div h3 {
-      font-size: 1.8rem;
-      margin: 13px 0 10px; }
-    .step-confirmation > div i {
-      font-size: 30px;
-      margin-right: 10px; } }
-  
-  .step-indicator.vertical {
-    height: auto; }
-  
-  .vertical .step-heading {
-    font-size: 24px; }
-  
-  .vertical .steps {
-    display: block;
-    height: inherit;
-    width: 100%; }
-  
-  .vertical .steps li {
-    align-items: center;
-    background-color: transparent;
-    display: flex;
-    height: 60px;
-    margin: 0 0 4px;
-    padding: 0 0 0 20px;
-    position: relative; }
-  
-  .vertical .steps li .step-text {
-    align-self: center;
-    color: #0568ae;
-    display: block;
-    margin: 0;
-    position: relative;
-    font-size: 14px;
-    top: 0; }
-  
-  .vertical .steps li .step-text[data-large-text]:before {
-    content: attr(data-large-text) " "; }
-  
-  .vertical .steps li:after {
-    background-color: transparent;
-    border-left: 4px solid #d2d2d2;
-    content: "";
-    height: 60px;
-    left: 0;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    top: 0;
-    width: 4px; }
-  
-  .vertical .steps li.step-on:after,
-  .vertical .steps li.step-done:after {
-    border-color: #0568ae; }
-  
-  .b2b-step-tracker {
-    height: auto;
-    padding: 0px 0px 0px 0px; }
-    .b2b-step-tracker .btn.btn-left {
-      margin-right: 10px; }
-    .b2b-step-tracker .btn.btn-right {
-      margin-left: 5px; }
-    .b2b-step-tracker .b2b-left-arrow {
-      float: left;
-      margin-top: -5px; }
-    .b2b-step-tracker .b2b-right-arrow {
-      float: right;
-      margin-top: -5px; }
-    .b2b-step-tracker .b2b-steps {
-      display: flex;
-      height: 5px;
-      margin-top: 30px;
-      position: relative; }
-      .b2b-step-tracker .b2b-steps li {
-        color: #767676;
-        flex: 1;
-        margin-right: 5px;
-        background-color: #767676;
-        outline: 1px solid transparent;
-        height: 3px; }
-        .b2b-step-tracker .b2b-steps li.b2b-step-done {
-          background-color: #1b7e28;
-          color: #007a3e;
-          height: 3px; }
-        .b2b-step-tracker .b2b-steps li.b2b-step-on {
-          background-color: #333333;
-          color: #333333;
-          height: 3px;
-          font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text {
-          bottom: 29px;
-          display: inline-block;
-          font-size: 14px;
-          margin-top: 0;
-          position: relative;
-          white-space: nowrap; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text[data-large-text]:before {
-          content: attr(data-large-text) " "; }
-      .b2b-step-tracker .b2b-steps li:first-child {
-        border-radius: 2px 0 0 2px; }
-      .b2b-step-tracker .b2b-steps li:last-child {
-        margin-right: 0;
-        border-radius: 0 2px 2px 0; }
-  
-  @media (max-width: 1024px) {
-    .b2b-step-tracker {
-      padding: 25px 0; }
-      .b2b-step-tracker .b2b-steps {
-        margin-top: 0; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text {
-          display: none; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text[data-sm-text]:before {
-          content: attr(data-sm-text) " ";
-          color: #333333; }
-        .b2b-step-tracker .b2b-steps li.b2b-step-on .b2b-step-text {
-          bottom: 6px;
-          display: block;
-          font-size: 10px;
-          left: 0;
-          line-height: 1;
-          margin-top: 10px;
-          position: absolute;
-          top: 4px; } }
-  
-  .strength-meter-container {
-    height: 26px;
-    max-width: 450px; }
-  
-  .strength-meter-gauge {
-    border-radius: 2px;
-    background-color: #d2d2d2;
-    height: 5px;
-    display: block;
-    position: relative;
-    outline: 1px solid transparent; }
-  
-  .strength-meter-gauge-fill {
-    height: 100%;
-    display: block;
-    border-radius: 2px;
-    text-indent: -9999px;
-    width: 0%;
-    border: 2px solid transparent; }
-  
-  .strength-meter-gauge-fill.strength-meter-animate {
-    transition: width 0.5s linear, background-color 0.5s linear; }
-  
-  .strength-meter-animate[style*="20"] {
-    background-color: #cf2a2a; }
-  
-  .strength-meter-animate[style*="20"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Unacceptable"; }
-  
-  .strength-meter-animate[style*="40"] {
-    background-color: #ea7400; }
-  
-  .strength-meter-animate[style*="40"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Weak"; }
-  
-  .strength-meter-animate[style*="60"] {
-    background-color: #ea7400; }
-  
-  .strength-meter-animate[style*="60"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Fair"; }
-  
-  .strength-meter-animate[style*="80"] {
-    background-color: #007a3e; }
-  
-  .strength-meter-animate[style*="80"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Good"; }
-  
-  .strength-meter-animate[style*="100"] {
-    background-color: #007a3e; }
-  
-  .strength-meter-animate[style*="100"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Excellent"; }
-  
-  .strength-meter-divider {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    display: flex;
-    overflow: hidden; }
-  
-  .strength-meter-divider span {
-    background: transparent;
-    display: block;
-    flex-grow: 1;
-    border-right: solid 1px #fff; }
-  
-  .strength-meter-divider span:first-child {
-    border-radius: 2px 0 0 2px; }
-  
-  .strength-meter-divider span + .strength-meter-divider span {
-    border-radius: 0; }
-  
-  .strength-meter-divider span:last-child {
-    border-radius: 0 2px 2px 0;
-    border-right: 0; }
-  
-  .strength-meter-content {
-    font-size: 14px;
-    line-height: 1;
-    padding-top: 7px;
-    position: absolute; }
-  
-  .strength-meter-content:before {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    content: "Password strength: "; }
-  
-  .strength-meter-content:after {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .strength-meter-container {
-    height: 26px;
-    min-width: 290px;
-    max-width: 450px; }
-  
-  .strength-meter-container .strength-meter-gauge {
-    border-radius: 2px;
-    background-color: #cccccc;
-    box-shadow: 0 1px 1px -1px #333 inset;
-    height: 5px;
-    display: block;
-    overflow: hidden;
-    position: relative; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill {
-    height: 100%;
-    box-shadow: 0 1px 1px -1px #999 inset;
-    display: block;
-    text-indent: -9999px;
-    width: 0%; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill.strength-meter-animate {
-    transition: width 0ms ease-out, background-color 0ms ease-in; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-divider {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    display: flex; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-divider span {
-    background: transparent;
-    display: block;
-    flex-grow: 1;
-    border-right: solid 1px #fff; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-divider span:last-child {
-    border-right: 0; }
-  
-  .strength-meter-container > .strength-meter-content {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    line-height: 1;
-    padding-top: 7px; }
-  
-  .strength-meter-container > .strength-meter-content:before {
-    content: none; }
-  
-  .strength-meter-container > .strength-meter-content > .strength-meter-content-state {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .btn-switch-label {
-    display: flex;
-    align-items: center; }
-    .btn-switch-label:focus .btn-switch {
-      outline: 1px dotted #666;
-      outline-offset: 5px; }
-    .btn-switch-label input:focus .btn-switch {
-      outline: 1px dotted #666;
-      outline-offset: 5px; }
-    .btn-switch-label > span {
-      flex: 1; }
-  
-  .btn-switch {
-    background-color: #fff;
-    border: 1px solid #d2d2d2;
-    border-radius: 16px;
-    box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.15) inset, 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    height: 32px;
-    overflow: hidden;
-    position: relative;
-    width: 80px;
-    user-select: none; }
-    .btn-switch input[type="checkbox"] {
-      left: 0;
-      margin: 0;
-      opacity: 0;
-      position: absolute;
-      top: 0;
-      transition: none; }
-      .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on .activo {
-        font: 0px/0 "Omnes-ECOMP-W02", Arial; }
-      .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on + .btn + .btn-slider-off .inactivo {
-        font: 0px/0 "Omnes-ECOMP-W02", Arial; }
-    .btn-switch input:checked + .switch-overlay {
-      left: 0;
-      transition: all .3s linear .0s; }
-      .btn-switch input:checked + .switch-overlay .switch-handle {
-        background-color: #007a3e;
-        background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-        transition: background-color 0.3s linear 0s;
-        border: 1px solid transparent; }
-    .btn-switch input + .switch-overlay {
-      left: -48px;
-      transition: all .3s linear .0s; }
-      .btn-switch input + .switch-overlay .switch-handle {
-        background-color: #f2f2f2;
-        background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-        transition: background-color 0.3s linear 0s;
-        border: 1px solid #d2d2d2; }
-    .btn-switch input[disabled] + .switch-overlay {
-      left: 0;
-      width: 100% !important;
-      background-color: #d2d2d2;
-      color: #959595;
-      cursor: not-allowed !important; }
-      .btn-switch input[disabled] + .switch-overlay .btn-slider-on {
-        display: none; }
-      .btn-switch input[disabled] + .switch-overlay .activo {
-        display: none; }
-      .btn-switch input[disabled] + .switch-overlay .switch-handle {
-        display: none; }
-      .btn-switch input[disabled] + .switch-overlay .btn-slider-off {
-        left: 0;
-        text-align: center;
-        padding: 0; }
-    .btn-switch input[disabled]:checked + .switch-overlay {
-      left: 0;
-      width: 100% !important;
-      background-color: #fff; }
-      .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off {
-        display: none; }
-        .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off + .inactivo {
-          display: none; }
-      .btn-switch input[disabled]:checked + .switch-overlay .switch-handle {
-        display: none; }
-      .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-on {
-        display: block;
-        text-align: center;
-        padding: 0;
-        color: #007a3e !important;
-        font-weight: bold; }
-      .btn-switch input[disabled]:checked + .switch-overlay .activo {
-        display: block;
-        text-align: center;
-        padding: 0;
-        color: #007a3e !important;
-        font-weight: bold; }
-    .btn-switch input[disabled]:checked + .btn-slider-on {
-      display: block; }
-    .btn-switch input[disabled] + .btn-slider-on + .switch-handle {
-      width: 100%;
-      margin: 0; }
-      .btn-switch input[disabled] + .btn-slider-on + .switch-handle + .btn-slider-off {
-        display: block; }
-    .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on {
-      display: none; }
-      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo {
-        border: medium none;
-        color: #666;
-        font: 16px/32px "Omnes-ECOMP-W02", Arial;
-        height: auto;
-        margin: 0 auto;
-        width: auto; }
-        .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo:before {
-          display: none; }
-      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
-        display: block;
-        padding: 0;
-        text-align: center;
-        color: #333333; }
-        .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo {
-          border: medium none;
-          color: #666;
-          font: 16px/32px "Omnes-ECOMP-W02", Arial;
-          height: auto;
-          margin: 0 auto;
-          width: auto; }
-          .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo:before {
-            display: none; }
-    .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on {
-      display: block;
-      padding: 0;
-      text-align: center;
-      color: #007a3e; }
-      .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
-        display: none; }
-    .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .activo {
-      color: #007a3e;
-      font-weight: bold; }
-  
-  .switch-overlay {
-    border-radius: 16px;
-    color: black !important;
+    top: 3px; }
+.checkbox label {
     font-size: 1.6rem;
-    height: 32px;
-    left: 0;
-    position: absolute;
-    top: -1px;
-    width: 126px;
-    overflow: hidden; }
-  
-  .btn-slider-on {
-    left: -1px;
-    text-align: left;
-    padding-left: 12px;
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    height: 32px;
-    line-height: 32px;
-    position: absolute;
-    top: 1px;
-    width: 80px; }
-  
-  .btn-slider-off {
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    height: 32px;
-    line-height: 32px;
-    position: absolute;
-    top: 1px;
-    width: 80px;
-    right: 1px;
-    text-align: right;
-    padding-right: 11px; }
-  
-  .switch-handle {
-    border-radius: 50%;
-    display: inline-block;
-    height: 26px;
-    left: 50px;
-    position: absolute;
-    top: 3px;
-    width: 26px; }
-  
-  .activo {
-    display: block;
-    font-size: 0.1px;
-    line-height: 40px;
-    overflow: hidden; }
-    .activo:before {
-      background-image: none;
-      border-left: 3px solid #007a3e;
-      content: " ";
-      height: 18px;
-      left: 22px;
-      margin: 2px auto;
-      position: absolute;
-      top: 5px;
-      width: 0; }
-  
-  .inactivo {
-    font-size: 0.1px;
-    line-height: 40px; }
-    .inactivo:before {
-      background-image: none;
-      border: 3px solid #959595;
-      border-radius: 100%;
-      content: " ";
-      display: block;
-      position: absolute;
-      top: 4px;
-      right: 3px;
-      height: 16px;
-      width: 16px; }
-  
-  .btn-switch.focused {
-    outline: 1px dotted #000;
-    outline-offset: 5px; }
-  
-  table {
-    max-width: 100%;
-    background-color: transparent;
-    border-collapse: collapse;
-    border-spacing: 0;
-    width: 100%;
-    margin-bottom: 20px; }
-  
-  table caption {
-    text-align: left; }
-  
-  table thead th {
-    vertical-align: bottom; }
-  
-  table th,
-  table td {
-    padding: 19px 20px;
-    line-height: 1;
-    font-size: 1.4rem;
-    text-align: left;
-    vertical-align: top;
-    word-wrap: break-word; }
-  
-  table th {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 1.6rem;
-    font-weight: normal;
-    color: #333333;
-    padding: 13px 20px; }
-  
-  table tbody td {
-    border-left: 1px solid #d2d2d2;
-    border-top: 1px solid #d2d2d2; }
-  
-  table tbody td:first-child {
-    border-left: none; }
-  
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header,
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header + .accordion-content,
-  .tiny-accordion.iconleft.accordion-table-layout .inactive-toggle-header {
-    padding: 0 0 0 50px; }
-  
-  .faux-table-cell,
-  .inactive-toggle-header .faux-table-cell {
-    display: table-cell;
-    width: 100%;
-    padding: 13px 0 10px 0;
-    font-size: 16px;
-    color: #333333; }
-  
-  .accordion-content .faux-table-cell {
-    display: table-cell;
-    width: 100%;
-    padding: 0 0 10px 0; }
-  
-  .faux-table-cell:last-child {
-    text-align: right;
-    min-width: 100px;
-    max-width: 150px;
-    width: 1%;
-    background-color: #f2f2f2;
-    color: #333333;
-    font-size: 14px;
-    border-left: 1px solid #d2d2d2;
-    padding: 0 20px 0 10px; }
-  
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
-    opacity: 1; }
-  
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
-    opacity: 0;
-    transition: opacity .3s linear .2s; }
-  
-  @media (max-width: 767px) {
-    table th,
-    table td {
-      padding: 19px 10px; }
-    table th:first-child,
-    table td:first-child {
-      padding: 19px 15px; } }
-  
-  .data-row-list ul > li {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3Argba(153%2C153%2C153%2C1)%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important; }
-  
-  table {
-    border-bottom: 1px solid #d2d2d2; }
-  
-  table th,
-  table td {
-    padding: 15px 15px 10px; }
-  
-  .data-row .col-1 {
-    white-space: nowrap;
-    padding: 15px 15px 0 15px;
-    position: relative;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem;
-    border-top: 1px solid #d2d2d2; }
-  
-  .data-row.has-button .col-1 {
-    padding: 0; }
-  
-  .complex-table .data-row .col-1 {
-    color: #0568ae;
-    cursor: pointer; }
-  
-  .data-row.opened {
-    box-shadow: 0 -2px 0 0 #d2d2d2; }
-  
-  .data-row.opened td,
-  .data-row.opened th {
-    border-left: 1px solid transparent;
-    border-bottom: 1px solid transparent; }
-  
-  .data-row.opened + .data-row-list {
-    box-shadow: 0 1px 0 0 #d2d2d2; }
-  
-  .data-row.opened + .data-row-list > td {
-    padding-top: 0; }
-  
-  .data-row.opened + .data-row-list + .data-row.opened {
-    box-shadow: 0 -1px 0 0 #d2d2d2; }
-  
-  .data-row button {
-    background-color: transparent;
-    border: medium none;
-    border-radius: 0;
-    color: #0568ae;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem;
-    left: 0;
-    margin: 0;
-    padding: 12px 15px 7px;
-    position: relative;
-    text-align: left;
-    top: 0;
-    vertical-align: middle; }
-  
-  .data-row button:focus {
-    outline: 1px dotted black; }
-  
-  .data-row .col-1 i {
-    top: -1px;
-    margin-right: 10px;
-    display: inline-block !important; }
-  
-  .data-row-list th:first-child {
-    background-color: inherit !important;
-    border-top: none;
-    padding: 0 15px 15px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem; }
-  
-  .data-row-list ul {
-    margin: 0 0 0 30px; }
-  
-  .data-row-list ul > li:before {
-    display: none; }
-  
-  .data-row-list ul > li {
-    /* background-image in tables.less */
-    background-position: left 13px;
-    background-repeat: repeat-x;
-    background-size: 4px 1px;
-    display: table;
-    padding-left: 0;
-    width: 100%; }
-  
-  .data-row-list li div {
-    display: table-cell;
-    background-color: white;
-    float: left;
-    text-align: left;
-    padding-left: 0;
-    padding-right: 7px; }
-  
-  .data-row-list li div + div {
-    float: right;
-    text-align: right;
-    padding-right: 0;
-    padding-left: 7px; }
-  
-  .complex-table td:nth-child(1),
-  .complex-table td:nth-child(2),
-  .complex-table td:nth-child(3),
-  .complex-table td:nth-child(4),
-  .complex-table td:nth-child(5),
-  .complex-table td:nth-child(6),
-  .complex-table td:nth-child(7),
-  .complex-table td:nth-child(8),
-  .complex-table td:nth-child(9) {
-    white-space: nowrap; }
-  
-  th:nth-child(8) {
-    word-wrap: break-word;
-    word-spacing: 0; }
-  
-  .align-col-right {
-    text-align: right; }
-  
-  .complex-table th:not(:first-child),
-  .complex-table td:not(:first-child) {
-    text-align: right; }
-  
-  .striped tbody > tr td {
-    background-color: transparent !important; }
-  
-  .striped tbody > tr.data-row.odd,
-  .striped tbody > tr.data-row.odd + .data-row-list,
-  .striped tbody > tr.data-row.odd + .data-row-list li div {
-    background-color: #f2f2f2 !important; }
-  
-  .striped tbody > tr:not('.data-row'):nth-child(even) {
-    background-color: #f2f2f2; }
-  
-  .b2b-table-div .selectWrap {
-    width: 290px;
-    position: relative;
-    display: inline-table;
-    margin-bottom: 0px; }
-  
-  .b2b-external-sort-div {
-    float: right;
-    padding-bottom: 25px; }
-  
-  .b2b-external-sort-div .sortButton {
-    font-size: 36px;
-    border: 1px solid #ccc;
-    background: #FFF;
-    border-radius: 6px;
-    text-align: center;
-    background: linear-gradient(#fcfcfc, #f2f2f2);
-    background-blend-mode: multiply;
-    width: 1em; }
-  
-  .b2b-external-sort-label {
-    padding-bottom: 10px; }
-  
-  .b2b-external-sort-div a:hover {
-    cursor: pointer; }
-  
-  .b2b-external-sort-div a:hover, .b2b-external-sort-div a:focus {
-    text-decoration: none; }
-  
-  .b2b-external-sort-label label {
-    position: relative; }
-  
-  .b2b-external-sort-margin {
-    margin-right: 13px !important; }
-  
-  .b2b-table-sorter-icon [class*="icoArrows-"]:before {
-    font-size: 20px; }
-  
-  @media screen and (max-width: 950px) {
-    .b2b-external-sort-margin .selectWrap {
-      bottom: 0px !important; } }
-  
-  .tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
-    background: 0 0;
-    cursor: default; }
-  
-  .tablesorter-default .tablesorter-header .tablesorter-header-inner {
-    /*  background-image: url(images/tables/upanddown.png);*/
-    background-position: center right;
-    background-repeat: no-repeat;
-    cursor: pointer;
-    white-space: normal;
-    display: inline-block;
-    vertical-align: baseline;
-    zoom: 1;
-    *display: inline;
-    *vertical-align: auto;
-    /*  padding: 0 24px 0 0;*/ }
-  
-  .tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
-    padding: 0; }
-  
-  .tablesorter-default .tablesorter-header.tablesort-sortable .tablesorter-header-inner span {
-    margin-right: 24px;
-    display: inline-block; }
-  
-  /*
-  .tablesorter-default thead .headerSortUp .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner {
-    background-image: url(images/tables/up.png);
-  }
-  
-  .tablesorter-default thead .headerSortDown .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
-    background-image: url(images/tables/down.png);
-  }
-  */
-  .tablesorter-default thead .headerSortUp .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner,
-  .tablesorter-default thead .headerSortDown .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
-    padding-right: 0;
-    line-height: 16px; }
-  
-  .tablesorter-default thead .headerSortUp .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner:after {
-    font-family: 'icoPrimary' !important;
-    speak: none;
-    font-style: normal;
-    font-size: 24px;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 14px;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
-    content: "\ea3c";
-    /*    position: relative;*/
-    position: absolute;
-    text-decoration: inherit;
-    display: inline-block;
-    transform: rotate(180deg);
-    margin-left: -22px;
-    margin-top: 2px; }
-  
-  .tablesorter-default thead .headerSortDown .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner:after {
-    font-family: 'icoPrimary' !important;
-    speak: none;
-    font-style: normal;
-    font-size: 24px;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 14px;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
-    content: "\ea3c";
-    /*    position: relative;*/
-    position: absolute;
-    text-decoration: inherit;
-    display: inline-block;
-    margin-left: -22px;
-    margin-top: 2px; }
-  
-  .tablesorter-search-highlight {
-    font-weight: 700; }
-  
-  .tablesorter-headerRow th:focus {
-    outline: thin dotted #666;
-    outline-offset: -1px; }
-  
-  .b2b-table-message {
     font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-table-message .b2b-magnify-glass {
-      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20enable-background%3D%22new%200%200%2036%2036%22%3E%3Cpath%20d%3D%22M27.847%208.26c-1.805-1.803-4.202-2.795-6.751-2.795-2.548%200-4.945.993-6.749%202.796-1.803%201.803-2.796%204.2-2.796%206.75%200%201.879.543%203.681%201.576%205.242l-7.059%207.059c-.357.356-.554.831-.554%201.336-.001.505.196.98.554%201.337.357.356.832.552%201.336.552.503%200%20.977-.196%201.336-.553l7.047-7.048c1.576%201.062%203.402%201.622%205.309%201.622%202.55%200%204.948-.993%206.751-2.796%201.803-1.804%202.796-4.201%202.796-6.751%200-2.549-.993-4.947-2.796-6.751zm-6.761.96c3.186%200%205.778%202.592%205.778%205.778%200%203.186-2.592%205.778-5.778%205.778-3.186%200-5.778-2.592-5.778-5.778%200-3.185%202.592-5.778%205.778-5.778z%22%20fill%3D%22%23767676%22%2F%3E%3C%2Fsvg%3E");
-      background-repeat: no-repeat;
-      background-position: center;
-      height: 50px; }
-    .b2b-table-message .b2b-alert {
-      font-size: 50px; }
-    .b2b-table-message .b2b-loading-dots {
-      font-size: 50px;
-      margin-bottom: 20px; }
-    .b2b-table-message .b2b-message {
-      text-align: center;
-      padding-bottom: 45px;
-      padding-top: 40px;
-      border-style: solid;
-      border-width: 1px;
-      border-top: none;
-      padding-bottom: 45px;
-      border-color: #d2d2d2;
-      width: 100%;
-      min-height: 220px; }
-    .b2b-table-message .b2b-error-title {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #444444;
-      line-height: 26px;
-      margin-top: 10px; }
-    .b2b-table-message .b2b-message-title {
-      color: #444;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-table-scrollbar {
-    border: 1px solid;
-    width: 651px;
-    position: relative; }
-    .b2b-table-scrollbar .b2b-table-inner-container {
-      width: 650px;
-      padding-left: 150px;
-      overflow-x: scroll; }
-    .b2b-table-scrollbar th:first-child {
-      background-color: #FFFFFF; }
-    .b2b-table-scrollbar td:first-child {
-      background-color: #FFFFFF;
-      border-top: 1px solid #cccccc;
-      border-right: 1px solid #cccccc;
-      margin-top: -0.5px; }
-    .b2b-table-scrollbar tr {
-      th: nth-child(2), td; }
-      .b2b-table-scrollbar tr :nth-child(2) {
-        border-left: none; }
-    .b2b-table-scrollbar tr:last-child > td:first-child {
-      border-bottom: 1px solid #cccccc; }
-  
-  .b2b-scrollbar-arrow-left {
-    float: left;
-    margin: 10px; }
-  
-  .b2b-scrollbar-arrow-right {
-    float: right;
-    clear: right;
-    margin: 10px; }
-    .b2b-scrollbar-arrow-right.btn-arrow .btn {
-      margin-right: 0; }
-  
-  .b2b-table-scrollbar ::-webkit-scrollbar {
-    height: 10px; }
-  
-  .b2b-table-scrollbar ::-webkit-scrollbar-thumb {
-    background: #666666;
-    border-radius: 5px; }
-  
-  .tabs {
-    margin-left: 0;
-    margin-bottom: 20px;
-    list-style: none; }
-  
-  .tabs > li > a {
-    display: block; }
-  
-  .tabs > li > a:hover,
-  .tabs > li > a:focus {
-    text-decoration: none;
-    background-color: #d2d2d2; }
-  
-  .tabs > .pull-right {
-    float: right; }
-  
-  .tabs:before,
-  .tabs:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tabs:after {
-    clear: both; }
-  
-  .tabs > li {
-    float: left; }
-  
-  .tabs > li > a {
-    padding-right: 20px;
-    padding-left: 20px;
-    margin-right: 3px;
-    line-height: 16px; }
-  
-  .tabs {
-    margin: 0; }
-  
-  .tabs > li {
-    margin-bottom: -1px; }
-  
-  .tabs > li:first-child {
-    margin-left: 20px; }
-  
-  .tabs > li > a {
-    padding: 12px 20px;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px 6px 0 0;
-    background-color: #f2f2f2;
-    color: #5a5a5a;
-    border-color: #d2d2d2; }
-  
-  .tabs > li > a {
-    margin-right: 6px; }
-  
-  .tabs > li > a,
-  .tabs > li > a:hover,
-  .tabs > li > a:focus {
-    background-image: none;
-    background-color: #ffffff;
-    color: #5a5a5a;
-    border-color: #d2d2d2;
-    border-bottom: 1px solid transparent;
-    cursor: pointer; }
-  
-  .tabs.tabs-justified,
-  .tabs.promo-tabs {
-    width: 100%;
-    border-bottom: 0;
-    margin-bottom: -1px; }
-  
-  .tabs.tabs-justified > li,
-  .tabs.promo-tabs > li {
-    display: table-cell;
-    float: none;
-    width: 1%;
-    border-left: 1px solid #d2d2d2; }
-  
-  .tabs.tabs-justified > li.active,
-  .tabs.promo-tabs > li.active {
-    position: relative;
-    z-index: 1000; }
-  
-  .tabs.tabs-justified > li > a {
-    padding-right: 5px;
-    padding-left: 5px; }
-  
-  .tabs.tabs-justified > li > a,
-  .tabs.promo-tabs > li > a {
-    text-align: center; }
-  
-  .tabs.promo-tabs > li > a {
-    padding: 0;
-    margin: 0;
-    border-radius: 0;
-    border: none;
-    color: #0568ae;
-    font-size: 1.2rem;
-    text-align: center;
-    padding: 6px 10px 10px;
-    border-top: 4px solid #e6e6e6;
-    filter: none;
-    border-bottom: 1px solid #d2d2d2;
-    background-color: #f9f9f9; }
-  
-  .tabs > li:last-child > a {
-    margin-right: 0; }
-  
-  .tabs.promo-tabs > li.active > a {
-    color: #333333;
-    border-top: 4px solid #ea7400;
-    border-bottom-color: white;
-    background-color: #fff !important;
-    filter: none;
-    cursor: default; }
-  
-  .tabs.promo-tabs > li:first-child {
-    border-left: none; }
-  
-  .tabs.promo-tabs > li > a img {
-    max-width: inherit;
-    max-height: 39px;
-    margin: 0 auto 5px auto;
-    display: block; }
-  
-  .tabbable:before,
-  .tabbable:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tabbable:after {
-    clear: both; }
-  
-  .tab-content {
-    overflow: auto;
-    border: 1px solid #e6e6e6; }
-  
-  .tabs.promo-tabs + .tab-content {
-    border: none;
-    border-bottom: 1px solid #e6e6e6; }
-  
-  .tab-content > .tab-pane {
-    padding: 10px 15px; }
-  
-  .tab-content.noborder {
-    border: none; }
-  
-  .tab-content.noborder > .tab-pane {
-    padding: 0; }
-  
-  .tab-content > .tab-pane {
-    display: none; }
-  
-  .tab-content > .active {
-    display: block; }
-  
-  .tabs.promo-tabs > li > a {
-    font-size: 2.0rem;
-    height: 70px;
-    padding: 20px 20px 24px;
-    background-color: #FFFFFF;
-    border-top: 5px solid #FFFFFF;
-    white-space: nowrap; }
-  
-  .tabs.promo-tabs > li.active > a {
-    border-top: 5px solid #0574ac; }
-  
-  .tabs.promo-tabs > li > a:hover {
-    color: #333333; }
-  
-  .tabs.promo-tabs > li {
-    width: auto; }
-  
-  .tabs > li[disabled="disabled"] > a:hover {
-    cursor: not-allowed; }
-  
-  .b2b-tags {
-    background-color: #f2f2f2;
-    -webkit-transition: all .3s ease-out;
-    -moz-transition: all .3s ease-out;
-    transition: all .3s ease-out;
-    margin: 3px 5px 3px 0;
-    padding: 2px 15px;
-    border-radius: 6px;
-    border: 1px solid #c9c9c9;
-    display: inline-block; }
-    .b2b-tags .tags__item {
-      font-size: 14px;
-      vertical-align: baseline;
-      zoom: 1;
-      color: #333; }
-      .b2b-tags .tags__item i {
-        color: #0574ac;
-        font-size: 14px;
-        font-weight: bold;
-        margin-left: 10px; }
-        .b2b-tags .tags__item i:hover {
-          cursor: pointer; }
-      .b2b-tags .tags__item i:focus {
-        outline: thin dotted #666; }
-      .b2b-tags .tags__item:last-child {
-        margin-right: 0; }
-      .b2b-tags .tags__item:hover {
-        text-decoration: none; }
-      .b2b-tags .tags__item:focus {
-        outline: 1px dotted #666; }
-  
-  .tooltip-size-control {
-    display: block; }
-  
-  .tooltip {
-    display: inline-block;
-    height: 20px;
-    vertical-align: middle;
-    margin: 1px 0 0 7px; }
-  
-  p .tooltip {
-    margin: -3px 7px 0 0; }
-  
-  label .tooltip {
-    margin: 1px 0 0 7px; }
-  
-  .tooltip .icon-primary-tooltip {
-    background: none;
-    border: none;
-    display: inline-block;
-    font-size: 20px;
-    height: 20px;
-    margin: 0;
-    position: relative;
-    width: 20px; }
-  
-  .tooltip .icon-primary-tooltip:before {
-    top: 0; }
-  
-  .tooltip .icon-primary-tooltip:focus {
-    text-decoration: none;
-    outline: 1px dotted black; }
-  
-  .tooltip.active .icon-primary-tooltip:focus {
-    outline: none; }
-  
-  .tooltip .arrow {
-    display: none;
-    border-color: transparent;
-    border-style: solid;
-    background-color: #0568ae;
-    height: 20px;
-    width: 20px;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    opacity: 0;
-    transform: rotate(45deg);
-    z-index: 20; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="top"] .arrow {
-    display: block;
-    bottom: 32px;
-    top: auto;
-    border-width: 0 1px 1px 0; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="bottom"] .arrow {
-    border-width: 1px 0 0 1px;
-    display: block;
-    bottom: -33px;
-    top: auto; }
-  
-  .tooltip.active .arrow {
-    opacity: 1; }
-  
-  .tooltip .closingtooltip {
-    display: block; }
-  
-  .tooltip.active .closingtooltip {
-    display: none; }
-  
-  .tooltip-wrapper {
-    position: absolute;
-    margin-top: 20px;
-    left: 15px;
-    right: 15px;
-    display: none;
-    opacity: 0;
-    z-index: 1010;
-    text-align: left; }
-  
-  .helpertext {
-    background-color: #0568ae;
-    border: 1px solid transparent;
+.checkbox input {
+    z-index: 9999; }
+.checkbox input.indeterminate + .skin:after {
+    font-size: 22px;
+    color: #0568ae; }
+
+select,
+textarea,
+input {
     border-radius: 6px;
-    color: #fff;
-    display: none;
-    margin: 0;
-    padding: 25px;
-    position: relative;
-    text-align: left;
-    width: 100%;
-    top: 0;
-    z-index: 1009; }
-  
-  .tooltip .helpertext {
-    position: absolute; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="bottom"] + .tooltip-wrapper .helpertext {
-    bottom: inherit;
-    top: 19px; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="top"] + .tooltip-wrapper .helpertext {
-    top: inherit;
-    bottom: 38px; }
-  
-  .tooltip.active .tooltip-wrapper {
-    opacity: 1;
-    display: block;
-    margin-top: 0; }
-  
-  .tooltip.active .tooltip-wrapper .helpertext {
-    display: block; }
-  
-  .tooltip-onclick .btn.icon-primary-tooltip {
-    border: medium none;
-    box-shadow: none;
-    color: #0568ae;
-    font-size: 20px;
-    height: 34px;
-    line-height: 36px;
-    margin: 0;
-    min-width: 50px;
-    padding: 0;
-    position: absolute;
-    right: 0;
-    top: 0; }
-  
-  .tooltip-onclick .icon-primary-tooltip:before {
-    display: inline;
-    position: relative; }
-  
-  .tooltip-onclick textarea + .reset-field + .icon-primary-tooltip {
-    top: 4px;
-    right: 5px;
-    min-width: 40px; }
-  
-  .tooltip-onclick.active .helpertext:before,
-  .tooltip-onfocus.active .helpertext:before {
-    background-color: #0568ae;
-    border-color: transparent;
-    border-style: solid;
-    border-width: 1px 1px 0 0;
-    content: "";
-    display: block;
-    height: 15px;
-    left: 17px;
-    margin: 0;
-    position: absolute;
-    top: -7px;
-    transform: rotate(-45deg);
-    width: 15px; }
-  
-  .tooltip-onclick.active .helpertext {
-    display: block;
-    opacity: 1;
-    margin: 14px 0 0; }
-  
-  .tooltip-onclick.active .helpertext:before {
-    left: inherit;
-    right: 18px; }
-  
-  .tooltip-onclick .reset-field {
-    right: 37px; }
-  
-  .tooltip-onclick .reset-field:before {
-    position: relative;
-    top: -1px; }
-  
-  .tooltip-onfocus.active .helpertext {
-    display: block;
-    margin: 14px 0 10px 0; }
-  
-  .popover-title {
-    display: block;
-    font-size: 14px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: bold;
-    margin-bottom: 8px;
-    white-space: normal; }
-  
-  .popover-content {
-    display: block;
-    font-size: 12px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    line-height: 1.5rem;
-    white-space: normal; }
-  
-  .popover-content span,
-  .popover-content p {
-    line-height: 1.5rem; }
-  
-  .popover-content p:last-child {
-    margin-bottom: 0; }
-  
-  .tooltip .tooltip-element {
-    position: relative; }
-  
-  .tooltip .icon-primary-tooltip:hover {
-    text-decoration: none; }
-  
-  .tooltip.active .tooltip-element[data-placement="top"] .arrow {
-    display: block;
-    bottom: 32px;
-    top: auto; }
-  
-  .tooltip.active .tooltip-element[data-placement="bottom"] .arrow {
-    display: block;
-    border-color: transparent transparent #0574ac;
-    bottom: -33px;
-    top: auto; }
-  
-  .tooltip.active .tooltip-element[data-placement="bottom"] + .tooltip-wrapper .helpertext {
-    bottom: inherit;
-    top: 19px; }
-  
-  .tooltip.active .tooltip-element[data-placement="top"] + .tooltip-wrapper .helpertext {
-    top: inherit;
-    bottom: 38px; }
-  
-  .b2b-tree {
-    padding: 0 10px 0 10px;
-    width: 320px; }
-    .b2b-tree ul {
-      list-style: none;
-      list-style-type: none; }
-    .b2b-tree a {
-      display: block;
-      padding: 0 0 5px 30px;
-      line-height: 22px;
-      margin-left: -10px;
-      font-size: 1.4rem;
-      outline-offset: -1px; }
-    .b2b-tree li:focus {
-      outline: none; }
-      .b2b-tree li:focus > a {
-        outline: thin dotted #666;
-        outline-offset: -1px; }
-    .b2b-tree ul li {
-      border-left: 1px solid #ccc; }
-      .b2b-tree ul li .b2b-tree-tooltip {
-        display: none;
-        position: absolute;
-        top: -25px;
-        left: 100%;
-        white-space: nowrap;
-        margin-left: 10px;
-        z-index: 1010;
-        font-family: "Omnes-ECOMP-W02", Arial;
-        font-size: 12px; }
-      .b2b-tree ul li .b2b-tree-tooltip-content {
-        background-color: #0568ae;
-        margin-left: 9px;
-        border-radius: 6px;
-        color: #fff;
-        padding: 25px; }
-      .b2b-tree ul li .b2b-tree-arrow-left {
-        width: 0;
-        height: 0;
-        border-top: 10px solid transparent;
-        border-bottom: 10px solid transparent;
-        border-right: 10px solid #0568ae;
-        position: absolute;
-        top: 25px; }
-      .b2b-tree ul li.activeTooltip > a .b2b-tree-tooltip {
-        display: block; }
-    .b2b-tree ul ul {
-      padding: 0 0 0 20px; }
-    .b2b-tree ul > li {
-      position: relative;
-      line-height: 18px; }
-    .b2b-tree a > span.b2b-tree-node-icon {
-      background-color: #FFF;
-      display: inline;
-      margin: 0;
-      padding: 0;
-      position: absolute;
-      left: -11px;
-      top: 0;
-      line-height: 14px;
-      width: 11px; }
-      .b2b-tree a > span.b2b-tree-node-icon > i {
-        font-size: 20px; }
-    .b2b-tree a:only-child {
-      color: #0574ac; }
-      .b2b-tree a:only-child > span.b2b-tree-node-icon {
-        left: -11px;
-        border-radius: 50%;
-        line-height: 7px;
-        top: 0; }
-        .b2b-tree a:only-child > span.b2b-tree-node-icon > i {
-          background-color: inherit;
-          background: #fff; }
-    .b2b-tree a > span.b2b-tree-node-icon > i.icon-primary-circle {
-      background-color: inherit;
-      background: #fff;
-      font-size: 10px; }
-    .b2b-tree a.b2b-locked-node:after {
-      content: "\ec58";
-      float: right;
-      font-family: 'icoSecurityalerts' !important; }
-    .b2b-tree a:hover .b2b-locked-node:after {
-      text-decoration: none; }
-    .b2b-tree ul li:first-child > a:only-child > span.b2b-tree-node-icon {
-      left: -11px;
-      border-radius: 50%;
-      line-height: 12px; }
-    .b2b-tree ul li:last-child > a:only-child > span.b2b-tree-node-icon {
-      height: 27px;
-      background-color: #fff; }
-    .b2b-tree li a + ul {
-      height: 0;
-      overflow: hidden; }
-    .b2b-tree li a.active + ul {
-      height: auto;
-      overflow: visible; }
-    .b2b-tree li a.grp {
-      font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-      .b2b-tree li a.grp.active {
-        color: #333; }
-    .b2b-tree span.end {
-      left: -6px !important;
-      top: 5px !important; }
-    .b2b-tree span.first-link {
-      width: 3px !important;
-      height: 15px !important;
-      top: 0px !important;
-      left: -2px !important;
-      background: #fff; }
-  
-  .b2b-tree-checkbox {
-    padding: 0 10px 0 10px;
-    width: 320px; }
-    .b2b-tree-checkbox ul {
-      list-style: none;
-      list-style-type: none; }
-    .b2b-tree-checkbox a {
-      display: block;
-      padding: 0 0 5px 30px;
-      line-height: 22px;
-      margin-left: -10px;
-      font-size: 14px;
-      outline-offset: -1px; }
-    .b2b-tree-checkbox li:focus {
-      outline: none; }
-      .b2b-tree-checkbox li:focus > a {
-        outline: thin dotted #666;
-        outline-offset: -1px; }
-    .b2b-tree-checkbox ul li {
-      border-left: 1px solid #ccc; }
-    .b2b-tree-checkbox ul ul {
-      padding: 0 0 0 20px; }
-    .b2b-tree-checkbox ul > li {
-      position: relative;
-      line-height: 18px; }
-    .b2b-tree-checkbox a > span.nodeIcon {
-      background-color: #FFF;
-      display: inline;
-      margin: 0;
-      padding: 0;
-      position: absolute;
-      left: -11px;
-      top: 0;
-      line-height: 14px;
-      width: 11px; }
-      .b2b-tree-checkbox a > span.nodeIcon > i {
-        font-size: 20px; }
-      .b2b-tree-checkbox a > span.nodeIcon.end {
-        margin-top: 10px; }
-    .b2b-tree-checkbox a:only-child {
-      color: #0574ac; }
-      .b2b-tree-checkbox a:only-child > span.nodeIcon {
-        left: -11px;
-        border-radius: 50%;
-        line-height: 7px;
-        top: 0; }
-        .b2b-tree-checkbox a:only-child > span.nodeIcon > i {
-          background-color: inherit;
-          background: #fff; }
-    .b2b-tree-checkbox a > span.nodeIcon > i.icon-primary-circle {
-      background-color: inherit;
-      background: #fff;
-      font-size: 10px; }
-    .b2b-tree-checkbox ul li:first-child > a:only-child > span {
-      left: -11px;
-      border-radius: 50%;
-      line-height: 12px;
-      top: 0px; }
-    .b2b-tree-checkbox ul li:first-child > a:only-child > span.end {
-      margin-top: 0px; }
-    .b2b-tree-checkbox ul li:first-child > a:only-child > span i.icon-primary-circle {
-      top: 8px; }
-    .b2b-tree-checkbox ul li:last-child > a:only-child > span {
-      height: 34px;
-      background-color: #fff; }
-    .b2b-tree-checkbox li a + ul {
-      height: 0;
-      overflow: hidden; }
-    .b2b-tree-checkbox li a.active + ul {
-      height: auto; }
-    .b2b-tree-checkbox li a.grp {
-      font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-    .b2b-tree-checkbox span.end {
-      left: -6px !important; }
-    .b2b-tree-checkbox .checkbox {
-      margin-bottom: 0px;
-      margin-top: 2px;
-      font-size: 14px; }
-      .b2b-tree-checkbox .checkbox input:indeterminate + .skin:after {
-        content: "\2014";
-        padding-left: 2px;
-        font-family: inherit !important;
-        line-height: inherit !important; }
-    .b2b-tree-checkbox span.first-link {
-      width: 3px !important;
-      height: 15px !important;
-      top: 0px !important;
-      left: -2px !important;
-      background: #fff; }
-  
-  .b2b-widget-window {
-    width: 147px;
-    right: 5px;
-    top: 60px;
-    position: absolute;
-    border: 1px solid #ccc;
-    background-color: #fff;
-    border-radius: 8px;
-    z-index: 1000; }
-    .b2b-widget-window li {
-      margin: 15px; }
-  
-  .b2b-widget-container {
-    background-color: #fff;
-    border-radius: 8px;
-    border: 1px solid #ccc;
-    position: relative; }
-    .b2b-widget-container .b2b-widget-header {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #333;
-      height: 55px;
-      padding-left: 15px;
-      padding-top: 19px; }
-      .b2b-widget-container .b2b-widget-header .header {
-        font-size: 18px; }
-    .b2b-widget-container .b2b-widget-header-icons {
-      font-size: 16px;
-      color: #0574ac; }
-  
-  .b2b-widget-header-icons button {
-    border: none;
-    background: transparent;
-    color: #0574ac; }
-    .b2b-widget-header-icons button:focus {
-      outline-style: solid;
-      outline-width: 1px;
-      outline-color: #0574ac; }
-    .b2b-widget-header-icons button:first-child {
-      margin-right: 0px; }
-  
-  .b2b-widget-container .b2b-widget-content {
-    height: 325px;
-    margin: 0;
-    padding: 20px;
-    position: relative;
-    border-top: 1px solid #ccc; }
-  
-  .b2b-widget-content .form-row:first-child {
-    margin-top: 0; }
-  
-  .b2b-widget-header-icons button.icoControls-gear:focus, .b2b-widget-header-icons button.icon-primary-close:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-widget-header .icon-primary-close:before {
-    content: '-';
+    color: #5a5a5a;
     display: inline-block;
-    margin: 0;
-    padding: 0;
-    outline: none; }
-  
-  .b2b-widget-window .arrow_box {
-    background: #fff;
-    border: 1px solid #ccc; }
-  
-  .b2b-widget-window.arrow_box:after, .b2b-widget-window.arrow_box:before {
-    bottom: 100%;
-    left: 75%;
-    border: solid transparent;
-    content: " ";
-    height: 0;
-    width: 0;
-    position: absolute;
-    pointer-events: none; }
-  
-  .b2b-widget-window.arrow_box:after {
-    border-color: rgba(255, 255, 255, 0);
-    border-bottom-color: #fff;
-    border-width: 10px;
-    margin-left: 1px; }
-  
-  .b2b-widget-window.arrow_box:before {
-    border-color: rgba(204, 204, 204, 0);
-    border-bottom-color: #ccc;
-    border-width: 11px;
-    margin-left: 0px; }
-  
-  /************************** Overrides for Filters ***************************/
-  .filter-container .filter-header h2 {
-    line-height: 1 !important;
-    margin: 0 !important; }
-  
-  .filter-container .icon-primary-spinner:before {
-    content: none; }
-  
-  .filter-container .fixed-230-subnav {
-    margin: 10px !important;
-    width: inherit !important; }
-  
-  .filter-container .unlinked:focus {
-    outline: thin dotted #666 !important; }
-  
-  .filter-container .unlinked.active {
-    color: inherit !important; }
-  
-  .filter-container .fixed-230-subnav a > i {
-    background: none; }
-  
-  .filter-container .fixed-230-subnav ul {
-    margin: 0 0 10px 10px; }
-  
-  /************************** Overrides for Filters ***************************/
-  .row .filter-container {
-    background-color: #fff; }
-  
-  .filter-header {
-    overflow: hidden;
-    padding: 20px 0;
-    position: relative; }
-  
-  .filter-header h2 {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 2.4rem;
-    margin-bottom: 0; }
-  
-  .filter-selected {
-    border-top: 1px solid #ccc;
-    padding-top: 20px; }
-  
-  .filter-selected > span {
     font-size: 1.3rem;
-    text-transform: uppercase; }
-  
-  .filter-selected > a.clear-all-filters {
-    float: right;
-    font-size: 1.4rem; }
-  
-  .filter-selected > span,
-  .filter-selected > a.clear-all-filters {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .filter-selected-group {
-    padding-top: 15px; }
-  
-  .filter-selected-badge {
-    background-color: #f2f2f2;
-    border-radius: 15px;
-    display: inline-block;
-    font-size: 1.4rem;
-    margin-bottom: 10px;
-    padding: 0 0 0 12px; }
-  
-  .filter-selected-badge .icoControls-optionsoff {
-    background: transparent none repeat scroll 0 0;
-    border: medium none;
-    font-size: 2.5em;
-    margin: 0;
-    padding: 0; }
-  
-  .filters .fixed-230-subnav > ng-transclude > div:first-child {
-    border-top: 1px solid #ccc; }
-  
-  .filters .fixed-230-subnav > ng-transclude > div {
-    border-bottom: 1px solid #ccc; }
-  
-  .filter-results {
-    align-items: center;
-    border-bottom: 1px solid #ccc;
-    display: flex;
-    flex-wrap: wrap;
-    height: 50px;
-    -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
-    justify-content: space-between; }
-  
-  .filter-results-sortby > span {
-    text-transform: uppercase; }
-  
-  .filter-results-view .icon-primary-content-gridguide {
-    font-size: 2em;
-    margin-right: 0; }
-  
-  .filter-container .fixed-230-subnav > ng-transclude > div > a {
-    font-size: 1.8rem;
-    margin: 0;
-    padding: 15px 20px 15px 0;
-    color: #0574ac !important;
-    cursor: pointer !important;
-    font-family: "Omnes-ECOMP-W02", Arial !important;
-    outline-offset: inherit !important;
-    position: relative;
-    height: auto;
-    width: auto; }
-  
-  .filter-container .fixed-230-subnav a > i {
-    right: 0;
-    top: 15px; }
-  
-  .filter-container .fixed-230-subnav .icon-primary-collapsed:before, .filter-container .fixed-230-subnav .icon-primary-expanded:before {
-    float: right; }
-  
-  .filter-container .fixed-230-subnav ul.collapse {
-    position: inherit;
-    transition: height 0.5s ease;
-    height: 0;
-    overflow: hidden; }
-  
-  .filter-container .checkbox .icon-primary-spinner {
-    height: 24px;
-    position: absolute;
-    width: 24px; }
-  
-  .fixed-230-subnav.affix {
-    margin: -28px 0 0; }
-  
-  #nav-menu .b2b-menu,
-  #nav-menu .fixed-230-subnav {
-    margin: 0; }
-  
-  .b2b-menu > li,
-  .fixed-230-subnav > div {
-    border-bottom: 1px solid #ccc;
-    line-height: 4.0rem; }
-  
-  .b2b-menu > li:first-child,
-  .fixed-230-subnav > li:first-child {
-    border-top: 1px solid #ccc; }
-  
-  .b2b-menu div > a,
-  .fixed-230-subnav div > a {
-    color: #0574ac;
-    cursor: pointer;
-    display: block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem;
-    margin: 0;
-    outline-offset: -1px;
-    padding: 0 10px;
-    position: relative; }
-  
-  .fixed-230-subnav div > a.live {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #666; }
-  
-  .fixed-230-subnav > ng-transclude > div li > a {
-    display: block;
-    font-size: 1.4rem;
-    line-height: 20px; }
-  
-  .fixed-230-subnav > ng-transclude > div li > a.active {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    text-decoration: none;
-    color: #666; }
-  
-  #nav-menu .fixed-230-subnav a > i {
-    top: 10px; }
-  
-  .fixed-230-subnav > li > a.active > i:after {
-    display: none; }
-  
-  .b2b-menu ul,
-  .fixed-230-subnav ul {
-    margin: 0 0 10px 0; }
-  
-  .b2b-menu ul div a,
-  .fixed-230-subnav ul div a {
-    padding: 0 10px; }
-  
-  .unlinked {
-    outline: medium none !important;
-    text-decoration: none !important; }
-  
-  @media (max-width: 1024px) {
-    .filter-container .fixed-230-subnav {
-      margin: 0 20px;
-      width: auto; }
-    .filter-container .fixed-230-subnav > li {
-      margin: 0; }
-    .row .filter-container {
-      display: none;
-      height: 100%;
-      left: 0;
-      position: fixed;
-      overflow: auto;
-      top: 0;
-      transition: all 0.5s ease 0s;
-      width: 285px;
-      z-index: 9999; }
-    .filter-header {
-      padding-left: 20px; }
-    .filter-selected {
-      margin: 0 20px 10px; } }
-  
-  .b2b-pane-selector-wrapper {
-    width: 100%;
-    display: block;
-    border-top: solid 1px #ccc;
-    border-bottom: solid 1px #ccc; }
-    .b2b-pane-selector-wrapper .side-nav {
-      width: 20% !important;
-      display: inline-block;
-      float: left; }
-    .b2b-pane-selector-wrapper .pane-container {
-      width: 80%;
-      vertical-align: top;
-      margin: 0;
-      padding-top: 30px;
-      border-left: solid 1px #ccc;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      display: none; }
-      .b2b-pane-selector-wrapper .pane-container.active {
-        display: inline-block; }
-      .b2b-pane-selector-wrapper .pane-container .pane-container-top {
-        padding-left: 15px; }
-      .b2b-pane-selector-wrapper .pane-container .panes {
-        display: -webkit-flex;
-        display: flex;
-        border-top: solid 1px #ccc;
-        margin-top: 30px; }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block {
-          height: inherit;
-          overflow-y: auto;
-          border-right: solid 1px #ccc;
-          position: relative;
-          flex: 1;
-          -webkit-flex: 1;
-          /* Safari 6.1+ */
-          -ms-flex: 1;
-          /* IE 10 */ }
-          .b2b-pane-selector-wrapper .pane-container .panes div.pane-block:focus {
-            outline: dotted 1px #333333; }
-      .b2b-pane-selector-wrapper .pane-container .search-block {
-        position: relative;
-        float: right; }
-        .b2b-pane-selector-wrapper .pane-container .search-block input[type="search"]:focus {
-          padding-right: 40px; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row p {
-        margin-top: 15px; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div {
-        border-bottom: solid 1px #ccc; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row {
-        display: block;
-        padding: 19px 14px 19px 14px;
-        margin-top: 0px;
-        border: dotted 1px transparent;
-        border-bottom: solid 1px #ccc; }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:focus {
-          border: dotted 1px #333333 !important; }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:last-child {
-          border-bottom: none; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block > .no-content {
-        text-align: center;
-        border-bottom: none;
-        display: block;
-        position: absolute;
-        top: 45%;
-        left: 0;
-        right: 0; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div:last-child {
-        border-bottom: none; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row span.margin-chk {
-        margin: 15px 15px 0px 15px;
-        float: left; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row .checkbox-selectall {
-        margin: 0px 0 0 24px !important; }
-    .b2b-pane-selector-wrapper .side-nav li {
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      border: none;
-      border-top: solid 1px #ccc;
-      display: block !important;
-      width: auto !important;
-      margin-left: 0px !important; }
-      .b2b-pane-selector-wrapper .side-nav li.active {
-        background-color: #f6f6f6;
-        position: inherit !important; }
-        .b2b-pane-selector-wrapper .side-nav li.active > a {
-          font-size: 16px;
-          color: #333;
-          text-decoration: none;
-          border: none;
-          background-color: transparent;
-          padding: 20px 15px;
-          display: block;
-          height: auto;
-          border-left: 4px solid #0574ac; }
-      .b2b-pane-selector-wrapper .side-nav li > a {
-        font-size: 16px;
-        color: #333;
-        text-decoration: none;
-        border: none;
-        background-color: transparent;
-        padding: 20px 15px;
-        display: block;
-        height: auto;
-        text-align: left; }
-      .b2b-pane-selector-wrapper .side-nav li > a:focus {
-        border-right: dotted 1px #333333; }
-      .b2b-pane-selector-wrapper .side-nav li:first-child {
-        border-top: none;
-        margin-left: none !important; }
-  /********************* Utility CSS Starts **********************/
-  .offscreen-text {
-    position: absolute;
-    left: -10000px;
-    top: auto;
-    width: 1px;
-    height: 1px;
-    overflow: hidden; }
-  
-  /********************* Utility CSS Ends **********************/
-  /* Fix for alignment issue on Cancel link inside modal */
-  .modal-footer > .cta-button-group {
-    line-height: 40px; }
-  
-  /* .att-dark-green { // Not used
-    color: #007a3e;
-  } */
-  .colors-off-msg {
-    display: none; }
-  
-  button .colors-off-msg {
-    position: relative; }
-  
-  .ds2-no-colors .colors-off-msg {
-    display: block; }
-  
-  .ds2-no-colors [data-colordatatext] button .colors-off-msg {
-    font-size: 1.1rem;
-    line-height: normal;
-    padding: 5px 0;
-    position: absolute;
-    top: 0;
-    white-space: normal;
-    width: 60px; }
-  
-  /* Not used
-  .make-all-white * {
-    color: #fff;
-  }
-  .make-all-white a {
-    text-decoration: underline;
-  } */
-  .loader > span {
-    display: block;
-    padding-top: 20px; }
-  
-  .modal > .loader {
-    left: 50%;
-    margin-left: -25px;
-    margin-top: -25px;
-    position: absolute;
-    top: 50%; }
-  
-  #pageLevelLoader.modal {
-    background-color: transparent;
-    border: none;
-    box-shadow: none;
-    top: 40%; }
-  
-  .modal.fade .loader {
-    display: none; }
-  
-  .modal.fade.in .loader {
-    display: block; }
-  
-  .btn.disabled[data-loading-text] {
-    padding: 0 19px 0 18px;
-    line-height: 46px; }
-  
-  .btn.disabled[data-loading-text] img {
-    position: relative;
-    top: 2px; }
-  
-  /*  Seems to already be in docs.css
-  .fixed-230.leftnav {
-    position: relative;
-  }
-  .fixed-230-subnav {
-    margin: 10px;
-  }
-  .fixed-230-subnav > li:first-child {
-    border-top: none;
-  }
-  .fixed-230-subnav > li {
-    border-bottom: 1px solid #d2d2d2;
-  }
-  .fixed-230-subnav > li > a {
-    display: block;
-    font-size: 1.4rem;
+    margin: 0px;
+    padding: 0 15px 0 15px;
+    vertical-align: middle;
     line-height: normal;
-    margin: 0 -9px;
-    padding: 11px 35px 12px 9px;
-    outline-offset: 0;
-    position: relative;
-  }
-  .fixed-230-subnav > li > a.live {
-    color: #333333;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  }
-  .fixed-230-subnav a > i {
-    right: 10px;
-    margin: 0;
-    position: absolute;
-    top: 10px;
-  }
-  .fixed-230-subnav a > i:after {
-    display: none;
-  }
-  .fixed-230-subnav > li li > a {
-    display: block;
-    font-size: 1.4rem;
-    line-height: 18px;
-  }
-  .fixed-230-subnav > li li > a.active {
-    color: #333333;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    text-decoration: none;
-  }
-  .fixed-230-subnav ul {
-    margin: 0 0 10px;
-  } */
-  .unlinked {
-    color: #0568ae !important;
-    font-family: "Omnes-ECOMP-W02", Arial !important; }
-  
-  .unlinked.active {
-    color: inherit !important; }
-  
-  /* @media (max-width: 767px) {
-    .row.has-leftnav {
-      flex-wrap: wrap;
-    }
-    .row.has-leftnav .fluid-space {
-      padding-right: 0;
-    }
-    .row .fixed-230 {
-      background-color: #fff;
-      width: auto;
-    }
-    .row .leftnav {
-      background-color: #fff !important;
-      display: block !important;
-    }
-    .fixed-230-subnav {
-      margin: 10px 0 0;
-      width: 100%;
-    }
-    .fixed-230-subnav > li {
-      margin-left: -15px;
-      margin-right: -15px;
-    }
-    .fixed-230-subnav > li:first-child {
-      border-top: 1px solid #d2d2d2;
-    }
-    .fixed-230-subnav > li > a {
-      margin: 0;
-    }
-    .fixed-230-subnav a:hover,
-    .fixed-230-subnav a:focus {
-      text-decoration: none !important;
-    }
-    .fixed-230-subnav > li li > a {
-      padding: 5px 10px;
-    }
-    .fixed-230-subnav > li li > a.active {
-      color: inherit;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    }
-  } */
-  @keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-moz-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-webkit-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-ms-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-o-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  .ajaxed,
-  .modal.fade.in .modal-header,
-  .modal.fade.in .modal-body,
-  .modal.fade.in .modal-footer {
-    animation-duration: 0.01s;
-    -o-animation-duration: 0.01s;
-    -ms-animation-duration: 0.01s;
-    -moz-animation-duration: 0.01s;
-    -webkit-animation-duration: 0.01s;
-    animation-name: DOMinsertion;
-    -o-animation-name: DOMinsertion;
-    -ms-animation-name: DOMinsertion;
-    -moz-animation-name: DOMinsertion;
-    -webkit-animation-name: DOMinsertion; }
-  
-  .dda-css-override ul.nav-tabs {
-    margin-bottom: 0; }
-  
-  .dda-css-override div.tab-content {
-    margin-top: 0;
-    border-top: none; }
-  
-  .dda-css-override .tab-content .prettyprint, .dda-css-override .usage .prettyprint {
-    max-height: 500px;
-    overflow-y: auto; }
-  
-  .formsWithinProcessButton {
-    margin-right: 0px; }
-  
-  .heading-sub-section-form {
-    font-size: 2.4rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px;
-    margin-top: 10px; }
-  
-  .heading-small-form {
-    font-size: 1.6rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-top: 0px; }
-  
-  .icon-primary-form-sizeL {
-    font-size: 50px; }
-  
-  .icon-primary-form-size {
-    font-size: 30px; }
-  
-  .spanformfix {
-    margin-right: 15px !important; }
-  
-  @media (max-width: 767px) {
-    .heading-sub-section-form {
-      font-size: 1.8rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px;
-      padding-top: 10px;
-      margin-top: 30px; }
-    .heading-small-form {
-      font-size: 1.4rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-top: 0px; } }
-  
-  @media (max-width: 479px) {
-    .icon-primary-form-resizeL {
-      display: none; }
-    .icon-primary-form-resize {
-      display: none; }
-    .heading-center-form {
-      margin-left: 20px; } }
-  
-  @media (min-width: 480px) {
-    .icon-primary-form-resizeL {
-      display: none; }
-    .icon-primary-form-resize {
-      display: inherit; }
-    .icon-primary-center-min {
-      margin-top: 30px; } }
-  
-  @media (min-width: 768px) {
-    .icon-primary-form-resizeL {
-      display: inherit;
-      margin-top: 30px; }
-    .icon-primary-form-resize {
-      display: none; }
-    .center-form-align {
-      margin-top: 35px; } }
-  
-  @media (min-width: 1024px) {
-    .icon-primary-form-resizeL {
-      display: inherit;
-      margin-top: 0px; }
-    .icon-primary-form-resize {
-      display: none; }
-    .center-form-align {
-      margin-top: 5px; } }
-  
-  .data-row.has-button td.col-1 {
-    padding: 0; }
-  
-  .tab-content > .tab-pane {
-    display: none; }
-  
-  .tab-content > .active {
-    display: block; }
-  
-  .icon-primary-circle:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 1; }
-  
-  .b2b-drag-handle {
-    cursor: move;
-    -ms-interpolation-mode: bicubic;
-    margin-bottom: 40px;
-    height: 23px;
-    padding-right: 10px;
-    float: left; }
-  
-  .b2b-drag-over {
-    background-color: #d1d1d1; }
-  
-  .b2-drag-element {
-    background-color: #e8e8e8; }
-  
-  [draggable] {
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    user-select: none; }
-  /* Flyout inputs color is not aligned */
-  textarea, input {
-    color: #333; }
-  
-  .isIE .btn-primary.btn:focus::after,
-  .isIE .btn-specialty.btn:focus::after,
-  .isIE .btn-alt.btn:focus::after {
-    border: 1px dashed #fff !important; }
-  .b2b-config-section-container {
-    height: auto;
-    min-height: 330px;
-    width: 815px;
-    background-color: #fff;
-    border: 1px solid #ccc;
-    display: inline-table;
-    border-radius: 6px; }
-  
-  .b2b-config-section-first-div {
-    border-right: 1px solid #ccc;
-    height: auto;
-    min-height: 330px; }
-  
-  .b2b-config-section-icon-primary-font {
-    font-size: 50px;
-    height: 31px;
-    line-height: 31px; }
-  
-  .b2b-config-section-padding {
-    padding: 20px 20px 15px 15px;
-    height: auto; }
-  
-  .b2b-config-sec-flyout {
-    position: relative;
-    left: 10px;
-    float: right;
-    color: #0574ac;
-    font-size: 16px;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-config-sec-divider {
-    border-bottom: 1px solid #ccc; }
-  
-  .b2b-confi-sec-span-border {
-    border-right: 1px solid;
-    height: auto; }
-  
-  .b2b-config-sec-speed-div {
-    text-align: center;
-    margin-top: 20px; }
-  
-  .b2b-config-sec-label-font {
-    font-size: 16px; }
-  
-  .b2b-config-sec-expander-main {
-    padding: 0 5px 0px 15px; }
-  
-  .b2b-config-sec-expander-body .b2b-config-vlan-padding {
-    padding: 5px 15px 10px 0px; }
-  
-  .b2b-conif-sec-row-height {
-    height: 110px; }
-  
-  .b2b-config-sec-expander-body {
-    font-size: 14px; }
-    .b2b-config-sec-expander-body .b2b-config-vlan-data {
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      padding-left: 15px; }
-  
-  .b2b-config-sec-expander-body-first-div {
-    border-top: 1px solid #ccc; }
-  
-  .b2b-config-sec-expander-body .tooltip {
-    position: static;
-    opacity: 1; }
-  
-  .b2b-config-section-container .row > [class*="span"] {
-    margin-right: 0px; }
-  
-  .b2b-config-vlan-icons {
-    font-size: 16px;
-    float: right;
-    margin-right: 0px; }
-  
-  .b2b-config-section-container .span6 {
-    width: 50%; }
-  
-  .b2b-config-sec-data-link-style {
-    position: relative;
-    left: 95%;
-    top: 30px;
-    border-radius: 50%;
-    width: 23px;
-    height: 23px;
-    background: #fff;
-    border: 1px solid #ccc;
-    color: #666666; }
-  
-  .b2b-config-sec-text-align {
-    text-align: center;
-    margin-top: 15px;
-    margin-bottom: 35px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #333333; }
-  
-  .b2b-config-port-text-align {
-    text-align: center;
-    margin-top: 15px;
-    margin-bottom: 8px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #333333; }
-  
-  .b2b-config-port-text-label {
-    margin-top: 6px;
-    margin-bottom: 8px;
-    font-size: 14px;
-    text-align: center; }
-  
-  .b2b-confi-sec-last-div p {
-    font-size: 14px;
-    padding: 10px 15px 0 15px; }
-  
-  .b2b-confi-sec-router-label {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    color: #333333;
-    float: left;
-    width: 100%;
-    margin-bottom: 7px; }
-  
-  .b2b-config-vlan-label {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #333333;
-    margin-top: 1px;
-    margin-bottom: 9px; }
-  
-  .b2b-config-vlan-info {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    color: #333333;
-    margin-bottom: 1px; }
-    .b2b-config-vlan-info .icon-misc-pen {
-      padding-left: 7px; }
-  
-  .b2b-confi-sec-model-label {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    color: #333333; }
-  
-  .b2b-confi-sec-router-info {
-    float: left;
-    width: 62%; }
-  
-  .b2b-config-sec-speed-sec {
-    border-right: 1px solid #ccc; }
-  
-  .b2b-config-sec-speed-label {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 20px;
-    color: #333333;
-    text-align: center; }
-    .b2b-config-sec-speed-label i {
-      margin-left: 15px;
-      font-size: 16px; }
-  
-  .b2b-config-sec-yellow-flag-div {
-    width: 1.6%;
-    background-color: #ffb18c; }
-  
-  .b2b-config-sec-expander-icons {
-    margin-top: 6px; }
-    .b2b-config-sec-expander-icons .icon-misc-trash {
-      margin-right: 10px; }
-  
-  .b2b-config-sec-yellow-flag .b2b-config-sec-expander-icons {
-    left: 40px; }
-  
-  .b2b-config-sec-expander-body-icons .icon-misc-pen {
-    position: relative;
-    left: 18px; }
-  .b2b-directory-listing .center {
-    display: block;
-    margin: 2em auto; }
-  
-  .b2b-directory-listing .listBox {
-    height: 310px;
-    width: 450px;
-    padding-left: 1px;
-    padding-right: 1px;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-directory-listing .listBox:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-directory-listing .b2b-directory-listing-no-results {
-    font-weight: bold; }
-  
-  .b2b-directory-listing .b2b-directory-listing-list {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5a5a5a;
-    overflow-x: hidden;
-    position: relative;
-    height: 300px;
-    border: 1px solid #333;
-    border-radius: 6px;
-    margin-bottom: 10px; }
-  
-  .b2b-directory-listing .b2b-directory-listing-item {
-    margin: 1px;
-    border: 1px solid transparent;
-    outline: none;
-    text-align: left;
-    overflow: hidden;
-    cursor: pointer;
-    padding-top: 13px;
-    padding-bottom: 7px;
-    padding-left: 15px;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    word-wrap: break-word; }
-    .b2b-directory-listing .b2b-directory-listing-item:focus {
-      border: 1px #3399FF solid; }
-  
-  .b2b-directory-listing .b2b-directory-listing-item-selected {
-    color: #fff;
-    background-color: #3399FF; }
-  
-  .b2b-directory-listing input[type="text"] {
-    padding-right: 30px; }
-    .b2b-directory-listing input[type="text"]:focus, .b2b-directory-listing input[type="text"]:hover {
-      padding-right: 30px; }
-  
-  .b2b-directory-listing .row .btns {
-    margin-right: 90px;
-    margin-left: -115px;
-    margin-top: 100px; }
-  
-  .b2b-directory-listing .btn-remove {
-    margin-right: auto !important;
-    margin-bottom: 15px; }
-    .b2b-directory-listing .btn-remove i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-remove-all {
-    margin-top: 0;
-    margin-bottom: 61px !important;
-    /* need to be removed */
-    margin-right: auto !important; }
-    .b2b-directory-listing .btn-remove-all i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-add {
-    margin-bottom: 15px !important; }
-    .b2b-directory-listing .btn-add i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-add-all {
-    margin-top: 0;
-    margin-bottom: 61px !important; }
-    .b2b-directory-listing .btn-add-all i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-search[class*="btn"] {
-    right: 0.09rem; }
-  
-  .b2b-directory-listing .btn {
-    width: 130px; }
-  
-  .b2b-directory-listing-disabled {
-    cursor: not-allowed; }
-  
-  .b2b-directory-listing-label-heading {
-    margin-top: 24px;
-    padding-bottom: 5px; }
-  
-  .b2b-dl-list-box option {
-    padding-top: 13px;
-    padding-bottom: 7px;
-    padding-left: 15px; }
-  
-  .b2b-dl-modal-button-div {
-    padding-top: 110px;
-    text-align: center; }
-  .b2b-tmpl-notification-card {
-    border-radius: 6px;
-    height: auto;
-    width: 420px;
-    background-color: #ffffff;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 8px;
-    overflow: hidden; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-header {
-      padding-left: 30px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #333333;
-      font-size: 24px;
-      margin-top: 2px;
-      display: inline-block;
-      min-height: 60px;
-      position: relative; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-body {
-      padding: 0 30px 20px;
-      position: relative; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-header-title {
-      margin-top: 10px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button {
-      box-shadow: 0 -50px 0 0 #f2f2f2 inset;
-      height: 69px;
-      position: absolute;
-      border-color: #f2f2f2 #f2f2f2 transparent transparent;
-      border-style: solid;
-      border-width: 35px;
-      height: 0;
-      right: -295px;
-      top: -4px;
-      width: 69px;
-      /*Old properties */
-      box-shadow: none;
-      transform: none; }
-      .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close {
-        height: 48px;
-        right: -40px;
-        top: -40px;
-        width: 48px;
-        position: relative;
-        /*Old properties */
-        transform: none; }
-        .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:before {
-          color: #0568ae;
-          display: block;
-          font-size: 20px;
-          height: auto;
-          right: -4px;
-          top: 4px;
-          width: auto;
-          /*Old properties */
-          left: auto;
-          height: auto;
-          bottom: auto; }
-        .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:focus {
-          outline: 1px dotted black; }
-    .b2b-tmpl-notification-card button.close {
-      -webkit-appearance: none;
-      moz-appearance: none;
-      appearance: none; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-icon-primary-cirlce {
-      width: 30px;
-      height: 30px;
-      border-radius: 50%; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-outer-cirlce {
-      background: #f0f5f5;
-      border-radius: 50%;
-      height: 16px;
-      width: 16px;
-      vertical-align: middle; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-inner-cirlce {
-      background: #fff;
-      width: 22px;
-      height: 22px;
-      position: relative;
-      border-radius: 50%;
-      display: block;
-      left: 4px;
-      top: 4px;
-      border: 1px solid #767676; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-row {
-      padding-top: 10px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-sub-header {
-      margin-top: 0px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item {
-      background-color: #fff;
-      margin-top: 25px;
-      border-top: 1px solid #ccc; }
-      .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item .cta-button-group {
-        line-height: 40px;
-        padding-top: 20px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-edit-section .cta-button-group {
-      line-height: 40px;
-      padding-top: 15px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-add-item-container {
-      padding-top: 30px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-link-active {
-      pointer-events: none;
-      cursor: default;
-      color: #ccc; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-cursor:hover {
-      cursor: pointer; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon {
-    text-align: center;
-    margin-top: 91px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon i {
-      font-size: 99px;
-      color: #1b7e28; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading {
-    color: #333333;
-    text-align: center;
-    margin-top: 20px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading h1 {
-      font-size: 38px; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading {
-    color: #333333;
-    text-align: center; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading h5 {
-      font-size: 18px; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info {
-    padding-left: 18%;
-    font-size: 16px;
-    margin-top: 20px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info ul {
-      list-style-type: disc;
-      list-style-position: inside; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info li {
-      padding-top: 5px; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section {
-    font-size: 15px;
-    color: #0574ac;
-    margin-top: 20px;
-    text-align: center;
-    margin-bottom: 55px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section .b2b-tmpl-order-confirmation-link {
-      margin-right: 8%; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section a {
-      cursor: pointer; }
-  .b2b-tmpl-profile-block-container {
-    min-height: 200px;
-    height: auto;
-    background-color: #fff;
+    width: 150px}
+
+
+.btn-small {
+    /* padding: 10px 19px 9px 18px; */
+    font-size: 17px;
     border-radius: 8px;
-    border: 1px solid #ccc;
-    box-shadow: 0px 1px 1px 1px #ccc;
-    display: inline-table;
-    margin: 15px 15px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-title {
-      font-weight: bold; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-footer {
-      margin-bottom: 12px;
-      margin-top: 5px;
-      height: 35px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p {
-      word-wrap: break-word;
-      height: 61px; }
-      .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:first-child {
-        margin-top: 10px; }
-      .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:after {
-        content: ' ';
-        display: block;
-        border: 0.2px solid #ccc;
-        margin-top: 12px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio {
-      margin-left: 15px;
-      height: 30px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details div {
-      padding: 2px 7px;
-      font-size: 14px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio-label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details a {
-      font-size: 14px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p span {
-      padding-left: 10px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon {
-      color: #1b7e28;
-      float: right;
-      position: relative;
-      left: 10px; }
-      .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon i {
-        color: #1b7e28;
-        float: right; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-link {
-      float: right;
-      position: relative;
-      left: -4px; }
-    .b2b-tmpl-profile-block-container a.link-profile {
-      position: relative;
-      left: -5px;
-      float: right;
-      margin-bottom: 16px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-radio {
-      position: relative;
-      top: -5px; }
-  .b2b-static-route-container {
-    padding-left: 32px;
-    display: inline-block; }
-  
-  .b2b-static-route-label-heading {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px !important;
-    color: #333333;
-    font-style: normal;
-    text-align: left; }
-  
-  label.b2b-static-route-label-heading {
-    margin-bottom: 12px;
-    margin-top: 15px;
-    display: block; }
-  
-  #b2b-static-route-input {
-    margin: 5px 0 5px; }
-  
-  .b2b-static-route-list {
-    margin-bottom: 30px;
-    width: 216px;
-    float: left;
-    margin-right: 20px;
-    max-height: 540px;
-    overflow-y: auto; }
-    .b2b-static-route-list .status-text {
-      flex: 1;
-      display: flex;
-      align-items: center;
-      outline: 0; }
-  
-  .b2b-static-route-list-item {
-    border: 1px #cccccc solid;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    display: flex;
-    cursor: pointer; }
-    .b2b-static-route-list-item > .status-bar {
-      padding: 20px 0 20px;
-      background-color: #ea7400;
-      border-radius: 0;
-      width: 10px;
-      display: inline-block;
-      margin-right: 20px;
-      height: 100%;
-      float: left; }
-      .b2b-static-route-list-item > .status-bar:after {
-        content: '.';
-        visibility: hidden; }
-    .b2b-static-route-list-item > .status-bar-unedited {
-      padding: 20px 0 20px;
-      background-color: #ffb81c;
-      border-radius: 0;
-      width: 10px;
-      display: inline-block;
-      margin-right: 20px;
-      height: 100%;
-      float: left;
-      background-color: transparent; }
-      .b2b-static-route-list-item > .status-bar-unedited:after {
-        content: '.';
-        visibility: hidden; }
-  
-  .b2b-static-route-list-item:focus {
-    outline: 1px dashed #00f; }
-  
-  .b2b-static-route-list-item--selected {
-    background: #f2f2f2; }
-  
-  .b2b-static-route-content {
-    display: inline-block; }
-  
-    .selectWrap::after { 
-    align-items: center; 
-    background-position: 7px 7px; 
-    background-repeat: no-repeat; 
-    background-size: auto 23px; 
-    border-left: 1px solid transparent; 
-    color: #0568ae; 
-    display: flex; 
-    font-size: 23px; 
-    height: 36px; 
-    margin-right: 0; 
-    overflow: hidden; 
-    position: absolute; 
-    right: 0; 
-    text-indent: 7px; 
-    top: 0; 
-    user-select: none; 
-    width: 41px; 
-    z-index: 0; 
-    position: absolute !important; 
-    display: flex !important; 
-  }
\ No newline at end of file
+    width: 90px; height: 35px; margin-left: 5px; padding: 0px; }
+.btn-alt {
+    border-color: #087ac2 transparent #0568ae;
+    background-color: #0568ae;
+    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
+    color: #ffffff; }
+
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.html
index 0f9a2f85..1c0dc5a2 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.html
@@ -1,6 +1,447 @@
-<div class="stdForm">
-        <div class="tab-content">
-                <h1>Report Chart Configuration</h1>
-        </div>
+<br/>
+<div *ngIf="hideChart">
+    <div class="tab-content">
+        <h3>Chart Wizard Disabled</h3>
+    </div>
+</div>
+<div *ngIf="!hideChart">
+<span class="ecomp-spinner" *ngIf="showSpinner"></span>
+<div *ngIf="!showSpinner" class="stdForm">
+    <div class="tab-content">
+        <h3>Step 5 - Chart Wizard Configuration</h3>
+    </div>
+    <br/>
+    <div class="field-group">
+        <label class="checkbox" for="animation1">
+            <input [(ngModel)]="chartJson.commonChartOptions.animateAnimatedChart" class="defaultFontSize" id="animation1" type="checkbox">
+            <i class="skin"></i><span>Animation</span>
+        </label>
+    </div>
+    <br/>
+    <div class="field-group">
+        <label class="checkbox" for="title">
+            <input [(ngModel)]="chartJson.showTitle" class="defaultFontSize" id="title" type="checkbox">
+            <i class="skin"></i><span>Show Title</span>
+        </label>
+    </div>
+    <br/>
+    <div class="field-group">
+        <table>
+            <thead>
+            <tr>
+                <th style="width: 50px"><span>Width (px)</span></th>
+                <th style="width: 50px">Height (px)</th>
+            </tr>
+            </thead>
+            <tbody>
+            <tr>
+                <td><label for="width2">
+                    <input [(ngModel)]="chartJson.width" class="defaultFontSize" id="width2" name="displayName"
+                           style="width: 100px;" type="text" appNumbersOnly>
+                </label></td>
+                <td><label for="height1">
+                    <input [(ngModel)]="chartJson.height" class="defaultFontSize" id="height1" name="displayName"
+                           style="width: 100px;" type="text" appNumbersOnly>
+                </label></td>
+            </tr>
+            </tbody>
+        </table>
+    </div>
+    <div class="field-group">
+        <mat-form-field>
+            <mat-label class="b2b-dro">Chart Type:</mat-label>
+            <mat-select data-select-color="blue" [(ngModel)]="chartJson.chartType" aria-label="reportType" placeholder="Select chart Type">
+                <mat-option  value="BarChart3D" (onSelectionChange)="setBarChartOptions()">Bar Chart</mat-option>
+                <mat-option value="TimeSeriesChart" (onSelectionChange)="setTimeSeriesChartOptions()">Time Series/Area Chart</mat-option>
+                <mat-option value="PieChart">Pie Chart</mat-option>
+                <mat-option value="AnnotationChart">Annotation Chart</mat-option>
+                <mat-option value="FlexTimeChart">Flexible Time Chart</mat-option>
+            </mat-select>
+        </mat-form-field>
         <br/>
+        <mat-form-field>
+            <mat-label class="lable">Domain Axis</mat-label>
+            <mat-select [(ngModel)]="chartJson.domainAxisJSON.value" aria-label="domain axis">
+                <mat-option *ngFor="let d of chartJson.chartColumnJSONList"
+                            value="{{d.value}}">{{d.title}}</mat-option>
+            </mat-select>
+        </mat-form-field>
+        <br/>
+        <mat-form-field>
+            <mat-label class="lable">Category</mat-label>
+            <mat-select [(ngModel)]="chartJson.categoryAxis" aria-label="category axis">
+                <mat-option>None</mat-option>
+                <mat-option *ngFor="let d of chartJson.chartColumnJSONList"
+                            value="{{d.value}}">{{d.title}}</mat-option>
+            </mat-select>
+        </mat-form-field>
+    </div>
+
+    <div id="RangeTable">
+        <table>
+            <thead>
+            <tr>
+                <th width="18%">Range Axis</th>
+                <th width="15%">Y Axis</th>
+                <th width="15%">Chart Title</th>
+                <th width="22%">Color</th>
+                <th width="25%">Line Type</th>
+                <th></th>
+            </tr>
+            </thead>
+            <tbody *ngFor="let rangeReport of chartJson.rangeAxisList">
+            <tr>
+                <td>
+                    <mat-form-field>
+                        <mat-select [(ngModel)]="rangeReport.rangeAxisLabelJSON.value" aria-label="category axis">
+                            <mat-option *ngFor="let d of chartJson.chartColumnJSONList"
+                                        value="{{d.value}}">{{d.title}}</mat-option>
+                        </mat-select>
+                    </mat-form-field>
+                </td>
+                <td>
+                    <input [(ngModel)]="rangeReport.rangeYAxis" class="defaultFontSize1" id="rangeAxis" name="displayName"
+                            type="text">
+                </td>
+                <td>
+                    <input [(ngModel)]="rangeReport.rangeChartGroup" class="defaultFontSize1" id="rangeChartGroup" name="displayName"
+                           type="text">
+                </td>
+                <td>
+                    <mat-form-field>
+                        <mat-label class="lable">Select Color</mat-label>
+                        <mat-select [(ngModel)]="rangeReport.rangeColorJSON.value" aria-label="category axis">
+                            <mat-option *ngFor="let d of rangeColors"
+                                        value="{{d.value}}">{{d.title}}</mat-option>
+                        </mat-select>
+                    </mat-form-field>
+                </td>
+                <td>
+                    <mat-form-field>
+                        <mat-label class="lable">Select Line Type</mat-label>
+                        <mat-select [(ngModel)]="rangeReport.rangeLineTypeJSON.value" aria-label="category axis">
+                            <mat-option *ngFor="let d of lineTypes"
+                                        value="{{d.value}}">{{d.title}}</mat-option>
+                        </mat-select>
+                    </mat-form-field>
+                </td>
+                <td><span>
+                     <button (click)="removeRangeAxisRow(rangeReport)" class="btn btn-alt btn-small"
+                                            ng-if="rangeReport.removed!='true'"
+                                            type="submit">Remove</button>
+                     </span></td>
+            </tr>
+            </tbody>
+        </table>
+        <div align="right" style="margin-right:20px">
+            <button (click)="addRangeAxisRow()" class="btn btn-alt btn-small" style="font-size: 17px;">Add</button>
+        </div>
+    </div>
+<br/>
+    <div class="form-group">
+        <mat-accordion>
+            <mat-expansion-panel>
+                <mat-expansion-panel-header>
+                    <mat-panel-title>
+                        Additional Options
+                    </mat-panel-title>
+                    <mat-panel-description>
+                        Set Additional Chart Properties
+                    </mat-panel-description>
+                </mat-expansion-panel-header>
+                <div class="field-group">
+                    <table>
+                        <thead>
+                        <tr>
+                            <th style="width: 30%"><span>Primary Axis Label</span></th>
+                            <th style="width: 30%">Secondary Axis Label</th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        <tr>
+                            <td><label for="primaryAxisLabel">
+                                <input [(ngModel)]="chartJson.primaryAxisLabel" class="defaultFontSize" id="primaryAxisLabel" name="displayName"
+                                       style="width: 200px;" type="text">
+                            </label></td>
+                            <td><label for="secondaryAxisLabel">
+                                <input [(ngModel)]="chartJson.secondaryAxisLabel" class="defaultFontSize" id="secondaryAxisLabel" name="displayName"
+                                       style="width: 200px;" type="text">
+                            </label></td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div><br/>
+                <div class="field-group">
+                    <table>
+                        <thead>
+                        <tr>
+                            <th style="width: 30%"><span>Range Axis Minimum Range</span></th>
+                            <th style="width: 30%">Maximum Range</th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        <tr>
+                            <td><label for="width1">
+                                <input [(ngModel)]="chartJson.minRange" class="defaultFontSize" id="width1" name="displayName"
+                                       style="width: 200px;" type="text">
+                            </label></td>
+                            <td><label for="height">
+                                <input [(ngModel)]="chartJson.maxRange" class="defaultFontSize" id="height" name="displayName"
+                                       style="width: 200px;" type="text">
+                            </label></td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+
+            </mat-expansion-panel>
+            <br/>
+            <mat-expansion-panel>
+                <mat-expansion-panel-header>
+                    <mat-panel-title>
+                        Common Options
+                    </mat-panel-title>
+                    <mat-panel-description>
+                        Set Common chart Options
+                    </mat-panel-description>
+                </mat-expansion-panel-header>
+                <div>
+                    <table>
+                        <thead>
+                        <tr>
+                            <th>Label Angle</th>
+                            <th>Legend Position</th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        <tr>
+                            <td>
+                              <mat-radio-group aria-label="Select an option" [(ngModel)]="chartJson.commonChartOptions.legendLabelAngle" >
+                                  <mat-radio-button   value ="up45">up 45&deg;</mat-radio-button>
+                                  <mat-radio-button   value ='up90'>up 90&deg;</mat-radio-button>
+                                  <mat-radio-button   value ='down45'>down 45&deg;</mat-radio-button>
+                                  <mat-radio-button   value ='down90'>down 90&deg;</mat-radio-button>
+                                  <mat-radio-button   value ='standard'>Standard</mat-radio-button>
+                              </mat-radio-group>
+                            </td>
+                            <td>
+                                <mat-radio-group aria-label="Select an option" [(ngModel)]="chartJson.commonChartOptions.legendPosition" >
+                                    <mat-radio-button   value ="top">Top</mat-radio-button>
+                                    <mat-radio-button   value ='right'>Right</mat-radio-button>
+                                </mat-radio-group>
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                    <table>
+                        <thead>
+                           <tr>
+                               <th width="20%">Legend</th>
+                               <th width="20%">Animation</th>
+                               <th></th>
+                           </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>
+                                    <mat-radio-group aria-label="Select an option" [(ngModel)]="chartJson.commonChartOptions.hideLegend" >
+                                        <mat-radio-button   [value]='false'>Yes</mat-radio-button>
+                                        <mat-radio-button   [value]='true'>No</mat-radio-button>
+                                    </mat-radio-group>
+                                </td>
+                                <td>
+                                    <mat-radio-group aria-label="Select an option" [(ngModel)]="chartJson.commonChartOptions.animateAnimatedChart" >
+                                        <mat-radio-button   [value]='true'>Yes</mat-radio-button>
+                                        <mat-radio-button   [value]='false'>No</mat-radio-button>
+                                    </mat-radio-group>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+
+                    <table>
+                        <thead>
+                           <tr>
+                               <th width="25%">Top Margin</th>
+                               <th width="25%">Bottom Margin</th>
+                               <th width="25%">Left Margin</th>
+                               <th width="25%">Right Margin</th>
+                           </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>
+                                    <input [(ngModel)]="chartJson.commonChartOptions.topMargin" class="defaultFontSize1" id="topMargin" name="displayName"
+                                            type="text" appNumbersOnly>
+                                </td>
+                                <td>
+                                    <input [(ngModel)]="chartJson.commonChartOptions.bottomMargin" class="defaultFontSize1" id="bottomMargin" name="displayName"
+                                            type="text" appNumbersOnly>
+                                </td>
+                                <td>
+                                    <input [(ngModel)]="chartJson.commonChartOptions.leftMargin" class="defaultFontSize1" id="leftMargin" name="displayName"
+                                            type="text" appNumbersOnly>
+                                </td>
+                                <td>
+                                    <input [(ngModel)]="chartJson.commonChartOptions.rightMargin" class="defaultFontSize1" id="rightMargin" name="displayName"
+                                            type="text" appNumbersOnly>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </mat-expansion-panel>
+            <br/>
+            <mat-expansion-panel *ngIf="chartJson.chartType=='BarChart3D'">
+                <mat-expansion-panel-header>
+                    <mat-panel-title>
+                        Bar Chart Options
+                    </mat-panel-title>
+                    <mat-panel-description>
+                         Set Bar chart Options
+                    </mat-panel-description>
+                </mat-expansion-panel-header>
+          <div>
+              <table>
+                  <thead>
+                  <tr>
+                      <th width="25%">Orientation</th>
+                      <th width="18%">Stacked</th>
+                      <th width="18%">Show Controls</th>
+                      <th width="18%">XAxis Date Type</th>
+                      <th width="21%">Display less XAxis tickers</th>
+                      <th></th>
+                  </tr>
+                  </thead>
+                  <tbody>
+                      <tr>
+                          <td>
+                              <mat-radio-group aria-label="Select an option" [(ngModel)]="chartJson.barChartOptions.verticalOrientation" >
+                                  <mat-radio-button   [value]='true'>Vertical</mat-radio-button>
+                                  <mat-radio-button  [value]='false'>Horizontal</mat-radio-button>
+                              </mat-radio-group>
+                          </td>
+                          <td>
+                          <mat-radio-group aria-label="Select an option" [(ngModel)]="chartJson.barChartOptions.stackedChart" >
+                              <mat-radio-button  [value]='true'>Yes</mat-radio-button>
+                              <mat-radio-button  [value]='false'>No</mat-radio-button>
+                          </mat-radio-group>
+                      </td>
+                          <td>
+                              <mat-radio-group aria-label="Select an option" [(ngModel)]="chartJson.barChartOptions.displayBarControls" >
+                                  <mat-radio-button  [value]='true'>Yes</mat-radio-button>
+                                  <mat-radio-button  [value]='false'>No</mat-radio-button>
+                              </mat-radio-group>
+                          </td>
+                          <td>
+                              <mat-radio-group aria-label="Select an option" [(ngModel)]="chartJson.barChartOptions.xAxisDateType" >
+                                  <mat-radio-button  [value]='true'>Yes</mat-radio-button>
+                                  <mat-radio-button  [value]='false'>No</mat-radio-button>
+                              </mat-radio-group>
+                          </td>
+                          <td>
+                              <mat-radio-group aria-label="Select an option" [(ngModel)]="chartJson.barChartOptions.minimizeXAxisTickers" >
+                                  <mat-radio-button  [value]='true'>Yes</mat-radio-button>
+                                  <mat-radio-button  [value]='false'>No</mat-radio-button>
+                              </mat-radio-group>
+                          </td>
+
+
+                      </tr>
+                  </tbody>
+              </table>
+              <br/>
+              <table>
+                  <thead>
+                    <tr>
+                        <th width="25%">Is Time Axis?</th>
+                        <th width="25%">Log Scale (Y Axis)</th>
+                        <th></th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                        <td>
+                            <mat-radio-group aria-label="Select an option" [(ngModel)]="chartJson.barChartOptions.timeAxis" >
+                                <mat-radio-button  [value]='true'>Yes</mat-radio-button>
+                                <mat-radio-button  [value]='false'>No</mat-radio-button>
+                            </mat-radio-group>
+                        </td>
+                        <td>
+                            <label class="checkbox" for="yAxisLogScale">
+                                <input [(ngModel)]="chartJson.barChartOptions.yAxisLogScale" class="defaultFontSize" id="yAxisLogScale" type="checkbox">
+                                <i class="skin"></i>
+                            </label>
+                        </td>
+                    </tr>
+                  </tbody>
+
+              </table>
+          </div>
+            </mat-expansion-panel>
+            <mat-expansion-panel *ngIf="chartJson.chartType=='TimeSeriesChart'">
+                <mat-expansion-panel-header>
+                    <mat-panel-title>
+                        Time Series Chart Options
+                    </mat-panel-title>
+                    <mat-panel-description>
+                        Set Time Series Chart Options
+                    </mat-panel-description>
+                </mat-expansion-panel-header>
+                <div class="field-group">
+                    <table>
+                        <thead>
+                        <tr>
+                            <th width="20%">Render as</th>
+                            <th width="20%">X Axis Label</th>
+                            <th width="20%">X Axis Tickers</th>
+                            <th width="20%">Is Time Axis?</th>
+                            <th width="20%">Multi Series</th>
+                        </tr>
+                        </thead>
+                        <tbody>
+                        <tr>
+                            <td>
+                                <mat-radio-group aria-label="Select an option" [(ngModel)]="chartJson.timeSeriesChartOptions.lineChartRenderer" >
+                                    <mat-radio-button  value="line">Line</mat-radio-button>
+                                    <mat-radio-button  value='Area'>No</mat-radio-button>
+                                </mat-radio-group>
+                            </td>
+                            <td>
+                                <label class="checkbox" for="showXAxisLabel">
+                                    <input [(ngModel)]="chartJson.timeSeriesChartOptions.showXAxisLabel" class="defaultFontSize" id="showXAxisLabel" type="checkbox">
+                                    <i class="skin"></i><span></span>
+                                </label>
+                            </td>
+                            <td>
+                                <label class="checkbox" for="addXAxisTicker">
+                                    <input [(ngModel)]="chartJson.timeSeriesChartOptions.addXAxisTicker" class="defaultFontSize" id="addXAxisTicker" type="checkbox">
+                                    <i class="skin"></i><span></span>
+                                </label>
+                            </td>
+                            <td>
+                                <label class="checkbox" for="nonTimeAxis">
+                                    <input [(ngModel)]="chartJson.timeSeriesChartOptions.nonTimeAxis" class="defaultFontSize" id="nonTimeAxis" type="checkbox">
+                                    <i class="skin"></i><span></span>
+                                </label>
+                            </td>
+                            <td>
+                                <label class="checkbox" for="multiSeries">
+                                    <input [(ngModel)]="chartJson.timeSeriesChartOptions.multiSeries" class="defaultFontSize" id="multiSeries" type="checkbox">
+                                    <i class="skin"></i><span></span>
+                                </label>
+                            </td>
+                        </tr>
+                        </tbody>
+                    </table>
+                </div>
+            </mat-expansion-panel>
+        </mat-accordion>
+    </div>
+    <br/>
+
+    <div class="field-group">
+        <button (click)="saveChartData()" class="btn btn-alt btn-small" style="font-size: 17px;">Save</button>
     </div>
+</div>
+</div>
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.spec.ts
index f3cb8cfe..9c697236 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.spec.ts
@@ -1,6 +1,10 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { ChartWizardComponent } from './chart-wizard.component';
+import { FormsModule } from '@angular/forms';
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { MaterialModule } from 'src/app/material-module';
 
 describe('ChartWizardComponent', () => {
   let component: ChartWizardComponent;
@@ -8,6 +12,7 @@ describe('ChartWizardComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
+      imports: [ FormsModule, HttpClientTestingModule,MaterialModule,RouterTestingModule],
       declarations: [ ChartWizardComponent ]
     })
     .compileComponents();
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.ts
index 5f9a0fd0..18f5ab1b 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.component.ts
@@ -1,17 +1,178 @@
-import { Component, OnInit, Input } from '@angular/core';
+import {Component, OnInit, Input} from '@angular/core';
+import {HttpClient} from '@angular/common/http';
+import {Router} from '@angular/router';
+import {ChartWizard} from './chart-wizard.service';
+import {RangeAxisListModel} from './chart-wizard-model/range-axis-list-model';
+import {error} from 'util';
+import {forEach} from '@angular/router/src/utils/collection';
+import {MatDialog, MatDialogConfig} from '@angular/material';
 
 @Component({
-  selector: 'app-chart-wizard',
-  templateUrl: './chart-wizard.component.html',
-  styleUrls: ['./chart-wizard.component.css']
+    selector: 'app-chart-wizard',
+    templateUrl: './chart-wizard.component.html',
+    styleUrls: ['./chart-wizard.component.css']
 })
 export class ChartWizardComponent implements OnInit {
 
-  @Input("reportId") reportId1 : string;
 
-  constructor() { }
+    @Input() reportId: string;
 
-  ngOnInit() {
-  }
+    chartJson: any;
+    showSpinner: boolean;
+    isFirstBar: boolean;
+    isFirstTimeSeries: boolean;
+    lineTypes = [
+        {index: 0, value: 'default', title: 'Default'},
+        {index: 1, value: 'dotted_lines', title: 'Dotted Lines'},
+        {index: 2, value: 'dashed_lines', title: 'Dashed Lines'}
+    ];
+    rangeColors = [
+        {index: 0, value: '#1f77b4', title: 'Dodger Blue'},
+        {index: 1, value: '#ff7f0e', title: 'Vivid orange'},
+        {index: 2, value: '#2ca02c', title: 'Forest Green'},
+        {index: 3, value: '#8c864b', title: 'Greenish Red'},
+        {index: 4, value: '#9467bd', title: 'Desaturated violet'},
+        {index: 5, value: '#8c564b', title: 'Dark moderate red'},
+        {index: 6, value: '#e377c2', title: 'Soft pink'},
+        {index: 7, value: '#7f7f7f', title: 'Dark gray'},
+        {index: 8, value: '#bcbd22', title: 'Strong yellow'},
+        {index: 9, value: '#17becf', title: 'Strong cyan'},
+        {index: 10, value: '#dc143c', title: 'Vivid red'},
+        {index: 11, value: '#800080', title: 'Dark magenta'},
+        {index: 12, value: '#0000FF', title: 'Blue'},
+        {index: 13, value: '#008000', title: 'Dark lime green'},
+        {index: 14, value: '#D2691E', title: 'Reddish Orange'},
+        {index: 15, value: '#FF0000', title: 'Red'},
+        {index: 16, value: '#000000', title: 'Black'},
+        {index: 17, value: '#DB7093', title: 'Pink'},
+        {index: 18, value: '#FF00FF', title: 'Pure Magenta'},
+        {index: 19, value: '#7B68EE', title: 'Soft blue'},
+        {index: 20, value: '#1f77b6', title: 'Strong blue'},
+        {index: 21, value: '#9edae5', title: 'Very soft cyan'},
+        {index: 22, value: '#393b79', title: 'Dark Blue'},
+        {index: 23, value: '#5254a3', title: 'Dark moderate Blue'},
+        {index: 24, value: '#6b6ecf', title: 'Slightly desaturated blue'},
+        {index: 25, value: '#9c9ede', title: 'Very soft blue'},
+        {index: 26, value: '#637939', title: 'Dark Green'},
+        {index: 27, value: '#8ca252', title: 'Dark moderate green'},
+        {index: 28, value: '#b5cf6b', title: 'Slightly desaturated green'},
+        {index: 29, value: '#cedb9c', title: 'Desaturated Green'},
+
+        /* Old Colors  */
+        {index: 30, value: '#00FFFF', title: 'Aqua'},
+        {index: 31, value: '#000000', title: 'Black'},
+        {index: 32, value: '#0000FF', title: 'Blue'},
+        {index: 33, value: '#FF00FF', title: 'Fuchsia'},
+        {index: 34, value: '#808080', title: 'Gray'},
+        {index: 35, value: '#008000', title: 'Green'},
+        {index: 36, value: '#00FF00', title: 'Lime'},
+        {index: 37, value: '#800000', title: 'Maroon'},
+        {index: 38, value: '#000080', title: 'Navy'},
+        {index: 39, value: '#808000', title: 'Olive'},
+        {index: 40, value: '#FF9900', title: 'Orange'},
+        {index: 41, value: '#800080', title: 'Purple'},
+        {index: 42, value: '#FF0000', title: 'Red'},
+        {index: 43, value: '#C0C0C0', title: 'Silver'},
+        {index: 44, value: '#008080', title: 'Teal'},
+        {index: 45, value: '#FFFFFF', title: 'White'},
+        {index: 46, value: '#FFFF00', title: 'Yellow'}
+    ];
+    displayedColumns: string[] = ['Range Axis', 'Y Axis', 'Chart Title', 'Color', 'Line Type'];
+    rangeAxisRemoveList: RangeAxisListModel[];
+    hideChart = false;
+    displayOptions: {}[];
+
+    constructor(private _http: HttpClient, private _router: Router, private chartService: ChartWizard,  private dialog: MatDialog) {
+    }
+
+    ngOnInit() {
+        this.showSpinner = true;
+        this.isFirstBar = false;
+        this.isFirstTimeSeries = false;
+        this.chartService.getReportTypeData(this.reportId).subscribe(
+            (respone) => {
+                this.displayOptions = respone['displayOptions'];
+                for (let dpOption = 0 ; dpOption < this.displayOptions.length ; dpOption++) {
+                    if (this.displayOptions[dpOption]['name'] === 'HideChart') {
+                        this.hideChart = this.displayOptions[dpOption]['selected'];
+                    }
+                }
+            });
+        if (!this.hideChart) {
+            this.chartService.getChartData(this.reportId).subscribe(
+                (response) => {
+                    this.chartJson = response;
+                    // @ts-ignore
+                    this.rangeAxisRemoveList = response.rangeAxisRemoveList;
+                    this.showSpinner = false;
+                });
+        }
+    }
+
+    saveChartData() {
+        this.showSpinner = true;
+        this.chartJson.chartTypeJSON = {
+            index: 0,
+            value: this.chartJson.chartType,
+            title: ''
+        };
+        this.chartJson.categoryAxisJSON = this.chartJson.categoryAxisJSON || {};
+        if (this.chartJson.categoryAxis) {
+            this.chartJson.categoryAxisJSON = {
+                index: 0,
+                value: this.chartJson.categoryAxis,
+                title: this.chartJson.categoryAxis
+            };
+        } 
+		else {
+            this.chartJson.categoryAxisJSON = {};
+        }
+        this.rangeAxisRemoveList = this.rangeAxisRemoveList || [];
+        this.chartJson.rangeAxisRemoveList = this.rangeAxisRemoveList;
+        for (const removeList of this.rangeAxisRemoveList) {
+            this.chartJson.rangeAxisList.push(removeList);
+        }
+
+          this.chartService.saveChartData(this.chartJson).subscribe(
+              (response) => {
+                  this.ngOnInit();
+              });
+        this.showSpinner = false;
+    }
+
+    addRangeAxisRow() {
+        this.chartJson.rangeAxisList = this.chartJson.rangeAxisList || {};
+        this.chartJson.rangeAxisList.push(new RangeAxisListModel());
+    }
+
+    removeRangeAxisRow(d: any) {
+        this.chartJson.rangeAxisList = this.chartJson.rangeAxisList.filter(item => item !== d);
+        this.rangeAxisRemoveList = this.rangeAxisRemoveList || [];
+        this.rangeAxisRemoveList.push(d);
+        this.chartJson.rangeAxisRemoveList = this.rangeAxisRemoveList;
+    }
+
+    setBarChartOptions() {
+        this.chartJson.barChartOptions = this.chartJson.barChartOptions || {
+            verticalOrientation: null,
+            stackedChart: null,
+            displayBarControls: null,
+            xAxisDateType: null,
+            minimizeXAxisTickers: null,
+            timeAxis: null,
+            yAxisLogScale: null
+        };
+    }
+
+    setTimeSeriesChartOptions() {
+          this.chartJson.timeSeriesChartOptions = this.chartJson.timeSeriesChartOptions || {
+              lineChartRenderer: null,
+              showXAxisLabel: null,
+              addXAxisTicker: null,
+              nonTimeAxis: null,
+              multiSeries: null
+          };
+    }
 
 }
+
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.service.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.service.ts
new file mode 100644
index 00000000..e6a7bf56
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/chart-wizard.service.ts
@@ -0,0 +1,27 @@
+import {HttpClient, HttpHeaders} from '@angular/common/http';
+import {Injectable} from '@angular/core';
+import {environment} from '../../../../../../environments/environment';
+import {Observable} from 'rxjs';
+
+@Injectable({
+    providedIn: 'root'
+})
+export class ChartWizard {
+    constructor(private _http: HttpClient) { }
+
+
+    getChartData(reportId: string){
+        return this._http.get(environment.baseUrl + 'raptor.htm?action=chart.json&c_master=' + reportId,
+            { headers: new HttpHeaders({'Content-Type': 'application/json'})});
+    }
+
+    saveChartData(chartJson: any) {
+        return this._http.post(environment.baseUrl + 'save_chart', chartJson,
+            { headers: new HttpHeaders({'Content-Type': 'application/json'})});
+    }
+
+    getReportTypeData(reportId: string): Observable<any> {
+        return this._http.get(environment.baseUrl + 'report/wizard/retrieve_def_tab_wise_data/' + reportId,
+            { headers: new HttpHeaders({'Content-Type': 'application/json'})});
+    }
+}
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/numbers-only.directive.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/numbers-only.directive.spec.ts
new file mode 100644
index 00000000..6158065d
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/numbers-only.directive.spec.ts
@@ -0,0 +1,23 @@
+import { NumbersOnlyDirective } from './numbers-only.directive';
+import { ElementRef, Injectable } from '@angular/core';
+import { TestBed } from '@angular/core/testing';
+
+@Injectable()
+export class MockElementRef {
+  nativeElement: {}  
+}
+
+describe('NumbersOnlyDirective', () => {
+  let elRef: ElementRef;
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+    providers: [{provide: ElementRef, useValue: new MockElementRef()}]
+  });
+    elRef = TestBed.get(ElementRef);
+  });
+
+  it('should create an instance', () => {
+    const directive = new NumbersOnlyDirective(elRef);
+    expect(directive).toBeTruthy();
+  });
+});
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/numbers-only.directive.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/numbers-only.directive.ts
new file mode 100644
index 00000000..4f56ff5e
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/chart-wizard/numbers-only.directive.ts
@@ -0,0 +1,18 @@
+import {Directive, ElementRef, HostListener} from '@angular/core';
+
+@Directive({
+  selector: '[appNumbersOnly]'
+})
+export class NumbersOnlyDirective {
+
+    constructor(private _el: ElementRef) { }
+
+    @HostListener('input', ['$event']) onInputChange(event) {
+        const initialValue = this._el.nativeElement.value;
+        this._el.nativeElement.value = initialValue.replace(/[^0-9]*/g, '');
+        if ( initialValue !== this._el.nativeElement.value) {
+            event.stopPropagation();
+        }
+    }
+
+}
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.css
index dd3c5423..fee89d5e 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.css
@@ -1,56 +1,6 @@
-/* .left {
-  width: auto;
-  float: left;
-  text-align: right;
-}
-.right {
-  width: auto;
-  
-  float: left;
-} */
-
-
-.lds-ring {
-  display: inline-block;
-  position: relative;
-  width: 64px;
-  height: 64px;
-}
-.lds-ring div {
-  box-sizing: border-box;
-  display: block;
-  position: absolute;
-  width: 80px;
-  height: 80px;
-  margin: 6px;
-  margin-top: -10px;
-  border: 10px solid #006496;
-  border-radius: 80%;
-  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-  border-color: #006496 transparent transparent transparent;
-}
-.lds-ring div:nth-child(1) {
-  animation-delay: -0.45s;
-}
-.lds-ring div:nth-child(2) {
-  animation-delay: -0.3s;
-}
-.lds-ring div:nth-child(3) {
-  animation-delay: -0.15s;
-}
-@keyframes lds-ring {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-
 mat-icon{
-  color: #006496;
-  cursor: pointer;
+    color: #006496;
+    cursor: pointer;
 }
 
 
@@ -58,81 +8,66 @@ button,
 input,
 select,
 textarea {
-  margin: 0;
-  font-size: 100%;
-  vertical-align: middle; }
+    margin: 0;
+    font-size: 100%;
+    vertical-align: middle; }
+
 
-  
 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
-  appearance: button;
-  cursor: pointer; }
+    appearance: button;
+    cursor: pointer; }
 
 
 .defaultFontSize1{
-  font-size: 16px;
+    font-size: 16px;
 }
 
 .defaultFontSize{
-  font-size: 15px;
+    font-size: 15px;
 }
 
-/* .tab-pane{
-  padding-right: 130px;
-  padding-left: 120px;
-  color: rgba(0, 0, 0, 0.603)
-} */
-
 .boxMargin{
-  
-  width: auto;
-}
 
-mat-button-toggle{
-  display: block;
-  width: 400px;
-  border-radius: 5px;
+    width: auto;
 }
 
-
 .tab-content{
-  margin-right: 20px;
-  /* background-color: #006496; */
-  color: rgb(0, 0, 0);
+    margin-right: 20px;
+    /* background-color: #006496; */
+    color: rgb(0, 0, 0);
 }
 
 .stdForm{
-  margin-left: 20px;
+    margin-left: 20px;
 }
 
 .field-group {
-  position: relative;
-  display: block;
+    position: relative;
+    display: block;
 }
-
-
 input {
-  width: 400px;
-  height: 35px;
+    width: 400px;
+    height: 35px;
 }
 
 label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
-  margin-top: 5px;
+    margin-top: 5px;
 }
 
 
 .checkbox .skin {
-  background-color: #fff;
-  border: 1px solid #d2d2d2;
-  border-radius: 3px;
-  display: inline-block;
-  height: 24px;
-  width: 24px;
-  position: absolute;
-  left: 0;
-  top: 0;
+    background-color: #fff;
+    border: 1px solid #d2d2d2;
+    border-radius: 3px;
+    display: inline-block;
+    height: 24px;
+    width: 24px;
+    position: absolute;
+    left: 0;
+    top: 0;
 }
 
 
@@ -144,40 +79,30 @@ input[type="reset"],
 input[type="submit"],
 input[type="radio"],
 input[type="checkbox"] {
-  cursor: pointer; }
-
-label,
-select,
-button,
-input[type="button"],
-input[type="reset"],
-input[type="submit"],
-input[type="radio"],
-input[type="checkbox"] {
-  cursor: pointer; }
+    cursor: pointer; }
 
 input[type=search] {
-  -webkit-appearance: textfield; }
+    -webkit-appearance: textfield; }
 
 input[type=search]:-webkit-search-cancel-button,
 input[type=search]:-webkit-search-decoration {
-  -webkit-appearance: none; }
-
-
-
-  [class*="icon-primary-"],
-  .nav-links a:after,
-  .bellyband-link a:after,
-  .breadcrumb > li:after,
-  .checkbox input:checked + .skin:after,
-  .checkbox input.indeterminate + .skin:after,
-  .checkbox input:indeterminate + .skin:after,
-  .selectWrap.large:before,
-  .form-row.error .error-msg:before,
-  .close:before,
-  .reset-field:before,
-  .cssIcon-globe:before,
-  .selectWrap:after {
+    -webkit-appearance: none; }
+
+
+
+[class*="icon-primary-"],
+.nav-links a:after,
+.bellyband-link a:after,
+.breadcrumb > li:after,
+.checkbox input:checked + .skin:after,
+.checkbox input.indeterminate + .skin:after,
+.checkbox input:indeterminate + .skin:after,
+.selectWrap.large:before,
+.form-row.error .error-msg:before,
+.close:before,
+.reset-field:before,
+.cssIcon-globe:before,
+.selectWrap:after {
     color: #0568ae;
     left: 6px;
     top: -3px;
@@ -188,48 +113,15 @@ input[type=search]:-webkit-search-decoration {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);}
-  
-  [class*="icoWeather-"], [class*="icoTrans-"], [class*="icoBubble-"], [class*="icoRetail-"], [class*="icoPeople-"], [class*="icoNumslets-"], [class*="icoLocation-"], [class*="icoHealthcare-"], [class*="icoDocuments-"], [class*="icoDevices-"], [class*="icoDatanetwork-"], [class*="icoControls-"], [class*="icoBuilding-"], [class*="icoArrows-"] {
-    color: #0568ae;
-    display: inline-block;
-    font-style: normal;
-    font-size: 20px;
-    font-weight: normal;
-    font-variant: normal;
-    font-style: normal;
-    width: 20px;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    position: relative;
-    speak: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    vertical-align: middle; }
-  
-  [class*="icon-primary-"]:before,
-  [class*="icon-primary-"]:after {
-    box-sizing: border-box;
-    display: inline-block;
-    font-size: 1em;
-    height: 1em;
-    position: relative;
-    top: 0;
-    left: 0;
-    vertical-align: middle;
-    width: 1em; }
 
-    
+
 .checkbox {
-  position: relative;
-  min-height: 24px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1rem;
-   }
-  .checkbox input {
+    position: relative;
+    min-height: 24px;
+    font-family: "Omnes-ECOMP-W02", Arial;
+    font-size: 1rem;
+}
+.checkbox input {
     -webkit-tap-highlight-color: transparent;
     height: 20px;
     margin-left: 20px;
@@ -239,44 +131,44 @@ input[type=search]:-webkit-search-decoration {
     left: 1px;
     top: 1px;
     width: 10px; }
-    .checkbox input:focus + .skin {
-      border-color: #0568ae; }
-      .checkbox input:focus + .skin:before {
-        content: "";
-        height: 34px;
-        left: -6px;
-        top: -6px;
-        outline: 1px dotted #000000;
-        position: absolute;
-        width: 34px; }
-    .checkbox input:checked:not(:disabled) + .skin {
-      background-color: #0568ae;
-      border-color: #0568ae; }
-    .checkbox input:checked:disabled + .skin:after {
-      color: #5A5A5A; }
-    .checkbox input:checked + .skin:after {
-      height: 20px;
-      width: 10px;
-      background-color: transparent;
-      font-size: 23.4px;
-      color: #FFFFFF;
-      line-height: 21px; }
-    .checkbox input:disabled + .skin {
-      cursor: not-allowed;
-      background-color: #d2d2d2;
-      border-color: #d2d2d2;
-      color: #666666; }
-      .checkbox input:disabled + .skin + span {
-        cursor: not-allowed;
-        color: #666666; }
-    .checkbox input:invalid + .skin {
-      border: solid 1px #cf2a2a; }
-    .checkbox input:indeterminate + .skin:after {
-      background-color: transparent;
-      font-size: 25px;
-      color: #0574ac;
-      content: "\e920"; }
-  .checkbox .skin {
+.checkbox input:focus + .skin {
+    border-color: #0568ae; }
+.checkbox input:focus + .skin:before {
+    content: "";
+    height: 34px;
+    left: -6px;
+    top: -6px;
+    outline: 1px dotted #000000;
+    position: absolute;
+    width: 34px; }
+.checkbox input:checked:not(:disabled) + .skin {
+    background-color: #0568ae;
+    border-color: #0568ae; }
+.checkbox input:checked:disabled + .skin:after {
+    color: #5A5A5A; }
+.checkbox input:checked + .skin:after {
+    height: 20px;
+    width: 10px;
+    background-color: transparent;
+    font-size: 23.4px;
+    color: #FFFFFF;
+    line-height: 21px; }
+.checkbox input:disabled + .skin {
+    cursor: not-allowed;
+    background-color: #d2d2d2;
+    border-color: #d2d2d2;
+    color: #666666; }
+.checkbox input:disabled + .skin + span {
+    cursor: not-allowed;
+    color: #666666; }
+.checkbox input:invalid + .skin {
+    border: solid 1px #cf2a2a; }
+.checkbox input:indeterminate + .skin:after {
+    background-color: transparent;
+    font-size: 25px;
+    color: #0574ac;
+    content: "\e920"; }
+.checkbox .skin {
     background-color: #fff;
     border: 1px solid #d2d2d2;
     border-radius: 3px;
@@ -286,1065 +178,270 @@ input[type=search]:-webkit-search-decoration {
     position: absolute;
     left: 0;
     top: 0; }
-  .checkbox span {
+.checkbox span {
     display: inline-block;
     margin-left: 34px;
     margin-top: 0;
     position: relative;
     top: 3px; }
-  .checkbox label {
+.checkbox label {
     font-size: 1.6rem;
     font-family: "Omnes-ECOMP-W02", Arial; }
-  .checkbox input {
+.checkbox input {
     z-index: 9999; }
-  .checkbox input.indeterminate + .skin:after {
+.checkbox input.indeterminate + .skin:after {
     font-size: 22px;
     color: #0568ae; }
 
-/* .checkbox.inline {
-  display: inline-block;
-  margin-bottom: 10px;
-  vertical-align: middle;
-  margin-right: 10px; }
-  .checkbox.inline:last-child {
-    margin-right: 0; }
-
-.checkbox.checkbox-selectall {
-  margin: 20px 0 0 24px; }
-
-.terms-after-checkbox {
-  margin-top: 15px; } */
-
-
-  .b2b-tree-checkbox a > span.nodeIcon.end {
-    margin-top: 10px; }
-.b2b-tree-checkbox a:only-child {
-  color: #0574ac; }
-  .b2b-tree-checkbox a:only-child > span.nodeIcon {
-    left: -11px;
-    border-radius: 50%;
-    line-height: 7px;
-    top: 0; }
-    .b2b-tree-checkbox a:only-child > span.nodeIcon > i {
-      background-color: inherit;
-      background: #fff; }
-.b2b-tree-checkbox a > span.nodeIcon > i.icon-primary-circle {
-  background-color: inherit;
-  background: #fff;
-  font-size: 5px; }
-.b2b-tree-checkbox ul li:first-child > a:only-child > span {
-  left: -11px;
-  border-radius: 50%;
-  line-height: 12px;
-  top: 0px; }
-.b2b-tree-checkbox ul li:first-child > a:only-child > span.end {
-  margin-top: 0px; }
-.b2b-tree-checkbox ul li:first-child > a:only-child > span i.icon-primary-circle {
-  top: 8px; }
-.b2b-tree-checkbox ul li:last-child > a:only-child > span {
-  height: 34px;
-  background-color: #fff; }
-.b2b-tree-checkbox li a + ul {
-  height: 0;
-  overflow: hidden; }
-.b2b-tree-checkbox li a.active + ul {
-  height: auto; }
-.b2b-tree-checkbox li a.grp {
-  font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-.b2b-tree-checkbox span.end {
-  left: -6px !important; }
-.b2b-tree-checkbox .checkbox {
-  margin-bottom: 0px;
-  margin-top: 2px;
-  font-size: 14px; }
-  .b2b-tree-checkbox .checkbox input:indeterminate + .skin:after {
-    content: "\2014";
-    padding-left: 2px;
-    font-family: inherit !important;
-    line-height: inherit !important; }
-/* .b2b-tree-checkbox span.first-link {
-  width: 3px !important;
-  height: 15px !important;
-  top: 0px !important;
-  left: -2px !important;
-  background: #fff; } */
-
-  .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row .checkbox-selectall {
-    margin: 0px 0 0 24px !important; }
-  
 .filter-container .checkbox .icon-primary-spinner {
-  height: 24px;
-  position: absolute;
-  width: 24px; }
+    height: 24px;
+    position: absolute;
+    width: 24px; }
 
 
 textarea {
-  display: block;
-  width: 400px;
-  max-width: 50%;
-  padding: 15px;
+    display: block;
+    width: 400px;
+    max-width: 50%;
+    padding: 15px;
 }
 select {
-  margin-right: -1;
-  max-width: 400px;
-  height: 36px;
-  line-height: 25px;
-  width: 400px;
-  background-color: #95959521; }
-
-.selectWrap.disabled .icon-primary-down {
-  color: #d6d6d6; }
-
-.selectWrap.disabled input.awd-select {
-  z-index: 0;
-  padding: 10px 45px 10px 15px;
-  text-indent: 0; }
-
-.selectWrap.disabled button.awd-select {
-  z-index: 0;
-  text-indent: 15px; }
+    margin-right: -1;
+    max-width: 400px;
+    height: 36px;
+    line-height: 25px;
+    width: 400px;
+    background-color: #95959521; }
 
-.selectWrap.disabled:after {
-  color: #5A5A5A;
-  cursor: not-allowed; }
 
 input.awd-select {
-  background-color: transparent;
-  border: 1px solid #d2d2d2;
-  border-radius: 6px;
-  box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-  color: #333333;
-  display: block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  /*font-size: 1.6rem;*/
-  height: 36px;
-  line-height: 0;
-  margin-bottom: 0;
-  position: relative;
-  text-align: left;
-  top: 0;
-  width: 100%;
-  z-index: 10;
-  padding: 12px 45px 8px 15px;
-  user-select: none; }
-  input.awd-select:focus {
+    background-color: transparent;
+    border: 1px solid #d2d2d2;
+    border-radius: 6px;
+    box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
+    color: #333333;
+    display: block;
+    font-family: "Omnes-ECOMP-W02", Arial;
+    /*font-size: 1.6rem;*/
+    height: 36px;
+    line-height: 0;
+    margin-bottom: 0;
+    position: relative;
+    text-align: left;
+    top: 0;
+    width: 100%;
+    z-index: 10;
+    padding: 12px 45px 8px 15px;
+    user-select: none; }
+input.awd-select:focus {
     border-color: #0568ae !important;
     text-overflow: ellipsis;
     padding-right: 45px; }
 
-button.awd-select {
-  background-color: transparent;
-  border: 1px solid #d2d2d2;
-  border-radius: 6px;
-  box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-  color: #333333;
-  display: block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  /*font-size: 1.6rem;*/
-  height: 36px;
-  line-height: 36px;
-  margin-bottom: 0;
-  position: relative;
-  text-align: left;
-  top: 0;
-  width: 100%;
-  z-index: 10; }
-  button.awd-select:not(.large) {
-    text-indent: 15px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: clip;
-    text-overflow: ellipsis; }
-  button.awd-select img {
-    height: 26px;
-    margin-right: 7px;
-    margin-top: -10px;
+.inputWrap {
+    border-radius: 6px;
     position: relative;
-    top: 2px;
-    vertical-align: text-bottom; }
-  button.awd-select:focus {
-    border-color: #0568ae !important; }
-  button.awd-select i {
-    font-size: 23px;
-    position: absolute;
-    right: 33px;
-    top: 5px;
-    z-index: 1000; }
-
-button.awd-select.large {
-  align-items: center;
-  display: flex;
-  height: 60px;
-  line-height: 20px;
-  overflow: hidden;
-  padding-left: 70px;
-  vertical-align: middle; }
-  button.awd-select.large img {
-    height: 40px;
-    left: 20px;
-    position: absolute;
-    top: 20px;
-    width: 40px; }
-
-.selectWrap.large {
-  height: 60px; }
-  .selectWrap.large .awd-select-list-item {
-    align-items: center;
-    display: flex;
-    height: 60px;
-    line-height: 20px;
-    overflow: hidden;
-    padding-left: 70px;
-    vertical-align: middle; }
-    .selectWrap.large .awd-select-list-item img {
-      height: 40px;
-      left: 20px;
-      position: absolute;
-      top: 20px;
-      width: 40px;
-      top: 10px; }
-      
-      .inputWrap {
-  border-radius: 6px;
-  position: relative;
-  height: 36px;
-  line-height: 44px;
-  display: block;
-  margin: 0;
-  }
+    height: 36px;
+    line-height: 44px;
+    display: block;
+    margin: 0;
+}
 
 button.awd-select.active {
-  border-radius: 6px 6px 0 0; }
-  button.awd-select.active:focus {
+    border-radius: 6px 6px 0 0; }
+button.awd-select.active:focus {
     border-color: #d2d2d2 !important; }
 
 input.awd-select.active {
-  border-radius: 6px 6px 0 0; }
-  input.awd-select.active:focus {
+    border-radius: 6px 6px 0 0; }
+input.awd-select.active:focus {
     border-color: #d2d2d2 !important; }
 
-.selectWrapper {
-  position: relative; }
-
-span.selectWrap input[readonly]:focus {
-  color: transparent;
-  text-shadow: 0 0 0 #000; }
 
 .isIE.ds2-no-colors .awd-select:focus {
-  outline: 1px dashed transparent; }
-
-.awd-select-list {
-  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-  border-radius: 0 0 6px 6px;
-  position: absolute;
-  border: 1px solid #d2d2d2;
-  border-top: 0;
-  padding: 0;
-  background-color: #f2f2f2;
-  z-index: 1000;
-  width: 100%;
-  max-height: 320px;
-  overflow-y: auto; }
-
-.awd-select-list-item {
-  cursor: pointer;
-  height: 100%;
-  min-height: 36px;
-  line-height: 20px;
-  overflow: hidden;
-  padding: 8px 15px;
-  position: relative;
-  z-index: 1000; }
-  .awd-select-list-item:hover {
-    cursor: pointer;
-    background-color: #d2d2d2;
-    outline: 1px dashed transparent; }
-  .awd-select-list-item:focus {
-    cursor: pointer;
-    background-color: #d2d2d2;
     outline: 1px dashed transparent; }
-  .awd-select-list-item img {
-    margin-top: 0;
-    margin-right: 7px;
-    height: 26px;
-    width: 26px; }
-
-.selectWrap {
-  border-radius: 6px;
-  position: relative;
-  height: 36px;
-  line-height: 28px;
-  display: block;
-  margin: 0;
-  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-  .selectWrap:not(.large) .awd-select-list-item:first-child {
-    margin-top: 15px; }
-  .selectWrap:not(.large) .awd-select-list-item:last-child {
-    margin-bottom: 15px; }
-  .selectWrap .icon-primary-down {
-    font-size: 23px;
-    margin-top: -11px;
-    position: absolute;
-    right: 4px;
-    top: 50%; }
-  .selectWrap + [aria-expanded="true"] {
-    padding-bottom: 9px;
-    padding-top: 20px; }
-
-.awd-select-list-item[data-hover="true"] {
-  background-color: #d2d2d2; }
-
-span input.awd-select {
-  width: 100%;
-  cursor: pointer;
-  text-overflow: ellipsis;
-  padding-right: 45px; }
-
-li.optgroup-wrapper {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  cursor: default !important;
-  padding: 0px 15px; }
-  li.optgroup-wrapper:first-child {
-    padding-top: 10px; }
-  li.optgroup-wrapper:hover {
-    background-color: #f2f2f2; }
-
-ul.optgroup {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  cursor: pointer !important;
-  margin: 0 -15px; }
-  ul.optgroup li {
-    padding: 0 0 0 33px; }
+
 
 label + .selectWrap {
-  margin-top: 4px; }
-
-.selectorModule {
-  border-radius: 6px;
-  position: relative;
-  height: 36px;
-  line-height: 28px;
-  display: block;
-  margin: 0;
-  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-
-.group .selectWrap {
-  margin: 0 0 10px 0; }
-
-select.awd-select {
-  position: relative;
-  top: 0;
-  left: 0;
-  font-size: 16px;
-  z-index: 1010;
-  height: 33px;
-  min-width: 100%;
-  opacity: 0.01; }
-  select.awd-select > optgroup {
-    padding-left: 8px;
-    font-style: normal;
-    margin-top: 10px; }
-    select.awd-select > optgroup:first-child {
-      margin-top: 0; }
-    select.awd-select > optgroup > option {
-      padding-left: 8px; }
-  select.awd-select > option {
-    padding-left: 8px; }
-  select.awd-select + span {
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0);
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 0;
-    display: block;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    height: 35px;
-    line-height: 0;
-    padding: 18px 45px 15px 15px;
-    width: 100%;
-    font-size: 1.6rem;
-    padding-right: 45px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis; }
-    select.awd-select + span > i {
-      font-size: 23px;
-      position: absolute;
-      right: 33px;
-      top: 5px;
-      z-index: 1000; }
-      select.awd-select + span > i:before {
-        left: 1px;
-        position: absolute;
-        top: -1px; }
-  select.awd-select:focus + span {
-    border-color: #0568ae; }
+    margin-top: 4px; }
 
 .isIE select.awd-select + span {
-  line-height: 1; }
+    line-height: 1; }
 
 [data-default-option="true"] {
-  color: #767676 !important;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial; }
+    color: #767676 !important;
+    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
 
 .placeholdercolor {
-  color: #767676 !important;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-
-.filterTank button.awd-select {
-  border-color: #d2d2d2;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #333333; }
-  .filterTank button.awd-select:after {
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2; }
-
-.utility-bg button.awd-select {
-  border-color: #d2d2d2;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #333333; }
-  .utility-bg button.awd-select:after {
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2; }
-
-.utility-bg select.awd-select + span {
-  border-color: #d2d2d2;
-  border-color: #d2d2d2;
-  background-color: #333333;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #FFFFFF; }
-  .utility-bg select.awd-select + span:after {
-    background-color: #FFFFFF !important;
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2;
-    border-color: #d2d2d2; }
-
-.utility-bg select.awd-select:focus + span {
-  border-color: #d2d2d2;
-  border-color: #d2d2d2;
-  background-color: #333333;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #FFFFFF; }
-  .utility-bg select.awd-select:focus + span:after {
-    background-color: #FFFFFF !important;
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2;
-    border-color: #d2d2d2; }
-
-.utility-bg select.awd-select:hover + span {
-  border-color: #d2d2d2;
-  border-color: #d2d2d2;
-  background-color: #333333;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #FFFFFF; }
-  .utility-bg select.awd-select:hover + span:after {
-    background-color: #FFFFFF !important;
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2;
-    border-color: #d2d2d2; }
-
-input.awd-select[disabled] {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  input.awd-select[disabled] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
+    color: #767676 !important;
+    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
 
-button.awd-select[disabled] {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  button.awd-select[disabled]:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled] + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled] + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled]:focus + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-
-select.awd-select[disabled]:hover + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-
-input.awd-select[disabled="disabled"] {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  input.awd-select[disabled="disabled"] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-
-select.awd-select[disabled="disabled"] + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled="disabled"] + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled="disabled"]:focus + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled="disabled"]:focus + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled="disabled"]:hover + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled="disabled"]:hover + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-.ddexpand-wrapper > h2 {
-  margin-bottom: 11px; }
-  .ddexpand-wrapper > h2 + p {
-    margin-bottom: 4px; }
-
-.ddexpand-wrapper .selectWrap + [aria-expanded="true"] .form-row {
-  margin-top: 11px; }
-
-.ddexpand-wrapper .selectWrap + [aria-expanded="true"] .row + .row .form-row {
-  margin-top: 14px; }
-
-.modal .awd-select-list {
-  z-index: 1060 !important; }
-
-.form-row.error button.awd-select.active:focus {
-  border-color: #cf2a2a !important; }
-
-.form-row.error input.awd-select.active:focus {
-  border-color: #cf2a2a !important; }
-
-.awd-module-list .module-list-item[aria-selected="true"] {
-  background-color: #f2f2f2; }
-
-li.module-list-item[aria-selected="true"]:before {
-  color: #0568ae;
-  display: inline-block;
-  font-family: "icoControls" !important;
-  font-style: normal;
-  font-size: 20px;
-  font-weight: normal;
-  font-variant: normal;
-  height: 1em;
-  margin-right: 7px;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  position: relative;
-  speak: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  width: 1em;
-  content: "\e907";
-  box-sizing: border-box;
-  display: inline-block;
-  font-size: 2em;
-  height: 1em;
-  position: absolute;
-  top: 20px;
-  right: 0px;
-  vertical-align: middle;
-  width: 1em;
-  color: #007a3e; }
-
-@media (min-width: 768px) {
-  span[class*="large"] {
-    max-width: 370px; }
-  .large {
-    max-width: 370px; } }
-
-@media (max-width: 767px) {
-  .selectWrap.large:after {
-    right: 5px; }
-  .selectWrap.large .awd-select-list-item {
-    padding-right: 41px; }
-  .selectWrap + div > h4 {
-    margin-bottom: 0;
-    font-size: 16px; } }
 
 /**********************Dropdown Chrome scrolling fix start ********************/
 input.awd-select {
-  -webkit-user-select: text;
-  -moz-user-select: text;
-  -ms-user-select: text;
-  user-select: text; }
+    -webkit-user-select: text;
+    -moz-user-select: text;
+    -ms-user-select: text;
+    user-select: text; }
 
-.checkbox .skin {
-  background-color: #fff;
-  border: 1px solid #d2d2d2;
-  border-radius: 3px;
-  display: inline-block;
-  height: 24px;
-  width: 24px;
-  position: absolute;
-  left: 0;
-  top: 0;
-}
 
 i, em {
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal;
+    font-family: "Omnes-ECOMP-W02-Italic", Arial;
+    font-style: normal;
 }
 
 
 
 .card{
-  border-radius: 5px;
+    border-radius: 5px;
 }
 
 .card-header{
-  height: 50px;
+    height: 50px;
 }
 
 .card-body{
-  height: 150px;
+    height: 150px;
 }
 
 .card-footer{
-  height: 50px;
+    height: 50px;
 }
 
 .dialog__close-btn {
-  border: 0;
-  background: #087ac2;
-  color: #ffffff;
-  position: absolute;
-  top: 8px;
-  right: 8px;
-  font-size: 1.2em;
-  display: block;
-  border: #087ac2 2px solid;
+    border: 0;
+    background: #087ac2;
+    color: #ffffff;
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    font-size: 1.2em;
+    display: block;
+    border: #087ac2 2px solid;
 }
 
 .modalTitle{
-    font-size: 35px;  
+    font-size: 35px;
 }
 
 
 .full-width-table {
-  width: 100%;
+    width: 100%;
 }
 
 
 .app-data-table {
-  margin-top: 35px;
-  /* margin-left: 250px;
-  margin-right: 250px; */
-  /* overflow: scroll; */
+    margin-top: 35px;
+    /* margin-left: 250px;
+    margin-right: 250px; */
+    /* overflow: scroll; */
 }
 
 .app-data-table1 {
-  margin-left: 150px;
-  margin-right: 150px;
+    margin-left: 150px;
+    margin-right: 150px;
 }
 
 th{
-  background-color: #2125299c;
-  color: rgb(255, 255, 255);
-  font-size: 15px;
-  border-radius: 2px;
-  height: 35px;
+    background-color: #2125299c;
+    color: rgb(255, 255, 255);
+    font-size: 15px;
+    border-radius: 2px;
+    height: 35px;
 }
 
 tr:nth-child(even) {
-  background-color: #dddddd;
-  font-size: 2px;
-  height: 35px;
-  border-radius: 4px;
-  
+    background-color: #dddddd;
+    font-size: 2px;
+    height: 35px;
+    border-radius: 4px;
+
 }
 
 tr:nth-child(odd) {
-  font-size: 2px;
-  height: 35px;
-  border-radius: 4px;
+    font-size: 2px;
+    height: 35px;
+    border-radius: 4px;
 }
 
-    
+
 .card{
-  border-radius: 10px;
-  
+    border-radius: 10px;
+
 }
 
 .card-header{
-  height: 80px;
+    height: 80px;
 }
 
 .card-body{
-  height: 150px;
+    height: 150px;
 }
 
 .card-footer{
-  height: 55px;
-  margin-right: 10px;
+    height: 55px;
+    margin-right: 10px;
 }
 
 .dialog__close-btn {
-  border: 0;
-  background: #087ac2;
-  color: #ffffff;
-  position: absolute;
-  top: 12px;
-  right: 12px;
-  font-size: 1em;
-  display: block;
-  border: #087ac2 2px solid;
+    border: 0;
+    background: #087ac2;
+    color: #ffffff;
+    position: absolute;
+    top: 12px;
+    right: 12px;
+    font-size: 1em;
+    display: block;
+    border: #087ac2 2px solid;
 }
 
 .modalTitle{
-    font-size: 35px;  
+    font-size: 35px;
 }
 
 ::-webkit-scrollbar {
-  width: 5px;
-  background: transparent;
+    width: 5px;
+    background: transparent;
 }
 
 
-label { 
-  float: left; 
-  width: 24em; 
-  margin-right: 2em; 
-  text-align: right; 
+label {
+    float: left;
+    width: 24em;
+    margin-right: 2em;
+    text-align: right;
 }
 
 
 .btn-alt {
-  border-color: #087ac2 transparent #0568ae;
-  background-color: #0568ae;
-  background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-  color: #ffffff; }
-  .btn-alt:hover {
+    border-color: #087ac2 transparent #0568ae;
+    background-color: #0568ae;
+    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
+    color: #ffffff; }
+.btn-alt:hover {
     color: #ffffff;
     outline-color: #ffffff !important;
     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-  .btn-alt:focus {
+.btn-alt:focus {
     color: #ffffff;
     outline-color: #ffffff !important;
     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-  .btn-alt:active {
+.btn-alt:active {
     color: #ffffff;
     outline-color: #ffffff !important;
     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-
-    
-a.btn {
-  vertical-align: middle; }
-  a.btn:hover {
-    text-decoration: none; }
-
-.field-group + .btn {
-  margin-left: 20px; }
-
-.btn-primary {
-  border-color: #ea7400 transparent #d16500;
-  background-color: #ea7400 transparent #d16500;
-  background: linear-gradient(to bottom, #ea7400 0%, #d16500 100%);
-  color: #ffffff;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-weight: bold; }
-  .btn-primary:hover {
-    text-decoration: none;
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-  .btn-primary:focus {
-    text-decoration: none;
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-  .btn-primary:active {
-    text-decoration: none;
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-
-.btn-arrow {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.6rem;
-  font-weight: normal;
-  background-color: transparent;
-  border: none;
-  padding: 5px 0 0;
-  top: -4px;
-  color: #333333;
-  position: relative; }
-  .btn-arrow:hover {
-    text-decoration: underline; }
-    .btn-arrow:hover .btn-primary {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-arrow:hover .btn-secondary {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-arrow:hover .btn-alt {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-    .btn-arrow:hover .btn-specialty {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-arrow:focus {
-    text-decoration: underline;
-    outline: 1px dotted #666; }
-    .btn-arrow:focus .btn-primary {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-arrow:focus .btn-secondary {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-arrow:focus .btn-alt {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-    .btn-arrow:focus .btn-specialty {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-arrow:active .btn-primary {
-    text-decoration: none;
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-  .btn-arrow:active .btn-secondary {
-    color: #0568ae;
-    outline-color: #000000 !important;
-    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-  .btn-arrow:active .btn-alt {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-  .btn-arrow:active .btn-specialty {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-arrow .btn-alt {
-    border-color: #087ac2 transparent #0568ae;
-    background-color: #0568ae;
-    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-    color: #ffffff; }
-    .btn-arrow .btn-alt:hover {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-arrow .btn-alt:focus {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-arrow .btn-alt:active {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-  .btn-arrow::-moz-focus-inner {
-    padding: 0;
-    border: 0; }
-  .btn-arrow .btn {
-    border: 1px solid transparent;
-    border-radius: 100%;
-    height: 36px;
-    margin-bottom: 0;
-    margin-right: 7px;
-    max-width: 36px;
-    min-width: 20px;
-    padding: 0;
-    margin-top: -4px;
-    vertical-align: middle;
-    width: 36px; }
-    .btn-arrow .btn .icon-primary-left {
-      bottom: 0;
-      display: block;
-      height: 100%;
-      left: 0;
-      line-height: 0;
-      position: absolute;
-      right: 0;
-      text-indent: 0;
-      top: 0; }
-      .btn-arrow .btn .icon-primary-left:before {
-        position: absolute;
-        font-size: 1.6rem;
-        left: 1px;
-        top: 9px; }
-    .btn-arrow .btn .icon-primary-right {
-      bottom: 0;
-      display: block;
-      height: 100%;
-      left: 0;
-      line-height: 0;
-      position: absolute;
-      right: 0;
-      text-indent: 0;
-      top: 0;
-      color: #ffffff; }
-      .btn-arrow .btn .icon-primary-right:before {
-        position: absolute;
-        font-size: 1.6rem;
-        left: 17px;
-        top: 9px; }
-  .btn-arrow .btn.btn-primary .icon-primary-left {
-    color: #fff; }
-  .btn-arrow .btn.btn-primary .icon-primary-right {
-    color: #fff; }
-  .btn-arrow .btn.btn-alt .icon-primary-left {
-    color: #fff; }
-  .btn-arrow .btn.btn-alt .icon-primary-right {
-    color: #fff; }
-  .btn-arrow .btn.btn-secondary {
-    border: 1px solid #d2d2d2; }
-    .btn-arrow .btn.btn-secondary .icon-primary-left {
-      color: #0568ae; }
-    .btn-arrow .btn.btn-secondary .icon-primary-right {
-      color: #0568ae; }
-  .btn-arrow .btn.btn-small {
+.btn-arrow .btn.btn-small {
     height: 20px;
     max-width: 20px;
     min-width: 20px;
     width: 20px;
     top: -1px; }
-    .btn-arrow .btn.btn-small .icon-primary-left:before {
-      font-size: 5px;
-      top: 4px;
-      left: 0; }
-    .btn-arrow .btn.btn-small .icon-primary-right:before {
-      font-size: 5px;
-      top: 4px;
-      left: 10px; }
-  .btn-arrow .btn.btn-large .icon-primary-left:before {
-    font-size: 112%;
-    top: 12px;
-    left: 23px; }
-  .btn-arrow .btn.btn-large .icon-primary-right:before {
-    font-size: 112%;
-    top: 12px;
-    left: 23px; }
-
-.btn-secondary {
-  border: 1px solid #d2d2d2;
-  background-color: #f2f2f2;
-  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-  color: #0568ae;
-  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-  padding: 14px 18px 11px 17px; }
-  .btn-secondary:hover {
-    color: #0568ae;
-    outline-color: #000000 !important;
-    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-  .btn-secondary:focus {
-    color: #0568ae;
-    outline-color: #000000 !important;
-    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-  .btn-secondary:active {
-    color: #0568ae;
-    outline-color: #000000 !important;
-    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
+.btn-arrow .btn.btn-small .icon-primary-left:before {
+    font-size: 5px;
+    top: 4px;
+    left: 0; }
+.btn-arrow .btn.btn-small .icon-primary-right:before {
+    font-size: 5px;
+    top: 4px;
+    left: 10px; }
 
-.btn-alt {
-  border-color: #087ac2 transparent #0568ae;
-  background-color: #0568ae;
-  background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-  color: #ffffff; }
-  .btn-alt:hover {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-  .btn-alt:focus {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-  .btn-alt:active {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-
-.btn-specialty {
-  border-color: #008744 transparent #007a3e;
-  background-color: #007a3e;
-  background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-  color: #ffffff; }
-  .btn-specialty:hover {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-specialty:focus {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-specialty:active {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-
-.btn-clear {
-  background: transparent !important;
-  border-color: transparent !important;
-  font-weight: normal;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  box-shadow: none;
-  text-decoration: none;
-  color: #0568ae; }
-  .btn-clear:focus {
-    text-decoration: underline; }
-  .btn-clear:hover {
-    text-decoration: underline; }
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.html
index 4d27b529..31a10cae 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.html
@@ -11,7 +11,7 @@
             <button (click)="close()" class="btn btn-alt btn-small">Close</button>
         </div>
     </div>
-</app-save-sql-changes-dialog-component> 
+</app-save-sql-changes-dialog-component>
 
 
 
@@ -19,7 +19,7 @@
 <app-columns-edit-component [(visible)]="showDialog">
     <div class="card">
       <div class="card-header">
-          <div class="modalTitle">{{message}}</div> 
+          <div class="modalTitle">{{message}}</div>
           <button *ngIf="closable" (click)="close()" aria-label="Close" class="dialog__close-btn">X</button>
           <br/>
       </div>
@@ -27,9 +27,16 @@
             <div style="height:500px; overflow: scroll;">
                 <div class="tab-pane">
                     <app-edit-drill-down-link *ngIf="showEditDrillDownPage" [reportId]="reportId" [drillDownObj]="drillDownObj" (completed)="onCompleted($event)" >
-                        
+
                       </app-edit-drill-down-link>
-                      <div *ngIf="!showEditDrillDownPage">
+                    <app-column-advanced-display *ngIf="showAdvancedDisplayPage"
+                                                 [semaphoreArr]="semaphoreList"
+                                                 [inputSemaphoreName]="semaphoreName"
+                                                 [addNew]="addDisplay"
+                                                  (completed)="finishAdvancedDisplay($event)" [columnName]="finalEditRowGetObj.colId">
+
+                    </app-column-advanced-display>
+                      <div *ngIf="!showEditDrillDownPage && !showAdvancedDisplayPage">
                     <div class="field-group">
                         <label class="defaultFontSize1">Column ID:</label><label class="boxMargin defaultFontSize">{{finalEditRowGetObj.colId}}</label>
                      </div>
@@ -164,18 +171,29 @@
                      <div>
                         <label class="defaultFontSize1">Drill-down Link: <mat-icon aria-hidden="false" aria-label="edit"  (click)="drillDownLinkPage()">edit</mat-icon> </label>
                         <label><select class="browser-default custom-select defaultFontSize"  required="required" placeholder="Select Report Type" [(ngModel)]="drilldownURL"  value="{{finalEditRowGetObj.drilldownURL}}">
-                            <option class="defaultFontSize" selected>Select Drill Down Link  </option>
-                            <option  class="defaultFontSize" *ngFor="let URLObj of URLListObjArray" value="{{URLObj.id}}" >{{URLObj.name}}</option>
+                            <option class="defaultFontSize" value="" selected>Select Drill Down Link  </option>
+                            <option  class="defaultFontSize" *ngFor="let URLObj of URLListObjArray" value="{{URLObj.id}}" >{{URLObj.id}}|{{URLObj.name}}</option>
                           </select>
                         </label>
                      </div>
+                          <div>
+                              <label class="defaultFontSize1">Advanced Display
+                                  <mat-icon *ngIf="semaphoreName !== 'No Display'" aria-hidden="false" aria-label="edit"  (click)="editDisplay()">edit</mat-icon>
+                                  <mat-icon  aria-hidden="false" aria-label="add" (click)="addNewDisplay()">add</mat-icon>
+                              </label>
+                              <label><select class="browser-default custom-select defaultFontSize"  required="required" placeholder="Select Report Type" [(ngModel)]="semaphoreName"  value="{{semaphoreName}}">
+                                  <option class="defaultFontSize" selected>No Display </option>
+                                  <option  class="defaultFontSize" *ngFor="let sem of semaphoreList.semaphore" value="{{sem.semaphoreName}}" >{{sem.semaphoreName}}</option>
+                              </select>
+                              </label>
+                          </div>
                      <br/>
                      <br/>
                      <div>
                         <label class="defaultFontSize1">Total for the column:</label>
                         <label><select class="browser-default custom-select defaultFontSize"  required="required" placeholder="Select Report Type" [(ngModel)]="displayTotal"  value="{{finalEditRowGetObj.displayTotal}}">
-                            <option selected>Select Total  </option>
-                            <option *ngFor="let TotalListObj of TotalColListObjArray" value="{{TotalListObj.id}}" >{{TotalListObj.id}}</option>
+                            <option selected value="">Select Total  </option>
+                            <option *ngFor="let TotalListObj of TotalColListObjArray" value="{{TotalListObj.id}}" >{{TotalListObj.name}}</option>
                           </select>
                         </label>
                      </div>
@@ -184,21 +202,17 @@
             </div>
         </div>
         <div class="card-footer" style="width: 1000px; padding-left: 770px;">
-            <button *ngIf="!showConfirmButton" (click)="save();" class="btn btn-alt btn-small">Save</button>&nbsp;
-            <button *ngIf="showConfirmButton" (click)="complete();" class="btn btn-alt btn-small">Confirm</button>&nbsp;&nbsp;
+            <button *ngIf="!showConfirmButton && !showAdvancedDisplayPage" (click)="save();" class="btn btn-alt btn-small">Save</button>&nbsp;
+            <button *ngIf="showConfirmButton && !showAdvancedDisplayPage" (click)="complete();" class="btn btn-alt btn-small">Confirm</button>&nbsp;&nbsp;
             <button (click)="close()" class="btn btn-alt btn-small">Cancel</button>
         </div>
     </div>
 </app-columns-edit-component>
 
-    <div *ngIf="showSpinner">
-        <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
-    </div>
-
-
+  <span class="ecomp-spinner" *ngIf="showSpinner"></span>
 
 <div class="app-data-table">
- 
+
   <table mat-table class="full-width-table app-data-table" matSort aria-label="Elements">
     <!-- Id Column -->
     <ng-container matColumnDef="id">
@@ -222,7 +236,7 @@
       <ng-container matColumnDef="edit">
           <th mat-header-cell *matHeaderCellDef mat-sort-header class="defaultFontSize">EDIT</th>
           <td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="edit" (click)="editRecord(row.id)">edit</mat-icon></td>
-          
+
         </ng-container>
 
     <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
@@ -230,7 +244,7 @@
   </table>
 
   <mat-paginator #paginator
-      [length]="dataSource?.data?.length"
+      [length]="dataSource?.data.length"
       [pageIndex]="0"
       [pageSize]="25"
       [pageSizeOptions]="[25, 50, 100, 250]">
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.spec.ts
index 8442c873..e9b8ff85 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.spec.ts
@@ -10,6 +10,7 @@ import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { ColumnService } from '../column.service';
 import 'rxjs/add/observable/of';
 import { Observable } from 'rxjs/Observable';
+import { HAMMER_LOADER } from '@angular/platform-browser';
 
 
 describe('ColumnListComponent', () => {
@@ -29,6 +30,10 @@ describe('ColumnListComponent', () => {
         FormsModule,
         HttpClientTestingModule
       ],
+      providers: [{
+        provide: HAMMER_LOADER,
+        useValue: () => new Promise(() => {})
+      }],
       schemas: [CUSTOM_ELEMENTS_SCHEMA]
     }).compileComponents();
   }));
@@ -36,7 +41,7 @@ describe('ColumnListComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(ColumnListComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
+    component.reportId = 123;
     _columnService=TestBed.get(ColumnService);
   });
 
@@ -57,7 +62,7 @@ describe('ColumnListComponent', () => {
     let spy2=spyOn(_columnService,'getDrillDownReportList').and.returnValue(Observable.of('you object'));
     let spy3=spyOn(_columnService,'getResponseTotalColsList').and.returnValue(Observable.of('you object'));
     component.editRecord("id");
-   
+    
     expect(component.columnId).toEqual("id");
     expect(spy1).toHaveBeenCalled();
     expect(spy2).toHaveBeenCalled();
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.ts
index 2cd68020..2a8561e6 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column-list/column-list.component.ts
@@ -6,358 +6,367 @@ import { DataTableDataSource, DataTableItem } from './column-list-datasource';
 import { HttpClient } from '@angular/common/http';
 import { environment } from '../../../../../../../environments/environment';
 import { ColumnService } from '../column.service';
+import {SemaphoreList} from '../model/semaphore-list';
+import {Semaphore} from '../model/semaphore';
 
 @Component({
-  selector: 'app-column-list',
-  templateUrl: './column-list.component.html',
-  styleUrls: ['./column-list.component.css']
+    selector: 'app-column-list',
+    templateUrl: './column-list.component.html',
+    styleUrls: ['./column-list.component.css']
 })
 export class ColumnListComponent implements OnInit {
-  @ViewChild(MatPaginator, {static: false} as any) paginator: MatPaginator;
-  @ViewChild(MatSort, {static: false} as any) sort: MatSort;
-  @ViewChild(MatTable, {static: false} as any) table: MatTable<DataTableItem>;
-
-  @Input("reportId") reportId : number;
-
-
-  
-  dataSource: DataTableDataSource;
-  finalGetObj : {};
-  finalEditRowGetObj : {};
-  finalObjArr: DataTableItem[];
-  status : string;
-  message : string;
-  showDialog : boolean;
-  closable : boolean;
-
-  columnId : string;
-  id : string;
-  name : string;
-  noWrap : boolean;
-  visible : boolean;
-  dependsOnFormFields : string;
-  dataType : string;
-  groupByPos : string;
-  customTextForSubTotal : string;
-  hideRepeatedValues : boolean;
-  multiGroupColumnLevel;
-  colspan : string;
-  displayName : string;
-  displayWidthInPixel : string;
-  indentation : string;
-  displayAlignment : string;
-  displayHeaderAlignment : string;
-  sortable : boolean;
-  drilldownURL : string;
-  displayTotal : string;
-  URLListObj : {};
-  URLListObjArray : {}[];
-  TotalColListObj : {};
-  TotalColListObjArray : {}[];
-  finalPOSTObj : {};
-  isDisabled: boolean;
-  showConfirmButton: boolean;
-
-  /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
-  displayedColumns = ['no', 'id', 'name', 'edit'];
-  SQLstatus: string;
-  SQLmessage: string;
-  showSaveColDialog: boolean;
-  Colclosable: boolean;
-  EditColmessage: string;
-  EditColstatus: string;
-
-  showEditDrillDownPage : boolean;
-  drillDownReportId : string;
-  drilldownParams : string;
-  drilldownType : string;
-  drillDownObj : {};
-  checkCnt : number;
-  showSpinner : boolean;
-  displayTable : boolean;
-
-  constructor(private _http : HttpClient, private _columnService : ColumnService){
-
-    this.showEditDrillDownPage = false;
-    this.showConfirmButton = false;
-
-    this.dataSource = new DataTableDataSource();
-
-    this.finalGetObj = new Object();
-    this.finalObjArr = new Array();
-    this.finalEditRowGetObj = new Object();
-  this.URLListObjArray = new Array();
-  this.TotalColListObjArray = new Array();
-    this.finalPOSTObj = new Object();
-    this.drillDownObj = new Object();
-    this.checkCnt = 0;
-    this.showSpinner = false;
-
-  }
-
-  ngOnInit() {
-
-    this.displayTable = true;
-
-    this._columnService.getColumnList()
-    .subscribe((response) => {
-     this.showSpinner = true;
-     this.finalGetObj = response;
-
-     let k=0;
-     while(this.finalGetObj[k])
-     {
-      this.finalGetObj[k]["no"] = k+1;
-      this.finalGetObj[k]["edit"] = "";
-
-      this.finalObjArr.push(this.finalGetObj[k]);
-    
-      k++;
-     }
-
-
-     
-
-      this.dataSource.data = this.finalObjArr;
-      
-      this.dataSource.sort = this.sort;
-    this.dataSource.paginator = this.paginator;
-    this.table.dataSource = this.dataSource;
-    this.dataSource.data = this.finalObjArr;
-      //this.dataSource.data = [{id:"1", no:1, name:"1", edit:""}];
-      this.showSpinner = false;
-    });
-    this.showDialog = false;
-    this.showSaveColDialog =false;
-    
-    
-  }
-
-
-  ngDoCheck()
-  {
-    this.drillDownReportId = this.drilldownURL;
-    this.drillDownObj["drillDownUrl"] = this.drilldownURL;
-    this.drillDownObj["drillDownParams"] = this.drilldownParams;
-    this.drillDownObj["drillDownType"] = this.drilldownType;
-  }
-
-
-  editRecord(id : string)
-  {
-    this.showSpinner = true;
-
-    this.columnId = id;
-    this._columnService.getIndividualColumnData(id)
-    .subscribe((response) => {
-      this.finalEditRowGetObj = response;
-
-      this.id = this.finalEditRowGetObj["colId"];
-      this.name = this.finalEditRowGetObj["colName"];
-
-      this.noWrap = (this.finalEditRowGetObj["noWrap"] === "Y" ? true : false);
-      this.visible = this.finalEditRowGetObj["visible"];
-
-      this.dependsOnFormFields = this.finalEditRowGetObj["depeondsOnForField"];
-      this.dataType = this.finalEditRowGetObj["dataType"];
-      this.groupByPos = (this.finalEditRowGetObj["groupByPos"] == null ? 0 : this.finalEditRowGetObj["groupByPos"] );
-      this.customTextForSubTotal = this.finalEditRowGetObj["subTotalCustomText"];
-      this.hideRepeatedValues = this.finalEditRowGetObj["hideRepeatedKey"];
-      this.multiGroupColumnLevel = (this.finalEditRowGetObj["level"] == null ? 0 : this.finalEditRowGetObj["level"]);
-      this.colspan  = (this.finalEditRowGetObj["colspan"] == null ? 0 : this.finalEditRowGetObj["colspan"]);
-      this.displayName = this.finalEditRowGetObj["displayName"];
-      this.displayWidthInPixel = (this.finalEditRowGetObj["displayWidthInPixel"] == null ? 0 : this.finalEditRowGetObj["displayWidthInPixel"] );
-      this.indentation = (this.finalEditRowGetObj["indentation"] == null ? 0 : this.finalEditRowGetObj["indentation"]);
-      this.displayAlignment = this.finalEditRowGetObj["displayAlignment"];
-      this.displayHeaderAlignment = (this.finalEditRowGetObj["displayHeaderAlignment"] == null ? "" : this.finalEditRowGetObj["displayHeaderAlignment"]);
-      this.sortable = this.finalEditRowGetObj["sortable"];
-      this.drilldownURL = this.finalEditRowGetObj["drilldownURL"];
-      this.drilldownParams = this.finalEditRowGetObj["drilldownParams"];
-      this.drilldownType = this.finalEditRowGetObj["drilldownType"];
-      this.drillDownObj["drillDownUrl"] = this.drilldownURL;
-      this.drillDownObj["drillDownParams"] = this.drilldownParams;
-      this.drillDownObj["drillDownType"] = this.drilldownType;
-
-
-
-      this. displayTotal = (this.finalEditRowGetObj["displayTotal"] == null ? "" : this.finalEditRowGetObj["displayTotal"]);
-
-
-      this._columnService.getDrillDownReportList()
-      .subscribe((responseURLList) => {
-        
-        this.URLListObj = responseURLList;
-
-        let l=0;
-        while(this.URLListObj[l])
-        {
-            this.URLListObjArray.push(this.URLListObj[l]);
-            l++;
+    @ViewChild(MatPaginator, {static: false} as any) paginator: MatPaginator;
+    @ViewChild(MatSort, {static: false} as any) sort: MatSort;
+    @ViewChild(MatTable, {static: false} as any) table: MatTable<DataTableItem>;
+
+    @Input('reportId') reportId: number;
+
+
+
+    dataSource: DataTableDataSource;
+    finalGetObj: {};
+    finalEditRowGetObj: {};
+    finalObjArr: DataTableItem[];
+    status: string;
+    message: string;
+    showDialog: boolean;
+    closable: boolean;
+
+    columnId: string;
+    id: string;
+    name: string;
+    noWrap: boolean;
+    visible: boolean;
+    dependsOnFormFields: string;
+    dataType: string;
+    groupByPos: string;
+    customTextForSubTotal: string;
+    hideRepeatedValues: boolean;
+    multiGroupColumnLevel;
+    colspan: string;
+    displayName: string;
+    displayWidthInPixel: string;
+    indentation: string;
+    displayAlignment: string;
+    displayHeaderAlignment: string;
+    sortable: boolean;
+    drilldownURL: string;
+    displayTotal: string;
+    URLListObj: {};
+    URLListObjArray: {}[];
+    TotalColListObj: {};
+    TotalColListObjArray: {}[];
+    finalPOSTObj: {};
+    isDisabled: boolean;
+    showConfirmButton: boolean;
+
+    /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
+    displayedColumns = ['no', 'id', 'name', 'edit'];
+    SQLstatus: string;
+    SQLmessage: string;
+    showSaveColDialog: boolean;
+    Colclosable: boolean;
+    EditColmessage: string;
+    EditColstatus: string;
+
+    showEditDrillDownPage: boolean;
+    showAdvancedDisplayPage = false;
+    drillDownReportId: string;
+    drilldownParams: string;
+    drilldownType: string;
+    drillDownObj: {};
+    checkCnt: number;
+    showSpinner: boolean;
+    displayTable: boolean;
+    semaphoreList: SemaphoreList;
+    semaphoreName: String;
+    semaphoreId: String;
+    private newSemaphoreList: any;
+    private addDisplay = false;
+    incomingDrillDownParams: string;
+    isIncomingDrillDownParams: boolean;
+
+    constructor(private _http: HttpClient, private _columnService: ColumnService) {
+
+        this.showEditDrillDownPage = false;
+        this.showAdvancedDisplayPage = false;
+        this.showConfirmButton = false;
+        this.addDisplay = false;
+
+        this.dataSource = new DataTableDataSource();
+
+        this.finalGetObj = new Object();
+        this.finalObjArr = new Array();
+        this.finalEditRowGetObj = new Object();
+        this.URLListObjArray = new Array();
+        this.TotalColListObjArray = new Array();
+        this.finalPOSTObj = new Object();
+        this.drillDownObj = new Object();
+        this.checkCnt = 0;
+        this.showSpinner = false;
+        this.semaphoreList = new class implements SemaphoreList {
+            semaphore: Semaphore[];
+        };
+        this.semaphoreName = 'No Display';
+        this.incomingDrillDownParams = '';
+        this.isIncomingDrillDownParams = false;
+
+    }
+
+    ngOnInit() {
+
+        this.displayTable = true;
+        this._columnService.getColumnList()
+            .subscribe((response) => {
+                this.showSpinner = true;
+                this.finalGetObj = response;
+                let fgo_counter = 0;
+                while (this.finalGetObj[fgo_counter]) {
+                    this.finalGetObj[fgo_counter]['no'] = fgo_counter + 1;
+                    this.finalGetObj[fgo_counter]['edit'] = '';
+                    this.finalObjArr.push(this.finalGetObj[fgo_counter]);
+                    fgo_counter++;
+                }
+                this.dataSource.data = this.finalObjArr;
+                this.dataSource.sort = this.sort;
+                this.dataSource.paginator = this.paginator;
+                this.table.dataSource = this.dataSource;
+                this.dataSource.data = this.finalObjArr;
+                this.showSpinner = false;
+            });
+        this.showDialog = false;
+        this.showSaveColDialog = false;
+
+
+    }
+
+
+    ngDoCheck() {
+        this.drillDownReportId = this.drilldownURL;
+        this.drillDownObj['drillDownUrl'] = this.drilldownURL;
+        this.drillDownObj['drillDownParams'] = this.drilldownParams;
+        this.drillDownObj['drillDownType'] = this.drilldownType;
+    }
+
+
+    editRecord(id: string) {
+        this.showSpinner = true;
+
+        this.columnId = id;
+        this._columnService.getIndividualColumnData(id)
+            .subscribe((response) => {
+                this.finalEditRowGetObj = response;
+                this.id = this.finalEditRowGetObj['colId'];
+                this.name = this.finalEditRowGetObj['colName'];
+                this.noWrap = (this.finalEditRowGetObj['noWrap'] === 'Y' ? true : false);
+                this.visible = this.finalEditRowGetObj['visible'];
+                this.dependsOnFormFields = this.finalEditRowGetObj['depeondsOnForField'];
+                this.dataType = this.finalEditRowGetObj['dataType'];
+                this.groupByPos = (this.finalEditRowGetObj['groupByPos'] == null ? 0 : this.finalEditRowGetObj['groupByPos'] );
+                this.customTextForSubTotal = this.finalEditRowGetObj['subTotalCustomText'];
+                this.hideRepeatedValues = this.finalEditRowGetObj['hideRepeatedKey'];
+                this.multiGroupColumnLevel = (this.finalEditRowGetObj['level'] == null ? 0 : this.finalEditRowGetObj['level']);
+                this.colspan  = (this.finalEditRowGetObj['colspan'] == null ? 0 : this.finalEditRowGetObj['colspan']);
+                this.displayName = this.finalEditRowGetObj['displayName'];
+                this.displayWidthInPixel = (this.finalEditRowGetObj['displayWidthInPixel'] == null ? 0 : this.finalEditRowGetObj['displayWidthInPixel'] );
+                this.indentation = (this.finalEditRowGetObj['indentation'] == null ? 0 : this.finalEditRowGetObj['indentation']);
+                this.displayAlignment = this.finalEditRowGetObj['displayAlignment'];
+                this.displayHeaderAlignment = (this.finalEditRowGetObj['displayHeaderAlignment'] == null ? '' : this.finalEditRowGetObj['displayHeaderAlignment']);
+                this.sortable = this.finalEditRowGetObj['sortable'];
+                this.drilldownURL = this.finalEditRowGetObj['drilldownURL'];
+                this.drilldownParams = this.finalEditRowGetObj['drilldownParams'];
+                this.drilldownType = this.finalEditRowGetObj['drilldownType'];
+                this.drillDownObj['drillDownUrl'] = this.drilldownURL;
+                this.drillDownObj['drillDownParams'] = this.drilldownParams;
+                this.drillDownObj['drillDownType'] = this.drilldownType;
+                this.semaphoreList =  this.finalEditRowGetObj['semaphoreList'];
+                this.semaphoreId = this.finalEditRowGetObj['semaphoreId'];
+                if (this.semaphoreId === '') {
+                    this.semaphoreName = 'No Display';
+                } else {
+                    if(this.semaphoreList && this.semaphoreList.semaphore){
+                        for (let semCtr = 0; semCtr < this.semaphoreList.semaphore.length; semCtr++) {
+                            if (this.semaphoreId === this.semaphoreList.semaphore[semCtr]['semaphoreId']) {
+                                this.semaphoreName = this.semaphoreList.semaphore[semCtr]['semaphoreName'];
+                            }
+                        }
+                    }
+                }
+                this. displayTotal = (this.finalEditRowGetObj['displayTotal'] == null ? '' : this.finalEditRowGetObj['displayTotal']);
+                this._columnService.getDrillDownReportList()
+                    .subscribe((responseURLList) => {
+                        this.URLListObj = responseURLList;
+
+                        let listCtr = 0;
+                        while (this.URLListObj[listCtr]) {
+                            this.URLListObjArray.push(this.URLListObj[listCtr]);
+                            listCtr++;
+                        }
+                    });
+
+                this._columnService.getResponseTotalColsList()
+                    .subscribe((responseTotalColList) => {
+                        this.TotalColListObj = responseTotalColList;
+                        let colCtr = 0;
+                        while (this.TotalColListObj[colCtr]) {
+                            this.TotalColListObjArray.push(this.TotalColListObj[colCtr]);
+                            colCtr++;
+                        }
+                    });
+                this.status = 'Success!';
+                this.message = 'Report Column - Edit';
+                this.showDialog = !this.showDialog;
+                this.closable = true;
+                this.showSpinner = false;
+            });
+    }
+
+    ngOnChanges() {
+        console.log('Hit');
+    }
+
+
+    close() {
+        this._columnService.getColumnList()
+            .subscribe((response) => {
+                this.showSpinner = true;
+                this.dataSource = new DataTableDataSource();
+                this.finalObjArr = [];
+                this.finalGetObj = response;
+
+                let fgo_counter = 0;
+                while (this.finalGetObj[fgo_counter]) {
+                    this.finalGetObj[fgo_counter]['no'] = fgo_counter + 1;
+                    this.finalGetObj[fgo_counter]['edit'] = '';
+                    this.finalObjArr.push(this.finalGetObj[fgo_counter]);
+                    fgo_counter++;
+                }
+                this.dataSource.data = this.finalObjArr;
+                this.dataSource.sort = this.sort;
+                this.dataSource.paginator = this.paginator;
+                this.table.dataSource = this.dataSource;
+                this.dataSource.data = this.finalObjArr;
+                this.showSpinner = false;
+            });
+        this.showDialog = false;
+        this.showSaveColDialog = false;
+        this.closable = false;
+        this.showEditDrillDownPage = false;
+        this.showAdvancedDisplayPage = false;
+        this.addDisplay = false;
+        this.Colclosable = false;
+        this.showConfirmButton = false;
+    }
+
+    complete() {
+        this.showEditDrillDownPage = !this.showEditDrillDownPage;
+        this.showConfirmButton = false;
+        this.isIncomingDrillDownParams = true;
+    }
+
+    onCompleted(drilldownParamsArr: any) {
+        this.incomingDrillDownParams = drilldownParamsArr;
+    }
+
+
+    save() {
+
+        this.showSpinner = true;
+
+        this.finalPOSTObj['tabId'] = 'ColEdit';
+        this.finalPOSTObj['tabName'] = 'Column Edit';
+
+        this.finalPOSTObj['colId'] = this.id;
+        this.finalPOSTObj['colName'] = this.name;
+
+        this.finalPOSTObj['colType'] = '';
+        this.finalPOSTObj['colspan'] = this.colspan;
+        this.finalPOSTObj['dataType'] = this.dataType;
+        this.finalPOSTObj['depeondsOnForField'] = this.dependsOnFormFields;
+        this.finalPOSTObj['displayAlignment'] = this.displayAlignment;
+        this.finalPOSTObj['displayHeaderAlignment'] = this.displayHeaderAlignment;
+        this.finalPOSTObj['displayName'] = this.displayName;
+        this.finalPOSTObj['displayTotal'] = this.displayTotal;
+        this.finalPOSTObj['displayWidth'] = 10;
+        this.finalPOSTObj['displayWidthInPixel'] = this.displayWidthInPixel;
+        if (this.isIncomingDrillDownParams) {
+            this.finalPOSTObj['drilldownParams'] = this.incomingDrillDownParams;
+        } else {
+            this.finalPOSTObj['drilldownParams'] = this.drilldownParams;
+        }
+        this.finalPOSTObj['drilldownType'] = '';
+        this.finalPOSTObj['drilldownURL'] = this.drilldownURL;
+        this.finalPOSTObj['errorMessage'] = '';
+        this.finalPOSTObj['errorStackTrace'] = '';
+        this.finalPOSTObj['groupByPos'] = this.groupByPos;
+        this.finalPOSTObj['hideRepeatedKey'] = this.hideRepeatedValues;
+        this.finalPOSTObj['indentation'] = this.indentation;
+        this.finalPOSTObj['level'] = this.multiGroupColumnLevel;
+        this.finalPOSTObj['noWrap'] = (this.noWrap === true ? 'Y' : 'N');
+        this.finalPOSTObj['sortable'] = this.sortable;
+        this.finalPOSTObj['subTotalCustomText'] = this.displayTotal;
+        this.finalPOSTObj['visible'] = this.visible;
+        if (this.semaphoreName === 'No Display') {
+            this.semaphoreId = '';
+        } else {
+            for ( let slcount = 0 ; slcount < this.semaphoreList.semaphore.length; slcount++) {
+                if (this.semaphoreName === this.semaphoreList.semaphore[slcount].semaphoreName) {
+                    this.semaphoreId = this.semaphoreList.semaphore[slcount].semaphoreId;
+                }
+            }
         }
-      });
+        this.finalPOSTObj['semaphoreId'] = this.semaphoreId;
+        this.finalPOSTObj['semaphoreList'] = this.semaphoreList;
 
 
-      this._columnService.getResponseTotalColsList()
-      .subscribe((responseTotalColList) => {
+        this._columnService.postColumnChanges(this.finalPOSTObj)
+            .subscribe((finalPOSTResponse) => {
 
-        this.TotalColListObj = responseTotalColList;
+                if (finalPOSTResponse) {
+                    this.EditColstatus = 'Success!';
+                    this.EditColmessage = 'Your change has been saved! Row definition is updated.';
+                    this.showSaveColDialog = !this.showSaveColDialog;
 
-        let l=0;
-        while(this.TotalColListObj[l])
-        {
-            this.TotalColListObjArray.push(this.TotalColListObj[l]);
-            l++;
-        }
-      });
+                    this.Colclosable = true;
 
-      this.status = "Success!";
-      this.message = "Report Column - Edit";
-        this.showDialog = !this.showDialog;
-        this.closable = true; 
+                } else {
+                    this.EditColstatus = 'Failure!';
+                    this.EditColmessage = 'Row definition could not be updated.';
+                    this.showSaveColDialog = !this.showSaveColDialog;
 
+                    this.Colclosable = true;
+                }
 
+                this.showEditDrillDownPage = false;
+                this.showAdvancedDisplayPage = false;
+                this.isIncomingDrillDownParams = false;
+                this.addDisplay = false;
+                this.showSpinner = false;
+            });
+
+    }
+
+
+    drillDownLinkPage() {
+        this.showEditDrillDownPage = !this.showEditDrillDownPage;
+        this.showConfirmButton = true;
+    }
+
+    editDisplay() {
+        this.showAdvancedDisplayPage = true;
+    }
 
-        this.showSpinner = false;
-    });
-
-
-    
-  }
-
-  ngOnChanges()
-  {
-    console.log("Hit");
-  }
-
-  
-  close() {
-    
-    
-
-    this._columnService.getColumnList()
-    .subscribe((response) => {
-      this.showSpinner = true;
-      this.dataSource = new DataTableDataSource();
-      this.finalObjArr = [];
-      
-     this.finalGetObj = response;
-
-     let k=0;
-     while(this.finalGetObj[k])
-     {
-      this.finalGetObj[k]["no"] = k+1;
-      this.finalGetObj[k]["edit"] = "";
-
-      this.finalObjArr.push(this.finalGetObj[k]);
-    
-      k++;
-     }
-
-
-     
-
-      this.dataSource.data = this.finalObjArr;
-
-      this.dataSource.sort = this.sort;
-    this.dataSource.paginator = this.paginator;
-    this.table.dataSource = this.dataSource;
-    this.dataSource.data = this.finalObjArr;
-      //this.dataSource.data = [{id:"1", no:1, name:"1", edit:""}];
-
-      this.showSpinner = false;
-    });
-    this.showDialog = false;
-    this.showSaveColDialog =false;
-
-    // this.showDialog = !this.showDialog;
-    this.closable = false;
-
-    // this.showSaveColDialog =false;
-    this.showEditDrillDownPage = false;
-    this.Colclosable = false;
-    this.showConfirmButton = false;
-  }
-
-  complete()
-  {
-    this.showEditDrillDownPage = !this.showEditDrillDownPage;
-    this.showConfirmButton = false;
-  }
-
-  onCompleted(drilldownParamsArr : any)
-  {
-      this.drilldownParams = drilldownParamsArr["drilldownParams"];
-  }
-
-
-  save()
-  {
-
-    this.showSpinner = true;
-
-    this.finalPOSTObj["tabId"] = "ColEdit";
-    this.finalPOSTObj["tabName"] = "Column Edit";
-
-    this.finalPOSTObj["colId"] = this.id;
-    this.finalPOSTObj["colName"] = this.name;
-
-    this.finalPOSTObj["colType"] = "";
-    this.finalPOSTObj["colspan"] = this.colspan;
-    this.finalPOSTObj["dataType"] = this.dataType;
-    this.finalPOSTObj["depeondsOnForField"] = this.dependsOnFormFields;
-    this.finalPOSTObj["displayAlignment"] = this.displayAlignment;
-    this.finalPOSTObj["displayHeaderAlignment"] = this.displayHeaderAlignment;
-    this.finalPOSTObj["displayName"] = this.displayName;
-    this.finalPOSTObj["displayTotal"] = this.displayTotal;
-    this.finalPOSTObj["displayWidth"] = 10;
-    this.finalPOSTObj["displayWidthInPixel"] = this.displayWidthInPixel;
-    this.finalPOSTObj["drilldownParams"] = this.drilldownParams;
-    this.finalPOSTObj["drilldownType"] = "";
-    this.finalPOSTObj["drilldownURL"] = this.drilldownURL;
-    this.finalPOSTObj["errorMessage"] = "";
-    this.finalPOSTObj["errorStackTrace"] = "";
-    this.finalPOSTObj["groupByPos"] = this.groupByPos;
-    this.finalPOSTObj["hideRepeatedKey"] = this.hideRepeatedValues;
-    this.finalPOSTObj["indentation"] = this.indentation;
-    this.finalPOSTObj["level"] = this.multiGroupColumnLevel;
-    this.finalPOSTObj["noWrap"] = (this.noWrap === true? "Y" : "N");
-    this.finalPOSTObj["sortable"] = this.sortable;
-    this.finalPOSTObj["subTotalCustomText"] = this.displayTotal;
-    this.finalPOSTObj["visible"] = this.visible;
-
-    this._columnService.postColumnChanges(this.finalPOSTObj)
-    .subscribe((finalPOSTResponse) => {
-
-      if(finalPOSTResponse)
-      {
-        this.EditColstatus = "Success!";
-        this.EditColmessage = "Your change has been saved! Row definition is updated.";
-          this.showSaveColDialog = !this.showSaveColDialog;
-          
-          this.Colclosable = true; 
-    
-      }
-      else
-      {
-        this.EditColstatus = "Failure!";
-        this.EditColmessage = "Row definition could not be updated.";
-          this.showSaveColDialog = !this.showSaveColDialog;
-          
-          this.Colclosable = true;
-      }
-
-      this.showEditDrillDownPage = false;
-      this.showSpinner = false;
-    });
-
-  }
-
-
-  drillDownLinkPage()
-  {
-      this.showEditDrillDownPage = !this.showEditDrillDownPage;
-      this.showConfirmButton = true;
-  }
 
+    finishAdvancedDisplay(displayObj: any) {
+        this.addDisplay = false;
+        this.semaphoreName = displayObj['semName'];
+        this.semaphoreList = displayObj['semList'];
+        this.semaphoreId = displayObj['semId'];
+        this.showAdvancedDisplayPage = displayObj['setCloseDisplay'];
+    }
 
+    addNewDisplay() {
+        this.showAdvancedDisplayPage = true;
+        this.addDisplay = true;
+    }
 }
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column.service.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column.service.spec.ts
index e663001a..22e1cc3d 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column.service.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/column.service.spec.ts
@@ -12,6 +12,9 @@ describe('ColumnService', () => {
        imports: [HttpClientTestingModule]
   }));
 
+  // httpClient=TestBed.get(HttpClient);
+  // httpTestingController=TestBed.get(httpTestingController);
+
   it('should be created', () => {
     const service: ColumnService = TestBed.get(ColumnService);
     expect(service).toBeTruthy();
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.css
new file mode 100644
index 00000000..81b64fba
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.css
@@ -0,0 +1,108 @@
+table, th , td  {
+    border: 1px solid grey;
+    border-collapse: collapse;
+    padding: 5px;
+}
+table tr:nth-child(odd) {
+    background-color: #f1f1f1;
+}
+table tr:nth-child(even) {
+    background-color: #ffffff;
+}
+
+.btn-alt {
+    border-color: #087ac2 transparent #0568ae;
+    background-color: #0568ae;
+    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
+    color: #ffffff; }
+
+.checkbox {
+    position: relative;
+    min-height: 24px;
+    font-family: "Omnes-ECOMP-W02", Arial;
+    font-size: 1rem;
+}
+.checkbox input {
+    -webkit-tap-highlight-color: transparent;
+    height: 20px;
+    margin-left: 20px;
+    opacity: 0;
+    outline: none;
+    position: absolute;
+    left: 1px;
+    top: 1px;
+    width: 10px; }
+.checkbox input:focus + .skin {
+    border-color: #0568ae; }
+.checkbox input:focus + .skin:before {
+    content: "";
+    height: 34px;
+    left: -6px;
+    top: -6px;
+    outline: 1px dotted #000000;
+    position: absolute;
+    width: 34px; }
+.checkbox input:checked:not(:disabled) + .skin {
+    background-color: #0568ae;
+    border-color: #0568ae; }
+.checkbox input:checked:disabled + .skin:after {
+    color: #5A5A5A; }
+.checkbox input:checked + .skin:after {
+    height: 20px;
+    width: 10px;
+    background-color: transparent;
+    font-size: 23.4px;
+    color: #FFFFFF;
+    line-height: 21px; }
+.checkbox input:disabled + .skin {
+    cursor: not-allowed;
+    background-color: #d2d2d2;
+    border-color: #d2d2d2;
+    color: #666666; }
+.checkbox input:disabled + .skin + span {
+    cursor: not-allowed;
+    color: #666666; }
+.checkbox input:invalid + .skin {
+    border: solid 1px #cf2a2a; }
+.checkbox input:indeterminate + .skin:after {
+    background-color: transparent;
+    font-size: 25px;
+    color: #0574ac;
+    content: "\e920"; }
+.checkbox .skin {
+    background-color: #fff;
+    border: 1px solid #d2d2d2;
+    border-radius: 3px;
+    display: inline-block;
+    height: 24px;
+    width: 24px;
+    position: absolute;
+    left: 0;
+    top: 0; }
+.checkbox span {
+    display: inline-block;
+    margin-left: 34px;
+    margin-top: 0;
+    position: relative;
+    top: 3px; }
+.checkbox label {
+    font-size: 1.6rem;
+    font-family: "Omnes-ECOMP-W02", Arial; }
+.checkbox input {
+    z-index: 9999; }
+.checkbox input.indeterminate + .skin:after {
+    font-size: 22px;
+    color: #0568ae; }
+
+input {
+    background-color: #ffffff;
+    border: 1px solid #d2d2d2;
+    -webkit-appearance: none;
+    box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
+    transition: border .3s linear 0s;
+    font-family: "Omnes-ECOMP-W02", Arial; }
+
+mat-icon{
+    color: #006496;
+    cursor: pointer;
+}
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.html
new file mode 100644
index 00000000..63d024b1
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.html
@@ -0,0 +1,126 @@
+
+<div class="field-group">
+    <h3>Advanced Display Configuration</h3>
+    <br/>
+    <label class="defaultFontSize1">Display Name: </label>
+    <input  [(ngModel)]="semaphore.semaphoreName" class="defaultFontSize" id="semaphoreName" name="displayName"
+            style="width: 60%" type="text" >
+</div>
+<div class="field-group">
+    <mat-form-field>
+        <mat-label class="b2b-dro">Apply To:</mat-label>
+        <mat-select data-select-color="blue" [(ngModel)]="semaphore.semaphoreType" aria-label="reportType" placeholder="Select chart Type">
+            <mat-option value="CELL">Current Value Only</mat-option>
+            <mat-option value="CELL">Entire Row</mat-option>
+        </mat-select>
+    </mat-form-field>
+</div>
+<div id="RangeTable">
+    <table >
+        <thead>
+        <tr>
+            <th>Expression</th>
+            <th>ColumnValue</th>
+            <th>Bold?</th>
+            <th>Italic?</th>
+            <th>Under line?</th>
+            <th>Background Color</th>
+            <th>Font Color</th>
+            <th>Font Face</th>
+            <th>Font Size</th>
+            <th>Preview</th>
+            <th>Delete</th>
+        </tr>
+        </thead>
+        <tbody *ngFor="let format of semaphore.formatList.format; let i = index">
+        <td *ngIf="i === 0">Any</td>
+        <td *ngIf="i === 0">Value</td>
+        <td *ngIf="i !== 0">
+            <select name="choice" [(ngModel)]="format.expression" >
+                <option value="=">=</option>
+                <option value="&lt;&gt;">&lt;&gt;</option>
+                <option value="&gt;"> &gt;</option>
+                <option value="&gt;=">&gt;=</option>
+                <option value="&lt;">&lt;</option>
+                <option value="&lt;=">&lt;=</option>
+            </select>
+        </td>
+        <td *ngIf="i !== 0">
+            <input align="center" [(ngModel)]="format.lessThanValue" class="defaultFontSize" id="lessThanValue" name="displayName"
+                   style="width: 100px;" type="text" >
+        </td>
+        <td>
+            <label class="checkbox">
+                <input [(ngModel)]="format.bold" class="defaultFontSize" type="checkbox">
+                <i class="skin"></i>
+            </label>
+        </td>
+        <td>
+            <label class="checkbox">
+                <input [(ngModel)]="format.italic" class="defaultFontSize" type="checkbox">
+                <i class="skin"></i>
+            </label>
+        </td>
+        <td>
+            <label class="checkbox">
+                <input [(ngModel)]="format.underline" class="defaultFontSize" type="checkbox">
+                <i class="skin"></i>
+            </label>
+        </td>
+        <td>
+            <select name="choice" [(ngModel)]="format.bgColor" >
+                <option *ngFor="let color of rangeColors" [value]="color.value">
+                    {{color.title}}
+                </option>
+            </select>
+        </td>
+        <td>
+            <select name="choice" [(ngModel)]="format.fontColor" >
+                <option *ngFor="let color of rangeColors" [value]="color.value">
+                    {{color.title}}
+                </option>
+            </select>
+        </td>
+        <td>
+            <select name="choice" [(ngModel)]="format.fontFace" >
+                <option *ngFor="let face of fontFamily" [value]="face.value">
+                    {{face.title}}
+                </option>
+            </select>
+        </td>
+        <td>
+            <select name="choice" [(ngModel)]="format.fontSize" >
+                <option value="6">6</option>
+                <option value="8">8</option>
+                <option value="9">9</option>
+                <option value="10">10</option>
+                <option value="11">11</option>
+                <option value="12">12</option>
+                <option value="14">14</option>
+                <option value="16">16</option>
+                <option value="18">18</option>
+                <option value="24">24</option>
+                <option value="36">36</option>
+                <option value="48">48</option>
+                <option value="72">72</option>
+            </select>
+        </td>
+        <td>
+            <span #sample [ngStyle]=setStyle(format)> sample</span>
+        </td>
+        <td *ngIf="i !=0"><mat-icon aria-hidden="false" aria-label="delete" (click)="deleteFormat(format)">delete</mat-icon>&nbsp;
+        </td>
+        <td *ngIf="i === 0">
+        </td>
+        </tbody>
+    </table>
+    <br/>
+    <div style="width: 1000px; padding-left: 770px;">
+        <button  (click)="addNewFormat();" class="btn btn-alt btn-small">Add Format</button>&nbsp;
+    </div>
+    <br/>
+    <button (click)="saveDisplayData();" class="btn btn-alt btn-small">Save & Close</button>&nbsp;&nbsp;
+</div>
+
+
+
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.spec.ts
new file mode 100644
index 00000000..237e1986
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.spec.ts
@@ -0,0 +1,28 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ColumnAdvancedDisplayComponent } from './column-advanced-display.component';
+import { MaterialModule } from 'src/app/material-module';
+import { FormsModule } from '@angular/forms';
+
+describe('ColumnAdvancedDisplayComponent', () => {
+  let component: ColumnAdvancedDisplayComponent;
+  let fixture: ComponentFixture<ColumnAdvancedDisplayComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [FormsModule, MaterialModule],
+      declarations: [ ColumnAdvancedDisplayComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ColumnAdvancedDisplayComponent);
+    component = fixture.componentInstance;
+    //fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.ts
new file mode 100644
index 00000000..2b0e6c6d
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/column-advanced-display/column-advanced-display.component.ts
@@ -0,0 +1,146 @@
+import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
+import {SemaphoreList} from '../../model/semaphore-list';
+import {Semaphore} from '../../model/semaphore';
+import {Format} from '../../model/format';
+
+@Component({
+  selector: 'app-column-advanced-display',
+  templateUrl: './column-advanced-display.component.html',
+  styleUrls: ['./column-advanced-display.component.css']
+})
+export class ColumnAdvancedDisplayComponent implements OnInit {
+
+    @Input('semaphoreArr') semaphoreArr: SemaphoreList;
+    @Input('inputSemaphoreName') inputSemaphoreName: String;
+    @Input('addNew') addNew: boolean;
+    @Input('columnName') columnName: String;
+    @Output() completed = new EventEmitter<any>();
+    semaphoreObjArr: {}[];
+    semaphore: Semaphore;
+    outPutValues: {};
+    newSemaphore: {};
+    rangeColors = [
+        {index: 0, value: '#00FFFF', title: 'Aqua'},
+        {index: 1, value: '#000000', title: 'Black'},
+        {index: 2, value: '#0000FF', title: 'Blue'},
+        {index: 3, value: '#FF00FF', title: 'Fuchsia'},
+        {index: 4, value: '#808080', title: 'Gray'},
+        {index: 5, value: '#008000', title: 'Green'},
+        {index: 6, value: '#00FF00', title: 'Lime'},
+        {index: 7, value: '#800000', title: 'Maroon'},
+        {index: 8, value: '#000080', title: 'Navy'},
+        {index: 9, value: '#808000', title: 'Olive'},
+        {index: 10, value: '#FF9900', title: 'Orange'},
+        {index: 11, value: '#800080', title: 'Purple'},
+        {index: 12, value: '#FF0000', title: 'Red'},
+        {index: 13, value: '#C0C0C0', title: 'Silver'},
+        {index: 14, value: '#008080', title: 'Teal'},
+        {index: 15, value: '#FFFFFF', title: 'White'},
+        {index: 16, value: '#FFFF00', title: 'Yellow'},
+        {index: 17, value: '', title: 'Default'}
+    ];
+    fontFamily = [
+        {index: 0, value: 'Arial,Helvetica,sans-serif', title: 'Arial'},
+        {index: 1, value: 'Courier New,Courier,mono', title: 'Courier'},
+        {index: 2, value: 'Geneva,Arial,Helvetica,sans-serif', title: 'Geneva'},
+        {index: 3, value: 'Georgia,Times New Roman,Times,serif', title: 'Georgia'},
+        {index: 4, value: 'Times New Roman,Times,serif', title: 'Times'},
+        {index: 5, value: 'Verdana,Arial,Helvetica,sans-serif', title: 'Verdana'},
+        {index: 6, value: '', title: 'Default'}
+    ];
+
+  constructor() {
+      this.semaphoreObjArr = new Array();
+      this.outPutValues = new Object();
+      this.newSemaphore = new Object();
+  }
+  ngOnInit() {
+      if (this.addNew) {
+            this.addNewDisplay();
+      } else {
+          for (let semCtr = 0; semCtr < this.semaphoreArr.semaphore.length; semCtr++) {
+              if (this.inputSemaphoreName === this.semaphoreArr.semaphore[semCtr]['semaphoreName']) {
+                  this.semaphore = this.semaphoreArr.semaphore[semCtr];
+              }
+          }
+      }
+  }
+
+    saveDisplayData() {
+      this.outPutValues['semList'] = this.semaphoreArr;
+      this.outPutValues['semId'] = this.semaphore.semaphoreId;
+      this.outPutValues['setCloseDisplay'] = false;
+      this.outPutValues['semName'] = this.semaphore.semaphoreName;
+      this.completed.emit(this.outPutValues);
+    }
+
+    addNewFormat() {
+        let formatCnt = 0;
+        if ( this.semaphore.formatList.format.length > 0) {
+               formatCnt = this.semaphore.formatList.format.length + 1;
+          } else { formatCnt = 1; }
+      this.semaphore.formatList.format.push({
+          bgColor: '',
+          bold: false,
+          expression: '',
+          fontColor: '',
+          fontFace: '',
+          fontSize: '18',
+          italic: false,
+          lessThanValue: '',
+          underline: false,
+          formatId: this.semaphore.semaphoreId + '_fmt' + formatCnt
+      });
+    }
+
+    setStyle(format: Format) {
+        const style = {
+            'background-color': format.bgColor,
+            'color': format.fontColor,
+            'fontSize': format.fontSize + 'px',
+            'font-weight': format.bold ? 'bold' : 'normal',
+            'font-style': format.italic ? 'italic' : 'normal',
+            'font-family': format.fontFace
+        };
+        return style;
+    }
+
+    deleteFormat(format: Format) {
+        const index = this.semaphore.formatList.format.findIndex(d => d === format);
+        this.semaphore.formatList.format.splice(index, 1);
+    }
+
+    addNewDisplay() {
+      let semCount = 0;
+      if ( this.semaphoreArr !== null && this.semaphoreArr.semaphore.length > 0 ) {
+         semCount = this.semaphoreArr.semaphore.length + 1;
+      } else { semCount = 1 ; }
+      this.newSemaphore['comment'] = this.columnName;
+      this.newSemaphore['semaphoreType'] = 'CELL';
+      this.newSemaphore['semaphoreName'] = 'Display Formatting ' + semCount;
+      this.newSemaphore['semaphoreId'] = 'sem' + semCount;
+      this.newSemaphore['formatList'] = {
+           format: new Array({
+               bgColor: '',
+               bold: false,
+               expression: '',
+               fontColor: '',
+               fontFace: '',
+               fontSize: 18,
+               italic: false,
+               lessThanValue: '',
+               underline: false,
+               formatId: this.newSemaphore['semaphoreId'] + '_fmt1'
+           })
+      };
+      this.semaphoreArr.semaphore.push(<Semaphore>this.newSemaphore);
+        for (let semCtr = 0; semCtr < this.semaphoreArr.semaphore.length; semCtr++) {
+            if (this.semaphoreArr.semaphore[semCtr]['semaphoreId'] === this.newSemaphore['semaphoreId']) {
+                this.semaphore = this.semaphoreArr.semaphore[semCtr];
+            }
+        }
+    }
+
+
+
+}
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/columns-edit.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/columns-edit.component.css
index 6cc50995..4526c54c 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/columns-edit.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/columns-edit.component.css
@@ -1,11866 +1,20 @@
-mat-button-toggle{
-    display: block;
-    width: 400px;
-    border-radius: 5px;
-}
-
-input {
-    width: 400px;
-    height: 20px;
-}
-
-.tab-content{
-    margin-right: 20px;
-    background-color: #006496;
-    color: white;
-}
-
-
-
-.defaultFontSize{
-  font-size: 15px;
-}
-
-
-.stdForm{
-    margin-left: 20px;
-}
-
-.field-group {
-    position: relative;
-    display: block;
-}
-
-label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
-    margin-top: 5px;
-}
-
-textarea {
-    display: block;
-    width: 400px;
-    max-width: 50%;
-    padding: 15px;
-}
-
-select{
-    display: block;
-    width: 400px;
-    max-width: 400px;
-    padding: 15px;
-    background-color: #cfcfcf7a
-}
-
-.webform-component-my-select select {
-    height: 200px;
-  }
-
-  .checkbox .skin {
-    background-color: #fff;
-    border: 1px solid #d2d2d2;
-    border-radius: 3px;
-    display: inline-block;
-    height: 24px;
-    width: 24px;
-    position: absolute;
-    left: 0;
-    top: 0;
-}
-
-i, em {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-}
-
-
-.b2b-horizontal-table ::-webkit-scrollbar {
-    height: 10px; }
-  
-  .b2b-horizontal-table ::-webkit-scrollbar-thumb {
-    background: #666666;
-    border-radius: 5px; }
-  
-  .b2b-horizontal-table .b2b-frozen-col {
-    font-size: 12px;
-    font-weight: normal;
-    font-style: italic; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-inner-container {
-    overflow-x: scroll; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-column-info {
-    text-align: center; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-legend div[b2b-flyout-toggler] {
-    color: #0568ae;
-    cursor: pointer; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-legend .b2b-frozen-cell {
-    width: 16px;
-    height: 16px;
-    background-color: #F2F2F2;
-    display: inline-block;
-    margin-right: 10px; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-arrows {
-    margin-bottom: 20px; }
-    .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-disabled-text {
-      color: #767676; }
-    .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-next-link {
-      padding-right: 15px; }
-    .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-prev-link {
-      padding-left: 15px; }
-  
-  @-moz-document url-prefix() {
-    .b2b-horizontal-table td:first-child {
-      border-top: none; } }
-  * {
-    box-sizing: border-box; }
-  
-  :root {
-    -ms-overflow-style: -ms-autohiding-scrollbar;
-    overflow-y: scroll;
-    -ms-text-size-adjust: 100%;
-    -webkit-text-size-adjust: 100%;
-    box-sizing: border-box;
-    font: 0.625pc/1.5 sans-serif;
-    text-rendering: optimizeLegibility; }
-  
-  html {
-    overflow-y: scroll;
-    -webkit-overflow-scrolling: touch;
-    height: 100%;
-    position: relative; }
-  
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  p,
-  blockquote,
-  figure,
-  ol,
-  ul {
-    margin: 0;
-    padding: 0; }
-  
-  /* a:focus {
-    outline: thin dotted #191919;
-  } */
-  sub,
-  sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: top; }
-  
-  sup {
-    top: .75em;
-    display: inline-block; }
-  
-  sub {
-    bottom: -0.25em; }
-  
-  img {
-    max-width: 100%;
-    height: auto;
-    vertical-align: middle;
-    border: 0;
-    -ms-interpolation-mode: bicubic; }
-  
-  .img-no-rwd {
-    max-width: inherit !important; }
-  
-  svg {
-    display: inline-block; }
-  
-  .responsive-img {
-    width: 100%;
-    height: auto; }
-  
-  button,
-  input,
-  select,
-  textarea {
-    margin: 0;
-    font-size: 100%;
-    vertical-align: middle; }
-  
-  ::-moz-focus-inner {
-    padding: 0;
-    border: 0; }
-  
-  button,
-  html input[type="button"],
-  input[type="reset"],
-  input[type="submit"] {
-    appearance: button;
-    cursor: pointer; }
-  
-  label,
-  select,
-  button,
-  input[type="button"],
-  input[type="reset"],
-  input[type="submit"],
-  input[type="radio"],
-  input[type="checkbox"] {
-    cursor: pointer; }
-  
-  input[type=search] {
-    -webkit-appearance: textfield; }
-  
-  input[type=search]:-webkit-search-cancel-button,
-  input[type=search]:-webkit-search-decoration {
-    -webkit-appearance: none; }
-  
-
-  
-  select {
-    -moz-appearance: none;
-    -webkit-appearance: none; }
-  
-  [aria-busy=true] {
-    cursor: progress; }
-  
-  [aria-controls] {
-    cursor: pointer; }
-  
-  body {
-    background-color: #ffffff;
-    color: #191919;
-    font-family: "Omnes-ECOMP-W02", Arial;
-  /*  font-size: 1.6rem;
-    line-height: 2rem;*/
-    margin: 0;
-    position: relative;
-    width: 100%;
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothing: antialiased; }
-  
-  small {
-    font-size: 1.6rem; }
-  
-  .container {
-    margin: 0 auto;
-    padding: 0; }
-  
-  .tooltip {
-    display: inline-block;
-    height: 20px;
-    margin: 1px 0 0 7px;
-    vertical-align: middle; }
-  
-  .tooltip-wrapper {
-    display: none; }
- 
-  
-  
-  /* TODO: Build a reference page for these classes */
-  .font-regular {
-    font-family: "Omnes-ECOMP-W02", Arial !important; }
-  
-  .font-light {
-    font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-  
-  .font-italic {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-  
-  .font-light-italic {
-    font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-  
-  .font-medium {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-  
-  .font-medium-italic {
-    font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-  
-  .font-reset {
-    font-style: normal;
-    font-variant: normal;
-    font-weight: normal;
-    text-transform: none; }
-  
-  .visible-phone {
-    display: none !important; }
-  
-  .visible-tablet {
-    display: none !important; }
-  
-  .hidden-desktop {
-    display: none !important; }
-  
-  .visible-desktop {
-    display: inherit !important; }
-  
-  .row,
-  .row-nowrap {
-    margin-left: 0; }
-  
-  .row:before,
-  .row-nowrap:before,
-  .row:after,
-  .row-nowrap:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .row:after,
-  .row-nowrap:after {
-    clear: both; }
-  
-  .row:before,
-  .row-nowrap:before,
-  .row:after,
-  .row-nowrap:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .row:after,
-  .row-nowrap:after {
-    clear: both; }
-  
-  .row,
-  .row-nowrap {
-    display: flex; }
-  
-  .row > [class*="span"],
-  .row-nowrap > [class*="span"] {
-    float: left;
-    margin-right: 14px;
-    margin-right: 1.40845%\9; }
-  
-  .row > [class*="span"]:last-child,
-  .row-nowrap > [class*="span"]:last-child {
-    margin-right: 0; }
-  
-  .row > [class*="span"].centered,
-  .row-nowrap > [class*="span"].centered {
-    margin-left: auto !important;
-    margin-right: auto !important; }
-  
-  .row.no-flex,
-  .row-nowrap.no-flex {
-    display: block; }
-  
-  .row.no-flex > [class*="span"],
-  .row-nowrap.no-flex > [class*="span"] {
-    margin-right: 1.408450704225352%; }
-  
-  .row.no-flex > [class*="span"]:last-child,
-  .row-nowrap.no-flex > [class*="span"]:last-child {
-    margin-right: 0; }
-  
-  .row.flex-justify,
-  .row-nowrap.flex-justify {
-    justify-content: space-between; }
-  
-  .row.flex-justify > [class*="span"],
-  .row-nowrap.flex-justify > [class*="span"] {
-    flex: 1 1 0; }
-  
-  .row.flex-justify > .flex-col,
-  .row-nowrap.flex-justify > .flex-col {
-    margin-right: 14px;
-    margin-right: 1.40845%\9; }
-  
-  .row.flex-wrap,
-  .row-nowrap.flex-wrap {
-    flex-wrap: wrap; }
-  
-  .align-items-top {
-    align-items: flex-start; }
-  
-  .align-items-center {
-    align-items: center; }
-  
-  .align-items-bottom {
-    align-items: flex-end; }
-  
-  .align-self-top {
-    align-self: flex-start; }
-  
-  .align-self-center {
-    align-self: center; }
-  
-  .align-self-bottom {
-    align-self: flex-end; }
-  
-  .row .fixed-230 {
-    flex: 0;
-    display: block;
-    width: 230px;
-    vertical-align: top;
-    min-width: 230px;
-    background-color: #efefef; }
-  
-  .row .fluid-space {
-    flex: 1 1 0;
-    display: block;
-    vertical-align: top;
-    padding-left: 0;
-    padding-right: 20px;
-    width: 100%; }
-  
-  .row .fixed-230 + .fluid-space {
-    padding-left: 20px;
-    padding-right: 20px; }
-  
-  .row .fluid-space:last-child {
-    padding-right: 0; }
-  
-  .span1 {
-    width: 7.042253521126761%; }
-  
-  .span2 {
-    width: 15.49295774647887%; }
-  
-  .span3 {
-    width: 23.94366197183099%; }
-  
-  .span4 {
-    width: 32.3943661971831%; }
-  
-  .span5 {
-    width: 40.84507042253521%; }
-  
-  .span6 {
-    width: 49.29577464788733%; }
-  
-  .span7 {
-    width: 57.74647887323944%; }
-  
-  .span8 {
-    width: 66.19718309859155%; }
-  
-  .span9 {
-    width: 74.64788732394367%; }
-  
-  .span10 {
-    width: 83.09859154929578%; }
-  
-  .span11 {
-    width: 91.54929577464789%; }
-  
-  .span12 {
-    width: 100%; }
-  
-  .offset1 {
-    margin-left: 8.450704225352113%; }
-  
-  .offset2 {
-    margin-left: 16.90140845070423%; }
-  
-  .offset3 {
-    margin-left: 25.35211267605634%; }
-  
-  .offset4 {
-    margin-left: 33.8028169%; }
-  
-  .offset5 {
-    margin-left: 42.25352113%; }
-  
-  .offset6 {
-    margin-left: 50.70422535%; }
-  
-  .offset7 {
-    margin-left: 59.15492958%; }
-  
-  .offset8 {
-    margin-left: 67.6056338%; }
-  
-  .offset9 {
-    margin-left: 76.05633803%; }
-  
-  .offset10 {
-    margin-left: 84.50704225%; }
-  
-  .offset11 {
-    margin-left: 92.95774648%; }
-  
-  .align-center {
-    margin: 0 auto;
-    text-align: center; }
-  
-  [class*="span"].align-center {
-    margin: 0 auto !important;
-    float: none; }
-  
-  .align-left .container {
-    padding-left: 0 !important;
-    margin: 0 !important; }
-  
-  /* BEGIN RESPONSIVE-4.LESS ************** */
-  @media (min-width: 1025px) {
-    .row > [class*="span"],
-    .row-nowrap > [class*="span"] {
-      margin-right: 20px;
-      margin-right: 1.487301587301587%\9; }
-    .container {
-      padding-left: 20px;
-      padding-right: 20px;
-      max-width: 1260px; }
-    /* 1col = 6.878306878306879 */
-    /* 1colgutter = 1.587301587301587 */
-    .span0 {
-      display: none; }
-    .span1 {
-      width: 6.878306878306879%; }
-    .span2 {
-      width: 15.34391534391534%; }
-    .span3 {
-      width: 23.80952380952381%; }
-    .span4 {
-      width: 32.27513227513228%; }
-    .span5 {
-      width: 40.74074074074074%; }
-    .span6 {
-      width: 49.20634920634921%; }
-    .span7 {
-      width: 57.67195767195767%; }
-    .span8 {
-      width: 66.13756613756614%; }
-    .span9 {
-      width: 74.60317460317461%; }
-    .span10 {
-      width: 83.06878306878308%; }
-    .span11 {
-      width: 91.53439153439154%; }
-    .span12 {
-      width: 100%; }
-    .offset1 {
-      margin-left: 8.465608465608466%; }
-    .offset2 {
-      margin-left: 16.93121693121693%; }
-    .offset3 {
-      margin-left: 25.3968253968254%; }
-    .offset4 {
-      margin-left: 33.86243386%; }
-    .offset5 {
-      margin-left: 42.32804233%; }
-    .offset6 {
-      margin-left: 50.79365079%; }
-    .offset7 {
-      margin-left: 59.25925926%; }
-    .offset8 {
-      margin-left: 67.72486772%; }
-    .offset9 {
-      margin-left: 76.19047619%; }
-    .offset10 {
-      margin-left: 84.65608466%; }
-    .offset11 {
-      margin-left: 93.12169312%; }
-    .tooltip-size-control {
-      position: relative;
-      width: 400px; }
-    .thumbnails > li {
-      margin-left: 1.40845070422535%; }
-    .row .thumbnails {
-      margin-left: 0; } }
-  
-  /* END RESPONSIVE-4.LESS ****************** */
-  /* BEGIN RESPONSIVE-3.LESS ******************* */
-  @media (min-width: 768px) and (max-width: 1024px) {
-    .hidden-desktop {
-      display: inherit !important; }
-    .visible-desktop {
-      display: none !important; }
-    .visible-tablet {
-      display: inherit !important; }
-    .hidden-tablet {
-      display: none !important; }
-    .container {
-      width: 100%;
-      margin: 0 auto;
-      padding-left: 20px;
-      padding-right: 20px; }
-    .span0-md {
-      display: none; }
-    .span1-md {
-      width: 7.042253521126761%; }
-    .span2-md {
-      width: 15.49295774647887%; }
-    .span3-md {
-      width: 23.94366197183099%; }
-    .span4-md {
-      width: 32.3943661971831%; }
-    .span5-md {
-      width: 40.84507042253521%; }
-    .span6-md {
-      width: 49.29577464788733%; }
-    .span7-md {
-      width: 57.74647887323944%; }
-    .span8-md {
-      width: 66.19718309859155%; }
-    .span9-md {
-      width: 74.64788732394367%; }
-    .span10-md {
-      width: 83.09859154929578%; }
-    .span11-md {
-      width: 91.54929577464789%; }
-    .span12-md {
-      width: 100%; }
-    .offset1-md {
-      margin-left: 8.450704225352113%; }
-    .offset2-md {
-      margin-left: 16.90140845070423%; }
-    .offset3-md {
-      margin-left: 25.35211267605634%; }
-    .offset4-md {
-      margin-left: 33.8028169%; }
-    .offset5-md {
-      margin-left: 42.25352113%; }
-    .offset6-md {
-      margin-left: 50.70422535%; }
-    .offset7-md {
-      margin-left: 59.15492958%; }
-    .offset8-md {
-      margin-left: 67.6056338%; }
-    .offset9-md {
-      margin-left: 76.05633803%; }
-    .offset10-md {
-      margin-left: 84.50704225%; }
-    .offset11-md {
-      margin-left: 92.95774648%; }
-    .tooltip-size-control {
-      position: relative;
-      width: 300px; } }
-  
-  /* END RESPONSIVE-3.LESS ******************* */
-  /* BEGIN RESPONSIVE-2.LESS *************** */
-  @media (max-width: 767px) {
-    .hidden-desktop {
-      display: inherit !important; }
-    .visible-desktop {
-      display: none !important; }
-    .visible-phone {
-      display: inherit !important; }
-    .visible-tablet {
-      display: inherit !important; }
-    .hidden-phone {
-      display: none !important; }
-    .hidden-tablet {
-      display: none !important; }
-    .container {
-      width: auto;
-      padding-left: 15px;
-      padding-right: 15px; }
-    /*.row{ display:block; }*/
-    .row > [class*="span"] {
-      float: none;
-      margin-left: 0;
-      margin-right: 0;
-      width: 100%; }
-    .row {
-      display: block; }
-    .row.flex > .flex-col,
-    .row-nowrap.flex > .flex-col {
-      margin-right: 0; }
-    .row .fixed-230 {
-      display: block;
-      width: 100%; }
-    .row .fluid-space {
-      display: block;
-      padding-left: 0;
-      padding-right: 0;
-      width: auto; }
-    .row .fluid-space + .fixed-230 {
-      padding-left: 0; }
-    .row .fluid-space:last-child {
-      padding-right: 0; }
-    .span0-sm {
-      display: none; }
-    .span1-sm {
-      width: 7.042253521126761%; }
-    .span2-sm {
-      width: 15.49295774647887%; }
-    .span3-sm {
-      width: 23.94366197183099%; }
-    .span4-sm {
-      width: 32.3943661971831%; }
-    .span5-sm {
-      width: 40.84507042253521%; }
-    .span6-sm {
-      width: 49.29577464788733%; }
-    .span7-sm {
-      width: 57.74647887323944%; }
-    .span8-sm {
-      width: 66.19718309859155%; }
-    .span9-sm {
-      width: 74.64788732394367%; }
-    .span10-sm {
-      width: 83.09859154929578%; }
-    .span11-sm {
-      width: 91.54929577464789%; }
-    .span12-sm {
-      width: 100%; }
-    .offset1-sm {
-      margin-left: 8.450704225352113%; }
-    .offset2-sm {
-      margin-left: 16.90140845070423%; }
-    .offset3-sm {
-      margin-left: 25.35211267605634%; }
-    .offset4-sm {
-      margin-left: 33.8028169%; }
-    .offset5-sm {
-      margin-left: 42.25352113%; }
-    .offset6-sm {
-      margin-left: 50.70422535%; }
-    .offset7-sm {
-      margin-left: 59.15492958%; }
-    .offset8-sm {
-      margin-left: 67.6056338%; }
-    .offset9-sm {
-      margin-left: 76.05633803%; }
-    .offset10-sm {
-      margin-left: 84.50704225%; }
-    .offset11-sm {
-      margin-left: 92.95774648%; }
-    input {
-      padding: 8px 15px 8px 15px; }
-    .field-group input.input-emphasized[type="search"] + .reset-field:after {
-      top: 14px; }
-    .field-group input.input-emphasized[type="search"] + .reset-field {
-      height: 46px;
-      top: 1px; }
-    .marquee {
-      margin-bottom: 30px; }
-    .marquee .blur-overlay {
-      border-radius: 0;
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      margin: 0;
-      padding: 34px 15px 30px; }
-    .marquee + div {
-      margin-top: 30px; }
-    .marquee h1 {
-      font-size: 1.8rem;
-      letter-spacing: -0.035px; }
-    .marquee .lead {
-      font-size: 3.0rem;
-      line-height: 3.6rem;
-      margin-bottom: 0; }
-    .marquee p:not(.lead) {
-      font-family: "Omnes-ECOMP-W02-Light", Arial;
-      font-size: 1.8rem;
-      margin-bottom: 0; }
-    .marquee .btn-fullwidth {
-      margin-top: 10px;
-      width: 100%;
-      float: none; }
-    .tooltip-size-control {
-      width: 100%; }
-    .table-wrapper,
-    .accordion-table-layout {
-      margin-left: -15px;
-      margin-right: -15px; }
-    .table-wrapper caption {
-      padding-left: 15px; } }
-  
-  @media (max-width: 480px) {
-    .span1-xsm {
-      width: 7.042253521126761%; }
-    .span2-xsm {
-      width: 15.49295774647887%; }
-    .span3-xsm {
-      width: 23.94366197183099%; }
-    .span4-xsm {
-      width: 32.3943661971831%; }
-    .span5-xsm {
-      width: 40.84507042253521%; }
-    .span6-xsm {
-      width: 49.29577464788733%; }
-    .span7-xsm {
-      width: 57.74647887323944%; }
-    .span8-xsm {
-      width: 66.19718309859155%; }
-    .span9-xsm {
-      width: 74.64788732394367%; }
-    .span10-xsm {
-      width: 83.09859154929578%; }
-    .span11-xsm {
-      width: 91.54929577464789%; }
-    .span12-xsm {
-      width: 100%; }
-    .offset1-xsm {
-      margin-left: 8.450704225352113%; }
-    .offset2-xsm {
-      margin-left: 16.90140845070423%; }
-    .offset3-xsm {
-      margin-left: 25.35211267605634%; }
-    .offset4-xsm {
-      margin-left: 33.8028169%; }
-    .offset5-xsm {
-      margin-left: 42.25352113%; }
-    .offset6-xsm {
-      margin-left: 50.70422535%; }
-    .offset7-xsm {
-      margin-left: 59.15492958%; }
-    .offset8-xsm {
-      margin-left: 67.6056338%; }
-    .offset9-xsm {
-      margin-left: 76.05633803%; }
-    .offset10-xsm {
-      margin-left: 84.50704225%; }
-    .offset11-xsm {
-      margin-left: 92.95774648%; } }
-  
-  /* END RESPONSIVE-2.LESS ******************* */
-  /* BEGIN RESPONSIVE-1.LESS ************** */
-  .xxxxxxxx-begin-responsive-480px.less {
-    /* placeholder */ }
-  
-  @media (max-width: 480px) {
-    .hidden-desktop {
-      display: inherit !important; }
-    .hidden-tablet {
-      display: inherit !important; }
-    .hidden-phone {
-      display: none !important; }
-    .visible-desktop {
-      display: none !important; }
-    .visible-tablet {
-      display: none !important; }
-    .visible-phone {
-      display: inherit !important; }
-    .container {
-      width: auto;
-      padding-left: 15px;
-      padding-right: 15px; } }
-  
-  [class*="icon-primary-"],
-  .nav-links a:after,
-  .bellyband-link a:after,
-  .breadcrumb > li:after,
-  .checkbox input:checked + .skin:after,
-  .checkbox input.indeterminate + .skin:after,
-  .checkbox input:indeterminate + .skin:after,
-  .selectWrap.large:before,
-  .form-row.error .error-msg:before,
-  .close:before,
-  .reset-field:before,
-  .cssIcon-globe:before,
-  .selectWrap:after {
-    color: #0568ae;
-    left: 6px;
-    top: -3px;
-    width: 2px;
-    height: 3px;
-    border: solid white;
-    border-width: 0 3px 3px 0;
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    transform: rotate(45deg);}
-  
-  [class*="icoWeather-"], [class*="icoTrans-"], [class*="icoBubble-"], [class*="icoRetail-"], [class*="icoPeople-"], [class*="icoNumslets-"], [class*="icoLocation-"], [class*="icoHealthcare-"], [class*="icoDocuments-"], [class*="icoDevices-"], [class*="icoDatanetwork-"], [class*="icoControls-"], [class*="icoBuilding-"], [class*="icoArrows-"] {
-    color: #0568ae;
-    display: inline-block;
-    font-style: normal;
-    font-size: 20px;
-    font-weight: normal;
-    font-variant: normal;
-    font-style: normal;
-    width: 20px;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    position: relative;
-    speak: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    vertical-align: middle; }
-  
-  [class*="icon-primary-"]:before,
-  [class*="icon-primary-"]:after {
-    box-sizing: border-box;
-    display: inline-block;
-    font-size: 1em;
-    height: 1em;
-    position: relative;
-    top: 0;
-    left: 0;
-    vertical-align: middle;
-    width: 1em; }
-  
-  .icon-primary-att-globe:before,
-  .cssIcon-globe:before {
-    content: "\e900";
-    color: #44c7f5; }
-  
-  .icon-primary-hamburger:before {
-    content: "\e903"; }
-  
-  .icon-primary-secure:before {
-    content: "\e918"; }
-  
-  .icon-primary-secureL:before {
-    content: "\e919"; }
-  
-  .icon-primary-padlockopen:before {
-    content: "\e916"; }
-  
-  .icon-primary-padlockopenL:before {
-    content: "\e917"; }
-  
-  .icon-primary-shoppingcart:before {
-    content: "\e914"; }
-  
-  .icon-primary-shoppingcartL:before {
-    content: "\e915"; }
-  
-  .icon-primary-print:before {
-    content: "\e921"; }
-  
-  .icon-primary-printL:before {
-    content: "\e922"; }
-  
-  .icon-primary-mobilesmartphone:before {
-    content: "\e908"; }
-  
-  .icon-primary-mobilesmartphoneL:before {
-    content: "\e90c"; }
-  
-  .icon-primary-tablet:before {
-    content: "\e904"; }
-  
-  .icon-primary-tabletL:before {
-    content: "\e905"; }
-  
-  .icon-primary-tv:before {
-    content: "\e906"; }
-  
-  .icon-primary-tvL:before {
-    content: "\e907"; }
-  
-  .icon-primary-calendar {
-    width: 100% !important; }
-  
-  .icon-primary-calendar:before {
-    content: "\e91a";
-    z-index: 1; }
-  
-  .icon-primary-calendarL:before {
-    content: "\e91b"; }
-  
-  .icon-primary-star:before {
-    content: "\e96c"; }
-  
-  .icon-primary-close:before,
-  .close:before,
-  .reset-field:before {
-    content: "\e910"; }
-  
-  .icon-primary-down:before {
-    content: "\ea3c"; }
-  
-  
-  
-  .icon-primary-add-maximize:before {
-    content: "\e91f"; }
-  
-
-  
-  .icon-primary-questionmark:before {
-    content: "\e90f"; }
-  
-  .icon-primary-badgealert:before,
-  .form-row.error .error-msg:before {
-    content: "\e90e"; }
-  
-  .icon-primary-approval:before {
-    content: "\e925"; }
-  
-  .icon-primary-flat-info:before {
-    content: "\e927"; }
-  
-  .icon-primary-alert:before {
-    content: "\e913"; }
-  
-  .icon-primary-tooltip:before,
-  .icon-primary-flat-faq:before {
-    content: "\e90d"; }
-  
-  .icon-primary-tooltip {
-    font-size: 20px; }
-  
-  .nav-links a:after,
-  .bellyband-link a:after,
-  .breadcrumb > li:after,
-  .icon-primary-right:before {
-    content: "\ea3c";
-    transform: rotate(-90deg); }
-  
-  .icon-primary-left:before {
-    content: "\ea3c";
-    transform: rotate(90deg); }
-  
-  .icon-primary-accordion-plus:after,
-  .icon-primary-collapsed:after,
-  .icon-primary-accordion-minus:after,
-  .icon-primary-expanded:after {
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 1; }
-  
-  .icon-primary-accordion-minus,
-  .icon-primary-expanded,
-  .icon-primary-accordion-plus,
-  .icon-primary-collapsed {
-    font-size: 20px !important; }
-  
-  :not(.ds2-no-colors) .icon-primary-accordion-minus:before,
-  :not(.ds2-no-colors) .icon-primary-expanded:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
-    content: ""; }
-  
-  :not(.ds2-no-colors) .icon-primary-accordion-plus:before,
-  :not(.ds2-no-colors) .icon-primary-collapsed:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M10.5%2015.9c-.4%200-.8-.3-.8-.8V5.9c0-.4.3-.8.8-.8s.8.3.8.8v9.3c0%20.4-.4.7-.8.7z%22%2F%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
-    content: ""; }
-  
-  .ds2-no-colors .icon-primary-accordion-minus:before,
-  .ds2-no-colors .icon-primary-expanded:before {
-    background-image: none;
-    content: "\e901"; }
-  
-  .ds2-no-colors .icon-primary-accordion-minus:after,
-  .ds2-no-colors .icon-primary-expanded:after {
-    content: "\e902"; }
-  
-  .ds2-no-colors .icon-primary-accordion-plus:before,
-  .ds2-no-colors .icon-primary-collapsed:before {
-    background-image: none;
-    content: "\e90b"; }
-  
-  .ds2-no-colors .icon-primary-accordion-plus:after,
-  .ds2-no-colors .icon-primary-collapsed:after {
-    content: "\e911"; }
-  
-  .icon-primary-circle-arrow {
-    outline: 1px solid transparent;
-    border-radius: 50%;
-    font-size: 20px !important;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
-    margin-right: 7px; }
-  
-  .icon-primary-circle-arrow:after {
-    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20baseProfile%3D%22tiny%22%3E%3Ccircle%20r%3D%2217%22%20cy%3D%2218%22%20cx%3D%2218%22%20stroke-width%3D%221%22%20fill%3D%22transparent%22%20stroke%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E");
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 2; }
-  
-  .icon-primary-circle-arrow:before {
-    border-radius: 50%;
-    content: "\ea3c";
-    font-size: 12px;
-    top: 0;
-    position: absolute;
-    transform: rotate(-90deg);
-    width: 20px;
-    z-index: 1; }
-  
-  [class*="icon-primary-"] [class*="icon-primary-"] {
-    display: inline-block;
-    float: left;
-    font-size: 1em;
-    margin-left: -1em;
-    position: absolute; }
-  
-  [class*="icon-primary-"].white, [class^="ico"][class*="-"].white {
-    color: #fff; }
-  
-  [class*="icon-primary-"].black, [class^="ico"][class*="-"].black {
-    color: #000; }
-  
-  [class*="icon-primary-"].blue, [class^="ico"][class*="-"].blue {
-    color: #0568ae; }
-  
-  [class*="icon-primary-"].green, [class^="ico"][class*="-"].green {
-    color: #007a3e; }
-  
-  @-webkit-viewport {
-    width: device-width; }
-  
-  @-moz-viewport {
-    width: device-width; }
-  
-  @-ms-viewport {
-    width: device-width; }
-  
-  @-o-viewport {
-    width: device-width; }
-  
-  @viewport {
-    width: device-width; }
-  
-  .clearfix:before,
-  .clearfix:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .clearfix:after {
-    clear: both; }
-  
-  .pull-right {
-    float: right !important; }
-  
-  .pull-left {
-    float: left !important; }
-  
-  .float-children-left:before,
-  .float-children-left:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .float-children-left:after {
-    clear: both; }
-  
-  .float-children-left > div {
-    float: left;
-    white-space: nowrap; }
-  
-  .block {
-    display: block !important; }
-  
-  .inline {
-    display: inline !important; }
-  
-  .inline-block {
-    display: inline-block !important; }
-  
-  .table-cell {
-    display: table-cell !important;
-    width: 1%;
-    vertical-align: middle; }
-  
-  @media (max-width: 767px) {
-    .full-bleed {
-      width: auto;
-      margin-left: -15px;
-      margin-right: -15px;
-      padding: 15px; } }
-  
-  @media (min-width: 768px) {
-    .full-bleed {
-      width: auto;
-      margin-left: -20px;
-      margin-right: -20px;
-      padding: 20px; } }
-  
-  @media (max-width: 480px) {
-    .full-bleed {
-      width: auto;
-      margin-left: -15px;
-      margin-right: -15px;
-      padding: 0 15px; } }
-  
-  .fade {
-    opacity: 0;
-    filter: alpha(opacity=0);
-    transition: opacity .15s linear; }
-  
-  .fade.in {
-    opacity: 1;
-    filter: alpha(opacity=100); }
-  
-  .b2bCollapse {
-    display: none; }
-  
-  .collapse.in {
-    height: auto; }
-  
-  .nowrap {
-    white-space: nowrap; }
-  
-  .pre {
-    white-space: pre; }
-  
-  .hidden-spoken {
-    border: 0 none !important;
-    clip: rect(0px, 0px, 0px, 0px) !important;
-    height: 1px !important;
-    letter-spacing: 0;
-    line-height: 0;
-    overflow: hidden !important;
-    margin-top: -1px;
-    padding: 0 !important;
-    position: absolute !important;
-    width: 1px !important; }
-  
-  [data-sr-text].hidden-spoken:before {
-    border: 0 none !important;
-    content: attr(data-sr-text);
-    clip: rect(0px, 0px, 0px, 0px) !important;
-    height: 1px !important;
-    letter-spacing: 0;
-    line-height: 0;
-    overflow: hidden !important;
-    padding: 0 !important;
-    position: absolute !important;
-    width: 100% !important;
-    z-index: -1; }
-  
-  [data-sr-text].hidden-spoken {
-    position: relative !important;
-    width: auto !important; }
-  
-  [data-show-between] {
-    display: none;
-    visibility: hidden; }
-  
-  .noscroll-y {
-    overflow-y: hidden !important; }
-  
-  .invisible {
-    visibility: hidden !important;
-    opacity: 0 !important; }
-  
-  .transparent {
-    background-color: rgba(255, 255, 255, 0) !important; }
-  
-  .hide {
-    display: none !important; }
-  
-  .show {
-    display: block !important; }
-  
-  .rel {
-    position: relative !important; }
-  
-  .legend-pad {
-    padding: 0 15px; }
-  
-  .border-top {
-    border-top-width: 1px !important; }
-  
-  .border-left {
-    border-left-width: 1px !important; }
-  
-  .border-right {
-    border-right-width: 1px !important; }
-  
-  .border-bottom {
-    border-bottom-width: 1px !important; }
-  
-  .border-dark {
-    border-color: #000; }
-  
-  .border-light {
-    border-color: #fff; }
-  
-  .no-border-top {
-    border-top-width: 0 !important; }
-  
-  .no-border-left {
-    border-left-width: 0 !important; }
-  
-  .no-border-right {
-    border-right-width: 0 !important; }
-  
-  .no-border-bottom {
-    border-bottom-width: 0 !important; }
-  
-  .align-middle {
-    margin: 0 auto !important; }
-  
-  .align-top {
-    position: absolute;
-    top: 0; }
-  
-  .align-bottom {
-    position: absolute;
-    bottom: 0; }
-  
-  .valign-top {
-    vertical-align: top !important; }
-  
-  .valign-middle {
-    vertical-align: middle !important; }
-  
-  .valign-bottom {
-    vertical-align: bottom !important; }
-  
-  .align-children-middle > * {
-    margin: 0 auto; }
-  
-  [class*="valign-children-"] {
-    display: table; }
-  
-  [class*="valign-children-"] > * {
-    display: table-cell; }
-  
-  .valign-children-top > * {
-    vertical-align: top; }
-  
-  .valign-children-middle > * {
-    vertical-align: middle; }
-  
-  .valign-children-bottom > * {
-    vertical-align: bottom; }
-  
-  .no-pad {
-    padding: 0 !important; }
-  
-  .top-space {
-    margin-top: 60px !important; }
-  
-  .bottom-space {
-    margin-bottom: 60px !important; }
-  
-  .top-pad {
-    padding-top: 60px !important; }
-  
-  .bottom-pad {
-    padding-bottom: 60px !important; }
-  
-  @media (max-width: 767px) {
-    .top-space {
-      margin-top: 30px !important; }
-    .bottom-space {
-      margin-bottom: 30px !important; }
-    .top-pad {
-      padding-top: 30px !important; }
-    .bottom-pad {
-      padding-bottom: 30px !important; } }
-  
-  .affix {
-    position: fixed; }
-  
-  .img-landscape,
-  .img-portrait {
-    position: relative; }
-  
-  @media (orientation: landscape) {
-    .img-landscape {
-      display: block; }
-    .img-portrait {
-      display: none !important; } }
-  
-  @media (orientation: portrait) {
-    .img-landscape {
-      display: none !important; }
-    .img-portrait {
-      display: block; } }
-  
-  .dark-bg {
-    background-color: #222222; }
-  
-  /* ... JAVASCRIPT HOOKS .................
-     ... used by javascript ............... */
-  .autoSize,
-  .autoSize-this {
-    position: relative; }
-  
-  .truncate {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis; }
-  
-  .placeholdersjs {
-    color: #5a5a5a !important; }
-  
-  .jshook-return-focus-here {
-    display: block; }
-  
-  .visible-print {
-    display: none !important; }
-  
-  .hidden-print {
-    display: inherit !important; }
-  
-  @media print {
-    .visible-print {
-      display: inherit !important; }
-    .hidden-print {
-      display: none !important; }
-    * {
-      color: #000 !important;
-      background: transparent !important;
-      box-shadow: none !important; }
-    a,
-    a:visited {
-      text-decoration: underline; }
-    pre,
-    blockquote {
-      border: 1px solid #000;
-      page-break-inside: avoid; }
-    thead {
-      display: table-header-group; }
-    tr,
-    img {
-      page-break-inside: avoid; }
-    img {
-      max-width: 100% !important; }
-    @page {
-      margin: 0.5cm; }
-    p,
-    h2,
-    h3 {
-      orphans: 3;
-      widows: 3; }
-    h2,
-    h3 {
-      page-break-after: avoid; } }
-  
-  .mar-top-0 {
-    margin-top: 0px; }
-  
-  .mar-top-30 {
-    margin-top: 30px; }
-  
-  a:focus {
-    outline: thin dotted #191919; }
-  
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-weight: normal;
-    text-rendering: optimizeLegibility;
-    margin: 0;
-    line-height: 1; }
-  
-  .heading-page {
-    font-size: 3.8rem !important;
-    font-family: "Omnes-ECOMP-W02-Light", Arial;
-    margin-bottom: 40px; }
-  
-  h1.heading-page.ng-scope {}
-  
-  .heading-major-section {
-    font-size: 3rem !important;
-    font-family: "Omnes-ECOMP-W02-Light", Arial;
-    margin-bottom: 40px !important; }
-  
-  .heading-sub-section {
-    font-size: 2.4rem !important;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 40px; }
-  
-  .heading-group {
-    font-size: 2rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #ea7400;
-    margin-bottom: 20px !important; }
-  
-  .heading-medium {
-    font-size: 2rem !important;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-medium-emphasis {
-    font-size: 2rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-small {
-    font-size: 1.8rem !important;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-small-emphasis {
-    font-size: 1.8rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-micro {
-    font-size: 1.3rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    text-transform: uppercase;
-    color: #da0081;
-    margin-bottom: 10px; }
-  
-  * + .heading-major-section {
-    margin-top: 60px; }
-  
-  * + .heading-sub-section {
-    margin-top: 60px; }
-  
-  * + .heading-group {
-    margin-top: 40px !important; }
-  
-  * + .heading-medium {
-    margin-top: 40px; }
-  
-  * + .heading-medium-emphasis {
-    margin-top: 40px; }
-  
-  * + .heading-small {
-    margin-top: 40px; }
-  
-  * + .heading-small-emphasis {
-    margin-top: 40px; }
-  
-  * + .heading-micro {
-    margin-top: 20px; }
-  
-  .lead {
-    color: #666;
-    font-family: "Omnes-ECOMP-W02-Light-Italic", Arial;
-    font-size: 2.4rem;
-    line-height: 2.8rem;
-    margin-top: 10px;
-    letter-spacing: -0.024rem; }
-  
-  .eyebrow {
-    text-transform: uppercase;
-    line-height: .65 !important; }
-  
-  .eyebrow,
-  .subheading {
-    font-size: 1.4rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #666; }
-  
-  .eyebrow + .heading-major-section,
-  .eyebrow + .heading-sub-section {
-    margin-top: 4px; }
-  
-  .subheading {
-    margin-top: 10px; }
-  
-  @media (max-width: 767px) {
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6,
-    .heading-page {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 30px; }
-    .heading-major-section {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 30px; }
-    .heading-sub-section {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px; }
-    .heading-medium {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px; }
-    .heading-medium-emphasis {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px; }
-    .heading-small {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 10px; }
-    .heading-small-emphasis {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      margin-bottom: 5px; }
-    * + .heading-major-section {
-      margin-top: 30px; }
-    * + .heading-sub-section {
-      margin-top: 30px; }
-    * + .heading-group {
-      margin-top: 20px; }
-    * + .heading-medium {
-      margin-top: 20px; }
-    * + .heading-medium-emphasis {
-      margin-top: 20px; }
-    * + .heading-small {
-      margin-top: 20px; }
-    * + .heading-small-emphasis {
-      margin-top: 20px; }
-    * + .heading-micro {
-      margin-top: 10px; } }
-  
-  /* Standard Type styles */
-  .zeromargin {
-    margin: 0 !important; }
-  
-  a {
-    color: #0568ae;
-    text-decoration: none; }
-  
-  a:hover,
-  a:focus {
-    text-decoration: underline; }
-  
-  a:active {
-    color: #0568ae; }
-  
-  .a-min {
-    font-size: 12px; }
-  
-  .a-small {
-    font-size: 14px; }
-  
-  .a-max {
-    font-size: 18px; }
-  
-  a.show-qualifier {
-    margin-right: 25px;
-    position: relative; }
-  
-  a.show-qualifier:after {
-    color: #333333;
-    display: inline-block;
-    white-space: pre !important; }
-  
-  a[href$="pdf"].show-qualifier:after,
-  a.show-qualifier.pdf:after {
-    content: " (PDF)"; }
-  
-  a[href$="psd"].show-qualifier:after,
-  a.show-qualifier.psd:after {
-    content: " (PSD)"; }
-  
-  .standalone-link {
-    display: flex; }
-  
-  /* 20px for the icon, 10px left of icon */
-  .standalone-link.small {
-    font-size: 1.4rem; }
-  
-  .standalone-link.small i[class*="icon-primary-"] {
-    font-size: 16px;
-    top: 2px; }
-  
-  .standalone-link.large {
-    font-size: 1.8rem; }
-  
-  .standalone-link.large i[class*="icon-primary-"] {
-    font-size: 24px;
-    top: -1px; }
-  
-  p {
-    margin: 0 0 12px 0;
-    line-height: 2rem; }
-  
-  .p-small {
-    font-size: 1.4rem;
-    line-height: 1.8rem; }
-  
-  p + .p-small {
-    margin: 10px 0 0; }
-  
-  .p-micro {
-    font-size: 1.2rem;
-    line-height: 1.5rem; }
-  
-  p + .p-micro {
-    margin: 10px 0 0; }
-  
-  .p-max {
-    font-size: 1.8rem; }
-  
-  p + .p-max {
-    margin: 10px 0 0; }
-  
-  b,
-  strong {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: normal; }
-  
-  i,
-  em {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal; }
-  
-  .strike {
-    text-decoration: line-through; }
-  
-  sup {
-    display: inline-block;
-    font-style: normal;
-    height: 1em;
-    position: relative;
-    vertical-align: text-top;
-    width: auto; }
-  
-  .text-legal {
-    color: #5a5a5a;
-    font-size: 1.1rem;
-    line-height: 1.5rem;
-    margin: 0 0 10px; }
-  
-  .text-legal.legal-module {
-    line-height: 1.3rem;
-    margin: 0 0 12px; }
-  
-  .text-legal b,
-  .text-legal strong {
-    font-weight: bold; }
-  
-  .text-legal a {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .text-left {
-    text-align: left !important; }
-  
-  .text-right {
-    text-align: right !important; }
-  
-  .text-center {
-    text-align: center !important; }
-  
-  .text-justified {
-    text-align: justify !important; }
-  
-  ul {
-    padding: 0;
-    margin: 0;
-    list-style: none; }
-  
-  ul.bullet,
-  ul.no-bullet,
-  ul.lower-alpha,
-  ul.lower-roman,
-  ol {
-    padding: 0;
-    margin: 12px 0 0 20px; }
-  
-  ul.bullet li,
-  ul.no-bullet li,
-  ul.lower-alpha li,
-  ul.lower-roman li,
-  ol li {
-    padding-left: 15px;
-    line-height: 20px;
-    position: relative; }
-  
-  ul.bullet li + li,
-  ul.no-bullet li + li,
-  ul.lower-alpha li + li,
-  ul.lower-roman li + li,
-  ol li + li {
-    margin-top: 12px; }
-  
-  ul.bullet > li:before,
-  ul.no-bullet > li:before,
-  ul.lower-alpha > li:before,
-  ul.lower-roman > li:before,
-  ol > li:before {
-    background-color: #333333;
-    border: 2px solid #333333;
-    border-radius: 100%;
-    content: " ";
-    display: block;
-    height: 1px;
-    left: 0;
-    position: absolute;
-    top: 8px;
-    width: 1px; }
-  
-  ul.bullet ul,
-  ul.no-bullet ul,
-  ul.lower-alpha ul,
-  ul.lower-roman ul,
-  ol ul,
-  ul.bullet ol,
-  ul.no-bullet ol,
-  ul.lower-alpha ol,
-  ul.lower-roman ol,
-  ol ol {
-    margin-top: 12px; }
-  
-  ul + *,
-  ol + * {
-    margin-top: 20px; }
-  
-  ul.no-bullet,
-  ul.lower-alpha,
-  ul.lower-roman {
-    margin: 0; }
-  
-  ul.no-bullet > li,
-  ul.lower-alpha > li,
-  ul.lower-roman > li {
-    padding-left: 0; }
-  
-  ul.no-bullet > li:before,
-  ul.lower-alpha > li:before,
-  ul.lower-roman > li:before {
-    display: none !important; }
-  
-  ol {
-    margin: 20px 0 0 32px; }
-  
-  ol li {
-    padding-left: 3px; }
-  
-  ol li:before {
-    display: none; }
-  
-  ol ol {
-    margin-left: 25px; }
-  
-  ol ul {
-    margin-left: -5px; }
-  
-  ul ul,
-  ul ol,
-  ol ol,
-  ol ul {
-    margin-top: 0; }
-  
-  ul.lower-roman {
-    list-style-type: lower-roman;
-    margin-top: 12px;
-    margin-left: 35px;
-    margin-bottom: 0; }
-  
-  ul.lower-alpha {
-    list-style-type: lower-alpha;
-    margin-top: 12px;
-    margin-left: 35px;
-    margin-bottom: 0; }
-  
-  dl {
-    display: table;
-    margin: 0 0 20px;
-    width: 100%; }
-  
-  dt,
-  dd {
-    display: table-cell; }
-  
-  .btn {
-    background-color: transparent;
-    background-clip: padding-box;
-    border: 1px solid transparent;
-    border-radius: 8px;
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
-    cursor: pointer;
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 1.9rem;
-    font-weight: normal;
-    line-height: 1;
-    margin: 0 7px 10px 0;
-    max-width: 470px;
-    min-width: 70px;
-    padding: 14px 19px 11px 18px;
-    position: relative;
-    text-align: center;
-    vertical-align: middle;
-    white-space: nowrap;
-    overflow: hidden; }
-    .btn:focus {
-      outline: 1px dotted #000;
-      outline-offset: -5px; }
-    .btn:last-child {
-      margin-right: 0; }
-    .btn::-moz-focus-inner {
-      padding: 0;
-      border: 0; }
-    .btn i[class*="icon-primary-"].icon-primary-small {
-      font-size: 24px;
-      top: -2px; }
-    .btn i[class*="icon-primary-"].icon-primary-medium {
-      font-size: 30px;
-      top: -2px; }
-    .btn i[class*="icon-primary-"].icon-primary-large {
-      font-size: 36px;
-      top: -2px; }
-  
-  a.btn {
-    vertical-align: middle; }
-    a.btn:hover {
-      text-decoration: none; }
-  
-  .field-group + .btn {
-    margin-left: 20px; }
-  
-  .btn-primary {
-    border-color: #ea7400 transparent #d16500;
-    background-color: #ea7400 transparent #d16500;
-    background: linear-gradient(to bottom, #ea7400 0%, #d16500 100%);
-    color: #ffffff;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-weight: bold; }
-    .btn-primary:hover {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-primary:focus {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-primary:active {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-  
-  .btn-arrow {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.6rem;
-    font-weight: normal;
-    background-color: transparent;
-    border: none;
-    padding: 5px 0 0;
-    top: -4px;
-    color: #333333;
-    position: relative; }
-    .btn-arrow:hover {
-      text-decoration: underline; }
-      .btn-arrow:hover .btn-primary {
-        text-decoration: none;
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-      .btn-arrow:hover .btn-secondary {
-        color: #0568ae;
-        outline-color: #000000 !important;
-        background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-      .btn-arrow:hover .btn-alt {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-      .btn-arrow:hover .btn-specialty {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-arrow:focus {
-      text-decoration: underline;
-      outline: 1px dotted #666; }
-      .btn-arrow:focus .btn-primary {
-        text-decoration: none;
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-      .btn-arrow:focus .btn-secondary {
-        color: #0568ae;
-        outline-color: #000000 !important;
-        background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-      .btn-arrow:focus .btn-alt {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-      .btn-arrow:focus .btn-specialty {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-arrow:active .btn-primary {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-arrow:active .btn-secondary {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-arrow:active .btn-alt {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-    .btn-arrow:active .btn-specialty {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-arrow .btn-alt {
-      border-color: #087ac2 transparent #0568ae;
-      background-color: #0568ae;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-      color: #ffffff; }
-      .btn-arrow .btn-alt:hover {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-      .btn-arrow .btn-alt:focus {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-      .btn-arrow .btn-alt:active {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-arrow::-moz-focus-inner {
-      padding: 0;
-      border: 0; }
-    .btn-arrow .btn {
-      border: 1px solid transparent;
-      border-radius: 100%;
-      height: 36px;
-      margin-bottom: 0;
-      margin-right: 7px;
-      max-width: 36px;
-      min-width: 20px;
-      padding: 0;
-      margin-top: -4px;
-      vertical-align: middle;
-      width: 36px; }
-      .btn-arrow .btn .icon-primary-left {
-        bottom: 0;
-        display: block;
-        height: 100%;
-        left: 0;
-        line-height: 0;
-        position: absolute;
-        right: 0;
-        text-indent: 0;
-        top: 0; }
-        .btn-arrow .btn .icon-primary-left:before {
-          position: absolute;
-          font-size: 1.6rem;
-          left: 1px;
-          top: 9px; }
-      .btn-arrow .btn .icon-primary-right {
-        bottom: 0;
-        display: block;
-        height: 100%;
-        left: 0;
-        line-height: 0;
-        position: absolute;
-        right: 0;
-        text-indent: 0;
-        top: 0;
-        color: #ffffff; }
-        .btn-arrow .btn .icon-primary-right:before {
-          position: absolute;
-          font-size: 1.6rem;
-          left: 17px;
-          top: 9px; }
-    .btn-arrow .btn.btn-primary .icon-primary-left {
-      color: #fff; }
-    .btn-arrow .btn.btn-primary .icon-primary-right {
-      color: #fff; }
-    .btn-arrow .btn.btn-alt .icon-primary-left {
-      color: #fff; }
-    .btn-arrow .btn.btn-alt .icon-primary-right {
-      color: #fff; }
-    .btn-arrow .btn.btn-secondary {
-      border: 1px solid #d2d2d2; }
-      .btn-arrow .btn.btn-secondary .icon-primary-left {
-        color: #0568ae; }
-      .btn-arrow .btn.btn-secondary .icon-primary-right {
-        color: #0568ae; }
-    .btn-arrow .btn.btn-small {
-      height: 20px;
-      max-width: 20px;
-      min-width: 20px;
-      width: 20px;
-      top: -1px; }
-      .btn-arrow .btn.btn-small .icon-primary-left:before {
-        font-size: 10px;
-        top: 4px;
-        left: 0; }
-      .btn-arrow .btn.btn-small .icon-primary-right:before {
-        font-size: 10px;
-        top: 4px;
-        left: 10px; }
-    .btn-arrow .btn.btn-large .icon-primary-left:before {
-      font-size: 112%;
-      top: 12px;
-      left: 23px; }
-    .btn-arrow .btn.btn-large .icon-primary-right:before {
-      font-size: 112%;
-      top: 12px;
-      left: 23px; }
-  
-  .btn-secondary {
-    border: 1px solid #d2d2d2;
-    background-color: #f2f2f2;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    color: #0568ae;
-    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    padding: 14px 18px 11px 17px; }
-    .btn-secondary:hover {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-secondary:focus {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-secondary:active {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-  
-  .btn-alt {
-    border-color: #087ac2 transparent #0568ae;
-    background-color: #0568ae;
-    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-    color: #ffffff; }
-    .btn-alt:hover {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-alt:focus {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-alt:active {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-  
-  .btn-specialty {
-    border-color: #008744 transparent #007a3e;
-    background-color: #007a3e;
-    background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-    color: #ffffff; }
-    .btn-specialty:hover {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-specialty:focus {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-specialty:active {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  
-  .btn-clear {
-    background: transparent !important;
-    border-color: transparent !important;
-    font-weight: normal;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    box-shadow: none;
-    text-decoration: none;
-    color: #0568ae; }
-    .btn-clear:focus {
-      text-decoration: underline; }
-    .btn-clear:hover {
-      text-decoration: underline; }
-  
-  .isIE .btn:focus {
-    outline: none !important;
-    text-decoration: none !important; }
-    .isIE .btn:focus:after {
-      display: block;
-      content: "";
-      position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
-      bottom: 4px;
-      border: 1px dotted #000; }
-  
-  .isIE .btn:active {
-    outline: none !important;
-    text-decoration: none !important; }
-    .isIE .btn:active:after {
-      display: block;
-      content: "";
-      position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
-      bottom: 4px;
-      border: 1px dotted #000; }
-  
-  .isIE .btn.active {
-    outline: none !important;
-    text-decoration: none !important; }
-    .isIE .btn.active:not(:focus):after {
-      border: 1px solid #000; }
-    .isIE .btn.active:after {
-      display: block;
-      content: "";
-      position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
-      bottom: 4px;
-      border: 1px dotted #000; }
-  
-  .isIE .btn.btn-primary:focus:after {
-    border: 2px dashed #fff; }
-  
-  .isIE .btn.btn-specialty:focus:after {
-    border: 2px dashed #fff; }
-  
-  .isIE .btn.btn-alt:focus:after {
-    border: 2px dashed #fff; }
-  
-  .btn.disabled {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn.disabled:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn.disabled:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn[disabled] {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn[disabled]:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn[disabled]:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn[disabled="disabled"] {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn[disabled="disabled"]:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn[disabled="disabled"]:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn-arrow[disabled] .btn {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn-arrow[disabled] .btn:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn-arrow[disabled] .btn:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn-arrow[disabled] .icon-primary-left {
-    color: #fff !important; }
-  
-  .btn-arrow[disabled] .icon-primary-right {
-    color: #fff !important; }
-  
-  .btn-arrow.disabled .btn {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn-arrow.disabled .btn:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn-arrow.disabled .btn:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn-arrow.disabled .icon-primary-left {
-    color: #fff !important; }
-  
-  .btn-arrow.disabled .icon-primary-right {
-    color: #fff !important; }
-  
-  .btn-medium {
-    padding: 12px 19px 11px 18px;
-    font-size: 1.7rem; }
-  
-  .btn-small {
-    padding: 10px 19px 9px 18px;
-    font-size: 1.5rem;
-    border-radius: 8px; }
-  
-  .btn-fullwidth {
-    width: 100%; }
-  
-  *:not(.btn-arrow) > .btn > i[class*="icon-primary-"] {
-    margin-top: -20px;
-    margin-bottom: -20px; }
-  
-  .enhanced-cta-group {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-direction: row-reverse;
-    flex-direction: row-reverse;
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3A%23959595%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important;
-    background-position: 0 -1px;
-    background-repeat: repeat-x; }
-    .enhanced-cta-group > .cta-button-group {
-      border-top: 0;
-      background-image: none !important; }
-      .enhanced-cta-group > .cta-button-group + .cta-button-group a {
-        font-size: 1.4rem;
-        line-height: 1em; }
-        .enhanced-cta-group > .cta-button-group + .cta-button-group a a {
-          margin-right: 0; }
-      .enhanced-cta-group > .cta-button-group hr {
-        min-height: 14px; }
-      .enhanced-cta-group > .cta-button-group + .cta-button-group {
-        -ms-flex-align: center;
-        -ms-grid-row-align: center;
-        align-items: center;
-        -ms-flex-direction: row;
-        flex-direction: row;
-        padding: 10px 0; }
-  
-  .cta-button-group {
-    text-align: right;
-    -ms-flex-align: baseline;
-    align-items: baseline;
-    padding: 20px 0 10px;
-    width: 100%; }
-    .cta-button-group.nodots {
-      background-image: none !important; }
-    .cta-button-group .hidden-phone {
-      margin-right: 14px; }
-    .cta-button-group .btn + .btn {
-      margin-right: 20px !important; }
-    .cta-button-group .btn:not(.hidden-phone):not(.visible-phone) {
-      margin-right: 0; }
-  
-  .isMobile .btn-arrow .btn.btn-small .icon-primary-left:before {
-    left: -1px; }
-  
-  .isMobile .btn-arrow .btn.btn-large .icon-primary-left:before {
-    left: 24px; }
-  
-  .isMobile .btn-arrow .btn.btn-large .icon-primary-right:before {
-    left: 24px; }
-  
-  @media (max-width: 1024px) {
-    .field-group + .btn {
-      margin-left: 15px; } }
-  
-  @media (max-width: 767px) {
-    .cta-button-group {
-      text-align: center; }
-      .cta-button-group > .btn {
-        display: block;
-        float: none;
-        width: 100%;
-        margin-left: auto !important;
-        margin-right: auto !important; } }
-  
-  .btn-group {
-    border-radius: 8px;
-    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-    margin-bottom: 10px;
-    max-width: 470px;
-    min-width: 290px;
-    position: relative;
-    vertical-align: middle;
-    width: 100%; }
-    .btn-group > .btn {
-      box-shadow: none;
-      -ms-flex: 1;
-      flex: 1;
-      position: relative;
-      float: left;
-      margin-right: -1px;
-      margin-bottom: 0;
-      padding-left: 0;
-      padding-right: 0;
-      text-align: center; }
-    .btn-group:not([data-select-color]) .btn.active:not(:first-child) {
-      margin-right: -1px;
-      border-left: 1px solid #d2d2d2 !important; }
-    .btn-group:not([data-select-color]) .btn[disabled]:not(:first-child) {
-      border-left: 1px solid #d2d2d2 !important; }
-    .btn-group:not([data-select-color]) .btn[disabled] + .btn[disabled] {
-      border-left: 1px solid #ebebeb !important; }
-    .btn-group:not([data-select-color]) > .btn.active {
-      border-color: #087ac2 transparent #0568ae;
-      background-color: #0568ae;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-      color: #ffffff; }
-      .btn-group:not([data-select-color]) > .btn.active:hover {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: #0563a6;
-        border-color: #0563a6; }
-      .btn-group:not([data-select-color]) > .btn.active:focus {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: #0563a6;
-        border-color: #0563a6; }
-      .btn-group:not([data-select-color]) > .btn.active:active {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: #0563a6;
-        border-color: #0563a6; }
-    .btn-group:not([data-select-color]) > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
-      border-radius: 0; }
-    .btn-group:not([data-select-color]) > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0; }
-    .btn-group:not([data-select-color]) > .btn:last-child:not(:first-child) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0; }
-    .btn-group:not([data-select-color]) > .dropdown-toggle:not(:first-child) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0; }
-    .btn-group > .active {
-      text-decoration: none;
-      outline: 1px dotted transparent; }
-      .btn-group > .active:focus {
-        outline: 1px dotted #ffffff; }
-  
-  .btn-group.btn-fullwidth > .btn {
-    -ms-flex: 1;
-    flex: 1; }
-  
-  .btn-group[data-select-color] {
-    margin-top: 5px;
-    box-shadow: none;
-    -ms-flex-pack: start;
-    justify-content: flex-start;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap; }
-    .btn-group[data-select-color] .btn {
-      border: 1px solid #959595;
-      border-radius: 4px;
-      box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-      margin-right: 10px;
-      margin-bottom: 10px;
-      height: 40px;
-      font-size: 16px;
-      color: #333333;
-      max-width: 60px;
-      min-width: 60px;
-      -ms-flex: 0;
-      flex: 0; }
-    .btn-group[data-select-color] > .btn.active:focus {
-      outline: 1px dotted #191919;
-      outline-offset: 4px; }
-  
-  button .btn-fill {
-    background-clip: padding-box;
-    border: 0;
-    border-radius: 4px;
-    bottom: 0;
-    display: block;
-    height: auto;
-    left: 0;
-    margin: 5px;
-    position: absolute;
-    right: 0;
-    top: 0;
-    width: auto; }
-  
-  button .btn-fill[style*="#fff"] {
-    border: 1px solid #d2d2d2; }
-  
-  [data-select-color] .btn.active {
-    background: none !important;
-    outline: 0;
-    margin-right: 10px;
-    border-width: 3px;
-    color: #333333;
-    line-height: 12px; }
-    [data-select-color] .btn.active > .btn-fill {
-      margin: 3px; }
-    [data-select-color] .btn.active:hover {
-      color: #333333; }
-  
-  [data-select-color] .btn:active {
-    background: none !important;
-    outline: 0;
-    margin-right: 10px;
-    border-width: 3px;
-    color: #333333;
-    line-height: 12px; }
-    [data-select-color] .btn:active > .btn-fill {
-      margin: 3px; }
-    [data-select-color] .btn:active:hover {
-      color: #333333; }
-  
-  .btn-group[data-select-color="orange"] > .btn.active {
-    border-color: #ea7400; }
-  
-  .btn-group[data-select-color="blue"] > .btn.active {
-    border-color: #0568ae; }
-  
-  .btn-group[data-select-color="green"] > .btn.active {
-    border-color: #007a3e; }
-  
-  .btn-spinbutton-toggle.btn-group {
-    display: block !important;
-    height: 40px !important;
-    margin-top: 5px;
-    max-width: 138px;
-    min-width: 138px;
-    white-space: nowrap; }
-  
-  .btn-spinbutton-toggle .btn {
-    border-radius: 6px;
-    font-weight: normal;
-    -ms-flex: unset;
-    flex: unset;
-    height: 40px;
-    letter-spacing: normal;
-    min-width: auto;
-    padding: 3px 0 0;
-    text-align: center;
-    min-width: 46px;
-    width: 46px; }
-  
-  .btn-spinbutton-toggle .btn[data-max-value] {
-    border-bottom: 1px solid #d2d2d2;
-    border-top: 1px solid #d2d2d2;
-    box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-    background-color: #fff;
-    cursor: text;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 2rem;
-    font-weight: normal;
-    padding: 4px 0 0;
-    text-align: center;
-    min-width: 46px !important;
-    width: 46px; }
-    .btn-spinbutton-toggle .btn[data-max-value]:focus {
-      border-color: #0568ae;
-      outline: none; }
-      .btn-spinbutton-toggle .btn[data-max-value]:focus + .btn {
-        border-left: 1px solid #0568ae;
-        transition: border 0.3s linear 0s; }
-  
-  .btn-spinbutton-toggle .icon-primary-subtractminimize {
-    font-size: 30px !important;
-    color: #0568ae !important; }
-  
-  .btn-spinbutton-toggle .icon-primary-add-maximize {
-    font-size: 30px !important;
-    color: #0568ae !important; }
-  
-  .btn-spinbutton-toggle .btn[disabled].icon-primary-subtractminimize {
-    background-color: #d2d2d2;
-    color: #767676 !important; }
-  
-  .btn-spinbutton-toggle .btn[disabled].icon-primary-add-maximize {
-    background-color: #d2d2d2;
-    color: #767676 !important; }
-  
-  .btn-spinbutton-toggle input.btn[disabled] {
-    background-color: #d2d2d2;
-    color: #5a5a5a;
-    cursor: not-allowed; }
-  
-  .btn-group.btn-spinbutton-toggle .btn[disabled] + .btn[disabled] {
-    border-left: 1px solid #f0f0f0 !important; }
-  
-  .btn-group.btn-spinbutton-toggle .btn[data-max-value]:focus + .btn:not(:first-child) {
-    border-left: 1px solid #0568ae !important; }
-  
-  @media (max-width: 480px) {
-    .btn-group:not([data-select-color]) > .btn {
-      font-size: 1.3rem;
-      min-width: auto; } }
-  
-  .reset-field,
-  .close {
-    float: right;
-    background: none;
-    width: 34px;
-    height: 34px;
-    padding: 0;
-    overflow: hidden;
-    display: inline-block; }
-  
-  .reset-field {
-    display: none; }
-  
-  .reset-field:before {
-    font-size: 22px;
-    color: #5a5a5a; }
-  
-  .input-emphasized + .reset-field:before {
-    font-size: 29px;
-    color: #5a5a5a; }
-  
-  .reset-field:active,
-  .reset-field:hover,
-  .reset-field:focus {
-    display: block !important; }
-  
-  button.close {
-    border: 0;
-    appearance: none; }
-  
-  .corner-button {
-    box-shadow: 0 -50px 0 0 #f2f2f2 inset;
-    height: 69px;
-    /*overflow: hidden;*/
-    position: absolute;
-    right: -35px;
-    top: -35px;
-    transform: rotate(45deg);
-    width: 69px; }
-  
-  .corner-button .close:before {
-    bottom: -7px;
-    color: #0568ae;
-    display: block;
-    font-size: 20px;
-    height: 50px;
-    left: -11px;
-    position: absolute;
-    width: 50px; }
-  
-  .corner-button .close {
-    float: none;
-    height: 45px;
-    margin: 0;
-    position: absolute;
-    right: 12px;
-    top: 45px;
-    transform: rotate(45deg);
-    width: 45px; }
-  
-  .corner-button .close:focus {
-    outline: 1px dotted black; }
-  
-  .ds2-no-colors .corner-button .close {
-    border: 1px solid black; }
-  
-  .field-group input + .reset-field {
-    background: none;
-    height: 36px;
-    width: 45px;
-    display: none;
-    padding: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-    box-shadow: none;
-    border: none;
-    content: " "; }
-  
-  .field-group input[type="search"] + .reset-field,
-  .field-group input[type="search"] + .btn-search + .reset-field,
-  .tooltip-onclick input + .reset-field,
-  .tooltip-onclick input + .icon-primary-tooltip + .reset-field,
-  .tooltip-onclick textarea + .reset-field,
-  .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
-    right: 45px; }
-  
-  .field-group input[type="search"] + .reset-field:after,
-  .field-group input[type="search"] + .btn-search + .reset-field:after,
-  .tooltip-onclick input + .reset-field:after,
-  .tooltip-onclick input + .icon-primary-tooltip + .reset-field:after,
-  .tooltip-onclick textarea + .reset-field:after,
-  .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field:after {
-    background-color: #d2d2d2;
-    content: "";
-    display: block;
-    height: 20px;
-    position: absolute;
-    right: 0;
-    top: 8px;
-    width: 1px; }
-  
-  .tooltip-onclick input + .reset-field,
-  .tooltip-onclick input + .icon-primary-tooltip + .reset-field {
-    right: 50px !important; }
-  
-  .tooltip-onclick textarea + .reset-field,
-  .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
-    right: 45px !important;
-    width: 40px; }
-  
-  .field-group input.input-emphasized + .reset-field {
-    width: 45px;
-    height: 46px;
-    right: 6px; }
-  
-  .field-group input.input-emphasized + .reset-field:after {
-    top: 14px; }
-  
-  .field-group [disabled] + .reset-field {
-    display: none; }
-  
-  .ds2_touchevents .field-group input + .reset-field:focus,
-  .ds2_touchevents .field-group input:focus + .reset-field,
-  .ds2_touchevents textarea:focus + .reset-field,
-  .ds2_touchevents textarea + .reset-field:focus {
-    display: block;
-    position: absolute;
-    right: 0px;
-    top: 0;
-    border: none; }
-  
-  .ds2_touchevents .field-group input {
-    padding: 8px 55px 8px 15px;
-    -webkit-appearance: none; }
-  
-  .ds2_touchevents textarea:focus {
-    padding: 15px 55px 15px 15px; }
-  
-  .ds2_touchevents textarea:focus + .reset-field {
-    border: none;
-    position: absolute;
-    right: 6px;
-    top: 5px; }
-  
-  .ds2_touchevents textarea.hasScrollbar:focus {
-    padding: 15px 35px 15px 15px; }
-  
-  .ds2_touchevents textarea.hasScrollbar:focus + .reset-field {
-    right: 22px; }
-  
-  .ds2-no-colors .b2b-tmpl-card-corner-button {
-    border: none !important; }
-  
-  .ds2-no-colors .b2b-tmpl-card-corner-button .close {
-    border: 1px solid black;
-    top: 0px !important;
-    right: 0px !important; }
-  
-  .form-row.error .error-msg {
-    display: block;
-    font-size: 14px;
-    line-height: 14px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    position: relative;
-    padding-left: 18px; }
-  
-  .form-row.error .error-msg:before {
-    color: #cf2a2a;
-    font-size: 14px;
-    left: 0;
-    line-height: 14px;
-    position: absolute;
-    vertical-align: middle; }
-  
-  .form-row.error label,
-  .form-row.error .error-msg,
-  .form-row.error button.awd-select,
-  .form-row.error select.awd-select + span,
-  .form-row.error .checkbox,
-  .form-row.error .radio,
-  .form-row.error legend.error,
-  .form-row.error input {
-    color: #cf2a2a; }
-  
-  .form-row.error .btn-group > .btn,
-  .form-row.error button.awd-select,
-  .form-row.error .awd-select-list,
-  .form-row.error select.awd-select + span,
-  .form-row.error textarea,
-  .form-row.error input,
-  .form-row.error .checkbox .skin,
-  .form-row.error .radio .skin {
-    border-color: #cf2a2a !important; }
-  
-  .form-row.error .checkbox input:checked:not(:disabled) + .skin {
-    background-color: #cf2a2a; }
-  
-  .form-row.error .radio input:checked + .skin:after {
-    background-color: #cf2a2a; }
-  
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg {
-    margin-top: -11px;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0; }
-  
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext {
-    margin: 0 0 10px; }
-  
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:before,
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:after {
-    display: none; }
-  
-  .error .helpertext {
-    border-color: #cf2a2a;
-    /*border-radius:0;*/ }
-  
-  .error .helpertext:before {
-    border-top-color: #cf2a2a; }
-  
-  .error .tooltip-onfocus .helpertext {
-    margin: 14px 0 10px 0; }
-  
-  .error [class*="price"],
-  .error [class*="pricing-"] {
-    color: #cf2a2a; }
-  
-  input:-ms-clear {
-    display: none; }
-  
-  input[type]::-webkit-inner-spin-button,
-  input[type]::-webkit-outer-spin-button {
-    -webkit-appearance: none; }
-  
-  input[type] {
-    -moz-appearance: textfield; }
-  
-  form {
-    margin: 0; }
-  
-  fieldset {
-    padding: 0;
-    margin: 0;
-    border: 0; }
-  
-  label,
-  legend {
-    display: inline-block;
-    font-size: 1.4rem;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  legend {
-    display: block; }
-  
-  .error-msg {
-    display: none; }
-  
-  select,
-  textarea,
-  input {
-    border-radius: 6px;
-    color: #5a5a5a;
-    display: inline-block;
-    font-size: 1.6rem;
-    margin: 0px;
-    padding: 0 15px 0 15px;
-    vertical-align: middle;
-    line-height: normal; }
-  
-  select::-webkit-input-placeholder,
-  textarea::-webkit-input-placeholder,
-  input::-webkit-input-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select:-moz-placeholder,
-  textarea:-moz-placeholder,
-  input:-moz-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select::-moz-placeholder,
-  textarea::-moz-placeholder,
-  input::-moz-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select:-ms-input-placeholder,
-  textarea:-ms-input-placeholder,
-  input:-ms-input-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    transition: none;
-    opacity: 1; }
-  
-  select:placeholder,
-  textarea:placeholder,
-  input:placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select:last-child,
-  textarea:last-child,
-  input:last-child {
-    margin-right: 0; }
-  
-  input:not([type="button"]) {
-    height: 36px; }
-  
-  input.input-emphasized {
-    font-size: 1.8rem;
-    height: 48px;
-    padding: 13px 20px 13px; }
-  
-  input[type="search"]:focus {
-    padding-right: 88px; }
-  
-  input[type="search"] {
-    padding-right: 40px;
-    -webkit-appearance: none !important; }
-  
-  input[type="search"].input-emphasized {
-    padding-right: 45px; }
-  
-  .btn-search[class*="btn"] {
-    background-color: transparent;
-    background-position: 50% 50%;
-    background-size: 20px;
-    background-repeat: no-repeat;
-    border: none;
-    height: 100%;
-    margin-left: 0;
-    margin-top: 0;
-    min-width: 45px !important;
-    outline-offset: 0;
-    padding: 0 !important;
-    position: absolute;
-    right: 0;
-    top: 0;
-    border-radius: 0 5px 5px 0;
-    min-width: 44px;
-    width: 44px; }
-  
-  .input-emphasized + .btn-search[class*="btn"],
-  .input-emphasized + .reset-field + .btn-search[class*="btn"] {
-    background-size: 26px;
-    height: 46px;
-    top: 1px;
-    outline-offset: -3px;
-    margin-bottom: 0;
-    border-radius: 0 5px 5px 0; }
-  
-  input[type="search"].input-emphasized + .reset-field {
-    right: 45px !important; }
-  
-  .search-suggestion-wrapper {
-    position: relative;
-    margin-bottom: 15px; }
-  
-  /*styles from dropdown*/
-  .search-suggestion-list {
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-    border-radius: 0 0 6px 6px;
-    position: relative;
-    border: 1px solid #0568ae;
-    border-top: 0;
-    padding: 15px 0;
-    background-color: #f2f2f2;
-    z-index: 1000;
-    width: 100%;
-    max-height: 400px;
-    overflow-y: auto; }
-  
-  .search-suggestion-list:empty {
-    display: none; }
-  
-  .search-suggestion-item {
-    position: relative;
-    z-index: -1;
-    padding: 0 15px;
-    line-height: 4.0rem;
-    color: #5a5a5a; }
-  
-  .search-suggestion-item a {
-    text-decoration: none;
-    color: #5a5a5a; }
-  
-  .search-suggestion-item:hover,
-  .search-suggestion-item:focus {
-    cursor: pointer;
-    background-color: #d2d2d2; }
-  
-  input[data-provide="datepicker"],
-  [data-provide="datepicker"]:-moz-placeholder,
-  [data-provide="datepicker"]:-ms-input-placeholder,
-  [data-provide="datepicker"]:-webkit-input-placeholder {
-    color: #0568ae !important;
-    opacity: 1;
-    filter: alpha(opacity=100); }
-  
-  input[disabled],
-  input[readonly],
-  select[disabled],
-  select[readonly],
-  textarea[disabled],
-  textarea[readonly],
-  i.icon-primary-calendar.disabled,
-  span.icon-primary-calendar.readonly {
-    cursor: not-allowed;
-    background-color: #f2f2f2;
-    box-shadow: none; }
-  
-  i.icon-primary-calendar.disabled input,
-  span.icon-primary-calendar.readonly input {
-    color: #959595 !important; }
-  
-  textarea {
-    display: block;
-    width: 400px;
-    max-width: 400px;
-    padding: 15px; }
-  
-  textarea.small {
-    line-height: 20px; }
-  
-  textarea + .reset-field {
-    display: none; }
-  
-  textarea::-webkit-input-placeholder {
-    line-height: .99; }
-  
-  textarea:-moz-placeholder {
-    line-height: .99; }
-  
-  textarea::-moz-placeholder {
-    line-height: .99; }
-  
-  textarea:-ms-input-placeholder {
-    line-height: .99; }
-  
-  textarea:placeholder {
-    line-height: .99; }
-  
-  textarea,
-  input {
-    background-color: #ffffff;
-    border: 1px solid #d2d2d2;
-    -webkit-appearance: none;
-    box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-    transition: border .3s linear 0s;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  textarea:focus,
-  input:focus {
-    outline: 0;
-    border-color: #0568ae; }
-  
-  .input-append {
-    display: table; }
-  
-  .input-append > div {
-    display: table-cell;
-    width: 1%; }
-  
-  .input-append > .field-group {
-    width: 100%; }
-  
-  .row .field-group input[class*="span"] {
-    float: none; }
-  
-  .field-group {
-    position: relative;
-    display: inline-block; }
-  
-  label + .field-group,
-  label + .input-append,
-  label + .row,
-  label + .row-nowrap,
-  label + .form-row {
-    margin-top: 5px; }
-  
-  .field-group {
-    position: relative;
-    display: block; }
-  
-  .field-group input:not([type="button"])[disabled] {
-    padding-right: 15px; }
-  
-  input:invalid,
-  textarea:invalid,
-  select:invalid {
-    outline: none !important; }
-  
-  .form-row {
-    margin-top: 20px; }
-  
-  .form-row.nomar {
-    margin: 0; }
-  
-  .row-nowrap.no-flex.form-row > label + br {
-    margin-bottom: 5px; }
-  
-  span.form-row {
-    display: inline-block; }
-  
-  legend + .form-row {
-    margin-top: 20px; }
-  
-  .tooltip-onclick input {
-    padding-right: 45px; }
-  
-  .ds2_touchevents .tooltip-onclick input:focus {
-    padding-right: 95px; }
-  
-  .btn-calendar-icon {
-    position: absolute;
-    background-color: transparent !important;
-    top: 8px;
-    border: 0 !important;
-    width: 30px;
-    right: 15px; }
-  
-  .btn-calendar-icon .icon-primary-calendar:before {
-    position: absolute;
-    color: #0568ae; }
-  
-  .btn-calendar-icon .icon-primary-calendar.disabled {
-    background-color: #f2f2f2; }
-  
-  .btn-calendar-icon .icon-primary-calendar.disabled:before {
-    color: #959595; }
-  
-  span.icon-primary-calendar input {
-    padding-left: 35px;
-    color: #0568ae;
-    transition: border-color 0.3s linear 0s;
-    box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-    position: absolute;
-    top: 0;
-    left: 0; }
-  
-  .faux-input + input.datepicker-input:not([disabled]) {
-    cursor: pointer;
-    margin-left: 0;
-    background-color: #fff;
-    position: absolute;
-    left: 0;
-    top: 0;
-    z-index: 0; }
-  
-  .faux-input {
-    background-color: transparent !important;
-    border: 1px solid transparent;
-    border-radius: 4px;
-    font-size: 1.6rem;
-    height: 35px;
-    left: 0;
-    line-height: 35px;
-    margin-bottom: 10px;
-    margin-right: 6px;
-    padding: 0 0 0 35px;
-    position: relative;
-    text-align: left;
-    top: 0;
-    vertical-align: middle;
-    width: 100%;
-    z-index: 1; }
-  
-  .faux-input:disabled {
-    cursor: not-allowed; }
-  
-  .faux-input:focus + .datepicker-input,
-  [data-calendar-state="opened"] + .datepicker-input {
-    border-color: #0568ae;
-    box-shadow: 2px 3px 2px -2px rgba(5, 116, 172, 0.35) inset;
-    outline: 0 none; }
-  
-  .form-row.error .error-msg {
-    display: block;
-    font-size: 14px;
-    line-height: 14px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    position: relative;
-    padding-left: 18px;
-    margin-top: 10px; }
-  
-  .form-row.error .error-msg > .icon-primary-badgealert {
-    height: 14px;
-    width: 14px;
-    position: absolute;
-    left: 0;
-    margin-right: 0; }
-  
-  .form-row.error .error-msg > .icon-primary-badgealert:before {
-    color: #cf2a2a;
-    font-size: 14px;
-    left: 0;
-    line-height: 14px;
-    position: absolute;
-    vertical-align: middle; }
-  
-  .form-row.error label,
-  .form-row.error .error-msg,
-  .form-row.error button.awd-select,
-  .form-row.error select.awd-select + span,
-  .form-row.error .checkbox,
-  .form-row.error .radio,
-  .form-row.error legend.error,
-  .form-row.error input,
-  .form-row.error textarea {
-    color: #cf2a2a; }
-  
-  .form-row.error .btn-group > .btn,
-  .form-row.error button.awd-select,
-  .form-row.error .awd-select-list,
-  .form-row.error select.awd-select + span,
-  .form-row.error textarea,
-  .form-row.error input,
-  .form-row.error .checkbox .skin,
-  .form-row.error .radio .skin {
-    border-color: #cf2a2a !important; }
-  
-  .form-row.error .checkbox input:checked:not(:disabled) + .skin {
-    background-color: #cf2a2a; }
-  
-  .form-row.error .radio input:checked + .skin:after {
-    background-color: #cf2a2a; }
-  
-  .error [class*="price"],
-  .error [class*="pricing-"] {
-    color: #cf2a2a; }
-  
-  hr,
-  .hr-or {
-    display: block;
-    height: 1px;
-    margin: 15px 0;
-    border: none;
-    background-repeat: repeat-x;
-    background-color: #959595;
-    position: relative; }
-  
-  hr.dark {
-    background-color: #959595; }
-  
-  hr.lite {
-    background-color: #d2d2d2; }
-  
-  .hr-or:before {
-    background-color: #fff;
-    color: #666;
-    content: " OR ";
-    display: block;
-    font-size: 1.4rem;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    height: 16px;
-    left: 50%;
-    line-height: 1.6rem;
-    margin-left: -15px;
-    margin-top: -8px;
-    position: absolute;
-    text-align: center;
-    top: 50%;
-    width: 30px;
-    z-index: 1111; }
-  
-  hr.is-vertical.dark,
-  hr.hr-or.dark,
-  hr.is-vertical.lite,
-  hr.hr-or.lite {
-    display: inline-block;
-    height: auto;
-    margin: 0 15px;
-    min-height: 20px;
-    width: 1px; }
-  
-  hr.is-vertical.dark,
-  hr.hr-or.dark {
-    background-color: #959595; }
-  
-  hr.is-vertical.lite,
-  hr.hr-or.lite {
-    background-color: #d2d2d2; }
-  
-  .hr-dotted.is-vertical.dark,
-  .hr-dotted.is-vertical.lite {
-    background-color: transparent;
-    background-repeat: repeat-y;
-    background-size: 1px 4px;
-    height: auto;
-    min-height: 20px;
-    width: 1px; }
-  
-  .row-nowrap > .span + hr.is-vertical,
-  .row > .span + hr.is-vertical {
-    margin: 0 0 0 -20px; }
-  
-  
-  
-  hr.bottom-space-only {
-    margin-top: 0; }
-  
-  .hr-nomargin {
-    margin: 0; }
-  
-  .radio {
-    position: relative;
-    min-height: 24px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.6rem;
-    margin-bottom: 5px; }
-    .radio input {
-      -webkit-tap-highlight-color: transparent;
-      height: 10px;
-      margin: 6px;
-      opacity: 0;
-      outline: none;
-      position: absolute;
-      left: 1px;
-      top: 1px;
-      width: 10px; }
-      .radio input:focus + .skin {
-        border-color: #0568ae; }
-        .radio input:focus + .skin:before {
-          content: "";
-          height: 34px;
-          left: -6px;
-          top: -6px;
-          outline: 1px dotted #000000;
-          position: absolute;
-          width: 34px; }
-      .radio input + .skin {
-        border-radius: 100%; }
-      .radio input:checked + .skin:after {
-        background-color: #0568ae;
-        border-radius: 100%;
-        border: 3px solid #FFFFFF;
-        content: "";
-        display: block;
-        height: 16px;
-        position: absolute;
-        width: 16px; }
-      .radio input:disabled + .skin {
-        cursor: not-allowed;
-        background-color: #d2d2d2;
-        border-color: #d2d2d2;
-        color: #666666; }
-        .radio input:disabled + .skin + span {
-          cursor: not-allowed;
-          color: #666666; }
-      .radio input:disabled:checked + .skin:after {
-        background-color: #666666; }
-      .radio input:invalid + .skin {
-        border: solid 1px #cf2a2a; }
-    .radio .skin {
-      background-color: #FFFFFF;
-      border: 1px solid #d2d2d2;
-      border-radius: 3px;
-      display: inline-block;
-      height: 24px;
-      left: 0;
-      position: absolute;
-      top: 0;
-      width: 24px; }
-    .radio span {
-      display: inline-block;
-      margin-left: 34px;
-      margin-top: 0;
-      position: relative;
-      top: 3px; }
-    .radio label {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .radio.inline {
-    display: inline-block;
-    margin-bottom: 10px;
-    vertical-align: middle;
-    margin-right: 10px; }
-    .radio.inline:last-child {
-      margin-right: 0; }
-  
-  .radio-box {
-    border: 1px solid #d2d2d2;
-    border-radius: 8px; }
-    .radio-box > [role="radio"] label {
-      padding: 15px 15px 20px 15px;
-      display: block;
-      width: 100%; }
-      .radio-box > [role="radio"] label .skin + span {
-        top: 2px; }
-    .radio-box > [role="radio"] + div {
-      padding: 0 15px 15px 47px; }
-    .radio-box > [aria-checked="false"] label > input {
-      top: 15px;
-      left: 15px; }
-    .radio-box > [aria-checked="false"] label .skin {
-      top: 15px;
-      left: 15px; }
-    .radio-box > [aria-checked="true"] label > input {
-      top: 13px;
-      left: 13px; }
-    .radio-box > [aria-checked="true"] label .skin {
-      top: 13px;
-      left: 13px; }
-  
-  .radio-box.active {
-    border: 3px solid #0568ae; }
-    .radio-box.active > [role="radio"] label {
-      padding: 13px 14px 19px 13px; }
-  
-  .checkbox {
-    position: relative;
-    min-height: 24px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.6rem;
-    margin-bottom: 5px; }
-    .checkbox input {
-      -webkit-tap-highlight-color: transparent;
-      height: 10px;
-      margin: 6px;
-      opacity: 0;
-      outline: none;
-      position: absolute;
-      left: 1px;
-      top: 1px;
-      width: 10px; }
-      .checkbox input:focus + .skin {
-        border-color: #0568ae; }
-        .checkbox input:focus + .skin:before {
-          content: "";
-          height: 34px;
-          left: -6px;
-          top: -6px;
-          outline: 1px dotted #000000;
-          position: absolute;
-          width: 34px; }
-      .checkbox input:checked:not(:disabled) + .skin {
-        background-color: #0568ae;
-        border-color: #0568ae; }
-      .checkbox input:checked:disabled + .skin:after {
-        color: #5A5A5A; }
-      .checkbox input:checked + .skin:after {
-        height: 20px;
-        width: 10px;
-        background-color: transparent;
-        font-size: 23.4px;
-        color: #FFFFFF;
-        line-height: 21px; }
-      .checkbox input:disabled + .skin {
-        cursor: not-allowed;
-        background-color: #d2d2d2;
-        border-color: #d2d2d2;
-        color: #666666; }
-        .checkbox input:disabled + .skin + span {
-          cursor: not-allowed;
-          color: #666666; }
-      .checkbox input:invalid + .skin {
-        border: solid 1px #cf2a2a; }
-      .checkbox input:indeterminate + .skin:after {
-        background-color: transparent;
-        font-size: 25px;
-        color: #0574ac;
-        content: "\e920"; }
-    .checkbox .skin {
-      background-color: #fff;
-      border: 1px solid #d2d2d2;
-      border-radius: 3px;
-      display: inline-block;
-      height: 24px;
-      width: 24px;
-      position: absolute;
-      left: 0;
-      top: 0; }
-    .checkbox span {
-      display: inline-block;
-      margin-left: 34px;
-      margin-top: 0;
-      position: relative;
-      top: 3px; }
-    .checkbox label {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-    .checkbox input {
-      z-index: 9999; }
-    .checkbox input.indeterminate + .skin:after {
-      font-size: 22px;
-      color: #0568ae; }
-  
-  .checkbox.inline {
-    display: inline-block;
-    margin-bottom: 10px;
-    vertical-align: middle;
-    margin-right: 10px; }
-    .checkbox.inline:last-child {
-      margin-right: 0; }
-  
-  .checkbox.checkbox-selectall {
-    margin: 20px 0 0 24px; }
-  
-  .terms-after-checkbox {
-    margin-top: 15px; }
-  
-  .indeterminate-margin {
-    padding-left: 24px; }
-  
-  .tiny-accordion {
-    border-bottom: 1px solid #d2d2d2; }
-  
-  .toggle-header,
-  .inactive-toggle-header {
-    border-color: #fff;
-    color: #0568ae;
-    cursor: pointer;
-    display: block;
-    font-size: 2.0rem;
-    line-height: 2.2rem;
-    min-height: 41px;
-    position: relative;
-    padding: 16px 55px 16px 15px; }
-  
-  .toggle-header.opened {
-    color: #333333; }
-  
-  .tiny-accordion .toggle-header,
-  .tiny-accordion .inactive-toggle-header {
-    padding: 16px 55px 16px 15px;
-    border-top: 1px solid #d2d2d2; }
-  
-  .tiny-accordion .toggle-header:focus {
-    text-decoration: underline; }
-  
-  .tiny-accordion.iconleft .toggle-header,
-  .tiny-accordion.iconleft .inactive-toggle-header {
-    padding: 15px 15px 15px 50px; }
-  
-  .accordion-content {
-    font-size: 1.4rem; }
-  
-  .accordion-content .toggle-header:first-child {
-    margin-top: 16px; }
-  
-  .tiny-accordion .toggle-header + .accordion-content {
-    padding: 0 50px 15px 15px; }
-  
-  .tiny-accordion.iconleft .toggle-header + .accordion-content {
-    padding: 0 15px 15px 50px; }
-  
-  .toggle-header .icon-primary-accordion-plus,
-  .toggle-header .icon-primary-accordion-minus {
-    display: inline-block;
-    font-size: 20px;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    right: 15px;
-    vertical-align: middle;
-    top: 16px;
-    font-weight: bold; }
-  
-  .tiny-accordion.iconleft .toggle-header .icon-primary-accordion-plus,
-  .tiny-accordion.iconleft .toggle-header .icon-primary-accordion-minus {
-    left: 15px; }
-  
-  .inactive-toggle-header:hover {
-    cursor: inherit; }
-  
-  .tiny-accordion-to-tabs,
-  .tiny-tabs {
-    position: relative;
-    width: 100%;
-    margin: 0px;
-    padding: 0px; }
-  
-  .tiny-tabs [class*="icon-primary-accordion-"] {
-    display: none !important; }
-  
-  .tiny-accordion-to-tabs:before,
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:before,
-  .tiny-tabs:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:after {
-    clear: both; }
-  
-  .tiny-accordion-to-tabs:before,
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:before,
-  .tiny-tabs:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:after {
-    clear: both; }
-  
-  .tiny-tabs > .toggle-header {
-    display: inline-block;
-    float: left;
-    border-top: none;
-    overflow: hidden;
-    height: 70px;
-    text-align: center;
-    background-color: #fff;
-    border-radius: 0px;
-    padding: 26px 20px 25px 20px !important;
-    border-top: 1px solid #fff;
-    -webkit-filter: none;
-    filter: none;
-    background-clip: padding-box;
-    border-bottom: 1px solid #d2d2d2;
-    font-weight: normal;
-    border-right: 1px solid #d2d2d2;
-    white-space: nowrap; }
-  
-  .tiny-tabs .toggle-header + div {
-    left: 0px;
-    position: absolute;
-    top: 69px;
-    border-top: 1px solid #d2d2d2;
-    padding: 0;
-    display: block;
-    border-bottom: none;
-    width: 100%; }
-  
-  .accordion-pad {
-    padding-top: 30px;
-    padding-bottom: 30px; }
-  
-  .tiny-tabs .opened {
-    color: #333333;
-    border-top: 5px solid #0568ae !important;
-    padding-top: 22px !important;
-    border-bottom: none;
-    background-color: #fff;
-    -webkit-filter: none;
-    filter: none;
-    cursor: default;
-    z-index: 999; }
-  
-  .tiny-tabs .toggle-header:focus {
-    text-decoration: underline;
-    outline: thin dotted #666;
-    outline-offset: 0; }
-  
-  .tiny-tabs .toggle-header:first-child {
-    border-left: none;
-    margin-left: 0; }
-  
-  .tiny-tabs .toggle-header:first-child {
-    border-left: 1px solid #fff; }
-  
-  .tiny-tabs .opened:first-child {
-    border-left: 1px solid #d2d2d2; }
-  
-  .tiny-tabs .toggle-header:nth-last-of-type(2) {
-    border-right-color: #fff; }
-  
-  .tiny-tabs .opened:nth-last-of-type(2) {
-    border-right: 1px solid #d2d2d2; }
-  
-  @media (max-width: 767px) {
-    .tiny-accordion,
-    .tiny-accordion-to-tabs {
-      margin-left: -15px;
-      margin-right: -15px;
-      width: auto; }
-    .tiny-accordion-to-tabs {
-      display: block;
-      border-bottom: 1px solid #d2d2d2; }
-    .tiny-accordion-to-tabs .toggle-header {
-      display: block;
-      min-height: 41px;
-      padding: 16px 50px 16px 15px;
-      border-top: 1px solid #d2d2d2; }
-    .tiny-accordion-to-tabs .toggle-header:focus {
-      text-decoration: underline; }
-    .tiny-accordion-to-tabs .toggle-header + .accordion-content {
-      padding: 0 50px 15px 15px; } }
-  
-  @media (min-width: 768px) {
-    .tiny-accordion-to-tabs [class*="icon-primary-accordion-"] {
-      display: none !important; }
-    .tiny-accordion-to-tabs > .toggle-header {
-      display: inline-block;
-      float: left;
-      border-top: none;
-      /*overflow: hidden;*/
-      height: 70px;
-      text-align: center;
-      background-color: #fff;
-      border-radius: 0px;
-      padding: 26px 20px 25px 20px !important;
-      border-top: 1px solid #fff;
-      -webkit-filter: none;
-      filter: none;
-      background-clip: padding-box;
-      border-bottom: 1px solid #d2d2d2;
-      font-weight: normal;
-      border-right: 1px solid #d2d2d2;
-      white-space: nowrap; }
-    .tiny-accordion-to-tabs .toggle-header + div {
-      left: 0px;
-      position: absolute;
-      top: 69px;
-      border-top: 1px solid #d2d2d2;
-      padding-top: 30px;
-      padding-left: 20px;
-      display: block;
-      border-bottom: none;
-      width: 100%; }
-    .tiny-accordion-to-tabs .opened {
-      color: #333333;
-      border-top: 5px solid #0568ae !important;
-      padding-top: 22px !important;
-      border-bottom: none;
-      background-color: #fff;
-      -webkit-filter: none;
-      filter: none;
-      cursor: default;
-      text-decoration: none;
-      z-index: 999; }
-    .tiny-accordion-to-tabs .toggle-header:focus {
-      text-decoration: underline;
-      outline: thin dotted #666;
-      outline-offset: 0px; }
-    .tiny-accordion-to-tabs .toggle-header:nth-last-of-type(2) {
-      border-right: none; }
-    .tiny-accordion-to-tabs .toggle-header:first-child {
-      border-left: none;
-      margin-left: 0; }
-    .tiny-accordion-to-tabs .toggle-header:first-child {
-      border-left: 1px solid #fff; }
-    .tiny-accordion-to-tabs .opened:first-child {
-      border-left: 1px solid #d2d2d2; }
-    .tiny-accordion-to-tabs .opened:nth-last-of-type(2) {
-      border-right: 1px solid #d2d2d2; } }
-  
-  .toggle-header .tooltip .icon-primary-tooltip {
-    margin-top: -5px; }
-  
-  .accordion-content {
-    transition: all 0.8s linear; }
-  
-  .opaque-content {
-    opacity: 0; }
-  
-  .tiny-tabs .toggle-header {
-    display: inline-block;
-    float: left;
-    border-top: none;
-    overflow: hidden;
-    height: 70px;
-    text-align: center;
-    background-color: #fff;
-    border-radius: 0px;
-    padding: 22px 20px 25px 20px !important;
-    border-top: 5px solid #fff;
-    -webkit-filter: none;
-    filter: none;
-    background-clip: padding-box;
-    border-bottom: 1px solid #ccc;
-    font-weight: normal;
-    border-right: 1px solid #ccc;
-    white-space: nowrap; }
-  
-  .tiny-tabs .toggle-header:first-child {
-    margin-left: 0; }
-  
-  .tiny-tabs div:first-child .toggle-header {
-    margin-left: 30px; }
-  
-  .tiny-tabs > div .toggle-header.opened {
-    border-bottom: 0 !important; }
-  
-  .tiny-accordion-to-tabs > div > div.toggle-header {
-    background-clip: padding-box;
-    background-color: #fff;
-    border-bottom: 1px solid #ccc;
-    border-radius: 0;
-    border-top: 5px solid #fff;
-    display: inline-block;
-    filter: none;
-    float: left;
-    font-weight: normal;
-    overflow: hidden;
-    padding: 22px 20px 21px !important;
-    text-align: center;
-    white-space: nowrap; }
-  
-  .tiny-accordion-to-tabs .toggle-header:first-child {
-    margin-left: 0; }
-  
-  .tiny-accordion-to-tabs div:first-child .toggle-header {
-    margin-left: 30px;
-    border-bottom: 0 !important; }
-  
-  .tiny-accordion-to-tabs > div .toggle-header.opened {
-    border-bottom: 0 !important; }
-  
-  @media (max-width: 767px) {
-    .tiny-accordion-to-tabs {
-      display: block !important;
-      border-bottom: 1px solid #ccc !important; }
-    .tiny-accordion-to-tabs > div > div.toggle-header {
-      display: block !important;
-      float: none;
-      text-align: left;
-      min-height: 41px !important;
-      padding: 15px 50px 15px 15px !important;
-      border-top: 1px solid #ccc; }
-    .tiny-accordion-to-tabs > div > div.toggle-header:first-child {
-      margin-left: 0 !important; }
-    .tiny-accordion-to-tabs > div > div.toggle-header + .accordion-content {
-      padding: 0 50px 15px 15px; }
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus {
-      background-position: 0 0;
-      background-size: 20px 40px; }
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-      background-position: 0 -20px;
-      background-size: 20px 40px; }
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus,
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-      display: inline-block;
-      height: 20px;
-      margin: 0;
-      padding: 0;
-      position: absolute;
-      right: 15px;
-      vertical-align: middle;
-      width: 20px; } }
-  
-  .alert {
-    background-color: #5a5a5a;
-    border-radius: 8px;
-    color: #fff;
-    margin-top: 15px;
-    padding: 0;
-    position: relative;
-    border: 0; }
-  
-  .alert h3,
-  .alert h4 {
-    color: #fff;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 1.6rem;
-    margin: 0 20px 5px 0; }
-  
-  .alert div {
-    padding: 15px 20px; }
-  
-  .alert div:first-child {
-    border-radius: 8px 0 0 8px;
-    width: 1%; }
-  
-  .alert div:first-child + div {
-    border: 1px solid transparent;
-    border-left: none;
-    border-radius: 0 8px 8px 0; }
-  
-  .alert-error {
-    background-color: #cf2a2a;
-    border: 1px solid #cf2a2a; }
-  
-  .alert-info {
-    background-color: #44c8f5;
-    border: 1px solid #44c8f5; }
-  
-  .alert-success {
-    background-color: #c5d63d;
-    border: 1px solid #c5d63d; }
-  
-  .alert [class*="icon-primary-"] {
-    color: #fff;
-    font-size: 30px;
-    margin-right: 0; }
-  
-  .alert .close {
-    height: 30px;
-    position: absolute;
-    right: 1px;
-    top: 1px;
-    width: 30px; }
-  
-  .alert .close:before {
-    color: #fff;
-    margin-right: 0;
-    position: absolute;
-    right: 9px;
-    top: 9px; }
-  
-  .alert a {
-    color: #fff;
-    text-decoration: underline; }
-  
-  .alert .close:focus {
-    outline: 1px dotted #666; }
-  
-  .alert p {
-    font-size: 1.4rem; }
-  
-  .alert p:last-child {
-    margin-bottom: 0; }
-  
-  .alert .standalone-link i[class*="icon-primary-"] {
-    font-size: 20px;
-    margin-right: 5px; }
-  
-  @media (max-width: 767px) {
-    .alert {
-      border-radius: 0;
-      margin: 0 -15px; }
-    .alert + .alert {
-      margin-top: 4px; }
-    .alert div {
-      padding: 15px 10px; }
-    .alert div:first-child {
-      border-radius: 0;
-      padding: 15px; }
-    .alert h3,
-    .alert h4 {
-      font-size: 1.4rem; }
-    .alert p {
-      font-size: 1.2rem; }
-    .alert .close {
-      right: 5px;
-      top: 5px; }
-    .alert .standalone-link i[class*="icon-primary-"] {
-      font-size: 16px; } }
-  
-  .alert h3 {
-    margin: 0;
-    font-size: 16px; }
-  
-  .alert p {
-    font-size: 14px; }
-  
-  .alert p a {
-    color: #FFFFFF;
-    text-decoration: underline; }
-  
-  .alert div:first-child + div {
-    padding-right: 25px; }
-  
-  .alert div:last-child {
-    padding-right: 20px !important; }
-  
-  .alert p [class*="icon-primary-"] {
-    color: #fff;
-    font-size: 20px;
-    margin-right: 0; }
-  
-  @media (max-width: 767px) {
-    .alert h3 {
-      font-size: 14px; }
-    .alert div:first-child + div {
-      padding-right: 20px; }
-    .alert div:last-child {
-      padding-right: 15px !important; }
-    .alert div:first-child {
-      padding: 15px; }
-    .alert p {
-      font-size: 12px; }
-    .alert p [class*="icon-primary-"] {
-      font-size: 16px; } }
-  
-  .b2b-audio {
-    width: auto;
-    margin: 10px auto;
-    height: 35px; }
-    .b2b-audio .controls-wrapper {
-      display: inline-block;
-      font-size: 25px;
-      cursor: pointer; }
-      .b2b-audio .controls-wrapper i {
-        font-size: 25px;
-        margin-right: 0px;
-        color: #444; }
-        .b2b-audio .controls-wrapper i:hover {
-          color: #0574AC; }
-    .b2b-audio .seek-bar-container-wrapper {
-      display: inline-block;
-      outline: 0;
-      min-width: 180px;
-      margin-right: 10px;
-      margin-left: 10px;
-      height: 14px;
-      padding-top: 5px; }
-      .b2b-audio .seek-bar-container-wrapper .timing-container {
-        padding-top: 13px;
-        color: #333;
-        font-size: 12px; }
-        .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-left {
-          float: left;
-          line-height: 100%; }
-        .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-right {
-          float: right;
-          line-height: 100%; }
-        .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-spacer {
-          clear: both; }
-    .b2b-audio .seek-bar-tooltip {
-      text-align: center;
-      min-width: 76px; }
-  
-  .b2b-audio-popover {
-    width: 22px; }
-    .b2b-audio-popover .volume-popover {
-      height: 100px !important;
-      width: 6px !important;
-      margin: 7px auto; }
-    .b2b-audio-popover .min-label {
-      margin-top: 5px; }
-  
-  .b2b-audio-native {
-    width: auto;
-    height: auto; }
-  
-  .b2b-audio-recorder {
-    border: 1px solid #ccc;
-    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15);
-    height: 63px;
-    min-height: 63px;
-    min-width: 347px; }
-    .b2b-audio-recorder .b2b-elapsed-time {
-      margin: 23px 0 24px 15px;
-      font-size: 16px;
-      font-style: italic;
-      color: #767676; }
-    .b2b-audio-recorder .b2b-controls {
-      width: 68px;
-      cursor: pointer; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-record {
-        font-size: 64px;
-        color: black;
-        float: right;
-        margin-right: 10px; }
-        .b2b-audio-recorder .b2b-controls i.icoControls-record:focus, .b2b-audio-recorder .b2b-controls i.icoControls-record:hover {
-          color: #0568ae; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-stop {
-        font-size: 36px;
-        color: black;
-        float: right;
-        margin-right: 20px;
-        margin-top: 12px; }
-        .b2b-audio-recorder .b2b-controls i.icoControls-stop:focus, .b2b-audio-recorder .b2b-controls i.icoControls-stop:hover {
-          color: #0568ae; }
-  
-  .b2b-top-btn {
-    height: 36px;
-    width: 36px;
-    border-radius: 7px; }
-  
-  .b2b-top-btn > i {
-    position: absolute;
-    top: 13px;
-    left: 9px;
-    width: 11px;
-    height: 18px; }
-  
-  .b2b-badge {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    background-color: #5A5A5A;
-    border-radius: 12px;
-    color: #FFFFFF;
-    display: inline-block;
-    font-size: 1.5rem;
-    font-weight: normal;
-    height: 20px;
-    line-height: 0;
-    margin-top: 0;
-    min-width: 20px;
-    padding: 0 5px;
-    text-align: center;
-    vertical-align: baseline; }
-    .b2b-badge:empty {
-      display: none; }
-  
-  * + .b2b-heading-micro {
-    margin-top: 20px !important; }
-  
-  .b2b-heading-micro {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: normal;
-    text-rendering: optimizeLegibility;
-    font-size: 1.2rem !important;
-    text-transform: uppercase !important;
-    margin-bottom: 20px !important;
-    line-height: 1.2 !important; }
-  
-  .b2b-no-colors .b2b-badge {
-    border: 1px solid transparent; }
-  
-  .btn > .b2b-badge {
-    margin-right: 5px; }
-  
-  a > .b2b-badge {
-    margin-right: 6px;
-    padding-top: 10px; }
-  
-  .b2b-badge-urgent {
-    background-color: #cf2a2a; }
-  
-  .bellyband-container {
-    margin: 0 -15px; }
-  
-  .bellyband-group {
-    width: auto; }
-  
-  .bellyband-link {
-    border-top: 1px solid #d2d2d2; }
-  
-  .bellyband-link a {
-    display: block;
-    height: 40px;
-    line-height: 40px;
-    padding: 0 15px;
-    position: relative;
-    text-decoration: none; }
-  
-  .bellyband-link a:hover > div span,
-  .bellyband-link a:focus > div span {
-    text-decoration: underline; }
-  
-  .bellyband-link a:after {
-    color: #666;
-    font-size: 2.3rem;
-    height: 20px;
-    position: absolute;
-    right: 5px;
-    top: 12px;
-    width: 18px; }
-  
-  .dark-bg .bellyband-link a:after {
-    color: white; }
-  
-  .bellyband-link img[src$="svg"].hidden-desktop,
-  .bellyband-link [class*="icon-primary-"].hidden-desktop {
-    display: inline-block !important;
-    float: left;
-    font-size: 24px;
-    height: 24px;
-    margin-right: 5px;
-    margin-top: 8px;
-    width: 24px; }
-  
-  .dark-bg .bellyband-link [class*="icon-primary-"].hidden-desktop,
-  .dark-bg .bellyband-link [class*="icon-primary-"].visible-desktop {
-    color: #fff; }
-  
-  .bellyband-link img[src$="svg"].visible-desktop {
-    display: none !important; }
-  
-  .bellyband-link p {
-    margin-top: -10px;
-    margin-left: 29px;
-    font-size: 1.4rem;
-    color: #666; }
-  
-  @media (min-width: 481px) and (max-width: 767px) {
-    .bellyband-container {
-      display: flex;
-      margin: 0; }
-    .bellyband-group {
-      align-content: flex-start;
-      align-items: stretch;
-      display: inline-flex;
-      flex-direction: column;
-      flex-wrap: wrap;
-      margin-top: 1px;
-      width: 100%; }
-    .bellyband-group .row {
-      display: flex !important; }
-    .bellyband-link {
-      padding-top: 0;
-      position: relative;
-      border-top: none;
-      margin-bottom: 20px;
-      width: 50%; }
-    .bellyband-link a {
-      height: inherit;
-      line-height: inherit;
-      display: flex;
-      padding: 0; }
-    .bellyband-link a:after {
-      display: none; }
-    .bellyband-link a span {
-      display: block;
-      padding-top: 10px; }
-    .bellyband-link p {
-      display: block;
-      padding: 0 15px 0 0;
-      margin-bottom: 0;
-      margin-left: 0;
-      margin-top: 0; }
-    .bellyband-link a:focus p {
-      text-decoration: none; } }
-  
-  @media (min-width: 768px) {
-    .bellyband-group {
-      margin: 0;
-      max-width: 100%;
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: center; }
-    .bellyband-group .row {
-      display: block; }
-    .bellyband-group .row .span {
-      float: none;
-      margin-right: 0;
-      margin-bottom: 30px;
-      display: flex;
-      justify-content: space-between; }
-    .bellyband-link {
-      border-top: none;
-      flex: 0 0 auto;
-      margin-right: 0;
-      margin-bottom: 30px; }
-    .bellyband-link:last-child {
-      margin-right: 0; }
-    .bellyband-link a {
-      height: auto;
-      line-height: 1;
-      text-align: center; }
-    .bellyband-link a:after {
-      display: none; }
-    .bellyband-link img[src$="svg"].hidden-desktop,
-    .bellyband-link [class*="icon-primary-"].hidden-desktop {
-      display: none !important; }
-    .bellyband-link img[src$="svg"].visible-desktop,
-    .bellyband-link [class*="icon-primary-"].visible-desktop {
-      display: block !important;
-      font-size: 50px;
-      height: 50px;
-      margin-right: 0;
-      margin-top: 0;
-      margin-left: auto;
-      margin-right: auto;
-      width: auto; }
-    .bellyband-link a span {
-      display: block;
-      margin-top: 12px;
-      line-height: 2rem; }
-    .bellyband-link p {
-      display: block;
-      text-align: center;
-      margin-top: 6px;
-      margin-left: 0;
-      padding-left: 0 !important;
-      color: #666;
-      line-height: 1.8rem; } }
-  
-  @media (max-width: 480px) {
-    .bellyband-link-tall a {
-      height: auto;
-      padding: 0 40px 10px 15px; }
-    .bellyband-link-tall p {
-      line-height: 1.8rem;
-      margin-bottom: 0; }
-    .bellyband-link-tall > a:after {
-      margin-top: -8px;
-      top: 50%; } }
-  
-  .b2b-boardstrip {
-    display: inline-block;
-    width: 100%;
-    border-bottom: 1px solid #9d9d9d;
-    position: relative;
-    padding-top: 15px; }
-    .b2b-boardstrip .boardstrip-reel {
-      margin-bottom: 15px; }
-    .b2b-boardstrip .boardstrip-item--add {
-      border: 1px dashed #ccc;
-      background: #FFFFFF;
-      color: #0574ac;
-      width: 140px;
-      height: 80px;
-      font-size: 14px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      -webkit-border-radius: 3px;
-      -moz-border-radius: 3px;
-      border-radius: 3px;
-      position: absolute;
-      left: 29px;
-      top: 15px; }
-      .b2b-boardstrip .boardstrip-item--add:hover, .b2b-boardstrip .boardstrip-item--add:focus {
-        border: 2px solid #007A3E;
-        cursor: pointer; }
-      .b2b-boardstrip .boardstrip-item--add i {
-        font-size: 14px;
-        margin-left: auto;
-        margin-right: auto;
-        text-align: initial; }
-      .b2b-boardstrip .boardstrip-item--add .centered {
-        margin-left: auto;
-        margin-right: auto;
-        margin-top: 27px;
-        margin-bottom: 35px;
-        display: block; }
-    .b2b-boardstrip .board-viewport {
-      float: left;
-      margin-left: 210px;
-      max-height: 95px;
-      position: relative;
-      height: 95px;
-      overflow: hidden;
-      width: 0px; }
-      .b2b-boardstrip .board-viewport .boardstrip-container {
-        width: 0px;
-        margin-left: 0;
-        left: 0px;
-        position: absolute;
-        list-style: none;
-        -webkit-transition: left 1000ms;
-        transition: left 1000ms; }
-      .b2b-boardstrip .board-viewport .board-item {
-        width: 140px;
-        height: 80px;
-        border: 1px solid #ccc;
-        margin: 0 15px 15px 0;
-        background-color: #FFFFFF;
-        border-radius: 3px;
-        float: left;
-        overflow: hidden; }
-        .b2b-boardstrip .board-viewport .board-item:hover, .b2b-boardstrip .board-viewport .board-item:focus {
-          border: 2px solid #007A3E;
-          background-color: white;
-          cursor: pointer; }
-        .b2b-boardstrip .board-viewport .board-item .board-img {
-          width: 61px;
-          height: 40px;
-          margin: 0 auto; }
-          .b2b-boardstrip .board-viewport .board-item .board-img img {
-            max-width: 100%; }
-        .b2b-boardstrip .board-viewport .board-item .title {
-          text-align: center;
-          line-height: 16px;
-          color: #666;
-          font-size: 14px;
-          font-family: "Omnes-ECOMP-W02", Arial;
-          padding: 10px 0; }
-        .b2b-boardstrip .board-viewport .board-item.selected {
-          background-color: #FFFFFF;
-          border: 2px solid #0574ac; }
-        .b2b-boardstrip .board-viewport .board-item .board-caret {
-          cursor: default;
-          outline: 0;
-          position: absolute;
-          bottom: 7px; }
-          .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-indicator {
-            border-left: 8px solid transparent;
-            border-right: 8px solid transparent;
-            border-bottom: 8px solid #999;
-            width: 0px;
-            height: 0px;
-            position: absolute;
-            left: 61px;
-            bottom: -7px; }
-          .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-arrow-up {
-            width: 0px;
-            height: 0px;
-            border-style: solid;
-            border-width: 0 8px 8px 8px;
-            border-color: transparent transparent #FFFFFF transparent;
-            left: 61px;
-            position: absolute; }
-    .b2b-boardstrip .arrow {
-      font-size: 14px;
-      cursor: pointer;
-      color: #0574ac; }
-      .b2b-boardstrip .arrow:hover {
-        color: #0574ac; }
-      .b2b-boardstrip .arrow.disabled {
-        color: #767676 !important;
-        cursor: not-allowed; }
-    .b2b-boardstrip .prev-items {
-      display: inline-block;
-      margin-top: auto;
-      margin-bottom: auto;
-      margin-right: 15px;
-      position: absolute;
-      left: 0;
-      top: 45px;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      -o-user-select: none;
-      user-select: none; }
-    .b2b-boardstrip .next-items {
-      display: inline-block;
-      margin-top: 30px;
-      margin-bottom: auto;
-      margin-left: 10px;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      -o-user-select: none;
-      user-select: none; }
-    .b2b-boardstrip .centered {
-      display: table-cell;
-      text-align: center;
-      vertical-align: middle; }
-  
-  .breadcrumb {
-    padding: 10px 15px;
-    height: 40px;
-    list-style: none;
-    border-bottom: 1px solid #d2d2d2;
-    font-size: 1.2rem;
-    width: 100%;
-    z-index: 1000; }
-  
-  .breadcrumb > li {
-    position: relative;
-    display: inline-block;
-    margin-right: 15px; }
-  
-  .breadcrumb > li:after {
-    font-size: 8px;
-    margin-right: 0;
-    right: -8px;
-    color: #333333; }
-  
-  .breadcrumb > li:last-child {
-    color: #333333; }
-  
-  .breadcrumb > li:last-child:after {
-    content: ""; }
-  
-  .breadcrumb li > * {
-    float: none !important;
-    margin: 0; }
-  
-  .breadcrumb {
-    padding: 10px 15px !important; }
-  
-  /* ARROW */
-  /* spanish */
-  .datepicker {
-    background-color: #FFFFFF;
-    padding: 0;
-    border-radius: 5px;
-    direction: ltr; }
-    .datepicker > div {
-      display: none; }
-    .datepicker table {
-      -webkit-touch-callout: none;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      user-select: none;
-      margin: 0 0 0 0; }
-    .datepicker td {
-      text-align: center;
-      display: block;
-      width: 30px;
-      height: 30px;
-      border: none; }
-      .datepicker td span {
-        display: block;
-        width: 23%;
-        height: 54px;
-        line-height: 54px;
-        float: left;
-        margin: 1%;
-        cursor: pointer;
-        border-radius: 4px; }
-        .datepicker td span:hover {
-          background: #eeeeee; }
-      .datepicker td span.disabled {
-        background: none;
-        color: #5A5A5A;
-        cursor: default; }
-        .datepicker td span.disabled:hover {
-          background: none;
-          color: #5A5A5A;
-          cursor: default; }
-      .datepicker td span.active {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        border-color: #357ebd; }
-        .datepicker td span.active:hover {
-          color: #FFFFFF;
-          background-color: #0568ae;
-          border-color: #357ebd; }
-      .datepicker td span.active.disabled {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        border-color: #357ebd; }
-    .datepicker th {
-      text-align: center;
-      display: block;
-      width: 30px;
-      height: 30px;
-      border: none; }
-    .datepicker tbody:focus {
-      outline: none; }
-    .datepicker td.day {
-      background-color: transparent;
-      color: #0568ae;
-      cursor: pointer;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      font-size: 16px;
-      height: 34px;
-      line-height: 30rem;
-      margin: -2px -1px 0 0;
-      overflow: hidden;
-      text-align: center;
-      width: 42px; }
-    .datepicker:focus {
-      outline: 1px dotted #191919;
-      outline-offset: -2px; }
-    .datepicker th[tabindex]:focus {
-      outline-offset: -15px; }
-    .datepicker td.day.focused {
-      background: #ededed;
-      cursor: pointer; }
-    .datepicker td.day.focused.active {
-      background-color: #ededed;
-      color: #0568ae; }
-    .datepicker td.disabled {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #5A5A5A;
-      cursor: default; }
-      .datepicker td.disabled:hover {
-        font-family: "Omnes-ECOMP-W02", Arial;
-        color: #5A5A5A;
-        cursor: default; }
-        .datepicker td.disabled:hover .show-date {
-          font-family: "Omnes-ECOMP-W02", Arial;
-          color: #5A5A5A; }
-      .datepicker td.disabled .show-date {
-        font-family: "Omnes-ECOMP-W02", Arial;
-        color: #5A5A5A; }
-    .datepicker td.today {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-      .datepicker td.today:hover {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        color: #FFFFFF;
-        background-color: #0568ae; }
-      .datepicker td.today:active {
-        color: #FFFFFF;
-        background-color: #0568ae; }
-      .datepicker td.today:focus {
-        color: #FFFFFF;
-        background-color: #0568ae; }
-    .datepicker td.today.disabled {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-    .datepicker td.today.active {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-      .datepicker td.today.active:hover {
-        color: #FFFFFF; }
-    .datepicker td.selected {
-      color: #FFFFFF;
-      background-color: #959595; }
-      .datepicker td.selected:hover {
-        color: #FFFFFF;
-        background-color: #959595; }
-    .datepicker td.selected.disabled {
-      color: #FFFFFF;
-      background-color: #959595; }
-    .datepicker td.active:not(.new) {
-      color: #FFFFFF;
-      border-color: #357ebd; }
-      .datepicker td.active:not(.new) .show-date {
-        color: #0568ae;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-    .datepicker td.active:hover:not(.new) {
-      color: #FFFFFF;
-      border-color: #357ebd; }
-      .datepicker td.active:hover:not(.new) .show-date {
-        color: #0568ae;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-    .datepicker .start-date .show-date {
-      background-color: #0568ae;
-      color: #FFFFFF !important;
-      border-radius: 5px 0 0 5px;
-      z-index: 1; }
-      .datepicker .start-date .show-date:before {
-        background-color: #0568ae;
-        content: "";
-        display: block;
-        height: 26px;
-        left: 20px;
-        position: absolute;
-        width: 100%;
-        z-index: -1; }
-    .datepicker .between-date .show-date {
-      background-color: #0568ae;
-      color: #FFFFFF !important; }
-      .datepicker .between-date .show-date:before {
-        background-color: #0568ae;
-        content: "";
-        display: block;
-        height: 26px;
-        left: 0;
-        position: absolute;
-        width: 100%;
-        z-index: -1; }
-    .datepicker .between-date:first-child .show-date:before {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      left: 0;
-      width: 8px; }
-    .datepicker .end-date .show-date {
-      background-color: #0568ae;
-      color: #FFFFFF !important;
-      border-radius: 0 5px 5px 0; }
-      .datepicker .end-date .show-date:before {
-        background-color: #0568ae;
-        content: "";
-        display: block;
-        height: 26px;
-        left: -20px;
-        position: absolute;
-        width: 100%;
-        z-index: -1; }
-    .datepicker .end-date:first-child .show-date:after {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      left: 0;
-      width: 8px; }
-    .datepicker .end-date:first-child .show-date::before {
-      background-color: #FFFFFF; }
-    .datepicker tr td.start-date:last-child .show-date:after {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      right: 0;
-      width: 8px; }
-    .datepicker tr td.start-date:last-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.start-date:first-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.between-date:last-child .show-date:after {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      right: 0;
-      width: 8px; }
-    .datepicker tr td.between-date:last-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.between-date:first-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.end-date:last-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.end-date:first-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker th.datepicker-switch {
-      width: 198px;
-      font-size: 20px;
-      font-weight: normal;
-      cursor: default !important; }
-    .datepicker thead tr:first-child th {
-      cursor: pointer;
-      height: 60px;
-      line-height: 60px; }
-    .datepicker thead tr:first-child th.cw {
-      cursor: default;
-      background-color: transparent; }
-    .datepicker tfoot tr th {
-      cursor: pointer;
-      height: 60px;
-      line-height: 60px;
-      height: auto;
-      line-height: normal; }
-      .datepicker tfoot tr th li {
-        margin-bottom: 5px; }
-    .datepicker .prev {
-      color: transparent;
-      font-size: 0;
-      margin: 0 -1px -1px 0;
-      width: 46px; }
-      .datepicker .prev i {
-        color: #0568ae;
-        position: absolute;
-        font-size: 27px;
-        margin: 0;
-        top: 15px;
-        left: 8px; }
-    .datepicker .next {
-      color: transparent;
-      font-size: 0;
-      margin: 0 -1px -1px 0;
-      width: 46px; }
-      .datepicker .next i {
-        color: #0568ae;
-        position: absolute;
-        font-size: 27px;
-        margin: 0;
-        top: 15px;
-        right: 8px; }
-    .datepicker .cw {
-      font-size: 10px;
-      width: 12px;
-      padding: 0 2px 0 5px;
-      vertical-align: middle; }
-    .datepicker .due-date .show-date {
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      background-color: #cf2a2a;
-      border-radius: 5px;
-      color: #FFFFFF !important; }
-    .datepicker .day.active .show-date:after {
-      border: 2px solid #0568ae;
-      border-radius: 7px;
-      content: "";
-      display: block;
-      height: 30px;
-      left: 4px;
-      position: absolute;
-      top: 0;
-      width: 30px; }
-    .datepicker .day:focus .show-date:after {
-      border: 2px solid #0568ae;
-      border-radius: 7px;
-      content: "";
-      display: block;
-      height: 30px;
-      left: 4px;
-      position: absolute;
-      top: 0;
-      width: 30px;
-      height: 30px;
-      left: 4px;
-      top: 0;
-      width: 30px; }
-    .datepicker .due-date.disabled .show-date:after {
-      border: 2px solid #0568ae;
-      border-radius: 7px;
-      content: "";
-      display: block;
-      height: 30px;
-      left: 4px;
-      position: absolute;
-      top: 0;
-      width: 30px; }
-    .datepicker .day.due-date:focus .show-date:after {
-      height: 30px;
-      left: 4px;
-      top: 0;
-      width: 30px; }
-    .datepicker .due-date.old:after {
-      visibility: hidden; }
-    .datepicker .due-date.new:after {
-      visibility: hidden; }
-    .datepicker .due-date.active:after {
-      border-color: #FFFFFF; }
-    .datepicker .due-date.active.focused {
-      color: #0568ae !important; }
-      .datepicker .due-date.active.focused:after {
-        border-color: #cf2a2a !important; }
-    .datepicker .dow {
-      height: 24px;
-      width: 42px;
-      font-weight: normal;
-      position: relative;
-      overflow: hidden;
-      color: transparent;
-      letter-spacing: -6px;
-      margin: 0 -1px -1px 0; }
-      .datepicker .dow span[aria-hidden="true"] {
-        bottom: 0;
-        color: #5A5A5A;
-        display: block;
-        left: 1px;
-        letter-spacing: 0;
-        line-height: .9;
-        margin: 0 auto;
-        padding: 0;
-        position: relative;
-        width: 22px; }
-    .datepicker .calendar-legend {
-      margin-top: 3px;
-      margin-bottom: 20px; }
-      .datepicker .calendar-legend li {
-        font-size: 1.4rem;
-        font-weight: normal;
-        margin-bottom: 5px;
-        padding-left: 10px;
-        padding-top: 5px;
-        position: relative; }
-    .datepicker i.legend-due-date {
-      background-color: #cf2a2a;
-      border-radius: 5px;
-      height: 18px;
-      width: 18px;
-      margin-right: 8px;
-      vertical-align: middle;
-      display: inline-block; }
-    .datepicker i.legend-selected-date {
-      background-color: #FFFFFF;
-      border: 2px solid #0568ae;
-      border-radius: 5px;
-      height: 18px;
-      width: 18px;
-      margin-right: 8px;
-      vertical-align: middle;
-      display: inline-block; }
-    .datepicker i.legend-selectedisdue {
-      background-color: #FFFFFF;
-      border: 2px solid #0568ae;
-      border-radius: 5px;
-      display: inline-block;
-      height: 18px;
-      margin-right: 8px;
-      position: relative;
-      vertical-align: middle;
-      width: 18px; }
-      .datepicker i.legend-selectedisdue:after {
-        background-color: #cf2a2a;
-        border-radius: 3px;
-        content: "";
-        display: block;
-        height: 10px;
-        left: 2px;
-        position: absolute;
-        top: 2px;
-        width: 10px; }
-    .datepicker .text-left {
-      width: 100%; }
-    .datepicker .active.old {
-      background-color: #ededed !important;
-      color: #ededed !important; }
-  
-  .datepicker-inline {
-    width: 220px; }
-  
-  .datepicker.datepicker-rtl {
-    direction: rtl; }
-    .datepicker.datepicker-rtl td span {
-      float: right; }
-  
-  .datepicker-dropdown {
-    top: 0;
-    left: 0; }
-    .datepicker-dropdown:before {
-      content: " ";
-      display: inline-block;
-      border-left: 10px solid transparent;
-      border-right: 10px solid transparent;
-      border-bottom: 10px solid #d2d2d2;
-      border-top: 0;
-      border-bottom-color: rgba(0, 0, 0, 0.2);
-      position: absolute; }
-    .datepicker-dropdown:after {
-      content: " ";
-      display: inline-block;
-      border-left: 10px solid transparent;
-      border-right: 10px solid transparent;
-      border-bottom: 10px solid #fff;
-      border-top: 0;
-      position: absolute; }
-  
-  .datepicker-dropdown.datepicker-orient-left:before {
-    left: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-left:after {
-    left: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-right:before {
-    right: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-right:after {
-    right: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:before {
-    top: -10px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:after {
-    top: -9px; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:before {
-    bottom: -7px;
-    border-bottom: 0;
-    border-top: 7px solid #959595; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:after {
-    bottom: -6px;
-    border-bottom: 0;
-    border-top: 6px solid #fff; }
-  
-  .datepicker.days div.datepicker-days {
-    display: block; }
-  
-  .datepicker.months div.datepicker-months {
-    display: block; }
-  
-  .datepicker.years div.datepicker-years {
-    display: block; }
-  
-  .show-date {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #0568ae;
-    height: 26px;
-    line-height: 26px;
-    margin: 4px auto 0;
-    width: 26px; }
-  
-  .input-group.date .input-group-addon i {
-    cursor: pointer;
-    width: 16px;
-    height: 16px; }
-  
-  .datepicker.dropdown-menu {
-    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
-    position: absolute;
-    top: 100%;
-    left: 0;
-    float: left;
-    display: none;
-    margin-top: 13px;
-    width: 290px;
-    list-style: none;
-    background-color: #FFFFFF;
-    border: 1px solid #d2d2d2;
-    border: 1px solid rgba(0, 0, 0, 0.2);
-    border-radius: 5px;
-    color: #333333;
-    font-size: 13px;
-    line-height: 1.428571429;
-    z-index: 1050; }
-    .datepicker.dropdown-menu th {
-      display: block;
-      float: left;
-      padding: 0;
-      position: relative; }
-    .datepicker.dropdown-menu td {
-      display: block;
-      float: left;
-      padding: 0;
-      position: relative; }
-  
-  .s {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -62px 0; }
-  
-  .m {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -5px 0; }
-  
-  .t {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -19px 0; }
-  
-  .w {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -34px 0; }
-  
-  .f {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -49px 0; }
-  
-  .d {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .l {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .v {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .j {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .b2b-coachmark-label {
-    z-index: 1060;
-    opacity: 1;
-    cursor: not-allowed;
-    position: relative; }
-  
-  .b2b-coachmark-highlight {
-    border: 1px solid #d3d3d3;
-    cursor: default;
-    z-index: 1045;
-    opacity: 1;
-    background-color: #ffffff;
-    border-radius: 10px;
-    position: relative;
-    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-    padding: 10px;
-    position: absolute; }
-  
-  .b2b-coachmark-highlight-mask {
-    z-index: 1100;
-    opacity: .1; }
-  
-  .b2b-coachmark-container {
-    border: 1px solid #cccccc;
-    width: 316px;
-    pointer-events: auto;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    font-size: 16px;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    background: #fff;
-    border-radius: 20px;
-    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.15);
-    color: #333;
-    line-height: 20px;
-    position: absolute;
-    top: 50px;
-    left: -97px;
-    display: block;
-    background-color: #ffffff;
-    z-index: 1050;
-    opacity: 1; }
-    .b2b-coachmark-container i.b2b-coachmark-caret {
-      position: absolute;
-      top: -12px;
-      left: 47%;
-      opacity: 1;
-      z-index: 1050; }
-    .b2b-coachmark-container i.b2b-coachmark-caret:before {
-      content: "";
-      border-left: 12px solid transparent;
-      border-right: 12px solid transparent;
-      border-bottom: 12px solid #d3d3d3;
-      position: absolute;
-      top: -1px; }
-    .b2b-coachmark-container i.b2b-coachmark-caret:after {
-      content: "";
-      border-left: 12px solid transparent;
-      border-right: 12px solid transparent;
-      border-bottom: 12px solid #fff;
-      position: absolute; }
-    .b2b-coachmark-container .b2b-coachmark-header {
-      position: relative;
-      height: 47px;
-      overflow: hidden; }
-      .b2b-coachmark-container .b2b-coachmark-header .corner-button {
-        box-shadow: 0 -24px 0 0 #f2f2f2 inset;
-        height: 69px;
-        position: absolute;
-        right: -33px;
-        top: -38px;
-        transform: rotate(45deg);
-        width: 69px; }
-    .b2b-coachmark-container .b2b-coachmark-countlabel {
-      font-size: 12px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #333333;
-      margin-left: 20px;
-      margin-top: 20px; }
-    .b2b-coachmark-container .b2b-coachmark-content {
-      padding: 0px 20px 20px 20px;
-      float: left; }
-      .b2b-coachmark-container .b2b-coachmark-content .icon-misc-dimmer {
-        font-size: 32px;
-        float: left;
-        margin-right: 10px;
-        width: 32px; }
-      .b2b-coachmark-container .b2b-coachmark-content .offscreen-text {
-        position: absolute;
-        left: -10000px;
-        top: auto;
-        width: 1px;
-        height: 1px;
-        overflow: hidden; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-content-header {
-        font-size: 16px;
-        color: #333333;
-        line-height: 18px;
-        float: left;
-        width: 220px; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-description {
-        font-size: 14px;
-        line-height: 18px;
-        color: #333333;
-        width: 100%;
-        float: left;
-        margin-top: 15px; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group {
-        margin-top: 20px;
-        float: left;
-        text-align: right;
-        width: 100%; }
-        .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group .b2b-coachmark-link {
-          font-family: "Omnes-ECOMP-W02-Medium", Arial;
-          font-size: 15px;
-          color: #0574ac;
-          line-height: 18px;
-          margin-right: 20px; }
-        .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group button {
-          font-size: 15px;
-          margin: 0px; }
-  
-  .datepicker {
-    background-color: #fff;
-    padding: 0;
-    border-radius: 5px;
-    direction: ltr; }
-  
-  .datepicker-inline {
-    width: 220px; }
-  
-  .datepicker.datepicker-rtl {
-    direction: rtl; }
-  
-  .datepicker.datepicker-rtl td span {
-    float: right; }
-  
-  .datepicker-dropdown {
-    top: 0;
-    left: 0; }
-  
-  /* ARROW */
-  .datepicker-dropdown:before {
-    content: " ";
-    display: inline-block;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid #d2d2d2;
-    border-top: 0;
-    border-bottom-color: rgba(0, 0, 0, 0.2);
-    position: absolute; }
-  
-  .datepicker-dropdown:after {
-    content: " ";
-    display: inline-block;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid #fff;
-    border-top: 0;
-    position: absolute; }
-  
-  .datepicker-dropdown.datepicker-orient-left:before,
-  .datepicker-dropdown.datepicker-orient-left:after {
-    left: 255px; }
-  
-  .datepicker-dropdown.datepicker-orient-right:before,
-  .datepicker-dropdown.datepicker-orient-right:after {
-    right: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:before {
-    top: -10px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:after {
-    top: -9px; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:before {
-    bottom: -7px;
-    border-bottom: 0;
-    border-top: 7px solid #959595; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:after {
-    bottom: -6px;
-    border-bottom: 0;
-    border-top: 6px solid #fff; }
-  
-  .datepicker > div {
-    display: none; }
-  
-  .datepicker.days div.datepicker-days {
-    display: block; }
-  
-  .datepicker.months div.datepicker-months {
-    display: block; }
-  
-  .datepicker.years div.datepicker-years {
-    display: block; }
-  
-  .datepicker table {
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    margin: 0 0 0 0; }
-  
-  .datepicker td,
-  .datepicker th {
-    text-align: center;
-    display: block;
-    width: 30px;
-    height: 30px;
-    border: none; }
-  
-  .datepicker tbody :focus {
-    outline: none; }
-  
-  .datepicker td.day {
-    background-color: transparent;
-    color: #0568ae;
-    cursor: pointer;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    height: 34px;
-    line-height: 30rem;
-    margin: -2px -1px 0 0;
-    overflow: hidden;
-    text-align: center;
-    width: 42px; }
-  
-  .datepicker :focus {
-    outline: 1px dotted #000;
-    outline-offset: -2px; }
-  
-  .datepicker td.day.focused {
-    background: #ededed;
-    cursor: pointer; }
-  
-  .datepicker td.day.focused.active {
-    background-color: #ededed;
-    color: #0568ae; }
-  
-  .datepicker td.disabled,
-  .datepicker td.disabled:hover {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5a5a5a;
-    cursor: default; }
-  
-  .datepicker td.today,
-  .datepicker td.today:hover,
-  .datepicker td.today.disabled {
-    color: #fff;
-    background-color: #0568ae; }
-  
-  .datepicker td.today.active,
-  .datepicker td.today:active,
-  .datepicker td.today:hover,
-  .datepicker td.today:focus {
-    color: #fff;
-    background-color: #0568ae; }
-  
-  .datepicker td.today.active:hover {
-    color: #fff; }
-  
-  .datepicker td.selected,
-  .datepicker td.selected:hover,
-  .datepicker td.selected.disabled {
-    color: #ffffff;
-    background-color: #959595; }
-  
-  .datepicker td.active:not(.new),
-  .datepicker td.active:hover:not(.new) {
-    color: #ffffff;
-    border-color: #357ebd; }
-  
-  .show-date {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #0568ae;
-    height: 26px;
-    line-height: 26px;
-    margin: 4px auto 0;
-    width: 26px; }
-  
-  .datepicker .start-date .show-date,
-  .datepicker .between-date .show-date,
-  .datepicker .end-date .show-date {
-    background-color: #0568ae;
-    color: #fff !important; }
-  
-  .datepicker .start-date .show-date {
-    border-radius: 5px 0 0 5px;
-    z-index: 1; }
-  
-  .datepicker .start-date .show-date:before {
-    background-color: #0568ae;
-    content: "";
-    display: block;
-    height: 26px;
-    left: 20px;
-    position: absolute;
-    width: 100%;
-    z-index: -1; }
-  
-  .datepicker .between-date .show-date:before {
-    background-color: #0568ae;
-    content: "";
-    display: block;
-    height: 26px;
-    left: 0;
-    position: absolute;
-    width: 100%;
-    z-index: -1; }
-  
-  .datepicker .end-date .show-date {
-    border-radius: 0 5px 5px 0; }
-  
-  .datepicker .end-date .show-date:before {
-    background-color: #0568ae;
-    content: "";
-    display: block;
-    height: 26px;
-    left: -20px;
-    position: absolute;
-    width: 100%;
-    z-index: -1; }
-  
-  .datepicker .between-date:first-child .show-date:before {
-    background-color: #fff;
-    content: "";
-    height: 26px;
-    position: absolute;
-    left: 0;
-    width: 8px; }
-  
-  .datepicker .end-date:first-child .show-date:after {
-    background-color: #fff;
-    content: "";
-    height: 26px;
-    position: absolute;
-    left: 0;
-    width: 8px; }
-  
-  .datepicker .end-date:first-child .show-date::before {
-    background-color: #fff; }
-  
-  .datepicker tr td.start-date:last-child .show-date:after,
-  .datepicker tr td.between-date:last-child .show-date:after {
-    background-color: #fff;
-    content: "";
-    height: 26px;
-    position: absolute;
-    right: 0;
-    width: 8px; }
-  
-  .datepicker tr td.start-date:last-child:focus .show-date:after,
-  .datepicker tr td.end-date:last-child:focus .show-date:after,
-  .datepicker tr td.between-date:last-child:focus .show-date:after,
-  .datepicker tr td.start-date:first-child:focus .show-date:after,
-  .datepicker tr td.end-date:first-child:focus .show-date:after,
-  .datepicker tr td.between-date:first-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  
-  .datepicker td.active:not(.new) .show-date,
-  .datepicker td.active:hover:not(.new) .show-date {
-    color: #0568ae;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .datepicker td.disabled .show-date,
-  .datepicker td.disabled:hover .show-date {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5a5a5a; }
-  
-  .datepicker td span {
-    display: block;
-    width: 23%;
-    height: 54px;
-    line-height: 54px;
-    float: left;
-    margin: 1%;
-    cursor: pointer;
-    border-radius: 4px; }
-  
-  .datepicker td span:hover {
-    background: #eeeeee; }
-  
-  .datepicker td span.disabled,
-  .datepicker td span.disabled:hover {
-    background: none;
-    color: #5a5a5a;
-    cursor: default; }
-  
-  .datepicker td span.active,
-  .datepicker td span.active:hover,
-  .datepicker td span.active.disabled {
-    color: #ffffff;
-    background-color: #0568ae;
-    border-color: #357ebd; }
-  
-  .datepicker th.datepicker-switch {
-    width: 198px;
-    font-size: 20px;
-    font-weight: normal;
-    cursor: default !important; }
-  
-  .datepicker thead tr:first-child th,
-  .datepicker tfoot tr th {
-    cursor: pointer;
-    height: 60px;
-    line-height: 60px; }
-  
-  .datepicker tfoot tr th {
-    height: auto;
-    line-height: normal; }
-  
-  .datepicker tfoot tr th li {
-    margin-bottom: 5px; }
-  
-  .datepicker .prev,
-  .datepicker .next {
-    color: transparent;
-    font-size: 0;
-    margin: 0 -1px -1px 0;
-    width: 46px; }
-  
-  .datepicker .prev i,
-  .datepicker .next i {
-    color: #0568ae;
-    position: absolute;
-    font-size: 27px;
-    margin: 0;
-    top: 15px; }
-  
-  .datepicker .prev i {
-    left: 8px; }
-  
-  .datepicker .next i {
-    right: 8px; }
-  
-  .datepicker .cw {
-    font-size: 10px;
-    width: 12px;
-    padding: 0 2px 0 5px;
-    vertical-align: middle; }
-  
-  .datepicker thead tr:first-child th.cw {
-    cursor: default;
-    background-color: transparent; }
-  
-  .input-group.date .input-group-addon i {
-    cursor: pointer;
-    width: 16px;
-    height: 16px; }
-  
-  .datepicker.dropdown-menu {
-    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
-    position: absolute;
-    top: 100%;
-    left: 0;
-    float: left;
-    display: none;
-    margin-top: 13px;
-    width: 290px;
-    list-style: none;
-    background-color: #ffffff;
-    border: 1px solid #d2d2d2;
-    border: 1px solid rgba(0, 0, 0, 0.2);
-    border-radius: 5px;
-    color: #333333;
-    font-size: 13px;
-    line-height: 1.428571429;
-    z-index: 1050; }
-  
-  .datepicker.dropdown-menu th,
-  .datepicker.dropdown-menu td {
-    display: block;
-    float: left;
-    padding: 0;
-    position: relative; }
-  
-  .datepicker .due-date .show-date {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    background-color: #cf2a2a;
-    border-radius: 5px;
-    color: #fff !important; }
-  
-  .datepicker .day.active .show-date:after,
-  .datepicker .day:focus .show-date:after,
-  .datepicker .due-date.disabled .show-date:after {
-    border: 2px solid #0568ae;
-    border-radius: 7px;
-    content: "";
-    display: block;
-    height: 30px;
-    left: 4px;
-    position: absolute;
-    top: 0;
-    width: 30px; }
-  
-  .datepicker .day:focus .show-date:after {
-    height: 30px;
-    left: 4px;
-    top: 0;
-    width: 30px; }
-  
-  .datepicker .day.due-date:focus .show-date:after {
-    height: 30px;
-    left: 4px;
-    top: 0;
-    width: 30px; }
-  
-  .datepicker .due-date.old:after,
-  .datepicker .due-date.new:after {
-    visibility: hidden; }
-  
-  .datepicker .due-date.active:after {
-    border-color: #fff; }
-  
-  .datepicker .due-date.active.focused {
-    color: #0568ae !important; }
-  
-  .datepicker .due-date.active.focused:after {
-    border-color: #cf2a2a !important; }
-  
-  .datepicker .dow {
-    height: 24px;
-    width: 42px;
-    font-weight: normal;
-    position: relative;
-    overflow: hidden;
-    color: transparent;
-    letter-spacing: -6px;
-    margin: 0 -1px -1px 0; }
-  
-  .datepicker .dow span[aria-hidden="true"] {
-    bottom: 0;
-    color: #5a5a5a;
-    display: block;
-    left: 1px;
-    letter-spacing: 0;
-    line-height: .9;
-    margin: 0 auto;
-    padding: 0;
-    position: relative;
-    width: 22px; }
-  
-  .datepicker .calendar-legend {
-    margin-top: 3px;
-    margin-bottom: 20px; }
-  
-  .datepicker .calendar-legend li {
-    font-size: 1.4rem;
-    font-weight: normal;
-    margin-bottom: 5px;
-    padding-left: 10px;
-    padding-top: 5px;
-    position: relative; }
-  
-  .datepicker i.legend-due-date {
-    background-color: #cf2a2a;
-    border-radius: 5px;
-    height: 18px;
-    width: 18px;
-    margin-right: 8px;
-    vertical-align: middle;
-    display: inline-block; }
-  
-  .datepicker i.legend-selected-date {
-    background-color: #fff;
-    border: 2px solid #0568ae;
-    border-radius: 5px;
-    height: 18px;
-    width: 18px;
-    margin-right: 8px;
-    vertical-align: middle;
-    display: inline-block; }
-  
-  .datepicker i.legend-selectedisdue {
-    background-color: #fff;
-    border: 2px solid #0568ae;
-    border-radius: 5px;
-    display: inline-block;
-    height: 18px;
-    margin-right: 8px;
-    position: relative;
-    vertical-align: middle;
-    width: 18px; }
-  
-  .datepicker i.legend-selectedisdue:after {
-    background-color: #cf2a2a;
-    border-radius: 3px;
-    content: "";
-    display: block;
-    height: 10px;
-    left: 2px;
-    position: absolute;
-    top: 2px;
-    width: 10px; }
-  
-  .datepicker .text-left {
-    width: 100%; }
-  
-  .datepicker .active.old {
-    background-color: #ededed !important;
-    color: #ededed !important; }
-  
-  .s,
-  .m,
-  .t,
-  .w,
-  .f,
-  .d,
-  .l,
-  .v,
-  .j {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: white;
-    background-repeat: no-repeat; }
-  
-  .s {
-    background-position: -62px 0; }
-  
-  .m {
-    background-position: -5px 0; }
-  
-  .t {
-    background-position: -19px 0; }
-  
-  .w {
-    background-position: -34px 0; }
-  
-  .f {
-    background-position: -49px 0; }
-  
-  /* spanish */
-  .d {
-    background-position: 0 0; }
-  
-  .l {
-    background-position: 0 0; }
-  
-  .v {
-    background-position: 0 0; }
-  
-  .j {
-    background-position: 0 0; }
-  
-  .datepicker-container {
-    position: relative; }
-  
-  .btn-calendar-icon:focus .icon-primary-calendar {
-    outline: 1px dotted #191919; }
-  
-  .btn-calendar-icon:focus {
-    outline: none; }
-  
-  /* remove focus outline when dropdown is opened */
-  /*resolve blue focus outline over dropdown with error*/
-  select {
-    margin-right: -1;
-    max-width: 400px;
-    height: 36px;
-    line-height: 25px;
-    width: 400px;
-    background-color: #f2f2f2; }
-  
-  .selectWrap.disabled .icon-primary-down {
-    color: #767676; }
-  
-  .selectWrap.disabled input.awd-select {
-    z-index: 0;
-    padding: 10px 45px 10px 15px;
-    text-indent: 0; }
-  
-  .selectWrap.disabled button.awd-select {
-    z-index: 0;
-    text-indent: 15px; }
-  
-  .selectWrap.disabled:after {
-    color: #5A5A5A;
-    cursor: not-allowed; }
-  
-  input.awd-select {
-    background-color: transparent;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-    color: #333333;
-    display: block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    /*font-size: 1.6rem;*/
-    height: 36px;
-    line-height: 0;
-    margin-bottom: 0;
-    position: relative;
-    text-align: left;
-    top: 0;
-    width: 100%;
-    z-index: 10;
-    padding: 12px 45px 8px 15px;
-    user-select: none; }
-    input.awd-select:focus {
-      border-color: #0568ae !important;
-      text-overflow: ellipsis;
-      padding-right: 45px; }
-  
-  button.awd-select {
-    background-color: transparent;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-    color: #333333;
-    display: block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    /*font-size: 1.6rem;*/
-    height: 36px;
-    line-height: 36px;
-    margin-bottom: 0;
-    position: relative;
-    text-align: left;
-    top: 0;
-    width: 100%;
-    z-index: 10; }
-    button.awd-select:not(.large) {
-      text-indent: 15px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: clip;
-      text-overflow: ellipsis; }
-    button.awd-select img {
-      height: 26px;
-      margin-right: 7px;
-      margin-top: -10px;
-      position: relative;
-      top: 2px;
-      vertical-align: text-bottom; }
-    button.awd-select:focus {
-      border-color: #0568ae !important; }
-    button.awd-select i {
-      font-size: 23px;
-      position: absolute;
-      right: 33px;
-      top: 5px;
-      z-index: 1000; }
-  
-  button.awd-select.large {
-    align-items: center;
-    display: flex;
-    height: 60px;
-    line-height: 20px;
-    overflow: hidden;
-    padding-left: 70px;
-    vertical-align: middle; }
-    button.awd-select.large img {
-      height: 40px;
-      left: 20px;
-      position: absolute;
-      top: 20px;
-      width: 40px; }
-  
-  .selectWrap.large {
-    height: 60px; }
-    .selectWrap.large .awd-select-list-item {
-      align-items: center;
-      display: flex;
-      height: 60px;
-      line-height: 20px;
-      overflow: hidden;
-      padding-left: 70px;
-      vertical-align: middle; }
-      .selectWrap.large .awd-select-list-item img {
-        height: 40px;
-        left: 20px;
-        position: absolute;
-        top: 20px;
-        width: 40px;
-        top: 10px; }
-        
-        .inputWrap {
-    border-radius: 6px;
-    position: relative;
-    height: 36px;
-    line-height: 44px;
-    display: block;
-    margin: 0;
-    }
-  
-  button.awd-select.active {
-    border-radius: 6px 6px 0 0; }
-    button.awd-select.active:focus {
-      border-color: #d2d2d2 !important; }
-  
-  input.awd-select.active {
-    border-radius: 6px 6px 0 0; }
-    input.awd-select.active:focus {
-      border-color: #d2d2d2 !important; }
-  
-  .selectWrapper {
-    position: relative; }
-  
-  span.selectWrap input[readonly]:focus {
-    color: transparent;
-    text-shadow: 0 0 0 #000; }
-  
-  .isIE.ds2-no-colors .awd-select:focus {
-    outline: 1px dashed transparent; }
-  
-  .awd-select-list {
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-    border-radius: 0 0 6px 6px;
-    position: absolute;
-    border: 1px solid #d2d2d2;
-    border-top: 0;
-    padding: 0;
-    background-color: #f2f2f2;
+.dialog {
     z-index: 1000;
-    width: 100%;
-    max-height: 320px;
-    overflow-y: auto; }
-  
-  .awd-select-list-item {
-    cursor: pointer;
-    height: 100%;
-    min-height: 36px;
-    line-height: 20px;
-    overflow: hidden;
-    padding: 8px 15px;
-    position: relative;
-    z-index: 1000; }
-    .awd-select-list-item:hover {
-      cursor: pointer;
-      background-color: #d2d2d2;
-      outline: 1px dashed transparent; }
-    .awd-select-list-item:focus {
-      cursor: pointer;
-      background-color: #d2d2d2;
-      outline: 1px dashed transparent; }
-    .awd-select-list-item img {
-      margin-top: 0;
-      margin-right: 7px;
-      height: 26px;
-      width: 26px; }
-  
-  .selectWrap {
-    border-radius: 6px;
-    position: relative;
-    height: 36px;
-    line-height: 28px;
-    display: block;
-    margin: 0;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-    .selectWrap:not(.large) .awd-select-list-item:first-child {
-      margin-top: 15px; }
-    .selectWrap:not(.large) .awd-select-list-item:last-child {
-      margin-bottom: 15px; }
-    .selectWrap .icon-primary-down {
-      font-size: 23px;
-      margin-top: -11px;
-      position: absolute;
-      right: 4px;
-      top: 50%; }
-    .selectWrap + [aria-expanded="true"] {
-      padding-bottom: 9px;
-      padding-top: 20px; }
-  
-  .awd-select-list-item[data-hover="true"] {
-    background-color: #d2d2d2; }
-  
-  span input.awd-select {
-    width: 100%;
-    cursor: pointer;
-    text-overflow: ellipsis;
-    padding-right: 45px; }
-  
-  li.optgroup-wrapper {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    cursor: default !important;
-    padding: 0px 15px; }
-    li.optgroup-wrapper:first-child {
-      padding-top: 10px; }
-    li.optgroup-wrapper:hover {
-      background-color: #f2f2f2; }
-  
-  ul.optgroup {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    cursor: pointer !important;
-    margin: 0 -15px; }
-    ul.optgroup li {
-      padding: 0 0 0 33px; }
-  
-  label + .selectWrap {
-    margin-top: 4px; }
-  
-  .selectorModule {
-    border-radius: 6px;
-    position: relative;
-    height: 36px;
-    line-height: 28px;
-    display: block;
-    margin: 0;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-  
-  .group .selectWrap {
-    margin: 0 0 10px 0; }
-  
-  select.awd-select {
-    position: relative;
-    top: 0;
-    left: 0;
-    font-size: 16px;
-    z-index: 1010;
-    height: 33px;
-    min-width: 100%;
-    opacity: 0.01; }
-    select.awd-select > optgroup {
-      padding-left: 8px;
-      font-style: normal;
-      margin-top: 10px; }
-      select.awd-select > optgroup:first-child {
-        margin-top: 0; }
-      select.awd-select > optgroup > option {
-        padding-left: 8px; }
-    select.awd-select > option {
-      padding-left: 8px; }
-    select.awd-select + span {
-      background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-      background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0);
-      position: absolute;
-      top: 0;
-      left: 0;
-      z-index: 0;
-      display: block;
-      border: 1px solid #d2d2d2;
-      border-radius: 6px;
-      height: 35px;
-      line-height: 0;
-      padding: 18px 45px 15px 15px;
-      width: 100%;
-      font-size: 1.6rem;
-      padding-right: 45px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis; }
-      select.awd-select + span > i {
-        font-size: 23px;
-        position: absolute;
-        right: 33px;
-        top: 5px;
-        z-index: 1000; }
-        select.awd-select + span > i:before {
-          left: 1px;
-          position: absolute;
-          top: -1px; }
-    select.awd-select:focus + span {
-      border-color: #0568ae; }
-  
-  .isIE select.awd-select + span {
-    line-height: 1; }
-  
-  [data-default-option="true"] {
-    color: #767676 !important;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  
-  .placeholdercolor {
-    color: #767676 !important;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  
-  .filterTank button.awd-select {
-    border-color: #d2d2d2;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #333333; }
-    .filterTank button.awd-select:after {
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2; }
-  
-  .utility-bg button.awd-select {
-    border-color: #d2d2d2;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #333333; }
-    .utility-bg button.awd-select:after {
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2; }
-  
-  .utility-bg select.awd-select + span {
-    border-color: #d2d2d2;
-    border-color: #d2d2d2;
-    background-color: #333333;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #FFFFFF; }
-    .utility-bg select.awd-select + span:after {
-      background-color: #FFFFFF !important;
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2;
-      border-color: #d2d2d2; }
-  
-  .utility-bg select.awd-select:focus + span {
-    border-color: #d2d2d2;
-    border-color: #d2d2d2;
-    background-color: #333333;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #FFFFFF; }
-    .utility-bg select.awd-select:focus + span:after {
-      background-color: #FFFFFF !important;
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2;
-      border-color: #d2d2d2; }
-  
-  .utility-bg select.awd-select:hover + span {
-    border-color: #d2d2d2;
-    border-color: #d2d2d2;
-    background-color: #333333;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #FFFFFF; }
-    .utility-bg select.awd-select:hover + span:after {
-      background-color: #FFFFFF !important;
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2;
-      border-color: #d2d2d2; }
-  
-  input.awd-select[disabled] {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    input.awd-select[disabled] + span {
-      cursor: not-allowed;
-      border-color: #d2d2d2;
-      background-color: #d2d2d2;
-      background-image: none;
-      color: #5A5A5A; }
-  
-  button.awd-select[disabled] {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    button.awd-select[disabled]:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled] + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled]:focus + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-  
-  select.awd-select[disabled]:hover + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-  
-  input.awd-select[disabled="disabled"] {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    input.awd-select[disabled="disabled"] + span {
-      cursor: not-allowed;
-      border-color: #d2d2d2;
-      background-color: #d2d2d2;
-      background-image: none;
-      color: #5A5A5A; }
-  
-  select.awd-select[disabled="disabled"] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled="disabled"] + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled="disabled"]:focus + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled="disabled"]:focus + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled="disabled"]:hover + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled="disabled"]:hover + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  .ddexpand-wrapper > h2 {
-    margin-bottom: 11px; }
-    .ddexpand-wrapper > h2 + p {
-      margin-bottom: 4px; }
-  
-  .ddexpand-wrapper .selectWrap + [aria-expanded="true"] .form-row {
-    margin-top: 11px; }
-  
-  .ddexpand-wrapper .selectWrap + [aria-expanded="true"] .row + .row .form-row {
-    margin-top: 14px; }
-  
-  .modal .awd-select-list {
-    z-index: 1060 !important; }
-  
-  .form-row.error button.awd-select.active:focus {
-    border-color: #cf2a2a !important; }
-  
-  .form-row.error input.awd-select.active:focus {
-    border-color: #cf2a2a !important; }
-  
-  .awd-module-list .module-list-item[aria-selected="true"] {
-    background-color: #f2f2f2; }
-  
-  li.module-list-item[aria-selected="true"]:before {
-    color: #0568ae;
-    display: inline-block;
-    font-family: "icoControls" !important;
-    font-style: normal;
-    font-size: 20px;
-    font-weight: normal;
-    font-variant: normal;
-    height: 1em;
-    margin-right: 7px;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    position: relative;
-    speak: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    vertical-align: middle;
-    width: 1em;
-    content: "\e907";
-    box-sizing: border-box;
-    display: inline-block;
-    font-size: 2em;
-    height: 1em;
-    position: absolute;
-    top: 20px;
-    right: 0px;
-    vertical-align: middle;
-    width: 1em;
-    color: #007a3e; }
-  
-  @media (min-width: 768px) {
-    span[class*="large"] {
-      max-width: 370px; }
-    .large {
-      max-width: 370px; } }
-  
-  @media (max-width: 767px) {
-    .selectWrap.large:after {
-      right: 5px; }
-    .selectWrap.large .awd-select-list-item {
-      padding-right: 41px; }
-    .selectWrap + div > h4 {
-      margin-bottom: 0;
-      font-size: 16px; } }
-  
-  /**********************Dropdown Chrome scrolling fix start ********************/
-  input.awd-select {
-    -webkit-user-select: text;
-    -moz-user-select: text;
-    -ms-user-select: text;
-    user-select: text; }
-  
-  /**********************Dropdown Chrome scrolling fix end ********************/
-  .mpc-expanders {
-    border-bottom: 1px solid #e4e4e4;
-    border-top: 1px solid #e4e4e4; }
-  
-  .mpc-expanders + .mpc-expanders {
-    border-top: 0px; }
-  
-  .mpc-expanders .heading-medium {
-    margin-bottom: 10px; }
-  
-  .mpc-expanders .p-small {
-    margin-top: 5px; }
-  
-  .mpc-expander-body {
-    border-top: 1px solid #e4e4e4; }
-  
-  .mpc-expander-body .mpc-expanders {
-    border-bottom: 1px solid #e4e4e4;
-    border-top: 0; }
-  
-  .mpc-expander-body .mpc-expanders:last-child {
-    border-bottom: 0px; }
-  
-  .ddh-blue {
-    color: #0574ac; }
-  
-  .b2b-dragdrop {
-    border: 1px dashed #bbb;
-    border-radius: 5px;
-    padding: 0;
-    text-align: center;
-    color: #bbb;
-    position: relative; }
-  
-  .b2b-dragdrop-over {
-    background: #0091d9;
-    color: #006496; }
-    .b2b-dragdrop-over:after {
-      content: "Drop the file";
-      color: #fff;
-      width: 80px;
-      height: 20px;
-      overflow: hidden;
-      margin: auto;
-      position: absolute;
-      top: 0;
-      left: 0;
-      bottom: 0;
-      right: 0; }
-  
-  .b2b-file-container {
-    position: relative;
-    overflow: hidden;
-    display: inline-table;
-    font-weight: 400; }
-    .b2b-file-container [type=file] {
-      position: absolute;
-      cursor: inherit;
-      display: block;
-      font-size: 0;
-      opacity: 0;
-      height: 0;
-      width: 0;
-      left: 0;
-      top: 0;
-      -ms-filter: "alpha(Opacity=0)"; }
-  
-  .b2b-upload-link {
-    color: #0568ae; }
-  
-  .b2b-flyout {
-    position: relative;
-    display: inline-block;
-    cursor: default; }
-  
-  .b2b-flyout-icon {
-    cursor: pointer; }
-    .b2b-flyout-icon:focus {
-      outline: thin dotted #666;
-      outline-offset: -1px; }
-  
-  .b2b-flyout .b2b-flyout-container {
-    border: 1px solid #d3d3d3;
-    width: 300px;
-    padding: 20px;
-    pointer-events: auto;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    font-size: 16px;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    background: #fff;
-    border-radius: 6px;
-    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-    color: #333;
-    line-height: 20px;
-    position: absolute;
-    top: 35px;
-    opacity: 0;
-    z-index: 1010;
-    display: none; }
-    .b2b-flyout .b2b-flyout-container.open-flyout {
-      opacity: 1;
-      display: block; }
-  
-  .b2b-flyout i.b2b-flyout-caret {
-    position: absolute;
-    top: -8px;
-    left: 50%;
-    opacity: 0;
-    z-index: 1011;
-    display: none; }
-    .b2b-flyout i.b2b-flyout-caret.open-flyout {
-      opacity: 1;
-      display: block; }
-    .b2b-flyout i.b2b-flyout-caret:before {
-      content: "";
-      border-left: 8px solid transparent;
-      border-right: 8px solid transparent;
-      border-bottom: 8px solid #d3d3d3;
-      position: absolute;
-      top: -1px; }
-    .b2b-flyout i.b2b-flyout-caret:after {
-      content: "";
-      border-left: 8px solid transparent;
-      border-right: 8px solid transparent;
-      border-bottom: 8px solid #fff;
-      position: absolute; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-left i.b2b-flyout-caret {
-    left: 16px !important; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-right i.b2b-flyout-caret {
-    left: inherit !important;
-    right: 30px !important; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-above {
-    box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.25); }
-    .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret {
-      top: auto;
-      bottom: 0px; }
-      .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:before {
-        top: auto;
-        bottom: -9px;
-        border-top: 8px solid #d3d3d3;
-        border-bottom: none; }
-      .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:after {
-        border-top: 8px solid #fff;
-        border-bottom: none; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-centerLeft i.b2b-flyout-caret {
-    left: inherit !important;
-    right: -7px !important;
-    top: 8px;
-    transform: rotate(90deg); }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-centerRight i.b2b-flyout-caret {
-    left: -8px !important;
-    top: 296px;
-    transform: rotate(-90deg); }
-  
-  .b2b-flyout .buttons-group {
-    margin-top: 20px; }
-    .b2b-flyout .buttons-group .cta-button-group {
-      width: 100%;
-      border-top: 1px solid #ccc;
-      padding: 20px 0 0; }
-      .b2b-flyout .buttons-group .cta-button-group button {
-        margin-bottom: 0; }
-  
-  .b2b-flyout .heading {
-    font-size: 20px;
-    margin-bottom: 10px; }
-  
-  .b2b-flyout .body-text {
-    font-size: 14px;
-    margin-bottom: 30px; }
-  
-  .b2b-footer-wrapper {
-    width: 100%;
-    background-color: #222; }
-  
-  .b2b-footer-container {
-    width: 980px;
-    margin: 0 auto;
-    padding-top: 15px; }
-    .b2b-footer-container .footer-columns {
-      display: inline-block;
-      text-align: left;
-      vertical-align: top; }
-      .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-        padding-top: 30px; }
-      .b2b-footer-container .footer-columns.three-column {
-        width: 33.3%;
-        padding-left: 75px; }
-      .b2b-footer-container .footer-columns.four-column {
-        width: 25%;
-        padding-left: 75px; }
-      .b2b-footer-container .footer-columns.five-column {
-        width: 20%; }
-      .b2b-footer-container .footer-columns .b2b-footer-header {
-        color: #009fdb;
-        font-size: 18px;
-        font-style: normal;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial;
-        line-height: 23.9px;
-        margin: 0; }
-      .b2b-footer-container .footer-columns li {
-        padding: 7.5px 0; }
-      .b2b-footer-container .footer-columns ul li:first-child {
-        padding-top: 15px; }
-      .b2b-footer-container .footer-columns li a {
-        color: #fff;
-        font-size: 16px;
-        font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-footer-container .footer-nav-content {
-      padding-bottom: 10px; }
-      .b2b-footer-container .footer-nav-content li {
-        display: inline;
-        font-size: 14px;
-        color: #fff;
-        vertical-align: middle; }
-        .b2b-footer-container .footer-nav-content li a {
-          color: #fff;
-          font-size: 14px;
-          vertical-align: middle;
-          margin-right: 5px;
-          font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-footer-wrapper .b2b-footer-container hr {
-    background: #d2d2d2;
-    margin-top: 50px; }
-  
-  .b2b-footer-wrapper .divider-bottom-footer {
-    padding: 45px 0 50px 0; }
-  
-  .b2b-footer-wrapper .footerLogo {
-    margin: 10px 0 0 0px;
-    vertical-align: top; }
-    .b2b-footer-wrapper .footerLogo div {
-      display: inline-block; }
-    .b2b-footer-wrapper .footerLogo .icon-primary-att-globe {
-      font-size: 40px; }
-    .b2b-footer-wrapper .footerLogo .logo-title {
-      color: #fff;
-      margin-left: 10px;
-      display: inline-block;
-      font-size: 26px;
-      margin-top: 0px; }
-  
-  .b2b-footer-wrapper .copyright-text {
-    color: #fff;
-    font-size: 11px;
-    text-align: left;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-footer-wrapper .copyright-text a {
-      color: #fff;
-      text-decoration: underline;
-      display: inline-block; }
-      .b2b-footer-wrapper .copyright-text a:hover {
-        text-decoration: none; }
-  
-  @media (max-width: 768px) {
-    .b2b-footer-wrapper {
-      padding: 0 15px; }
-    .b2b-footer-container {
-      width: 100%; }
-      .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-        width: 50%; }
-    .b2b-footer-wrapper .divider-bottom-footer {
-      padding-top: 15px; }
-      .b2b-footer-wrapper .divider-bottom-footer .footer-links {
-        width: 100%; }
-    .b2b-footer-wrapper .footerLogo {
-      margin: 30px 0 0 0; }
-      .b2b-footer-wrapper .footerLogo .footer-logo {
-        margin: 0;
-        padding-left: 10px; } }
-  
-  .b2b-header-tabs {
-    background-color: #222;
-    width: 100%;
-    position: relative;
-    height: 45px; }
-    .b2b-header-tabs .icon-primary-att-globe {
-      color: #0568ae; }
-    .b2b-header-tabs a:focus {
-      border: 1px solid white; }
-    .b2b-header-tabs .header__items {
-      width: 980px;
-      margin: 0 auto;
-      display: block;
-      list-style: none;
-      padding: 6px 0px 0px 0px;
-      border-spacing: 30px 0; }
-    .b2b-header-tabs .header__item {
-      display: inline-block;
-      text-align: left;
-      width: auto;
-      font-size: 16px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      cursor: pointer;
-      padding: 5px 15px;
-      color: #fff; }
-      .b2b-header-tabs .header__item.b2b-headermenu {
-        padding: 0; }
-        .b2b-header-tabs .header__item.b2b-headermenu:last-child {
-          background: none; }
-        .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-          color: #fff;
-          text-decoration: none;
-          display: inline-block;
-          padding: 5px 15px; }
-      .b2b-header-tabs .header__item.active {
-        background-color: #fff;
-        border-radius: 2px;
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0; }
-        .b2b-header-tabs .header__item.active a.menu__item {
-          color: #0578ae; }
-    .b2b-header-tabs li:focus {
-      outline: 2px solid #0578ae; }
-    .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-      background-color: #fff;
-      position: absolute;
-      width: 100%;
-      left: 0;
-      top: 42px;
-      border-bottom: solid 1px #ccc;
-      -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-      -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-      display: none;
-      z-index: 111; }
-    .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-      background-color: #fff;
-      width: 980px;
-      margin: 0 auto; }
-    .b2b-header-tabs .header__item.active .header-secondary-wrapper {
-      display: block; }
-    .b2b-header-tabs .header-secondary .header-subitem {
-      display: inline-block;
-      width: auto;
-      margin: 0 15px; }
-      .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-        display: block; }
-      .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-        display: inline-block;
-        padding: 15px 0;
-        color: #333; }
-        .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-          color: #0578ae; }
-  
-  /** Secondary Menu **/
-  .b2b-labelhide {
-    position: absolute;
-    clip: rect(1px, 1px, 1px, 1px); }
-  
-  /** Tertiary Level Menu **/
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-    position: absolute;
-    z-index: 111;
-    top: 25px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after, .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-      content: '';
-      border-left: 8px solid transparent;
-      border-right: 8px solid transparent;
-      position: absolute;
-      -webkit-transition: left .2s ease-out;
-      -moz-transition: left .2s ease-out;
-      transition: left .2s ease-out; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-      border-bottom: 8px solid #fff;
-      top: 10px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-      border-bottom: 8px solid #ccc;
-      top: 9px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-    border-top: solid 1px #ccc; }
-  
-  .b2b-header-tabs .header-tertiary:after {
-    content: '';
-    clear: both;
-    display: block; }
-  
-  .b2b-header-tabs .header-tertiary li {
-    display: inline-block;
-    padding: 0;
-    float: left; }
-    .b2b-header-tabs .header-tertiary li a {
-      color: #333;
-      display: block;
-      padding: 10px 15px; }
-    .b2b-header-tabs .header-tertiary li label {
-      text-align: left;
-      display: block;
-      font-size: 16px;
-      font-weight: bold;
-      color: #857B7B;
-      padding: 15px 0 0 15px; }
-  
-  .b2b-header-tabs .header__item.skip {
-    padding: 0;
-    display: inline-block;
-    cursor: default !important; }
-    .b2b-header-tabs .header__item.skip a {
-      color: transparent;
-      font-size: 12px;
-      line-height: 15px;
-      text-decoration: none; }
-      .b2b-header-tabs .header__item.skip a:focus {
-        color: #fff;
-        outline: 2px solid #0578ae; }
-  
-  .b2b-header-tabs .selectWrap {
-    min-width: 150px; }
-    .b2b-header-tabs .selectWrap button.awd-select {
-      height: 30px;
-      line-height: 31px;
-      font-size: 1rem;
-      display: inline-block; }
-    .b2b-header-tabs .selectWrap .awd-select-list {
-      background-color: #fff;
-      color: #333;
-      -webkit-transition: opacity .2s ease-out;
-      -moz-transition: opacity .2s ease-out;
-      transition: opacity .2s ease-out;
-      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-  
-  @media (max-width: 768px) {
-    .b2b-header-tabs {
-      padding: 0 15px; }
-      .b2b-header-tabs .header__items, .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-        width: 100%; }
-      .b2b-header-tabs .header__item {
-        padding: 5px 0; }
-      .b2b-header-tabs .globe-text {
-        display: none; }
-      .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-        padding: 5px 7px 9px 7px; }
-      .b2b-header-tabs .header__item .header-tertiary-wrapper {
-        top: 30px; }
-      .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-        top: 14px; }
-      .b2b-header-tabs .header__item .header-secondary-wrapper {
-        top: 45px; }
-      .b2b-header-tabs .header__item.profile {
-        padding-left: 15px;
-        float: none; } }
-  
-  /************* Header - Start *************/
-  .b2b-header-tabs {
-    background-color: #222;
-    width: 100%;
-    position: relative;
-    height: 45px; }
-  
-  .b2b-header-tabs .icon-primary-primary-att-globe {
-    color: #0568ae;
-    font-size: 34px;
-    bottom: 1px; }
-  
-  /*
-   *TODO: delete below .icon-primary-att-globel will not be used 
-   *instead the one above, icon-primary-primary-att-globe not available here
-   */
-  .b2b-header-tabs .icon-primary-att-globe {
-    color: #0568ae;
-    font-size: 34px; }
-  
-  .b2b-header-tabs .globe-text {
-    margin-left: 20px;
-    font-size: 2rem; }
-  
-  .b2b-header-tabs .header__items {
-    width: 980px;
-    margin: 0 auto;
-    display: block;
-    list-style: none;
-    border-spacing: 30px 0;
-    padding: 3px 0px 0px 0px; }
-  
-  .b2b-header-tabs .header__item {
-    display: inline-block;
-    text-align: left;
-    width: auto;
-    font-size: 14px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    cursor: pointer;
-    padding: 0 15px 4px 15px;
-    /*margin-top:-3px;*/
-    color: #fff; }
-  
-  .b2b-header-tabs .header__item.b2b-headermenu {
-    padding: 0; }
-  
-  .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-    color: #fff;
-    text-decoration: none;
-    display: inline-block;
-    padding: 8px 15px 12px 15px;
-    font-size: 16px; }
-  
-  .b2b-header-tabs .header__item.active {
-    background-color: #fff;
-    border-radius: 2px;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0; }
-  
-  .b2b-header-tabs .header__item.active a.menu__item {
-    color: #0578ae; }
-  
-  .b2b-header-tabs li:focus {
-    outline: 2px solid #0578ae; }
-  
-  /** profile pop Over **/
-  .b2b-header-tabs .header__item.profile {
-    position: relative;
-    float: right; }
-  
-  /** Secondary Menu **/
-  .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-    background-color: #fff;
-    position: absolute;
-    width: 100%;
-    left: 0;
-    top: 42px;
-    border-bottom: solid 1px #ccc;
-    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    display: none;
-    z-index: 111; }
-  
-  .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-    background-color: #fff;
-    width: 980px;
-    margin: 0 auto; }
-  
-  .b2b-header-tabs .header__item.active .header-secondary-wrapper,
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-    display: block; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem {
-    display: inline-block;
-    width: auto;
-    margin: 0 15px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-    display: inline-block;
-    padding: 15px 0;
-    color: #333;
-    font-size: 14px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-    color: #0578ae; }
-  
-  .b2b-label-hide {
-    position: absolute;
-    clip: rect(1px, 1px, 1px, 1px); }
-  
-  /** Tertiary Level Menu **/
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after,
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    content: '';
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
-    position: absolute;
-    -webkit-transition: left .2s ease-out;
-    -moz-transition: left .2s ease-out;
-    transition: left .2s ease-out; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-    position: absolute;
-    z-index: 111;
-    top: 25px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-    border-bottom: 8px solid #fff;
-    top: 10px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    border-bottom: 8px solid #ccc;
-    top: 9px; }
-  
-  /** Tertiary Level Menu **/
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-    border-top: solid 1px #ccc; }
-  
-  .b2b-header-tabs .header-tertiary:after {
-    content: '';
-    clear: both;
-    display: block; }
-  
-  .b2b-header-tabs .header-tertiary li {
-    display: inline-block;
-    padding: 0;
-    float: left; }
-  
-  .b2b-header-tabs .header-tertiary li a {
-    color: #333;
-    display: block;
-    padding: 7px 15px;
-    max-width: 228px; }
-  
-  .b2b-header-tabs .header-tertiary li label {
-    text-align: left;
-    display: block;
-    font-size: 14px !important;
-    font-weight: bold;
-    color: #857B7B;
-    padding: 15px 0 0 15px; }
-  
-  /** Quarternary Level Menu **/
-  .b2b-header-tabs .header-quarternary {
-    width: 100%;
-    float: left; }
-  
-  .b2b-header-tabs .header-quarternary li {
-    padding-left: 15px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    display: none; }
-  
-  .b2b-header-tabs .header-quarternary li.active {
-    display: block; }
-  
-  .b2b-header-tabs .header-quarternary li a {
-    color: #666666;
-    font-size: 14px;
-    padding: 0px 10px 10px 10px; }
-  
-  /** Skip Navigation**/
-  .b2b-header-tabs .header__item.skip {
-    padding: 0;
-    display: inline-block;
-    cursor: default !important; }
-  
-  .b2b-header-tabs .header__item.skip a {
-    color: transparent;
-    font-size: 12px;
-    line-height: 15px;
-    text-decoration: none; }
-  
-  .b2b-header-tabs .header__item.skip a:focus {
-    color: #fff;
-    outline: 2px solid #0578ae; }
-  
-  /** Dropdown css inside Header ****/
-  .b2b-header-tabs .selectWrap {
-    min-width: 150px; }
-  
-  .b2b-header-tabs .selectWrap button.awd-select, .b2b-header-tabs .selectWrap input.awd-select {
-    height: 36px;
-    line-height: 31px;
-    font-size: 1rem;
-    display: inline-block; }
-  
-  .b2b-header-tabs .selectWrap .awd-select-list {
-    background-color: #fff;
-    color: #333;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-  
-  /*
-   * responsive header media queries
-   */
-  @media screen and (max-width: 1100px) {
-    .b2b-header-tabs .globe-text {
-      display: none; }
-    .b2b-header-tabs .header__item.profile {
-      padding-left: 15px;
-      float: none; }
-    .b2b-header-tabs .header__items {
-      padding-top: 0px; } }
-  
-  @media screen and (max-width: 950px) {
-    .header__item.profile {
-      top: 20px; }
-    .b2b-header-tabs {
-      height: 90px; }
-    .header__item .selectWrap {
-      bottom: 15px; }
-    .b2b-header-tabs .header__items {
-      padding-top: 25px; }
-    .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-      top: 80px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-      top: 35px; }
-    .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-      padding-bottom: 30px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-      margin-top: -28px; } }
-  
-  /*************** Header - END ******************/
-  .hp-container {
-    display: block;
-    max-width: 408px; }
-    .hp-container i:focus {
-      outline: thin dotted #666; }
-    .hp-container .icon-misc-pen {
-      cursor: pointer; }
-    .hp-container .icon-misc-trash {
-      cursor: pointer; }
-  
-  .hp-selected {
-    border-bottom: 1px solid #ccc;
-    border-bottom: 1px solid #ccc;
-    margin-bottom: 16px;
-    padding-bottom: 16px; }
-    .hp-selected .selected-days {
-      padding-bottom: 16px; }
-      .hp-selected .selected-days .day {
-        padding-top: 10px;
-        float: left; }
-  
-  .hp-checkbox {
-    padding-top: 20px;
-    margin: 16px auto 0 auto; }
-    .hp-checkbox label {
-      position: relative;
-      width: 20px;
-      margin-right: 34px; }
-      .hp-checkbox label span {
-        position: absolute;
-        top: -20px;
-        left: 0px;
-        margin-left: 0px; }
-  
-  .hp-dropdowns {
-    margin-top: 15px;
-    display: flex;
-    display: -webkit-flex;
-    display: -ms-flexbox; }
-  
-  .hp-buttons {
-    margin-top: 20px;
-    display: flex;
-    display: -webkit-flex;
-    display: -ms-flexbox; }
-  
-  .hp-dropdowns .radio-buttons {
-    margin-top: 30px; }
-    .hp-dropdowns .radio-buttons .radio {
-      margin-right: 15px; }
-  
-  
-  
-  /* TODO: Build a reference page for these classes */
-  .font-regular {
-    font-family: "Omnes-ECOMP-W02", Arial !important; }
-  
-  .font-light {
-    font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-  
-  .font-italic {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-  
-  .font-light-italic {
-    font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-  
-  .font-medium {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-  
-  .font-medium-italic {
-    font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-  
-  .font-reset {
-    font-style: normal;
-    font-variant: normal;
-    font-weight: normal;
-    text-transform: none; }
-  
-  .b2b-nav-menu {
-    background-color: #efefef;
-    border: 1px solid #efefef;
-    width: 230px;
-    font-size: 1.4rem; }
-  
-  .b2b-subnav-container > ul {
-    padding: 0px; }
-  
-  .b2b-subnav-content {
-    margin: 0;
-    margin-bottom: 10px; }
-  
-  .b2b-subnav-content > li {
-    border-bottom: 1px solid #999999;
-    position: relative;
-    cursor: pointer; }
-  
-  .b2b-subnav-content > li > a {
-    text-decoration: none;
-    line-height: 18px;
-    display: block;
-    padding: 10px; }
-  
-  .b2b-subnav-content > li > a.expand {
-    color: #333; }
-  
-  .b2b-subnav-content > li ul {
-    overflow: hidden;
-    max-height: 0;
-    transition-duration: 0.5s;
-    transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
-  
-  .b2b-subnav-content > li ul.expand {
-    transition-duration: 0.7s;
-    transition-timing-function: ease-in-out;
-    max-height: 1000px;
-    overflow: hidden; }
-  
-  .b2b-subnav-content > li > a:focus, .b2b-subnav-content > li ul > li > a:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-subnav-content > li ul > li > a {
-    line-height: 18px;
-    padding: 8px 0;
-    display: block;
-    outline-offset: -4px;
-    padding-left: 10px; }
-  
-  .b2b-icon-primary-plus-minus {
-    display: inline-block;
-    height: 20px;
-    margin-right: 10px;
-    padding: 0;
-    position: absolute;
-    right: 0px;
-    top: 10px;
-    vertical-align: middle;
-    width: 20px; }
-  
-  @media (min-width: 320px) and (max-width: 767px) {
-    .b2b-nav-menu {
-      background-color: #fff;
-      border: 1px solid white;
-      width: 100%; }
-    .b2b-subnav-content > li {
-      padding-left: 10px; }
-    .b2b-subnav-container > ul:first-child {
-      border-top: 1px solid #999; }
-    .b2b-icon-primary-plus-minus {
-      right: 10px; }
-    .b2b-subnav-content > li li > a.active {
-      color: #0574ac;
-      text-decoration: none;
-      font-family: "Omnes-ECOMP-W02", Arial; } }
-  
-  .b2b-list-box-item {
-    white-space: nowrap;
-    margin: 1px;
-    border: 1px solid transparent;
-    outline: none;
-    visibility: inherit;
-    display: inherit;
-    text-align: left;
-    overflow: hidden;
-    cursor: pointer;
-    padding: 5px 0 5px;
-    padding-left: 15px;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none; }
-    .b2b-list-box-item:focus {
-      border: 2px solid #5e8cb3; }
-  
-  .b2b-list-box-item--selected {
-    background-color: #cfdde9; }
-  
-  .btn.disabled[ddh-load-button] {
-    line-height: 46px;
-    padding: 0 19px 0 18px; }
-  
-  .btn.disabled[ddh-load-button] {
-    color: #666666; }
-  
-  .icon-primary-spinner-ddh.large {
-    height: 50px;
-    width: 50px; }
-  
-  .icon-primary-spinner-ddh.small {
-    height: 30px;
-    width: 30px; }
-  
-  .icon-primary-spinner-ddh {
-    -webkit-animation: 1s linear infinite spinner;
-    animation: 1s linear infinite spinner;
-    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgaWQ9InN2Zy1zcGlubmVyIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgIDxwYXRoIGZpbGw9IiNGNUY1RjUiIGQ9Ik0xOCAzNkM4LjEgMzYgMCAyNy45IDAgMThTOC4xIDAgMTggMHMxOCA4LjEgMTggMTgtOC4xIDE4LTE4IDE4em0wLTMxLjVjLTcuNSAwLTEzLjUgNi0xMy41IDEzLjVTMTAuNiAzMS41IDE4IDMxLjVjNy41IDAgMTMuNS02LjEgMTMuNS0xMy41IDAtNy41LTYtMTMuNS0xMy41LTEzLjV6Ii8+CiAgIDxwYXRoIGZpbGw9IiMwNTY4QUUiIGlkPSJzcGlubmVyIiBkPSJNMzAuNyA1LjNsLTMuMSAzLjJjMi40IDIuNCAzLjkgNS44IDMuOSA5LjUgMCA3LjQtNi4xIDEzLjUtMTMuNSAxMy41UzQuNSAyNS40IDQuNSAxOCAxMC42IDQuNSAxOCA0LjVWMEM4LjEgMCAwIDguMSAwIDE4czguMSAxOCAxOCAxOCAxOC04LjEgMTgtMThjMC01LTItOS41LTUuMy0xMi43eiIgdHJhbnNmb3JtPSIiPiAgICAgIAogICA8L3BhdGg+Cjwvc3ZnPg==); }
-  
-  .btn-small .icon-primary-spinner-ddh {
-    height: 30px !important;
-    width: 30px !important; }
-  
-  .btn-small .icon-primary-spinner {
-    height: 30px;
-    width: 30px; }
-  
-  .load-backdrop {
-    position: absolute;
-    top: 50%;
-    left: 50%; }
-  
-  .small-modal-loader {
-    width: 420px !important;
-    height: 212px !important;
-    text-align: center; }
-  
-  .small-modal-loader .icon-primary-spinner {
-    margin-bottom: 5px; }
-  
-  .body.styled-by-modal {
-    position: fixed; }
-  
-  .b2b-modal-backdrop {
     position: fixed;
-    top: 0;
     right: 0;
-    bottom: 0;
     left: 0;
-    z-index: -1; }
-  
-  .b2b-modal-backdrop.fade {
-    background-color: #000;
-    opacity: 0;
-    filter: alpha(opacity=0);
-    transition: all 0.3s linear 0s; }
-  
-  .b2b-modal-backdrop.fade.in {
-    z-index: 1040;
-    opacity: 0.7;
-    filter: alpha(opacity=70);
-    background-color: #000;
-    transition: opacity 0.3s linear 0s; }
-  
-  .modalwrapper {
-    height: 100%;
-    width: 100%;
-    left: 0;
-    overflow-y: hidden;
-    position: absolute;
-    right: 0;
-    padding: 20px;
-    top: 0;
-    z-index: -1; }
-  
-  .modalwrapper.active {
-    z-index: 1050;
-    overflow-y: auto; }
-  
-  .modal {
-    background-clip: padding-box;
-    background-color: #ffffff;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 8px;
-    box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.4);
-    margin: 0 auto;
-    /*margin-bottom:10%;*/
-    outline: medium none;
-    /*position: absolute;*/
-    height: 0;
-    min-height: 150px;
-    overflow: hidden;
-    /*top: 10%;*/
-    width: 100%;
-    z-index: -1; }
-  
-  .modalwrapper.modal-docked .modal {
-    max-height: 80%;
-    height: 80%;
-    overflow: hidden;
-    top: 0; }
-  
-  .modal.fade.in {
-    position: relative;
-    height: auto;
-    overflow: auto;
-    top: 10%;
-    z-index: 1060;
-    transition: opacity .5s linear 0s; }
-  
-  .modal.fade.in.modal-landscape {
-    overflow-y: auto; }
-  
-  .modal.fade {
-    transition: opacity .5s linear 0s; }
-  
-  .fade.in {
-    opacity: 1; }
-  
-  .fade {
-    opacity: 0; }
-  
-  .b2b-modal-header {
-    align-items: center;
-    border-radius: 8px 8px 0 0;
-    display: flex;
-    min-height: 60px;
-    overflow: hidden;
-    padding: 30px 46px 30px 30px;
-    position: relative; }
-  
-  .b2b-modal-header > h2 {
-    line-height: 1;
-    margin: 0;
-    padding: 0; }
-  
-  .modal-header-portrait {
-    -webkit-overflow-scrolling: auto; }
-  
-  .modal-header-landscape {
-    -webkit-overflow-scrolling: auto; }
-  
-  .b2b-modal-body {
-    -webkit-overflow-scrolling: touch;
-    padding: 0 30px 20px;
-    position: relative;
-    width: auto; }
-  
-  .b2b-modal-body:focus {
-    outline: 1px dotted #333333; }
-  
-  .modal-form {
-    margin-bottom: 0; }
-  
-  .b2b-modal-footer {
-    background-color: #fff;
-    width: 100%;
-    padding: 0 30px;
-    border-radius: 0;
-    position: absolute;
-    bottom: 0; }
-  
-  :not(.modal-docked) .b2b-modal-footer {
-    position: relative; }
-  
-  .modal-landscape .b2b-modal-footer {
-    position: relative; }
-  
-  .b2b-modal-footer .cta-button-group {
-    display: flex;
-    justify-content: flex-end;
-    padding: 20px 0 5px;
-    width: 100%;
-    border-top: 1px solid #d2d2d2; }
-  
-  .b2b-modal-footer .cta-button-group .btn {
-    margin-left: auto;
-    margin-right: auto;
-    float: right;
-    margin-left: 10px; }
-  
-  .b2b-modal-footer .cta-button-group .marginLeft0 {
-    margin-left: 0px; }
-  
-  .b2b-modal-footer .cta-button-group .btn-footer-left {
-    margin-right: auto; }
-  
-  .b2b-modal-footer .cta-button-group .btn + .btn {
-    margin-right: 0 !important; }
-  
-  [class*="modal-"] {
-    width: 100%; }
-  
-  .modal-small {
-    max-width: 420px; }
-  
-  .modal-medium {
-    max-width: 620px; }
-  
-  .modal-large {
-    max-width: 720px; }
-  
-  .modal-xlarge {
-    max-width: 860px; }
-  
-  .modal-jumbo {
-    max-width: 1000px; }
-  
-  .modalwrapper.modal-docked {
-    height: 100%;
-    display: flex;
-    align-items: center; }
-  
-  .modalwrapper.modal-docked .b2b-modal-body {
-    height: 80%;
-    overflow-y: scroll;
-    padding-bottom: 60px; }
-  
-  .modalwrapper.modal-docked .modal {
-    max-height: 80%;
-    height: 80%;
-    overflow: hidden;
-    top: 0; }
-  
-  .modalwrapper.modal-docked .b2b-modal-body > *:last-child {
-    margin-bottom: 60px; }
-  
-  @media (max-width: 767px) {
-    .modalwrapper {
-      padding: 15px;
-      overflow-x: hidden; }
-    .modal.fade.in {
-      top: 0;
-      right: 0;
-      left: 0;
-      margin-bottom: 15px;
-      border: none; }
-    .b2b-modal-header {
-      padding: 20px 46px 20px 15px; }
-    .b2b-modal-body {
-      width: 100%;
-      padding: 0 15px 15px; }
-    .modalwrapper.modal-docked {
-      position: absolute;
-      height: 100%;
-      padding: 0; }
-    .modalwrapper.modal-docked .modal.fade.in {
-      margin-bottom: 0;
-      width: 100% !important;
-      max-height: 100%;
-      height: 100%;
-      border-radius: 0; }
-    .modalwrapper.modal-docked .b2b-modal-body {
-      overflow-y: scroll;
-      height: 100%; }
-    .modalwrapper.modal-docked.modal-landscape {
-      overflow-y: hidden;
-      position: fixed; }
-    .modalwrapper.modal-docked.modal-landscape .modal {
-      overflow-y: scroll;
-      max-width: 100%; }
-    .modalwrapper.modal-docked.modal-landscape .b2b-modal-body {
-      height: auto;
-      overflow-y: hidden; }
-    .b2b-modal-footer {
-      padding: 0 15px; }
-    .b2b-modal-footer .cta-button-group {
-      display: block;
-      padding: 15px 0; }
-    .b2b-modal-footer .cta-button-group .btn {
-      float: none; }
-    .b2b-modal-footer .cta-button-group .btn + .btn {
-      margin-bottom: 0; }
-    .b2b-modal-footer .cta-button-group a.visible-phone {
-      align-items: center;
-      display: flex !important;
-      height: 42px;
-      justify-content: center; } }
-  
-  .b2b-modal-footer > .cta-button-group {
-    line-height: 40px; }
-  
-  .ajaxed,
-  .modal.fade.in .b2b-modal-header,
-  .modal.fade.in .b2b-modal-body,
-  .modal.fade.in .b2b-modal-footer {
-    animation-duration: 0.01s;
-    -o-animation-duration: 0.01s;
-    -ms-animation-duration: 0.01s;
-    -moz-animation-duration: 0.01s;
-    -webkit-animation-duration: 0.01s;
-    animation-name: DOMinsertion;
-    -o-animation-name: DOMinsertion;
-    -ms-animation-name: DOMinsertion;
-    -moz-animation-name: DOMinsertion;
-    -webkit-animation-name: DOMinsertion; }
-  
-  .monthselector thead tr th {
-    min-width: 46px; }
-  
-  .monthselector thead tr:after {
-    content: "";
-    position: absolute;
-    left: 20px;
-    top: 52px;
-    height: 1px;
-    width: 85%;
-    border-bottom: 1px solid #ccc; }
-  
-  .monthselector tbody tr:last-child {
-    height: 50px; }
-  
-  .monthselector td.day {
-    margin: 1px 4px !important;
-    width: 64px !important; }
-  
-  .monthselector .datepicker-switch {
-    width: 195px !important; }
-  
-  .monthselector .show-date {
-    width: 30px !important; }
-  
-  .monthselector button.faux-input {
-    width: 100%; }
-    .monthselector button.faux-input:focus {
-      border: 1px solid #0574ac; }
-    .monthselector button.faux-input:disabled {
-      cursor: not-allowed; }
-  
-  .monthselector .cta-button-group {
-    padding: 0 20px; }
-    .monthselector .cta-button-group a {
-      margin-right: 20px; }
-  
-  .monthselector .day.active .show-date:after, .monthselector .day:focus .show-date:after, .monthselector .due-date.disabled .show-date:after {
-    height: 30px;
-    left: 9px !important;
-    top: 0;
-    width: 42px !important; }
-  
-  .monthselector .disabled.day:focus .show-date:after {
-    border: none; }
-  
-  .monthselector .icon-primary-calendar {
-    display: block; }
-  
-  .b2b-ml-nav {
-    padding: 0 10px 0 10px;
-    width: 320px; }
-  
-  .b2b-ml-nav ul {
-    list-style: none;
-    list-style-type: none; }
-  
-  .b2b-ml-nav a {
-    display: block;
-    padding: 0 0 5px 30px;
-    line-height: 22px;
-    margin-left: -10px;
-    color: #0568ae;
-    font-size: 1.4rem; }
-  
-  .b2b-ml-nav a:focus {
-    outline-offset: 1px; }
-  
-  .b2b-ml-nav li:focus {
-    outline: none; }
-  
-  .b2b-ml-nav li:focus > a {
-    outline: thin dotted #666;
-    outline-offset: 1px; }
-  
-  .b2b-ml-nav ul li {
-    border-left: 1px solid #ccc; }
-  
-  .b2b-ml-nav ul ul {
-    padding: 0 0 0 20px; }
-  
-  .b2b-ml-nav ul > li {
-    position: relative;
-    line-height: 18px; }
-  
-  .b2b-ml-nav a > span {
-    background-color: #FFF;
-    display: inline;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    left: -11px;
-    top: 0; }
-  
-  .b2b-ml-nav a > span > i {
-    font-size: 20px; }
-  
-  .b2b-ml-nav a:only-child > span {
-    left: -6px;
-    border-radius: 50%;
-    line-height: 7px;
-    top: 5px; }
-  
-  .b2b-ml-nav a:only-child > span > i {
-    background-color: inherit;
-    background: #fff;
-    font-size: 10px; }
-  
-  .b2b-ml-nav ul li:first-child > a:only-child > span {
-    left: -6px;
-    border-radius: 50%;
-    line-height: 12px;
-    top: 0px; }
-  
-  .b2b-ml-nav li a + ul {
-    display: none; }
-  
-  .b2b-ml-nav li a.active + ul {
-    display: block; }
-  
-  .b2b-ml-nav .selected {
-    color: #333; }
-  
-  /*to overide ng-doc inline property for library demo - TODO: Move to docs.css*/
-  .b2b-ml-nav a [class^="icon-primary-"], a [class*=" icon-primary-"], a [class^="icon-primary-"]:before, a [class*=" icon-primary-"]:before {
-    display: inline-block; }
-  
-  .b2b-alerts-messages {
-    background-color: #fff;
-    border-radius: 8px;
-    height: auto; }
-    .b2b-alerts-messages h3 {
-      color: #333 !important;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      margin-bottom: 0 !important;
-      margin: 1em 0 5px;
-      line-height: 27px;
-      font-size: 18px; }
-    .b2b-alerts-messages h4 {
-      color: #333 !important;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      margin-bottom: 0 !important; }
-    .b2b-alerts-messages .alert-info {
-      background-color: #0574ac;
-      border: 0; }
-    .b2b-alerts-messages .alert-error {
-      background-color: #cf2a2a;
-      border: 0; }
-    .b2b-alerts-messages .alert-success {
-      background-color: #1b7e28;
-      border: 0; }
-    .b2b-alerts-messages div:nth-child(2) {
-      padding: 0 0 15px 10px;
-      vertical-align: baseline; }
-    .b2b-alerts-messages .close:before {
-      color: #767676; }
-    .b2b-alerts-messages p {
-      font-size: 14px;
-      color: #333;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-      .b2b-alerts-messages p a {
-        color: #333; }
-    .b2b-alerts-messages .btn-small {
-      margin-bottom: 0px; }
-  
-  .b2b-alerts-success {
-    border: 1px solid #1b7e28; }
-  
-  .b2b-alerts-error {
-    border: 1px solid #cf2a2a; }
-  
-  .b2b-alerts-info {
-    border: 1px solid #0574ac; }
-  
-  /* TODO: Rearange this and move to patches if needed */
-  .b2b-breadcrumb-css-override > li {
-    margin-right: 24px; }
-  
-  .b2b-breadcrumb-css-override li > * {
-    float: left !important; }
-  
-  .b2b-css-override ul.nav-tabs {
-    margin-bottom: 0; }
-  
-  .b2b-css-override div.tab-content {
-    margin-top: 0;
-    border-top: none; }
-  
-  .b2b-css-override .tab-content .prettyprint, .b2b-css-override .usage .prettyprint {
-    max-height: 500px;
-    overflow-y: auto; }
-  
-  .b2b-top-nav-buttons-css-override {
-    margin-bottom: 0;
-    margin-top: 2px; }
-  
-  .b2b-auto-width {
-    width: auto !important; }
-  
-  .b2b-toggle-header-active {
-    color: #0568ae; }
-  
-  .b2b-toggle-header-inactive {
-    color: #333333; }
-  
-  .b2b-toggle-header-icon {
-    cursor: pointer; }
-  
-  .tab-content > .tab-pane {
-    display: none; }
-  
-  .tab-content > .active {
-    display: block; }
-  
-  .icon-primary-circle:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 1; }
-  
-  .ds2-no-colors .icon-primary-circle:before {
-    background-image: none;
-    content: "\e902"; }
-  
-  i:focus {
-    outline: thin dotted #666; }
-  
-  .p-col-md-12 {
-    width: 50%; }
-  
-  .pager__item {
-    border-radius: 0;
-    cursor: default;
-    display: inline-block;
-    margin: 5px;
-    width: 22px;
-    height: 23px;
-    vertical-align: baseline; }
-  
-  .pager {
-    padding-top: 10px;
-    padding-bottom: 20px;
-    text-align: center;
-    margin: 0 auto; }
-  
-  .pager__item--input {
-    color: #067ab4;
-    max-height: 32px;
-    max-width: 40px;
-    padding-left: 0;
-    padding-right: 0;
-    text-align: center;
-    margin-left: 10px; }
-  
-  .row.section-row {
-    margin-bottom: 20px; }
-  
-  .pager__item--active {
-    border-bottom: 2px solid #0574ac;
-    border-radius: 0;
-    color: #333333; }
-  
-  .pager a.pager__item--active:hover {
-    cursor: default; }
-  
-  .pager a:hover, .pager a:focus {
-    text-decoration: none;
-    color: #333333;
-    cursor: pointer; }
-  
-  .pager a.disabled:hover, .pager a.disabled:focus {
-    cursor: not-allowed; }
-  
-  .row.section-row.b2b-page {
-    display: block; }
-  
-  a.pager__item--next:focus, a.pager__item--prev:focus {
-    text-decoration: none;
-    border: 0; }
-  
-  .pager__item--next, .pager__item--prev {
-    margin: 5px;
-    padding: 1.5px 6px 1.5px 6px; }
-  
-  .pager .disabled i {
-    pointer-events: none;
-    cursor: default;
-    color: #c4c4c4; }
-  
-  .fieldLabel {
-    color: #666666; }
-  
-  .fieldLabel input {
-    color: #666666; }
-  
-  .pSelect {
-    float: right;
-    width: 150px; }
-  
-  .numericResult {
-    margin-bottom: 20px;
-    font-size: 1.6rem;
-    margin-top: 20px;
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .mobile-view > .pager__item {
-    margin: 5px 10px;
-    width: 24px;
-    height: 34px;
-    vertical-align: middle;
-    line-height: 34px; }
-  
-  .fade1, .fadel {
-    opacity: 0.4; }
-  
-  .fade2, .fadesl {
-    opacity: 0.6; }
-  
-  h4#pagination-truncated {
-    margin-top: 50px; }
-  
-  h4#pagination-large-count {
-    margin-top: 50px; }
-  
-  .p-col-md-12 input {
-    margin-left: 20px; }
-  
-  .pager a .icon-primary-right:before {
-    display: inline-block; }
-  
-  .pager a .icon-primary-left:before {
-    display: inline-block; }
-  
-  .page-heading {
-    background: white none repeat scroll 0 0;
-    margin-bottom: -12px;
-    padding-left: 10px;
-    padding-right: 10px;
-    position: relative; }
-  
-  .numericResult:focus {
-    outline: 1px dotted #0574ac; }
-  
-  .page-heading-group {
-    color: #ef6f00;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .pager > div > span.fieldLabel {
-    margin-left: 18px; }
-  
-  .pager .fieldLabel .btn-arrow {
-    top: 0;
-    left: 10px;
-    margin-left: -5px; }
-  
-  .b2b-p-col-md-12 {
-    width: 50%; }
-    .b2b-p-col-md-12 input {
-      margin-left: 20px; }
-  
-  .b2b-pager__item {
-    border-radius: 0;
-    cursor: default;
-    display: inline-block;
-    margin: 0px 5px 0 5px;
-    height: 23px;
-    vertical-align: baseline; }
-  
-  .b2b-pager__item--noclick {
-    pointer-events: none !important;
-    cursor: default !important; }
-  
-  .b2b-pager__item--droppable {
-    pointer-events: all !important; }
-  
-  .b2b-pager {
-    padding-top: 10px;
-    padding-bottom: 20px;
-    text-align: center;
-    margin: 0 auto; }
-    .b2b-pager a:hover {
-      text-decoration: none;
-      color: #333333;
-      cursor: pointer; }
-    .b2b-pager a:focus {
-      text-decoration: none;
-      color: #333333;
-      cursor: pointer; }
-    .b2b-pager a .icon-primary-right:before {
-      display: inline-block; }
-    .b2b-pager a .icon-primary-left:before {
-      display: inline-block; }
-    .b2b-pager .disabled i {
-      pointer-events: none;
-      cursor: default;
-      color: #c4c4c4; }
-  
-  .b2b-pager__item--input {
-    color: #067ab4;
-    max-height: 32px;
-    max-width: 60px;
-    padding-left: 0;
-    padding-right: 0;
-    text-align: center;
-    margin-left: 5px; }
-  
-  .row.section-row {
-    margin-bottom: 20px; }
-  
-  .b2b-pager__item--active {
-    border-bottom: 2px solid #0574ac;
-    border-radius: 0;
-    color: #333333; }
-  
-  .row.section-row.b2b-page {
-    display: block; }
-  
-  a.b2b-pager__item--next:focus {
-    text-decoration: none;
-    border: 0; }
-  
-  a.b2b-pager__item--next-disabled {
-    outline: 0; }
-  
-  a.b2b-pager__item--next-disabled > [class^="icon-primary-"] {
-    color: #cccccc;
-    cursor: not-allowed;
-    outline: 0; }
-  
-  a.b2b-pager__item--prev:focus {
-    text-decoration: none;
-    border: 0; }
-  
-  a.b2b-pager__item--prev-disabled {
-    outline: 0; }
-  
-  a.b2b-pager__item--prev-disabled > [class^="icon-primary-"] {
-    color: #cccccc;
-    cursor: not-allowed; }
-  
-  .b2b-pager__item--next {
-    padding: 1.5px 0px 1.5px 0px; }
-  
-  .b2b-pager__item--prev {
-    padding: 1.5px 0px 1.5px 0px; }
-  
-  .fieldLabel {
-    color: #666666; }
-    .fieldLabel input {
-      color: #666666; }
-    .fieldLabel .btn-arrow {
-      top: 0;
-      left: 10px; }
-  
-  .b2b-pSelect {
-    float: right;
-    width: 150px; }
-  
-  .b2b-numericResult {
-    margin-bottom: 20px;
-    font-size: 1.6rem;
-    margin-top: 20px; }
-  
-  .b2b-mobile-view > .b2b-pager__item {
-    margin: 5px 10px;
-    min-width: 23px;
-    height: 34px;
-    vertical-align: middle;
-    line-height: 34px; }
-  
-  .b2b-fade1 {
-    opacity: 0.4; }
-  
-  .b2b-fade2 {
-    opacity: 0.6; }
-  
-  .b2b-fadesl {
-    opacity: 0.6; }
-  
-  h4#b2b-pagination-truncated {
-    margin-top: 50px; }
-  
-  h4#b2b-pagination-large-count {
-    margin-top: 50px; }
-  
-  .b2b-page-heading {
-    background: white none repeat scroll 0 0;
-    margin-bottom: -12px;
-    padding-left: 10px;
-    padding-right: 10px;
-    position: relative; }
-  
-  .b2b-numericResult:focus {
-    outline: 1px dotted #0574ac; }
-  
-  .b2b-page-heading-group {
-    color: #ef6f00;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .b2b-pager > div > span.fieldLabel {
-    margin-left: 18px; }
-  
-  .b2b-go-to-page {
-    margin-top: 14px; }
-  
-  .b2b-go-to-page-inline {
-    display: inline-block; }
-  
-  input.b2b-phone-mask-input {
-    padding-right: 15px; }
-    input.b2b-phone-mask-input:hover, input.b2b-phone-mask-input:focus {
-      padding-right: 15px; }
-  
-  /************************** Start - Should be removed after the styling in global is fixed *******************/
-  input::-ms-clear {
-    display: none; }
-  
-  /************************** End - Should be removed after the styling in global is fixed *******************/
-  @media (max-width: 767px) {
-    input::-ms-clear {
-      display: block; } }
-  
-  .pivot-link-group {
-    background-color: #5a5a5a;
-    border-top: 1px solid #959595; }
-  
-  .pivot-links > li {
-    border-bottom: 1px solid #959595; }
-  
-  .pivot-links > li > a {
-    color: #fff;
-    display: block;
-    padding: 12px 15px 10px;
-    line-height: normal; }
-  
-  .b2b-profile-block-container {
-    min-height: 200px;
-    height: auto;
-    background-color: #fff;
-    border-radius: 8px;
-    border: 1px solid #ccc;
-    box-shadow: 0px 1px 1px 1px  #ccc;
-    display: inline-table;
-    margin: 15px 15px; }
-  
-  .b2b-profile-block-details p, .b2b-profile-block-details div {
-    padding: 2px 7px;
-    font-size: 1.4rem; }
-  
-  .b2b-profile-block-details .radio-label, .b2b-profile-block-details a {
-    font-size: 1.4rem; }
-  
-  .b2b-profile-block-details p label, .b2b-profile-block-details p span {
-    padding-left: 10px; }
-  
-  .b2b-profile-block-footer {
-    margin-bottom: 12px;
-    margin-top: 5px;
-    height: 35px; }
-  
-  .b2b-profile-block-details p {
-    word-wrap: break-word;
-    height: 61px; }
-    .b2b-profile-block-details p:first-child {
-      margin-top: 10px; }
-    .b2b-profile-block-details p:after {
-      content: ' ';
-      display: block;
-      border: 0.2px solid #ccc;
-      margin-top: 12px; }
-  
-  .b2b-profile-block-details .radio {
-    margin-left: 15px;
-    height: 30px; }
-  
-  .b2b-approval-icon {
-    color: #1b7e28;
-    float: right;
-    position: relative;
-    left: 10px; }
-    .b2b-approval-icon i {
-      color: #1b7e28;
-      float: right; }
-  
-  .b2b-profile-link {
-    float: right;
-    position: relative;
-    left: -4px; }
-  
-  a.link-profile {
-    position: relative;
-    left: -5px;
-    float: right;
-    margin-bottom: 16px; }
-  
-  .b2b-profile-block-radio {
-    position: relative;
-    top: -5px; }
-  
-  .b2b-profile-card {
-    min-width: 229px;
-    min-height: 354px;
-    margin: 10px;
-    border: solid 1px #CCC;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    display: inline-block;
-    vertical-align: top; }
-    .b2b-profile-card .top-block {
-      padding: 15px 20px;
-      background-color: #e4e4e4;
-      max-height: 153px; }
-    .b2b-profile-card .bottom-block {
-      padding: 15px 20px 15px 20px;
-      background-color: #fff; }
-    .b2b-profile-card .profile-image {
-      background: #e4e4e4;
-      margin-bottom: 15px;
-      text-align: center; }
-      .b2b-profile-card .profile-image .default-img {
-        display: inline-block;
-        width: 60px;
-        height: 60px;
-        margin-bottom: 10px;
-        border: 6px solid #fff;
-        border-radius: 99em;
-        -webkit-border-radius: 99em;
-        -moz-border-radius: 99em;
-        /* background-color: #eee; */ }
-  
-  .profile-image img {
-    display: inline-block;
-    width: 60px;
-    height: 60px;
-    margin-bottom: 10px;
-    border: 6px solid #fff;
-    border-radius: 99em;
-    -webkit-border-radius: 99em;
-    -moz-border-radius: 99em;
-    /* background-color: #eee; */ }
-  
-  .b2b-profile-card .profile-image .default-img {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333;
-    background-color: #fff;
-    font-size: 32px;
-    line-height: 22px;
-    padding: 5px;
-    padding-top: 13px;
-    width: 60px;
-    height: 60px;
-    text-transform: uppercase; }
-  
-  .b2b-profile-card .profile-image .name {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    color: #333;
-    text-align: center;
-    margin-bottom: 5px;
-    margin-top: 5px;
-    overflow: hidden;
-    word-break: break-word;
-    white-space: normal;
-    text-transform: capitalize; }
-  
-  .b2b-profile-card .profile-image .status-icon {
-    border-radius: 10px;
-    border: 1px solid #fff;
-    margin: 0 3px 0 0;
-    width: 10px;
-    height: 10px;
-    display: inline-block;
-    vertical-align: middle; }
-  
-  .b2b-profile-card .profile-image .status {
-    font-size: 12px;
-    line-height: 15px;
-    text-align: center;
-    margin: 0 15px 0 0;
-    color: #444; }
-  
-  .b2b-profile-card .status .circle {
-    width: 10px;
-    height: 10px;
-    border-radius: 50%;
-    margin: 30px 6px 0px 20px;
-    text-align: center;
-    background-color: #444; }
-  
-  .b2b-profile-card .profile-image .status-green {
-    background-color: #0c0; }
-  
-  .b2b-profile-card .profile-image .status-red {
-    background-color: red; }
-  
-  .b2b-profile-card .profile-image .status-blue {
-    background-color: #00f; }
-  
-  .b2b-profile-card .profile-image .status-yellow {
-    background-color: #ff0; }
-  
-  .b2b-profile-card .profile-image .status .status-badge {
-    margin-left: 5px;
-    border: dotted 1px #444;
-    background-color: transparent;
-    font-weight: 400;
-    color: #444;
-    height: 17px;
-    padding: 0 5px;
-    font-size: 11px;
-    padding-left: 5px;
-    padding-right: 5px; }
-  
-  .b2b-profile-card .profile-details {
-    background: #fff; }
-    .b2b-profile-card .profile-details label {
-      display: block;
-      cursor: text;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      font-weight: bolder;
-      font-size: 14px;
-      color: #333;
-      padding: 0;
-      margin: 0; }
-    .b2b-profile-card .profile-details div {
-      margin: 0;
-      font-size: 14px;
-      color: #333;
-      padding-bottom: 6.5px; }
-  
-  .b2b-profile-card .b2b-add-user {
-    background: white;
-    border-style: dotted;
-    font-size: 16px;
-    color: #333;
-    position: relative; }
-    .b2b-profile-card .b2b-add-user i {
-      font-size: 30px;
-      padding-bottom: 15px; }
-  
-  .b2b-profile-card .atcenter {
-    cursor: pointer;
-    margin-top: 60%;
-    vertical-align: middle;
-    text-align: center; }
-  
-  .b2b-profile-card .tooltip {
-    cursor: pointer; }
-    .b2b-profile-card .tooltip .helpertext {
-      position: relative;
-      color: white; }
-  
-  .b2b-profile-card .tooltip-wrapper {
-    position: relative; }
-  
-  /* Overrides for tooltip absolute positioning */
-  @media (min-width: 1025px) {
-    .b2b-profile-card .tooltip-size-control {
-      width: 100% !important; } }
-  
-  @-webkit-keyframes progress-bar-stripes {
-    from {
-      background-position: 0 0; }
-    to {
-      background-position: 80px 0; } }
-  
-  @keyframes progress-bar-stripes {
-    from {
-      background-position: 0 0; }
-    to {
-      background-position: 80px 0; } }
-  
-  .progress {
-    background-color: #e4e4e4;
-    border-radius: 4px;
-    height: 14px;
-    margin-bottom: 20px;
-    min-width: 250px;
-    overflow: hidden;
-    padding: 0;
-    position: relative; }
-  
-  a .progress {
-    margin-bottom: 0; }
-  
-  .progress .bar {
-    background-color: #666;
-    border-radius: 4px;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    height: 100%;
-    width: 0; }
-  
-  .progress-arrow {
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
-    justify-content: flex-end; }
-  
-  .progress-link + .usage-bar {
-    margin-top: 5px; }
-  
-  .progress-success .bar, .progress .bar-success {
-    background-color: #1b7e28; }
-  
-  .progress-warning .bar, .progress .bar-warning {
-    background-color: #ef6f00; }
-  
-  .progress-danger .bar, .progress .bar-danger {
-    background-color: #cf2a2a; }
-  
-  .progress.increment {
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex; }
-  
-  .progress.increment .bar:first-child:not(:last-child) {
-    border-right: none;
-    border-radius: 4px 0 0 4px; }
-  
-  .progress.increment .bar:last-child:not(:first-child) {
-    border-left: none;
-    border-radius: 0 4px 4px 0; }
-  
-  .progress.increment .bar + .bar:not(:last-child) {
-    border-left: none;
-    border-right: none;
-    border-radius: 0; }
-  
-  .progress.increment .bar:not(:first-child) {
-    border-left: 1px solid white !important; }
-  
-  .usage-bar {
-    display: table;
-    float: none;
-    width: 100%;
-    margin-bottom: 1px; }
-  
-  .usage-bar > .usage-text {
-    display: table-cell;
-    width: 1%; }
-  
-  .progress + .usage-bar {
-    margin-top: -15px; }
-  
-  .usage-bar .usage-text {
-    font-size: 1.4rem; }
-  
-  .usage-bar .usage-text:first-child {
-    white-space: nowrap; }
-  
-  .usage-bar .usage-text.text-right {
-    vertical-align: top;
-    font-size: 1.4rem;
-    width: auto !important; }
-  
-  .usage-bar .usage-text.text-right:before {
-    content: "";
-    display: table;
-    height: .1em; }
-  
-  .usage-bar.billing-cycle .usage-text {
-    font-size: 1.4rem; }
-  
-  .usage-bar.billing-cycle .usage-text.text-right {
-    vertical-align: bottom; }
-  
-  .progress.autocolor [data-percentage="1"], .progress.autocolor [data-percentage="2"], .progress.autocolor [data-percentage="3"], .progress.autocolor [data-percentage="4"], .progress.autocolor [data-percentage="5"], .progress.autocolor [data-percentage="6"], .progress.autocolor [data-percentage="7"], .progress.autocolor [data-percentage="8"], .progress.autocolor [data-percentage="9"], .progress.autocolor [data-percentage="10"] .progress.autocolor [data-percentage^="2"], .progress.autocolor [data-percentage^="3"], .progress.autocolor [data-percentage^="4"], .progress.autocolor [data-percentage^="5"], .progress.autocolor [data-percentage="60"], .progress.autocolor [data-percentage="61"], .progress.autocolor [data-percentage="62"], .progress.autocolor [data-percentage="63"], .progress.autocolor [data-percentage="64"] {
-    background-color: #1b7e28; }
-  
-  .progress.autocolor [data-percentage="65"], .progress.autocolor [data-percentage="66"], .progress.autocolor [data-percentage="67"], .progress.autocolor [data-percentage="68"], .progress.autocolor [data-percentage="69"], .progress.autocolor [data-percentage^="7"], .progress.autocolor [data-percentage^="8"] {
-    background-color: #ef6f00; }
-  
-  .progress.autocolor [data-percentage^="9"], .progress.autocolor [data-percentage="100"] {
-    background-color: #cf2a2a; }
-  
-  .b2b-seek-bar-container {
-    position: relative; }
-    .b2b-seek-bar-container div {
-      position: absolute; }
-    .b2b-seek-bar-container .b2b-seek-bar-track-container {
-      width: 100%; }
-    .b2b-seek-bar-container .b2b-seek-bar-track {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px; }
-    .b2b-seek-bar-container .b2b-seek-bar-track-fill {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px;
-      width: 0;
-      background-color: #157BB2;
-      transition: width 0s linear; }
-  
-  .seek-bar-container .seek-bar-knob-container {
-    transition: left 0s linear; }
-  
-  .b2b-seek-bar-container .b2b-seek-bar-knob {
-    width: 14px;
-    height: 14px;
-    border-radius: 10px;
-    top: -4px;
-    left: -8px;
-    border: 1px solid #cccccc;
-    background: white;
-    cursor: pointer; }
-  
-  .b2b-seek-bar-container .b2b-seek-bar-knob:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-seek-bar-container.vertical {
-    width: 100%;
-    height: 100%;
-    margin: 0 auto;
-    position: relative;
-    border-radius: 10px; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-track-container {
-      position: relative;
-      height: 100%; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-track {
-      position: absolute;
-      height: 100%; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-track-fill {
-      position: absolute;
-      bottom: 0;
-      height: 0;
-      width: 100%; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-knob-container {
-      transition: bottom .01s linear;
-      position: relative;
-      bottom: 0; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-knob {
-      position: absolute;
-      border-radius: 10px;
-      top: -7px;
-      left: -4px; }
-  
-  .form-search .search-query {
-    width: 100% !important; }
-  
-  .form-search .well {
-    margin-top: 0; }
-  
-  .form-search > ul.nav > li.section {
-    min-height: 20px !important; }
-  
-  input.b2b-search-input-field {
-    margin-bottom: 0px; }
-  
-  .search-suggestion-list {
-    background-color: #FFFFFF;
-    border: 1px solid #ccc;
-    border-radius: 0 0 6px 6px;
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-    margin-top: -5px;
-    max-height: 400px;
-    overflow-x: hidden;
-    overflow-y: auto;
-    padding: 15px 0;
-    position: absolute;
-    width: 100%;
-    z-index: 1000; }
-    .search-suggestion-list > li.active {
-      background-color: #cccccc; }
-    .search-suggestion-list:empty {
-      display: none; }
-  
-  .b2b-search-hightlight {
-    font-weight: bold; }
-  
-  input[type="text"]::-moz-placeholder {
-    color: #767676;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  
-  input[type="text"]:focus {
-    z-index: 1000; }
-  
-  input[type="text"] + .reset-field {
-    background-color: #FFFFFF;
-    height: 90%;
-    top: 5%; }
-  
-  .btn-search:focus {
-    outline: 1px dotted #0574ac; }
-  
-  .field-group input:not([type="button"])[disabled] ~ .btn-search {
-    background-color: #eee; }
-  
-  .btn-search[class*="btn"] {
-    background-color: #FFFFFF;
-    background-size: 20px 20px;
-    border-radius: 0 1.5rem 1.5rem 0;
-    height: 3rem;
-    min-width: 4.4rem !important;
-    right: 0.15rem;
-    top: 0.15rem;
-    width: 4.4rem; }
-  
-  .search-suggestion-wrapper {
-    margin-bottom: 15px;
-    position: relative; }
-    .search-suggestion-wrapper .no-result {
-      padding: 0px 15px; }
-  
-  .search-suggestion-item {
-    color: #333333;
-    line-height: 4rem;
-    padding: 0 15px;
-    position: relative;
-    z-index: 1000; }
-    .search-suggestion-item:hover {
-      background-color: #e4e4e4;
-      cursor: pointer; }
-    .search-suggestion-item:focus {
-      background-color: #e4e4e4;
-      cursor: pointer; }
-    .search-suggestion-item a {
-      color: #333333;
-      text-decoration: none; }
-  
-  .btn-search i {
-    color: #767676; }
-  
-  input.b2b-search-input-field:focus ~ .btn-search > i, .btn-search:focus > i {
-    color: #0568ae; }
-  
-  button.btn-search[disabled] {
-    cursor: not-allowed; }
-    button.btn-search[disabled] i {
-      color: #767676; }
-  
-  .innershadow {
-    -webkit-background-blend-mode: mutilply;
-    box-shadow: 0 3px 0 2px rgba(0, 0, 0, 0.08); }
-  
-  .linkSelectorModule {
-    position: relative;
-    height: 32px;
-    line-height: 20px;
-    border: 0px;
-    width: auto;
-    display: block; }
-    .linkSelectorModule .icon-primary-down {
-      font-size: 23px;
-      margin-top: -10px;
-      position: absolute;
-      top: 50%;
-      margin-left: -30px; }
-    .linkSelectorModule .selectModule {
-      background-color: transparent;
-      border: none;
-      color: #0568ae;
-      cursor: pointer;
-      border: 1px solid transparent;
-      box-shadow: none;
-      padding-right: 35px;
-      position: relative;
-      user-select: none;
-      font-size: 1.6rem; }
-      .linkSelectorModule .selectModule:focus {
-        border: 1px dotted #ccc;
-        box-shadow: none;
-        -moz-user-select: none; }
-      .linkSelectorModule .selectModule:hover {
-        text-decoration: underline; }
-    .linkSelectorModule .active + .moduleWrapper:before {
-      background-color: #FFFFFF;
-      border-color: #d2d2d2;
-      border-style: solid;
-      border-width: 1px 1px 0 0;
-      content: "";
-      display: block;
-      height: 15px;
-      right: 122px;
-      margin: 0;
-      position: absolute;
-      top: -8px;
-      -webkit-transform: rotate(-45deg);
-      transform: rotate(-45deg);
-      width: 15px; }
-    .linkSelectorModule .moduleWrapper {
-      top: 40px; }
-    .linkSelectorModule ul.awd-module-list {
-      border-radius: 6px 6px 0px 0px; }
-  
-  .selectorModule .icon-primary-down {
-    font-size: 23px;
-    margin-top: -11px;
-    position: absolute;
-    right: 4px;
-    top: 50%; }
-  
-  .selectorModule .selectModule {
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-    display: block;
-    width: 100%;
-    padding-left: 15px;
-    background-color: transparent;
-    cursor: pointer; }
-    .selectorModule .selectModule:focus {
-      border: 1px solid #0568ae;
-      -moz-user-select: none; }
-    .selectorModule .selectModule span.module-data {
-      position: absolute;
-      bottom: 6px;
-      line-height: 20px; }
-    .selectorModule .selectModule img + span.module-data {
-      padding-left: 45px; }
-  
-  .selectorModule .selectModule.active {
-    border-bottom-right-radius: 0px;
-    border-bottom-left-radius: 0px; }
-  
-  .selectorModule .moduleWrapper {
-    position: absolute;
-    width: 100% !important;
-    border-top: none; }
-  
-  .selectorModule ul.awd-module-list {
-    border-radius: 0px 0px 6px 6px; }
-  
-  .selectorModule .large > img {
-    height: 30px;
-    position: absolute;
-    width: 30px;
     top: 20px;
-    left: 15px; }
-  
-  .selectModule {
-    background-color: transparent;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333333;
-    font-size: 1.6rem;
-    height: 36px;
-    line-height: 35px;
-    margin-bottom: 0;
-    position: relative;
-    text-align: left;
-    top: 0;
-    z-index: 10;
-    padding: 0px;
-    margin: 0px;
-    cursor: pointer; }
-  
-  .moduleWrapper {
-    background-color: #FFFFFF;
-    position: absolute;
-    color: #191919;
-    z-index: 9999;
-    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
-    border-radius: 0px 0px 6px 6px; }
-    .moduleWrapper .module-list-item img {
-      height: 30px;
-      position: absolute;
-      width: 30px;
-      top: 30px;
-      left: 15px;
-      align-self: center; }
-    .moduleWrapper span {
-      display: block;
-      white-space: nowrap;
-      font-size: 1.5rem; }
-  
-  .awd-module-list {
-    overflow-y: auto;
-    z-index: 9999;
-    max-height: 360px;
-    border: 1px solid #d2d2d2; }
-    .awd-module-list .module-list-item > .module-data {
-      overflow: ellipsis;
-      white-space: nowrap;
-      line-height: 20px;
-      font-size: 1.6rem;
-      border-bottom: 1px dotted #959595;
-      margin: 0px 15px 0px 15px;
-      padding-right: 50px;
-      padding-bottom: 14px;
-      padding-top: 14px;
-      align-self: center;
-      width: 100%; }
-    .awd-module-list .module-list-item:hover {
-      background-color: #f2f2f2; }
-    .awd-module-list .module-list-item:active {
-      background-color: #f2f2f2; }
-    .awd-module-list .module-list-item[aria-selected="true"] {
-      background-color: #f2f2f2; }
-  
-  .module-list-item {
-    cursor: pointer;
-    overflow: hidden;
-    position: relative;
-    overflow: ellipsis;
-    white-space: nowrap;
-    z-index: 1000;
-    color: #191919;
-    display: flex; }
-    .module-list-item:last-of-type .module-data {
-      border-bottom: none; }
-    .module-list-item img + span.module-data {
-      padding-left: 45px; }
-  
-  .module-groups:first-of-type .module-list-item:last-of-type .module-data {
-    border-bottom: 1px solid #959595; }
-  
-  .module-groupitem {
-    padding-bottom: 4px; }
-  
-  .selectorModule.large {
-    height: 72px;
-    vertical-align: middle;
-    text-align: left; }
-    .selectorModule.large .moduleWrapper {
-      top: 71px; }
-    .selectorModule.large input {
-      height: 72px;
-      vertical-align: middle;
-      text-align: left; }
-    .selectorModule.large button {
-      height: 72px;
-      vertical-align: middle;
-      text-align: left; }
-    .selectorModule.large .selectModule img {
-      left: 15px;
-      top: 21px; }
-  
-  ul.module-groupitem li {
-    margin: 0 -15px 0 -15px; }
-  
-  span.module-data span {
-    display: block;
-    line-height: 20px;
-    font-size: 1.5rem; }
-  
-  li.module-groups {
-    cursor: default !important;
-    padding: 18px 15px 0px 15px; }
-  
-  li.module-list-item[selected]:before {
-    box-sizing: border-box;
-    display: inline-block;
-    font-size: 2em;
-    height: 1em;
-    position: absolute;
-    top: 20px;
-    right: 0px;
-    vertical-align: middle;
-    width: 1em;
-    color: #007a3e; }
-  
-  ul.module-optinalcta {
-    position: relative;
-    height: 44px;
-    margin-top: 0px;
-    border-bottom: 1px solid #d2d2d2;
-    border-left: 1px solid #d2d2d2;
-    border-right: 1px solid #d2d2d2;
-    border-radius: 0px 0px 6px 6px; }
-    ul.module-optinalcta li {
-      position: absolute;
-      bottom: 10px; }
-    ul.module-optinalcta a {
-      text-indent: 15px;
-      padding: 15px; }
-  
-  .b2b-slider-container {
-    position: relative; }
-    .b2b-slider-container.slider-disabled {
-      cursor: not-allowed !important; }
-    .b2b-slider-container div {
-      position: absolute; }
-    .b2b-slider-container .slider-track-container {
-      width: 100%;
-      cursor: pointer; }
-    .b2b-slider-container .slider-track {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px;
-      border: 1px solid #cccccc; }
-    .b2b-slider-container .slider-track-fill {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px;
-      width: 0;
-      background-color: #157BB2;
-      transition: width 0s linear;
-      border: 1px solid #cccccc; }
-    .b2b-slider-container .slider-knob-container {
-      transition: left 0s linear; }
-      .b2b-slider-container .slider-knob-container.slider-knob-hidden {
-        display: none !important; }
-    .b2b-slider-container .slider-knob {
-      width: 14px;
-      height: 14px;
-      border-radius: 10px;
-      top: -4px;
-      left: -8px;
-      border: 1px solid #cccccc;
-      background: white;
-      cursor: pointer; }
-      .b2b-slider-container .slider-knob:focus {
-        outline: thin dotted #666; }
-  
-  .b2b-slider-endpoints-container {
-    margin-top: 13px;
-    color: #333;
-    font-size: 12px; }
-    .b2b-slider-endpoints-container .b2b-slider-endpoints-left {
-      float: left;
-      line-height: 100%; }
-    .b2b-slider-endpoints-container .b2b-slider-endpoints-right {
-      float: right;
-      line-height: 100%; }
-    .b2b-slider-endpoints-container::after {
-      clear: both;
-      content: "";
-      display: block; }
-  
-  .b2b-slider-container.vertical {
-    width: 100%;
-    height: 100%;
-    margin: 0 auto;
-    position: relative;
-    border-radius: 10px; }
-    .b2b-slider-container.vertical .slider-track-container {
-      position: relative;
-      height: 100%; }
-    .b2b-slider-container.vertical .slider-track {
-      position: absolute;
-      height: 100%; }
-    .b2b-slider-container.vertical .slider-track-fill {
-      position: absolute;
-      bottom: 0;
-      height: 0;
-      width: 100%; }
-    .b2b-slider-container.vertical .slider-knob-container {
-      transition: bottom 0s linear;
-      position: relative;
-      bottom: 0; }
-      .b2b-slider-container.vertical .slider-knob-container.slider-knob-hidden {
-        display: none !important; }
-    .b2b-slider-container.vertical .slider-knob {
-      position: absolute;
-      border-radius: 10px;
-      top: -7px;
-      left: -4px; }
-  
-  .icon-primary-spinner {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20id%3D%22svg-spinner%22%20x%3D%220px%22%20y%3D%220px%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%20%3Cpath%20fill%3D%22%23F5F5F5%22%20d%3D%22M18%2036C8.1%2036%200%2027.9%200%2018S8.1%200%2018%200s18%208.1%2018%2018-8.1%2018-18%2018zm0-31.5c-7.5%200-13.5%206-13.5%2013.5S10.6%2031.5%2018%2031.5c7.5%200%2013.5-6.1%2013.5-13.5%200-7.5-6-13.5-13.5-13.5z%22%2F%3E%0A%20%20%20%3Cpath%20fill%3D%22%230568AE%22%20id%3D%22spinner%22%20d%3D%22M30.7%205.3l-3.1%203.2c2.4%202.4%203.9%205.8%203.9%209.5%200%207.4-6.1%2013.5-13.5%2013.5S4.5%2025.4%204.5%2018%2010.6%204.5%2018%204.5V0C8.1%200%200%208.1%200%2018s8.1%2018%2018%2018%2018-8.1%2018-18c0-5-2-9.5-5.3-12.7z%22%3E%0A%20%20%20%20%20%20%3CanimateTransform%20%0A%20%20%20%20%20%20%20%20%20attributeType%3D%22xml%22%0A%20%20%20%20%20%20%20%20%20attributeName%3D%22transform%22%0A%20%20%20%20%20%20%20%20%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20%20from%3D%220%2018%2018%22%0A%20%20%20%20%20%20%20%20%20to%3D%22360%2018%2018%22%0A%20%20%20%20%20%20%20%20%20dur%3D%221.0s%22%0A%20%20%20%20%20%20%20%20%20repeatCount%3D%22indefinite%22%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
-    height: 50px;
-    width: 50px; }
-  
-  .icon-primary-spinner.small {
-    margin-right: 5px;
-    height: 30px !important;
-    width: 30px !important; }
-  
-  .isIE .icon-primary-spinner,
-  .isIE .icon-primary-spinner.small {
-    animation: spinner 1s linear infinite; }
-  
-  .ds2-no-colors .icon-primary-spinner {
-    animation: spinner 1s linear infinite;
-    border: 5px dotted transparent;
-    border-radius: 50%; }
-  
-  @keyframes spinner {
-    0% {
-      transform: rotate(0deg); }
-    100% {
-      transform: rotate(359deg); } }
-  
-  .b2b-status-tracker > .btn-arrow:nth-of-type(1) {
-    margin-right: 10px; }
-  
-  .b2b-status-tracker > .btn-arrow:nth-of-type(2) {
-    margin-left: 20px; }
-  
-  .b2b-status-tracker > .btn-arrow {
-    height: 20px;
-    margin-top: 25px;
-    overflow: visible; }
-    .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-left {
-      margin-right: 5px;
-      color: #0574ac; }
-    .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-right {
-      color: #0574ac; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step {
-    padding: 0;
-    position: relative; }
-  
-  .b2b-status-tracker-step {
-    margin-left: 5px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step .b2b-status-tracker-heading {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #191919;
-    margin-bottom: 10px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.complete > .progress > .progress-bar {
-    width: 100%;
-    background-color: #1b7e28; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.complete .icoControls-approval {
-    color: #1b7e28; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.current > .progress > .progress-bar {
-    width: 100%;
-    background-color: #333333; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.current .icon-misc-time {
-    color: #333333; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.pending > .progress > .progress-bar {
-    width: 100%;
-    background-color: #ffb81c; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.pending .icoControls-statusokay {
-    color: #ffb81c; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.actionRequired > .progress > .progress-bar {
-    width: 100%;
-    background-color: #cf2a2a; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.actionRequired .icoSecurityalerts-alert {
-    color: #cf2a2a; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.notAvailable > .progress > .progress-bar {
-    width: 100%;
-    background-color: #767676; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.notAvailable .icoControls-restricted {
-    color: #767676; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step > .progress {
-    position: relative;
-    border-radius: 1.5px;
-    height: 3px;
-    margin-bottom: 10px;
-    background-color: #c5c5c5; }
-    .b2b-status-tracker > .b2b-status-tracker-step > .progress > .progress-bar {
-      width: 0;
-      height: 3px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-estimate {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #191919;
-    margin-bottom: 10px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 12px;
-    color: #767676;
-    padding-right: 15px; }
-    .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description a {
-      cursor: pointer; }
-  
-  .step-indicator {
-    height: auto;
-    padding: 40px 0; }
-  
-  .step-heading {
-    color: #333333;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 3.8rem;
-    line-height: 0.8; }
-  
-  .steps {
-    display: flex;
-    height: 5px;
-    margin-top: 60px;
-    position: relative; }
-  
-  .steps li {
-    color: #5a5a5a;
-    flex: 1;
-    margin-right: 5px;
-    background-color: #c4c4c4;
-    outline: 1px solid transparent; }
-  
-  .steps li:first-child {
-    border-radius: 4px 0 0 4px; }
-  
-  .steps li:last-child {
-    margin-right: 0;
-    border-radius: 0 4px 4px 0; }
-  
-  .steps li.step-on,
-  .steps li.step-done {
-    background-color: #007a3e;
-    color: #007a3e;
-    border: 1px solid transparent; }
-  
-  .step-text {
-    bottom: 29px;
-    display: inline-block;
-    font-size: 1.8rem;
-    margin-top: 0;
-    position: relative;
-    white-space: nowrap; }
-  
-  .step-on .step-text {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .steps li .step-text[data-large-text]:before {
-    content: attr(data-large-text) " "; }
-  
-  .step-confirmation {
-    color: #007a3e;
-    margin-bottom: 30px; }
-  
-  .step-confirmation > div {
-    display: flex; }
-  
-  .step-confirmation > div i {
-    color: #007a3e;
-    font-size: 50px;
-    margin-right: 10px; }
-  
-  .step-confirmation.centered > div i {
-    margin-left: -60px; }
-  
-  .step-confirmation > div h3 {
-    font-size: 2.4rem;
-    margin: 26px 0 20px; }
-  
-  .step-confirmation > p {
-    margin: 0; }
-  
-  @media (max-width: 1024px) {
-    .step-indicator {
-      padding: 25px 0; }
-    .steps {
-      margin-top: 0; }
-    .step-heading {
-      font-size: 2.4rem;
-      margin-bottom: 11px; }
-    .step-text {
-      display: none; }
-    .step-on .step-text {
-      bottom: 6px;
-      display: block;
-      font-size: 1.2rem;
-      left: 0;
-      line-height: 1;
-      margin-top: 10px;
-      position: absolute;
-      top: 4px; }
-    .steps li .step-text[data-sm-text]:before {
-      content: attr(data-sm-text) " ";
-      color: #333333; }
-    .step-confirmation {
-      margin-top: 30px !important; } }
-  
-  @media (max-width: 767px) {
-    .step-confirmation.centered > div i {
-      margin-left: 0; }
-    .step-confirmation.centered > p {
-      margin-left: 40px; }
-    .step-confirmation > div h3 {
-      font-size: 1.8rem;
-      margin: 13px 0 10px; }
-    .step-confirmation > div i {
-      font-size: 30px;
-      margin-right: 10px; } }
-  
-  .step-indicator.vertical {
-    height: auto; }
-  
-  .vertical .step-heading {
-    font-size: 24px; }
-  
-  .vertical .steps {
-    display: block;
-    height: inherit;
-    width: 100%; }
-  
-  .vertical .steps li {
-    align-items: center;
-    background-color: transparent;
-    display: flex;
-    height: 60px;
-    margin: 0 0 4px;
-    padding: 0 0 0 20px;
-    position: relative; }
-  
-  .vertical .steps li .step-text {
-    align-self: center;
-    color: #0568ae;
-    display: block;
-    margin: 0;
-    position: relative;
-    font-size: 14px;
-    top: 0; }
-  
-  .vertical .steps li .step-text[data-large-text]:before {
-    content: attr(data-large-text) " "; }
-  
-  .vertical .steps li:after {
-    background-color: transparent;
-    border-left: 4px solid #d2d2d2;
-    content: "";
-    height: 60px;
-    left: 0;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    top: 0;
-    width: 4px; }
-  
-  .vertical .steps li.step-on:after,
-  .vertical .steps li.step-done:after {
-    border-color: #0568ae; }
-  
-  .b2b-step-tracker {
-    height: auto;
-    padding: 0px 0px 0px 0px; }
-    .b2b-step-tracker .btn.btn-left {
-      margin-right: 10px; }
-    .b2b-step-tracker .btn.btn-right {
-      margin-left: 5px; }
-    .b2b-step-tracker .b2b-left-arrow {
-      float: left;
-      margin-top: -5px; }
-    .b2b-step-tracker .b2b-right-arrow {
-      float: right;
-      margin-top: -5px; }
-    .b2b-step-tracker .b2b-steps {
-      display: flex;
-      height: 5px;
-      margin-top: 30px;
-      position: relative; }
-      .b2b-step-tracker .b2b-steps li {
-        color: #767676;
-        flex: 1;
-        margin-right: 5px;
-        background-color: #767676;
-        outline: 1px solid transparent;
-        height: 3px; }
-        .b2b-step-tracker .b2b-steps li.b2b-step-done {
-          background-color: #1b7e28;
-          color: #007a3e;
-          height: 3px; }
-        .b2b-step-tracker .b2b-steps li.b2b-step-on {
-          background-color: #333333;
-          color: #333333;
-          height: 3px;
-          font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text {
-          bottom: 29px;
-          display: inline-block;
-          font-size: 14px;
-          margin-top: 0;
-          position: relative;
-          white-space: nowrap; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text[data-large-text]:before {
-          content: attr(data-large-text) " "; }
-      .b2b-step-tracker .b2b-steps li:first-child {
-        border-radius: 2px 0 0 2px; }
-      .b2b-step-tracker .b2b-steps li:last-child {
-        margin-right: 0;
-        border-radius: 0 2px 2px 0; }
-  
-  @media (max-width: 1024px) {
-    .b2b-step-tracker {
-      padding: 25px 0; }
-      .b2b-step-tracker .b2b-steps {
-        margin-top: 0; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text {
-          display: none; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text[data-sm-text]:before {
-          content: attr(data-sm-text) " ";
-          color: #333333; }
-        .b2b-step-tracker .b2b-steps li.b2b-step-on .b2b-step-text {
-          bottom: 6px;
-          display: block;
-          font-size: 10px;
-          left: 0;
-          line-height: 1;
-          margin-top: 10px;
-          position: absolute;
-          top: 4px; } }
-  
-  .strength-meter-container {
-    height: 26px;
-    max-width: 450px; }
-  
-  .strength-meter-gauge {
-    border-radius: 2px;
-    background-color: #d2d2d2;
-    height: 5px;
-    display: block;
-    position: relative;
-    outline: 1px solid transparent; }
-  
-  .strength-meter-gauge-fill {
-    height: 100%;
-    display: block;
-    border-radius: 2px;
-    text-indent: -9999px;
-    width: 0%;
-    border: 2px solid transparent; }
-  
-  .strength-meter-gauge-fill.strength-meter-animate {
-    transition: width 0.5s linear, background-color 0.5s linear; }
-  
-  .strength-meter-animate[style*="20"] {
-    background-color: #cf2a2a; }
-  
-  .strength-meter-animate[style*="20"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Unacceptable"; }
-  
-  .strength-meter-animate[style*="40"] {
-    background-color: #ea7400; }
-  
-  .strength-meter-animate[style*="40"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Weak"; }
-  
-  .strength-meter-animate[style*="60"] {
-    background-color: #ea7400; }
-  
-  .strength-meter-animate[style*="60"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Fair"; }
-  
-  .strength-meter-animate[style*="80"] {
-    background-color: #007a3e; }
-  
-  .strength-meter-animate[style*="80"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Good"; }
-  
-  .strength-meter-animate[style*="100"] {
-    background-color: #007a3e; }
-  
-  .strength-meter-animate[style*="100"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Excellent"; }
-  
-  .strength-meter-divider {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    display: flex;
-    overflow: hidden; }
-  
-  .strength-meter-divider span {
-    background: transparent;
-    display: block;
-    flex-grow: 1;
-    border-right: solid 1px #fff; }
-  
-  .strength-meter-divider span:first-child {
-    border-radius: 2px 0 0 2px; }
-  
-  .strength-meter-divider span + .strength-meter-divider span {
-    border-radius: 0; }
-  
-  .strength-meter-divider span:last-child {
-    border-radius: 0 2px 2px 0;
-    border-right: 0; }
-  
-  .strength-meter-content {
-    font-size: 14px;
-    line-height: 1;
-    padding-top: 7px;
-    position: absolute; }
-  
-  .strength-meter-content:before {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    content: "Password strength: "; }
-  
-  .strength-meter-content:after {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .strength-meter-container {
-    height: 26px;
-    min-width: 290px;
-    max-width: 450px; }
-  
-  .strength-meter-container .strength-meter-gauge {
-    border-radius: 2px;
-    background-color: #cccccc;
-    box-shadow: 0 1px 1px -1px #333 inset;
-    height: 5px;
-    display: block;
-    overflow: hidden;
-    position: relative; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill {
-    height: 100%;
-    box-shadow: 0 1px 1px -1px #999 inset;
-    display: block;
-    text-indent: -9999px;
-    width: 0%; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill.strength-meter-animate {
-    transition: width 0ms ease-out, background-color 0ms ease-in; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-divider {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    display: flex; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-divider span {
-    background: transparent;
-    display: block;
-    flex-grow: 1;
-    border-right: solid 1px #fff; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-divider span:last-child {
-    border-right: 0; }
-  
-  .strength-meter-container > .strength-meter-content {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    line-height: 1;
-    padding-top: 7px; }
-  
-  .strength-meter-container > .strength-meter-content:before {
-    content: none; }
-  
-  .strength-meter-container > .strength-meter-content > .strength-meter-content-state {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .btn-switch-label {
-    display: flex;
-    align-items: center; }
-    .btn-switch-label:focus .btn-switch {
-      outline: 1px dotted #666;
-      outline-offset: 5px; }
-    .btn-switch-label input:focus .btn-switch {
-      outline: 1px dotted #666;
-      outline-offset: 5px; }
-    .btn-switch-label > span {
-      flex: 1; }
-  
-  .btn-switch {
-    background-color: #fff;
-    border: 1px solid #d2d2d2;
-    border-radius: 16px;
-    box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.15) inset, 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    height: 32px;
-    overflow: hidden;
-    position: relative;
-    width: 80px;
-    user-select: none; }
-    .btn-switch input[type="checkbox"] {
-      left: 0;
-      margin: 0;
-      opacity: 0;
-      position: absolute;
-      top: 0;
-      transition: none; }
-      .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on .activo {
-        font: 0px/0 "Omnes-ECOMP-W02", Arial; }
-      .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on + .btn + .btn-slider-off .inactivo {
-        font: 0px/0 "Omnes-ECOMP-W02", Arial; }
-    .btn-switch input:checked + .switch-overlay {
-      left: 0;
-      transition: all .3s linear .0s; }
-      .btn-switch input:checked + .switch-overlay .switch-handle {
-        background-color: #007a3e;
-        background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-        transition: background-color 0.3s linear 0s;
-        border: 1px solid transparent; }
-    .btn-switch input + .switch-overlay {
-      left: -48px;
-      transition: all .3s linear .0s; }
-      .btn-switch input + .switch-overlay .switch-handle {
-        background-color: #f2f2f2;
-        background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-        transition: background-color 0.3s linear 0s;
-        border: 1px solid #d2d2d2; }
-    .btn-switch input[disabled] + .switch-overlay {
-      left: 0;
-      width: 100% !important;
-      background-color: #d2d2d2;
-      color: #959595;
-      cursor: not-allowed !important; }
-      .btn-switch input[disabled] + .switch-overlay .btn-slider-on {
-        display: none; }
-      .btn-switch input[disabled] + .switch-overlay .activo {
-        display: none; }
-      .btn-switch input[disabled] + .switch-overlay .switch-handle {
-        display: none; }
-      .btn-switch input[disabled] + .switch-overlay .btn-slider-off {
-        left: 0;
-        text-align: center;
-        padding: 0; }
-    .btn-switch input[disabled]:checked + .switch-overlay {
-      left: 0;
-      width: 100% !important;
-      background-color: #fff; }
-      .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off {
-        display: none; }
-        .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off + .inactivo {
-          display: none; }
-      .btn-switch input[disabled]:checked + .switch-overlay .switch-handle {
-        display: none; }
-      .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-on {
-        display: block;
-        text-align: center;
-        padding: 0;
-        color: #007a3e !important;
-        font-weight: bold; }
-      .btn-switch input[disabled]:checked + .switch-overlay .activo {
-        display: block;
-        text-align: center;
-        padding: 0;
-        color: #007a3e !important;
-        font-weight: bold; }
-    .btn-switch input[disabled]:checked + .btn-slider-on {
-      display: block; }
-    .btn-switch input[disabled] + .btn-slider-on + .switch-handle {
-      width: 100%;
-      margin: 0; }
-      .btn-switch input[disabled] + .btn-slider-on + .switch-handle + .btn-slider-off {
-        display: block; }
-    .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on {
-      display: none; }
-      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo {
-        border: medium none;
-        color: #666;
-        font: 16px/32px "Omnes-ECOMP-W02", Arial;
-        height: auto;
-        margin: 0 auto;
-        width: auto; }
-        .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo:before {
-          display: none; }
-      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
-        display: block;
-        padding: 0;
-        text-align: center;
-        color: #333333; }
-        .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo {
-          border: medium none;
-          color: #666;
-          font: 16px/32px "Omnes-ECOMP-W02", Arial;
-          height: auto;
-          margin: 0 auto;
-          width: auto; }
-          .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo:before {
-            display: none; }
-    .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on {
-      display: block;
-      padding: 0;
-      text-align: center;
-      color: #007a3e; }
-      .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
-        display: none; }
-    .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .activo {
-      color: #007a3e;
-      font-weight: bold; }
-  
-  .switch-overlay {
-    border-radius: 16px;
-    color: black !important;
-    font-size: 1.6rem;
-    height: 32px;
-    left: 0;
-    position: absolute;
-    top: -1px;
-    width: 126px;
-    overflow: hidden; }
-  
-  .btn-slider-on {
-    left: -1px;
-    text-align: left;
-    padding-left: 12px;
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    height: 32px;
-    line-height: 32px;
-    position: absolute;
-    top: 1px;
-    width: 80px; }
-  
-  .btn-slider-off {
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    height: 32px;
-    line-height: 32px;
-    position: absolute;
-    top: 1px;
-    width: 80px;
-    right: 1px;
-    text-align: right;
-    padding-right: 11px; }
-  
-  .switch-handle {
-    border-radius: 50%;
-    display: inline-block;
-    height: 26px;
-    left: 50px;
-    position: absolute;
-    top: 3px;
-    width: 26px; }
-  
-  .activo {
-    display: block;
-    font-size: 0.1px;
-    line-height: 40px;
-    overflow: hidden; }
-    .activo:before {
-      background-image: none;
-      border-left: 3px solid #007a3e;
-      content: " ";
-      height: 18px;
-      left: 22px;
-      margin: 2px auto;
-      position: absolute;
-      top: 5px;
-      width: 0; }
-  
-  .inactivo {
-    font-size: 0.1px;
-    line-height: 40px; }
-    .inactivo:before {
-      background-image: none;
-      border: 3px solid #959595;
-      border-radius: 100%;
-      content: " ";
-      display: block;
-      position: absolute;
-      top: 4px;
-      right: 3px;
-      height: 16px;
-      width: 16px; }
-  
-  .btn-switch.focused {
-    outline: 1px dotted #000;
-    outline-offset: 5px; }
-  
-  table {
-    max-width: 100%;
-    background-color: transparent;
-    border-collapse: collapse;
-    border-spacing: 0;
-    width: 100%;
-    margin-bottom: 20px; }
-  
-  table caption {
-    text-align: left; }
-  
-  table thead th {
-    vertical-align: bottom; }
-  
-  table th,
-  table td {
-    padding: 19px 20px;
-    line-height: 1;
-    font-size: 1.4rem;
-    text-align: left;
-    vertical-align: top;
-    word-wrap: break-word; }
-  
-  table th {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 1.6rem;
-    font-weight: normal;
-    color: #333333;
-    padding: 13px 20px; }
-  
-  table tbody td {
-    border-left: 1px solid #d2d2d2;
-    border-top: 1px solid #d2d2d2; }
-  
-  table tbody td:first-child {
-    border-left: none; }
-  
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header,
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header + .accordion-content,
-  .tiny-accordion.iconleft.accordion-table-layout .inactive-toggle-header {
-    padding: 0 0 0 50px; }
-  
-  .faux-table-cell,
-  .inactive-toggle-header .faux-table-cell {
-    display: table-cell;
-    width: 100%;
-    padding: 13px 0 10px 0;
-    font-size: 16px;
-    color: #333333; }
-  
-  .accordion-content .faux-table-cell {
-    display: table-cell;
-    width: 100%;
-    padding: 0 0 10px 0; }
-  
-  .faux-table-cell:last-child {
-    text-align: right;
-    min-width: 100px;
-    max-width: 150px;
-    width: 1%;
-    background-color: #f2f2f2;
-    color: #333333;
-    font-size: 14px;
-    border-left: 1px solid #d2d2d2;
-    padding: 0 20px 0 10px; }
-  
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
-    opacity: 1; }
-  
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
-    opacity: 0;
-    transition: opacity .3s linear .2s; }
-  
-  @media (max-width: 767px) {
-    table th,
-    table td {
-      padding: 19px 10px; }
-    table th:first-child,
-    table td:first-child {
-      padding: 19px 15px; } }
-  
-  .data-row-list ul > li {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3Argba(153%2C153%2C153%2C1)%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important; }
-  
-  table {
-    border-bottom: 1px solid #d2d2d2; }
-  
-  table th,
-  table td {
-    padding: 15px 15px 10px; }
-  
-  .data-row .col-1 {
-    white-space: nowrap;
-    padding: 15px 15px 0 15px;
-    position: relative;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem;
-    border-top: 1px solid #d2d2d2; }
-  
-  .data-row.has-button .col-1 {
-    padding: 0; }
-  
-  .complex-table .data-row .col-1 {
-    color: #0568ae;
-    cursor: pointer; }
-  
-  .data-row.opened {
-    box-shadow: 0 -2px 0 0 #d2d2d2; }
-  
-  .data-row.opened td,
-  .data-row.opened th {
-    border-left: 1px solid transparent;
-    border-bottom: 1px solid transparent; }
-  
-  .data-row.opened + .data-row-list {
-    box-shadow: 0 1px 0 0 #d2d2d2; }
-  
-  .data-row.opened + .data-row-list > td {
-    padding-top: 0; }
-  
-  .data-row.opened + .data-row-list + .data-row.opened {
-    box-shadow: 0 -1px 0 0 #d2d2d2; }
-  
-  .data-row button {
-    background-color: transparent;
-    border: medium none;
-    border-radius: 0;
-    color: #0568ae;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem;
-    left: 0;
-    margin: 0;
-    padding: 12px 15px 7px;
-    position: relative;
-    text-align: left;
-    top: 0;
-    vertical-align: middle; }
-  
-  .data-row button:focus {
-    outline: 1px dotted black; }
-  
-  .data-row .col-1 i {
-    top: -1px;
-    margin-right: 10px;
-    display: inline-block !important; }
-  
-  .data-row-list th:first-child {
-    background-color: inherit !important;
-    border-top: none;
-    padding: 0 15px 15px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem; }
-  
-  .data-row-list ul {
-    margin: 0 0 0 30px; }
-  
-  .data-row-list ul > li:before {
-    display: none; }
-  
-  .data-row-list ul > li {
-    /* background-image in tables.less */
-    background-position: left 13px;
-    background-repeat: repeat-x;
-    background-size: 4px 1px;
-    display: table;
-    padding-left: 0;
-    width: 100%; }
-  
-  .data-row-list li div {
-    display: table-cell;
-    background-color: white;
-    float: left;
-    text-align: left;
-    padding-left: 0;
-    padding-right: 7px; }
-  
-  .data-row-list li div + div {
-    float: right;
-    text-align: right;
-    padding-right: 0;
-    padding-left: 7px; }
-  
-  .complex-table td:nth-child(1),
-  .complex-table td:nth-child(2),
-  .complex-table td:nth-child(3),
-  .complex-table td:nth-child(4),
-  .complex-table td:nth-child(5),
-  .complex-table td:nth-child(6),
-  .complex-table td:nth-child(7),
-  .complex-table td:nth-child(8),
-  .complex-table td:nth-child(9) {
-    white-space: nowrap; }
-  
-  th:nth-child(8) {
-    word-wrap: break-word;
-    word-spacing: 0; }
-  
-  .align-col-right {
-    text-align: right; }
-  
-  .complex-table th:not(:first-child),
-  .complex-table td:not(:first-child) {
-    text-align: right; }
-  
-  .striped tbody > tr td {
-    background-color: transparent !important; }
-  
-  .striped tbody > tr.data-row.odd,
-  .striped tbody > tr.data-row.odd + .data-row-list,
-  .striped tbody > tr.data-row.odd + .data-row-list li div {
-    background-color: #f2f2f2 !important; }
-  
-  .striped tbody > tr:not('.data-row'):nth-child(even) {
-    background-color: #f2f2f2; }
-  
-  .b2b-table-div .selectWrap {
-    width: 290px;
-    position: relative;
-    display: inline-table;
-    margin-bottom: 0px; }
-  
-  .b2b-external-sort-div {
-    float: right;
-    padding-bottom: 25px; }
-  
-  .b2b-external-sort-div .sortButton {
-    font-size: 36px;
-    border: 1px solid #ccc;
-    background: #FFF;
-    border-radius: 6px;
-    text-align: center;
-    background: linear-gradient(#fcfcfc, #f2f2f2);
-    background-blend-mode: multiply;
-    width: 1em; }
-  
-  .b2b-external-sort-label {
-    padding-bottom: 10px; }
-  
-  .b2b-external-sort-div a:hover {
-    cursor: pointer; }
-  
-  .b2b-external-sort-div a:hover, .b2b-external-sort-div a:focus {
-    text-decoration: none; }
-  
-  .b2b-external-sort-label label {
-    position: relative; }
-  
-  .b2b-external-sort-margin {
-    margin-right: 13px !important; }
-  
-  .b2b-table-sorter-icon [class*="icoArrows-"]:before {
-    font-size: 20px; }
-  
-  @media screen and (max-width: 950px) {
-    .b2b-external-sort-margin .selectWrap {
-      bottom: 0px !important; } }
-  
-  .tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
-    background: 0 0;
-    cursor: default; }
-  
-  .tablesorter-default .tablesorter-header .tablesorter-header-inner {
-    /*  background-image: url(images/tables/upanddown.png);*/
-    background-position: center right;
-    background-repeat: no-repeat;
-    cursor: pointer;
-    white-space: normal;
-    display: inline-block;
-    vertical-align: baseline;
-    zoom: 1;
-    *display: inline;
-    *vertical-align: auto;
-    /*  padding: 0 24px 0 0;*/ }
-  
-  .tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
-    padding: 0; }
-  
-  .tablesorter-default .tablesorter-header.tablesort-sortable .tablesorter-header-inner span {
-    margin-right: 24px;
-    display: inline-block; }
-  
-  /*
-  .tablesorter-default thead .headerSortUp .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner {
-    background-image: url(images/tables/up.png);
-  }
-  
-  .tablesorter-default thead .headerSortDown .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
-    background-image: url(images/tables/down.png);
-  }
-  */
-  .tablesorter-default thead .headerSortUp .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner,
-  .tablesorter-default thead .headerSortDown .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
-    padding-right: 0;
-    line-height: 16px; }
-  
-  .tablesorter-default thead .headerSortUp .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner:after {
-    font-family: 'icoPrimary' !important;
-    speak: none;
-    font-style: normal;
-    font-size: 24px;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 14px;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
-    content: "\ea3c";
-    /*    position: relative;*/
-    position: absolute;
-    text-decoration: inherit;
-    display: inline-block;
-    transform: rotate(180deg);
-    margin-left: -22px;
-    margin-top: 2px; }
-  
-  .tablesorter-default thead .headerSortDown .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner:after {
-    font-family: 'icoPrimary' !important;
-    speak: none;
-    font-style: normal;
-    font-size: 24px;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 14px;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
-    content: "\ea3c";
-    /*    position: relative;*/
-    position: absolute;
-    text-decoration: inherit;
-    display: inline-block;
-    margin-left: -22px;
-    margin-top: 2px; }
-  
-  .tablesorter-search-highlight {
-    font-weight: 700; }
-  
-  .tablesorter-headerRow th:focus {
-    outline: thin dotted #666;
-    outline-offset: -1px; }
-  
-  .b2b-table-message {
-    font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-table-message .b2b-magnify-glass {
-      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20enable-background%3D%22new%200%200%2036%2036%22%3E%3Cpath%20d%3D%22M27.847%208.26c-1.805-1.803-4.202-2.795-6.751-2.795-2.548%200-4.945.993-6.749%202.796-1.803%201.803-2.796%204.2-2.796%206.75%200%201.879.543%203.681%201.576%205.242l-7.059%207.059c-.357.356-.554.831-.554%201.336-.001.505.196.98.554%201.337.357.356.832.552%201.336.552.503%200%20.977-.196%201.336-.553l7.047-7.048c1.576%201.062%203.402%201.622%205.309%201.622%202.55%200%204.948-.993%206.751-2.796%201.803-1.804%202.796-4.201%202.796-6.751%200-2.549-.993-4.947-2.796-6.751zm-6.761.96c3.186%200%205.778%202.592%205.778%205.778%200%203.186-2.592%205.778-5.778%205.778-3.186%200-5.778-2.592-5.778-5.778%200-3.185%202.592-5.778%205.778-5.778z%22%20fill%3D%22%23767676%22%2F%3E%3C%2Fsvg%3E");
-      background-repeat: no-repeat;
-      background-position: center;
-      height: 50px; }
-    .b2b-table-message .b2b-alert {
-      font-size: 50px; }
-    .b2b-table-message .b2b-loading-dots {
-      font-size: 50px;
-      margin-bottom: 20px; }
-    .b2b-table-message .b2b-message {
-      text-align: center;
-      padding-bottom: 45px;
-      padding-top: 40px;
-      border-style: solid;
-      border-width: 1px;
-      border-top: none;
-      padding-bottom: 45px;
-      border-color: #d2d2d2;
-      width: 100%;
-      min-height: 220px; }
-    .b2b-table-message .b2b-error-title {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #444444;
-      line-height: 26px;
-      margin-top: 10px; }
-    .b2b-table-message .b2b-message-title {
-      color: #444;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-table-scrollbar {
-    border: 1px solid;
-    width: 651px;
-    position: relative; }
-    .b2b-table-scrollbar .b2b-table-inner-container {
-      width: 650px;
-      padding-left: 150px;
-      overflow-x: scroll; }
-    .b2b-table-scrollbar th:first-child {
-      background-color: #FFFFFF; }
-    .b2b-table-scrollbar td:first-child {
-      background-color: #FFFFFF;
-      border-top: 1px solid #cccccc;
-      border-right: 1px solid #cccccc;
-      margin-top: -0.5px; }
-    .b2b-table-scrollbar tr {
-      th: nth-child(2), td; }
-      .b2b-table-scrollbar tr :nth-child(2) {
-        border-left: none; }
-    .b2b-table-scrollbar tr:last-child > td:first-child {
-      border-bottom: 1px solid #cccccc; }
-  
-  .b2b-scrollbar-arrow-left {
-    float: left;
-    margin: 10px; }
-  
-  .b2b-scrollbar-arrow-right {
-    float: right;
-    clear: right;
-    margin: 10px; }
-    .b2b-scrollbar-arrow-right.btn-arrow .btn {
-      margin-right: 0; }
-  
-  .b2b-table-scrollbar ::-webkit-scrollbar {
-    height: 10px; }
-  
-  .b2b-table-scrollbar ::-webkit-scrollbar-thumb {
-    background: #666666;
-    border-radius: 5px; }
-  
-  .tabs {
-    margin-left: 0;
-    margin-bottom: 20px;
-    list-style: none; }
-  
-  .tabs > li > a {
-    display: block; }
-  
-  .tabs > li > a:hover,
-  .tabs > li > a:focus {
-    text-decoration: none;
-    background-color: #d2d2d2; }
-  
-  .tabs > .pull-right {
-    float: right; }
-  
-  .tabs:before,
-  .tabs:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tabs:after {
-    clear: both; }
-  
-  .tabs > li {
-    float: left; }
-  
-  .tabs > li > a {
-    padding-right: 20px;
-    padding-left: 20px;
-    margin-right: 3px;
-    line-height: 16px; }
-  
-  .tabs {
-    margin: 0; }
-  
-  .tabs > li {
-    margin-bottom: -1px; }
-  
-  .tabs > li:first-child {
-    margin-left: 20px; }
-  
-  .tabs > li > a {
-    padding: 12px 20px;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px 6px 0 0;
-    background-color: #f2f2f2;
-    color: #5a5a5a;
-    border-color: #d2d2d2; }
-  
-  .tabs > li > a {
-    margin-right: 6px; }
-  
-  .tabs > li > a,
-  .tabs > li > a:hover,
-  .tabs > li > a:focus {
-    background-image: none;
-    background-color: #ffffff;
-    color: #5a5a5a;
-    border-color: #d2d2d2;
-    border-bottom: 1px solid transparent;
-    cursor: pointer; }
-  
-  .tabs.tabs-justified,
-  .tabs.promo-tabs {
-    width: 100%;
-    border-bottom: 0;
-    margin-bottom: -1px; }
-  
-  .tabs.tabs-justified > li,
-  .tabs.promo-tabs > li {
-    display: table-cell;
-    float: none;
-    width: 1%;
-    border-left: 1px solid #d2d2d2; }
-  
-  .tabs.tabs-justified > li.active,
-  .tabs.promo-tabs > li.active {
-    position: relative;
-    z-index: 1000; }
-  
-  .tabs.tabs-justified > li > a {
-    padding-right: 5px;
-    padding-left: 5px; }
-  
-  .tabs.tabs-justified > li > a,
-  .tabs.promo-tabs > li > a {
-    text-align: center; }
-  
-  .tabs.promo-tabs > li > a {
-    padding: 0;
-    margin: 0;
-    border-radius: 0;
-    border: none;
-    color: #0568ae;
-    font-size: 1.2rem;
-    text-align: center;
-    padding: 6px 10px 10px;
-    border-top: 4px solid #e6e6e6;
-    filter: none;
-    border-bottom: 1px solid #d2d2d2;
-    background-color: #f9f9f9; }
-  
-  .tabs > li:last-child > a {
-    margin-right: 0; }
-  
-  .tabs.promo-tabs > li.active > a {
-    color: #333333;
-    border-top: 4px solid #ea7400;
-    border-bottom-color: white;
-    background-color: #fff !important;
-    filter: none;
-    cursor: default; }
-  
-  .tabs.promo-tabs > li:first-child {
-    border-left: none; }
-  
-  .tabs.promo-tabs > li > a img {
-    max-width: inherit;
-    max-height: 39px;
-    margin: 0 auto 5px auto;
-    display: block; }
-  
-  .tabbable:before,
-  .tabbable:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tabbable:after {
-    clear: both; }
-  
-  .tab-content {
-    overflow: auto;
-    border: 1px solid #e6e6e6; }
-  
-  .tabs.promo-tabs + .tab-content {
-    border: none;
-    border-bottom: 1px solid #e6e6e6; }
-  
-  .tab-content > .tab-pane {
-    padding: 10px 15px; }
-  
-  .tab-content.noborder {
-    border: none; }
-  
-  .tab-content.noborder > .tab-pane {
-    padding: 0; }
-  
-  .tab-content > .tab-pane {
-    display: none; }
-  
-  .tab-content > .active {
-    display: block; }
-  
-  .tabs.promo-tabs > li > a {
-    font-size: 2.0rem;
-    height: 70px;
-    padding: 20px 20px 24px;
-    background-color: #FFFFFF;
-    border-top: 5px solid #FFFFFF;
-    white-space: nowrap; }
-  
-  .tabs.promo-tabs > li.active > a {
-    border-top: 5px solid #0574ac; }
-  
-  .tabs.promo-tabs > li > a:hover {
-    color: #333333; }
-  
-  .tabs.promo-tabs > li {
-    width: auto; }
-  
-  .tabs > li[disabled="disabled"] > a:hover {
-    cursor: not-allowed; }
-  
-  .b2b-tags {
-    background-color: #f2f2f2;
-    -webkit-transition: all .3s ease-out;
-    -moz-transition: all .3s ease-out;
-    transition: all .3s ease-out;
-    margin: 3px 5px 3px 0;
-    padding: 2px 15px;
-    border-radius: 6px;
-    border: 1px solid #c9c9c9;
-    display: inline-block; }
-    .b2b-tags .tags__item {
-      font-size: 14px;
-      vertical-align: baseline;
-      zoom: 1;
-      color: #333; }
-      .b2b-tags .tags__item i {
-        color: #0574ac;
-        font-size: 14px;
-        font-weight: bold;
-        margin-left: 10px; }
-        .b2b-tags .tags__item i:hover {
-          cursor: pointer; }
-      .b2b-tags .tags__item i:focus {
-        outline: thin dotted #666; }
-      .b2b-tags .tags__item:last-child {
-        margin-right: 0; }
-      .b2b-tags .tags__item:hover {
-        text-decoration: none; }
-      .b2b-tags .tags__item:focus {
-        outline: 1px dotted #666; }
-  
-  .tooltip-size-control {
-    display: block; }
-  
-  .tooltip {
-    display: inline-block;
-    height: 20px;
-    vertical-align: middle;
-    margin: 1px 0 0 7px; }
-  
-  p .tooltip {
-    margin: -3px 7px 0 0; }
-  
-  label .tooltip {
-    margin: 1px 0 0 7px; }
-  
-  .tooltip .icon-primary-tooltip {
-    background: none;
-    border: none;
-    display: inline-block;
-    font-size: 20px;
-    height: 20px;
-    margin: 0;
-    position: relative;
-    width: 20px; }
-  
-  .tooltip .icon-primary-tooltip:before {
-    top: 0; }
-  
-  .tooltip .icon-primary-tooltip:focus {
-    text-decoration: none;
-    outline: 1px dotted black; }
-  
-  .tooltip.active .icon-primary-tooltip:focus {
-    outline: none; }
-  
-  .tooltip .arrow {
-    display: none;
-    border-color: transparent;
-    border-style: solid;
-    background-color: #0568ae;
-    height: 20px;
-    width: 20px;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    opacity: 0;
-    transform: rotate(45deg);
-    z-index: 20; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="top"] .arrow {
-    display: block;
-    bottom: 32px;
-    top: auto;
-    border-width: 0 1px 1px 0; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="bottom"] .arrow {
-    border-width: 1px 0 0 1px;
-    display: block;
-    bottom: -33px;
-    top: auto; }
-  
-  .tooltip.active .arrow {
-    opacity: 1; }
-  
-  .tooltip .closingtooltip {
-    display: block; }
-  
-  .tooltip.active .closingtooltip {
-    display: none; }
-  
-  .tooltip-wrapper {
-    position: absolute;
-    margin-top: 20px;
-    left: 15px;
-    right: 15px;
-    display: none;
-    opacity: 0;
-    z-index: 1010;
-    text-align: left; }
-  
-  .helpertext {
-    background-color: #0568ae;
-    border: 1px solid transparent;
-    border-radius: 6px;
-    color: #fff;
-    display: none;
-    margin: 0;
-    padding: 25px;
-    position: relative;
-    text-align: left;
-    width: 100%;
-    top: 0;
-    z-index: 1009; }
-  
-  .tooltip .helpertext {
-    position: absolute; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="bottom"] + .tooltip-wrapper .helpertext {
-    bottom: inherit;
-    top: 19px; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="top"] + .tooltip-wrapper .helpertext {
-    top: inherit;
-    bottom: 38px; }
-  
-  .tooltip.active .tooltip-wrapper {
-    opacity: 1;
-    display: block;
-    margin-top: 0; }
-  
-  .tooltip.active .tooltip-wrapper .helpertext {
-    display: block; }
-  
-  .tooltip-onclick .btn.icon-primary-tooltip {
-    border: medium none;
-    box-shadow: none;
-    color: #0568ae;
-    font-size: 20px;
-    height: 34px;
-    line-height: 36px;
-    margin: 0;
-    min-width: 50px;
-    padding: 0;
-    position: absolute;
-    right: 0;
-    top: 0; }
-  
-  .tooltip-onclick .icon-primary-tooltip:before {
-    display: inline;
-    position: relative; }
-  
-  .tooltip-onclick textarea + .reset-field + .icon-primary-tooltip {
-    top: 4px;
-    right: 5px;
-    min-width: 40px; }
-  
-  .tooltip-onclick.active .helpertext:before,
-  .tooltip-onfocus.active .helpertext:before {
-    background-color: #0568ae;
-    border-color: transparent;
-    border-style: solid;
-    border-width: 1px 1px 0 0;
-    content: "";
-    display: block;
-    height: 15px;
-    left: 17px;
-    margin: 0;
-    position: absolute;
-    top: -7px;
-    transform: rotate(-45deg);
-    width: 15px; }
-  
-  .tooltip-onclick.active .helpertext {
-    display: block;
-    opacity: 1;
-    margin: 14px 0 0; }
-  
-  .tooltip-onclick.active .helpertext:before {
-    left: inherit;
-    right: 18px; }
-  
-  .tooltip-onclick .reset-field {
-    right: 37px; }
-  
-  .tooltip-onclick .reset-field:before {
-    position: relative;
-    top: -1px; }
-  
-  .tooltip-onfocus.active .helpertext {
-    display: block;
-    margin: 14px 0 10px 0; }
-  
-  .popover-title {
-    display: block;
-    font-size: 14px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: bold;
-    margin-bottom: 8px;
-    white-space: normal; }
-  
-  .popover-content {
-    display: block;
-    font-size: 12px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    line-height: 1.5rem;
-    white-space: normal; }
-  
-  .popover-content span,
-  .popover-content p {
-    line-height: 1.5rem; }
-  
-  .popover-content p:last-child {
-    margin-bottom: 0; }
-  
-  .tooltip .tooltip-element {
-    position: relative; }
-  
-  .tooltip .icon-primary-tooltip:hover {
-    text-decoration: none; }
-  
-  .tooltip.active .tooltip-element[data-placement="top"] .arrow {
-    display: block;
-    bottom: 32px;
-    top: auto; }
-  
-  .tooltip.active .tooltip-element[data-placement="bottom"] .arrow {
-    display: block;
-    border-color: transparent transparent #0574ac;
-    bottom: -33px;
-    top: auto; }
-  
-  .tooltip.active .tooltip-element[data-placement="bottom"] + .tooltip-wrapper .helpertext {
-    bottom: inherit;
-    top: 19px; }
-  
-  .tooltip.active .tooltip-element[data-placement="top"] + .tooltip-wrapper .helpertext {
-    top: inherit;
-    bottom: 38px; }
-  
-  .b2b-tree {
-    padding: 0 10px 0 10px;
-    width: 320px; }
-    .b2b-tree ul {
-      list-style: none;
-      list-style-type: none; }
-    .b2b-tree a {
-      display: block;
-      padding: 0 0 5px 30px;
-      line-height: 22px;
-      margin-left: -10px;
-      font-size: 1.4rem;
-      outline-offset: -1px; }
-    .b2b-tree li:focus {
-      outline: none; }
-      .b2b-tree li:focus > a {
-        outline: thin dotted #666;
-        outline-offset: -1px; }
-    .b2b-tree ul li {
-      border-left: 1px solid #ccc; }
-      .b2b-tree ul li .b2b-tree-tooltip {
-        display: none;
-        position: absolute;
-        top: -25px;
-        left: 100%;
-        white-space: nowrap;
-        margin-left: 10px;
-        z-index: 1010;
-        font-family: "Omnes-ECOMP-W02", Arial;
-        font-size: 12px; }
-      .b2b-tree ul li .b2b-tree-tooltip-content {
-        background-color: #0568ae;
-        margin-left: 9px;
-        border-radius: 6px;
-        color: #fff;
-        padding: 25px; }
-      .b2b-tree ul li .b2b-tree-arrow-left {
-        width: 0;
-        height: 0;
-        border-top: 10px solid transparent;
-        border-bottom: 10px solid transparent;
-        border-right: 10px solid #0568ae;
-        position: absolute;
-        top: 25px; }
-      .b2b-tree ul li.activeTooltip > a .b2b-tree-tooltip {
-        display: block; }
-    .b2b-tree ul ul {
-      padding: 0 0 0 20px; }
-    .b2b-tree ul > li {
-      position: relative;
-      line-height: 18px; }
-    .b2b-tree a > span.b2b-tree-node-icon {
-      background-color: #FFF;
-      display: inline;
-      margin: 0;
-      padding: 0;
-      position: absolute;
-      left: -11px;
-      top: 0;
-      line-height: 14px;
-      width: 11px; }
-      .b2b-tree a > span.b2b-tree-node-icon > i {
-        font-size: 20px; }
-    .b2b-tree a:only-child {
-      color: #0574ac; }
-      .b2b-tree a:only-child > span.b2b-tree-node-icon {
-        left: -11px;
-        border-radius: 50%;
-        line-height: 7px;
-        top: 0; }
-        .b2b-tree a:only-child > span.b2b-tree-node-icon > i {
-          background-color: inherit;
-          background: #fff; }
-    .b2b-tree a > span.b2b-tree-node-icon > i.icon-primary-circle {
-      background-color: inherit;
-      background: #fff;
-      font-size: 10px; }
-    .b2b-tree a.b2b-locked-node:after {
-      content: "\ec58";
-      float: right;
-      font-family: 'icoSecurityalerts' !important; }
-    .b2b-tree a:hover .b2b-locked-node:after {
-      text-decoration: none; }
-    .b2b-tree ul li:first-child > a:only-child > span.b2b-tree-node-icon {
-      left: -11px;
-      border-radius: 50%;
-      line-height: 12px; }
-    .b2b-tree ul li:last-child > a:only-child > span.b2b-tree-node-icon {
-      height: 27px;
-      background-color: #fff; }
-    .b2b-tree li a + ul {
-      height: 0;
-      overflow: hidden; }
-    .b2b-tree li a.active + ul {
-      height: auto;
-      overflow: visible; }
-    .b2b-tree li a.grp {
-      font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-      .b2b-tree li a.grp.active {
-        color: #333; }
-    .b2b-tree span.end {
-      left: -6px !important;
-      top: 5px !important; }
-    .b2b-tree span.first-link {
-      width: 3px !important;
-      height: 15px !important;
-      top: 0px !important;
-      left: -2px !important;
-      background: #fff; }
-  
-  .b2b-tree-checkbox {
-    padding: 0 10px 0 10px;
-    width: 320px; }
-    .b2b-tree-checkbox ul {
-      list-style: none;
-      list-style-type: none; }
-    .b2b-tree-checkbox a {
-      display: block;
-      padding: 0 0 5px 30px;
-      line-height: 22px;
-      margin-left: -10px;
-      font-size: 14px;
-      outline-offset: -1px; }
-    .b2b-tree-checkbox li:focus {
-      outline: none; }
-      .b2b-tree-checkbox li:focus > a {
-        outline: thin dotted #666;
-        outline-offset: -1px; }
-    .b2b-tree-checkbox ul li {
-      border-left: 1px solid #ccc; }
-    .b2b-tree-checkbox ul ul {
-      padding: 0 0 0 20px; }
-    .b2b-tree-checkbox ul > li {
-      position: relative;
-      line-height: 18px; }
-    .b2b-tree-checkbox a > span.nodeIcon {
-      background-color: #FFF;
-      display: inline;
-      margin: 0;
-      padding: 0;
-      position: absolute;
-      left: -11px;
-      top: 0;
-      line-height: 14px;
-      width: 11px; }
-      .b2b-tree-checkbox a > span.nodeIcon > i {
-        font-size: 20px; }
-      .b2b-tree-checkbox a > span.nodeIcon.end {
-        margin-top: 10px; }
-    .b2b-tree-checkbox a:only-child {
-      color: #0574ac; }
-      .b2b-tree-checkbox a:only-child > span.nodeIcon {
-        left: -11px;
-        border-radius: 50%;
-        line-height: 7px;
-        top: 0; }
-        .b2b-tree-checkbox a:only-child > span.nodeIcon > i {
-          background-color: inherit;
-          background: #fff; }
-    .b2b-tree-checkbox a > span.nodeIcon > i.icon-primary-circle {
-      background-color: inherit;
-      background: #fff;
-      font-size: 10px; }
-    .b2b-tree-checkbox ul li:first-child > a:only-child > span {
-      left: -11px;
-      border-radius: 50%;
-      line-height: 12px;
-      top: 0px; }
-    .b2b-tree-checkbox ul li:first-child > a:only-child > span.end {
-      margin-top: 0px; }
-    .b2b-tree-checkbox ul li:first-child > a:only-child > span i.icon-primary-circle {
-      top: 8px; }
-    .b2b-tree-checkbox ul li:last-child > a:only-child > span {
-      height: 34px;
-      background-color: #fff; }
-    .b2b-tree-checkbox li a + ul {
-      height: 0;
-      overflow: hidden; }
-    .b2b-tree-checkbox li a.active + ul {
-      height: auto; }
-    .b2b-tree-checkbox li a.grp {
-      font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-    .b2b-tree-checkbox span.end {
-      left: -6px !important; }
-    .b2b-tree-checkbox .checkbox {
-      margin-bottom: 0px;
-      margin-top: 2px;
-      font-size: 14px; }
-      .b2b-tree-checkbox .checkbox input:indeterminate + .skin:after {
-        content: "\2014";
-        padding-left: 2px;
-        font-family: inherit !important;
-        line-height: inherit !important; }
-    .b2b-tree-checkbox span.first-link {
-      width: 3px !important;
-      height: 15px !important;
-      top: 0px !important;
-      left: -2px !important;
-      background: #fff; }
-  
-  .b2b-widget-window {
-    width: 147px;
-    right: 5px;
-    top: 60px;
-    position: absolute;
-    border: 1px solid #ccc;
-    background-color: #fff;
-    border-radius: 8px;
-    z-index: 1000; }
-    .b2b-widget-window li {
-      margin: 15px; }
-  
-  .b2b-widget-container {
-    background-color: #fff;
-    border-radius: 8px;
-    border: 1px solid #ccc;
-    position: relative; }
-    .b2b-widget-container .b2b-widget-header {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #333;
-      height: 55px;
-      padding-left: 15px;
-      padding-top: 19px; }
-      .b2b-widget-container .b2b-widget-header .header {
-        font-size: 18px; }
-    .b2b-widget-container .b2b-widget-header-icons {
-      font-size: 16px;
-      color: #0574ac; }
-  
-  .b2b-widget-header-icons button {
-    border: none;
-    background: transparent;
-    color: #0574ac; }
-    .b2b-widget-header-icons button:focus {
-      outline-style: solid;
-      outline-width: 1px;
-      outline-color: #0574ac; }
-    .b2b-widget-header-icons button:first-child {
-      margin-right: 0px; }
-  
-  .b2b-widget-container .b2b-widget-content {
-    height: 325px;
-    margin: 0;
-    padding: 20px;
-    position: relative;
-    border-top: 1px solid #ccc; }
-  
-  .b2b-widget-content .form-row:first-child {
-    margin-top: 0; }
-  
-  .b2b-widget-header-icons button.icoControls-gear:focus, .b2b-widget-header-icons button.icon-primary-close:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-widget-header .icon-primary-close:before {
-    content: '-';
-    display: inline-block;
-    margin: 0;
-    padding: 0;
-    outline: none; }
-  
-  .b2b-widget-window .arrow_box {
-    background: #fff;
-    border: 1px solid #ccc; }
-  
-  .b2b-widget-window.arrow_box:after, .b2b-widget-window.arrow_box:before {
-    bottom: 100%;
-    left: 75%;
-    border: solid transparent;
-    content: " ";
-    height: 0;
-    width: 0;
-    position: absolute;
-    pointer-events: none; }
-  
-  .b2b-widget-window.arrow_box:after {
-    border-color: rgba(255, 255, 255, 0);
-    border-bottom-color: #fff;
-    border-width: 10px;
-    margin-left: 1px; }
-  
-  .b2b-widget-window.arrow_box:before {
-    border-color: rgba(204, 204, 204, 0);
-    border-bottom-color: #ccc;
-    border-width: 11px;
-    margin-left: 0px; }
-  
-  /************************** Overrides for Filters ***************************/
-  .filter-container .filter-header h2 {
-    line-height: 1 !important;
-    margin: 0 !important; }
-  
-  .filter-container .icon-primary-spinner:before {
-    content: none; }
-  
-  .filter-container .fixed-230-subnav {
-    margin: 10px !important;
-    width: inherit !important; }
-  
-  .filter-container .unlinked:focus {
-    outline: thin dotted #666 !important; }
-  
-  .filter-container .unlinked.active {
-    color: inherit !important; }
-  
-  .filter-container .fixed-230-subnav a > i {
-    background: none; }
-  
-  .filter-container .fixed-230-subnav ul {
-    margin: 0 0 10px 10px; }
-  
-  /************************** Overrides for Filters ***************************/
-  .row .filter-container {
-    background-color: #fff; }
-  
-  .filter-header {
-    overflow: hidden;
-    padding: 20px 0;
-    position: relative; }
-  
-  .filter-header h2 {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 2.4rem;
-    margin-bottom: 0; }
-  
-  .filter-selected {
-    border-top: 1px solid #ccc;
-    padding-top: 20px; }
-  
-  .filter-selected > span {
-    font-size: 1.3rem;
-    text-transform: uppercase; }
-  
-  .filter-selected > a.clear-all-filters {
-    float: right;
-    font-size: 1.4rem; }
-  
-  .filter-selected > span,
-  .filter-selected > a.clear-all-filters {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .filter-selected-group {
-    padding-top: 15px; }
-  
-  .filter-selected-badge {
-    background-color: #f2f2f2;
-    border-radius: 15px;
-    display: inline-block;
-    font-size: 1.4rem;
-    margin-bottom: 10px;
-    padding: 0 0 0 12px; }
-  
-  .filter-selected-badge .icoControls-optionsoff {
-    background: transparent none repeat scroll 0 0;
-    border: medium none;
-    font-size: 2.5em;
-    margin: 0;
-    padding: 0; }
-  
-  .filters .fixed-230-subnav > ng-transclude > div:first-child {
-    border-top: 1px solid #ccc; }
-  
-  .filters .fixed-230-subnav > ng-transclude > div {
-    border-bottom: 1px solid #ccc; }
-  
-  .filter-results {
-    align-items: center;
-    border-bottom: 1px solid #ccc;
-    display: flex;
-    flex-wrap: wrap;
-    height: 50px;
-    -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
-    justify-content: space-between; }
-  
-  .filter-results-sortby > span {
-    text-transform: uppercase; }
-  
-  .filter-results-view .icon-primary-content-gridguide {
-    font-size: 2em;
-    margin-right: 0; }
-  
-  .filter-container .fixed-230-subnav > ng-transclude > div > a {
-    font-size: 1.8rem;
-    margin: 0;
-    padding: 15px 20px 15px 0;
-    color: #0574ac !important;
-    cursor: pointer !important;
-    font-family: "Omnes-ECOMP-W02", Arial !important;
-    outline-offset: inherit !important;
-    position: relative;
-    height: auto;
-    width: auto; }
-  
-  .filter-container .fixed-230-subnav a > i {
-    right: 0;
-    top: 15px; }
-  
-  .filter-container .fixed-230-subnav .icon-primary-collapsed:before, .filter-container .fixed-230-subnav .icon-primary-expanded:before {
-    float: right; }
-  
-  .filter-container .fixed-230-subnav ul.collapse {
-    position: inherit;
-    transition: height 0.5s ease;
-    height: 0;
-    overflow: hidden; }
-  
-  .filter-container .checkbox .icon-primary-spinner {
-    height: 24px;
-    position: absolute;
-    width: 24px; }
-  
-  .fixed-230-subnav.affix {
-    margin: -28px 0 0; }
-  
-  #nav-menu .b2b-menu,
-  #nav-menu .fixed-230-subnav {
-    margin: 0; }
-  
-  .b2b-menu > li,
-  .fixed-230-subnav > div {
-    border-bottom: 1px solid #ccc;
-    line-height: 4.0rem; }
-  
-  .b2b-menu > li:first-child,
-  .fixed-230-subnav > li:first-child {
-    border-top: 1px solid #ccc; }
-  
-  .b2b-menu div > a,
-  .fixed-230-subnav div > a {
-    color: #0574ac;
-    cursor: pointer;
-    display: block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem;
-    margin: 0;
-    outline-offset: -1px;
-    padding: 0 10px;
-    position: relative; }
-  
-  .fixed-230-subnav div > a.live {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #666; }
-  
-  .fixed-230-subnav > ng-transclude > div li > a {
-    display: block;
-    font-size: 1.4rem;
-    line-height: 20px; }
-  
-  .fixed-230-subnav > ng-transclude > div li > a.active {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    text-decoration: none;
-    color: #666; }
-  
-  #nav-menu .fixed-230-subnav a > i {
-    top: 10px; }
-  
-  .fixed-230-subnav > li > a.active > i:after {
-    display: none; }
-  
-  .b2b-menu ul,
-  .fixed-230-subnav ul {
-    margin: 0 0 10px 0; }
-  
-  .b2b-menu ul div a,
-  .fixed-230-subnav ul div a {
-    padding: 0 10px; }
-  
-  .unlinked {
-    outline: medium none !important;
-    text-decoration: none !important; }
-  
-  @media (max-width: 1024px) {
-    .filter-container .fixed-230-subnav {
-      margin: 0 20px;
-      width: auto; }
-    .filter-container .fixed-230-subnav > li {
-      margin: 0; }
-    .row .filter-container {
-      display: none;
-      height: 100%;
-      left: 0;
-      position: fixed;
-      overflow: auto;
-      top: 0;
-      transition: all 0.5s ease 0s;
-      width: 285px;
-      z-index: 9999; }
-    .filter-header {
-      padding-left: 20px; }
-    .filter-selected {
-      margin: 0 20px 10px; } }
-  
-  .b2b-pane-selector-wrapper {
-    width: 100%;
-    display: block;
-    border-top: solid 1px #ccc;
-    border-bottom: solid 1px #ccc; }
-    .b2b-pane-selector-wrapper .side-nav {
-      width: 20% !important;
-      display: inline-block;
-      float: left; }
-    .b2b-pane-selector-wrapper .pane-container {
-      width: 80%;
-      vertical-align: top;
-      margin: 0;
-      padding-top: 30px;
-      border-left: solid 1px #ccc;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      display: none; }
-      .b2b-pane-selector-wrapper .pane-container.active {
-        display: inline-block; }
-      .b2b-pane-selector-wrapper .pane-container .pane-container-top {
-        padding-left: 15px; }
-      .b2b-pane-selector-wrapper .pane-container .panes {
-        display: -webkit-flex;
-        display: flex;
-        border-top: solid 1px #ccc;
-        margin-top: 30px; }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block {
-          height: inherit;
-          overflow-y: auto;
-          border-right: solid 1px #ccc;
-          position: relative;
-          flex: 1;
-          -webkit-flex: 1;
-          /* Safari 6.1+ */
-          -ms-flex: 1;
-          /* IE 10 */ }
-          .b2b-pane-selector-wrapper .pane-container .panes div.pane-block:focus {
-            outline: dotted 1px #333333; }
-      .b2b-pane-selector-wrapper .pane-container .search-block {
-        position: relative;
-        float: right; }
-        .b2b-pane-selector-wrapper .pane-container .search-block input[type="search"]:focus {
-          padding-right: 40px; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row p {
-        margin-top: 15px; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div {
-        border-bottom: solid 1px #ccc; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row {
-        display: block;
-        padding: 19px 14px 19px 14px;
-        margin-top: 0px;
-        border: dotted 1px transparent;
-        border-bottom: solid 1px #ccc; }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:focus {
-          border: dotted 1px #333333 !important; }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:last-child {
-          border-bottom: none; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block > .no-content {
-        text-align: center;
-        border-bottom: none;
-        display: block;
-        position: absolute;
-        top: 45%;
-        left: 0;
-        right: 0; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div:last-child {
-        border-bottom: none; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row span.margin-chk {
-        margin: 15px 15px 0px 15px;
-        float: left; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row .checkbox-selectall {
-        margin: 0px 0 0 24px !important; }
-    .b2b-pane-selector-wrapper .side-nav li {
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      border: none;
-      border-top: solid 1px #ccc;
-      display: block !important;
-      width: auto !important;
-      margin-left: 0px !important; }
-      .b2b-pane-selector-wrapper .side-nav li.active {
-        background-color: #f6f6f6;
-        position: inherit !important; }
-        .b2b-pane-selector-wrapper .side-nav li.active > a {
-          font-size: 16px;
-          color: #333;
-          text-decoration: none;
-          border: none;
-          background-color: transparent;
-          padding: 20px 15px;
-          display: block;
-          height: auto;
-          border-left: 4px solid #0574ac; }
-      .b2b-pane-selector-wrapper .side-nav li > a {
-        font-size: 16px;
-        color: #333;
-        text-decoration: none;
-        border: none;
-        background-color: transparent;
-        padding: 20px 15px;
-        display: block;
-        height: auto;
-        text-align: left; }
-      .b2b-pane-selector-wrapper .side-nav li > a:focus {
-        border-right: dotted 1px #333333; }
-      .b2b-pane-selector-wrapper .side-nav li:first-child {
-        border-top: none;
-        margin-left: none !important; }
-  /********************* Utility CSS Starts **********************/
-  .offscreen-text {
-    position: absolute;
-    left: -10000px;
-    top: auto;
-    width: 1px;
-    height: 1px;
-    overflow: hidden; }
-  
-  /********************* Utility CSS Ends **********************/
-  /* Fix for alignment issue on Cancel link inside modal */
-  .modal-footer > .cta-button-group {
-    line-height: 40px; }
-  
-  /* .att-dark-green { // Not used
-    color: #007a3e;
-  } */
-  .colors-off-msg {
-    display: none; }
-  
-  button .colors-off-msg {
-    position: relative; }
-  
-  .ds2-no-colors .colors-off-msg {
-    display: block; }
-  
-  .ds2-no-colors [data-colordatatext] button .colors-off-msg {
-    font-size: 1.1rem;
-    line-height: normal;
-    padding: 5px 0;
-    position: absolute;
-    top: 0;
-    white-space: normal;
-    width: 60px; }
-  
-  /* Not used
-  .make-all-white * {
-    color: #fff;
-  }
-  .make-all-white a {
-    text-decoration: underline;
-  } */
-  .loader > span {
-    display: block;
-    padding-top: 20px; }
-  
-  .modal > .loader {
-    left: 50%;
-    margin-left: -25px;
-    margin-top: -25px;
-    position: absolute;
-    top: 50%; }
-  
-  #pageLevelLoader.modal {
-    background-color: transparent;
-    border: none;
-    box-shadow: none;
-    top: 40%; }
-  
-  .modal.fade .loader {
-    display: none; }
-  
-  .modal.fade.in .loader {
-    display: block; }
-  
-  .btn.disabled[data-loading-text] {
-    padding: 0 19px 0 18px;
-    line-height: 46px; }
-  
-  .btn.disabled[data-loading-text] img {
-    position: relative;
-    top: 2px; }
-  
-  /*  Seems to already be in docs.css
-  .fixed-230.leftnav {
-    position: relative;
-  }
-  .fixed-230-subnav {
-    margin: 10px;
-  }
-  .fixed-230-subnav > li:first-child {
-    border-top: none;
-  }
-  .fixed-230-subnav > li {
-    border-bottom: 1px solid #d2d2d2;
-  }
-  .fixed-230-subnav > li > a {
-    display: block;
-    font-size: 1.4rem;
-    line-height: normal;
-    margin: 0 -9px;
-    padding: 11px 35px 12px 9px;
-    outline-offset: 0;
-    position: relative;
-  }
-  .fixed-230-subnav > li > a.live {
-    color: #333333;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  }
-  .fixed-230-subnav a > i {
-    right: 10px;
-    margin: 0;
-    position: absolute;
-    top: 10px;
-  }
-  .fixed-230-subnav a > i:after {
-    display: none;
-  }
-  .fixed-230-subnav > li li > a {
-    display: block;
-    font-size: 1.4rem;
-    line-height: 18px;
-  }
-  .fixed-230-subnav > li li > a.active {
-    color: #333333;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    text-decoration: none;
-  }
-  .fixed-230-subnav ul {
-    margin: 0 0 10px;
-  } */
-  .unlinked {
-    color: #0568ae !important;
-    font-family: "Omnes-ECOMP-W02", Arial !important; }
-  
-  .unlinked.active {
-    color: inherit !important; }
-  
-  /* @media (max-width: 767px) {
-    .row.has-leftnav {
-      flex-wrap: wrap;
-    }
-    .row.has-leftnav .fluid-space {
-      padding-right: 0;
-    }
-    .row .fixed-230 {
-      background-color: #fff;
-      width: auto;
-    }
-    .row .leftnav {
-      background-color: #fff !important;
-      display: block !important;
-    }
-    .fixed-230-subnav {
-      margin: 10px 0 0;
-      width: 100%;
-    }
-    .fixed-230-subnav > li {
-      margin-left: -15px;
-      margin-right: -15px;
-    }
-    .fixed-230-subnav > li:first-child {
-      border-top: 1px solid #d2d2d2;
-    }
-    .fixed-230-subnav > li > a {
-      margin: 0;
-    }
-    .fixed-230-subnav a:hover,
-    .fixed-230-subnav a:focus {
-      text-decoration: none !important;
-    }
-    .fixed-230-subnav > li li > a {
-      padding: 5px 10px;
-    }
-    .fixed-230-subnav > li li > a.active {
-      color: inherit;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    }
-  } */
-  @keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-moz-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-webkit-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-ms-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-o-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  .ajaxed,
-  .modal.fade.in .modal-header,
-  .modal.fade.in .modal-body,
-  .modal.fade.in .modal-footer {
-    animation-duration: 0.01s;
-    -o-animation-duration: 0.01s;
-    -ms-animation-duration: 0.01s;
-    -moz-animation-duration: 0.01s;
-    -webkit-animation-duration: 0.01s;
-    animation-name: DOMinsertion;
-    -o-animation-name: DOMinsertion;
-    -ms-animation-name: DOMinsertion;
-    -moz-animation-name: DOMinsertion;
-    -webkit-animation-name: DOMinsertion; }
-  
-  .dda-css-override ul.nav-tabs {
-    margin-bottom: 0; }
-  
-  .dda-css-override div.tab-content {
-    margin-top: 0;
-    border-top: none; }
-  
-  .dda-css-override .tab-content .prettyprint, .dda-css-override .usage .prettyprint {
-    max-height: 500px;
-    overflow-y: auto; }
-  
-  .formsWithinProcessButton {
-    margin-right: 0px; }
-  
-  .heading-sub-section-form {
-    font-size: 2.4rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px;
-    margin-top: 10px; }
-  
-  .heading-small-form {
-    font-size: 1.6rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-top: 0px; }
-  
-  .icon-primary-form-sizeL {
-    font-size: 50px; }
-  
-  .icon-primary-form-size {
-    font-size: 30px; }
-  
-  .spanformfix {
-    margin-right: 15px !important; }
-  
-  @media (max-width: 767px) {
-    .heading-sub-section-form {
-      font-size: 1.8rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px;
-      padding-top: 10px;
-      margin-top: 30px; }
-    .heading-small-form {
-      font-size: 1.4rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-top: 0px; } }
-  
-  @media (max-width: 479px) {
-    .icon-primary-form-resizeL {
-      display: none; }
-    .icon-primary-form-resize {
-      display: none; }
-    .heading-center-form {
-      margin-left: 20px; } }
-  
-  @media (min-width: 480px) {
-    .icon-primary-form-resizeL {
-      display: none; }
-    .icon-primary-form-resize {
-      display: inherit; }
-    .icon-primary-center-min {
-      margin-top: 30px; } }
-  
-  @media (min-width: 768px) {
-    .icon-primary-form-resizeL {
-      display: inherit;
-      margin-top: 30px; }
-    .icon-primary-form-resize {
-      display: none; }
-    .center-form-align {
-      margin-top: 35px; } }
-  
-  @media (min-width: 1024px) {
-    .icon-primary-form-resizeL {
-      display: inherit;
-      margin-top: 0px; }
-    .icon-primary-form-resize {
-      display: none; }
-    .center-form-align {
-      margin-top: 5px; } }
-  
-  .data-row.has-button td.col-1 {
-    padding: 0; }
-  
-  .tab-content > .tab-pane {
-    display: none; }
-  
-  .tab-content > .active {
-    display: block; }
-  
-  .icon-primary-circle:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 1; }
-  
-  .b2b-drag-handle {
-    cursor: move;
-    -ms-interpolation-mode: bicubic;
-    margin-bottom: 40px;
-    height: 23px;
-    padding-right: 10px;
-    float: left; }
-  
-  .b2b-drag-over {
-    background-color: #d1d1d1; }
-  
-  .b2-drag-element {
-    background-color: #e8e8e8; }
-  
-  [draggable] {
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    user-select: none; }
-  /* Flyout inputs color is not aligned */
-  textarea, input {
-    color: #333; }
-  
-  .isIE .btn-primary.btn:focus::after,
-  .isIE .btn-specialty.btn:focus::after,
-  .isIE .btn-alt.btn:focus::after {
-    border: 1px dashed #fff !important; }
-  .b2b-config-section-container {
-    height: auto;
-    min-height: 330px;
-    width: 815px;
-    background-color: #fff;
-    border: 1px solid #ccc;
-    display: inline-table;
-    border-radius: 6px; }
-  
-  .b2b-config-section-first-div {
-    border-right: 1px solid #ccc;
-    height: auto;
-    min-height: 330px; }
-  
-  .b2b-config-section-icon-primary-font {
-    font-size: 50px;
-    height: 31px;
-    line-height: 31px; }
-  
-  .b2b-config-section-padding {
-    padding: 20px 20px 15px 15px;
-    height: auto; }
-  
-  .b2b-config-sec-flyout {
-    position: relative;
-    left: 10px;
-    float: right;
-    color: #0574ac;
-    font-size: 16px;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-config-sec-divider {
-    border-bottom: 1px solid #ccc; }
-  
-  .b2b-confi-sec-span-border {
-    border-right: 1px solid;
-    height: auto; }
-  
-  .b2b-config-sec-speed-div {
-    text-align: center;
-    margin-top: 20px; }
-  
-  .b2b-config-sec-label-font {
-    font-size: 16px; }
-  
-  .b2b-config-sec-expander-main {
-    padding: 0 5px 0px 15px; }
-  
-  .b2b-config-sec-expander-body .b2b-config-vlan-padding {
-    padding: 5px 15px 10px 0px; }
-  
-  .b2b-conif-sec-row-height {
-    height: 110px; }
-  
-  .b2b-config-sec-expander-body {
-    font-size: 14px; }
-    .b2b-config-sec-expander-body .b2b-config-vlan-data {
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      padding-left: 15px; }
-  
-  .b2b-config-sec-expander-body-first-div {
-    border-top: 1px solid #ccc; }
-  
-  .b2b-config-sec-expander-body .tooltip {
-    position: static;
-    opacity: 1; }
-  
-  .b2b-config-section-container .row > [class*="span"] {
-    margin-right: 0px; }
-  
-  .b2b-config-vlan-icons {
-    font-size: 16px;
-    float: right;
-    margin-right: 0px; }
-  
-  .b2b-config-section-container .span6 {
-    width: 50%; }
-  
-  .b2b-config-sec-data-link-style {
-    position: relative;
-    left: 95%;
-    top: 30px;
-    border-radius: 50%;
-    width: 23px;
-    height: 23px;
-    background: #fff;
-    border: 1px solid #ccc;
-    color: #666666; }
-  
-  .b2b-config-sec-text-align {
-    text-align: center;
-    margin-top: 15px;
-    margin-bottom: 35px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #333333; }
-  
-  .b2b-config-port-text-align {
-    text-align: center;
-    margin-top: 15px;
-    margin-bottom: 8px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #333333; }
-  
-  .b2b-config-port-text-label {
-    margin-top: 6px;
-    margin-bottom: 8px;
-    font-size: 14px;
-    text-align: center; }
-  
-  .b2b-confi-sec-last-div p {
-    font-size: 14px;
-    padding: 10px 15px 0 15px; }
-  
-  .b2b-confi-sec-router-label {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    color: #333333;
-    float: left;
-    width: 100%;
-    margin-bottom: 7px; }
-  
-  .b2b-config-vlan-label {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #333333;
-    margin-top: 1px;
-    margin-bottom: 9px; }
-  
-  .b2b-config-vlan-info {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    color: #333333;
-    margin-bottom: 1px; }
-    .b2b-config-vlan-info .icon-misc-pen {
-      padding-left: 7px; }
-  
-  .b2b-confi-sec-model-label {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    color: #333333; }
-  
-  .b2b-confi-sec-router-info {
-    float: left;
-    width: 62%; }
-  
-  .b2b-config-sec-speed-sec {
-    border-right: 1px solid #ccc; }
-  
-  .b2b-config-sec-speed-label {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 20px;
-    color: #333333;
-    text-align: center; }
-    .b2b-config-sec-speed-label i {
-      margin-left: 15px;
-      font-size: 16px; }
-  
-  .b2b-config-sec-yellow-flag-div {
-    width: 1.6%;
-    background-color: #ffb18c; }
-  
-  .b2b-config-sec-expander-icons {
-    margin-top: 6px; }
-    .b2b-config-sec-expander-icons .icon-misc-trash {
-      margin-right: 10px; }
-  
-  .b2b-config-sec-yellow-flag .b2b-config-sec-expander-icons {
-    left: 40px; }
-  
-  .b2b-config-sec-expander-body-icons .icon-misc-pen {
-    position: relative;
-    left: 18px; }
-  .b2b-directory-listing .center {
-    display: block;
-    margin: 2em auto; }
-  
-  .b2b-directory-listing .listBox {
-    height: 310px;
-    width: 450px;
-    padding-left: 1px;
-    padding-right: 1px;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-directory-listing .listBox:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-directory-listing .b2b-directory-listing-no-results {
-    font-weight: bold; }
-  
-  .b2b-directory-listing .b2b-directory-listing-list {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5a5a5a;
-    overflow-x: hidden;
-    position: relative;
-    height: 300px;
-    border: 1px solid #333;
-    border-radius: 6px;
-    margin-bottom: 10px; }
-  
-  .b2b-directory-listing .b2b-directory-listing-item {
-    margin: 1px;
-    border: 1px solid transparent;
-    outline: none;
-    text-align: left;
-    overflow: hidden;
-    cursor: pointer;
-    padding-top: 13px;
-    padding-bottom: 7px;
-    padding-left: 15px;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    word-wrap: break-word; }
-    .b2b-directory-listing .b2b-directory-listing-item:focus {
-      border: 1px #3399FF solid; }
-  
-  .b2b-directory-listing .b2b-directory-listing-item-selected {
-    color: #fff;
-    background-color: #3399FF; }
-  
-  .b2b-directory-listing input[type="text"] {
-    padding-right: 30px; }
-    .b2b-directory-listing input[type="text"]:focus, .b2b-directory-listing input[type="text"]:hover {
-      padding-right: 30px; }
-  
-  .b2b-directory-listing .row .btns {
-    margin-right: 90px;
-    margin-left: -115px;
-    margin-top: 100px; }
-  
-  .b2b-directory-listing .btn-remove {
-    margin-right: auto !important;
-    margin-bottom: 15px; }
-    .b2b-directory-listing .btn-remove i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-remove-all {
-    margin-top: 0;
-    margin-bottom: 61px !important;
-    /* need to be removed */
-    margin-right: auto !important; }
-    .b2b-directory-listing .btn-remove-all i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-add {
-    margin-bottom: 15px !important; }
-    .b2b-directory-listing .btn-add i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-add-all {
-    margin-top: 0;
-    margin-bottom: 61px !important; }
-    .b2b-directory-listing .btn-add-all i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-search[class*="btn"] {
-    right: 0.09rem; }
-  
-  .b2b-directory-listing .btn {
-    width: 130px; }
-  
-  .b2b-directory-listing-disabled {
-    cursor: not-allowed; }
-  
-  .b2b-directory-listing-label-heading {
-    margin-top: 24px;
-    padding-bottom: 5px; }
-  
-  .b2b-dl-list-box option {
-    padding-top: 13px;
-    padding-bottom: 7px;
-    padding-left: 15px; }
-  
-  .b2b-dl-modal-button-div {
-    padding-top: 110px;
-    text-align: center; }
-  .b2b-tmpl-notification-card {
-    border-radius: 6px;
-    height: auto;
-    width: 420px;
-    background-color: #ffffff;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 8px;
-    overflow: hidden; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-header {
-      padding-left: 30px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #333333;
-      font-size: 24px;
-      margin-top: 2px;
-      display: inline-block;
-      min-height: 60px;
-      position: relative; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-body {
-      padding: 0 30px 20px;
-      position: relative; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-header-title {
-      margin-top: 10px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button {
-      box-shadow: 0 -50px 0 0 #f2f2f2 inset;
-      height: 69px;
-      position: absolute;
-      border-color: #f2f2f2 #f2f2f2 transparent transparent;
-      border-style: solid;
-      border-width: 35px;
-      height: 0;
-      right: -295px;
-      top: -4px;
-      width: 69px;
-      /*Old properties */
-      box-shadow: none;
-      transform: none; }
-      .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close {
-        height: 48px;
-        right: -40px;
-        top: -40px;
-        width: 48px;
-        position: relative;
-        /*Old properties */
-        transform: none; }
-        .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:before {
-          color: #0568ae;
-          display: block;
-          font-size: 20px;
-          height: auto;
-          right: -4px;
-          top: 4px;
-          width: auto;
-          /*Old properties */
-          left: auto;
-          height: auto;
-          bottom: auto; }
-        .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:focus {
-          outline: 1px dotted black; }
-    .b2b-tmpl-notification-card button.close {
-      -webkit-appearance: none;
-      moz-appearance: none;
-      appearance: none; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-icon-primary-cirlce {
-      width: 30px;
-      height: 30px;
-      border-radius: 50%; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-outer-cirlce {
-      background: #f0f5f5;
-      border-radius: 50%;
-      height: 16px;
-      width: 16px;
-      vertical-align: middle; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-inner-cirlce {
-      background: #fff;
-      width: 22px;
-      height: 22px;
-      position: relative;
-      border-radius: 50%;
-      display: block;
-      left: 4px;
-      top: 4px;
-      border: 1px solid #767676; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-row {
-      padding-top: 10px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-sub-header {
-      margin-top: 0px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item {
-      background-color: #fff;
-      margin-top: 25px;
-      border-top: 1px solid #ccc; }
-      .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item .cta-button-group {
-        line-height: 40px;
-        padding-top: 20px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-edit-section .cta-button-group {
-      line-height: 40px;
-      padding-top: 15px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-add-item-container {
-      padding-top: 30px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-link-active {
-      pointer-events: none;
-      cursor: default;
-      color: #ccc; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-cursor:hover {
-      cursor: pointer; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon {
-    text-align: center;
-    margin-top: 91px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon i {
-      font-size: 99px;
-      color: #1b7e28; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading {
-    color: #333333;
-    text-align: center;
-    margin-top: 20px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading h1 {
-      font-size: 38px; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading {
-    color: #333333;
-    text-align: center; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading h5 {
-      font-size: 18px; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info {
-    padding-left: 18%;
-    font-size: 16px;
-    margin-top: 20px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info ul {
-      list-style-type: disc;
-      list-style-position: inside; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info li {
-      padding-top: 5px; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section {
-    font-size: 15px;
-    color: #0574ac;
-    margin-top: 20px;
-    text-align: center;
-    margin-bottom: 55px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section .b2b-tmpl-order-confirmation-link {
-      margin-right: 8%; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section a {
-      cursor: pointer; }
-  .b2b-tmpl-profile-block-container {
-    min-height: 200px;
-    height: auto;
+    margin-right: auto;
+    margin-left: auto;
+    margin-top: 50px;
+    height: 690px;
+    width: 1024px;
     background-color: #fff;
-    border-radius: 8px;
-    border: 1px solid #ccc;
-    box-shadow: 0px 1px 1px 1px #ccc;
-    display: inline-table;
-    margin: 15px 15px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-title {
-      font-weight: bold; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-footer {
-      margin-bottom: 12px;
-      margin-top: 5px;
-      height: 35px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p {
-      word-wrap: break-word;
-      height: 61px; }
-      .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:first-child {
-        margin-top: 10px; }
-      .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:after {
-        content: ' ';
-        display: block;
-        border: 0.2px solid #ccc;
-        margin-top: 12px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio {
-      margin-left: 15px;
-      height: 30px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details div {
-      padding: 2px 7px;
-      font-size: 14px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio-label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details a {
-      font-size: 14px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p span {
-      padding-left: 10px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon {
-      color: #1b7e28;
-      float: right;
-      position: relative;
-      left: 10px; }
-      .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon i {
-        color: #1b7e28;
-        float: right; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-link {
-      float: right;
-      position: relative;
-      left: -4px; }
-    .b2b-tmpl-profile-block-container a.link-profile {
-      position: relative;
-      left: -5px;
-      float: right;
-      margin-bottom: 16px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-radio {
-      position: relative;
-      top: -5px; }
-  .b2b-static-route-container {
-    padding-left: 32px;
-    display: inline-block; }
-  
-  .b2b-static-route-label-heading {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px !important;
-    color: #333333;
-    font-style: normal;
-    text-align: left; }
-  
-  label.b2b-static-route-label-heading {
-    margin-bottom: 12px;
-    margin-top: 15px;
-    display: block; }
-  
-  #b2b-static-route-input {
-    margin: 5px 0 5px; }
-  
-  .b2b-static-route-list {
-    margin-bottom: 30px;
-    width: 216px;
-    float: left;
-    margin-right: 20px;
-    max-height: 540px;
-    overflow-y: auto; }
-    .b2b-static-route-list .status-text {
-      flex: 1;
-      display: flex;
-      align-items: center;
-      outline: 0; }
-  
-  .b2b-static-route-list-item {
-    border: 1px #cccccc solid;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    display: flex;
-    cursor: pointer; }
-    .b2b-static-route-list-item > .status-bar {
-      padding: 20px 0 20px;
-      background-color: #ea7400;
-      border-radius: 0;
-      width: 10px;
-      display: inline-block;
-      margin-right: 20px;
-      height: 100%;
-      float: left; }
-      .b2b-static-route-list-item > .status-bar:after {
-        content: '.';
-        visibility: hidden; }
-    .b2b-static-route-list-item > .status-bar-unedited {
-      padding: 20px 0 20px;
-      background-color: #ffb81c;
-      border-radius: 0;
-      width: 10px;
-      display: inline-block;
-      margin-right: 20px;
-      height: 100%;
-      float: left;
-      background-color: transparent; }
-      .b2b-static-route-list-item > .status-bar-unedited:after {
-        content: '.';
-        visibility: hidden; }
-  
-  .b2b-static-route-list-item:focus {
-    outline: 1px dashed #00f; }
-  
-  .b2b-static-route-list-item--selected {
-    background: #f2f2f2; }
-  
-  .b2b-static-route-content {
-    display: inline-block; }
-  
-    .selectWrap::after { 
-    align-items: center; 
-    background-position: 7px 7px; 
-    background-repeat: no-repeat; 
-    background-size: auto 23px; 
-    border-left: 1px solid transparent; 
-    color: #0568ae; 
-    display: flex; 
-    font-size: 23px; 
-    height: 36px; 
-    margin-right: 0; 
-    overflow: hidden; 
-    position: absolute; 
-    right: 0; 
-    text-indent: 7px; 
-    top: 0; 
-    user-select: none; 
-    width: 41px; 
-    z-index: 0; 
-    position: absolute !important; 
-    display: flex !important; 
-  }
-
-
-
-.card{
-    border-radius: 5px;
-}
-
-  .card-header{
-    height: 30px;
-}
-
-  .card-body{
-    height: 150px;
-}
-
-.card-footer{
-    height: 50px;
+    padding: 12px;
+    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.349), 0 13px 19px 2px rgba(0, 0, 0, 0.349), 0 5px 24px 4px rgba(0, 0, 0, 0.349);
 }
 
-.dialog__close-btn {
-    border: 0;
-    background: #087ac2;
-    color: #ffffff;
-    position: absolute;
-    top: 8px;
-    right: 8px;
-    font-size: 1.2em;
-    display: block;
-    border: #087ac2 2px solid;
-  }
-
-  .modalTitle{
-      font-size: 35px;  
-  }
-
-  .overlay {
+.overlay {
     position: fixed;
     top: 0;
     bottom: 0;
@@ -11868,39 +22,4 @@ i, em {
     right: 0;
     background-color: rgba(0, 0, 0, 0.705);
     z-index: 999;
-  }
-
-  .dialog {
-    z-index: 1000;
-    position: fixed;
-    right: 0;
-    left: 0;
-    top: 20px;
-    margin-right: auto;
-    margin-left: auto;
-    margin-top: 50px;
-    height: 690px;
-    width: 1024px;
-    background-color: #fff;
-    padding: 12px;
-    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.349), 0 13px 19px 2px rgba(0, 0, 0, 0.349), 0 5px 24px 4px rgba(0, 0, 0, 0.349);
-  }
-  
-  @media (min-width: 768px) {
-    .dialog {
-      top: 40px;
-    }
-  }
-  
-  .dialog__close-btn {
-    border: 0;
-    background: none;
-    color: #2d2d2d;
-    position: absolute;
-    top: 8px;
-    right: 8px;
-    font-size: 1.2em;
-    display: block;
-    border: #2d2d2d 1px solid;
-  }
-
+}
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/edit-drill-down-link/drill-down-model.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/edit-drill-down-link/drill-down-model.ts
new file mode 100644
index 00000000..ffff52e9
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/edit-drill-down-link/drill-down-model.ts
@@ -0,0 +1,22 @@
+export class DrillDownModel {
+    id: string;
+    name: string;
+    fixedValueData: any;
+    valueOfColumnData: any;
+    valueOfFormFieldData: any;
+    selected: string;
+    radioButtonValue: string;
+    columnID: string;
+
+    constructor(id: string, name: string, radioButtonValue: string) {
+        this.id = id;
+        this.name = name;
+        this.selected = '';
+        this.fixedValueData = '';
+        this.valueOfColumnData = '';
+        this.valueOfFormFieldData = '';
+        this.radioButtonValue = radioButtonValue;
+        this.columnID = '';
+
+    }
+}
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/edit-drill-down-link/edit-drill-down-link.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/edit-drill-down-link/edit-drill-down-link.component.css
index 351f6acb..efdfd3ee 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/edit-drill-down-link/edit-drill-down-link.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/edit-drill-down-link/edit-drill-down-link.component.css
@@ -1,98 +1,30 @@
-
-
-.lds-ring {
-    display: inline-block;
+.field-group {
     position: relative;
-    width: 64px;
-    height: 64px;
-  }
-  .lds-ring div {
-    box-sizing: border-box;
-    display: block;
-    position: absolute;
-    width: 80px;
-    height: 80px;
-    margin: 6px;
-    margin-top: -10px;
-    border: 10px solid #006496;
-    border-radius: 80%;
-    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-    border-color: #006496 transparent transparent transparent;
-  }
-  .lds-ring div:nth-child(1) {
-    animation-delay: -0.45s;
-  }
-  .lds-ring div:nth-child(2) {
-    animation-delay: -0.3s;
-  }
-  .lds-ring div:nth-child(3) {
-    animation-delay: -0.15s;
-  }
-  @keyframes lds-ring {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-  
-  
-  mat-button-toggle{
     display: block;
     width: 400px;
-    border-radius: 5px;
-  }
-  
-  label{
-    size: 70px;
-  }
-  
-  input {
-    width: 400px;
-    height: 20px;
-  }
-  
-  .Heading{
-    font-size: 45px;
-  }
-  
-  .stdForm{
-    margin-left: 20px;
-  }
-  
-  .field-group {
-    position: relative;
-    display: block;
-    width: 600px;
-    height: 20px;
+    height: 40px;
+    border-radius: 0.25rem;}
 
-  }
-  
-  label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
-    margin-top: 5px;
-  }
-  
-  textarea {
+
+
+textarea {
     display: block;
     width: 400px;
     max-width: 50%;
     padding: 15px;
-  }
-  
-  select{
-    display: block;
-    width: 600px;
-    
-    padding: 15px;
-    background-color: #e6e6e61a
-  }
-  
-  .webform-component-my-select select {
-    height: 200px;
-  }
-  
-  .checkbox .skin {
+}
+input {
+    width: 250px;
+    height: 20px;
+}
+select {
+    margin-right: -1;
+    max-width: 400px;
+    height: 36px;
+    line-height: 25px;
+    width: 400px;
+    background-color: #95959521; }
+.checkbox .skin {
     background-color: #fff;
     border: 1px solid #d2d2d2;
     border-radius: 3px;
@@ -102,9393 +34,44 @@
     position: absolute;
     left: 0;
     top: 0;
-  }
-  
-  i, em {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-  }
-  
-  
-  .b2b-horizontal-table ::-webkit-scrollbar {
-    height: 10px; }
-  
-  .b2b-horizontal-table ::-webkit-scrollbar-thumb {
-    background: #666666;
-    border-radius: 5px; }
-  
-  .b2b-horizontal-table .b2b-frozen-col {
-    font-size: 5px;
-    font-weight: normal;
-    font-style: italic; }
-  /* 
-  .b2b-horizontal-table .b2b-horizontal-table-inner-container {
-    overflow-x: scroll; } */
-  
-  .b2b-horizontal-table .b2b-horizontal-table-column-info {
-    text-align: center; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-legend div[b2b-flyout-toggler] {
-    color: #0568ae;
-    cursor: pointer; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-legend .b2b-frozen-cell {
-    width: 16px;
-    height: 16px;
-    background-color: #F2F2F2;
-    display: inline-block;
-    margin-right: 10px; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-arrows {
-    margin-bottom: 20px; }
-    .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-disabled-text {
-      color: #767676; }
-    .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-next-link {
-      padding-right: 15px; }
-    .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-prev-link {
-      padding-left: 15px; }
-  
-  @-moz-document url-prefix() {
-    .b2b-horizontal-table td:first-child {
-      border-top: none; } }
-  * {
-    box-sizing: border-box; }
-  
-  :root {
-    -ms-overflow-style: -ms-autohiding-scrollbar;
-    overflow-y: scroll;
-    -ms-text-size-adjust: 100%;
-    -webkit-text-size-adjust: 100%;
-    box-sizing: border-box;
-    font: 0.625pc/1.5 sans-serif;
-    text-rendering: optimizeLegibility; }
-  
-  html {
-    overflow-y: scroll;
-    -webkit-overflow-scrolling: touch;
-    height: 100%;
-    position: relative; }
-  
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  p,
-  blockquote,
-  figure,
-  ol,
-  ul {
-    margin: 0;
-    padding: 0; }
-  
-  /* a:focus {
-    outline: thin dotted #191919;
-  } */
-  sub,
-  sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: top; }
-  
-  sup {
-    top: .75em;
-    display: inline-block; }
-  
-  sub {
-    bottom: -0.25em; }
-  
-  img {
-    max-width: 100%;
-    height: auto;
-    vertical-align: middle;
-    border: 0;
-    -ms-interpolation-mode: bicubic; }
-  
-  .img-no-rwd {
-    max-width: inherit !important; }
-  
-  svg {
-    display: inline-block; }
-  
-  .responsive-img {
-    width: 100%;
-    height: auto; }
-  
-  button,
-  input,
-  select,
-  textarea {
-    margin: 0;
-    font-size: 100%;
-    vertical-align: middle; }
-  
-  ::-moz-focus-inner {
-    padding: 0;
-    border: 0; }
-  
-  button,
-  html input[type="button"],
-  input[type="reset"],
-  input[type="submit"] {
+}
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
     appearance: button;
     cursor: pointer; }
-  
-  label,
-  select,
-  button,
-  input[type="button"],
-  input[type="reset"],
-  input[type="submit"],
-  input[type="radio"],
-  input[type="checkbox"] {
+
+label,
+select,
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"],
+input[type="radio"],
+input[type="checkbox"] {
     cursor: pointer; }
-  
-  input[type=search] {
+
+input[type=search] {
     -webkit-appearance: textfield; }
-  
-  input[type=search]:-webkit-search-cancel-button,
-  input[type=search]:-webkit-search-decoration {
-    -webkit-appearance: none; }
-  
-  
-  
-  select {
-    -moz-appearance: none;
+
+input[type=search]:-webkit-search-cancel-button,
+input[type=search]:-webkit-search-decoration {
     -webkit-appearance: none; }
-  
-  [aria-busy=true] {
-    cursor: progress; }
-  
-  [aria-controls] {
-    cursor: pointer; }
-  
-  body {
-    background-color: #ffffff;
-    color: #191919;
-    font-family: "Omnes-ECOMP-W02", Arial;
-  /*  font-size: 1.6rem;
-    line-height: 2rem;*/
-    margin: 0;
-    position: relative;
-    width: 100%;
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothing: antialiased; }
-  
-  small {
-    font-size: 1.6rem; }
-  
-  .container {
-    margin: 0 auto;
-    padding: 0; }
-  
-  .tooltip {
-    display: inline-block;
-    height: 20px;
-    margin: 1px 0 0 7px;
-    vertical-align: middle; }
-  
-  .tooltip-wrapper {
-    display: none; }
-  
-  
-  
-  /* TODO: Build a reference page for these classes */
-  .font-regular {
-    font-family: "Omnes-ECOMP-W02", Arial !important; }
-  
-  .font-light {
-    font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-  
-  .font-italic {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-  
-  .font-light-italic {
-    font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-  
-  .font-medium {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-  
-  .font-medium-italic {
-    font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-  
-  .font-reset {
-    font-style: normal;
-    font-variant: normal;
-    font-weight: normal;
-    text-transform: none; }
-  
-  .visible-phone {
-    display: none !important; }
-  
-  .visible-tablet {
-    display: none !important; }
-  
-  .hidden-desktop {
-    display: none !important; }
-  
-  .visible-desktop {
-    display: inherit !important; }
-  
-  .row,
-  .row-nowrap {
-    margin-left: 0; }
-  
-  .row:before,
-  .row-nowrap:before,
-  .row:after,
-  .row-nowrap:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .row:after,
-  .row-nowrap:after {
-    clear: both; }
-  
-  .row:before,
-  .row-nowrap:before,
-  .row:after,
-  .row-nowrap:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .row:after,
-  .row-nowrap:after {
-    clear: both; }
-  
-  .row,
-  .row-nowrap {
-    display: flex; }
-  
-  .row > [class*="span"],
-  .row-nowrap > [class*="span"] {
-    float: left;
-    margin-right: 14px;
-    margin-right: 1.40845%\9; }
-  
-  .row > [class*="span"]:last-child,
-  .row-nowrap > [class*="span"]:last-child {
-    margin-right: 0; }
-  
-  .row > [class*="span"].centered,
-  .row-nowrap > [class*="span"].centered {
-    margin-left: auto !important;
-    margin-right: auto !important; }
-  
-  .row.no-flex,
-  .row-nowrap.no-flex {
-    display: block; }
-  
-  .row.no-flex > [class*="span"],
-  .row-nowrap.no-flex > [class*="span"] {
-    margin-right: 1.408450704225352%; }
-  
-  .row.no-flex > [class*="span"]:last-child,
-  .row-nowrap.no-flex > [class*="span"]:last-child {
-    margin-right: 0; }
-  
-  .row.flex-justify,
-  .row-nowrap.flex-justify {
-    justify-content: space-between; }
-  
-  .row.flex-justify > [class*="span"],
-  .row-nowrap.flex-justify > [class*="span"] {
-    flex: 1 1 0; }
-  
-  .row.flex-justify > .flex-col,
-  .row-nowrap.flex-justify > .flex-col {
-    margin-right: 14px;
-    margin-right: 1.40845%\9; }
-  
-  .row.flex-wrap,
-  .row-nowrap.flex-wrap {
-    flex-wrap: wrap; }
-  
-  .align-items-top {
-    align-items: flex-start; }
-  
-  .align-items-center {
-    align-items: center; }
-  
-  .align-items-bottom {
-    align-items: flex-end; }
-  
-  .align-self-top {
-    align-self: flex-start; }
-  
-  .align-self-center {
-    align-self: center; }
-  
-  .align-self-bottom {
-    align-self: flex-end; }
-  
-  .row .fixed-230 {
-    flex: 0;
-    display: block;
-    width: 230px;
-    vertical-align: top;
-    min-width: 230px;
-    background-color: #efefef; }
-  
-  .row .fluid-space {
-    flex: 1 1 0;
-    display: block;
-    vertical-align: top;
-    padding-left: 0;
-    padding-right: 20px;
-    width: 100%; }
-  
-  .row .fixed-230 + .fluid-space {
-    padding-left: 20px;
-    padding-right: 20px; }
-  
-  .row .fluid-space:last-child {
-    padding-right: 0; }
-  
-  .span1 {
-    width: 7.042253521126761%; }
-  
-  .span2 {
-    width: 15.49295774647887%; }
-  
-  .span3 {
-    width: 23.94366197183099%; }
-  
-  .span4 {
-    width: 32.3943661971831%; }
-  
-  .span5 {
-    width: 40.84507042253521%; }
-  
-  .span6 {
-    width: 49.29577464788733%; }
-  
-  .span7 {
-    width: 57.74647887323944%; }
-  
-  .span8 {
-    width: 66.19718309859155%; }
-  
-  .span9 {
-    width: 74.64788732394367%; }
-  
-  .span10 {
-    width: 83.09859154929578%; }
-  
-  .span11 {
-    width: 91.54929577464789%; }
-  
-  .span12 {
-    width: 100%; }
-  
-  .offset1 {
-    margin-left: 8.450704225352113%; }
-  
-  .offset2 {
-    margin-left: 16.90140845070423%; }
-  
-  .offset3 {
-    margin-left: 25.35211267605634%; }
-  
-  .offset4 {
-    margin-left: 33.8028169%; }
-  
-  .offset5 {
-    margin-left: 42.25352113%; }
-  
-  .offset6 {
-    margin-left: 50.70422535%; }
-  
-  .offset7 {
-    margin-left: 59.15492958%; }
-  
-  .offset8 {
-    margin-left: 67.6056338%; }
-  
-  .offset9 {
-    margin-left: 76.05633803%; }
-  
-  .offset10 {
-    margin-left: 84.50704225%; }
-  
-  .offset11 {
-    margin-left: 92.95774648%; }
-  
-  .align-center {
-    margin: 0 auto;
-    text-align: center; }
-  
-  [class*="span"].align-center {
-    margin: 0 auto !important;
-    float: none; }
-  
-  .align-left .container {
-    padding-left: 0 !important;
-    margin: 0 !important; }
-  
-  /* BEGIN RESPONSIVE-4.LESS ************** */
-  @media (min-width: 1025px) {
-    .row > [class*="span"],
-    .row-nowrap > [class*="span"] {
-      margin-right: 20px;
-      margin-right: 1.487301587301587%\9; }
-    .container {
-      padding-left: 20px;
-      padding-right: 20px;
-      max-width: 1260px; }
-    /* 1col = 6.878306878306879 */
-    /* 1colgutter = 1.587301587301587 */
-    .span0 {
-      display: none; }
-    .span1 {
-      width: 6.878306878306879%; }
-    .span2 {
-      width: 15.34391534391534%; }
-    .span3 {
-      width: 23.80952380952381%; }
-    .span4 {
-      width: 32.27513227513228%; }
-    .span5 {
-      width: 40.74074074074074%; }
-    .span6 {
-      width: 49.20634920634921%; }
-    .span7 {
-      width: 57.67195767195767%; }
-    .span8 {
-      width: 66.13756613756614%; }
-    .span9 {
-      width: 74.60317460317461%; }
-    .span10 {
-      width: 83.06878306878308%; }
-    .span11 {
-      width: 91.53439153439154%; }
-    .span12 {
-      width: 100%; }
-    .offset1 {
-      margin-left: 8.465608465608466%; }
-    .offset2 {
-      margin-left: 16.93121693121693%; }
-    .offset3 {
-      margin-left: 25.3968253968254%; }
-    .offset4 {
-      margin-left: 33.86243386%; }
-    .offset5 {
-      margin-left: 42.32804233%; }
-    .offset6 {
-      margin-left: 50.79365079%; }
-    .offset7 {
-      margin-left: 59.25925926%; }
-    .offset8 {
-      margin-left: 67.72486772%; }
-    .offset9 {
-      margin-left: 76.19047619%; }
-    .offset10 {
-      margin-left: 84.65608466%; }
-    .offset11 {
-      margin-left: 93.12169312%; }
-    .tooltip-size-control {
-      position: relative;
-      width: 400px; }
-    .thumbnails > li {
-      margin-left: 1.40845070422535%; }
-    .row .thumbnails {
-      margin-left: 0; } }
-  
-  /* END RESPONSIVE-4.LESS ****************** */
-  /* BEGIN RESPONSIVE-3.LESS ******************* */
-  @media (min-width: 768px) and (max-width: 1024px) {
-    .hidden-desktop {
-      display: inherit !important; }
-    .visible-desktop {
-      display: none !important; }
-    .visible-tablet {
-      display: inherit !important; }
-    .hidden-tablet {
-      display: none !important; }
-    .container {
-      width: 100%;
-      margin: 0 auto;
-      padding-left: 20px;
-      padding-right: 20px; }
-    .span0-md {
-      display: none; }
-    .span1-md {
-      width: 7.042253521126761%; }
-    .span2-md {
-      width: 15.49295774647887%; }
-    .span3-md {
-      width: 23.94366197183099%; }
-    .span4-md {
-      width: 32.3943661971831%; }
-    .span5-md {
-      width: 40.84507042253521%; }
-    .span6-md {
-      width: 49.29577464788733%; }
-    .span7-md {
-      width: 57.74647887323944%; }
-    .span8-md {
-      width: 66.19718309859155%; }
-    .span9-md {
-      width: 74.64788732394367%; }
-    .span10-md {
-      width: 83.09859154929578%; }
-    .span11-md {
-      width: 91.54929577464789%; }
-    .span12-md {
-      width: 100%; }
-    .offset1-md {
-      margin-left: 8.450704225352113%; }
-    .offset2-md {
-      margin-left: 16.90140845070423%; }
-    .offset3-md {
-      margin-left: 25.35211267605634%; }
-    .offset4-md {
-      margin-left: 33.8028169%; }
-    .offset5-md {
-      margin-left: 42.25352113%; }
-    .offset6-md {
-      margin-left: 50.70422535%; }
-    .offset7-md {
-      margin-left: 59.15492958%; }
-    .offset8-md {
-      margin-left: 67.6056338%; }
-    .offset9-md {
-      margin-left: 76.05633803%; }
-    .offset10-md {
-      margin-left: 84.50704225%; }
-    .offset11-md {
-      margin-left: 92.95774648%; }
-    .tooltip-size-control {
-      position: relative;
-      width: 300px; } }
-  
-  /* END RESPONSIVE-3.LESS ******************* */
-  /* BEGIN RESPONSIVE-2.LESS *************** */
-  @media (max-width: 767px) {
-    .hidden-desktop {
-      display: inherit !important; }
-    .visible-desktop {
-      display: none !important; }
-    .visible-phone {
-      display: inherit !important; }
-    .visible-tablet {
-      display: inherit !important; }
-    .hidden-phone {
-      display: none !important; }
-    .hidden-tablet {
-      display: none !important; }
-    .container {
-      width: auto;
-      padding-left: 15px;
-      padding-right: 15px; }
-    /*.row{ display:block; }*/
-    .row > [class*="span"] {
-      float: none;
-      margin-left: 0;
-      margin-right: 0;
-      width: 100%; }
-    .row {
-      display: block; }
-    .row.flex > .flex-col,
-    .row-nowrap.flex > .flex-col {
-      margin-right: 0; }
-    .row .fixed-230 {
-      display: block;
-      width: 100%; }
-    .row .fluid-space {
-      display: block;
-      padding-left: 0;
-      padding-right: 0;
-      width: auto; }
-    .row .fluid-space + .fixed-230 {
-      padding-left: 0; }
-    .row .fluid-space:last-child {
-      padding-right: 0; }
-    .span0-sm {
-      display: none; }
-    .span1-sm {
-      width: 7.042253521126761%; }
-    .span2-sm {
-      width: 15.49295774647887%; }
-    .span3-sm {
-      width: 23.94366197183099%; }
-    .span4-sm {
-      width: 32.3943661971831%; }
-    .span5-sm {
-      width: 40.84507042253521%; }
-    .span6-sm {
-      width: 49.29577464788733%; }
-    .span7-sm {
-      width: 57.74647887323944%; }
-    .span8-sm {
-      width: 66.19718309859155%; }
-    .span9-sm {
-      width: 74.64788732394367%; }
-    .span10-sm {
-      width: 83.09859154929578%; }
-    .span11-sm {
-      width: 91.54929577464789%; }
-    .span12-sm {
-      width: 100%; }
-    .offset1-sm {
-      margin-left: 8.450704225352113%; }
-    .offset2-sm {
-      margin-left: 16.90140845070423%; }
-    .offset3-sm {
-      margin-left: 25.35211267605634%; }
-    .offset4-sm {
-      margin-left: 33.8028169%; }
-    .offset5-sm {
-      margin-left: 42.25352113%; }
-    .offset6-sm {
-      margin-left: 50.70422535%; }
-    .offset7-sm {
-      margin-left: 59.15492958%; }
-    .offset8-sm {
-      margin-left: 67.6056338%; }
-    .offset9-sm {
-      margin-left: 76.05633803%; }
-    .offset10-sm {
-      margin-left: 84.50704225%; }
-    .offset11-sm {
-      margin-left: 92.95774648%; }
-    input {
-      padding: 8px 15px 8px 15px; }
-    .field-group input.input-emphasized[type="search"] + .reset-field:after {
-      top: 14px; }
-    .field-group input.input-emphasized[type="search"] + .reset-field {
-      height: 46px;
-      top: 1px; }
-    .marquee {
-      margin-bottom: 30px; }
-    .marquee .blur-overlay {
-      border-radius: 0;
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      margin: 0;
-      padding: 34px 15px 30px; }
-    .marquee + div {
-      margin-top: 30px; }
-    .marquee h1 {
-      font-size: 1.8rem;
-      letter-spacing: -0.035px; }
-    .marquee .lead {
-      font-size: 3.0rem;
-      line-height: 3.6rem;
-      margin-bottom: 0; }
-    .marquee p:not(.lead) {
-      font-family: "Omnes-ECOMP-W02-Light", Arial;
-      font-size: 1.8rem;
-      margin-bottom: 0; }
-    .marquee .btn-fullwidth {
-      margin-top: 10px;
-      width: 100%;
-      float: none; }
-    .tooltip-size-control {
-      width: 100%; }
-    .table-wrapper,
-    .accordion-table-layout {
-      margin-left: -15px;
-      margin-right: -15px; }
-    .table-wrapper caption {
-      padding-left: 15px; } }
-  
-  @media (max-width: 480px) {
-    .span1-xsm {
-      width: 7.042253521126761%; }
-    .span2-xsm {
-      width: 15.49295774647887%; }
-    .span3-xsm {
-      width: 23.94366197183099%; }
-    .span4-xsm {
-      width: 32.3943661971831%; }
-    .span5-xsm {
-      width: 40.84507042253521%; }
-    .span6-xsm {
-      width: 49.29577464788733%; }
-    .span7-xsm {
-      width: 57.74647887323944%; }
-    .span8-xsm {
-      width: 66.19718309859155%; }
-    .span9-xsm {
-      width: 74.64788732394367%; }
-    .span10-xsm {
-      width: 83.09859154929578%; }
-    .span11-xsm {
-      width: 91.54929577464789%; }
-    .span12-xsm {
-      width: 100%; }
-    .offset1-xsm {
-      margin-left: 8.450704225352113%; }
-    .offset2-xsm {
-      margin-left: 16.90140845070423%; }
-    .offset3-xsm {
-      margin-left: 25.35211267605634%; }
-    .offset4-xsm {
-      margin-left: 33.8028169%; }
-    .offset5-xsm {
-      margin-left: 42.25352113%; }
-    .offset6-xsm {
-      margin-left: 50.70422535%; }
-    .offset7-xsm {
-      margin-left: 59.15492958%; }
-    .offset8-xsm {
-      margin-left: 67.6056338%; }
-    .offset9-xsm {
-      margin-left: 76.05633803%; }
-    .offset10-xsm {
-      margin-left: 84.50704225%; }
-    .offset11-xsm {
-      margin-left: 92.95774648%; } }
-  
-  /* END RESPONSIVE-2.LESS ******************* */
-  /* BEGIN RESPONSIVE-1.LESS ************** */
-  .xxxxxxxx-begin-responsive-480px.less {
-    /* placeholder */ }
-  
-  @media (max-width: 480px) {
-    .hidden-desktop {
-      display: inherit !important; }
-    .hidden-tablet {
-      display: inherit !important; }
-    .hidden-phone {
-      display: none !important; }
-    .visible-desktop {
-      display: none !important; }
-    .visible-tablet {
-      display: none !important; }
-    .visible-phone {
-      display: inherit !important; }
-    .container {
-      width: auto;
-      padding-left: 15px;
-      padding-right: 15px; } }
-  
-  [class*="icon-primary-"],
-  .nav-links a:after,
-  .bellyband-link a:after,
-  .breadcrumb > li:after,
-  .checkbox input:checked + .skin:after,
-  .checkbox input.indeterminate + .skin:after,
-  .checkbox input:indeterminate + .skin:after,
-  .selectWrap.large:before,
-  .form-row.error .error-msg:before,
-  .close:before,
-  .reset-field:before,
-  .cssIcon-globe:before,
-  .selectWrap:after {
-    color: #0568ae;
-    left: 6px;
-    top: -3px;
-    width: 2px;
-    height: 3px;
-    border: solid white;
-    border-width: 0 3px 3px 0;
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    transform: rotate(45deg);}
-  
-  [class*="icoWeather-"], [class*="icoTrans-"], [class*="icoBubble-"], [class*="icoRetail-"], [class*="icoPeople-"], [class*="icoNumslets-"], [class*="icoLocation-"], [class*="icoHealthcare-"], [class*="icoDocuments-"], [class*="icoDevices-"], [class*="icoDatanetwork-"], [class*="icoControls-"], [class*="icoBuilding-"], [class*="icoArrows-"] {
-    color: #0568ae;
-    display: inline-block;
-    font-style: normal;
-    font-size: 20px;
-    font-weight: normal;
-    font-variant: normal;
-    font-style: normal;
-    width: 20px;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    position: relative;
-    speak: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    vertical-align: middle; }
-  
-  [class*="icon-primary-"]:before,
-  [class*="icon-primary-"]:after {
-    box-sizing: border-box;
-    display: inline-block;
-    font-size: 1em;
-    height: 1em;
-    position: relative;
-    top: 0;
-    left: 0;
-    vertical-align: middle;
-    width: 1em; }
-  
-  .icon-primary-att-globe:before,
-  .cssIcon-globe:before {
-    content: "\e900";
-    color: #44c7f5; }
-  
-  .icon-primary-hamburger:before {
-    content: "\e903"; }
-  
-  .icon-primary-secure:before {
-    content: "\e918"; }
-  
-  .icon-primary-secureL:before {
-    content: "\e919"; }
-  
-  .icon-primary-padlockopen:before {
-    content: "\e916"; }
-  
-  .icon-primary-padlockopenL:before {
-    content: "\e917"; }
-  
-  .icon-primary-shoppingcart:before {
-    content: "\e914"; }
-  
-  .icon-primary-shoppingcartL:before {
-    content: "\e915"; }
-  
-  .icon-primary-print:before {
-    content: "\e921"; }
-  
-  .icon-primary-printL:before {
-    content: "\e922"; }
-  
-  .icon-primary-mobilesmartphone:before {
-    content: "\e908"; }
-  
-  .icon-primary-mobilesmartphoneL:before {
-    content: "\e90c"; }
-  
-  .icon-primary-tablet:before {
-    content: "\e904"; }
-  
-  .icon-primary-tabletL:before {
-    content: "\e905"; }
-  
-  .icon-primary-tv:before {
-    content: "\e906"; }
-  
-  .icon-primary-tvL:before {
-    content: "\e907"; }
-  
-  .icon-primary-calendar {
-    width: 100% !important; }
-  
-  .icon-primary-calendar:before {
-    content: "\e91a";
-    z-index: 1; }
-  
-  .icon-primary-calendarL:before {
-    content: "\e91b"; }
-  
-  .icon-primary-star:before {
-    content: "\e96c"; }
-  
-  .icon-primary-close:before,
-  .close:before,
-  .reset-field:before {
-    content: "\e910"; }
-  
-  .icon-primary-down:before {
-    content: "\ea3c"; }
-  
-  
-  
-  .icon-primary-add-maximize:before {
-    content: "\e91f"; }
-  
-  
-  
-  .icon-primary-questionmark:before {
-    content: "\e90f"; }
-  
-  .icon-primary-badgealert:before,
-  .form-row.error .error-msg:before {
-    content: "\e90e"; }
-  
-  .icon-primary-approval:before {
-    content: "\e925"; }
-  
-  .icon-primary-flat-info:before {
-    content: "\e927"; }
-  
-  .icon-primary-alert:before {
-    content: "\e913"; }
-  
-  .icon-primary-tooltip:before,
-  .icon-primary-flat-faq:before {
-    content: "\e90d"; }
-  
-  .icon-primary-tooltip {
-    font-size: 20px; }
-  
-  .nav-links a:after,
-  .bellyband-link a:after,
-  .breadcrumb > li:after,
-  .icon-primary-right:before {
-    content: "\ea3c";
-    transform: rotate(-90deg); }
-  
-  .icon-primary-left:before {
-    content: "\ea3c";
-    transform: rotate(90deg); }
-  
-  .icon-primary-accordion-plus:after,
-  .icon-primary-collapsed:after,
-  .icon-primary-accordion-minus:after,
-  .icon-primary-expanded:after {
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 1; }
-  
-  .icon-primary-accordion-minus,
-  .icon-primary-expanded,
-  .icon-primary-accordion-plus,
-  .icon-primary-collapsed {
-    font-size: 20px !important; }
-  
-  :not(.ds2-no-colors) .icon-primary-accordion-minus:before,
-  :not(.ds2-no-colors) .icon-primary-expanded:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
-    content: ""; }
-  
-  :not(.ds2-no-colors) .icon-primary-accordion-plus:before,
-  :not(.ds2-no-colors) .icon-primary-collapsed:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M10.5%2015.9c-.4%200-.8-.3-.8-.8V5.9c0-.4.3-.8.8-.8s.8.3.8.8v9.3c0%20.4-.4.7-.8.7z%22%2F%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
-    content: ""; }
-  
-  .ds2-no-colors .icon-primary-accordion-minus:before,
-  .ds2-no-colors .icon-primary-expanded:before {
-    background-image: none;
-    content: "\e901"; }
-  
-  .ds2-no-colors .icon-primary-accordion-minus:after,
-  .ds2-no-colors .icon-primary-expanded:after {
-    content: "\e902"; }
-  
-  .ds2-no-colors .icon-primary-accordion-plus:before,
-  .ds2-no-colors .icon-primary-collapsed:before {
-    background-image: none;
-    content: "\e90b"; }
-  
-  .ds2-no-colors .icon-primary-accordion-plus:after,
-  .ds2-no-colors .icon-primary-collapsed:after {
-    content: "\e911"; }
-  
-  .icon-primary-circle-arrow {
-    outline: 1px solid transparent;
-    border-radius: 50%;
-    font-size: 20px !important;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
-    margin-right: 7px; }
-  
-  .icon-primary-circle-arrow:after {
-    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20baseProfile%3D%22tiny%22%3E%3Ccircle%20r%3D%2217%22%20cy%3D%2218%22%20cx%3D%2218%22%20stroke-width%3D%221%22%20fill%3D%22transparent%22%20stroke%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E");
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 2; }
-  
-  .icon-primary-circle-arrow:before {
-    border-radius: 50%;
-    content: "\ea3c";
-    font-size: 12px;
-    top: 0;
-    position: absolute;
-    transform: rotate(-90deg);
-    width: 20px;
-    z-index: 1; }
-  
-  [class*="icon-primary-"] [class*="icon-primary-"] {
-    display: inline-block;
-    float: left;
-    font-size: 1em;
-    margin-left: -1em;
-    position: absolute; }
-  
-  [class*="icon-primary-"].white, [class^="ico"][class*="-"].white {
-    color: #fff; }
-  
-  [class*="icon-primary-"].black, [class^="ico"][class*="-"].black {
-    color: #000; }
-  
-  [class*="icon-primary-"].blue, [class^="ico"][class*="-"].blue {
-    color: #0568ae; }
-  
-  [class*="icon-primary-"].green, [class^="ico"][class*="-"].green {
-    color: #007a3e; }
-  
-  @-webkit-viewport {
-    width: device-width; }
-  
-  @-moz-viewport {
-    width: device-width; }
-  
-  @-ms-viewport {
-    width: device-width; }
-  
-  @-o-viewport {
-    width: device-width; }
-  
-  @viewport {
-    width: device-width; }
-  
-  .clearfix:before,
-  .clearfix:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .clearfix:after {
-    clear: both; }
-  
-  .pull-right {
-    float: right !important; }
-  
-  .pull-left {
-    float: left !important; }
-  
-  .float-children-left:before,
-  .float-children-left:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .float-children-left:after {
-    clear: both; }
-  
-  .float-children-left > div {
-    float: left;
-    white-space: nowrap; }
-  
-  .block {
-    display: block !important; }
-  
-  .inline {
-    display: inline !important; }
-  
-  .inline-block {
-    display: inline-block !important; }
-  
-  .table-cell {
-    display: table-cell !important;
-    width: 1%;
-    vertical-align: middle; }
-  
-  @media (max-width: 767px) {
-    .full-bleed {
-      width: auto;
-      margin-left: -15px;
-      margin-right: -15px;
-      padding: 15px; } }
-  
-  @media (min-width: 768px) {
-    .full-bleed {
-      width: auto;
-      margin-left: -20px;
-      margin-right: -20px;
-      padding: 20px; } }
-  
-  @media (max-width: 480px) {
-    .full-bleed {
-      width: auto;
-      margin-left: -15px;
-      margin-right: -15px;
-      padding: 0 15px; } }
-  
-  .fade {
-    opacity: 0;
-    filter: alpha(opacity=0);
-    transition: opacity .15s linear; }
-  
-  .fade.in {
-    opacity: 1;
-    filter: alpha(opacity=100); }
-  
-  .b2bCollapse {
-    display: none; }
-  
-  .collapse.in {
-    height: auto; }
-  
-  .nowrap {
-    white-space: nowrap; }
-  
-  .pre {
-    white-space: pre; }
-  
-  .hidden-spoken {
-    border: 0 none !important;
-    clip: rect(0px, 0px, 0px, 0px) !important;
-    height: 1px !important;
-    letter-spacing: 0;
-    line-height: 0;
-    overflow: hidden !important;
-    margin-top: -1px;
-    padding: 0 !important;
-    position: absolute !important;
-    width: 1px !important; }
-  
-  [data-sr-text].hidden-spoken:before {
-    border: 0 none !important;
-    content: attr(data-sr-text);
-    clip: rect(0px, 0px, 0px, 0px) !important;
-    height: 1px !important;
-    letter-spacing: 0;
-    line-height: 0;
-    overflow: hidden !important;
-    padding: 0 !important;
-    position: absolute !important;
-    width: 100% !important;
-    z-index: -1; }
-  
-  [data-sr-text].hidden-spoken {
-    position: relative !important;
-    width: auto !important; }
-  
-  [data-show-between] {
-    display: none;
-    visibility: hidden; }
-  
-  .noscroll-y {
-    overflow-y: hidden !important; }
-  
-  .invisible {
-    visibility: hidden !important;
-    opacity: 0 !important; }
-  
-  .transparent {
-    background-color: rgba(255, 255, 255, 0) !important; }
-  
-  .hide {
-    display: none !important; }
-  
-  .show {
-    display: block !important; }
-  
-  .rel {
-    position: relative !important; }
-  
-  .legend-pad {
-    padding: 0 15px; }
-  
-  .border-top {
-    border-top-width: 1px !important; }
-  
-  .border-left {
-    border-left-width: 1px !important; }
-  
-  .border-right {
-    border-right-width: 1px !important; }
-  
-  .border-bottom {
-    border-bottom-width: 1px !important; }
-  
-  .border-dark {
-    border-color: #000; }
-  
-  .border-light {
-    border-color: #fff; }
-  
-  .no-border-top {
-    border-top-width: 0 !important; }
-  
-  .no-border-left {
-    border-left-width: 0 !important; }
-  
-  .no-border-right {
-    border-right-width: 0 !important; }
-  
-  .no-border-bottom {
-    border-bottom-width: 0 !important; }
-  
-  .align-middle {
-    margin: 0 auto !important; }
-  
-  .align-top {
-    position: absolute;
-    top: 0; }
-  
-  .align-bottom {
-    position: absolute;
-    bottom: 0; }
-  
-  .valign-top {
-    vertical-align: top !important; }
-  
-  .valign-middle {
-    vertical-align: middle !important; }
-  
-  .valign-bottom {
-    vertical-align: bottom !important; }
-  
-  .align-children-middle > * {
-    margin: 0 auto; }
-  
-  [class*="valign-children-"] {
-    display: table; }
-  
-  [class*="valign-children-"] > * {
-    display: table-cell; }
-  
-  .valign-children-top > * {
-    vertical-align: top; }
-  
-  .valign-children-middle > * {
-    vertical-align: middle; }
-  
-  .valign-children-bottom > * {
-    vertical-align: bottom; }
-  
-  .no-pad {
-    padding: 0 !important; }
-  
-  .top-space {
-    margin-top: 60px !important; }
-  
-  .bottom-space {
-    margin-bottom: 60px !important; }
-  
-  .top-pad {
-    padding-top: 60px !important; }
-  
-  .bottom-pad {
-    padding-bottom: 60px !important; }
-  
-  @media (max-width: 767px) {
-    .top-space {
-      margin-top: 30px !important; }
-    .bottom-space {
-      margin-bottom: 30px !important; }
-    .top-pad {
-      padding-top: 30px !important; }
-    .bottom-pad {
-      padding-bottom: 30px !important; } }
-  
-  .affix {
-    position: fixed; }
-  
-  .img-landscape,
-  .img-portrait {
-    position: relative; }
-  
-  @media (orientation: landscape) {
-    .img-landscape {
-      display: block; }
-    .img-portrait {
-      display: none !important; } }
-  
-  @media (orientation: portrait) {
-    .img-landscape {
-      display: none !important; }
-    .img-portrait {
-      display: block; } }
-  
-  .dark-bg {
-    background-color: #222222; }
-  
-  /* ... JAVASCRIPT HOOKS .................
-     ... used by javascript ............... */
-  .autoSize,
-  .autoSize-this {
-    position: relative; }
-  
-  .truncate {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis; }
-  
-  .placeholdersjs {
-    color: #5a5a5a !important; }
-  
-  .jshook-return-focus-here {
-    display: block; }
-  
-  .visible-print {
-    display: none !important; }
-  
-  .hidden-print {
-    display: inherit !important; }
-  
-  @media print {
-    .visible-print {
-      display: inherit !important; }
-    .hidden-print {
-      display: none !important; }
-    * {
-      color: #000 !important;
-      background: transparent !important;
-      box-shadow: none !important; }
-    a,
-    a:visited {
-      text-decoration: underline; }
-    pre,
-    blockquote {
-      border: 1px solid #000;
-      page-break-inside: avoid; }
-    thead {
-      display: table-header-group; }
-    tr,
-    img {
-      page-break-inside: avoid; }
-    img {
-      max-width: 100% !important; }
-    @page {
-      margin: 0.5cm; }
-    p,
-    h2,
-    h3 {
-      orphans: 3;
-      widows: 3; }
-    h2,
-    h3 {
-      page-break-after: avoid; } }
-  
-  .mar-top-0 {
-    margin-top: 0px; }
-  
-  .mar-top-30 {
-    margin-top: 30px; }
-  
-  a:focus {
-    outline: thin dotted #191919; }
-  
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-weight: normal;
-    text-rendering: optimizeLegibility;
-    margin: 0;
-    line-height: 1; }
-  
-  .heading-page {
-    font-size: 3.8rem !important;
-    font-family: "Omnes-ECOMP-W02-Light", Arial;
-    margin-bottom: 40px; }
-  
-  h1.heading-page.ng-scope {}
-  
-  .heading-major-section {
-    font-size: 3rem !important;
-    font-family: "Omnes-ECOMP-W02-Light", Arial;
-    margin-bottom: 40px !important; }
-  
-  .heading-sub-section {
-    font-size: 2.4rem !important;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 40px; }
-  
-  .heading-group {
-    font-size: 2rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #ea7400;
-    margin-bottom: 20px !important; }
-  
-  .heading-medium {
-    font-size: 2rem !important;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-medium-emphasis {
-    font-size: 2rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-small {
-    font-size: 1.8rem !important;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-small-emphasis {
-    font-size: 1.8rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-micro {
-    font-size: 1.3rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    text-transform: uppercase;
-    color: #da0081;
-    margin-bottom: 10px; }
-  
-  * + .heading-major-section {
-    margin-top: 60px; }
-  
-  * + .heading-sub-section {
-    margin-top: 60px; }
-  
-  * + .heading-group {
-    margin-top: 40px !important; }
-  
-  * + .heading-medium {
-    margin-top: 40px; }
-  
-  * + .heading-medium-emphasis {
-    margin-top: 40px; }
-  
-  * + .heading-small {
-    margin-top: 40px; }
-  
-  * + .heading-small-emphasis {
-    margin-top: 40px; }
-  
-  * + .heading-micro {
-    margin-top: 20px; }
-  
-  .lead {
-    color: #666;
-    font-family: "Omnes-ECOMP-W02-Light-Italic", Arial;
-    font-size: 2.4rem;
-    line-height: 2.8rem;
-    margin-top: 10px;
-    letter-spacing: -0.024rem; }
-  
-  .eyebrow {
-    text-transform: uppercase;
-    line-height: .65 !important; }
-  
-  .eyebrow,
-  .subheading {
-    font-size: 1.4rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #666; }
-  
-  .eyebrow + .heading-major-section,
-  .eyebrow + .heading-sub-section {
-    margin-top: 4px; }
-  
-  .subheading {
-    margin-top: 10px; }
-  
-  @media (max-width: 767px) {
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6,
-    .heading-page {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 30px; }
-    .heading-major-section {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 30px; }
-    .heading-sub-section {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px; }
-    .heading-medium {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px; }
-    .heading-medium-emphasis {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px; }
-    .heading-small {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 10px; }
-    .heading-small-emphasis {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      margin-bottom: 5px; }
-    * + .heading-major-section {
-      margin-top: 30px; }
-    * + .heading-sub-section {
-      margin-top: 30px; }
-    * + .heading-group {
-      margin-top: 20px; }
-    * + .heading-medium {
-      margin-top: 20px; }
-    * + .heading-medium-emphasis {
-      margin-top: 20px; }
-    * + .heading-small {
-      margin-top: 20px; }
-    * + .heading-small-emphasis {
-      margin-top: 20px; }
-    * + .heading-micro {
-      margin-top: 10px; } }
-  
-  /* Standard Type styles */
-  .zeromargin {
-    margin: 0 !important; }
-  
-  a {
-    color: #0568ae;
-    text-decoration: none; }
-  
-  a:hover,
-  a:focus {
-    text-decoration: underline; }
-  
-  a:active {
-    color: #0568ae; }
-  
-  .a-min {
-    font-size: 12px; }
-  
-  .a-small {
-    font-size: 14px; }
-  
-  .a-max {
-    font-size: 18px; }
-  
-  a.show-qualifier {
-    margin-right: 25px;
-    position: relative; }
-  
-  a.show-qualifier:after {
-    color: #333333;
-    display: inline-block;
-    white-space: pre !important; }
-  
-  a[href$="pdf"].show-qualifier:after,
-  a.show-qualifier.pdf:after {
-    content: " (PDF)"; }
-  
-  a[href$="psd"].show-qualifier:after,
-  a.show-qualifier.psd:after {
-    content: " (PSD)"; }
-  
-  .standalone-link {
-    display: flex; }
-  
-  /* 20px for the icon, 10px left of icon */
-  .standalone-link.small {
-    font-size: 1.4rem; }
-  
-  .standalone-link.small i[class*="icon-primary-"] {
-    font-size: 16px;
-    top: 2px; }
-  
-  .standalone-link.large {
-    font-size: 1.8rem; }
-  
-  .standalone-link.large i[class*="icon-primary-"] {
-    font-size: 24px;
-    top: -1px; }
-  
-  p {
-    margin: 0 0 12px 0;
-    line-height: 2rem; }
-  
-  .p-small {
-    font-size: 1.4rem;
-    line-height: 1.8rem; }
-  
-  p + .p-small {
-    margin: 10px 0 0; }
-  
-  .p-micro {
-    font-size: 1.2rem;
-    line-height: 1.5rem; }
-  
-  p + .p-micro {
-    margin: 10px 0 0; }
-  
-  .p-max {
-    font-size: 1.8rem; }
-  
-  p + .p-max {
-    margin: 10px 0 0; }
-  
-  b,
-  strong {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: normal; }
-  
-  i,
-  em {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal; }
-  
-  .strike {
-    text-decoration: line-through; }
-  
-  sup {
-    display: inline-block;
-    font-style: normal;
-    height: 1em;
-    position: relative;
-    vertical-align: text-top;
-    width: auto; }
-  
-  .text-legal {
-    color: #5a5a5a;
-    font-size: 1.1rem;
-    line-height: 1.5rem;
-    margin: 0 0 10px; }
-  
-  .text-legal.legal-module {
-    line-height: 1.3rem;
-    margin: 0 0 12px; }
-  
-  .text-legal b,
-  .text-legal strong {
-    font-weight: bold; }
-  
-  .text-legal a {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .text-left {
-    text-align: left !important; }
-  
-  .text-right {
-    text-align: right !important; }
-  
-  .text-center {
-    text-align: center !important; }
-  
-  .text-justified {
-    text-align: justify !important; }
-  
-  ul {
-    padding: 0;
-    margin: 0;
-    list-style: none; }
-  
-  ul.bullet,
-  ul.no-bullet,
-  ul.lower-alpha,
-  ul.lower-roman,
-  ol {
-    padding: 0;
-    margin: 12px 0 0 20px; }
-  
-  ul.bullet li,
-  ul.no-bullet li,
-  ul.lower-alpha li,
-  ul.lower-roman li,
-  ol li {
-    padding-left: 15px;
-    line-height: 20px;
-    position: relative; }
-  
-  ul.bullet li + li,
-  ul.no-bullet li + li,
-  ul.lower-alpha li + li,
-  ul.lower-roman li + li,
-  ol li + li {
-    margin-top: 12px; }
-  
-  ul.bullet > li:before,
-  ul.no-bullet > li:before,
-  ul.lower-alpha > li:before,
-  ul.lower-roman > li:before,
-  ol > li:before {
-    background-color: #333333;
-    border: 2px solid #333333;
-    border-radius: 100%;
-    content: " ";
-    display: block;
-    height: 1px;
-    left: 0;
-    position: absolute;
-    top: 8px;
-    width: 1px; }
-  
-  ul.bullet ul,
-  ul.no-bullet ul,
-  ul.lower-alpha ul,
-  ul.lower-roman ul,
-  ol ul,
-  ul.bullet ol,
-  ul.no-bullet ol,
-  ul.lower-alpha ol,
-  ul.lower-roman ol,
-  ol ol {
-    margin-top: 12px; }
-  
-  ul + *,
-  ol + * {
-    margin-top: 20px; }
-  
-  ul.no-bullet,
-  ul.lower-alpha,
-  ul.lower-roman {
-    margin: 0; }
-  
-  ul.no-bullet > li,
-  ul.lower-alpha > li,
-  ul.lower-roman > li {
-    padding-left: 0; }
-  
-  ul.no-bullet > li:before,
-  ul.lower-alpha > li:before,
-  ul.lower-roman > li:before {
-    display: none !important; }
-  
-  ol {
-    margin: 20px 0 0 32px; }
-  
-  ol li {
-    padding-left: 3px; }
-  
-  ol li:before {
-    display: none; }
-  
-  ol ol {
-    margin-left: 25px; }
-  
-  ol ul {
-    margin-left: -5px; }
-  
-  ul ul,
-  ul ol,
-  ol ol,
-  ol ul {
-    margin-top: 0; }
-  
-  ul.lower-roman {
-    list-style-type: lower-roman;
-    margin-top: 12px;
-    margin-left: 35px;
-    margin-bottom: 0; }
-  
-  ul.lower-alpha {
-    list-style-type: lower-alpha;
-    margin-top: 12px;
-    margin-left: 35px;
-    margin-bottom: 0; }
-  
-  dl {
-    display: table;
-    margin: 0 0 20px;
-    width: 100%; }
-  
-  dt,
-  dd {
-    display: table-cell; }
-  
-  .btn {
-    background-color: transparent;
-    background-clip: padding-box;
-    border: 1px solid transparent;
-    border-radius: 8px;
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
-    cursor: pointer;
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 0.5rem;
-    font-weight: normal;
-    line-height: 1;
-    margin: 0 7px 10px 0;
-  
-  
-    padding: 14px 19px 11px 18px;
-    position: relative;
-    text-align: center;
-    vertical-align: middle;
-    white-space: nowrap;
-    overflow: hidden; }
-    .btn:focus {
-      outline: 1px dotted #000;
-      outline-offset: -5px; }
-    .btn:last-child {
-      margin-right: 0; }
-    .btn::-moz-focus-inner {
-      padding: 0;
-      border: 0; }
-    .btn i[class*="icon-primary-"].icon-primary-small {
-      font-size: 24px;
-      top: -2px; }
-    .btn i[class*="icon-primary-"].icon-primary-medium {
-      font-size: 10px;
-      top: -2px; }
-    .btn i[class*="icon-primary-"].icon-primary-large {
-      font-size: 10px;
-      top: -2px; }
-  
-  a.btn {
-    vertical-align: middle; }
-    a.btn:hover {
-      text-decoration: none; }
-  
-  .field-group + .btn {
-    margin-left: 20px; }
-  
-  .btn-primary {
-    border-color: #ea7400 transparent #d16500;
-    background-color: #ea7400 transparent #d16500;
-    background: linear-gradient(to bottom, #ea7400 0%, #d16500 100%);
-    color: #ffffff;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-weight: bold; }
-    .btn-primary:hover {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-primary:focus {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-primary:active {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-  
-  .btn-arrow {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.6rem;
-    font-weight: normal;
-    background-color: transparent;
-    border: none;
-    padding: 5px 0 0;
-    top: -4px;
-    color: #333333;
-    position: relative; }
-    .btn-arrow:hover {
-      text-decoration: underline; }
-      .btn-arrow:hover .btn-primary {
-        text-decoration: none;
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-      .btn-arrow:hover .btn-secondary {
-        color: #0568ae;
-        outline-color: #000000 !important;
-        background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-      .btn-arrow:hover .btn-alt {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-      .btn-arrow:hover .btn-specialty {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-arrow:focus {
-      text-decoration: underline;
-      outline: 1px dotted #666; }
-      .btn-arrow:focus .btn-primary {
-        text-decoration: none;
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-      .btn-arrow:focus .btn-secondary {
-        color: #0568ae;
-        outline-color: #000000 !important;
-        background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-      .btn-arrow:focus .btn-alt {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-      .btn-arrow:focus .btn-specialty {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-arrow:active .btn-primary {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-arrow:active .btn-secondary {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-arrow:active .btn-alt {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-    .btn-arrow:active .btn-specialty {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-arrow .btn-alt {
-      border-color: #087ac2 transparent #0568ae;
-      background-color: #0568ae;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-      color: #ffffff; }
-      .btn-arrow .btn-alt:hover {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-      .btn-arrow .btn-alt:focus {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-      .btn-arrow .btn-alt:active {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-arrow::-moz-focus-inner {
-      padding: 0;
-      border: 0; }
-    .btn-arrow .btn {
-      border: 1px solid transparent;
-      border-radius: 100%;
-      height: 20px;
-      margin-bottom: 0;
-      margin-right: 7px;
-      max-width: 20px;
-      min-width: 20px;
-      padding: 0;
-      margin-top: -4px;
-      vertical-align: middle;
-      width: 36px; }
-      .btn-arrow .btn .icon-primary-left {
-        bottom: 0;
-        display: block;
-        height: 100%;
-        left: 0;
-        line-height: 0;
-        position: absolute;
-        right: 0;
-        text-indent: 0;
-        top: 0; }
-        .btn-arrow .btn .icon-primary-left:before {
-          position: absolute;
-          font-size: 1.6rem;
-          left: 1px;
-          top: 9px; }
-      .btn-arrow .btn .icon-primary-right {
-        bottom: 0;
-        display: block;
-        height: 100%;
-        left: 0;
-        line-height: 0;
-        position: absolute;
-        right: 0;
-        text-indent: 0;
-        top: 0;
-        color: #ffffff; }
-        .btn-arrow .btn .icon-primary-right:before {
-          position: absolute;
-          font-size: 1.6rem;
-          left: 17px;
-          top: 9px; }
-    .btn-arrow .btn.btn-primary .icon-primary-left {
-      color: #fff; }
-    .btn-arrow .btn.btn-primary .icon-primary-right {
-      color: #fff; }
-    .btn-arrow .btn.btn-alt .icon-primary-left {
-      color: #fff; }
-    .btn-arrow .btn.btn-alt .icon-primary-right {
-      color: #fff; }
-    .btn-arrow .btn.btn-secondary {
-      border: 1px solid #d2d2d2; }
-      .btn-arrow .btn.btn-secondary .icon-primary-left {
-        color: #0568ae; }
-      .btn-arrow .btn.btn-secondary .icon-primary-right {
-        color: #0568ae; }
-    .btn-arrow .btn.btn-small {
-      height: 10px;
-      
-      
-      width: 10px;
-      top: -1px; }
-      .btn-arrow .btn.btn-small .icon-primary-left:before {
-        font-size: 5px;
-        top: 4px;
-        left: 0; }
-      .btn-arrow .btn.btn-small .icon-primary-right:before {
-        font-size: 5px;
-        top: 4px;
-        left: 10px; }
-    .btn-arrow .btn.btn-large .icon-primary-left:before {
-      font-size: 112%;
-      top: 12px;
-      left: 23px; }
-    .btn-arrow .btn.btn-large .icon-primary-right:before {
-      font-size: 112%;
-      top: 12px;
-      left: 23px; }
-  
-  .btn-secondary {
-    border: 1px solid #d2d2d2;
-    background-color: #f2f2f2;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    color: #0568ae;
-    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    padding: 14px 18px 11px 17px; }
-    .btn-secondary:hover {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-secondary:focus {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-secondary:active {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-  
-  .btn-alt {
-    border-color: #087ac2 transparent #0568ae;
-    background-color: #0568ae;
-    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-    color: #ffffff; }
-    .btn-alt:hover {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-alt:focus {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-alt:active {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-  
-  .btn-specialty {
-    border-color: #008744 transparent #007a3e;
-    background-color: #007a3e;
-    background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-    color: #ffffff; }
-    .btn-specialty:hover {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-specialty:focus {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-specialty:active {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  
-  .btn-clear {
-    background: transparent !important;
-    border-color: transparent !important;
-    font-weight: normal;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    box-shadow: none;
-    text-decoration: none;
-    color: #0568ae; }
-    .btn-clear:focus {
-      text-decoration: underline; }
-    .btn-clear:hover {
-      text-decoration: underline; }
-  
-  .isIE .btn:focus {
-    outline: none !important;
-    text-decoration: none !important; }
-    .isIE .btn:focus:after {
-      display: block;
-      content: "";
-      position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
-      bottom: 4px;
-      border: 1px dotted #000; }
-  
-  .isIE .btn:active {
-    outline: none !important;
-    text-decoration: none !important; }
-    .isIE .btn:active:after {
-      display: block;
-      content: "";
-      position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
-      bottom: 4px;
-      border: 1px dotted #000; }
-  
-  .isIE .btn.active {
-    outline: none !important;
-    text-decoration: none !important; }
-    .isIE .btn.active:not(:focus):after {
-      border: 1px solid #000; }
-    .isIE .btn.active:after {
-      display: block;
-      content: "";
-      position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
-      bottom: 4px;
-      border: 1px dotted #000; }
-  
-  .isIE .btn.btn-primary:focus:after {
-    border: 2px dashed #fff; }
-  
-  .isIE .btn.btn-specialty:focus:after {
-    border: 2px dashed #fff; }
-  
-  .isIE .btn.btn-alt:focus:after {
-    border: 2px dashed #fff; }
-  
-  .btn.disabled {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn.disabled:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn.disabled:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn[disabled] {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn[disabled]:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn[disabled]:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn[disabled="disabled"] {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn[disabled="disabled"]:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn[disabled="disabled"]:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn-arrow[disabled] .btn {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn-arrow[disabled] .btn:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn-arrow[disabled] .btn:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn-arrow[disabled] .icon-primary-left {
-    color: #fff !important; }
-  
-  .btn-arrow[disabled] .icon-primary-right {
-    color: #fff !important; }
-  
-  .btn-arrow.disabled .btn {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn-arrow.disabled .btn:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn-arrow.disabled .btn:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn-arrow.disabled .icon-primary-left {
-    color: #fff !important; }
-  
-  .btn-arrow.disabled .icon-primary-right {
-    color: #fff !important; }
-  
-  .btn-medium {
-    padding: 12px 19px 11px 18px;
-    font-size: 1.7rem; }
-  
-  .btn-small {
-    /* padding: 10px 19px 9px 18px; */
-    font-size: 1.5rem;
-    border-radius: 8px; }
-  
-  .btn-fullwidth {
-    width: 100%; }
-  
-  *:not(.btn-arrow) > .btn > i[class*="icon-primary-"] {
-    margin-top: -20px;
-    margin-bottom: -20px; }
-  
-  .enhanced-cta-group {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-direction: row-reverse;
-    flex-direction: row-reverse;
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3A%23959595%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important;
-    background-position: 0 -1px;
-    background-repeat: repeat-x; }
-    .enhanced-cta-group > .cta-button-group {
-      border-top: 0;
-      background-image: none !important; }
-      .enhanced-cta-group > .cta-button-group + .cta-button-group a {
-        font-size: 1.4rem;
-        line-height: 1em; }
-        .enhanced-cta-group > .cta-button-group + .cta-button-group a a {
-          margin-right: 0; }
-      .enhanced-cta-group > .cta-button-group hr {
-        min-height: 14px; }
-      .enhanced-cta-group > .cta-button-group + .cta-button-group {
-        -ms-flex-align: center;
-        -ms-grid-row-align: center;
-        align-items: center;
-        -ms-flex-direction: row;
-        flex-direction: row;
-        padding: 10px 0; }
-  
-  .cta-button-group {
-    text-align: right;
-    -ms-flex-align: baseline;
-    align-items: baseline;
-    padding: 20px 0 10px;
-    width: 100%; }
-    .cta-button-group.nodots {
-      background-image: none !important; }
-    .cta-button-group .hidden-phone {
-      margin-right: 14px; }
-    .cta-button-group .btn + .btn {
-      margin-right: 20px !important; }
-    .cta-button-group .btn:not(.hidden-phone):not(.visible-phone) {
-      margin-right: 0; }
-  
-  .isMobile .btn-arrow .btn.btn-small .icon-primary-left:before {
-    left: -1px; }
-  
-  .isMobile .btn-arrow .btn.btn-large .icon-primary-left:before {
-    left: 24px; }
-  
-  .isMobile .btn-arrow .btn.btn-large .icon-primary-right:before {
-    left: 24px; }
-  
-  @media (max-width: 1024px) {
-    .field-group + .btn {
-      margin-left: 15px; } }
-  
-  @media (max-width: 767px) {
-    .cta-button-group {
-      text-align: center; }
-      .cta-button-group > .btn {
-        display: block;
-        float: none;
-        width: 100%;
-        margin-left: auto !important;
-        margin-right: auto !important; } }
-  
-  .btn-group {
-    border-radius: 8px;
-    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-    margin-bottom: 10px;
-    max-width: 470px;
-    min-width: 290px;
-    position: relative;
-    vertical-align: middle;
-    width: 100%; }
-    .btn-group > .btn {
-      box-shadow: none;
-      -ms-flex: 1;
-      flex: 1;
-      position: relative;
-      float: left;
-      margin-right: -1px;
-      margin-bottom: 0;
-      padding-left: 0;
-      padding-right: 0;
-      text-align: center; }
-    .btn-group:not([data-select-color]) .btn.active:not(:first-child) {
-      margin-right: -1px;
-      border-left: 1px solid #d2d2d2 !important; }
-    .btn-group:not([data-select-color]) .btn[disabled]:not(:first-child) {
-      border-left: 1px solid #d2d2d2 !important; }
-    .btn-group:not([data-select-color]) .btn[disabled] + .btn[disabled] {
-      border-left: 1px solid #ebebeb !important; }
-    .btn-group:not([data-select-color]) > .btn.active {
-      border-color: #087ac2 transparent #0568ae;
-      background-color: #0568ae;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-      color: #ffffff; }
-      .btn-group:not([data-select-color]) > .btn.active:hover {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: #0563a6;
-        border-color: #0563a6; }
-      .btn-group:not([data-select-color]) > .btn.active:focus {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: #0563a6;
-        border-color: #0563a6; }
-      .btn-group:not([data-select-color]) > .btn.active:active {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: #0563a6;
-        border-color: #0563a6; }
-    .btn-group:not([data-select-color]) > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
-      border-radius: 0; }
-    .btn-group:not([data-select-color]) > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0; }
-    .btn-group:not([data-select-color]) > .btn:last-child:not(:first-child) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0; }
-    .btn-group:not([data-select-color]) > .dropdown-toggle:not(:first-child) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0; }
-    .btn-group > .active {
-      text-decoration: none;
-      outline: 1px dotted transparent; }
-      .btn-group > .active:focus {
-        outline: 1px dotted #ffffff; }
-  
-  .btn-group.btn-fullwidth > .btn {
-    -ms-flex: 1;
-    flex: 1; }
-  
-  .btn-group[data-select-color] {
-    margin-top: 5px;
-    box-shadow: none;
-    -ms-flex-pack: start;
-    justify-content: flex-start;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap; }
-    .btn-group[data-select-color] .btn {
-      border: 1px solid #959595;
-      border-radius: 4px;
-      box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-      margin-right: 10px;
-      margin-bottom: 10px;
-      height: 40px;
-      font-size: 16px;
-      color: #333333;
-      max-width: 60px;
-      min-width: 60px;
-      -ms-flex: 0;
-      flex: 0; }
-    .btn-group[data-select-color] > .btn.active:focus {
-      outline: 1px dotted #191919;
-      outline-offset: 4px; }
-  
-  button .btn-fill {
-    background-clip: padding-box;
-    border: 0;
-    border-radius: 4px;
-    bottom: 0;
-    display: block;
-    height: auto;
-    left: 0;
-    margin: 5px;
-    position: absolute;
-    right: 0;
-    top: 0;
-    width: auto; }
-  
-  button .btn-fill[style*="#fff"] {
-    border: 1px solid #d2d2d2; }
-  
-  [data-select-color] .btn.active {
-    background: none !important;
-    outline: 0;
-    margin-right: 10px;
-    border-width: 3px;
-    color: #333333;
-    line-height: 12px; }
-    [data-select-color] .btn.active > .btn-fill {
-      margin: 3px; }
-    [data-select-color] .btn.active:hover {
-      color: #333333; }
-  
-  [data-select-color] .btn:active {
-    background: none !important;
-    outline: 0;
-    margin-right: 10px;
-    border-width: 3px;
-    color: #333333;
-    line-height: 12px; }
-    [data-select-color] .btn:active > .btn-fill {
-      margin: 3px; }
-    [data-select-color] .btn:active:hover {
-      color: #333333; }
-  
-  .btn-group[data-select-color="orange"] > .btn.active {
-    border-color: #ea7400; }
-  
-  .btn-group[data-select-color="blue"] > .btn.active {
-    border-color: #0568ae; }
-  
-  .btn-group[data-select-color="green"] > .btn.active {
-    border-color: #007a3e; }
-  
-  .btn-spinbutton-toggle.btn-group {
-    display: block !important;
-    height: 40px !important;
-    margin-top: 5px;
-    max-width: 138px;
-    min-width: 138px;
-    white-space: nowrap; }
-  
-  .btn-spinbutton-toggle .btn {
-    border-radius: 6px;
-    font-weight: normal;
-    -ms-flex: unset;
-    flex: unset;
-    height: 40px;
-    letter-spacing: normal;
-    min-width: auto;
-    padding: 3px 0 0;
-    text-align: center;
-    min-width: 46px;
-    width: 46px; }
-  
-  .btn-spinbutton-toggle .btn[data-max-value] {
-    border-bottom: 1px solid #d2d2d2;
-    border-top: 1px solid #d2d2d2;
-    box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-    background-color: #fff;
-    cursor: text;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 2rem;
-    font-weight: normal;
-    padding: 4px 0 0;
-    text-align: center;
-    min-width: 46px !important;
-    width: 46px; }
-    .btn-spinbutton-toggle .btn[data-max-value]:focus {
-      border-color: #0568ae;
-      outline: none; }
-      .btn-spinbutton-toggle .btn[data-max-value]:focus + .btn {
-        border-left: 1px solid #0568ae;
-        transition: border 0.3s linear 0s; }
-  
-  .btn-spinbutton-toggle .icon-primary-subtractminimize {
-    font-size: 30px !important;
-    color: #0568ae !important; }
-  
-  .btn-spinbutton-toggle .icon-primary-add-maximize {
-    font-size: 30px !important;
-    color: #0568ae !important; }
-  
-  .btn-spinbutton-toggle .btn[disabled].icon-primary-subtractminimize {
-    background-color: #d2d2d2;
-    color: #767676 !important; }
-  
-  .btn-spinbutton-toggle .btn[disabled].icon-primary-add-maximize {
-    background-color: #d2d2d2;
-    color: #767676 !important; }
-  
-  .btn-spinbutton-toggle input.btn[disabled] {
-    background-color: #d2d2d2;
-    color: #5a5a5a;
-    cursor: not-allowed; }
-  
-  .btn-group.btn-spinbutton-toggle .btn[disabled] + .btn[disabled] {
-    border-left: 1px solid #f0f0f0 !important; }
-  
-  .btn-group.btn-spinbutton-toggle .btn[data-max-value]:focus + .btn:not(:first-child) {
-    border-left: 1px solid #0568ae !important; }
-  
-  @media (max-width: 480px) {
-    .btn-group:not([data-select-color]) > .btn {
-      font-size: 1.3rem;
-      min-width: auto; } }
-  
-  .reset-field,
-  .close {
-    float: right;
-    background: none;
-    width: 34px;
-    height: 34px;
-    padding: 0;
-    overflow: hidden;
-    display: inline-block; }
-  
-  .reset-field {
-    display: none; }
-  
-  .reset-field:before {
-    font-size: 22px;
-    color: #5a5a5a; }
-  
-  .input-emphasized + .reset-field:before {
-    font-size: 29px;
-    color: #5a5a5a; }
-  
-  .reset-field:active,
-  .reset-field:hover,
-  .reset-field:focus {
-    display: block !important; }
-  
-  button.close {
+
+table, tr, td, th {
     border: 0;
-    appearance: none; }
-  
-  .corner-button {
-    box-shadow: 0 -50px 0 0 #f2f2f2 inset;
-    height: 69px;
-    /*overflow: hidden;*/
-    position: absolute;
-    right: -35px;
-    top: -35px;
-    transform: rotate(45deg);
-    width: 69px; }
-  
-  .corner-button .close:before {
-    bottom: -7px;
-    color: #0568ae;
-    display: block;
-    font-size: 20px;
-    height: 50px;
-    left: -11px;
-    position: absolute;
-    width: 50px; }
-  
-  .corner-button .close {
-    float: none;
-    height: 45px;
-    margin: 0;
-    position: absolute;
-    right: 12px;
-    top: 45px;
-    transform: rotate(45deg);
-    width: 45px; }
-  
-  .corner-button .close:focus {
-    outline: 1px dotted black; }
-  
-  .ds2-no-colors .corner-button .close {
-    border: 1px solid black; }
-  
-  .field-group input + .reset-field {
-    background: none;
-    height: 36px;
-    width: 45px;
-    display: none;
-    padding: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-    box-shadow: none;
-    border: none;
-    content: " "; }
-  
-  .field-group input[type="search"] + .reset-field,
-  .field-group input[type="search"] + .btn-search + .reset-field,
-  .tooltip-onclick input + .reset-field,
-  .tooltip-onclick input + .icon-primary-tooltip + .reset-field,
-  .tooltip-onclick textarea + .reset-field,
-  .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
-    right: 45px; }
-  
-  .field-group input[type="search"] + .reset-field:after,
-  .field-group input[type="search"] + .btn-search + .reset-field:after,
-  .tooltip-onclick input + .reset-field:after,
-  .tooltip-onclick input + .icon-primary-tooltip + .reset-field:after,
-  .tooltip-onclick textarea + .reset-field:after,
-  .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field:after {
-    background-color: #d2d2d2;
-    content: "";
-    display: block;
-    height: 20px;
-    position: absolute;
-    right: 0;
-    top: 8px;
-    width: 1px; }
-  
-  .tooltip-onclick input + .reset-field,
-  .tooltip-onclick input + .icon-primary-tooltip + .reset-field {
-    right: 50px !important; }
-  
-  .tooltip-onclick textarea + .reset-field,
-  .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
-    right: 45px !important;
-    width: 40px; }
-  
-  .field-group input.input-emphasized + .reset-field {
-    width: 45px;
-    height: 46px;
-    right: 6px; }
-  
-  .field-group input.input-emphasized + .reset-field:after {
-    top: 14px; }
-  
-  .field-group [disabled] + .reset-field {
-    display: none; }
-  
-  .ds2_touchevents .field-group input + .reset-field:focus,
-  .ds2_touchevents .field-group input:focus + .reset-field,
-  .ds2_touchevents textarea:focus + .reset-field,
-  .ds2_touchevents textarea + .reset-field:focus {
-    display: block;
-    position: absolute;
-    right: 0px;
-    top: 0;
-    border: none; }
-  
-  .ds2_touchevents .field-group input {
-    padding: 8px 55px 8px 15px;
-    -webkit-appearance: none; }
-  
-  .ds2_touchevents textarea:focus {
-    padding: 15px 55px 15px 15px; }
-  
-  .ds2_touchevents textarea:focus + .reset-field {
-    border: none;
-    position: absolute;
-    right: 6px;
-    top: 5px; }
-  
-  .ds2_touchevents textarea.hasScrollbar:focus {
-    padding: 15px 35px 15px 15px; }
-  
-  .ds2_touchevents textarea.hasScrollbar:focus + .reset-field {
-    right: 22px; }
-  
-  .ds2-no-colors .b2b-tmpl-card-corner-button {
-    border: none !important; }
-  
-  .ds2-no-colors .b2b-tmpl-card-corner-button .close {
-    border: 1px solid black;
-    top: 0px !important;
-    right: 0px !important; }
-  
-  .form-row.error .error-msg {
-    display: block;
-    font-size: 14px;
-    line-height: 14px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    position: relative;
-    padding-left: 18px; }
-  
-  .form-row.error .error-msg:before {
-    color: #cf2a2a;
-    font-size: 14px;
-    left: 0;
-    line-height: 14px;
-    position: absolute;
-    vertical-align: middle; }
-  
-  .form-row.error label,
-  .form-row.error .error-msg,
-  .form-row.error button.awd-select,
-  .form-row.error select.awd-select + span,
-  .form-row.error .checkbox,
-  .form-row.error .radio,
-  .form-row.error legend.error,
-  .form-row.error input {
-    color: #cf2a2a; }
-  
-  .form-row.error .btn-group > .btn,
-  .form-row.error button.awd-select,
-  .form-row.error .awd-select-list,
-  .form-row.error select.awd-select + span,
-  .form-row.error textarea,
-  .form-row.error input,
-  .form-row.error .checkbox .skin,
-  .form-row.error .radio .skin {
-    border-color: #cf2a2a !important; }
-  
-  .form-row.error .checkbox input:checked:not(:disabled) + .skin {
-    background-color: #cf2a2a; }
-  
-  .form-row.error .radio input:checked + .skin:after {
-    background-color: #cf2a2a; }
-  
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg {
-    margin-top: -11px;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0; }
-  
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext {
-    margin: 0 0 10px; }
-  
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:before,
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:after {
-    display: none; }
-  
-  .error .helpertext {
-    border-color: #cf2a2a;
-    /*border-radius:0;*/ }
-  
-  .error .helpertext:before {
-    border-top-color: #cf2a2a; }
-  
-  .error .tooltip-onfocus .helpertext {
-    margin: 14px 0 10px 0; }
-  
-  .error [class*="price"],
-  .error [class*="pricing-"] {
-    color: #cf2a2a; }
-  
-  input:-ms-clear {
-    display: none; }
-  
-  input[type]::-webkit-inner-spin-button,
-  input[type]::-webkit-outer-spin-button {
-    -webkit-appearance: none; }
-  
-  input[type] {
-    -moz-appearance: textfield; }
-  
-  form {
-    margin: 0; }
-  
-  fieldset {
-    padding: 0;
-    margin: 0;
-    border: 0; }
-  
-  label,
-  legend {
-    display: inline-block;
-    /* font-size: 1.4rem; */
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  legend {
-    display: block; }
-  
-  .error-msg {
-    display: none; }
-  
-  select,
-  textarea,
-  input {
-    border-radius: 6px;
-    color: #5a5a5a;
-    display: inline-block;
-    font-size: 1.6rem;
-    margin: 0px;
-    padding: 0 15px 0 15px;
-    vertical-align: middle;
-    line-height: normal; }
-  
-  select::-webkit-input-placeholder,
-  textarea::-webkit-input-placeholder,
-  input::-webkit-input-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select:-moz-placeholder,
-  textarea:-moz-placeholder,
-  input:-moz-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select::-moz-placeholder,
-  textarea::-moz-placeholder,
-  input::-moz-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select:-ms-input-placeholder,
-  textarea:-ms-input-placeholder,
-  input:-ms-input-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    transition: none;
-    opacity: 1; }
-  
-  select:placeholder,
-  textarea:placeholder,
-  input:placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select:last-child,
-  textarea:last-child,
-  input:last-child {
-    margin-right: 0; }
-  
-  input:not([type="button"]) {
-    height: 36px; }
-  
-  input.input-emphasized {
-    font-size: 1.8rem;
-    height: 48px;
-    padding: 13px 20px 13px; }
-  
-  input[type="search"]:focus {
-    padding-right: 88px; }
-  
-  input[type="search"] {
-    padding-right: 40px;
-    -webkit-appearance: none !important; }
-  
-  input[type="search"].input-emphasized {
-    padding-right: 45px; }
-  
-  .btn-search[class*="btn"] {
-    background-color: transparent;
-    background-position: 50% 50%;
-    background-size: 20px;
-    background-repeat: no-repeat;
-    border: none;
-    height: 100%;
-    margin-left: 0;
-    margin-top: 0;
-    min-width: 45px !important;
-    outline-offset: 0;
-    padding: 0 !important;
-    position: absolute;
-    right: 0;
-    top: 0;
-    border-radius: 0 5px 5px 0;
-    min-width: 44px;
-    width: 44px; }
-  
-  .input-emphasized + .btn-search[class*="btn"],
-  .input-emphasized + .reset-field + .btn-search[class*="btn"] {
-    background-size: 26px;
-    height: 46px;
-    top: 1px;
-    outline-offset: -3px;
-    margin-bottom: 0;
-    border-radius: 0 5px 5px 0; }
-  
-  input[type="search"].input-emphasized + .reset-field {
-    right: 45px !important; }
-  
-  .search-suggestion-wrapper {
-    position: relative;
-    margin-bottom: 15px; }
-  
-  /*styles from dropdown*/
-  .search-suggestion-list {
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-    border-radius: 0 0 6px 6px;
-    position: relative;
-    border: 1px solid #0568ae;
-    border-top: 0;
-    padding: 15px 0;
-    background-color: #f2f2f2;
-    z-index: 1000;
-    width: 100%;
-    max-height: 400px;
-    overflow-y: auto; }
-  
-  .search-suggestion-list:empty {
-    display: none; }
-  
-  .search-suggestion-item {
-    position: relative;
-    z-index: -1;
-    padding: 0 15px;
-    line-height: 4.0rem;
-    color: #5a5a5a; }
-  
-  .search-suggestion-item a {
-    text-decoration: none;
-    color: #5a5a5a; }
-  
-  .search-suggestion-item:hover,
-  .search-suggestion-item:focus {
-    cursor: pointer;
-    background-color: #d2d2d2; }
-  
-  input[data-provide="datepicker"],
-  [data-provide="datepicker"]:-moz-placeholder,
-  [data-provide="datepicker"]:-ms-input-placeholder,
-  [data-provide="datepicker"]:-webkit-input-placeholder {
-    color: #0568ae !important;
-    opacity: 1;
-    filter: alpha(opacity=100); }
-  
-  input[disabled],
-  input[readonly],
-  select[disabled],
-  select[readonly],
-  textarea[disabled],
-  textarea[readonly],
-  i.icon-primary-calendar.disabled,
-  span.icon-primary-calendar.readonly {
-    cursor: not-allowed;
-    background-color: #f2f2f2;
-    box-shadow: none; }
-  
-  i.icon-primary-calendar.disabled input,
-  span.icon-primary-calendar.readonly input {
-    color: #959595 !important; }
-  
-  textarea {
-    display: block;
-    width: 400px;
-    max-width: 400px;
-    padding: 15px; }
-  
-  textarea.small {
-    line-height: 20px; }
-  
-  textarea + .reset-field {
-    display: none; }
-  
-  textarea::-webkit-input-placeholder {
-    line-height: .99; }
-  
-  textarea:-moz-placeholder {
-    line-height: .99; }
-  
-  textarea::-moz-placeholder {
-    line-height: .99; }
-  
-  textarea:-ms-input-placeholder {
-    line-height: .99; }
-  
-  textarea:placeholder {
-    line-height: .99; }
-  
-  textarea,
-  input {
-    background-color: #ffffff;
-    border: 1px solid #d2d2d2;
-    -webkit-appearance: none;
-    box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-    transition: border .3s linear 0s;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  textarea:focus,
-  input:focus {
-    outline: 0;
-    border-color: #0568ae; }
-  
-  .input-append {
-    display: table; }
-  
-  .input-append > div {
-    display: table-cell;
-    width: 1%; }
-  
-  .input-append > .field-group {
-    width: 100%; }
-  
-  .row .field-group input[class*="span"] {
-    float: none; }
-  
-  .field-group {
-    position: relative;
-    display: inline-block; }
-  
-  label + .field-group,
-  label + .input-append,
-  label + .row,
-  label + .row-nowrap,
-  label + .form-row {
-    margin-top: 5px; }
-  
-  .field-group {
-    position: relative;
-    display: block; }
-  
-  .field-group input:not([type="button"])[disabled] {
-    padding-right: 15px; }
-  
-  input:invalid,
-  textarea:invalid,
-  select:invalid {
-    outline: none !important; }
-  
-  .form-row {
-    margin-top: 20px; }
-  
-  .form-row.nomar {
-    margin: 0; }
-  
-  .row-nowrap.no-flex.form-row > label + br {
-    margin-bottom: 5px; }
-  
-  span.form-row {
-    display: inline-block; }
-  
-  legend + .form-row {
-    margin-top: 20px; }
-  
-  .tooltip-onclick input {
-    padding-right: 45px; }
-  
-  .ds2_touchevents .tooltip-onclick input:focus {
-    padding-right: 95px; }
-  
-  .btn-calendar-icon {
-    position: absolute;
-    background-color: transparent !important;
-    top: 8px;
-    border: 0 !important;
-    width: 30px;
-    right: 15px; }
-  
-  .btn-calendar-icon .icon-primary-calendar:before {
-    position: absolute;
-    color: #0568ae; }
-  
-  .btn-calendar-icon .icon-primary-calendar.disabled {
-    background-color: #f2f2f2; }
-  
-  .btn-calendar-icon .icon-primary-calendar.disabled:before {
-    color: #959595; }
-  
-  span.icon-primary-calendar input {
-    padding-left: 35px;
-    color: #0568ae;
-    transition: border-color 0.3s linear 0s;
-    box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-    position: absolute;
-    top: 0;
-    left: 0; }
-  
-  .faux-input + input.datepicker-input:not([disabled]) {
-    cursor: pointer;
-    margin-left: 0;
-    background-color: #fff;
-    position: absolute;
-    left: 0;
-    top: 0;
-    z-index: 0; }
-  
-  .faux-input {
-    background-color: transparent !important;
-    border: 1px solid transparent;
-    border-radius: 4px;
-    font-size: 1.6rem;
-    height: 35px;
-    left: 0;
-    line-height: 35px;
-    margin-bottom: 10px;
-    margin-right: 6px;
-    padding: 0 0 0 35px;
-    position: relative;
-    text-align: left;
-    top: 0;
-    vertical-align: middle;
-    width: 100%;
-    z-index: 1; }
-  
-  .faux-input:disabled {
-    cursor: not-allowed; }
-  
-  .faux-input:focus + .datepicker-input,
-  [data-calendar-state="opened"] + .datepicker-input {
-    border-color: #0568ae;
-    box-shadow: 2px 3px 2px -2px rgba(5, 116, 172, 0.35) inset;
-    outline: 0 none; }
-  
-  .form-row.error .error-msg {
-    display: block;
-    font-size: 14px;
-    line-height: 14px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    position: relative;
-    padding-left: 18px;
-    margin-top: 10px; }
-  
-  .form-row.error .error-msg > .icon-primary-badgealert {
-    height: 14px;
-    width: 14px;
-    position: absolute;
-    left: 0;
-    margin-right: 0; }
-  
-  .form-row.error .error-msg > .icon-primary-badgealert:before {
-    color: #cf2a2a;
-    font-size: 14px;
-    left: 0;
-    line-height: 14px;
-    position: absolute;
-    vertical-align: middle; }
-  
-  .form-row.error label,
-  .form-row.error .error-msg,
-  .form-row.error button.awd-select,
-  .form-row.error select.awd-select + span,
-  .form-row.error .checkbox,
-  .form-row.error .radio,
-  .form-row.error legend.error,
-  .form-row.error input,
-  .form-row.error textarea {
-    color: #cf2a2a; }
-  
-  .form-row.error .btn-group > .btn,
-  .form-row.error button.awd-select,
-  .form-row.error .awd-select-list,
-  .form-row.error select.awd-select + span,
-  .form-row.error textarea,
-  .form-row.error input,
-  .form-row.error .checkbox .skin,
-  .form-row.error .radio .skin {
-    border-color: #cf2a2a !important; }
-  
-  .form-row.error .checkbox input:checked:not(:disabled) + .skin {
-    background-color: #cf2a2a; }
-  
-  .form-row.error .radio input:checked + .skin:after {
-    background-color: #cf2a2a; }
-  
-  .error [class*="price"],
-  .error [class*="pricing-"] {
-    color: #cf2a2a; }
-  
-  hr,
-  .hr-or {
-    display: block;
-    height: 1px;
-    margin: 15px 0;
-    border: none;
-    background-repeat: repeat-x;
-    background-color: #959595;
-    position: relative; }
-  
-  hr.dark {
-    background-color: #959595; }
-  
-  hr.lite {
-    background-color: #d2d2d2; }
-  
-  .hr-or:before {
-    background-color: #fff;
-    color: #666;
-    content: " OR ";
-    display: block;
-    font-size: 1.4rem;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    height: 16px;
-    left: 50%;
-    line-height: 1.6rem;
-    margin-left: -15px;
-    margin-top: -8px;
-    position: absolute;
-    text-align: center;
-    top: 50%;
-    width: 30px;
-    z-index: 1111; }
-  
-  hr.is-vertical.dark,
-  hr.hr-or.dark,
-  hr.is-vertical.lite,
-  hr.hr-or.lite {
-    display: inline-block;
-    height: auto;
-    margin: 0 15px;
-    min-height: 20px;
-    width: 1px; }
-  
-  hr.is-vertical.dark,
-  hr.hr-or.dark {
-    background-color: #959595; }
-  
-  hr.is-vertical.lite,
-  hr.hr-or.lite {
-    background-color: #d2d2d2; }
-  
-  .hr-dotted.is-vertical.dark,
-  .hr-dotted.is-vertical.lite {
-    background-color: transparent;
-    background-repeat: repeat-y;
-    background-size: 1px 4px;
-    height: auto;
-    min-height: 20px;
-    width: 1px; }
-  
-  .row-nowrap > .span + hr.is-vertical,
-  .row > .span + hr.is-vertical {
-    margin: 0 0 0 -20px; }
-  
-  
-  
-  hr.bottom-space-only {
-    margin-top: 0; }
-  
-  .hr-nomargin {
-    margin: 0; }
-  
-  .radio {
-    position: relative;
-    min-height: 24px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.6rem;
-    margin-bottom: 5px; }
-    .radio input {
-      -webkit-tap-highlight-color: transparent;
-      height: 10px;
-      margin: 6px;
-      opacity: 0;
-      outline: none;
-      position: absolute;
-      left: 1px;
-      top: 1px;
-      width: 10px; }
-      .radio input:focus + .skin {
-        border-color: #0568ae; }
-        .radio input:focus + .skin:before {
-          content: "";
-          height: 34px;
-          left: -6px;
-          top: -6px;
-          outline: 1px dotted #000000;
-          position: absolute;
-          width: 34px; }
-      .radio input + .skin {
-        border-radius: 100%; }
-      .radio input:checked + .skin:after {
-        background-color: #0568ae;
-        border-radius: 100%;
-        border: 3px solid #FFFFFF;
-        content: "";
-        display: block;
-        height: 16px;
-        position: absolute;
-        width: 16px; }
-      .radio input:disabled + .skin {
-        cursor: not-allowed;
-        background-color: #d2d2d2;
-        border-color: #d2d2d2;
-        color: #666666; }
-        .radio input:disabled + .skin + span {
-          cursor: not-allowed;
-          color: #666666; }
-      .radio input:disabled:checked + .skin:after {
-        background-color: #666666; }
-      .radio input:invalid + .skin {
-        border: solid 1px #cf2a2a; }
-    .radio .skin {
-      background-color: #FFFFFF;
-      border: 1px solid #d2d2d2;
-      border-radius: 3px;
-      display: inline-block;
-      height: 24px;
-      left: 0;
-      position: absolute;
-      top: 0;
-      width: 24px; }
-    .radio span {
-      display: inline-block;
-      margin-left: 34px;
-      margin-top: 0;
-      position: relative;
-      top: 3px; }
-    .radio label {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .radio.inline {
-    display: inline-block;
-    margin-bottom: 10px;
-    vertical-align: middle;
-    margin-right: 10px; }
-    .radio.inline:last-child {
-      margin-right: 0; }
-  
-  .radio-box {
-    border: 1px solid #d2d2d2;
-    border-radius: 8px; }
-    .radio-box > [role="radio"] label {
-      padding: 15px 15px 20px 15px;
-      display: block;
-      width: 100%; }
-      .radio-box > [role="radio"] label .skin + span {
-        top: 2px; }
-    .radio-box > [role="radio"] + div {
-      padding: 0 15px 15px 47px; }
-    .radio-box > [aria-checked="false"] label > input {
-      top: 15px;
-      left: 15px; }
-    .radio-box > [aria-checked="false"] label .skin {
-      top: 15px;
-      left: 15px; }
-    .radio-box > [aria-checked="true"] label > input {
-      top: 13px;
-      left: 13px; }
-    .radio-box > [aria-checked="true"] label .skin {
-      top: 13px;
-      left: 13px; }
-  
-  .radio-box.active {
-    border: 3px solid #0568ae; }
-    .radio-box.active > [role="radio"] label {
-      padding: 13px 14px 19px 13px; }
-  
-  .checkbox {
-    position: relative;
-    min-height: 24px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1rem;
-     }
-    .checkbox input {
-      -webkit-tap-highlight-color: transparent;
-      height: 20px;
-      margin-left: 20px;
-      opacity: 0;
-      outline: none;
-      position: absolute;
-      left: 1px;
-      top: 1px;
-      width: 10px; }
-      .checkbox input:focus + .skin {
-        border-color: #0568ae; }
-        .checkbox input:focus + .skin:before {
-          content: "";
-          height: 34px;
-          left: -6px;
-          top: -6px;
-          outline: 1px dotted #000000;
-          position: absolute;
-          width: 34px; }
-      .checkbox input:checked:not(:disabled) + .skin {
-        background-color: #0568ae;
-        border-color: #0568ae; }
-      .checkbox input:checked:disabled + .skin:after {
-        color: #5A5A5A; }
-      .checkbox input:checked + .skin:after {
-        height: 20px;
-        width: 10px;
-        background-color: transparent;
-        font-size: 23.4px;
-        color: #FFFFFF;
-        line-height: 21px; }
-      .checkbox input:disabled + .skin {
-        cursor: not-allowed;
-        background-color: #d2d2d2;
-        border-color: #d2d2d2;
-        color: #666666; }
-        .checkbox input:disabled + .skin + span {
-          cursor: not-allowed;
-          color: #666666; }
-      .checkbox input:invalid + .skin {
-        border: solid 1px #cf2a2a; }
-      .checkbox input:indeterminate + .skin:after {
-        background-color: transparent;
-        font-size: 25px;
-        color: #0574ac;
-        content: "\e920"; }
-    .checkbox .skin {
-      background-color: #fff;
-      border: 1px solid #d2d2d2;
-      border-radius: 3px;
-      display: inline-block;
-      height: 24px;
-      width: 24px;
-      position: absolute;
-      left: 0;
-      top: 0; }
-    .checkbox span {
-      display: inline-block;
-      margin-left: 34px;
-      margin-top: 0;
-      position: relative;
-      top: 3px; }
-    .checkbox label {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-    .checkbox input {
-      z-index: 9999; }
-    .checkbox input.indeterminate + .skin:after {
-      font-size: 22px;
-      color: #0568ae; }
-  
-  /* .checkbox.inline {
-    display: inline-block;
-    margin-bottom: 10px;
-    vertical-align: middle;
-    margin-right: 10px; }
-    .checkbox.inline:last-child {
-      margin-right: 0; }
-  
-  .checkbox.checkbox-selectall {
-    margin: 20px 0 0 24px; }
-  
-  .terms-after-checkbox {
-    margin-top: 15px; } */
-  
-  .indeterminate-margin {
-    padding-left: 24px; }
-  
-  .tiny-accordion {
-    border-bottom: 1px solid #d2d2d2; }
-  
-  .toggle-header,
-  .inactive-toggle-header {
-    border-color: #fff;
-    color: #0568ae;
-    cursor: pointer;
-    display: block;
-    font-size: 2.0rem;
-    line-height: 2.2rem;
-    min-height: 41px;
-    position: relative;
-    padding: 16px 55px 16px 15px; }
-  
-  .toggle-header.opened {
-    color: #333333; }
-  
-  .tiny-accordion .toggle-header,
-  .tiny-accordion .inactive-toggle-header {
-    padding: 16px 55px 16px 15px;
-    border-top: 1px solid #d2d2d2; }
-  
-  .tiny-accordion .toggle-header:focus {
-    text-decoration: underline; }
-  
-  .tiny-accordion.iconleft .toggle-header,
-  .tiny-accordion.iconleft .inactive-toggle-header {
-    padding: 15px 15px 15px 50px; }
-  
-  .accordion-content {
-    font-size: 1.4rem; }
-  
-  .accordion-content .toggle-header:first-child {
-    margin-top: 16px; }
-  
-  .tiny-accordion .toggle-header + .accordion-content {
-    padding: 0 50px 15px 15px; }
-  
-  .tiny-accordion.iconleft .toggle-header + .accordion-content {
-    padding: 0 15px 15px 50px; }
-  
-  .toggle-header .icon-primary-accordion-plus,
-  .toggle-header .icon-primary-accordion-minus {
-    display: inline-block;
-    font-size: 20px;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    right: 15px;
-    vertical-align: middle;
-    top: 16px;
-    font-weight: bold; }
-  
-  .tiny-accordion.iconleft .toggle-header .icon-primary-accordion-plus,
-  .tiny-accordion.iconleft .toggle-header .icon-primary-accordion-minus {
-    left: 15px; }
-  
-  .inactive-toggle-header:hover {
-    cursor: inherit; }
-  
-  .tiny-accordion-to-tabs,
-  .tiny-tabs {
-    position: relative;
-    width: 100%;
-    margin: 0px;
-    padding: 0px; }
-  
-  .tiny-tabs [class*="icon-primary-accordion-"] {
-    display: none !important; }
-  
-  .tiny-accordion-to-tabs:before,
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:before,
-  .tiny-tabs:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:after {
-    clear: both; }
-  
-  .tiny-accordion-to-tabs:before,
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:before,
-  .tiny-tabs:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:after {
-    clear: both; }
-  
-  .tiny-tabs > .toggle-header {
-    display: inline-block;
-    float: left;
-    border-top: none;
-    overflow: hidden;
-    height: 70px;
-    text-align: center;
-    background-color: #fff;
-    border-radius: 0px;
-    padding: 26px 20px 25px 20px !important;
-    border-top: 1px solid #fff;
-    -webkit-filter: none;
-    filter: none;
-    background-clip: padding-box;
-    border-bottom: 1px solid #d2d2d2;
-    font-weight: normal;
-    border-right: 1px solid #d2d2d2;
-    white-space: nowrap; }
-  
-  .tiny-tabs .toggle-header + div {
-    left: 0px;
-    position: absolute;
-    top: 69px;
-    border-top: 1px solid #d2d2d2;
-    padding: 0;
-    display: block;
-    border-bottom: none;
-    width: 100%; }
-  
-  .accordion-pad {
-    padding-top: 30px;
-    padding-bottom: 30px; }
-  
-  .tiny-tabs .opened {
-    color: #333333;
-    border-top: 5px solid #0568ae !important;
-    padding-top: 22px !important;
-    border-bottom: none;
-    background-color: #fff;
-    -webkit-filter: none;
-    filter: none;
-    cursor: default;
-    z-index: 999; }
-  
-  .tiny-tabs .toggle-header:focus {
-    text-decoration: underline;
-    outline: thin dotted #666;
-    outline-offset: 0; }
-  
-  .tiny-tabs .toggle-header:first-child {
-    border-left: none;
-    margin-left: 0; }
-  
-  .tiny-tabs .toggle-header:first-child {
-    border-left: 1px solid #fff; }
-  
-  .tiny-tabs .opened:first-child {
-    border-left: 1px solid #d2d2d2; }
-  
-  .tiny-tabs .toggle-header:nth-last-of-type(2) {
-    border-right-color: #fff; }
-  
-  .tiny-tabs .opened:nth-last-of-type(2) {
-    border-right: 1px solid #d2d2d2; }
-  
-  @media (max-width: 767px) {
-    .tiny-accordion,
-    .tiny-accordion-to-tabs {
-      margin-left: -15px;
-      margin-right: -15px;
-      width: auto; }
-    .tiny-accordion-to-tabs {
-      display: block;
-      border-bottom: 1px solid #d2d2d2; }
-    .tiny-accordion-to-tabs .toggle-header {
-      display: block;
-      min-height: 41px;
-      padding: 16px 50px 16px 15px;
-      border-top: 1px solid #d2d2d2; }
-    .tiny-accordion-to-tabs .toggle-header:focus {
-      text-decoration: underline; }
-    .tiny-accordion-to-tabs .toggle-header + .accordion-content {
-      padding: 0 50px 15px 15px; } }
-  
-  @media (min-width: 768px) {
-    .tiny-accordion-to-tabs [class*="icon-primary-accordion-"] {
-      display: none !important; }
-    .tiny-accordion-to-tabs > .toggle-header {
-      display: inline-block;
-      float: left;
-      border-top: none;
-      /*overflow: hidden;*/
-      height: 70px;
-      text-align: center;
-      background-color: #fff;
-      border-radius: 0px;
-      padding: 26px 20px 25px 20px !important;
-      border-top: 1px solid #fff;
-      -webkit-filter: none;
-      filter: none;
-      background-clip: padding-box;
-      border-bottom: 1px solid #d2d2d2;
-      font-weight: normal;
-      border-right: 1px solid #d2d2d2;
-      white-space: nowrap; }
-    .tiny-accordion-to-tabs .toggle-header + div {
-      left: 0px;
-      position: absolute;
-      top: 69px;
-      border-top: 1px solid #d2d2d2;
-      padding-top: 30px;
-      padding-left: 20px;
-      display: block;
-      border-bottom: none;
-      width: 100%; }
-    .tiny-accordion-to-tabs .opened {
-      color: #333333;
-      border-top: 5px solid #0568ae !important;
-      padding-top: 22px !important;
-      border-bottom: none;
-      background-color: #fff;
-      -webkit-filter: none;
-      filter: none;
-      cursor: default;
-      text-decoration: none;
-      z-index: 999; }
-    .tiny-accordion-to-tabs .toggle-header:focus {
-      text-decoration: underline;
-      outline: thin dotted #666;
-      outline-offset: 0px; }
-    .tiny-accordion-to-tabs .toggle-header:nth-last-of-type(2) {
-      border-right: none; }
-    .tiny-accordion-to-tabs .toggle-header:first-child {
-      border-left: none;
-      margin-left: 0; }
-    .tiny-accordion-to-tabs .toggle-header:first-child {
-      border-left: 1px solid #fff; }
-    .tiny-accordion-to-tabs .opened:first-child {
-      border-left: 1px solid #d2d2d2; }
-    .tiny-accordion-to-tabs .opened:nth-last-of-type(2) {
-      border-right: 1px solid #d2d2d2; } }
-  
-  .toggle-header .tooltip .icon-primary-tooltip {
-    margin-top: -5px; }
-  
-  .accordion-content {
-    transition: all 0.8s linear; }
-  
-  .opaque-content {
-    opacity: 0; }
-  
-  .tiny-tabs .toggle-header {
-    display: inline-block;
-    float: left;
-    border-top: none;
-    overflow: hidden;
-    height: 70px;
-    text-align: center;
-    background-color: #fff;
-    border-radius: 0px;
-    padding: 22px 20px 25px 20px !important;
-    border-top: 5px solid #fff;
-    -webkit-filter: none;
-    filter: none;
-    background-clip: padding-box;
-    border-bottom: 1px solid #ccc;
-    font-weight: normal;
-    border-right: 1px solid #ccc;
-    white-space: nowrap; }
-  
-  .tiny-tabs .toggle-header:first-child {
-    margin-left: 0; }
-  
-  .tiny-tabs div:first-child .toggle-header {
-    margin-left: 30px; }
-  
-  .tiny-tabs > div .toggle-header.opened {
-    border-bottom: 0 !important; }
-  
-  .tiny-accordion-to-tabs > div > div.toggle-header {
-    background-clip: padding-box;
-    background-color: #fff;
-    border-bottom: 1px solid #ccc;
-    border-radius: 0;
-    border-top: 5px solid #fff;
-    display: inline-block;
-    filter: none;
-    float: left;
-    font-weight: normal;
-    overflow: hidden;
-    padding: 22px 20px 21px !important;
-    text-align: center;
-    white-space: nowrap; }
-  
-  .tiny-accordion-to-tabs .toggle-header:first-child {
-    margin-left: 0; }
-  
-  .tiny-accordion-to-tabs div:first-child .toggle-header {
-    margin-left: 30px;
-    border-bottom: 0 !important; }
-  
-  .tiny-accordion-to-tabs > div .toggle-header.opened {
-    border-bottom: 0 !important; }
-  
-  @media (max-width: 767px) {
-    .tiny-accordion-to-tabs {
-      display: block !important;
-      border-bottom: 1px solid #ccc !important; }
-    .tiny-accordion-to-tabs > div > div.toggle-header {
-      display: block !important;
-      float: none;
-      text-align: left;
-      min-height: 41px !important;
-      padding: 15px 50px 15px 15px !important;
-      border-top: 1px solid #ccc; }
-    .tiny-accordion-to-tabs > div > div.toggle-header:first-child {
-      margin-left: 0 !important; }
-    .tiny-accordion-to-tabs > div > div.toggle-header + .accordion-content {
-      padding: 0 50px 15px 15px; }
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus {
-      background-position: 0 0;
-      background-size: 20px 40px; }
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-      background-position: 0 -20px;
-      background-size: 20px 40px; }
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus,
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-      display: inline-block;
-      height: 20px;
-      margin: 0;
-      padding: 0;
-      position: absolute;
-      right: 15px;
-      vertical-align: middle;
-      width: 20px; } }
-  
-  .alert {
-    background-color: #5a5a5a;
-    border-radius: 8px;
-    color: #fff;
-    margin-top: 15px;
-    padding: 0;
-    position: relative;
-    border: 0; }
-  
-  .alert h3,
-  .alert h4 {
-    color: #fff;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 1.6rem;
-    margin: 0 20px 5px 0; }
-  
-  .alert div {
-    padding: 15px 20px; }
-  
-  .alert div:first-child {
-    border-radius: 8px 0 0 8px;
-    width: 1%; }
-  
-  .alert div:first-child + div {
-    border: 1px solid transparent;
-    border-left: none;
-    border-radius: 0 8px 8px 0; }
-  
-  .alert-error {
-    background-color: #cf2a2a;
-    border: 1px solid #cf2a2a; }
-  
-  .alert-info {
-    background-color: #44c8f5;
-    border: 1px solid #44c8f5; }
-  
-  .alert-success {
-    background-color: #c5d63d;
-    border: 1px solid #c5d63d; }
-  
-  .alert [class*="icon-primary-"] {
-    color: #fff;
-    font-size: 30px;
-    margin-right: 0; }
-  
-  .alert .close {
-    height: 30px;
-    position: absolute;
-    right: 1px;
-    top: 1px;
-    width: 30px; }
-  
-  .alert .close:before {
-    color: #fff;
-    margin-right: 0;
-    position: absolute;
-    right: 9px;
-    top: 9px; }
-  
-  .alert a {
-    color: #fff;
-    text-decoration: underline; }
-  
-  .alert .close:focus {
-    outline: 1px dotted #666; }
-  
-  .alert p {
-    font-size: 1.4rem; }
-  
-  .alert p:last-child {
-    margin-bottom: 0; }
-  
-  .alert .standalone-link i[class*="icon-primary-"] {
-    font-size: 20px;
-    margin-right: 5px; }
-  
-  @media (max-width: 767px) {
-    .alert {
-      border-radius: 0;
-      margin: 0 -15px; }
-    .alert + .alert {
-      margin-top: 4px; }
-    .alert div {
-      padding: 15px 10px; }
-    .alert div:first-child {
-      border-radius: 0;
-      padding: 15px; }
-    .alert h3,
-    .alert h4 {
-      font-size: 1.4rem; }
-    .alert p {
-      font-size: 1.2rem; }
-    .alert .close {
-      right: 5px;
-      top: 5px; }
-    .alert .standalone-link i[class*="icon-primary-"] {
-      font-size: 16px; } }
-  
-  .alert h3 {
-    margin: 0;
-    font-size: 16px; }
-  
-  .alert p {
-    font-size: 14px; }
-  
-  .alert p a {
-    color: #FFFFFF;
-    text-decoration: underline; }
-  
-  .alert div:first-child + div {
-    padding-right: 25px; }
-  
-  .alert div:last-child {
-    padding-right: 20px !important; }
-  
-  .alert p [class*="icon-primary-"] {
-    color: #fff;
-    font-size: 20px;
-    margin-right: 0; }
-  
-  @media (max-width: 767px) {
-    .alert h3 {
-      font-size: 14px; }
-    .alert div:first-child + div {
-      padding-right: 20px; }
-    .alert div:last-child {
-      padding-right: 15px !important; }
-    .alert div:first-child {
-      padding: 15px; }
-    .alert p {
-      font-size: 12px; }
-    .alert p [class*="icon-primary-"] {
-      font-size: 16px; } }
-  
-  .b2b-audio {
-    width: auto;
-    margin: 10px auto;
-    height: 35px; }
-    .b2b-audio .controls-wrapper {
-      display: inline-block;
-      font-size: 25px;
-      cursor: pointer; }
-      .b2b-audio .controls-wrapper i {
-        font-size: 25px;
-        margin-right: 0px;
-        color: #444; }
-        .b2b-audio .controls-wrapper i:hover {
-          color: #0574AC; }
-    .b2b-audio .seek-bar-container-wrapper {
-      display: inline-block;
-      outline: 0;
-      min-width: 180px;
-      margin-right: 10px;
-      margin-left: 10px;
-      height: 14px;
-      padding-top: 5px; }
-      .b2b-audio .seek-bar-container-wrapper .timing-container {
-        padding-top: 13px;
-        color: #333;
-        font-size: 12px; }
-        .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-left {
-          float: left;
-          line-height: 100%; }
-        .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-right {
-          float: right;
-          line-height: 100%; }
-        .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-spacer {
-          clear: both; }
-    .b2b-audio .seek-bar-tooltip {
-      text-align: center;
-      min-width: 76px; }
-  
-  .b2b-audio-popover {
-    width: 22px; }
-    .b2b-audio-popover .volume-popover {
-      height: 100px !important;
-      width: 6px !important;
-      margin: 7px auto; }
-    .b2b-audio-popover .min-label {
-      margin-top: 5px; }
-  
-  .b2b-audio-native {
-    width: auto;
-    height: auto; }
-  
-  .b2b-audio-recorder {
-    border: 1px solid #ccc;
-    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15);
-    height: 63px;
-    min-height: 63px;
-    min-width: 347px; }
-    .b2b-audio-recorder .b2b-elapsed-time {
-      margin: 23px 0 24px 15px;
-      font-size: 16px;
-      font-style: italic;
-      color: #767676; }
-    .b2b-audio-recorder .b2b-controls {
-      width: 68px;
-      cursor: pointer; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-record {
-        font-size: 64px;
-        color: black;
-        float: right;
-        margin-right: 10px; }
-        .b2b-audio-recorder .b2b-controls i.icoControls-record:focus, .b2b-audio-recorder .b2b-controls i.icoControls-record:hover {
-          color: #0568ae; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-stop {
-        font-size: 36px;
-        color: black;
-        float: right;
-        margin-right: 20px;
-        margin-top: 12px; }
-        .b2b-audio-recorder .b2b-controls i.icoControls-stop:focus, .b2b-audio-recorder .b2b-controls i.icoControls-stop:hover {
-          color: #0568ae; }
-  
-  .b2b-top-btn {
-    height: 36px;
-    width: 36px;
-    border-radius: 7px; }
-  
-  .b2b-top-btn > i {
-    position: absolute;
-    top: 13px;
-    left: 9px;
-    width: 11px;
-    height: 18px; }
-  
-  .b2b-badge {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    background-color: #5A5A5A;
-    border-radius: 12px;
-    color: #FFFFFF;
-    display: inline-block;
-    font-size: 1.5rem;
-    font-weight: normal;
-    height: 20px;
-    line-height: 0;
-    margin-top: 0;
-    min-width: 20px;
-    padding: 0 5px;
-    text-align: center;
-    vertical-align: baseline; }
-    .b2b-badge:empty {
-      display: none; }
-  
-  * + .b2b-heading-micro {
-    margin-top: 20px !important; }
-  
-  .b2b-heading-micro {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: normal;
-    text-rendering: optimizeLegibility;
-    font-size: 1.2rem !important;
-    text-transform: uppercase !important;
-    margin-bottom: 20px !important;
-    line-height: 1.2 !important; }
-  
-  .b2b-no-colors .b2b-badge {
-    border: 1px solid transparent; }
-  
-  .btn > .b2b-badge {
-    margin-right: 5px; }
-  
-  a > .b2b-badge {
-    margin-right: 6px;
-    padding-top: 10px; }
-  
-  .b2b-badge-urgent {
-    background-color: #cf2a2a; }
-  
-  .bellyband-container {
-    margin: 0 -15px; }
-  
-  .bellyband-group {
-    width: auto; }
-  
-  .bellyband-link {
-    border-top: 1px solid #d2d2d2; }
-  
-  .bellyband-link a {
-    display: block;
-    height: 40px;
-    line-height: 40px;
-    padding: 0 15px;
-    position: relative;
-    text-decoration: none; }
-  
-  .bellyband-link a:hover > div span,
-  .bellyband-link a:focus > div span {
-    text-decoration: underline; }
-  
-  .bellyband-link a:after {
-    color: #666;
-    font-size: 2.3rem;
-    height: 20px;
-    position: absolute;
-    right: 5px;
-    top: 12px;
-    width: 18px; }
-  
-  .dark-bg .bellyband-link a:after {
-    color: white; }
-  
-  .bellyband-link img[src$="svg"].hidden-desktop,
-  .bellyband-link [class*="icon-primary-"].hidden-desktop {
-    display: inline-block !important;
-    float: left;
-    font-size: 24px;
-    height: 24px;
-    margin-right: 5px;
-    margin-top: 8px;
-    width: 24px; }
-  
-  .dark-bg .bellyband-link [class*="icon-primary-"].hidden-desktop,
-  .dark-bg .bellyband-link [class*="icon-primary-"].visible-desktop {
-    color: #fff; }
-  
-  .bellyband-link img[src$="svg"].visible-desktop {
-    display: none !important; }
-  
-  .bellyband-link p {
-    margin-top: -10px;
-    margin-left: 29px;
-    font-size: 1.4rem;
-    color: #666; }
-  
-  @media (min-width: 481px) and (max-width: 767px) {
-    .bellyband-container {
-      display: flex;
-      margin: 0; }
-    .bellyband-group {
-      align-content: flex-start;
-      align-items: stretch;
-      display: inline-flex;
-      flex-direction: column;
-      flex-wrap: wrap;
-      margin-top: 1px;
-      width: 100%; }
-    .bellyband-group .row {
-      display: flex !important; }
-    .bellyband-link {
-      padding-top: 0;
-      position: relative;
-      border-top: none;
-      margin-bottom: 20px;
-      width: 50%; }
-    .bellyband-link a {
-      height: inherit;
-      line-height: inherit;
-      display: flex;
-      padding: 0; }
-    .bellyband-link a:after {
-      display: none; }
-    .bellyband-link a span {
-      display: block;
-      padding-top: 10px; }
-    .bellyband-link p {
-      display: block;
-      padding: 0 15px 0 0;
-      margin-bottom: 0;
-      margin-left: 0;
-      margin-top: 0; }
-    .bellyband-link a:focus p {
-      text-decoration: none; } }
-  
-  @media (min-width: 768px) {
-    .bellyband-group {
-      margin: 0;
-      max-width: 100%;
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: center; }
-    .bellyband-group .row {
-      display: block; }
-    .bellyband-group .row .span {
-      float: none;
-      margin-right: 0;
-      margin-bottom: 30px;
-      display: flex;
-      justify-content: space-between; }
-    .bellyband-link {
-      border-top: none;
-      flex: 0 0 auto;
-      margin-right: 0;
-      margin-bottom: 30px; }
-    .bellyband-link:last-child {
-      margin-right: 0; }
-    .bellyband-link a {
-      height: auto;
-      line-height: 1;
-      text-align: center; }
-    .bellyband-link a:after {
-      display: none; }
-    .bellyband-link img[src$="svg"].hidden-desktop,
-    .bellyband-link [class*="icon-primary-"].hidden-desktop {
-      display: none !important; }
-    .bellyband-link img[src$="svg"].visible-desktop,
-    .bellyband-link [class*="icon-primary-"].visible-desktop {
-      display: block !important;
-      font-size: 50px;
-      height: 50px;
-      margin-right: 0;
-      margin-top: 0;
-      margin-left: auto;
-      margin-right: auto;
-      width: auto; }
-    .bellyband-link a span {
-      display: block;
-      margin-top: 12px;
-      line-height: 2rem; }
-    .bellyband-link p {
-      display: block;
-      text-align: center;
-      margin-top: 6px;
-      margin-left: 0;
-      padding-left: 0 !important;
-      color: #666;
-      line-height: 1.8rem; } }
-  
-  @media (max-width: 480px) {
-    .bellyband-link-tall a {
-      height: auto;
-      padding: 0 40px 10px 15px; }
-    .bellyband-link-tall p {
-      line-height: 1.8rem;
-      margin-bottom: 0; }
-    .bellyband-link-tall > a:after {
-      margin-top: -8px;
-      top: 50%; } }
-  
-  .b2b-boardstrip {
-    display: inline-block;
-    width: 100%;
-    border-bottom: 1px solid #9d9d9d;
-    position: relative;
-    padding-top: 15px; }
-    .b2b-boardstrip .boardstrip-reel {
-      margin-bottom: 15px; }
-    .b2b-boardstrip .boardstrip-item--add {
-      border: 1px dashed #ccc;
-      background: #FFFFFF;
-      color: #0574ac;
-      width: 140px;
-      height: 80px;
-      font-size: 14px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      -webkit-border-radius: 3px;
-      -moz-border-radius: 3px;
-      border-radius: 3px;
-      position: absolute;
-      left: 29px;
-      top: 15px; }
-      .b2b-boardstrip .boardstrip-item--add:hover, .b2b-boardstrip .boardstrip-item--add:focus {
-        border: 2px solid #007A3E;
-        cursor: pointer; }
-      .b2b-boardstrip .boardstrip-item--add i {
-        font-size: 14px;
-        margin-left: auto;
-        margin-right: auto;
-        text-align: initial; }
-      .b2b-boardstrip .boardstrip-item--add .centered {
-        margin-left: auto;
-        margin-right: auto;
-        margin-top: 27px;
-        margin-bottom: 35px;
-        display: block; }
-    .b2b-boardstrip .board-viewport {
-      float: left;
-      margin-left: 210px;
-      max-height: 95px;
-      position: relative;
-      height: 95px;
-      overflow: hidden;
-      width: 0px; }
-      .b2b-boardstrip .board-viewport .boardstrip-container {
-        width: 0px;
-        margin-left: 0;
-        left: 0px;
-        position: absolute;
-        list-style: none;
-        -webkit-transition: left 1000ms;
-        transition: left 1000ms; }
-      .b2b-boardstrip .board-viewport .board-item {
-        width: 140px;
-        height: 80px;
-        border: 1px solid #ccc;
-        margin: 0 15px 15px 0;
-        background-color: #FFFFFF;
-        border-radius: 3px;
-        float: left;
-        overflow: hidden; }
-        .b2b-boardstrip .board-viewport .board-item:hover, .b2b-boardstrip .board-viewport .board-item:focus {
-          border: 2px solid #007A3E;
-          background-color: white;
-          cursor: pointer; }
-        .b2b-boardstrip .board-viewport .board-item .board-img {
-          width: 61px;
-          height: 40px;
-          margin: 0 auto; }
-          .b2b-boardstrip .board-viewport .board-item .board-img img {
-            max-width: 100%; }
-        .b2b-boardstrip .board-viewport .board-item .title {
-          text-align: center;
-          line-height: 16px;
-          color: #666;
-          font-size: 14px;
-          font-family: "Omnes-ECOMP-W02", Arial;
-          padding: 10px 0; }
-        .b2b-boardstrip .board-viewport .board-item.selected {
-          background-color: #FFFFFF;
-          border: 2px solid #0574ac; }
-        .b2b-boardstrip .board-viewport .board-item .board-caret {
-          cursor: default;
-          outline: 0;
-          position: absolute;
-          bottom: 7px; }
-          .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-indicator {
-            border-left: 8px solid transparent;
-            border-right: 8px solid transparent;
-            border-bottom: 8px solid #999;
-            width: 0px;
-            height: 0px;
-            position: absolute;
-            left: 61px;
-            bottom: -7px; }
-          .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-arrow-up {
-            width: 0px;
-            height: 0px;
-            border-style: solid;
-            border-width: 0 8px 8px 8px;
-            border-color: transparent transparent #FFFFFF transparent;
-            left: 61px;
-            position: absolute; }
-    .b2b-boardstrip .arrow {
-      font-size: 14px;
-      cursor: pointer;
-      color: #0574ac; }
-      .b2b-boardstrip .arrow:hover {
-        color: #0574ac; }
-      .b2b-boardstrip .arrow.disabled {
-        color: #767676 !important;
-        cursor: not-allowed; }
-    .b2b-boardstrip .prev-items {
-      display: inline-block;
-      margin-top: auto;
-      margin-bottom: auto;
-      margin-right: 15px;
-      position: absolute;
-      left: 0;
-      top: 45px;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      -o-user-select: none;
-      user-select: none; }
-    .b2b-boardstrip .next-items {
-      display: inline-block;
-      margin-top: 30px;
-      margin-bottom: auto;
-      margin-left: 10px;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      -o-user-select: none;
-      user-select: none; }
-    .b2b-boardstrip .centered {
-      display: table-cell;
-      text-align: center;
-      vertical-align: middle; }
-  
-  .breadcrumb {
-    padding: 10px 15px;
-    height: 40px;
-    list-style: none;
-    border-bottom: 1px solid #d2d2d2;
-    font-size: 1.2rem;
-    width: 100%;
-    z-index: 1000; }
-  
-  .breadcrumb > li {
-    position: relative;
-    display: inline-block;
-    margin-right: 15px; }
-  
-  .breadcrumb > li:after {
-    font-size: 8px;
-    margin-right: 0;
-    right: -8px;
-    color: #333333; }
-  
-  .breadcrumb > li:last-child {
-    color: #333333; }
-  
-  .breadcrumb > li:last-child:after {
-    content: ""; }
-  
-  .breadcrumb li > * {
-    float: none !important;
-    margin: 0; }
-  
-  .breadcrumb {
-    padding: 10px 15px !important; }
-  
-  /* ARROW */
-  /* spanish */
-  .datepicker {
-    background-color: #FFFFFF;
-    padding: 0;
-    border-radius: 5px;
-    direction: ltr; }
-    .datepicker > div {
-      display: none; }
-    .datepicker table {
-      -webkit-touch-callout: none;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      user-select: none;
-      margin: 0 0 0 0; }
-    .datepicker td {
-      text-align: center;
-      display: block;
-      width: 30px;
-      height: 30px;
-      border: none; }
-      .datepicker td span {
-        display: block;
-        width: 23%;
-        height: 54px;
-        line-height: 54px;
-        float: left;
-        margin: 1%;
-        cursor: pointer;
-        border-radius: 4px; }
-        .datepicker td span:hover {
-          background: #eeeeee; }
-      .datepicker td span.disabled {
-        background: none;
-        color: #5A5A5A;
-        cursor: default; }
-        .datepicker td span.disabled:hover {
-          background: none;
-          color: #5A5A5A;
-          cursor: default; }
-      .datepicker td span.active {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        border-color: #357ebd; }
-        .datepicker td span.active:hover {
-          color: #FFFFFF;
-          background-color: #0568ae;
-          border-color: #357ebd; }
-      .datepicker td span.active.disabled {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        border-color: #357ebd; }
-    .datepicker th {
-      text-align: center;
-      display: block;
-      width: 30px;
-      height: 30px;
-      border: none; }
-    .datepicker tbody:focus {
-      outline: none; }
-    .datepicker td.day {
-      background-color: transparent;
-      color: #0568ae;
-      cursor: pointer;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      font-size: 16px;
-      height: 34px;
-      line-height: 30rem;
-      margin: -2px -1px 0 0;
-      overflow: hidden;
-      text-align: center;
-      width: 42px; }
-    .datepicker:focus {
-      outline: 1px dotted #191919;
-      outline-offset: -2px; }
-    .datepicker th[tabindex]:focus {
-      outline-offset: -15px; }
-    .datepicker td.day.focused {
-      background: #ededed;
-      cursor: pointer; }
-    .datepicker td.day.focused.active {
-      background-color: #ededed;
-      color: #0568ae; }
-    .datepicker td.disabled {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #5A5A5A;
-      cursor: default; }
-      .datepicker td.disabled:hover {
-        font-family: "Omnes-ECOMP-W02", Arial;
-        color: #5A5A5A;
-        cursor: default; }
-        .datepicker td.disabled:hover .show-date {
-          font-family: "Omnes-ECOMP-W02", Arial;
-          color: #5A5A5A; }
-      .datepicker td.disabled .show-date {
-        font-family: "Omnes-ECOMP-W02", Arial;
-        color: #5A5A5A; }
-    .datepicker td.today {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-      .datepicker td.today:hover {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        color: #FFFFFF;
-        background-color: #0568ae; }
-      .datepicker td.today:active {
-        color: #FFFFFF;
-        background-color: #0568ae; }
-      .datepicker td.today:focus {
-        color: #FFFFFF;
-        background-color: #0568ae; }
-    .datepicker td.today.disabled {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-    .datepicker td.today.active {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-      .datepicker td.today.active:hover {
-        color: #FFFFFF; }
-    .datepicker td.selected {
-      color: #FFFFFF;
-      background-color: #95959500; }
-      .datepicker td.selected:hover {
-        color: #FFFFFF;
-        background-color: #95959500; }
-    .datepicker td.selected.disabled {
-      color: #FFFFFF;
-      background-color: #95959500; }
-    .datepicker td.active:not(.new) {
-      color: #FFFFFF;
-      border-color: #357ebd; }
-      .datepicker td.active:not(.new) .show-date {
-        color: #0568ae;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-    .datepicker td.active:hover:not(.new) {
-      color: #FFFFFF;
-      border-color: #357ebd; }
-      .datepicker td.active:hover:not(.new) .show-date {
-        color: #0568ae;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-    .datepicker .start-date .show-date {
-      background-color: #0568ae;
-      color: #FFFFFF !important;
-      border-radius: 5px 0 0 5px;
-      z-index: 1; }
-      .datepicker .start-date .show-date:before {
-        background-color: #0568ae;
-        content: "";
-        display: block;
-        height: 26px;
-        left: 20px;
-        position: absolute;
-        width: 100%;
-        z-index: -1; }
-    .datepicker .between-date .show-date {
-      background-color: #0568ae;
-      color: #FFFFFF !important; }
-      .datepicker .between-date .show-date:before {
-        background-color: #0568ae;
-        content: "";
-        display: block;
-        height: 26px;
-        left: 0;
-        position: absolute;
-        width: 100%;
-        z-index: -1; }
-    .datepicker .between-date:first-child .show-date:before {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      left: 0;
-      width: 8px; }
-    .datepicker .end-date .show-date {
-      background-color: #0568ae;
-      color: #FFFFFF !important;
-      border-radius: 0 5px 5px 0; }
-      .datepicker .end-date .show-date:before {
-        background-color: #0568ae;
-        content: "";
-        display: block;
-        height: 26px;
-        left: -20px;
-        position: absolute;
-        width: 100%;
-        z-index: -1; }
-    .datepicker .end-date:first-child .show-date:after {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      left: 0;
-      width: 8px; }
-    .datepicker .end-date:first-child .show-date::before {
-      background-color: #FFFFFF; }
-    .datepicker tr td.start-date:last-child .show-date:after {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      right: 0;
-      width: 8px; }
-    .datepicker tr td.start-date:last-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.start-date:first-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.between-date:last-child .show-date:after {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      right: 0;
-      width: 8px; }
-    .datepicker tr td.between-date:last-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.between-date:first-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.end-date:last-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.end-date:first-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker th.datepicker-switch {
-      width: 198px;
-      font-size: 20px;
-      font-weight: normal;
-      cursor: default !important; }
-    .datepicker thead tr:first-child th {
-      cursor: pointer;
-      height: 60px;
-      line-height: 60px; }
-    .datepicker thead tr:first-child th.cw {
-      cursor: default;
-      background-color: transparent; }
-    .datepicker tfoot tr th {
-      cursor: pointer;
-      height: 60px;
-      line-height: 60px;
-      height: auto;
-      line-height: normal; }
-      .datepicker tfoot tr th li {
-        margin-bottom: 5px; }
-    .datepicker .prev {
-      color: transparent;
-      font-size: 0;
-      margin: 0 -1px -1px 0;
-      width: 46px; }
-      .datepicker .prev i {
-        color: #0568ae;
-        position: absolute;
-        font-size: 27px;
-        margin: 0;
-        top: 15px;
-        left: 8px; }
-    .datepicker .next {
-      color: transparent;
-      font-size: 0;
-      margin: 0 -1px -1px 0;
-      width: 46px; }
-      .datepicker .next i {
-        color: #0568ae;
-        position: absolute;
-        font-size: 27px;
-        margin: 0;
-        top: 15px;
-        right: 8px; }
-    .datepicker .cw {
-      font-size: 5px;
-      width: 12px;
-      padding: 0 2px 0 5px;
-      vertical-align: middle; }
-    .datepicker .due-date .show-date {
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      background-color: #cf2a2a;
-      border-radius: 5px;
-      color: #FFFFFF !important; }
-    .datepicker .day.active .show-date:after {
-      border: 2px solid #0568ae;
-      border-radius: 7px;
-      content: "";
-      display: block;
-      height: 30px;
-      left: 4px;
-      position: absolute;
-      top: 0;
-      width: 30px; }
-    .datepicker .day:focus .show-date:after {
-      border: 2px solid #0568ae;
-      border-radius: 7px;
-      content: "";
-      display: block;
-      height: 30px;
-      left: 4px;
-      position: absolute;
-      top: 0;
-      width: 30px;
-      height: 30px;
-      left: 4px;
-      top: 0;
-      width: 30px; }
-    .datepicker .due-date.disabled .show-date:after {
-      border: 2px solid #0568ae;
-      border-radius: 7px;
-      content: "";
-      display: block;
-      height: 30px;
-      left: 4px;
-      position: absolute;
-      top: 0;
-      width: 30px; }
-    .datepicker .day.due-date:focus .show-date:after {
-      height: 30px;
-      left: 4px;
-      top: 0;
-      width: 30px; }
-    .datepicker .due-date.old:after {
-      visibility: hidden; }
-    .datepicker .due-date.new:after {
-      visibility: hidden; }
-    .datepicker .due-date.active:after {
-      border-color: #FFFFFF; }
-    .datepicker .due-date.active.focused {
-      color: #0568ae !important; }
-      .datepicker .due-date.active.focused:after {
-        border-color: #cf2a2a !important; }
-    .datepicker .dow {
-      height: 24px;
-      width: 42px;
-      font-weight: normal;
-      position: relative;
-      overflow: hidden;
-      color: transparent;
-      letter-spacing: -6px;
-      margin: 0 -1px -1px 0; }
-      .datepicker .dow span[aria-hidden="true"] {
-        bottom: 0;
-        color: #5A5A5A;
-        display: block;
-        left: 1px;
-        letter-spacing: 0;
-        line-height: .9;
-        margin: 0 auto;
-        padding: 0;
-        position: relative;
-        width: 22px; }
-    .datepicker .calendar-legend {
-      margin-top: 3px;
-      margin-bottom: 20px; }
-      .datepicker .calendar-legend li {
-        font-size: 1.4rem;
-        font-weight: normal;
-        margin-bottom: 5px;
-        padding-left: 10px;
-        padding-top: 5px;
-        position: relative; }
-    .datepicker i.legend-due-date {
-      background-color: #cf2a2a;
-      border-radius: 5px;
-      height: 18px;
-      width: 18px;
-      margin-right: 8px;
-      vertical-align: middle;
-      display: inline-block; }
-    .datepicker i.legend-selected-date {
-      background-color: #FFFFFF;
-      border: 2px solid #0568ae;
-      border-radius: 5px;
-      height: 18px;
-      width: 18px;
-      margin-right: 8px;
-      vertical-align: middle;
-      display: inline-block; }
-    .datepicker i.legend-selectedisdue {
-      background-color: #FFFFFF;
-      border: 2px solid #0568ae;
-      border-radius: 5px;
-      display: inline-block;
-      height: 18px;
-      margin-right: 8px;
-      position: relative;
-      vertical-align: middle;
-      width: 18px; }
-      .datepicker i.legend-selectedisdue:after {
-        background-color: #cf2a2a;
-        border-radius: 3px;
-        content: "";
-        display: block;
-        height: 10px;
-        left: 2px;
-        position: absolute;
-        top: 2px;
-        width: 10px; }
-    .datepicker .text-left {
-      width: 100%; }
-    .datepicker .active.old {
-      background-color: #ededed !important;
-      color: #ededed !important; }
-  
-  .datepicker-inline {
-    width: 220px; }
-  
-  .datepicker.datepicker-rtl {
-    direction: rtl; }
-    .datepicker.datepicker-rtl td span {
-      float: right; }
-  
-  .datepicker-dropdown {
-    top: 0;
-    left: 0; }
-    .datepicker-dropdown:before {
-      content: " ";
-      display: inline-block;
-      border-left: 10px solid transparent;
-      border-right: 10px solid transparent;
-      border-bottom: 10px solid #d2d2d2;
-      border-top: 0;
-      border-bottom-color: rgba(0, 0, 0, 0.2);
-      position: absolute; }
-    .datepicker-dropdown:after {
-      content: " ";
-      display: inline-block;
-      border-left: 10px solid transparent;
-      border-right: 10px solid transparent;
-      border-bottom: 10px solid #fff;
-      border-top: 0;
-      position: absolute; }
-  
-  .datepicker-dropdown.datepicker-orient-left:before {
-    left: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-left:after {
-    left: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-right:before {
-    right: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-right:after {
-    right: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:before {
-    top: -10px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:after {
-    top: -9px; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:before {
-    bottom: -7px;
-    border-bottom: 0;
-    border-top: 7px solid #959595; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:after {
-    bottom: -6px;
-    border-bottom: 0;
-    border-top: 6px solid #fff; }
-  
-  .datepicker.days div.datepicker-days {
-    display: block; }
-  
-  .datepicker.months div.datepicker-months {
-    display: block; }
-  
-  .datepicker.years div.datepicker-years {
-    display: block; }
-  
-  .show-date {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #0568ae;
-    height: 26px;
-    line-height: 26px;
-    margin: 4px auto 0;
-    width: 26px; }
-  
-  .input-group.date .input-group-addon i {
-    cursor: pointer;
-    width: 16px;
-    height: 16px; }
-  
-  .datepicker.dropdown-menu {
-    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
-    position: absolute;
-    top: 100%;
-    left: 0;
-    float: left;
-    display: none;
-    margin-top: 13px;
-    width: 290px;
-    list-style: none;
-    background-color: #FFFFFF;
-    border: 1px solid #d2d2d2;
-    border: 1px solid rgba(0, 0, 0, 0.2);
-    border-radius: 5px;
-    color: #333333;
-    font-size: 13px;
-    line-height: 1.428571429;
-    z-index: 1050; }
-    .datepicker.dropdown-menu th {
-      display: block;
-      float: left;
-      padding: 0;
-      position: relative; }
-    .datepicker.dropdown-menu td {
-      display: block;
-      float: left;
-      padding: 0;
-      position: relative; }
-  
-  .s {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -62px 0; }
-  
-  .m {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -5px 0; }
-  
-  .t {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -19px 0; }
-  
-  .w {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -34px 0; }
-  
-  .f {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -49px 0; }
-  
-  .d {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .l {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .v {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .j {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .b2b-coachmark-label {
-    z-index: 1060;
-    opacity: 1;
-    cursor: not-allowed;
-    position: relative; }
-  
-  .b2b-coachmark-highlight {
-    border: 1px solid #d3d3d3;
-    cursor: default;
-    z-index: 1045;
-    opacity: 1;
-    background-color: #ffffff;
-    border-radius: 10px;
-    position: relative;
-    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-    padding: 10px;
-    position: absolute; }
-  
-  .b2b-coachmark-highlight-mask {
-    z-index: 1100;
-    opacity: .1; }
-  
-  .b2b-coachmark-container {
-    border: 1px solid #cccccc;
-    width: 316px;
-    pointer-events: auto;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    font-size: 16px;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    background: #fff;
-    border-radius: 20px;
-    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.15);
-    color: #333;
-    line-height: 20px;
-    position: absolute;
-    top: 50px;
-    left: -97px;
-    display: block;
-    background-color: #ffffff;
-    z-index: 1050;
-    opacity: 1; }
-    .b2b-coachmark-container i.b2b-coachmark-caret {
-      position: absolute;
-      top: -12px;
-      left: 47%;
-      opacity: 1;
-      z-index: 1050; }
-    .b2b-coachmark-container i.b2b-coachmark-caret:before {
-      content: "";
-      border-left: 12px solid transparent;
-      border-right: 12px solid transparent;
-      border-bottom: 12px solid #d3d3d3;
-      position: absolute;
-      top: -1px; }
-    .b2b-coachmark-container i.b2b-coachmark-caret:after {
-      content: "";
-      border-left: 12px solid transparent;
-      border-right: 12px solid transparent;
-      border-bottom: 12px solid #fff;
-      position: absolute; }
-    .b2b-coachmark-container .b2b-coachmark-header {
-      position: relative;
-      height: 47px;
-      overflow: hidden; }
-      .b2b-coachmark-container .b2b-coachmark-header .corner-button {
-        box-shadow: 0 -24px 0 0 #f2f2f2 inset;
-        height: 69px;
-        position: absolute;
-        right: -33px;
-        top: -38px;
-        transform: rotate(45deg);
-        width: 69px; }
-    .b2b-coachmark-container .b2b-coachmark-countlabel {
-      font-size: 12px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #333333;
-      margin-left: 20px;
-      margin-top: 20px; }
-    .b2b-coachmark-container .b2b-coachmark-content {
-      padding: 0px 20px 20px 20px;
-      float: left; }
-      .b2b-coachmark-container .b2b-coachmark-content .icon-misc-dimmer {
-        font-size: 32px;
-        float: left;
-        margin-right: 10px;
-        width: 32px; }
-      .b2b-coachmark-container .b2b-coachmark-content .offscreen-text {
-        position: absolute;
-        left: -10000px;
-        top: auto;
-        width: 1px;
-        height: 1px;
-        overflow: hidden; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-content-header {
-        font-size: 16px;
-        color: #333333;
-        line-height: 18px;
-        float: left;
-        width: 220px; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-description {
-        font-size: 14px;
-        line-height: 18px;
-        color: #333333;
-        width: 100%;
-        float: left;
-        margin-top: 15px; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group {
-        margin-top: 20px;
-        float: left;
-        text-align: right;
-        width: 100%; }
-        .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group .b2b-coachmark-link {
-          font-family: "Omnes-ECOMP-W02-Medium", Arial;
-          font-size: 15px;
-          color: #0574ac;
-          line-height: 18px;
-          margin-right: 20px; }
-        .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group button {
-          font-size: 15px;
-          margin: 0px; }
-  
-  .datepicker {
-    background-color: #fff;
-    padding: 0;
-    border-radius: 5px;
-    direction: ltr; }
-  
-  .datepicker-inline {
-    width: 220px; }
-  
-  .datepicker.datepicker-rtl {
-    direction: rtl; }
-  
-  .datepicker.datepicker-rtl td span {
-    float: right; }
-  
-  .datepicker-dropdown {
-    top: 0;
-    left: 0; }
-  
-  /* ARROW */
-  .datepicker-dropdown:before {
-    content: " ";
-    display: inline-block;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid #d2d2d2;
-    border-top: 0;
-    border-bottom-color: rgba(0, 0, 0, 0.2);
-    position: absolute; }
-  
-  .datepicker-dropdown:after {
-    content: " ";
-    display: inline-block;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid #fff;
-    border-top: 0;
-    position: absolute; }
-  
-  .datepicker-dropdown.datepicker-orient-left:before,
-  .datepicker-dropdown.datepicker-orient-left:after {
-    left: 255px; }
-  
-  .datepicker-dropdown.datepicker-orient-right:before,
-  .datepicker-dropdown.datepicker-orient-right:after {
-    right: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:before {
-    top: -10px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:after {
-    top: -9px; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:before {
-    bottom: -7px;
-    border-bottom: 0;
-    border-top: 7px solid #959595; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:after {
-    bottom: -6px;
-    border-bottom: 0;
-    border-top: 6px solid #fff; }
-  
-  .datepicker > div {
-    display: none; }
-  
-  .datepicker.days div.datepicker-days {
-    display: block; }
-  
-  .datepicker.months div.datepicker-months {
-    display: block; }
-  
-  .datepicker.years div.datepicker-years {
-    display: block; }
-  
-  .datepicker table {
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    margin: 0 0 0 0; }
-  
-  .datepicker td,
-  .datepicker th {
-    text-align: center;
-    display: block;
-    width: 30px;
-    height: 30px;
-    border: none; }
-  
-  .datepicker tbody :focus {
-    outline: none; }
-  
-  .datepicker td.day {
-    background-color: transparent;
-    color: #0568ae;
-    cursor: pointer;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    height: 34px;
-    line-height: 30rem;
-    margin: -2px -1px 0 0;
-    overflow: hidden;
-    text-align: center;
-    width: 42px; }
-  
-  .datepicker :focus {
-    outline: 1px dotted #000;
-    outline-offset: -2px; }
-  
-  .datepicker td.day.focused {
-    background: #ededed;
-    cursor: pointer; }
-  
-  .datepicker td.day.focused.active {
-    background-color: #ededed;
-    color: #0568ae; }
-  
-  .datepicker td.disabled,
-  .datepicker td.disabled:hover {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5a5a5a;
-    cursor: default; }
-  
-  .datepicker td.today,
-  .datepicker td.today:hover,
-  .datepicker td.today.disabled {
-    color: #fff;
-    background-color: #0568ae; }
-  
-  .datepicker td.today.active,
-  .datepicker td.today:active,
-  .datepicker td.today:hover,
-  .datepicker td.today:focus {
-    color: #fff;
-    background-color: #0568ae; }
-  
-  .datepicker td.today.active:hover {
-    color: #fff; }
-  
-  .datepicker td.selected,
-  .datepicker td.selected:hover,
-  .datepicker td.selected.disabled {
-    color: #ffffff;
-    background-color: #959595; }
-  
-  .datepicker td.active:not(.new),
-  .datepicker td.active:hover:not(.new) {
-    color: #ffffff;
-    border-color: #357ebd; }
-  
-  .show-date {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #0568ae;
-    height: 26px;
-    line-height: 26px;
-    margin: 4px auto 0;
-    width: 26px; }
-  
-  .datepicker .start-date .show-date,
-  .datepicker .between-date .show-date,
-  .datepicker .end-date .show-date {
-    background-color: #0568ae;
-    color: #fff !important; }
-  
-  .datepicker .start-date .show-date {
-    border-radius: 5px 0 0 5px;
-    z-index: 1; }
-  
-  .datepicker .start-date .show-date:before {
-    background-color: #0568ae;
-    content: "";
-    display: block;
-    height: 26px;
-    left: 20px;
-    position: absolute;
-    width: 100%;
-    z-index: -1; }
-  
-  .datepicker .between-date .show-date:before {
-    background-color: #0568ae;
-    content: "";
-    display: block;
-    height: 26px;
-    left: 0;
-    position: absolute;
-    width: 100%;
-    z-index: -1; }
-  
-  .datepicker .end-date .show-date {
-    border-radius: 0 5px 5px 0; }
-  
-  .datepicker .end-date .show-date:before {
-    background-color: #0568ae;
-    content: "";
-    display: block;
-    height: 26px;
-    left: -20px;
-    position: absolute;
-    width: 100%;
-    z-index: -1; }
-  
-  .datepicker .between-date:first-child .show-date:before {
-    background-color: #fff;
-    content: "";
-    height: 26px;
-    position: absolute;
-    left: 0;
-    width: 8px; }
-  
-  .datepicker .end-date:first-child .show-date:after {
-    background-color: #fff;
-    content: "";
-    height: 26px;
-    position: absolute;
-    left: 0;
-    width: 8px; }
-  
-  .datepicker .end-date:first-child .show-date::before {
-    background-color: #fff; }
-  
-  .datepicker tr td.start-date:last-child .show-date:after,
-  .datepicker tr td.between-date:last-child .show-date:after {
-    background-color: #fff;
-    content: "";
-    height: 26px;
-    position: absolute;
-    right: 0;
-    width: 8px; }
-  
-  .datepicker tr td.start-date:last-child:focus .show-date:after,
-  .datepicker tr td.end-date:last-child:focus .show-date:after,
-  .datepicker tr td.between-date:last-child:focus .show-date:after,
-  .datepicker tr td.start-date:first-child:focus .show-date:after,
-  .datepicker tr td.end-date:first-child:focus .show-date:after,
-  .datepicker tr td.between-date:first-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  
-  .datepicker td.active:not(.new) .show-date,
-  .datepicker td.active:hover:not(.new) .show-date {
-    color: #0568ae;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .datepicker td.disabled .show-date,
-  .datepicker td.disabled:hover .show-date {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5a5a5a; }
-  
-  .datepicker td span {
-    display: block;
-    width: 23%;
-    height: 54px;
-    line-height: 54px;
-    float: left;
-    margin: 1%;
-    cursor: pointer;
-    border-radius: 4px; }
-  
-  .datepicker td span:hover {
-    background: #eeeeee; }
-  
-  .datepicker td span.disabled,
-  .datepicker td span.disabled:hover {
-    background: none;
-    color: #5a5a5a;
-    cursor: default; }
-  
-  .datepicker td span.active,
-  .datepicker td span.active:hover,
-  .datepicker td span.active.disabled {
-    color: #ffffff;
-    background-color: #0568ae;
-    border-color: #357ebd; }
-  
-  .datepicker th.datepicker-switch {
-    width: 198px;
-    font-size: 20px;
-    font-weight: normal;
-    cursor: default !important; }
-  
-  .datepicker thead tr:first-child th,
-  .datepicker tfoot tr th {
-    cursor: pointer;
-    height: 60px;
-    line-height: 60px; }
-  
-  .datepicker tfoot tr th {
-    height: auto;
-    line-height: normal; }
-  
-  .datepicker tfoot tr th li {
-    margin-bottom: 5px; }
-  
-  .datepicker .prev,
-  .datepicker .next {
-    color: transparent;
-    font-size: 0;
-    margin: 0 -1px -1px 0;
-    width: 46px; }
-  
-  .datepicker .prev i,
-  .datepicker .next i {
-    color: #0568ae;
-    position: absolute;
-    font-size: 27px;
-    margin: 0;
-    top: 15px; }
-  
-  .datepicker .prev i {
-    left: 8px; }
-  
-  .datepicker .next i {
-    right: 8px; }
-  
-  .datepicker .cw {
-    font-size: 5px;
-    width: 12px;
-    padding: 0 2px 0 5px;
-    vertical-align: middle; }
-  
-  .datepicker thead tr:first-child th.cw {
-    cursor: default;
-    background-color: transparent; }
-  
-  .input-group.date .input-group-addon i {
-    cursor: pointer;
-    width: 16px;
-    height: 16px; }
-  
-  .datepicker.dropdown-menu {
-    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
-    position: absolute;
-    top: 100%;
-    left: 0;
-    float: left;
-    display: none;
-    margin-top: 13px;
-    width: 290px;
-    list-style: none;
-    background-color: #ffffff;
-    border: 1px solid #d2d2d2;
-    border: 1px solid rgba(0, 0, 0, 0.2);
-    border-radius: 5px;
-    color: #333333;
-    font-size: 13px;
-    line-height: 1.428571429;
-    z-index: 1050; }
-  
-  .datepicker.dropdown-menu th,
-  .datepicker.dropdown-menu td {
-    display: block;
-    float: left;
-    padding: 0;
-    position: relative; }
-  
-  .datepicker .due-date .show-date {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    background-color: #cf2a2a;
-    border-radius: 5px;
-    color: #fff !important; }
-  
-  .datepicker .day.active .show-date:after,
-  .datepicker .day:focus .show-date:after,
-  .datepicker .due-date.disabled .show-date:after {
-    border: 2px solid #0568ae;
-    border-radius: 7px;
-    content: "";
-    display: block;
-    height: 30px;
-    left: 4px;
-    position: absolute;
-    top: 0;
-    width: 30px; }
-  
-  .datepicker .day:focus .show-date:after {
-    height: 30px;
-    left: 4px;
-    top: 0;
-    width: 30px; }
-  
-  .datepicker .day.due-date:focus .show-date:after {
-    height: 30px;
-    left: 4px;
-    top: 0;
-    width: 30px; }
-  
-  .datepicker .due-date.old:after,
-  .datepicker .due-date.new:after {
-    visibility: hidden; }
-  
-  .datepicker .due-date.active:after {
-    border-color: #fff; }
-  
-  .datepicker .due-date.active.focused {
-    color: #0568ae !important; }
-  
-  .datepicker .due-date.active.focused:after {
-    border-color: #cf2a2a !important; }
-  
-  .datepicker .dow {
-    height: 24px;
-    width: 42px;
-    font-weight: normal;
-    position: relative;
-    overflow: hidden;
-    color: transparent;
-    letter-spacing: -6px;
-    margin: 0 -1px -1px 0; }
-  
-  .datepicker .dow span[aria-hidden="true"] {
-    bottom: 0;
-    color: #5a5a5a;
-    display: block;
-    left: 1px;
-    letter-spacing: 0;
-    line-height: .9;
-    margin: 0 auto;
-    padding: 0;
-    position: relative;
-    width: 22px; }
-  
-  .datepicker .calendar-legend {
-    margin-top: 3px;
-    margin-bottom: 20px; }
-  
-  .datepicker .calendar-legend li {
-    font-size: 1.4rem;
-    font-weight: normal;
-    margin-bottom: 5px;
-    padding-left: 10px;
-    padding-top: 5px;
-    position: relative; }
-  
-  .datepicker i.legend-due-date {
-    background-color: #cf2a2a;
-    border-radius: 5px;
-    height: 18px;
-    width: 18px;
-    margin-right: 8px;
-    vertical-align: middle;
-    display: inline-block; }
-  
-  .datepicker i.legend-selected-date {
-    background-color: #fff;
-    border: 2px solid #0568ae;
-    border-radius: 5px;
-    height: 18px;
-    width: 18px;
-    margin-right: 8px;
-    vertical-align: middle;
-    display: inline-block; }
-  
-  .datepicker i.legend-selectedisdue {
-    background-color: #fff;
-    border: 2px solid #0568ae;
-    border-radius: 5px;
-    display: inline-block;
-    height: 18px;
-    margin-right: 8px;
-    position: relative;
-    vertical-align: middle;
-    width: 18px; }
-  
-  .datepicker i.legend-selectedisdue:after {
-    background-color: #cf2a2a;
-    border-radius: 3px;
-    content: "";
-    display: block;
-    height: 10px;
-    left: 2px;
-    position: absolute;
-    top: 2px;
-    width: 10px; }
-  
-  .datepicker .text-left {
-    width: 100%; }
-  
-  .datepicker .active.old {
-    background-color: #ededed !important;
-    color: #ededed !important; }
-  
-  .s,
-  .m,
-  .t,
-  .w,
-  .f,
-  .d,
-  .l,
-  .v,
-  .j {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: white;
-    background-repeat: no-repeat; }
-  
-  .s {
-    background-position: -62px 0; }
-  
-  .m {
-    background-position: -5px 0; }
-  
-  .t {
-    background-position: -19px 0; }
-  
-  .w {
-    background-position: -34px 0; }
-  
-  .f {
-    background-position: -49px 0; }
-  
-  /* spanish */
-  .d {
-    background-position: 0 0; }
-  
-  .l {
-    background-position: 0 0; }
-  
-  .v {
-    background-position: 0 0; }
-  
-  .j {
-    background-position: 0 0; }
-  
-  .datepicker-container {
-    position: relative; }
-  
-  .btn-calendar-icon:focus .icon-primary-calendar {
-    outline: 1px dotted #191919; }
-  
-  .btn-calendar-icon:focus {
-    outline: none; }
-  
-  /* remove focus outline when dropdown is opened */
-  /*resolve blue focus outline over dropdown with error*/
-  select {
-    margin-right: -1;
-    height: 36px;
-    line-height: 25px;
-    
-    background-color: #95959521; }
-  
-  .selectWrap.disabled .icon-primary-down {
-    color: #d6d6d6; }
-  
-  .selectWrap.disabled input.awd-select {
-    z-index: 0;
-    padding: 10px 45px 10px 15px;
-    text-indent: 0; }
-  
-  .selectWrap.disabled button.awd-select {
-    z-index: 0;
-    text-indent: 15px; }
-  
-  .selectWrap.disabled:after {
-    color: #5A5A5A;
-    cursor: not-allowed; }
-  
-  input.awd-select {
-    background-color: transparent;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-    color: #333333;
-    display: block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    /*font-size: 1.6rem;*/
-    height: 36px;
-    line-height: 0;
-    margin-bottom: 0;
-    position: relative;
-    text-align: left;
-    top: 0;
-    width: 100%;
-    z-index: 10;
-    padding: 12px 45px 8px 15px;
-    user-select: none; }
-    input.awd-select:focus {
-      border-color: #0568ae !important;
-      text-overflow: ellipsis;
-      padding-right: 45px; }
-  
-  button.awd-select {
-    background-color: transparent;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-    color: #333333;
-    display: block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    /*font-size: 1.6rem;*/
-    height: 36px;
-    line-height: 36px;
-    margin-bottom: 0;
-    position: relative;
-    text-align: left;
-    top: 0;
-    width: 100%;
-    z-index: 10; }
-    button.awd-select:not(.large) {
-      text-indent: 15px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: clip;
-      text-overflow: ellipsis; }
-    button.awd-select img {
-      height: 26px;
-      margin-right: 7px;
-      margin-top: -10px;
-      position: relative;
-      top: 2px;
-      vertical-align: text-bottom; }
-    button.awd-select:focus {
-      border-color: #0568ae !important; }
-    button.awd-select i {
-      font-size: 23px;
-      position: absolute;
-      right: 33px;
-      top: 5px;
-      z-index: 1000; }
-  
-  button.awd-select.large {
-    align-items: center;
-    display: flex;
-    height: 60px;
-    line-height: 20px;
-    overflow: hidden;
-    padding-left: 70px;
-    vertical-align: middle; }
-    button.awd-select.large img {
-      height: 40px;
-      left: 20px;
-      position: absolute;
-      top: 20px;
-      width: 40px; }
-  
-  .selectWrap.large {
-    height: 60px; }
-    .selectWrap.large .awd-select-list-item {
-      align-items: center;
-      display: flex;
-      height: 60px;
-      line-height: 20px;
-      overflow: hidden;
-      padding-left: 70px;
-      vertical-align: middle; }
-      .selectWrap.large .awd-select-list-item img {
-        height: 40px;
-        left: 20px;
-        position: absolute;
-        top: 20px;
-        width: 40px;
-        top: 10px; }
-        
-        .inputWrap {
-    border-radius: 6px;
-    position: relative;
-    height: 36px;
-    line-height: 44px;
-    display: block;
-    margin: 0;
-    }
-  
-  button.awd-select.active {
-    border-radius: 6px 6px 0 0; }
-    button.awd-select.active:focus {
-      border-color: #d2d2d2 !important; }
-  
-  input.awd-select.active {
-    border-radius: 6px 6px 0 0; }
-    input.awd-select.active:focus {
-      border-color: #d2d2d2 !important; }
-  
-  .selectWrapper {
-    position: relative; }
-  
-  span.selectWrap input[readonly]:focus {
-    color: transparent;
-    text-shadow: 0 0 0 #000; }
-  
-  .isIE.ds2-no-colors .awd-select:focus {
-    outline: 1px dashed transparent; }
-  
-  .awd-select-list {
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-    border-radius: 0 0 6px 6px;
-    position: absolute;
-    border: 1px solid #d2d2d2;
-    border-top: 0;
-    padding: 0;
-    background-color: #f2f2f2;
-    z-index: 1000;
-    width: 100%;
-    max-height: 320px;
-    overflow-y: auto; }
-  
-  .awd-select-list-item {
-    cursor: pointer;
-    height: 100%;
-    min-height: 36px;
-    line-height: 20px;
-    overflow: hidden;
-    padding: 8px 15px;
-    position: relative;
-    z-index: 1000; }
-    .awd-select-list-item:hover {
-      cursor: pointer;
-      background-color: #d2d2d2;
-      outline: 1px dashed transparent; }
-    .awd-select-list-item:focus {
-      cursor: pointer;
-      background-color: #d2d2d2;
-      outline: 1px dashed transparent; }
-    .awd-select-list-item img {
-      margin-top: 0;
-      margin-right: 7px;
-      height: 26px;
-      width: 26px; }
-  
-  .selectWrap {
-    border-radius: 6px;
-    position: relative;
-    height: 36px;
-    line-height: 28px;
-    display: block;
-    margin: 0;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-    .selectWrap:not(.large) .awd-select-list-item:first-child {
-      margin-top: 15px; }
-    .selectWrap:not(.large) .awd-select-list-item:last-child {
-      margin-bottom: 15px; }
-    .selectWrap .icon-primary-down {
-      font-size: 23px;
-      margin-top: -11px;
-      position: absolute;
-      right: 4px;
-      top: 50%; }
-    .selectWrap + [aria-expanded="true"] {
-      padding-bottom: 9px;
-      padding-top: 20px; }
-  
-  .awd-select-list-item[data-hover="true"] {
-    background-color: #d2d2d2; }
-  
-  span input.awd-select {
-    width: 100%;
-    cursor: pointer;
-    text-overflow: ellipsis;
-    padding-right: 45px; }
-  
-  li.optgroup-wrapper {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    cursor: default !important;
-    padding: 0px 15px; }
-    li.optgroup-wrapper:first-child {
-      padding-top: 10px; }
-    li.optgroup-wrapper:hover {
-      background-color: #f2f2f2; }
-  
-  ul.optgroup {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    cursor: pointer !important;
-    margin: 0 -15px; }
-    ul.optgroup li {
-      padding: 0 0 0 33px; }
-  
-  label + .selectWrap {
-    margin-top: 4px; }
-  
-  .selectorModule {
-    border-radius: 6px;
-    position: relative;
-    height: 36px;
-    line-height: 28px;
-    display: block;
-    margin: 0;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-  
-  .group .selectWrap {
-    margin: 0 0 10px 0; }
-  
-  select.awd-select {
-    position: relative;
-    top: 0;
-    left: 0;
-    font-size: 16px;
-    z-index: 1010;
-    height: 33px;
-    min-width: 100%;
-    opacity: 0.01; }
-    select.awd-select > optgroup {
-      padding-left: 8px;
-      font-style: normal;
-      margin-top: 10px; }
-      select.awd-select > optgroup:first-child {
-        margin-top: 0; }
-      select.awd-select > optgroup > option {
-        padding-left: 8px; }
-    select.awd-select > option {
-      padding-left: 8px; }
-    select.awd-select + span {
-      background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-      background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0);
-      position: absolute;
-      top: 0;
-      left: 0;
-      z-index: 0;
-      display: block;
-      border: 1px solid #d2d2d2;
-      border-radius: 6px;
-      height: 35px;
-      line-height: 0;
-      padding: 18px 45px 15px 15px;
-      width: 100%;
-      font-size: 1.6rem;
-      padding-right: 45px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis; }
-      select.awd-select + span > i {
-        font-size: 23px;
-        position: absolute;
-        right: 33px;
-        top: 5px;
-        z-index: 1000; }
-        select.awd-select + span > i:before {
-          left: 1px;
-          position: absolute;
-          top: -1px; }
-    select.awd-select:focus + span {
-      border-color: #0568ae; }
-  
-  .isIE select.awd-select + span {
-    line-height: 1; }
-  
-  [data-default-option="true"] {
-    color: #767676 !important;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  
-  .placeholdercolor {
-    color: #767676 !important;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  
-  .filterTank button.awd-select {
-    border-color: #d2d2d2;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #333333; }
-    .filterTank button.awd-select:after {
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2; }
-  
-  .utility-bg button.awd-select {
-    border-color: #d2d2d2;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #333333; }
-    .utility-bg button.awd-select:after {
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2; }
-  
-  .utility-bg select.awd-select + span {
-    border-color: #d2d2d2;
-    border-color: #d2d2d2;
-    background-color: #333333;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #FFFFFF; }
-    .utility-bg select.awd-select + span:after {
-      background-color: #FFFFFF !important;
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2;
-      border-color: #d2d2d2; }
-  
-  .utility-bg select.awd-select:focus + span {
-    border-color: #d2d2d2;
-    border-color: #d2d2d2;
-    background-color: #333333;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #FFFFFF; }
-    .utility-bg select.awd-select:focus + span:after {
-      background-color: #FFFFFF !important;
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2;
-      border-color: #d2d2d2; }
-  
-  .utility-bg select.awd-select:hover + span {
-    border-color: #d2d2d2;
-    border-color: #d2d2d2;
-    background-color: #333333;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #FFFFFF; }
-    .utility-bg select.awd-select:hover + span:after {
-      background-color: #FFFFFF !important;
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2;
-      border-color: #d2d2d2; }
-  
-  input.awd-select[disabled] {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    input.awd-select[disabled] + span {
-      cursor: not-allowed;
-      border-color: #d2d2d2;
-      background-color: #d2d2d2;
-      background-image: none;
-      color: #5A5A5A; }
-  
-  button.awd-select[disabled] {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    button.awd-select[disabled]:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled] + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled]:focus + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-  
-  select.awd-select[disabled]:hover + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-  
-  input.awd-select[disabled="disabled"] {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    input.awd-select[disabled="disabled"] + span {
-      cursor: not-allowed;
-      border-color: #d2d2d2;
-      background-color: #d2d2d2;
-      background-image: none;
-      color: #5A5A5A; }
-  
-  select.awd-select[disabled="disabled"] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled="disabled"] + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled="disabled"]:focus + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled="disabled"]:focus + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled="disabled"]:hover + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled="disabled"]:hover + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  .ddexpand-wrapper > h2 {
-    margin-bottom: 11px; }
-    .ddexpand-wrapper > h2 + p {
-      margin-bottom: 4px; }
-  
-  .ddexpand-wrapper .selectWrap + [aria-expanded="true"] .form-row {
-    margin-top: 11px; }
-  
-  .ddexpand-wrapper .selectWrap + [aria-expanded="true"] .row + .row .form-row {
-    margin-top: 14px; }
-  
-  .modal .awd-select-list {
-    z-index: 1060 !important; }
-  
-  .form-row.error button.awd-select.active:focus {
-    border-color: #cf2a2a !important; }
-  
-  .form-row.error input.awd-select.active:focus {
-    border-color: #cf2a2a !important; }
-  
-  .awd-module-list .module-list-item[aria-selected="true"] {
-    background-color: #f2f2f2; }
-  
-  li.module-list-item[aria-selected="true"]:before {
-    color: #0568ae;
-    display: inline-block;
-    font-family: "icoControls" !important;
-    font-style: normal;
-    font-size: 20px;
-    font-weight: normal;
-    font-variant: normal;
-    height: 1em;
-    margin-right: 7px;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    position: relative;
-    speak: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    vertical-align: middle;
-    width: 1em;
-    content: "\e907";
-    box-sizing: border-box;
-    display: inline-block;
-    font-size: 2em;
-    height: 1em;
-    position: absolute;
-    top: 20px;
-    right: 0px;
-    vertical-align: middle;
-    width: 1em;
-    color: #007a3e; }
-  
-  @media (min-width: 768px) {
-    span[class*="large"] {
-      max-width: 370px; }
-    .large {
-      max-width: 370px; } }
-  
-  @media (max-width: 767px) {
-    .selectWrap.large:after {
-      right: 5px; }
-    .selectWrap.large .awd-select-list-item {
-      padding-right: 41px; }
-    .selectWrap + div > h4 {
-      margin-bottom: 0;
-      font-size: 16px; } }
-  
-  /**********************Dropdown Chrome scrolling fix start ********************/
-  input.awd-select {
-    -webkit-user-select: text;
-    -moz-user-select: text;
-    -ms-user-select: text;
-    user-select: text; }
-  
-  /**********************Dropdown Chrome scrolling fix end ********************/
-  .mpc-expanders {
-    border-bottom: 1px solid #e4e4e4;
-    border-top: 1px solid #e4e4e4; }
-  
-  .mpc-expanders + .mpc-expanders {
-    border-top: 0px; }
-  
-  .mpc-expanders .heading-medium {
-    margin-bottom: 10px; }
-  
-  .mpc-expanders .p-small {
-    margin-top: 5px; }
-  
-  .mpc-expander-body {
-    border-top: 1px solid #e4e4e4; }
-  
-  .mpc-expander-body .mpc-expanders {
-    border-bottom: 1px solid #e4e4e4;
-    border-top: 0; }
-  
-  .mpc-expander-body .mpc-expanders:last-child {
-    border-bottom: 0px; }
-  
-  .ddh-blue {
-    color: #0574ac; }
-  
-  .b2b-dragdrop {
-    border: 1px dashed #bbb;
-    border-radius: 5px;
-    padding: 0;
-    text-align: center;
-    color: #bbb;
-    position: relative; }
-  
-  .b2b-dragdrop-over {
-    background: #0091d9;
-    color: #006496; }
-    .b2b-dragdrop-over:after {
-      content: "Drop the file";
-      color: #fff;
-      width: 80px;
-      height: 20px;
-      overflow: hidden;
-      margin: auto;
-      position: absolute;
-      top: 0;
-      left: 0;
-      bottom: 0;
-      right: 0; }
-  
-  .b2b-file-container {
-    position: relative;
-    overflow: hidden;
-    display: inline-table;
-    font-weight: 400; }
-    .b2b-file-container [type=file] {
-      position: absolute;
-      cursor: inherit;
-      display: block;
-      font-size: 0;
-      opacity: 0;
-      height: 0;
-      width: 0;
-      left: 0;
-      top: 0;
-      -ms-filter: "alpha(Opacity=0)"; }
-  
-  .b2b-upload-link {
-    color: #0568ae; }
-  
-  .b2b-flyout {
-    position: relative;
-    display: inline-block;
-    cursor: default; }
-  
-  .b2b-flyout-icon {
-    cursor: pointer; }
-    .b2b-flyout-icon:focus {
-      outline: thin dotted #666;
-      outline-offset: -1px; }
-  
-  .b2b-flyout .b2b-flyout-container {
-    border: 1px solid #d3d3d3;
-    width: 300px;
-    padding: 20px;
-    pointer-events: auto;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    font-size: 16px;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    background: #fff;
-    border-radius: 6px;
-    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-    color: #333;
-    line-height: 20px;
-    position: absolute;
-    top: 35px;
-    opacity: 0;
-    z-index: 1010;
-    display: none; }
-    .b2b-flyout .b2b-flyout-container.open-flyout {
-      opacity: 1;
-      display: block; }
-  
-  .b2b-flyout i.b2b-flyout-caret {
-    position: absolute;
-    top: -8px;
-    left: 50%;
-    opacity: 0;
-    z-index: 1011;
-    display: none; }
-    .b2b-flyout i.b2b-flyout-caret.open-flyout {
-      opacity: 1;
-      display: block; }
-    .b2b-flyout i.b2b-flyout-caret:before {
-      content: "";
-      border-left: 8px solid transparent;
-      border-right: 8px solid transparent;
-      border-bottom: 8px solid #d3d3d3;
-      position: absolute;
-      top: -1px; }
-    .b2b-flyout i.b2b-flyout-caret:after {
-      content: "";
-      border-left: 8px solid transparent;
-      border-right: 8px solid transparent;
-      border-bottom: 8px solid #fff;
-      position: absolute; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-left i.b2b-flyout-caret {
-    left: 16px !important; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-right i.b2b-flyout-caret {
-    left: inherit !important;
-    right: 30px !important; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-above {
-    box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.25); }
-    .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret {
-      top: auto;
-      bottom: 0px; }
-      .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:before {
-        top: auto;
-        bottom: -9px;
-        border-top: 8px solid #d3d3d3;
-        border-bottom: none; }
-      .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:after {
-        border-top: 8px solid #fff;
-        border-bottom: none; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-centerLeft i.b2b-flyout-caret {
-    left: inherit !important;
-    right: -7px !important;
-    top: 8px;
-    transform: rotate(90deg); }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-centerRight i.b2b-flyout-caret {
-    left: -8px !important;
-    top: 296px;
-    transform: rotate(-90deg); }
-  
-  .b2b-flyout .buttons-group {
-    margin-top: 20px; }
-    .b2b-flyout .buttons-group .cta-button-group {
-      width: 100%;
-      border-top: 1px solid #ccc;
-      padding: 20px 0 0; }
-      .b2b-flyout .buttons-group .cta-button-group button {
-        margin-bottom: 0; }
-  
-  .b2b-flyout .heading {
-    font-size: 20px;
-    margin-bottom: 10px; }
-  
-  .b2b-flyout .body-text {
-    font-size: 14px;
-    margin-bottom: 30px; }
-  
-  .b2b-footer-wrapper {
-    width: 100%;
-    background-color: #222; }
-  
-  .b2b-footer-container {
-    width: 980px;
-    margin: 0 auto;
-    padding-top: 15px; }
-    .b2b-footer-container .footer-columns {
-      display: inline-block;
-      text-align: left;
-      vertical-align: top; }
-      .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-        padding-top: 30px; }
-      .b2b-footer-container .footer-columns.three-column {
-        width: 33.3%;
-        padding-left: 75px; }
-      .b2b-footer-container .footer-columns.four-column {
-        width: 25%;
-        padding-left: 75px; }
-      .b2b-footer-container .footer-columns.five-column {
-        width: 20%; }
-      .b2b-footer-container .footer-columns .b2b-footer-header {
-        color: #009fdb;
-        font-size: 18px;
-        font-style: normal;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial;
-        line-height: 23.9px;
-        margin: 0; }
-      .b2b-footer-container .footer-columns li {
-        padding: 7.5px 0; }
-      .b2b-footer-container .footer-columns ul li:first-child {
-        padding-top: 15px; }
-      .b2b-footer-container .footer-columns li a {
-        color: #fff;
-        font-size: 16px;
-        font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-footer-container .footer-nav-content {
-      padding-bottom: 10px; }
-      .b2b-footer-container .footer-nav-content li {
-        display: inline;
-        font-size: 14px;
-        color: #fff;
-        vertical-align: middle; }
-        .b2b-footer-container .footer-nav-content li a {
-          color: #fff;
-          font-size: 14px;
-          vertical-align: middle;
-          margin-right: 5px;
-          font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-footer-wrapper .b2b-footer-container hr {
-    background: #d2d2d2;
-    margin-top: 50px; }
-  
-  .b2b-footer-wrapper .divider-bottom-footer {
-    padding: 45px 0 50px 0; }
-  
-  .b2b-footer-wrapper .footerLogo {
-    margin: 10px 0 0 0px;
-    vertical-align: top; }
-    .b2b-footer-wrapper .footerLogo div {
-      display: inline-block; }
-    .b2b-footer-wrapper .footerLogo .icon-primary-att-globe {
-      font-size: 40px; }
-    .b2b-footer-wrapper .footerLogo .logo-title {
-      color: #fff;
-      margin-left: 10px;
-      display: inline-block;
-      font-size: 26px;
-      margin-top: 0px; }
-  
-  .b2b-footer-wrapper .copyright-text {
-    color: #fff;
-    font-size: 11px;
-    text-align: left;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-footer-wrapper .copyright-text a {
-      color: #fff;
-      text-decoration: underline;
-      display: inline-block; }
-      .b2b-footer-wrapper .copyright-text a:hover {
-        text-decoration: none; }
-  
-  @media (max-width: 768px) {
-    .b2b-footer-wrapper {
-      padding: 0 15px; }
-    .b2b-footer-container {
-      width: 100%; }
-      .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-        width: 50%; }
-    .b2b-footer-wrapper .divider-bottom-footer {
-      padding-top: 15px; }
-      .b2b-footer-wrapper .divider-bottom-footer .footer-links {
-        width: 100%; }
-    .b2b-footer-wrapper .footerLogo {
-      margin: 30px 0 0 0; }
-      .b2b-footer-wrapper .footerLogo .footer-logo {
-        margin: 0;
-        padding-left: 10px; } }
-  
-  .b2b-header-tabs {
-    background-color: #222;
-    width: 100%;
-    position: relative;
-    height: 45px; }
-    .b2b-header-tabs .icon-primary-att-globe {
-      color: #0568ae; }
-    .b2b-header-tabs a:focus {
-      border: 1px solid white; }
-    .b2b-header-tabs .header__items {
-      width: 980px;
-      margin: 0 auto;
-      display: block;
-      list-style: none;
-      padding: 6px 0px 0px 0px;
-      border-spacing: 30px 0; }
-    .b2b-header-tabs .header__item {
-      display: inline-block;
-      text-align: left;
-      width: auto;
-      font-size: 16px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      cursor: pointer;
-      padding: 5px 15px;
-      color: #fff; }
-      .b2b-header-tabs .header__item.b2b-headermenu {
-        padding: 0; }
-        .b2b-header-tabs .header__item.b2b-headermenu:last-child {
-          background: none; }
-        .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-          color: #fff;
-          text-decoration: none;
-          display: inline-block;
-          padding: 5px 15px; }
-      .b2b-header-tabs .header__item.active {
-        background-color: #fff;
-        border-radius: 2px;
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0; }
-        .b2b-header-tabs .header__item.active a.menu__item {
-          color: #0578ae; }
-    .b2b-header-tabs li:focus {
-      outline: 2px solid #0578ae; }
-    .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-      background-color: #fff;
-      position: absolute;
-      width: 100%;
-      left: 0;
-      top: 42px;
-      border-bottom: solid 1px #ccc;
-      -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-      -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-      display: none;
-      z-index: 111; }
-    .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-      background-color: #fff;
-      width: 980px;
-      margin: 0 auto; }
-    .b2b-header-tabs .header__item.active .header-secondary-wrapper {
-      display: block; }
-    .b2b-header-tabs .header-secondary .header-subitem {
-      display: inline-block;
-      width: auto;
-      margin: 0 15px; }
-      .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-        display: block; }
-      .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-        display: inline-block;
-        padding: 15px 0;
-        color: #333; }
-        .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-          color: #0578ae; }
-  
-  /** Secondary Menu **/
-  .b2b-labelhide {
-    position: absolute;
-    clip: rect(1px, 1px, 1px, 1px); }
-  
-  /** Tertiary Level Menu **/
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-    position: absolute;
-    z-index: 111;
-    top: 25px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after, .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-      content: '';
-      border-left: 8px solid transparent;
-      border-right: 8px solid transparent;
-      position: absolute;
-      -webkit-transition: left .2s ease-out;
-      -moz-transition: left .2s ease-out;
-      transition: left .2s ease-out; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-      border-bottom: 8px solid #fff;
-      top: 10px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-      border-bottom: 8px solid #ccc;
-      top: 9px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-    border-top: solid 1px #ccc; }
-  
-  .b2b-header-tabs .header-tertiary:after {
-    content: '';
-    clear: both;
-    display: block; }
-  
-  .b2b-header-tabs .header-tertiary li {
-    display: inline-block;
-    padding: 0;
-    float: left; }
-    .b2b-header-tabs .header-tertiary li a {
-      color: #333;
-      display: block;
-      padding: 10px 15px; }
-    .b2b-header-tabs .header-tertiary li label {
-      text-align: left;
-      display: block;
-      font-size: 16px;
-      font-weight: bold;
-      color: #857B7B;
-      padding: 15px 0 0 15px; }
-  
-  .b2b-header-tabs .header__item.skip {
-    padding: 0;
-    display: inline-block;
-    cursor: default !important; }
-    .b2b-header-tabs .header__item.skip a {
-      color: transparent;
-      font-size: 12px;
-      line-height: 15px;
-      text-decoration: none; }
-      .b2b-header-tabs .header__item.skip a:focus {
-        color: #fff;
-        outline: 2px solid #0578ae; }
-  
-  .b2b-header-tabs .selectWrap {
-    min-width: 150px; }
-    .b2b-header-tabs .selectWrap button.awd-select {
-      height: 30px;
-      line-height: 31px;
-      font-size: 1rem;
-      display: inline-block; }
-    .b2b-header-tabs .selectWrap .awd-select-list {
-      background-color: #fff;
-      color: #333;
-      -webkit-transition: opacity .2s ease-out;
-      -moz-transition: opacity .2s ease-out;
-      transition: opacity .2s ease-out;
-      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-  
-  @media (max-width: 768px) {
-    .b2b-header-tabs {
-      padding: 0 15px; }
-      .b2b-header-tabs .header__items, .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-        width: 100%; }
-      .b2b-header-tabs .header__item {
-        padding: 5px 0; }
-      .b2b-header-tabs .globe-text {
-        display: none; }
-      .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-        padding: 5px 7px 9px 7px; }
-      .b2b-header-tabs .header__item .header-tertiary-wrapper {
-        top: 30px; }
-      .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-        top: 14px; }
-      .b2b-header-tabs .header__item .header-secondary-wrapper {
-        top: 45px; }
-      .b2b-header-tabs .header__item.profile {
-        padding-left: 15px;
-        float: none; } }
-  
-  /************* Header - Start *************/
-  .b2b-header-tabs {
-    background-color: #222;
-    width: 100%;
-    position: relative;
-    height: 45px; }
-  
-  .b2b-header-tabs .icon-primary-primary-att-globe {
-    color: #0568ae;
-    font-size: 34px;
-    bottom: 1px; }
-  
-  /*
-   *TODO: delete below .icon-primary-att-globel will not be used 
-   *instead the one above, icon-primary-primary-att-globe not available here
-   */
-  .b2b-header-tabs .icon-primary-att-globe {
-    color: #0568ae;
-    font-size: 34px; }
-  
-  .b2b-header-tabs .globe-text {
-    margin-left: 20px;
-    font-size: 2rem; }
-  
-  .b2b-header-tabs .header__items {
-    width: 980px;
-    margin: 0 auto;
-    display: block;
-    list-style: none;
-    border-spacing: 30px 0;
-    padding: 3px 0px 0px 0px; }
-  
-  .b2b-header-tabs .header__item {
-    display: inline-block;
-    text-align: left;
-    width: auto;
-    font-size: 14px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    cursor: pointer;
-    padding: 0 15px 4px 15px;
-    /*margin-top:-3px;*/
-    color: #fff; }
-  
-  .b2b-header-tabs .header__item.b2b-headermenu {
-    padding: 0; }
-  
-  .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-    color: #fff;
-    text-decoration: none;
-    display: inline-block;
-    padding: 8px 15px 12px 15px;
-    font-size: 16px; }
-  
-  .b2b-header-tabs .header__item.active {
-    background-color: #fff;
-    border-radius: 2px;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0; }
-  
-  .b2b-header-tabs .header__item.active a.menu__item {
-    color: #0578ae; }
-  
-  .b2b-header-tabs li:focus {
-    outline: 2px solid #0578ae; }
-  
-  /** profile pop Over **/
-  .b2b-header-tabs .header__item.profile {
-    position: relative;
-    float: right; }
-  
-  /** Secondary Menu **/
-  .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-    background-color: #fff;
-    position: absolute;
-    width: 100%;
-    left: 0;
-    top: 42px;
-    border-bottom: solid 1px #ccc;
-    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    display: none;
-    z-index: 111; }
-  
-  .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-    background-color: #fff;
-    width: 980px;
-    margin: 0 auto; }
-  
-  .b2b-header-tabs .header__item.active .header-secondary-wrapper,
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-    display: block; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem {
-    display: inline-block;
-    width: auto;
-    margin: 0 15px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-    display: inline-block;
-    padding: 15px 0;
-    color: #333;
-    font-size: 14px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-    color: #0578ae; }
-  
-  .b2b-label-hide {
-    position: absolute;
-    clip: rect(1px, 1px, 1px, 1px); }
-  
-  /** Tertiary Level Menu **/
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after,
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    content: '';
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
-    position: absolute;
-    -webkit-transition: left .2s ease-out;
-    -moz-transition: left .2s ease-out;
-    transition: left .2s ease-out; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-    position: absolute;
-    z-index: 111;
-    top: 25px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-    border-bottom: 8px solid #fff;
-    top: 10px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    border-bottom: 8px solid #ccc;
-    top: 9px; }
-  
-  /** Tertiary Level Menu **/
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-    border-top: solid 1px #ccc; }
-  
-  .b2b-header-tabs .header-tertiary:after {
-    content: '';
-    clear: both;
-    display: block; }
-  
-  .b2b-header-tabs .header-tertiary li {
-    display: inline-block;
-    padding: 0;
-    float: left; }
-  
-  .b2b-header-tabs .header-tertiary li a {
-    color: #333;
-    display: block;
-    padding: 7px 15px;
-    max-width: 228px; }
-  
-  .b2b-header-tabs .header-tertiary li label {
-    text-align: left;
-    display: block;
-    font-size: 14px !important;
-    font-weight: bold;
-    color: #857B7B;
-    padding: 15px 0 0 15px; }
-  
-  /** Quarternary Level Menu **/
-  .b2b-header-tabs .header-quarternary {
-    width: 100%;
-    float: left; }
-  
-  .b2b-header-tabs .header-quarternary li {
-    padding-left: 15px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    display: none; }
-  
-  .b2b-header-tabs .header-quarternary li.active {
-    display: block; }
-  
-  .b2b-header-tabs .header-quarternary li a {
-    color: #666666;
-    font-size: 14px;
-    padding: 0px 10px 10px 10px; }
-  
-  /** Skip Navigation**/
-  .b2b-header-tabs .header__item.skip {
-    padding: 0;
-    display: inline-block;
-    cursor: default !important; }
-  
-  .b2b-header-tabs .header__item.skip a {
-    color: transparent;
-    font-size: 12px;
-    line-height: 15px;
-    text-decoration: none; }
-  
-  .b2b-header-tabs .header__item.skip a:focus {
-    color: #fff;
-    outline: 2px solid #0578ae; }
-  
-  /** Dropdown css inside Header ****/
-  .b2b-header-tabs .selectWrap {
-    min-width: 150px; }
-  
-  .b2b-header-tabs .selectWrap button.awd-select, .b2b-header-tabs .selectWrap input.awd-select {
-    height: 36px;
-    line-height: 31px;
-    font-size: 1rem;
-    display: inline-block; }
-  
-  .b2b-header-tabs .selectWrap .awd-select-list {
-    background-color: #fff;
-    color: #333;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-  
-  /*
-   * responsive header media queries
-   */
-  @media screen and (max-width: 1100px) {
-    .b2b-header-tabs .globe-text {
-      display: none; }
-    .b2b-header-tabs .header__item.profile {
-      padding-left: 15px;
-      float: none; }
-    .b2b-header-tabs .header__items {
-      padding-top: 0px; } }
-  
-  @media screen and (max-width: 950px) {
-    .header__item.profile {
-      top: 20px; }
-    .b2b-header-tabs {
-      height: 90px; }
-    .header__item .selectWrap {
-      bottom: 15px; }
-    .b2b-header-tabs .header__items {
-      padding-top: 25px; }
-    .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-      top: 80px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-      top: 35px; }
-    .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-      padding-bottom: 30px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-      margin-top: -28px; } }
-  
-  /*************** Header - END ******************/
-  .hp-container {
-    display: block;
-    max-width: 408px; }
-    .hp-container i:focus {
-      outline: thin dotted #666; }
-    .hp-container .icon-misc-pen {
-      cursor: pointer; }
-    .hp-container .icon-misc-trash {
-      cursor: pointer; }
-  
-  .hp-selected {
-    border-bottom: 1px solid #ccc;
-    border-bottom: 1px solid #ccc;
-    margin-bottom: 16px;
-    padding-bottom: 16px; }
-    .hp-selected .selected-days {
-      padding-bottom: 16px; }
-      .hp-selected .selected-days .day {
-        padding-top: 10px;
-        float: left; }
-  
-  /* .hp-checkbox {
-    padding-top: 20px;
-    margin: 16px auto 0 auto; }
-    .hp-checkbox label {
-      position: relative;
-      width: 20px;
-      margin-right: 34px; }
-      .hp-checkbox label span {
-        position: absolute;
-        top: -20px;
-        left: 0px;
-        margin-left: 0px; } */
-  
-  .hp-dropdowns {
-    margin-top: 15px;
-    display: flex;
-    display: -webkit-flex;
-    display: -ms-flexbox; }
-  
-  .hp-buttons {
-    margin-top: 20px;
-    display: flex;
-    display: -webkit-flex;
-    display: -ms-flexbox; }
-  
-  .hp-dropdowns .radio-buttons {
-    margin-top: 30px; }
-    .hp-dropdowns .radio-buttons .radio {
-      margin-right: 15px; }
-  
-  
-  
-  /* TODO: Build a reference page for these classes */
-  .font-regular {
-    font-family: "Omnes-ECOMP-W02", Arial !important; }
-  
-  .font-light {
-    font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-  
-  .font-italic {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-  
-  .font-light-italic {
-    font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-  
-  .font-medium {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-  
-  .font-medium-italic {
-    font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-  
-  .font-reset {
-    font-style: normal;
-    font-variant: normal;
-    font-weight: normal;
-    text-transform: none; }
-  
-  .b2b-nav-menu {
-    background-color: #efefef;
-    border: 1px solid #efefef;
-    width: 230px;
-    font-size: 1.4rem; }
-  
-  .b2b-subnav-container > ul {
-    padding: 0px; }
-  
-  .b2b-subnav-content {
-    margin: 0;
-    margin-bottom: 10px; }
-  
-  .b2b-subnav-content > li {
-    border-bottom: 1px solid #999999;
-    position: relative;
-    cursor: pointer; }
-  
-  .b2b-subnav-content > li > a {
-    text-decoration: none;
-    line-height: 18px;
-    display: block;
-    padding: 10px; }
-  
-  .b2b-subnav-content > li > a.expand {
-    color: #333; }
-  
-  .b2b-subnav-content > li ul {
-    overflow: hidden;
-    max-height: 0;
-    transition-duration: 0.5s;
-    transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
-  
-  .b2b-subnav-content > li ul.expand {
-    transition-duration: 0.7s;
-    transition-timing-function: ease-in-out;
-    max-height: 1000px;
-    overflow: hidden; }
-  
-  .b2b-subnav-content > li > a:focus, .b2b-subnav-content > li ul > li > a:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-subnav-content > li ul > li > a {
-    line-height: 18px;
-    padding: 8px 0;
-    display: block;
-    outline-offset: -4px;
-    padding-left: 10px; }
-  
-  .b2b-icon-primary-plus-minus {
-    display: inline-block;
-    height: 20px;
-    margin-right: 10px;
-    padding: 0;
-    position: absolute;
-    right: 0px;
-    top: 10px;
-    vertical-align: middle;
-    width: 20px; }
-  
-  @media (min-width: 320px) and (max-width: 767px) {
-    .b2b-nav-menu {
-      background-color: #fff;
-      border: 1px solid white;
-      width: 100%; }
-    .b2b-subnav-content > li {
-      padding-left: 10px; }
-    .b2b-subnav-container > ul:first-child {
-      border-top: 1px solid #999; }
-    .b2b-icon-primary-plus-minus {
-      right: 10px; }
-    .b2b-subnav-content > li li > a.active {
-      color: #0574ac;
-      text-decoration: none;
-      font-family: "Omnes-ECOMP-W02", Arial; } }
-  
-  .b2b-list-box-item {
-    white-space: nowrap;
-    margin: 1px;
-    border: 1px solid transparent;
-    outline: none;
-    visibility: inherit;
-    display: inherit;
-    text-align: left;
-    overflow: hidden;
-    cursor: pointer;
-    padding: 5px 0 5px;
-    padding-left: 15px;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none; }
-    .b2b-list-box-item:focus {
-      border: 2px solid #5e8cb3; }
-  
-  .b2b-list-box-item--selected {
-    background-color: #cfdde9; }
-  
-  .btn.disabled[ddh-load-button] {
-    line-height: 46px;
-    padding: 0 19px 0 18px; }
-  
-  .btn.disabled[ddh-load-button] {
-    color: #666666; }
-  
-  .icon-primary-spinner-ddh.large {
-    height: 50px;
-    width: 50px; }
-  
-  .icon-primary-spinner-ddh.small {
-    height: 30px;
-    width: 30px; }
-  
-  .icon-primary-spinner-ddh {
-    -webkit-animation: 1s linear infinite spinner;
-    animation: 1s linear infinite spinner;
-    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgaWQ9InN2Zy1zcGlubmVyIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgIDxwYXRoIGZpbGw9IiNGNUY1RjUiIGQ9Ik0xOCAzNkM4LjEgMzYgMCAyNy45IDAgMThTOC4xIDAgMTggMHMxOCA4LjEgMTggMTgtOC4xIDE4LTE4IDE4em0wLTMxLjVjLTcuNSAwLTEzLjUgNi0xMy41IDEzLjVTMTAuNiAzMS41IDE4IDMxLjVjNy41IDAgMTMuNS02LjEgMTMuNS0xMy41IDAtNy41LTYtMTMuNS0xMy41LTEzLjV6Ii8+CiAgIDxwYXRoIGZpbGw9IiMwNTY4QUUiIGlkPSJzcGlubmVyIiBkPSJNMzAuNyA1LjNsLTMuMSAzLjJjMi40IDIuNCAzLjkgNS44IDMuOSA5LjUgMCA3LjQtNi4xIDEzLjUtMTMuNSAxMy41UzQuNSAyNS40IDQuNSAxOCAxMC42IDQuNSAxOCA0LjVWMEM4LjEgMCAwIDguMSAwIDE4czguMSAxOCAxOCAxOCAxOC04LjEgMTgtMThjMC01LTItOS41LTUuMy0xMi43eiIgdHJhbnNmb3JtPSIiPiAgICAgIAogICA8L3BhdGg+Cjwvc3ZnPg==); }
-  
-  .btn-small .icon-primary-spinner-ddh {
-    height: 30px !important;
-    width: 30px !important; }
-  
-  .btn-small .icon-primary-spinner {
-    height: 30px;
-    width: 30px; }
-  
-  .load-backdrop {
-    position: absolute;
-    top: 50%;
-    left: 50%; }
-  
-  .small-modal-loader {
-    width: 420px !important;
-    height: 212px !important;
-    text-align: center; }
-  
-  .small-modal-loader .icon-primary-spinner {
-    margin-bottom: 5px; }
-  
-  .body.styled-by-modal {
-    position: fixed; }
-  
-  .b2b-modal-backdrop {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: -1; }
-  
-  .b2b-modal-backdrop.fade {
-    background-color: #000;
-    opacity: 0;
-    filter: alpha(opacity=0);
-    transition: all 0.3s linear 0s; }
-  
-  .b2b-modal-backdrop.fade.in {
-    z-index: 1040;
-    opacity: 0.7;
-    filter: alpha(opacity=70);
-    background-color: #000;
-    transition: opacity 0.3s linear 0s; }
-  
-  .modalwrapper {
-    height: 100%;
-    width: 100%;
-    left: 0;
-    overflow-y: hidden;
-    position: absolute;
-    right: 0;
-    padding: 20px;
-    top: 0;
-    z-index: -1; }
-  
-  .modalwrapper.active {
-    z-index: 1050;
-    overflow-y: auto; }
-  
-  .modal {
-    background-clip: padding-box;
-    background-color: #ffffff;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 8px;
-    box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.4);
-    margin: 0 auto;
-    /*margin-bottom:10%;*/
-    outline: medium none;
-    /*position: absolute;*/
-    height: 0;
-    min-height: 150px;
-    overflow: hidden;
-    /*top: 10%;*/
-    width: 100%;
-    z-index: -1; }
-  
-  .modalwrapper.modal-docked .modal {
-    max-height: 80%;
-    height: 80%;
-    overflow: hidden;
-    top: 0; }
-  
-  .modal.fade.in {
-    position: relative;
-    height: auto;
-    overflow: auto;
-    top: 10%;
-    z-index: 1060;
-    transition: opacity .5s linear 0s; }
-  
-  .modal.fade.in.modal-landscape {
-    overflow-y: auto; }
-  
-  .modal.fade {
-    transition: opacity .5s linear 0s; }
-  
-  .fade.in {
-    opacity: 1; }
-  
-  .fade {
-    opacity: 0; }
-  
-  .b2b-modal-header {
-    align-items: center;
-    border-radius: 8px 8px 0 0;
-    display: flex;
-    min-height: 60px;
-    overflow: hidden;
-    padding: 30px 46px 30px 30px;
-    position: relative; }
-  
-  .b2b-modal-header > h2 {
-    line-height: 1;
-    margin: 0;
-    padding: 0; }
-  
-  .modal-header-portrait {
-    -webkit-overflow-scrolling: auto; }
-  
-  .modal-header-landscape {
-    -webkit-overflow-scrolling: auto; }
-  
-  .b2b-modal-body {
-    -webkit-overflow-scrolling: touch;
-    padding: 0 30px 20px;
-    position: relative;
-    width: auto; }
-  
-  .b2b-modal-body:focus {
-    outline: 1px dotted #333333; }
-  
-  .modal-form {
-    margin-bottom: 0; }
-  
-  .b2b-modal-footer {
-    background-color: #fff;
-    width: 100%;
-    padding: 0 30px;
-    border-radius: 0;
-    position: absolute;
-    bottom: 0; }
-  
-  :not(.modal-docked) .b2b-modal-footer {
-    position: relative; }
-  
-  .modal-landscape .b2b-modal-footer {
-    position: relative; }
-  
-  .b2b-modal-footer .cta-button-group {
-    display: flex;
-    justify-content: flex-end;
-    padding: 20px 0 5px;
-    width: 100%;
-    border-top: 1px solid #d2d2d2; }
-  
-  .b2b-modal-footer .cta-button-group .btn {
-    margin-left: auto;
-    margin-right: auto;
-    float: right;
-    margin-left: 10px; }
-  
-  .b2b-modal-footer .cta-button-group .marginLeft0 {
-    margin-left: 0px; }
-  
-  .b2b-modal-footer .cta-button-group .btn-footer-left {
-    margin-right: auto; }
-  
-  .b2b-modal-footer .cta-button-group .btn + .btn {
-    margin-right: 0 !important; }
-  
-  [class*="modal-"] {
-    width: 100%; }
-  
-  .modal-small {
-    max-width: 420px; }
-  
-  .modal-medium {
-    max-width: 620px; }
-  
-  .modal-large {
-    max-width: 720px; }
-  
-  .modal-xlarge {
-    max-width: 860px; }
-  
-  .modal-jumbo {
-    max-width: 1000px; }
-  
-  .modalwrapper.modal-docked {
-    height: 100%;
-    display: flex;
-    align-items: center; }
-  
-  .modalwrapper.modal-docked .b2b-modal-body {
-    height: 80%;
-    overflow-y: scroll;
-    padding-bottom: 60px; }
-  
-  .modalwrapper.modal-docked .modal {
-    max-height: 80%;
-    height: 80%;
-    overflow: hidden;
-    top: 0; }
-  
-  .modalwrapper.modal-docked .b2b-modal-body > *:last-child {
-    margin-bottom: 60px; }
-  
-  @media (max-width: 767px) {
-    .modalwrapper {
-      padding: 15px;
-      overflow-x: hidden; }
-    .modal.fade.in {
-      top: 0;
-      right: 0;
-      left: 0;
-      margin-bottom: 15px;
-      border: none; }
-    .b2b-modal-header {
-      padding: 20px 46px 20px 15px; }
-    .b2b-modal-body {
-      width: 100%;
-      padding: 0 15px 15px; }
-    .modalwrapper.modal-docked {
-      position: absolute;
-      height: 100%;
-      padding: 0; }
-    .modalwrapper.modal-docked .modal.fade.in {
-      margin-bottom: 0;
-      width: 100% !important;
-      max-height: 100%;
-      height: 100%;
-      border-radius: 0; }
-    .modalwrapper.modal-docked .b2b-modal-body {
-      overflow-y: scroll;
-      height: 100%; }
-    .modalwrapper.modal-docked.modal-landscape {
-      overflow-y: hidden;
-      position: fixed; }
-    .modalwrapper.modal-docked.modal-landscape .modal {
-      overflow-y: scroll;
-      max-width: 100%; }
-    .modalwrapper.modal-docked.modal-landscape .b2b-modal-body {
-      height: auto;
-      overflow-y: hidden; }
-    .b2b-modal-footer {
-      padding: 0 15px; }
-    .b2b-modal-footer .cta-button-group {
-      display: block;
-      padding: 15px 0; }
-    .b2b-modal-footer .cta-button-group .btn {
-      float: none; }
-    .b2b-modal-footer .cta-button-group .btn + .btn {
-      margin-bottom: 0; }
-    .b2b-modal-footer .cta-button-group a.visible-phone {
-      align-items: center;
-      display: flex !important;
-      height: 42px;
-      justify-content: center; } }
-  
-  .b2b-modal-footer > .cta-button-group {
-    line-height: 40px; }
-  
-  .ajaxed,
-  .modal.fade.in .b2b-modal-header,
-  .modal.fade.in .b2b-modal-body,
-  .modal.fade.in .b2b-modal-footer {
-    animation-duration: 0.01s;
-    -o-animation-duration: 0.01s;
-    -ms-animation-duration: 0.01s;
-    -moz-animation-duration: 0.01s;
-    -webkit-animation-duration: 0.01s;
-    animation-name: DOMinsertion;
-    -o-animation-name: DOMinsertion;
-    -ms-animation-name: DOMinsertion;
-    -moz-animation-name: DOMinsertion;
-    -webkit-animation-name: DOMinsertion; }
-  
-  .monthselector thead tr th {
-    min-width: 46px; }
-  
-  .monthselector thead tr:after {
-    content: "";
-    position: absolute;
-    left: 20px;
-    top: 52px;
-    height: 1px;
-    width: 85%;
-    border-bottom: 1px solid #ccc; }
-  
-  .monthselector tbody tr:last-child {
-    height: 50px; }
-  
-  .monthselector td.day {
-    margin: 1px 4px !important;
-    width: 64px !important; }
-  
-  .monthselector .datepicker-switch {
-    width: 195px !important; }
-  
-  .monthselector .show-date {
-    width: 30px !important; }
-  
-  .monthselector button.faux-input {
-    width: 100%; }
-    .monthselector button.faux-input:focus {
-      border: 1px solid #0574ac; }
-    .monthselector button.faux-input:disabled {
-      cursor: not-allowed; }
-  
-  .monthselector .cta-button-group {
-    padding: 0 20px; }
-    .monthselector .cta-button-group a {
-      margin-right: 20px; }
-  
-  .monthselector .day.active .show-date:after, .monthselector .day:focus .show-date:after, .monthselector .due-date.disabled .show-date:after {
-    height: 30px;
-    left: 9px !important;
-    top: 0;
-    width: 42px !important; }
-  
-  .monthselector .disabled.day:focus .show-date:after {
-    border: none; }
-  
-  .monthselector .icon-primary-calendar {
-    display: block; }
-  
-  .b2b-ml-nav {
-    padding: 0 10px 0 10px;
-    width: 320px; }
-  
-  .b2b-ml-nav ul {
-    list-style: none;
-    list-style-type: none; }
-  
-  .b2b-ml-nav a {
-    display: block;
-    padding: 0 0 5px 30px;
-    line-height: 22px;
-    margin-left: -10px;
-    color: #0568ae;
-    font-size: 1.4rem; }
-  
-  .b2b-ml-nav a:focus {
-    outline-offset: 1px; }
-  
-  .b2b-ml-nav li:focus {
-    outline: none; }
-  
-  .b2b-ml-nav li:focus > a {
-    outline: thin dotted #666;
-    outline-offset: 1px; }
-  
-  .b2b-ml-nav ul li {
-    border-left: 1px solid #ccc; }
-  
-  .b2b-ml-nav ul ul {
-    padding: 0 0 0 20px; }
-  
-  .b2b-ml-nav ul > li {
-    position: relative;
-    line-height: 18px; }
-  
-  .b2b-ml-nav a > span {
-    background-color: #FFF;
-    display: inline;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    left: -11px;
-    top: 0; }
-  
-  .b2b-ml-nav a > span > i {
-    font-size: 20px; }
-  
-  .b2b-ml-nav a:only-child > span {
-    left: -6px;
-    border-radius: 50%;
-    line-height: 7px;
-    top: 5px; }
-  
-  .b2b-ml-nav a:only-child > span > i {
-    background-color: inherit;
-    background: #fff;
-    font-size: 5px; }
-  
-  .b2b-ml-nav ul li:first-child > a:only-child > span {
-    left: -6px;
-    border-radius: 50%;
-    line-height: 12px;
-    top: 0px; }
-  
-  .b2b-ml-nav li a + ul {
-    display: none; }
-  
-  .b2b-ml-nav li a.active + ul {
-    display: block; }
-  
-  .b2b-ml-nav .selected {
-    color: #333; }
-  
-  /*to overide ng-doc inline property for library demo - TODO: Move to docs.css*/
-  .b2b-ml-nav a [class^="icon-primary-"], a [class*=" icon-primary-"], a [class^="icon-primary-"]:before, a [class*=" icon-primary-"]:before {
-    display: inline-block; }
-  
-  .b2b-alerts-messages {
-    background-color: #fff;
-    border-radius: 8px;
-    height: auto; }
-    .b2b-alerts-messages h3 {
-      color: #333 !important;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      margin-bottom: 0 !important;
-      margin: 1em 0 5px;
-      line-height: 27px;
-      font-size: 18px; }
-    .b2b-alerts-messages h4 {
-      color: #333 !important;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      margin-bottom: 0 !important; }
-    .b2b-alerts-messages .alert-info {
-      background-color: #0574ac;
-      border: 0; }
-    .b2b-alerts-messages .alert-error {
-      background-color: #cf2a2a;
-      border: 0; }
-    .b2b-alerts-messages .alert-success {
-      background-color: #1b7e28;
-      border: 0; }
-    .b2b-alerts-messages div:nth-child(2) {
-      padding: 0 0 15px 10px;
-      vertical-align: baseline; }
-    .b2b-alerts-messages .close:before {
-      color: #767676; }
-    .b2b-alerts-messages p {
-      font-size: 14px;
-      color: #333;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-      .b2b-alerts-messages p a {
-        color: #333; }
-    .b2b-alerts-messages .btn-small {
-      margin-bottom: 0px; }
-  
-  .b2b-alerts-success {
-    border: 1px solid #1b7e28; }
-  
-  .b2b-alerts-error {
-    border: 1px solid #cf2a2a; }
-  
-  .b2b-alerts-info {
-    border: 1px solid #0574ac; }
-  
-  /* TODO: Rearange this and move to patches if needed */
-  .b2b-breadcrumb-css-override > li {
-    margin-right: 24px; }
-  
-  .b2b-breadcrumb-css-override li > * {
-    float: left !important; }
-  
-  .b2b-css-override ul.nav-tabs {
-    margin-bottom: 0; }
-  
-  
-  .b2b-top-nav-buttons-css-override {
-    margin-bottom: 0;
-    margin-top: 2px; }
-  
-  .b2b-auto-width {
-    width: auto !important; }
-  
-  .b2b-toggle-header-active {
-    color: #0568ae; }
-  
-  .b2b-toggle-header-inactive {
-    color: #333333; }
-  
-  .b2b-toggle-header-icon {
-    cursor: pointer; }
-  
-  
-  .icon-primary-circle:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 1; }
-  
-  .ds2-no-colors .icon-primary-circle:before {
-    background-image: none;
-    content: "\e902"; }
-  
-  i:focus {
-    outline: thin dotted #666; }
-  
-  .p-col-md-12 {
-    width: 50%; }
-  
-  .pager__item {
-    border-radius: 0;
-    cursor: default;
-    display: inline-block;
-    margin: 5px;
-    width: 22px;
-    height: 23px;
-    vertical-align: baseline; }
-  
-  .pager {
-    padding-top: 10px;
-    padding-bottom: 20px;
-    text-align: center;
-    margin: 0 auto; }
-  
-  .pager__item--input {
-    color: #067ab4;
-    max-height: 32px;
-    max-width: 40px;
-    padding-left: 0;
-    padding-right: 0;
-    text-align: center;
-    margin-left: 10px; }
-  
-  .row.section-row {
-    margin-bottom: 20px; }
-  
-  .pager__item--active {
-    border-bottom: 2px solid #0574ac;
-    border-radius: 0;
-    color: #333333; }
-  
-  .pager a.pager__item--active:hover {
-    cursor: default; }
-  
-  .pager a:hover, .pager a:focus {
-    text-decoration: none;
-    color: #333333;
-    cursor: pointer; }
-  
-  .pager a.disabled:hover, .pager a.disabled:focus {
-    cursor: not-allowed; }
-  
-  .row.section-row.b2b-page {
-    display: block; }
-  
-  a.pager__item--next:focus, a.pager__item--prev:focus {
-    text-decoration: none;
-    border: 0; }
-  
-  .pager__item--next, .pager__item--prev {
-    margin: 5px;
-    padding: 1.5px 6px 1.5px 6px; }
-  
-  .pager .disabled i {
-    pointer-events: none;
-    cursor: default;
-    color: #c4c4c4; }
-  
-  .fieldLabel {
-    color: #666666; }
-  
-  .fieldLabel input {
-    color: #666666; }
-  
-  .pSelect {
-    float: right;
-    width: 150px; }
-  
-  .numericResult {
-    margin-bottom: 20px;
-    font-size: 1.6rem;
-    margin-top: 20px;
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .mobile-view > .pager__item {
-    margin: 5px 10px;
-    width: 24px;
-    height: 34px;
-    vertical-align: middle;
-    line-height: 34px; }
-  
-  .fade1, .fadel {
-    opacity: 0.4; }
-  
-  .fade2, .fadesl {
-    opacity: 0.6; }
-  
-  h4#pagination-truncated {
-    margin-top: 50px; }
-  
-  h4#pagination-large-count {
-    margin-top: 50px; }
-  
-  .p-col-md-12 input {
-    margin-left: 20px; }
-  
-  .pager a .icon-primary-right:before {
-    display: inline-block; }
-  
-  .pager a .icon-primary-left:before {
-    display: inline-block; }
-  
-  .page-heading {
-    background: white none repeat scroll 0 0;
-    margin-bottom: -12px;
-    padding-left: 10px;
-    padding-right: 10px;
-    position: relative; }
-  
-  .numericResult:focus {
-    outline: 1px dotted #0574ac; }
-  
-  .page-heading-group {
-    color: #ef6f00;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .pager > div > span.fieldLabel {
-    margin-left: 18px; }
-  
-  .pager .fieldLabel .btn-arrow {
-    top: 0;
-    left: 10px;
-    margin-left: -5px; }
-  
-  .b2b-p-col-md-12 {
-    width: 50%; }
-    .b2b-p-col-md-12 input {
-      margin-left: 20px; }
-  
-  .b2b-pager__item {
-    border-radius: 0;
-    cursor: default;
-    display: inline-block;
-    margin: 0px 5px 0 5px;
-    height: 23px;
-    vertical-align: baseline; }
-  
-  .b2b-pager__item--noclick {
-    pointer-events: none !important;
-    cursor: default !important; }
-  
-  .b2b-pager__item--droppable {
-    pointer-events: all !important; }
-  
-  .b2b-pager {
-    padding-top: 10px;
-    padding-bottom: 20px;
-    text-align: center;
-    margin: 0 auto; }
-    .b2b-pager a:hover {
-      text-decoration: none;
-      color: #333333;
-      cursor: pointer; }
-    .b2b-pager a:focus {
-      text-decoration: none;
-      color: #333333;
-      cursor: pointer; }
-    .b2b-pager a .icon-primary-right:before {
-      display: inline-block; }
-    .b2b-pager a .icon-primary-left:before {
-      display: inline-block; }
-    .b2b-pager .disabled i {
-      pointer-events: none;
-      cursor: default;
-      color: #c4c4c4; }
-  
-  .b2b-pager__item--input {
-    color: #067ab4;
-    max-height: 32px;
-    max-width: 60px;
-    padding-left: 0;
-    padding-right: 0;
-    text-align: center;
-    margin-left: 5px; }
-  
-  .row.section-row {
-    margin-bottom: 20px; }
-  
-  .b2b-pager__item--active {
-    border-bottom: 2px solid #0574ac;
-    border-radius: 0;
-    color: #333333; }
-  
-  .row.section-row.b2b-page {
-    display: block; }
-  
-  a.b2b-pager__item--next:focus {
-    text-decoration: none;
-    border: 0; }
-  
-  a.b2b-pager__item--next-disabled {
-    outline: 0; }
-  
-  a.b2b-pager__item--next-disabled > [class^="icon-primary-"] {
-    color: #cccccc;
-    cursor: not-allowed;
-    outline: 0; }
-  
-  a.b2b-pager__item--prev:focus {
-    text-decoration: none;
-    border: 0; }
-  
-  a.b2b-pager__item--prev-disabled {
-    outline: 0; }
-  
-  a.b2b-pager__item--prev-disabled > [class^="icon-primary-"] {
-    color: #cccccc;
-    cursor: not-allowed; }
-  
-  .b2b-pager__item--next {
-    padding: 1.5px 0px 1.5px 0px; }
-  
-  .b2b-pager__item--prev {
-    padding: 1.5px 0px 1.5px 0px; }
-  
-  .fieldLabel {
-    color: #666666; }
-    .fieldLabel input {
-      color: #666666; }
-    .fieldLabel .btn-arrow {
-      top: 0;
-      left: 10px; }
-  
-  .b2b-pSelect {
-    float: right;
-    width: 150px; }
-  
-  .b2b-numericResult {
-    margin-bottom: 20px;
-    font-size: 1.6rem;
-    margin-top: 20px; }
-  
-  .b2b-mobile-view > .b2b-pager__item {
-    margin: 5px 10px;
-    min-width: 23px;
-    height: 34px;
-    vertical-align: middle;
-    line-height: 34px; }
-  
-  .b2b-fade1 {
-    opacity: 0.4; }
-  
-  .b2b-fade2 {
-    opacity: 0.6; }
-  
-  .b2b-fadesl {
-    opacity: 0.6; }
-  
-  h4#b2b-pagination-truncated {
-    margin-top: 50px; }
-  
-  h4#b2b-pagination-large-count {
-    margin-top: 50px; }
-  
-  .b2b-page-heading {
-    background: white none repeat scroll 0 0;
-    margin-bottom: -12px;
-    padding-left: 10px;
-    padding-right: 10px;
-    position: relative; }
-  
-  .b2b-numericResult:focus {
-    outline: 1px dotted #0574ac; }
-  
-  .b2b-page-heading-group {
-    color: #ef6f00;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .b2b-pager > div > span.fieldLabel {
-    margin-left: 18px; }
-  
-  .b2b-go-to-page {
-    margin-top: 14px; }
-  
-  .b2b-go-to-page-inline {
-    display: inline-block; }
-  
-  input.b2b-phone-mask-input {
-    padding-right: 15px; }
-    input.b2b-phone-mask-input:hover, input.b2b-phone-mask-input:focus {
-      padding-right: 15px; }
-  
-  /************************** Start - Should be removed after the styling in global is fixed *******************/
-  input::-ms-clear {
-    display: none; }
-  
-  /************************** End - Should be removed after the styling in global is fixed *******************/
-  @media (max-width: 767px) {
-    input::-ms-clear {
-      display: block; } }
-  
-  .pivot-link-group {
-    background-color: #5a5a5a;
-    border-top: 1px solid #959595; }
-  
-  .pivot-links > li {
-    border-bottom: 1px solid #959595; }
-  
-  .pivot-links > li > a {
-    color: #fff;
-    display: block;
-    padding: 12px 15px 10px;
-    line-height: normal; }
-  
-  .b2b-profile-block-container {
-    min-height: 200px;
-    height: auto;
-    background-color: #fff;
-    border-radius: 8px;
-    border: 1px solid #ccc;
-    box-shadow: 0px 1px 1px 1px  #ccc;
-    display: inline-table;
-    margin: 15px 15px; }
-  
-  .b2b-profile-block-details p, .b2b-profile-block-details div {
-    padding: 2px 7px;
-    font-size: 1.4rem; }
-  
-  .b2b-profile-block-details .radio-label, .b2b-profile-block-details a {
-    font-size: 1.4rem; }
-  
-  .b2b-profile-block-details p label, .b2b-profile-block-details p span {
-    padding-left: 10px; }
-  
-  .b2b-profile-block-footer {
-    margin-bottom: 12px;
-    margin-top: 5px;
-    height: 35px; }
-  
-  .b2b-profile-block-details p {
-    word-wrap: break-word;
-    height: 61px; }
-    .b2b-profile-block-details p:first-child {
-      margin-top: 10px; }
-    .b2b-profile-block-details p:after {
-      content: ' ';
-      display: block;
-      border: 0.2px solid #ccc;
-      margin-top: 12px; }
-  
-  .b2b-profile-block-details .radio {
-    margin-left: 15px;
-    height: 30px; }
-  
-  .b2b-approval-icon {
-    color: #1b7e28;
-    float: right;
-    position: relative;
-    left: 10px; }
-    .b2b-approval-icon i {
-      color: #1b7e28;
-      float: right; }
-  
-  .b2b-profile-link {
-    float: right;
-    position: relative;
-    left: -4px; }
-  
-  a.link-profile {
-    position: relative;
-    left: -5px;
-    float: right;
-    margin-bottom: 16px; }
-  
-  .b2b-profile-block-radio {
-    position: relative;
-    top: -5px; }
-  
-  .b2b-profile-card {
-    min-width: 229px;
-    min-height: 354px;
-    margin: 10px;
-    border: solid 1px #CCC;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    display: inline-block;
-    vertical-align: top; }
-    .b2b-profile-card .top-block {
-      padding: 15px 20px;
-      background-color: #e4e4e4;
-      max-height: 153px; }
-    .b2b-profile-card .bottom-block {
-      padding: 15px 20px 15px 20px;
-      background-color: #fff; }
-    .b2b-profile-card .profile-image {
-      background: #e4e4e4;
-      margin-bottom: 15px;
-      text-align: center; }
-      .b2b-profile-card .profile-image .default-img {
-        display: inline-block;
-        width: 60px;
-        height: 60px;
-        margin-bottom: 10px;
-        border: 6px solid #fff;
-        border-radius: 99em;
-        -webkit-border-radius: 99em;
-        -moz-border-radius: 99em;
-        /* background-color: #eee; */ }
-  
-  .profile-image img {
-    display: inline-block;
-    width: 60px;
-    height: 60px;
-    margin-bottom: 10px;
-    border: 6px solid #fff;
-    border-radius: 99em;
-    -webkit-border-radius: 99em;
-    -moz-border-radius: 99em;
-    /* background-color: #eee; */ }
-  
-  .b2b-profile-card .profile-image .default-img {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333;
-    background-color: #fff;
-    font-size: 32px;
-    line-height: 22px;
-    padding: 5px;
-    padding-top: 13px;
-    width: 60px;
-    height: 60px;
-    text-transform: uppercase; }
-  
-  .b2b-profile-card .profile-image .name {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    color: #333;
-    text-align: center;
-    margin-bottom: 5px;
-    margin-top: 5px;
-    overflow: hidden;
-    word-break: break-word;
-    white-space: normal;
-    text-transform: capitalize; }
-  
-  .b2b-profile-card .profile-image .status-icon {
-    border-radius: 10px;
-    border: 1px solid #fff;
-    margin: 0 3px 0 0;
-    width: 10px;
-    height: 10px;
-    display: inline-block;
-    vertical-align: middle; }
-  
-  .b2b-profile-card .profile-image .status {
-    font-size: 12px;
-    line-height: 15px;
-    text-align: center;
-    margin: 0 15px 0 0;
-    color: #444; }
-  
-  .b2b-profile-card .status .circle {
-    width: 10px;
-    height: 10px;
-    border-radius: 50%;
-    margin: 30px 6px 0px 20px;
-    text-align: center;
-    background-color: #444; }
-  
-  .b2b-profile-card .profile-image .status-green {
-    background-color: #0c0; }
-  
-  .b2b-profile-card .profile-image .status-red {
-    background-color: red; }
-  
-  .b2b-profile-card .profile-image .status-blue {
-    background-color: #00f; }
-  
-  .b2b-profile-card .profile-image .status-yellow {
-    background-color: #ff0; }
-  
-  .b2b-profile-card .profile-image .status .status-badge {
-    margin-left: 5px;
-    border: dotted 1px #444;
-    background-color: transparent;
-    font-weight: 400;
-    color: #444;
-    height: 17px;
-    padding: 0 5px;
-    font-size: 11px;
-    padding-left: 5px;
-    padding-right: 5px; }
-  
-  .b2b-profile-card .profile-details {
-    background: #fff; }
-    .b2b-profile-card .profile-details label {
-      display: block;
-      cursor: text;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      font-weight: bolder;
-      font-size: 14px;
-      color: #333;
-      padding: 0;
-      margin: 0; }
-    .b2b-profile-card .profile-details div {
-      margin: 0;
-      font-size: 14px;
-      color: #333;
-      padding-bottom: 6.5px; }
-  
-  .b2b-profile-card .b2b-add-user {
-    background: white;
-    border-style: dotted;
-    font-size: 16px;
-    color: #333;
-    position: relative; }
-    .b2b-profile-card .b2b-add-user i {
-      font-size: 30px;
-      padding-bottom: 15px; }
-  
-  .b2b-profile-card .atcenter {
-    cursor: pointer;
-    margin-top: 60%;
-    vertical-align: middle;
-    text-align: center; }
-  
-  .b2b-profile-card .tooltip {
-    cursor: pointer; }
-    .b2b-profile-card .tooltip .helpertext {
-      position: relative;
-      color: white; }
-  
-  .b2b-profile-card .tooltip-wrapper {
-    position: relative; }
-  
-  /* Overrides for tooltip absolute positioning */
-  @media (min-width: 1025px) {
-    .b2b-profile-card .tooltip-size-control {
-      width: 100% !important; } }
-  
-  @-webkit-keyframes progress-bar-stripes {
-    from {
-      background-position: 0 0; }
-    to {
-      background-position: 80px 0; } }
-  
-  @keyframes progress-bar-stripes {
-    from {
-      background-position: 0 0; }
-    to {
-      background-position: 80px 0; } }
-  
-  .progress {
-    background-color: #e4e4e4;
-    border-radius: 4px;
-    height: 14px;
-    margin-bottom: 20px;
-    min-width: 250px;
-    overflow: hidden;
-    padding: 0;
-    position: relative; }
-  
-  a .progress {
-    margin-bottom: 0; }
-  
-  .progress .bar {
-    background-color: #666;
-    border-radius: 4px;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    height: 100%;
-    width: 0; }
-  
-  .progress-arrow {
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
-    justify-content: flex-end; }
-  
-  .progress-link + .usage-bar {
-    margin-top: 5px; }
-  
-  .progress-success .bar, .progress .bar-success {
-    background-color: #1b7e28; }
-  
-  .progress-warning .bar, .progress .bar-warning {
-    background-color: #ef6f00; }
-  
-  .progress-danger .bar, .progress .bar-danger {
-    background-color: #cf2a2a; }
-  
-  .progress.increment {
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex; }
-  
-  .progress.increment .bar:first-child:not(:last-child) {
-    border-right: none;
-    border-radius: 4px 0 0 4px; }
-  
-  .progress.increment .bar:last-child:not(:first-child) {
-    border-left: none;
-    border-radius: 0 4px 4px 0; }
-  
-  .progress.increment .bar + .bar:not(:last-child) {
-    border-left: none;
-    border-right: none;
-    border-radius: 0; }
-  
-  .progress.increment .bar:not(:first-child) {
-    border-left: 1px solid white !important; }
-  
-  .usage-bar {
-    display: table;
-    float: none;
-    width: 100%;
-    margin-bottom: 1px; }
-  
-  .usage-bar > .usage-text {
-    display: table-cell;
-    width: 1%; }
-  
-  .progress + .usage-bar {
-    margin-top: -15px; }
-  
-  .usage-bar .usage-text {
-    font-size: 1.4rem; }
-  
-  .usage-bar .usage-text:first-child {
-    white-space: nowrap; }
-  
-  .usage-bar .usage-text.text-right {
-    vertical-align: top;
-    font-size: 1.4rem;
-    width: auto !important; }
-  
-  .usage-bar .usage-text.text-right:before {
-    content: "";
-    display: table;
-    height: .1em; }
-  
-  .usage-bar.billing-cycle .usage-text {
-    font-size: 1.4rem; }
-  
-  .usage-bar.billing-cycle .usage-text.text-right {
-    vertical-align: bottom; }
-  
-  .progress.autocolor [data-percentage="1"], .progress.autocolor [data-percentage="2"], .progress.autocolor [data-percentage="3"], .progress.autocolor [data-percentage="4"], .progress.autocolor [data-percentage="5"], .progress.autocolor [data-percentage="6"], .progress.autocolor [data-percentage="7"], .progress.autocolor [data-percentage="8"], .progress.autocolor [data-percentage="9"], .progress.autocolor [data-percentage="10"] .progress.autocolor [data-percentage^="2"], .progress.autocolor [data-percentage^="3"], .progress.autocolor [data-percentage^="4"], .progress.autocolor [data-percentage^="5"], .progress.autocolor [data-percentage="60"], .progress.autocolor [data-percentage="61"], .progress.autocolor [data-percentage="62"], .progress.autocolor [data-percentage="63"], .progress.autocolor [data-percentage="64"] {
-    background-color: #1b7e28; }
-  
-  .progress.autocolor [data-percentage="65"], .progress.autocolor [data-percentage="66"], .progress.autocolor [data-percentage="67"], .progress.autocolor [data-percentage="68"], .progress.autocolor [data-percentage="69"], .progress.autocolor [data-percentage^="7"], .progress.autocolor [data-percentage^="8"] {
-    background-color: #ef6f00; }
-  
-  .progress.autocolor [data-percentage^="9"], .progress.autocolor [data-percentage="100"] {
-    background-color: #cf2a2a; }
-  
-  .b2b-seek-bar-container {
-    position: relative; }
-    .b2b-seek-bar-container div {
-      position: absolute; }
-    .b2b-seek-bar-container .b2b-seek-bar-track-container {
-      width: 100%; }
-    .b2b-seek-bar-container .b2b-seek-bar-track {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px; }
-    .b2b-seek-bar-container .b2b-seek-bar-track-fill {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px;
-      width: 0;
-      background-color: #157BB2;
-      transition: width 0s linear; }
-  
-  .seek-bar-container .seek-bar-knob-container {
-    transition: left 0s linear; }
-  
-  .b2b-seek-bar-container .b2b-seek-bar-knob {
-    width: 14px;
-    height: 14px;
-    border-radius: 10px;
-    top: -4px;
-    left: -8px;
-    border: 1px solid #cccccc;
-    background: white;
-    cursor: pointer; }
-  
-  .b2b-seek-bar-container .b2b-seek-bar-knob:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-seek-bar-container.vertical {
-    width: 100%;
-    height: 100%;
-    margin: 0 auto;
-    position: relative;
-    border-radius: 10px; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-track-container {
-      position: relative;
-      height: 100%; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-track {
-      position: absolute;
-      height: 100%; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-track-fill {
-      position: absolute;
-      bottom: 0;
-      height: 0;
-      width: 100%; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-knob-container {
-      transition: bottom .01s linear;
-      position: relative;
-      bottom: 0; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-knob {
-      position: absolute;
-      border-radius: 10px;
-      top: -7px;
-      left: -4px; }
-  
-  .form-search .search-query {
-    width: 100% !important; }
-  
-  .form-search .well {
-    margin-top: 0; }
-  
-  .form-search > ul.nav > li.section {
-    min-height: 20px !important; }
-  
-  input.b2b-search-input-field {
-    margin-bottom: 0px; }
-  
-  .search-suggestion-list {
-    background-color: #FFFFFF;
-    border: 1px solid #ccc;
-    border-radius: 0 0 6px 6px;
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-    margin-top: -5px;
-    max-height: 400px;
-    overflow-x: hidden;
-    overflow-y: auto;
-    padding: 15px 0;
-    position: absolute;
-    width: 100%;
-    z-index: 1000; }
-    .search-suggestion-list > li.active {
-      background-color: #cccccc; }
-    .search-suggestion-list:empty {
-      display: none; }
-  
-  .b2b-search-hightlight {
-    font-weight: bold; }
-  
-  input[type="text"]::-moz-placeholder {
-    color: #767676;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  
-  input[type="text"]:focus {
-    z-index: 1000; }
-  
-  input[type="text"] + .reset-field {
-    background-color: #FFFFFF;
-    height: 90%;
-    top: 5%; }
-  
-  .btn-search:focus {
-    outline: 1px dotted #0574ac; }
-  
-  .field-group input:not([type="button"])[disabled] ~ .btn-search {
-    background-color: #eee; }
-  
-  .btn-search[class*="btn"] {
-    background-color: #FFFFFF;
-    background-size: 20px 20px;
-    border-radius: 0 1.5rem 1.5rem 0;
-    height: 3rem;
-    min-width: 4.4rem !important;
-    right: 0.15rem;
-    top: 0.15rem;
-    width: 4.4rem; }
-  
-  .search-suggestion-wrapper {
-    margin-bottom: 15px;
-    position: relative; }
-    .search-suggestion-wrapper .no-result {
-      padding: 0px 15px; }
-  
-  .search-suggestion-item {
-    color: #333333;
-    line-height: 4rem;
-    padding: 0 15px;
-    position: relative;
-    z-index: 1000; }
-    .search-suggestion-item:hover {
-      background-color: #e4e4e4;
-      cursor: pointer; }
-    .search-suggestion-item:focus {
-      background-color: #e4e4e4;
-      cursor: pointer; }
-    .search-suggestion-item a {
-      color: #333333;
-      text-decoration: none; }
-  
-  .btn-search i {
-    color: #767676; }
-  
-  input.b2b-search-input-field:focus ~ .btn-search > i, .btn-search:focus > i {
-    color: #0568ae; }
-  
-  button.btn-search[disabled] {
-    cursor: not-allowed; }
-    button.btn-search[disabled] i {
-      color: #767676; }
-  
-  .innershadow {
-    -webkit-background-blend-mode: mutilply;
-    box-shadow: 0 3px 0 2px rgba(0, 0, 0, 0.08); }
-  
-  .linkSelectorModule {
-    position: relative;
-    height: 32px;
-    line-height: 20px;
-    border: 0px;
-    width: auto;
-    display: block; }
-    .linkSelectorModule .icon-primary-down {
-      font-size: 23px;
-      margin-top: -10px;
-      position: absolute;
-      top: 50%;
-      margin-left: -30px; }
-    .linkSelectorModule .selectModule {
-      background-color: transparent;
-      border: none;
-      color: #0568ae;
-      cursor: pointer;
-      border: 1px solid transparent;
-      box-shadow: none;
-      padding-right: 35px;
-      position: relative;
-      user-select: none;
-      font-size: 1.6rem; }
-      .linkSelectorModule .selectModule:focus {
-        border: 1px dotted #ccc;
-        box-shadow: none;
-        -moz-user-select: none; }
-      .linkSelectorModule .selectModule:hover {
-        text-decoration: underline; }
-    .linkSelectorModule .active + .moduleWrapper:before {
-      background-color: #FFFFFF;
-      border-color: #d2d2d2;
-      border-style: solid;
-      border-width: 1px 1px 0 0;
-      content: "";
-      display: block;
-      height: 15px;
-      right: 122px;
-      margin: 0;
-      position: absolute;
-      top: -8px;
-      -webkit-transform: rotate(-45deg);
-      transform: rotate(-45deg);
-      width: 15px; }
-    .linkSelectorModule .moduleWrapper {
-      top: 40px; }
-    .linkSelectorModule ul.awd-module-list {
-      border-radius: 6px 6px 0px 0px; }
-  
-  .selectorModule .icon-primary-down {
-    font-size: 23px;
-    margin-top: -11px;
-    position: absolute;
-    right: 4px;
-    top: 50%; }
-  
-  .selectorModule .selectModule {
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-    display: block;
-    width: 100%;
-    padding-left: 15px;
-    background-color: transparent;
-    cursor: pointer; }
-    .selectorModule .selectModule:focus {
-      border: 1px solid #0568ae;
-      -moz-user-select: none; }
-    .selectorModule .selectModule span.module-data {
-      position: absolute;
-      bottom: 6px;
-      line-height: 20px; }
-    .selectorModule .selectModule img + span.module-data {
-      padding-left: 45px; }
-  
-  .selectorModule .selectModule.active {
-    border-bottom-right-radius: 0px;
-    border-bottom-left-radius: 0px; }
-  
-  .selectorModule .moduleWrapper {
-    position: absolute;
-    width: 100% !important;
-    border-top: none; }
-  
-  .selectorModule ul.awd-module-list {
-    border-radius: 0px 0px 6px 6px; }
-  
-  .selectorModule .large > img {
-    height: 30px;
-    position: absolute;
-    width: 30px;
-    top: 20px;
-    left: 15px; }
-  
-  .selectModule {
-    background-color: transparent;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333333;
-    font-size: 1.6rem;
-    height: 36px;
-    line-height: 35px;
-    margin-bottom: 0;
-    position: relative;
-    text-align: left;
-    top: 0;
-    z-index: 10;
-    padding: 0px;
-    margin: 0px;
-    cursor: pointer; }
-  
-  .moduleWrapper {
-    background-color: #FFFFFF;
-    position: absolute;
-    color: #191919;
-    z-index: 9999;
-    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
-    border-radius: 0px 0px 6px 6px; }
-    .moduleWrapper .module-list-item img {
-      height: 30px;
-      position: absolute;
-      width: 30px;
-      top: 30px;
-      left: 15px;
-      align-self: center; }
-    .moduleWrapper span {
-      display: block;
-      white-space: nowrap;
-      font-size: 1.5rem; }
-  
-  .awd-module-list {
-    overflow-y: auto;
-    z-index: 9999;
-    max-height: 360px;
-    border: 1px solid #d2d2d2; }
-    .awd-module-list .module-list-item > .module-data {
-      overflow: ellipsis;
-      white-space: nowrap;
-      line-height: 20px;
-      font-size: 1.6rem;
-      border-bottom: 1px dotted #959595;
-      margin: 0px 15px 0px 15px;
-      padding-right: 50px;
-      padding-bottom: 14px;
-      padding-top: 14px;
-      align-self: center;
-      width: 100%; }
-    .awd-module-list .module-list-item:hover {
-      background-color: #f2f2f2; }
-    .awd-module-list .module-list-item:active {
-      background-color: #f2f2f2; }
-    .awd-module-list .module-list-item[aria-selected="true"] {
-      background-color: #f2f2f2; }
-  
-  .module-list-item {
-    cursor: pointer;
-    overflow: hidden;
-    position: relative;
-    overflow: ellipsis;
-    white-space: nowrap;
-    z-index: 1000;
-    color: #191919;
-    display: flex; }
-    .module-list-item:last-of-type .module-data {
-      border-bottom: none; }
-    .module-list-item img + span.module-data {
-      padding-left: 45px; }
-  
-  .module-groups:first-of-type .module-list-item:last-of-type .module-data {
-    border-bottom: 1px solid #959595; }
-  
-  .module-groupitem {
-    padding-bottom: 4px; }
-  
-  .selectorModule.large {
-    height: 72px;
-    vertical-align: middle;
-    text-align: left; }
-    .selectorModule.large .moduleWrapper {
-      top: 71px; }
-    .selectorModule.large input {
-      height: 72px;
-      vertical-align: middle;
-      text-align: left; }
-    .selectorModule.large button {
-      height: 72px;
-      vertical-align: middle;
-      text-align: left; }
-    .selectorModule.large .selectModule img {
-      left: 15px;
-      top: 21px; }
-  
-  ul.module-groupitem li {
-    margin: 0 -15px 0 -15px; }
-  
-  span.module-data span {
-    display: block;
-    line-height: 20px;
-    font-size: 1.5rem; }
-  
-  li.module-groups {
-    cursor: default !important;
-    padding: 18px 15px 0px 15px; }
-  
-  li.module-list-item[selected]:before {
-    box-sizing: border-box;
-    display: inline-block;
-    font-size: 2em;
-    height: 1em;
-    position: absolute;
-    top: 20px;
-    right: 0px;
-    vertical-align: middle;
-    width: 1em;
-    color: #007a3e; }
-  
-  ul.module-optinalcta {
-    position: relative;
-    height: 44px;
-    margin-top: 0px;
-    border-bottom: 1px solid #d2d2d2;
-    border-left: 1px solid #d2d2d2;
-    border-right: 1px solid #d2d2d2;
-    border-radius: 0px 0px 6px 6px; }
-    ul.module-optinalcta li {
-      position: absolute;
-      bottom: 10px; }
-    ul.module-optinalcta a {
-      text-indent: 15px;
-      padding: 15px; }
-  
-  .b2b-slider-container {
-    position: relative; }
-    .b2b-slider-container.slider-disabled {
-      cursor: not-allowed !important; }
-    .b2b-slider-container div {
-      position: absolute; }
-    .b2b-slider-container .slider-track-container {
-      width: 100%;
-      cursor: pointer; }
-    .b2b-slider-container .slider-track {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px;
-      border: 1px solid #cccccc; }
-    .b2b-slider-container .slider-track-fill {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px;
-      width: 0;
-      background-color: #157BB2;
-      transition: width 0s linear;
-      border: 1px solid #cccccc; }
-    .b2b-slider-container .slider-knob-container {
-      transition: left 0s linear; }
-      .b2b-slider-container .slider-knob-container.slider-knob-hidden {
-        display: none !important; }
-    .b2b-slider-container .slider-knob {
-      width: 14px;
-      height: 14px;
-      border-radius: 10px;
-      top: -4px;
-      left: -8px;
-      border: 1px solid #cccccc;
-      background: white;
-      cursor: pointer; }
-      .b2b-slider-container .slider-knob:focus {
-        outline: thin dotted #666; }
-  
-  .b2b-slider-endpoints-container {
-    margin-top: 13px;
-    color: #333;
-    font-size: 12px; }
-    .b2b-slider-endpoints-container .b2b-slider-endpoints-left {
-      float: left;
-      line-height: 100%; }
-    .b2b-slider-endpoints-container .b2b-slider-endpoints-right {
-      float: right;
-      line-height: 100%; }
-    .b2b-slider-endpoints-container::after {
-      clear: both;
-      content: "";
-      display: block; }
-  
-  .b2b-slider-container.vertical {
-    width: 100%;
-    height: 100%;
-    margin: 0 auto;
-    position: relative;
-    border-radius: 10px; }
-    .b2b-slider-container.vertical .slider-track-container {
-      position: relative;
-      height: 100%; }
-    .b2b-slider-container.vertical .slider-track {
-      position: absolute;
-      height: 100%; }
-    .b2b-slider-container.vertical .slider-track-fill {
-      position: absolute;
-      bottom: 0;
-      height: 0;
-      width: 100%; }
-    .b2b-slider-container.vertical .slider-knob-container {
-      transition: bottom 0s linear;
-      position: relative;
-      bottom: 0; }
-      .b2b-slider-container.vertical .slider-knob-container.slider-knob-hidden {
-        display: none !important; }
-    .b2b-slider-container.vertical .slider-knob {
-      position: absolute;
-      border-radius: 10px;
-      top: -7px;
-      left: -4px; }
-  
-  .icon-primary-spinner {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20id%3D%22svg-spinner%22%20x%3D%220px%22%20y%3D%220px%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%20%3Cpath%20fill%3D%22%23F5F5F5%22%20d%3D%22M18%2036C8.1%2036%200%2027.9%200%2018S8.1%200%2018%200s18%208.1%2018%2018-8.1%2018-18%2018zm0-31.5c-7.5%200-13.5%206-13.5%2013.5S10.6%2031.5%2018%2031.5c7.5%200%2013.5-6.1%2013.5-13.5%200-7.5-6-13.5-13.5-13.5z%22%2F%3E%0A%20%20%20%3Cpath%20fill%3D%22%230568AE%22%20id%3D%22spinner%22%20d%3D%22M30.7%205.3l-3.1%203.2c2.4%202.4%203.9%205.8%203.9%209.5%200%207.4-6.1%2013.5-13.5%2013.5S4.5%2025.4%204.5%2018%2010.6%204.5%2018%204.5V0C8.1%200%200%208.1%200%2018s8.1%2018%2018%2018%2018-8.1%2018-18c0-5-2-9.5-5.3-12.7z%22%3E%0A%20%20%20%20%20%20%3CanimateTransform%20%0A%20%20%20%20%20%20%20%20%20attributeType%3D%22xml%22%0A%20%20%20%20%20%20%20%20%20attributeName%3D%22transform%22%0A%20%20%20%20%20%20%20%20%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20%20from%3D%220%2018%2018%22%0A%20%20%20%20%20%20%20%20%20to%3D%22360%2018%2018%22%0A%20%20%20%20%20%20%20%20%20dur%3D%221.0s%22%0A%20%20%20%20%20%20%20%20%20repeatCount%3D%22indefinite%22%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
-    height: 50px;
-    width: 50px; }
-  
-  .icon-primary-spinner.small {
-    margin-right: 5px;
-    height: 30px !important;
-    width: 30px !important; }
-  
-  .isIE .icon-primary-spinner,
-  .isIE .icon-primary-spinner.small {
-    animation: spinner 1s linear infinite; }
-  
-  .ds2-no-colors .icon-primary-spinner {
-    animation: spinner 1s linear infinite;
-    border: 5px dotted transparent;
-    border-radius: 50%; }
-  
-  @keyframes spinner {
-    0% {
-      transform: rotate(0deg); }
-    100% {
-      transform: rotate(359deg); } }
-  
-  .b2b-status-tracker > .btn-arrow:nth-of-type(1) {
-    margin-right: 10px; }
-  
-  .b2b-status-tracker > .btn-arrow:nth-of-type(2) {
-    margin-left: 20px; }
-  
-  .b2b-status-tracker > .btn-arrow {
-    height: 20px;
-    margin-top: 25px;
-    overflow: visible; }
-    .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-left {
-      margin-right: 5px;
-      color: #0574ac; }
-    .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-right {
-      color: #0574ac; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step {
-    padding: 0;
-    position: relative; }
-  
-  .b2b-status-tracker-step {
-    margin-left: 5px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step .b2b-status-tracker-heading {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #191919;
-    margin-bottom: 10px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.complete > .progress > .progress-bar {
-    width: 100%;
-    background-color: #1b7e28; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.complete .icoControls-approval {
-    color: #1b7e28; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.current > .progress > .progress-bar {
-    width: 100%;
-    background-color: #333333; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.current .icon-misc-time {
-    color: #333333; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.pending > .progress > .progress-bar {
-    width: 100%;
-    background-color: #ffb81c; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.pending .icoControls-statusokay {
-    color: #ffb81c; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.actionRequired > .progress > .progress-bar {
-    width: 100%;
-    background-color: #cf2a2a; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.actionRequired .icoSecurityalerts-alert {
-    color: #cf2a2a; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.notAvailable > .progress > .progress-bar {
-    width: 100%;
-    background-color: #767676; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.notAvailable .icoControls-restricted {
-    color: #767676; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step > .progress {
-    position: relative;
-    border-radius: 1.5px;
-    height: 3px;
-    margin-bottom: 10px;
-    background-color: #c5c5c5; }
-    .b2b-status-tracker > .b2b-status-tracker-step > .progress > .progress-bar {
-      width: 0;
-      height: 3px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-estimate {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #191919;
-    margin-bottom: 10px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 12px;
-    color: #767676;
-    padding-right: 15px; }
-    .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description a {
-      cursor: pointer; }
-  
-  .step-indicator {
-    height: auto;
-    padding: 40px 0; }
-  
-  .step-heading {
-    color: #333333;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 3.8rem;
-    line-height: 0.8; }
-  
-  .steps {
-    display: flex;
-    height: 5px;
-    margin-top: 60px;
-    position: relative; }
-  
-  .steps li {
-    color: #5a5a5a;
-    flex: 1;
-    margin-right: 5px;
-    background-color: #c4c4c4;
-    outline: 1px solid transparent; }
-  
-  .steps li:first-child {
-    border-radius: 4px 0 0 4px; }
-  
-  .steps li:last-child {
-    margin-right: 0;
-    border-radius: 0 4px 4px 0; }
-  
-  .steps li.step-on,
-  .steps li.step-done {
-    background-color: #007a3e;
-    color: #007a3e;
-    border: 1px solid transparent; }
-  
-  .step-text {
-    bottom: 29px;
-    display: inline-block;
-    font-size: 1.8rem;
-    margin-top: 0;
-    position: relative;
-    white-space: nowrap; }
-  
-  .step-on .step-text {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .steps li .step-text[data-large-text]:before {
-    content: attr(data-large-text) " "; }
-  
-  .step-confirmation {
-    color: #007a3e;
-    margin-bottom: 30px; }
-  
-  .step-confirmation > div {
-    display: flex; }
-  
-  .step-confirmation > div i {
-    color: #007a3e;
-    font-size: 50px;
-    margin-right: 10px; }
-  
-  .step-confirmation.centered > div i {
-    margin-left: -60px; }
-  
-  .step-confirmation > div h3 {
-    font-size: 2.4rem;
-    margin: 26px 0 20px; }
-  
-  .step-confirmation > p {
-    margin: 0; }
-  
-  @media (max-width: 1024px) {
-    .step-indicator {
-      padding: 25px 0; }
-    .steps {
-      margin-top: 0; }
-    .step-heading {
-      font-size: 2.4rem;
-      margin-bottom: 11px; }
-    .step-text {
-      display: none; }
-    .step-on .step-text {
-      bottom: 6px;
-      display: block;
-      font-size: 1.2rem;
-      left: 0;
-      line-height: 1;
-      margin-top: 10px;
-      position: absolute;
-      top: 4px; }
-    .steps li .step-text[data-sm-text]:before {
-      content: attr(data-sm-text) " ";
-      color: #333333; }
-    .step-confirmation {
-      margin-top: 30px !important; } }
-  
-  @media (max-width: 767px) {
-    .step-confirmation.centered > div i {
-      margin-left: 0; }
-    .step-confirmation.centered > p {
-      margin-left: 40px; }
-    .step-confirmation > div h3 {
-      font-size: 1.8rem;
-      margin: 13px 0 10px; }
-    .step-confirmation > div i {
-      font-size: 30px;
-      margin-right: 10px; } }
-  
-  .step-indicator.vertical {
-    height: auto; }
-  
-  .vertical .step-heading {
-    font-size: 24px; }
-  
-  .vertical .steps {
-    display: block;
-    height: inherit;
-    width: 100%; }
-  
-  .vertical .steps li {
-    align-items: center;
-    background-color: transparent;
-    display: flex;
-    height: 60px;
-    margin: 0 0 4px;
-    padding: 0 0 0 20px;
-    position: relative; }
-  
-  .vertical .steps li .step-text {
-    align-self: center;
-    color: #0568ae;
-    display: block;
-    margin: 0;
-    position: relative;
-    font-size: 14px;
-    top: 0; }
-  
-  .vertical .steps li .step-text[data-large-text]:before {
-    content: attr(data-large-text) " "; }
-  
-  .vertical .steps li:after {
-    background-color: transparent;
-    border-left: 4px solid #d2d2d2;
-    content: "";
-    height: 60px;
-    left: 0;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    top: 0;
-    width: 4px; }
-  
-  .vertical .steps li.step-on:after,
-  .vertical .steps li.step-done:after {
-    border-color: #0568ae; }
-  
-  .b2b-step-tracker {
-    height: auto;
-    padding: 0px 0px 0px 0px; }
-    .b2b-step-tracker .btn.btn-left {
-      margin-right: 10px; }
-    .b2b-step-tracker .btn.btn-right {
-      margin-left: 5px; }
-    .b2b-step-tracker .b2b-left-arrow {
-      float: left;
-      margin-top: -5px; }
-    .b2b-step-tracker .b2b-right-arrow {
-      float: right;
-      margin-top: -5px; }
-    .b2b-step-tracker .b2b-steps {
-      display: flex;
-      height: 5px;
-      margin-top: 30px;
-      position: relative; }
-      .b2b-step-tracker .b2b-steps li {
-        color: #767676;
-        flex: 1;
-        margin-right: 5px;
-        background-color: #767676;
-        outline: 1px solid transparent;
-        height: 3px; }
-        .b2b-step-tracker .b2b-steps li.b2b-step-done {
-          background-color: #1b7e28;
-          color: #007a3e;
-          height: 3px; }
-        .b2b-step-tracker .b2b-steps li.b2b-step-on {
-          background-color: #333333;
-          color: #333333;
-          height: 3px;
-          font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text {
-          bottom: 29px;
-          display: inline-block;
-          font-size: 14px;
-          margin-top: 0;
-          position: relative;
-          white-space: nowrap; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text[data-large-text]:before {
-          content: attr(data-large-text) " "; }
-      .b2b-step-tracker .b2b-steps li:first-child {
-        border-radius: 2px 0 0 2px; }
-      .b2b-step-tracker .b2b-steps li:last-child {
-        margin-right: 0;
-        border-radius: 0 2px 2px 0; }
-  
-  @media (max-width: 1024px) {
-    .b2b-step-tracker {
-      padding: 25px 0; }
-      .b2b-step-tracker .b2b-steps {
-        margin-top: 0; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text {
-          display: none; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text[data-sm-text]:before {
-          content: attr(data-sm-text) " ";
-          color: #333333; }
-        .b2b-step-tracker .b2b-steps li.b2b-step-on .b2b-step-text {
-          bottom: 6px;
-          display: block;
-          font-size: 5px;
-          left: 0;
-          line-height: 1;
-          margin-top: 10px;
-          position: absolute;
-          top: 4px; } }
-  
-  .strength-meter-container {
-    height: 26px;
-    max-width: 450px; }
-  
-  .strength-meter-gauge {
-    border-radius: 2px;
-    background-color: #d2d2d2;
-    height: 5px;
-    display: block;
-    position: relative;
-    outline: 1px solid transparent; }
-  
-  .strength-meter-gauge-fill {
-    height: 100%;
-    display: block;
-    border-radius: 2px;
-    text-indent: -9999px;
-    width: 0%;
-    border: 2px solid transparent; }
-  
-  .strength-meter-gauge-fill.strength-meter-animate {
-    transition: width 0.5s linear, background-color 0.5s linear; }
-  
-  .strength-meter-animate[style*="20"] {
-    background-color: #cf2a2a; }
-  
-  .strength-meter-animate[style*="20"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Unacceptable"; }
-  
-  .strength-meter-animate[style*="40"] {
-    background-color: #ea7400; }
-  
-  .strength-meter-animate[style*="40"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Weak"; }
-  
-  .strength-meter-animate[style*="60"] {
-    background-color: #ea7400; }
-  
-  .strength-meter-animate[style*="60"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Fair"; }
-  
-  .strength-meter-animate[style*="80"] {
-    background-color: #007a3e; }
-  
-  .strength-meter-animate[style*="80"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Good"; }
-  
-  .strength-meter-animate[style*="100"] {
-    background-color: #007a3e; }
-  
-  .strength-meter-animate[style*="100"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Excellent"; }
-  
-  .strength-meter-divider {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    display: flex;
-    overflow: hidden; }
-  
-  .strength-meter-divider span {
-    background: transparent;
-    display: block;
-    flex-grow: 1;
-    border-right: solid 1px #fff; }
-  
-  .strength-meter-divider span:first-child {
-    border-radius: 2px 0 0 2px; }
-  
-  .strength-meter-divider span + .strength-meter-divider span {
-    border-radius: 0; }
-  
-  .strength-meter-divider span:last-child {
-    border-radius: 0 2px 2px 0;
-    border-right: 0; }
-  
-  .strength-meter-content {
-    font-size: 14px;
-    line-height: 1;
-    padding-top: 7px;
-    position: absolute; }
-  
-  .strength-meter-content:before {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    content: "Password strength: "; }
-  
-  .strength-meter-content:after {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .strength-meter-container {
-    height: 26px;
-    min-width: 290px;
-    max-width: 450px; }
-  
-  .strength-meter-container .strength-meter-gauge {
-    border-radius: 2px;
-    background-color: #cccccc;
-    box-shadow: 0 1px 1px -1px #333 inset;
-    height: 5px;
-    display: block;
-    overflow: hidden;
-    position: relative; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill {
-    height: 100%;
-    box-shadow: 0 1px 1px -1px #999 inset;
-    display: block;
-    text-indent: -9999px;
-    width: 0%; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill.strength-meter-animate {
-    transition: width 0ms ease-out, background-color 0ms ease-in; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-divider {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    display: flex; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-divider span {
-    background: transparent;
-    display: block;
-    flex-grow: 1;
-    border-right: solid 1px #fff; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-divider span:last-child {
-    border-right: 0; }
-  
-  .strength-meter-container > .strength-meter-content {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    line-height: 1;
-    padding-top: 7px; }
-  
-  .strength-meter-container > .strength-meter-content:before {
-    content: none; }
-  
-  .strength-meter-container > .strength-meter-content > .strength-meter-content-state {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .btn-switch-label {
-    display: flex;
-    align-items: center; }
-    .btn-switch-label:focus .btn-switch {
-      outline: 1px dotted #666;
-      outline-offset: 5px; }
-    .btn-switch-label input:focus .btn-switch {
-      outline: 1px dotted #666;
-      outline-offset: 5px; }
-    .btn-switch-label > span {
-      flex: 1; }
-  
-  .btn-switch {
-    background-color: #fff;
-    border: 1px solid #d2d2d2;
-    border-radius: 16px;
-    box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.15) inset, 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    height: 32px;
-    overflow: hidden;
-    position: relative;
-    width: 80px;
-    user-select: none; }
-    /* .btn-switch input[type="checkbox"] {
-      left: 0;
-      margin: 0;
-      opacity: 0;
-      position: absolute;
-      top: 0;
-      transition: none; }
-      .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on .activo {
-        font: 0px/0 "Omnes-ECOMP-W02", Arial; }
-      .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on + .btn + .btn-slider-off .inactivo {
-        font: 0px/0 "Omnes-ECOMP-W02", Arial; } */
-    .btn-switch input:checked + .switch-overlay {
-      left: 0;
-      transition: all .3s linear .0s; }
-      .btn-switch input:checked + .switch-overlay .switch-handle {
-        background-color: #007a3e;
-        background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-        transition: background-color 0.3s linear 0s;
-        border: 1px solid transparent; }
-    .btn-switch input + .switch-overlay {
-      left: -48px;
-      transition: all .3s linear .0s; }
-      .btn-switch input + .switch-overlay .switch-handle {
-        background-color: #f2f2f2;
-        background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-        transition: background-color 0.3s linear 0s;
-        border: 1px solid #d2d2d2; }
-    .btn-switch input[disabled] + .switch-overlay {
-      left: 0;
-      width: 100% !important;
-      background-color: #d2d2d2;
-      color: #959595;
-      cursor: not-allowed !important; }
-      .btn-switch input[disabled] + .switch-overlay .btn-slider-on {
-        display: none; }
-      .btn-switch input[disabled] + .switch-overlay .activo {
-        display: none; }
-      .btn-switch input[disabled] + .switch-overlay .switch-handle {
-        display: none; }
-      .btn-switch input[disabled] + .switch-overlay .btn-slider-off {
-        left: 0;
-        text-align: center;
-        padding: 0; }
-    .btn-switch input[disabled]:checked + .switch-overlay {
-      left: 0;
-      width: 100% !important;
-      background-color: #fff; }
-      .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off {
-        display: none; }
-        .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off + .inactivo {
-          display: none; }
-      .btn-switch input[disabled]:checked + .switch-overlay .switch-handle {
-        display: none; }
-      .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-on {
-        display: block;
-        text-align: center;
-        padding: 0;
-        color: #007a3e !important;
-        font-weight: bold; }
-      .btn-switch input[disabled]:checked + .switch-overlay .activo {
-        display: block;
-        text-align: center;
-        padding: 0;
-        color: #007a3e !important;
-        font-weight: bold; }
-    .btn-switch input[disabled]:checked + .btn-slider-on {
-      display: block; }
-    .btn-switch input[disabled] + .btn-slider-on + .switch-handle {
-      width: 100%;
-      margin: 0; }
-      .btn-switch input[disabled] + .btn-slider-on + .switch-handle + .btn-slider-off {
-        display: block; }
-    /* .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on {
-      display: none; }
-      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo {
-        border: medium none;
-        color: #666;
-        font: 16px/32px "Omnes-ECOMP-W02", Arial;
-        height: auto;
-        margin: 0 auto;
-        width: auto; }
-        .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo:before {
-          display: none; }
-      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
-        display: block;
-        padding: 0;
-        text-align: center;
-        color: #333333; }
-        .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo {
-          border: medium none;
-          color: #666;
-          font: 16px/32px "Omnes-ECOMP-W02", Arial;
-          height: auto;
-          margin: 0 auto;
-          width: auto; }
-          .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo:before {
-            display: none; }
-    .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on {
-      display: block;
-      padding: 0;
-      text-align: center;
-      color: #007a3e; }
-      .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
-        display: none; }
-    .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .activo {
-      color: #007a3e;
-      font-weight: bold; } */
-  
-  .switch-overlay {
-    border-radius: 16px;
-    color: black !important;
-    font-size: 1.6rem;
-    height: 32px;
-    left: 0;
-    position: absolute;
-    top: -1px;
-    width: 126px;
-    overflow: hidden; }
-  
-  .btn-slider-on {
-    left: -1px;
-    text-align: left;
-    padding-left: 12px;
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    height: 32px;
-    line-height: 32px;
-    position: absolute;
-    top: 1px;
-    width: 80px; }
-  
-  .btn-slider-off {
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    height: 32px;
-    line-height: 32px;
-    position: absolute;
-    top: 1px;
-    width: 80px;
-    right: 1px;
-    text-align: right;
-    padding-right: 11px; }
-  
-  .switch-handle {
-    border-radius: 50%;
-    display: inline-block;
-    height: 26px;
-    left: 50px;
-    position: absolute;
-    top: 3px;
-    width: 26px; }
-  
-  .activo {
-    display: block;
-    font-size: 0.1px;
-    line-height: 40px;
-    overflow: hidden; }
-    .activo:before {
-      background-image: none;
-      border-left: 3px solid #007a3e;
-      content: " ";
-      height: 18px;
-      left: 22px;
-      margin: 2px auto;
-      position: absolute;
-      top: 5px;
-      width: 0; }
-  
-  .inactivo {
-    font-size: 0.1px;
-    line-height: 40px; }
-    .inactivo:before {
-      background-image: none;
-      border: 3px solid #959595;
-      border-radius: 100%;
-      content: " ";
-      display: block;
-      position: absolute;
-      top: 4px;
-      right: 3px;
-      height: 16px;
-      width: 16px; }
-  
-  .btn-switch.focused {
-    outline: 1px dotted #000;
-    outline-offset: 5px; }
-    
-    table, tr, td, th {
-        border: 0;
-   }
-  
-  table caption {
+}
+
+table caption {
     text-align: left; }
-  
-  table thead th {
+
+table thead th {
     vertical-align: bottom; }
-  
-  table th,
-  table td {
+
+table th,
+table td {
     padding: 13px 20px;
     line-height: 1.2rem;
     color: rgb(112, 111, 111);
@@ -9496,144 +79,18 @@
     text-align: left;
     vertical-align: top;
     word-wrap: break-word; }
-  
-  table th {
+
+table th {
     text-transform: uppercase;
     font-size: 1.2rem;
     font-weight: normal;
     color: #000;
-    
+
     padding: 13px 20px; }
-  
-  
-  
-  
-  
-  .accordion-content .faux-table-cell {
-    display: table-cell;
-    width: 100%;
-    padding: 0 0 10px 0; }
-  
-  .faux-table-cell:last-child {
-    text-align: right;
-    min-width: 100px;
-    max-width: 150px;
-    width: 1%;
-    background-color: #f2f2f2;
-    
-    font-size: 14px;
-    border-left: 1px solid #d2d2d2;
-    padding: 0 20px 0 10px; }
-  
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
-    opacity: 1; }
-  
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
-    opacity: 0;
-    transition: opacity .3s linear .2s; }
-  
-  
-  .data-row-list ul > li {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3Argba(153%2C153%2C153%2C1)%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important; }
-  
-  
-  
-  .b2b-external-sort-div {
-    float: right;
-    padding-bottom: 25px; }
-  
-  .b2b-external-sort-div .sortButton {
-    font-size: 36px;
-    border: 1px solid #ccc;
-    background: #FFF;
-    border-radius: 6px;
-    text-align: center;
-    background: linear-gradient(#fcfcfc, #f2f2f2);
-    background-blend-mode: multiply;
-    width: 1em; }
-  
-  .b2b-external-sort-label {
-    padding-bottom: 10px; }
-  
-  .b2b-external-sort-div a:hover {
-    cursor: pointer; }
-  
-  .b2b-external-sort-div a:hover, .b2b-external-sort-div a:focus {
-    text-decoration: none; }
-  
-  .b2b-external-sort-label label {
-    position: relative; }
-  
-  .b2b-external-sort-margin {
-    margin-right: 13px !important; }
-  
-  
-  @media screen and (max-width: 950px) {
-    .b2b-external-sort-margin .selectWrap {
-      bottom: 0px !important; } }
-  
-  
-  .card{
-    border-radius: 5px;
-  }
-  
-  .card-header{
-    height: 50px;
-  }
-  
-  .card-body{
-    height: 150px;
-  }
-  
-  .card-footer{
-    height: 50px;
-  }
-  
-  .dialog__close-btn {
-    border: 0;
-    background: #087ac2;
-    color: #ffffff;
-    position: absolute;
-    top: 8px;
-    right: 8px;
-    font-size: 1.2em;
-    display: block;
-    border: #087ac2 2px solid;
-  }
-  
-  .dialog{
-    margin-top: 50px;
-  }
-  
-  .modalTitle{
-      font-size: 35px;  
-  }
-  
-  .defaultFontSize{
-    font-size: 15px;
-  }
-  
-  
-  .tab-content{
-    margin-right: 20px;
-    /* background-color: #006496; */
-    color: rgb(0, 0, 0);
-  }
-  
-  .btn-sm{
-    width: 30px;
-    height: 15px;
-    font-size: 10px;
-  }
-  
 
-  
-.innerTab{
-    margin-left: 25px;
+label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
+    margin-top: 5px;
 }
-
-
-
 [type="radio"]:checked,
 [type="radio"]:not(:checked) {
     position: absolute;
@@ -9684,119 +141,5 @@
     -webkit-transform: scale(1);
     transform: scale(1);
 }
-  
-  .card{
-      border-radius: 5px;
-  }
-  
-    .card-header{
-      height: 30px;
-  }
-  
-    .card-body{
-      height: 150px;
-  }
-  
-  .card-footer{
-      height: 50px;
-  }
-  
-  .dialog__close-btn {
-      border: 0;
-      background: #087ac2;
-      color: #ffffff;
-      position: absolute;
-      top: 8px;
-      right: 8px;
-      font-size: 1.2em;
-      display: block;
-      border: #087ac2 2px solid;
-    }
-  
-    .modalTitle{
-        font-size: 35px;  
-    }
-  
-    .overlay {
-      position: fixed;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      background-color: rgba(0, 0, 0, 0.705);
-      z-index: 999;
-    }
-  
-    .dialog {
-      z-index: 1000;
-      position: fixed;
-      right: 0;
-      left: 0;
-      top: 20px;
-      margin-right: auto;
-      margin-left: auto;
-      margin-top: 50px;
-      height: 690px;
-      width: 1024px;
-      background-color: #fff;
-      padding: 12px;
-      box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.349), 0 13px 19px 2px rgba(0, 0, 0, 0.349), 0 5px 24px 4px rgba(0, 0, 0, 0.349);
-    }
-    
-    @media (min-width: 768px) {
-      .dialog {
-        top: 40px;
-      }
-    }
-    
-    .dialog__close-btn {
-      border: 0;
-      background: none;
-      color: #2d2d2d;
-      position: absolute;
-      top: 8px;
-      right: 8px;
-      font-size: 1.2em;
-      display: block;
-      border: #2d2d2d 1px solid;
-    }
-  
-  
-    .lds-ring {
-      display: inline-block;
-      position: relative;
-      width: 64px;
-      height: 64px;
-    }
-    .lds-ring div {
-      box-sizing: border-box;
-      display: block;
-      position: absolute;
-      width: 80px;
-      height: 80px;
-      margin: 6px;
-      margin-top: 10px;
-      border: 10px solid #006496;
-      border-radius: 80%;
-      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-      border-color: #006496 transparent transparent transparent;
-    }
-    .lds-ring div:nth-child(1) {
-      animation-delay: -0.45s;
-    }
-    .lds-ring div:nth-child(2) {
-      animation-delay: -0.3s;
-    }
-    .lds-ring div:nth-child(3) {
-      animation-delay: -0.15s;
-    }
-    @keyframes lds-ring {
-      0% {
-        transform: rotate(0deg);
-      }
-      100% {
-        transform: rotate(360deg);
-      }
-    }
-    
+
 
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/edit-drill-down-link/edit-drill-down-link.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/edit-drill-down-link/edit-drill-down-link.component.html
index fc6f9e42..563fd322 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/edit-drill-down-link/edit-drill-down-link.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/edit-drill-down-link/edit-drill-down-link.component.html
@@ -1,53 +1,44 @@
-<div *ngIf="showSpinner">
-    <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
-</div>
+<span class="ecomp-spinner" *ngIf="showSpinner"></span>
 
 <div *ngIf="!showSpinner">
-  
-  <div *ngFor="let item of drillDownColsList; let i = index;">
-   
-<table>
-    <tr>
-      <th>{{item.name}}</th>
-    </tr>
-    <tr>
-      <td><input type="radio" id="test{{i*5+1}}" name="radio-group{{i}}" [(ngModel)]="noValueRadioArr[i]" value="{{i*5+1}}" Checked="true"><label for="test{{i*5+1}}"></label></td>
-      <td><label for="test{{i*5+1}}">No Value</label></td>
-      <td><label for="test{{i*5+1}}">Accept Default</label></td>
-    </tr>
-    <tr>
-      <td><input type="radio" id="test{{i*5+2}}" name="radio-group{{i}}" [(ngModel)]="noValueRadioArr[i]" value="{{i*5+2}}"  Checked="radioButtonCheckedArr[i*5+2]"><label for="test{{i*5+2}}"></label></td>
-      <td><label for="test{{i*5+2}}">Fixed Value</label></td>
-      <td><input class="defaultFontSize field-group" id="reportName" type="text"  [(ngModel)]="valueValueArr[i*5+2]" value="3"/></td>
-    </tr>
-    <tr>
-        <td><input type="radio" id="test{{i*5+3}}" name="radio-group{{i}}" [(ngModel)]="noValueRadioArr[i]" value="{{i*5+3}}" Checked="radioButtonCheckedArr[i*5+3]"><label for="test{{i*5+3}}"></label></td>
-        <td><label for="test{{i*5+3}}">Value of Column</label></td>
-        <td>
-          <select class="browser-default custom-select defaultFontSize"  required="required" placeholder="Select Value of Column" [(ngModel)]="valueValueArr[i*5+3]"  value="5">
-            <option *ngFor="let item of valueOfColumnsList" class="defaultFontSize" value="{{item.name}}">{{item.name}}</option>
-            
-          </select>
-        </td>
-    </tr>
-    <tr>
-        <td><input type="radio" id="test{{i*5+4}}" name="radio-group{{i}}" [(ngModel)]="noValueRadioArr[i]" value="{{i*5+4}}"><label for="test{{i*5+4}}" Checked="radioButtonCheckedArr[i*5+4]"></label></td>
-        <td><label for="test{{i*5+4}}">Value of form field</label></td>
-        <td>
-            <select class="browser-default custom-select defaultFontSize"  required="required" placeholder="Select Value of Form Field" [(ngModel)]="valueValueArr[i*5+4]"  value="7">
-              <option *ngFor="let item of drillDownColsList" class="defaultFontSize" value="{{item.name}}">{{item.name}}</option>
-            </select>
-          </td>
-    </tr>
-    <tr>
-        <td><input type="radio" id="test{{i*5+5}}" name="radio-group{{i}}" [(ngModel)]="noValueRadioArr[i]" value="{{i*5+5}}" Checked="radioButtonCheckedArr[i*5+5]"><label for="test{{i*5+5}}"></label></td>
-        <td><label for="test{{i*5+5}}">Value set</label></td>
-        <td><label>Pass the value of the selected column if not empty, otherwise pass the value of the selected form field.</label></td>
-    </tr>
-    
-    
-    
-  </table>
+
+  <div *ngFor="let item of drillDownModel; let i = index;">
+
+      <table>
+          <tr>
+              <th>{{item.name}}</th>
+          </tr>
+          <tr>
+              <td><input type="radio" id="novalue{{i}}"  name="radio-group{{i}}" [(ngModel)]="item.radioButtonValue" value="No Value" Checked="true"><label for="novalue{{i}}"></label></td>
+              <td><label for="novalue{{i}}" >No Value</label></td>
+              <td><label >Accept Default</label></td>
+          </tr>
+          <tr>
+              <td><input type="radio"  id="fixed{{i}}"  name="radio-group{{i}}" [(ngModel)]="item.radioButtonValue" value="fixed"><label for="fixed{{i}}"></label></td>
+              <td><label for="fixed{{i}}">Fixed Value</label></td>
+              <td><input class="defaultFontSize field-group" id="fixedValue{{i}}" type="text"  [(ngModel)]="item.fixedValueData" value="3"/></td>
+          </tr>
+          <tr>
+              <td><input type="radio" id="column{{i}}" name="radio-group{{i}}" [(ngModel)]="item.radioButtonValue" value="column"><label for="column{{i}}"></label></td>
+              <td><label for="column{{i}}">Value of Column</label></td>
+              <td>
+                  <select class="browser-default custom-select defaultFontSize"  required="required" placeholder="Select Value of Column" [(ngModel)]="item.valueOfColumnData"  value="5">
+                      <option *ngFor="let items of valueOfColumnsList" class="defaultFontSize" value="{{items.name}}">{{items.name}}</option>
+
+                  </select>
+              </td>
+          </tr>
+          <tr>
+              <td><input type="radio" id="field{{i}}"  name="radio-group{{i}}" [(ngModel)]="item.radioButtonValue" value="field"><label for="field{{i}}"></label></td>
+              <td><label for="field{{i}}">Value of form field</label></td>
+              <td>
+                  <select class="browser-default custom-select defaultFontSize"  required="required" placeholder="Select Value of Form Field" [(ngModel)]="item.valueOfFormFieldData"  value="7">
+                      <option *ngFor="let items of formFieldsListObj" class="defaultFontSize" value="{{items.name}}">{{items.name}}</option>
+                  </select>
+              </td>
+          </tr>
+
+      </table>
     <br/>
   </div>
 
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/edit-drill-down-link/edit-drill-down-link.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/edit-drill-down-link/edit-drill-down-link.component.ts
index 9441a1f0..26e85c01 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/edit-drill-down-link/edit-drill-down-link.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns-edit-component/edit-drill-down-link/edit-drill-down-link.component.ts
@@ -1,173 +1,197 @@
-import { Component, OnInit, Input, EventEmitter, Output } from '@angular/core';
-import { trigger, transition, style, animate } from '@angular/animations';
-import { HttpClient } from '@angular/common/http';
-import { ColumnService } from '../../column.service';
-
+import {Component, OnInit, Input, EventEmitter, Output} from '@angular/core';
+import {trigger, transition, style, animate} from '@angular/animations';
+import {HttpClient} from '@angular/common/http';
+import {ColumnService} from '../../column.service';
+import {DrillDownModel} from './drill-down-model';
+import { FormFieldsService } from '../../../form-fields/form-fields.service';
 
 
 @Component({
-  selector: 'app-edit-drill-down-link',
-  templateUrl: './edit-drill-down-link.component.html',
-  styleUrls: ['./edit-drill-down-link.component.css']
+    selector: 'app-edit-drill-down-link',
+    templateUrl: './edit-drill-down-link.component.html',
+    styleUrls: ['./edit-drill-down-link.component.css']
 })
 export class EditDrillDownLinkComponent implements OnInit {
 
-  
-  @Input() closable = true;
-  @Input() visible: boolean;
-
-  @Input("reportId") reportId : number;
-  @Input("drillDownObj") drillDownObj : {};
-
-  @Output() completed = new EventEmitter<any>();
-
-  drillDownColsList : {}[];
-  valueOfColumnsList : {}[];
-  showSpinner : boolean;
-
-  valueOfColumns : string;
-  valueOfColumnsArr : any[];
-  valueOfFormFieldArr : any[];
-  fixedValueArr : any[];
-
-  noValueRadioArr : any[];
-  valueValueArr : any[];
-  radioButtonCheckedArr : boolean[];
-  fieldValuesArr : string[];
-
-
-  postDrillDownObj : {};
-  
-  constructor(private _http : HttpClient, private _columnService : ColumnService) {
-    this.drillDownColsList = new Array();
-    this.valueOfColumnsList = new Array();
-    this.showSpinner = true;
-    this.valueOfColumnsArr = new Array();
-    this.valueOfFormFieldArr = new Array();
-    this.postDrillDownObj = new Object();
-
-    this.noValueRadioArr = new Array();
-    this.valueValueArr = new Array();
-    this.radioButtonCheckedArr = new Array();
-    this.fieldValuesArr = new Array();
-
-    
-   }
-
-  ngOnInit() {
 
-    console.log(this.drillDownObj);
-
-    this._columnService.getDrillDownReportColumnDetails(this.drillDownObj["drillDownUrl"])
-    .subscribe((response) => {
-      console.log(response);
-      let i=0;
-
-      while(response[i])
-      {
-        this.drillDownColsList.push(response[i]);
-        // this.valueOfFormFieldArr.push(response[i]["name"]);
-        // console.log(response);
-        i++;
-      }
-        
-      console.log(this.drillDownColsList);
-
-      this._columnService.getValueOfColumnDetails(this.reportId)
-      .subscribe((responseValueOfColumn)=> {
-        console.log(responseValueOfColumn);
-
-        let k=0;
-
-        while(responseValueOfColumn[k])
-        {
-            this.valueOfColumnsList.push(responseValueOfColumn[k]);
-            k++;
-        }
-        // for(let l=0; l<this.drillDownColsList.length; l++)
-        // {
-        //   this.valueOfColumnsArr.push("site_state");
-        // }
+    @Input() closable = true;
+    @Input() visible: boolean;
+
+    @Input('reportId') reportId: number;
+    @Input('drillDownObj') drillDownObj: {};
+
+    @Output() completed = new EventEmitter<any>();
+
+    drillDownColsList: {}[];
+    valueOfColumnsList: {}[];
+    showSpinner: boolean;
+
+    valueOfColumns: string;
+    valueOfColumnsArr: any[];
+    valueOfFormFieldArr: any[];
+    fixedValueArr: any[];
+
+    noValueRadioArr: any[];
+    valueValueArr: any[];
+    radioButtonCheckedArr: boolean[];
+    fieldValuesArr: string[];
+    drillDownModel: DrillDownModel[] = [];
+
+    postDrillDownObj: {};
+    drillDownArray: any[];
+    formFieldsListObj : any;
+
+    constructor(private _http: HttpClient, private _columnService: ColumnService,private _formFieldsService : FormFieldsService) {
+        this.drillDownColsList = [];
+        this.valueOfColumnsList = [];
+        this.showSpinner = true;
+        this.valueOfColumnsArr = [];
+        this.valueOfFormFieldArr = [];
+        this.postDrillDownObj = {};
+        this.noValueRadioArr = [];
+        this.valueValueArr = [];
+        this.radioButtonCheckedArr = [];
+        this.fieldValuesArr = [];
+        this.drillDownArray = [];
+        this.formFieldsListObj = [];
+    }
 
-        console.log(this.drillDownObj["drillDownParams"]);
+    ngOnInit() {
+        console.log(this.drillDownObj);
+        this._formFieldsService.getListOfFormFields()
+        .subscribe((responseFormFields) => {
+          for (let m = 0; m < responseFormFields.length; m++) {
+            responseFormFields[m]["orderSeq"] = m + 1;
+            this.formFieldsListObj.push(responseFormFields[m]);
+          }
+        });
+        this._columnService.getDrillDownReportColumnDetails(this.drillDownObj['drillDownUrl'])
+            .subscribe((response) => {
+                console.log(response);
+                let i = 0;
+                while (response[i]) {
+                    this.drillDownColsList.push(response[i]);
+                    const model = new DrillDownModel(response[i]['id'], response[i]['name'], 'No Value');
+                    this.drillDownModel.push(model);
+                    i++;
+                }
+                console.log(this.drillDownColsList);
+                this._columnService.getColumnList()
+                    .subscribe((responseValueOfColumn) => {
+                        console.log(responseValueOfColumn);
+                        let k = 0;
+                        while (responseValueOfColumn[k]) {
+                            this.valueOfColumnsList.push(responseValueOfColumn[k]);
+                            k++;
+                        }
+                        this.drillDownArray = this.generateDrillDownArray(this.drillDownObj['drillDownParams']) ;
+                        let isFieldValue = false;
+                        let dda_cntr = 0;
+                        for (dda_cntr = 0; dda_cntr < this.drillDownArray.length; dda_cntr++) {
+                            let isFixedValue = true;
+                            let vcl_cntr = 0;
+                            for (vcl_cntr = 0; vcl_cntr < this.valueOfColumnsList.length; vcl_cntr++) {
+                                if (this.drillDownArray[dda_cntr]['value'] === this.valueOfColumnsList[vcl_cntr]['id']) {
+                                    let ddm_cntr = 0;
+                                    for (ddm_cntr = 0; ddm_cntr < this.drillDownModel.length; ddm_cntr++) {
+                                        if (this.drillDownModel[ddm_cntr]['id'] === this.drillDownArray[dda_cntr]['id']) {
+                                            this.drillDownModel[ddm_cntr].radioButtonValue = 'column';
+                                            this.drillDownModel[ddm_cntr].valueOfColumnData = this.valueOfColumnsList[vcl_cntr]['name'];
+                                            this.drillDownModel[ddm_cntr].selected = 'column';
+                                            this.drillDownModel[ddm_cntr].columnID = this.valueOfColumnsList[vcl_cntr]['id'];
+                                            isFixedValue = false;
+                                        }
+                                    }
+                                }
+                            }
+                            let ddcl_cntr = 0;
+                            for (ddcl_cntr = 0; ddcl_cntr < this.formFieldsListObj.length; ddcl_cntr++) {
+                                if (this.drillDownArray[dda_cntr]['value'] === this.formFieldsListObj[ddcl_cntr]['id']) {
+                                    let ddm_cntr = 0;
+                                    for (ddm_cntr = 0; ddm_cntr < this.drillDownModel.length; ddm_cntr++) {
+                                        if (this.drillDownModel[ddm_cntr]['id'] === this.drillDownArray[dda_cntr]['id']) {
+                                            this.drillDownModel[ddm_cntr].radioButtonValue = 'field';
+                                            this.drillDownModel[ddm_cntr].valueOfFormFieldData = this.formFieldsListObj[ddcl_cntr]['name'];
+                                            this.drillDownModel[ddm_cntr].selected = 'field';
+                                            isFixedValue = false;
+                                            isFieldValue = true;
+                                        }
+                                    }
+                                }
+                            }
+                            if (isFixedValue && this.drillDownArray[dda_cntr]['value'] !== null) {
+                                let ddm_cntr = 0;
+                                for (ddm_cntr = 0; ddm_cntr < this.drillDownModel.length; ddm_cntr++) {
+                                    if (this.drillDownModel[ddm_cntr]['id'] === this.drillDownArray[dda_cntr]['id']) {
+                                        this.drillDownModel[ddm_cntr].radioButtonValue = 'fixed';
+                                        this.drillDownModel[ddm_cntr].fixedValueData = this.drillDownArray[dda_cntr]['value'];
+                                        this.drillDownModel[ddm_cntr].selected = 'fixed';
+                                    }
+                                }
+                            }
+                        }
+                        this.showSpinner = false;
+                    });
+            });
+    }
 
-      for(let kj=0; kj<this.drillDownObj["drillDownParams"].split("&").length; kj++)
-      {
-        for(let aj=0; aj<this.drillDownObj["drillDownParams"].split("&")[kj].split("=").length; aj++)
-        {
-          for(let lk=0; lk<this.drillDownColsList.length; lk++)
-          {
-            console.log(this.drillDownColsList[lk]["name"], this.drillDownObj["drillDownParams"].split("&")[kj].split("=")[1]);
-            if(this.drillDownColsList[lk]["id"] == this.drillDownObj["drillDownParams"].split("&")[kj].split("=")[0])
-            {
-              if(this.drillDownColsList[lk]["name"] == this.drillDownObj["drillDownParams"].split("&")[kj].split("=")[1])
-              {
-                let index = (lk*5) + 3;
-                this.radioButtonCheckedArr[index] = true;
-                console.log(this.radioButtonCheckedArr);
-              }
+    ngDoCheck() {
+        let outPut = '';
+        if (this.drillDownModel.length > 0) {
+            let ddm_cntr = 0;
+            for (ddm_cntr = 0; ddm_cntr < this.drillDownModel.length; ddm_cntr++) {
+                const fixedValue = this.drillDownModel[ddm_cntr].fixedValueData;
+                if (this.drillDownModel[ddm_cntr].radioButtonValue === 'fixed') {
+                    outPut = outPut + this.drillDownModel[ddm_cntr].id + '=' +
+                        fixedValue + '&;';
+                }
+                if (this.drillDownModel[ddm_cntr].radioButtonValue === 'column') {
+                    let value_counter = 0;
+                    let valueOut = '';
+                    for (value_counter = 0; value_counter < this.valueOfColumnsList.length; value_counter++) {
+                        if (this.valueOfColumnsList[value_counter]['name'] === this.drillDownModel[ddm_cntr].valueOfColumnData) {
+                            valueOut = this.valueOfColumnsList[value_counter]['id'];
+                        }
+                    }
+                    outPut = outPut + this.drillDownModel[ddm_cntr].id + '=' + '['
+                        + valueOut + ']' + '&;';
+                }
+                if (this.drillDownModel[ddm_cntr].radioButtonValue === 'field') {
+                    let fieldCntr = 0;
+                    let fieldOut = '';
+                    for (fieldCntr = 0; fieldCntr < this.formFieldsListObj.length; fieldCntr++) {
+                        if (this.formFieldsListObj[fieldCntr]['name'] === this.drillDownModel[ddm_cntr].valueOfFormFieldData) {
+                            fieldOut = this.formFieldsListObj[fieldCntr]['id'];
+                        }
+                    }
+                    outPut = outPut + this.drillDownModel[ddm_cntr].id + '=' + '[!'
+                        + fieldOut + ']' + '&;';
+                }
+            }
+            if (outPut.endsWith('&;')) {
+                outPut = outPut.substring(0, outPut.length - 2);
             }
-          }
         }
-      }
-      
-
-
-
-        this.showSpinner = false;
-      });
-
-     
-      
-    });
-
-
-  }
-
-  ngDoCheck()
-  {
-    let queryParamsString = "";
-    // drillDownColsList
-    console.log(this.noValueRadioArr, this.valueValueArr);
+        this.completed.emit(outPut);
+    }
 
-    if(this.noValueRadioArr && this.valueValueArr)
-    {
-      
-      for(let j=0; j<this.noValueRadioArr.length; j++)
-      {
-        console.log(+this.noValueRadioArr[j]);
-        if(this.valueValueArr[+this.noValueRadioArr[j]] !== null)
-        {
-          
-          // console.log(this.drillDownColsList[+this.noValueRadioArr[j]/5]["id"]);
-          // console.log(Math.floor((+this.noValueRadioArr[j]-1)/5));
-          
-          if(Math.floor((+this.noValueRadioArr[j]-1)/5) === 0)
-          {
-            queryParamsString = queryParamsString + this.drillDownColsList[Math.floor((+this.noValueRadioArr[j]-1)/5)]["id"] + "=" +  this.valueValueArr[+this.noValueRadioArr[j]];
-            // console.log(queryParamsString);
-          }
-          else
-          {
-            queryParamsString = queryParamsString + "&" + this.drillDownColsList[Math.floor((+this.noValueRadioArr[j]-1)/5)]["id"] + "=" +  this.valueValueArr[+this.noValueRadioArr[j]];
-            // console.log(queryParamsString);
-          }
+    generateDrillDownArray(value: String) {
+        const generatedArray = [];
+        if (value != null) {
+            value = value.replace(/\[/g, '').replace(/\]/g, '').replace(/;/g, '').replace(/\!/g, '');
+            const firstSplit = value.split('&');
+            for (let i = 0; i < firstSplit.length; i++) {
+                const secondSplit = firstSplit[i].split('=');
+                generatedArray.push({
+                    id: secondSplit[0],
+                    value: secondSplit[1]
+                });
+            }
         }
-      }
-
-
-      // console.log(queryParamsString);
-
-    this.postDrillDownObj["drilldownParams"] =  queryParamsString;
-    this.postDrillDownObj["drilldownType"] =  "";
-
-    // console.log(this.postDrillDownObj);
-    
-    this.completed.emit(this.postDrillDownObj);
+        return generatedArray;
     }
-  }
-
-
-
 
+    save() {
+        this.completed.emit('hello');
+    }
 }
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns.component.html
index 0e5ee307..e0f2f453 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/columns.component.html
@@ -1,10 +1,8 @@
 <div class="stdForm">
         <br/>
         <div class="tab-content">
-                <h1>Step 3 - Report Columns</h1> 
+                <h3>Step 3 - Report Columns</h3> 
         </div>
-        <br/>
- 
 <div>
     <app-column-list [reportId]="reportId1"></app-column-list>
 </div>
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/model/format-list.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/model/format-list.ts
new file mode 100644
index 00000000..87fb747b
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/model/format-list.ts
@@ -0,0 +1,5 @@
+import {Format} from './format';
+
+export interface FormatList {
+    format: Format[];
+}
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/model/format.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/model/format.ts
new file mode 100644
index 00000000..99054375
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/model/format.ts
@@ -0,0 +1,14 @@
+export interface Format {
+    lessThanValue: string;
+    expression: string;
+    bold: boolean;
+    italic: boolean;
+    underline: boolean;
+    bgColor: string;
+    fontColor: string;
+    fontFace: string;
+    fontSize: string;
+    alignment?: any;
+    comment?: any;
+    formatId: string;
+}
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/model/semaphore-list.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/model/semaphore-list.ts
new file mode 100644
index 00000000..28ea16e0
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/model/semaphore-list.ts
@@ -0,0 +1,5 @@
+import {Semaphore} from './semaphore';
+
+export interface SemaphoreList {
+    semaphore: Semaphore[];
+}
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/model/semaphore.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/model/semaphore.ts
new file mode 100644
index 00000000..b3566d4c
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/columns/model/semaphore.ts
@@ -0,0 +1,10 @@
+import {FormatList} from './format-list';
+
+export interface Semaphore {
+    semaphoreName: string;
+    semaphoreType: string;
+    comment: string;
+    target?: any;
+    formatList: FormatList;
+    semaphoreId: string;
+}
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.css
index 146046ca..bca812d3 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.css
@@ -1,117 +1,4 @@
-[draggable] {
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    cursor: pointer;
-}
-
-.data-table{
-  width: 60%;
-  height: 200px;
-  overflow: scroll;
-}
-
-  
-  .example-box {
-    padding: 20px 10px;
-    border-bottom: solid 1px #006496;
-    color: rgba(0, 0, 0, 0.87);
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    cursor: move;
-    background: #ffffff00;
-    font-size: 14px;
-    border-radius: 15px;
-  }
-
-  tableWrapper{
-    height: 10px;
-    overflow-y: scroll;
-  }
-
-  table{
-      width: 100%;
-  }
-
-  tr {
-      width: 50%;
-  }
-
-  th{
-    width: 50%;
-  }
-
-  td{
-      width: 50%;
-  }
-
-  /* table, tr, td, th {
-    border: 0;
-  } */
-  
-  td{
-    width: 50%;;
-  }
-  
-  .split {
-    height: 100%;
-    width: 50%;
-    position: fixed;
-    z-index: 1;
-    top: 0;
-    overflow-x: hidden;
-    padding-top: 20px;
-  }
-  
-  .left {
-    left: 0;
-  
-  }
-  
-  .right {
-    right: 0;
-  
-  }
-  
-  .example-box {
-    width: 200px;
-    height: 200px;
-    border: solid 1px #ccc;
-    color: rgba(0, 0, 0, 0.87);
-    cursor: move;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    background: #fff;
-    border-radius: 4px;
-    position: relative;
-    z-index: 1;
-    transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);
-    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),
-                0 2px 2px 0 rgba(0, 0, 0, 0.14),
-                0 1px 5px 0 rgba(0, 0, 0, 0.12);
-  }
-  
-  .example-box:active {
-    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
-                0 8px 10px 1px rgba(0, 0, 0, 0.14),
-                0 3px 14px 2px rgba(0, 0, 0, 0.12);
-  }
-  
-  
-  .example-boundary {
-    width: 400px;
-    height: 400px;
-    max-width: 100%;
-    border: dotted #ccc 2px;
-  }
-  
-  .example-list {
+.example-list {
     width: 100%;
     max-width: 100%;
     border: solid 1px #ccc;
@@ -122,2724 +9,43 @@
     overflow: hidden;
     align-items: center;
     cursor: move;
-  }
-  
-  
-  
-  .example-box {
-    padding: 20px 10px;
-    border-bottom: solid 1px #ccc;
-    color: rgba(0, 0, 0, 0.87);
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    box-sizing: border-box;
-    cursor: move;
-    background: #00649617;
-    font-size: 14px;
-  }
-  
-  .cdk-drag-preview {
-    box-sizing: border-box;
-    border-radius: 4px;
-    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
-                0 8px 10px 1px rgba(0, 0, 0, 0.14),
-                0 3px 14px 2px rgba(0, 0, 0, 0.12);
-  }
-  
-  .cdk-drag-placeholder {
-    opacity: 0;
-  }
-  
-  .cdk-drag-animating {
-    transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
-  }
-  
-  .example-box:last-child {
-    border: none;
-  }
-  
-  .example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder) {
+}
+
+.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder) {
     transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
-  }
-  
-  
-  
-  mat-button-toggle-group{
-    width: 800px;
-  }
-  
- 
-  
-  .lds-ring {
-    display: inline-block;
-    position: relative;
-    width: 64px;
-    height: 64px;
-  }
-  .lds-ring div {
-    box-sizing: border-box;
-    display: block;
-    position: absolute;
-    width: 40px;
-    height: 40px;
-    margin: 2px;
-    margin-top: -10px;
-    border: 4px solid #006496;
-    border-radius: 80%;
-    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-    border-color: #006496 transparent transparent transparent;
-  }
-  .lds-ring div:nth-child(1) {
-    animation-delay: -0.45s;
-  }
-  .lds-ring div:nth-child(2) {
-    animation-delay: -0.3s;
-  }
-  .lds-ring div:nth-child(3) {
-    animation-delay: -0.15s;
-  }
-  @keyframes lds-ring {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-  
-  
-  mat-button-toggle{
-    display: block;
-    width: 800px;
-    border-radius: 5px;
-  }
-  
-  label{
-    size: 70px;
-  }
-  
-  input {
-    width: 800px;
-    height: 20px;
-  }
-  
-  .Heading{
-    font-size: 45px;
-  }
-  
-  .stdForm{
-    margin-left: 20px;
-  }
-  
-  .field-group {
-    position: relative;
-    display: block;
-  }
-  
-  label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
-    margin-top: 5px;
-  }
-  
-  
-  select{
-    display: block;
-    width: 800px;
-    
-    padding: 15px;
-    background-color: #e6e6e61a
-  }
-  
-  .webform-component-my-select select {
+}
+
+.data-table{
+    width: 60%;
     height: 200px;
-  }
-  
-  .checkbox .skin {
-    background-color: #fff;
-    border: 1px solid #d2d2d2;
-    border-radius: 3px;
-    display: inline-block;
-    height: 24px;
-    width: 24px;
-    position: absolute;
-    left: 0;
-    top: 0;
-  }
-  
-  i, em {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-  }
-  
-  
-  .b2b-horizontal-table ::-webkit-scrollbar {
-    height: 10px; }
-  
-  .b2b-horizontal-table ::-webkit-scrollbar-thumb {
-    background: #666666;
-    border-radius: 5px; }
-  
-  .b2b-horizontal-table .b2b-frozen-col {
-    font-size: 5px;
-    font-weight: normal;
-    font-style: italic; }
-  /* 
-  .b2b-horizontal-table .b2b-horizontal-table-inner-container {
-    overflow-x: scroll; } */
-  
-  .b2b-horizontal-table .b2b-horizontal-table-column-info {
-    text-align: center; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-legend div[b2b-flyout-toggler] {
-    color: #0568ae;
-    cursor: pointer; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-legend .b2b-frozen-cell {
-    width: 16px;
-    height: 16px;
-    background-color: #F2F2F2;
-    display: inline-block;
-    margin-right: 10px; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-arrows {
-    margin-bottom: 20px; }
-    .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-disabled-text {
-      color: #767676; }
-    .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-next-link {
-      padding-right: 15px; }
-    .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-prev-link {
-      padding-left: 15px; }
-  
-  @-moz-document url-prefix() {
-    .b2b-horizontal-table td:first-child {
-      border-top: none; } }
-  * {
-    box-sizing: border-box; }
-  
-  :root {
-    -ms-overflow-style: -ms-autohiding-scrollbar;
-    overflow-y: scroll;
-    -ms-text-size-adjust: 100%;
-    -webkit-text-size-adjust: 100%;
-    box-sizing: border-box;
-    font: 0.625pc/1.5 sans-serif;
-    text-rendering: optimizeLegibility; }
-  
-  html {
-    overflow-y: scroll;
-    -webkit-overflow-scrolling: touch;
-    height: 100%;
-    position: relative; }
-  
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  p,
-  blockquote,
-  figure,
-  ol,
-  ul {
-    margin: 0;
-    padding: 0; }
-  
-  /* a:focus {
-    outline: thin dotted #191919;
-  } */
-  sub,
-  sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: top; }
-  
-  sup {
-    top: .75em;
-    display: inline-block; }
-  
-  sub {
-    bottom: -0.25em; }
-  
-  img {
-    max-width: 100%;
-    height: auto;
-    vertical-align: middle;
-    border: 0;
-    -ms-interpolation-mode: bicubic; }
-  
-  .img-no-rwd {
-    max-width: inherit !important; }
-  
-  svg {
-    display: inline-block; }
-  
-  .responsive-img {
-    width: 100%;
-    height: auto; }
-  
-  button,
-  input,
-  select,
-  textarea {
-    margin: 0;
-    font-size: 100%;
-    vertical-align: middle; }
-  
-  ::-moz-focus-inner {
-    padding: 0;
-    border: 0; }
-  
-  button,
-  html input[type="button"],
-  input[type="reset"],
-  input[type="submit"] {
-    appearance: button;
-    cursor: pointer; }
-  
-  label,
-  select,
-  button,
-  input[type="button"],
-  input[type="reset"],
-  input[type="submit"],
-  input[type="radio"],
-  input[type="checkbox"] {
-    cursor: pointer; }
-  
-  input[type=search] {
-    -webkit-appearance: textfield; }
-  
-  input[type=search]:-webkit-search-cancel-button,
-  input[type=search]:-webkit-search-decoration {
-    -webkit-appearance: none; }
-  
-  
-  
-  select {
-    -moz-appearance: none;
-    -webkit-appearance: none; }
-  
-  [aria-busy=true] {
-    cursor: progress; }
-  
-  [aria-controls] {
-    cursor: pointer; }
-  
-  body {
-    background-color: #ffffff;
-    color: #191919;
-    font-family: "Omnes-ECOMP-W02", Arial;
-  /*  font-size: 1.6rem;
-    line-height: 2rem;*/
-    margin: 0;
-    position: relative;
-    width: 100%;
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothing: antialiased; }
-  
-  small {
-    font-size: 1.6rem; }
-  
-  .container {
-    margin: 0 auto;
-    padding: 0; }
-  
-  .tooltip {
-    display: inline-block;
-    height: 20px;
-    margin: 1px 0 0 7px;
-    vertical-align: middle; }
-  
-  .tooltip-wrapper {
-    display: none; }
-  
-  
-  
-  /* TODO: Build a reference page for these classes */
-  .font-regular {
-    font-family: "Omnes-ECOMP-W02", Arial !important; }
-  
-  .font-light {
-    font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-  
-  .font-italic {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-  
-  .font-light-italic {
-    font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-  
-  .font-medium {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-  
-  .font-medium-italic {
-    font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-  
-  .font-reset {
-    font-style: normal;
-    font-variant: normal;
-    font-weight: normal;
-    text-transform: none; }
-  
-  .visible-phone {
-    display: none !important; }
-  
-  .visible-tablet {
-    display: none !important; }
-  
-  .hidden-desktop {
-    display: none !important; }
-  
-  .visible-desktop {
-    display: inherit !important; }
-  
-  .row,
-  .row-nowrap {
-    margin-left: 0; }
-  
-  .row:before,
-  .row-nowrap:before,
-  .row:after,
-  .row-nowrap:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .row:after,
-  .row-nowrap:after {
-    clear: both; }
-  
-  .row:before,
-  .row-nowrap:before,
-  .row:after,
-  .row-nowrap:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .row:after,
-  .row-nowrap:after {
-    clear: both; }
-  
-  .row,
-  .row-nowrap {
-    display: flex; }
-  
-  .row > [class*="span"],
-  .row-nowrap > [class*="span"] {
-    float: left;
-    margin-right: 14px;
-    margin-right: 1.40845%\9; }
-  
-  .row > [class*="span"]:last-child,
-  .row-nowrap > [class*="span"]:last-child {
-    margin-right: 0; }
-  
-  .row > [class*="span"].centered,
-  .row-nowrap > [class*="span"].centered {
-    margin-left: auto !important;
-    margin-right: auto !important; }
-  
-  .row.no-flex,
-  .row-nowrap.no-flex {
-    display: block; }
-  
-  .row.no-flex > [class*="span"],
-  .row-nowrap.no-flex > [class*="span"] {
-    margin-right: 1.408450704225352%; }
-  
-  .row.no-flex > [class*="span"]:last-child,
-  .row-nowrap.no-flex > [class*="span"]:last-child {
-    margin-right: 0; }
-  
-  .row.flex-justify,
-  .row-nowrap.flex-justify {
-    justify-content: space-between; }
-  
-  .row.flex-justify > [class*="span"],
-  .row-nowrap.flex-justify > [class*="span"] {
-    flex: 1 1 0; }
-  
-  .row.flex-justify > .flex-col,
-  .row-nowrap.flex-justify > .flex-col {
-    margin-right: 14px;
-    margin-right: 1.40845%\9; }
-  
-  .row.flex-wrap,
-  .row-nowrap.flex-wrap {
-    flex-wrap: wrap; }
-  
-  .align-items-top {
-    align-items: flex-start; }
-  
-  .align-items-center {
-    align-items: center; }
-  
-  .align-items-bottom {
-    align-items: flex-end; }
-  
-  .align-self-top {
-    align-self: flex-start; }
-  
-  .align-self-center {
-    align-self: center; }
-  
-  .align-self-bottom {
-    align-self: flex-end; }
-  
-  .row .fixed-230 {
-    flex: 0;
-    display: block;
-    width: 230px;
-    vertical-align: top;
-    min-width: 230px;
-    background-color: #efefef; }
-  
-  .row .fluid-space {
-    flex: 1 1 0;
-    display: block;
-    vertical-align: top;
-    padding-left: 0;
-    padding-right: 20px;
-    width: 100%; }
-  
-  .row .fixed-230 + .fluid-space {
-    padding-left: 20px;
-    padding-right: 20px; }
-  
-  .row .fluid-space:last-child {
-    padding-right: 0; }
-  
-  .span1 {
-    width: 7.042253521126761%; }
-  
-  .span2 {
-    width: 15.49295774647887%; }
-  
-  .span3 {
-    width: 23.94366197183099%; }
-  
-  .span4 {
-    width: 32.3943661971831%; }
-  
-  .span5 {
-    width: 40.84507042253521%; }
-  
-  .span6 {
-    width: 49.29577464788733%; }
-  
-  .span7 {
-    width: 57.74647887323944%; }
-  
-  .span8 {
-    width: 66.19718309859155%; }
-  
-  .span9 {
-    width: 74.64788732394367%; }
-  
-  .span10 {
-    width: 83.09859154929578%; }
-  
-  .span11 {
-    width: 91.54929577464789%; }
-  
-  .span12 {
-    width: 100%; }
-  
-  .offset1 {
-    margin-left: 8.450704225352113%; }
-  
-  .offset2 {
-    margin-left: 16.90140845070423%; }
-  
-  .offset3 {
-    margin-left: 25.35211267605634%; }
-  
-  .offset4 {
-    margin-left: 33.8028169%; }
-  
-  .offset5 {
-    margin-left: 42.25352113%; }
-  
-  .offset6 {
-    margin-left: 50.70422535%; }
-  
-  .offset7 {
-    margin-left: 59.15492958%; }
-  
-  .offset8 {
-    margin-left: 67.6056338%; }
-  
-  .offset9 {
-    margin-left: 76.05633803%; }
-  
-  .offset10 {
-    margin-left: 84.50704225%; }
-  
-  .offset11 {
-    margin-left: 92.95774648%; }
-  
-  .align-center {
-    margin: 0 auto;
-    text-align: center; }
-  
-  [class*="span"].align-center {
-    margin: 0 auto !important;
-    float: none; }
-  
-  .align-left .container {
-    padding-left: 0 !important;
-    margin: 0 !important; }
-  
-  /* BEGIN RESPONSIVE-4.LESS ************** */
-  @media (min-width: 1025px) {
-    .row > [class*="span"],
-    .row-nowrap > [class*="span"] {
-      margin-right: 20px;
-      margin-right: 1.487301587301587%\9; }
-    .container {
-      padding-left: 20px;
-      padding-right: 20px;
-      max-width: 1260px; }
-    /* 1col = 6.878306878306879 */
-    /* 1colgutter = 1.587301587301587 */
-    .span0 {
-      display: none; }
-    .span1 {
-      width: 6.878306878306879%; }
-    .span2 {
-      width: 15.34391534391534%; }
-    .span3 {
-      width: 23.80952380952381%; }
-    .span4 {
-      width: 32.27513227513228%; }
-    .span5 {
-      width: 40.74074074074074%; }
-    .span6 {
-      width: 49.20634920634921%; }
-    .span7 {
-      width: 57.67195767195767%; }
-    .span8 {
-      width: 66.13756613756614%; }
-    .span9 {
-      width: 74.60317460317461%; }
-    .span10 {
-      width: 83.06878306878308%; }
-    .span11 {
-      width: 91.53439153439154%; }
-    .span12 {
-      width: 100%; }
-    .offset1 {
-      margin-left: 8.465608465608466%; }
-    .offset2 {
-      margin-left: 16.93121693121693%; }
-    .offset3 {
-      margin-left: 25.3968253968254%; }
-    .offset4 {
-      margin-left: 33.86243386%; }
-    .offset5 {
-      margin-left: 42.32804233%; }
-    .offset6 {
-      margin-left: 50.79365079%; }
-    .offset7 {
-      margin-left: 59.25925926%; }
-    .offset8 {
-      margin-left: 67.72486772%; }
-    .offset9 {
-      margin-left: 76.19047619%; }
-    .offset10 {
-      margin-left: 84.65608466%; }
-    .offset11 {
-      margin-left: 93.12169312%; }
-    .tooltip-size-control {
-      position: relative;
-      width: 400px; }
-    .thumbnails > li {
-      margin-left: 1.40845070422535%; }
-    .row .thumbnails {
-      margin-left: 0; } }
-  
-  /* END RESPONSIVE-4.LESS ****************** */
-  /* BEGIN RESPONSIVE-3.LESS ******************* */
-  @media (min-width: 768px) and (max-width: 1024px) {
-    .hidden-desktop {
-      display: inherit !important; }
-    .visible-desktop {
-      display: none !important; }
-    .visible-tablet {
-      display: inherit !important; }
-    .hidden-tablet {
-      display: none !important; }
-    .container {
-      width: 100%;
-      margin: 0 auto;
-      padding-left: 20px;
-      padding-right: 20px; }
-    .span0-md {
-      display: none; }
-    .span1-md {
-      width: 7.042253521126761%; }
-    .span2-md {
-      width: 15.49295774647887%; }
-    .span3-md {
-      width: 23.94366197183099%; }
-    .span4-md {
-      width: 32.3943661971831%; }
-    .span5-md {
-      width: 40.84507042253521%; }
-    .span6-md {
-      width: 49.29577464788733%; }
-    .span7-md {
-      width: 57.74647887323944%; }
-    .span8-md {
-      width: 66.19718309859155%; }
-    .span9-md {
-      width: 74.64788732394367%; }
-    .span10-md {
-      width: 83.09859154929578%; }
-    .span11-md {
-      width: 91.54929577464789%; }
-    .span12-md {
-      width: 100%; }
-    .offset1-md {
-      margin-left: 8.450704225352113%; }
-    .offset2-md {
-      margin-left: 16.90140845070423%; }
-    .offset3-md {
-      margin-left: 25.35211267605634%; }
-    .offset4-md {
-      margin-left: 33.8028169%; }
-    .offset5-md {
-      margin-left: 42.25352113%; }
-    .offset6-md {
-      margin-left: 50.70422535%; }
-    .offset7-md {
-      margin-left: 59.15492958%; }
-    .offset8-md {
-      margin-left: 67.6056338%; }
-    .offset9-md {
-      margin-left: 76.05633803%; }
-    .offset10-md {
-      margin-left: 84.50704225%; }
-    .offset11-md {
-      margin-left: 92.95774648%; }
-    .tooltip-size-control {
-      position: relative;
-      width: 300px; } }
-  
-  /* END RESPONSIVE-3.LESS ******************* */
-  /* BEGIN RESPONSIVE-2.LESS *************** */
-  @media (max-width: 767px) {
-    .hidden-desktop {
-      display: inherit !important; }
-    .visible-desktop {
-      display: none !important; }
-    .visible-phone {
-      display: inherit !important; }
-    .visible-tablet {
-      display: inherit !important; }
-    .hidden-phone {
-      display: none !important; }
-    .hidden-tablet {
-      display: none !important; }
-    .container {
-      width: auto;
-      padding-left: 15px;
-      padding-right: 15px; }
-    /*.row{ display:block; }*/
-    .row > [class*="span"] {
-      float: none;
-      margin-left: 0;
-      margin-right: 0;
-      width: 100%; }
-    .row {
-      display: block; }
-    .row.flex > .flex-col,
-    .row-nowrap.flex > .flex-col {
-      margin-right: 0; }
-    .row .fixed-230 {
-      display: block;
-      width: 100%; }
-    .row .fluid-space {
-      display: block;
-      padding-left: 0;
-      padding-right: 0;
-      width: auto; }
-    .row .fluid-space + .fixed-230 {
-      padding-left: 0; }
-    .row .fluid-space:last-child {
-      padding-right: 0; }
-    .span0-sm {
-      display: none; }
-    .span1-sm {
-      width: 7.042253521126761%; }
-    .span2-sm {
-      width: 15.49295774647887%; }
-    .span3-sm {
-      width: 23.94366197183099%; }
-    .span4-sm {
-      width: 32.3943661971831%; }
-    .span5-sm {
-      width: 40.84507042253521%; }
-    .span6-sm {
-      width: 49.29577464788733%; }
-    .span7-sm {
-      width: 57.74647887323944%; }
-    .span8-sm {
-      width: 66.19718309859155%; }
-    .span9-sm {
-      width: 74.64788732394367%; }
-    .span10-sm {
-      width: 83.09859154929578%; }
-    .span11-sm {
-      width: 91.54929577464789%; }
-    .span12-sm {
-      width: 100%; }
-    .offset1-sm {
-      margin-left: 8.450704225352113%; }
-    .offset2-sm {
-      margin-left: 16.90140845070423%; }
-    .offset3-sm {
-      margin-left: 25.35211267605634%; }
-    .offset4-sm {
-      margin-left: 33.8028169%; }
-    .offset5-sm {
-      margin-left: 42.25352113%; }
-    .offset6-sm {
-      margin-left: 50.70422535%; }
-    .offset7-sm {
-      margin-left: 59.15492958%; }
-    .offset8-sm {
-      margin-left: 67.6056338%; }
-    .offset9-sm {
-      margin-left: 76.05633803%; }
-    .offset10-sm {
-      margin-left: 84.50704225%; }
-    .offset11-sm {
-      margin-left: 92.95774648%; }
-    input {
-      padding: 8px 15px 8px 15px; }
-    .field-group input.input-emphasized[type="search"] + .reset-field:after {
-      top: 14px; }
-    .field-group input.input-emphasized[type="search"] + .reset-field {
-      height: 46px;
-      top: 1px; }
-    .marquee {
-      margin-bottom: 30px; }
-    .marquee .blur-overlay {
-      border-radius: 0;
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      margin: 0;
-      padding: 34px 15px 30px; }
-    .marquee + div {
-      margin-top: 30px; }
-    .marquee h1 {
-      font-size: 1.8rem;
-      letter-spacing: -0.035px; }
-    .marquee .lead {
-      font-size: 3.0rem;
-      line-height: 3.6rem;
-      margin-bottom: 0; }
-    .marquee p:not(.lead) {
-      font-family: "Omnes-ECOMP-W02-Light", Arial;
-      font-size: 1.8rem;
-      margin-bottom: 0; }
-    .marquee .btn-fullwidth {
-      margin-top: 10px;
-      width: 100%;
-      float: none; }
-    .tooltip-size-control {
-      width: 100%; }
-    .table-wrapper,
-    .accordion-table-layout {
-      margin-left: -15px;
-      margin-right: -15px; }
-    .table-wrapper caption {
-      padding-left: 15px; } }
-  
-  @media (max-width: 480px) {
-    .span1-xsm {
-      width: 7.042253521126761%; }
-    .span2-xsm {
-      width: 15.49295774647887%; }
-    .span3-xsm {
-      width: 23.94366197183099%; }
-    .span4-xsm {
-      width: 32.3943661971831%; }
-    .span5-xsm {
-      width: 40.84507042253521%; }
-    .span6-xsm {
-      width: 49.29577464788733%; }
-    .span7-xsm {
-      width: 57.74647887323944%; }
-    .span8-xsm {
-      width: 66.19718309859155%; }
-    .span9-xsm {
-      width: 74.64788732394367%; }
-    .span10-xsm {
-      width: 83.09859154929578%; }
-    .span11-xsm {
-      width: 91.54929577464789%; }
-    .span12-xsm {
-      width: 100%; }
-    .offset1-xsm {
-      margin-left: 8.450704225352113%; }
-    .offset2-xsm {
-      margin-left: 16.90140845070423%; }
-    .offset3-xsm {
-      margin-left: 25.35211267605634%; }
-    .offset4-xsm {
-      margin-left: 33.8028169%; }
-    .offset5-xsm {
-      margin-left: 42.25352113%; }
-    .offset6-xsm {
-      margin-left: 50.70422535%; }
-    .offset7-xsm {
-      margin-left: 59.15492958%; }
-    .offset8-xsm {
-      margin-left: 67.6056338%; }
-    .offset9-xsm {
-      margin-left: 76.05633803%; }
-    .offset10-xsm {
-      margin-left: 84.50704225%; }
-    .offset11-xsm {
-      margin-left: 92.95774648%; } }
-  
-  /* END RESPONSIVE-2.LESS ******************* */
-  /* BEGIN RESPONSIVE-1.LESS ************** */
-  .xxxxxxxx-begin-responsive-480px.less {
-    /* placeholder */ }
-  
-  @media (max-width: 480px) {
-    .hidden-desktop {
-      display: inherit !important; }
-    .hidden-tablet {
-      display: inherit !important; }
-    .hidden-phone {
-      display: none !important; }
-    .visible-desktop {
-      display: none !important; }
-    .visible-tablet {
-      display: none !important; }
-    .visible-phone {
-      display: inherit !important; }
-    .container {
-      width: auto;
-      padding-left: 15px;
-      padding-right: 15px; } }
-  
-  [class*="icon-primary-"],
-  .nav-links a:after,
-  .bellyband-link a:after,
-  .breadcrumb > li:after,
-  .checkbox input:checked + .skin:after,
-  .checkbox input.indeterminate + .skin:after,
-  .checkbox input:indeterminate + .skin:after,
-  .selectWrap.large:before,
-  .form-row.error .error-msg:before,
-  .close:before,
-  .reset-field:before,
-  .cssIcon-globe:before,
-  .selectWrap:after {
-    color: #0568ae;
-    left: 6px;
-    top: -3px;
-    width: 2px;
-    height: 3px;
-    border: solid white;
-    border-width: 0 3px 3px 0;
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    transform: rotate(45deg);}
-  
-  [class*="icoWeather-"], [class*="icoTrans-"], [class*="icoBubble-"], [class*="icoRetail-"], [class*="icoPeople-"], [class*="icoNumslets-"], [class*="icoLocation-"], [class*="icoHealthcare-"], [class*="icoDocuments-"], [class*="icoDevices-"], [class*="icoDatanetwork-"], [class*="icoControls-"], [class*="icoBuilding-"], [class*="icoArrows-"] {
-    color: #0568ae;
-    display: inline-block;
-    font-style: normal;
-    font-size: 20px;
-    font-weight: normal;
-    font-variant: normal;
-    font-style: normal;
-    width: 20px;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    position: relative;
-    speak: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    vertical-align: middle; }
-  
-  [class*="icon-primary-"]:before,
-  [class*="icon-primary-"]:after {
-    box-sizing: border-box;
-    display: inline-block;
-    font-size: 1em;
-    height: 1em;
-    position: relative;
-    top: 0;
-    left: 0;
-    vertical-align: middle;
-    width: 1em; }
-  
-  .icon-primary-att-globe:before,
-  .cssIcon-globe:before {
-    content: "\e900";
-    color: #44c7f5; }
-  
-  .icon-primary-hamburger:before {
-    content: "\e903"; }
-  
-  .icon-primary-secure:before {
-    content: "\e918"; }
-  
-  .icon-primary-secureL:before {
-    content: "\e919"; }
-  
-  .icon-primary-padlockopen:before {
-    content: "\e916"; }
-  
-  .icon-primary-padlockopenL:before {
-    content: "\e917"; }
-  
-  .icon-primary-shoppingcart:before {
-    content: "\e914"; }
-  
-  .icon-primary-shoppingcartL:before {
-    content: "\e915"; }
-  
-  .icon-primary-print:before {
-    content: "\e921"; }
-  
-  .icon-primary-printL:before {
-    content: "\e922"; }
-  
-  .icon-primary-mobilesmartphone:before {
-    content: "\e908"; }
-  
-  .icon-primary-mobilesmartphoneL:before {
-    content: "\e90c"; }
-  
-  .icon-primary-tablet:before {
-    content: "\e904"; }
-  
-  .icon-primary-tabletL:before {
-    content: "\e905"; }
-  
-  .icon-primary-tv:before {
-    content: "\e906"; }
-  
-  .icon-primary-tvL:before {
-    content: "\e907"; }
-  
-  .icon-primary-calendar {
-    width: 100% !important; }
-  
-  .icon-primary-calendar:before {
-    content: "\e91a";
-    z-index: 1; }
-  
-  .icon-primary-calendarL:before {
-    content: "\e91b"; }
-  
-  .icon-primary-star:before {
-    content: "\e96c"; }
-  
-  .icon-primary-close:before,
-  .close:before,
-  .reset-field:before {
-    content: "\e910"; }
-  
-  .icon-primary-down:before {
-    content: "\ea3c"; }
-  
-  
-  
-  .icon-primary-add-maximize:before {
-    content: "\e91f"; }
-  
-  
-  
-  .icon-primary-questionmark:before {
-    content: "\e90f"; }
-  
-  .icon-primary-badgealert:before,
-  .form-row.error .error-msg:before {
-    content: "\e90e"; }
-  
-  .icon-primary-approval:before {
-    content: "\e925"; }
-  
-  .icon-primary-flat-info:before {
-    content: "\e927"; }
-  
-  .icon-primary-alert:before {
-    content: "\e913"; }
-  
-  .icon-primary-tooltip:before,
-  .icon-primary-flat-faq:before {
-    content: "\e90d"; }
-  
-  .icon-primary-tooltip {
-    font-size: 20px; }
-  
-  .nav-links a:after,
-  .bellyband-link a:after,
-  .breadcrumb > li:after,
-  .icon-primary-right:before {
-    content: "\ea3c";
-    transform: rotate(-90deg); }
-  
-  .icon-primary-left:before {
-    content: "\ea3c";
-    transform: rotate(90deg); }
-  
-  .icon-primary-accordion-plus:after,
-  .icon-primary-collapsed:after,
-  .icon-primary-accordion-minus:after,
-  .icon-primary-expanded:after {
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 1; }
-  
-  .icon-primary-accordion-minus,
-  .icon-primary-expanded,
-  .icon-primary-accordion-plus,
-  .icon-primary-collapsed {
-    font-size: 20px !important; }
-  
-  :not(.ds2-no-colors) .icon-primary-accordion-minus:before,
-  :not(.ds2-no-colors) .icon-primary-expanded:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
-    content: ""; }
-  
-  :not(.ds2-no-colors) .icon-primary-accordion-plus:before,
-  :not(.ds2-no-colors) .icon-primary-collapsed:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M10.5%2015.9c-.4%200-.8-.3-.8-.8V5.9c0-.4.3-.8.8-.8s.8.3.8.8v9.3c0%20.4-.4.7-.8.7z%22%2F%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
-    content: ""; }
-  
-  .ds2-no-colors .icon-primary-accordion-minus:before,
-  .ds2-no-colors .icon-primary-expanded:before {
-    background-image: none;
-    content: "\e901"; }
-  
-  .ds2-no-colors .icon-primary-accordion-minus:after,
-  .ds2-no-colors .icon-primary-expanded:after {
-    content: "\e902"; }
-  
-  .ds2-no-colors .icon-primary-accordion-plus:before,
-  .ds2-no-colors .icon-primary-collapsed:before {
-    background-image: none;
-    content: "\e90b"; }
-  
-  .ds2-no-colors .icon-primary-accordion-plus:after,
-  .ds2-no-colors .icon-primary-collapsed:after {
-    content: "\e911"; }
-  
-  .icon-primary-circle-arrow {
-    outline: 1px solid transparent;
-    border-radius: 50%;
-    font-size: 20px !important;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
-    margin-right: 7px; }
-  
-  .icon-primary-circle-arrow:after {
-    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20baseProfile%3D%22tiny%22%3E%3Ccircle%20r%3D%2217%22%20cy%3D%2218%22%20cx%3D%2218%22%20stroke-width%3D%221%22%20fill%3D%22transparent%22%20stroke%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E");
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 2; }
-  
-  .icon-primary-circle-arrow:before {
-    border-radius: 50%;
-    content: "\ea3c";
-    font-size: 12px;
-    top: 0;
-    position: absolute;
-    transform: rotate(-90deg);
-    width: 20px;
-    z-index: 1; }
-  
-  [class*="icon-primary-"] [class*="icon-primary-"] {
-    display: inline-block;
-    float: left;
-    font-size: 1em;
-    margin-left: -1em;
-    position: absolute; }
-  
-  [class*="icon-primary-"].white, [class^="ico"][class*="-"].white {
-    color: #fff; }
-  
-  [class*="icon-primary-"].black, [class^="ico"][class*="-"].black {
-    color: #000; }
-  
-  [class*="icon-primary-"].blue, [class^="ico"][class*="-"].blue {
-    color: #0568ae; }
-  
-  [class*="icon-primary-"].green, [class^="ico"][class*="-"].green {
-    color: #007a3e; }
-  
-  @-webkit-viewport {
-    width: device-width; }
-  
-  @-moz-viewport {
-    width: device-width; }
-  
-  @-ms-viewport {
-    width: device-width; }
-  
-  @-o-viewport {
-    width: device-width; }
-  
-  @viewport {
-    width: device-width; }
-  
-  .clearfix:before,
-  .clearfix:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .clearfix:after {
-    clear: both; }
-  
-  .pull-right {
-    float: right !important; }
-  
-  .pull-left {
-    float: left !important; }
-  
-  .float-children-left:before,
-  .float-children-left:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .float-children-left:after {
-    clear: both; }
-  
-  .float-children-left > div {
-    float: left;
-    white-space: nowrap; }
-  
-  .block {
-    display: block !important; }
-  
-  .inline {
-    display: inline !important; }
-  
-  .inline-block {
-    display: inline-block !important; }
-  
-  
-  @media (max-width: 767px) {
-    .full-bleed {
-      width: auto;
-      margin-left: -15px;
-      margin-right: -15px;
-      padding: 15px; } }
-  
-  @media (min-width: 768px) {
-    .full-bleed {
-      width: auto;
-      margin-left: -20px;
-      margin-right: -20px;
-      padding: 20px; } }
-  
-  @media (max-width: 480px) {
-    .full-bleed {
-      width: auto;
-      margin-left: -15px;
-      margin-right: -15px;
-      padding: 0 15px; } }
-  
-  .fade {
-    opacity: 0;
-    filter: alpha(opacity=0);
-    transition: opacity .15s linear; }
-  
-  .fade.in {
-    opacity: 1;
-    filter: alpha(opacity=100); }
-  
-  .b2bCollapse {
-    display: none; }
-  
-  .collapse.in {
-    height: auto; }
-  
-  .nowrap {
-    white-space: nowrap; }
-  
-  .pre {
-    white-space: pre; }
-  
-  .hidden-spoken {
-    border: 0 none !important;
-    clip: rect(0px, 0px, 0px, 0px) !important;
-    height: 1px !important;
-    letter-spacing: 0;
-    line-height: 0;
-    overflow: hidden !important;
-    margin-top: -1px;
-    padding: 0 !important;
-    position: absolute !important;
-    width: 1px !important; }
-  
-  [data-sr-text].hidden-spoken:before {
-    border: 0 none !important;
-    content: attr(data-sr-text);
-    clip: rect(0px, 0px, 0px, 0px) !important;
-    height: 1px !important;
-    letter-spacing: 0;
-    line-height: 0;
-    overflow: hidden !important;
-    padding: 0 !important;
-    position: absolute !important;
-    width: 100% !important;
-    z-index: -1; }
-  
-  [data-sr-text].hidden-spoken {
-    position: relative !important;
-    width: auto !important; }
-  
-  [data-show-between] {
-    display: none;
-    visibility: hidden; }
-  
-  .noscroll-y {
-    overflow-y: hidden !important; }
-  
-  .invisible {
-    visibility: hidden !important;
-    opacity: 0 !important; }
-  
-  .transparent {
-    background-color: rgba(255, 255, 255, 0) !important; }
-  
-  .hide {
-    display: none !important; }
-  
-  .show {
-    display: block !important; }
-  
-  .rel {
-    position: relative !important; }
-  
-  .legend-pad {
-    padding: 0 15px; }
-  
-  .border-top {
-    border-top-width: 1px !important; }
-  
-  .border-left {
-    border-left-width: 1px !important; }
-  
-  .border-right {
-    border-right-width: 1px !important; }
-  
-  .border-bottom {
-    border-bottom-width: 1px !important; }
-  
-  .border-dark {
-    border-color: #000; }
-  
-  .border-light {
-    border-color: #fff; }
-  
-  .no-border-top {
-    border-top-width: 0 !important; }
-  
-  .no-border-left {
-    border-left-width: 0 !important; }
-  
-  .no-border-right {
-    border-right-width: 0 !important; }
-  
-  .no-border-bottom {
-    border-bottom-width: 0 !important; }
-  
-  .align-middle {
-    margin: 0 auto !important; }
-  
-  .align-top {
-    position: absolute;
-    top: 0; }
-  
-  .align-bottom {
-    position: absolute;
-    bottom: 0; }
-  
-  .valign-top {
-    vertical-align: top !important; }
-  
-  .valign-middle {
-    vertical-align: middle !important; }
-  
-  .valign-bottom {
-    vertical-align: bottom !important; }
-  
-  .align-children-middle > * {
-    margin: 0 auto; }
-  
-  [class*="valign-children-"] {
-    display: table; }
-  
-  [class*="valign-children-"] > * {
-    display: table-cell; }
-  
-  .valign-children-top > * {
-    vertical-align: top; }
-  
-  .valign-children-middle > * {
-    vertical-align: middle; }
-  
-  .valign-children-bottom > * {
-    vertical-align: bottom; }
-  
-  .no-pad {
-    padding: 0 !important; }
-  
-  .top-space {
-    margin-top: 60px !important; }
-  
-  .bottom-space {
-    margin-bottom: 60px !important; }
-  
-  .top-pad {
-    padding-top: 60px !important; }
-  
-  .bottom-pad {
-    padding-bottom: 60px !important; }
-  
-  @media (max-width: 767px) {
-    .top-space {
-      margin-top: 30px !important; }
-    .bottom-space {
-      margin-bottom: 30px !important; }
-    .top-pad {
-      padding-top: 30px !important; }
-    .bottom-pad {
-      padding-bottom: 30px !important; } }
-  
-  .affix {
-    position: fixed; }
-  
-  .img-landscape,
-  .img-portrait {
-    position: relative; }
-  
-  @media (orientation: landscape) {
-    .img-landscape {
-      display: block; }
-    .img-portrait {
-      display: none !important; } }
-  
-  @media (orientation: portrait) {
-    .img-landscape {
-      display: none !important; }
-    .img-portrait {
-      display: block; } }
-  
-  .dark-bg {
-    background-color: #222222; }
-  
-  /* ... JAVASCRIPT HOOKS .................
-     ... used by javascript ............... */
-  .autoSize,
-  .autoSize-this {
-    position: relative; }
-  
-  .truncate {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis; }
-  
-  .placeholdersjs {
-    color: #5a5a5a !important; }
-  
-  .jshook-return-focus-here {
-    display: block; }
-  
-  .visible-print {
-    display: none !important; }
-  
-  .hidden-print {
-    display: inherit !important; }
-  
-  @media print {
-    .visible-print {
-      display: inherit !important; }
-    .hidden-print {
-      display: none !important; }
-    * {
-      color: #000 !important;
-      background: transparent !important;
-      box-shadow: none !important; }
-    a,
-    a:visited {
-      text-decoration: underline; }
-    pre,
-    blockquote {
-      border: 1px solid #000;
-      page-break-inside: avoid; }
-    thead {
-      display: table-header-group; }
-    tr,
-    img {
-      page-break-inside: avoid; }
-    img {
-      max-width: 100% !important; }
-    @page {
-      margin: 0.5cm; }
-    p,
-    h2,
-    h3 {
-      orphans: 3;
-      widows: 3; }
-    h2,
-    h3 {
-      page-break-after: avoid; } }
-  
-  .mar-top-0 {
-    margin-top: 0px; }
-  
-  .mar-top-30 {
-    margin-top: 30px; }
-  
-  a:focus {
-    outline: thin dotted #191919; }
-  
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-weight: normal;
-    text-rendering: optimizeLegibility;
-    margin: 0;
-    line-height: 1; }
-  
-  .heading-page {
-    font-size: 3.8rem !important;
-    font-family: "Omnes-ECOMP-W02-Light", Arial;
-    margin-bottom: 40px; }
-  
-  h1.heading-page.ng-scope {}
-  
-  .heading-major-section {
-    font-size: 3rem !important;
-    font-family: "Omnes-ECOMP-W02-Light", Arial;
-    margin-bottom: 40px !important; }
-  
-  .heading-sub-section {
-    font-size: 2.4rem !important;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 40px; }
-  
-  .heading-group {
-    font-size: 2rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #ea7400;
-    margin-bottom: 20px !important; }
-  
-  .heading-medium {
-    font-size: 2rem !important;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-medium-emphasis {
-    font-size: 2rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-small {
-    font-size: 1.8rem !important;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-small-emphasis {
-    font-size: 1.8rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-micro {
-    font-size: 1.3rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    text-transform: uppercase;
-    color: #da0081;
-    margin-bottom: 10px; }
-  
-  * + .heading-major-section {
-    margin-top: 60px; }
-  
-  * + .heading-sub-section {
-    margin-top: 60px; }
-  
-  * + .heading-group {
-    margin-top: 40px !important; }
-  
-  * + .heading-medium {
-    margin-top: 40px; }
-  
-  * + .heading-medium-emphasis {
-    margin-top: 40px; }
-  
-  * + .heading-small {
-    margin-top: 40px; }
-  
-  * + .heading-small-emphasis {
-    margin-top: 40px; }
-  
-  * + .heading-micro {
-    margin-top: 20px; }
-  
-  .lead {
-    color: #666;
-    font-family: "Omnes-ECOMP-W02-Light-Italic", Arial;
-    font-size: 2.4rem;
-    line-height: 2.8rem;
-    margin-top: 10px;
-    letter-spacing: -0.024rem; }
-  
-  .eyebrow {
-    text-transform: uppercase;
-    line-height: .65 !important; }
-  
-  .eyebrow,
-  .subheading {
-    font-size: 1.4rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #666; }
-  
-  .eyebrow + .heading-major-section,
-  .eyebrow + .heading-sub-section {
-    margin-top: 4px; }
-  
-  .subheading {
-    margin-top: 10px; }
-  
-  @media (max-width: 767px) {
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6,
-    .heading-page {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 30px; }
-    .heading-major-section {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 30px; }
-    .heading-sub-section {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px; }
-    .heading-medium {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px; }
-    .heading-medium-emphasis {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px; }
-    .heading-small {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 10px; }
-    .heading-small-emphasis {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      margin-bottom: 5px; }
-    * + .heading-major-section {
-      margin-top: 30px; }
-    * + .heading-sub-section {
-      margin-top: 30px; }
-    * + .heading-group {
-      margin-top: 20px; }
-    * + .heading-medium {
-      margin-top: 20px; }
-    * + .heading-medium-emphasis {
-      margin-top: 20px; }
-    * + .heading-small {
-      margin-top: 20px; }
-    * + .heading-small-emphasis {
-      margin-top: 20px; }
-    * + .heading-micro {
-      margin-top: 10px; } }
-  
-  /* Standard Type styles */
-  .zeromargin {
-    margin: 0 !important; }
-  
-  a {
-    color: #0568ae;
-    text-decoration: none; }
-  
-  a:hover,
-  a:focus {
-    text-decoration: underline; }
-  
-  a:active {
-    color: #0568ae; }
-  
-  .a-min {
-    font-size: 12px; }
-  
-  .a-small {
-    font-size: 14px; }
-  
-  .a-max {
-    font-size: 18px; }
-  
-  a.show-qualifier {
-    margin-right: 25px;
-    position: relative; }
-  
-  a.show-qualifier:after {
-    color: #333333;
-    display: inline-block;
-    white-space: pre !important; }
-  
-  a[href$="pdf"].show-qualifier:after,
-  a.show-qualifier.pdf:after {
-    content: " (PDF)"; }
-  
-  a[href$="psd"].show-qualifier:after,
-  a.show-qualifier.psd:after {
-    content: " (PSD)"; }
-  
-  .standalone-link {
-    display: flex; }
-  
-  /* 20px for the icon, 10px left of icon */
-  .standalone-link.small {
-    font-size: 1.4rem; }
-  
-  .standalone-link.small i[class*="icon-primary-"] {
-    font-size: 16px;
-    top: 2px; }
-  
-  .standalone-link.large {
-    font-size: 1.8rem; }
-  
-  .standalone-link.large i[class*="icon-primary-"] {
-    font-size: 24px;
-    top: -1px; }
-  
-  p {
-    margin: 0 0 12px 0;
-    line-height: 2rem; }
-  
-  .p-small {
-    font-size: 1.4rem;
-    line-height: 1.8rem; }
-  
-  p + .p-small {
-    margin: 10px 0 0; }
-  
-  .p-micro {
-    font-size: 1.2rem;
-    line-height: 1.5rem; }
-  
-  p + .p-micro {
-    margin: 10px 0 0; }
-  
-  .p-max {
-    font-size: 1.8rem; }
-  
-  p + .p-max {
-    margin: 10px 0 0; }
-  
-  b,
-  strong {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: normal; }
-  
-  i,
-  em {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal; }
-  
-  .strike {
-    text-decoration: line-through; }
-  
-  sup {
-    display: inline-block;
-    font-style: normal;
-    height: 1em;
-    position: relative;
-    vertical-align: text-top;
-    width: auto; }
-  
-  .text-legal {
-    color: #5a5a5a;
-    font-size: 1.1rem;
-    line-height: 1.5rem;
-    margin: 0 0 10px; }
-  
-  .text-legal.legal-module {
-    line-height: 1.3rem;
-    margin: 0 0 12px; }
-  
-  .text-legal b,
-  .text-legal strong {
-    font-weight: bold; }
-  
-  .text-legal a {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .text-left {
-    text-align: left !important; }
-  
-  .text-right {
-    text-align: right !important; }
-  
-  .text-center {
-    text-align: center !important; }
-  
-  .text-justified {
-    text-align: justify !important; }
-  
-  ul {
-    padding: 0;
-    margin: 0;
-    list-style: none; }
-  
-  ul.bullet,
-  ul.no-bullet,
-  ul.lower-alpha,
-  ul.lower-roman,
-  ol {
-    padding: 0;
-    margin: 12px 0 0 20px; }
-  
-  ul.bullet li,
-  ul.no-bullet li,
-  ul.lower-alpha li,
-  ul.lower-roman li,
-  ol li {
-    padding-left: 15px;
-    line-height: 20px;
-    position: relative; }
-  
-  ul.bullet li + li,
-  ul.no-bullet li + li,
-  ul.lower-alpha li + li,
-  ul.lower-roman li + li,
-  ol li + li {
-    margin-top: 12px; }
-  
-  ul.bullet > li:before,
-  ul.no-bullet > li:before,
-  ul.lower-alpha > li:before,
-  ul.lower-roman > li:before,
-  ol > li:before {
-    background-color: #333333;
-    border: 2px solid #333333;
-    border-radius: 100%;
-    content: " ";
-    display: block;
-    height: 1px;
-    left: 0;
-    position: absolute;
-    top: 8px;
-    width: 1px; }
-  
-  ul.bullet ul,
-  ul.no-bullet ul,
-  ul.lower-alpha ul,
-  ul.lower-roman ul,
-  ol ul,
-  ul.bullet ol,
-  ul.no-bullet ol,
-  ul.lower-alpha ol,
-  ul.lower-roman ol,
-  ol ol {
-    margin-top: 12px; }
-  
-  ul + *,
-  ol + * {
-    margin-top: 20px; }
-  
-  ul.no-bullet,
-  ul.lower-alpha,
-  ul.lower-roman {
-    margin: 0; }
-  
-  ul.no-bullet > li,
-  ul.lower-alpha > li,
-  ul.lower-roman > li {
-    padding-left: 0; }
-  
-  ul.no-bullet > li:before,
-  ul.lower-alpha > li:before,
-  ul.lower-roman > li:before {
-    display: none !important; }
-  
-  ol {
-    margin: 20px 0 0 32px; }
-  
-  ol li {
-    padding-left: 3px; }
-  
-  ol li:before {
-    display: none; }
-  
-  ol ol {
-    margin-left: 25px; }
-  
-  ol ul {
-    margin-left: -5px; }
-  
-  ul ul,
-  ul ol,
-  ol ol,
-  ol ul {
-    margin-top: 0; }
-  
-  ul.lower-roman {
-    list-style-type: lower-roman;
-    margin-top: 12px;
-    margin-left: 35px;
-    margin-bottom: 0; }
-  
-  ul.lower-alpha {
-    list-style-type: lower-alpha;
-    margin-top: 12px;
-    margin-left: 35px;
-    margin-bottom: 0; }
-  
-  dl {
-    display: table;
-    margin: 0 0 20px;
-    width: 100%; }
-  
-  dt,
-  dd {
-    display: table-cell; }
-  
-  .btn {
-    background-color: transparent;
-    background-clip: padding-box;
-    border: 1px solid transparent;
-    border-radius: 8px;
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
-    cursor: pointer;
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 0.5rem;
-    font-weight: normal;
-    line-height: 1;
-    margin: 0 7px 10px 0;
-  
-  
-    padding: 14px 19px 11px 18px;
-    position: relative;
-    text-align: center;
-    vertical-align: middle;
-    white-space: nowrap;
-    overflow: hidden; }
-    .btn:focus {
-      outline: 1px dotted #000;
-      outline-offset: -5px; }
-    .btn:last-child {
-      margin-right: 0; }
-    .btn::-moz-focus-inner {
-      padding: 0;
-      border: 0; }
-    .btn i[class*="icon-primary-"].icon-primary-small {
-      font-size: 24px;
-      top: -2px; }
-    .btn i[class*="icon-primary-"].icon-primary-medium {
-      font-size: 10px;
-      top: -2px; }
-    .btn i[class*="icon-primary-"].icon-primary-large {
-      font-size: 10px;
-      top: -2px; }
-  
-  a.btn {
-    vertical-align: middle; }
-    a.btn:hover {
-      text-decoration: none; }
-  
-  .field-group + .btn {
-    margin-left: 20px; }
-  
-  .btn-primary {
-    border-color: #ea7400 transparent #d16500;
-    background-color: #ea7400 transparent #d16500;
-    background: linear-gradient(to bottom, #ea7400 0%, #d16500 100%);
-    color: #ffffff;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-weight: bold; }
-    .btn-primary:hover {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-primary:focus {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-primary:active {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-  
-  .btn-arrow {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.6rem;
-    font-weight: normal;
-    background-color: transparent;
-    border: none;
-    padding: 5px 0 0;
-    top: -4px;
-    color: #333333;
-    position: relative; }
-    .btn-arrow:hover {
-      text-decoration: underline; }
-      .btn-arrow:hover .btn-primary {
-        text-decoration: none;
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-      .btn-arrow:hover .btn-secondary {
-        color: #0568ae;
-        outline-color: #000000 !important;
-        background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-      .btn-arrow:hover .btn-alt {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-      .btn-arrow:hover .btn-specialty {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-arrow:focus {
-      text-decoration: underline;
-      outline: 1px dotted #666; }
-      .btn-arrow:focus .btn-primary {
-        text-decoration: none;
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-      .btn-arrow:focus .btn-secondary {
-        color: #0568ae;
-        outline-color: #000000 !important;
-        background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-      .btn-arrow:focus .btn-alt {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-      .btn-arrow:focus .btn-specialty {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-arrow:active .btn-primary {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-arrow:active .btn-secondary {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-arrow:active .btn-alt {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-    .btn-arrow:active .btn-specialty {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-arrow .btn-alt {
-      border-color: #087ac2 transparent #0568ae;
-      background-color: #0568ae;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-      color: #ffffff; }
-      .btn-arrow .btn-alt:hover {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-      .btn-arrow .btn-alt:focus {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-      .btn-arrow .btn-alt:active {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-arrow::-moz-focus-inner {
-      padding: 0;
-      border: 0; }
-    .btn-arrow .btn {
-      border: 1px solid transparent;
-      border-radius: 100%;
-      height: 20px;
-      margin-bottom: 0;
-      margin-right: 7px;
-      max-width: 20px;
-      min-width: 20px;
-      padding: 0;
-      margin-top: -4px;
-      vertical-align: middle;
-      width: 36px; }
-      .btn-arrow .btn .icon-primary-left {
-        bottom: 0;
-        display: block;
-        height: 100%;
-        left: 0;
-        line-height: 0;
-        position: absolute;
-        right: 0;
-        text-indent: 0;
-        top: 0; }
-        .btn-arrow .btn .icon-primary-left:before {
-          position: absolute;
-          font-size: 1.6rem;
-          left: 1px;
-          top: 9px; }
-      .btn-arrow .btn .icon-primary-right {
-        bottom: 0;
-        display: block;
-        height: 100%;
-        left: 0;
-        line-height: 0;
-        position: absolute;
-        right: 0;
-        text-indent: 0;
-        top: 0;
-        color: #ffffff; }
-        .btn-arrow .btn .icon-primary-right:before {
-          position: absolute;
-          font-size: 1.6rem;
-          left: 17px;
-          top: 9px; }
-    .btn-arrow .btn.btn-primary .icon-primary-left {
-      color: #fff; }
-    .btn-arrow .btn.btn-primary .icon-primary-right {
-      color: #fff; }
-    .btn-arrow .btn.btn-alt .icon-primary-left {
-      color: #fff; }
-    .btn-arrow .btn.btn-alt .icon-primary-right {
-      color: #fff; }
-    .btn-arrow .btn.btn-secondary {
-      border: 1px solid #d2d2d2; }
-      .btn-arrow .btn.btn-secondary .icon-primary-left {
-        color: #0568ae; }
-      .btn-arrow .btn.btn-secondary .icon-primary-right {
-        color: #0568ae; }
-    .btn-arrow .btn.btn-small {
-      height: 10px;
-      
-      
-      width: 10px;
-      top: -1px; }
-      .btn-arrow .btn.btn-small .icon-primary-left:before {
-        font-size: 5px;
-        top: 4px;
-        left: 0; }
-      .btn-arrow .btn.btn-small .icon-primary-right:before {
-        font-size: 5px;
-        top: 4px;
-        left: 10px; }
-    .btn-arrow .btn.btn-large .icon-primary-left:before {
-      font-size: 112%;
-      top: 12px;
-      left: 23px; }
-    .btn-arrow .btn.btn-large .icon-primary-right:before {
-      font-size: 112%;
-      top: 12px;
-      left: 23px; }
-  
-  .btn-secondary {
-    border: 1px solid #d2d2d2;
-    background-color: #f2f2f2;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    color: #0568ae;
-    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    padding: 14px 18px 11px 17px; }
-    .btn-secondary:hover {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-secondary:focus {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-secondary:active {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-  
-  .btn-alt {
-    border-color: #087ac2 transparent #0568ae;
-    background-color: #0568ae;
-    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-    color: #ffffff; }
-    .btn-alt:hover {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-alt:focus {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-alt:active {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-  
-  .btn-specialty {
-    border-color: #008744 transparent #007a3e;
-    background-color: #007a3e;
-    background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-    color: #ffffff; }
-    .btn-specialty:hover {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-specialty:focus {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-specialty:active {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  
-  .btn-clear {
-    background: transparent !important;
-    border-color: transparent !important;
-    font-weight: normal;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    box-shadow: none;
-    text-decoration: none;
-    color: #0568ae; }
-    .btn-clear:focus {
-      text-decoration: underline; }
-    .btn-clear:hover {
-      text-decoration: underline; }
-  
-  .isIE .btn:focus {
-    outline: none !important;
-    text-decoration: none !important; }
-    .isIE .btn:focus:after {
-      display: block;
-      content: "";
-      position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
-      bottom: 4px;
-      border: 1px dotted #000; }
-  
-  .isIE .btn:active {
-    outline: none !important;
-    text-decoration: none !important; }
-    .isIE .btn:active:after {
-      display: block;
-      content: "";
-      position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
-      bottom: 4px;
-      border: 1px dotted #000; }
-  
-  .isIE .btn.active {
-    outline: none !important;
-    text-decoration: none !important; }
-    .isIE .btn.active:not(:focus):after {
-      border: 1px solid #000; }
-    .isIE .btn.active:after {
-      display: block;
-      content: "";
-      position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
-      bottom: 4px;
-      border: 1px dotted #000; }
-  
-  .isIE .btn.btn-primary:focus:after {
-    border: 2px dashed #fff; }
-  
-  .isIE .btn.btn-specialty:focus:after {
-    border: 2px dashed #fff; }
-  
-  .isIE .btn.btn-alt:focus:after {
-    border: 2px dashed #fff; }
-  
-  .btn.disabled {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn.disabled:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn.disabled:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn[disabled] {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn[disabled]:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn[disabled]:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn[disabled="disabled"] {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn[disabled="disabled"]:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn[disabled="disabled"]:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn-arrow[disabled] .btn {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn-arrow[disabled] .btn:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn-arrow[disabled] .btn:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn-arrow[disabled] .icon-primary-left {
-    color: #fff !important; }
-  
-  .btn-arrow[disabled] .icon-primary-right {
-    color: #fff !important; }
-  
-  .btn-arrow.disabled .btn {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn-arrow.disabled .btn:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn-arrow.disabled .btn:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn-arrow.disabled .icon-primary-left {
-    color: #fff !important; }
-  
-  .btn-arrow.disabled .icon-primary-right {
-    color: #fff !important; }
-  
-  .btn-medium {
-    padding: 12px 19px 11px 18px;
-    font-size: 1.7rem; }
-  
-  .btn-small {
-    /* padding: 10px 19px 9px 18px; */
-    font-size: 1.5rem;
-    border-radius: 8px; }
-  
-  .btn-fullwidth {
-    width: 100%; }
-  
-  *:not(.btn-arrow) > .btn > i[class*="icon-primary-"] {
-    margin-top: -20px;
-    margin-bottom: -20px; }
-  
-  .enhanced-cta-group {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-direction: row-reverse;
-    flex-direction: row-reverse;
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3A%23959595%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important;
-    background-position: 0 -1px;
-    background-repeat: repeat-x; }
-    .enhanced-cta-group > .cta-button-group {
-      border-top: 0;
-      background-image: none !important; }
-      .enhanced-cta-group > .cta-button-group + .cta-button-group a {
-        font-size: 1.4rem;
-        line-height: 1em; }
-        .enhanced-cta-group > .cta-button-group + .cta-button-group a a {
-          margin-right: 0; }
-      .enhanced-cta-group > .cta-button-group hr {
-        min-height: 14px; }
-      .enhanced-cta-group > .cta-button-group + .cta-button-group {
-        -ms-flex-align: center;
-        -ms-grid-row-align: center;
-        align-items: center;
-        -ms-flex-direction: row;
-        flex-direction: row;
-        padding: 10px 0; }
-  
-  .cta-button-group {
-    text-align: right;
-    -ms-flex-align: baseline;
-    align-items: baseline;
-    padding: 20px 0 10px;
-    width: 100%; }
-    .cta-button-group.nodots {
-      background-image: none !important; }
-    .cta-button-group .hidden-phone {
-      margin-right: 14px; }
-    .cta-button-group .btn + .btn {
-      margin-right: 20px !important; }
-    .cta-button-group .btn:not(.hidden-phone):not(.visible-phone) {
-      margin-right: 0; }
-  
-  .isMobile .btn-arrow .btn.btn-small .icon-primary-left:before {
-    left: -1px; }
-  
-  .isMobile .btn-arrow .btn.btn-large .icon-primary-left:before {
-    left: 24px; }
-  
-  .isMobile .btn-arrow .btn.btn-large .icon-primary-right:before {
-    left: 24px; }
-  
-  @media (max-width: 1024px) {
-    .field-group + .btn {
-      margin-left: 15px; } }
-  
-  @media (max-width: 767px) {
-    .cta-button-group {
-      text-align: center; }
-      .cta-button-group > .btn {
-        display: block;
-        float: none;
-        width: 100%;
-        margin-left: auto !important;
-        margin-right: auto !important; } }
-  
-  .btn-group {
-    border-radius: 8px;
-    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-    margin-bottom: 10px;
-    max-width: 470px;
-    min-width: 290px;
+    overflow: scroll;
+}
+table{
+width: 100%;
+}
+
+tr {
+    width: 50%;
+}
+
+th{
+    width: 50%;
+}
+
+td{
+    width: 50%;
+}
+
+label{
+    size: 70px;
+}
+.field-group {
     position: relative;
-    vertical-align: middle;
-    width: 100%; }
-    .btn-group > .btn {
-      box-shadow: none;
-      -ms-flex: 1;
-      flex: 1;
-      position: relative;
-      float: left;
-      margin-right: -1px;
-      margin-bottom: 0;
-      padding-left: 0;
-      padding-right: 0;
-      text-align: center; }
-    .btn-group:not([data-select-color]) .btn.active:not(:first-child) {
-      margin-right: -1px;
-      border-left: 1px solid #d2d2d2 !important; }
-    .btn-group:not([data-select-color]) .btn[disabled]:not(:first-child) {
-      border-left: 1px solid #d2d2d2 !important; }
-    .btn-group:not([data-select-color]) .btn[disabled] + .btn[disabled] {
-      border-left: 1px solid #ebebeb !important; }
-    .btn-group:not([data-select-color]) > .btn.active {
-      border-color: #087ac2 transparent #0568ae;
-      background-color: #0568ae;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-      color: #ffffff; }
-      .btn-group:not([data-select-color]) > .btn.active:hover {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: #0563a6;
-        border-color: #0563a6; }
-      .btn-group:not([data-select-color]) > .btn.active:focus {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: #0563a6;
-        border-color: #0563a6; }
-      .btn-group:not([data-select-color]) > .btn.active:active {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: #0563a6;
-        border-color: #0563a6; }
-    .btn-group:not([data-select-color]) > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
-      border-radius: 0; }
-    .btn-group:not([data-select-color]) > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0; }
-    .btn-group:not([data-select-color]) > .btn:last-child:not(:first-child) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0; }
-    .btn-group:not([data-select-color]) > .dropdown-toggle:not(:first-child) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0; }
-    .btn-group > .active {
-      text-decoration: none;
-      outline: 1px dotted transparent; }
-      .btn-group > .active:focus {
-        outline: 1px dotted #ffffff; }
-  
-  .btn-group.btn-fullwidth > .btn {
-    -ms-flex: 1;
-    flex: 1; }
-  
-  .btn-group[data-select-color] {
-    margin-top: 5px;
-    box-shadow: none;
-    -ms-flex-pack: start;
-    justify-content: flex-start;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap; }
-    .btn-group[data-select-color] .btn {
-      border: 1px solid #959595;
-      border-radius: 4px;
-      box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-      margin-right: 10px;
-      margin-bottom: 10px;
-      height: 40px;
-      font-size: 16px;
-      color: #333333;
-      max-width: 60px;
-      min-width: 60px;
-      -ms-flex: 0;
-      flex: 0; }
-    .btn-group[data-select-color] > .btn.active:focus {
-      outline: 1px dotted #191919;
-      outline-offset: 4px; }
-  
-  button .btn-fill {
-    background-clip: padding-box;
-    border: 0;
-    border-radius: 4px;
-    bottom: 0;
-    display: block;
-    height: auto;
-    left: 0;
-    margin: 5px;
-    position: absolute;
-    right: 0;
-    top: 0;
-    width: auto; }
-  
-  button .btn-fill[style*="#fff"] {
-    border: 1px solid #d2d2d2; }
-  
-  [data-select-color] .btn.active {
-    background: none !important;
-    outline: 0;
-    margin-right: 10px;
-    border-width: 3px;
-    color: #333333;
-    line-height: 12px; }
-    [data-select-color] .btn.active > .btn-fill {
-      margin: 3px; }
-    [data-select-color] .btn.active:hover {
-      color: #333333; }
-  
-  [data-select-color] .btn:active {
-    background: none !important;
-    outline: 0;
-    margin-right: 10px;
-    border-width: 3px;
-    color: #333333;
-    line-height: 12px; }
-    [data-select-color] .btn:active > .btn-fill {
-      margin: 3px; }
-    [data-select-color] .btn:active:hover {
-      color: #333333; }
-  
-  .btn-group[data-select-color="orange"] > .btn.active {
-    border-color: #ea7400; }
-  
-  .btn-group[data-select-color="blue"] > .btn.active {
-    border-color: #0568ae; }
-  
-  .btn-group[data-select-color="green"] > .btn.active {
-    border-color: #007a3e; }
-  
-  .btn-spinbutton-toggle.btn-group {
-    display: block !important;
-    height: 40px !important;
-    margin-top: 5px;
-    max-width: 138px;
-    min-width: 138px;
-    white-space: nowrap; }
-  
-  .btn-spinbutton-toggle .btn {
-    border-radius: 6px;
-    font-weight: normal;
-    -ms-flex: unset;
-    flex: unset;
-    height: 40px;
-    letter-spacing: normal;
-    min-width: auto;
-    padding: 3px 0 0;
-    text-align: center;
-    min-width: 46px;
-    width: 46px; }
-  
-  .btn-spinbutton-toggle .btn[data-max-value] {
-    border-bottom: 1px solid #d2d2d2;
-    border-top: 1px solid #d2d2d2;
-    box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-    background-color: #fff;
-    cursor: text;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 2rem;
-    font-weight: normal;
-    padding: 4px 0 0;
-    text-align: center;
-    min-width: 46px !important;
-    width: 46px; }
-    .btn-spinbutton-toggle .btn[data-max-value]:focus {
-      border-color: #0568ae;
-      outline: none; }
-      .btn-spinbutton-toggle .btn[data-max-value]:focus + .btn {
-        border-left: 1px solid #0568ae;
-        transition: border 0.3s linear 0s; }
-  
-  .btn-spinbutton-toggle .icon-primary-subtractminimize {
-    font-size: 30px !important;
-    color: #0568ae !important; }
-  
-  .btn-spinbutton-toggle .icon-primary-add-maximize {
-    font-size: 30px !important;
-    color: #0568ae !important; }
-  
-  .btn-spinbutton-toggle .btn[disabled].icon-primary-subtractminimize {
-    background-color: #d2d2d2;
-    color: #767676 !important; }
-  
-  .btn-spinbutton-toggle .btn[disabled].icon-primary-add-maximize {
-    background-color: #d2d2d2;
-    color: #767676 !important; }
-  
-  .btn-spinbutton-toggle input.btn[disabled] {
-    background-color: #d2d2d2;
-    color: #5a5a5a;
-    cursor: not-allowed; }
-  
-  .btn-group.btn-spinbutton-toggle .btn[disabled] + .btn[disabled] {
-    border-left: 1px solid #f0f0f0 !important; }
-  
-  .btn-group.btn-spinbutton-toggle .btn[data-max-value]:focus + .btn:not(:first-child) {
-    border-left: 1px solid #0568ae !important; }
-  
-  @media (max-width: 480px) {
-    .btn-group:not([data-select-color]) > .btn {
-      font-size: 1.3rem;
-      min-width: auto; } }
-  
-  .reset-field,
-  .close {
-    float: right;
-    background: none;
-    width: 34px;
-    height: 34px;
-    padding: 0;
-    overflow: hidden;
-    display: inline-block; }
-  
-  .reset-field {
-    display: none; }
-  
-  .reset-field:before {
-    font-size: 22px;
-    color: #5a5a5a; }
-  
-  .input-emphasized + .reset-field:before {
-    font-size: 29px;
-    color: #5a5a5a; }
-  
-  .reset-field:active,
-  .reset-field:hover,
-  .reset-field:focus {
-    display: block !important; }
-  
-  button.close {
-    border: 0;
-    appearance: none; }
-  
-  .corner-button {
-    box-shadow: 0 -50px 0 0 #f2f2f2 inset;
-    height: 69px;
-    /*overflow: hidden;*/
-    position: absolute;
-    right: -35px;
-    top: -35px;
-    transform: rotate(45deg);
-    width: 69px; }
-  
-  .corner-button .close:before {
-    bottom: -7px;
-    color: #0568ae;
     display: block;
-    font-size: 20px;
-    height: 50px;
-    left: -11px;
-    position: absolute;
-    width: 50px; }
-  
-  .corner-button .close {
-    float: none;
-    height: 45px;
-    margin: 0;
-    position: absolute;
-    right: 12px;
-    top: 45px;
-    transform: rotate(45deg);
-    width: 45px; }
-  
-  .corner-button .close:focus {
-    outline: 1px dotted black; }
-  
-  .ds2-no-colors .corner-button .close {
-    border: 1px solid black; }
-  
-  .field-group input + .reset-field {
+}
+.field-group input.input-emphasized[type="search"] + .reset-field:after {
+    top: 14px; }
+.field-group input + .reset-field {
     background: none;
     height: 36px;
     width: 45px;
@@ -2851,188 +57,30 @@
     box-shadow: none;
     border: none;
     content: " "; }
-  
-  .field-group input[type="search"] + .reset-field,
-  .field-group input[type="search"] + .btn-search + .reset-field,
-  .tooltip-onclick input + .reset-field,
-  .tooltip-onclick input + .icon-primary-tooltip + .reset-field,
-  .tooltip-onclick textarea + .reset-field,
-  .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
-    right: 45px; }
-  
-  .field-group input[type="search"] + .reset-field:after,
-  .field-group input[type="search"] + .btn-search + .reset-field:after,
-  .tooltip-onclick input + .reset-field:after,
-  .tooltip-onclick input + .icon-primary-tooltip + .reset-field:after,
-  .tooltip-onclick textarea + .reset-field:after,
-  .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field:after {
-    background-color: #d2d2d2;
-    content: "";
-    display: block;
+label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
+    margin-top: 5px;
+}
+.defaultFontSize{
+    font-size: 16px;
+    width: 800px;
+    height: 40px;
+}
+input {
+    width: 800px;
     height: 20px;
-    position: absolute;
-    right: 0;
-    top: 8px;
-    width: 1px; }
-  
-  .tooltip-onclick input + .reset-field,
-  .tooltip-onclick input + .icon-primary-tooltip + .reset-field {
-    right: 50px !important; }
-  
-  .tooltip-onclick textarea + .reset-field,
-  .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
-    right: 45px !important;
-    width: 40px; }
-  
-  .field-group input.input-emphasized + .reset-field {
-    width: 45px;
-    height: 46px;
-    right: 6px; }
-  
-  .field-group input.input-emphasized + .reset-field:after {
-    top: 14px; }
-  
-  .field-group [disabled] + .reset-field {
-    display: none; }
-  
-  .ds2_touchevents .field-group input + .reset-field:focus,
-  .ds2_touchevents .field-group input:focus + .reset-field,
-  .ds2_touchevents textarea:focus + .reset-field,
-  .ds2_touchevents textarea + .reset-field:focus {
-    display: block;
-    position: absolute;
-    right: 0px;
-    top: 0;
-    border: none; }
-  
-  .ds2_touchevents .field-group input {
-    padding: 8px 55px 8px 15px;
-    -webkit-appearance: none; }
-  
-  .ds2_touchevents textarea:focus {
-    padding: 15px 55px 15px 15px; }
-  
-  .ds2_touchevents textarea:focus + .reset-field {
-    border: none;
-    position: absolute;
-    right: 6px;
-    top: 5px; }
-  
-  .ds2_touchevents textarea.hasScrollbar:focus {
-    padding: 15px 35px 15px 15px; }
-  
-  .ds2_touchevents textarea.hasScrollbar:focus + .reset-field {
-    right: 22px; }
-  
-  .ds2-no-colors .b2b-tmpl-card-corner-button {
-    border: none !important; }
-  
-  .ds2-no-colors .b2b-tmpl-card-corner-button .close {
-    border: 1px solid black;
-    top: 0px !important;
-    right: 0px !important; }
-  
-  .form-row.error .error-msg {
-    display: block;
-    font-size: 14px;
-    line-height: 14px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    position: relative;
-    padding-left: 18px; }
-  
-  .form-row.error .error-msg:before {
-    color: #cf2a2a;
-    font-size: 14px;
-    left: 0;
-    line-height: 14px;
-    position: absolute;
-    vertical-align: middle; }
-  
-  .form-row.error label,
-  .form-row.error .error-msg,
-  .form-row.error button.awd-select,
-  .form-row.error select.awd-select + span,
-  .form-row.error .checkbox,
-  .form-row.error .radio,
-  .form-row.error legend.error,
-  .form-row.error input {
-    color: #cf2a2a; }
-  
-  .form-row.error .btn-group > .btn,
-  .form-row.error button.awd-select,
-  .form-row.error .awd-select-list,
-  .form-row.error select.awd-select + span,
-  .form-row.error textarea,
-  .form-row.error input,
-  .form-row.error .checkbox .skin,
-  .form-row.error .radio .skin {
-    border-color: #cf2a2a !important; }
-  
-  .form-row.error .checkbox input:checked:not(:disabled) + .skin {
-    background-color: #cf2a2a; }
-  
-  .form-row.error .radio input:checked + .skin:after {
-    background-color: #cf2a2a; }
-  
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg {
-    margin-top: -11px;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0; }
-  
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext {
-    margin: 0 0 10px; }
-  
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:before,
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:after {
-    display: none; }
-  
-  .error .helpertext {
-    border-color: #cf2a2a;
-    /*border-radius:0;*/ }
-  
-  .error .helpertext:before {
-    border-top-color: #cf2a2a; }
-  
-  .error .tooltip-onfocus .helpertext {
-    margin: 14px 0 10px 0; }
-  
-  .error [class*="price"],
-  .error [class*="pricing-"] {
-    color: #cf2a2a; }
-  
-  input:-ms-clear {
-    display: none; }
-  
-  input[type]::-webkit-inner-spin-button,
-  input[type]::-webkit-outer-spin-button {
-    -webkit-appearance: none; }
-  
-  input[type] {
-    -moz-appearance: textfield; }
-  
-  form {
-    margin: 0; }
-  
-  fieldset {
-    padding: 0;
+}
+button,
+input,
+select,
+textarea {
     margin: 0;
-    border: 0; }
-  
-  label,
-  legend {
-    display: inline-block;
-    /* font-size: 1.4rem; */
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  legend {
-    display: block; }
-  
-  .error-msg {
-    display: none; }
-  
-  select,
-  textarea,
-  input {
+    font-size: 100%;
+    vertical-align: middle; }
+input {
+    padding: 8px 15px 8px 15px; }
+select,
+textarea,
+input {
     border-radius: 6px;
     color: #5a5a5a;
     display: inline-block;
@@ -3041,8955 +89,20 @@
     padding: 0 15px 0 15px;
     vertical-align: middle;
     line-height: normal; }
-  
-  select::-webkit-input-placeholder,
-  textarea::-webkit-input-placeholder,
-  input::-webkit-input-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select:-moz-placeholder,
-  textarea:-moz-placeholder,
-  input:-moz-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select::-moz-placeholder,
-  textarea::-moz-placeholder,
-  input::-moz-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select:-ms-input-placeholder,
-  textarea:-ms-input-placeholder,
-  input:-ms-input-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    transition: none;
-    opacity: 1; }
-  
-  select:placeholder,
-  textarea:placeholder,
-  input:placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select:last-child,
-  textarea:last-child,
-  input:last-child {
-    margin-right: 0; }
-  
-  input:not([type="button"]) {
-    height: 36px; }
-  
-  input.input-emphasized {
-    font-size: 1.8rem;
-    height: 48px;
-    padding: 13px 20px 13px; }
-  
-  input[type="search"]:focus {
-    padding-right: 88px; }
-  
-  input[type="search"] {
-    padding-right: 40px;
-    -webkit-appearance: none !important; }
-  
-  input[type="search"].input-emphasized {
-    padding-right: 45px; }
-  
-  .btn-search[class*="btn"] {
-    background-color: transparent;
-    background-position: 50% 50%;
-    background-size: 20px;
-    background-repeat: no-repeat;
-    border: none;
-    height: 100%;
-    margin-left: 0;
-    margin-top: 0;
-    min-width: 45px !important;
-    outline-offset: 0;
-    padding: 0 !important;
-    position: absolute;
-    right: 0;
-    top: 0;
-    border-radius: 0 5px 5px 0;
-    min-width: 44px;
-    width: 44px; }
-  
-  .input-emphasized + .btn-search[class*="btn"],
-  .input-emphasized + .reset-field + .btn-search[class*="btn"] {
-    background-size: 26px;
-    height: 46px;
-    top: 1px;
-    outline-offset: -3px;
-    margin-bottom: 0;
-    border-radius: 0 5px 5px 0; }
-  
-  input[type="search"].input-emphasized + .reset-field {
-    right: 45px !important; }
-  
-  .search-suggestion-wrapper {
-    position: relative;
-    margin-bottom: 15px; }
-  
-  /*styles from dropdown*/
-  .search-suggestion-list {
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-    border-radius: 0 0 6px 6px;
-    position: relative;
-    border: 1px solid #0568ae;
-    border-top: 0;
-    padding: 15px 0;
-    background-color: #f2f2f2;
-    z-index: 1000;
-    width: 100%;
-    max-height: 400px;
-    overflow-y: auto; }
-  
-  .search-suggestion-list:empty {
-    display: none; }
-  
-  .search-suggestion-item {
-    position: relative;
-    z-index: -1;
-    padding: 0 15px;
-    line-height: 4.0rem;
-    color: #5a5a5a; }
-  
-  .search-suggestion-item a {
-    text-decoration: none;
-    color: #5a5a5a; }
-  
-  .search-suggestion-item:hover,
-  .search-suggestion-item:focus {
-    cursor: pointer;
-    background-color: #d2d2d2; }
-  
-  input[data-provide="datepicker"],
-  [data-provide="datepicker"]:-moz-placeholder,
-  [data-provide="datepicker"]:-ms-input-placeholder,
-  [data-provide="datepicker"]:-webkit-input-placeholder {
-    color: #0568ae !important;
-    opacity: 1;
-    filter: alpha(opacity=100); }
-  
-  input[disabled],
-  input[readonly],
-  select[disabled],
-  select[readonly],
-  textarea[disabled],
-  textarea[readonly],
-  i.icon-primary-calendar.disabled,
-  span.icon-primary-calendar.readonly {
-    cursor: not-allowed;
-    background-color: #f2f2f2;
-    box-shadow: none; }
-  
-  i.icon-primary-calendar.disabled input,
-  span.icon-primary-calendar.readonly input {
-    color: #959595 !important; }
-  
-  textarea {
-    display: block;
-    width: 800px;
-    
-    padding: 15px; }
-  
-  textarea.small {
-    line-height: 20px; }
-  
-  textarea + .reset-field {
-    display: none; }
-  
-  textarea::-webkit-input-placeholder {
-    line-height: .99; }
-  
-  textarea:-moz-placeholder {
-    line-height: .99; }
-  
-  textarea::-moz-placeholder {
-    line-height: .99; }
-  
-  textarea:-ms-input-placeholder {
-    line-height: .99; }
-  
-  textarea:placeholder {
-    line-height: .99; }
-  
-  textarea,
-  input {
+input {
     background-color: #ffffff;
     border: 1px solid #d2d2d2;
     -webkit-appearance: none;
     box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
     transition: border .3s linear 0s;
     font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  textarea:focus,
-  input:focus {
-    outline: 0;
-    border-color: #0568ae; }
-  
-  .input-append {
-    display: table; }
-  
-  .input-append > div {
-    display: table-cell;
-    width: 1%; }
-  
-  .input-append > .field-group {
-    width: 100%; }
-  
-  .row .field-group input[class*="span"] {
-    float: none; }
-  
-  .field-group {
-    position: relative;
-    display: inline-block; }
-  
-  label + .field-group,
-  label + .input-append,
-  label + .row,
-  label + .row-nowrap,
-  label + .form-row {
-    margin-top: 5px; }
-  
-  .field-group {
-    position: relative;
-    display: block; }
-  
-  .field-group input:not([type="button"])[disabled] {
-    padding-right: 15px; }
-  
-  input:invalid,
-  textarea:invalid,
-  select:invalid {
-    outline: none !important; }
-  
-  .form-row {
-    margin-top: 20px; }
-  
-  .form-row.nomar {
-    margin: 0; }
-  
-  .row-nowrap.no-flex.form-row > label + br {
-    margin-bottom: 5px; }
-  
-  span.form-row {
-    display: inline-block; }
-  
-  legend + .form-row {
-    margin-top: 20px; }
-  
-  .tooltip-onclick input {
-    padding-right: 45px; }
-  
-  .ds2_touchevents .tooltip-onclick input:focus {
-    padding-right: 95px; }
-  
-  .btn-calendar-icon {
-    position: absolute;
-    background-color: transparent !important;
-    top: 8px;
-    border: 0 !important;
-    width: 30px;
-    right: 15px; }
-  
-  .btn-calendar-icon .icon-primary-calendar:before {
-    position: absolute;
-    color: #0568ae; }
-  
-  .btn-calendar-icon .icon-primary-calendar.disabled {
-    background-color: #f2f2f2; }
-  
-  .btn-calendar-icon .icon-primary-calendar.disabled:before {
-    color: #959595; }
-  
-  span.icon-primary-calendar input {
-    padding-left: 35px;
-    color: #0568ae;
-    transition: border-color 0.3s linear 0s;
-    box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-    position: absolute;
-    top: 0;
-    left: 0; }
-  
-  .faux-input + input.datepicker-input:not([disabled]) {
-    cursor: pointer;
-    margin-left: 0;
-    background-color: #fff;
-    position: absolute;
-    left: 0;
-    top: 0;
-    z-index: 0; }
-  
-  .faux-input {
-    background-color: transparent !important;
-    border: 1px solid transparent;
-    border-radius: 4px;
-    font-size: 1.6rem;
-    height: 35px;
-    left: 0;
-    line-height: 35px;
-    margin-bottom: 10px;
-    margin-right: 6px;
-    padding: 0 0 0 35px;
-    position: relative;
-    text-align: left;
-    top: 0;
-    vertical-align: middle;
-    width: 100%;
-    z-index: 1; }
-  
-  .faux-input:disabled {
-    cursor: not-allowed; }
-  
-  .faux-input:focus + .datepicker-input,
-  [data-calendar-state="opened"] + .datepicker-input {
-    border-color: #0568ae;
-    box-shadow: 2px 3px 2px -2px rgba(5, 116, 172, 0.35) inset;
-    outline: 0 none; }
-  
-  .form-row.error .error-msg {
-    display: block;
-    font-size: 14px;
-    line-height: 14px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    position: relative;
-    padding-left: 18px;
-    margin-top: 10px; }
-  
-  .form-row.error .error-msg > .icon-primary-badgealert {
-    height: 14px;
-    width: 14px;
-    position: absolute;
-    left: 0;
-    margin-right: 0; }
-  
-  .form-row.error .error-msg > .icon-primary-badgealert:before {
-    color: #cf2a2a;
-    font-size: 14px;
-    left: 0;
-    line-height: 14px;
-    position: absolute;
-    vertical-align: middle; }
-  
-  .form-row.error label,
-  .form-row.error .error-msg,
-  .form-row.error button.awd-select,
-  .form-row.error select.awd-select + span,
-  .form-row.error .checkbox,
-  .form-row.error .radio,
-  .form-row.error legend.error,
-  .form-row.error input,
-  .form-row.error textarea {
-    color: #cf2a2a; }
-  
-  .form-row.error .btn-group > .btn,
-  .form-row.error button.awd-select,
-  .form-row.error .awd-select-list,
-  .form-row.error select.awd-select + span,
-  .form-row.error textarea,
-  .form-row.error input,
-  .form-row.error .checkbox .skin,
-  .form-row.error .radio .skin {
-    border-color: #cf2a2a !important; }
-  
-  .form-row.error .checkbox input:checked:not(:disabled) + .skin {
-    background-color: #cf2a2a; }
-  
-  .form-row.error .radio input:checked + .skin:after {
-    background-color: #cf2a2a; }
-  
-  .error [class*="price"],
-  .error [class*="pricing-"] {
-    color: #cf2a2a; }
-  
-  hr,
-  .hr-or {
-    display: block;
-    height: 1px;
-    margin: 15px 0;
-    border: none;
-    background-repeat: repeat-x;
-    background-color: #959595;
-    position: relative; }
-  
-  hr.dark {
-    background-color: #959595; }
-  
-  hr.lite {
-    background-color: #d2d2d2; }
-  
-  .hr-or:before {
-    background-color: #fff;
-    color: #666;
-    content: " OR ";
-    display: block;
-    font-size: 1.4rem;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    height: 16px;
-    left: 50%;
-    line-height: 1.6rem;
-    margin-left: -15px;
-    margin-top: -8px;
-    position: absolute;
-    text-align: center;
-    top: 50%;
-    width: 30px;
-    z-index: 1111; }
-  
-  hr.is-vertical.dark,
-  hr.hr-or.dark,
-  hr.is-vertical.lite,
-  hr.hr-or.lite {
-    display: inline-block;
-    height: auto;
-    margin: 0 15px;
-    min-height: 20px;
-    width: 1px; }
-  
-  hr.is-vertical.dark,
-  hr.hr-or.dark {
-    background-color: #959595; }
-  
-  hr.is-vertical.lite,
-  hr.hr-or.lite {
-    background-color: #d2d2d2; }
-  
-  .hr-dotted.is-vertical.dark,
-  .hr-dotted.is-vertical.lite {
-    background-color: transparent;
-    background-repeat: repeat-y;
-    background-size: 1px 4px;
-    height: auto;
-    min-height: 20px;
-    width: 1px; }
-  
-  .row-nowrap > .span + hr.is-vertical,
-  .row > .span + hr.is-vertical {
-    margin: 0 0 0 -20px; }
-  
-  
-  
-  hr.bottom-space-only {
-    margin-top: 0; }
-  
-  .hr-nomargin {
-    margin: 0; }
-  
-  .radio {
-    position: relative;
-    min-height: 24px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.6rem;
-    margin-bottom: 5px; }
-    .radio input {
-      -webkit-tap-highlight-color: transparent;
-      height: 10px;
-      margin: 6px;
-      opacity: 0;
-      outline: none;
-      position: absolute;
-      left: 1px;
-      top: 1px;
-      width: 10px; }
-      .radio input:focus + .skin {
-        border-color: #0568ae; }
-        .radio input:focus + .skin:before {
-          content: "";
-          height: 34px;
-          left: -6px;
-          top: -6px;
-          outline: 1px dotted #000000;
-          position: absolute;
-          width: 34px; }
-      .radio input + .skin {
-        border-radius: 100%; }
-      .radio input:checked + .skin:after {
-        background-color: #0568ae;
-        border-radius: 100%;
-        border: 3px solid #FFFFFF;
-        content: "";
-        display: block;
-        height: 16px;
-        position: absolute;
-        width: 16px; }
-      .radio input:disabled + .skin {
-        cursor: not-allowed;
-        background-color: #d2d2d2;
-        border-color: #d2d2d2;
-        color: #666666; }
-        .radio input:disabled + .skin + span {
-          cursor: not-allowed;
-          color: #666666; }
-      .radio input:disabled:checked + .skin:after {
-        background-color: #666666; }
-      .radio input:invalid + .skin {
-        border: solid 1px #cf2a2a; }
-    .radio .skin {
-      background-color: #FFFFFF;
-      border: 1px solid #d2d2d2;
-      border-radius: 3px;
-      display: inline-block;
-      height: 24px;
-      left: 0;
-      position: absolute;
-      top: 0;
-      width: 24px; }
-    .radio span {
-      display: inline-block;
-      margin-left: 34px;
-      margin-top: 0;
-      position: relative;
-      top: 3px; }
-    .radio label {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .radio.inline {
-    display: inline-block;
-    margin-bottom: 10px;
-    vertical-align: middle;
-    margin-right: 10px; }
-    .radio.inline:last-child {
-      margin-right: 0; }
-  
-  .radio-box {
-    border: 1px solid #d2d2d2;
-    border-radius: 8px; }
-    .radio-box > [role="radio"] label {
-      padding: 15px 15px 20px 15px;
-      display: block;
-      width: 100%; }
-      .radio-box > [role="radio"] label .skin + span {
-        top: 2px; }
-    .radio-box > [role="radio"] + div {
-      padding: 0 15px 15px 47px; }
-    .radio-box > [aria-checked="false"] label > input {
-      top: 15px;
-      left: 15px; }
-    .radio-box > [aria-checked="false"] label .skin {
-      top: 15px;
-      left: 15px; }
-    .radio-box > [aria-checked="true"] label > input {
-      top: 13px;
-      left: 13px; }
-    .radio-box > [aria-checked="true"] label .skin {
-      top: 13px;
-      left: 13px; }
-  
-  .radio-box.active {
-    border: 3px solid #0568ae; }
-    .radio-box.active > [role="radio"] label {
-      padding: 13px 14px 19px 13px; }
-  
-  .checkbox {
-    position: relative;
-    min-height: 24px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1rem;
-     }
-    .checkbox input {
-      -webkit-tap-highlight-color: transparent;
-      height: 20px;
-      margin-left: 20px;
-      opacity: 0;
-      outline: none;
-      position: absolute;
-      left: 1px;
-      top: 1px;
-      width: 10px; }
-      .checkbox input:focus + .skin {
-        border-color: #0568ae; }
-        .checkbox input:focus + .skin:before {
-          content: "";
-          height: 34px;
-          left: -6px;
-          top: -6px;
-          outline: 1px dotted #000000;
-          position: absolute;
-          width: 34px; }
-      .checkbox input:checked:not(:disabled) + .skin {
-        background-color: #0568ae;
-        border-color: #0568ae; }
-      .checkbox input:checked:disabled + .skin:after {
-        color: #5A5A5A; }
-      .checkbox input:checked + .skin:after {
-        height: 20px;
-        width: 10px;
-        background-color: transparent;
-        font-size: 23.4px;
-        color: #FFFFFF;
-        line-height: 21px; }
-      .checkbox input:disabled + .skin {
-        cursor: not-allowed;
-        background-color: #d2d2d2;
-        border-color: #d2d2d2;
-        color: #666666; }
-        .checkbox input:disabled + .skin + span {
-          cursor: not-allowed;
-          color: #666666; }
-      .checkbox input:invalid + .skin {
-        border: solid 1px #cf2a2a; }
-      .checkbox input:indeterminate + .skin:after {
-        background-color: transparent;
-        font-size: 25px;
-        color: #0574ac;
-        content: "\e920"; }
-    .checkbox .skin {
-      background-color: #fff;
-      border: 1px solid #d2d2d2;
-      border-radius: 3px;
-      display: inline-block;
-      height: 24px;
-      width: 24px;
-      position: absolute;
-      left: 0;
-      top: 0; }
-    .checkbox span {
-      display: inline-block;
-      margin-left: 34px;
-      margin-top: 0;
-      position: relative;
-      top: 3px; }
-    .checkbox label {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-    .checkbox input {
-      z-index: 9999; }
-    .checkbox input.indeterminate + .skin:after {
-      font-size: 22px;
-      color: #0568ae; }
-  
-  /* .checkbox.inline {
-    display: inline-block;
-    margin-bottom: 10px;
-    vertical-align: middle;
-    margin-right: 10px; }
-    .checkbox.inline:last-child {
-      margin-right: 0; }
-  
-  .checkbox.checkbox-selectall {
-    margin: 20px 0 0 24px; }
-  
-  .terms-after-checkbox {
-    margin-top: 15px; } */
-  
-  .indeterminate-margin {
-    padding-left: 24px; }
-  
-  .tiny-accordion {
-    border-bottom: 1px solid #d2d2d2; }
-  
-  .toggle-header,
-  .inactive-toggle-header {
-    border-color: #fff;
-    color: #0568ae;
-    cursor: pointer;
-    display: block;
-    font-size: 2.0rem;
-    line-height: 2.2rem;
-    min-height: 41px;
-    position: relative;
-    padding: 16px 55px 16px 15px; }
-  
-  .toggle-header.opened {
-    color: #333333; }
-  
-  .tiny-accordion .toggle-header,
-  .tiny-accordion .inactive-toggle-header {
-    padding: 16px 55px 16px 15px;
-    border-top: 1px solid #d2d2d2; }
-  
-  .tiny-accordion .toggle-header:focus {
-    text-decoration: underline; }
-  
-  .tiny-accordion.iconleft .toggle-header,
-  .tiny-accordion.iconleft .inactive-toggle-header {
-    padding: 15px 15px 15px 50px; }
-  
-  .accordion-content {
-    font-size: 1.4rem; }
-  
-  .accordion-content .toggle-header:first-child {
-    margin-top: 16px; }
-  
-  .tiny-accordion .toggle-header + .accordion-content {
-    padding: 0 50px 15px 15px; }
-  
-  .tiny-accordion.iconleft .toggle-header + .accordion-content {
-    padding: 0 15px 15px 50px; }
-  
-  .toggle-header .icon-primary-accordion-plus,
-  .toggle-header .icon-primary-accordion-minus {
-    display: inline-block;
-    font-size: 20px;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    right: 15px;
-    vertical-align: middle;
-    top: 16px;
-    font-weight: bold; }
-  
-  .tiny-accordion.iconleft .toggle-header .icon-primary-accordion-plus,
-  .tiny-accordion.iconleft .toggle-header .icon-primary-accordion-minus {
-    left: 15px; }
-  
-  .inactive-toggle-header:hover {
-    cursor: inherit; }
-  
-  .tiny-accordion-to-tabs,
-  .tiny-tabs {
-    position: relative;
-    width: 100%;
-    margin: 0px;
-    padding: 0px; }
-  
-  .tiny-tabs [class*="icon-primary-accordion-"] {
-    display: none !important; }
-  
-  .tiny-accordion-to-tabs:before,
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:before,
-  .tiny-tabs:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:after {
-    clear: both; }
-  
-  .tiny-accordion-to-tabs:before,
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:before,
-  .tiny-tabs:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:after {
-    clear: both; }
-  
-  .tiny-tabs > .toggle-header {
-    display: inline-block;
-    float: left;
-    border-top: none;
-    overflow: hidden;
-    height: 70px;
-    text-align: center;
-    background-color: #fff;
-    border-radius: 0px;
-    padding: 26px 20px 25px 20px !important;
-    border-top: 1px solid #fff;
-    -webkit-filter: none;
-    filter: none;
-    background-clip: padding-box;
-    border-bottom: 1px solid #d2d2d2;
-    font-weight: normal;
-    border-right: 1px solid #d2d2d2;
-    white-space: nowrap; }
-  
-  .tiny-tabs .toggle-header + div {
-    left: 0px;
-    position: absolute;
-    top: 69px;
-    border-top: 1px solid #d2d2d2;
-    padding: 0;
-    display: block;
-    border-bottom: none;
-    width: 100%; }
-  
-  .accordion-pad {
-    padding-top: 30px;
-    padding-bottom: 30px; }
-  
-  .tiny-tabs .opened {
-    color: #333333;
-    border-top: 5px solid #0568ae !important;
-    padding-top: 22px !important;
-    border-bottom: none;
-    background-color: #fff;
-    -webkit-filter: none;
-    filter: none;
-    cursor: default;
-    z-index: 999; }
-  
-  .tiny-tabs .toggle-header:focus {
-    text-decoration: underline;
-    outline: thin dotted #666;
-    outline-offset: 0; }
-  
-  .tiny-tabs .toggle-header:first-child {
-    border-left: none;
-    margin-left: 0; }
-  
-  .tiny-tabs .toggle-header:first-child {
-    border-left: 1px solid #fff; }
-  
-  .tiny-tabs .opened:first-child {
-    border-left: 1px solid #d2d2d2; }
-  
-  .tiny-tabs .toggle-header:nth-last-of-type(2) {
-    border-right-color: #fff; }
-  
-  .tiny-tabs .opened:nth-last-of-type(2) {
-    border-right: 1px solid #d2d2d2; }
-  
-  @media (max-width: 767px) {
-    .tiny-accordion,
-    .tiny-accordion-to-tabs {
-      margin-left: -15px;
-      margin-right: -15px;
-      width: auto; }
-    .tiny-accordion-to-tabs {
-      display: block;
-      border-bottom: 1px solid #d2d2d2; }
-    .tiny-accordion-to-tabs .toggle-header {
-      display: block;
-      min-height: 41px;
-      padding: 16px 50px 16px 15px;
-      border-top: 1px solid #d2d2d2; }
-    .tiny-accordion-to-tabs .toggle-header:focus {
-      text-decoration: underline; }
-    .tiny-accordion-to-tabs .toggle-header + .accordion-content {
-      padding: 0 50px 15px 15px; } }
-  
-  @media (min-width: 768px) {
-    .tiny-accordion-to-tabs [class*="icon-primary-accordion-"] {
-      display: none !important; }
-    .tiny-accordion-to-tabs > .toggle-header {
-      display: inline-block;
-      float: left;
-      border-top: none;
-      /*overflow: hidden;*/
-      height: 70px;
-      text-align: center;
-      background-color: #fff;
-      border-radius: 0px;
-      padding: 26px 20px 25px 20px !important;
-      border-top: 1px solid #fff;
-      -webkit-filter: none;
-      filter: none;
-      background-clip: padding-box;
-      border-bottom: 1px solid #d2d2d2;
-      font-weight: normal;
-      border-right: 1px solid #d2d2d2;
-      white-space: nowrap; }
-    .tiny-accordion-to-tabs .toggle-header + div {
-      left: 0px;
-      position: absolute;
-      top: 69px;
-      border-top: 1px solid #d2d2d2;
-      padding-top: 30px;
-      padding-left: 20px;
-      display: block;
-      border-bottom: none;
-      width: 100%; }
-    .tiny-accordion-to-tabs .opened {
-      color: #333333;
-      border-top: 5px solid #0568ae !important;
-      padding-top: 22px !important;
-      border-bottom: none;
-      background-color: #fff;
-      -webkit-filter: none;
-      filter: none;
-      cursor: default;
-      text-decoration: none;
-      z-index: 999; }
-    .tiny-accordion-to-tabs .toggle-header:focus {
-      text-decoration: underline;
-      outline: thin dotted #666;
-      outline-offset: 0px; }
-    .tiny-accordion-to-tabs .toggle-header:nth-last-of-type(2) {
-      border-right: none; }
-    .tiny-accordion-to-tabs .toggle-header:first-child {
-      border-left: none;
-      margin-left: 0; }
-    .tiny-accordion-to-tabs .toggle-header:first-child {
-      border-left: 1px solid #fff; }
-    .tiny-accordion-to-tabs .opened:first-child {
-      border-left: 1px solid #d2d2d2; }
-    .tiny-accordion-to-tabs .opened:nth-last-of-type(2) {
-      border-right: 1px solid #d2d2d2; } }
-  
-  .toggle-header .tooltip .icon-primary-tooltip {
-    margin-top: -5px; }
-  
-  .accordion-content {
-    transition: all 0.8s linear; }
-  
-  .opaque-content {
-    opacity: 0; }
-  
-  .tiny-tabs .toggle-header {
-    display: inline-block;
-    float: left;
-    border-top: none;
-    overflow: hidden;
-    height: 70px;
-    text-align: center;
-    background-color: #fff;
-    border-radius: 0px;
-    padding: 22px 20px 25px 20px !important;
-    border-top: 5px solid #fff;
-    -webkit-filter: none;
-    filter: none;
-    background-clip: padding-box;
-    border-bottom: 1px solid #ccc;
-    font-weight: normal;
-    border-right: 1px solid #ccc;
-    white-space: nowrap; }
-  
-  .tiny-tabs .toggle-header:first-child {
-    margin-left: 0; }
-  
-  .tiny-tabs div:first-child .toggle-header {
-    margin-left: 30px; }
-  
-  .tiny-tabs > div .toggle-header.opened {
-    border-bottom: 0 !important; }
-  
-  .tiny-accordion-to-tabs > div > div.toggle-header {
-    background-clip: padding-box;
-    background-color: #fff;
-    border-bottom: 1px solid #ccc;
-    border-radius: 0;
-    border-top: 5px solid #fff;
-    display: inline-block;
-    filter: none;
-    float: left;
-    font-weight: normal;
-    overflow: hidden;
-    padding: 22px 20px 21px !important;
-    text-align: center;
-    white-space: nowrap; }
-  
-  .tiny-accordion-to-tabs .toggle-header:first-child {
-    margin-left: 0; }
-  
-  .tiny-accordion-to-tabs div:first-child .toggle-header {
-    margin-left: 30px;
-    border-bottom: 0 !important; }
-  
-  .tiny-accordion-to-tabs > div .toggle-header.opened {
-    border-bottom: 0 !important; }
-  
-  @media (max-width: 767px) {
-    .tiny-accordion-to-tabs {
-      display: block !important;
-      border-bottom: 1px solid #ccc !important; }
-    .tiny-accordion-to-tabs > div > div.toggle-header {
-      display: block !important;
-      float: none;
-      text-align: left;
-      min-height: 41px !important;
-      padding: 15px 50px 15px 15px !important;
-      border-top: 1px solid #ccc; }
-    .tiny-accordion-to-tabs > div > div.toggle-header:first-child {
-      margin-left: 0 !important; }
-    .tiny-accordion-to-tabs > div > div.toggle-header + .accordion-content {
-      padding: 0 50px 15px 15px; }
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus {
-      background-position: 0 0;
-      background-size: 20px 40px; }
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-      background-position: 0 -20px;
-      background-size: 20px 40px; }
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus,
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-      display: inline-block;
-      height: 20px;
-      margin: 0;
-      padding: 0;
-      position: absolute;
-      right: 15px;
-      vertical-align: middle;
-      width: 20px; } }
-  
-  .alert {
-    background-color: #5a5a5a;
-    border-radius: 8px;
-    color: #fff;
-    margin-top: 15px;
-    padding: 0;
-    position: relative;
-    border: 0; }
-  
-  .alert h3,
-  .alert h4 {
-    color: #fff;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 1.6rem;
-    margin: 0 20px 5px 0; }
-  
-  .alert div {
-    padding: 15px 20px; }
-  
-  .alert div:first-child {
-    border-radius: 8px 0 0 8px;
-    width: 1%; }
-  
-  .alert div:first-child + div {
-    border: 1px solid transparent;
-    border-left: none;
-    border-radius: 0 8px 8px 0; }
-  
-  .alert-error {
-    background-color: #cf2a2a;
-    border: 1px solid #cf2a2a; }
-  
-  .alert-info {
-    background-color: #44c8f5;
-    border: 1px solid #44c8f5; }
-  
-  .alert-success {
-    background-color: #c5d63d;
-    border: 1px solid #c5d63d; }
-  
-  .alert [class*="icon-primary-"] {
-    color: #fff;
-    font-size: 30px;
-    margin-right: 0; }
-  
-  .alert .close {
-    height: 30px;
-    position: absolute;
-    right: 1px;
-    top: 1px;
-    width: 30px; }
-  
-  .alert .close:before {
-    color: #fff;
-    margin-right: 0;
-    position: absolute;
-    right: 9px;
-    top: 9px; }
-  
-  .alert a {
-    color: #fff;
-    text-decoration: underline; }
-  
-  .alert .close:focus {
-    outline: 1px dotted #666; }
-  
-  .alert p {
-    font-size: 1.4rem; }
-  
-  .alert p:last-child {
-    margin-bottom: 0; }
-  
-  .alert .standalone-link i[class*="icon-primary-"] {
-    font-size: 20px;
-    margin-right: 5px; }
-  
-  @media (max-width: 767px) {
-    .alert {
-      border-radius: 0;
-      margin: 0 -15px; }
-    .alert + .alert {
-      margin-top: 4px; }
-    .alert div {
-      padding: 15px 10px; }
-    .alert div:first-child {
-      border-radius: 0;
-      padding: 15px; }
-    .alert h3,
-    .alert h4 {
-      font-size: 1.4rem; }
-    .alert p {
-      font-size: 1.2rem; }
-    .alert .close {
-      right: 5px;
-      top: 5px; }
-    .alert .standalone-link i[class*="icon-primary-"] {
-      font-size: 16px; } }
-  
-  .alert h3 {
-    margin: 0;
-    font-size: 16px; }
-  
-  .alert p {
-    font-size: 14px; }
-  
-  .alert p a {
-    color: #FFFFFF;
-    text-decoration: underline; }
-  
-  .alert div:first-child + div {
-    padding-right: 25px; }
-  
-  .alert div:last-child {
-    padding-right: 20px !important; }
-  
-  .alert p [class*="icon-primary-"] {
-    color: #fff;
-    font-size: 20px;
-    margin-right: 0; }
-  
-  @media (max-width: 767px) {
-    .alert h3 {
-      font-size: 14px; }
-    .alert div:first-child + div {
-      padding-right: 20px; }
-    .alert div:last-child {
-      padding-right: 15px !important; }
-    .alert div:first-child {
-      padding: 15px; }
-    .alert p {
-      font-size: 12px; }
-    .alert p [class*="icon-primary-"] {
-      font-size: 16px; } }
-  
-  .b2b-audio {
-    width: auto;
-    margin: 10px auto;
-    height: 35px; }
-    .b2b-audio .controls-wrapper {
-      display: inline-block;
-      font-size: 25px;
-      cursor: pointer; }
-      .b2b-audio .controls-wrapper i {
-        font-size: 25px;
-        margin-right: 0px;
-        color: #444; }
-        .b2b-audio .controls-wrapper i:hover {
-          color: #0574AC; }
-    .b2b-audio .seek-bar-container-wrapper {
-      display: inline-block;
-      outline: 0;
-      min-width: 180px;
-      margin-right: 10px;
-      margin-left: 10px;
-      height: 14px;
-      padding-top: 5px; }
-      .b2b-audio .seek-bar-container-wrapper .timing-container {
-        padding-top: 13px;
-        color: #333;
-        font-size: 12px; }
-        .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-left {
-          float: left;
-          line-height: 100%; }
-        .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-right {
-          float: right;
-          line-height: 100%; }
-        .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-spacer {
-          clear: both; }
-    .b2b-audio .seek-bar-tooltip {
-      text-align: center;
-      min-width: 76px; }
-  
-  .b2b-audio-popover {
-    width: 22px; }
-    .b2b-audio-popover .volume-popover {
-      height: 100px !important;
-      width: 6px !important;
-      margin: 7px auto; }
-    .b2b-audio-popover .min-label {
-      margin-top: 5px; }
-  
-  .b2b-audio-native {
-    width: auto;
-    height: auto; }
-  
-  .b2b-audio-recorder {
-    border: 1px solid #ccc;
-    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15);
-    height: 63px;
-    min-height: 63px;
-    min-width: 347px; }
-    .b2b-audio-recorder .b2b-elapsed-time {
-      margin: 23px 0 24px 15px;
-      font-size: 16px;
-      font-style: italic;
-      color: #767676; }
-    .b2b-audio-recorder .b2b-controls {
-      width: 68px;
-      cursor: pointer; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-record {
-        font-size: 64px;
-        color: black;
-        float: right;
-        margin-right: 10px; }
-        .b2b-audio-recorder .b2b-controls i.icoControls-record:focus, .b2b-audio-recorder .b2b-controls i.icoControls-record:hover {
-          color: #0568ae; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-stop {
-        font-size: 36px;
-        color: black;
-        float: right;
-        margin-right: 20px;
-        margin-top: 12px; }
-        .b2b-audio-recorder .b2b-controls i.icoControls-stop:focus, .b2b-audio-recorder .b2b-controls i.icoControls-stop:hover {
-          color: #0568ae; }
-  
-  .b2b-top-btn {
-    height: 36px;
-    width: 36px;
-    border-radius: 7px; }
-  
-  .b2b-top-btn > i {
-    position: absolute;
-    top: 13px;
-    left: 9px;
-    width: 11px;
-    height: 18px; }
-  
-  .b2b-badge {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    background-color: #5A5A5A;
-    border-radius: 12px;
-    color: #FFFFFF;
-    display: inline-block;
-    font-size: 1.5rem;
-    font-weight: normal;
-    height: 20px;
-    line-height: 0;
-    margin-top: 0;
-    min-width: 20px;
-    padding: 0 5px;
-    text-align: center;
-    vertical-align: baseline; }
-    .b2b-badge:empty {
-      display: none; }
-  
-  * + .b2b-heading-micro {
-    margin-top: 20px !important; }
-  
-  .b2b-heading-micro {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: normal;
-    text-rendering: optimizeLegibility;
-    font-size: 1.2rem !important;
-    text-transform: uppercase !important;
-    margin-bottom: 20px !important;
-    line-height: 1.2 !important; }
-  
-  .b2b-no-colors .b2b-badge {
-    border: 1px solid transparent; }
-  
-  .btn > .b2b-badge {
-    margin-right: 5px; }
-  
-  a > .b2b-badge {
-    margin-right: 6px;
-    padding-top: 10px; }
-  
-  .b2b-badge-urgent {
-    background-color: #cf2a2a; }
-  
-  .bellyband-container {
-    margin: 0 -15px; }
-  
-  .bellyband-group {
-    width: auto; }
-  
-  .bellyband-link {
-    border-top: 1px solid #d2d2d2; }
-  
-  .bellyband-link a {
-    display: block;
-    height: 40px;
-    line-height: 40px;
-    padding: 0 15px;
-    position: relative;
-    text-decoration: none; }
-  
-  .bellyband-link a:hover > div span,
-  .bellyband-link a:focus > div span {
-    text-decoration: underline; }
-  
-  .bellyband-link a:after {
-    color: #666;
-    font-size: 2.3rem;
-    height: 20px;
-    position: absolute;
-    right: 5px;
-    top: 12px;
-    width: 18px; }
-  
-  .dark-bg .bellyband-link a:after {
-    color: white; }
-  
-  .bellyband-link img[src$="svg"].hidden-desktop,
-  .bellyband-link [class*="icon-primary-"].hidden-desktop {
-    display: inline-block !important;
-    float: left;
-    font-size: 24px;
-    height: 24px;
-    margin-right: 5px;
-    margin-top: 8px;
-    width: 24px; }
-  
-  .dark-bg .bellyband-link [class*="icon-primary-"].hidden-desktop,
-  .dark-bg .bellyband-link [class*="icon-primary-"].visible-desktop {
-    color: #fff; }
-  
-  .bellyband-link img[src$="svg"].visible-desktop {
-    display: none !important; }
-  
-  .bellyband-link p {
-    margin-top: -10px;
-    margin-left: 29px;
-    font-size: 1.4rem;
-    color: #666; }
-  
-  @media (min-width: 481px) and (max-width: 767px) {
-    .bellyband-container {
-      display: flex;
-      margin: 0; }
-    .bellyband-group {
-      align-content: flex-start;
-      align-items: stretch;
-      display: inline-flex;
-      flex-direction: column;
-      flex-wrap: wrap;
-      margin-top: 1px;
-      width: 100%; }
-    .bellyband-group .row {
-      display: flex !important; }
-    .bellyband-link {
-      padding-top: 0;
-      position: relative;
-      border-top: none;
-      margin-bottom: 20px;
-      width: 50%; }
-    .bellyband-link a {
-      height: inherit;
-      line-height: inherit;
-      display: flex;
-      padding: 0; }
-    .bellyband-link a:after {
-      display: none; }
-    .bellyband-link a span {
-      display: block;
-      padding-top: 10px; }
-    .bellyband-link p {
-      display: block;
-      padding: 0 15px 0 0;
-      margin-bottom: 0;
-      margin-left: 0;
-      margin-top: 0; }
-    .bellyband-link a:focus p {
-      text-decoration: none; } }
-  
-  @media (min-width: 768px) {
-    .bellyband-group {
-      margin: 0;
-      max-width: 100%;
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: center; }
-    .bellyband-group .row {
-      display: block; }
-    .bellyband-group .row .span {
-      float: none;
-      margin-right: 0;
-      margin-bottom: 30px;
-      display: flex;
-      justify-content: space-between; }
-    .bellyband-link {
-      border-top: none;
-      flex: 0 0 auto;
-      margin-right: 0;
-      margin-bottom: 30px; }
-    .bellyband-link:last-child {
-      margin-right: 0; }
-    .bellyband-link a {
-      height: auto;
-      line-height: 1;
-      text-align: center; }
-    .bellyband-link a:after {
-      display: none; }
-    .bellyband-link img[src$="svg"].hidden-desktop,
-    .bellyband-link [class*="icon-primary-"].hidden-desktop {
-      display: none !important; }
-    .bellyband-link img[src$="svg"].visible-desktop,
-    .bellyband-link [class*="icon-primary-"].visible-desktop {
-      display: block !important;
-      font-size: 50px;
-      height: 50px;
-      margin-right: 0;
-      margin-top: 0;
-      margin-left: auto;
-      margin-right: auto;
-      width: auto; }
-    .bellyband-link a span {
-      display: block;
-      margin-top: 12px;
-      line-height: 2rem; }
-    .bellyband-link p {
-      display: block;
-      text-align: center;
-      margin-top: 6px;
-      margin-left: 0;
-      padding-left: 0 !important;
-      color: #666;
-      line-height: 1.8rem; } }
-  
-  @media (max-width: 480px) {
-    .bellyband-link-tall a {
-      height: auto;
-      padding: 0 40px 10px 15px; }
-    .bellyband-link-tall p {
-      line-height: 1.8rem;
-      margin-bottom: 0; }
-    .bellyband-link-tall > a:after {
-      margin-top: -8px;
-      top: 50%; } }
-  
-  .b2b-boardstrip {
-    display: inline-block;
-    width: 100%;
-    border-bottom: 1px solid #9d9d9d;
-    position: relative;
-    padding-top: 15px; }
-    .b2b-boardstrip .boardstrip-reel {
-      margin-bottom: 15px; }
-    .b2b-boardstrip .boardstrip-item--add {
-      border: 1px dashed #ccc;
-      background: #FFFFFF;
-      color: #0574ac;
-      width: 140px;
-      height: 80px;
-      font-size: 14px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      -webkit-border-radius: 3px;
-      -moz-border-radius: 3px;
-      border-radius: 3px;
-      position: absolute;
-      left: 29px;
-      top: 15px; }
-      .b2b-boardstrip .boardstrip-item--add:hover, .b2b-boardstrip .boardstrip-item--add:focus {
-        border: 2px solid #007A3E;
-        cursor: pointer; }
-      .b2b-boardstrip .boardstrip-item--add i {
-        font-size: 14px;
-        margin-left: auto;
-        margin-right: auto;
-        text-align: initial; }
-      .b2b-boardstrip .boardstrip-item--add .centered {
-        margin-left: auto;
-        margin-right: auto;
-        margin-top: 27px;
-        margin-bottom: 35px;
-        display: block; }
-    .b2b-boardstrip .board-viewport {
-      float: left;
-      margin-left: 210px;
-      max-height: 95px;
-      position: relative;
-      height: 95px;
-      overflow: hidden;
-      width: 0px; }
-      .b2b-boardstrip .board-viewport .boardstrip-container {
-        width: 0px;
-        margin-left: 0;
-        left: 0px;
-        position: absolute;
-        list-style: none;
-        -webkit-transition: left 1000ms;
-        transition: left 1000ms; }
-      .b2b-boardstrip .board-viewport .board-item {
-        width: 140px;
-        height: 80px;
-        border: 1px solid #ccc;
-        margin: 0 15px 15px 0;
-        background-color: #FFFFFF;
-        border-radius: 3px;
-        float: left;
-        overflow: hidden; }
-        .b2b-boardstrip .board-viewport .board-item:hover, .b2b-boardstrip .board-viewport .board-item:focus {
-          border: 2px solid #007A3E;
-          background-color: white;
-          cursor: pointer; }
-        .b2b-boardstrip .board-viewport .board-item .board-img {
-          width: 61px;
-          height: 40px;
-          margin: 0 auto; }
-          .b2b-boardstrip .board-viewport .board-item .board-img img {
-            max-width: 100%; }
-        .b2b-boardstrip .board-viewport .board-item .title {
-          text-align: center;
-          line-height: 16px;
-          color: #666;
-          font-size: 14px;
-          font-family: "Omnes-ECOMP-W02", Arial;
-          padding: 10px 0; }
-        .b2b-boardstrip .board-viewport .board-item.selected {
-          background-color: #FFFFFF;
-          border: 2px solid #0574ac; }
-        .b2b-boardstrip .board-viewport .board-item .board-caret {
-          cursor: default;
-          outline: 0;
-          position: absolute;
-          bottom: 7px; }
-          .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-indicator {
-            border-left: 8px solid transparent;
-            border-right: 8px solid transparent;
-            border-bottom: 8px solid #999;
-            width: 0px;
-            height: 0px;
-            position: absolute;
-            left: 61px;
-            bottom: -7px; }
-          .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-arrow-up {
-            width: 0px;
-            height: 0px;
-            border-style: solid;
-            border-width: 0 8px 8px 8px;
-            border-color: transparent transparent #FFFFFF transparent;
-            left: 61px;
-            position: absolute; }
-    .b2b-boardstrip .arrow {
-      font-size: 14px;
-      cursor: pointer;
-      color: #0574ac; }
-      .b2b-boardstrip .arrow:hover {
-        color: #0574ac; }
-      .b2b-boardstrip .arrow.disabled {
-        color: #767676 !important;
-        cursor: not-allowed; }
-    .b2b-boardstrip .prev-items {
-      display: inline-block;
-      margin-top: auto;
-      margin-bottom: auto;
-      margin-right: 15px;
-      position: absolute;
-      left: 0;
-      top: 45px;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      -o-user-select: none;
-      user-select: none; }
-    .b2b-boardstrip .next-items {
-      display: inline-block;
-      margin-top: 30px;
-      margin-bottom: auto;
-      margin-left: 10px;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      -o-user-select: none;
-      user-select: none; }
-    .b2b-boardstrip .centered {
-      display: table-cell;
-      text-align: center;
-      vertical-align: middle; }
-  
-  .breadcrumb {
-    padding: 10px 15px;
-    height: 40px;
-    list-style: none;
-    border-bottom: 1px solid #d2d2d2;
-    font-size: 1.2rem;
-    width: 100%;
-    z-index: 1000; }
-  
-  .breadcrumb > li {
-    position: relative;
-    display: inline-block;
-    margin-right: 15px; }
-  
-  .breadcrumb > li:after {
-    font-size: 8px;
-    margin-right: 0;
-    right: -8px;
-    color: #333333; }
-  
-  .breadcrumb > li:last-child {
-    color: #333333; }
-  
-  .breadcrumb > li:last-child:after {
-    content: ""; }
-  
-  .breadcrumb li > * {
-    float: none !important;
-    margin: 0; }
-  
-  .breadcrumb {
-    padding: 10px 15px !important; }
-  
-  /* ARROW */
-  /* spanish */
-  .datepicker {
-    background-color: #FFFFFF;
-    padding: 0;
-    border-radius: 5px;
-    direction: ltr; }
-    .datepicker > div {
-      display: none; }
-    .datepicker table {
-      -webkit-touch-callout: none;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      user-select: none;
-      margin: 0 0 0 0; }
-    .datepicker td {
-      text-align: center;
-      display: block;
-      width: 30px;
-      height: 30px;
-      border: none; }
-      .datepicker td span {
-        display: block;
-        width: 23%;
-        height: 54px;
-        line-height: 54px;
-        float: left;
-        margin: 1%;
-        cursor: pointer;
-        border-radius: 4px; }
-        .datepicker td span:hover {
-          background: #eeeeee; }
-      .datepicker td span.disabled {
-        background: none;
-        color: #5A5A5A;
-        cursor: default; }
-        .datepicker td span.disabled:hover {
-          background: none;
-          color: #5A5A5A;
-          cursor: default; }
-      .datepicker td span.active {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        border-color: #357ebd; }
-        .datepicker td span.active:hover {
-          color: #FFFFFF;
-          background-color: #0568ae;
-          border-color: #357ebd; }
-      .datepicker td span.active.disabled {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        border-color: #357ebd; }
-    .datepicker th {
-      text-align: center;
-      display: block;
-      width: 30px;
-      height: 30px;
-      border: none; }
-    .datepicker tbody:focus {
-      outline: none; }
-    .datepicker td.day {
-      background-color: transparent;
-      color: #0568ae;
-      cursor: pointer;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      font-size: 16px;
-      height: 34px;
-      line-height: 30rem;
-      margin: -2px -1px 0 0;
-      overflow: hidden;
-      text-align: center;
-      width: 42px; }
-    .datepicker:focus {
-      outline: 1px dotted #191919;
-      outline-offset: -2px; }
-    .datepicker th[tabindex]:focus {
-      outline-offset: -15px; }
-    .datepicker td.day.focused {
-      background: #ededed;
-      cursor: pointer; }
-    .datepicker td.day.focused.active {
-      background-color: #ededed;
-      color: #0568ae; }
-    .datepicker td.disabled {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #5A5A5A;
-      cursor: default; }
-      .datepicker td.disabled:hover {
-        font-family: "Omnes-ECOMP-W02", Arial;
-        color: #5A5A5A;
-        cursor: default; }
-        .datepicker td.disabled:hover .show-date {
-          font-family: "Omnes-ECOMP-W02", Arial;
-          color: #5A5A5A; }
-      .datepicker td.disabled .show-date {
-        font-family: "Omnes-ECOMP-W02", Arial;
-        color: #5A5A5A; }
-    .datepicker td.today {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-      .datepicker td.today:hover {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        color: #FFFFFF;
-        background-color: #0568ae; }
-      .datepicker td.today:active {
-        color: #FFFFFF;
-        background-color: #0568ae; }
-      .datepicker td.today:focus {
-        color: #FFFFFF;
-        background-color: #0568ae; }
-    .datepicker td.today.disabled {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-    .datepicker td.today.active {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-      .datepicker td.today.active:hover {
-        color: #FFFFFF; }
-    .datepicker td.selected {
-      color: #FFFFFF;
-      background-color: #95959500; }
-      .datepicker td.selected:hover {
-        color: #FFFFFF;
-        background-color: #95959500; }
-    .datepicker td.selected.disabled {
-      color: #FFFFFF;
-      background-color: #95959500; }
-    .datepicker td.active:not(.new) {
-      color: #FFFFFF;
-      border-color: #357ebd; }
-      .datepicker td.active:not(.new) .show-date {
-        color: #0568ae;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-    .datepicker td.active:hover:not(.new) {
-      color: #FFFFFF;
-      border-color: #357ebd; }
-      .datepicker td.active:hover:not(.new) .show-date {
-        color: #0568ae;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-    .datepicker .start-date .show-date {
-      background-color: #0568ae;
-      color: #FFFFFF !important;
-      border-radius: 5px 0 0 5px;
-      z-index: 1; }
-      .datepicker .start-date .show-date:before {
-        background-color: #0568ae;
-        content: "";
-        display: block;
-        height: 26px;
-        left: 20px;
-        position: absolute;
-        width: 100%;
-        z-index: -1; }
-    .datepicker .between-date .show-date {
-      background-color: #0568ae;
-      color: #FFFFFF !important; }
-      .datepicker .between-date .show-date:before {
-        background-color: #0568ae;
-        content: "";
-        display: block;
-        height: 26px;
-        left: 0;
-        position: absolute;
-        width: 100%;
-        z-index: -1; }
-    .datepicker .between-date:first-child .show-date:before {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      left: 0;
-      width: 8px; }
-    .datepicker .end-date .show-date {
-      background-color: #0568ae;
-      color: #FFFFFF !important;
-      border-radius: 0 5px 5px 0; }
-      .datepicker .end-date .show-date:before {
-        background-color: #0568ae;
-        content: "";
-        display: block;
-        height: 26px;
-        left: -20px;
-        position: absolute;
-        width: 100%;
-        z-index: -1; }
-    .datepicker .end-date:first-child .show-date:after {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      left: 0;
-      width: 8px; }
-    .datepicker .end-date:first-child .show-date::before {
-      background-color: #FFFFFF; }
-    .datepicker tr td.start-date:last-child .show-date:after {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      right: 0;
-      width: 8px; }
-    .datepicker tr td.start-date:last-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.start-date:first-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.between-date:last-child .show-date:after {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      right: 0;
-      width: 8px; }
-    .datepicker tr td.between-date:last-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.between-date:first-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.end-date:last-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.end-date:first-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker th.datepicker-switch {
-      width: 198px;
-      font-size: 20px;
-      font-weight: normal;
-      cursor: default !important; }
-    .datepicker thead tr:first-child th {
-      cursor: pointer;
-      height: 60px;
-      line-height: 60px; }
-    .datepicker thead tr:first-child th.cw {
-      cursor: default;
-      background-color: transparent; }
-    .datepicker tfoot tr th {
-      cursor: pointer;
-      height: 60px;
-      line-height: 60px;
-      height: auto;
-      line-height: normal; }
-      .datepicker tfoot tr th li {
-        margin-bottom: 5px; }
-    .datepicker .prev {
-      color: transparent;
-      font-size: 0;
-      margin: 0 -1px -1px 0;
-      width: 46px; }
-      .datepicker .prev i {
-        color: #0568ae;
-        position: absolute;
-        font-size: 27px;
-        margin: 0;
-        top: 15px;
-        left: 8px; }
-    .datepicker .next {
-      color: transparent;
-      font-size: 0;
-      margin: 0 -1px -1px 0;
-      width: 46px; }
-      .datepicker .next i {
-        color: #0568ae;
-        position: absolute;
-        font-size: 27px;
-        margin: 0;
-        top: 15px;
-        right: 8px; }
-    .datepicker .cw {
-      font-size: 5px;
-      width: 12px;
-      padding: 0 2px 0 5px;
-      vertical-align: middle; }
-    .datepicker .due-date .show-date {
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      background-color: #cf2a2a;
-      border-radius: 5px;
-      color: #FFFFFF !important; }
-    .datepicker .day.active .show-date:after {
-      border: 2px solid #0568ae;
-      border-radius: 7px;
-      content: "";
-      display: block;
-      height: 30px;
-      left: 4px;
-      position: absolute;
-      top: 0;
-      width: 30px; }
-    .datepicker .day:focus .show-date:after {
-      border: 2px solid #0568ae;
-      border-radius: 7px;
-      content: "";
-      display: block;
-      height: 30px;
-      left: 4px;
-      position: absolute;
-      top: 0;
-      width: 30px;
-      height: 30px;
-      left: 4px;
-      top: 0;
-      width: 30px; }
-    .datepicker .due-date.disabled .show-date:after {
-      border: 2px solid #0568ae;
-      border-radius: 7px;
-      content: "";
-      display: block;
-      height: 30px;
-      left: 4px;
-      position: absolute;
-      top: 0;
-      width: 30px; }
-    .datepicker .day.due-date:focus .show-date:after {
-      height: 30px;
-      left: 4px;
-      top: 0;
-      width: 30px; }
-    .datepicker .due-date.old:after {
-      visibility: hidden; }
-    .datepicker .due-date.new:after {
-      visibility: hidden; }
-    .datepicker .due-date.active:after {
-      border-color: #FFFFFF; }
-    .datepicker .due-date.active.focused {
-      color: #0568ae !important; }
-      .datepicker .due-date.active.focused:after {
-        border-color: #cf2a2a !important; }
-    .datepicker .dow {
-      height: 24px;
-      width: 42px;
-      font-weight: normal;
-      position: relative;
-      overflow: hidden;
-      color: transparent;
-      letter-spacing: -6px;
-      margin: 0 -1px -1px 0; }
-      .datepicker .dow span[aria-hidden="true"] {
-        bottom: 0;
-        color: #5A5A5A;
-        display: block;
-        left: 1px;
-        letter-spacing: 0;
-        line-height: .9;
-        margin: 0 auto;
-        padding: 0;
-        position: relative;
-        width: 22px; }
-    .datepicker .calendar-legend {
-      margin-top: 3px;
-      margin-bottom: 20px; }
-      .datepicker .calendar-legend li {
-        font-size: 1.4rem;
-        font-weight: normal;
-        margin-bottom: 5px;
-        padding-left: 10px;
-        padding-top: 5px;
-        position: relative; }
-    .datepicker i.legend-due-date {
-      background-color: #cf2a2a;
-      border-radius: 5px;
-      height: 18px;
-      width: 18px;
-      margin-right: 8px;
-      vertical-align: middle;
-      display: inline-block; }
-    .datepicker i.legend-selected-date {
-      background-color: #FFFFFF;
-      border: 2px solid #0568ae;
-      border-radius: 5px;
-      height: 18px;
-      width: 18px;
-      margin-right: 8px;
-      vertical-align: middle;
-      display: inline-block; }
-    .datepicker i.legend-selectedisdue {
-      background-color: #FFFFFF;
-      border: 2px solid #0568ae;
-      border-radius: 5px;
-      display: inline-block;
-      height: 18px;
-      margin-right: 8px;
-      position: relative;
-      vertical-align: middle;
-      width: 18px; }
-      .datepicker i.legend-selectedisdue:after {
-        background-color: #cf2a2a;
-        border-radius: 3px;
-        content: "";
-        display: block;
-        height: 10px;
-        left: 2px;
-        position: absolute;
-        top: 2px;
-        width: 10px; }
-    .datepicker .text-left {
-      width: 100%; }
-    .datepicker .active.old {
-      background-color: #ededed !important;
-      color: #ededed !important; }
-  
-  .datepicker-inline {
-    width: 220px; }
-  
-  .datepicker.datepicker-rtl {
-    direction: rtl; }
-    .datepicker.datepicker-rtl td span {
-      float: right; }
-  
-  .datepicker-dropdown {
-    top: 0;
-    left: 0; }
-    .datepicker-dropdown:before {
-      content: " ";
-      display: inline-block;
-      border-left: 10px solid transparent;
-      border-right: 10px solid transparent;
-      border-bottom: 10px solid #d2d2d2;
-      border-top: 0;
-      border-bottom-color: rgba(0, 0, 0, 0.2);
-      position: absolute; }
-    .datepicker-dropdown:after {
-      content: " ";
-      display: inline-block;
-      border-left: 10px solid transparent;
-      border-right: 10px solid transparent;
-      border-bottom: 10px solid #fff;
-      border-top: 0;
-      position: absolute; }
-  
-  .datepicker-dropdown.datepicker-orient-left:before {
-    left: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-left:after {
-    left: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-right:before {
-    right: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-right:after {
-    right: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:before {
-    top: -10px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:after {
-    top: -9px; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:before {
-    bottom: -7px;
-    border-bottom: 0;
-    border-top: 7px solid #959595; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:after {
-    bottom: -6px;
-    border-bottom: 0;
-    border-top: 6px solid #fff; }
-  
-  .datepicker.days div.datepicker-days {
-    display: block; }
-  
-  .datepicker.months div.datepicker-months {
-    display: block; }
-  
-  .datepicker.years div.datepicker-years {
-    display: block; }
-  
-  .show-date {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #0568ae;
-    height: 26px;
-    line-height: 26px;
-    margin: 4px auto 0;
-    width: 26px; }
-  
-  .input-group.date .input-group-addon i {
-    cursor: pointer;
-    width: 16px;
-    height: 16px; }
-  
-  .datepicker.dropdown-menu {
-    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
-    position: absolute;
-    top: 100%;
-    left: 0;
-    float: left;
-    display: none;
-    margin-top: 13px;
-    width: 290px;
-    list-style: none;
-    background-color: #FFFFFF;
-    border: 1px solid #d2d2d2;
-    border: 1px solid rgba(0, 0, 0, 0.2);
-    border-radius: 5px;
-    color: #333333;
-    font-size: 13px;
-    line-height: 1.428571429;
-    z-index: 1050; }
-    .datepicker.dropdown-menu th {
-      display: block;
-      float: left;
-      padding: 0;
-      position: relative; }
-    .datepicker.dropdown-menu td {
-      display: block;
-      float: left;
-      padding: 0;
-      position: relative; }
-  
-  .s {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -62px 0; }
-  
-  .m {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -5px 0; }
-  
-  .t {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -19px 0; }
-  
-  .w {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -34px 0; }
-  
-  .f {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -49px 0; }
-  
-  .d {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .l {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .v {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .j {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .b2b-coachmark-label {
-    z-index: 1060;
-    opacity: 1;
-    cursor: not-allowed;
-    position: relative; }
-  
-  .b2b-coachmark-highlight {
-    border: 1px solid #d3d3d3;
-    cursor: default;
-    z-index: 1045;
-    opacity: 1;
-    background-color: #ffffff;
-    border-radius: 10px;
+.field-group {
     position: relative;
-    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-    padding: 10px;
-    position: absolute; }
-  
-  .b2b-coachmark-highlight-mask {
-    z-index: 1100;
-    opacity: .1; }
-  
-  .b2b-coachmark-container {
-    border: 1px solid #cccccc;
-    width: 316px;
-    pointer-events: auto;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    font-size: 16px;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    background: #fff;
-    border-radius: 20px;
-    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.15);
-    color: #333;
-    line-height: 20px;
-    position: absolute;
-    top: 50px;
-    left: -97px;
-    display: block;
-    background-color: #ffffff;
-    z-index: 1050;
-    opacity: 1; }
-    .b2b-coachmark-container i.b2b-coachmark-caret {
-      position: absolute;
-      top: -12px;
-      left: 47%;
-      opacity: 1;
-      z-index: 1050; }
-    .b2b-coachmark-container i.b2b-coachmark-caret:before {
-      content: "";
-      border-left: 12px solid transparent;
-      border-right: 12px solid transparent;
-      border-bottom: 12px solid #d3d3d3;
-      position: absolute;
-      top: -1px; }
-    .b2b-coachmark-container i.b2b-coachmark-caret:after {
-      content: "";
-      border-left: 12px solid transparent;
-      border-right: 12px solid transparent;
-      border-bottom: 12px solid #fff;
-      position: absolute; }
-    .b2b-coachmark-container .b2b-coachmark-header {
-      position: relative;
-      height: 47px;
-      overflow: hidden; }
-      .b2b-coachmark-container .b2b-coachmark-header .corner-button {
-        box-shadow: 0 -24px 0 0 #f2f2f2 inset;
-        height: 69px;
-        position: absolute;
-        right: -33px;
-        top: -38px;
-        transform: rotate(45deg);
-        width: 69px; }
-    .b2b-coachmark-container .b2b-coachmark-countlabel {
-      font-size: 12px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #333333;
-      margin-left: 20px;
-      margin-top: 20px; }
-    .b2b-coachmark-container .b2b-coachmark-content {
-      padding: 0px 20px 20px 20px;
-      float: left; }
-      .b2b-coachmark-container .b2b-coachmark-content .icon-misc-dimmer {
-        font-size: 32px;
-        float: left;
-        margin-right: 10px;
-        width: 32px; }
-      .b2b-coachmark-container .b2b-coachmark-content .offscreen-text {
-        position: absolute;
-        left: -10000px;
-        top: auto;
-        width: 1px;
-        height: 1px;
-        overflow: hidden; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-content-header {
-        font-size: 16px;
-        color: #333333;
-        line-height: 18px;
-        float: left;
-        width: 220px; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-description {
-        font-size: 14px;
-        line-height: 18px;
-        color: #333333;
-        width: 100%;
-        float: left;
-        margin-top: 15px; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group {
-        margin-top: 20px;
-        float: left;
-        text-align: right;
-        width: 100%; }
-        .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group .b2b-coachmark-link {
-          font-family: "Omnes-ECOMP-W02-Medium", Arial;
-          font-size: 15px;
-          color: #0574ac;
-          line-height: 18px;
-          margin-right: 20px; }
-        .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group button {
-          font-size: 15px;
-          margin: 0px; }
-  
-  .datepicker {
-    background-color: #fff;
-    padding: 0;
-    border-radius: 5px;
-    direction: ltr; }
-  
-  .datepicker-inline {
-    width: 220px; }
-  
-  .datepicker.datepicker-rtl {
-    direction: rtl; }
-  
-  .datepicker.datepicker-rtl td span {
-    float: right; }
-  
-  .datepicker-dropdown {
-    top: 0;
-    left: 0; }
-  
-  /* ARROW */
-  .datepicker-dropdown:before {
-    content: " ";
-    display: inline-block;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid #d2d2d2;
-    border-top: 0;
-    border-bottom-color: rgba(0, 0, 0, 0.2);
-    position: absolute; }
-  
-  .datepicker-dropdown:after {
-    content: " ";
-    display: inline-block;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid #fff;
-    border-top: 0;
-    position: absolute; }
-  
-  .datepicker-dropdown.datepicker-orient-left:before,
-  .datepicker-dropdown.datepicker-orient-left:after {
-    left: 255px; }
-  
-  .datepicker-dropdown.datepicker-orient-right:before,
-  .datepicker-dropdown.datepicker-orient-right:after {
-    right: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:before {
-    top: -10px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:after {
-    top: -9px; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:before {
-    bottom: -7px;
-    border-bottom: 0;
-    border-top: 7px solid #959595; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:after {
-    bottom: -6px;
-    border-bottom: 0;
-    border-top: 6px solid #fff; }
-  
-  .datepicker > div {
-    display: none; }
-  
-  .datepicker.days div.datepicker-days {
-    display: block; }
-  
-  .datepicker.months div.datepicker-months {
     display: block; }
-  
-  .datepicker.years div.datepicker-years {
-    display: block; }
-  
-  .datepicker table {
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    margin: 0 0 0 0; }
-  
-  .datepicker td,
-  .datepicker th {
-    text-align: center;
-    display: block;
-    width: 30px;
-    height: 30px;
-    border: none; }
-  
-  .datepicker tbody :focus {
-    outline: none; }
-  
-  .datepicker td.day {
-    background-color: transparent;
-    color: #0568ae;
-    cursor: pointer;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    height: 34px;
-    line-height: 30rem;
-    margin: -2px -1px 0 0;
-    overflow: hidden;
-    text-align: center;
-    width: 42px; }
-  
-  .datepicker :focus {
-    outline: 1px dotted #000;
-    outline-offset: -2px; }
-  
-  .datepicker td.day.focused {
-    background: #ededed;
-    cursor: pointer; }
-  
-  .datepicker td.day.focused.active {
-    background-color: #ededed;
-    color: #0568ae; }
-  
-  .datepicker td.disabled,
-  .datepicker td.disabled:hover {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5a5a5a;
-    cursor: default; }
-  
-  .datepicker td.today,
-  .datepicker td.today:hover,
-  .datepicker td.today.disabled {
-    color: #fff;
-    background-color: #0568ae; }
-  
-  .datepicker td.today.active,
-  .datepicker td.today:active,
-  .datepicker td.today:hover,
-  .datepicker td.today:focus {
-    color: #fff;
-    background-color: #0568ae; }
-  
-  .datepicker td.today.active:hover {
-    color: #fff; }
-  
-  .datepicker td.selected,
-  .datepicker td.selected:hover,
-  .datepicker td.selected.disabled {
-    color: #ffffff;
-    background-color: #959595; }
-  
-  .datepicker td.active:not(.new),
-  .datepicker td.active:hover:not(.new) {
-    color: #ffffff;
-    border-color: #357ebd; }
-  
-  .show-date {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #0568ae;
-    height: 26px;
-    line-height: 26px;
-    margin: 4px auto 0;
-    width: 26px; }
-  
-  .datepicker .start-date .show-date,
-  .datepicker .between-date .show-date,
-  .datepicker .end-date .show-date {
-    background-color: #0568ae;
-    color: #fff !important; }
-  
-  .datepicker .start-date .show-date {
-    border-radius: 5px 0 0 5px;
-    z-index: 1; }
-  
-  .datepicker .start-date .show-date:before {
-    background-color: #0568ae;
-    content: "";
-    display: block;
-    height: 26px;
-    left: 20px;
-    position: absolute;
-    width: 100%;
-    z-index: -1; }
-  
-  .datepicker .between-date .show-date:before {
-    background-color: #0568ae;
-    content: "";
-    display: block;
-    height: 26px;
-    left: 0;
-    position: absolute;
-    width: 100%;
-    z-index: -1; }
-  
-  .datepicker .end-date .show-date {
-    border-radius: 0 5px 5px 0; }
-  
-  .datepicker .end-date .show-date:before {
-    background-color: #0568ae;
-    content: "";
-    display: block;
-    height: 26px;
-    left: -20px;
-    position: absolute;
-    width: 100%;
-    z-index: -1; }
-  
-  .datepicker .between-date:first-child .show-date:before {
-    background-color: #fff;
-    content: "";
-    height: 26px;
-    position: absolute;
-    left: 0;
-    width: 8px; }
-  
-  .datepicker .end-date:first-child .show-date:after {
-    background-color: #fff;
-    content: "";
-    height: 26px;
-    position: absolute;
-    left: 0;
-    width: 8px; }
-  
-  .datepicker .end-date:first-child .show-date::before {
-    background-color: #fff; }
-  
-  .datepicker tr td.start-date:last-child .show-date:after,
-  .datepicker tr td.between-date:last-child .show-date:after {
-    background-color: #fff;
-    content: "";
-    height: 26px;
-    position: absolute;
-    right: 0;
-    width: 8px; }
-  
-  .datepicker tr td.start-date:last-child:focus .show-date:after,
-  .datepicker tr td.end-date:last-child:focus .show-date:after,
-  .datepicker tr td.between-date:last-child:focus .show-date:after,
-  .datepicker tr td.start-date:first-child:focus .show-date:after,
-  .datepicker tr td.end-date:first-child:focus .show-date:after,
-  .datepicker tr td.between-date:first-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  
-  .datepicker td.active:not(.new) .show-date,
-  .datepicker td.active:hover:not(.new) .show-date {
-    color: #0568ae;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .datepicker td.disabled .show-date,
-  .datepicker td.disabled:hover .show-date {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5a5a5a; }
-  
-  .datepicker td span {
-    display: block;
-    width: 23%;
-    height: 54px;
-    line-height: 54px;
-    float: left;
-    margin: 1%;
-    cursor: pointer;
-    border-radius: 4px; }
-  
-  .datepicker td span:hover {
-    background: #eeeeee; }
-  
-  .datepicker td span.disabled,
-  .datepicker td span.disabled:hover {
-    background: none;
-    color: #5a5a5a;
-    cursor: default; }
-  
-  .datepicker td span.active,
-  .datepicker td span.active:hover,
-  .datepicker td span.active.disabled {
-    color: #ffffff;
-    background-color: #0568ae;
-    border-color: #357ebd; }
-  
-  .datepicker th.datepicker-switch {
-    width: 198px;
-    font-size: 20px;
-    font-weight: normal;
-    cursor: default !important; }
-  
-  .datepicker thead tr:first-child th,
-  .datepicker tfoot tr th {
-    cursor: pointer;
-    height: 60px;
-    line-height: 60px; }
-  
-  .datepicker tfoot tr th {
-    height: auto;
-    line-height: normal; }
-  
-  .datepicker tfoot tr th li {
-    margin-bottom: 5px; }
-  
-  .datepicker .prev,
-  .datepicker .next {
-    color: transparent;
-    font-size: 0;
-    margin: 0 -1px -1px 0;
-    width: 46px; }
-  
-  .datepicker .prev i,
-  .datepicker .next i {
-    color: #0568ae;
-    position: absolute;
-    font-size: 27px;
-    margin: 0;
-    top: 15px; }
-  
-  .datepicker .prev i {
-    left: 8px; }
-  
-  .datepicker .next i {
-    right: 8px; }
-  
-  .datepicker .cw {
-    font-size: 5px;
-    width: 12px;
-    padding: 0 2px 0 5px;
-    vertical-align: middle; }
-  
-  .datepicker thead tr:first-child th.cw {
-    cursor: default;
-    background-color: transparent; }
-  
-  .input-group.date .input-group-addon i {
-    cursor: pointer;
-    width: 16px;
-    height: 16px; }
-  
-  .datepicker.dropdown-menu {
-    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
-    position: absolute;
-    top: 100%;
-    left: 0;
-    float: left;
-    display: none;
-    margin-top: 13px;
-    width: 290px;
-    list-style: none;
-    background-color: #ffffff;
-    border: 1px solid #d2d2d2;
-    border: 1px solid rgba(0, 0, 0, 0.2);
-    border-radius: 5px;
-    color: #333333;
-    font-size: 13px;
-    line-height: 1.428571429;
-    z-index: 1050; }
-  
-  .datepicker.dropdown-menu th,
-  .datepicker.dropdown-menu td {
-    display: block;
-    float: left;
-    padding: 0;
-    position: relative; }
-  
-  .datepicker .due-date .show-date {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    background-color: #cf2a2a;
-    border-radius: 5px;
-    color: #fff !important; }
-  
-  .datepicker .day.active .show-date:after,
-  .datepicker .day:focus .show-date:after,
-  .datepicker .due-date.disabled .show-date:after {
-    border: 2px solid #0568ae;
-    border-radius: 7px;
-    content: "";
-    display: block;
-    height: 30px;
-    left: 4px;
-    position: absolute;
-    top: 0;
-    width: 30px; }
-  
-  .datepicker .day:focus .show-date:after {
-    height: 30px;
-    left: 4px;
-    top: 0;
-    width: 30px; }
-  
-  .datepicker .day.due-date:focus .show-date:after {
-    height: 30px;
-    left: 4px;
-    top: 0;
-    width: 30px; }
-  
-  .datepicker .due-date.old:after,
-  .datepicker .due-date.new:after {
-    visibility: hidden; }
-  
-  .datepicker .due-date.active:after {
-    border-color: #fff; }
-  
-  .datepicker .due-date.active.focused {
-    color: #0568ae !important; }
-  
-  .datepicker .due-date.active.focused:after {
-    border-color: #cf2a2a !important; }
-  
-  .datepicker .dow {
-    height: 24px;
-    width: 42px;
-    font-weight: normal;
-    position: relative;
-    overflow: hidden;
-    color: transparent;
-    letter-spacing: -6px;
-    margin: 0 -1px -1px 0; }
-  
-  .datepicker .dow span[aria-hidden="true"] {
-    bottom: 0;
-    color: #5a5a5a;
-    display: block;
-    left: 1px;
-    letter-spacing: 0;
-    line-height: .9;
-    margin: 0 auto;
-    padding: 0;
-    position: relative;
-    width: 22px; }
-  
-  .datepicker .calendar-legend {
-    margin-top: 3px;
-    margin-bottom: 20px; }
-  
-  .datepicker .calendar-legend li {
-    font-size: 1.4rem;
-    font-weight: normal;
-    margin-bottom: 5px;
-    padding-left: 10px;
-    padding-top: 5px;
-    position: relative; }
-  
-  .datepicker i.legend-due-date {
-    background-color: #cf2a2a;
-    border-radius: 5px;
-    height: 18px;
-    width: 18px;
-    margin-right: 8px;
-    vertical-align: middle;
-    display: inline-block; }
-  
-  .datepicker i.legend-selected-date {
-    background-color: #fff;
-    border: 2px solid #0568ae;
-    border-radius: 5px;
-    height: 18px;
-    width: 18px;
-    margin-right: 8px;
-    vertical-align: middle;
-    display: inline-block; }
-  
-  .datepicker i.legend-selectedisdue {
-    background-color: #fff;
-    border: 2px solid #0568ae;
-    border-radius: 5px;
-    display: inline-block;
-    height: 18px;
-    margin-right: 8px;
-    position: relative;
-    vertical-align: middle;
-    width: 18px; }
-  
-  .datepicker i.legend-selectedisdue:after {
-    background-color: #cf2a2a;
-    border-radius: 3px;
-    content: "";
-    display: block;
-    height: 10px;
-    left: 2px;
-    position: absolute;
-    top: 2px;
-    width: 10px; }
-  
-  .datepicker .text-left {
-    width: 100%; }
-  
-  .datepicker .active.old {
-    background-color: #ededed !important;
-    color: #ededed !important; }
-  
-  .s,
-  .m,
-  .t,
-  .w,
-  .f,
-  .d,
-  .l,
-  .v,
-  .j {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: white;
-    background-repeat: no-repeat; }
-  
-  .s {
-    background-position: -62px 0; }
-  
-  .m {
-    background-position: -5px 0; }
-  
-  .t {
-    background-position: -19px 0; }
-  
-  .w {
-    background-position: -34px 0; }
-  
-  .f {
-    background-position: -49px 0; }
-  
-  /* spanish */
-  .d {
-    background-position: 0 0; }
-  
-  .l {
-    background-position: 0 0; }
-  
-  .v {
-    background-position: 0 0; }
-  
-  .j {
-    background-position: 0 0; }
-  
-  .datepicker-container {
-    position: relative; }
-  
-  .btn-calendar-icon:focus .icon-primary-calendar {
-    outline: 1px dotted #191919; }
-  
-  .btn-calendar-icon:focus {
-    outline: none; }
-  
-  /* remove focus outline when dropdown is opened */
-  /*resolve blue focus outline over dropdown with error*/
-  select {
-    margin-right: -1;
-    
-    height: 36px;
-    line-height: 25px;
-    
-    background-color: #95959521; }
-  
-  .selectWrap.disabled .icon-primary-down {
-    color: #d6d6d6; }
-  
-  .selectWrap.disabled input.awd-select {
-    z-index: 0;
-    padding: 10px 45px 10px 15px;
-    text-indent: 0; }
-  
-  .selectWrap.disabled button.awd-select {
-    z-index: 0;
-    text-indent: 15px; }
-  
-  .selectWrap.disabled:after {
-    color: #5A5A5A;
-    cursor: not-allowed; }
-  
-  input.awd-select {
-    background-color: transparent;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-    color: #333333;
-    display: block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    /*font-size: 1.6rem;*/
-    height: 36px;
-    line-height: 0;
-    margin-bottom: 0;
-    position: relative;
-    text-align: left;
-    top: 0;
-    width: 100%;
-    z-index: 10;
-    padding: 12px 45px 8px 15px;
-    user-select: none; }
-    input.awd-select:focus {
-      border-color: #0568ae !important;
-      text-overflow: ellipsis;
-      padding-right: 45px; }
-  
-  button.awd-select {
-    background-color: transparent;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-    color: #333333;
-    display: block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    /*font-size: 1.6rem;*/
-    height: 36px;
-    line-height: 36px;
-    margin-bottom: 0;
-    position: relative;
-    text-align: left;
-    top: 0;
-    width: 100%;
-    z-index: 10; }
-    button.awd-select:not(.large) {
-      text-indent: 15px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: clip;
-      text-overflow: ellipsis; }
-    button.awd-select img {
-      height: 26px;
-      margin-right: 7px;
-      margin-top: -10px;
-      position: relative;
-      top: 2px;
-      vertical-align: text-bottom; }
-    button.awd-select:focus {
-      border-color: #0568ae !important; }
-    button.awd-select i {
-      font-size: 23px;
-      position: absolute;
-      right: 33px;
-      top: 5px;
-      z-index: 1000; }
-  
-  button.awd-select.large {
-    align-items: center;
-    display: flex;
-    height: 60px;
-    line-height: 20px;
-    overflow: hidden;
-    padding-left: 70px;
-    vertical-align: middle; }
-    button.awd-select.large img {
-      height: 40px;
-      left: 20px;
-      position: absolute;
-      top: 20px;
-      width: 40px; }
-  
-  .selectWrap.large {
-    height: 60px; }
-    .selectWrap.large .awd-select-list-item {
-      align-items: center;
-      display: flex;
-      height: 60px;
-      line-height: 20px;
-      overflow: hidden;
-      padding-left: 70px;
-      vertical-align: middle; }
-      .selectWrap.large .awd-select-list-item img {
-        height: 40px;
-        left: 20px;
-        position: absolute;
-        top: 20px;
-        width: 40px;
-        top: 10px; }
-        
-        .inputWrap {
-    border-radius: 6px;
-    position: relative;
-    height: 36px;
-    line-height: 44px;
-    display: block;
-    margin: 0;
-    }
-  
-  button.awd-select.active {
-    border-radius: 6px 6px 0 0; }
-    button.awd-select.active:focus {
-      border-color: #d2d2d2 !important; }
-  
-  input.awd-select.active {
-    border-radius: 6px 6px 0 0; }
-    input.awd-select.active:focus {
-      border-color: #d2d2d2 !important; }
-  
-  .selectWrapper {
-    position: relative; }
-  
-  span.selectWrap input[readonly]:focus {
-    color: transparent;
-    text-shadow: 0 0 0 #000; }
-  
-  .isIE.ds2-no-colors .awd-select:focus {
-    outline: 1px dashed transparent; }
-  
-  .awd-select-list {
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-    border-radius: 0 0 6px 6px;
-    position: absolute;
-    border: 1px solid #d2d2d2;
-    border-top: 0;
-    padding: 0;
-    background-color: #f2f2f2;
-    z-index: 1000;
-    width: 100%;
-    max-height: 320px;
-    overflow-y: auto; }
-  
-  .awd-select-list-item {
-    cursor: pointer;
-    height: 100%;
-    min-height: 36px;
-    line-height: 20px;
-    overflow: hidden;
-    padding: 8px 15px;
-    position: relative;
-    z-index: 1000; }
-    .awd-select-list-item:hover {
-      cursor: pointer;
-      background-color: #d2d2d2;
-      outline: 1px dashed transparent; }
-    .awd-select-list-item:focus {
-      cursor: pointer;
-      background-color: #d2d2d2;
-      outline: 1px dashed transparent; }
-    .awd-select-list-item img {
-      margin-top: 0;
-      margin-right: 7px;
-      height: 26px;
-      width: 26px; }
-  
-  .selectWrap {
-    border-radius: 6px;
-    position: relative;
-    height: 36px;
-    line-height: 28px;
-    display: block;
-    margin: 0;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-    .selectWrap:not(.large) .awd-select-list-item:first-child {
-      margin-top: 15px; }
-    .selectWrap:not(.large) .awd-select-list-item:last-child {
-      margin-bottom: 15px; }
-    .selectWrap .icon-primary-down {
-      font-size: 23px;
-      margin-top: -11px;
-      position: absolute;
-      right: 4px;
-      top: 50%; }
-    .selectWrap + [aria-expanded="true"] {
-      padding-bottom: 9px;
-      padding-top: 20px; }
-  
-  .awd-select-list-item[data-hover="true"] {
-    background-color: #d2d2d2; }
-  
-  span input.awd-select {
-    width: 100%;
-    cursor: pointer;
-    text-overflow: ellipsis;
-    padding-right: 45px; }
-  
-  li.optgroup-wrapper {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    cursor: default !important;
-    padding: 0px 15px; }
-    li.optgroup-wrapper:first-child {
-      padding-top: 10px; }
-    li.optgroup-wrapper:hover {
-      background-color: #f2f2f2; }
-  
-  ul.optgroup {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    cursor: pointer !important;
-    margin: 0 -15px; }
-    ul.optgroup li {
-      padding: 0 0 0 33px; }
-  
-  label + .selectWrap {
-    margin-top: 4px; }
-  
-  .selectorModule {
-    border-radius: 6px;
-    position: relative;
-    height: 36px;
-    line-height: 28px;
-    display: block;
-    margin: 0;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-  
-  .group .selectWrap {
-    margin: 0 0 10px 0; }
-  
-  select.awd-select {
-    position: relative;
-    top: 0;
-    left: 0;
-    font-size: 16px;
-    z-index: 1010;
-    height: 33px;
-    min-width: 100%;
-    opacity: 0.01; }
-    select.awd-select > optgroup {
-      padding-left: 8px;
-      font-style: normal;
-      margin-top: 10px; }
-      select.awd-select > optgroup:first-child {
-        margin-top: 0; }
-      select.awd-select > optgroup > option {
-        padding-left: 8px; }
-    select.awd-select > option {
-      padding-left: 8px; }
-    select.awd-select + span {
-      background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-      background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0);
-      position: absolute;
-      top: 0;
-      left: 0;
-      z-index: 0;
-      display: block;
-      border: 1px solid #d2d2d2;
-      border-radius: 6px;
-      height: 35px;
-      line-height: 0;
-      padding: 18px 45px 15px 15px;
-      width: 100%;
-      font-size: 1.6rem;
-      padding-right: 45px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis; }
-      select.awd-select + span > i {
-        font-size: 23px;
-        position: absolute;
-        right: 33px;
-        top: 5px;
-        z-index: 1000; }
-        select.awd-select + span > i:before {
-          left: 1px;
-          position: absolute;
-          top: -1px; }
-    select.awd-select:focus + span {
-      border-color: #0568ae; }
-  
-  .isIE select.awd-select + span {
-    line-height: 1; }
-  
-  [data-default-option="true"] {
-    color: #767676 !important;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  
-  .placeholdercolor {
-    color: #767676 !important;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  
-  .filterTank button.awd-select {
-    border-color: #d2d2d2;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #333333; }
-    .filterTank button.awd-select:after {
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2; }
-  
-  .utility-bg button.awd-select {
-    border-color: #d2d2d2;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #333333; }
-    .utility-bg button.awd-select:after {
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2; }
-  
-  .utility-bg select.awd-select + span {
-    border-color: #d2d2d2;
-    border-color: #d2d2d2;
-    background-color: #333333;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #FFFFFF; }
-    .utility-bg select.awd-select + span:after {
-      background-color: #FFFFFF !important;
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2;
-      border-color: #d2d2d2; }
-  
-  .utility-bg select.awd-select:focus + span {
-    border-color: #d2d2d2;
-    border-color: #d2d2d2;
-    background-color: #333333;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #FFFFFF; }
-    .utility-bg select.awd-select:focus + span:after {
-      background-color: #FFFFFF !important;
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2;
-      border-color: #d2d2d2; }
-  
-  .utility-bg select.awd-select:hover + span {
-    border-color: #d2d2d2;
-    border-color: #d2d2d2;
-    background-color: #333333;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #FFFFFF; }
-    .utility-bg select.awd-select:hover + span:after {
-      background-color: #FFFFFF !important;
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2;
-      border-color: #d2d2d2; }
-  
-  input.awd-select[disabled] {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    input.awd-select[disabled] + span {
-      cursor: not-allowed;
-      border-color: #d2d2d2;
-      background-color: #d2d2d2;
-      background-image: none;
-      color: #5A5A5A; }
-  
-  button.awd-select[disabled] {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    button.awd-select[disabled]:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled] + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled]:focus + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-  
-  select.awd-select[disabled]:hover + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-  
-  input.awd-select[disabled="disabled"] {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    input.awd-select[disabled="disabled"] + span {
-      cursor: not-allowed;
-      border-color: #d2d2d2;
-      background-color: #d2d2d2;
-      background-image: none;
-      color: #5A5A5A; }
-  
-  select.awd-select[disabled="disabled"] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled="disabled"] + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled="disabled"]:focus + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled="disabled"]:focus + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled="disabled"]:hover + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled="disabled"]:hover + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  .ddexpand-wrapper > h2 {
-    margin-bottom: 11px; }
-    .ddexpand-wrapper > h2 + p {
-      margin-bottom: 4px; }
-  
-  .ddexpand-wrapper .selectWrap + [aria-expanded="true"] .form-row {
-    margin-top: 11px; }
-  
-  .ddexpand-wrapper .selectWrap + [aria-expanded="true"] .row + .row .form-row {
-    margin-top: 14px; }
-  
-  .modal .awd-select-list {
-    z-index: 1060 !important; }
-  
-  .form-row.error button.awd-select.active:focus {
-    border-color: #cf2a2a !important; }
-  
-  .form-row.error input.awd-select.active:focus {
-    border-color: #cf2a2a !important; }
-  
-  .awd-module-list .module-list-item[aria-selected="true"] {
-    background-color: #f2f2f2; }
-  
-  li.module-list-item[aria-selected="true"]:before {
-    color: #0568ae;
-    display: inline-block;
-    font-family: "icoControls" !important;
-    font-style: normal;
-    font-size: 20px;
-    font-weight: normal;
-    font-variant: normal;
-    height: 1em;
-    margin-right: 7px;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    position: relative;
-    speak: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    vertical-align: middle;
-    width: 1em;
-    content: "\e907";
-    box-sizing: border-box;
-    display: inline-block;
-    font-size: 2em;
-    height: 1em;
-    position: absolute;
-    top: 20px;
-    right: 0px;
-    vertical-align: middle;
-    width: 1em;
-    color: #007a3e; }
-  
-  @media (min-width: 768px) {
-    span[class*="large"] {
-      max-width: 370px; }
-    .large {
-      max-width: 370px; } }
-  
-  @media (max-width: 767px) {
-    .selectWrap.large:after {
-      right: 5px; }
-    .selectWrap.large .awd-select-list-item {
-      padding-right: 41px; }
-    .selectWrap + div > h4 {
-      margin-bottom: 0;
-      font-size: 16px; } }
-  
-  /**********************Dropdown Chrome scrolling fix start ********************/
-  input.awd-select {
-    -webkit-user-select: text;
-    -moz-user-select: text;
-    -ms-user-select: text;
-    user-select: text; }
-  
-  /**********************Dropdown Chrome scrolling fix end ********************/
-  .mpc-expanders {
-    border-bottom: 1px solid #e4e4e4;
-    border-top: 1px solid #e4e4e4; }
-  
-  .mpc-expanders + .mpc-expanders {
-    border-top: 0px; }
-  
-  .mpc-expanders .heading-medium {
-    margin-bottom: 10px; }
-  
-  .mpc-expanders .p-small {
-    margin-top: 5px; }
-  
-  .mpc-expander-body {
-    border-top: 1px solid #e4e4e4; }
-  
-  .mpc-expander-body .mpc-expanders {
-    border-bottom: 1px solid #e4e4e4;
-    border-top: 0; }
-  
-  .mpc-expander-body .mpc-expanders:last-child {
-    border-bottom: 0px; }
-  
-  .ddh-blue {
-    color: #0574ac; }
-  
-  .b2b-dragdrop {
-    border: 1px dashed #bbb;
-    border-radius: 5px;
-    padding: 0;
-    text-align: center;
-    color: #bbb;
-    position: relative; }
-  
-  .b2b-dragdrop-over {
-    background: #0091d9;
-    color: #006496; }
-    .b2b-dragdrop-over:after {
-      content: "Drop the file";
-      color: #fff;
-      width: 80px;
-      height: 20px;
-      overflow: hidden;
-      margin: auto;
-      position: absolute;
-      top: 0;
-      left: 0;
-      bottom: 0;
-      right: 0; }
-  
-  .b2b-file-container {
-    position: relative;
-    overflow: hidden;
-    display: inline-table;
-    font-weight: 400; }
-    .b2b-file-container [type=file] {
-      position: absolute;
-      cursor: inherit;
-      display: block;
-      font-size: 0;
-      opacity: 0;
-      height: 0;
-      width: 0;
-      left: 0;
-      top: 0;
-      -ms-filter: "alpha(Opacity=0)"; }
-  
-  .b2b-upload-link {
-    color: #0568ae; }
-  
-  .b2b-flyout {
-    position: relative;
-    display: inline-block;
-    cursor: default; }
-  
-  .b2b-flyout-icon {
-    cursor: pointer; }
-    .b2b-flyout-icon:focus {
-      outline: thin dotted #666;
-      outline-offset: -1px; }
-  
-  .b2b-flyout .b2b-flyout-container {
-    border: 1px solid #d3d3d3;
+
+
+.search{
     width: 300px;
-    padding: 20px;
-    pointer-events: auto;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    font-size: 16px;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    background: #fff;
-    border-radius: 6px;
-    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-    color: #333;
-    line-height: 20px;
-    position: absolute;
-    top: 35px;
-    opacity: 0;
-    z-index: 1010;
-    display: none; }
-    .b2b-flyout .b2b-flyout-container.open-flyout {
-      opacity: 1;
-      display: block; }
-  
-  .b2b-flyout i.b2b-flyout-caret {
-    position: absolute;
-    top: -8px;
-    left: 50%;
-    opacity: 0;
-    z-index: 1011;
-    display: none; }
-    .b2b-flyout i.b2b-flyout-caret.open-flyout {
-      opacity: 1;
-      display: block; }
-    .b2b-flyout i.b2b-flyout-caret:before {
-      content: "";
-      border-left: 8px solid transparent;
-      border-right: 8px solid transparent;
-      border-bottom: 8px solid #d3d3d3;
-      position: absolute;
-      top: -1px; }
-    .b2b-flyout i.b2b-flyout-caret:after {
-      content: "";
-      border-left: 8px solid transparent;
-      border-right: 8px solid transparent;
-      border-bottom: 8px solid #fff;
-      position: absolute; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-left i.b2b-flyout-caret {
-    left: 16px !important; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-right i.b2b-flyout-caret {
-    left: inherit !important;
-    right: 30px !important; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-above {
-    box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.25); }
-    .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret {
-      top: auto;
-      bottom: 0px; }
-      .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:before {
-        top: auto;
-        bottom: -9px;
-        border-top: 8px solid #d3d3d3;
-        border-bottom: none; }
-      .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:after {
-        border-top: 8px solid #fff;
-        border-bottom: none; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-centerLeft i.b2b-flyout-caret {
-    left: inherit !important;
-    right: -7px !important;
-    top: 8px;
-    transform: rotate(90deg); }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-centerRight i.b2b-flyout-caret {
-    left: -8px !important;
-    top: 296px;
-    transform: rotate(-90deg); }
-  
-  .b2b-flyout .buttons-group {
-    margin-top: 20px; }
-    .b2b-flyout .buttons-group .cta-button-group {
-      width: 100%;
-      border-top: 1px solid #ccc;
-      padding: 20px 0 0; }
-      .b2b-flyout .buttons-group .cta-button-group button {
-        margin-bottom: 0; }
-  
-  .b2b-flyout .heading {
-    font-size: 20px;
-    margin-bottom: 10px; }
-  
-  .b2b-flyout .body-text {
-    font-size: 14px;
-    margin-bottom: 30px; }
-  
-  .b2b-footer-wrapper {
-    width: 100%;
-    background-color: #222; }
-  
-  .b2b-footer-container {
-    width: 980px;
-    margin: 0 auto;
-    padding-top: 15px; }
-    .b2b-footer-container .footer-columns {
-      display: inline-block;
-      text-align: left;
-      vertical-align: top; }
-      .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-        padding-top: 30px; }
-      .b2b-footer-container .footer-columns.three-column {
-        width: 33.3%;
-        padding-left: 75px; }
-      .b2b-footer-container .footer-columns.four-column {
-        width: 25%;
-        padding-left: 75px; }
-      .b2b-footer-container .footer-columns.five-column {
-        width: 20%; }
-      .b2b-footer-container .footer-columns .b2b-footer-header {
-        color: #009fdb;
-        font-size: 18px;
-        font-style: normal;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial;
-        line-height: 23.9px;
-        margin: 0; }
-      .b2b-footer-container .footer-columns li {
-        padding: 7.5px 0; }
-      .b2b-footer-container .footer-columns ul li:first-child {
-        padding-top: 15px; }
-      .b2b-footer-container .footer-columns li a {
-        color: #fff;
-        font-size: 16px;
-        font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-footer-container .footer-nav-content {
-      padding-bottom: 10px; }
-      .b2b-footer-container .footer-nav-content li {
-        display: inline;
-        font-size: 14px;
-        color: #fff;
-        vertical-align: middle; }
-        .b2b-footer-container .footer-nav-content li a {
-          color: #fff;
-          font-size: 14px;
-          vertical-align: middle;
-          margin-right: 5px;
-          font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-footer-wrapper .b2b-footer-container hr {
-    background: #d2d2d2;
-    margin-top: 50px; }
-  
-  .b2b-footer-wrapper .divider-bottom-footer {
-    padding: 45px 0 50px 0; }
-  
-  .b2b-footer-wrapper .footerLogo {
-    margin: 10px 0 0 0px;
-    vertical-align: top; }
-    .b2b-footer-wrapper .footerLogo div {
-      display: inline-block; }
-    .b2b-footer-wrapper .footerLogo .icon-primary-att-globe {
-      font-size: 40px; }
-    .b2b-footer-wrapper .footerLogo .logo-title {
-      color: #fff;
-      margin-left: 10px;
-      display: inline-block;
-      font-size: 26px;
-      margin-top: 0px; }
-  
-  .b2b-footer-wrapper .copyright-text {
-    color: #fff;
-    font-size: 11px;
-    text-align: left;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-footer-wrapper .copyright-text a {
-      color: #fff;
-      text-decoration: underline;
-      display: inline-block; }
-      .b2b-footer-wrapper .copyright-text a:hover {
-        text-decoration: none; }
-  
-  @media (max-width: 768px) {
-    .b2b-footer-wrapper {
-      padding: 0 15px; }
-    .b2b-footer-container {
-      width: 100%; }
-      .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-        width: 50%; }
-    .b2b-footer-wrapper .divider-bottom-footer {
-      padding-top: 15px; }
-      .b2b-footer-wrapper .divider-bottom-footer .footer-links {
-        width: 100%; }
-    .b2b-footer-wrapper .footerLogo {
-      margin: 30px 0 0 0; }
-      .b2b-footer-wrapper .footerLogo .footer-logo {
-        margin: 0;
-        padding-left: 10px; } }
-  
-  .b2b-header-tabs {
-    background-color: #222;
-    width: 100%;
-    position: relative;
-    height: 45px; }
-    .b2b-header-tabs .icon-primary-att-globe {
-      color: #0568ae; }
-    .b2b-header-tabs a:focus {
-      border: 1px solid white; }
-    .b2b-header-tabs .header__items {
-      width: 980px;
-      margin: 0 auto;
-      display: block;
-      list-style: none;
-      padding: 6px 0px 0px 0px;
-      border-spacing: 30px 0; }
-    .b2b-header-tabs .header__item {
-      display: inline-block;
-      text-align: left;
-      width: auto;
-      font-size: 16px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      cursor: pointer;
-      padding: 5px 15px;
-      color: #fff; }
-      .b2b-header-tabs .header__item.b2b-headermenu {
-        padding: 0; }
-        .b2b-header-tabs .header__item.b2b-headermenu:last-child {
-          background: none; }
-        .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-          color: #fff;
-          text-decoration: none;
-          display: inline-block;
-          padding: 5px 15px; }
-      .b2b-header-tabs .header__item.active {
-        background-color: #fff;
-        border-radius: 2px;
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0; }
-        .b2b-header-tabs .header__item.active a.menu__item {
-          color: #0578ae; }
-    .b2b-header-tabs li:focus {
-      outline: 2px solid #0578ae; }
-    .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-      background-color: #fff;
-      position: absolute;
-      width: 100%;
-      left: 0;
-      top: 42px;
-      border-bottom: solid 1px #ccc;
-      -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-      -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-      display: none;
-      z-index: 111; }
-    .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-      background-color: #fff;
-      width: 980px;
-      margin: 0 auto; }
-    .b2b-header-tabs .header__item.active .header-secondary-wrapper {
-      display: block; }
-    .b2b-header-tabs .header-secondary .header-subitem {
-      display: inline-block;
-      width: auto;
-      margin: 0 15px; }
-      .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-        display: block; }
-      .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-        display: inline-block;
-        padding: 15px 0;
-        color: #333; }
-        .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-          color: #0578ae; }
-  
-  /** Secondary Menu **/
-  .b2b-labelhide {
-    position: absolute;
-    clip: rect(1px, 1px, 1px, 1px); }
-  
-  /** Tertiary Level Menu **/
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-    position: absolute;
-    z-index: 111;
-    top: 25px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after, .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-      content: '';
-      border-left: 8px solid transparent;
-      border-right: 8px solid transparent;
-      position: absolute;
-      -webkit-transition: left .2s ease-out;
-      -moz-transition: left .2s ease-out;
-      transition: left .2s ease-out; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-      border-bottom: 8px solid #fff;
-      top: 10px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-      border-bottom: 8px solid #ccc;
-      top: 9px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-    border-top: solid 1px #ccc; }
-  
-  .b2b-header-tabs .header-tertiary:after {
-    content: '';
-    clear: both;
-    display: block; }
-  
-  .b2b-header-tabs .header-tertiary li {
-    display: inline-block;
-    padding: 0;
-    float: left; }
-    .b2b-header-tabs .header-tertiary li a {
-      color: #333;
-      display: block;
-      padding: 10px 15px; }
-    .b2b-header-tabs .header-tertiary li label {
-      text-align: left;
-      display: block;
-      font-size: 16px;
-      font-weight: bold;
-      color: #857B7B;
-      padding: 15px 0 0 15px; }
-  
-  .b2b-header-tabs .header__item.skip {
-    padding: 0;
-    display: inline-block;
-    cursor: default !important; }
-    .b2b-header-tabs .header__item.skip a {
-      color: transparent;
-      font-size: 12px;
-      line-height: 15px;
-      text-decoration: none; }
-      .b2b-header-tabs .header__item.skip a:focus {
-        color: #fff;
-        outline: 2px solid #0578ae; }
-  
-  .b2b-header-tabs .selectWrap {
-    min-width: 150px; }
-    .b2b-header-tabs .selectWrap button.awd-select {
-      height: 30px;
-      line-height: 31px;
-      font-size: 1rem;
-      display: inline-block; }
-    .b2b-header-tabs .selectWrap .awd-select-list {
-      background-color: #fff;
-      color: #333;
-      -webkit-transition: opacity .2s ease-out;
-      -moz-transition: opacity .2s ease-out;
-      transition: opacity .2s ease-out;
-      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-  
-  @media (max-width: 768px) {
-    .b2b-header-tabs {
-      padding: 0 15px; }
-      .b2b-header-tabs .header__items, .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-        width: 100%; }
-      .b2b-header-tabs .header__item {
-        padding: 5px 0; }
-      .b2b-header-tabs .globe-text {
-        display: none; }
-      .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-        padding: 5px 7px 9px 7px; }
-      .b2b-header-tabs .header__item .header-tertiary-wrapper {
-        top: 30px; }
-      .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-        top: 14px; }
-      .b2b-header-tabs .header__item .header-secondary-wrapper {
-        top: 45px; }
-      .b2b-header-tabs .header__item.profile {
-        padding-left: 15px;
-        float: none; } }
-  
-  /************* Header - Start *************/
-  .b2b-header-tabs {
-    background-color: #222;
-    width: 100%;
-    position: relative;
-    height: 45px; }
-  
-  .b2b-header-tabs .icon-primary-primary-att-globe {
-    color: #0568ae;
-    font-size: 34px;
-    bottom: 1px; }
-  
-  /*
-   *TODO: delete below .icon-primary-att-globel will not be used 
-   *instead the one above, icon-primary-primary-att-globe not available here
-   */
-  .b2b-header-tabs .icon-primary-att-globe {
-    color: #0568ae;
-    font-size: 34px; }
-  
-  .b2b-header-tabs .globe-text {
-    margin-left: 20px;
-    font-size: 2rem; }
-  
-  .b2b-header-tabs .header__items {
-    width: 980px;
-    margin: 0 auto;
-    display: block;
-    list-style: none;
-    border-spacing: 30px 0;
-    padding: 3px 0px 0px 0px; }
-  
-  .b2b-header-tabs .header__item {
-    display: inline-block;
-    text-align: left;
-    width: auto;
-    font-size: 14px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    cursor: pointer;
-    padding: 0 15px 4px 15px;
-    /*margin-top:-3px;*/
-    color: #fff; }
-  
-  .b2b-header-tabs .header__item.b2b-headermenu {
-    padding: 0; }
-  
-  .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-    color: #fff;
-    text-decoration: none;
-    display: inline-block;
-    padding: 8px 15px 12px 15px;
-    font-size: 16px; }
-  
-  .b2b-header-tabs .header__item.active {
-    background-color: #fff;
-    border-radius: 2px;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0; }
-  
-  .b2b-header-tabs .header__item.active a.menu__item {
-    color: #0578ae; }
-  
-  .b2b-header-tabs li:focus {
-    outline: 2px solid #0578ae; }
-  
-  /** profile pop Over **/
-  .b2b-header-tabs .header__item.profile {
-    position: relative;
-    float: right; }
-  
-  /** Secondary Menu **/
-  .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-    background-color: #fff;
-    position: absolute;
-    width: 100%;
-    left: 0;
-    top: 42px;
-    border-bottom: solid 1px #ccc;
-    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    display: none;
-    z-index: 111; }
-  
-  .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-    background-color: #fff;
-    width: 980px;
-    margin: 0 auto; }
-  
-  .b2b-header-tabs .header__item.active .header-secondary-wrapper,
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-    display: block; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem {
-    display: inline-block;
-    width: auto;
-    margin: 0 15px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-    display: inline-block;
-    padding: 15px 0;
-    color: #333;
-    font-size: 14px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-    color: #0578ae; }
-  
-  .b2b-label-hide {
-    position: absolute;
-    clip: rect(1px, 1px, 1px, 1px); }
-  
-  /** Tertiary Level Menu **/
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after,
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    content: '';
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
-    position: absolute;
-    -webkit-transition: left .2s ease-out;
-    -moz-transition: left .2s ease-out;
-    transition: left .2s ease-out; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-    position: absolute;
-    z-index: 111;
-    top: 25px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-    border-bottom: 8px solid #fff;
-    top: 10px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    border-bottom: 8px solid #ccc;
-    top: 9px; }
-  
-  /** Tertiary Level Menu **/
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-    border-top: solid 1px #ccc; }
-  
-  .b2b-header-tabs .header-tertiary:after {
-    content: '';
-    clear: both;
-    display: block; }
-  
-  .b2b-header-tabs .header-tertiary li {
-    display: inline-block;
-    padding: 0;
-    float: left; }
-  
-  .b2b-header-tabs .header-tertiary li a {
-    color: #333;
-    display: block;
-    padding: 7px 15px;
-    max-width: 228px; }
-  
-  .b2b-header-tabs .header-tertiary li label {
-    text-align: left;
-    display: block;
-    font-size: 14px !important;
-    font-weight: bold;
-    color: #857B7B;
-    padding: 15px 0 0 15px; }
-  
-  /** Quarternary Level Menu **/
-  .b2b-header-tabs .header-quarternary {
-    width: 100%;
-    float: left; }
-  
-  .b2b-header-tabs .header-quarternary li {
-    padding-left: 15px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    display: none; }
-  
-  .b2b-header-tabs .header-quarternary li.active {
-    display: block; }
-  
-  .b2b-header-tabs .header-quarternary li a {
-    color: #666666;
-    font-size: 14px;
-    padding: 0px 10px 10px 10px; }
-  
-  /** Skip Navigation**/
-  .b2b-header-tabs .header__item.skip {
-    padding: 0;
-    display: inline-block;
-    cursor: default !important; }
-  
-  .b2b-header-tabs .header__item.skip a {
-    color: transparent;
-    font-size: 12px;
-    line-height: 15px;
-    text-decoration: none; }
-  
-  .b2b-header-tabs .header__item.skip a:focus {
-    color: #fff;
-    outline: 2px solid #0578ae; }
-  
-  /** Dropdown css inside Header ****/
-  .b2b-header-tabs .selectWrap {
-    min-width: 150px; }
-  
-  .b2b-header-tabs .selectWrap button.awd-select, .b2b-header-tabs .selectWrap input.awd-select {
-    height: 36px;
-    line-height: 31px;
-    font-size: 1rem;
-    display: inline-block; }
-  
-  .b2b-header-tabs .selectWrap .awd-select-list {
-    background-color: #fff;
-    color: #333;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-  
-  /*
-   * responsive header media queries
-   */
-  @media screen and (max-width: 1100px) {
-    .b2b-header-tabs .globe-text {
-      display: none; }
-    .b2b-header-tabs .header__item.profile {
-      padding-left: 15px;
-      float: none; }
-    .b2b-header-tabs .header__items {
-      padding-top: 0px; } }
-  
-  @media screen and (max-width: 950px) {
-    .header__item.profile {
-      top: 20px; }
-    .b2b-header-tabs {
-      height: 90px; }
-    .header__item .selectWrap {
-      bottom: 15px; }
-    .b2b-header-tabs .header__items {
-      padding-top: 25px; }
-    .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-      top: 80px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-      top: 35px; }
-    .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-      padding-bottom: 30px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-      margin-top: -28px; } }
-  
-  /*************** Header - END ******************/
-  .hp-container {
-    display: block;
-    max-width: 408px; }
-    .hp-container i:focus {
-      outline: thin dotted #666; }
-    .hp-container .icon-misc-pen {
-      cursor: pointer; }
-    .hp-container .icon-misc-trash {
-      cursor: pointer; }
-  
-  .hp-selected {
-    border-bottom: 1px solid #ccc;
-    border-bottom: 1px solid #ccc;
-    margin-bottom: 16px;
-    padding-bottom: 16px; }
-    .hp-selected .selected-days {
-      padding-bottom: 16px; }
-      .hp-selected .selected-days .day {
-        padding-top: 10px;
-        float: left; }
-  
-  /* .hp-checkbox {
-    padding-top: 20px;
-    margin: 16px auto 0 auto; }
-    .hp-checkbox label {
-      position: relative;
-      width: 20px;
-      margin-right: 34px; }
-      .hp-checkbox label span {
-        position: absolute;
-        top: -20px;
-        left: 0px;
-        margin-left: 0px; } */
-  
-  .hp-dropdowns {
-    margin-top: 15px;
-    display: flex;
-    display: -webkit-flex;
-    display: -ms-flexbox; }
-  
-  .hp-buttons {
-    margin-top: 20px;
-    display: flex;
-    display: -webkit-flex;
-    display: -ms-flexbox; }
-  
-  .hp-dropdowns .radio-buttons {
-    margin-top: 30px; }
-    .hp-dropdowns .radio-buttons .radio {
-      margin-right: 15px; }
-  
-  
-  
-  /* TODO: Build a reference page for these classes */
-  .font-regular {
-    font-family: "Omnes-ECOMP-W02", Arial !important; }
-  
-  .font-light {
-    font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-  
-  .font-italic {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-  
-  .font-light-italic {
-    font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-  
-  .font-medium {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-  
-  .font-medium-italic {
-    font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-  
-  .font-reset {
-    font-style: normal;
-    font-variant: normal;
-    font-weight: normal;
-    text-transform: none; }
-  
-  .b2b-nav-menu {
-    background-color: #efefef;
-    border: 1px solid #efefef;
-    width: 230px;
-    font-size: 1.4rem; }
-  
-  .b2b-subnav-container > ul {
-    padding: 0px; }
-  
-  .b2b-subnav-content {
-    margin: 0;
-    margin-bottom: 10px; }
-  
-  .b2b-subnav-content > li {
-    border-bottom: 1px solid #999999;
-    position: relative;
-    cursor: pointer; }
-  
-  .b2b-subnav-content > li > a {
-    text-decoration: none;
-    line-height: 18px;
-    display: block;
-    padding: 10px; }
-  
-  .b2b-subnav-content > li > a.expand {
-    color: #333; }
-  
-  .b2b-subnav-content > li ul {
-    overflow: hidden;
-    max-height: 0;
-    transition-duration: 0.5s;
-    transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
-  
-  .b2b-subnav-content > li ul.expand {
-    transition-duration: 0.7s;
-    transition-timing-function: ease-in-out;
-    max-height: 1000px;
-    overflow: hidden; }
-  
-  .b2b-subnav-content > li > a:focus, .b2b-subnav-content > li ul > li > a:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-subnav-content > li ul > li > a {
-    line-height: 18px;
-    padding: 8px 0;
-    display: block;
-    outline-offset: -4px;
-    padding-left: 10px; }
-  
-  .b2b-icon-primary-plus-minus {
-    display: inline-block;
-    height: 20px;
-    margin-right: 10px;
-    padding: 0;
-    position: absolute;
-    right: 0px;
-    top: 10px;
-    vertical-align: middle;
-    width: 20px; }
-  
-  @media (min-width: 320px) and (max-width: 767px) {
-    .b2b-nav-menu {
-      background-color: #fff;
-      border: 1px solid white;
-      width: 100%; }
-    .b2b-subnav-content > li {
-      padding-left: 10px; }
-    .b2b-subnav-container > ul:first-child {
-      border-top: 1px solid #999; }
-    .b2b-icon-primary-plus-minus {
-      right: 10px; }
-    .b2b-subnav-content > li li > a.active {
-      color: #0574ac;
-      text-decoration: none;
-      font-family: "Omnes-ECOMP-W02", Arial; } }
-  
-  .b2b-list-box-item {
-    white-space: nowrap;
-    margin: 1px;
-    border: 1px solid transparent;
-    outline: none;
-    visibility: inherit;
-    display: inherit;
-    text-align: left;
-    overflow: hidden;
-    cursor: pointer;
-    padding: 5px 0 5px;
-    padding-left: 15px;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none; }
-    .b2b-list-box-item:focus {
-      border: 2px solid #5e8cb3; }
-  
-  .b2b-list-box-item--selected {
-    background-color: #cfdde9; }
-  
-  .btn.disabled[ddh-load-button] {
-    line-height: 46px;
-    padding: 0 19px 0 18px; }
-  
-  .btn.disabled[ddh-load-button] {
-    color: #666666; }
-  
-  .icon-primary-spinner-ddh.large {
-    height: 50px;
-    width: 50px; }
-  
-  .icon-primary-spinner-ddh.small {
-    height: 30px;
-    width: 30px; }
-  
-  .icon-primary-spinner-ddh {
-    -webkit-animation: 1s linear infinite spinner;
-    animation: 1s linear infinite spinner;
-    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgaWQ9InN2Zy1zcGlubmVyIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgIDxwYXRoIGZpbGw9IiNGNUY1RjUiIGQ9Ik0xOCAzNkM4LjEgMzYgMCAyNy45IDAgMThTOC4xIDAgMTggMHMxOCA4LjEgMTggMTgtOC4xIDE4LTE4IDE4em0wLTMxLjVjLTcuNSAwLTEzLjUgNi0xMy41IDEzLjVTMTAuNiAzMS41IDE4IDMxLjVjNy41IDAgMTMuNS02LjEgMTMuNS0xMy41IDAtNy41LTYtMTMuNS0xMy41LTEzLjV6Ii8+CiAgIDxwYXRoIGZpbGw9IiMwNTY4QUUiIGlkPSJzcGlubmVyIiBkPSJNMzAuNyA1LjNsLTMuMSAzLjJjMi40IDIuNCAzLjkgNS44IDMuOSA5LjUgMCA3LjQtNi4xIDEzLjUtMTMuNSAxMy41UzQuNSAyNS40IDQuNSAxOCAxMC42IDQuNSAxOCA0LjVWMEM4LjEgMCAwIDguMSAwIDE4czguMSAxOCAxOCAxOCAxOC04LjEgMTgtMThjMC01LTItOS41LTUuMy0xMi43eiIgdHJhbnNmb3JtPSIiPiAgICAgIAogICA8L3BhdGg+Cjwvc3ZnPg==); }
-  
-  .btn-small .icon-primary-spinner-ddh {
-    height: 30px !important;
-    width: 30px !important; }
-  
-  .btn-small .icon-primary-spinner {
-    height: 30px;
-    width: 30px; }
-  
-  .load-backdrop {
-    position: absolute;
-    top: 50%;
-    left: 50%; }
-  
-  .small-modal-loader {
-    width: 420px !important;
-    height: 212px !important;
-    text-align: center; }
-  
-  .small-modal-loader .icon-primary-spinner {
-    margin-bottom: 5px; }
-  
-  .body.styled-by-modal {
-    position: fixed; }
-  
-  .b2b-modal-backdrop {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: -1; }
-  
-  .b2b-modal-backdrop.fade {
-    background-color: #000;
-    opacity: 0;
-    filter: alpha(opacity=0);
-    transition: all 0.3s linear 0s; }
-  
-  .b2b-modal-backdrop.fade.in {
-    z-index: 1040;
-    opacity: 0.7;
-    filter: alpha(opacity=70);
-    background-color: #000;
-    transition: opacity 0.3s linear 0s; }
-  
-  .modalwrapper {
-    height: 100%;
-    width: 100%;
-    left: 0;
-    overflow-y: hidden;
-    position: absolute;
-    right: 0;
-    padding: 20px;
-    top: 0;
-    z-index: -1; }
-  
-  .modalwrapper.active {
-    z-index: 1050;
-    overflow-y: auto; }
-  
-  .modal {
-    background-clip: padding-box;
-    background-color: #ffffff;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 8px;
-    box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.4);
-    margin: 0 auto;
-    /*margin-bottom:10%;*/
-    outline: medium none;
-    /*position: absolute;*/
-    height: 0;
-    min-height: 150px;
-    overflow: hidden;
-    /*top: 10%;*/
-    width: 100%;
-    z-index: -1; }
-  
-  .modalwrapper.modal-docked .modal {
-    max-height: 80%;
-    height: 80%;
-    overflow: hidden;
-    top: 0; }
-  
-  .modal.fade.in {
-    position: relative;
-    height: auto;
-    overflow: auto;
-    top: 10%;
-    z-index: 1060;
-    transition: opacity .5s linear 0s; }
-  
-  .modal.fade.in.modal-landscape {
-    overflow-y: auto; }
-  
-  .modal.fade {
-    transition: opacity .5s linear 0s; }
-  
-  .fade.in {
-    opacity: 1; }
-  
-  .fade {
-    opacity: 0; }
-  
-  .b2b-modal-header {
-    align-items: center;
-    border-radius: 8px 8px 0 0;
-    display: flex;
-    min-height: 60px;
-    overflow: hidden;
-    padding: 30px 46px 30px 30px;
-    position: relative; }
-  
-  .b2b-modal-header > h2 {
-    line-height: 1;
-    margin: 0;
-    padding: 0; }
-  
-  .modal-header-portrait {
-    -webkit-overflow-scrolling: auto; }
-  
-  .modal-header-landscape {
-    -webkit-overflow-scrolling: auto; }
-  
-  .b2b-modal-body {
-    -webkit-overflow-scrolling: touch;
-    padding: 0 30px 20px;
-    position: relative;
-    width: auto; }
-  
-  .b2b-modal-body:focus {
-    outline: 1px dotted #333333; }
-  
-  .modal-form {
-    margin-bottom: 0; }
-  
-  .b2b-modal-footer {
-    background-color: #fff;
-    width: 100%;
-    padding: 0 30px;
-    border-radius: 0;
-    position: absolute;
-    bottom: 0; }
-  
-  :not(.modal-docked) .b2b-modal-footer {
-    position: relative; }
-  
-  .modal-landscape .b2b-modal-footer {
-    position: relative; }
-  
-  .b2b-modal-footer .cta-button-group {
-    display: flex;
-    justify-content: flex-end;
-    padding: 20px 0 5px;
-    width: 100%;
-    border-top: 1px solid #d2d2d2; }
-  
-  .b2b-modal-footer .cta-button-group .btn {
-    margin-left: auto;
-    margin-right: auto;
-    float: right;
-    margin-left: 10px; }
-  
-  .b2b-modal-footer .cta-button-group .marginLeft0 {
-    margin-left: 0px; }
-  
-  .b2b-modal-footer .cta-button-group .btn-footer-left {
-    margin-right: auto; }
-  
-  .b2b-modal-footer .cta-button-group .btn + .btn {
-    margin-right: 0 !important; }
-  
-  [class*="modal-"] {
-    width: 100%; }
-  
-  .modal-small {
-    max-width: 420px; }
-  
-  .modal-medium {
-    max-width: 620px; }
-  
-  .modal-large {
-    max-width: 720px; }
-  
-  .modal-xlarge {
-    max-width: 860px; }
-  
-  .modal-jumbo {
-    max-width: 1000px; }
-  
-  .modalwrapper.modal-docked {
-    height: 100%;
-    display: flex;
-    align-items: center; }
-  
-  .modalwrapper.modal-docked .b2b-modal-body {
-    height: 80%;
-    overflow-y: scroll;
-    padding-bottom: 60px; }
-  
-  .modalwrapper.modal-docked .modal {
-    max-height: 80%;
-    height: 80%;
-    overflow: hidden;
-    top: 0; }
-  
-  .modalwrapper.modal-docked .b2b-modal-body > *:last-child {
-    margin-bottom: 60px; }
-  
-  @media (max-width: 767px) {
-    .modalwrapper {
-      padding: 15px;
-      overflow-x: hidden; }
-    .modal.fade.in {
-      top: 0;
-      right: 0;
-      left: 0;
-      margin-bottom: 15px;
-      border: none; }
-    .b2b-modal-header {
-      padding: 20px 46px 20px 15px; }
-    .b2b-modal-body {
-      width: 100%;
-      padding: 0 15px 15px; }
-    .modalwrapper.modal-docked {
-      position: absolute;
-      height: 100%;
-      padding: 0; }
-    .modalwrapper.modal-docked .modal.fade.in {
-      margin-bottom: 0;
-      width: 100% !important;
-      max-height: 100%;
-      height: 100%;
-      border-radius: 0; }
-    .modalwrapper.modal-docked .b2b-modal-body {
-      overflow-y: scroll;
-      height: 100%; }
-    .modalwrapper.modal-docked.modal-landscape {
-      overflow-y: hidden;
-      position: fixed; }
-    .modalwrapper.modal-docked.modal-landscape .modal {
-      overflow-y: scroll;
-      max-width: 100%; }
-    .modalwrapper.modal-docked.modal-landscape .b2b-modal-body {
-      height: auto;
-      overflow-y: hidden; }
-    .b2b-modal-footer {
-      padding: 0 15px; }
-    .b2b-modal-footer .cta-button-group {
-      display: block;
-      padding: 15px 0; }
-    .b2b-modal-footer .cta-button-group .btn {
-      float: none; }
-    .b2b-modal-footer .cta-button-group .btn + .btn {
-      margin-bottom: 0; }
-    .b2b-modal-footer .cta-button-group a.visible-phone {
-      align-items: center;
-      display: flex !important;
-      height: 42px;
-      justify-content: center; } }
-  
-  .b2b-modal-footer > .cta-button-group {
-    line-height: 40px; }
-  
-  .ajaxed,
-  .modal.fade.in .b2b-modal-header,
-  .modal.fade.in .b2b-modal-body,
-  .modal.fade.in .b2b-modal-footer {
-    animation-duration: 0.01s;
-    -o-animation-duration: 0.01s;
-    -ms-animation-duration: 0.01s;
-    -moz-animation-duration: 0.01s;
-    -webkit-animation-duration: 0.01s;
-    animation-name: DOMinsertion;
-    -o-animation-name: DOMinsertion;
-    -ms-animation-name: DOMinsertion;
-    -moz-animation-name: DOMinsertion;
-    -webkit-animation-name: DOMinsertion; }
-  
-  .monthselector thead tr th {
-    min-width: 46px; }
-  
-  .monthselector thead tr:after {
-    content: "";
-    position: absolute;
-    left: 20px;
-    top: 52px;
-    height: 1px;
-    width: 85%;
-    border-bottom: 1px solid #ccc; }
-  
-  .monthselector tbody tr:last-child {
-    height: 50px; }
-  
-  .monthselector td.day {
-    margin: 1px 4px !important;
-    width: 64px !important; }
-  
-  .monthselector .datepicker-switch {
-    width: 195px !important; }
-  
-  .monthselector .show-date {
-    width: 30px !important; }
-  
-  .monthselector button.faux-input {
-    width: 100%; }
-    .monthselector button.faux-input:focus {
-      border: 1px solid #0574ac; }
-    .monthselector button.faux-input:disabled {
-      cursor: not-allowed; }
-  
-  .monthselector .cta-button-group {
-    padding: 0 20px; }
-    .monthselector .cta-button-group a {
-      margin-right: 20px; }
-  
-  .monthselector .day.active .show-date:after, .monthselector .day:focus .show-date:after, .monthselector .due-date.disabled .show-date:after {
-    height: 30px;
-    left: 9px !important;
-    top: 0;
-    width: 42px !important; }
-  
-  .monthselector .disabled.day:focus .show-date:after {
-    border: none; }
-  
-  .monthselector .icon-primary-calendar {
-    display: block; }
-  
-  .b2b-ml-nav {
-    padding: 0 10px 0 10px;
-    width: 320px; }
-  
-  .b2b-ml-nav ul {
-    list-style: none;
-    list-style-type: none; }
-  
-  .b2b-ml-nav a {
-    display: block;
-    padding: 0 0 5px 30px;
-    line-height: 22px;
-    margin-left: -10px;
-    color: #0568ae;
-    font-size: 1.4rem; }
-  
-  .b2b-ml-nav a:focus {
-    outline-offset: 1px; }
-  
-  .b2b-ml-nav li:focus {
-    outline: none; }
-  
-  .b2b-ml-nav li:focus > a {
-    outline: thin dotted #666;
-    outline-offset: 1px; }
-  
-  .b2b-ml-nav ul li {
-    border-left: 1px solid #ccc; }
-  
-  .b2b-ml-nav ul ul {
-    padding: 0 0 0 20px; }
-  
-  .b2b-ml-nav ul > li {
-    position: relative;
-    line-height: 18px; }
-  
-  .b2b-ml-nav a > span {
-    background-color: #FFF;
-    display: inline;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    left: -11px;
-    top: 0; }
-  
-  .b2b-ml-nav a > span > i {
-    font-size: 20px; }
-  
-  .b2b-ml-nav a:only-child > span {
-    left: -6px;
-    border-radius: 50%;
-    line-height: 7px;
-    top: 5px; }
-  
-  .b2b-ml-nav a:only-child > span > i {
-    background-color: inherit;
-    background: #fff;
-    font-size: 5px; }
-  
-  .b2b-ml-nav ul li:first-child > a:only-child > span {
-    left: -6px;
-    border-radius: 50%;
-    line-height: 12px;
-    top: 0px; }
-  
-  .b2b-ml-nav li a + ul {
-    display: none; }
-  
-  .b2b-ml-nav li a.active + ul {
-    display: block; }
-  
-  .b2b-ml-nav .selected {
-    color: #333; }
-  
-  /*to overide ng-doc inline property for library demo - TODO: Move to docs.css*/
-  .b2b-ml-nav a [class^="icon-primary-"], a [class*=" icon-primary-"], a [class^="icon-primary-"]:before, a [class*=" icon-primary-"]:before {
-    display: inline-block; }
-  
-  .b2b-alerts-messages {
-    background-color: #fff;
-    border-radius: 8px;
-    height: auto; }
-    .b2b-alerts-messages h3 {
-      color: #333 !important;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      margin-bottom: 0 !important;
-      margin: 1em 0 5px;
-      line-height: 27px;
-      font-size: 18px; }
-    .b2b-alerts-messages h4 {
-      color: #333 !important;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      margin-bottom: 0 !important; }
-    .b2b-alerts-messages .alert-info {
-      background-color: #0574ac;
-      border: 0; }
-    .b2b-alerts-messages .alert-error {
-      background-color: #cf2a2a;
-      border: 0; }
-    .b2b-alerts-messages .alert-success {
-      background-color: #1b7e28;
-      border: 0; }
-    .b2b-alerts-messages div:nth-child(2) {
-      padding: 0 0 15px 10px;
-      vertical-align: baseline; }
-    .b2b-alerts-messages .close:before {
-      color: #767676; }
-    .b2b-alerts-messages p {
-      font-size: 14px;
-      color: #333;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-      .b2b-alerts-messages p a {
-        color: #333; }
-    .b2b-alerts-messages .btn-small {
-      margin-bottom: 0px; }
-  
-  .b2b-alerts-success {
-    border: 1px solid #1b7e28; }
-  
-  .b2b-alerts-error {
-    border: 1px solid #cf2a2a; }
-  
-  .b2b-alerts-info {
-    border: 1px solid #0574ac; }
-  
-  /* TODO: Rearange this and move to patches if needed */
-  .b2b-breadcrumb-css-override > li {
-    margin-right: 24px; }
-  
-  .b2b-breadcrumb-css-override li > * {
-    float: left !important; }
-  
-  .b2b-css-override ul.nav-tabs {
-    margin-bottom: 0; }
-  
-  
-  .b2b-top-nav-buttons-css-override {
-    margin-bottom: 0;
-    margin-top: 2px; }
-  
-  .b2b-auto-width {
-    width: auto !important; }
-  
-  .b2b-toggle-header-active {
-    color: #0568ae; }
-  
-  .b2b-toggle-header-inactive {
-    color: #333333; }
-  
-  .b2b-toggle-header-icon {
-    cursor: pointer; }
-  
-  
-  .icon-primary-circle:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 1; }
-  
-  .ds2-no-colors .icon-primary-circle:before {
-    background-image: none;
-    content: "\e902"; }
-  
-  i:focus {
-    outline: thin dotted #666; }
-  
-  .p-col-md-12 {
-    width: 50%; }
-  
-  .pager__item {
-    border-radius: 0;
-    cursor: default;
-    display: inline-block;
-    margin: 5px;
-    width: 22px;
-    height: 23px;
-    vertical-align: baseline; }
-  
-  .pager {
-    padding-top: 10px;
-    padding-bottom: 20px;
-    text-align: center;
-    margin: 0 auto; }
-  
-  .pager__item--input {
-    color: #067ab4;
-    max-height: 32px;
-    max-width: 40px;
-    padding-left: 0;
-    padding-right: 0;
-    text-align: center;
-    margin-left: 10px; }
-  
-  .row.section-row {
-    margin-bottom: 20px; }
-  
-  .pager__item--active {
-    border-bottom: 2px solid #0574ac;
-    border-radius: 0;
-    color: #333333; }
-  
-  .pager a.pager__item--active:hover {
-    cursor: default; }
-  
-  .pager a:hover, .pager a:focus {
-    text-decoration: none;
-    color: #333333;
-    cursor: pointer; }
-  
-  .pager a.disabled:hover, .pager a.disabled:focus {
-    cursor: not-allowed; }
-  
-  .row.section-row.b2b-page {
-    display: block; }
-  
-  a.pager__item--next:focus, a.pager__item--prev:focus {
-    text-decoration: none;
-    border: 0; }
-  
-  .pager__item--next, .pager__item--prev {
-    margin: 5px;
-    padding: 1.5px 6px 1.5px 6px; }
-  
-  .pager .disabled i {
-    pointer-events: none;
-    cursor: default;
-    color: #c4c4c4; }
-  
-  .fieldLabel {
-    color: #666666; }
-  
-  .fieldLabel input {
-    color: #666666; }
-  
-  .pSelect {
-    float: right;
-    width: 150px; }
-  
-  .numericResult {
-    margin-bottom: 20px;
-    font-size: 1.6rem;
-    margin-top: 20px;
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .mobile-view > .pager__item {
-    margin: 5px 10px;
-    width: 24px;
-    height: 34px;
-    vertical-align: middle;
-    line-height: 34px; }
-  
-  .fade1, .fadel {
-    opacity: 0.4; }
-  
-  .fade2, .fadesl {
-    opacity: 0.6; }
-  
-  h4#pagination-truncated {
-    margin-top: 50px; }
-  
-  h4#pagination-large-count {
-    margin-top: 50px; }
-  
-  .p-col-md-12 input {
-    margin-left: 20px; }
-  
-  .pager a .icon-primary-right:before {
-    display: inline-block; }
-  
-  .pager a .icon-primary-left:before {
-    display: inline-block; }
-  
-  .page-heading {
-    background: white none repeat scroll 0 0;
-    margin-bottom: -12px;
-    padding-left: 10px;
-    padding-right: 10px;
-    position: relative; }
-  
-  .numericResult:focus {
-    outline: 1px dotted #0574ac; }
-  
-  .page-heading-group {
-    color: #ef6f00;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .pager > div > span.fieldLabel {
-    margin-left: 18px; }
-  
-  .pager .fieldLabel .btn-arrow {
-    top: 0;
-    left: 10px;
-    margin-left: -5px; }
-  
-  .b2b-p-col-md-12 {
-    width: 50%; }
-    .b2b-p-col-md-12 input {
-      margin-left: 20px; }
-  
-  .b2b-pager__item {
-    border-radius: 0;
-    cursor: default;
-    display: inline-block;
-    margin: 0px 5px 0 5px;
-    height: 23px;
-    vertical-align: baseline; }
-  
-  .b2b-pager__item--noclick {
-    pointer-events: none !important;
-    cursor: default !important; }
-  
-  .b2b-pager__item--droppable {
-    pointer-events: all !important; }
-  
-  .b2b-pager {
-    padding-top: 10px;
-    padding-bottom: 20px;
-    text-align: center;
-    margin: 0 auto; }
-    .b2b-pager a:hover {
-      text-decoration: none;
-      color: #333333;
-      cursor: pointer; }
-    .b2b-pager a:focus {
-      text-decoration: none;
-      color: #333333;
-      cursor: pointer; }
-    .b2b-pager a .icon-primary-right:before {
-      display: inline-block; }
-    .b2b-pager a .icon-primary-left:before {
-      display: inline-block; }
-    .b2b-pager .disabled i {
-      pointer-events: none;
-      cursor: default;
-      color: #c4c4c4; }
-  
-  .b2b-pager__item--input {
-    color: #067ab4;
-    max-height: 32px;
-    max-width: 60px;
-    padding-left: 0;
-    padding-right: 0;
-    text-align: center;
-    margin-left: 5px; }
-  
-  .row.section-row {
-    margin-bottom: 20px; }
-  
-  .b2b-pager__item--active {
-    border-bottom: 2px solid #0574ac;
-    border-radius: 0;
-    color: #333333; }
-  
-  .row.section-row.b2b-page {
-    display: block; }
-  
-  a.b2b-pager__item--next:focus {
-    text-decoration: none;
-    border: 0; }
-  
-  a.b2b-pager__item--next-disabled {
-    outline: 0; }
-  
-  a.b2b-pager__item--next-disabled > [class^="icon-primary-"] {
-    color: #cccccc;
-    cursor: not-allowed;
-    outline: 0; }
-  
-  a.b2b-pager__item--prev:focus {
-    text-decoration: none;
-    border: 0; }
-  
-  a.b2b-pager__item--prev-disabled {
-    outline: 0; }
-  
-  a.b2b-pager__item--prev-disabled > [class^="icon-primary-"] {
-    color: #cccccc;
-    cursor: not-allowed; }
-  
-  .b2b-pager__item--next {
-    padding: 1.5px 0px 1.5px 0px; }
-  
-  .b2b-pager__item--prev {
-    padding: 1.5px 0px 1.5px 0px; }
-  
-  .fieldLabel {
-    color: #666666; }
-    .fieldLabel input {
-      color: #666666; }
-    .fieldLabel .btn-arrow {
-      top: 0;
-      left: 10px; }
-  
-  .b2b-pSelect {
-    float: right;
-    width: 150px; }
-  
-  .b2b-numericResult {
-    margin-bottom: 20px;
-    font-size: 1.6rem;
-    margin-top: 20px; }
-  
-  .b2b-mobile-view > .b2b-pager__item {
-    margin: 5px 10px;
-    min-width: 23px;
-    height: 34px;
-    vertical-align: middle;
-    line-height: 34px; }
-  
-  .b2b-fade1 {
-    opacity: 0.4; }
-  
-  .b2b-fade2 {
-    opacity: 0.6; }
-  
-  .b2b-fadesl {
-    opacity: 0.6; }
-  
-  h4#b2b-pagination-truncated {
-    margin-top: 50px; }
-  
-  h4#b2b-pagination-large-count {
-    margin-top: 50px; }
-  
-  .b2b-page-heading {
-    background: white none repeat scroll 0 0;
-    margin-bottom: -12px;
-    padding-left: 10px;
-    padding-right: 10px;
-    position: relative; }
-  
-  .b2b-numericResult:focus {
-    outline: 1px dotted #0574ac; }
-  
-  .b2b-page-heading-group {
-    color: #ef6f00;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .b2b-pager > div > span.fieldLabel {
-    margin-left: 18px; }
-  
-  .b2b-go-to-page {
-    margin-top: 14px; }
-  
-  .b2b-go-to-page-inline {
-    display: inline-block; }
-  
-  input.b2b-phone-mask-input {
-    padding-right: 15px; }
-    input.b2b-phone-mask-input:hover, input.b2b-phone-mask-input:focus {
-      padding-right: 15px; }
-  
-  /************************** Start - Should be removed after the styling in global is fixed *******************/
-  input::-ms-clear {
-    display: none; }
-  
-  /************************** End - Should be removed after the styling in global is fixed *******************/
-  @media (max-width: 767px) {
-    input::-ms-clear {
-      display: block; } }
-  
-  .pivot-link-group {
-    background-color: #5a5a5a;
-    border-top: 1px solid #959595; }
-  
-  .pivot-links > li {
-    border-bottom: 1px solid #959595; }
-  
-  .pivot-links > li > a {
-    color: #fff;
-    display: block;
-    padding: 12px 15px 10px;
-    line-height: normal; }
-  
-  .b2b-profile-block-container {
-    min-height: 200px;
-    height: auto;
-    background-color: #fff;
-    border-radius: 8px;
-    border: 1px solid #ccc;
-    box-shadow: 0px 1px 1px 1px  #ccc;
-    display: inline-table;
-    margin: 15px 15px; }
-  
-  .b2b-profile-block-details p, .b2b-profile-block-details div {
-    padding: 2px 7px;
-    font-size: 1.4rem; }
-  
-  .b2b-profile-block-details .radio-label, .b2b-profile-block-details a {
-    font-size: 1.4rem; }
-  
-  .b2b-profile-block-details p label, .b2b-profile-block-details p span {
-    padding-left: 10px; }
-  
-  .b2b-profile-block-footer {
-    margin-bottom: 12px;
-    margin-top: 5px;
-    height: 35px; }
-  
-  .b2b-profile-block-details p {
-    word-wrap: break-word;
-    height: 61px; }
-    .b2b-profile-block-details p:first-child {
-      margin-top: 10px; }
-    .b2b-profile-block-details p:after {
-      content: ' ';
-      display: block;
-      border: 0.2px solid #ccc;
-      margin-top: 12px; }
-  
-  .b2b-profile-block-details .radio {
-    margin-left: 15px;
-    height: 30px; }
-  
-  .b2b-approval-icon {
-    color: #1b7e28;
-    float: right;
-    position: relative;
-    left: 10px; }
-    .b2b-approval-icon i {
-      color: #1b7e28;
-      float: right; }
-  
-  .b2b-profile-link {
-    float: right;
-    position: relative;
-    left: -4px; }
-  
-  a.link-profile {
-    position: relative;
-    left: -5px;
-    float: right;
-    margin-bottom: 16px; }
-  
-  .b2b-profile-block-radio {
-    position: relative;
-    top: -5px; }
-  
-  .b2b-profile-card {
-    min-width: 229px;
-    min-height: 354px;
-    margin: 10px;
-    border: solid 1px #CCC;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    display: inline-block;
-    vertical-align: top; }
-    .b2b-profile-card .top-block {
-      padding: 15px 20px;
-      background-color: #e4e4e4;
-      max-height: 153px; }
-    .b2b-profile-card .bottom-block {
-      padding: 15px 20px 15px 20px;
-      background-color: #fff; }
-    .b2b-profile-card .profile-image {
-      background: #e4e4e4;
-      margin-bottom: 15px;
-      text-align: center; }
-      .b2b-profile-card .profile-image .default-img {
-        display: inline-block;
-        width: 60px;
-        height: 60px;
-        margin-bottom: 10px;
-        border: 6px solid #fff;
-        border-radius: 99em;
-        -webkit-border-radius: 99em;
-        -moz-border-radius: 99em;
-        /* background-color: #eee; */ }
-  
-  .profile-image img {
-    display: inline-block;
-    width: 60px;
-    height: 60px;
-    margin-bottom: 10px;
-    border: 6px solid #fff;
-    border-radius: 99em;
-    -webkit-border-radius: 99em;
-    -moz-border-radius: 99em;
-    /* background-color: #eee; */ }
-  
-  .b2b-profile-card .profile-image .default-img {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333;
-    background-color: #fff;
-    font-size: 32px;
-    line-height: 22px;
-    padding: 5px;
-    padding-top: 13px;
-    width: 60px;
-    height: 60px;
-    text-transform: uppercase; }
-  
-  .b2b-profile-card .profile-image .name {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    color: #333;
-    text-align: center;
-    margin-bottom: 5px;
-    margin-top: 5px;
-    overflow: hidden;
-    word-break: break-word;
-    white-space: normal;
-    text-transform: capitalize; }
-  
-  .b2b-profile-card .profile-image .status-icon {
-    border-radius: 10px;
-    border: 1px solid #fff;
-    margin: 0 3px 0 0;
-    width: 10px;
-    height: 10px;
-    display: inline-block;
-    vertical-align: middle; }
-  
-  .b2b-profile-card .profile-image .status {
-    font-size: 12px;
-    line-height: 15px;
-    text-align: center;
-    margin: 0 15px 0 0;
-    color: #444; }
-  
-  .b2b-profile-card .status .circle {
-    width: 10px;
-    height: 10px;
-    border-radius: 50%;
-    margin: 30px 6px 0px 20px;
-    text-align: center;
-    background-color: #444; }
-  
-  .b2b-profile-card .profile-image .status-green {
-    background-color: #0c0; }
-  
-  .b2b-profile-card .profile-image .status-red {
-    background-color: red; }
-  
-  .b2b-profile-card .profile-image .status-blue {
-    background-color: #00f; }
-  
-  .b2b-profile-card .profile-image .status-yellow {
-    background-color: #ff0; }
-  
-  .b2b-profile-card .profile-image .status .status-badge {
-    margin-left: 5px;
-    border: dotted 1px #444;
-    background-color: transparent;
-    font-weight: 400;
-    color: #444;
-    height: 17px;
-    padding: 0 5px;
-    font-size: 11px;
-    padding-left: 5px;
-    padding-right: 5px; }
-  
-  .b2b-profile-card .profile-details {
-    background: #fff; }
-    .b2b-profile-card .profile-details label {
-      display: block;
-      cursor: text;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      font-weight: bolder;
-      font-size: 14px;
-      color: #333;
-      padding: 0;
-      margin: 0; }
-    .b2b-profile-card .profile-details div {
-      margin: 0;
-      font-size: 14px;
-      color: #333;
-      padding-bottom: 6.5px; }
-  
-  .b2b-profile-card .b2b-add-user {
-    background: white;
-    border-style: dotted;
-    font-size: 16px;
-    color: #333;
-    position: relative; }
-    .b2b-profile-card .b2b-add-user i {
-      font-size: 30px;
-      padding-bottom: 15px; }
-  
-  .b2b-profile-card .atcenter {
-    cursor: pointer;
-    margin-top: 60%;
-    vertical-align: middle;
-    text-align: center; }
-  
-  .b2b-profile-card .tooltip {
-    cursor: pointer; }
-    .b2b-profile-card .tooltip .helpertext {
-      position: relative;
-      color: white; }
-  
-  .b2b-profile-card .tooltip-wrapper {
-    position: relative; }
-  
-  /* Overrides for tooltip absolute positioning */
-  @media (min-width: 1025px) {
-    .b2b-profile-card .tooltip-size-control {
-      width: 100% !important; } }
-  
-  @-webkit-keyframes progress-bar-stripes {
-    from {
-      background-position: 0 0; }
-    to {
-      background-position: 80px 0; } }
-  
-  @keyframes progress-bar-stripes {
-    from {
-      background-position: 0 0; }
-    to {
-      background-position: 80px 0; } }
-  
-  .progress {
-    background-color: #e4e4e4;
-    border-radius: 4px;
-    height: 14px;
-    margin-bottom: 20px;
-    min-width: 250px;
-    overflow: hidden;
-    padding: 0;
-    position: relative; }
-  
-  a .progress {
-    margin-bottom: 0; }
-  
-  .progress .bar {
-    background-color: #666;
-    border-radius: 4px;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    height: 100%;
-    width: 0; }
-  
-  .progress-arrow {
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
-    justify-content: flex-end; }
-  
-  .progress-link + .usage-bar {
-    margin-top: 5px; }
-  
-  .progress-success .bar, .progress .bar-success {
-    background-color: #1b7e28; }
-  
-  .progress-warning .bar, .progress .bar-warning {
-    background-color: #ef6f00; }
-  
-  .progress-danger .bar, .progress .bar-danger {
-    background-color: #cf2a2a; }
-  
-  .progress.increment {
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex; }
-  
-  .progress.increment .bar:first-child:not(:last-child) {
-    border-right: none;
-    border-radius: 4px 0 0 4px; }
-  
-  .progress.increment .bar:last-child:not(:first-child) {
-    border-left: none;
-    border-radius: 0 4px 4px 0; }
-  
-  .progress.increment .bar + .bar:not(:last-child) {
-    border-left: none;
-    border-right: none;
-    border-radius: 0; }
-  
-  .progress.increment .bar:not(:first-child) {
-    border-left: 1px solid white !important; }
-  
-  .usage-bar {
-    display: table;
-    float: none;
-    width: 100%;
-   }
-  
-  .usage-bar > .usage-text {
-    display: table-cell;
-    width: 1%; }
-  
-  .progress + .usage-bar {
-    margin-top: -15px; }
-  
-  .usage-bar .usage-text {
-    font-size: 1.4rem; }
-  
-  .usage-bar .usage-text:first-child {
-    white-space: nowrap; }
-  
-  .usage-bar .usage-text.text-right {
-    vertical-align: top;
-    font-size: 1.4rem;
-    width: auto !important; }
-  
-  .usage-bar .usage-text.text-right:before {
-    content: "";
-    display: table;
-    height: .1em; }
-  
-  .usage-bar.billing-cycle .usage-text {
-    font-size: 1.4rem; }
-  
-  .usage-bar.billing-cycle .usage-text.text-right {
-    vertical-align: bottom; }
-  
-  .progress.autocolor [data-percentage="1"], .progress.autocolor [data-percentage="2"], .progress.autocolor [data-percentage="3"], .progress.autocolor [data-percentage="4"], .progress.autocolor [data-percentage="5"], .progress.autocolor [data-percentage="6"], .progress.autocolor [data-percentage="7"], .progress.autocolor [data-percentage="8"], .progress.autocolor [data-percentage="9"], .progress.autocolor [data-percentage="10"] .progress.autocolor [data-percentage^="2"], .progress.autocolor [data-percentage^="3"], .progress.autocolor [data-percentage^="4"], .progress.autocolor [data-percentage^="5"], .progress.autocolor [data-percentage="60"], .progress.autocolor [data-percentage="61"], .progress.autocolor [data-percentage="62"], .progress.autocolor [data-percentage="63"], .progress.autocolor [data-percentage="64"] {
-    background-color: #1b7e28; }
-  
-  .progress.autocolor [data-percentage="65"], .progress.autocolor [data-percentage="66"], .progress.autocolor [data-percentage="67"], .progress.autocolor [data-percentage="68"], .progress.autocolor [data-percentage="69"], .progress.autocolor [data-percentage^="7"], .progress.autocolor [data-percentage^="8"] {
-    background-color: #ef6f00; }
-  
-  .progress.autocolor [data-percentage^="9"], .progress.autocolor [data-percentage="100"] {
-    background-color: #cf2a2a; }
-  
-  .b2b-seek-bar-container {
-    position: relative; }
-    .b2b-seek-bar-container div {
-      position: absolute; }
-    .b2b-seek-bar-container .b2b-seek-bar-track-container {
-      width: 100%; }
-    .b2b-seek-bar-container .b2b-seek-bar-track {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px; }
-    .b2b-seek-bar-container .b2b-seek-bar-track-fill {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px;
-      width: 0;
-      background-color: #157BB2;
-      transition: width 0s linear; }
-  
-  .seek-bar-container .seek-bar-knob-container {
-    transition: left 0s linear; }
-  
-  .b2b-seek-bar-container .b2b-seek-bar-knob {
-    width: 14px;
-    height: 14px;
-    border-radius: 10px;
-    top: -4px;
-    left: -8px;
-    border: 1px solid #cccccc;
-    background: white;
-    cursor: pointer; }
-  
-  .b2b-seek-bar-container .b2b-seek-bar-knob:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-seek-bar-container.vertical {
-    width: 100%;
-    height: 100%;
-    margin: 0 auto;
-    position: relative;
-    border-radius: 10px; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-track-container {
-      position: relative;
-      height: 100%; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-track {
-      position: absolute;
-      height: 100%; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-track-fill {
-      position: absolute;
-      bottom: 0;
-      height: 0;
-      width: 100%; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-knob-container {
-      transition: bottom .01s linear;
-      position: relative;
-      bottom: 0; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-knob {
-      position: absolute;
-      border-radius: 10px;
-      top: -7px;
-      left: -4px; }
-  
-  .form-search .search-query {
-    width: 100% !important; }
-  
-  .form-search .well {
-    margin-top: 0; }
-  
-  .form-search > ul.nav > li.section {
-    min-height: 20px !important; }
-  
-  input.b2b-search-input-field {
-    margin-bottom: 0px; }
-  
-  .search-suggestion-list {
-    background-color: #FFFFFF;
-    border: 1px solid #ccc;
-    border-radius: 0 0 6px 6px;
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-    margin-top: -5px;
-    max-height: 400px;
-    overflow-x: hidden;
-    overflow-y: auto;
-    padding: 15px 0;
-    position: absolute;
-    width: 100%;
-    z-index: 1000; }
-    .search-suggestion-list > li.active {
-      background-color: #cccccc; }
-    .search-suggestion-list:empty {
-      display: none; }
-  
-  .b2b-search-hightlight {
-    font-weight: bold; }
-  
-  input[type="text"]::-moz-placeholder {
-    color: #767676;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  
-  input[type="text"]:focus {
-    z-index: 1000; }
-  
-  input[type="text"] + .reset-field {
-    background-color: #FFFFFF;
-    height: 90%;
-    top: 5%; }
-  
-  .btn-search:focus {
-    outline: 1px dotted #0574ac; }
-  
-  .field-group input:not([type="button"])[disabled] ~ .btn-search {
-    background-color: #eee; }
-  
-  .btn-search[class*="btn"] {
-    background-color: #FFFFFF;
-    background-size: 20px 20px;
-    border-radius: 0 1.5rem 1.5rem 0;
-    height: 3rem;
-    min-width: 4.4rem !important;
-    right: 0.15rem;
-    top: 0.15rem;
-    width: 4.4rem; }
-  
-  .search-suggestion-wrapper {
-    margin-bottom: 15px;
-    position: relative; }
-    .search-suggestion-wrapper .no-result {
-      padding: 0px 15px; }
-  
-  .search-suggestion-item {
-    color: #333333;
-    line-height: 4rem;
-    padding: 0 15px;
-    position: relative;
-    z-index: 1000; }
-    .search-suggestion-item:hover {
-      background-color: #e4e4e4;
-      cursor: pointer; }
-    .search-suggestion-item:focus {
-      background-color: #e4e4e4;
-      cursor: pointer; }
-    .search-suggestion-item a {
-      color: #333333;
-      text-decoration: none; }
-  
-  .btn-search i {
-    color: #767676; }
-  
-  input.b2b-search-input-field:focus ~ .btn-search > i, .btn-search:focus > i {
-    color: #0568ae; }
-  
-  button.btn-search[disabled] {
-    cursor: not-allowed; }
-    button.btn-search[disabled] i {
-      color: #767676; }
-  
-  .innershadow {
-    -webkit-background-blend-mode: mutilply;
-    box-shadow: 0 3px 0 2px rgba(0, 0, 0, 0.08); }
-  
-  .linkSelectorModule {
-    position: relative;
-    height: 32px;
-    line-height: 20px;
-    border: 0px;
-    width: auto;
-    display: block; }
-    .linkSelectorModule .icon-primary-down {
-      font-size: 23px;
-      margin-top: -10px;
-      position: absolute;
-      top: 50%;
-      margin-left: -30px; }
-    .linkSelectorModule .selectModule {
-      background-color: transparent;
-      border: none;
-      color: #0568ae;
-      cursor: pointer;
-      border: 1px solid transparent;
-      box-shadow: none;
-      padding-right: 35px;
-      position: relative;
-      user-select: none;
-      font-size: 1.6rem; }
-      .linkSelectorModule .selectModule:focus {
-        border: 1px dotted #ccc;
-        box-shadow: none;
-        -moz-user-select: none; }
-      .linkSelectorModule .selectModule:hover {
-        text-decoration: underline; }
-    .linkSelectorModule .active + .moduleWrapper:before {
-      background-color: #FFFFFF;
-      border-color: #d2d2d2;
-      border-style: solid;
-      border-width: 1px 1px 0 0;
-      content: "";
-      display: block;
-      height: 15px;
-      right: 122px;
-      margin: 0;
-      position: absolute;
-      top: -8px;
-      -webkit-transform: rotate(-45deg);
-      transform: rotate(-45deg);
-      width: 15px; }
-    .linkSelectorModule .moduleWrapper {
-      top: 40px; }
-    .linkSelectorModule ul.awd-module-list {
-      border-radius: 6px 6px 0px 0px; }
-  
-  .selectorModule .icon-primary-down {
-    font-size: 23px;
-    margin-top: -11px;
-    position: absolute;
-    right: 4px;
-    top: 50%; }
-  
-  .selectorModule .selectModule {
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-    display: block;
-    width: 100%;
-    padding-left: 15px;
-    background-color: transparent;
-    cursor: pointer; }
-    .selectorModule .selectModule:focus {
-      border: 1px solid #0568ae;
-      -moz-user-select: none; }
-    .selectorModule .selectModule span.module-data {
-      position: absolute;
-      bottom: 6px;
-      line-height: 20px; }
-    .selectorModule .selectModule img + span.module-data {
-      padding-left: 45px; }
-  
-  .selectorModule .selectModule.active {
-    border-bottom-right-radius: 0px;
-    border-bottom-left-radius: 0px; }
-  
-  .selectorModule .moduleWrapper {
-    position: absolute;
-    width: 100% !important;
-    border-top: none; }
-  
-  .selectorModule ul.awd-module-list {
-    border-radius: 0px 0px 6px 6px; }
-  
-  .selectorModule .large > img {
-    height: 30px;
-    position: absolute;
-    width: 30px;
-    top: 20px;
-    left: 15px; }
-  
-  .selectModule {
-    background-color: transparent;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333333;
-    font-size: 1.6rem;
-    height: 36px;
-    line-height: 35px;
-    margin-bottom: 0;
-    position: relative;
-    text-align: left;
-    top: 0;
-    z-index: 10;
-    padding: 0px;
-    margin: 0px;
-    cursor: pointer; }
-  
-  .moduleWrapper {
-    background-color: #FFFFFF;
-    position: absolute;
-    color: #191919;
-    z-index: 9999;
-    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
-    border-radius: 0px 0px 6px 6px; }
-    .moduleWrapper .module-list-item img {
-      height: 30px;
-      position: absolute;
-      width: 30px;
-      top: 30px;
-      left: 15px;
-      align-self: center; }
-    .moduleWrapper span {
-      display: block;
-      white-space: nowrap;
-      font-size: 1.5rem; }
-  
-  .awd-module-list {
-    overflow-y: auto;
-    z-index: 9999;
-    max-height: 360px;
-    border: 1px solid #d2d2d2; }
-    .awd-module-list .module-list-item > .module-data {
-      overflow: ellipsis;
-      white-space: nowrap;
-      line-height: 20px;
-      font-size: 1.6rem;
-      border-bottom: 1px dotted #959595;
-      margin: 0px 15px 0px 15px;
-      padding-right: 50px;
-      padding-bottom: 14px;
-      padding-top: 14px;
-      align-self: center;
-      width: 100%; }
-    .awd-module-list .module-list-item:hover {
-      background-color: #f2f2f2; }
-    .awd-module-list .module-list-item:active {
-      background-color: #f2f2f2; }
-    .awd-module-list .module-list-item[aria-selected="true"] {
-      background-color: #f2f2f2; }
-  
-  .module-list-item {
-    cursor: pointer;
-    overflow: hidden;
-    position: relative;
-    overflow: ellipsis;
-    white-space: nowrap;
-    z-index: 1000;
-    color: #191919;
-    display: flex; }
-    .module-list-item:last-of-type .module-data {
-      border-bottom: none; }
-    .module-list-item img + span.module-data {
-      padding-left: 45px; }
-  
-  .module-groups:first-of-type .module-list-item:last-of-type .module-data {
-    border-bottom: 1px solid #959595; }
-  
-  .module-groupitem {
-    padding-bottom: 4px; }
-  
-  .selectorModule.large {
-    height: 72px;
-    vertical-align: middle;
-    text-align: left; }
-    .selectorModule.large .moduleWrapper {
-      top: 71px; }
-    .selectorModule.large input {
-      height: 72px;
-      vertical-align: middle;
-      text-align: left; }
-    .selectorModule.large button {
-      height: 72px;
-      vertical-align: middle;
-      text-align: left; }
-    .selectorModule.large .selectModule img {
-      left: 15px;
-      top: 21px; }
-  
-  ul.module-groupitem li {
-    margin: 0 -15px 0 -15px; }
-  
-  span.module-data span {
-    display: block;
-    line-height: 20px;
-    font-size: 1.5rem; }
-  
-  li.module-groups {
-    cursor: default !important;
-    padding: 18px 15px 0px 15px; }
-  
-  li.module-list-item[selected]:before {
-    box-sizing: border-box;
-    display: inline-block;
-    font-size: 2em;
-    height: 1em;
-    position: absolute;
-    top: 20px;
-    right: 0px;
-    vertical-align: middle;
-    width: 1em;
-    color: #007a3e; }
-  
-  ul.module-optinalcta {
-    position: relative;
-    height: 44px;
-    margin-top: 0px;
-    border-bottom: 1px solid #d2d2d2;
-    border-left: 1px solid #d2d2d2;
-    border-right: 1px solid #d2d2d2;
-    border-radius: 0px 0px 6px 6px; }
-    ul.module-optinalcta li {
-      position: absolute;
-      bottom: 10px; }
-    ul.module-optinalcta a {
-      text-indent: 15px;
-      padding: 15px; }
-  
-  .b2b-slider-container {
-    position: relative; }
-    .b2b-slider-container.slider-disabled {
-      cursor: not-allowed !important; }
-    .b2b-slider-container div {
-      position: absolute; }
-    .b2b-slider-container .slider-track-container {
-      width: 100%;
-      cursor: pointer; }
-    .b2b-slider-container .slider-track {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px;
-      border: 1px solid #cccccc; }
-    .b2b-slider-container .slider-track-fill {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px;
-      width: 0;
-      background-color: #157BB2;
-      transition: width 0s linear;
-      border: 1px solid #cccccc; }
-    .b2b-slider-container .slider-knob-container {
-      transition: left 0s linear; }
-      .b2b-slider-container .slider-knob-container.slider-knob-hidden {
-        display: none !important; }
-    .b2b-slider-container .slider-knob {
-      width: 14px;
-      height: 14px;
-      border-radius: 10px;
-      top: -4px;
-      left: -8px;
-      border: 1px solid #cccccc;
-      background: white;
-      cursor: pointer; }
-      .b2b-slider-container .slider-knob:focus {
-        outline: thin dotted #666; }
-  
-  .b2b-slider-endpoints-container {
-    margin-top: 13px;
-    color: #333;
-    font-size: 12px; }
-    .b2b-slider-endpoints-container .b2b-slider-endpoints-left {
-      float: left;
-      line-height: 100%; }
-    .b2b-slider-endpoints-container .b2b-slider-endpoints-right {
-      float: right;
-      line-height: 100%; }
-    .b2b-slider-endpoints-container::after {
-      clear: both;
-      content: "";
-      display: block; }
-  
-  .b2b-slider-container.vertical {
-    width: 100%;
-    height: 100%;
-    margin: 0 auto;
-    position: relative;
-    border-radius: 10px; }
-    .b2b-slider-container.vertical .slider-track-container {
-      position: relative;
-      height: 100%; }
-    .b2b-slider-container.vertical .slider-track {
-      position: absolute;
-      height: 100%; }
-    .b2b-slider-container.vertical .slider-track-fill {
-      position: absolute;
-      bottom: 0;
-      height: 0;
-      width: 100%; }
-    .b2b-slider-container.vertical .slider-knob-container {
-      transition: bottom 0s linear;
-      position: relative;
-      bottom: 0; }
-      .b2b-slider-container.vertical .slider-knob-container.slider-knob-hidden {
-        display: none !important; }
-    .b2b-slider-container.vertical .slider-knob {
-      position: absolute;
-      border-radius: 10px;
-      top: -7px;
-      left: -4px; }
-  
-  .icon-primary-spinner {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20id%3D%22svg-spinner%22%20x%3D%220px%22%20y%3D%220px%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%20%3Cpath%20fill%3D%22%23F5F5F5%22%20d%3D%22M18%2036C8.1%2036%200%2027.9%200%2018S8.1%200%2018%200s18%208.1%2018%2018-8.1%2018-18%2018zm0-31.5c-7.5%200-13.5%206-13.5%2013.5S10.6%2031.5%2018%2031.5c7.5%200%2013.5-6.1%2013.5-13.5%200-7.5-6-13.5-13.5-13.5z%22%2F%3E%0A%20%20%20%3Cpath%20fill%3D%22%230568AE%22%20id%3D%22spinner%22%20d%3D%22M30.7%205.3l-3.1%203.2c2.4%202.4%203.9%205.8%203.9%209.5%200%207.4-6.1%2013.5-13.5%2013.5S4.5%2025.4%204.5%2018%2010.6%204.5%2018%204.5V0C8.1%200%200%208.1%200%2018s8.1%2018%2018%2018%2018-8.1%2018-18c0-5-2-9.5-5.3-12.7z%22%3E%0A%20%20%20%20%20%20%3CanimateTransform%20%0A%20%20%20%20%20%20%20%20%20attributeType%3D%22xml%22%0A%20%20%20%20%20%20%20%20%20attributeName%3D%22transform%22%0A%20%20%20%20%20%20%20%20%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20%20from%3D%220%2018%2018%22%0A%20%20%20%20%20%20%20%20%20to%3D%22360%2018%2018%22%0A%20%20%20%20%20%20%20%20%20dur%3D%221.0s%22%0A%20%20%20%20%20%20%20%20%20repeatCount%3D%22indefinite%22%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
-    height: 50px;
-    width: 50px; }
-  
-  .icon-primary-spinner.small {
-    margin-right: 5px;
-    height: 30px !important;
-    width: 30px !important; }
-  
-  .isIE .icon-primary-spinner,
-  .isIE .icon-primary-spinner.small {
-    animation: spinner 1s linear infinite; }
-  
-  .ds2-no-colors .icon-primary-spinner {
-    animation: spinner 1s linear infinite;
-    border: 5px dotted transparent;
-    border-radius: 50%; }
-  
-  @keyframes spinner {
-    0% {
-      transform: rotate(0deg); }
-    100% {
-      transform: rotate(359deg); } }
-  
-  .b2b-status-tracker > .btn-arrow:nth-of-type(1) {
-    margin-right: 10px; }
-  
-  .b2b-status-tracker > .btn-arrow:nth-of-type(2) {
-    margin-left: 20px; }
-  
-  .b2b-status-tracker > .btn-arrow {
-    height: 20px;
-    margin-top: 25px;
-    overflow: visible; }
-    .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-left {
-      margin-right: 5px;
-      color: #0574ac; }
-    .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-right {
-      color: #0574ac; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step {
-    padding: 0;
-    position: relative; }
-  
-  .b2b-status-tracker-step {
-    margin-left: 5px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step .b2b-status-tracker-heading {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #191919;
-    margin-bottom: 10px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.complete > .progress > .progress-bar {
-    width: 100%;
-    background-color: #1b7e28; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.complete .icoControls-approval {
-    color: #1b7e28; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.current > .progress > .progress-bar {
-    width: 100%;
-    background-color: #333333; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.current .icon-misc-time {
-    color: #333333; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.pending > .progress > .progress-bar {
-    width: 100%;
-    background-color: #ffb81c; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.pending .icoControls-statusokay {
-    color: #ffb81c; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.actionRequired > .progress > .progress-bar {
-    width: 100%;
-    background-color: #cf2a2a; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.actionRequired .icoSecurityalerts-alert {
-    color: #cf2a2a; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.notAvailable > .progress > .progress-bar {
-    width: 100%;
-    background-color: #767676; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.notAvailable .icoControls-restricted {
-    color: #767676; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step > .progress {
-    position: relative;
-    border-radius: 1.5px;
-    height: 3px;
-    margin-bottom: 10px;
-    background-color: #c5c5c5; }
-    .b2b-status-tracker > .b2b-status-tracker-step > .progress > .progress-bar {
-      width: 0;
-      height: 3px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-estimate {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #191919;
-    margin-bottom: 10px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 12px;
-    color: #767676;
-    padding-right: 15px; }
-    .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description a {
-      cursor: pointer; }
-  
-  .step-indicator {
-    height: auto;
-    padding: 40px 0; }
-  
-  .step-heading {
-    color: #333333;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 3.8rem;
-    line-height: 0.8; }
-  
-  .steps {
-    display: flex;
-    height: 5px;
-    margin-top: 60px;
-    position: relative; }
-  
-  .steps li {
-    color: #5a5a5a;
-    flex: 1;
-    margin-right: 5px;
-    background-color: #c4c4c4;
-    outline: 1px solid transparent; }
-  
-  .steps li:first-child {
-    border-radius: 4px 0 0 4px; }
-  
-  .steps li:last-child {
-    margin-right: 0;
-    border-radius: 0 4px 4px 0; }
-  
-  .steps li.step-on,
-  .steps li.step-done {
-    background-color: #007a3e;
-    color: #007a3e;
-    border: 1px solid transparent; }
-  
-  .step-text {
-    bottom: 29px;
-    display: inline-block;
-    font-size: 1.8rem;
-    margin-top: 0;
-    position: relative;
-    white-space: nowrap; }
-  
-  .step-on .step-text {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .steps li .step-text[data-large-text]:before {
-    content: attr(data-large-text) " "; }
-  
-  .step-confirmation {
-    color: #007a3e;
-    margin-bottom: 30px; }
-  
-  .step-confirmation > div {
-    display: flex; }
-  
-  .step-confirmation > div i {
-    color: #007a3e;
-    font-size: 50px;
-    margin-right: 10px; }
-  
-  .step-confirmation.centered > div i {
-    margin-left: -60px; }
-  
-  .step-confirmation > div h3 {
-    font-size: 2.4rem;
-    margin: 26px 0 20px; }
-  
-  .step-confirmation > p {
-    margin: 0; }
-  
-  @media (max-width: 1024px) {
-    .step-indicator {
-      padding: 25px 0; }
-    .steps {
-      margin-top: 0; }
-    .step-heading {
-      font-size: 2.4rem;
-      margin-bottom: 11px; }
-    .step-text {
-      display: none; }
-    .step-on .step-text {
-      bottom: 6px;
-      display: block;
-      font-size: 1.2rem;
-      left: 0;
-      line-height: 1;
-      margin-top: 10px;
-      position: absolute;
-      top: 4px; }
-    .steps li .step-text[data-sm-text]:before {
-      content: attr(data-sm-text) " ";
-      color: #333333; }
-    .step-confirmation {
-      margin-top: 30px !important; } }
-  
-  @media (max-width: 767px) {
-    .step-confirmation.centered > div i {
-      margin-left: 0; }
-    .step-confirmation.centered > p {
-      margin-left: 40px; }
-    .step-confirmation > div h3 {
-      font-size: 1.8rem;
-      margin: 13px 0 10px; }
-    .step-confirmation > div i {
-      font-size: 30px;
-      margin-right: 10px; } }
-  
-  .step-indicator.vertical {
-    height: auto; }
-  
-  .vertical .step-heading {
-    font-size: 24px; }
-  
-  .vertical .steps {
-    display: block;
-    height: inherit;
-    width: 100%; }
-  
-  .vertical .steps li {
-    align-items: center;
-    background-color: transparent;
-    display: flex;
-    height: 60px;
-    margin: 0 0 4px;
-    padding: 0 0 0 20px;
-    position: relative; }
-  
-  .vertical .steps li .step-text {
-    align-self: center;
-    color: #0568ae;
-    display: block;
-    margin: 0;
-    position: relative;
-    font-size: 14px;
-    top: 0; }
-  
-  .vertical .steps li .step-text[data-large-text]:before {
-    content: attr(data-large-text) " "; }
-  
-  .vertical .steps li:after {
-    background-color: transparent;
-    border-left: 4px solid #d2d2d2;
-    content: "";
-    height: 60px;
-    left: 0;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    top: 0;
-    width: 4px; }
-  
-  .vertical .steps li.step-on:after,
-  .vertical .steps li.step-done:after {
-    border-color: #0568ae; }
-  
-  .b2b-step-tracker {
-    height: auto;
-    padding: 0px 0px 0px 0px; }
-    .b2b-step-tracker .btn.btn-left {
-      margin-right: 10px; }
-    .b2b-step-tracker .btn.btn-right {
-      margin-left: 5px; }
-    .b2b-step-tracker .b2b-left-arrow {
-      float: left;
-      margin-top: -5px; }
-    .b2b-step-tracker .b2b-right-arrow {
-      float: right;
-      margin-top: -5px; }
-    .b2b-step-tracker .b2b-steps {
-      display: flex;
-      height: 5px;
-      margin-top: 30px;
-      position: relative; }
-      .b2b-step-tracker .b2b-steps li {
-        color: #767676;
-        flex: 1;
-        margin-right: 5px;
-        background-color: #767676;
-        outline: 1px solid transparent;
-        height: 3px; }
-        .b2b-step-tracker .b2b-steps li.b2b-step-done {
-          background-color: #1b7e28;
-          color: #007a3e;
-          height: 3px; }
-        .b2b-step-tracker .b2b-steps li.b2b-step-on {
-          background-color: #333333;
-          color: #333333;
-          height: 3px;
-          font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text {
-          bottom: 29px;
-          display: inline-block;
-          font-size: 14px;
-          margin-top: 0;
-          position: relative;
-          white-space: nowrap; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text[data-large-text]:before {
-          content: attr(data-large-text) " "; }
-      .b2b-step-tracker .b2b-steps li:first-child {
-        border-radius: 2px 0 0 2px; }
-      .b2b-step-tracker .b2b-steps li:last-child {
-        margin-right: 0;
-        border-radius: 0 2px 2px 0; }
-  
-  @media (max-width: 1024px) {
-    .b2b-step-tracker {
-      padding: 25px 0; }
-      .b2b-step-tracker .b2b-steps {
-        margin-top: 0; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text {
-          display: none; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text[data-sm-text]:before {
-          content: attr(data-sm-text) " ";
-          color: #333333; }
-        .b2b-step-tracker .b2b-steps li.b2b-step-on .b2b-step-text {
-          bottom: 6px;
-          display: block;
-          font-size: 5px;
-          left: 0;
-          line-height: 1;
-          margin-top: 10px;
-          position: absolute;
-          top: 4px; } }
-  
-  .strength-meter-container {
-    height: 26px;
-    max-width: 450px; }
-  
-  .strength-meter-gauge {
-    border-radius: 2px;
-    background-color: #d2d2d2;
-    height: 5px;
-    display: block;
-    position: relative;
-    outline: 1px solid transparent; }
-  
-  .strength-meter-gauge-fill {
-    height: 100%;
-    display: block;
-    border-radius: 2px;
-    text-indent: -9999px;
-    width: 0%;
-    border: 2px solid transparent; }
-  
-  .strength-meter-gauge-fill.strength-meter-animate {
-    transition: width 0.5s linear, background-color 0.5s linear; }
-  
-  .strength-meter-animate[style*="20"] {
-    background-color: #cf2a2a; }
-  
-  .strength-meter-animate[style*="20"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Unacceptable"; }
-  
-  .strength-meter-animate[style*="40"] {
-    background-color: #ea7400; }
-  
-  .strength-meter-animate[style*="40"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Weak"; }
-  
-  .strength-meter-animate[style*="60"] {
-    background-color: #ea7400; }
-  
-  .strength-meter-animate[style*="60"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Fair"; }
-  
-  .strength-meter-animate[style*="80"] {
-    background-color: #007a3e; }
-  
-  .strength-meter-animate[style*="80"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Good"; }
-  
-  .strength-meter-animate[style*="100"] {
-    background-color: #007a3e; }
-  
-  .strength-meter-animate[style*="100"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Excellent"; }
-  
-  .strength-meter-divider {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    display: flex;
-    overflow: hidden; }
-  
-  .strength-meter-divider span {
-    background: transparent;
-    display: block;
-    flex-grow: 1;
-    border-right: solid 1px #fff; }
-  
-  .strength-meter-divider span:first-child {
-    border-radius: 2px 0 0 2px; }
-  
-  .strength-meter-divider span + .strength-meter-divider span {
-    border-radius: 0; }
-  
-  .strength-meter-divider span:last-child {
-    border-radius: 0 2px 2px 0;
-    border-right: 0; }
-  
-  .strength-meter-content {
-    font-size: 14px;
-    line-height: 1;
-    padding-top: 7px;
-    position: absolute; }
-  
-  .strength-meter-content:before {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    content: "Password strength: "; }
-  
-  .strength-meter-content:after {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .strength-meter-container {
-    height: 26px;
-    min-width: 290px;
-    max-width: 450px; }
-  
-  .strength-meter-container .strength-meter-gauge {
-    border-radius: 2px;
-    background-color: #cccccc;
-    box-shadow: 0 1px 1px -1px #333 inset;
-    height: 5px;
-    display: block;
-    overflow: hidden;
-    position: relative; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill {
-    height: 100%;
-    box-shadow: 0 1px 1px -1px #999 inset;
-    display: block;
-    text-indent: -9999px;
-    width: 0%; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill.strength-meter-animate {
-    transition: width 0ms ease-out, background-color 0ms ease-in; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-divider {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    display: flex; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-divider span {
-    background: transparent;
-    display: block;
-    flex-grow: 1;
-    border-right: solid 1px #fff; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-divider span:last-child {
-    border-right: 0; }
-  
-  .strength-meter-container > .strength-meter-content {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    line-height: 1;
-    padding-top: 7px; }
-  
-  .strength-meter-container > .strength-meter-content:before {
-    content: none; }
-  
-  .strength-meter-container > .strength-meter-content > .strength-meter-content-state {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .btn-switch-label {
-    display: flex;
-    align-items: center; }
-    .btn-switch-label:focus .btn-switch {
-      outline: 1px dotted #666;
-      outline-offset: 5px; }
-    .btn-switch-label input:focus .btn-switch {
-      outline: 1px dotted #666;
-      outline-offset: 5px; }
-    .btn-switch-label > span {
-      flex: 1; }
-  
-  .btn-switch {
-    background-color: #fff;
-    border: 1px solid #d2d2d2;
-    border-radius: 16px;
-    box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.15) inset, 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    height: 32px;
-    overflow: hidden;
-    position: relative;
-    width: 80px;
-    user-select: none; }
-    /* .btn-switch input[type="checkbox"] {
-      left: 0;
-      margin: 0;
-      opacity: 0;
-      position: absolute;
-      top: 0;
-      transition: none; }
-      .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on .activo {
-        font: 0px/0 "Omnes-ECOMP-W02", Arial; }
-      .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on + .btn + .btn-slider-off .inactivo {
-        font: 0px/0 "Omnes-ECOMP-W02", Arial; } */
-    .btn-switch input:checked + .switch-overlay {
-      left: 0;
-      transition: all .3s linear .0s; }
-      .btn-switch input:checked + .switch-overlay .switch-handle {
-        background-color: #007a3e;
-        background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-        transition: background-color 0.3s linear 0s;
-        border: 1px solid transparent; }
-    .btn-switch input + .switch-overlay {
-      left: -48px;
-      transition: all .3s linear .0s; }
-      .btn-switch input + .switch-overlay .switch-handle {
-        background-color: #f2f2f2;
-        background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-        transition: background-color 0.3s linear 0s;
-        border: 1px solid #d2d2d2; }
-    .btn-switch input[disabled] + .switch-overlay {
-      left: 0;
-      width: 100% !important;
-      background-color: #d2d2d2;
-      color: #959595;
-      cursor: not-allowed !important; }
-      .btn-switch input[disabled] + .switch-overlay .btn-slider-on {
-        display: none; }
-      .btn-switch input[disabled] + .switch-overlay .activo {
-        display: none; }
-      .btn-switch input[disabled] + .switch-overlay .switch-handle {
-        display: none; }
-      .btn-switch input[disabled] + .switch-overlay .btn-slider-off {
-        left: 0;
-        text-align: center;
-        padding: 0; }
-    .btn-switch input[disabled]:checked + .switch-overlay {
-      left: 0;
-      width: 100% !important;
-      background-color: #fff; }
-      .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off {
-        display: none; }
-        .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off + .inactivo {
-          display: none; }
-      .btn-switch input[disabled]:checked + .switch-overlay .switch-handle {
-        display: none; }
-      .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-on {
-        display: block;
-        text-align: center;
-        padding: 0;
-        color: #007a3e !important;
-        font-weight: bold; }
-      .btn-switch input[disabled]:checked + .switch-overlay .activo {
-        display: block;
-        text-align: center;
-        padding: 0;
-        color: #007a3e !important;
-        font-weight: bold; }
-    .btn-switch input[disabled]:checked + .btn-slider-on {
-      display: block; }
-    .btn-switch input[disabled] + .btn-slider-on + .switch-handle {
-      width: 100%;
-      margin: 0; }
-      .btn-switch input[disabled] + .btn-slider-on + .switch-handle + .btn-slider-off {
-        display: block; }
-    /* .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on {
-      display: none; }
-      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo {
-        border: medium none;
-        color: #666;
-        font: 16px/32px "Omnes-ECOMP-W02", Arial;
-        height: auto;
-        margin: 0 auto;
-        width: auto; }
-        .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo:before {
-          display: none; }
-      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
-        display: block;
-        padding: 0;
-        text-align: center;
-        color: #333333; }
-        .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo {
-          border: medium none;
-          color: #666;
-          font: 16px/32px "Omnes-ECOMP-W02", Arial;
-          height: auto;
-          margin: 0 auto;
-          width: auto; }
-          .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo:before {
-            display: none; }
-    .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on {
-      display: block;
-      padding: 0;
-      text-align: center;
-      color: #007a3e; }
-      .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
-        display: none; }
-    .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .activo {
-      color: #007a3e;
-      font-weight: bold; } */
-  
-  .switch-overlay {
-    border-radius: 16px;
-    color: black !important;
-    font-size: 1.6rem;
-    height: 32px;
-    left: 0;
-    position: absolute;
-    top: -1px;
-    width: 126px;
-    overflow: hidden; }
-  
-  .btn-slider-on {
-    left: -1px;
-    text-align: left;
-    padding-left: 12px;
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    height: 32px;
-    line-height: 32px;
-    position: absolute;
-    top: 1px;
-    width: 80px; }
-  
-  .btn-slider-off {
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    height: 32px;
-    line-height: 32px;
-    position: absolute;
-    top: 1px;
-    width: 80px;
-    right: 1px;
-    text-align: right;
-    padding-right: 11px; }
-  
-  .switch-handle {
-    border-radius: 50%;
-    display: inline-block;
-    height: 26px;
-    left: 50px;
-    position: absolute;
-    top: 3px;
-    width: 26px; }
-  
-  .activo {
-    display: block;
-    font-size: 0.1px;
-    line-height: 40px;
-    overflow: hidden; }
-    .activo:before {
-      background-image: none;
-      border-left: 3px solid #007a3e;
-      content: " ";
-      height: 18px;
-      left: 22px;
-      margin: 2px auto;
-      position: absolute;
-      top: 5px;
-      width: 0; }
-  
-  .inactivo {
-    font-size: 0.1px;
-    line-height: 40px; }
-    .inactivo:before {
-      background-image: none;
-      border: 3px solid #959595;
-      border-radius: 100%;
-      content: " ";
-      display: block;
-      position: absolute;
-      top: 4px;
-      right: 3px;
-      height: 16px;
-      width: 16px; }
-  
-  .btn-switch.focused {
-    outline: 1px dotted #000;
-    outline-offset: 5px; }
-  
-  
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header,
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header + .accordion-content,
-  .tiny-accordion.iconleft.accordion-table-layout .inactive-toggle-header {
-    padding: 0 0 0 50px; }
-  
-  .faux-table-cell,
-  .inactive-toggle-header .faux-table-cell {
-    display: table-cell;
-    width: 100%;
-    padding: 13px 0 10px 0;
-    font-size: 16px;
-    color: #333333; }
-  
-  .accordion-content .faux-table-cell {
-    display: table-cell;
-    width: 100%;
-    padding: 0 0 10px 0; }
-  
-  .faux-table-cell:last-child {
-    text-align: right;
-    min-width: 100px;
-    max-width: 150px;
-    width: 1%;
-    background-color: #f2f2f2;
-    color: #333333;
-    font-size: 14px;
-    border-left: 1px solid #d2d2d2;
-    padding: 0 20px 0 10px; }
-  
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
-    opacity: 1; }
-  
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
-    opacity: 0;
-    transition: opacity .3s linear .2s; }
-  
-  @media (max-width: 767px) {
-    table th,
-    table td {
-      padding: 19px 10px; }
-    table th:first-child,
-    table td:first-child {
-      padding: 19px 15px; } }
-  
-  .data-row-list ul > li {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3Argba(153%2C153%2C153%2C1)%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important; }
-  
-  
-  table th,
-  table td {
-    padding: 15px 15px 10px; }
-  
-  .data-row .col-1 {
-    white-space: nowrap;
-    padding: 15px 15px 0 15px;
-    position: relative;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem;
-    border-top: 1px solid #d2d2d2; }
-  
-  .data-row.has-button .col-1 {
-    padding: 0; }
-  
-  .complex-table .data-row .col-1 {
-    color: #0568ae;
-    cursor: pointer; }
-  
-  .data-row.opened {
-    box-shadow: 0 -2px 0 0 #d2d2d2; }
-  
-  .data-row.opened td,
-  .data-row.opened th {
-    border-left: 1px solid transparent;
-    border-bottom: 1px solid transparent; }
-  
-  .data-row.opened + .data-row-list {
-    box-shadow: 0 1px 0 0 #d2d2d2; }
-  
-  .data-row.opened + .data-row-list > td {
-    padding-top: 0; }
-  
-  .data-row.opened + .data-row-list + .data-row.opened {
-    box-shadow: 0 -1px 0 0 #d2d2d2; }
-  
-  .data-row button {
-    background-color: transparent;
-    border: medium none;
-    border-radius: 0;
-    color: #0568ae;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem;
-    left: 0;
-    margin: 0;
-    padding: 12px 15px 7px;
-    position: relative;
-    text-align: left;
-    top: 0;
-    vertical-align: middle; }
-  
-  .data-row button:focus {
-    outline: 1px dotted black; }
-  
-  .data-row .col-1 i {
-    top: -1px;
-    margin-right: 10px;
-    display: inline-block !important; }
-  
-  .data-row-list th:first-child {
-    background-color: inherit !important;
-    border-top: none;
-    padding: 0 15px 15px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem; }
-  
-  .data-row-list ul {
-    margin: 0 0 0 30px; }
-  
-  .data-row-list ul > li:before {
-    display: none; }
-  
-  .data-row-list ul > li {
-    /* background-image in tables.less */
-    background-position: left 13px;
-    background-repeat: repeat-x;
-    background-size: 4px 1px;
-    display: table;
-    padding-left: 0;
-    width: 100%; }
-  
-  .data-row-list li div {
-    display: table-cell;
-    background-color: white;
-    float: left;
-    text-align: left;
-    padding-left: 0;
-    padding-right: 7px; }
-  
-  .data-row-list li div + div {
-    float: right;
-    text-align: right;
-    padding-right: 0;
-    padding-left: 7px; }
-  
-  .complex-table td:nth-child(1),
-  .complex-table td:nth-child(2),
-  .complex-table td:nth-child(3),
-  .complex-table td:nth-child(4),
-  .complex-table td:nth-child(5),
-  .complex-table td:nth-child(6),
-  .complex-table td:nth-child(7),
-  .complex-table td:nth-child(8),
-  .complex-table td:nth-child(9) {
-    white-space: nowrap; }
-  
-  th:nth-child(8) {
-    word-wrap: break-word;
-    word-spacing: 0; }
-  
-  .align-col-right {
-    text-align: right; }
-  
-  .complex-table th:not(:first-child),
-  .complex-table td:not(:first-child) {
-    text-align: right; }
-  
-  .striped tbody > tr td {
-    background-color: transparent !important; }
-  
-  .striped tbody > tr.data-row.odd,
-  .striped tbody > tr.data-row.odd + .data-row-list,
-  .striped tbody > tr.data-row.odd + .data-row-list li div {
-    background-color: #f2f2f2 !important; }
-  
-  .striped tbody > tr:not('.data-row'):nth-child(even) {
-    background-color: #f2f2f2; }
-  
-  .b2b-table-div .selectWrap {
-    width: 290px;
-    position: relative;
-    display: inline-table;
-    margin-bottom: 0px; }
-  
-  .b2b-external-sort-div {
-    float: right;
-    padding-bottom: 25px; }
-  
-  .b2b-external-sort-div .sortButton {
-    font-size: 36px;
-    border: 1px solid #ccc;
-    background: #FFF;
-    border-radius: 6px;
-    text-align: center;
-    background: linear-gradient(#fcfcfc, #f2f2f2);
-    background-blend-mode: multiply;
-    width: 1em; }
-  
-  .b2b-external-sort-label {
-    padding-bottom: 10px; }
-  
-  .b2b-external-sort-div a:hover {
-    cursor: pointer; }
-  
-  .b2b-external-sort-div a:hover, .b2b-external-sort-div a:focus {
-    text-decoration: none; }
-  
-  .b2b-external-sort-label label {
-    position: relative; }
-  
-  .b2b-external-sort-margin {
-    margin-right: 13px !important; }
-  
-  .b2b-table-sorter-icon [class*="icoArrows-"]:before {
-    font-size: 20px; }
-  
-  @media screen and (max-width: 950px) {
-    .b2b-external-sort-margin .selectWrap {
-      bottom: 0px !important; } }
-  
-  .tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
-    background: 0 0;
-    cursor: default; }
-  
-  .tablesorter-default .tablesorter-header .tablesorter-header-inner {
-    /*  background-image: url(images/tables/upanddown.png);*/
-    background-position: center right;
-    background-repeat: no-repeat;
-    cursor: pointer;
-    white-space: normal;
-    display: inline-block;
-    vertical-align: baseline;
-    zoom: 1;
-    *display: inline;
-    *vertical-align: auto;
-    /*  padding: 0 24px 0 0;*/ }
-  
-  .tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
-    padding: 0; }
-  
-  .tablesorter-default .tablesorter-header.tablesort-sortable .tablesorter-header-inner span {
-    margin-right: 24px;
-    display: inline-block; }
-  
-  /*
-  .tablesorter-default thead .headerSortUp .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner {
-    background-image: url(images/tables/up.png);
-  }
-  
-  .tablesorter-default thead .headerSortDown .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
-    background-image: url(images/tables/down.png);
-  }
-  */
-  .tablesorter-default thead .headerSortUp .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner,
-  .tablesorter-default thead .headerSortDown .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
-    padding-right: 0;
-    line-height: 16px; }
-  
-  .tablesorter-default thead .headerSortUp .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner:after {
-    font-family: 'icoPrimary' !important;
-    speak: none;
-    font-style: normal;
-    font-size: 24px;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 14px;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
-    content: "\ea3c";
-    /*    position: relative;*/
-    position: absolute;
-    text-decoration: inherit;
-    display: inline-block;
-    transform: rotate(180deg);
-    margin-left: -22px;
-    margin-top: 2px; }
-  
-  .tablesorter-default thead .headerSortDown .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner:after {
-    font-family: 'icoPrimary' !important;
-    speak: none;
-    font-style: normal;
-    font-size: 24px;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 14px;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
-    content: "\ea3c";
-    /*    position: relative;*/
-    position: absolute;
-    text-decoration: inherit;
-    display: inline-block;
-    margin-left: -22px;
-    margin-top: 2px; }
-  
-  .tablesorter-search-highlight {
-    font-weight: 700; }
-  
-  .tablesorter-headerRow th:focus {
-    outline: thin dotted #666;
-    outline-offset: -1px; }
-  
-  .b2b-table-message {
-    font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-table-message .b2b-magnify-glass {
-      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20enable-background%3D%22new%200%200%2036%2036%22%3E%3Cpath%20d%3D%22M27.847%208.26c-1.805-1.803-4.202-2.795-6.751-2.795-2.548%200-4.945.993-6.749%202.796-1.803%201.803-2.796%204.2-2.796%206.75%200%201.879.543%203.681%201.576%205.242l-7.059%207.059c-.357.356-.554.831-.554%201.336-.001.505.196.98.554%201.337.357.356.832.552%201.336.552.503%200%20.977-.196%201.336-.553l7.047-7.048c1.576%201.062%203.402%201.622%205.309%201.622%202.55%200%204.948-.993%206.751-2.796%201.803-1.804%202.796-4.201%202.796-6.751%200-2.549-.993-4.947-2.796-6.751zm-6.761.96c3.186%200%205.778%202.592%205.778%205.778%200%203.186-2.592%205.778-5.778%205.778-3.186%200-5.778-2.592-5.778-5.778%200-3.185%202.592-5.778%205.778-5.778z%22%20fill%3D%22%23767676%22%2F%3E%3C%2Fsvg%3E");
-      background-repeat: no-repeat;
-      background-position: center;
-      height: 50px; }
-    .b2b-table-message .b2b-alert {
-      font-size: 50px; }
-    .b2b-table-message .b2b-loading-dots {
-      font-size: 50px;
-      margin-bottom: 20px; }
-    .b2b-table-message .b2b-message {
-      text-align: center;
-      padding-bottom: 45px;
-      padding-top: 40px;
-      border-style: solid;
-      border-width: 1px;
-      border-top: none;
-      padding-bottom: 45px;
-      border-color: #d2d2d2;
-      width: 100%;
-      min-height: 220px; }
-    .b2b-table-message .b2b-error-title {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #444444;
-      line-height: 26px;
-      margin-top: 10px; }
-    .b2b-table-message .b2b-message-title {
-      color: #444;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-table-scrollbar {
-    border: 1px solid;
-    width: 651px;
-    position: relative; }
-    .b2b-table-scrollbar .b2b-table-inner-container {
-      width: 650px;
-      padding-left: 150px;
-      overflow-x: scroll; }
-    .b2b-table-scrollbar th:first-child {
-      background-color: #FFFFFF; }
-    .b2b-table-scrollbar td:first-child {
-      background-color: #FFFFFF;
-      border-top: 1px solid #cccccc;
-      border-right: 1px solid #cccccc;
-      margin-top: -0.5px; }
-    .b2b-table-scrollbar tr {
-      th: nth-child(2), td; }
-      .b2b-table-scrollbar tr :nth-child(2) {
-        border-left: none; }
-    .b2b-table-scrollbar tr:last-child > td:first-child {
-      border-bottom: 1px solid #cccccc; }
-  
-  .b2b-scrollbar-arrow-left {
-    float: left;
-    margin: 10px; }
-  
-  .b2b-scrollbar-arrow-right {
-    float: right;
-    clear: right;
-    margin: 10px; }
-    .b2b-scrollbar-arrow-right.btn-arrow .btn {
-      margin-right: 0; }
-  
-  .b2b-table-scrollbar ::-webkit-scrollbar {
-    height: 10px; }
-  
-  .b2b-table-scrollbar ::-webkit-scrollbar-thumb {
-    background: #666666;
-    border-radius: 5px; }
-  
-  .tabs {
-    margin-left: 0;
-    margin-bottom: 20px;
-    list-style: none; }
-  
-  .tabs > li > a {
-    display: block; }
-  
-  .tabs > li > a:hover,
-  .tabs > li > a:focus {
-    text-decoration: none;
-    background-color: #d2d2d2; }
-  
-  .tabs > .pull-right {
-    float: right; }
-  
-  .tabs:before,
-  .tabs:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tabs:after {
-    clear: both; }
-  
-  .tabs > li {
-    float: left; }
-  
-  .tabs > li > a {
-    padding-right: 20px;
-    padding-left: 20px;
-    margin-right: 3px;
-    line-height: 16px; }
-  
-  .tabs {
-    margin: 0; }
-  
-  .tabs > li {
-    margin-bottom: -1px; }
-  
-  .tabs > li:first-child {
-    margin-left: 20px; }
-  
-  .tabs > li > a {
-    padding: 12px 20px;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px 6px 0 0;
-    background-color: #f2f2f2;
-    color: #5a5a5a;
-    border-color: #d2d2d2; }
-  
-  .tabs > li > a {
-    margin-right: 6px; }
-  
-  .tabs > li > a,
-  .tabs > li > a:hover,
-  .tabs > li > a:focus {
-    background-image: none;
-    background-color: #ffffff;
-    color: #5a5a5a;
-    border-color: #d2d2d2;
-    border-bottom: 1px solid transparent;
-    cursor: pointer; }
-  
-  .tabs.tabs-justified,
-  .tabs.promo-tabs {
-    width: 100%;
-    border-bottom: 0;
-    margin-bottom: -1px; }
-  
-  .tabs.tabs-justified > li,
-  .tabs.promo-tabs > li {
-    display: table-cell;
-    float: none;
-    width: 1%;
-    border-left: 1px solid #d2d2d2; }
-  
-  .tabs.tabs-justified > li.active,
-  .tabs.promo-tabs > li.active {
-    position: relative;
-    z-index: 1000; }
-  
-  .tabs.tabs-justified > li > a {
-    padding-right: 5px;
-    padding-left: 5px; }
-  
-  .tabs.tabs-justified > li > a,
-  .tabs.promo-tabs > li > a {
-    text-align: center; }
-  
-  .tabs.promo-tabs > li > a {
-    padding: 0;
-    margin: 0;
-    border-radius: 0;
-    border: none;
-    color: #0568ae;
-    font-size: 1.2rem;
-    text-align: center;
-    padding: 6px 10px 10px;
-    border-top: 4px solid #e6e6e6;
-    filter: none;
-    border-bottom: 1px solid #d2d2d2;
-    background-color: #f9f9f9; }
-  
-  .tabs > li:last-child > a {
-    margin-right: 0; }
-  
-  .tabs.promo-tabs > li.active > a {
-    color: #333333;
-    border-top: 4px solid #ea7400;
-    border-bottom-color: white;
-    background-color: #fff !important;
-    filter: none;
-    cursor: default; }
-  
-  .tabs.promo-tabs > li:first-child {
-    border-left: none; }
-  
-  .tabs.promo-tabs > li > a img {
-    max-width: inherit;
-    max-height: 39px;
-    margin: 0 auto 5px auto;
-    display: block; }
-  
-  .tabbable:before,
-  .tabbable:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tabbable:after {
-    clear: both; }
-  
-  
-  
-  .tabs.promo-tabs > li > a {
-    font-size: 2.0rem;
-    height: 70px;
-    padding: 20px 20px 24px;
-    background-color: #FFFFFF;
-    border-top: 5px solid #FFFFFF;
-    white-space: nowrap; }
-  
-  .tabs.promo-tabs > li.active > a {
-    border-top: 5px solid #0574ac; }
-  
-  .tabs.promo-tabs > li > a:hover {
-    color: #333333; }
-  
-  .tabs.promo-tabs > li {
-    width: auto; }
-  
-  .tabs > li[disabled="disabled"] > a:hover {
-    cursor: not-allowed; }
-  
-  .b2b-tags {
-    background-color: #f2f2f2;
-    -webkit-transition: all .3s ease-out;
-    -moz-transition: all .3s ease-out;
-    transition: all .3s ease-out;
-    margin: 3px 5px 3px 0;
-    padding: 2px 15px;
-    border-radius: 6px;
-    border: 1px solid #c9c9c9;
-    display: inline-block; }
-    .b2b-tags .tags__item {
-      font-size: 14px;
-      vertical-align: baseline;
-      zoom: 1;
-      color: #333; }
-      .b2b-tags .tags__item i {
-        color: #0574ac;
-        font-size: 14px;
-        font-weight: bold;
-        margin-left: 10px; }
-        .b2b-tags .tags__item i:hover {
-          cursor: pointer; }
-      .b2b-tags .tags__item i:focus {
-        outline: thin dotted #666; }
-      .b2b-tags .tags__item:last-child {
-        margin-right: 0; }
-      .b2b-tags .tags__item:hover {
-        text-decoration: none; }
-      .b2b-tags .tags__item:focus {
-        outline: 1px dotted #666; }
-  
-  .tooltip-size-control {
-    display: block; }
-  
-  .tooltip {
-    display: inline-block;
-    height: 20px;
-    vertical-align: middle;
-    margin: 1px 0 0 7px; }
-  
-  p .tooltip {
-    margin: -3px 7px 0 0; }
-  
-  label .tooltip {
-    margin: 1px 0 0 7px; }
-  
-  .tooltip .icon-primary-tooltip {
-    background: none;
-    border: none;
-    display: inline-block;
-    font-size: 20px;
-    height: 20px;
-    margin: 0;
-    position: relative;
-    width: 20px; }
-  
-  .tooltip .icon-primary-tooltip:before {
-    top: 0; }
-  
-  .tooltip .icon-primary-tooltip:focus {
-    text-decoration: none;
-    outline: 1px dotted black; }
-  
-  .tooltip.active .icon-primary-tooltip:focus {
-    outline: none; }
-  
-  .tooltip .arrow {
-    display: none;
-    border-color: transparent;
-    border-style: solid;
-    background-color: #0568ae;
-    height: 20px;
-    width: 20px;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    opacity: 0;
-    transform: rotate(45deg);
-    z-index: 20; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="top"] .arrow {
-    display: block;
-    bottom: 32px;
-    top: auto;
-    border-width: 0 1px 1px 0; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="bottom"] .arrow {
-    border-width: 1px 0 0 1px;
-    display: block;
-    bottom: -33px;
-    top: auto; }
-  
-  .tooltip.active .arrow {
-    opacity: 1; }
-  
-  .tooltip .closingtooltip {
-    display: block; }
-  
-  .tooltip.active .closingtooltip {
-    display: none; }
-  
-  .tooltip-wrapper {
-    position: absolute;
-    margin-top: 20px;
-    left: 15px;
-    right: 15px;
-    display: none;
-    opacity: 0;
-    z-index: 1010;
-    text-align: left; }
-  
-  .helpertext {
-    background-color: #0568ae;
-    border: 1px solid transparent;
-    border-radius: 6px;
-    color: #fff;
-    display: none;
-    margin: 0;
-    padding: 25px;
-    position: relative;
-    text-align: left;
-    width: 100%;
-    top: 0;
-    z-index: 1009; }
-  
-  .tooltip .helpertext {
-    position: absolute; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="bottom"] + .tooltip-wrapper .helpertext {
-    bottom: inherit;
-    top: 19px; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="top"] + .tooltip-wrapper .helpertext {
-    top: inherit;
-    bottom: 38px; }
-  
-  .tooltip.active .tooltip-wrapper {
-    opacity: 1;
-    display: block;
-    margin-top: 0; }
-  
-  .tooltip.active .tooltip-wrapper .helpertext {
-    display: block; }
-  
-  .tooltip-onclick .btn.icon-primary-tooltip {
-    border: medium none;
-    box-shadow: none;
-    color: #0568ae;
-    font-size: 20px;
-    height: 34px;
-    line-height: 36px;
-    margin: 0;
-    min-width: 50px;
-    padding: 0;
-    position: absolute;
-    right: 0;
-    top: 0; }
-  
-  .tooltip-onclick .icon-primary-tooltip:before {
-    display: inline;
-    position: relative; }
-  
-  .tooltip-onclick textarea + .reset-field + .icon-primary-tooltip {
-    top: 4px;
-    right: 5px;
-    min-width: 40px; }
-  
-  .tooltip-onclick.active .helpertext:before,
-  .tooltip-onfocus.active .helpertext:before {
-    background-color: #0568ae;
-    border-color: transparent;
-    border-style: solid;
-    border-width: 1px 1px 0 0;
-    content: "";
-    display: block;
-    height: 15px;
-    left: 17px;
-    margin: 0;
-    position: absolute;
-    top: -7px;
-    transform: rotate(-45deg);
-    width: 15px; }
-  
-  .tooltip-onclick.active .helpertext {
-    display: block;
-    opacity: 1;
-    margin: 14px 0 0; }
-  
-  .tooltip-onclick.active .helpertext:before {
-    left: inherit;
-    right: 18px; }
-  
-  .tooltip-onclick .reset-field {
-    right: 37px; }
-  
-  .tooltip-onclick .reset-field:before {
-    position: relative;
-    top: -1px; }
-  
-  .tooltip-onfocus.active .helpertext {
-    display: block;
-    margin: 14px 0 10px 0; }
-  
-  .popover-title {
-    display: block;
-    font-size: 14px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: bold;
-    margin-bottom: 8px;
-    white-space: normal; }
-  
-  .popover-content {
-    display: block;
-    font-size: 12px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    line-height: 1.5rem;
-    white-space: normal; }
-  
-  .popover-content span,
-  .popover-content p {
-    line-height: 1.5rem; }
-  
-  .popover-content p:last-child {
-    margin-bottom: 0; }
-  
-  .tooltip .tooltip-element {
-    position: relative; }
-  
-  .tooltip .icon-primary-tooltip:hover {
-    text-decoration: none; }
-  
-  .tooltip.active .tooltip-element[data-placement="top"] .arrow {
-    display: block;
-    bottom: 32px;
-    top: auto; }
-  
-  .tooltip.active .tooltip-element[data-placement="bottom"] .arrow {
-    display: block;
-    border-color: transparent transparent #0574ac;
-    bottom: -33px;
-    top: auto; }
-  
-  .tooltip.active .tooltip-element[data-placement="bottom"] + .tooltip-wrapper .helpertext {
-    bottom: inherit;
-    top: 19px; }
-  
-  .tooltip.active .tooltip-element[data-placement="top"] + .tooltip-wrapper .helpertext {
-    top: inherit;
-    bottom: 38px; }
-  
-  .b2b-tree {
-    padding: 0 10px 0 10px;
-    width: 320px; }
-    .b2b-tree ul {
-      list-style: none;
-      list-style-type: none; }
-    .b2b-tree a {
-      display: block;
-      padding: 0 0 5px 30px;
-      line-height: 22px;
-      margin-left: -10px;
-      font-size: 1.4rem;
-      outline-offset: -1px; }
-    .b2b-tree li:focus {
-      outline: none; }
-      .b2b-tree li:focus > a {
-        outline: thin dotted #666;
-        outline-offset: -1px; }
-    .b2b-tree ul li {
-      border-left: 1px solid #ccc; }
-      .b2b-tree ul li .b2b-tree-tooltip {
-        display: none;
-        position: absolute;
-        top: -25px;
-        left: 100%;
-        white-space: nowrap;
-        margin-left: 10px;
-        z-index: 1010;
-        font-family: "Omnes-ECOMP-W02", Arial;
-        font-size: 12px; }
-      .b2b-tree ul li .b2b-tree-tooltip-content {
-        background-color: #0568ae;
-        margin-left: 9px;
-        border-radius: 6px;
-        color: #fff;
-        padding: 25px; }
-      .b2b-tree ul li .b2b-tree-arrow-left {
-        width: 0;
-        height: 0;
-        border-top: 10px solid transparent;
-        border-bottom: 10px solid transparent;
-        border-right: 10px solid #0568ae;
-        position: absolute;
-        top: 25px; }
-      .b2b-tree ul li.activeTooltip > a .b2b-tree-tooltip {
-        display: block; }
-    .b2b-tree ul ul {
-      padding: 0 0 0 20px; }
-    .b2b-tree ul > li {
-      position: relative;
-      line-height: 18px; }
-    .b2b-tree a > span.b2b-tree-node-icon {
-      background-color: #FFF;
-      display: inline;
-      margin: 0;
-      padding: 0;
-      position: absolute;
-      left: -11px;
-      top: 0;
-      line-height: 14px;
-      width: 11px; }
-      .b2b-tree a > span.b2b-tree-node-icon > i {
-        font-size: 20px; }
-    .b2b-tree a:only-child {
-      color: #0574ac; }
-      .b2b-tree a:only-child > span.b2b-tree-node-icon {
-        left: -11px;
-        border-radius: 50%;
-        line-height: 7px;
-        top: 0; }
-        .b2b-tree a:only-child > span.b2b-tree-node-icon > i {
-          background-color: inherit;
-          background: #fff; }
-    .b2b-tree a > span.b2b-tree-node-icon > i.icon-primary-circle {
-      background-color: inherit;
-      background: #fff;
-      font-size: 5px; }
-    .b2b-tree a.b2b-locked-node:after {
-      content: "\ec58";
-      float: right;
-      font-family: 'icoSecurityalerts' !important; }
-    .b2b-tree a:hover .b2b-locked-node:after {
-      text-decoration: none; }
-    .b2b-tree ul li:first-child > a:only-child > span.b2b-tree-node-icon {
-      left: -11px;
-      border-radius: 50%;
-      line-height: 12px; }
-    .b2b-tree ul li:last-child > a:only-child > span.b2b-tree-node-icon {
-      height: 27px;
-      background-color: #fff; }
-    .b2b-tree li a + ul {
-      height: 0;
-      overflow: hidden; }
-    .b2b-tree li a.active + ul {
-      height: auto;
-      overflow: visible; }
-    .b2b-tree li a.grp {
-      font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-      .b2b-tree li a.grp.active {
-        color: #333; }
-    .b2b-tree span.end {
-      left: -6px !important;
-      top: 5px !important; }
-    .b2b-tree span.first-link {
-      width: 3px !important;
-      height: 15px !important;
-      top: 0px !important;
-      left: -2px !important;
-      background: #fff; }
-  
-  /* .b2b-tree-checkbox {
-    padding: 0 10px 0 10px;
-    width: 320px; }
-    .b2b-tree-checkbox ul {
-      list-style: none;
-      list-style-type: none; }
-    .b2b-tree-checkbox a {
-      display: block;
-      padding: 0 0 5px 30px;
-      line-height: 22px;
-      margin-left: -10px;
-      font-size: 14px;
-      outline-offset: -1px; }
-    .b2b-tree-checkbox li:focus {
-      outline: none; }
-      .b2b-tree-checkbox li:focus > a {
-        outline: thin dotted #666;
-        outline-offset: -1px; }
-    .b2b-tree-checkbox ul li {
-      border-left: 1px solid #ccc; }
-    .b2b-tree-checkbox ul ul {
-      padding: 0 0 0 20px; }
-    .b2b-tree-checkbox ul > li {
-      position: relative;
-      line-height: 18px; } */
-    /* .b2b-tree-checkbox a > span.nodeIcon {
-      background-color: #FFF;
-      display: inline;
-      margin: 0;
-      padding: 0;
-      position: absolute;
-      left: -11px;
-      top: 0;
-      line-height: 14px;
-      width: 11px; } */
-      /* .b2b-tree-checkbox a > span.nodeIcon > i {
-        font-size: 20px; } */
-      .b2b-tree-checkbox a > span.nodeIcon.end {
-        margin-top: 10px; }
-    .b2b-tree-checkbox a:only-child {
-      color: #0574ac; }
-      .b2b-tree-checkbox a:only-child > span.nodeIcon {
-        left: -11px;
-        border-radius: 50%;
-        line-height: 7px;
-        top: 0; }
-        .b2b-tree-checkbox a:only-child > span.nodeIcon > i {
-          background-color: inherit;
-          background: #fff; }
-    .b2b-tree-checkbox a > span.nodeIcon > i.icon-primary-circle {
-      background-color: inherit;
-      background: #fff;
-      font-size: 5px; }
-    .b2b-tree-checkbox ul li:first-child > a:only-child > span {
-      left: -11px;
-      border-radius: 50%;
-      line-height: 12px;
-      top: 0px; }
-    .b2b-tree-checkbox ul li:first-child > a:only-child > span.end {
-      margin-top: 0px; }
-    .b2b-tree-checkbox ul li:first-child > a:only-child > span i.icon-primary-circle {
-      top: 8px; }
-    .b2b-tree-checkbox ul li:last-child > a:only-child > span {
-      height: 34px;
-      background-color: #fff; }
-    .b2b-tree-checkbox li a + ul {
-      height: 0;
-      overflow: hidden; }
-    .b2b-tree-checkbox li a.active + ul {
-      height: auto; }
-    .b2b-tree-checkbox li a.grp {
-      font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-    .b2b-tree-checkbox span.end {
-      left: -6px !important; }
-    .b2b-tree-checkbox .checkbox {
-      margin-bottom: 0px;
-      margin-top: 2px;
-      font-size: 14px; }
-      .b2b-tree-checkbox .checkbox input:indeterminate + .skin:after {
-        content: "\2014";
-        padding-left: 2px;
-        font-family: inherit !important;
-        line-height: inherit !important; }
-    /* .b2b-tree-checkbox span.first-link {
-      width: 3px !important;
-      height: 15px !important;
-      top: 0px !important;
-      left: -2px !important;
-      background: #fff; } */
-  
-  .b2b-widget-window {
-    width: 147px;
-    right: 5px;
-    top: 60px;
-    position: absolute;
-    border: 1px solid #ccc;
-    background-color: #fff;
-    border-radius: 8px;
-    z-index: 1000; }
-    .b2b-widget-window li {
-      margin: 15px; }
-  
-  .b2b-widget-container {
-    background-color: #fff;
-    border-radius: 8px;
-    border: 1px solid #ccc;
-    position: relative; }
-    .b2b-widget-container .b2b-widget-header {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #333;
-      height: 55px;
-      padding-left: 15px;
-      padding-top: 19px; }
-      .b2b-widget-container .b2b-widget-header .header {
-        font-size: 18px; }
-    .b2b-widget-container .b2b-widget-header-icons {
-      font-size: 16px;
-      color: #0574ac; }
-  
-  .b2b-widget-header-icons button {
-    border: none;
-    background: transparent;
-    color: #0574ac; }
-    .b2b-widget-header-icons button:focus {
-      outline-style: solid;
-      outline-width: 1px;
-      outline-color: #0574ac; }
-    .b2b-widget-header-icons button:first-child {
-      margin-right: 0px; }
-  
-  .b2b-widget-container .b2b-widget-content {
-    height: 325px;
-    margin: 0;
-    padding: 20px;
-    position: relative;
-    border-top: 1px solid #ccc; }
-  
-  .b2b-widget-content .form-row:first-child {
-    margin-top: 0; }
-  
-  .b2b-widget-header-icons button.icoControls-gear:focus, .b2b-widget-header-icons button.icon-primary-close:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-widget-header .icon-primary-close:before {
-    content: '-';
-    display: inline-block;
-    margin: 0;
-    padding: 0;
-    outline: none; }
-  
-  .b2b-widget-window .arrow_box {
-    background: #fff;
-    border: 1px solid #ccc; }
-  
-  .b2b-widget-window.arrow_box:after, .b2b-widget-window.arrow_box:before {
-    bottom: 100%;
-    left: 75%;
-    border: solid transparent;
-    content: " ";
-    height: 0;
-    width: 0;
-    position: absolute;
-    pointer-events: none; }
-  
-  .b2b-widget-window.arrow_box:after {
-    border-color: rgba(255, 255, 255, 0);
-    border-bottom-color: #fff;
-    border-width: 10px;
-    margin-left: 1px; }
-  
-  .b2b-widget-window.arrow_box:before {
-    border-color: rgba(204, 204, 204, 0);
-    border-bottom-color: #ccc;
-    border-width: 11px;
-    margin-left: 0px; }
-  
-  /************************** Overrides for Filters ***************************/
-  .filter-container .filter-header h2 {
-    line-height: 1 !important;
-    margin: 0 !important; }
-  
-  .filter-container .icon-primary-spinner:before {
-    content: none; }
-  
-  .filter-container .fixed-230-subnav {
-    margin: 10px !important;
-    width: inherit !important; }
-  
-  .filter-container .unlinked:focus {
-    outline: thin dotted #666 !important; }
-  
-  .filter-container .unlinked.active {
-    color: inherit !important; }
-  
-  .filter-container .fixed-230-subnav a > i {
-    background: none; }
-  
-  .filter-container .fixed-230-subnav ul {
-    margin: 0 0 10px 10px; }
-  
-  /************************** Overrides for Filters ***************************/
-  .row .filter-container {
-    background-color: #fff; }
-  
-  .filter-header {
-    overflow: hidden;
-    padding: 20px 0;
-    position: relative; }
-  
-  .filter-header h2 {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 2.4rem;
-    margin-bottom: 0; }
-  
-  .filter-selected {
-    border-top: 1px solid #ccc;
-    padding-top: 20px; }
-  
-  .filter-selected > span {
-    font-size: 1.3rem;
-    text-transform: uppercase; }
-  
-  .filter-selected > a.clear-all-filters {
-    float: right;
-    font-size: 1.4rem; }
-  
-  .filter-selected > span,
-  .filter-selected > a.clear-all-filters {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .filter-selected-group {
-    padding-top: 15px; }
-  
-  .filter-selected-badge {
-    background-color: #f2f2f2;
-    border-radius: 15px;
-    display: inline-block;
-    font-size: 1.4rem;
-    margin-bottom: 10px;
-    padding: 0 0 0 12px; }
-  
-  .filter-selected-badge .icoControls-optionsoff {
-    background: transparent none repeat scroll 0 0;
-    border: medium none;
-    font-size: 2.5em;
-    margin: 0;
-    padding: 0; }
-  
-  .filters .fixed-230-subnav > ng-transclude > div:first-child {
-    border-top: 1px solid #ccc; }
-  
-  .filters .fixed-230-subnav > ng-transclude > div {
-    border-bottom: 1px solid #ccc; }
-  
-  .filter-results {
-    align-items: center;
-    border-bottom: 1px solid #ccc;
-    display: flex;
-    flex-wrap: wrap;
-    height: 50px;
-    -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
-    justify-content: space-between; }
-  
-  .filter-results-sortby > span {
-    text-transform: uppercase; }
-  
-  .filter-results-view .icon-primary-content-gridguide {
-    font-size: 2em;
-    margin-right: 0; }
-  
-  .filter-container .fixed-230-subnav > ng-transclude > div > a {
-    font-size: 1.8rem;
-    margin: 0;
-    padding: 15px 20px 15px 0;
-    color: #0574ac !important;
-    cursor: pointer !important;
-    font-family: "Omnes-ECOMP-W02", Arial !important;
-    outline-offset: inherit !important;
-    position: relative;
-    height: auto;
-    width: auto; }
-  
-  .filter-container .fixed-230-subnav a > i {
-    right: 0;
-    top: 15px; }
-  
-  .filter-container .fixed-230-subnav .icon-primary-collapsed:before, .filter-container .fixed-230-subnav .icon-primary-expanded:before {
-    float: right; }
-  
-  .filter-container .fixed-230-subnav ul.collapse {
-    position: inherit;
-    transition: height 0.5s ease;
-    height: 0;
-    overflow: hidden; }
-  
-  .filter-container .checkbox .icon-primary-spinner {
-    height: 24px;
-    position: absolute;
-    width: 24px; }
-  
-  .fixed-230-subnav.affix {
-    margin: -28px 0 0; }
-  
-  #nav-menu .b2b-menu,
-  #nav-menu .fixed-230-subnav {
-    margin: 0; }
-  
-  .b2b-menu > li,
-  .fixed-230-subnav > div {
-    border-bottom: 1px solid #ccc;
-    line-height: 4.0rem; }
-  
-  .b2b-menu > li:first-child,
-  .fixed-230-subnav > li:first-child {
-    border-top: 1px solid #ccc; }
-  
-  .b2b-menu div > a,
-  .fixed-230-subnav div > a {
-    color: #0574ac;
-    cursor: pointer;
-    display: block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem;
-    margin: 0;
-    outline-offset: -1px;
-    padding: 0 10px;
-    position: relative; }
-  
-  .fixed-230-subnav div > a.live {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #666; }
-  
-  .fixed-230-subnav > ng-transclude > div li > a {
-    display: block;
-    font-size: 1.4rem;
-    line-height: 20px; }
-  
-  .fixed-230-subnav > ng-transclude > div li > a.active {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    text-decoration: none;
-    color: #666; }
-  
-  #nav-menu .fixed-230-subnav a > i {
-    top: 10px; }
-  
-  .fixed-230-subnav > li > a.active > i:after {
-    display: none; }
-  
-  .b2b-menu ul,
-  .fixed-230-subnav ul {
-    margin: 0 0 10px 0; }
-  
-  .b2b-menu ul div a,
-  .fixed-230-subnav ul div a {
-    padding: 0 10px; }
-  
-  .unlinked {
-    outline: medium none !important;
-    text-decoration: none !important; }
-  
-  @media (max-width: 1024px) {
-    .filter-container .fixed-230-subnav {
-      margin: 0 20px;
-      width: auto; }
-    .filter-container .fixed-230-subnav > li {
-      margin: 0; }
-    .row .filter-container {
-      display: none;
-      height: 100%;
-      left: 0;
-      position: fixed;
-      overflow: auto;
-      top: 0;
-      transition: all 0.5s ease 0s;
-      width: 285px;
-      z-index: 9999; }
-    .filter-header {
-      padding-left: 20px; }
-    .filter-selected {
-      margin: 0 20px 10px; } }
-  
-  .b2b-pane-selector-wrapper {
-    width: 100%;
-    display: block;
-    border-top: solid 1px #ccc;
-    border-bottom: solid 1px #ccc; }
-    .b2b-pane-selector-wrapper .side-nav {
-      width: 20% !important;
-      display: inline-block;
-      float: left; }
-    .b2b-pane-selector-wrapper .pane-container {
-      width: 80%;
-      vertical-align: top;
-      margin: 0;
-      padding-top: 30px;
-      border-left: solid 1px #ccc;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      display: none; }
-      .b2b-pane-selector-wrapper .pane-container.active {
-        display: inline-block; }
-      .b2b-pane-selector-wrapper .pane-container .pane-container-top {
-        padding-left: 15px; }
-      .b2b-pane-selector-wrapper .pane-container .panes {
-        display: -webkit-flex;
-        display: flex;
-        border-top: solid 1px #ccc;
-        margin-top: 30px; }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block {
-          height: inherit;
-          overflow-y: auto;
-          border-right: solid 1px #ccc;
-          position: relative;
-          flex: 1;
-          -webkit-flex: 1;
-          /* Safari 6.1+ */
-          -ms-flex: 1;
-          /* IE 10 */ }
-          .b2b-pane-selector-wrapper .pane-container .panes div.pane-block:focus {
-            outline: dotted 1px #333333; }
-      .b2b-pane-selector-wrapper .pane-container .search-block {
-        position: relative;
-        float: right; }
-        .b2b-pane-selector-wrapper .pane-container .search-block input[type="search"]:focus {
-          padding-right: 40px; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row p {
-        margin-top: 15px; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div {
-        border-bottom: solid 1px #ccc; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row {
-        display: block;
-        padding: 19px 14px 19px 14px;
-        margin-top: 0px;
-        border: dotted 1px transparent;
-        border-bottom: solid 1px #ccc; }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:focus {
-          border: dotted 1px #333333 !important; }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:last-child {
-          border-bottom: none; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block > .no-content {
-        text-align: center;
-        border-bottom: none;
-        display: block;
-        position: absolute;
-        top: 45%;
-        left: 0;
-        right: 0; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div:last-child {
-        border-bottom: none; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row span.margin-chk {
-        margin: 15px 15px 0px 15px;
-        float: left; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row .checkbox-selectall {
-        margin: 0px 0 0 24px !important; }
-    .b2b-pane-selector-wrapper .side-nav li {
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      border: none;
-      border-top: solid 1px #ccc;
-      display: block !important;
-      width: auto !important;
-      margin-left: 0px !important; }
-      .b2b-pane-selector-wrapper .side-nav li.active {
-        background-color: #f6f6f6;
-        position: inherit !important; }
-        .b2b-pane-selector-wrapper .side-nav li.active > a {
-          font-size: 16px;
-          color: #333;
-          text-decoration: none;
-          border: none;
-          background-color: transparent;
-          padding: 20px 15px;
-          display: block;
-          height: auto;
-          border-left: 4px solid #0574ac; }
-      .b2b-pane-selector-wrapper .side-nav li > a {
-        font-size: 16px;
-        color: #333;
-        text-decoration: none;
-        border: none;
-        background-color: transparent;
-        padding: 20px 15px;
-        display: block;
-        height: auto;
-        text-align: left; }
-      .b2b-pane-selector-wrapper .side-nav li > a:focus {
-        border-right: dotted 1px #333333; }
-      .b2b-pane-selector-wrapper .side-nav li:first-child {
-        border-top: none;
-        margin-left: none !important; }
-  /********************* Utility CSS Starts **********************/
-  .offscreen-text {
-    position: absolute;
-    left: -10000px;
-    top: auto;
-    width: 1px;
-    height: 1px;
-    overflow: hidden; }
-  
-  /********************* Utility CSS Ends **********************/
-  /* Fix for alignment issue on Cancel link inside modal */
-  .modal-footer > .cta-button-group {
-    line-height: 40px; }
-  
-  /* .att-dark-green { // Not used
-    color: #007a3e;
-  } */
-  .colors-off-msg {
-    display: none; }
-  
-  button .colors-off-msg {
-    position: relative; }
-  
-  .ds2-no-colors .colors-off-msg {
-    display: block; }
-  
-  .ds2-no-colors [data-colordatatext] button .colors-off-msg {
-    font-size: 1.1rem;
-    line-height: normal;
-    padding: 5px 0;
-    position: absolute;
-    top: 0;
-    white-space: normal;
-    width: 60px; }
-  
-  /* Not used
-  .make-all-white * {
-    color: #fff;
-  }
-  .make-all-white a {
-    text-decoration: underline;
-  } */
-  .loader > span {
-    display: block;
-    padding-top: 20px; }
-  
-  .modal > .loader {
-    left: 50%;
-    margin-left: -25px;
-    margin-top: -25px;
-    position: absolute;
-    top: 50%; }
-  
-  #pageLevelLoader.modal {
-    background-color: transparent;
-    border: none;
-    box-shadow: none;
-    top: 40%; }
-  
-  .modal.fade .loader {
-    display: none; }
-  
-  .modal.fade.in .loader {
-    display: block; }
-  
-  .btn.disabled[data-loading-text] {
-    padding: 0 19px 0 18px;
-    line-height: 46px; }
-  
-  .btn.disabled[data-loading-text] img {
-    position: relative;
-    top: 2px; }
-  
-  /*  Seems to already be in docs.css
-  .fixed-230.leftnav {
-    position: relative;
-  }
-  .fixed-230-subnav {
-    margin: 10px;
-  }
-  .fixed-230-subnav > li:first-child {
-    border-top: none;
-  }
-  .fixed-230-subnav > li {
-    border-bottom: 1px solid #d2d2d2;
-  }
-  .fixed-230-subnav > li > a {
-    display: block;
-    font-size: 1.4rem;
-    line-height: normal;
-    margin: 0 -9px;
-    padding: 11px 35px 12px 9px;
-    outline-offset: 0;
-    position: relative;
-  }
-  .fixed-230-subnav > li > a.live {
-    color: #333333;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  }
-  .fixed-230-subnav a > i {
-    right: 10px;
-    margin: 0;
-    position: absolute;
-    top: 10px;
-  }
-  .fixed-230-subnav a > i:after {
-    display: none;
-  }
-  .fixed-230-subnav > li li > a {
-    display: block;
-    font-size: 1.4rem;
-    line-height: 18px;
-  }
-  .fixed-230-subnav > li li > a.active {
-    color: #333333;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    text-decoration: none;
-  }
-  .fixed-230-subnav ul {
-    margin: 0 0 10px;
-  } */
-  .unlinked {
-    color: #0568ae !important;
-    font-family: "Omnes-ECOMP-W02", Arial !important; }
-  
-  .unlinked.active {
-    color: inherit !important; }
-  
-  /* @media (max-width: 767px) {
-    .row.has-leftnav {
-      flex-wrap: wrap;
-    }
-    .row.has-leftnav .fluid-space {
-      padding-right: 0;
-    }
-    .row .fixed-230 {
-      background-color: #fff;
-      width: auto;
-    }
-    .row .leftnav {
-      background-color: #fff !important;
-      display: block !important;
-    }
-    .fixed-230-subnav {
-      margin: 10px 0 0;
-      width: 100%;
-    }
-    .fixed-230-subnav > li {
-      margin-left: -15px;
-      margin-right: -15px;
-    }
-    .fixed-230-subnav > li:first-child {
-      border-top: 1px solid #d2d2d2;
-    }
-    .fixed-230-subnav > li > a {
-      margin: 0;
-    }
-    .fixed-230-subnav a:hover,
-    .fixed-230-subnav a:focus {
-      text-decoration: none !important;
-    }
-    .fixed-230-subnav > li li > a {
-      padding: 5px 10px;
-    }
-    .fixed-230-subnav > li li > a.active {
-      color: inherit;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    }
-  } */
-  @keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-moz-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-webkit-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-ms-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-o-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  .ajaxed,
-  .modal.fade.in .modal-header,
-  .modal.fade.in .modal-body,
-  .modal.fade.in .modal-footer {
-    animation-duration: 0.01s;
-    -o-animation-duration: 0.01s;
-    -ms-animation-duration: 0.01s;
-    -moz-animation-duration: 0.01s;
-    -webkit-animation-duration: 0.01s;
-    animation-name: DOMinsertion;
-    -o-animation-name: DOMinsertion;
-    -ms-animation-name: DOMinsertion;
-    -moz-animation-name: DOMinsertion;
-    -webkit-animation-name: DOMinsertion; }
-  
-  .dda-css-override ul.nav-tabs {
-    margin-bottom: 0; }
-  
-  
-  .formsWithinProcessButton {
-    margin-right: 0px; }
-  
-  .heading-sub-section-form {
-    font-size: 2.4rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px;
-    margin-top: 10px; }
-  
-  .heading-small-form {
-    font-size: 1.6rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-top: 0px; }
-  
-  .icon-primary-form-sizeL {
-    font-size: 50px; }
-  
-  .icon-primary-form-size {
-    font-size: 30px; }
-  
-  .spanformfix {
-    margin-right: 15px !important; }
-  
-  @media (max-width: 767px) {
-    .heading-sub-section-form {
-      font-size: 1.8rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px;
-      padding-top: 10px;
-      margin-top: 30px; }
-    .heading-small-form {
-      font-size: 1.4rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-top: 0px; } }
-  
-  @media (max-width: 479px) {
-    .icon-primary-form-resizeL {
-      display: none; }
-    .icon-primary-form-resize {
-      display: none; }
-    .heading-center-form {
-      margin-left: 20px; } }
-  
-  @media (min-width: 480px) {
-    .icon-primary-form-resizeL {
-      display: none; }
-    .icon-primary-form-resize {
-      display: inherit; }
-    .icon-primary-center-min {
-      margin-top: 30px; } }
-  
-  @media (min-width: 768px) {
-    .icon-primary-form-resizeL {
-      display: inherit;
-      margin-top: 30px; }
-    .icon-primary-form-resize {
-      display: none; }
-    .center-form-align {
-      margin-top: 35px; } }
-  
-  @media (min-width: 1024px) {
-    .icon-primary-form-resizeL {
-      display: inherit;
-      margin-top: 0px; }
-    .icon-primary-form-resize {
-      display: none; }
-    .center-form-align {
-      margin-top: 5px; } }
-  
-  .data-row.has-button td.col-1 {
-    padding: 0; }
-  
-    
-  .icon-primary-circle:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 1; }
-  
-  .b2b-drag-handle {
-    cursor: move;
-    -ms-interpolation-mode: bicubic;
-    margin-bottom: 40px;
-    height: 23px;
-    padding-right: 10px;
-    float: left; }
-  
-  .b2b-drag-over {
-    background-color: #d1d1d1; }
-  
-  .b2-drag-element {
-    background-color: #e8e8e8; }
-  
-  [draggable] {
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    user-select: none; }
-  /* Flyout inputs color is not aligned */
-  textarea, input {
-    color: #333; }
-  
-  .isIE .btn-primary.btn:focus::after,
-  .isIE .btn-specialty.btn:focus::after,
-  .isIE .btn-alt.btn:focus::after {
-    border: 1px dashed #fff !important; }
-  .b2b-config-section-container {
-    height: auto;
-    min-height: 330px;
-    width: 815px;
-    background-color: #fff;
-    border: 1px solid #ccc;
-    display: inline-table;
-    border-radius: 6px; }
-  
-  .b2b-config-section-first-div {
-    border-right: 1px solid #ccc;
-    height: auto;
-    min-height: 330px; }
-  
-  .b2b-config-section-icon-primary-font {
-    font-size: 50px;
-    height: 31px;
-    line-height: 31px; }
-  
-  .b2b-config-section-padding {
-    padding: 20px 20px 15px 15px;
-    height: auto; }
-  
-  .b2b-config-sec-flyout {
-    position: relative;
-    left: 10px;
-    float: right;
-    color: #0574ac;
-    font-size: 16px;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-config-sec-divider {
-    border-bottom: 1px solid #ccc; }
-  
-  .b2b-confi-sec-span-border {
-    border-right: 1px solid;
-    height: auto; }
-  
-  .b2b-config-sec-speed-div {
-    text-align: center;
-    margin-top: 20px; }
-  
-  .b2b-config-sec-label-font {
-    font-size: 16px; }
-  
-  .b2b-config-sec-expander-main {
-    padding: 0 5px 0px 15px; }
-  
-  .b2b-config-sec-expander-body .b2b-config-vlan-padding {
-    padding: 5px 15px 10px 0px; }
-  
-  .b2b-conif-sec-row-height {
-    height: 110px; }
-  
-  .b2b-config-sec-expander-body {
-    font-size: 14px; }
-    .b2b-config-sec-expander-body .b2b-config-vlan-data {
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      padding-left: 15px; }
-  
-  .b2b-config-sec-expander-body-first-div {
-    border-top: 1px solid #ccc; }
-  
-  .b2b-config-sec-expander-body .tooltip {
-    position: static;
-    opacity: 1; }
-  
-  .b2b-config-section-container .row > [class*="span"] {
-    margin-right: 0px; }
-  
-  .b2b-config-vlan-icons {
-    font-size: 16px;
-    float: right;
-    margin-right: 0px; }
-  
-  .b2b-config-section-container .span6 {
-    width: 50%; }
-  
-  .b2b-config-sec-data-link-style {
-    position: relative;
-    left: 95%;
-    top: 30px;
-    border-radius: 50%;
-    width: 23px;
-    height: 23px;
-    background: #fff;
-    border: 1px solid #ccc;
-    color: #666666; }
-  
-  .b2b-config-sec-text-align {
-    text-align: center;
-    margin-top: 15px;
-    margin-bottom: 35px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #333333; }
-  
-  .b2b-config-port-text-align {
-    text-align: center;
-    margin-top: 15px;
-    margin-bottom: 8px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #333333; }
-  
-  .b2b-config-port-text-label {
-    margin-top: 6px;
-    margin-bottom: 8px;
-    font-size: 14px;
-    text-align: center; }
-  
-  .b2b-confi-sec-last-div p {
-    font-size: 14px;
-    padding: 10px 15px 0 15px; }
-  
-  .b2b-confi-sec-router-label {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    color: #333333;
-    float: left;
-    width: 100%;
-    margin-bottom: 7px; }
-  
-  .b2b-config-vlan-label {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #333333;
-    margin-top: 1px;
-    margin-bottom: 9px; }
-  
-  .b2b-config-vlan-info {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    color: #333333;
-    margin-bottom: 1px; }
-    .b2b-config-vlan-info .icon-misc-pen {
-      padding-left: 7px; }
-  
-  .b2b-confi-sec-model-label {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    color: #333333; }
-  
-  .b2b-confi-sec-router-info {
-    float: left;
-    width: 62%; }
-  
-  .b2b-config-sec-speed-sec {
-    border-right: 1px solid #ccc; }
-  
-  .b2b-config-sec-speed-label {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 20px;
-    color: #333333;
-    text-align: center; }
-    .b2b-config-sec-speed-label i {
-      margin-left: 15px;
-      font-size: 16px; }
-  
-  .b2b-config-sec-yellow-flag-div {
-    width: 1.6%;
-    background-color: #ffb18c; }
-  
-  .b2b-config-sec-expander-icons {
-    margin-top: 6px; }
-    .b2b-config-sec-expander-icons .icon-misc-trash {
-      margin-right: 10px; }
-  
-  .b2b-config-sec-yellow-flag .b2b-config-sec-expander-icons {
-    left: 40px; }
-  
-  .b2b-config-sec-expander-body-icons .icon-misc-pen {
-    position: relative;
-    left: 18px; }
-  .b2b-directory-listing .center {
-    display: block;
-    margin: 2em auto; }
-  
-  .b2b-directory-listing .listBox {
-    height: 310px;
-    width: 450px;
-    padding-left: 1px;
-    padding-right: 1px;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-directory-listing .listBox:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-directory-listing .b2b-directory-listing-no-results {
-    font-weight: bold; }
-  
-  .b2b-directory-listing .b2b-directory-listing-list {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5a5a5a;
-    overflow-x: hidden;
-    position: relative;
-    height: 300px;
-    border: 1px solid #333;
+    height:30px;
     border-radius: 6px;
-    margin-bottom: 10px; }
-  
-  .b2b-directory-listing .b2b-directory-listing-item {
-    margin: 1px;
-    border: 1px solid transparent;
-    outline: none;
-    text-align: left;
-    overflow: hidden;
-    cursor: pointer;
-    padding-top: 13px;
-    padding-bottom: 7px;
-    padding-left: 15px;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    word-wrap: break-word; }
-    .b2b-directory-listing .b2b-directory-listing-item:focus {
-      border: 1px #3399FF solid; }
-  
-  .b2b-directory-listing .b2b-directory-listing-item-selected {
-    color: #fff;
-    background-color: #3399FF; }
-  
-  .b2b-directory-listing input[type="text"] {
-    padding-right: 30px; }
-    .b2b-directory-listing input[type="text"]:focus, .b2b-directory-listing input[type="text"]:hover {
-      padding-right: 30px; }
-  
-  .b2b-directory-listing .row .btns {
-    margin-right: 90px;
-    margin-left: -115px;
-    margin-top: 100px; }
-  
-  .b2b-directory-listing .btn-remove {
-    margin-right: auto !important;
-    margin-bottom: 15px; }
-    .b2b-directory-listing .btn-remove i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-remove-all {
-    margin-top: 0;
-    margin-bottom: 61px !important;
-    /* need to be removed */
-    margin-right: auto !important; }
-    .b2b-directory-listing .btn-remove-all i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-add {
-    margin-bottom: 15px !important; }
-    .b2b-directory-listing .btn-add i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-add-all {
-    margin-top: 0;
-    margin-bottom: 61px !important; }
-    .b2b-directory-listing .btn-add-all i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-search[class*="btn"] {
-    right: 0.09rem; }
-  
-  .b2b-directory-listing .btn {
-    width: 130px; }
-  
-  .b2b-directory-listing-disabled {
-    cursor: not-allowed; }
-  
-  .b2b-directory-listing-label-heading {
-    margin-top: 24px;
-    padding-bottom: 5px; }
-  
-  .b2b-dl-list-box option {
-    padding-top: 13px;
-    padding-bottom: 7px;
-    padding-left: 15px; }
-  
-  .b2b-dl-modal-button-div {
-    padding-top: 110px;
-    text-align: center; }
-  .b2b-tmpl-notification-card {
-    border-radius: 6px;
-    height: auto;
-    width: 420px;
-    background-color: #ffffff;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 8px;
-    overflow: hidden; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-header {
-      padding-left: 30px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #333333;
-      font-size: 24px;
-      margin-top: 2px;
-      display: inline-block;
-      min-height: 60px;
-      position: relative; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-body {
-      padding: 0 30px 20px;
-      position: relative; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-header-title {
-      margin-top: 10px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button {
-      box-shadow: 0 -50px 0 0 #f2f2f2 inset;
-      height: 69px;
-      position: absolute;
-      border-color: #f2f2f2 #f2f2f2 transparent transparent;
-      border-style: solid;
-      border-width: 35px;
-      height: 0;
-      right: -295px;
-      top: -4px;
-      width: 69px;
-      /*Old properties */
-      box-shadow: none;
-      transform: none; }
-      .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close {
-        height: 48px;
-        right: -40px;
-        top: -40px;
-        width: 48px;
-        position: relative;
-        /*Old properties */
-        transform: none; }
-        .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:before {
-          color: #0568ae;
-          display: block;
-          font-size: 20px;
-          height: auto;
-          right: -4px;
-          top: 4px;
-          width: auto;
-          /*Old properties */
-          left: auto;
-          height: auto;
-          bottom: auto; }
-        .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:focus {
-          outline: 1px dotted black; }
-    .b2b-tmpl-notification-card button.close {
-      -webkit-appearance: none;
-      moz-appearance: none;
-      appearance: none; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-icon-primary-cirlce {
-      width: 30px;
-      height: 30px;
-      border-radius: 50%; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-outer-cirlce {
-      background: #f0f5f5;
-      border-radius: 50%;
-      height: 16px;
-      width: 16px;
-      vertical-align: middle; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-inner-cirlce {
-      background: #fff;
-      width: 22px;
-      height: 22px;
-      position: relative;
-      border-radius: 50%;
-      display: block;
-      left: 4px;
-      top: 4px;
-      border: 1px solid #767676; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-row {
-      padding-top: 10px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-sub-header {
-      margin-top: 0px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item {
-      background-color: #fff;
-      margin-top: 25px;
-      border-top: 1px solid #ccc; }
-      .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item .cta-button-group {
-        line-height: 40px;
-        padding-top: 20px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-edit-section .cta-button-group {
-      line-height: 40px;
-      padding-top: 15px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-add-item-container {
-      padding-top: 30px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-link-active {
-      pointer-events: none;
-      cursor: default;
-      color: #ccc; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-cursor:hover {
-      cursor: pointer; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon {
-    text-align: center;
-    margin-top: 91px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon i {
-      font-size: 99px;
-      color: #1b7e28; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading {
-    color: #333333;
-    text-align: center;
-    margin-top: 20px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading h1 {
-      font-size: 38px; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading {
-    color: #333333;
-    text-align: center; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading h5 {
-      font-size: 18px; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info {
-    padding-left: 18%;
-    font-size: 16px;
-    margin-top: 20px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info ul {
-      list-style-type: disc;
-      list-style-position: inside; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info li {
-      padding-top: 5px; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section {
-    font-size: 15px;
-    color: #0574ac;
-    margin-top: 20px;
-    text-align: center;
-    margin-bottom: 55px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section .b2b-tmpl-order-confirmation-link {
-      margin-right: 8%; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section a {
-      cursor: pointer; }
-  .b2b-tmpl-profile-block-container {
-    min-height: 200px;
-    height: auto;
-    background-color: #fff;
-    border-radius: 8px;
-    border: 1px solid #ccc;
-    box-shadow: 0px 1px 1px 1px #ccc;
-    display: inline-table;
-    margin: 15px 15px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-title {
-      font-weight: bold; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-footer {
-      margin-bottom: 12px;
-      margin-top: 5px;
-      height: 35px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p {
-      word-wrap: break-word;
-      height: 61px; }
-      .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:first-child {
-        margin-top: 10px; }
-      .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:after {
-        content: ' ';
-        display: block;
-        border: 0.2px solid #ccc;
-        margin-top: 12px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio {
-      margin-left: 15px;
-      height: 30px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details div {
-      padding: 2px 7px;
-      font-size: 14px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio-label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details a {
-      font-size: 14px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p span {
-      padding-left: 10px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon {
-      color: #1b7e28;
-      float: right;
-      position: relative;
-      left: 10px; }
-      .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon i {
-        color: #1b7e28;
-        float: right; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-link {
-      float: right;
-      position: relative;
-      left: -4px; }
-    .b2b-tmpl-profile-block-container a.link-profile {
-      position: relative;
-      left: -5px;
-      float: right;
-      margin-bottom: 16px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-radio {
-      position: relative;
-      top: -5px; }
-  .b2b-static-route-container {
-    padding-left: 32px;
-    display: inline-block; }
-  
-  .b2b-static-route-label-heading {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 5px !important;
-    color: #333333;
-    font-style: normal;
-    text-align: left; }
-  
-  label.b2b-static-route-label-heading {
-    margin-bottom: 12px;
-    margin-top: 15px;
-    display: block; }
-  
-  #b2b-static-route-input {
-    margin: 5px 0 5px; }
-  
-  .b2b-static-route-list {
-    margin-bottom: 30px;
-    width: 216px;
-    float: left;
-    margin-right: 20px;
-    max-height: 540px;
-    overflow-y: auto; }
-    .b2b-static-route-list .status-text {
-      flex: 1;
-      display: flex;
-      align-items: center;
-      outline: 0; }
-  
-  .b2b-static-route-list-item {
-    border: 1px #cccccc solid;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 5px;
-    display: flex;
-    cursor: pointer; }
-    .b2b-static-route-list-item > .status-bar {
-      padding: 20px 0 20px;
-      background-color: #ea7400;
-      border-radius: 0;
-      width: 10px;
-      display: inline-block;
-      margin-right: 20px;
-      height: 100%;
-      float: left; }
-      .b2b-static-route-list-item > .status-bar:after {
-        content: '.';
-        visibility: hidden; }
-    .b2b-static-route-list-item > .status-bar-unedited {
-      padding: 20px 0 20px;
-      background-color: #ffb81c;
-      border-radius: 0;
-      width: 10px;
-      display: inline-block;
-      margin-right: 20px;
-      height: 100%;
-      float: left;
-      background-color: transparent; }
-      .b2b-static-route-list-item > .status-bar-unedited:after {
-        content: '.';
-        visibility: hidden; }
-  
-  .b2b-static-route-list-item:focus {
-    outline: 1px dashed #00f; }
-  
-  .b2b-static-route-list-item--selected {
-    background: #f2f2f2; }
-  
-  .b2b-static-route-content {
-    display: inline-block; }
-  
-    .selectWrap::after { 
-    align-items: center; 
-    background-position: 7px 7px; 
-    background-repeat: no-repeat; 
-    background-size: auto 23px; 
-    border-left: 1px solid transparent; 
-    color: #0568ae; 
-    display: flex; 
-    font-size: 23px; 
-    height: 36px; 
-    margin-right: 0; 
-    overflow: hidden; 
-    position: absolute; 
-    right: 0; 
-    text-indent: 7px; 
-    top: 0; 
-    user-select: none; 
-    width: 41px; 
-    z-index: 0; 
-    position: absolute !important; 
-    display: flex !important; 
-  }
-  
-  .card{
-    border-radius: 5px;
-  }
-  
-  .card-header{
-    height: 50px;
-  }
-  
-  .card-body{
-    height: 150px;
-  }
-  
-  .card-footer{
-    height: 60px;
-  }
-  
-  .dialog__close-btn {
-    border: 0;
-    background: #087ac2;
-    color: #ffffff;
-    position: absolute;
-    top: 8px;
-    right: 8px;
-    font-size: 1.2em;
-    display: block;
-    border: #087ac2 2px solid;
-  }
-  
-  .dialog{
-    margin-top: 50px;
-  }
-  
-  .modalTitle{
-      font-size: 35px;  
-  }
-  
-  .defaultFontSize{
-    font-size: 15px;
-  }
-  
-  
-  .tab-content{
-    margin-right: 20px;
-    /* background-color: #006496; */
-    color: rgb(0, 0, 0);
-  }
-  
-  .btn-sm{
-    width: 30px;
-    height: 15px;
-    font-size: 10px;
-  }
-  
\ No newline at end of file
+}
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.html
index c37f4bbd..cfcdae98 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.html
@@ -1,65 +1,87 @@
 <br/>
 <div>
- 
-  <div class="field-group">
-      <label>Search Report</label> <br/>
-      <input  #myInput class="defaultFontSize" type="text"  [(ngModel)]="name" (input)="filterItem(myInput.value)"/>
-  </div>
+
+    <div class="field-group">
+        <label>Search Report</label> <br/>
+        <input #myInput (input)="filterItem(myInput.value)" [(ngModel)]="name" class="defaultFontSize" type="text"/>
+    </div>
 </div>
 <br/>
 <div>
-<table>
-  <tr>
-          <th>Report Data</th>
-          <th>Report Chart</th>
-  </tr>
+    <table>
+        <tr>
+            <th>Report Data</th>
+            <th>Report Chart</th>
+        </tr>
 
-<tr>
- 
-  <td>
-      <div *ngIf="showSpinner">
-          <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
-      </div>
-    <div *ngIf="!showSpinner" class="data-table">
-    <div *ngFor="let report of filteredItemsData">
-      <div *ngIf="options.enableEmptyCellDrop" class="example-list" draggable="true" (dragstart)="dragStartHandler($event, report)">{{report.id}} {{report.name}}</div>
-    </div>
-  </div>
-  </td>
-  
-  
-  <td>
-      <div *ngIf="showSpinner">
-          <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
-      </div>
-      <div *ngIf="!showSpinner" class="data-table">
-      <div *ngFor="let report of filteredItemsChart">
-        <div *ngIf="options.enableEmptyCellDrop" class="example-list" draggable="true" (dragstart)="dragStartHandler($event, report)">{{report.id}} {{report.name}}</div>
-      </div>
-    </div>
-  </td>
+        <tr>
+
+            <td>
+                <span *ngIf="showSpinner" class="ecomp-spinner"></span>
+                <div *ngIf="!showSpinner" class="data-table">
+                    <div *ngFor="let report of filteredItemsData">
+                        <div (dragstart)="dragStartHandler($event, report)" *ngIf="options.enableEmptyCellDrop" class="example-list"
+                             draggable="true">{{report.id}} {{report.name}}</div>
+                    </div>
+                </div>
+            </td>
 
-</tr>
 
-</table>
+            <td>
+                <span *ngIf="showSpinner" class="ecomp-spinner"></span>
+                <div *ngIf="!showSpinner" class="data-table">
+                    <div *ngFor="let report of filteredItemsChart">
+                        <div (dragstart)="dragStartHandler($event, report)" *ngIf="options.enableEmptyCellDrop" class="example-list"
+                             draggable="true">{{report.id}} {{report.name}}</div>
+                    </div>
+                </div>
+            </td>
+
+        </tr>
+
+    </table>
 </div>
 <br/>
 
 <label>Dashboard Preview </label> <br/>
 <gridster [options]="options">
-  <gridster-item [item]="item" *ngFor="let item of dashboard">
-      <div class="gridster-item-content1" *ngIf="item.hasContent">
-          <div class="stuff">
-            {{item.hasContent.id}} {{item.hasContent.name}}
-          </div>
-          <div class="button-holder" style="margin-top: 50;">
-            <button mat-mini-fab (mousedown)="removeItem($event, item)"
-                    (touchstart)="removeItem($event, item)">
-              <mat-icon>delete</mat-icon>
-            </button>
-          </div>
-      </div>
-      
-    
-  </gridster-item>
-</gridster>
\ No newline at end of file
+    <gridster-item *ngFor="let item of dashboard" [item]="item">
+        <div *ngIf="item.hasContent" class="gridster-item-content1">
+            <div class="stuff">
+                {{item.hasContent.id}} {{item.hasContent.name}}
+            </div>
+            <div class="field-group">
+                <div class="button-holder">
+                    <button (mousedown)="removeItem($event, item)" (touchstart)="removeItem($event, item)"
+                            mat-mini-fab>
+                        <mat-icon>delete</mat-icon>
+                    </button>
+                </div>
+                <div class="checkbox-holder">
+                    <mat-checkbox [(ngModel)]="item.hasContent.hideDisplay" [checked]="setHideDisplay(item)"> Hide
+                        Display
+                    </mat-checkbox>
+                </div>
+            </div>
+        </div>
+    </gridster-item>
+</gridster>
+
+<style scoped>
+    ::ng-deep .mat-checkbox-layout .mat-checkbox-inner-container {
+        display: inline-block;
+        height: 25px;
+        width: 25px;
+    }
+
+    .button-holder{
+        padding-right: 10px;
+    }
+
+    .checkbox-holder{
+        padding-top: 10px;
+    }
+    .field-group {
+        display: inline-flex;
+    }
+</style>
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.scss b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.scss
index ed7b1ee2..5391f973 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.scss
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.scss
@@ -16,7 +16,7 @@
     border-radius: 4px;
     overflow: hidden;
   }
-  
+
   .example-box {
     padding: 20px 10px;
     border-bottom: solid 1px #006496;
@@ -59,10 +59,10 @@
     border-radius: 10px;
   }
 
-  
+
 .field-group {
-  position: relative;
-  display: block;
+    position: relative;
+    display: inline-flex;
 }
 
 label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
@@ -72,4 +72,27 @@ label + .field-group, label + .input-append, label + .row, label + .row-nowrap,
 .data-table{
   height: 400px;
   overflow: scroll;
-}
\ No newline at end of file
+}
+
+::ng-deep .mat-checkbox-inner-container {
+    display: inline-block;
+    height: 25px;
+    line-height: 0;
+    margin: auto;
+    margin-right: 8px;
+    order: 0;
+    position: relative;
+    vertical-align: middle;
+    white-space: nowrap;
+    width: 25px;
+    flex-shrink: 0;
+}
+
+.button-holder{
+    padding-right: 10px;
+    margin-top: 50px;
+}
+
+.checkbox-holder{
+    padding-top: 10px;
+}
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.spec.ts
index d1ed8068..6d0c2946 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.spec.ts
@@ -3,21 +3,10 @@ import { FormsModule } from '@angular/forms';
 import { DashboardReportGridComponent } from './dashboard-report-grid.component';
 import { CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from '@angular/core';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
-import { DashboardReportService } from '../../run/run-report/run-dashboard-report/dashboard-report.service';
-import { DashboardReportGridService } from './dashboard-report-grid.service';
-import 'rxjs/add/observable/of';
-import { Observable } from 'rxjs';
-import { GridsterItem } from 'angular-gridster2';
 
 describe('DashboardReportGridComponent', () => {
   let component: DashboardReportGridComponent;
   let fixture: ComponentFixture<DashboardReportGridComponent>;
-  let service;
-  let environment = [
-    {
-      baseUrl: 'just for testing'
-    }
-  ];
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
@@ -26,15 +15,11 @@ describe('DashboardReportGridComponent', () => {
       imports: [FormsModule, HttpClientTestingModule]
     })
     .compileComponents();
-    service = TestBed.get(DashboardReportGridService);
-    spyOn(service, 'getReportList').and.returnValue(Observable.of(environment));
   })); 
 
   beforeEach(() => {
     fixture = TestBed.createComponent(DashboardReportGridComponent);
     component = fixture.componentInstance;
-    environment ["rows"] = [""];
-    component.dashboard ["hasContent"] = [""];
     fixture.detectChanges();
   });
 
@@ -43,9 +28,7 @@ describe('DashboardReportGridComponent', () => {
   });
 
   it('should test ngOnInit method', () => {
-    spyOn(component, 'ngOnInit').and.callThrough();
       component.ngOnInit();
-      expect(component.ngOnInit).toHaveBeenCalled();
   });
 
   it('should test changedOption method', () => {    
@@ -64,10 +47,4 @@ describe('DashboardReportGridComponent', () => {
       component.addItem();
   });
 
-  it('should test emptyCellClick method', () => {
-    let event: MouseEvent;
-    let item: GridsterItem;
-    component.emptyCellClick(event, item);
-  });
-
 });
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.ts
index d1a7d4eb..15ec1799 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/dashboard-report-grid/dashboard-report-grid.component.ts
@@ -1,228 +1,225 @@
-import { Component, OnInit,  EventEmitter, Output, Input  } from '@angular/core';
+import {Component, OnInit, EventEmitter, Output, Input} from '@angular/core';
 import {CompactType, DisplayGrid, GridsterConfig, GridsterItem, GridType} from 'angular-gridster2';
-import { DashboardReportGridService } from './dashboard-report-grid.service';
+import {DashboardReportGridService} from './dashboard-report-grid.service';
 
 
 @Component({
-  selector: 'app-dashboard-report-grid',
-  templateUrl: './dashboard-report-grid.component.html',
-  styleUrls: ['./dashboard-report-grid.component.css']
+    selector: 'app-dashboard-report-grid',
+    templateUrl: './dashboard-report-grid.component.html',
+    styleUrls: ['./dashboard-report-grid.component.css']
 })
 export class DashboardReportGridComponent implements OnInit {
 
-  options: GridsterConfig;
-  originalDashboardLength : number;
-  reportNo : {};
-  reportDataList : any;
-  reportChartList : any;
-  filteredItemsData : any;
-  filteredItemsChart : any;
-  // dashboard : {}[];
-  reportList : {}[];
-  showSpinner : boolean;
-
-  @Input("fetchedDashboardObj") dashboard :  Array<GridsterItem> = new Array();
-  // @Input("fetchedDashboardObj") fetchedDashboardObj : any;
-
-
-  @Output() transferDashboardObj = new EventEmitter<any>();
-
-  constructor(private _dashboardReportGridService : DashboardReportGridService) { 
-    this.reportDataList = new Array();
-    this.reportChartList = new Array();
-    this.reportList = new Array();
-  }
-
-  ngOnInit() {
-
-    this.showSpinner = true;
-    // this.dashboard = this.fetchedDashboardObj;
-
-
-    this.options = {
-      gridType: GridType.Fixed,
-      margin: 10,
-      outerMargin: true,
-      outerMarginTop: 10,
-      outerMarginRight: 10,
-      outerMarginBottom: 700,
-      outerMarginLeft: 10,
-      scrollSensitivity: 10,
-      scrollSpeed: 20,
-      emptyCellDragMaxCols: null,
-      emptyCellDragMaxRows: null,
-      emptyCellDropCallback: this.emptyCellClick.bind(this),
-      emptyCellDragCallback: this.emptyCellClick.bind(this),
-      ignoreContentClass: 'gridster-item-content',
-      enableOccupiedCellDrop : true,
-      ignoreMarginInRow: false,
-      draggable: {
-        enabled: true,
-      },
-      resizable: {
-        enabled: true,
-      },
-      swap: false,
-      pushItems: true,
-      disablePushOnDrag: false,
-      disablePushOnResize: false,
-      pushDirections: {north: true, east: true, south: true, west: true},
-      pushResizeItems: true,
-      disableWindowResize: true,
-      disableWarnings: false,
-      scrollToNewItems: true,
-      enableDropToAdd : true,
-      enableEmptyCellDrop : true,
-      minCols : 2,
-      minRows : 2,
-    };
-
-    this._dashboardReportGridService.getReportList()
-    .subscribe((responseReportList) => {
-      let i=0;
-
-      while(responseReportList["rows"][0][i])
-      {
-        let j=0;
-        let name = "";
-        let id = "";
-
-        while(responseReportList["rows"][0][i][j])
-        {
-          if(responseReportList["rows"][0][i][j]["columnId"] === "rep_id")
-          {
-            id = responseReportList["rows"][0][i][j]["searchresultField"]["displayValue"];
-          }
-
-          if(responseReportList["rows"][0][i][j]["columnId"] === "rep_name")
-          {
-            name = responseReportList["rows"][0][i][j]["searchresultField"]["displayValue"];
-          }
-
-         
-          j++;
+    @Input ("reportMode") reportMode : string;
+    options: GridsterConfig;
+    originalDashboardLength: number;
+    reportNo: {};
+    reportDataList: any;
+    reportChartList: any;
+    filteredItemsData: any;
+    filteredItemsChart: any;
+    // dashboard : {}[];
+    reportList: {}[];
+    showSpinner: boolean;
+    hideChart: true;
+
+    @Input('fetchedDashboardObj') dashboard: Array<GridsterItem> = [];
+    // @Input("fetchedDashboardObj") fetchedDashboardObj : any;
+
+
+    @Output() transferDashboardObj = new EventEmitter<any>();
+
+    constructor(private _dashboardReportGridService: DashboardReportGridService) {
+        this.reportDataList = [];
+        this.reportChartList = [];
+        this.reportList = [];
+    }
+
+    ngOnInit() {
+
+        this.showSpinner = true;
+        // this.dashboard = this.fetchedDashboardObj;
+
+
+        this.options = {
+            gridType: GridType.Fixed,
+            margin: 10,
+            outerMargin: true,
+            outerMarginTop: 10,
+            outerMarginRight: 10,
+            outerMarginBottom: 700,
+            outerMarginLeft: 10,
+            scrollSensitivity: 10,
+            scrollSpeed: 20,
+            emptyCellDragMaxCols: null,
+            emptyCellDragMaxRows: null,
+            emptyCellDropCallback: this.emptyCellClick.bind(this),
+            emptyCellDragCallback: this.emptyCellClick.bind(this),
+            ignoreContentClass: 'gridster-item-content',
+            enableOccupiedCellDrop: true,
+            ignoreMarginInRow: false,
+            draggable: {
+                enabled: true,
+            },
+            resizable: {
+                enabled: true,
+            },
+            swap: false,
+            pushItems: true,
+            disablePushOnDrag: false,
+            disablePushOnResize: false,
+            pushDirections: {north: true, east: true, south: true, west: true},
+            pushResizeItems: true,
+            disableWindowResize: true,
+            disableWarnings: false,
+            scrollToNewItems: true,
+            enableDropToAdd: true,
+            enableEmptyCellDrop: true,
+            minCols: 2,
+            minRows: 2,
+        };
+
+
+        if(this.reportMode !== 'Copy'){
+        this._dashboardReportGridService.getReportList()
+            .subscribe((responseReportList) => {
+                let i = 0;
+
+                while (responseReportList['rows'][0][i]) {
+                    let j = 0;
+                    let name = '';
+                    let id = '';
+
+                    while (responseReportList['rows'][0][i][j]) {
+                        if (responseReportList['rows'][0][i][j]['columnId'] === 'rep_id') {
+                            id = responseReportList['rows'][0][i][j]['searchresultField']['displayValue'];
+                        }
+
+                        if (responseReportList['rows'][0][i][j]['columnId'] === 'rep_name') {
+                            name = responseReportList['rows'][0][i][j]['searchresultField']['displayValue'];
+                        }
+
+
+                        j++;
+                    }
+                    this.reportDataList.push({name: name, id: 'Data#' + id, hideDisplay: false});
+                    this.reportChartList.push({name: name, id: 'Chart#' + id, hideDisplay: false});
+                    i++;
+                }
+                this.assignCopy();
+                this.showSpinner = false;
+            });
+
+        }
+       
+        this.assignCopy();
+    }
+
+    changedOptions() {
+        if (this.options.api && this.options.api.optionsChanged) {
+            this.options.api.optionsChanged();
         }
-        this.reportDataList.push({name : name, id : "Data#" + id});
-        this.reportChartList.push({name : name, id : "Chart#" + id});
-        i++
-      }
-      // console.log(responseReportList["rows"][0]);
-      this.assignCopy();
-      this.showSpinner = false;
-    });
-
-
-    // this.reportDataList = [
-    //   {name : "E911 report - PointClickTool - 911 Contacts", id : "Data#1972"}
-    // ];
-
-    // this.reportChartList = [
-    //   {name : "E911 report - PointClickTool - 911 Contacts", id : "Chart#1972"}
-    // ];
-    
-
-    this.assignCopy();
-  }
-
-  changedOptions() {
-    if (this.options.api && this.options.api.optionsChanged) {
-      this.options.api.optionsChanged();
     }
-  }
 
-  assignCopy(){
-   
-      this.filteredItemsData = Object.assign([], this.reportDataList);
-      this.filteredItemsChart = Object.assign([], this.reportChartList);
+    assignCopy() {
+
+        this.filteredItemsData = Object.assign([], this.reportDataList);
+        this.filteredItemsChart = Object.assign([], this.reportChartList);
 
-    
- }
 
-  filterItem(value){
-    if(!value){
-        this.assignCopy();
-    } // when nothing has typed
-    this.filteredItemsData = Object.assign([], this.reportDataList).filter(
-       item => (item["name"].toLowerCase().indexOf(value.toLowerCase()) > -1 || item["id"].toLowerCase().indexOf(value.toLowerCase()) > -1)
-    )
-    this.filteredItemsChart = Object.assign([], this.reportChartList).filter(
-      item => (item["name"].toLowerCase().indexOf(value.toLowerCase()) > -1 || item["id"].toLowerCase().indexOf(value.toLowerCase()) > -1)
-   )
- }
-
-  emptyCellClick(event: MouseEvent, item: GridsterItem) {
-    // console.info('empty cell click', event, item);
-    console.log(this.dashboard);
-    this.dashboard.push(item);
-  }
-
-  removeItem($event, item) {
-    $event.preventDefault();
-    $event.stopPropagation();
-    this.dashboard.splice(this.dashboard.indexOf(item), 1);
-    console.log(item.hasContent["id"].split("#")[0]);
-    if(item.hasContent["id"].split("#")[0] === "Data")
-    {
-      this.reportDataList.push(item.hasContent);
-      this.assignCopy();
     }
 
-    if(item.hasContent["id"].split("#")[0] === "Chart")
-    {
-      this.reportChartList.push(item.hasContent);
-      this.assignCopy();
+    filterItem(value) {
+        if (!value) {
+            this.assignCopy();
+        } // when nothing has typed
+        this.filteredItemsData = Object.assign([], this.reportDataList).filter(
+            item => (item['name'].toLowerCase().indexOf(value.toLowerCase()) > -1 || item['id'].toLowerCase().indexOf(value.toLowerCase()) > -1)
+        );
+        this.filteredItemsChart = Object.assign([], this.reportChartList).filter(
+            item => (item['name'].toLowerCase().indexOf(value.toLowerCase()) > -1 || item['id'].toLowerCase().indexOf(value.toLowerCase()) > -1)
+        );
     }
-    
-  }
-
-  addItem() {
-    this.dashboard.push({x: 0, y: 0, cols: 1, rows: 1,  dragEnabled: true, resizeEnabled: true, label: 'Drag&Resize Enabled', hasContent:'Hey'});
-  }
-
-  dragStartHandler(ev, report : {}) {
-
-    this.originalDashboardLength = this.dashboard.length;
-    ev.dataTransfer.setData('text/plain', 'Drag Me Button');
-    ev.dataTransfer.dropEffect = 'copy';
-    this.reportNo = report;
-    console.log(this.reportNo);
-
-
-    console.log(this.dashboard.length);
-    
-    
-  }
-
-  ngDoCheck()
-  {
-    if(this.dashboard.length > this.originalDashboardLength)
-    {
-      console.log(this.reportNo);
-      this.dashboard[this.dashboard.length-1]["hasContent"]= this.reportNo;
-
-      
-    for(let i=0; i<this.reportDataList.length; i++)
-    {
-      if(this.reportDataList[i]["id"] === this.reportNo["id"])
-      {
-        this.reportDataList.splice(i, 1);
-        this.assignCopy();
-      }
+
+    emptyCellClick(event: MouseEvent, item: GridsterItem) {
+        console.log(this.dashboard);
+        this.dashboard.push(item);
     }
 
-    for(let i=0; i<this.reportChartList.length; i++)
-    {
-      if(this.reportChartList[i]["id"] === this.reportNo["id"])
-      {
-        this.reportChartList.splice(i, 1);
-        this.assignCopy();
-      }
+    removeItem($event, item) {
+        $event.preventDefault();
+        $event.stopPropagation();
+        this.dashboard.splice(this.dashboard.indexOf(item), 1);
+        console.log(item.hasContent['id'].split('#')[0]);
+        if (item.hasContent['id'].split('#')[0] === 'Data') {
+            this.reportDataList.push(item.hasContent);
+            this.assignCopy();
+        }
+
+        if (item.hasContent['id'].split('#')[0] === 'Chart') {
+            this.reportChartList.push(item.hasContent);
+            this.assignCopy();
+        }
+
     }
 
+    addItem() {
+        this.dashboard.push({
+            x: 0,
+            y: 0,
+            cols: 1,
+            rows: 1,
+            dragEnabled: true,
+            resizeEnabled: true,
+            label: 'Drag&Resize Enabled',
+            hasContent: 'Hey'
+        });
     }
 
-    this.transferDashboardObj.emit(this.dashboard);
-  }
+    dragStartHandler(ev, report: {}) {
 
+        this.originalDashboardLength = this.dashboard.length;
+        ev.dataTransfer.setData('text/plain', 'Drag Me Button');
+        ev.dataTransfer.dropEffect = 'copy';
+        this.reportNo = report;
+        console.log(this.reportNo);
+
+
+        console.log(this.dashboard.length);
+
+
+    }
+
+    ngDoCheck() {
+        if (this.dashboard.length > this.originalDashboardLength) {
+            console.log(this.reportNo);
+            this.dashboard[this.dashboard.length - 1]['hasContent'] = this.reportNo;
+
+
+            for (let i = 0; i < this.reportDataList.length; i++) {
+                if (this.reportDataList[i]['id'] === this.reportNo['id']) {
+                    this.reportDataList.splice(i, 1);
+                    this.assignCopy();
+                }
+            }
+
+            for (let i = 0; i < this.reportChartList.length; i++) {
+                if (this.reportChartList[i]['id'] === this.reportNo['id']) {
+                    this.reportChartList.splice(i, 1);
+                    this.assignCopy();
+                }
+            }
+
+        }
+        if (this.dashboard.length == this.originalDashboardLength) {
+            console.log('hello');
+        }
+
+        this.transferDashboardObj.emit(this.dashboard);
+    }
+
+    setHideDisplay(item: GridsterItem) {
+        this.transferDashboardObj.emit(this.dashboard);
+    }
 }
 
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.component.css
index ca8d2297..bea66539 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.component.css
@@ -1,360 +1,119 @@
 table, tr, td, th {
-  border: 0;
+    border: 0;
 }
-
-td{
-  width: 50%;;
+td {
+    width: 50%;;
 }
-
 .split {
-  height: 100%;
-  width: 50%;
-  position: fixed;
-  z-index: 1;
-  top: 0;
-  overflow-x: hidden;
-  padding-top: 20px;
+    height: 100%;
+    width: 50%;
+    position: fixed;
+    z-index: 1;
+    top: 0;
+    overflow-x: hidden;
+    padding-top: 20px;
 }
-
 .left {
-  left: 0;
-
+    left: 0;
 }
 
 .right {
-  right: 0;
-
-}
-
-.example-box {
-  width: 200px;
-  height: 200px;
-  border: solid 1px #ccc;
-  color: rgba(0, 0, 0, 0.87);
-  cursor: move;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-  background: #fff;
-  border-radius: 4px;
-  position: relative;
-  z-index: 1;
-  transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);
-  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),
-              0 2px 2px 0 rgba(0, 0, 0, 0.14),
-              0 1px 5px 0 rgba(0, 0, 0, 0.12);
-}
-
-.example-box:active {
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
-              0 8px 10px 1px rgba(0, 0, 0, 0.14),
-              0 3px 14px 2px rgba(0, 0, 0, 0.12);
-}
-
-
-.example-boundary {
-  width: 400px;
-  height: 400px;
-  max-width: 100%;
-  border: dotted #ccc 2px;
-}
-
-.example-list {
-  width: 500px;
-  max-width: 100%;
-  border: solid 1px #ccc;
-  min-height: 60px;
-  display: block;
-  background: white;
-  border-radius: 4px;
-  overflow: hidden;
-  align-items: center;
-}
-
-
-.example-list-box {
-  width: 200px;
-  max-width: 100%;
-  border: solid 1px #ccc;
-  min-height: 60px;
-  display: block;
-  background: white;
-  border-radius: 4px;
-  overflow: hidden;
-  align-items: center;
-}
-
-.example-box {
-  padding: 20px 10px;
-  border-bottom: solid 1px #ccc;
-  color: rgba(0, 0, 0, 0.87);
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  box-sizing: border-box;
-  cursor: move;
-  background: #00649617;
-  font-size: 14px;
-}
-
-.cdk-drag-preview {
-  box-sizing: border-box;
-  border-radius: 4px;
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
-              0 8px 10px 1px rgba(0, 0, 0, 0.14),
-              0 3px 14px 2px rgba(0, 0, 0, 0.12);
-}
-
-.cdk-drag-placeholder {
-  opacity: 0;
-}
-
-.cdk-drag-animating {
-  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
-}
-
-.example-box:last-child {
-  border: none;
-}
-
-.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder) {
-  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
-}
-
-
-
-mat-button-toggle-group{
-  width: 800px;
+    right: 0;
 }
 
-
-.lds-ring {
-  display: inline-block;
-  position: relative;
-  width: 64px;
-  height: 64px;
-}
-.lds-ring div {
-  box-sizing: border-box;
-  display: block;
-  position: absolute;
-  width: 80px;
-  height: 80px;
-  margin: 6px;
-  margin-top: -10px;
-  border: 10px solid #006496;
-  border-radius: 80%;
-  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-  border-color: #006496 transparent transparent transparent;
-}
-.lds-ring div:nth-child(1) {
-  animation-delay: -0.45s;
-}
-.lds-ring div:nth-child(2) {
-  animation-delay: -0.3s;
+mat-button-toggle-group {
+    width: 800px;
 }
-.lds-ring div:nth-child(3) {
-  animation-delay: -0.15s;
-}
-@keyframes lds-ring {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
 
-mat-button-toggle{
-  display: block;
-  width: 800px;
-  border-radius: 5px;
+mat-button-toggle {
+    display: block;
+    width: 800px;
+    border-radius: 5px;
 }
 
-label{
-  size: 70px;
+label {
+    size: 70px;
 }
 
 input {
-  width: 800px;
-  height: 20px;
+    width: 800px;
+    height: 20px;
 }
 
-.Heading{
-  font-size: 45px;
+.Heading {
+    font-size: 45px;
 }
 
-.stdForm{
-  margin-left: 20px;
+.stdForm {
+    margin-left: 20px;
 }
 
 .field-group {
-  position: relative;
-  display: block;
+    position: relative;
+    display: block;
 }
 
 label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
-  margin-top: 5px;
+    margin-top: 5px;
 }
 
+select {
+    display: block;
+    width: 800px;
 
-select{
-  display: block;
-  width: 800px;
-  
-  padding: 15px;
-  background-color: #e6e6e61a
+    padding: 15px;
+    background-color: #e6e6e61a
 }
 
 .webform-component-my-select select {
-  height: 200px;
+    height: 200px;
 }
 
 .checkbox .skin {
-  background-color: #fff;
-  border: 1px solid #d2d2d2;
-  border-radius: 3px;
-  display: inline-block;
-  height: 24px;
-  width: 24px;
-  position: absolute;
-  left: 0;
-  top: 0;
+    background-color: #fff;
+    border: 1px solid #d2d2d2;
+    border-radius: 3px;
+    display: inline-block;
+    height: 24px;
+    width: 24px;
+    position: absolute;
+    left: 0;
+    top: 0;
 }
 
 i, em {
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal;
-}
-
-
-.b2b-horizontal-table ::-webkit-scrollbar {
-  height: 10px; }
-
-.b2b-horizontal-table ::-webkit-scrollbar-thumb {
-  background: #666666;
-  border-radius: 5px; }
-
-.b2b-horizontal-table .b2b-frozen-col {
-  font-size: 5px;
-  font-weight: normal;
-  font-style: italic; }
-/* 
-.b2b-horizontal-table .b2b-horizontal-table-inner-container {
-  overflow-x: scroll; } */
-
-.b2b-horizontal-table .b2b-horizontal-table-column-info {
-  text-align: center; }
-
-.b2b-horizontal-table .b2b-horizontal-table-legend div[b2b-flyout-toggler] {
-  color: #0568ae;
-  cursor: pointer; }
-
-.b2b-horizontal-table .b2b-horizontal-table-legend .b2b-frozen-cell {
-  width: 16px;
-  height: 16px;
-  background-color: #F2F2F2;
-  display: inline-block;
-  margin-right: 10px; }
-
-.b2b-horizontal-table .b2b-horizontal-table-arrows {
-  margin-bottom: 20px; }
-  .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-disabled-text {
-    color: #767676; }
-  .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-next-link {
-    padding-right: 15px; }
-  .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-prev-link {
-    padding-left: 15px; }
-
-@-moz-document url-prefix() {
-  .b2b-horizontal-table td:first-child {
-    border-top: none; } }
-* {
-  box-sizing: border-box; }
-
-:root {
-  -ms-overflow-style: -ms-autohiding-scrollbar;
-  overflow-y: scroll;
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%;
-  box-sizing: border-box;
-  font: 0.625pc/1.5 sans-serif;
-  text-rendering: optimizeLegibility; }
+    font-family: "Omnes-ECOMP-W02-Italic", Arial;
+    font-style: normal;
+}
 
 html {
-  overflow-y: scroll;
-  -webkit-overflow-scrolling: touch;
-  height: 100%;
-  position: relative; }
-
-h1,
-h2,
-h3,
-h4,
-h5,
-p,
-blockquote,
-figure,
-ol,
-ul {
-  margin: 0;
-  padding: 0; }
-
-/* a:focus {
-  outline: thin dotted #191919;
-} */
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: top; }
-
-sup {
-  top: .75em;
-  display: inline-block; }
-
-sub {
-  bottom: -0.25em; }
-
-img {
-  max-width: 100%;
-  height: auto;
-  vertical-align: middle;
-  border: 0;
-  -ms-interpolation-mode: bicubic; }
-
-.img-no-rwd {
-  max-width: inherit !important; }
-
-svg {
-  display: inline-block; }
-
-.responsive-img {
-  width: 100%;
-  height: auto; }
+    overflow-y: scroll;
+    -webkit-overflow-scrolling: touch;
+    height: 100%;
+    position: relative;
+}
 
 button,
 input,
 select,
 textarea {
-  margin: 0;
-  font-size: 100%;
-  vertical-align: middle; }
+    margin: 0;
+    font-size: 100%;
+    vertical-align: middle;
+}
 
 ::-moz-focus-inner {
-  padding: 0;
-  border: 0; }
+    padding: 0;
+    border: 0;
+}
 
 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
-  appearance: button;
-  cursor: pointer; }
+    appearance: button;
+    cursor: pointer;
+}
 
 label,
 select,
@@ -364,1941 +123,268 @@ input[type="reset"],
 input[type="submit"],
 input[type="radio"],
 input[type="checkbox"] {
-  cursor: pointer; }
+    cursor: pointer;
+}
 
 input[type=search] {
-  -webkit-appearance: textfield; }
+    -webkit-appearance: textfield;
+}
 
 input[type=search]:-webkit-search-cancel-button,
 input[type=search]:-webkit-search-decoration {
-  -webkit-appearance: none; }
-
-
+    -webkit-appearance: none;
+}
 
 select {
-  -moz-appearance: none;
-  -webkit-appearance: none; }
+    -moz-appearance: none;
+    -webkit-appearance: none;
+}
 
 [aria-busy=true] {
-  cursor: progress; }
+    cursor: progress;
+}
 
 [aria-controls] {
-  cursor: pointer; }
+    cursor: pointer;
+}
 
 body {
-  background-color: #ffffff;
-  color: #191919;
-  font-family: "Omnes-ECOMP-W02", Arial;
-/*  font-size: 1.6rem;
+    background-color: #ffffff;
+    color: #191919;
+    font-family: "Omnes-ECOMP-W02", Arial;
+    /*  font-size: 1.6rem;
   line-height: 2rem;*/
-  margin: 0;
-  position: relative;
-  width: 100%;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased; }
+    margin: 0;
+    position: relative;
+    width: 100%;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+}
 
 small {
-  font-size: 1.6rem; }
+    font-size: 1.6rem;
+}
 
 .container {
-  margin: 0 auto;
-  padding: 0; }
-
-.tooltip {
-  display: inline-block;
-  height: 20px;
-  margin: 1px 0 0 7px;
-  vertical-align: middle; }
-
-.tooltip-wrapper {
-  display: none; }
-
-
-
-/* TODO: Build a reference page for these classes */
-.font-regular {
-  font-family: "Omnes-ECOMP-W02", Arial !important; }
-
-.font-light {
-  font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-
-.font-italic {
-  font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-
-.font-light-italic {
-  font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-
-.font-medium {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-
-.font-medium-italic {
-  font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-
-.font-reset {
-  font-style: normal;
-  font-variant: normal;
-  font-weight: normal;
-  text-transform: none; }
-
-.visible-phone {
-  display: none !important; }
-
-.visible-tablet {
-  display: none !important; }
-
-.hidden-desktop {
-  display: none !important; }
-
-.visible-desktop {
-  display: inherit !important; }
-
-.row,
-.row-nowrap {
-  margin-left: 0; }
-
-.row:before,
-.row-nowrap:before,
-.row:after,
-.row-nowrap:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.row:after,
-.row-nowrap:after {
-  clear: both; }
-
-.row:before,
-.row-nowrap:before,
-.row:after,
-.row-nowrap:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.row:after,
-.row-nowrap:after {
-  clear: both; }
-
-.row,
-.row-nowrap {
-  display: flex; }
-
-.row > [class*="span"],
-.row-nowrap > [class*="span"] {
-  float: left;
-  margin-right: 14px;
-  margin-right: 1.40845%\9; }
-
-.row > [class*="span"]:last-child,
-.row-nowrap > [class*="span"]:last-child {
-  margin-right: 0; }
-
-.row > [class*="span"].centered,
-.row-nowrap > [class*="span"].centered {
-  margin-left: auto !important;
-  margin-right: auto !important; }
-
-.row.no-flex,
-.row-nowrap.no-flex {
-  display: block; }
-
-.row.no-flex > [class*="span"],
-.row-nowrap.no-flex > [class*="span"] {
-  margin-right: 1.408450704225352%; }
-
-.row.no-flex > [class*="span"]:last-child,
-.row-nowrap.no-flex > [class*="span"]:last-child {
-  margin-right: 0; }
-
-.row.flex-justify,
-.row-nowrap.flex-justify {
-  justify-content: space-between; }
-
-.row.flex-justify > [class*="span"],
-.row-nowrap.flex-justify > [class*="span"] {
-  flex: 1 1 0; }
-
-.row.flex-justify > .flex-col,
-.row-nowrap.flex-justify > .flex-col {
-  margin-right: 14px;
-  margin-right: 1.40845%\9; }
-
-.row.flex-wrap,
-.row-nowrap.flex-wrap {
-  flex-wrap: wrap; }
-
-.align-items-top {
-  align-items: flex-start; }
-
-.align-items-center {
-  align-items: center; }
-
-.align-items-bottom {
-  align-items: flex-end; }
-
-.align-self-top {
-  align-self: flex-start; }
-
-.align-self-center {
-  align-self: center; }
-
-.align-self-bottom {
-  align-self: flex-end; }
-
-.row .fixed-230 {
-  flex: 0;
-  display: block;
-  width: 230px;
-  vertical-align: top;
-  min-width: 230px;
-  background-color: #efefef; }
-
-.row .fluid-space {
-  flex: 1 1 0;
-  display: block;
-  vertical-align: top;
-  padding-left: 0;
-  padding-right: 20px;
-  width: 100%; }
-
-.row .fixed-230 + .fluid-space {
-  padding-left: 20px;
-  padding-right: 20px; }
-
-.row .fluid-space:last-child {
-  padding-right: 0; }
-
-.span1 {
-  width: 7.042253521126761%; }
-
-.span2 {
-  width: 15.49295774647887%; }
-
-.span3 {
-  width: 23.94366197183099%; }
-
-.span4 {
-  width: 32.3943661971831%; }
-
-.span5 {
-  width: 40.84507042253521%; }
-
-.span6 {
-  width: 49.29577464788733%; }
-
-.span7 {
-  width: 57.74647887323944%; }
-
-.span8 {
-  width: 66.19718309859155%; }
-
-.span9 {
-  width: 74.64788732394367%; }
-
-.span10 {
-  width: 83.09859154929578%; }
-
-.span11 {
-  width: 91.54929577464789%; }
-
-.span12 {
-  width: 100%; }
-
-.offset1 {
-  margin-left: 8.450704225352113%; }
-
-.offset2 {
-  margin-left: 16.90140845070423%; }
-
-.offset3 {
-  margin-left: 25.35211267605634%; }
-
-.offset4 {
-  margin-left: 33.8028169%; }
-
-.offset5 {
-  margin-left: 42.25352113%; }
-
-.offset6 {
-  margin-left: 50.70422535%; }
-
-.offset7 {
-  margin-left: 59.15492958%; }
-
-.offset8 {
-  margin-left: 67.6056338%; }
-
-.offset9 {
-  margin-left: 76.05633803%; }
-
-.offset10 {
-  margin-left: 84.50704225%; }
-
-.offset11 {
-  margin-left: 92.95774648%; }
-
-.align-center {
-  margin: 0 auto;
-  text-align: center; }
-
-[class*="span"].align-center {
-  margin: 0 auto !important;
-  float: none; }
-
-.align-left .container {
-  padding-left: 0 !important;
-  margin: 0 !important; }
-
-/* BEGIN RESPONSIVE-4.LESS ************** */
-@media (min-width: 1025px) {
-  .row > [class*="span"],
-  .row-nowrap > [class*="span"] {
-    margin-right: 20px;
-    margin-right: 1.487301587301587%\9; }
-  .container {
-    padding-left: 20px;
-    padding-right: 20px;
-    max-width: 1260px; }
-  /* 1col = 6.878306878306879 */
-  /* 1colgutter = 1.587301587301587 */
-  .span0 {
-    display: none; }
-  .span1 {
-    width: 6.878306878306879%; }
-  .span2 {
-    width: 15.34391534391534%; }
-  .span3 {
-    width: 23.80952380952381%; }
-  .span4 {
-    width: 32.27513227513228%; }
-  .span5 {
-    width: 40.74074074074074%; }
-  .span6 {
-    width: 49.20634920634921%; }
-  .span7 {
-    width: 57.67195767195767%; }
-  .span8 {
-    width: 66.13756613756614%; }
-  .span9 {
-    width: 74.60317460317461%; }
-  .span10 {
-    width: 83.06878306878308%; }
-  .span11 {
-    width: 91.53439153439154%; }
-  .span12 {
-    width: 100%; }
-  .offset1 {
-    margin-left: 8.465608465608466%; }
-  .offset2 {
-    margin-left: 16.93121693121693%; }
-  .offset3 {
-    margin-left: 25.3968253968254%; }
-  .offset4 {
-    margin-left: 33.86243386%; }
-  .offset5 {
-    margin-left: 42.32804233%; }
-  .offset6 {
-    margin-left: 50.79365079%; }
-  .offset7 {
-    margin-left: 59.25925926%; }
-  .offset8 {
-    margin-left: 67.72486772%; }
-  .offset9 {
-    margin-left: 76.19047619%; }
-  .offset10 {
-    margin-left: 84.65608466%; }
-  .offset11 {
-    margin-left: 93.12169312%; }
-  .tooltip-size-control {
-    position: relative;
-    width: 400px; }
-  .thumbnails > li {
-    margin-left: 1.40845070422535%; }
-  .row .thumbnails {
-    margin-left: 0; } }
-
-/* END RESPONSIVE-4.LESS ****************** */
-/* BEGIN RESPONSIVE-3.LESS ******************* */
-@media (min-width: 768px) and (max-width: 1024px) {
-  .hidden-desktop {
-    display: inherit !important; }
-  .visible-desktop {
-    display: none !important; }
-  .visible-tablet {
-    display: inherit !important; }
-  .hidden-tablet {
-    display: none !important; }
-  .container {
-    width: 100%;
     margin: 0 auto;
-    padding-left: 20px;
-    padding-right: 20px; }
-  .span0-md {
-    display: none; }
-  .span1-md {
-    width: 7.042253521126761%; }
-  .span2-md {
-    width: 15.49295774647887%; }
-  .span3-md {
-    width: 23.94366197183099%; }
-  .span4-md {
-    width: 32.3943661971831%; }
-  .span5-md {
-    width: 40.84507042253521%; }
-  .span6-md {
-    width: 49.29577464788733%; }
-  .span7-md {
-    width: 57.74647887323944%; }
-  .span8-md {
-    width: 66.19718309859155%; }
-  .span9-md {
-    width: 74.64788732394367%; }
-  .span10-md {
-    width: 83.09859154929578%; }
-  .span11-md {
-    width: 91.54929577464789%; }
-  .span12-md {
-    width: 100%; }
-  .offset1-md {
-    margin-left: 8.450704225352113%; }
-  .offset2-md {
-    margin-left: 16.90140845070423%; }
-  .offset3-md {
-    margin-left: 25.35211267605634%; }
-  .offset4-md {
-    margin-left: 33.8028169%; }
-  .offset5-md {
-    margin-left: 42.25352113%; }
-  .offset6-md {
-    margin-left: 50.70422535%; }
-  .offset7-md {
-    margin-left: 59.15492958%; }
-  .offset8-md {
-    margin-left: 67.6056338%; }
-  .offset9-md {
-    margin-left: 76.05633803%; }
-  .offset10-md {
-    margin-left: 84.50704225%; }
-  .offset11-md {
-    margin-left: 92.95774648%; }
-  .tooltip-size-control {
-    position: relative;
-    width: 300px; } }
-
-/* END RESPONSIVE-3.LESS ******************* */
-/* BEGIN RESPONSIVE-2.LESS *************** */
-@media (max-width: 767px) {
-  .hidden-desktop {
-    display: inherit !important; }
-  .visible-desktop {
-    display: none !important; }
-  .visible-phone {
-    display: inherit !important; }
-  .visible-tablet {
-    display: inherit !important; }
-  .hidden-phone {
-    display: none !important; }
-  .hidden-tablet {
-    display: none !important; }
-  .container {
-    width: auto;
-    padding-left: 15px;
-    padding-right: 15px; }
-  /*.row{ display:block; }*/
-  .row > [class*="span"] {
-    float: none;
-    margin-left: 0;
-    margin-right: 0;
-    width: 100%; }
-  .row {
-    display: block; }
-  .row.flex > .flex-col,
-  .row-nowrap.flex > .flex-col {
-    margin-right: 0; }
-  .row .fixed-230 {
-    display: block;
-    width: 100%; }
-  .row .fluid-space {
-    display: block;
-    padding-left: 0;
-    padding-right: 0;
-    width: auto; }
-  .row .fluid-space + .fixed-230 {
-    padding-left: 0; }
-  .row .fluid-space:last-child {
-    padding-right: 0; }
-  .span0-sm {
-    display: none; }
-  .span1-sm {
-    width: 7.042253521126761%; }
-  .span2-sm {
-    width: 15.49295774647887%; }
-  .span3-sm {
-    width: 23.94366197183099%; }
-  .span4-sm {
-    width: 32.3943661971831%; }
-  .span5-sm {
-    width: 40.84507042253521%; }
-  .span6-sm {
-    width: 49.29577464788733%; }
-  .span7-sm {
-    width: 57.74647887323944%; }
-  .span8-sm {
-    width: 66.19718309859155%; }
-  .span9-sm {
-    width: 74.64788732394367%; }
-  .span10-sm {
-    width: 83.09859154929578%; }
-  .span11-sm {
-    width: 91.54929577464789%; }
-  .span12-sm {
-    width: 100%; }
-  .offset1-sm {
-    margin-left: 8.450704225352113%; }
-  .offset2-sm {
-    margin-left: 16.90140845070423%; }
-  .offset3-sm {
-    margin-left: 25.35211267605634%; }
-  .offset4-sm {
-    margin-left: 33.8028169%; }
-  .offset5-sm {
-    margin-left: 42.25352113%; }
-  .offset6-sm {
-    margin-left: 50.70422535%; }
-  .offset7-sm {
-    margin-left: 59.15492958%; }
-  .offset8-sm {
-    margin-left: 67.6056338%; }
-  .offset9-sm {
-    margin-left: 76.05633803%; }
-  .offset10-sm {
-    margin-left: 84.50704225%; }
-  .offset11-sm {
-    margin-left: 92.95774648%; }
-  input {
-    padding: 8px 15px 8px 15px; }
-  .field-group input.input-emphasized[type="search"] + .reset-field:after {
-    top: 14px; }
-  .field-group input.input-emphasized[type="search"] + .reset-field {
-    height: 46px;
-    top: 1px; }
-  .marquee {
-    margin-bottom: 30px; }
-  .marquee .blur-overlay {
-    border-radius: 0;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    margin: 0;
-    padding: 34px 15px 30px; }
-  .marquee + div {
-    margin-top: 30px; }
-  .marquee h1 {
-    font-size: 1.8rem;
-    letter-spacing: -0.035px; }
-  .marquee .lead {
-    font-size: 3.0rem;
-    line-height: 3.6rem;
-    margin-bottom: 0; }
-  .marquee p:not(.lead) {
-    font-family: "Omnes-ECOMP-W02-Light", Arial;
-    font-size: 1.8rem;
-    margin-bottom: 0; }
-  .marquee .btn-fullwidth {
-    margin-top: 10px;
-    width: 100%;
-    float: none; }
-  .tooltip-size-control {
-    width: 100%; }
-  .table-wrapper,
-  .accordion-table-layout {
-    margin-left: -15px;
-    margin-right: -15px; }
-  .table-wrapper caption {
-    padding-left: 15px; } }
-
-@media (max-width: 480px) {
-  .span1-xsm {
-    width: 7.042253521126761%; }
-  .span2-xsm {
-    width: 15.49295774647887%; }
-  .span3-xsm {
-    width: 23.94366197183099%; }
-  .span4-xsm {
-    width: 32.3943661971831%; }
-  .span5-xsm {
-    width: 40.84507042253521%; }
-  .span6-xsm {
-    width: 49.29577464788733%; }
-  .span7-xsm {
-    width: 57.74647887323944%; }
-  .span8-xsm {
-    width: 66.19718309859155%; }
-  .span9-xsm {
-    width: 74.64788732394367%; }
-  .span10-xsm {
-    width: 83.09859154929578%; }
-  .span11-xsm {
-    width: 91.54929577464789%; }
-  .span12-xsm {
-    width: 100%; }
-  .offset1-xsm {
-    margin-left: 8.450704225352113%; }
-  .offset2-xsm {
-    margin-left: 16.90140845070423%; }
-  .offset3-xsm {
-    margin-left: 25.35211267605634%; }
-  .offset4-xsm {
-    margin-left: 33.8028169%; }
-  .offset5-xsm {
-    margin-left: 42.25352113%; }
-  .offset6-xsm {
-    margin-left: 50.70422535%; }
-  .offset7-xsm {
-    margin-left: 59.15492958%; }
-  .offset8-xsm {
-    margin-left: 67.6056338%; }
-  .offset9-xsm {
-    margin-left: 76.05633803%; }
-  .offset10-xsm {
-    margin-left: 84.50704225%; }
-  .offset11-xsm {
-    margin-left: 92.95774648%; } }
-
-/* END RESPONSIVE-2.LESS ******************* */
-/* BEGIN RESPONSIVE-1.LESS ************** */
-.xxxxxxxx-begin-responsive-480px.less {
-  /* placeholder */ }
-
-@media (max-width: 480px) {
-  .hidden-desktop {
-    display: inherit !important; }
-  .hidden-tablet {
-    display: inherit !important; }
-  .hidden-phone {
-    display: none !important; }
-  .visible-desktop {
-    display: none !important; }
-  .visible-tablet {
-    display: none !important; }
-  .visible-phone {
-    display: inherit !important; }
-  .container {
-    width: auto;
-    padding-left: 15px;
-    padding-right: 15px; } }
-
-[class*="icon-primary-"],
-.nav-links a:after,
-.bellyband-link a:after,
-.breadcrumb > li:after,
-.checkbox input:checked + .skin:after,
-.checkbox input.indeterminate + .skin:after,
-.checkbox input:indeterminate + .skin:after,
-.selectWrap.large:before,
-.form-row.error .error-msg:before,
-.close:before,
-.reset-field:before,
-.cssIcon-globe:before,
-.selectWrap:after {
-  color: #0568ae;
-  left: 6px;
-  top: -3px;
-  width: 2px;
-  height: 3px;
-  border: solid white;
-  border-width: 0 3px 3px 0;
-  -webkit-transform: rotate(45deg);
-  -ms-transform: rotate(45deg);
-  transform: rotate(45deg);}
-
-[class*="icoWeather-"], [class*="icoTrans-"], [class*="icoBubble-"], [class*="icoRetail-"], [class*="icoPeople-"], [class*="icoNumslets-"], [class*="icoLocation-"], [class*="icoHealthcare-"], [class*="icoDocuments-"], [class*="icoDevices-"], [class*="icoDatanetwork-"], [class*="icoControls-"], [class*="icoBuilding-"], [class*="icoArrows-"] {
-  color: #0568ae;
-  display: inline-block;
-  font-style: normal;
-  font-size: 20px;
-  font-weight: normal;
-  font-variant: normal;
-  font-style: normal;
-  width: 20px;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  position: relative;
-  speak: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle; }
-
-[class*="icon-primary-"]:before,
-[class*="icon-primary-"]:after {
-  box-sizing: border-box;
-  display: inline-block;
-  font-size: 1em;
-  height: 1em;
-  position: relative;
-  top: 0;
-  left: 0;
-  vertical-align: middle;
-  width: 1em; }
-
-.icon-primary-att-globe:before,
-.cssIcon-globe:before {
-  content: "\e900";
-  color: #44c7f5; }
-
-.icon-primary-hamburger:before {
-  content: "\e903"; }
-
-.icon-primary-secure:before {
-  content: "\e918"; }
-
-.icon-primary-secureL:before {
-  content: "\e919"; }
-
-.icon-primary-padlockopen:before {
-  content: "\e916"; }
-
-.icon-primary-padlockopenL:before {
-  content: "\e917"; }
-
-.icon-primary-shoppingcart:before {
-  content: "\e914"; }
-
-.icon-primary-shoppingcartL:before {
-  content: "\e915"; }
-
-.icon-primary-print:before {
-  content: "\e921"; }
-
-.icon-primary-printL:before {
-  content: "\e922"; }
-
-.icon-primary-mobilesmartphone:before {
-  content: "\e908"; }
-
-.icon-primary-mobilesmartphoneL:before {
-  content: "\e90c"; }
-
-.icon-primary-tablet:before {
-  content: "\e904"; }
-
-.icon-primary-tabletL:before {
-  content: "\e905"; }
-
-.icon-primary-tv:before {
-  content: "\e906"; }
-
-.icon-primary-tvL:before {
-  content: "\e907"; }
-
-.icon-primary-calendar {
-  width: 100% !important; }
-
-.icon-primary-calendar:before {
-  content: "\e91a";
-  z-index: 1; }
-
-.icon-primary-calendarL:before {
-  content: "\e91b"; }
-
-.icon-primary-star:before {
-  content: "\e96c"; }
-
-.icon-primary-close:before,
-.close:before,
-.reset-field:before {
-  content: "\e910"; }
-
-.icon-primary-down:before {
-  content: "\ea3c"; }
-
-
-
-.icon-primary-add-maximize:before {
-  content: "\e91f"; }
-
-
-
-.icon-primary-questionmark:before {
-  content: "\e90f"; }
-
-.icon-primary-badgealert:before,
-.form-row.error .error-msg:before {
-  content: "\e90e"; }
-
-.icon-primary-approval:before {
-  content: "\e925"; }
-
-.icon-primary-flat-info:before {
-  content: "\e927"; }
-
-.icon-primary-alert:before {
-  content: "\e913"; }
-
-.icon-primary-tooltip:before,
-.icon-primary-flat-faq:before {
-  content: "\e90d"; }
-
-.icon-primary-tooltip {
-  font-size: 20px; }
-
-.nav-links a:after,
-.bellyband-link a:after,
-.breadcrumb > li:after,
-.icon-primary-right:before {
-  content: "\ea3c";
-  transform: rotate(-90deg); }
-
-.icon-primary-left:before {
-  content: "\ea3c";
-  transform: rotate(90deg); }
-
-.icon-primary-accordion-plus:after,
-.icon-primary-collapsed:after,
-.icon-primary-accordion-minus:after,
-.icon-primary-expanded:after {
-  content: "";
-  position: absolute;
-  top: 0;
-  z-index: 1; }
-
-.icon-primary-accordion-minus,
-.icon-primary-expanded,
-.icon-primary-accordion-plus,
-.icon-primary-collapsed {
-  font-size: 20px !important; }
-
-:not(.ds2-no-colors) .icon-primary-accordion-minus:before,
-:not(.ds2-no-colors) .icon-primary-expanded:before {
-  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
-  content: ""; }
-
-:not(.ds2-no-colors) .icon-primary-accordion-plus:before,
-:not(.ds2-no-colors) .icon-primary-collapsed:before {
-  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M10.5%2015.9c-.4%200-.8-.3-.8-.8V5.9c0-.4.3-.8.8-.8s.8.3.8.8v9.3c0%20.4-.4.7-.8.7z%22%2F%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
-  content: ""; }
-
-.ds2-no-colors .icon-primary-accordion-minus:before,
-.ds2-no-colors .icon-primary-expanded:before {
-  background-image: none;
-  content: "\e901"; }
-
-.ds2-no-colors .icon-primary-accordion-minus:after,
-.ds2-no-colors .icon-primary-expanded:after {
-  content: "\e902"; }
-
-.ds2-no-colors .icon-primary-accordion-plus:before,
-.ds2-no-colors .icon-primary-collapsed:before {
-  background-image: none;
-  content: "\e90b"; }
-
-.ds2-no-colors .icon-primary-accordion-plus:after,
-.ds2-no-colors .icon-primary-collapsed:after {
-  content: "\e911"; }
-
-.icon-primary-circle-arrow {
-  outline: 1px solid transparent;
-  border-radius: 50%;
-  font-size: 20px !important;
-  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
-  margin-right: 7px; }
-
-.icon-primary-circle-arrow:after {
-  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20baseProfile%3D%22tiny%22%3E%3Ccircle%20r%3D%2217%22%20cy%3D%2218%22%20cx%3D%2218%22%20stroke-width%3D%221%22%20fill%3D%22transparent%22%20stroke%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E");
-  content: "";
-  position: absolute;
-  top: 0;
-  z-index: 2; }
-
-.icon-primary-circle-arrow:before {
-  border-radius: 50%;
-  content: "\ea3c";
-  font-size: 12px;
-  top: 0;
-  position: absolute;
-  transform: rotate(-90deg);
-  width: 20px;
-  z-index: 1; }
-
-[class*="icon-primary-"] [class*="icon-primary-"] {
-  display: inline-block;
-  float: left;
-  font-size: 1em;
-  margin-left: -1em;
-  position: absolute; }
-
-[class*="icon-primary-"].white, [class^="ico"][class*="-"].white {
-  color: #fff; }
-
-[class*="icon-primary-"].black, [class^="ico"][class*="-"].black {
-  color: #000; }
-
-[class*="icon-primary-"].blue, [class^="ico"][class*="-"].blue {
-  color: #0568ae; }
-
-[class*="icon-primary-"].green, [class^="ico"][class*="-"].green {
-  color: #007a3e; }
-
-@-webkit-viewport {
-  width: device-width; }
-
-@-moz-viewport {
-  width: device-width; }
-
-@-ms-viewport {
-  width: device-width; }
-
-@-o-viewport {
-  width: device-width; }
-
-@viewport {
-  width: device-width; }
-
-.clearfix:before,
-.clearfix:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.clearfix:after {
-  clear: both; }
-
-.pull-right {
-  float: right !important; }
-
-.pull-left {
-  float: left !important; }
-
-.float-children-left:before,
-.float-children-left:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.float-children-left:after {
-  clear: both; }
-
-.float-children-left > div {
-  float: left;
-  white-space: nowrap; }
-
-.block {
-  display: block !important; }
-
-.inline {
-  display: inline !important; }
-
-.inline-block {
-  display: inline-block !important; }
-
-
-@media (max-width: 767px) {
-  .full-bleed {
-    width: auto;
-    margin-left: -15px;
-    margin-right: -15px;
-    padding: 15px; } }
-
-@media (min-width: 768px) {
-  .full-bleed {
-    width: auto;
-    margin-left: -20px;
-    margin-right: -20px;
-    padding: 20px; } }
-
-@media (max-width: 480px) {
-  .full-bleed {
-    width: auto;
-    margin-left: -15px;
-    margin-right: -15px;
-    padding: 0 15px; } }
-
-.fade {
-  opacity: 0;
-  filter: alpha(opacity=0);
-  transition: opacity .15s linear; }
-
-.fade.in {
-  opacity: 1;
-  filter: alpha(opacity=100); }
-
-.b2bCollapse {
-  display: none; }
-
-.collapse.in {
-  height: auto; }
-
-.nowrap {
-  white-space: nowrap; }
-
-.pre {
-  white-space: pre; }
-
-.hidden-spoken {
-  border: 0 none !important;
-  clip: rect(0px, 0px, 0px, 0px) !important;
-  height: 1px !important;
-  letter-spacing: 0;
-  line-height: 0;
-  overflow: hidden !important;
-  margin-top: -1px;
-  padding: 0 !important;
-  position: absolute !important;
-  width: 1px !important; }
-
-[data-sr-text].hidden-spoken:before {
-  border: 0 none !important;
-  content: attr(data-sr-text);
-  clip: rect(0px, 0px, 0px, 0px) !important;
-  height: 1px !important;
-  letter-spacing: 0;
-  line-height: 0;
-  overflow: hidden !important;
-  padding: 0 !important;
-  position: absolute !important;
-  width: 100% !important;
-  z-index: -1; }
-
-[data-sr-text].hidden-spoken {
-  position: relative !important;
-  width: auto !important; }
-
-[data-show-between] {
-  display: none;
-  visibility: hidden; }
-
-.noscroll-y {
-  overflow-y: hidden !important; }
-
-.invisible {
-  visibility: hidden !important;
-  opacity: 0 !important; }
-
-.transparent {
-  background-color: rgba(255, 255, 255, 0) !important; }
-
-.hide {
-  display: none !important; }
-
-.show {
-  display: block !important; }
-
-.rel {
-  position: relative !important; }
-
-.legend-pad {
-  padding: 0 15px; }
-
-.border-top {
-  border-top-width: 1px !important; }
-
-.border-left {
-  border-left-width: 1px !important; }
-
-.border-right {
-  border-right-width: 1px !important; }
-
-.border-bottom {
-  border-bottom-width: 1px !important; }
-
-.border-dark {
-  border-color: #000; }
-
-.border-light {
-  border-color: #fff; }
-
-.no-border-top {
-  border-top-width: 0 !important; }
-
-.no-border-left {
-  border-left-width: 0 !important; }
-
-.no-border-right {
-  border-right-width: 0 !important; }
-
-.no-border-bottom {
-  border-bottom-width: 0 !important; }
-
-.align-middle {
-  margin: 0 auto !important; }
-
-.align-top {
-  position: absolute;
-  top: 0; }
-
-.align-bottom {
-  position: absolute;
-  bottom: 0; }
-
-.valign-top {
-  vertical-align: top !important; }
-
-.valign-middle {
-  vertical-align: middle !important; }
-
-.valign-bottom {
-  vertical-align: bottom !important; }
-
-.align-children-middle > * {
-  margin: 0 auto; }
-
-[class*="valign-children-"] {
-  display: table; }
-
-[class*="valign-children-"] > * {
-  display: table-cell; }
-
-.valign-children-top > * {
-  vertical-align: top; }
-
-.valign-children-middle > * {
-  vertical-align: middle; }
-
-.valign-children-bottom > * {
-  vertical-align: bottom; }
-
-.no-pad {
-  padding: 0 !important; }
-
-.top-space {
-  margin-top: 60px !important; }
-
-.bottom-space {
-  margin-bottom: 60px !important; }
-
-.top-pad {
-  padding-top: 60px !important; }
-
-.bottom-pad {
-  padding-bottom: 60px !important; }
-
-@media (max-width: 767px) {
-  .top-space {
-    margin-top: 30px !important; }
-  .bottom-space {
-    margin-bottom: 30px !important; }
-  .top-pad {
-    padding-top: 30px !important; }
-  .bottom-pad {
-    padding-bottom: 30px !important; } }
-
-.affix {
-  position: fixed; }
-
-.img-landscape,
-.img-portrait {
-  position: relative; }
-
-@media (orientation: landscape) {
-  .img-landscape {
-    display: block; }
-  .img-portrait {
-    display: none !important; } }
-
-@media (orientation: portrait) {
-  .img-landscape {
-    display: none !important; }
-  .img-portrait {
-    display: block; } }
-
-.dark-bg {
-  background-color: #222222; }
-
-/* ... JAVASCRIPT HOOKS .................
-   ... used by javascript ............... */
-.autoSize,
-.autoSize-this {
-  position: relative; }
-
-.truncate {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis; }
-
-.placeholdersjs {
-  color: #5a5a5a !important; }
-
-.jshook-return-focus-here {
-  display: block; }
-
-.visible-print {
-  display: none !important; }
-
-.hidden-print {
-  display: inherit !important; }
-
-@media print {
-  .visible-print {
-    display: inherit !important; }
-  .hidden-print {
-    display: none !important; }
-  * {
-    color: #000 !important;
-    background: transparent !important;
-    box-shadow: none !important; }
-  a,
-  a:visited {
-    text-decoration: underline; }
-  pre,
-  blockquote {
-    border: 1px solid #000;
-    page-break-inside: avoid; }
-  thead {
-    display: table-header-group; }
-  tr,
-  img {
-    page-break-inside: avoid; }
-  img {
-    max-width: 100% !important; }
-  @page {
-    margin: 0.5cm; }
-  p,
-  h2,
-  h3 {
-    orphans: 3;
-    widows: 3; }
-  h2,
-  h3 {
-    page-break-after: avoid; } }
-
-.mar-top-0 {
-  margin-top: 0px; }
-
-.mar-top-30 {
-  margin-top: 30px; }
-
-a:focus {
-  outline: thin dotted #191919; }
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-weight: normal;
-  text-rendering: optimizeLegibility;
-  margin: 0;
-  line-height: 1; }
-
-.heading-page {
-  font-size: 3.8rem !important;
-  font-family: "Omnes-ECOMP-W02-Light", Arial;
-  margin-bottom: 40px; }
-
-h1.heading-page.ng-scope {}
-
-.heading-major-section {
-  font-size: 3rem !important;
-  font-family: "Omnes-ECOMP-W02-Light", Arial;
-  margin-bottom: 40px !important; }
-
-.heading-sub-section {
-  font-size: 2.4rem !important;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  margin-bottom: 40px; }
-
-.heading-group {
-  font-size: 2rem !important;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  color: #ea7400;
-  margin-bottom: 20px !important; }
-
-.heading-medium {
-  font-size: 2rem !important;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  margin-bottom: 20px; }
-
-.heading-medium-emphasis {
-  font-size: 2rem !important;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  margin-bottom: 20px; }
-
-.heading-small {
-  font-size: 1.8rem !important;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  margin-bottom: 20px; }
-
-.heading-small-emphasis {
-  font-size: 1.8rem !important;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  margin-bottom: 20px; }
-
-.heading-micro {
-  font-size: 1.3rem !important;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  text-transform: uppercase;
-  color: #da0081;
-  margin-bottom: 10px; }
-
-* + .heading-major-section {
-  margin-top: 60px; }
-
-* + .heading-sub-section {
-  margin-top: 60px; }
-
-* + .heading-group {
-  margin-top: 40px !important; }
-
-* + .heading-medium {
-  margin-top: 40px; }
-
-* + .heading-medium-emphasis {
-  margin-top: 40px; }
-
-* + .heading-small {
-  margin-top: 40px; }
-
-* + .heading-small-emphasis {
-  margin-top: 40px; }
-
-* + .heading-micro {
-  margin-top: 20px; }
-
-.lead {
-  color: #666;
-  font-family: "Omnes-ECOMP-W02-Light-Italic", Arial;
-  font-size: 2.4rem;
-  line-height: 2.8rem;
-  margin-top: 10px;
-  letter-spacing: -0.024rem; }
-
-.eyebrow {
-  text-transform: uppercase;
-  line-height: .65 !important; }
-
-.eyebrow,
-.subheading {
-  font-size: 1.4rem !important;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  color: #666; }
-
-.eyebrow + .heading-major-section,
-.eyebrow + .heading-sub-section {
-  margin-top: 4px; }
-
-.subheading {
-  margin-top: 10px; }
-
-@media (max-width: 767px) {
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  .heading-page {
-    font-size: 2rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 30px; }
-  .heading-major-section {
-    font-size: 2rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 30px; }
-  .heading-sub-section {
-    font-size: 2rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  .heading-medium {
-    font-size: 2rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  .heading-medium-emphasis {
-    font-size: 2rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  .heading-small {
-    font-size: 1.6rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 10px; }
-  .heading-small-emphasis {
-    font-size: 1.6rem;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 5px; }
-  * + .heading-major-section {
-    margin-top: 30px; }
-  * + .heading-sub-section {
-    margin-top: 30px; }
-  * + .heading-group {
-    margin-top: 20px; }
-  * + .heading-medium {
-    margin-top: 20px; }
-  * + .heading-medium-emphasis {
-    margin-top: 20px; }
-  * + .heading-small {
-    margin-top: 20px; }
-  * + .heading-small-emphasis {
-    margin-top: 20px; }
-  * + .heading-micro {
-    margin-top: 10px; } }
-
-/* Standard Type styles */
-.zeromargin {
-  margin: 0 !important; }
-
-a {
-  color: #0568ae;
-  text-decoration: none; }
-
-a:hover,
-a:focus {
-  text-decoration: underline; }
-
-a:active {
-  color: #0568ae; }
-
-.a-min {
-  font-size: 12px; }
-
-.a-small {
-  font-size: 14px; }
-
-.a-max {
-  font-size: 18px; }
-
-a.show-qualifier {
-  margin-right: 25px;
-  position: relative; }
-
-a.show-qualifier:after {
-  color: #333333;
-  display: inline-block;
-  white-space: pre !important; }
-
-a[href$="pdf"].show-qualifier:after,
-a.show-qualifier.pdf:after {
-  content: " (PDF)"; }
-
-a[href$="psd"].show-qualifier:after,
-a.show-qualifier.psd:after {
-  content: " (PSD)"; }
-
-.standalone-link {
-  display: flex; }
-
-/* 20px for the icon, 10px left of icon */
-.standalone-link.small {
-  font-size: 1.4rem; }
-
-.standalone-link.small i[class*="icon-primary-"] {
-  font-size: 16px;
-  top: 2px; }
-
-.standalone-link.large {
-  font-size: 1.8rem; }
-
-.standalone-link.large i[class*="icon-primary-"] {
-  font-size: 24px;
-  top: -1px; }
-
-p {
-  margin: 0 0 12px 0;
-  line-height: 2rem; }
-
-.p-small {
-  font-size: 1.4rem;
-  line-height: 1.8rem; }
-
-p + .p-small {
-  margin: 10px 0 0; }
-
-.p-micro {
-  font-size: 1.2rem;
-  line-height: 1.5rem; }
-
-p + .p-micro {
-  margin: 10px 0 0; }
-
-.p-max {
-  font-size: 1.8rem; }
-
-p + .p-max {
-  margin: 10px 0 0; }
+    padding: 0;
+}
 
 b,
 strong {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-weight: normal; }
+    font-family: "Omnes-ECOMP-W02-Medium", Arial;
+    font-weight: normal;
+}
 
 i,
 em {
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal; }
-
-.strike {
-  text-decoration: line-through; }
-
-sup {
-  display: inline-block;
-  font-style: normal;
-  height: 1em;
-  position: relative;
-  vertical-align: text-top;
-  width: auto; }
+    font-family: "Omnes-ECOMP-W02-Italic", Arial;
+    font-style: normal;
+}
 
 .text-legal {
-  color: #5a5a5a;
-  font-size: 1.1rem;
-  line-height: 1.5rem;
-  margin: 0 0 10px; }
+    color: #5a5a5a;
+    font-size: 1.1rem;
+    line-height: 1.5rem;
+    margin: 0 0 10px;
+}
 
 .text-legal.legal-module {
-  line-height: 1.3rem;
-  margin: 0 0 12px; }
+    line-height: 1.3rem;
+    margin: 0 0 12px;
+}
 
 .text-legal b,
 .text-legal strong {
-  font-weight: bold; }
+    font-weight: bold;
+}
 
 .text-legal a {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
+    font-family: "Omnes-ECOMP-W02-Medium", Arial;
+}
 
 .text-left {
-  text-align: left !important; }
+    text-align: left !important;
+}
 
 .text-right {
-  text-align: right !important; }
+    text-align: right !important;
+}
 
 .text-center {
-  text-align: center !important; }
+    text-align: center !important;
+}
 
 .text-justified {
-  text-align: justify !important; }
-
-ul {
-  padding: 0;
-  margin: 0;
-  list-style: none; }
-
-ul.bullet,
-ul.no-bullet,
-ul.lower-alpha,
-ul.lower-roman,
-ol {
-  padding: 0;
-  margin: 12px 0 0 20px; }
-
-ul.bullet li,
-ul.no-bullet li,
-ul.lower-alpha li,
-ul.lower-roman li,
-ol li {
-  padding-left: 15px;
-  line-height: 20px;
-  position: relative; }
-
-ul.bullet li + li,
-ul.no-bullet li + li,
-ul.lower-alpha li + li,
-ul.lower-roman li + li,
-ol li + li {
-  margin-top: 12px; }
-
-ul.bullet > li:before,
-ul.no-bullet > li:before,
-ul.lower-alpha > li:before,
-ul.lower-roman > li:before,
-ol > li:before {
-  background-color: #333333;
-  border: 2px solid #333333;
-  border-radius: 100%;
-  content: " ";
-  display: block;
-  height: 1px;
-  left: 0;
-  position: absolute;
-  top: 8px;
-  width: 1px; }
-
-ul.bullet ul,
-ul.no-bullet ul,
-ul.lower-alpha ul,
-ul.lower-roman ul,
-ol ul,
-ul.bullet ol,
-ul.no-bullet ol,
-ul.lower-alpha ol,
-ul.lower-roman ol,
-ol ol {
-  margin-top: 12px; }
-
-ul + *,
-ol + * {
-  margin-top: 20px; }
-
-ul.no-bullet,
-ul.lower-alpha,
-ul.lower-roman {
-  margin: 0; }
-
-ul.no-bullet > li,
-ul.lower-alpha > li,
-ul.lower-roman > li {
-  padding-left: 0; }
-
-ul.no-bullet > li:before,
-ul.lower-alpha > li:before,
-ul.lower-roman > li:before {
-  display: none !important; }
-
-ol {
-  margin: 20px 0 0 32px; }
-
-ol li {
-  padding-left: 3px; }
-
-ol li:before {
-  display: none; }
-
-ol ol {
-  margin-left: 25px; }
-
-ol ul {
-  margin-left: -5px; }
-
-ul ul,
-ul ol,
-ol ol,
-ol ul {
-  margin-top: 0; }
-
-ul.lower-roman {
-  list-style-type: lower-roman;
-  margin-top: 12px;
-  margin-left: 35px;
-  margin-bottom: 0; }
-
-ul.lower-alpha {
-  list-style-type: lower-alpha;
-  margin-top: 12px;
-  margin-left: 35px;
-  margin-bottom: 0; }
-
-dl {
-  display: table;
-  margin: 0 0 20px;
-  width: 100%; }
-
-dt,
-dd {
-  display: table-cell; }
+    text-align: justify !important;
+}
 
 .btn {
-  background-color: transparent;
-  background-clip: padding-box;
-  border: 1px solid transparent;
-  border-radius: 8px;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
-  cursor: pointer;
-  display: inline-block;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 0.5rem;
-  font-weight: normal;
-  line-height: 1;
-  margin: 0 7px 10px 0;
-
-
-  padding: 14px 19px 11px 18px;
-  position: relative;
-  text-align: center;
-  vertical-align: middle;
-  white-space: nowrap;
-  overflow: hidden; }
-  .btn:focus {
+    background-color: transparent;
+    background-clip: padding-box;
+    border: 1px solid transparent;
+    border-radius: 8px;
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
+    cursor: pointer;
+    display: inline-block;
+    font-family: "Omnes-ECOMP-W02-Medium", Arial;
+    font-size: 0.5rem;
+    font-weight: normal;
+    line-height: 1;
+    margin: 0 7px 10px 0;
+
+
+    padding: 14px 19px 11px 18px;
+    position: relative;
+    text-align: center;
+    vertical-align: middle;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+.btn:focus {
     outline: 1px dotted #000;
-    outline-offset: -5px; }
-  .btn:last-child {
-    margin-right: 0; }
-  .btn::-moz-focus-inner {
+    outline-offset: -5px;
+}
+
+.btn:last-child {
+    margin-right: 0;
+}
+
+.btn::-moz-focus-inner {
     padding: 0;
-    border: 0; }
-  .btn i[class*="icon-primary-"].icon-primary-small {
+    border: 0;
+}
+
+.btn i[class*="icon-primary-"].icon-primary-small {
     font-size: 24px;
-    top: -2px; }
-  .btn i[class*="icon-primary-"].icon-primary-medium {
+    top: -2px;
+}
+
+.btn i[class*="icon-primary-"].icon-primary-medium {
     font-size: 10px;
-    top: -2px; }
-  .btn i[class*="icon-primary-"].icon-primary-large {
+    top: -2px;
+}
+
+.btn i[class*="icon-primary-"].icon-primary-large {
     font-size: 10px;
-    top: -2px; }
+    top: -2px;
+}
 
 a.btn {
-  vertical-align: middle; }
-  a.btn:hover {
-    text-decoration: none; }
+    vertical-align: middle;
+}
 
-.field-group + .btn {
-  margin-left: 20px; }
-
-.btn-primary {
-  border-color: #ea7400 transparent #d16500;
-  background-color: #ea7400 transparent #d16500;
-  background: linear-gradient(to bottom, #ea7400 0%, #d16500 100%);
-  color: #ffffff;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-weight: bold; }
-  .btn-primary:hover {
-    text-decoration: none;
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-  .btn-primary:focus {
-    text-decoration: none;
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-  .btn-primary:active {
-    text-decoration: none;
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-
-.btn-arrow {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.6rem;
-  font-weight: normal;
-  background-color: transparent;
-  border: none;
-  padding: 5px 0 0;
-  top: -4px;
-  color: #333333;
-  position: relative; }
-  .btn-arrow:hover {
-    text-decoration: underline; }
-    .btn-arrow:hover .btn-primary {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-arrow:hover .btn-secondary {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-arrow:hover .btn-alt {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-    .btn-arrow:hover .btn-specialty {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-arrow:focus {
-    text-decoration: underline;
-    outline: 1px dotted #666; }
-    .btn-arrow:focus .btn-primary {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-arrow:focus .btn-secondary {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-arrow:focus .btn-alt {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-    .btn-arrow:focus .btn-specialty {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-arrow:active .btn-primary {
+a.btn:hover {
     text-decoration: none;
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-  .btn-arrow:active .btn-secondary {
-    color: #0568ae;
-    outline-color: #000000 !important;
-    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-  .btn-arrow:active .btn-alt {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-  .btn-arrow:active .btn-specialty {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-arrow .btn-alt {
-    border-color: #087ac2 transparent #0568ae;
-    background-color: #0568ae;
-    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-    color: #ffffff; }
-    .btn-arrow .btn-alt:hover {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-arrow .btn-alt:focus {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-arrow .btn-alt:active {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-  .btn-arrow::-moz-focus-inner {
-    padding: 0;
-    border: 0; }
-  .btn-arrow .btn {
-    border: 1px solid transparent;
-    border-radius: 100%;
-    height: 20px;
-    margin-bottom: 0;
-    margin-right: 7px;
-    max-width: 20px;
-    min-width: 20px;
-    padding: 0;
-    margin-top: -4px;
-    vertical-align: middle;
-    width: 36px; }
-    .btn-arrow .btn .icon-primary-left {
-      bottom: 0;
-      display: block;
-      height: 100%;
-      left: 0;
-      line-height: 0;
-      position: absolute;
-      right: 0;
-      text-indent: 0;
-      top: 0; }
-      .btn-arrow .btn .icon-primary-left:before {
-        position: absolute;
-        font-size: 1.6rem;
-        left: 1px;
-        top: 9px; }
-    .btn-arrow .btn .icon-primary-right {
-      bottom: 0;
-      display: block;
-      height: 100%;
-      left: 0;
-      line-height: 0;
-      position: absolute;
-      right: 0;
-      text-indent: 0;
-      top: 0;
-      color: #ffffff; }
-      .btn-arrow .btn .icon-primary-right:before {
-        position: absolute;
-        font-size: 1.6rem;
-        left: 17px;
-        top: 9px; }
-  .btn-arrow .btn.btn-primary .icon-primary-left {
-    color: #fff; }
-  .btn-arrow .btn.btn-primary .icon-primary-right {
-    color: #fff; }
-  .btn-arrow .btn.btn-alt .icon-primary-left {
-    color: #fff; }
-  .btn-arrow .btn.btn-alt .icon-primary-right {
-    color: #fff; }
-  .btn-arrow .btn.btn-secondary {
-    border: 1px solid #d2d2d2; }
-    .btn-arrow .btn.btn-secondary .icon-primary-left {
-      color: #0568ae; }
-    .btn-arrow .btn.btn-secondary .icon-primary-right {
-      color: #0568ae; }
-  .btn-arrow .btn.btn-small {
-    height: 10px;
-    
-    
-    width: 10px;
-    top: -1px; }
-    .btn-arrow .btn.btn-small .icon-primary-left:before {
-      font-size: 5px;
-      top: 4px;
-      left: 0; }
-    .btn-arrow .btn.btn-small .icon-primary-right:before {
-      font-size: 5px;
-      top: 4px;
-      left: 10px; }
-  .btn-arrow .btn.btn-large .icon-primary-left:before {
-    font-size: 112%;
-    top: 12px;
-    left: 23px; }
-  .btn-arrow .btn.btn-large .icon-primary-right:before {
-    font-size: 112%;
-    top: 12px;
-    left: 23px; }
+}
+
+.field-group + .btn {
+    margin-left: 20px;
+}
+
 
 .btn-secondary {
-  border: 1px solid #d2d2d2;
-  background-color: #f2f2f2;
-  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-  color: #0568ae;
-  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-  padding: 14px 18px 11px 17px; }
-  .btn-secondary:hover {
+    border: 1px solid #d2d2d2;
+    background-color: #f2f2f2;
+    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
+    color: #0568ae;
+    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
+    padding: 14px 18px 11px 17px;
+}
+
+.btn-secondary:hover {
     color: #0568ae;
     outline-color: #000000 !important;
-    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-  .btn-secondary:focus {
+    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%);
+}
+
+.btn-secondary:focus {
     color: #0568ae;
     outline-color: #000000 !important;
-    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-  .btn-secondary:active {
+    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%);
+}
+
+.btn-secondary:active {
     color: #0568ae;
     outline-color: #000000 !important;
-    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
+    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%);
+}
 
 .btn-alt {
-  border-color: #087ac2 transparent #0568ae;
-  background-color: #0568ae;
-  background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-  color: #ffffff; }
-  .btn-alt:hover {
+    border-color: #087ac2 transparent #0568ae;
+    background-color: #0568ae;
+    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
+    color: #ffffff;
+}
+
+.btn-alt:hover {
     color: #ffffff;
     outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-  .btn-alt:focus {
+    background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%);
+}
+
+.btn-alt:focus {
     color: #ffffff;
     outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-  .btn-alt:active {
+    background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%);
+}
+
+.btn-alt:active {
     color: #ffffff;
     outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
+    background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%);
+}
 
 .btn-specialty {
-  border-color: #008744 transparent #007a3e;
-  background-color: #007a3e;
-  background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-  color: #ffffff; }
-  .btn-specialty:hover {
+    border-color: #008744 transparent #007a3e;
+    background-color: #007a3e;
+    background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
+    color: #ffffff;
+}
+
+.btn-specialty:hover {
     color: #ffffff;
     outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-specialty:focus {
+    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%);
+}
+
+.btn-specialty:focus {
     color: #ffffff;
     outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-specialty:active {
+    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%);
+}
+
+.btn-specialty:active {
     color: #ffffff;
     outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
+    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%);
+}
 
 .btn-clear {
-  background: transparent !important;
-  border-color: transparent !important;
-  font-weight: normal;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  box-shadow: none;
-  text-decoration: none;
-  color: #0568ae; }
-  .btn-clear:focus {
-    text-decoration: underline; }
-  .btn-clear:hover {
-    text-decoration: underline; }
+    background: transparent !important;
+    border-color: transparent !important;
+    font-weight: normal;
+    font-family: "Omnes-ECOMP-W02", Arial;
+    box-shadow: none;
+    text-decoration: none;
+    color: #0568ae;
+}
+
+.btn-clear:focus {
+    text-decoration: underline;
+}
+
+.btn-clear:hover {
+    text-decoration: underline;
+}
 
 .isIE .btn:focus {
-  outline: none !important;
-  text-decoration: none !important; }
-  .isIE .btn:focus:after {
+    outline: none !important;
+    text-decoration: none !important;
+}
+
+.isIE .btn:focus:after {
     display: block;
     content: "";
     position: absolute;
@@ -2306,12 +392,15 @@ a.btn {
     left: 4px;
     right: 4px;
     bottom: 4px;
-    border: 1px dotted #000; }
+    border: 1px dotted #000;
+}
 
 .isIE .btn:active {
-  outline: none !important;
-  text-decoration: none !important; }
-  .isIE .btn:active:after {
+    outline: none !important;
+    text-decoration: none !important;
+}
+
+.isIE .btn:active:after {
     display: block;
     content: "";
     position: absolute;
@@ -2319,14 +408,19 @@ a.btn {
     left: 4px;
     right: 4px;
     bottom: 4px;
-    border: 1px dotted #000; }
+    border: 1px dotted #000;
+}
 
 .isIE .btn.active {
-  outline: none !important;
-  text-decoration: none !important; }
-  .isIE .btn.active:not(:focus):after {
-    border: 1px solid #000; }
-  .isIE .btn.active:after {
+    outline: none !important;
+    text-decoration: none !important;
+}
+
+.isIE .btn.active:not(:focus):after {
+    border: 1px solid #000;
+}
+
+.isIE .btn.active:after {
     display: block;
     content: "";
     position: absolute;
@@ -2334,198 +428,174 @@ a.btn {
     left: 4px;
     right: 4px;
     bottom: 4px;
-    border: 1px dotted #000; }
+    border: 1px dotted #000;
+}
 
 .isIE .btn.btn-primary:focus:after {
-  border: 2px dashed #fff; }
+    border: 2px dashed #fff;
+}
 
 .isIE .btn.btn-specialty:focus:after {
-  border: 2px dashed #fff; }
+    border: 2px dashed #fff;
+}
 
 .isIE .btn.btn-alt:focus:after {
-  border: 2px dashed #fff; }
+    border: 2px dashed #fff;
+}
 
 .btn.disabled {
-  background-image: none;
-  background-color: #767676;
-  box-shadow: none;
-  cursor: not-allowed;
-  color: #ffffff;
-  border-color: transparent;
-  outline: 0 !important; }
-  .btn.disabled:hover {
+    background-image: none;
+    background-color: #767676;
+    box-shadow: none;
+    cursor: not-allowed;
+    color: #ffffff;
+    border-color: transparent;
+    outline: 0 !important;
+}
+
+.btn.disabled:hover {
     color: #f2f2f2;
-    outline: none !important; }
-  .btn.disabled:focus {
+    outline: none !important;
+}
+
+.btn.disabled:focus {
     color: #f2f2f2;
-    outline: none !important; }
+    outline: none !important;
+}
 
 .btn[disabled] {
-  background-image: none;
-  background-color: #767676;
-  box-shadow: none;
-  cursor: not-allowed;
-  color: #ffffff;
-  border-color: transparent;
-  outline: 0 !important; }
-  .btn[disabled]:hover {
+    background-image: none;
+    background-color: #767676;
+    box-shadow: none;
+    cursor: not-allowed;
+    color: #ffffff;
+    border-color: transparent;
+    outline: 0 !important;
+}
+
+.btn[disabled]:hover {
     color: #f2f2f2;
-    outline: none !important; }
-  .btn[disabled]:focus {
+    outline: none !important;
+}
+
+.btn[disabled]:focus {
     color: #f2f2f2;
-    outline: none !important; }
+    outline: none !important;
+}
 
 .btn[disabled="disabled"] {
-  background-image: none;
-  background-color: #767676;
-  box-shadow: none;
-  cursor: not-allowed;
-  color: #ffffff;
-  border-color: transparent;
-  outline: 0 !important; }
-  .btn[disabled="disabled"]:hover {
+    background-image: none;
+    background-color: #767676;
+    box-shadow: none;
+    cursor: not-allowed;
+    color: #ffffff;
+    border-color: transparent;
+    outline: 0 !important;
+}
+
+.btn[disabled="disabled"]:hover {
     color: #f2f2f2;
-    outline: none !important; }
-  .btn[disabled="disabled"]:focus {
+    outline: none !important;
+}
+
+.btn[disabled="disabled"]:focus {
     color: #f2f2f2;
-    outline: none !important; }
+    outline: none !important;
+}
 
 .btn-arrow[disabled] .btn {
-  background-image: none;
-  background-color: #767676;
-  box-shadow: none;
-  cursor: not-allowed;
-  color: #ffffff;
-  border-color: transparent;
-  outline: 0 !important; }
-  .btn-arrow[disabled] .btn:hover {
+    background-image: none;
+    background-color: #767676;
+    box-shadow: none;
+    cursor: not-allowed;
+    color: #ffffff;
+    border-color: transparent;
+    outline: 0 !important;
+}
+
+.btn-arrow[disabled] .btn:hover {
     color: #f2f2f2;
-    outline: none !important; }
-  .btn-arrow[disabled] .btn:focus {
+    outline: none !important;
+}
+
+.btn-arrow[disabled] .btn:focus {
     color: #f2f2f2;
-    outline: none !important; }
+    outline: none !important;
+}
 
 .btn-arrow[disabled] .icon-primary-left {
-  color: #fff !important; }
+    color: #fff !important;
+}
 
 .btn-arrow[disabled] .icon-primary-right {
-  color: #fff !important; }
+    color: #fff !important;
+}
 
 .btn-arrow.disabled .btn {
-  background-image: none;
-  background-color: #767676;
-  box-shadow: none;
-  cursor: not-allowed;
-  color: #ffffff;
-  border-color: transparent;
-  outline: 0 !important; }
-  .btn-arrow.disabled .btn:hover {
+    background-image: none;
+    background-color: #767676;
+    box-shadow: none;
+    cursor: not-allowed;
+    color: #ffffff;
+    border-color: transparent;
+    outline: 0 !important;
+}
+
+.btn-arrow.disabled .btn:hover {
     color: #f2f2f2;
-    outline: none !important; }
-  .btn-arrow.disabled .btn:focus {
+    outline: none !important;
+}
+
+.btn-arrow.disabled .btn:focus {
     color: #f2f2f2;
-    outline: none !important; }
+    outline: none !important;
+}
 
 .btn-arrow.disabled .icon-primary-left {
-  color: #fff !important; }
+    color: #fff !important;
+}
 
 .btn-arrow.disabled .icon-primary-right {
-  color: #fff !important; }
+    color: #fff !important;
+}
 
 .btn-medium {
-  padding: 12px 19px 11px 18px;
-  font-size: 1.7rem; }
+    padding: 12px 19px 11px 18px;
+    font-size: 1.7rem;
+}
 
 .btn-small {
-  /* padding: 10px 19px 9px 18px; */
-  font-size: 1.5rem;
-  border-radius: 8px; }
+    /* padding: 10px 19px 9px 18px; */
+    font-size: 1.5rem;
+    border-radius: 8px;
+}
 
 .btn-fullwidth {
-  width: 100%; }
+    width: 100%;
+}
 
 *:not(.btn-arrow) > .btn > i[class*="icon-primary-"] {
-  margin-top: -20px;
-  margin-bottom: -20px; }
-
-.enhanced-cta-group {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-direction: row-reverse;
-  flex-direction: row-reverse;
-  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3A%23959595%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important;
-  background-position: 0 -1px;
-  background-repeat: repeat-x; }
-  .enhanced-cta-group > .cta-button-group {
-    border-top: 0;
-    background-image: none !important; }
-    .enhanced-cta-group > .cta-button-group + .cta-button-group a {
-      font-size: 1.4rem;
-      line-height: 1em; }
-      .enhanced-cta-group > .cta-button-group + .cta-button-group a a {
-        margin-right: 0; }
-    .enhanced-cta-group > .cta-button-group hr {
-      min-height: 14px; }
-    .enhanced-cta-group > .cta-button-group + .cta-button-group {
-      -ms-flex-align: center;
-      -ms-grid-row-align: center;
-      align-items: center;
-      -ms-flex-direction: row;
-      flex-direction: row;
-      padding: 10px 0; }
-
-.cta-button-group {
-  text-align: right;
-  -ms-flex-align: baseline;
-  align-items: baseline;
-  padding: 20px 0 10px;
-  width: 100%; }
-  .cta-button-group.nodots {
-    background-image: none !important; }
-  .cta-button-group .hidden-phone {
-    margin-right: 14px; }
-  .cta-button-group .btn + .btn {
-    margin-right: 20px !important; }
-  .cta-button-group .btn:not(.hidden-phone):not(.visible-phone) {
-    margin-right: 0; }
-
-.isMobile .btn-arrow .btn.btn-small .icon-primary-left:before {
-  left: -1px; }
-
-.isMobile .btn-arrow .btn.btn-large .icon-primary-left:before {
-  left: 24px; }
-
-.isMobile .btn-arrow .btn.btn-large .icon-primary-right:before {
-  left: 24px; }
-
-@media (max-width: 1024px) {
-  .field-group + .btn {
-    margin-left: 15px; } }
-
-@media (max-width: 767px) {
-  .cta-button-group {
-    text-align: center; }
-    .cta-button-group > .btn {
-      display: block;
-      float: none;
-      width: 100%;
-      margin-left: auto !important;
-      margin-right: auto !important; } }
+    margin-top: -20px;
+    margin-bottom: -20px;
+}
+
 
 .btn-group {
-  border-radius: 8px;
-  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  margin-bottom: 10px;
-  max-width: 470px;
-  min-width: 290px;
-  position: relative;
-  vertical-align: middle;
-  width: 100%; }
-  .btn-group > .btn {
+    border-radius: 8px;
+    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    margin-bottom: 10px;
+    max-width: 470px;
+    min-width: 290px;
+    position: relative;
+    vertical-align: middle;
+    width: 100%;
+}
+
+.btn-group > .btn {
     box-shadow: none;
     -ms-flex: 1;
     flex: 1;
@@ -2535,63 +605,93 @@ a.btn {
     margin-bottom: 0;
     padding-left: 0;
     padding-right: 0;
-    text-align: center; }
-  .btn-group:not([data-select-color]) .btn.active:not(:first-child) {
+    text-align: center;
+}
+
+.btn-group:not([data-select-color]) .btn.active:not(:first-child) {
     margin-right: -1px;
-    border-left: 1px solid #d2d2d2 !important; }
-  .btn-group:not([data-select-color]) .btn[disabled]:not(:first-child) {
-    border-left: 1px solid #d2d2d2 !important; }
-  .btn-group:not([data-select-color]) .btn[disabled] + .btn[disabled] {
-    border-left: 1px solid #ebebeb !important; }
-  .btn-group:not([data-select-color]) > .btn.active {
+    border-left: 1px solid #d2d2d2 !important;
+}
+
+.btn-group:not([data-select-color]) .btn[disabled]:not(:first-child) {
+    border-left: 1px solid #d2d2d2 !important;
+}
+
+.btn-group:not([data-select-color]) .btn[disabled] + .btn[disabled] {
+    border-left: 1px solid #ebebeb !important;
+}
+
+.btn-group:not([data-select-color]) > .btn.active {
     border-color: #087ac2 transparent #0568ae;
     background-color: #0568ae;
     background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-    color: #ffffff; }
-    .btn-group:not([data-select-color]) > .btn.active:hover {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: #0563a6;
-      border-color: #0563a6; }
-    .btn-group:not([data-select-color]) > .btn.active:focus {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: #0563a6;
-      border-color: #0563a6; }
-    .btn-group:not([data-select-color]) > .btn.active:active {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: #0563a6;
-      border-color: #0563a6; }
-  .btn-group:not([data-select-color]) > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
-    border-radius: 0; }
-  .btn-group:not([data-select-color]) > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
+    color: #ffffff;
+}
+
+.btn-group:not([data-select-color]) > .btn.active:hover {
+    color: #ffffff;
+    outline-color: #ffffff !important;
+    background: #0563a6;
+    border-color: #0563a6;
+}
+
+.btn-group:not([data-select-color]) > .btn.active:focus {
+    color: #ffffff;
+    outline-color: #ffffff !important;
+    background: #0563a6;
+    border-color: #0563a6;
+}
+
+.btn-group:not([data-select-color]) > .btn.active:active {
+    color: #ffffff;
+    outline-color: #ffffff !important;
+    background: #0563a6;
+    border-color: #0563a6;
+}
+
+.btn-group:not([data-select-color]) > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+    border-radius: 0;
+}
+
+.btn-group:not([data-select-color]) > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
     border-top-right-radius: 0;
-    border-bottom-right-radius: 0; }
-  .btn-group:not([data-select-color]) > .btn:last-child:not(:first-child) {
+    border-bottom-right-radius: 0;
+}
+
+.btn-group:not([data-select-color]) > .btn:last-child:not(:first-child) {
     border-top-left-radius: 0;
-    border-bottom-left-radius: 0; }
-  .btn-group:not([data-select-color]) > .dropdown-toggle:not(:first-child) {
+    border-bottom-left-radius: 0;
+}
+
+.btn-group:not([data-select-color]) > .dropdown-toggle:not(:first-child) {
     border-top-left-radius: 0;
-    border-bottom-left-radius: 0; }
-  .btn-group > .active {
+    border-bottom-left-radius: 0;
+}
+
+.btn-group > .active {
     text-decoration: none;
-    outline: 1px dotted transparent; }
-    .btn-group > .active:focus {
-      outline: 1px dotted #ffffff; }
+    outline: 1px dotted transparent;
+}
+
+.btn-group > .active:focus {
+    outline: 1px dotted #ffffff;
+}
 
 .btn-group.btn-fullwidth > .btn {
-  -ms-flex: 1;
-  flex: 1; }
+    -ms-flex: 1;
+    flex: 1;
+}
 
 .btn-group[data-select-color] {
-  margin-top: 5px;
-  box-shadow: none;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap; }
-  .btn-group[data-select-color] .btn {
+    margin-top: 5px;
+    box-shadow: none;
+    -ms-flex-pack: start;
+    justify-content: flex-start;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+}
+
+.btn-group[data-select-color] .btn {
     border: 1px solid #959595;
     border-radius: 4px;
     box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
@@ -2603,541 +703,201 @@ a.btn {
     max-width: 60px;
     min-width: 60px;
     -ms-flex: 0;
-    flex: 0; }
-  .btn-group[data-select-color] > .btn.active:focus {
-    outline: 1px dotted #191919;
-    outline-offset: 4px; }
-
-button .btn-fill {
-  background-clip: padding-box;
-  border: 0;
-  border-radius: 4px;
-  bottom: 0;
-  display: block;
-  height: auto;
-  left: 0;
-  margin: 5px;
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: auto; }
-
-button .btn-fill[style*="#fff"] {
-  border: 1px solid #d2d2d2; }
-
-[data-select-color] .btn.active {
-  background: none !important;
-  outline: 0;
-  margin-right: 10px;
-  border-width: 3px;
-  color: #333333;
-  line-height: 12px; }
-  [data-select-color] .btn.active > .btn-fill {
-    margin: 3px; }
-  [data-select-color] .btn.active:hover {
-    color: #333333; }
-
-[data-select-color] .btn:active {
-  background: none !important;
-  outline: 0;
-  margin-right: 10px;
-  border-width: 3px;
-  color: #333333;
-  line-height: 12px; }
-  [data-select-color] .btn:active > .btn-fill {
-    margin: 3px; }
-  [data-select-color] .btn:active:hover {
-    color: #333333; }
-
-.btn-group[data-select-color="orange"] > .btn.active {
-  border-color: #ea7400; }
-
-.btn-group[data-select-color="blue"] > .btn.active {
-  border-color: #0568ae; }
-
-.btn-group[data-select-color="green"] > .btn.active {
-  border-color: #007a3e; }
-
-.btn-spinbutton-toggle.btn-group {
-  display: block !important;
-  height: 40px !important;
-  margin-top: 5px;
-  max-width: 138px;
-  min-width: 138px;
-  white-space: nowrap; }
-
-.btn-spinbutton-toggle .btn {
-  border-radius: 6px;
-  font-weight: normal;
-  -ms-flex: unset;
-  flex: unset;
-  height: 40px;
-  letter-spacing: normal;
-  min-width: auto;
-  padding: 3px 0 0;
-  text-align: center;
-  min-width: 46px;
-  width: 46px; }
-
-.btn-spinbutton-toggle .btn[data-max-value] {
-  border-bottom: 1px solid #d2d2d2;
-  border-top: 1px solid #d2d2d2;
-  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-  background-color: #fff;
-  cursor: text;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 2rem;
-  font-weight: normal;
-  padding: 4px 0 0;
-  text-align: center;
-  min-width: 46px !important;
-  width: 46px; }
-  .btn-spinbutton-toggle .btn[data-max-value]:focus {
-    border-color: #0568ae;
-    outline: none; }
-    .btn-spinbutton-toggle .btn[data-max-value]:focus + .btn {
-      border-left: 1px solid #0568ae;
-      transition: border 0.3s linear 0s; }
-
-.btn-spinbutton-toggle .icon-primary-subtractminimize {
-  font-size: 30px !important;
-  color: #0568ae !important; }
-
-.btn-spinbutton-toggle .icon-primary-add-maximize {
-  font-size: 30px !important;
-  color: #0568ae !important; }
-
-.btn-spinbutton-toggle .btn[disabled].icon-primary-subtractminimize {
-  background-color: #d2d2d2;
-  color: #767676 !important; }
-
-.btn-spinbutton-toggle .btn[disabled].icon-primary-add-maximize {
-  background-color: #d2d2d2;
-  color: #767676 !important; }
-
-.btn-spinbutton-toggle input.btn[disabled] {
-  background-color: #d2d2d2;
-  color: #5a5a5a;
-  cursor: not-allowed; }
-
-.btn-group.btn-spinbutton-toggle .btn[disabled] + .btn[disabled] {
-  border-left: 1px solid #f0f0f0 !important; }
-
-.btn-group.btn-spinbutton-toggle .btn[data-max-value]:focus + .btn:not(:first-child) {
-  border-left: 1px solid #0568ae !important; }
-
-@media (max-width: 480px) {
-  .btn-group:not([data-select-color]) > .btn {
-    font-size: 1.3rem;
-    min-width: auto; } }
-
-.reset-field,
-.close {
-  float: right;
-  background: none;
-  width: 34px;
-  height: 34px;
-  padding: 0;
-  overflow: hidden;
-  display: inline-block; }
-
-.reset-field {
-  display: none; }
-
-.reset-field:before {
-  font-size: 22px;
-  color: #5a5a5a; }
+    flex: 0;
+}
 
-.input-emphasized + .reset-field:before {
-  font-size: 29px;
-  color: #5a5a5a; }
 
-.reset-field:active,
-.reset-field:hover,
-.reset-field:focus {
-  display: block !important; }
+.input-emphasized + .reset-field:before {
+    font-size: 29px;
+    color: #5a5a5a;
+}
 
 button.close {
-  border: 0;
-  appearance: none; }
-
-.corner-button {
-  box-shadow: 0 -50px 0 0 #f2f2f2 inset;
-  height: 69px;
-  /*overflow: hidden;*/
-  position: absolute;
-  right: -35px;
-  top: -35px;
-  transform: rotate(45deg);
-  width: 69px; }
-
-.corner-button .close:before {
-  bottom: -7px;
-  color: #0568ae;
-  display: block;
-  font-size: 20px;
-  height: 50px;
-  left: -11px;
-  position: absolute;
-  width: 50px; }
-
-.corner-button .close {
-  float: none;
-  height: 45px;
-  margin: 0;
-  position: absolute;
-  right: 12px;
-  top: 45px;
-  transform: rotate(45deg);
-  width: 45px; }
-
-.corner-button .close:focus {
-  outline: 1px dotted black; }
-
-.ds2-no-colors .corner-button .close {
-  border: 1px solid black; }
+    border: 0;
+    appearance: none;
+}
+
 
 .field-group input + .reset-field {
-  background: none;
-  height: 36px;
-  width: 45px;
-  display: none;
-  padding: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  box-shadow: none;
-  border: none;
-  content: " "; }
+    background: none;
+    height: 36px;
+    width: 45px;
+    display: none;
+    padding: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    box-shadow: none;
+    border: none;
+    content: " ";
+}
 
 .field-group input[type="search"] + .reset-field,
 .field-group input[type="search"] + .btn-search + .reset-field,
-.tooltip-onclick input + .reset-field,
-.tooltip-onclick input + .icon-primary-tooltip + .reset-field,
-.tooltip-onclick textarea + .reset-field,
-.tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
-  right: 45px; }
-
 .field-group input[type="search"] + .reset-field:after,
 .field-group input[type="search"] + .btn-search + .reset-field:after,
-.tooltip-onclick input + .reset-field:after,
-.tooltip-onclick input + .icon-primary-tooltip + .reset-field:after,
-.tooltip-onclick textarea + .reset-field:after,
-.tooltip-onclick textarea + .icon-primary-tooltip + .reset-field:after {
-  background-color: #d2d2d2;
-  content: "";
-  display: block;
-  height: 20px;
-  position: absolute;
-  right: 0;
-  top: 8px;
-  width: 1px; }
-
-.tooltip-onclick input + .reset-field,
-.tooltip-onclick input + .icon-primary-tooltip + .reset-field {
-  right: 50px !important; }
-
-.tooltip-onclick textarea + .reset-field,
-.tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
-  right: 45px !important;
-  width: 40px; }
-
 .field-group input.input-emphasized + .reset-field {
-  width: 45px;
-  height: 46px;
-  right: 6px; }
+    width: 45px;
+    height: 46px;
+    right: 6px;
+}
 
 .field-group input.input-emphasized + .reset-field:after {
-  top: 14px; }
+    top: 14px;
+}
 
 .field-group [disabled] + .reset-field {
-  display: none; }
-
-.ds2_touchevents .field-group input + .reset-field:focus,
-.ds2_touchevents .field-group input:focus + .reset-field,
-.ds2_touchevents textarea:focus + .reset-field,
-.ds2_touchevents textarea + .reset-field:focus {
-  display: block;
-  position: absolute;
-  right: 0px;
-  top: 0;
-  border: none; }
-
-.ds2_touchevents .field-group input {
-  padding: 8px 55px 8px 15px;
-  -webkit-appearance: none; }
-
-.ds2_touchevents textarea:focus {
-  padding: 15px 55px 15px 15px; }
-
-.ds2_touchevents textarea:focus + .reset-field {
-  border: none;
-  position: absolute;
-  right: 6px;
-  top: 5px; }
-
-.ds2_touchevents textarea.hasScrollbar:focus {
-  padding: 15px 35px 15px 15px; }
-
-.ds2_touchevents textarea.hasScrollbar:focus + .reset-field {
-  right: 22px; }
-
-.ds2-no-colors .b2b-tmpl-card-corner-button {
-  border: none !important; }
-
-.ds2-no-colors .b2b-tmpl-card-corner-button .close {
-  border: 1px solid black;
-  top: 0px !important;
-  right: 0px !important; }
-
-.form-row.error .error-msg {
-  display: block;
-  font-size: 14px;
-  line-height: 14px;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  position: relative;
-  padding-left: 18px; }
-
-.form-row.error .error-msg:before {
-  color: #cf2a2a;
-  font-size: 14px;
-  left: 0;
-  line-height: 14px;
-  position: absolute;
-  vertical-align: middle; }
-
-.form-row.error label,
-.form-row.error .error-msg,
-.form-row.error button.awd-select,
-.form-row.error select.awd-select + span,
-.form-row.error .checkbox,
-.form-row.error .radio,
-.form-row.error legend.error,
-.form-row.error input {
-  color: #cf2a2a; }
-
-.form-row.error .btn-group > .btn,
-.form-row.error button.awd-select,
-.form-row.error .awd-select-list,
-.form-row.error select.awd-select + span,
-.form-row.error textarea,
-.form-row.error input,
-.form-row.error .checkbox .skin,
-.form-row.error .radio .skin {
-  border-color: #cf2a2a !important; }
-
-.form-row.error .checkbox input:checked:not(:disabled) + .skin {
-  background-color: #cf2a2a; }
-
-.form-row.error .radio input:checked + .skin:after {
-  background-color: #cf2a2a; }
-
-.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg {
-  margin-top: -11px;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0; }
-
-.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext {
-  margin: 0 0 10px; }
-
-.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:before,
-.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:after {
-  display: none; }
-
-.error .helpertext {
-  border-color: #cf2a2a;
-  /*border-radius:0;*/ }
-
-.error .helpertext:before {
-  border-top-color: #cf2a2a; }
-
-.error .tooltip-onfocus .helpertext {
-  margin: 14px 0 10px 0; }
-
-.error [class*="price"],
-.error [class*="pricing-"] {
-  color: #cf2a2a; }
+    display: none;
+}
 
 input:-ms-clear {
-  display: none; }
+    display: none;
+}
 
 input[type]::-webkit-inner-spin-button,
 input[type]::-webkit-outer-spin-button {
-  -webkit-appearance: none; }
+    -webkit-appearance: none;
+}
 
 input[type] {
-  -moz-appearance: textfield; }
+    -moz-appearance: textfield;
+}
 
 form {
-  margin: 0; }
+    margin: 0;
+}
 
 fieldset {
-  padding: 0;
-  margin: 0;
-  border: 0; }
+    padding: 0;
+    margin: 0;
+    border: 0;
+}
 
 label,
 legend {
-  display: inline-block;
-  /* font-size: 1.4rem; */
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
+    display: inline-block;
+    /* font-size: 1.4rem; */
+    font-family: "Omnes-ECOMP-W02-Medium", Arial;
+}
 
 legend {
-  display: block; }
+    display: block;
+}
 
 .error-msg {
-  display: none; }
+    display: none;
+}
 
 select,
 textarea,
 input {
-  border-radius: 6px;
-  color: #5a5a5a;
-  display: inline-block;
-  font-size: 1.6rem;
-  margin: 0px;
-  padding: 0 15px 0 15px;
-  vertical-align: middle;
-  line-height: normal; }
+    border-radius: 6px;
+    color: #5a5a5a;
+    display: inline-block;
+    font-size: 1.6rem;
+    margin: 0px;
+    padding: 0 15px 0 15px;
+    vertical-align: middle;
+    line-height: normal;
+}
 
 select::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder,
 input::-webkit-input-placeholder {
-  color: #5a5a5a;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal;
-  opacity: 1; }
+    color: #5a5a5a;
+    font-family: "Omnes-ECOMP-W02-Italic", Arial;
+    font-style: normal;
+    opacity: 1;
+}
 
 select:-moz-placeholder,
 textarea:-moz-placeholder,
 input:-moz-placeholder {
-  color: #5a5a5a;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal;
-  opacity: 1; }
+    color: #5a5a5a;
+    font-family: "Omnes-ECOMP-W02-Italic", Arial;
+    font-style: normal;
+    opacity: 1;
+}
 
 select::-moz-placeholder,
 textarea::-moz-placeholder,
 input::-moz-placeholder {
-  color: #5a5a5a;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal;
-  opacity: 1; }
+    color: #5a5a5a;
+    font-family: "Omnes-ECOMP-W02-Italic", Arial;
+    font-style: normal;
+    opacity: 1;
+}
 
 select:-ms-input-placeholder,
 textarea:-ms-input-placeholder,
 input:-ms-input-placeholder {
-  color: #5a5a5a;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  transition: none;
-  opacity: 1; }
+    color: #5a5a5a;
+    font-family: "Omnes-ECOMP-W02-Italic", Arial;
+    transition: none;
+    opacity: 1;
+}
 
 select:placeholder,
 textarea:placeholder,
 input:placeholder {
-  color: #5a5a5a;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal;
-  opacity: 1; }
+    color: #5a5a5a;
+    font-family: "Omnes-ECOMP-W02-Italic", Arial;
+    font-style: normal;
+    opacity: 1;
+}
 
 select:last-child,
 textarea:last-child,
 input:last-child {
-  margin-right: 0; }
+    margin-right: 0;
+}
 
 input:not([type="button"]) {
-  height: 36px; }
+    height: 36px;
+}
 
 input.input-emphasized {
-  font-size: 1.8rem;
-  height: 48px;
-  padding: 13px 20px 13px; }
+    font-size: 1.8rem;
+    height: 48px;
+    padding: 13px 20px 13px;
+}
 
 input[type="search"]:focus {
-  padding-right: 88px; }
+    padding-right: 88px;
+}
 
 input[type="search"] {
-  padding-right: 40px;
-  -webkit-appearance: none !important; }
+    padding-right: 40px;
+    -webkit-appearance: none !important;
+}
 
 input[type="search"].input-emphasized {
-  padding-right: 45px; }
-
-.btn-search[class*="btn"] {
-  background-color: transparent;
-  background-position: 50% 50%;
-  background-size: 20px;
-  background-repeat: no-repeat;
-  border: none;
-  height: 100%;
-  margin-left: 0;
-  margin-top: 0;
-  min-width: 45px !important;
-  outline-offset: 0;
-  padding: 0 !important;
-  position: absolute;
-  right: 0;
-  top: 0;
-  border-radius: 0 5px 5px 0;
-  min-width: 44px;
-  width: 44px; }
+    padding-right: 45px;
+}
 
 .input-emphasized + .btn-search[class*="btn"],
 .input-emphasized + .reset-field + .btn-search[class*="btn"] {
-  background-size: 26px;
-  height: 46px;
-  top: 1px;
-  outline-offset: -3px;
-  margin-bottom: 0;
-  border-radius: 0 5px 5px 0; }
+    background-size: 26px;
+    height: 46px;
+    top: 1px;
+    outline-offset: -3px;
+    margin-bottom: 0;
+    border-radius: 0 5px 5px 0;
+}
 
 input[type="search"].input-emphasized + .reset-field {
-  right: 45px !important; }
-
-.search-suggestion-wrapper {
-  position: relative;
-  margin-bottom: 15px; }
-
-/*styles from dropdown*/
-.search-suggestion-list {
-  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-  border-radius: 0 0 6px 6px;
-  position: relative;
-  border: 1px solid #0568ae;
-  border-top: 0;
-  padding: 15px 0;
-  background-color: #f2f2f2;
-  z-index: 1000;
-  width: 100%;
-  max-height: 400px;
-  overflow-y: auto; }
-
-.search-suggestion-list:empty {
-  display: none; }
-
-.search-suggestion-item {
-  position: relative;
-  z-index: -1;
-  padding: 0 15px;
-  line-height: 4.0rem;
-  color: #5a5a5a; }
-
-.search-suggestion-item a {
-  text-decoration: none;
-  color: #5a5a5a; }
-
-.search-suggestion-item:hover,
-.search-suggestion-item:focus {
-  cursor: pointer;
-  background-color: #d2d2d2; }
+    right: 45px !important;
+}
+
 
 input[data-provide="datepicker"],
 [data-provide="datepicker"]:-moz-placeholder,
 [data-provide="datepicker"]:-ms-input-placeholder,
 [data-provide="datepicker"]:-webkit-input-placeholder {
-  color: #0568ae !important;
-  opacity: 1;
-  filter: alpha(opacity=100); }
+    color: #0568ae !important;
+    opacity: 1;
+    filter: alpha(opacity=100);
+}
 
 input[disabled],
 input[readonly],
@@ -3147,310 +907,102 @@ textarea[disabled],
 textarea[readonly],
 i.icon-primary-calendar.disabled,
 span.icon-primary-calendar.readonly {
-  cursor: not-allowed;
-  background-color: #f2f2f2;
-  box-shadow: none; }
+    cursor: not-allowed;
+    background-color: #f2f2f2;
+    box-shadow: none;
+}
 
 i.icon-primary-calendar.disabled input,
 span.icon-primary-calendar.readonly input {
-  color: #959595 !important; }
+    color: #959595 !important;
+}
 
 textarea {
-  display: block;
-  width: 800px;
-  
-  padding: 15px; }
-
-textarea.small {
-  line-height: 20px; }
-
-textarea + .reset-field {
-  display: none; }
-
-textarea::-webkit-input-placeholder {
-  line-height: .99; }
-
-textarea:-moz-placeholder {
-  line-height: .99; }
-
-textarea::-moz-placeholder {
-  line-height: .99; }
-
-textarea:-ms-input-placeholder {
-  line-height: .99; }
+    display: block;
+    width: 800px;
+    padding: 15px;
+}
 
-textarea:placeholder {
-  line-height: .99; }
 
 textarea,
 input {
-  background-color: #ffffff;
-  border: 1px solid #d2d2d2;
-  -webkit-appearance: none;
-  box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-  transition: border .3s linear 0s;
-  font-family: "Omnes-ECOMP-W02", Arial; }
+    background-color: #ffffff;
+    border: 1px solid #d2d2d2;
+    -webkit-appearance: none;
+    box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
+    transition: border .3s linear 0s;
+    font-family: "Omnes-ECOMP-W02", Arial;
+}
 
 textarea:focus,
 input:focus {
-  outline: 0;
-  border-color: #0568ae; }
+    outline: 0;
+    border-color: #0568ae;
+}
 
 .input-append {
-  display: table; }
+    display: table;
+}
 
 .input-append > div {
-  display: table-cell;
-  width: 1%; }
+    display: table-cell;
+    width: 1%;
+}
 
 .input-append > .field-group {
-  width: 100%; }
+    width: 100%;
+}
 
 .row .field-group input[class*="span"] {
-  float: none; }
+    float: none;
+}
 
 .field-group {
-  position: relative;
-  display: inline-block; }
+    position: relative;
+    display: inline-block;
+}
 
 label + .field-group,
 label + .input-append,
 label + .row,
 label + .row-nowrap,
 label + .form-row {
-  margin-top: 5px; }
+    margin-top: 5px;
+}
 
 .field-group {
-  position: relative;
-  display: block; }
+    position: relative;
+    display: block;
+}
 
 .field-group input:not([type="button"])[disabled] {
-  padding-right: 15px; }
+    padding-right: 15px;
+}
 
 input:invalid,
 textarea:invalid,
 select:invalid {
-  outline: none !important; }
-
-.form-row {
-  margin-top: 20px; }
-
-.form-row.nomar {
-  margin: 0; }
-
-.row-nowrap.no-flex.form-row > label + br {
-  margin-bottom: 5px; }
-
-span.form-row {
-  display: inline-block; }
-
-legend + .form-row {
-  margin-top: 20px; }
-
-.tooltip-onclick input {
-  padding-right: 45px; }
-
-.ds2_touchevents .tooltip-onclick input:focus {
-  padding-right: 95px; }
-
-.btn-calendar-icon {
-  position: absolute;
-  background-color: transparent !important;
-  top: 8px;
-  border: 0 !important;
-  width: 30px;
-  right: 15px; }
-
-.btn-calendar-icon .icon-primary-calendar:before {
-  position: absolute;
-  color: #0568ae; }
-
-.btn-calendar-icon .icon-primary-calendar.disabled {
-  background-color: #f2f2f2; }
-
-.btn-calendar-icon .icon-primary-calendar.disabled:before {
-  color: #959595; }
-
-span.icon-primary-calendar input {
-  padding-left: 35px;
-  color: #0568ae;
-  transition: border-color 0.3s linear 0s;
-  box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-  position: absolute;
-  top: 0;
-  left: 0; }
-
-.faux-input + input.datepicker-input:not([disabled]) {
-  cursor: pointer;
-  margin-left: 0;
-  background-color: #fff;
-  position: absolute;
-  left: 0;
-  top: 0;
-  z-index: 0; }
-
-.faux-input {
-  background-color: transparent !important;
-  border: 1px solid transparent;
-  border-radius: 4px;
-  font-size: 1.6rem;
-  height: 35px;
-  left: 0;
-  line-height: 35px;
-  margin-bottom: 10px;
-  margin-right: 6px;
-  padding: 0 0 0 35px;
-  position: relative;
-  text-align: left;
-  top: 0;
-  vertical-align: middle;
-  width: 100%;
-  z-index: 1; }
-
-.faux-input:disabled {
-  cursor: not-allowed; }
-
-.faux-input:focus + .datepicker-input,
-[data-calendar-state="opened"] + .datepicker-input {
-  border-color: #0568ae;
-  box-shadow: 2px 3px 2px -2px rgba(5, 116, 172, 0.35) inset;
-  outline: 0 none; }
-
-.form-row.error .error-msg {
-  display: block;
-  font-size: 14px;
-  line-height: 14px;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  position: relative;
-  padding-left: 18px;
-  margin-top: 10px; }
-
-.form-row.error .error-msg > .icon-primary-badgealert {
-  height: 14px;
-  width: 14px;
-  position: absolute;
-  left: 0;
-  margin-right: 0; }
-
-.form-row.error .error-msg > .icon-primary-badgealert:before {
-  color: #cf2a2a;
-  font-size: 14px;
-  left: 0;
-  line-height: 14px;
-  position: absolute;
-  vertical-align: middle; }
-
-.form-row.error label,
-.form-row.error .error-msg,
-.form-row.error button.awd-select,
-.form-row.error select.awd-select + span,
-.form-row.error .checkbox,
-.form-row.error .radio,
-.form-row.error legend.error,
-.form-row.error input,
-.form-row.error textarea {
-  color: #cf2a2a; }
-
-.form-row.error .btn-group > .btn,
-.form-row.error button.awd-select,
-.form-row.error .awd-select-list,
-.form-row.error select.awd-select + span,
-.form-row.error textarea,
-.form-row.error input,
-.form-row.error .checkbox .skin,
-.form-row.error .radio .skin {
-  border-color: #cf2a2a !important; }
-
-.form-row.error .checkbox input:checked:not(:disabled) + .skin {
-  background-color: #cf2a2a; }
-
-.form-row.error .radio input:checked + .skin:after {
-  background-color: #cf2a2a; }
-
-.error [class*="price"],
-.error [class*="pricing-"] {
-  color: #cf2a2a; }
-
-hr,
-.hr-or {
-  display: block;
-  height: 1px;
-  margin: 15px 0;
-  border: none;
-  background-repeat: repeat-x;
-  background-color: #959595;
-  position: relative; }
-
-hr.dark {
-  background-color: #959595; }
-
-hr.lite {
-  background-color: #d2d2d2; }
-
-.hr-or:before {
-  background-color: #fff;
-  color: #666;
-  content: " OR ";
-  display: block;
-  font-size: 1.4rem;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  height: 16px;
-  left: 50%;
-  line-height: 1.6rem;
-  margin-left: -15px;
-  margin-top: -8px;
-  position: absolute;
-  text-align: center;
-  top: 50%;
-  width: 30px;
-  z-index: 1111; }
-
-hr.is-vertical.dark,
-hr.hr-or.dark,
-hr.is-vertical.lite,
-hr.hr-or.lite {
-  display: inline-block;
-  height: auto;
-  margin: 0 15px;
-  min-height: 20px;
-  width: 1px; }
-
-hr.is-vertical.dark,
-hr.hr-or.dark {
-  background-color: #959595; }
-
-hr.is-vertical.lite,
-hr.hr-or.lite {
-  background-color: #d2d2d2; }
-
-.hr-dotted.is-vertical.dark,
-.hr-dotted.is-vertical.lite {
-  background-color: transparent;
-  background-repeat: repeat-y;
-  background-size: 1px 4px;
-  height: auto;
-  min-height: 20px;
-  width: 1px; }
-
-.row-nowrap > .span + hr.is-vertical,
-.row > .span + hr.is-vertical {
-  margin: 0 0 0 -20px; }
-
+    outline: none !important;
+}
 
 
 hr.bottom-space-only {
-  margin-top: 0; }
+    margin-top: 0;
+}
 
 .hr-nomargin {
-  margin: 0; }
+    margin: 0;
+}
 
 .radio {
-  position: relative;
-  min-height: 24px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.6rem;
-  margin-bottom: 5px; }
-  .radio input {
+    position: relative;
+    min-height: 24px;
+    font-family: "Omnes-ECOMP-W02", Arial;
+    font-size: 1.6rem;
+    margin-bottom: 5px;
+}
+
+.radio input {
     -webkit-tap-highlight-color: transparent;
     height: 10px;
     margin: 6px;
@@ -3459,41 +1011,59 @@ hr.bottom-space-only {
     position: absolute;
     left: 1px;
     top: 1px;
-    width: 10px; }
-    .radio input:focus + .skin {
-      border-color: #0568ae; }
-      .radio input:focus + .skin:before {
-        content: "";
-        height: 34px;
-        left: -6px;
-        top: -6px;
-        outline: 1px dotted #000000;
-        position: absolute;
-        width: 34px; }
-    .radio input + .skin {
-      border-radius: 100%; }
-    .radio input:checked + .skin:after {
-      background-color: #0568ae;
-      border-radius: 100%;
-      border: 3px solid #FFFFFF;
-      content: "";
-      display: block;
-      height: 16px;
-      position: absolute;
-      width: 16px; }
-    .radio input:disabled + .skin {
-      cursor: not-allowed;
-      background-color: #d2d2d2;
-      border-color: #d2d2d2;
-      color: #666666; }
-      .radio input:disabled + .skin + span {
-        cursor: not-allowed;
-        color: #666666; }
-    .radio input:disabled:checked + .skin:after {
-      background-color: #666666; }
-    .radio input:invalid + .skin {
-      border: solid 1px #cf2a2a; }
-  .radio .skin {
+    width: 10px;
+}
+
+.radio input:focus + .skin {
+    border-color: #0568ae;
+}
+
+.radio input:focus + .skin:before {
+    content: "";
+    height: 34px;
+    left: -6px;
+    top: -6px;
+    outline: 1px dotted #000000;
+    position: absolute;
+    width: 34px;
+}
+
+.radio input + .skin {
+    border-radius: 100%;
+}
+
+.radio input:checked + .skin:after {
+    background-color: #0568ae;
+    border-radius: 100%;
+    border: 3px solid #FFFFFF;
+    content: "";
+    display: block;
+    height: 16px;
+    position: absolute;
+    width: 16px;
+}
+
+.radio input:disabled + .skin {
+    cursor: not-allowed;
+    background-color: #d2d2d2;
+    border-color: #d2d2d2;
+    color: #666666;
+}
+
+.radio input:disabled + .skin + span {
+    cursor: not-allowed;
+    color: #666666;
+}
+
+.radio input:disabled:checked + .skin:after {
+    background-color: #666666;
+}
+
+.radio input:invalid + .skin {
+    border: solid 1px #cf2a2a;
+}
+
+.radio .skin {
     background-color: #FFFFFF;
     border: 1px solid #d2d2d2;
     border-radius: 3px;
@@ -3502,61 +1072,88 @@ hr.bottom-space-only {
     left: 0;
     position: absolute;
     top: 0;
-    width: 24px; }
-  .radio span {
+    width: 24px;
+}
+
+.radio span {
     display: inline-block;
     margin-left: 34px;
     margin-top: 0;
     position: relative;
-    top: 3px; }
-  .radio label {
+    top: 3px;
+}
+
+.radio label {
     font-size: 1.6rem;
-    font-family: "Omnes-ECOMP-W02", Arial; }
+    font-family: "Omnes-ECOMP-W02", Arial;
+}
 
 .radio.inline {
-  display: inline-block;
-  margin-bottom: 10px;
-  vertical-align: middle;
-  margin-right: 10px; }
-  .radio.inline:last-child {
-    margin-right: 0; }
+    display: inline-block;
+    margin-bottom: 10px;
+    vertical-align: middle;
+    margin-right: 10px;
+}
+
+.radio.inline:last-child {
+    margin-right: 0;
+}
 
 .radio-box {
-  border: 1px solid #d2d2d2;
-  border-radius: 8px; }
-  .radio-box > [role="radio"] label {
+    border: 1px solid #d2d2d2;
+    border-radius: 8px;
+}
+
+.radio-box > [role="radio"] label {
     padding: 15px 15px 20px 15px;
     display: block;
-    width: 100%; }
-    .radio-box > [role="radio"] label .skin + span {
-      top: 2px; }
-  .radio-box > [role="radio"] + div {
-    padding: 0 15px 15px 47px; }
-  .radio-box > [aria-checked="false"] label > input {
+    width: 100%;
+}
+
+.radio-box > [role="radio"] label .skin + span {
+    top: 2px;
+}
+
+.radio-box > [role="radio"] + div {
+    padding: 0 15px 15px 47px;
+}
+
+.radio-box > [aria-checked="false"] label > input {
     top: 15px;
-    left: 15px; }
-  .radio-box > [aria-checked="false"] label .skin {
+    left: 15px;
+}
+
+.radio-box > [aria-checked="false"] label .skin {
     top: 15px;
-    left: 15px; }
-  .radio-box > [aria-checked="true"] label > input {
+    left: 15px;
+}
+
+.radio-box > [aria-checked="true"] label > input {
     top: 13px;
-    left: 13px; }
-  .radio-box > [aria-checked="true"] label .skin {
+    left: 13px;
+}
+
+.radio-box > [aria-checked="true"] label .skin {
     top: 13px;
-    left: 13px; }
+    left: 13px;
+}
 
 .radio-box.active {
-  border: 3px solid #0568ae; }
-  .radio-box.active > [role="radio"] label {
-    padding: 13px 14px 19px 13px; }
+    border: 3px solid #0568ae;
+}
+
+.radio-box.active > [role="radio"] label {
+    padding: 13px 14px 19px 13px;
+}
 
 .checkbox {
-  position: relative;
-  min-height: 24px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1rem;
-   }
-  .checkbox input {
+    position: relative;
+    min-height: 24px;
+    font-family: "Omnes-ECOMP-W02", Arial;
+    font-size: 1rem;
+}
+
+.checkbox input {
     -webkit-tap-highlight-color: transparent;
     height: 20px;
     margin-left: 20px;
@@ -3565,8388 +1162,256 @@ hr.bottom-space-only {
     position: absolute;
     left: 1px;
     top: 1px;
-    width: 10px; }
-    .checkbox input:focus + .skin {
-      border-color: #0568ae; }
-      .checkbox input:focus + .skin:before {
-        content: "";
-        height: 34px;
-        left: -6px;
-        top: -6px;
-        outline: 1px dotted #000000;
-        position: absolute;
-        width: 34px; }
-    .checkbox input:checked:not(:disabled) + .skin {
-      background-color: #0568ae;
-      border-color: #0568ae; }
-    .checkbox input:checked:disabled + .skin:after {
-      color: #5A5A5A; }
-    .checkbox input:checked + .skin:after {
-      height: 20px;
-      width: 10px;
-      background-color: transparent;
-      font-size: 23.4px;
-      color: #FFFFFF;
-      line-height: 21px; }
-    .checkbox input:disabled + .skin {
-      cursor: not-allowed;
-      background-color: #d2d2d2;
-      border-color: #d2d2d2;
-      color: #666666; }
-      .checkbox input:disabled + .skin + span {
-        cursor: not-allowed;
-        color: #666666; }
-    .checkbox input:invalid + .skin {
-      border: solid 1px #cf2a2a; }
-    .checkbox input:indeterminate + .skin:after {
-      background-color: transparent;
-      font-size: 25px;
-      color: #0574ac;
-      content: "\e920"; }
-  .checkbox .skin {
-    background-color: #fff;
-    border: 1px solid #d2d2d2;
-    border-radius: 3px;
-    display: inline-block;
-    height: 24px;
-    width: 24px;
-    position: absolute;
-    left: 0;
-    top: 0; }
-  .checkbox span {
-    display: inline-block;
-    margin-left: 34px;
-    margin-top: 0;
-    position: relative;
-    top: 3px; }
-  .checkbox label {
-    font-size: 1.6rem;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-  .checkbox input {
-    z-index: 9999; }
-  .checkbox input.indeterminate + .skin:after {
-    font-size: 22px;
-    color: #0568ae; }
-
-/* .checkbox.inline {
-  display: inline-block;
-  margin-bottom: 10px;
-  vertical-align: middle;
-  margin-right: 10px; }
-  .checkbox.inline:last-child {
-    margin-right: 0; }
-
-.checkbox.checkbox-selectall {
-  margin: 20px 0 0 24px; }
-
-.terms-after-checkbox {
-  margin-top: 15px; } */
-
-.indeterminate-margin {
-  padding-left: 24px; }
-
-.tiny-accordion {
-  border-bottom: 1px solid #d2d2d2; }
-
-.toggle-header,
-.inactive-toggle-header {
-  border-color: #fff;
-  color: #0568ae;
-  cursor: pointer;
-  display: block;
-  font-size: 2.0rem;
-  line-height: 2.2rem;
-  min-height: 41px;
-  position: relative;
-  padding: 16px 55px 16px 15px; }
-
-.toggle-header.opened {
-  color: #333333; }
-
-.tiny-accordion .toggle-header,
-.tiny-accordion .inactive-toggle-header {
-  padding: 16px 55px 16px 15px;
-  border-top: 1px solid #d2d2d2; }
-
-.tiny-accordion .toggle-header:focus {
-  text-decoration: underline; }
-
-.tiny-accordion.iconleft .toggle-header,
-.tiny-accordion.iconleft .inactive-toggle-header {
-  padding: 15px 15px 15px 50px; }
-
-.accordion-content {
-  font-size: 1.4rem; }
-
-.accordion-content .toggle-header:first-child {
-  margin-top: 16px; }
-
-.tiny-accordion .toggle-header + .accordion-content {
-  padding: 0 50px 15px 15px; }
-
-.tiny-accordion.iconleft .toggle-header + .accordion-content {
-  padding: 0 15px 15px 50px; }
-
-.toggle-header .icon-primary-accordion-plus,
-.toggle-header .icon-primary-accordion-minus {
-  display: inline-block;
-  font-size: 20px;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  right: 15px;
-  vertical-align: middle;
-  top: 16px;
-  font-weight: bold; }
-
-.tiny-accordion.iconleft .toggle-header .icon-primary-accordion-plus,
-.tiny-accordion.iconleft .toggle-header .icon-primary-accordion-minus {
-  left: 15px; }
-
-.inactive-toggle-header:hover {
-  cursor: inherit; }
-
-.tiny-accordion-to-tabs,
-.tiny-tabs {
-  position: relative;
-  width: 100%;
-  margin: 0px;
-  padding: 0px; }
-
-.tiny-tabs [class*="icon-primary-accordion-"] {
-  display: none !important; }
-
-.tiny-accordion-to-tabs:before,
-.tiny-accordion-to-tabs:after,
-.tiny-tabs:before,
-.tiny-tabs:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.tiny-accordion-to-tabs:after,
-.tiny-tabs:after {
-  clear: both; }
-
-.tiny-accordion-to-tabs:before,
-.tiny-accordion-to-tabs:after,
-.tiny-tabs:before,
-.tiny-tabs:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.tiny-accordion-to-tabs:after,
-.tiny-tabs:after {
-  clear: both; }
-
-.tiny-tabs > .toggle-header {
-  display: inline-block;
-  float: left;
-  border-top: none;
-  overflow: hidden;
-  height: 70px;
-  text-align: center;
-  background-color: #fff;
-  border-radius: 0px;
-  padding: 26px 20px 25px 20px !important;
-  border-top: 1px solid #fff;
-  -webkit-filter: none;
-  filter: none;
-  background-clip: padding-box;
-  border-bottom: 1px solid #d2d2d2;
-  font-weight: normal;
-  border-right: 1px solid #d2d2d2;
-  white-space: nowrap; }
-
-.tiny-tabs .toggle-header + div {
-  left: 0px;
-  position: absolute;
-  top: 69px;
-  border-top: 1px solid #d2d2d2;
-  padding: 0;
-  display: block;
-  border-bottom: none;
-  width: 100%; }
-
-.accordion-pad {
-  padding-top: 30px;
-  padding-bottom: 30px; }
-
-.tiny-tabs .opened {
-  color: #333333;
-  border-top: 5px solid #0568ae !important;
-  padding-top: 22px !important;
-  border-bottom: none;
-  background-color: #fff;
-  -webkit-filter: none;
-  filter: none;
-  cursor: default;
-  z-index: 999; }
-
-.tiny-tabs .toggle-header:focus {
-  text-decoration: underline;
-  outline: thin dotted #666;
-  outline-offset: 0; }
-
-.tiny-tabs .toggle-header:first-child {
-  border-left: none;
-  margin-left: 0; }
-
-.tiny-tabs .toggle-header:first-child {
-  border-left: 1px solid #fff; }
-
-.tiny-tabs .opened:first-child {
-  border-left: 1px solid #d2d2d2; }
-
-.tiny-tabs .toggle-header:nth-last-of-type(2) {
-  border-right-color: #fff; }
-
-.tiny-tabs .opened:nth-last-of-type(2) {
-  border-right: 1px solid #d2d2d2; }
-
-@media (max-width: 767px) {
-  .tiny-accordion,
-  .tiny-accordion-to-tabs {
-    margin-left: -15px;
-    margin-right: -15px;
-    width: auto; }
-  .tiny-accordion-to-tabs {
-    display: block;
-    border-bottom: 1px solid #d2d2d2; }
-  .tiny-accordion-to-tabs .toggle-header {
-    display: block;
-    min-height: 41px;
-    padding: 16px 50px 16px 15px;
-    border-top: 1px solid #d2d2d2; }
-  .tiny-accordion-to-tabs .toggle-header:focus {
-    text-decoration: underline; }
-  .tiny-accordion-to-tabs .toggle-header + .accordion-content {
-    padding: 0 50px 15px 15px; } }
-
-@media (min-width: 768px) {
-  .tiny-accordion-to-tabs [class*="icon-primary-accordion-"] {
-    display: none !important; }
-  .tiny-accordion-to-tabs > .toggle-header {
-    display: inline-block;
-    float: left;
-    border-top: none;
-    /*overflow: hidden;*/
-    height: 70px;
-    text-align: center;
-    background-color: #fff;
-    border-radius: 0px;
-    padding: 26px 20px 25px 20px !important;
-    border-top: 1px solid #fff;
-    -webkit-filter: none;
-    filter: none;
-    background-clip: padding-box;
-    border-bottom: 1px solid #d2d2d2;
-    font-weight: normal;
-    border-right: 1px solid #d2d2d2;
-    white-space: nowrap; }
-  .tiny-accordion-to-tabs .toggle-header + div {
-    left: 0px;
-    position: absolute;
-    top: 69px;
-    border-top: 1px solid #d2d2d2;
-    padding-top: 30px;
-    padding-left: 20px;
-    display: block;
-    border-bottom: none;
-    width: 100%; }
-  .tiny-accordion-to-tabs .opened {
-    color: #333333;
-    border-top: 5px solid #0568ae !important;
-    padding-top: 22px !important;
-    border-bottom: none;
-    background-color: #fff;
-    -webkit-filter: none;
-    filter: none;
-    cursor: default;
-    text-decoration: none;
-    z-index: 999; }
-  .tiny-accordion-to-tabs .toggle-header:focus {
-    text-decoration: underline;
-    outline: thin dotted #666;
-    outline-offset: 0px; }
-  .tiny-accordion-to-tabs .toggle-header:nth-last-of-type(2) {
-    border-right: none; }
-  .tiny-accordion-to-tabs .toggle-header:first-child {
-    border-left: none;
-    margin-left: 0; }
-  .tiny-accordion-to-tabs .toggle-header:first-child {
-    border-left: 1px solid #fff; }
-  .tiny-accordion-to-tabs .opened:first-child {
-    border-left: 1px solid #d2d2d2; }
-  .tiny-accordion-to-tabs .opened:nth-last-of-type(2) {
-    border-right: 1px solid #d2d2d2; } }
-
-.toggle-header .tooltip .icon-primary-tooltip {
-  margin-top: -5px; }
-
-.accordion-content {
-  transition: all 0.8s linear; }
-
-.opaque-content {
-  opacity: 0; }
-
-.tiny-tabs .toggle-header {
-  display: inline-block;
-  float: left;
-  border-top: none;
-  overflow: hidden;
-  height: 70px;
-  text-align: center;
-  background-color: #fff;
-  border-radius: 0px;
-  padding: 22px 20px 25px 20px !important;
-  border-top: 5px solid #fff;
-  -webkit-filter: none;
-  filter: none;
-  background-clip: padding-box;
-  border-bottom: 1px solid #ccc;
-  font-weight: normal;
-  border-right: 1px solid #ccc;
-  white-space: nowrap; }
-
-.tiny-tabs .toggle-header:first-child {
-  margin-left: 0; }
-
-.tiny-tabs div:first-child .toggle-header {
-  margin-left: 30px; }
-
-.tiny-tabs > div .toggle-header.opened {
-  border-bottom: 0 !important; }
-
-.tiny-accordion-to-tabs > div > div.toggle-header {
-  background-clip: padding-box;
-  background-color: #fff;
-  border-bottom: 1px solid #ccc;
-  border-radius: 0;
-  border-top: 5px solid #fff;
-  display: inline-block;
-  filter: none;
-  float: left;
-  font-weight: normal;
-  overflow: hidden;
-  padding: 22px 20px 21px !important;
-  text-align: center;
-  white-space: nowrap; }
-
-.tiny-accordion-to-tabs .toggle-header:first-child {
-  margin-left: 0; }
-
-.tiny-accordion-to-tabs div:first-child .toggle-header {
-  margin-left: 30px;
-  border-bottom: 0 !important; }
-
-.tiny-accordion-to-tabs > div .toggle-header.opened {
-  border-bottom: 0 !important; }
-
-@media (max-width: 767px) {
-  .tiny-accordion-to-tabs {
-    display: block !important;
-    border-bottom: 1px solid #ccc !important; }
-  .tiny-accordion-to-tabs > div > div.toggle-header {
-    display: block !important;
-    float: none;
-    text-align: left;
-    min-height: 41px !important;
-    padding: 15px 50px 15px 15px !important;
-    border-top: 1px solid #ccc; }
-  .tiny-accordion-to-tabs > div > div.toggle-header:first-child {
-    margin-left: 0 !important; }
-  .tiny-accordion-to-tabs > div > div.toggle-header + .accordion-content {
-    padding: 0 50px 15px 15px; }
-  .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus {
-    background-position: 0 0;
-    background-size: 20px 40px; }
-  .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-    background-position: 0 -20px;
-    background-size: 20px 40px; }
-  .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus,
-  .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-    display: inline-block;
-    height: 20px;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    right: 15px;
-    vertical-align: middle;
-    width: 20px; } }
-
-.alert {
-  background-color: #5a5a5a;
-  border-radius: 8px;
-  color: #fff;
-  margin-top: 15px;
-  padding: 0;
-  position: relative;
-  border: 0; }
-
-.alert h3,
-.alert h4 {
-  color: #fff;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 1.6rem;
-  margin: 0 20px 5px 0; }
-
-.alert div {
-  padding: 15px 20px; }
-
-.alert div:first-child {
-  border-radius: 8px 0 0 8px;
-  width: 1%; }
-
-.alert div:first-child + div {
-  border: 1px solid transparent;
-  border-left: none;
-  border-radius: 0 8px 8px 0; }
-
-.alert-error {
-  background-color: #cf2a2a;
-  border: 1px solid #cf2a2a; }
-
-.alert-info {
-  background-color: #44c8f5;
-  border: 1px solid #44c8f5; }
-
-.alert-success {
-  background-color: #c5d63d;
-  border: 1px solid #c5d63d; }
-
-.alert [class*="icon-primary-"] {
-  color: #fff;
-  font-size: 30px;
-  margin-right: 0; }
-
-.alert .close {
-  height: 30px;
-  position: absolute;
-  right: 1px;
-  top: 1px;
-  width: 30px; }
-
-.alert .close:before {
-  color: #fff;
-  margin-right: 0;
-  position: absolute;
-  right: 9px;
-  top: 9px; }
-
-.alert a {
-  color: #fff;
-  text-decoration: underline; }
-
-.alert .close:focus {
-  outline: 1px dotted #666; }
-
-.alert p {
-  font-size: 1.4rem; }
-
-.alert p:last-child {
-  margin-bottom: 0; }
-
-.alert .standalone-link i[class*="icon-primary-"] {
-  font-size: 20px;
-  margin-right: 5px; }
-
-@media (max-width: 767px) {
-  .alert {
-    border-radius: 0;
-    margin: 0 -15px; }
-  .alert + .alert {
-    margin-top: 4px; }
-  .alert div {
-    padding: 15px 10px; }
-  .alert div:first-child {
-    border-radius: 0;
-    padding: 15px; }
-  .alert h3,
-  .alert h4 {
-    font-size: 1.4rem; }
-  .alert p {
-    font-size: 1.2rem; }
-  .alert .close {
-    right: 5px;
-    top: 5px; }
-  .alert .standalone-link i[class*="icon-primary-"] {
-    font-size: 16px; } }
-
-.alert h3 {
-  margin: 0;
-  font-size: 16px; }
-
-.alert p {
-  font-size: 14px; }
-
-.alert p a {
-  color: #FFFFFF;
-  text-decoration: underline; }
-
-.alert div:first-child + div {
-  padding-right: 25px; }
-
-.alert div:last-child {
-  padding-right: 20px !important; }
-
-.alert p [class*="icon-primary-"] {
-  color: #fff;
-  font-size: 20px;
-  margin-right: 0; }
-
-@media (max-width: 767px) {
-  .alert h3 {
-    font-size: 14px; }
-  .alert div:first-child + div {
-    padding-right: 20px; }
-  .alert div:last-child {
-    padding-right: 15px !important; }
-  .alert div:first-child {
-    padding: 15px; }
-  .alert p {
-    font-size: 12px; }
-  .alert p [class*="icon-primary-"] {
-    font-size: 16px; } }
-
-.b2b-audio {
-  width: auto;
-  margin: 10px auto;
-  height: 35px; }
-  .b2b-audio .controls-wrapper {
-    display: inline-block;
-    font-size: 25px;
-    cursor: pointer; }
-    .b2b-audio .controls-wrapper i {
-      font-size: 25px;
-      margin-right: 0px;
-      color: #444; }
-      .b2b-audio .controls-wrapper i:hover {
-        color: #0574AC; }
-  .b2b-audio .seek-bar-container-wrapper {
-    display: inline-block;
-    outline: 0;
-    min-width: 180px;
-    margin-right: 10px;
-    margin-left: 10px;
-    height: 14px;
-    padding-top: 5px; }
-    .b2b-audio .seek-bar-container-wrapper .timing-container {
-      padding-top: 13px;
-      color: #333;
-      font-size: 12px; }
-      .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-left {
-        float: left;
-        line-height: 100%; }
-      .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-right {
-        float: right;
-        line-height: 100%; }
-      .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-spacer {
-        clear: both; }
-  .b2b-audio .seek-bar-tooltip {
-    text-align: center;
-    min-width: 76px; }
-
-.b2b-audio-popover {
-  width: 22px; }
-  .b2b-audio-popover .volume-popover {
-    height: 100px !important;
-    width: 6px !important;
-    margin: 7px auto; }
-  .b2b-audio-popover .min-label {
-    margin-top: 5px; }
-
-.b2b-audio-native {
-  width: auto;
-  height: auto; }
-
-.b2b-audio-recorder {
-  border: 1px solid #ccc;
-  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15);
-  height: 63px;
-  min-height: 63px;
-  min-width: 347px; }
-  .b2b-audio-recorder .b2b-elapsed-time {
-    margin: 23px 0 24px 15px;
-    font-size: 16px;
-    font-style: italic;
-    color: #767676; }
-  .b2b-audio-recorder .b2b-controls {
-    width: 68px;
-    cursor: pointer; }
-    .b2b-audio-recorder .b2b-controls i.icoControls-record {
-      font-size: 64px;
-      color: black;
-      float: right;
-      margin-right: 10px; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-record:focus, .b2b-audio-recorder .b2b-controls i.icoControls-record:hover {
-        color: #0568ae; }
-    .b2b-audio-recorder .b2b-controls i.icoControls-stop {
-      font-size: 36px;
-      color: black;
-      float: right;
-      margin-right: 20px;
-      margin-top: 12px; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-stop:focus, .b2b-audio-recorder .b2b-controls i.icoControls-stop:hover {
-        color: #0568ae; }
-
-.b2b-top-btn {
-  height: 36px;
-  width: 36px;
-  border-radius: 7px; }
-
-.b2b-top-btn > i {
-  position: absolute;
-  top: 13px;
-  left: 9px;
-  width: 11px;
-  height: 18px; }
-
-.b2b-badge {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  background-color: #5A5A5A;
-  border-radius: 12px;
-  color: #FFFFFF;
-  display: inline-block;
-  font-size: 1.5rem;
-  font-weight: normal;
-  height: 20px;
-  line-height: 0;
-  margin-top: 0;
-  min-width: 20px;
-  padding: 0 5px;
-  text-align: center;
-  vertical-align: baseline; }
-  .b2b-badge:empty {
-    display: none; }
-
-* + .b2b-heading-micro {
-  margin-top: 20px !important; }
-
-.b2b-heading-micro {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-weight: normal;
-  text-rendering: optimizeLegibility;
-  font-size: 1.2rem !important;
-  text-transform: uppercase !important;
-  margin-bottom: 20px !important;
-  line-height: 1.2 !important; }
-
-.b2b-no-colors .b2b-badge {
-  border: 1px solid transparent; }
-
-.btn > .b2b-badge {
-  margin-right: 5px; }
-
-a > .b2b-badge {
-  margin-right: 6px;
-  padding-top: 10px; }
-
-.b2b-badge-urgent {
-  background-color: #cf2a2a; }
-
-.bellyband-container {
-  margin: 0 -15px; }
-
-.bellyband-group {
-  width: auto; }
-
-.bellyband-link {
-  border-top: 1px solid #d2d2d2; }
-
-.bellyband-link a {
-  display: block;
-  height: 40px;
-  line-height: 40px;
-  padding: 0 15px;
-  position: relative;
-  text-decoration: none; }
-
-.bellyband-link a:hover > div span,
-.bellyband-link a:focus > div span {
-  text-decoration: underline; }
-
-.bellyband-link a:after {
-  color: #666;
-  font-size: 2.3rem;
-  height: 20px;
-  position: absolute;
-  right: 5px;
-  top: 12px;
-  width: 18px; }
-
-.dark-bg .bellyband-link a:after {
-  color: white; }
-
-.bellyband-link img[src$="svg"].hidden-desktop,
-.bellyband-link [class*="icon-primary-"].hidden-desktop {
-  display: inline-block !important;
-  float: left;
-  font-size: 24px;
-  height: 24px;
-  margin-right: 5px;
-  margin-top: 8px;
-  width: 24px; }
-
-.dark-bg .bellyband-link [class*="icon-primary-"].hidden-desktop,
-.dark-bg .bellyband-link [class*="icon-primary-"].visible-desktop {
-  color: #fff; }
-
-.bellyband-link img[src$="svg"].visible-desktop {
-  display: none !important; }
-
-.bellyband-link p {
-  margin-top: -10px;
-  margin-left: 29px;
-  font-size: 1.4rem;
-  color: #666; }
-
-@media (min-width: 481px) and (max-width: 767px) {
-  .bellyband-container {
-    display: flex;
-    margin: 0; }
-  .bellyband-group {
-    align-content: flex-start;
-    align-items: stretch;
-    display: inline-flex;
-    flex-direction: column;
-    flex-wrap: wrap;
-    margin-top: 1px;
-    width: 100%; }
-  .bellyband-group .row {
-    display: flex !important; }
-  .bellyband-link {
-    padding-top: 0;
-    position: relative;
-    border-top: none;
-    margin-bottom: 20px;
-    width: 50%; }
-  .bellyband-link a {
-    height: inherit;
-    line-height: inherit;
-    display: flex;
-    padding: 0; }
-  .bellyband-link a:after {
-    display: none; }
-  .bellyband-link a span {
-    display: block;
-    padding-top: 10px; }
-  .bellyband-link p {
-    display: block;
-    padding: 0 15px 0 0;
-    margin-bottom: 0;
-    margin-left: 0;
-    margin-top: 0; }
-  .bellyband-link a:focus p {
-    text-decoration: none; } }
+    width: 10px;
+}
 
-@media (min-width: 768px) {
-  .bellyband-group {
-    margin: 0;
-    max-width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center; }
-  .bellyband-group .row {
-    display: block; }
-  .bellyband-group .row .span {
-    float: none;
-    margin-right: 0;
-    margin-bottom: 30px;
-    display: flex;
-    justify-content: space-between; }
-  .bellyband-link {
-    border-top: none;
-    flex: 0 0 auto;
-    margin-right: 0;
-    margin-bottom: 30px; }
-  .bellyband-link:last-child {
-    margin-right: 0; }
-  .bellyband-link a {
-    height: auto;
-    line-height: 1;
-    text-align: center; }
-  .bellyband-link a:after {
-    display: none; }
-  .bellyband-link img[src$="svg"].hidden-desktop,
-  .bellyband-link [class*="icon-primary-"].hidden-desktop {
-    display: none !important; }
-  .bellyband-link img[src$="svg"].visible-desktop,
-  .bellyband-link [class*="icon-primary-"].visible-desktop {
-    display: block !important;
-    font-size: 50px;
-    height: 50px;
-    margin-right: 0;
-    margin-top: 0;
-    margin-left: auto;
-    margin-right: auto;
-    width: auto; }
-  .bellyband-link a span {
-    display: block;
-    margin-top: 12px;
-    line-height: 2rem; }
-  .bellyband-link p {
-    display: block;
-    text-align: center;
-    margin-top: 6px;
-    margin-left: 0;
-    padding-left: 0 !important;
-    color: #666;
-    line-height: 1.8rem; } }
-
-@media (max-width: 480px) {
-  .bellyband-link-tall a {
-    height: auto;
-    padding: 0 40px 10px 15px; }
-  .bellyband-link-tall p {
-    line-height: 1.8rem;
-    margin-bottom: 0; }
-  .bellyband-link-tall > a:after {
-    margin-top: -8px;
-    top: 50%; } }
-
-.b2b-boardstrip {
-  display: inline-block;
-  width: 100%;
-  border-bottom: 1px solid #9d9d9d;
-  position: relative;
-  padding-top: 15px; }
-  .b2b-boardstrip .boardstrip-reel {
-    margin-bottom: 15px; }
-  .b2b-boardstrip .boardstrip-item--add {
-    border: 1px dashed #ccc;
-    background: #FFFFFF;
-    color: #0574ac;
-    width: 140px;
-    height: 80px;
-    font-size: 14px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-    position: absolute;
-    left: 29px;
-    top: 15px; }
-    .b2b-boardstrip .boardstrip-item--add:hover, .b2b-boardstrip .boardstrip-item--add:focus {
-      border: 2px solid #007A3E;
-      cursor: pointer; }
-    .b2b-boardstrip .boardstrip-item--add i {
-      font-size: 14px;
-      margin-left: auto;
-      margin-right: auto;
-      text-align: initial; }
-    .b2b-boardstrip .boardstrip-item--add .centered {
-      margin-left: auto;
-      margin-right: auto;
-      margin-top: 27px;
-      margin-bottom: 35px;
-      display: block; }
-  .b2b-boardstrip .board-viewport {
-    float: left;
-    margin-left: 210px;
-    max-height: 95px;
-    position: relative;
-    height: 95px;
-    overflow: hidden;
-    width: 0px; }
-    .b2b-boardstrip .board-viewport .boardstrip-container {
-      width: 0px;
-      margin-left: 0;
-      left: 0px;
-      position: absolute;
-      list-style: none;
-      -webkit-transition: left 1000ms;
-      transition: left 1000ms; }
-    .b2b-boardstrip .board-viewport .board-item {
-      width: 140px;
-      height: 80px;
-      border: 1px solid #ccc;
-      margin: 0 15px 15px 0;
-      background-color: #FFFFFF;
-      border-radius: 3px;
-      float: left;
-      overflow: hidden; }
-      .b2b-boardstrip .board-viewport .board-item:hover, .b2b-boardstrip .board-viewport .board-item:focus {
-        border: 2px solid #007A3E;
-        background-color: white;
-        cursor: pointer; }
-      .b2b-boardstrip .board-viewport .board-item .board-img {
-        width: 61px;
-        height: 40px;
-        margin: 0 auto; }
-        .b2b-boardstrip .board-viewport .board-item .board-img img {
-          max-width: 100%; }
-      .b2b-boardstrip .board-viewport .board-item .title {
-        text-align: center;
-        line-height: 16px;
-        color: #666;
-        font-size: 14px;
-        font-family: "Omnes-ECOMP-W02", Arial;
-        padding: 10px 0; }
-      .b2b-boardstrip .board-viewport .board-item.selected {
-        background-color: #FFFFFF;
-        border: 2px solid #0574ac; }
-      .b2b-boardstrip .board-viewport .board-item .board-caret {
-        cursor: default;
-        outline: 0;
-        position: absolute;
-        bottom: 7px; }
-        .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-indicator {
-          border-left: 8px solid transparent;
-          border-right: 8px solid transparent;
-          border-bottom: 8px solid #999;
-          width: 0px;
-          height: 0px;
-          position: absolute;
-          left: 61px;
-          bottom: -7px; }
-        .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-arrow-up {
-          width: 0px;
-          height: 0px;
-          border-style: solid;
-          border-width: 0 8px 8px 8px;
-          border-color: transparent transparent #FFFFFF transparent;
-          left: 61px;
-          position: absolute; }
-  .b2b-boardstrip .arrow {
-    font-size: 14px;
-    cursor: pointer;
-    color: #0574ac; }
-    .b2b-boardstrip .arrow:hover {
-      color: #0574ac; }
-    .b2b-boardstrip .arrow.disabled {
-      color: #767676 !important;
-      cursor: not-allowed; }
-  .b2b-boardstrip .prev-items {
-    display: inline-block;
-    margin-top: auto;
-    margin-bottom: auto;
-    margin-right: 15px;
-    position: absolute;
-    left: 0;
-    top: 45px;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -o-user-select: none;
-    user-select: none; }
-  .b2b-boardstrip .next-items {
-    display: inline-block;
-    margin-top: 30px;
-    margin-bottom: auto;
-    margin-left: 10px;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -o-user-select: none;
-    user-select: none; }
-  .b2b-boardstrip .centered {
-    display: table-cell;
-    text-align: center;
-    vertical-align: middle; }
-
-.breadcrumb {
-  padding: 10px 15px;
-  height: 40px;
-  list-style: none;
-  border-bottom: 1px solid #d2d2d2;
-  font-size: 1.2rem;
-  width: 100%;
-  z-index: 1000; }
-
-.breadcrumb > li {
-  position: relative;
-  display: inline-block;
-  margin-right: 15px; }
-
-.breadcrumb > li:after {
-  font-size: 8px;
-  margin-right: 0;
-  right: -8px;
-  color: #333333; }
-
-.breadcrumb > li:last-child {
-  color: #333333; }
-
-.breadcrumb > li:last-child:after {
-  content: ""; }
-
-.breadcrumb li > * {
-  float: none !important;
-  margin: 0; }
-
-.breadcrumb {
-  padding: 10px 15px !important; }
-
-/* ARROW */
-/* spanish */
-.datepicker {
-  background-color: #FFFFFF;
-  padding: 0;
-  border-radius: 5px;
-  direction: ltr; }
-  .datepicker > div {
-    display: none; }
-  .datepicker table {
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    margin: 0 0 0 0; }
-  .datepicker td {
-    text-align: center;
-    display: block;
-    width: 30px;
-    height: 30px;
-    border: none; }
-    .datepicker td span {
-      display: block;
-      width: 23%;
-      height: 54px;
-      line-height: 54px;
-      float: left;
-      margin: 1%;
-      cursor: pointer;
-      border-radius: 4px; }
-      .datepicker td span:hover {
-        background: #eeeeee; }
-    .datepicker td span.disabled {
-      background: none;
-      color: #5A5A5A;
-      cursor: default; }
-      .datepicker td span.disabled:hover {
-        background: none;
-        color: #5A5A5A;
-        cursor: default; }
-    .datepicker td span.active {
-      color: #FFFFFF;
-      background-color: #0568ae;
-      border-color: #357ebd; }
-      .datepicker td span.active:hover {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        border-color: #357ebd; }
-    .datepicker td span.active.disabled {
-      color: #FFFFFF;
-      background-color: #0568ae;
-      border-color: #357ebd; }
-  .datepicker th {
-    text-align: center;
-    display: block;
-    width: 30px;
-    height: 30px;
-    border: none; }
-  .datepicker tbody:focus {
-    outline: none; }
-  .datepicker td.day {
-    background-color: transparent;
-    color: #0568ae;
-    cursor: pointer;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    height: 34px;
-    line-height: 30rem;
-    margin: -2px -1px 0 0;
-    overflow: hidden;
-    text-align: center;
-    width: 42px; }
-  .datepicker:focus {
-    outline: 1px dotted #191919;
-    outline-offset: -2px; }
-  .datepicker th[tabindex]:focus {
-    outline-offset: -15px; }
-  .datepicker td.day.focused {
-    background: #ededed;
-    cursor: pointer; }
-  .datepicker td.day.focused.active {
-    background-color: #ededed;
-    color: #0568ae; }
-  .datepicker td.disabled {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5A5A5A;
-    cursor: default; }
-    .datepicker td.disabled:hover {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #5A5A5A;
-      cursor: default; }
-      .datepicker td.disabled:hover .show-date {
-        font-family: "Omnes-ECOMP-W02", Arial;
-        color: #5A5A5A; }
-    .datepicker td.disabled .show-date {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #5A5A5A; }
-  .datepicker td.today {
-    color: #FFFFFF;
-    background-color: #0568ae; }
-    .datepicker td.today:hover {
-      color: #FFFFFF;
-      background-color: #0568ae;
-      color: #FFFFFF;
-      background-color: #0568ae; }
-    .datepicker td.today:active {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-    .datepicker td.today:focus {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-  .datepicker td.today.disabled {
-    color: #FFFFFF;
-    background-color: #0568ae; }
-  .datepicker td.today.active {
-    color: #FFFFFF;
-    background-color: #0568ae; }
-    .datepicker td.today.active:hover {
-      color: #FFFFFF; }
-  .datepicker td.selected {
-    color: #FFFFFF;
-    background-color: #95959500; }
-    .datepicker td.selected:hover {
-      color: #FFFFFF;
-      background-color: #95959500; }
-  .datepicker td.selected.disabled {
-    color: #FFFFFF;
-    background-color: #95959500; }
-  .datepicker td.active:not(.new) {
-    color: #FFFFFF;
-    border-color: #357ebd; }
-    .datepicker td.active:not(.new) .show-date {
-      color: #0568ae;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  .datepicker td.active:hover:not(.new) {
-    color: #FFFFFF;
-    border-color: #357ebd; }
-    .datepicker td.active:hover:not(.new) .show-date {
-      color: #0568ae;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  .datepicker .start-date .show-date {
-    background-color: #0568ae;
-    color: #FFFFFF !important;
-    border-radius: 5px 0 0 5px;
-    z-index: 1; }
-    .datepicker .start-date .show-date:before {
-      background-color: #0568ae;
-      content: "";
-      display: block;
-      height: 26px;
-      left: 20px;
-      position: absolute;
-      width: 100%;
-      z-index: -1; }
-  .datepicker .between-date .show-date {
-    background-color: #0568ae;
-    color: #FFFFFF !important; }
-    .datepicker .between-date .show-date:before {
-      background-color: #0568ae;
-      content: "";
-      display: block;
-      height: 26px;
-      left: 0;
-      position: absolute;
-      width: 100%;
-      z-index: -1; }
-  .datepicker .between-date:first-child .show-date:before {
-    background-color: #FFFFFF;
+.checkbox input:focus + .skin {
+    border-color: #0568ae;
+}
+
+.checkbox input:focus + .skin:before {
     content: "";
-    height: 26px;
+    height: 34px;
+    left: -6px;
+    top: -6px;
+    outline: 1px dotted #000000;
     position: absolute;
-    left: 0;
-    width: 8px; }
-  .datepicker .end-date .show-date {
+    width: 34px;
+}
+
+.checkbox input:checked:not(:disabled) + .skin {
     background-color: #0568ae;
-    color: #FFFFFF !important;
-    border-radius: 0 5px 5px 0; }
-    .datepicker .end-date .show-date:before {
-      background-color: #0568ae;
-      content: "";
-      display: block;
-      height: 26px;
-      left: -20px;
-      position: absolute;
-      width: 100%;
-      z-index: -1; }
-  .datepicker .end-date:first-child .show-date:after {
-    background-color: #FFFFFF;
-    content: "";
-    height: 26px;
-    position: absolute;
-    left: 0;
-    width: 8px; }
-  .datepicker .end-date:first-child .show-date::before {
-    background-color: #FFFFFF; }
-  .datepicker tr td.start-date:last-child .show-date:after {
-    background-color: #FFFFFF;
-    content: "";
-    height: 26px;
-    position: absolute;
-    right: 0;
-    width: 8px; }
-  .datepicker tr td.start-date:last-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.start-date:first-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.between-date:last-child .show-date:after {
-    background-color: #FFFFFF;
-    content: "";
-    height: 26px;
-    position: absolute;
-    right: 0;
-    width: 8px; }
-  .datepicker tr td.between-date:last-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.between-date:first-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.end-date:last-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.end-date:first-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker th.datepicker-switch {
-    width: 198px;
-    font-size: 20px;
-    font-weight: normal;
-    cursor: default !important; }
-  .datepicker thead tr:first-child th {
-    cursor: pointer;
-    height: 60px;
-    line-height: 60px; }
-  .datepicker thead tr:first-child th.cw {
-    cursor: default;
-    background-color: transparent; }
-  .datepicker tfoot tr th {
-    cursor: pointer;
-    height: 60px;
-    line-height: 60px;
-    height: auto;
-    line-height: normal; }
-    .datepicker tfoot tr th li {
-      margin-bottom: 5px; }
-  .datepicker .prev {
-    color: transparent;
-    font-size: 0;
-    margin: 0 -1px -1px 0;
-    width: 46px; }
-    .datepicker .prev i {
-      color: #0568ae;
-      position: absolute;
-      font-size: 27px;
-      margin: 0;
-      top: 15px;
-      left: 8px; }
-  .datepicker .next {
-    color: transparent;
-    font-size: 0;
-    margin: 0 -1px -1px 0;
-    width: 46px; }
-    .datepicker .next i {
-      color: #0568ae;
-      position: absolute;
-      font-size: 27px;
-      margin: 0;
-      top: 15px;
-      right: 8px; }
-  .datepicker .cw {
-    font-size: 5px;
-    width: 12px;
-    padding: 0 2px 0 5px;
-    vertical-align: middle; }
-  .datepicker .due-date .show-date {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    background-color: #cf2a2a;
-    border-radius: 5px;
-    color: #FFFFFF !important; }
-  .datepicker .day.active .show-date:after {
-    border: 2px solid #0568ae;
-    border-radius: 7px;
-    content: "";
-    display: block;
-    height: 30px;
-    left: 4px;
-    position: absolute;
-    top: 0;
-    width: 30px; }
-  .datepicker .day:focus .show-date:after {
-    border: 2px solid #0568ae;
-    border-radius: 7px;
-    content: "";
-    display: block;
-    height: 30px;
-    left: 4px;
-    position: absolute;
-    top: 0;
-    width: 30px;
-    height: 30px;
-    left: 4px;
-    top: 0;
-    width: 30px; }
-  .datepicker .due-date.disabled .show-date:after {
-    border: 2px solid #0568ae;
-    border-radius: 7px;
-    content: "";
-    display: block;
-    height: 30px;
-    left: 4px;
-    position: absolute;
-    top: 0;
-    width: 30px; }
-  .datepicker .day.due-date:focus .show-date:after {
-    height: 30px;
-    left: 4px;
-    top: 0;
-    width: 30px; }
-  .datepicker .due-date.old:after {
-    visibility: hidden; }
-  .datepicker .due-date.new:after {
-    visibility: hidden; }
-  .datepicker .due-date.active:after {
-    border-color: #FFFFFF; }
-  .datepicker .due-date.active.focused {
-    color: #0568ae !important; }
-    .datepicker .due-date.active.focused:after {
-      border-color: #cf2a2a !important; }
-  .datepicker .dow {
-    height: 24px;
-    width: 42px;
-    font-weight: normal;
-    position: relative;
-    overflow: hidden;
-    color: transparent;
-    letter-spacing: -6px;
-    margin: 0 -1px -1px 0; }
-    .datepicker .dow span[aria-hidden="true"] {
-      bottom: 0;
-      color: #5A5A5A;
-      display: block;
-      left: 1px;
-      letter-spacing: 0;
-      line-height: .9;
-      margin: 0 auto;
-      padding: 0;
-      position: relative;
-      width: 22px; }
-  .datepicker .calendar-legend {
-    margin-top: 3px;
-    margin-bottom: 20px; }
-    .datepicker .calendar-legend li {
-      font-size: 1.4rem;
-      font-weight: normal;
-      margin-bottom: 5px;
-      padding-left: 10px;
-      padding-top: 5px;
-      position: relative; }
-  .datepicker i.legend-due-date {
-    background-color: #cf2a2a;
-    border-radius: 5px;
-    height: 18px;
-    width: 18px;
-    margin-right: 8px;
-    vertical-align: middle;
-    display: inline-block; }
-  .datepicker i.legend-selected-date {
-    background-color: #FFFFFF;
-    border: 2px solid #0568ae;
-    border-radius: 5px;
-    height: 18px;
-    width: 18px;
-    margin-right: 8px;
-    vertical-align: middle;
-    display: inline-block; }
-  .datepicker i.legend-selectedisdue {
-    background-color: #FFFFFF;
-    border: 2px solid #0568ae;
-    border-radius: 5px;
-    display: inline-block;
-    height: 18px;
-    margin-right: 8px;
-    position: relative;
-    vertical-align: middle;
-    width: 18px; }
-    .datepicker i.legend-selectedisdue:after {
-      background-color: #cf2a2a;
-      border-radius: 3px;
-      content: "";
-      display: block;
-      height: 10px;
-      left: 2px;
-      position: absolute;
-      top: 2px;
-      width: 10px; }
-  .datepicker .text-left {
-    width: 100%; }
-  .datepicker .active.old {
-    background-color: #ededed !important;
-    color: #ededed !important; }
-
-.datepicker-inline {
-  width: 220px; }
-
-.datepicker.datepicker-rtl {
-  direction: rtl; }
-  .datepicker.datepicker-rtl td span {
-    float: right; }
-
-.datepicker-dropdown {
-  top: 0;
-  left: 0; }
-  .datepicker-dropdown:before {
-    content: " ";
-    display: inline-block;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid #d2d2d2;
-    border-top: 0;
-    border-bottom-color: rgba(0, 0, 0, 0.2);
-    position: absolute; }
-  .datepicker-dropdown:after {
-    content: " ";
-    display: inline-block;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid #fff;
-    border-top: 0;
-    position: absolute; }
-
-.datepicker-dropdown.datepicker-orient-left:before {
-  left: 16px; }
-
-.datepicker-dropdown.datepicker-orient-left:after {
-  left: 16px; }
-
-.datepicker-dropdown.datepicker-orient-right:before {
-  right: 16px; }
-
-.datepicker-dropdown.datepicker-orient-right:after {
-  right: 16px; }
-
-.datepicker-dropdown.datepicker-orient-top:before {
-  top: -10px; }
-
-.datepicker-dropdown.datepicker-orient-top:after {
-  top: -9px; }
-
-.datepicker-dropdown.datepicker-orient-bottom:before {
-  bottom: -7px;
-  border-bottom: 0;
-  border-top: 7px solid #959595; }
-
-.datepicker-dropdown.datepicker-orient-bottom:after {
-  bottom: -6px;
-  border-bottom: 0;
-  border-top: 6px solid #fff; }
-
-.datepicker.days div.datepicker-days {
-  display: block; }
-
-.datepicker.months div.datepicker-months {
-  display: block; }
-
-.datepicker.years div.datepicker-years {
-  display: block; }
-
-.show-date {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  color: #0568ae;
-  height: 26px;
-  line-height: 26px;
-  margin: 4px auto 0;
-  width: 26px; }
-
-.input-group.date .input-group-addon i {
-  cursor: pointer;
-  width: 16px;
-  height: 16px; }
-
-.datepicker.dropdown-menu {
-  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
-  position: absolute;
-  top: 100%;
-  left: 0;
-  float: left;
-  display: none;
-  margin-top: 13px;
-  width: 290px;
-  list-style: none;
-  background-color: #FFFFFF;
-  border: 1px solid #d2d2d2;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  border-radius: 5px;
-  color: #333333;
-  font-size: 13px;
-  line-height: 1.428571429;
-  z-index: 1050; }
-  .datepicker.dropdown-menu th {
-    display: block;
-    float: left;
-    padding: 0;
-    position: relative; }
-  .datepicker.dropdown-menu td {
-    display: block;
-    float: left;
-    padding: 0;
-    position: relative; }
-
-.s {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -62px 0; }
-
-.m {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -5px 0; }
-
-.t {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -19px 0; }
-
-.w {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -34px 0; }
-
-.f {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -49px 0; }
-
-.d {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: 0 0; }
-
-.l {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: 0 0; }
-
-.v {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: 0 0; }
-
-.j {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: 0 0; }
-
-.b2b-coachmark-label {
-  z-index: 1060;
-  opacity: 1;
-  cursor: not-allowed;
-  position: relative; }
-
-.b2b-coachmark-highlight {
-  border: 1px solid #d3d3d3;
-  cursor: default;
-  z-index: 1045;
-  opacity: 1;
-  background-color: #ffffff;
-  border-radius: 10px;
-  position: relative;
-  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-  padding: 10px;
-  position: absolute; }
-
-.b2b-coachmark-highlight-mask {
-  z-index: 1100;
-  opacity: .1; }
-
-.b2b-coachmark-container {
-  border: 1px solid #cccccc;
-  width: 316px;
-  pointer-events: auto;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  font-size: 16px;
-  -webkit-transition: opacity .2s ease-out;
-  -moz-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
-  background: #fff;
-  border-radius: 20px;
-  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.15);
-  color: #333;
-  line-height: 20px;
-  position: absolute;
-  top: 50px;
-  left: -97px;
-  display: block;
-  background-color: #ffffff;
-  z-index: 1050;
-  opacity: 1; }
-  .b2b-coachmark-container i.b2b-coachmark-caret {
-    position: absolute;
-    top: -12px;
-    left: 47%;
-    opacity: 1;
-    z-index: 1050; }
-  .b2b-coachmark-container i.b2b-coachmark-caret:before {
-    content: "";
-    border-left: 12px solid transparent;
-    border-right: 12px solid transparent;
-    border-bottom: 12px solid #d3d3d3;
-    position: absolute;
-    top: -1px; }
-  .b2b-coachmark-container i.b2b-coachmark-caret:after {
-    content: "";
-    border-left: 12px solid transparent;
-    border-right: 12px solid transparent;
-    border-bottom: 12px solid #fff;
-    position: absolute; }
-  .b2b-coachmark-container .b2b-coachmark-header {
-    position: relative;
-    height: 47px;
-    overflow: hidden; }
-    .b2b-coachmark-container .b2b-coachmark-header .corner-button {
-      box-shadow: 0 -24px 0 0 #f2f2f2 inset;
-      height: 69px;
-      position: absolute;
-      right: -33px;
-      top: -38px;
-      transform: rotate(45deg);
-      width: 69px; }
-  .b2b-coachmark-container .b2b-coachmark-countlabel {
-    font-size: 12px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333333;
-    margin-left: 20px;
-    margin-top: 20px; }
-  .b2b-coachmark-container .b2b-coachmark-content {
-    padding: 0px 20px 20px 20px;
-    float: left; }
-    .b2b-coachmark-container .b2b-coachmark-content .icon-misc-dimmer {
-      font-size: 32px;
-      float: left;
-      margin-right: 10px;
-      width: 32px; }
-    .b2b-coachmark-container .b2b-coachmark-content .offscreen-text {
-      position: absolute;
-      left: -10000px;
-      top: auto;
-      width: 1px;
-      height: 1px;
-      overflow: hidden; }
-    .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-content-header {
-      font-size: 16px;
-      color: #333333;
-      line-height: 18px;
-      float: left;
-      width: 220px; }
-    .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-description {
-      font-size: 14px;
-      line-height: 18px;
-      color: #333333;
-      width: 100%;
-      float: left;
-      margin-top: 15px; }
-    .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group {
-      margin-top: 20px;
-      float: left;
-      text-align: right;
-      width: 100%; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group .b2b-coachmark-link {
-        font-family: "Omnes-ECOMP-W02-Medium", Arial;
-        font-size: 15px;
-        color: #0574ac;
-        line-height: 18px;
-        margin-right: 20px; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group button {
-        font-size: 15px;
-        margin: 0px; }
-
-.datepicker {
-  background-color: #fff;
-  padding: 0;
-  border-radius: 5px;
-  direction: ltr; }
-
-.datepicker-inline {
-  width: 220px; }
-
-.datepicker.datepicker-rtl {
-  direction: rtl; }
-
-.datepicker.datepicker-rtl td span {
-  float: right; }
-
-.datepicker-dropdown {
-  top: 0;
-  left: 0; }
-
-/* ARROW */
-.datepicker-dropdown:before {
-  content: " ";
-  display: inline-block;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-bottom: 10px solid #d2d2d2;
-  border-top: 0;
-  border-bottom-color: rgba(0, 0, 0, 0.2);
-  position: absolute; }
-
-.datepicker-dropdown:after {
-  content: " ";
-  display: inline-block;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-bottom: 10px solid #fff;
-  border-top: 0;
-  position: absolute; }
-
-.datepicker-dropdown.datepicker-orient-left:before,
-.datepicker-dropdown.datepicker-orient-left:after {
-  left: 255px; }
-
-.datepicker-dropdown.datepicker-orient-right:before,
-.datepicker-dropdown.datepicker-orient-right:after {
-  right: 16px; }
-
-.datepicker-dropdown.datepicker-orient-top:before {
-  top: -10px; }
-
-.datepicker-dropdown.datepicker-orient-top:after {
-  top: -9px; }
-
-.datepicker-dropdown.datepicker-orient-bottom:before {
-  bottom: -7px;
-  border-bottom: 0;
-  border-top: 7px solid #959595; }
-
-.datepicker-dropdown.datepicker-orient-bottom:after {
-  bottom: -6px;
-  border-bottom: 0;
-  border-top: 6px solid #fff; }
-
-.datepicker > div {
-  display: none; }
-
-.datepicker.days div.datepicker-days {
-  display: block; }
-
-.datepicker.months div.datepicker-months {
-  display: block; }
-
-.datepicker.years div.datepicker-years {
-  display: block; }
-
-.datepicker table {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  margin: 0 0 0 0; }
-
-.datepicker td,
-.datepicker th {
-  text-align: center;
-  display: block;
-  width: 30px;
-  height: 30px;
-  border: none; }
-
-.datepicker tbody :focus {
-  outline: none; }
-
-.datepicker td.day {
-  background-color: transparent;
-  color: #0568ae;
-  cursor: pointer;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 16px;
-  height: 34px;
-  line-height: 30rem;
-  margin: -2px -1px 0 0;
-  overflow: hidden;
-  text-align: center;
-  width: 42px; }
-
-.datepicker :focus {
-  outline: 1px dotted #000;
-  outline-offset: -2px; }
-
-.datepicker td.day.focused {
-  background: #ededed;
-  cursor: pointer; }
-
-.datepicker td.day.focused.active {
-  background-color: #ededed;
-  color: #0568ae; }
-
-.datepicker td.disabled,
-.datepicker td.disabled:hover {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  color: #5a5a5a;
-  cursor: default; }
-
-.datepicker td.today,
-.datepicker td.today:hover,
-.datepicker td.today.disabled {
-  color: #fff;
-  background-color: #0568ae; }
-
-.datepicker td.today.active,
-.datepicker td.today:active,
-.datepicker td.today:hover,
-.datepicker td.today:focus {
-  color: #fff;
-  background-color: #0568ae; }
-
-.datepicker td.today.active:hover {
-  color: #fff; }
-
-.datepicker td.selected,
-.datepicker td.selected:hover,
-.datepicker td.selected.disabled {
-  color: #ffffff;
-  background-color: #959595; }
-
-.datepicker td.active:not(.new),
-.datepicker td.active:hover:not(.new) {
-  color: #ffffff;
-  border-color: #357ebd; }
-
-.show-date {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  color: #0568ae;
-  height: 26px;
-  line-height: 26px;
-  margin: 4px auto 0;
-  width: 26px; }
-
-.datepicker .start-date .show-date,
-.datepicker .between-date .show-date,
-.datepicker .end-date .show-date {
-  background-color: #0568ae;
-  color: #fff !important; }
-
-.datepicker .start-date .show-date {
-  border-radius: 5px 0 0 5px;
-  z-index: 1; }
-
-.datepicker .start-date .show-date:before {
-  background-color: #0568ae;
-  content: "";
-  display: block;
-  height: 26px;
-  left: 20px;
-  position: absolute;
-  width: 100%;
-  z-index: -1; }
-
-.datepicker .between-date .show-date:before {
-  background-color: #0568ae;
-  content: "";
-  display: block;
-  height: 26px;
-  left: 0;
-  position: absolute;
-  width: 100%;
-  z-index: -1; }
-
-.datepicker .end-date .show-date {
-  border-radius: 0 5px 5px 0; }
-
-.datepicker .end-date .show-date:before {
-  background-color: #0568ae;
-  content: "";
-  display: block;
-  height: 26px;
-  left: -20px;
-  position: absolute;
-  width: 100%;
-  z-index: -1; }
-
-.datepicker .between-date:first-child .show-date:before {
-  background-color: #fff;
-  content: "";
-  height: 26px;
-  position: absolute;
-  left: 0;
-  width: 8px; }
-
-.datepicker .end-date:first-child .show-date:after {
-  background-color: #fff;
-  content: "";
-  height: 26px;
-  position: absolute;
-  left: 0;
-  width: 8px; }
-
-.datepicker .end-date:first-child .show-date::before {
-  background-color: #fff; }
-
-.datepicker tr td.start-date:last-child .show-date:after,
-.datepicker tr td.between-date:last-child .show-date:after {
-  background-color: #fff;
-  content: "";
-  height: 26px;
-  position: absolute;
-  right: 0;
-  width: 8px; }
-
-.datepicker tr td.start-date:last-child:focus .show-date:after,
-.datepicker tr td.end-date:last-child:focus .show-date:after,
-.datepicker tr td.between-date:last-child:focus .show-date:after,
-.datepicker tr td.start-date:first-child:focus .show-date:after,
-.datepicker tr td.end-date:first-child:focus .show-date:after,
-.datepicker tr td.between-date:first-child:focus .show-date:after {
-  height: 30px;
-  width: 30px;
-  background-color: transparent; }
-
-.datepicker td.active:not(.new) .show-date,
-.datepicker td.active:hover:not(.new) .show-date {
-  color: #0568ae;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.datepicker td.disabled .show-date,
-.datepicker td.disabled:hover .show-date {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  color: #5a5a5a; }
-
-.datepicker td span {
-  display: block;
-  width: 23%;
-  height: 54px;
-  line-height: 54px;
-  float: left;
-  margin: 1%;
-  cursor: pointer;
-  border-radius: 4px; }
-
-.datepicker td span:hover {
-  background: #eeeeee; }
-
-.datepicker td span.disabled,
-.datepicker td span.disabled:hover {
-  background: none;
-  color: #5a5a5a;
-  cursor: default; }
-
-.datepicker td span.active,
-.datepicker td span.active:hover,
-.datepicker td span.active.disabled {
-  color: #ffffff;
-  background-color: #0568ae;
-  border-color: #357ebd; }
-
-.datepicker th.datepicker-switch {
-  width: 198px;
-  font-size: 20px;
-  font-weight: normal;
-  cursor: default !important; }
-
-.datepicker thead tr:first-child th,
-.datepicker tfoot tr th {
-  cursor: pointer;
-  height: 60px;
-  line-height: 60px; }
-
-.datepicker tfoot tr th {
-  height: auto;
-  line-height: normal; }
-
-.datepicker tfoot tr th li {
-  margin-bottom: 5px; }
-
-.datepicker .prev,
-.datepicker .next {
-  color: transparent;
-  font-size: 0;
-  margin: 0 -1px -1px 0;
-  width: 46px; }
-
-.datepicker .prev i,
-.datepicker .next i {
-  color: #0568ae;
-  position: absolute;
-  font-size: 27px;
-  margin: 0;
-  top: 15px; }
-
-.datepicker .prev i {
-  left: 8px; }
-
-.datepicker .next i {
-  right: 8px; }
-
-.datepicker .cw {
-  font-size: 5px;
-  width: 12px;
-  padding: 0 2px 0 5px;
-  vertical-align: middle; }
-
-.datepicker thead tr:first-child th.cw {
-  cursor: default;
-  background-color: transparent; }
-
-.input-group.date .input-group-addon i {
-  cursor: pointer;
-  width: 16px;
-  height: 16px; }
-
-.datepicker.dropdown-menu {
-  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
-  position: absolute;
-  top: 100%;
-  left: 0;
-  float: left;
-  display: none;
-  margin-top: 13px;
-  width: 290px;
-  list-style: none;
-  background-color: #ffffff;
-  border: 1px solid #d2d2d2;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  border-radius: 5px;
-  color: #333333;
-  font-size: 13px;
-  line-height: 1.428571429;
-  z-index: 1050; }
-
-.datepicker.dropdown-menu th,
-.datepicker.dropdown-menu td {
-  display: block;
-  float: left;
-  padding: 0;
-  position: relative; }
-
-.datepicker .due-date .show-date {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  background-color: #cf2a2a;
-  border-radius: 5px;
-  color: #fff !important; }
-
-.datepicker .day.active .show-date:after,
-.datepicker .day:focus .show-date:after,
-.datepicker .due-date.disabled .show-date:after {
-  border: 2px solid #0568ae;
-  border-radius: 7px;
-  content: "";
-  display: block;
-  height: 30px;
-  left: 4px;
-  position: absolute;
-  top: 0;
-  width: 30px; }
-
-.datepicker .day:focus .show-date:after {
-  height: 30px;
-  left: 4px;
-  top: 0;
-  width: 30px; }
-
-.datepicker .day.due-date:focus .show-date:after {
-  height: 30px;
-  left: 4px;
-  top: 0;
-  width: 30px; }
-
-.datepicker .due-date.old:after,
-.datepicker .due-date.new:after {
-  visibility: hidden; }
-
-.datepicker .due-date.active:after {
-  border-color: #fff; }
-
-.datepicker .due-date.active.focused {
-  color: #0568ae !important; }
-
-.datepicker .due-date.active.focused:after {
-  border-color: #cf2a2a !important; }
-
-.datepicker .dow {
-  height: 24px;
-  width: 42px;
-  font-weight: normal;
-  position: relative;
-  overflow: hidden;
-  color: transparent;
-  letter-spacing: -6px;
-  margin: 0 -1px -1px 0; }
-
-.datepicker .dow span[aria-hidden="true"] {
-  bottom: 0;
-  color: #5a5a5a;
-  display: block;
-  left: 1px;
-  letter-spacing: 0;
-  line-height: .9;
-  margin: 0 auto;
-  padding: 0;
-  position: relative;
-  width: 22px; }
-
-.datepicker .calendar-legend {
-  margin-top: 3px;
-  margin-bottom: 20px; }
-
-.datepicker .calendar-legend li {
-  font-size: 1.4rem;
-  font-weight: normal;
-  margin-bottom: 5px;
-  padding-left: 10px;
-  padding-top: 5px;
-  position: relative; }
-
-.datepicker i.legend-due-date {
-  background-color: #cf2a2a;
-  border-radius: 5px;
-  height: 18px;
-  width: 18px;
-  margin-right: 8px;
-  vertical-align: middle;
-  display: inline-block; }
-
-.datepicker i.legend-selected-date {
-  background-color: #fff;
-  border: 2px solid #0568ae;
-  border-radius: 5px;
-  height: 18px;
-  width: 18px;
-  margin-right: 8px;
-  vertical-align: middle;
-  display: inline-block; }
-
-.datepicker i.legend-selectedisdue {
-  background-color: #fff;
-  border: 2px solid #0568ae;
-  border-radius: 5px;
-  display: inline-block;
-  height: 18px;
-  margin-right: 8px;
-  position: relative;
-  vertical-align: middle;
-  width: 18px; }
-
-.datepicker i.legend-selectedisdue:after {
-  background-color: #cf2a2a;
-  border-radius: 3px;
-  content: "";
-  display: block;
-  height: 10px;
-  left: 2px;
-  position: absolute;
-  top: 2px;
-  width: 10px; }
-
-.datepicker .text-left {
-  width: 100%; }
-
-.datepicker .active.old {
-  background-color: #ededed !important;
-  color: #ededed !important; }
-
-.s,
-.m,
-.t,
-.w,
-.f,
-.d,
-.l,
-.v,
-.j {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: white;
-  background-repeat: no-repeat; }
-
-.s {
-  background-position: -62px 0; }
-
-.m {
-  background-position: -5px 0; }
-
-.t {
-  background-position: -19px 0; }
-
-.w {
-  background-position: -34px 0; }
-
-.f {
-  background-position: -49px 0; }
-
-/* spanish */
-.d {
-  background-position: 0 0; }
-
-.l {
-  background-position: 0 0; }
-
-.v {
-  background-position: 0 0; }
-
-.j {
-  background-position: 0 0; }
-
-.datepicker-container {
-  position: relative; }
-
-.btn-calendar-icon:focus .icon-primary-calendar {
-  outline: 1px dotted #191919; }
-
-.btn-calendar-icon:focus {
-  outline: none; }
-
-/* remove focus outline when dropdown is opened */
-/*resolve blue focus outline over dropdown with error*/
-select {
-  margin-right: -1;
-  
-  height: 36px;
-  line-height: 25px;
-  
-  background-color: #95959521; }
-
-.selectWrap.disabled .icon-primary-down {
-  color: #d6d6d6; }
-
-.selectWrap.disabled input.awd-select {
-  z-index: 0;
-  padding: 10px 45px 10px 15px;
-  text-indent: 0; }
-
-.selectWrap.disabled button.awd-select {
-  z-index: 0;
-  text-indent: 15px; }
-
-.selectWrap.disabled:after {
-  color: #5A5A5A;
-  cursor: not-allowed; }
-
-input.awd-select {
-  background-color: transparent;
-  border: 1px solid #d2d2d2;
-  border-radius: 6px;
-  box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-  color: #333333;
-  display: block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  /*font-size: 1.6rem;*/
-  height: 36px;
-  line-height: 0;
-  margin-bottom: 0;
-  position: relative;
-  text-align: left;
-  top: 0;
-  width: 100%;
-  z-index: 10;
-  padding: 12px 45px 8px 15px;
-  user-select: none; }
-  input.awd-select:focus {
-    border-color: #0568ae !important;
-    text-overflow: ellipsis;
-    padding-right: 45px; }
-
-button.awd-select {
-  background-color: transparent;
-  border: 1px solid #d2d2d2;
-  border-radius: 6px;
-  box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-  color: #333333;
-  display: block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  /*font-size: 1.6rem;*/
-  height: 36px;
-  line-height: 36px;
-  margin-bottom: 0;
-  position: relative;
-  text-align: left;
-  top: 0;
-  width: 100%;
-  z-index: 10; }
-  button.awd-select:not(.large) {
-    text-indent: 15px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: clip;
-    text-overflow: ellipsis; }
-  button.awd-select img {
-    height: 26px;
-    margin-right: 7px;
-    margin-top: -10px;
-    position: relative;
-    top: 2px;
-    vertical-align: text-bottom; }
-  button.awd-select:focus {
-    border-color: #0568ae !important; }
-  button.awd-select i {
-    font-size: 23px;
-    position: absolute;
-    right: 33px;
-    top: 5px;
-    z-index: 1000; }
-
-button.awd-select.large {
-  align-items: center;
-  display: flex;
-  height: 60px;
-  line-height: 20px;
-  overflow: hidden;
-  padding-left: 70px;
-  vertical-align: middle; }
-  button.awd-select.large img {
-    height: 40px;
-    left: 20px;
-    position: absolute;
-    top: 20px;
-    width: 40px; }
+    border-color: #0568ae;
+}
 
-.selectWrap.large {
-  height: 60px; }
-  .selectWrap.large .awd-select-list-item {
-    align-items: center;
-    display: flex;
-    height: 60px;
-    line-height: 20px;
-    overflow: hidden;
-    padding-left: 70px;
-    vertical-align: middle; }
-    .selectWrap.large .awd-select-list-item img {
-      height: 40px;
-      left: 20px;
-      position: absolute;
-      top: 20px;
-      width: 40px;
-      top: 10px; }
-      
-      .inputWrap {
-  border-radius: 6px;
-  position: relative;
-  height: 36px;
-  line-height: 44px;
-  display: block;
-  margin: 0;
-  }
-
-button.awd-select.active {
-  border-radius: 6px 6px 0 0; }
-  button.awd-select.active:focus {
-    border-color: #d2d2d2 !important; }
-
-input.awd-select.active {
-  border-radius: 6px 6px 0 0; }
-  input.awd-select.active:focus {
-    border-color: #d2d2d2 !important; }
-
-.selectWrapper {
-  position: relative; }
-
-span.selectWrap input[readonly]:focus {
-  color: transparent;
-  text-shadow: 0 0 0 #000; }
-
-.isIE.ds2-no-colors .awd-select:focus {
-  outline: 1px dashed transparent; }
-
-.awd-select-list {
-  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-  border-radius: 0 0 6px 6px;
-  position: absolute;
-  border: 1px solid #d2d2d2;
-  border-top: 0;
-  padding: 0;
-  background-color: #f2f2f2;
-  z-index: 1000;
-  width: 100%;
-  max-height: 320px;
-  overflow-y: auto; }
-
-.awd-select-list-item {
-  cursor: pointer;
-  height: 100%;
-  min-height: 36px;
-  line-height: 20px;
-  overflow: hidden;
-  padding: 8px 15px;
-  position: relative;
-  z-index: 1000; }
-  .awd-select-list-item:hover {
-    cursor: pointer;
-    background-color: #d2d2d2;
-    outline: 1px dashed transparent; }
-  .awd-select-list-item:focus {
-    cursor: pointer;
-    background-color: #d2d2d2;
-    outline: 1px dashed transparent; }
-  .awd-select-list-item img {
-    margin-top: 0;
-    margin-right: 7px;
-    height: 26px;
-    width: 26px; }
-
-.selectWrap {
-  border-radius: 6px;
-  position: relative;
-  height: 36px;
-  line-height: 28px;
-  display: block;
-  margin: 0;
-  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-  .selectWrap:not(.large) .awd-select-list-item:first-child {
-    margin-top: 15px; }
-  .selectWrap:not(.large) .awd-select-list-item:last-child {
-    margin-bottom: 15px; }
-  .selectWrap .icon-primary-down {
-    font-size: 23px;
-    margin-top: -11px;
-    position: absolute;
-    right: 4px;
-    top: 50%; }
-  .selectWrap + [aria-expanded="true"] {
-    padding-bottom: 9px;
-    padding-top: 20px; }
-
-.awd-select-list-item[data-hover="true"] {
-  background-color: #d2d2d2; }
-
-span input.awd-select {
-  width: 100%;
-  cursor: pointer;
-  text-overflow: ellipsis;
-  padding-right: 45px; }
-
-li.optgroup-wrapper {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  cursor: default !important;
-  padding: 0px 15px; }
-  li.optgroup-wrapper:first-child {
-    padding-top: 10px; }
-  li.optgroup-wrapper:hover {
-    background-color: #f2f2f2; }
-
-ul.optgroup {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  cursor: pointer !important;
-  margin: 0 -15px; }
-  ul.optgroup li {
-    padding: 0 0 0 33px; }
-
-label + .selectWrap {
-  margin-top: 4px; }
-
-.selectorModule {
-  border-radius: 6px;
-  position: relative;
-  height: 36px;
-  line-height: 28px;
-  display: block;
-  margin: 0;
-  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-
-.group .selectWrap {
-  margin: 0 0 10px 0; }
-
-select.awd-select {
-  position: relative;
-  top: 0;
-  left: 0;
-  font-size: 16px;
-  z-index: 1010;
-  height: 33px;
-  min-width: 100%;
-  opacity: 0.01; }
-  select.awd-select > optgroup {
-    padding-left: 8px;
-    font-style: normal;
-    margin-top: 10px; }
-    select.awd-select > optgroup:first-child {
-      margin-top: 0; }
-    select.awd-select > optgroup > option {
-      padding-left: 8px; }
-  select.awd-select > option {
-    padding-left: 8px; }
-  select.awd-select + span {
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0);
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 0;
-    display: block;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    height: 35px;
-    line-height: 0;
-    padding: 18px 45px 15px 15px;
-    width: 100%;
-    font-size: 1.6rem;
-    padding-right: 45px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis; }
-    select.awd-select + span > i {
-      font-size: 23px;
-      position: absolute;
-      right: 33px;
-      top: 5px;
-      z-index: 1000; }
-      select.awd-select + span > i:before {
-        left: 1px;
-        position: absolute;
-        top: -1px; }
-  select.awd-select:focus + span {
-    border-color: #0568ae; }
-
-.isIE select.awd-select + span {
-  line-height: 1; }
-
-[data-default-option="true"] {
-  color: #767676 !important;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-
-.placeholdercolor {
-  color: #767676 !important;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-
-.filterTank button.awd-select {
-  border-color: #d2d2d2;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #333333; }
-  .filterTank button.awd-select:after {
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2; }
-
-.utility-bg button.awd-select {
-  border-color: #d2d2d2;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #333333; }
-  .utility-bg button.awd-select:after {
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2; }
-
-.utility-bg select.awd-select + span {
-  border-color: #d2d2d2;
-  border-color: #d2d2d2;
-  background-color: #333333;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #FFFFFF; }
-  .utility-bg select.awd-select + span:after {
-    background-color: #FFFFFF !important;
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2;
-    border-color: #d2d2d2; }
-
-.utility-bg select.awd-select:focus + span {
-  border-color: #d2d2d2;
-  border-color: #d2d2d2;
-  background-color: #333333;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #FFFFFF; }
-  .utility-bg select.awd-select:focus + span:after {
-    background-color: #FFFFFF !important;
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2;
-    border-color: #d2d2d2; }
-
-.utility-bg select.awd-select:hover + span {
-  border-color: #d2d2d2;
-  border-color: #d2d2d2;
-  background-color: #333333;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #FFFFFF; }
-  .utility-bg select.awd-select:hover + span:after {
-    background-color: #FFFFFF !important;
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2;
-    border-color: #d2d2d2; }
-
-input.awd-select[disabled] {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  input.awd-select[disabled] + span {
+.checkbox input:checked:disabled + .skin:after {
+    color: #5A5A5A;
+}
+
+.checkbox input:checked + .skin:after {
+    height: 20px;
+    width: 10px;
+    background-color: transparent;
+    font-size: 23.4px;
+    color: #FFFFFF;
+    line-height: 21px;
+}
+
+.checkbox input:disabled + .skin {
     cursor: not-allowed;
-    border-color: #d2d2d2;
     background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-
-button.awd-select[disabled] {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  button.awd-select[disabled]:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled] + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled] + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled]:focus + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-
-select.awd-select[disabled]:hover + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-
-input.awd-select[disabled="disabled"] {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  input.awd-select[disabled="disabled"] + span {
-    cursor: not-allowed;
     border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-
-select.awd-select[disabled="disabled"] + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled="disabled"] + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled="disabled"]:focus + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled="disabled"]:focus + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled="disabled"]:hover + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled="disabled"]:hover + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-.ddexpand-wrapper > h2 {
-  margin-bottom: 11px; }
-  .ddexpand-wrapper > h2 + p {
-    margin-bottom: 4px; }
-
-.ddexpand-wrapper .selectWrap + [aria-expanded="true"] .form-row {
-  margin-top: 11px; }
-
-.ddexpand-wrapper .selectWrap + [aria-expanded="true"] .row + .row .form-row {
-  margin-top: 14px; }
-
-.modal .awd-select-list {
-  z-index: 1060 !important; }
-
-.form-row.error button.awd-select.active:focus {
-  border-color: #cf2a2a !important; }
-
-.form-row.error input.awd-select.active:focus {
-  border-color: #cf2a2a !important; }
-
-.awd-module-list .module-list-item[aria-selected="true"] {
-  background-color: #f2f2f2; }
-
-li.module-list-item[aria-selected="true"]:before {
-  color: #0568ae;
-  display: inline-block;
-  font-family: "icoControls" !important;
-  font-style: normal;
-  font-size: 20px;
-  font-weight: normal;
-  font-variant: normal;
-  height: 1em;
-  margin-right: 7px;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  position: relative;
-  speak: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  width: 1em;
-  content: "\e907";
-  box-sizing: border-box;
-  display: inline-block;
-  font-size: 2em;
-  height: 1em;
-  position: absolute;
-  top: 20px;
-  right: 0px;
-  vertical-align: middle;
-  width: 1em;
-  color: #007a3e; }
-
-@media (min-width: 768px) {
-  span[class*="large"] {
-    max-width: 370px; }
-  .large {
-    max-width: 370px; } }
-
-@media (max-width: 767px) {
-  .selectWrap.large:after {
-    right: 5px; }
-  .selectWrap.large .awd-select-list-item {
-    padding-right: 41px; }
-  .selectWrap + div > h4 {
-    margin-bottom: 0;
-    font-size: 16px; } }
+    color: #666666;
+}
 
-/**********************Dropdown Chrome scrolling fix start ********************/
-input.awd-select {
-  -webkit-user-select: text;
-  -moz-user-select: text;
-  -ms-user-select: text;
-  user-select: text; }
+.checkbox input:disabled + .skin + span {
+    cursor: not-allowed;
+    color: #666666;
+}
 
-/**********************Dropdown Chrome scrolling fix end ********************/
-.mpc-expanders {
-  border-bottom: 1px solid #e4e4e4;
-  border-top: 1px solid #e4e4e4; }
-
-.mpc-expanders + .mpc-expanders {
-  border-top: 0px; }
-
-.mpc-expanders .heading-medium {
-  margin-bottom: 10px; }
-
-.mpc-expanders .p-small {
-  margin-top: 5px; }
-
-.mpc-expander-body {
-  border-top: 1px solid #e4e4e4; }
-
-.mpc-expander-body .mpc-expanders {
-  border-bottom: 1px solid #e4e4e4;
-  border-top: 0; }
-
-.mpc-expander-body .mpc-expanders:last-child {
-  border-bottom: 0px; }
-
-.ddh-blue {
-  color: #0574ac; }
-
-.b2b-dragdrop {
-  border: 1px dashed #bbb;
-  border-radius: 5px;
-  padding: 0;
-  text-align: center;
-  color: #bbb;
-  position: relative; }
-
-.b2b-dragdrop-over {
-  background: #0091d9;
-  color: #006496; }
-  .b2b-dragdrop-over:after {
-    content: "Drop the file";
-    color: #fff;
-    width: 80px;
-    height: 20px;
-    overflow: hidden;
-    margin: auto;
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0; }
-
-.b2b-file-container {
-  position: relative;
-  overflow: hidden;
-  display: inline-table;
-  font-weight: 400; }
-  .b2b-file-container [type=file] {
-    position: absolute;
-    cursor: inherit;
-    display: block;
-    font-size: 0;
-    opacity: 0;
-    height: 0;
-    width: 0;
-    left: 0;
-    top: 0;
-    -ms-filter: "alpha(Opacity=0)"; }
-
-.b2b-upload-link {
-  color: #0568ae; }
-
-.b2b-flyout {
-  position: relative;
-  display: inline-block;
-  cursor: default; }
-
-.b2b-flyout-icon {
-  cursor: pointer; }
-  .b2b-flyout-icon:focus {
-    outline: thin dotted #666;
-    outline-offset: -1px; }
-
-.b2b-flyout .b2b-flyout-container {
-  border: 1px solid #d3d3d3;
-  width: 300px;
-  padding: 20px;
-  pointer-events: auto;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  font-size: 16px;
-  -webkit-transition: opacity .2s ease-out;
-  -moz-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
-  background: #fff;
-  border-radius: 6px;
-  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-  color: #333;
-  line-height: 20px;
-  position: absolute;
-  top: 35px;
-  opacity: 0;
-  z-index: 1010;
-  display: none; }
-  .b2b-flyout .b2b-flyout-container.open-flyout {
-    opacity: 1;
-    display: block; }
-
-.b2b-flyout i.b2b-flyout-caret {
-  position: absolute;
-  top: -8px;
-  left: 50%;
-  opacity: 0;
-  z-index: 1011;
-  display: none; }
-  .b2b-flyout i.b2b-flyout-caret.open-flyout {
-    opacity: 1;
-    display: block; }
-  .b2b-flyout i.b2b-flyout-caret:before {
-    content: "";
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
-    border-bottom: 8px solid #d3d3d3;
-    position: absolute;
-    top: -1px; }
-  .b2b-flyout i.b2b-flyout-caret:after {
-    content: "";
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
-    border-bottom: 8px solid #fff;
-    position: absolute; }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-left i.b2b-flyout-caret {
-  left: 16px !important; }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-right i.b2b-flyout-caret {
-  left: inherit !important;
-  right: 30px !important; }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-above {
-  box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.25); }
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret {
-    top: auto;
-    bottom: 0px; }
-    .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:before {
-      top: auto;
-      bottom: -9px;
-      border-top: 8px solid #d3d3d3;
-      border-bottom: none; }
-    .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:after {
-      border-top: 8px solid #fff;
-      border-bottom: none; }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-centerLeft i.b2b-flyout-caret {
-  left: inherit !important;
-  right: -7px !important;
-  top: 8px;
-  transform: rotate(90deg); }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-centerRight i.b2b-flyout-caret {
-  left: -8px !important;
-  top: 296px;
-  transform: rotate(-90deg); }
-
-.b2b-flyout .buttons-group {
-  margin-top: 20px; }
-  .b2b-flyout .buttons-group .cta-button-group {
-    width: 100%;
-    border-top: 1px solid #ccc;
-    padding: 20px 0 0; }
-    .b2b-flyout .buttons-group .cta-button-group button {
-      margin-bottom: 0; }
-
-.b2b-flyout .heading {
-  font-size: 20px;
-  margin-bottom: 10px; }
-
-.b2b-flyout .body-text {
-  font-size: 14px;
-  margin-bottom: 30px; }
-
-.b2b-footer-wrapper {
-  width: 100%;
-  background-color: #222; }
-
-.b2b-footer-container {
-  width: 980px;
-  margin: 0 auto;
-  padding-top: 15px; }
-  .b2b-footer-container .footer-columns {
-    display: inline-block;
-    text-align: left;
-    vertical-align: top; }
-    .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-      padding-top: 30px; }
-    .b2b-footer-container .footer-columns.three-column {
-      width: 33.3%;
-      padding-left: 75px; }
-    .b2b-footer-container .footer-columns.four-column {
-      width: 25%;
-      padding-left: 75px; }
-    .b2b-footer-container .footer-columns.five-column {
-      width: 20%; }
-    .b2b-footer-container .footer-columns .b2b-footer-header {
-      color: #009fdb;
-      font-size: 18px;
-      font-style: normal;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      line-height: 23.9px;
-      margin: 0; }
-    .b2b-footer-container .footer-columns li {
-      padding: 7.5px 0; }
-    .b2b-footer-container .footer-columns ul li:first-child {
-      padding-top: 15px; }
-    .b2b-footer-container .footer-columns li a {
-      color: #fff;
-      font-size: 16px;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-  .b2b-footer-container .footer-nav-content {
-    padding-bottom: 10px; }
-    .b2b-footer-container .footer-nav-content li {
-      display: inline;
-      font-size: 14px;
-      color: #fff;
-      vertical-align: middle; }
-      .b2b-footer-container .footer-nav-content li a {
-        color: #fff;
-        font-size: 14px;
-        vertical-align: middle;
-        margin-right: 5px;
-        font-family: "Omnes-ECOMP-W02", Arial; }
-
-.b2b-footer-wrapper .b2b-footer-container hr {
-  background: #d2d2d2;
-  margin-top: 50px; }
-
-.b2b-footer-wrapper .divider-bottom-footer {
-  padding: 45px 0 50px 0; }
-
-.b2b-footer-wrapper .footerLogo {
-  margin: 10px 0 0 0px;
-  vertical-align: top; }
-  .b2b-footer-wrapper .footerLogo div {
-    display: inline-block; }
-  .b2b-footer-wrapper .footerLogo .icon-primary-att-globe {
-    font-size: 40px; }
-  .b2b-footer-wrapper .footerLogo .logo-title {
-    color: #fff;
-    margin-left: 10px;
-    display: inline-block;
-    font-size: 26px;
-    margin-top: 0px; }
-
-.b2b-footer-wrapper .copyright-text {
-  color: #fff;
-  font-size: 11px;
-  text-align: left;
-  font-family: "Omnes-ECOMP-W02", Arial; }
-  .b2b-footer-wrapper .copyright-text a {
-    color: #fff;
-    text-decoration: underline;
-    display: inline-block; }
-    .b2b-footer-wrapper .copyright-text a:hover {
-      text-decoration: none; }
-
-@media (max-width: 768px) {
-  .b2b-footer-wrapper {
-    padding: 0 15px; }
-  .b2b-footer-container {
-    width: 100%; }
-    .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-      width: 50%; }
-  .b2b-footer-wrapper .divider-bottom-footer {
-    padding-top: 15px; }
-    .b2b-footer-wrapper .divider-bottom-footer .footer-links {
-      width: 100%; }
-  .b2b-footer-wrapper .footerLogo {
-    margin: 30px 0 0 0; }
-    .b2b-footer-wrapper .footerLogo .footer-logo {
-      margin: 0;
-      padding-left: 10px; } }
-
-.b2b-header-tabs {
-  background-color: #222;
-  width: 100%;
-  position: relative;
-  height: 45px; }
-  .b2b-header-tabs .icon-primary-att-globe {
-    color: #0568ae; }
-  .b2b-header-tabs a:focus {
-    border: 1px solid white; }
-  .b2b-header-tabs .header__items {
-    width: 980px;
-    margin: 0 auto;
-    display: block;
-    list-style: none;
-    padding: 6px 0px 0px 0px;
-    border-spacing: 30px 0; }
-  .b2b-header-tabs .header__item {
-    display: inline-block;
-    text-align: left;
-    width: auto;
-    font-size: 16px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    cursor: pointer;
-    padding: 5px 15px;
-    color: #fff; }
-    .b2b-header-tabs .header__item.b2b-headermenu {
-      padding: 0; }
-      .b2b-header-tabs .header__item.b2b-headermenu:last-child {
-        background: none; }
-      .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-        color: #fff;
-        text-decoration: none;
-        display: inline-block;
-        padding: 5px 15px; }
-    .b2b-header-tabs .header__item.active {
-      background-color: #fff;
-      border-radius: 2px;
-      border-bottom-left-radius: 0;
-      border-bottom-right-radius: 0; }
-      .b2b-header-tabs .header__item.active a.menu__item {
-        color: #0578ae; }
-  .b2b-header-tabs li:focus {
-    outline: 2px solid #0578ae; }
-  .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-    background-color: #fff;
-    position: absolute;
-    width: 100%;
-    left: 0;
-    top: 42px;
-    border-bottom: solid 1px #ccc;
-    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    display: none;
-    z-index: 111; }
-  .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
+.checkbox input:invalid + .skin {
+    border: solid 1px #cf2a2a;
+}
+
+.checkbox input:indeterminate + .skin:after {
+    background-color: transparent;
+    font-size: 25px;
+    color: #0574ac;
+    content: "\e920";
+}
+
+.checkbox .skin {
     background-color: #fff;
-    width: 980px;
-    margin: 0 auto; }
-  .b2b-header-tabs .header__item.active .header-secondary-wrapper {
-    display: block; }
-  .b2b-header-tabs .header-secondary .header-subitem {
+    border: 1px solid #d2d2d2;
+    border-radius: 3px;
     display: inline-block;
-    width: auto;
-    margin: 0 15px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-      display: block; }
-    .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-      display: inline-block;
-      padding: 15px 0;
-      color: #333; }
-      .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-        color: #0578ae; }
-
-/** Secondary Menu **/
-.b2b-labelhide {
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px); }
-
-/** Tertiary Level Menu **/
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-  position: absolute;
-  z-index: 111;
-  top: 25px; }
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after, .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    content: '';
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
+    height: 24px;
+    width: 24px;
     position: absolute;
-    -webkit-transition: left .2s ease-out;
-    -moz-transition: left .2s ease-out;
-    transition: left .2s ease-out; }
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-    border-bottom: 8px solid #fff;
-    top: 10px; }
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    border-bottom: 8px solid #ccc;
-    top: 9px; }
-
-.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-  border-top: solid 1px #ccc; }
-
-.b2b-header-tabs .header-tertiary:after {
-  content: '';
-  clear: both;
-  display: block; }
-
-.b2b-header-tabs .header-tertiary li {
-  display: inline-block;
-  padding: 0;
-  float: left; }
-  .b2b-header-tabs .header-tertiary li a {
-    color: #333;
-    display: block;
-    padding: 10px 15px; }
-  .b2b-header-tabs .header-tertiary li label {
-    text-align: left;
-    display: block;
-    font-size: 16px;
-    font-weight: bold;
-    color: #857B7B;
-    padding: 15px 0 0 15px; }
-
-.b2b-header-tabs .header__item.skip {
-  padding: 0;
-  display: inline-block;
-  cursor: default !important; }
-  .b2b-header-tabs .header__item.skip a {
-    color: transparent;
-    font-size: 12px;
-    line-height: 15px;
-    text-decoration: none; }
-    .b2b-header-tabs .header__item.skip a:focus {
-      color: #fff;
-      outline: 2px solid #0578ae; }
-
-.b2b-header-tabs .selectWrap {
-  min-width: 150px; }
-  .b2b-header-tabs .selectWrap button.awd-select {
-    height: 30px;
-    line-height: 31px;
-    font-size: 1rem;
-    display: inline-block; }
-  .b2b-header-tabs .selectWrap .awd-select-list {
-    background-color: #fff;
-    color: #333;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-
-@media (max-width: 768px) {
-  .b2b-header-tabs {
-    padding: 0 15px; }
-    .b2b-header-tabs .header__items, .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-      width: 100%; }
-    .b2b-header-tabs .header__item {
-      padding: 5px 0; }
-    .b2b-header-tabs .globe-text {
-      display: none; }
-    .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-      padding: 5px 7px 9px 7px; }
-    .b2b-header-tabs .header__item .header-tertiary-wrapper {
-      top: 30px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-      top: 14px; }
-    .b2b-header-tabs .header__item .header-secondary-wrapper {
-      top: 45px; }
-    .b2b-header-tabs .header__item.profile {
-      padding-left: 15px;
-      float: none; } }
-
-/************* Header - Start *************/
-.b2b-header-tabs {
-  background-color: #222;
-  width: 100%;
-  position: relative;
-  height: 45px; }
-
-.b2b-header-tabs .icon-primary-primary-att-globe {
-  color: #0568ae;
-  font-size: 34px;
-  bottom: 1px; }
-
-/*
- *TODO: delete below .icon-primary-att-globel will not be used 
- *instead the one above, icon-primary-primary-att-globe not available here
- */
-.b2b-header-tabs .icon-primary-att-globe {
-  color: #0568ae;
-  font-size: 34px; }
-
-.b2b-header-tabs .globe-text {
-  margin-left: 20px;
-  font-size: 2rem; }
-
-.b2b-header-tabs .header__items {
-  width: 980px;
-  margin: 0 auto;
-  display: block;
-  list-style: none;
-  border-spacing: 30px 0;
-  padding: 3px 0px 0px 0px; }
-
-.b2b-header-tabs .header__item {
-  display: inline-block;
-  text-align: left;
-  width: auto;
-  font-size: 14px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  cursor: pointer;
-  padding: 0 15px 4px 15px;
-  /*margin-top:-3px;*/
-  color: #fff; }
-
-.b2b-header-tabs .header__item.b2b-headermenu {
-  padding: 0; }
-
-.b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-  color: #fff;
-  text-decoration: none;
-  display: inline-block;
-  padding: 8px 15px 12px 15px;
-  font-size: 16px; }
-
-.b2b-header-tabs .header__item.active {
-  background-color: #fff;
-  border-radius: 2px;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0; }
-
-.b2b-header-tabs .header__item.active a.menu__item {
-  color: #0578ae; }
-
-.b2b-header-tabs li:focus {
-  outline: 2px solid #0578ae; }
-
-/** profile pop Over **/
-.b2b-header-tabs .header__item.profile {
-  position: relative;
-  float: right; }
-
-/** Secondary Menu **/
-.b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-  background-color: #fff;
-  position: absolute;
-  width: 100%;
-  left: 0;
-  top: 42px;
-  border-bottom: solid 1px #ccc;
-  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-  display: none;
-  z-index: 111; }
-
-.b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-  background-color: #fff;
-  width: 980px;
-  margin: 0 auto; }
-
-.b2b-header-tabs .header__item.active .header-secondary-wrapper,
-.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-  display: block; }
-
-.b2b-header-tabs .header-secondary .header-subitem {
-  display: inline-block;
-  width: auto;
-  margin: 0 15px; }
-
-.b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-  display: inline-block;
-  padding: 15px 0;
-  color: #333;
-  font-size: 14px; }
-
-.b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-  color: #0578ae; }
-
-.b2b-label-hide {
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px); }
-
-/** Tertiary Level Menu **/
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after,
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-  content: '';
-  border-left: 8px solid transparent;
-  border-right: 8px solid transparent;
-  position: absolute;
-  -webkit-transition: left .2s ease-out;
-  -moz-transition: left .2s ease-out;
-  transition: left .2s ease-out; }
-
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-  position: absolute;
-  z-index: 111;
-  top: 25px; }
-
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-  border-bottom: 8px solid #fff;
-  top: 10px; }
-
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-  border-bottom: 8px solid #ccc;
-  top: 9px; }
-
-/** Tertiary Level Menu **/
-.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-  border-top: solid 1px #ccc; }
-
-.b2b-header-tabs .header-tertiary:after {
-  content: '';
-  clear: both;
-  display: block; }
-
-.b2b-header-tabs .header-tertiary li {
-  display: inline-block;
-  padding: 0;
-  float: left; }
-
-.b2b-header-tabs .header-tertiary li a {
-  color: #333;
-  display: block;
-  padding: 7px 15px;
-  max-width: 228px; }
-
-.b2b-header-tabs .header-tertiary li label {
-  text-align: left;
-  display: block;
-  font-size: 14px !important;
-  font-weight: bold;
-  color: #857B7B;
-  padding: 15px 0 0 15px; }
-
-/** Quarternary Level Menu **/
-.b2b-header-tabs .header-quarternary {
-  width: 100%;
-  float: left; }
-
-.b2b-header-tabs .header-quarternary li {
-  padding-left: 15px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  display: none; }
-
-.b2b-header-tabs .header-quarternary li.active {
-  display: block; }
-
-.b2b-header-tabs .header-quarternary li a {
-  color: #666666;
-  font-size: 14px;
-  padding: 0px 10px 10px 10px; }
-
-/** Skip Navigation**/
-.b2b-header-tabs .header__item.skip {
-  padding: 0;
-  display: inline-block;
-  cursor: default !important; }
-
-.b2b-header-tabs .header__item.skip a {
-  color: transparent;
-  font-size: 12px;
-  line-height: 15px;
-  text-decoration: none; }
-
-.b2b-header-tabs .header__item.skip a:focus {
-  color: #fff;
-  outline: 2px solid #0578ae; }
-
-/** Dropdown css inside Header ****/
-.b2b-header-tabs .selectWrap {
-  min-width: 150px; }
-
-.b2b-header-tabs .selectWrap button.awd-select, .b2b-header-tabs .selectWrap input.awd-select {
-  height: 36px;
-  line-height: 31px;
-  font-size: 1rem;
-  display: inline-block; }
-
-.b2b-header-tabs .selectWrap .awd-select-list {
-  background-color: #fff;
-  color: #333;
-  -webkit-transition: opacity .2s ease-out;
-  -moz-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-
-/*
- * responsive header media queries
- */
-@media screen and (max-width: 1100px) {
-  .b2b-header-tabs .globe-text {
-    display: none; }
-  .b2b-header-tabs .header__item.profile {
-    padding-left: 15px;
-    float: none; }
-  .b2b-header-tabs .header__items {
-    padding-top: 0px; } }
-
-@media screen and (max-width: 950px) {
-  .header__item.profile {
-    top: 20px; }
-  .b2b-header-tabs {
-    height: 90px; }
-  .header__item .selectWrap {
-    bottom: 15px; }
-  .b2b-header-tabs .header__items {
-    padding-top: 25px; }
-  .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-    top: 80px; }
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-    top: 35px; }
-  .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-    padding-bottom: 30px; }
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-    margin-top: -28px; } }
-
-/*************** Header - END ******************/
-.hp-container {
-  display: block;
-  max-width: 408px; }
-  .hp-container i:focus {
-    outline: thin dotted #666; }
-  .hp-container .icon-misc-pen {
-    cursor: pointer; }
-  .hp-container .icon-misc-trash {
-    cursor: pointer; }
-
-.hp-selected {
-  border-bottom: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
-  margin-bottom: 16px;
-  padding-bottom: 16px; }
-  .hp-selected .selected-days {
-    padding-bottom: 16px; }
-    .hp-selected .selected-days .day {
-      padding-top: 10px;
-      float: left; }
-
-/* .hp-checkbox {
-  padding-top: 20px;
-  margin: 16px auto 0 auto; }
-  .hp-checkbox label {
-    position: relative;
-    width: 20px;
-    margin-right: 34px; }
-    .hp-checkbox label span {
-      position: absolute;
-      top: -20px;
-      left: 0px;
-      margin-left: 0px; } */
-
-.hp-dropdowns {
-  margin-top: 15px;
-  display: flex;
-  display: -webkit-flex;
-  display: -ms-flexbox; }
-
-.hp-buttons {
-  margin-top: 20px;
-  display: flex;
-  display: -webkit-flex;
-  display: -ms-flexbox; }
-
-.hp-dropdowns .radio-buttons {
-  margin-top: 30px; }
-  .hp-dropdowns .radio-buttons .radio {
-    margin-right: 15px; }
-
-
-
-/* TODO: Build a reference page for these classes */
-.font-regular {
-  font-family: "Omnes-ECOMP-W02", Arial !important; }
-
-.font-light {
-  font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-
-.font-italic {
-  font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-
-.font-light-italic {
-  font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-
-.font-medium {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-
-.font-medium-italic {
-  font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-
-.font-reset {
-  font-style: normal;
-  font-variant: normal;
-  font-weight: normal;
-  text-transform: none; }
-
-.b2b-nav-menu {
-  background-color: #efefef;
-  border: 1px solid #efefef;
-  width: 230px;
-  font-size: 1.4rem; }
-
-.b2b-subnav-container > ul {
-  padding: 0px; }
-
-.b2b-subnav-content {
-  margin: 0;
-  margin-bottom: 10px; }
-
-.b2b-subnav-content > li {
-  border-bottom: 1px solid #999999;
-  position: relative;
-  cursor: pointer; }
-
-.b2b-subnav-content > li > a {
-  text-decoration: none;
-  line-height: 18px;
-  display: block;
-  padding: 10px; }
-
-.b2b-subnav-content > li > a.expand {
-  color: #333; }
-
-.b2b-subnav-content > li ul {
-  overflow: hidden;
-  max-height: 0;
-  transition-duration: 0.5s;
-  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
-
-.b2b-subnav-content > li ul.expand {
-  transition-duration: 0.7s;
-  transition-timing-function: ease-in-out;
-  max-height: 1000px;
-  overflow: hidden; }
-
-.b2b-subnav-content > li > a:focus, .b2b-subnav-content > li ul > li > a:focus {
-  outline: thin dotted #666; }
-
-.b2b-subnav-content > li ul > li > a {
-  line-height: 18px;
-  padding: 8px 0;
-  display: block;
-  outline-offset: -4px;
-  padding-left: 10px; }
-
-.b2b-icon-primary-plus-minus {
-  display: inline-block;
-  height: 20px;
-  margin-right: 10px;
-  padding: 0;
-  position: absolute;
-  right: 0px;
-  top: 10px;
-  vertical-align: middle;
-  width: 20px; }
-
-@media (min-width: 320px) and (max-width: 767px) {
-  .b2b-nav-menu {
-    background-color: #fff;
-    border: 1px solid white;
-    width: 100%; }
-  .b2b-subnav-content > li {
-    padding-left: 10px; }
-  .b2b-subnav-container > ul:first-child {
-    border-top: 1px solid #999; }
-  .b2b-icon-primary-plus-minus {
-    right: 10px; }
-  .b2b-subnav-content > li li > a.active {
-    color: #0574ac;
-    text-decoration: none;
-    font-family: "Omnes-ECOMP-W02", Arial; } }
-
-.b2b-list-box-item {
-  white-space: nowrap;
-  margin: 1px;
-  border: 1px solid transparent;
-  outline: none;
-  visibility: inherit;
-  display: inherit;
-  text-align: left;
-  overflow: hidden;
-  cursor: pointer;
-  padding: 5px 0 5px;
-  padding-left: 15px;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none; }
-  .b2b-list-box-item:focus {
-    border: 2px solid #5e8cb3; }
-
-.b2b-list-box-item--selected {
-  background-color: #cfdde9; }
-
-.btn.disabled[ddh-load-button] {
-  line-height: 46px;
-  padding: 0 19px 0 18px; }
-
-.btn.disabled[ddh-load-button] {
-  color: #666666; }
-
-.icon-primary-spinner-ddh.large {
-  height: 50px;
-  width: 50px; }
-
-.icon-primary-spinner-ddh.small {
-  height: 30px;
-  width: 30px; }
-
-.icon-primary-spinner-ddh {
-  -webkit-animation: 1s linear infinite spinner;
-  animation: 1s linear infinite spinner;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgaWQ9InN2Zy1zcGlubmVyIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgIDxwYXRoIGZpbGw9IiNGNUY1RjUiIGQ9Ik0xOCAzNkM4LjEgMzYgMCAyNy45IDAgMThTOC4xIDAgMTggMHMxOCA4LjEgMTggMTgtOC4xIDE4LTE4IDE4em0wLTMxLjVjLTcuNSAwLTEzLjUgNi0xMy41IDEzLjVTMTAuNiAzMS41IDE4IDMxLjVjNy41IDAgMTMuNS02LjEgMTMuNS0xMy41IDAtNy41LTYtMTMuNS0xMy41LTEzLjV6Ii8+CiAgIDxwYXRoIGZpbGw9IiMwNTY4QUUiIGlkPSJzcGlubmVyIiBkPSJNMzAuNyA1LjNsLTMuMSAzLjJjMi40IDIuNCAzLjkgNS44IDMuOSA5LjUgMCA3LjQtNi4xIDEzLjUtMTMuNSAxMy41UzQuNSAyNS40IDQuNSAxOCAxMC42IDQuNSAxOCA0LjVWMEM4LjEgMCAwIDguMSAwIDE4czguMSAxOCAxOCAxOCAxOC04LjEgMTgtMThjMC01LTItOS41LTUuMy0xMi43eiIgdHJhbnNmb3JtPSIiPiAgICAgIAogICA8L3BhdGg+Cjwvc3ZnPg==); }
-
-.btn-small .icon-primary-spinner-ddh {
-  height: 30px !important;
-  width: 30px !important; }
-
-.btn-small .icon-primary-spinner {
-  height: 30px;
-  width: 30px; }
-
-.load-backdrop {
-  position: absolute;
-  top: 50%;
-  left: 50%; }
-
-.small-modal-loader {
-  width: 420px !important;
-  height: 212px !important;
-  text-align: center; }
-
-.small-modal-loader .icon-primary-spinner {
-  margin-bottom: 5px; }
-
-.body.styled-by-modal {
-  position: fixed; }
-
-.b2b-modal-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: -1; }
-
-.b2b-modal-backdrop.fade {
-  background-color: #000;
-  opacity: 0;
-  filter: alpha(opacity=0);
-  transition: all 0.3s linear 0s; }
-
-.b2b-modal-backdrop.fade.in {
-  z-index: 1040;
-  opacity: 0.7;
-  filter: alpha(opacity=70);
-  background-color: #000;
-  transition: opacity 0.3s linear 0s; }
-
-.modalwrapper {
-  height: 100%;
-  width: 100%;
-  left: 0;
-  overflow-y: hidden;
-  position: absolute;
-  right: 0;
-  padding: 20px;
-  top: 0;
-  z-index: -1; }
-
-.modalwrapper.active {
-  z-index: 1050;
-  overflow-y: auto; }
-
-.modal {
-  background-clip: padding-box;
-  background-color: #ffffff;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 8px;
-  box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.4);
-  margin: 0 auto;
-  /*margin-bottom:10%;*/
-  outline: medium none;
-  /*position: absolute;*/
-  height: 0;
-  min-height: 150px;
-  overflow: hidden;
-  /*top: 10%;*/
-  width: 100%;
-  z-index: -1; }
-
-.modalwrapper.modal-docked .modal {
-  max-height: 80%;
-  height: 80%;
-  overflow: hidden;
-  top: 0; }
-
-.modal.fade.in {
-  position: relative;
-  height: auto;
-  overflow: auto;
-  top: 10%;
-  z-index: 1060;
-  transition: opacity .5s linear 0s; }
-
-.modal.fade.in.modal-landscape {
-  overflow-y: auto; }
-
-.modal.fade {
-  transition: opacity .5s linear 0s; }
-
-.fade.in {
-  opacity: 1; }
-
-.fade {
-  opacity: 0; }
-
-.b2b-modal-header {
-  align-items: center;
-  border-radius: 8px 8px 0 0;
-  display: flex;
-  min-height: 60px;
-  overflow: hidden;
-  padding: 30px 46px 30px 30px;
-  position: relative; }
-
-.b2b-modal-header > h2 {
-  line-height: 1;
-  margin: 0;
-  padding: 0; }
-
-.modal-header-portrait {
-  -webkit-overflow-scrolling: auto; }
-
-.modal-header-landscape {
-  -webkit-overflow-scrolling: auto; }
-
-.b2b-modal-body {
-  -webkit-overflow-scrolling: touch;
-  padding: 0 30px 20px;
-  position: relative;
-  width: auto; }
-
-.b2b-modal-body:focus {
-  outline: 1px dotted #333333; }
-
-.modal-form {
-  margin-bottom: 0; }
-
-.b2b-modal-footer {
-  background-color: #fff;
-  width: 100%;
-  padding: 0 30px;
-  border-radius: 0;
-  position: absolute;
-  bottom: 0; }
-
-:not(.modal-docked) .b2b-modal-footer {
-  position: relative; }
-
-.modal-landscape .b2b-modal-footer {
-  position: relative; }
-
-.b2b-modal-footer .cta-button-group {
-  display: flex;
-  justify-content: flex-end;
-  padding: 20px 0 5px;
-  width: 100%;
-  border-top: 1px solid #d2d2d2; }
-
-.b2b-modal-footer .cta-button-group .btn {
-  margin-left: auto;
-  margin-right: auto;
-  float: right;
-  margin-left: 10px; }
-
-.b2b-modal-footer .cta-button-group .marginLeft0 {
-  margin-left: 0px; }
-
-.b2b-modal-footer .cta-button-group .btn-footer-left {
-  margin-right: auto; }
-
-.b2b-modal-footer .cta-button-group .btn + .btn {
-  margin-right: 0 !important; }
-
-[class*="modal-"] {
-  width: 100%; }
-
-.modal-small {
-  max-width: 420px; }
-
-.modal-medium {
-  max-width: 620px; }
-
-.modal-large {
-  max-width: 720px; }
-
-.modal-xlarge {
-  max-width: 860px; }
-
-.modal-jumbo {
-  max-width: 1000px; }
-
-.modalwrapper.modal-docked {
-  height: 100%;
-  display: flex;
-  align-items: center; }
-
-.modalwrapper.modal-docked .b2b-modal-body {
-  height: 80%;
-  overflow-y: scroll;
-  padding-bottom: 60px; }
-
-.modalwrapper.modal-docked .modal {
-  max-height: 80%;
-  height: 80%;
-  overflow: hidden;
-  top: 0; }
-
-.modalwrapper.modal-docked .b2b-modal-body > *:last-child {
-  margin-bottom: 60px; }
-
-@media (max-width: 767px) {
-  .modalwrapper {
-    padding: 15px;
-    overflow-x: hidden; }
-  .modal.fade.in {
-    top: 0;
-    right: 0;
     left: 0;
-    margin-bottom: 15px;
-    border: none; }
-  .b2b-modal-header {
-    padding: 20px 46px 20px 15px; }
-  .b2b-modal-body {
-    width: 100%;
-    padding: 0 15px 15px; }
-  .modalwrapper.modal-docked {
-    position: absolute;
-    height: 100%;
-    padding: 0; }
-  .modalwrapper.modal-docked .modal.fade.in {
-    margin-bottom: 0;
-    width: 100% !important;
-    max-height: 100%;
-    height: 100%;
-    border-radius: 0; }
-  .modalwrapper.modal-docked .b2b-modal-body {
-    overflow-y: scroll;
-    height: 100%; }
-  .modalwrapper.modal-docked.modal-landscape {
-    overflow-y: hidden;
-    position: fixed; }
-  .modalwrapper.modal-docked.modal-landscape .modal {
-    overflow-y: scroll;
-    max-width: 100%; }
-  .modalwrapper.modal-docked.modal-landscape .b2b-modal-body {
-    height: auto;
-    overflow-y: hidden; }
-  .b2b-modal-footer {
-    padding: 0 15px; }
-  .b2b-modal-footer .cta-button-group {
-    display: block;
-    padding: 15px 0; }
-  .b2b-modal-footer .cta-button-group .btn {
-    float: none; }
-  .b2b-modal-footer .cta-button-group .btn + .btn {
-    margin-bottom: 0; }
-  .b2b-modal-footer .cta-button-group a.visible-phone {
-    align-items: center;
-    display: flex !important;
-    height: 42px;
-    justify-content: center; } }
-
-.b2b-modal-footer > .cta-button-group {
-  line-height: 40px; }
-
-.ajaxed,
-.modal.fade.in .b2b-modal-header,
-.modal.fade.in .b2b-modal-body,
-.modal.fade.in .b2b-modal-footer {
-  animation-duration: 0.01s;
-  -o-animation-duration: 0.01s;
-  -ms-animation-duration: 0.01s;
-  -moz-animation-duration: 0.01s;
-  -webkit-animation-duration: 0.01s;
-  animation-name: DOMinsertion;
-  -o-animation-name: DOMinsertion;
-  -ms-animation-name: DOMinsertion;
-  -moz-animation-name: DOMinsertion;
-  -webkit-animation-name: DOMinsertion; }
-
-.monthselector thead tr th {
-  min-width: 46px; }
-
-.monthselector thead tr:after {
-  content: "";
-  position: absolute;
-  left: 20px;
-  top: 52px;
-  height: 1px;
-  width: 85%;
-  border-bottom: 1px solid #ccc; }
-
-.monthselector tbody tr:last-child {
-  height: 50px; }
-
-.monthselector td.day {
-  margin: 1px 4px !important;
-  width: 64px !important; }
-
-.monthselector .datepicker-switch {
-  width: 195px !important; }
-
-.monthselector .show-date {
-  width: 30px !important; }
-
-.monthselector button.faux-input {
-  width: 100%; }
-  .monthselector button.faux-input:focus {
-    border: 1px solid #0574ac; }
-  .monthselector button.faux-input:disabled {
-    cursor: not-allowed; }
-
-.monthselector .cta-button-group {
-  padding: 0 20px; }
-  .monthselector .cta-button-group a {
-    margin-right: 20px; }
-
-.monthselector .day.active .show-date:after, .monthselector .day:focus .show-date:after, .monthselector .due-date.disabled .show-date:after {
-  height: 30px;
-  left: 9px !important;
-  top: 0;
-  width: 42px !important; }
-
-.monthselector .disabled.day:focus .show-date:after {
-  border: none; }
-
-.monthselector .icon-primary-calendar {
-  display: block; }
-
-.b2b-ml-nav {
-  padding: 0 10px 0 10px;
-  width: 320px; }
-
-.b2b-ml-nav ul {
-  list-style: none;
-  list-style-type: none; }
-
-.b2b-ml-nav a {
-  display: block;
-  padding: 0 0 5px 30px;
-  line-height: 22px;
-  margin-left: -10px;
-  color: #0568ae;
-  font-size: 1.4rem; }
-
-.b2b-ml-nav a:focus {
-  outline-offset: 1px; }
-
-.b2b-ml-nav li:focus {
-  outline: none; }
-
-.b2b-ml-nav li:focus > a {
-  outline: thin dotted #666;
-  outline-offset: 1px; }
-
-.b2b-ml-nav ul li {
-  border-left: 1px solid #ccc; }
-
-.b2b-ml-nav ul ul {
-  padding: 0 0 0 20px; }
-
-.b2b-ml-nav ul > li {
-  position: relative;
-  line-height: 18px; }
-
-.b2b-ml-nav a > span {
-  background-color: #FFF;
-  display: inline;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  left: -11px;
-  top: 0; }
-
-.b2b-ml-nav a > span > i {
-  font-size: 20px; }
-
-.b2b-ml-nav a:only-child > span {
-  left: -6px;
-  border-radius: 50%;
-  line-height: 7px;
-  top: 5px; }
-
-.b2b-ml-nav a:only-child > span > i {
-  background-color: inherit;
-  background: #fff;
-  font-size: 5px; }
-
-.b2b-ml-nav ul li:first-child > a:only-child > span {
-  left: -6px;
-  border-radius: 50%;
-  line-height: 12px;
-  top: 0px; }
-
-.b2b-ml-nav li a + ul {
-  display: none; }
-
-.b2b-ml-nav li a.active + ul {
-  display: block; }
-
-.b2b-ml-nav .selected {
-  color: #333; }
-
-/*to overide ng-doc inline property for library demo - TODO: Move to docs.css*/
-.b2b-ml-nav a [class^="icon-primary-"], a [class*=" icon-primary-"], a [class^="icon-primary-"]:before, a [class*=" icon-primary-"]:before {
-  display: inline-block; }
-
-.b2b-alerts-messages {
-  background-color: #fff;
-  border-radius: 8px;
-  height: auto; }
-  .b2b-alerts-messages h3 {
-    color: #333 !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 0 !important;
-    margin: 1em 0 5px;
-    line-height: 27px;
-    font-size: 18px; }
-  .b2b-alerts-messages h4 {
-    color: #333 !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 0 !important; }
-  .b2b-alerts-messages .alert-info {
-    background-color: #0574ac;
-    border: 0; }
-  .b2b-alerts-messages .alert-error {
-    background-color: #cf2a2a;
-    border: 0; }
-  .b2b-alerts-messages .alert-success {
-    background-color: #1b7e28;
-    border: 0; }
-  .b2b-alerts-messages div:nth-child(2) {
-    padding: 0 0 15px 10px;
-    vertical-align: baseline; }
-  .b2b-alerts-messages .close:before {
-    color: #767676; }
-  .b2b-alerts-messages p {
-    font-size: 14px;
-    color: #333;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-alerts-messages p a {
-      color: #333; }
-  .b2b-alerts-messages .btn-small {
-    margin-bottom: 0px; }
-
-.b2b-alerts-success {
-  border: 1px solid #1b7e28; }
-
-.b2b-alerts-error {
-  border: 1px solid #cf2a2a; }
-
-.b2b-alerts-info {
-  border: 1px solid #0574ac; }
-
-/* TODO: Rearange this and move to patches if needed */
-.b2b-breadcrumb-css-override > li {
-  margin-right: 24px; }
-
-.b2b-breadcrumb-css-override li > * {
-  float: left !important; }
-
-.b2b-css-override ul.nav-tabs {
-  margin-bottom: 0; }
-
-
-.b2b-top-nav-buttons-css-override {
-  margin-bottom: 0;
-  margin-top: 2px; }
-
-.b2b-auto-width {
-  width: auto !important; }
-
-.b2b-toggle-header-active {
-  color: #0568ae; }
-
-.b2b-toggle-header-inactive {
-  color: #333333; }
-
-.b2b-toggle-header-icon {
-  cursor: pointer; }
-
-
-.icon-primary-circle:before {
-  background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-  content: "";
-  position: absolute;
-  top: 0;
-  z-index: 1; }
-
-.ds2-no-colors .icon-primary-circle:before {
-  background-image: none;
-  content: "\e902"; }
-
-i:focus {
-  outline: thin dotted #666; }
-
-.p-col-md-12 {
-  width: 50%; }
-
-.pager__item {
-  border-radius: 0;
-  cursor: default;
-  display: inline-block;
-  margin: 5px;
-  width: 22px;
-  height: 23px;
-  vertical-align: baseline; }
-
-.pager {
-  padding-top: 10px;
-  padding-bottom: 20px;
-  text-align: center;
-  margin: 0 auto; }
-
-.pager__item--input {
-  color: #067ab4;
-  max-height: 32px;
-  max-width: 40px;
-  padding-left: 0;
-  padding-right: 0;
-  text-align: center;
-  margin-left: 10px; }
+    top: 0;
+}
 
-.row.section-row {
-  margin-bottom: 20px; }
+.checkbox span {
+    display: inline-block;
+    margin-left: 34px;
+    margin-top: 0;
+    position: relative;
+    top: 3px;
+}
 
-.pager__item--active {
-  border-bottom: 2px solid #0574ac;
-  border-radius: 0;
-  color: #333333; }
+.checkbox label {
+    font-size: 1.6rem;
+    font-family: "Omnes-ECOMP-W02", Arial;
+}
 
-.pager a.pager__item--active:hover {
-  cursor: default; }
+.checkbox input {
+    z-index: 9999;
+}
 
-.pager a:hover, .pager a:focus {
-  text-decoration: none;
-  color: #333333;
-  cursor: pointer; }
+.checkbox input.indeterminate + .skin:after {
+    font-size: 22px;
+    color: #0568ae;
+}
 
-.pager a.disabled:hover, .pager a.disabled:focus {
-  cursor: not-allowed; }
 
-.row.section-row.b2b-page {
-  display: block; }
+/**********************Dropdown Chrome scrolling fix end ********************/
 
-a.pager__item--next:focus, a.pager__item--prev:focus {
-  text-decoration: none;
-  border: 0; }
+.btn-small .icon-primary-spinner-ddh {
+    height: 30px !important;
+    width: 30px !important;
+}
 
-.pager__item--next, .pager__item--prev {
-  margin: 5px;
-  padding: 1.5px 6px 1.5px 6px; }
+.btn-small .icon-primary-spinner {
+    height: 30px;
+    width: 30px;
+}
 
-.pager .disabled i {
-  pointer-events: none;
-  cursor: default;
-  color: #c4c4c4; }
 
 .fieldLabel {
-  color: #666666; }
+    color: #666666;
+}
 
 .fieldLabel input {
-  color: #666666; }
-
-.pSelect {
-  float: right;
-  width: 150px; }
-
-.numericResult {
-  margin-bottom: 20px;
-  font-size: 1.6rem;
-  margin-top: 20px;
-  display: inline-block;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.mobile-view > .pager__item {
-  margin: 5px 10px;
-  width: 24px;
-  height: 34px;
-  vertical-align: middle;
-  line-height: 34px; }
-
-.fade1, .fadel {
-  opacity: 0.4; }
-
-.fade2, .fadesl {
-  opacity: 0.6; }
-
-h4#pagination-truncated {
-  margin-top: 50px; }
-
-h4#pagination-large-count {
-  margin-top: 50px; }
-
-.p-col-md-12 input {
-  margin-left: 20px; }
-
-.pager a .icon-primary-right:before {
-  display: inline-block; }
-
-.pager a .icon-primary-left:before {
-  display: inline-block; }
-
-.page-heading {
-  background: white none repeat scroll 0 0;
-  margin-bottom: -12px;
-  padding-left: 10px;
-  padding-right: 10px;
-  position: relative; }
-
-.numericResult:focus {
-  outline: 1px dotted #0574ac; }
-
-.page-heading-group {
-  color: #ef6f00;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.pager > div > span.fieldLabel {
-  margin-left: 18px; }
-
-.pager .fieldLabel .btn-arrow {
-  top: 0;
-  left: 10px;
-  margin-left: -5px; }
-
-.b2b-p-col-md-12 {
-  width: 50%; }
-  .b2b-p-col-md-12 input {
-    margin-left: 20px; }
-
-.b2b-pager__item {
-  border-radius: 0;
-  cursor: default;
-  display: inline-block;
-  margin: 0px 5px 0 5px;
-  height: 23px;
-  vertical-align: baseline; }
-
-.b2b-pager__item--noclick {
-  pointer-events: none !important;
-  cursor: default !important; }
-
-.b2b-pager__item--droppable {
-  pointer-events: all !important; }
-
-.b2b-pager {
-  padding-top: 10px;
-  padding-bottom: 20px;
-  text-align: center;
-  margin: 0 auto; }
-  .b2b-pager a:hover {
-    text-decoration: none;
-    color: #333333;
-    cursor: pointer; }
-  .b2b-pager a:focus {
-    text-decoration: none;
-    color: #333333;
-    cursor: pointer; }
-  .b2b-pager a .icon-primary-right:before {
-    display: inline-block; }
-  .b2b-pager a .icon-primary-left:before {
-    display: inline-block; }
-  .b2b-pager .disabled i {
-    pointer-events: none;
-    cursor: default;
-    color: #c4c4c4; }
-
-.b2b-pager__item--input {
-  color: #067ab4;
-  max-height: 32px;
-  max-width: 60px;
-  padding-left: 0;
-  padding-right: 0;
-  text-align: center;
-  margin-left: 5px; }
-
-.row.section-row {
-  margin-bottom: 20px; }
-
-.b2b-pager__item--active {
-  border-bottom: 2px solid #0574ac;
-  border-radius: 0;
-  color: #333333; }
-
-.row.section-row.b2b-page {
-  display: block; }
-
-a.b2b-pager__item--next:focus {
-  text-decoration: none;
-  border: 0; }
-
-a.b2b-pager__item--next-disabled {
-  outline: 0; }
-
-a.b2b-pager__item--next-disabled > [class^="icon-primary-"] {
-  color: #cccccc;
-  cursor: not-allowed;
-  outline: 0; }
-
-a.b2b-pager__item--prev:focus {
-  text-decoration: none;
-  border: 0; }
-
-a.b2b-pager__item--prev-disabled {
-  outline: 0; }
-
-a.b2b-pager__item--prev-disabled > [class^="icon-primary-"] {
-  color: #cccccc;
-  cursor: not-allowed; }
-
-.b2b-pager__item--next {
-  padding: 1.5px 0px 1.5px 0px; }
-
-.b2b-pager__item--prev {
-  padding: 1.5px 0px 1.5px 0px; }
+    color: #666666;
+}
 
-.fieldLabel {
-  color: #666666; }
-  .fieldLabel input {
-    color: #666666; }
-  .fieldLabel .btn-arrow {
+.fieldLabel .btn-arrow {
     top: 0;
-    left: 10px; }
-
-.b2b-pSelect {
-  float: right;
-  width: 150px; }
-
-.b2b-numericResult {
-  margin-bottom: 20px;
-  font-size: 1.6rem;
-  margin-top: 20px; }
-
-.b2b-mobile-view > .b2b-pager__item {
-  margin: 5px 10px;
-  min-width: 23px;
-  height: 34px;
-  vertical-align: middle;
-  line-height: 34px; }
-
-.b2b-fade1 {
-  opacity: 0.4; }
-
-.b2b-fade2 {
-  opacity: 0.6; }
-
-.b2b-fadesl {
-  opacity: 0.6; }
-
-h4#b2b-pagination-truncated {
-  margin-top: 50px; }
-
-h4#b2b-pagination-large-count {
-  margin-top: 50px; }
-
-.b2b-page-heading {
-  background: white none repeat scroll 0 0;
-  margin-bottom: -12px;
-  padding-left: 10px;
-  padding-right: 10px;
-  position: relative; }
-
-.b2b-numericResult:focus {
-  outline: 1px dotted #0574ac; }
-
-.b2b-page-heading-group {
-  color: #ef6f00;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.b2b-pager > div > span.fieldLabel {
-  margin-left: 18px; }
-
-.b2b-go-to-page {
-  margin-top: 14px; }
-
-.b2b-go-to-page-inline {
-  display: inline-block; }
-
-input.b2b-phone-mask-input {
-  padding-right: 15px; }
-  input.b2b-phone-mask-input:hover, input.b2b-phone-mask-input:focus {
-    padding-right: 15px; }
-
-/************************** Start - Should be removed after the styling in global is fixed *******************/
-input::-ms-clear {
-  display: none; }
-
-/************************** End - Should be removed after the styling in global is fixed *******************/
-@media (max-width: 767px) {
-  input::-ms-clear {
-    display: block; } }
-
-.pivot-link-group {
-  background-color: #5a5a5a;
-  border-top: 1px solid #959595; }
-
-.pivot-links > li {
-  border-bottom: 1px solid #959595; }
-
-.pivot-links > li > a {
-  color: #fff;
-  display: block;
-  padding: 12px 15px 10px;
-  line-height: normal; }
-
-.b2b-profile-block-container {
-  min-height: 200px;
-  height: auto;
-  background-color: #fff;
-  border-radius: 8px;
-  border: 1px solid #ccc;
-  box-shadow: 0px 1px 1px 1px  #ccc;
-  display: inline-table;
-  margin: 15px 15px; }
-
-.b2b-profile-block-details p, .b2b-profile-block-details div {
-  padding: 2px 7px;
-  font-size: 1.4rem; }
-
-.b2b-profile-block-details .radio-label, .b2b-profile-block-details a {
-  font-size: 1.4rem; }
-
-.b2b-profile-block-details p label, .b2b-profile-block-details p span {
-  padding-left: 10px; }
-
-.b2b-profile-block-footer {
-  margin-bottom: 12px;
-  margin-top: 5px;
-  height: 35px; }
-
-.b2b-profile-block-details p {
-  word-wrap: break-word;
-  height: 61px; }
-  .b2b-profile-block-details p:first-child {
-    margin-top: 10px; }
-  .b2b-profile-block-details p:after {
-    content: ' ';
-    display: block;
-    border: 0.2px solid #ccc;
-    margin-top: 12px; }
-
-.b2b-profile-block-details .radio {
-  margin-left: 15px;
-  height: 30px; }
-
-.b2b-approval-icon {
-  color: #1b7e28;
-  float: right;
-  position: relative;
-  left: 10px; }
-  .b2b-approval-icon i {
-    color: #1b7e28;
-    float: right; }
-
-.b2b-profile-link {
-  float: right;
-  position: relative;
-  left: -4px; }
-
-a.link-profile {
-  position: relative;
-  left: -5px;
-  float: right;
-  margin-bottom: 16px; }
-
-.b2b-profile-block-radio {
-  position: relative;
-  top: -5px; }
-
-.b2b-profile-card {
-  min-width: 229px;
-  min-height: 354px;
-  margin: 10px;
-  border: solid 1px #CCC;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  display: inline-block;
-  vertical-align: top; }
-  .b2b-profile-card .top-block {
-    padding: 15px 20px;
-    background-color: #e4e4e4;
-    max-height: 153px; }
-  .b2b-profile-card .bottom-block {
-    padding: 15px 20px 15px 20px;
-    background-color: #fff; }
-  .b2b-profile-card .profile-image {
-    background: #e4e4e4;
-    margin-bottom: 15px;
-    text-align: center; }
-    .b2b-profile-card .profile-image .default-img {
-      display: inline-block;
-      width: 60px;
-      height: 60px;
-      margin-bottom: 10px;
-      border: 6px solid #fff;
-      border-radius: 99em;
-      -webkit-border-radius: 99em;
-      -moz-border-radius: 99em;
-      /* background-color: #eee; */ }
-
-.profile-image img {
-  display: inline-block;
-  width: 60px;
-  height: 60px;
-  margin-bottom: 10px;
-  border: 6px solid #fff;
-  border-radius: 99em;
-  -webkit-border-radius: 99em;
-  -moz-border-radius: 99em;
-  /* background-color: #eee; */ }
-
-.b2b-profile-card .profile-image .default-img {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  color: #333;
-  background-color: #fff;
-  font-size: 32px;
-  line-height: 22px;
-  padding: 5px;
-  padding-top: 13px;
-  width: 60px;
-  height: 60px;
-  text-transform: uppercase; }
-
-.b2b-profile-card .profile-image .name {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 16px;
-  color: #333;
-  text-align: center;
-  margin-bottom: 5px;
-  margin-top: 5px;
-  overflow: hidden;
-  word-break: break-word;
-  white-space: normal;
-  text-transform: capitalize; }
-
-.b2b-profile-card .profile-image .status-icon {
-  border-radius: 10px;
-  border: 1px solid #fff;
-  margin: 0 3px 0 0;
-  width: 10px;
-  height: 10px;
-  display: inline-block;
-  vertical-align: middle; }
-
-.b2b-profile-card .profile-image .status {
-  font-size: 12px;
-  line-height: 15px;
-  text-align: center;
-  margin: 0 15px 0 0;
-  color: #444; }
-
-.b2b-profile-card .status .circle {
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  margin: 30px 6px 0px 20px;
-  text-align: center;
-  background-color: #444; }
-
-.b2b-profile-card .profile-image .status-green {
-  background-color: #0c0; }
-
-.b2b-profile-card .profile-image .status-red {
-  background-color: red; }
-
-.b2b-profile-card .profile-image .status-blue {
-  background-color: #00f; }
-
-.b2b-profile-card .profile-image .status-yellow {
-  background-color: #ff0; }
-
-.b2b-profile-card .profile-image .status .status-badge {
-  margin-left: 5px;
-  border: dotted 1px #444;
-  background-color: transparent;
-  font-weight: 400;
-  color: #444;
-  height: 17px;
-  padding: 0 5px;
-  font-size: 11px;
-  padding-left: 5px;
-  padding-right: 5px; }
-
-.b2b-profile-card .profile-details {
-  background: #fff; }
-  .b2b-profile-card .profile-details label {
-    display: block;
-    cursor: text;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: bolder;
-    font-size: 14px;
-    color: #333;
-    padding: 0;
-    margin: 0; }
-  .b2b-profile-card .profile-details div {
-    margin: 0;
-    font-size: 14px;
-    color: #333;
-    padding-bottom: 6.5px; }
-
-.b2b-profile-card .b2b-add-user {
-  background: white;
-  border-style: dotted;
-  font-size: 16px;
-  color: #333;
-  position: relative; }
-  .b2b-profile-card .b2b-add-user i {
-    font-size: 30px;
-    padding-bottom: 15px; }
-
-.b2b-profile-card .atcenter {
-  cursor: pointer;
-  margin-top: 60%;
-  vertical-align: middle;
-  text-align: center; }
-
-.b2b-profile-card .tooltip {
-  cursor: pointer; }
-  .b2b-profile-card .tooltip .helpertext {
-    position: relative;
-    color: white; }
-
-.b2b-profile-card .tooltip-wrapper {
-  position: relative; }
-
-/* Overrides for tooltip absolute positioning */
-@media (min-width: 1025px) {
-  .b2b-profile-card .tooltip-size-control {
-    width: 100% !important; } }
-
-@-webkit-keyframes progress-bar-stripes {
-  from {
-    background-position: 0 0; }
-  to {
-    background-position: 80px 0; } }
-
-@keyframes progress-bar-stripes {
-  from {
-    background-position: 0 0; }
-  to {
-    background-position: 80px 0; } }
-
-.progress {
-  background-color: #e4e4e4;
-  border-radius: 4px;
-  height: 14px;
-  margin-bottom: 20px;
-  min-width: 250px;
-  overflow: hidden;
-  padding: 0;
-  position: relative; }
-
-a .progress {
-  margin-bottom: 0; }
-
-.progress .bar {
-  background-color: #666;
-  border-radius: 4px;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  height: 100%;
-  width: 0; }
-
-.progress-arrow {
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
-  justify-content: flex-end; }
-
-.progress-link + .usage-bar {
-  margin-top: 5px; }
-
-.progress-success .bar, .progress .bar-success {
-  background-color: #1b7e28; }
-
-.progress-warning .bar, .progress .bar-warning {
-  background-color: #ef6f00; }
-
-.progress-danger .bar, .progress .bar-danger {
-  background-color: #cf2a2a; }
-
-.progress.increment {
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex; }
-
-.progress.increment .bar:first-child:not(:last-child) {
-  border-right: none;
-  border-radius: 4px 0 0 4px; }
-
-.progress.increment .bar:last-child:not(:first-child) {
-  border-left: none;
-  border-radius: 0 4px 4px 0; }
-
-.progress.increment .bar + .bar:not(:last-child) {
-  border-left: none;
-  border-right: none;
-  border-radius: 0; }
-
-.progress.increment .bar:not(:first-child) {
-  border-left: 1px solid white !important; }
-
-.usage-bar {
-  display: table;
-  float: none;
-  width: 100%;
- }
-
-.usage-bar > .usage-text {
-  display: table-cell;
-  width: 1%; }
-
-.progress + .usage-bar {
-  margin-top: -15px; }
-
-.usage-bar .usage-text {
-  font-size: 1.4rem; }
-
-.usage-bar .usage-text:first-child {
-  white-space: nowrap; }
-
-.usage-bar .usage-text.text-right {
-  vertical-align: top;
-  font-size: 1.4rem;
-  width: auto !important; }
-
-.usage-bar .usage-text.text-right:before {
-  content: "";
-  display: table;
-  height: .1em; }
-
-.usage-bar.billing-cycle .usage-text {
-  font-size: 1.4rem; }
-
-.usage-bar.billing-cycle .usage-text.text-right {
-  vertical-align: bottom; }
-
-.progress.autocolor [data-percentage="1"], .progress.autocolor [data-percentage="2"], .progress.autocolor [data-percentage="3"], .progress.autocolor [data-percentage="4"], .progress.autocolor [data-percentage="5"], .progress.autocolor [data-percentage="6"], .progress.autocolor [data-percentage="7"], .progress.autocolor [data-percentage="8"], .progress.autocolor [data-percentage="9"], .progress.autocolor [data-percentage="10"] .progress.autocolor [data-percentage^="2"], .progress.autocolor [data-percentage^="3"], .progress.autocolor [data-percentage^="4"], .progress.autocolor [data-percentage^="5"], .progress.autocolor [data-percentage="60"], .progress.autocolor [data-percentage="61"], .progress.autocolor [data-percentage="62"], .progress.autocolor [data-percentage="63"], .progress.autocolor [data-percentage="64"] {
-  background-color: #1b7e28; }
-
-.progress.autocolor [data-percentage="65"], .progress.autocolor [data-percentage="66"], .progress.autocolor [data-percentage="67"], .progress.autocolor [data-percentage="68"], .progress.autocolor [data-percentage="69"], .progress.autocolor [data-percentage^="7"], .progress.autocolor [data-percentage^="8"] {
-  background-color: #ef6f00; }
-
-.progress.autocolor [data-percentage^="9"], .progress.autocolor [data-percentage="100"] {
-  background-color: #cf2a2a; }
-
-.b2b-seek-bar-container {
-  position: relative; }
-  .b2b-seek-bar-container div {
-    position: absolute; }
-  .b2b-seek-bar-container .b2b-seek-bar-track-container {
-    width: 100%; }
-  .b2b-seek-bar-container .b2b-seek-bar-track {
-    width: 100%;
-    height: 6px;
-    background-color: #cccccc;
-    border-radius: 10px; }
-  .b2b-seek-bar-container .b2b-seek-bar-track-fill {
-    width: 100%;
-    height: 6px;
-    background-color: #cccccc;
-    border-radius: 10px;
-    width: 0;
-    background-color: #157BB2;
-    transition: width 0s linear; }
-
-.seek-bar-container .seek-bar-knob-container {
-  transition: left 0s linear; }
-
-.b2b-seek-bar-container .b2b-seek-bar-knob {
-  width: 14px;
-  height: 14px;
-  border-radius: 10px;
-  top: -4px;
-  left: -8px;
-  border: 1px solid #cccccc;
-  background: white;
-  cursor: pointer; }
-
-.b2b-seek-bar-container .b2b-seek-bar-knob:focus {
-  outline: thin dotted #666; }
-
-.b2b-seek-bar-container.vertical {
-  width: 100%;
-  height: 100%;
-  margin: 0 auto;
-  position: relative;
-  border-radius: 10px; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-track-container {
-    position: relative;
-    height: 100%; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-track {
-    position: absolute;
-    height: 100%; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-track-fill {
-    position: absolute;
-    bottom: 0;
-    height: 0;
-    width: 100%; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-knob-container {
-    transition: bottom .01s linear;
-    position: relative;
-    bottom: 0; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-knob {
-    position: absolute;
-    border-radius: 10px;
-    top: -7px;
-    left: -4px; }
-
-.form-search .search-query {
-  width: 100% !important; }
-
-.form-search .well {
-  margin-top: 0; }
-
-.form-search > ul.nav > li.section {
-  min-height: 20px !important; }
-
-input.b2b-search-input-field {
-  margin-bottom: 0px; }
-
-.search-suggestion-list {
-  background-color: #FFFFFF;
-  border: 1px solid #ccc;
-  border-radius: 0 0 6px 6px;
-  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-  margin-top: -5px;
-  max-height: 400px;
-  overflow-x: hidden;
-  overflow-y: auto;
-  padding: 15px 0;
-  position: absolute;
-  width: 100%;
-  z-index: 1000; }
-  .search-suggestion-list > li.active {
-    background-color: #cccccc; }
-  .search-suggestion-list:empty {
-    display: none; }
-
-.b2b-search-hightlight {
-  font-weight: bold; }
-
-input[type="text"]::-moz-placeholder {
-  color: #767676;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-
-input[type="text"]:focus {
-  z-index: 1000; }
-
-input[type="text"] + .reset-field {
-  background-color: #FFFFFF;
-  height: 90%;
-  top: 5%; }
+    left: 10px;
+}
 
 .btn-search:focus {
-  outline: 1px dotted #0574ac; }
+    outline: 1px dotted #0574ac;
+}
 
 .field-group input:not([type="button"])[disabled] ~ .btn-search {
-  background-color: #eee; }
-
-.btn-search[class*="btn"] {
-  background-color: #FFFFFF;
-  background-size: 20px 20px;
-  border-radius: 0 1.5rem 1.5rem 0;
-  height: 3rem;
-  min-width: 4.4rem !important;
-  right: 0.15rem;
-  top: 0.15rem;
-  width: 4.4rem; }
-
-.search-suggestion-wrapper {
-  margin-bottom: 15px;
-  position: relative; }
-  .search-suggestion-wrapper .no-result {
-    padding: 0px 15px; }
-
-.search-suggestion-item {
-  color: #333333;
-  line-height: 4rem;
-  padding: 0 15px;
-  position: relative;
-  z-index: 1000; }
-  .search-suggestion-item:hover {
-    background-color: #e4e4e4;
-    cursor: pointer; }
-  .search-suggestion-item:focus {
-    background-color: #e4e4e4;
-    cursor: pointer; }
-  .search-suggestion-item a {
-    color: #333333;
-    text-decoration: none; }
+    background-color: #eee;
+}
 
-.btn-search i {
-  color: #767676; }
 
 input.b2b-search-input-field:focus ~ .btn-search > i, .btn-search:focus > i {
-  color: #0568ae; }
-
-button.btn-search[disabled] {
-  cursor: not-allowed; }
-  button.btn-search[disabled] i {
-    color: #767676; }
-
-.innershadow {
-  -webkit-background-blend-mode: mutilply;
-  box-shadow: 0 3px 0 2px rgba(0, 0, 0, 0.08); }
-
-.linkSelectorModule {
-  position: relative;
-  height: 32px;
-  line-height: 20px;
-  border: 0px;
-  width: auto;
-  display: block; }
-  .linkSelectorModule .icon-primary-down {
-    font-size: 23px;
-    margin-top: -10px;
-    position: absolute;
-    top: 50%;
-    margin-left: -30px; }
-  .linkSelectorModule .selectModule {
-    background-color: transparent;
-    border: none;
     color: #0568ae;
-    cursor: pointer;
-    border: 1px solid transparent;
-    box-shadow: none;
-    padding-right: 35px;
-    position: relative;
-    user-select: none;
-    font-size: 1.6rem; }
-    .linkSelectorModule .selectModule:focus {
-      border: 1px dotted #ccc;
-      box-shadow: none;
-      -moz-user-select: none; }
-    .linkSelectorModule .selectModule:hover {
-      text-decoration: underline; }
-  .linkSelectorModule .active + .moduleWrapper:before {
-    background-color: #FFFFFF;
-    border-color: #d2d2d2;
-    border-style: solid;
-    border-width: 1px 1px 0 0;
-    content: "";
-    display: block;
-    height: 15px;
-    right: 122px;
-    margin: 0;
-    position: absolute;
-    top: -8px;
-    -webkit-transform: rotate(-45deg);
-    transform: rotate(-45deg);
-    width: 15px; }
-  .linkSelectorModule .moduleWrapper {
-    top: 40px; }
-  .linkSelectorModule ul.awd-module-list {
-    border-radius: 6px 6px 0px 0px; }
-
-.selectorModule .icon-primary-down {
-  font-size: 23px;
-  margin-top: -11px;
-  position: absolute;
-  right: 4px;
-  top: 50%; }
-
-.selectorModule .selectModule {
-  border: 1px solid #d2d2d2;
-  border-radius: 6px;
-  box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-  display: block;
-  width: 100%;
-  padding-left: 15px;
-  background-color: transparent;
-  cursor: pointer; }
-  .selectorModule .selectModule:focus {
-    border: 1px solid #0568ae;
-    -moz-user-select: none; }
-  .selectorModule .selectModule span.module-data {
-    position: absolute;
-    bottom: 6px;
-    line-height: 20px; }
-  .selectorModule .selectModule img + span.module-data {
-    padding-left: 45px; }
-
-.selectorModule .selectModule.active {
-  border-bottom-right-radius: 0px;
-  border-bottom-left-radius: 0px; }
-
-.selectorModule .moduleWrapper {
-  position: absolute;
-  width: 100% !important;
-  border-top: none; }
-
-.selectorModule ul.awd-module-list {
-  border-radius: 0px 0px 6px 6px; }
-
-.selectorModule .large > img {
-  height: 30px;
-  position: absolute;
-  width: 30px;
-  top: 20px;
-  left: 15px; }
-
-.selectModule {
-  background-color: transparent;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  color: #333333;
-  font-size: 1.6rem;
-  height: 36px;
-  line-height: 35px;
-  margin-bottom: 0;
-  position: relative;
-  text-align: left;
-  top: 0;
-  z-index: 10;
-  padding: 0px;
-  margin: 0px;
-  cursor: pointer; }
-
-.moduleWrapper {
-  background-color: #FFFFFF;
-  position: absolute;
-  color: #191919;
-  z-index: 9999;
-  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
-  border-radius: 0px 0px 6px 6px; }
-  .moduleWrapper .module-list-item img {
-    height: 30px;
-    position: absolute;
-    width: 30px;
-    top: 30px;
-    left: 15px;
-    align-self: center; }
-  .moduleWrapper span {
-    display: block;
-    white-space: nowrap;
-    font-size: 1.5rem; }
-
-.awd-module-list {
-  overflow-y: auto;
-  z-index: 9999;
-  max-height: 360px;
-  border: 1px solid #d2d2d2; }
-  .awd-module-list .module-list-item > .module-data {
-    overflow: ellipsis;
-    white-space: nowrap;
-    line-height: 20px;
-    font-size: 1.6rem;
-    border-bottom: 1px dotted #959595;
-    margin: 0px 15px 0px 15px;
-    padding-right: 50px;
-    padding-bottom: 14px;
-    padding-top: 14px;
-    align-self: center;
-    width: 100%; }
-  .awd-module-list .module-list-item:hover {
-    background-color: #f2f2f2; }
-  .awd-module-list .module-list-item:active {
-    background-color: #f2f2f2; }
-  .awd-module-list .module-list-item[aria-selected="true"] {
-    background-color: #f2f2f2; }
-
-.module-list-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  overflow: ellipsis;
-  white-space: nowrap;
-  z-index: 1000;
-  color: #191919;
-  display: flex; }
-  .module-list-item:last-of-type .module-data {
-    border-bottom: none; }
-  .module-list-item img + span.module-data {
-    padding-left: 45px; }
-
-.module-groups:first-of-type .module-list-item:last-of-type .module-data {
-  border-bottom: 1px solid #959595; }
-
-.module-groupitem {
-  padding-bottom: 4px; }
-
-.selectorModule.large {
-  height: 72px;
-  vertical-align: middle;
-  text-align: left; }
-  .selectorModule.large .moduleWrapper {
-    top: 71px; }
-  .selectorModule.large input {
-    height: 72px;
-    vertical-align: middle;
-    text-align: left; }
-  .selectorModule.large button {
-    height: 72px;
-    vertical-align: middle;
-    text-align: left; }
-  .selectorModule.large .selectModule img {
-    left: 15px;
-    top: 21px; }
-
-ul.module-groupitem li {
-  margin: 0 -15px 0 -15px; }
-
-span.module-data span {
-  display: block;
-  line-height: 20px;
-  font-size: 1.5rem; }
-
-li.module-groups {
-  cursor: default !important;
-  padding: 18px 15px 0px 15px; }
-
-li.module-list-item[selected]:before {
-  box-sizing: border-box;
-  display: inline-block;
-  font-size: 2em;
-  height: 1em;
-  position: absolute;
-  top: 20px;
-  right: 0px;
-  vertical-align: middle;
-  width: 1em;
-  color: #007a3e; }
-
-ul.module-optinalcta {
-  position: relative;
-  height: 44px;
-  margin-top: 0px;
-  border-bottom: 1px solid #d2d2d2;
-  border-left: 1px solid #d2d2d2;
-  border-right: 1px solid #d2d2d2;
-  border-radius: 0px 0px 6px 6px; }
-  ul.module-optinalcta li {
-    position: absolute;
-    bottom: 10px; }
-  ul.module-optinalcta a {
-    text-indent: 15px;
-    padding: 15px; }
-
-.b2b-slider-container {
-  position: relative; }
-  .b2b-slider-container.slider-disabled {
-    cursor: not-allowed !important; }
-  .b2b-slider-container div {
-    position: absolute; }
-  .b2b-slider-container .slider-track-container {
-    width: 100%;
-    cursor: pointer; }
-  .b2b-slider-container .slider-track {
-    width: 100%;
-    height: 6px;
-    background-color: #cccccc;
-    border-radius: 10px;
-    border: 1px solid #cccccc; }
-  .b2b-slider-container .slider-track-fill {
-    width: 100%;
-    height: 6px;
-    background-color: #cccccc;
-    border-radius: 10px;
-    width: 0;
-    background-color: #157BB2;
-    transition: width 0s linear;
-    border: 1px solid #cccccc; }
-  .b2b-slider-container .slider-knob-container {
-    transition: left 0s linear; }
-    .b2b-slider-container .slider-knob-container.slider-knob-hidden {
-      display: none !important; }
-  .b2b-slider-container .slider-knob {
-    width: 14px;
-    height: 14px;
-    border-radius: 10px;
-    top: -4px;
-    left: -8px;
-    border: 1px solid #cccccc;
-    background: white;
-    cursor: pointer; }
-    .b2b-slider-container .slider-knob:focus {
-      outline: thin dotted #666; }
-
-.b2b-slider-endpoints-container {
-  margin-top: 13px;
-  color: #333;
-  font-size: 12px; }
-  .b2b-slider-endpoints-container .b2b-slider-endpoints-left {
-    float: left;
-    line-height: 100%; }
-  .b2b-slider-endpoints-container .b2b-slider-endpoints-right {
-    float: right;
-    line-height: 100%; }
-  .b2b-slider-endpoints-container::after {
-    clear: both;
-    content: "";
-    display: block; }
-
-.b2b-slider-container.vertical {
-  width: 100%;
-  height: 100%;
-  margin: 0 auto;
-  position: relative;
-  border-radius: 10px; }
-  .b2b-slider-container.vertical .slider-track-container {
-    position: relative;
-    height: 100%; }
-  .b2b-slider-container.vertical .slider-track {
-    position: absolute;
-    height: 100%; }
-  .b2b-slider-container.vertical .slider-track-fill {
-    position: absolute;
-    bottom: 0;
-    height: 0;
-    width: 100%; }
-  .b2b-slider-container.vertical .slider-knob-container {
-    transition: bottom 0s linear;
-    position: relative;
-    bottom: 0; }
-    .b2b-slider-container.vertical .slider-knob-container.slider-knob-hidden {
-      display: none !important; }
-  .b2b-slider-container.vertical .slider-knob {
-    position: absolute;
-    border-radius: 10px;
-    top: -7px;
-    left: -4px; }
-
-.icon-primary-spinner {
-  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20id%3D%22svg-spinner%22%20x%3D%220px%22%20y%3D%220px%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%20%3Cpath%20fill%3D%22%23F5F5F5%22%20d%3D%22M18%2036C8.1%2036%200%2027.9%200%2018S8.1%200%2018%200s18%208.1%2018%2018-8.1%2018-18%2018zm0-31.5c-7.5%200-13.5%206-13.5%2013.5S10.6%2031.5%2018%2031.5c7.5%200%2013.5-6.1%2013.5-13.5%200-7.5-6-13.5-13.5-13.5z%22%2F%3E%0A%20%20%20%3Cpath%20fill%3D%22%230568AE%22%20id%3D%22spinner%22%20d%3D%22M30.7%205.3l-3.1%203.2c2.4%202.4%203.9%205.8%203.9%209.5%200%207.4-6.1%2013.5-13.5%2013.5S4.5%2025.4%204.5%2018%2010.6%204.5%2018%204.5V0C8.1%200%200%208.1%200%2018s8.1%2018%2018%2018%2018-8.1%2018-18c0-5-2-9.5-5.3-12.7z%22%3E%0A%20%20%20%20%20%20%3CanimateTransform%20%0A%20%20%20%20%20%20%20%20%20attributeType%3D%22xml%22%0A%20%20%20%20%20%20%20%20%20attributeName%3D%22transform%22%0A%20%20%20%20%20%20%20%20%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20%20from%3D%220%2018%2018%22%0A%20%20%20%20%20%20%20%20%20to%3D%22360%2018%2018%22%0A%20%20%20%20%20%20%20%20%20dur%3D%221.0s%22%0A%20%20%20%20%20%20%20%20%20repeatCount%3D%22indefinite%22%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
-  height: 50px;
-  width: 50px; }
-
-.icon-primary-spinner.small {
-  margin-right: 5px;
-  height: 30px !important;
-  width: 30px !important; }
-
-.isIE .icon-primary-spinner,
-.isIE .icon-primary-spinner.small {
-  animation: spinner 1s linear infinite; }
-
-.ds2-no-colors .icon-primary-spinner {
-  animation: spinner 1s linear infinite;
-  border: 5px dotted transparent;
-  border-radius: 50%; }
-
-@keyframes spinner {
-  0% {
-    transform: rotate(0deg); }
-  100% {
-    transform: rotate(359deg); } }
-
-.b2b-status-tracker > .btn-arrow:nth-of-type(1) {
-  margin-right: 10px; }
-
-.b2b-status-tracker > .btn-arrow:nth-of-type(2) {
-  margin-left: 20px; }
-
-.b2b-status-tracker > .btn-arrow {
-  height: 20px;
-  margin-top: 25px;
-  overflow: visible; }
-  .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-left {
-    margin-right: 5px;
-    color: #0574ac; }
-  .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-right {
-    color: #0574ac; }
-
-.b2b-status-tracker > .b2b-status-tracker-step {
-  padding: 0;
-  position: relative; }
-
-.b2b-status-tracker-step {
-  margin-left: 5px; }
-
-.b2b-status-tracker > .b2b-status-tracker-step .b2b-status-tracker-heading {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 14px;
-  color: #191919;
-  margin-bottom: 10px; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.complete > .progress > .progress-bar {
-  width: 100%;
-  background-color: #1b7e28; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.complete .icoControls-approval {
-  color: #1b7e28; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.current > .progress > .progress-bar {
-  width: 100%;
-  background-color: #333333; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.current .icon-misc-time {
-  color: #333333; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.pending > .progress > .progress-bar {
-  width: 100%;
-  background-color: #ffb81c; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.pending .icoControls-statusokay {
-  color: #ffb81c; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.actionRequired > .progress > .progress-bar {
-  width: 100%;
-  background-color: #cf2a2a; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.actionRequired .icoSecurityalerts-alert {
-  color: #cf2a2a; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.notAvailable > .progress > .progress-bar {
-  width: 100%;
-  background-color: #767676; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.notAvailable .icoControls-restricted {
-  color: #767676; }
-
-.b2b-status-tracker > .b2b-status-tracker-step > .progress {
-  position: relative;
-  border-radius: 1.5px;
-  height: 3px;
-  margin-bottom: 10px;
-  background-color: #c5c5c5; }
-  .b2b-status-tracker > .b2b-status-tracker-step > .progress > .progress-bar {
-    width: 0;
-    height: 3px; }
-
-.b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-estimate {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 14px;
-  color: #191919;
-  margin-bottom: 10px; }
-
-.b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 12px;
-  color: #767676;
-  padding-right: 15px; }
-  .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description a {
-    cursor: pointer; }
-
-.step-indicator {
-  height: auto;
-  padding: 40px 0; }
-
-.step-heading {
-  color: #333333;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 3.8rem;
-  line-height: 0.8; }
-
-.steps {
-  display: flex;
-  height: 5px;
-  margin-top: 60px;
-  position: relative; }
-
-.steps li {
-  color: #5a5a5a;
-  flex: 1;
-  margin-right: 5px;
-  background-color: #c4c4c4;
-  outline: 1px solid transparent; }
-
-.steps li:first-child {
-  border-radius: 4px 0 0 4px; }
-
-.steps li:last-child {
-  margin-right: 0;
-  border-radius: 0 4px 4px 0; }
-
-.steps li.step-on,
-.steps li.step-done {
-  background-color: #007a3e;
-  color: #007a3e;
-  border: 1px solid transparent; }
-
-.step-text {
-  bottom: 29px;
-  display: inline-block;
-  font-size: 1.8rem;
-  margin-top: 0;
-  position: relative;
-  white-space: nowrap; }
-
-.step-on .step-text {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.steps li .step-text[data-large-text]:before {
-  content: attr(data-large-text) " "; }
-
-.step-confirmation {
-  color: #007a3e;
-  margin-bottom: 30px; }
-
-.step-confirmation > div {
-  display: flex; }
-
-.step-confirmation > div i {
-  color: #007a3e;
-  font-size: 50px;
-  margin-right: 10px; }
-
-.step-confirmation.centered > div i {
-  margin-left: -60px; }
-
-.step-confirmation > div h3 {
-  font-size: 2.4rem;
-  margin: 26px 0 20px; }
-
-.step-confirmation > p {
-  margin: 0; }
-
-@media (max-width: 1024px) {
-  .step-indicator {
-    padding: 25px 0; }
-  .steps {
-    margin-top: 0; }
-  .step-heading {
-    font-size: 2.4rem;
-    margin-bottom: 11px; }
-  .step-text {
-    display: none; }
-  .step-on .step-text {
-    bottom: 6px;
-    display: block;
-    font-size: 1.2rem;
-    left: 0;
-    line-height: 1;
-    margin-top: 10px;
-    position: absolute;
-    top: 4px; }
-  .steps li .step-text[data-sm-text]:before {
-    content: attr(data-sm-text) " ";
-    color: #333333; }
-  .step-confirmation {
-    margin-top: 30px !important; } }
-
-@media (max-width: 767px) {
-  .step-confirmation.centered > div i {
-    margin-left: 0; }
-  .step-confirmation.centered > p {
-    margin-left: 40px; }
-  .step-confirmation > div h3 {
-    font-size: 1.8rem;
-    margin: 13px 0 10px; }
-  .step-confirmation > div i {
-    font-size: 30px;
-    margin-right: 10px; } }
-
-.step-indicator.vertical {
-  height: auto; }
-
-.vertical .step-heading {
-  font-size: 24px; }
-
-.vertical .steps {
-  display: block;
-  height: inherit;
-  width: 100%; }
-
-.vertical .steps li {
-  align-items: center;
-  background-color: transparent;
-  display: flex;
-  height: 60px;
-  margin: 0 0 4px;
-  padding: 0 0 0 20px;
-  position: relative; }
-
-.vertical .steps li .step-text {
-  align-self: center;
-  color: #0568ae;
-  display: block;
-  margin: 0;
-  position: relative;
-  font-size: 14px;
-  top: 0; }
-
-.vertical .steps li .step-text[data-large-text]:before {
-  content: attr(data-large-text) " "; }
-
-.vertical .steps li:after {
-  background-color: transparent;
-  border-left: 4px solid #d2d2d2;
-  content: "";
-  height: 60px;
-  left: 0;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  top: 0;
-  width: 4px; }
-
-.vertical .steps li.step-on:after,
-.vertical .steps li.step-done:after {
-  border-color: #0568ae; }
-
-.b2b-step-tracker {
-  height: auto;
-  padding: 0px 0px 0px 0px; }
-  .b2b-step-tracker .btn.btn-left {
-    margin-right: 10px; }
-  .b2b-step-tracker .btn.btn-right {
-    margin-left: 5px; }
-  .b2b-step-tracker .b2b-left-arrow {
-    float: left;
-    margin-top: -5px; }
-  .b2b-step-tracker .b2b-right-arrow {
-    float: right;
-    margin-top: -5px; }
-  .b2b-step-tracker .b2b-steps {
-    display: flex;
-    height: 5px;
-    margin-top: 30px;
-    position: relative; }
-    .b2b-step-tracker .b2b-steps li {
-      color: #767676;
-      flex: 1;
-      margin-right: 5px;
-      background-color: #767676;
-      outline: 1px solid transparent;
-      height: 3px; }
-      .b2b-step-tracker .b2b-steps li.b2b-step-done {
-        background-color: #1b7e28;
-        color: #007a3e;
-        height: 3px; }
-      .b2b-step-tracker .b2b-steps li.b2b-step-on {
-        background-color: #333333;
-        color: #333333;
-        height: 3px;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-      .b2b-step-tracker .b2b-steps li .b2b-step-text {
-        bottom: 29px;
-        display: inline-block;
-        font-size: 14px;
-        margin-top: 0;
-        position: relative;
-        white-space: nowrap; }
-      .b2b-step-tracker .b2b-steps li .b2b-step-text[data-large-text]:before {
-        content: attr(data-large-text) " "; }
-    .b2b-step-tracker .b2b-steps li:first-child {
-      border-radius: 2px 0 0 2px; }
-    .b2b-step-tracker .b2b-steps li:last-child {
-      margin-right: 0;
-      border-radius: 0 2px 2px 0; }
-
-@media (max-width: 1024px) {
-  .b2b-step-tracker {
-    padding: 25px 0; }
-    .b2b-step-tracker .b2b-steps {
-      margin-top: 0; }
-      .b2b-step-tracker .b2b-steps li .b2b-step-text {
-        display: none; }
-      .b2b-step-tracker .b2b-steps li .b2b-step-text[data-sm-text]:before {
-        content: attr(data-sm-text) " ";
-        color: #333333; }
-      .b2b-step-tracker .b2b-steps li.b2b-step-on .b2b-step-text {
-        bottom: 6px;
-        display: block;
-        font-size: 5px;
-        left: 0;
-        line-height: 1;
-        margin-top: 10px;
-        position: absolute;
-        top: 4px; } }
-
-.strength-meter-container {
-  height: 26px;
-  max-width: 450px; }
-
-.strength-meter-gauge {
-  border-radius: 2px;
-  background-color: #d2d2d2;
-  height: 5px;
-  display: block;
-  position: relative;
-  outline: 1px solid transparent; }
-
-.strength-meter-gauge-fill {
-  height: 100%;
-  display: block;
-  border-radius: 2px;
-  text-indent: -9999px;
-  width: 0%;
-  border: 2px solid transparent; }
-
-.strength-meter-gauge-fill.strength-meter-animate {
-  transition: width 0.5s linear, background-color 0.5s linear; }
-
-.strength-meter-animate[style*="20"] {
-  background-color: #cf2a2a; }
-
-.strength-meter-animate[style*="20"] + .strength-meter-divider + .strength-meter-content:after {
-  content: "Unacceptable"; }
-
-.strength-meter-animate[style*="40"] {
-  background-color: #ea7400; }
-
-.strength-meter-animate[style*="40"] + .strength-meter-divider + .strength-meter-content:after {
-  content: "Weak"; }
-
-.strength-meter-animate[style*="60"] {
-  background-color: #ea7400; }
-
-.strength-meter-animate[style*="60"] + .strength-meter-divider + .strength-meter-content:after {
-  content: "Fair"; }
-
-.strength-meter-animate[style*="80"] {
-  background-color: #007a3e; }
-
-.strength-meter-animate[style*="80"] + .strength-meter-divider + .strength-meter-content:after {
-  content: "Good"; }
-
-.strength-meter-animate[style*="100"] {
-  background-color: #007a3e; }
-
-.strength-meter-animate[style*="100"] + .strength-meter-divider + .strength-meter-content:after {
-  content: "Excellent"; }
-
-.strength-meter-divider {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  display: flex;
-  overflow: hidden; }
-
-.strength-meter-divider span {
-  background: transparent;
-  display: block;
-  flex-grow: 1;
-  border-right: solid 1px #fff; }
-
-.strength-meter-divider span:first-child {
-  border-radius: 2px 0 0 2px; }
-
-.strength-meter-divider span + .strength-meter-divider span {
-  border-radius: 0; }
-
-.strength-meter-divider span:last-child {
-  border-radius: 0 2px 2px 0;
-  border-right: 0; }
-
-.strength-meter-content {
-  font-size: 14px;
-  line-height: 1;
-  padding-top: 7px;
-  position: absolute; }
-
-.strength-meter-content:before {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  content: "Password strength: "; }
-
-.strength-meter-content:after {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.strength-meter-container {
-  height: 26px;
-  min-width: 290px;
-  max-width: 450px; }
-
-.strength-meter-container .strength-meter-gauge {
-  border-radius: 2px;
-  background-color: #cccccc;
-  box-shadow: 0 1px 1px -1px #333 inset;
-  height: 5px;
-  display: block;
-  overflow: hidden;
-  position: relative; }
-
-.strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill {
-  height: 100%;
-  box-shadow: 0 1px 1px -1px #999 inset;
-  display: block;
-  text-indent: -9999px;
-  width: 0%; }
-
-.strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill.strength-meter-animate {
-  transition: width 0ms ease-out, background-color 0ms ease-in; }
-
-.strength-meter-container > .strength-meter-gauge > .strength-meter-divider {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  display: flex; }
-
-.strength-meter-container > .strength-meter-gauge > .strength-meter-divider span {
-  background: transparent;
-  display: block;
-  flex-grow: 1;
-  border-right: solid 1px #fff; }
-
-.strength-meter-container > .strength-meter-gauge > .strength-meter-divider span:last-child {
-  border-right: 0; }
-
-.strength-meter-container > .strength-meter-content {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 14px;
-  line-height: 1;
-  padding-top: 7px; }
-
-.strength-meter-container > .strength-meter-content:before {
-  content: none; }
-
-.strength-meter-container > .strength-meter-content > .strength-meter-content-state {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.btn-switch-label {
-  display: flex;
-  align-items: center; }
-  .btn-switch-label:focus .btn-switch {
-    outline: 1px dotted #666;
-    outline-offset: 5px; }
-  .btn-switch-label input:focus .btn-switch {
-    outline: 1px dotted #666;
-    outline-offset: 5px; }
-  .btn-switch-label > span {
-    flex: 1; }
-
-.btn-switch {
-  background-color: #fff;
-  border: 1px solid #d2d2d2;
-  border-radius: 16px;
-  box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.15) inset, 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-  height: 32px;
-  overflow: hidden;
-  position: relative;
-  width: 80px;
-  user-select: none; }
-  /* .btn-switch input[type="checkbox"] {
-    left: 0;
-    margin: 0;
-    opacity: 0;
-    position: absolute;
-    top: 0;
-    transition: none; }
-    .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on .activo {
-      font: 0px/0 "Omnes-ECOMP-W02", Arial; }
-    .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on + .btn + .btn-slider-off .inactivo {
-      font: 0px/0 "Omnes-ECOMP-W02", Arial; } */
-  .btn-switch input:checked + .switch-overlay {
-    left: 0;
-    transition: all .3s linear .0s; }
-    .btn-switch input:checked + .switch-overlay .switch-handle {
-      background-color: #007a3e;
-      background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-      transition: background-color 0.3s linear 0s;
-      border: 1px solid transparent; }
-  .btn-switch input + .switch-overlay {
-    left: -48px;
-    transition: all .3s linear .0s; }
-    .btn-switch input + .switch-overlay .switch-handle {
-      background-color: #f2f2f2;
-      background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-      transition: background-color 0.3s linear 0s;
-      border: 1px solid #d2d2d2; }
-  .btn-switch input[disabled] + .switch-overlay {
-    left: 0;
-    width: 100% !important;
-    background-color: #d2d2d2;
-    color: #959595;
-    cursor: not-allowed !important; }
-    .btn-switch input[disabled] + .switch-overlay .btn-slider-on {
-      display: none; }
-    .btn-switch input[disabled] + .switch-overlay .activo {
-      display: none; }
-    .btn-switch input[disabled] + .switch-overlay .switch-handle {
-      display: none; }
-    .btn-switch input[disabled] + .switch-overlay .btn-slider-off {
-      left: 0;
-      text-align: center;
-      padding: 0; }
-  .btn-switch input[disabled]:checked + .switch-overlay {
-    left: 0;
-    width: 100% !important;
-    background-color: #fff; }
-    .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off {
-      display: none; }
-      .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off + .inactivo {
-        display: none; }
-    .btn-switch input[disabled]:checked + .switch-overlay .switch-handle {
-      display: none; }
-    .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-on {
-      display: block;
-      text-align: center;
-      padding: 0;
-      color: #007a3e !important;
-      font-weight: bold; }
-    .btn-switch input[disabled]:checked + .switch-overlay .activo {
-      display: block;
-      text-align: center;
-      padding: 0;
-      color: #007a3e !important;
-      font-weight: bold; }
-  .btn-switch input[disabled]:checked + .btn-slider-on {
-    display: block; }
-  .btn-switch input[disabled] + .btn-slider-on + .switch-handle {
-    width: 100%;
-    margin: 0; }
-    .btn-switch input[disabled] + .btn-slider-on + .switch-handle + .btn-slider-off {
-      display: block; }
-  /* .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on {
-    display: none; }
-    .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo {
-      border: medium none;
-      color: #666;
-      font: 16px/32px "Omnes-ECOMP-W02", Arial;
-      height: auto;
-      margin: 0 auto;
-      width: auto; }
-      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo:before {
-        display: none; }
-    .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
-      display: block;
-      padding: 0;
-      text-align: center;
-      color: #333333; }
-      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo {
-        border: medium none;
-        color: #666;
-        font: 16px/32px "Omnes-ECOMP-W02", Arial;
-        height: auto;
-        margin: 0 auto;
-        width: auto; }
-        .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo:before {
-          display: none; }
-  .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on {
-    display: block;
-    padding: 0;
-    text-align: center;
-    color: #007a3e; }
-    .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
-      display: none; }
-  .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .activo {
-    color: #007a3e;
-    font-weight: bold; } */
-
-.switch-overlay {
-  border-radius: 16px;
-  color: black !important;
-  font-size: 1.6rem;
-  height: 32px;
-  left: 0;
-  position: absolute;
-  top: -1px;
-  width: 126px;
-  overflow: hidden; }
-
-.btn-slider-on {
-  left: -1px;
-  text-align: left;
-  padding-left: 12px;
-  display: inline-block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  height: 32px;
-  line-height: 32px;
-  position: absolute;
-  top: 1px;
-  width: 80px; }
-
-.btn-slider-off {
-  display: inline-block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  height: 32px;
-  line-height: 32px;
-  position: absolute;
-  top: 1px;
-  width: 80px;
-  right: 1px;
-  text-align: right;
-  padding-right: 11px; }
-
-.switch-handle {
-  border-radius: 50%;
-  display: inline-block;
-  height: 26px;
-  left: 50px;
-  position: absolute;
-  top: 3px;
-  width: 26px; }
-
-.activo {
-  display: block;
-  font-size: 0.1px;
-  line-height: 40px;
-  overflow: hidden; }
-  .activo:before {
-    background-image: none;
-    border-left: 3px solid #007a3e;
-    content: " ";
-    height: 18px;
-    left: 22px;
-    margin: 2px auto;
-    position: absolute;
-    top: 5px;
-    width: 0; }
+}
 
-.inactivo {
-  font-size: 0.1px;
-  line-height: 40px; }
-  .inactivo:before {
-    background-image: none;
-    border: 3px solid #959595;
-    border-radius: 100%;
-    content: " ";
-    display: block;
-    position: absolute;
-    top: 4px;
-    right: 3px;
-    height: 16px;
-    width: 16px; }
-
-.btn-switch.focused {
-  outline: 1px dotted #000;
-  outline-offset: 5px; }
-
-
-.tiny-accordion.iconleft.accordion-table-layout .toggle-header,
-.tiny-accordion.iconleft.accordion-table-layout .toggle-header + .accordion-content,
-.tiny-accordion.iconleft.accordion-table-layout .inactive-toggle-header {
-  padding: 0 0 0 50px; }
-
-.faux-table-cell,
-.inactive-toggle-header .faux-table-cell {
-  display: table-cell;
-  width: 100%;
-  padding: 13px 0 10px 0;
-  font-size: 16px;
-  color: #333333; }
-
-.accordion-content .faux-table-cell {
-  display: table-cell;
-  width: 100%;
-  padding: 0 0 10px 0; }
-
-.faux-table-cell:last-child {
-  text-align: right;
-  min-width: 100px;
-  max-width: 150px;
-  width: 1%;
-  background-color: #f2f2f2;
-  color: #333333;
-  font-size: 14px;
-  border-left: 1px solid #d2d2d2;
-  padding: 0 20px 0 10px; }
-
-.tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
-  opacity: 1; }
-
-.tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
-  opacity: 0;
-  transition: opacity .3s linear .2s; }
-
-@media (max-width: 767px) {
-  table th,
-  table td {
-    padding: 19px 10px; }
-  table th:first-child,
-  table td:first-child {
-    padding: 19px 15px; } }
-
-.data-row-list ul > li {
-  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3Argba(153%2C153%2C153%2C1)%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important; }
+button.btn-search[disabled] {
+    cursor: not-allowed;
+}
 
+button.btn-search[disabled] i {
+    color: #767676;
+}
 
 table th,
 table td {
-  padding: 15px 15px 10px; }
-
-.data-row .col-1 {
-  white-space: nowrap;
-  padding: 15px 15px 0 15px;
-  position: relative;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.4rem;
-  border-top: 1px solid #d2d2d2; }
-
-.data-row.has-button .col-1 {
-  padding: 0; }
-
-.complex-table .data-row .col-1 {
-  color: #0568ae;
-  cursor: pointer; }
-
-.data-row.opened {
-  box-shadow: 0 -2px 0 0 #d2d2d2; }
-
-.data-row.opened td,
-.data-row.opened th {
-  border-left: 1px solid transparent;
-  border-bottom: 1px solid transparent; }
-
-.data-row.opened + .data-row-list {
-  box-shadow: 0 1px 0 0 #d2d2d2; }
-
-.data-row.opened + .data-row-list > td {
-  padding-top: 0; }
-
-.data-row.opened + .data-row-list + .data-row.opened {
-  box-shadow: 0 -1px 0 0 #d2d2d2; }
-
-.data-row button {
-  background-color: transparent;
-  border: medium none;
-  border-radius: 0;
-  color: #0568ae;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.4rem;
-  left: 0;
-  margin: 0;
-  padding: 12px 15px 7px;
-  position: relative;
-  text-align: left;
-  top: 0;
-  vertical-align: middle; }
-
-.data-row button:focus {
-  outline: 1px dotted black; }
-
-.data-row .col-1 i {
-  top: -1px;
-  margin-right: 10px;
-  display: inline-block !important; }
-
-.data-row-list th:first-child {
-  background-color: inherit !important;
-  border-top: none;
-  padding: 0 15px 15px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.4rem; }
-
-.data-row-list ul {
-  margin: 0 0 0 30px; }
-
-.data-row-list ul > li:before {
-  display: none; }
-
-.data-row-list ul > li {
-  /* background-image in tables.less */
-  background-position: left 13px;
-  background-repeat: repeat-x;
-  background-size: 4px 1px;
-  display: table;
-  padding-left: 0;
-  width: 100%; }
-
-.data-row-list li div {
-  display: table-cell;
-  background-color: white;
-  float: left;
-  text-align: left;
-  padding-left: 0;
-  padding-right: 7px; }
-
-.data-row-list li div + div {
-  float: right;
-  text-align: right;
-  padding-right: 0;
-  padding-left: 7px; }
-
-.complex-table td:nth-child(1),
-.complex-table td:nth-child(2),
-.complex-table td:nth-child(3),
-.complex-table td:nth-child(4),
-.complex-table td:nth-child(5),
-.complex-table td:nth-child(6),
-.complex-table td:nth-child(7),
-.complex-table td:nth-child(8),
-.complex-table td:nth-child(9) {
-  white-space: nowrap; }
+    padding: 15px 15px 10px;
+}
+
 
 th:nth-child(8) {
-  word-wrap: break-word;
-  word-spacing: 0; }
-
-.align-col-right {
-  text-align: right; }
-
-.complex-table th:not(:first-child),
-.complex-table td:not(:first-child) {
-  text-align: right; }
-
-.striped tbody > tr td {
-  background-color: transparent !important; }
-
-.striped tbody > tr.data-row.odd,
-.striped tbody > tr.data-row.odd + .data-row-list,
-.striped tbody > tr.data-row.odd + .data-row-list li div {
-  background-color: #f2f2f2 !important; }
-
-.striped tbody > tr:not('.data-row'):nth-child(even) {
-  background-color: #f2f2f2; }
-
-.b2b-table-div .selectWrap {
-  width: 290px;
-  position: relative;
-  display: inline-table;
-  margin-bottom: 0px; }
-
-.b2b-external-sort-div {
-  float: right;
-  padding-bottom: 25px; }
-
-.b2b-external-sort-div .sortButton {
-  font-size: 36px;
-  border: 1px solid #ccc;
-  background: #FFF;
-  border-radius: 6px;
-  text-align: center;
-  background: linear-gradient(#fcfcfc, #f2f2f2);
-  background-blend-mode: multiply;
-  width: 1em; }
-
-.b2b-external-sort-label {
-  padding-bottom: 10px; }
-
-.b2b-external-sort-div a:hover {
-  cursor: pointer; }
-
-.b2b-external-sort-div a:hover, .b2b-external-sort-div a:focus {
-  text-decoration: none; }
-
-.b2b-external-sort-label label {
-  position: relative; }
-
-.b2b-external-sort-margin {
-  margin-right: 13px !important; }
-
-.b2b-table-sorter-icon [class*="icoArrows-"]:before {
-  font-size: 20px; }
-
-@media screen and (max-width: 950px) {
-  .b2b-external-sort-margin .selectWrap {
-    bottom: 0px !important; } }
-
-.tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
-  background: 0 0;
-  cursor: default; }
-
-.tablesorter-default .tablesorter-header .tablesorter-header-inner {
-  /*  background-image: url(images/tables/upanddown.png);*/
-  background-position: center right;
-  background-repeat: no-repeat;
-  cursor: pointer;
-  white-space: normal;
-  display: inline-block;
-  vertical-align: baseline;
-  zoom: 1;
-  *display: inline;
-  *vertical-align: auto;
-  /*  padding: 0 24px 0 0;*/ }
-
-.tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
-  padding: 0; }
-
-.tablesorter-default .tablesorter-header.tablesort-sortable .tablesorter-header-inner span {
-  margin-right: 24px;
-  display: inline-block; }
-
-/*
-.tablesorter-default thead .headerSortUp .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner {
-  background-image: url(images/tables/up.png);
-}
-
-.tablesorter-default thead .headerSortDown .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
-  background-image: url(images/tables/down.png);
-}
-*/
-.tablesorter-default thead .headerSortUp .tablesorter-header-inner,
-.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,
-.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner,
-.tablesorter-default thead .headerSortDown .tablesorter-header-inner,
-.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,
-.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
-  padding-right: 0;
-  line-height: 16px; }
-
-.tablesorter-default thead .headerSortUp .tablesorter-header-inner:after,
-.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner:after,
-.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner:after {
-  font-family: 'icoPrimary' !important;
-  speak: none;
-  font-style: normal;
-  font-size: 24px;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 14px;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  -webkit-user-select: none;
-  user-select: none;
-  content: "\ea3c";
-  /*    position: relative;*/
-  position: absolute;
-  text-decoration: inherit;
-  display: inline-block;
-  transform: rotate(180deg);
-  margin-left: -22px;
-  margin-top: 2px; }
-
-.tablesorter-default thead .headerSortDown .tablesorter-header-inner:after,
-.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner:after,
-.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner:after {
-  font-family: 'icoPrimary' !important;
-  speak: none;
-  font-style: normal;
-  font-size: 24px;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 14px;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  -webkit-user-select: none;
-  user-select: none;
-  content: "\ea3c";
-  /*    position: relative;*/
-  position: absolute;
-  text-decoration: inherit;
-  display: inline-block;
-  margin-left: -22px;
-  margin-top: 2px; }
-
-.tablesorter-search-highlight {
-  font-weight: 700; }
-
-.tablesorter-headerRow th:focus {
-  outline: thin dotted #666;
-  outline-offset: -1px; }
-
-.b2b-table-message {
-  font-family: "Omnes-ECOMP-W02", Arial; }
-  .b2b-table-message .b2b-magnify-glass {
-    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20enable-background%3D%22new%200%200%2036%2036%22%3E%3Cpath%20d%3D%22M27.847%208.26c-1.805-1.803-4.202-2.795-6.751-2.795-2.548%200-4.945.993-6.749%202.796-1.803%201.803-2.796%204.2-2.796%206.75%200%201.879.543%203.681%201.576%205.242l-7.059%207.059c-.357.356-.554.831-.554%201.336-.001.505.196.98.554%201.337.357.356.832.552%201.336.552.503%200%20.977-.196%201.336-.553l7.047-7.048c1.576%201.062%203.402%201.622%205.309%201.622%202.55%200%204.948-.993%206.751-2.796%201.803-1.804%202.796-4.201%202.796-6.751%200-2.549-.993-4.947-2.796-6.751zm-6.761.96c3.186%200%205.778%202.592%205.778%205.778%200%203.186-2.592%205.778-5.778%205.778-3.186%200-5.778-2.592-5.778-5.778%200-3.185%202.592-5.778%205.778-5.778z%22%20fill%3D%22%23767676%22%2F%3E%3C%2Fsvg%3E");
-    background-repeat: no-repeat;
-    background-position: center;
-    height: 50px; }
-  .b2b-table-message .b2b-alert {
-    font-size: 50px; }
-  .b2b-table-message .b2b-loading-dots {
-    font-size: 50px;
-    margin-bottom: 20px; }
-  .b2b-table-message .b2b-message {
-    text-align: center;
-    padding-bottom: 45px;
-    padding-top: 40px;
-    border-style: solid;
-    border-width: 1px;
-    border-top: none;
-    padding-bottom: 45px;
-    border-color: #d2d2d2;
-    width: 100%;
-    min-height: 220px; }
-  .b2b-table-message .b2b-error-title {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #444444;
-    line-height: 26px;
-    margin-top: 10px; }
-  .b2b-table-message .b2b-message-title {
-    color: #444;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-
-.b2b-table-scrollbar {
-  border: 1px solid;
-  width: 651px;
-  position: relative; }
-  .b2b-table-scrollbar .b2b-table-inner-container {
-    width: 650px;
-    padding-left: 150px;
-    overflow-x: scroll; }
-  .b2b-table-scrollbar th:first-child {
-    background-color: #FFFFFF; }
-  .b2b-table-scrollbar td:first-child {
-    background-color: #FFFFFF;
-    border-top: 1px solid #cccccc;
-    border-right: 1px solid #cccccc;
-    margin-top: -0.5px; }
-  .b2b-table-scrollbar tr {
-    th: nth-child(2), td; }
-    .b2b-table-scrollbar tr :nth-child(2) {
-      border-left: none; }
-  .b2b-table-scrollbar tr:last-child > td:first-child {
-    border-bottom: 1px solid #cccccc; }
-
-.b2b-scrollbar-arrow-left {
-  float: left;
-  margin: 10px; }
-
-.b2b-scrollbar-arrow-right {
-  float: right;
-  clear: right;
-  margin: 10px; }
-  .b2b-scrollbar-arrow-right.btn-arrow .btn {
-    margin-right: 0; }
-
-.b2b-table-scrollbar ::-webkit-scrollbar {
-  height: 10px; }
-
-.b2b-table-scrollbar ::-webkit-scrollbar-thumb {
-  background: #666666;
-  border-radius: 5px; }
-
-.tabs {
-  margin-left: 0;
-  margin-bottom: 20px;
-  list-style: none; }
-
-.tabs > li > a {
-  display: block; }
-
-.tabs > li > a:hover,
-.tabs > li > a:focus {
-  text-decoration: none;
-  background-color: #d2d2d2; }
-
-.tabs > .pull-right {
-  float: right; }
-
-.tabs:before,
-.tabs:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.tabs:after {
-  clear: both; }
-
-.tabs > li {
-  float: left; }
-
-.tabs > li > a {
-  padding-right: 20px;
-  padding-left: 20px;
-  margin-right: 3px;
-  line-height: 16px; }
-
-.tabs {
-  margin: 0; }
-
-.tabs > li {
-  margin-bottom: -1px; }
-
-.tabs > li:first-child {
-  margin-left: 20px; }
-
-.tabs > li > a {
-  padding: 12px 20px;
-  border: 1px solid #d2d2d2;
-  border-radius: 6px 6px 0 0;
-  background-color: #f2f2f2;
-  color: #5a5a5a;
-  border-color: #d2d2d2; }
-
-.tabs > li > a {
-  margin-right: 6px; }
-
-.tabs > li > a,
-.tabs > li > a:hover,
-.tabs > li > a:focus {
-  background-image: none;
-  background-color: #ffffff;
-  color: #5a5a5a;
-  border-color: #d2d2d2;
-  border-bottom: 1px solid transparent;
-  cursor: pointer; }
-
-.tabs.tabs-justified,
-.tabs.promo-tabs {
-  width: 100%;
-  border-bottom: 0;
-  margin-bottom: -1px; }
-
-.tabs.tabs-justified > li,
-.tabs.promo-tabs > li {
-  display: table-cell;
-  float: none;
-  width: 1%;
-  border-left: 1px solid #d2d2d2; }
-
-.tabs.tabs-justified > li.active,
-.tabs.promo-tabs > li.active {
-  position: relative;
-  z-index: 1000; }
-
-.tabs.tabs-justified > li > a {
-  padding-right: 5px;
-  padding-left: 5px; }
-
-.tabs.tabs-justified > li > a,
-.tabs.promo-tabs > li > a {
-  text-align: center; }
-
-.tabs.promo-tabs > li > a {
-  padding: 0;
-  margin: 0;
-  border-radius: 0;
-  border: none;
-  color: #0568ae;
-  font-size: 1.2rem;
-  text-align: center;
-  padding: 6px 10px 10px;
-  border-top: 4px solid #e6e6e6;
-  filter: none;
-  border-bottom: 1px solid #d2d2d2;
-  background-color: #f9f9f9; }
-
-.tabs > li:last-child > a {
-  margin-right: 0; }
-
-.tabs.promo-tabs > li.active > a {
-  color: #333333;
-  border-top: 4px solid #ea7400;
-  border-bottom-color: white;
-  background-color: #fff !important;
-  filter: none;
-  cursor: default; }
-
-.tabs.promo-tabs > li:first-child {
-  border-left: none; }
-
-.tabs.promo-tabs > li > a img {
-  max-width: inherit;
-  max-height: 39px;
-  margin: 0 auto 5px auto;
-  display: block; }
-
-.tabbable:before,
-.tabbable:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.tabbable:after {
-  clear: both; }
-
-
-
-.tabs.promo-tabs > li > a {
-  font-size: 2.0rem;
-  height: 70px;
-  padding: 20px 20px 24px;
-  background-color: #FFFFFF;
-  border-top: 5px solid #FFFFFF;
-  white-space: nowrap; }
-
-.tabs.promo-tabs > li.active > a {
-  border-top: 5px solid #0574ac; }
-
-.tabs.promo-tabs > li > a:hover {
-  color: #333333; }
-
-.tabs.promo-tabs > li {
-  width: auto; }
-
-.tabs > li[disabled="disabled"] > a:hover {
-  cursor: not-allowed; }
-
-.b2b-tags {
-  background-color: #f2f2f2;
-  -webkit-transition: all .3s ease-out;
-  -moz-transition: all .3s ease-out;
-  transition: all .3s ease-out;
-  margin: 3px 5px 3px 0;
-  padding: 2px 15px;
-  border-radius: 6px;
-  border: 1px solid #c9c9c9;
-  display: inline-block; }
-  .b2b-tags .tags__item {
-    font-size: 14px;
-    vertical-align: baseline;
-    zoom: 1;
-    color: #333; }
-    .b2b-tags .tags__item i {
-      color: #0574ac;
-      font-size: 14px;
-      font-weight: bold;
-      margin-left: 10px; }
-      .b2b-tags .tags__item i:hover {
-        cursor: pointer; }
-    .b2b-tags .tags__item i:focus {
-      outline: thin dotted #666; }
-    .b2b-tags .tags__item:last-child {
-      margin-right: 0; }
-    .b2b-tags .tags__item:hover {
-      text-decoration: none; }
-    .b2b-tags .tags__item:focus {
-      outline: 1px dotted #666; }
-
-.tooltip-size-control {
-  display: block; }
+    word-wrap: break-word;
+    word-spacing: 0;
+}
+
 
 .tooltip {
-  display: inline-block;
-  height: 20px;
-  vertical-align: middle;
-  margin: 1px 0 0 7px; }
+    display: inline-block;
+    height: 20px;
+    vertical-align: middle;
+    margin: 1px 0 0 7px;
+}
 
 p .tooltip {
-  margin: -3px 7px 0 0; }
+    margin: -3px 7px 0 0;
+}
 
 label .tooltip {
-  margin: 1px 0 0 7px; }
-
-.tooltip .icon-primary-tooltip {
-  background: none;
-  border: none;
-  display: inline-block;
-  font-size: 20px;
-  height: 20px;
-  margin: 0;
-  position: relative;
-  width: 20px; }
-
-.tooltip .icon-primary-tooltip:before {
-  top: 0; }
-
-.tooltip .icon-primary-tooltip:focus {
-  text-decoration: none;
-  outline: 1px dotted black; }
-
-.tooltip.active .icon-primary-tooltip:focus {
-  outline: none; }
-
-.tooltip .arrow {
-  display: none;
-  border-color: transparent;
-  border-style: solid;
-  background-color: #0568ae;
-  height: 20px;
-  width: 20px;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  opacity: 0;
-  transform: rotate(45deg);
-  z-index: 20; }
-
-.tooltip.active .icon-primary-tooltip[data-placement="top"] .arrow {
-  display: block;
-  bottom: 32px;
-  top: auto;
-  border-width: 0 1px 1px 0; }
-
-.tooltip.active .icon-primary-tooltip[data-placement="bottom"] .arrow {
-  border-width: 1px 0 0 1px;
-  display: block;
-  bottom: -33px;
-  top: auto; }
-
-.tooltip.active .arrow {
-  opacity: 1; }
-
-.tooltip .closingtooltip {
-  display: block; }
-
-.tooltip.active .closingtooltip {
-  display: none; }
-
-.tooltip-wrapper {
-  position: absolute;
-  margin-top: 20px;
-  left: 15px;
-  right: 15px;
-  display: none;
-  opacity: 0;
-  z-index: 1010;
-  text-align: left; }
-
-.helpertext {
-  background-color: #0568ae;
-  border: 1px solid transparent;
-  border-radius: 6px;
-  color: #fff;
-  display: none;
-  margin: 0;
-  padding: 25px;
-  position: relative;
-  text-align: left;
-  width: 100%;
-  top: 0;
-  z-index: 1009; }
-
-.tooltip .helpertext {
-  position: absolute; }
-
-.tooltip.active .icon-primary-tooltip[data-placement="bottom"] + .tooltip-wrapper .helpertext {
-  bottom: inherit;
-  top: 19px; }
-
-.tooltip.active .icon-primary-tooltip[data-placement="top"] + .tooltip-wrapper .helpertext {
-  top: inherit;
-  bottom: 38px; }
-
-.tooltip.active .tooltip-wrapper {
-  opacity: 1;
-  display: block;
-  margin-top: 0; }
-
-.tooltip.active .tooltip-wrapper .helpertext {
-  display: block; }
-
-.tooltip-onclick .btn.icon-primary-tooltip {
-  border: medium none;
-  box-shadow: none;
-  color: #0568ae;
-  font-size: 20px;
-  height: 34px;
-  line-height: 36px;
-  margin: 0;
-  min-width: 50px;
-  padding: 0;
-  position: absolute;
-  right: 0;
-  top: 0; }
-
-.tooltip-onclick .icon-primary-tooltip:before {
-  display: inline;
-  position: relative; }
-
-.tooltip-onclick textarea + .reset-field + .icon-primary-tooltip {
-  top: 4px;
-  right: 5px;
-  min-width: 40px; }
-
-.tooltip-onclick.active .helpertext:before,
-.tooltip-onfocus.active .helpertext:before {
-  background-color: #0568ae;
-  border-color: transparent;
-  border-style: solid;
-  border-width: 1px 1px 0 0;
-  content: "";
-  display: block;
-  height: 15px;
-  left: 17px;
-  margin: 0;
-  position: absolute;
-  top: -7px;
-  transform: rotate(-45deg);
-  width: 15px; }
-
-.tooltip-onclick.active .helpertext {
-  display: block;
-  opacity: 1;
-  margin: 14px 0 0; }
-
-.tooltip-onclick.active .helpertext:before {
-  left: inherit;
-  right: 18px; }
-
-.tooltip-onclick .reset-field {
-  right: 37px; }
-
-.tooltip-onclick .reset-field:before {
-  position: relative;
-  top: -1px; }
-
-.tooltip-onfocus.active .helpertext {
-  display: block;
-  margin: 14px 0 10px 0; }
-
-.popover-title {
-  display: block;
-  font-size: 14px;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-weight: bold;
-  margin-bottom: 8px;
-  white-space: normal; }
-
-.popover-content {
-  display: block;
-  font-size: 12px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  line-height: 1.5rem;
-  white-space: normal; }
-
-.popover-content span,
-.popover-content p {
-  line-height: 1.5rem; }
-
-.popover-content p:last-child {
-  margin-bottom: 0; }
-
-.tooltip .tooltip-element {
-  position: relative; }
-
-.tooltip .icon-primary-tooltip:hover {
-  text-decoration: none; }
-
-.tooltip.active .tooltip-element[data-placement="top"] .arrow {
-  display: block;
-  bottom: 32px;
-  top: auto; }
-
-.tooltip.active .tooltip-element[data-placement="bottom"] .arrow {
-  display: block;
-  border-color: transparent transparent #0574ac;
-  bottom: -33px;
-  top: auto; }
-
-.tooltip.active .tooltip-element[data-placement="bottom"] + .tooltip-wrapper .helpertext {
-  bottom: inherit;
-  top: 19px; }
-
-.tooltip.active .tooltip-element[data-placement="top"] + .tooltip-wrapper .helpertext {
-  top: inherit;
-  bottom: 38px; }
-
-.b2b-tree {
-  padding: 0 10px 0 10px;
-  width: 320px; }
-  .b2b-tree ul {
-    list-style: none;
-    list-style-type: none; }
-  .b2b-tree a {
-    display: block;
-    padding: 0 0 5px 30px;
-    line-height: 22px;
-    margin-left: -10px;
-    font-size: 1.4rem;
-    outline-offset: -1px; }
-  .b2b-tree li:focus {
-    outline: none; }
-    .b2b-tree li:focus > a {
-      outline: thin dotted #666;
-      outline-offset: -1px; }
-  .b2b-tree ul li {
-    border-left: 1px solid #ccc; }
-    .b2b-tree ul li .b2b-tree-tooltip {
-      display: none;
-      position: absolute;
-      top: -25px;
-      left: 100%;
-      white-space: nowrap;
-      margin-left: 10px;
-      z-index: 1010;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      font-size: 12px; }
-    .b2b-tree ul li .b2b-tree-tooltip-content {
-      background-color: #0568ae;
-      margin-left: 9px;
-      border-radius: 6px;
-      color: #fff;
-      padding: 25px; }
-    .b2b-tree ul li .b2b-tree-arrow-left {
-      width: 0;
-      height: 0;
-      border-top: 10px solid transparent;
-      border-bottom: 10px solid transparent;
-      border-right: 10px solid #0568ae;
-      position: absolute;
-      top: 25px; }
-    .b2b-tree ul li.activeTooltip > a .b2b-tree-tooltip {
-      display: block; }
-  .b2b-tree ul ul {
-    padding: 0 0 0 20px; }
-  .b2b-tree ul > li {
-    position: relative;
-    line-height: 18px; }
-  .b2b-tree a > span.b2b-tree-node-icon {
-    background-color: #FFF;
-    display: inline;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    left: -11px;
-    top: 0;
-    line-height: 14px;
-    width: 11px; }
-    .b2b-tree a > span.b2b-tree-node-icon > i {
-      font-size: 20px; }
-  .b2b-tree a:only-child {
-    color: #0574ac; }
-    .b2b-tree a:only-child > span.b2b-tree-node-icon {
-      left: -11px;
-      border-radius: 50%;
-      line-height: 7px;
-      top: 0; }
-      .b2b-tree a:only-child > span.b2b-tree-node-icon > i {
-        background-color: inherit;
-        background: #fff; }
-  .b2b-tree a > span.b2b-tree-node-icon > i.icon-primary-circle {
-    background-color: inherit;
-    background: #fff;
-    font-size: 5px; }
-  .b2b-tree a.b2b-locked-node:after {
-    content: "\ec58";
-    float: right;
-    font-family: 'icoSecurityalerts' !important; }
-  .b2b-tree a:hover .b2b-locked-node:after {
-    text-decoration: none; }
-  .b2b-tree ul li:first-child > a:only-child > span.b2b-tree-node-icon {
-    left: -11px;
-    border-radius: 50%;
-    line-height: 12px; }
-  .b2b-tree ul li:last-child > a:only-child > span.b2b-tree-node-icon {
-    height: 27px;
-    background-color: #fff; }
-  .b2b-tree li a + ul {
-    height: 0;
-    overflow: hidden; }
-  .b2b-tree li a.active + ul {
-    height: auto;
-    overflow: visible; }
-  .b2b-tree li a.grp {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-    .b2b-tree li a.grp.active {
-      color: #333; }
-  .b2b-tree span.end {
-    left: -6px !important;
-    top: 5px !important; }
-  .b2b-tree span.first-link {
-    width: 3px !important;
-    height: 15px !important;
-    top: 0px !important;
-    left: -2px !important;
-    background: #fff; }
-
-/* .b2b-tree-checkbox {
-  padding: 0 10px 0 10px;
-  width: 320px; }
-  .b2b-tree-checkbox ul {
-    list-style: none;
-    list-style-type: none; }
-  .b2b-tree-checkbox a {
-    display: block;
-    padding: 0 0 5px 30px;
-    line-height: 22px;
-    margin-left: -10px;
-    font-size: 14px;
-    outline-offset: -1px; }
-  .b2b-tree-checkbox li:focus {
-    outline: none; }
-    .b2b-tree-checkbox li:focus > a {
-      outline: thin dotted #666;
-      outline-offset: -1px; }
-  .b2b-tree-checkbox ul li {
-    border-left: 1px solid #ccc; }
-  .b2b-tree-checkbox ul ul {
-    padding: 0 0 0 20px; }
-  .b2b-tree-checkbox ul > li {
-    position: relative;
-    line-height: 18px; } */
-  /* .b2b-tree-checkbox a > span.nodeIcon {
-    background-color: #FFF;
-    display: inline;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    left: -11px;
-    top: 0;
-    line-height: 14px;
-    width: 11px; } */
-    /* .b2b-tree-checkbox a > span.nodeIcon > i {
-      font-size: 20px; } */
-    .b2b-tree-checkbox a > span.nodeIcon.end {
-      margin-top: 10px; }
-  .b2b-tree-checkbox a:only-child {
-    color: #0574ac; }
-    .b2b-tree-checkbox a:only-child > span.nodeIcon {
-      left: -11px;
-      border-radius: 50%;
-      line-height: 7px;
-      top: 0; }
-      .b2b-tree-checkbox a:only-child > span.nodeIcon > i {
-        background-color: inherit;
-        background: #fff; }
-  .b2b-tree-checkbox a > span.nodeIcon > i.icon-primary-circle {
-    background-color: inherit;
-    background: #fff;
-    font-size: 5px; }
-  .b2b-tree-checkbox ul li:first-child > a:only-child > span {
-    left: -11px;
-    border-radius: 50%;
-    line-height: 12px;
-    top: 0px; }
-  .b2b-tree-checkbox ul li:first-child > a:only-child > span.end {
-    margin-top: 0px; }
-  .b2b-tree-checkbox ul li:first-child > a:only-child > span i.icon-primary-circle {
-    top: 8px; }
-  .b2b-tree-checkbox ul li:last-child > a:only-child > span {
-    height: 34px;
-    background-color: #fff; }
-  .b2b-tree-checkbox li a + ul {
-    height: 0;
-    overflow: hidden; }
-  .b2b-tree-checkbox li a.active + ul {
-    height: auto; }
-  .b2b-tree-checkbox li a.grp {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  .b2b-tree-checkbox span.end {
-    left: -6px !important; }
-  .b2b-tree-checkbox .checkbox {
-    margin-bottom: 0px;
-    margin-top: 2px;
-    font-size: 14px; }
-    .b2b-tree-checkbox .checkbox input:indeterminate + .skin:after {
-      content: "\2014";
-      padding-left: 2px;
-      font-family: inherit !important;
-      line-height: inherit !important; }
-  /* .b2b-tree-checkbox span.first-link {
-    width: 3px !important;
-    height: 15px !important;
-    top: 0px !important;
-    left: -2px !important;
-    background: #fff; } */
-
-.b2b-widget-window {
-  width: 147px;
-  right: 5px;
-  top: 60px;
-  position: absolute;
-  border: 1px solid #ccc;
-  background-color: #fff;
-  border-radius: 8px;
-  z-index: 1000; }
-  .b2b-widget-window li {
-    margin: 15px; }
-
-.b2b-widget-container {
-  background-color: #fff;
-  border-radius: 8px;
-  border: 1px solid #ccc;
-  position: relative; }
-  .b2b-widget-container .b2b-widget-header {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333;
-    height: 55px;
-    padding-left: 15px;
-    padding-top: 19px; }
-    .b2b-widget-container .b2b-widget-header .header {
-      font-size: 18px; }
-  .b2b-widget-container .b2b-widget-header-icons {
-    font-size: 16px;
-    color: #0574ac; }
-
-.b2b-widget-header-icons button {
-  border: none;
-  background: transparent;
-  color: #0574ac; }
-  .b2b-widget-header-icons button:focus {
-    outline-style: solid;
-    outline-width: 1px;
-    outline-color: #0574ac; }
-  .b2b-widget-header-icons button:first-child {
-    margin-right: 0px; }
-
-.b2b-widget-container .b2b-widget-content {
-  height: 325px;
-  margin: 0;
-  padding: 20px;
-  position: relative;
-  border-top: 1px solid #ccc; }
-
-.b2b-widget-content .form-row:first-child {
-  margin-top: 0; }
-
-.b2b-widget-header-icons button.icoControls-gear:focus, .b2b-widget-header-icons button.icon-primary-close:focus {
-  outline: thin dotted #666; }
-
-.b2b-widget-header .icon-primary-close:before {
-  content: '-';
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  outline: none; }
-
-.b2b-widget-window .arrow_box {
-  background: #fff;
-  border: 1px solid #ccc; }
-
-.b2b-widget-window.arrow_box:after, .b2b-widget-window.arrow_box:before {
-  bottom: 100%;
-  left: 75%;
-  border: solid transparent;
-  content: " ";
-  height: 0;
-  width: 0;
-  position: absolute;
-  pointer-events: none; }
-
-.b2b-widget-window.arrow_box:after {
-  border-color: rgba(255, 255, 255, 0);
-  border-bottom-color: #fff;
-  border-width: 10px;
-  margin-left: 1px; }
-
-.b2b-widget-window.arrow_box:before {
-  border-color: rgba(204, 204, 204, 0);
-  border-bottom-color: #ccc;
-  border-width: 11px;
-  margin-left: 0px; }
-
-/************************** Overrides for Filters ***************************/
-.filter-container .filter-header h2 {
-  line-height: 1 !important;
-  margin: 0 !important; }
-
-.filter-container .icon-primary-spinner:before {
-  content: none; }
-
-.filter-container .fixed-230-subnav {
-  margin: 10px !important;
-  width: inherit !important; }
-
-.filter-container .unlinked:focus {
-  outline: thin dotted #666 !important; }
-
-.filter-container .unlinked.active {
-  color: inherit !important; }
-
-.filter-container .fixed-230-subnav a > i {
-  background: none; }
-
-.filter-container .fixed-230-subnav ul {
-  margin: 0 0 10px 10px; }
-
-/************************** Overrides for Filters ***************************/
-.row .filter-container {
-  background-color: #fff; }
-
-.filter-header {
-  overflow: hidden;
-  padding: 20px 0;
-  position: relative; }
-
-.filter-header h2 {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 2.4rem;
-  margin-bottom: 0; }
-
-.filter-selected {
-  border-top: 1px solid #ccc;
-  padding-top: 20px; }
-
-.filter-selected > span {
-  font-size: 1.3rem;
-  text-transform: uppercase; }
-
-.filter-selected > a.clear-all-filters {
-  float: right;
-  font-size: 1.4rem; }
-
-.filter-selected > span,
-.filter-selected > a.clear-all-filters {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.filter-selected-group {
-  padding-top: 15px; }
-
-.filter-selected-badge {
-  background-color: #f2f2f2;
-  border-radius: 15px;
-  display: inline-block;
-  font-size: 1.4rem;
-  margin-bottom: 10px;
-  padding: 0 0 0 12px; }
-
-.filter-selected-badge .icoControls-optionsoff {
-  background: transparent none repeat scroll 0 0;
-  border: medium none;
-  font-size: 2.5em;
-  margin: 0;
-  padding: 0; }
-
-.filters .fixed-230-subnav > ng-transclude > div:first-child {
-  border-top: 1px solid #ccc; }
-
-.filters .fixed-230-subnav > ng-transclude > div {
-  border-bottom: 1px solid #ccc; }
-
-.filter-results {
-  align-items: center;
-  border-bottom: 1px solid #ccc;
-  display: flex;
-  flex-wrap: wrap;
-  height: 50px;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between; }
-
-.filter-results-sortby > span {
-  text-transform: uppercase; }
-
-.filter-results-view .icon-primary-content-gridguide {
-  font-size: 2em;
-  margin-right: 0; }
-
-.filter-container .fixed-230-subnav > ng-transclude > div > a {
-  font-size: 1.8rem;
-  margin: 0;
-  padding: 15px 20px 15px 0;
-  color: #0574ac !important;
-  cursor: pointer !important;
-  font-family: "Omnes-ECOMP-W02", Arial !important;
-  outline-offset: inherit !important;
-  position: relative;
-  height: auto;
-  width: auto; }
-
-.filter-container .fixed-230-subnav a > i {
-  right: 0;
-  top: 15px; }
-
-.filter-container .fixed-230-subnav .icon-primary-collapsed:before, .filter-container .fixed-230-subnav .icon-primary-expanded:before {
-  float: right; }
-
-.filter-container .fixed-230-subnav ul.collapse {
-  position: inherit;
-  transition: height 0.5s ease;
-  height: 0;
-  overflow: hidden; }
-
-.filter-container .checkbox .icon-primary-spinner {
-  height: 24px;
-  position: absolute;
-  width: 24px; }
-
-.fixed-230-subnav.affix {
-  margin: -28px 0 0; }
-
-#nav-menu .b2b-menu,
-#nav-menu .fixed-230-subnav {
-  margin: 0; }
-
-.b2b-menu > li,
-.fixed-230-subnav > div {
-  border-bottom: 1px solid #ccc;
-  line-height: 4.0rem; }
-
-.b2b-menu > li:first-child,
-.fixed-230-subnav > li:first-child {
-  border-top: 1px solid #ccc; }
-
-.b2b-menu div > a,
-.fixed-230-subnav div > a {
-  color: #0574ac;
-  cursor: pointer;
-  display: block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.4rem;
-  margin: 0;
-  outline-offset: -1px;
-  padding: 0 10px;
-  position: relative; }
-
-.fixed-230-subnav div > a.live {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  color: #666; }
-
-.fixed-230-subnav > ng-transclude > div li > a {
-  display: block;
-  font-size: 1.4rem;
-  line-height: 20px; }
-
-.fixed-230-subnav > ng-transclude > div li > a.active {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  text-decoration: none;
-  color: #666; }
-
-#nav-menu .fixed-230-subnav a > i {
-  top: 10px; }
-
-.fixed-230-subnav > li > a.active > i:after {
-  display: none; }
-
-.b2b-menu ul,
-.fixed-230-subnav ul {
-  margin: 0 0 10px 0; }
-
-.b2b-menu ul div a,
-.fixed-230-subnav ul div a {
-  padding: 0 10px; }
-
-.unlinked {
-  outline: medium none !important;
-  text-decoration: none !important; }
-
-@media (max-width: 1024px) {
-  .filter-container .fixed-230-subnav {
-    margin: 0 20px;
-    width: auto; }
-  .filter-container .fixed-230-subnav > li {
-    margin: 0; }
-  .row .filter-container {
-    display: none;
-    height: 100%;
-    left: 0;
-    position: fixed;
-    overflow: auto;
-    top: 0;
-    transition: all 0.5s ease 0s;
-    width: 285px;
-    z-index: 9999; }
-  .filter-header {
-    padding-left: 20px; }
-  .filter-selected {
-    margin: 0 20px 10px; } }
-
-.b2b-pane-selector-wrapper {
-  width: 100%;
-  display: block;
-  border-top: solid 1px #ccc;
-  border-bottom: solid 1px #ccc; }
-  .b2b-pane-selector-wrapper .side-nav {
-    width: 20% !important;
-    display: inline-block;
-    float: left; }
-  .b2b-pane-selector-wrapper .pane-container {
-    width: 80%;
-    vertical-align: top;
-    margin: 0;
-    padding-top: 30px;
-    border-left: solid 1px #ccc;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    display: none; }
-    .b2b-pane-selector-wrapper .pane-container.active {
-      display: inline-block; }
-    .b2b-pane-selector-wrapper .pane-container .pane-container-top {
-      padding-left: 15px; }
-    .b2b-pane-selector-wrapper .pane-container .panes {
-      display: -webkit-flex;
-      display: flex;
-      border-top: solid 1px #ccc;
-      margin-top: 30px; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block {
-        height: inherit;
-        overflow-y: auto;
-        border-right: solid 1px #ccc;
-        position: relative;
-        flex: 1;
-        -webkit-flex: 1;
-        /* Safari 6.1+ */
-        -ms-flex: 1;
-        /* IE 10 */ }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block:focus {
-          outline: dotted 1px #333333; }
-    .b2b-pane-selector-wrapper .pane-container .search-block {
-      position: relative;
-      float: right; }
-      .b2b-pane-selector-wrapper .pane-container .search-block input[type="search"]:focus {
-        padding-right: 40px; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row p {
-      margin-top: 15px; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div {
-      border-bottom: solid 1px #ccc; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row {
-      display: block;
-      padding: 19px 14px 19px 14px;
-      margin-top: 0px;
-      border: dotted 1px transparent;
-      border-bottom: solid 1px #ccc; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:focus {
-        border: dotted 1px #333333 !important; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:last-child {
-        border-bottom: none; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block > .no-content {
-      text-align: center;
-      border-bottom: none;
-      display: block;
-      position: absolute;
-      top: 45%;
-      left: 0;
-      right: 0; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div:last-child {
-      border-bottom: none; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row span.margin-chk {
-      margin: 15px 15px 0px 15px;
-      float: left; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row .checkbox-selectall {
-      margin: 0px 0 0 24px !important; }
-  .b2b-pane-selector-wrapper .side-nav li {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    border: none;
-    border-top: solid 1px #ccc;
-    display: block !important;
-    width: auto !important;
-    margin-left: 0px !important; }
-    .b2b-pane-selector-wrapper .side-nav li.active {
-      background-color: #f6f6f6;
-      position: inherit !important; }
-      .b2b-pane-selector-wrapper .side-nav li.active > a {
-        font-size: 16px;
-        color: #333;
-        text-decoration: none;
-        border: none;
-        background-color: transparent;
-        padding: 20px 15px;
-        display: block;
-        height: auto;
-        border-left: 4px solid #0574ac; }
-    .b2b-pane-selector-wrapper .side-nav li > a {
-      font-size: 16px;
-      color: #333;
-      text-decoration: none;
-      border: none;
-      background-color: transparent;
-      padding: 20px 15px;
-      display: block;
-      height: auto;
-      text-align: left; }
-    .b2b-pane-selector-wrapper .side-nav li > a:focus {
-      border-right: dotted 1px #333333; }
-    .b2b-pane-selector-wrapper .side-nav li:first-child {
-      border-top: none;
-      margin-left: none !important; }
-/********************* Utility CSS Starts **********************/
-.offscreen-text {
-  position: absolute;
-  left: -10000px;
-  top: auto;
-  width: 1px;
-  height: 1px;
-  overflow: hidden; }
-
-/********************* Utility CSS Ends **********************/
-/* Fix for alignment issue on Cancel link inside modal */
-.modal-footer > .cta-button-group {
-  line-height: 40px; }
-
-/* .att-dark-green { // Not used
-  color: #007a3e;
-} */
-.colors-off-msg {
-  display: none; }
-
-button .colors-off-msg {
-  position: relative; }
-
-.ds2-no-colors .colors-off-msg {
-  display: block; }
-
-.ds2-no-colors [data-colordatatext] button .colors-off-msg {
-  font-size: 1.1rem;
-  line-height: normal;
-  padding: 5px 0;
-  position: absolute;
-  top: 0;
-  white-space: normal;
-  width: 60px; }
-
-/* Not used
-.make-all-white * {
-  color: #fff;
-}
-.make-all-white a {
-  text-decoration: underline;
-} */
-.loader > span {
-  display: block;
-  padding-top: 20px; }
-
-.modal > .loader {
-  left: 50%;
-  margin-left: -25px;
-  margin-top: -25px;
-  position: absolute;
-  top: 50%; }
-
-#pageLevelLoader.modal {
-  background-color: transparent;
-  border: none;
-  box-shadow: none;
-  top: 40%; }
-
-.modal.fade .loader {
-  display: none; }
-
-.modal.fade.in .loader {
-  display: block; }
-
-.btn.disabled[data-loading-text] {
-  padding: 0 19px 0 18px;
-  line-height: 46px; }
-
-.btn.disabled[data-loading-text] img {
-  position: relative;
-  top: 2px; }
-
-/*  Seems to already be in docs.css
-.fixed-230.leftnav {
-  position: relative;
-}
-.fixed-230-subnav {
-  margin: 10px;
-}
-.fixed-230-subnav > li:first-child {
-  border-top: none;
-}
-.fixed-230-subnav > li {
-  border-bottom: 1px solid #d2d2d2;
-}
-.fixed-230-subnav > li > a {
-  display: block;
-  font-size: 1.4rem;
-  line-height: normal;
-  margin: 0 -9px;
-  padding: 11px 35px 12px 9px;
-  outline-offset: 0;
-  position: relative;
-}
-.fixed-230-subnav > li > a.live {
-  color: #333333;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-}
-.fixed-230-subnav a > i {
-  right: 10px;
-  margin: 0;
-  position: absolute;
-  top: 10px;
-}
-.fixed-230-subnav a > i:after {
-  display: none;
-}
-.fixed-230-subnav > li li > a {
-  display: block;
-  font-size: 1.4rem;
-  line-height: 18px;
-}
-.fixed-230-subnav > li li > a.active {
-  color: #333333;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  text-decoration: none;
-}
-.fixed-230-subnav ul {
-  margin: 0 0 10px;
-} */
-.unlinked {
-  color: #0568ae !important;
-  font-family: "Omnes-ECOMP-W02", Arial !important; }
-
-.unlinked.active {
-  color: inherit !important; }
-
-/* @media (max-width: 767px) {
-  .row.has-leftnav {
-    flex-wrap: wrap;
-  }
-  .row.has-leftnav .fluid-space {
-    padding-right: 0;
-  }
-  .row .fixed-230 {
-    background-color: #fff;
-    width: auto;
-  }
-  .row .leftnav {
-    background-color: #fff !important;
-    display: block !important;
-  }
-  .fixed-230-subnav {
-    margin: 10px 0 0;
-    width: 100%;
-  }
-  .fixed-230-subnav > li {
-    margin-left: -15px;
-    margin-right: -15px;
-  }
-  .fixed-230-subnav > li:first-child {
-    border-top: 1px solid #d2d2d2;
-  }
-  .fixed-230-subnav > li > a {
-    margin: 0;
-  }
-  .fixed-230-subnav a:hover,
-  .fixed-230-subnav a:focus {
-    text-decoration: none !important;
-  }
-  .fixed-230-subnav > li li > a {
-    padding: 5px 10px;
-  }
-  .fixed-230-subnav > li li > a.active {
-    color: inherit;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  }
-} */
-@keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-@-moz-keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-@-webkit-keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-@-ms-keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-@-o-keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-.ajaxed,
-.modal.fade.in .modal-header,
-.modal.fade.in .modal-body,
-.modal.fade.in .modal-footer {
-  animation-duration: 0.01s;
-  -o-animation-duration: 0.01s;
-  -ms-animation-duration: 0.01s;
-  -moz-animation-duration: 0.01s;
-  -webkit-animation-duration: 0.01s;
-  animation-name: DOMinsertion;
-  -o-animation-name: DOMinsertion;
-  -ms-animation-name: DOMinsertion;
-  -moz-animation-name: DOMinsertion;
-  -webkit-animation-name: DOMinsertion; }
-
-.dda-css-override ul.nav-tabs {
-  margin-bottom: 0; }
-
-
-.formsWithinProcessButton {
-  margin-right: 0px; }
-
-.heading-sub-section-form {
-  font-size: 2.4rem;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  margin-bottom: 20px;
-  margin-top: 10px; }
-
-.heading-small-form {
-  font-size: 1.6rem;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  margin-top: 0px; }
-
-.icon-primary-form-sizeL {
-  font-size: 50px; }
-
-.icon-primary-form-size {
-  font-size: 30px; }
-
-.spanformfix {
-  margin-right: 15px !important; }
-
-@media (max-width: 767px) {
-  .heading-sub-section-form {
-    font-size: 1.8rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px;
-    padding-top: 10px;
-    margin-top: 30px; }
-  .heading-small-form {
-    font-size: 1.4rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-top: 0px; } }
-
-@media (max-width: 479px) {
-  .icon-primary-form-resizeL {
-    display: none; }
-  .icon-primary-form-resize {
-    display: none; }
-  .heading-center-form {
-    margin-left: 20px; } }
-
-@media (min-width: 480px) {
-  .icon-primary-form-resizeL {
-    display: none; }
-  .icon-primary-form-resize {
-    display: inherit; }
-  .icon-primary-center-min {
-    margin-top: 30px; } }
-
-@media (min-width: 768px) {
-  .icon-primary-form-resizeL {
-    display: inherit;
-    margin-top: 30px; }
-  .icon-primary-form-resize {
-    display: none; }
-  .center-form-align {
-    margin-top: 35px; } }
-
-@media (min-width: 1024px) {
-  .icon-primary-form-resizeL {
-    display: inherit;
-    margin-top: 0px; }
-  .icon-primary-form-resize {
-    display: none; }
-  .center-form-align {
-    margin-top: 5px; } }
-
-.data-row.has-button td.col-1 {
-  padding: 0; }
-
-  
-.icon-primary-circle:before {
-  background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-  content: "";
-  position: absolute;
-  top: 0;
-  z-index: 1; }
-
-.b2b-drag-handle {
-  cursor: move;
-  -ms-interpolation-mode: bicubic;
-  margin-bottom: 40px;
-  height: 23px;
-  padding-right: 10px;
-  float: left; }
-
-.b2b-drag-over {
-  background-color: #d1d1d1; }
-
-.b2-drag-element {
-  background-color: #e8e8e8; }
-
-[draggable] {
-  -moz-user-select: none;
-  -khtml-user-select: none;
-  -webkit-user-select: none;
-  user-select: none; }
-/* Flyout inputs color is not aligned */
-textarea, input {
-  color: #333; }
-
-.isIE .btn-primary.btn:focus::after,
-.isIE .btn-specialty.btn:focus::after,
-.isIE .btn-alt.btn:focus::after {
-  border: 1px dashed #fff !important; }
-.b2b-config-section-container {
-  height: auto;
-  min-height: 330px;
-  width: 815px;
-  background-color: #fff;
-  border: 1px solid #ccc;
-  display: inline-table;
-  border-radius: 6px; }
-
-.b2b-config-section-first-div {
-  border-right: 1px solid #ccc;
-  height: auto;
-  min-height: 330px; }
-
-.b2b-config-section-icon-primary-font {
-  font-size: 50px;
-  height: 31px;
-  line-height: 31px; }
-
-.b2b-config-section-padding {
-  padding: 20px 20px 15px 15px;
-  height: auto; }
-
-.b2b-config-sec-flyout {
-  position: relative;
-  left: 10px;
-  float: right;
-  color: #0574ac;
-  font-size: 16px;
-  font-family: "Omnes-ECOMP-W02", Arial; }
-
-.b2b-config-sec-divider {
-  border-bottom: 1px solid #ccc; }
-
-.b2b-confi-sec-span-border {
-  border-right: 1px solid;
-  height: auto; }
-
-.b2b-config-sec-speed-div {
-  text-align: center;
-  margin-top: 20px; }
-
-.b2b-config-sec-label-font {
-  font-size: 16px; }
-
-.b2b-config-sec-expander-main {
-  padding: 0 5px 0px 15px; }
-
-.b2b-config-sec-expander-body .b2b-config-vlan-padding {
-  padding: 5px 15px 10px 0px; }
-
-.b2b-conif-sec-row-height {
-  height: 110px; }
-
-.b2b-config-sec-expander-body {
-  font-size: 14px; }
-  .b2b-config-sec-expander-body .b2b-config-vlan-data {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    padding-left: 15px; }
-
-.b2b-config-sec-expander-body-first-div {
-  border-top: 1px solid #ccc; }
-
-.b2b-config-sec-expander-body .tooltip {
-  position: static;
-  opacity: 1; }
-
-.b2b-config-section-container .row > [class*="span"] {
-  margin-right: 0px; }
-
-.b2b-config-vlan-icons {
-  font-size: 16px;
-  float: right;
-  margin-right: 0px; }
-
-.b2b-config-section-container .span6 {
-  width: 50%; }
-
-.b2b-config-sec-data-link-style {
-  position: relative;
-  left: 95%;
-  top: 30px;
-  border-radius: 50%;
-  width: 23px;
-  height: 23px;
-  background: #fff;
-  border: 1px solid #ccc;
-  color: #666666; }
-
-.b2b-config-sec-text-align {
-  text-align: center;
-  margin-top: 15px;
-  margin-bottom: 35px;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 14px;
-  color: #333333; }
-
-.b2b-config-port-text-align {
-  text-align: center;
-  margin-top: 15px;
-  margin-bottom: 8px;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 14px;
-  color: #333333; }
-
-.b2b-config-port-text-label {
-  margin-top: 6px;
-  margin-bottom: 8px;
-  font-size: 14px;
-  text-align: center; }
-
-.b2b-confi-sec-last-div p {
-  font-size: 14px;
-  padding: 10px 15px 0 15px; }
-
-.b2b-confi-sec-router-label {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 16px;
-  color: #333333;
-  float: left;
-  width: 100%;
-  margin-bottom: 7px; }
-
-.b2b-config-vlan-label {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 14px;
-  color: #333333;
-  margin-top: 1px;
-  margin-bottom: 9px; }
-
-.b2b-config-vlan-info {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 14px;
-  color: #333333;
-  margin-bottom: 1px; }
-  .b2b-config-vlan-info .icon-misc-pen {
-    padding-left: 7px; }
-
-.b2b-confi-sec-model-label {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 14px;
-  color: #333333; }
-
-.b2b-confi-sec-router-info {
-  float: left;
-  width: 62%; }
-
-.b2b-config-sec-speed-sec {
-  border-right: 1px solid #ccc; }
-
-.b2b-config-sec-speed-label {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 20px;
-  color: #333333;
-  text-align: center; }
-  .b2b-config-sec-speed-label i {
-    margin-left: 15px;
-    font-size: 16px; }
-
-.b2b-config-sec-yellow-flag-div {
-  width: 1.6%;
-  background-color: #ffb18c; }
-
-.b2b-config-sec-expander-icons {
-  margin-top: 6px; }
-  .b2b-config-sec-expander-icons .icon-misc-trash {
-    margin-right: 10px; }
-
-.b2b-config-sec-yellow-flag .b2b-config-sec-expander-icons {
-  left: 40px; }
-
-.b2b-config-sec-expander-body-icons .icon-misc-pen {
-  position: relative;
-  left: 18px; }
-.b2b-directory-listing .center {
-  display: block;
-  margin: 2em auto; }
-
-.b2b-directory-listing .listBox {
-  height: 310px;
-  width: 450px;
-  padding-left: 1px;
-  padding-right: 1px;
-  font-family: "Omnes-ECOMP-W02", Arial; }
-
-.b2b-directory-listing .listBox:focus {
-  outline: thin dotted #666; }
-
-.b2b-directory-listing .b2b-directory-listing-no-results {
-  font-weight: bold; }
-
-.b2b-directory-listing .b2b-directory-listing-list {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  color: #5a5a5a;
-  overflow-x: hidden;
-  position: relative;
-  height: 300px;
-  border: 1px solid #333;
-  border-radius: 6px;
-  margin-bottom: 10px; }
-
-.b2b-directory-listing .b2b-directory-listing-item {
-  margin: 1px;
-  border: 1px solid transparent;
-  outline: none;
-  text-align: left;
-  overflow: hidden;
-  cursor: pointer;
-  padding-top: 13px;
-  padding-bottom: 7px;
-  padding-left: 15px;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  word-wrap: break-word; }
-  .b2b-directory-listing .b2b-directory-listing-item:focus {
-    border: 1px #3399FF solid; }
-
-.b2b-directory-listing .b2b-directory-listing-item-selected {
-  color: #fff;
-  background-color: #3399FF; }
-
-.b2b-directory-listing input[type="text"] {
-  padding-right: 30px; }
-  .b2b-directory-listing input[type="text"]:focus, .b2b-directory-listing input[type="text"]:hover {
-    padding-right: 30px; }
-
-.b2b-directory-listing .row .btns {
-  margin-right: 90px;
-  margin-left: -115px;
-  margin-top: 100px; }
-
-.b2b-directory-listing .btn-remove {
-  margin-right: auto !important;
-  margin-bottom: 15px; }
-  .b2b-directory-listing .btn-remove i {
-    margin-right: 0;
-    color: #fff;
-    top: -1px; }
-
-.b2b-directory-listing .btn-remove-all {
-  margin-top: 0;
-  margin-bottom: 61px !important;
-  /* need to be removed */
-  margin-right: auto !important; }
-  .b2b-directory-listing .btn-remove-all i {
-    margin-right: 0;
-    color: #fff;
-    top: -1px; }
+    margin: 1px 0 0 7px;
+}
 
-.b2b-directory-listing .btn-add {
-  margin-bottom: 15px !important; }
-  .b2b-directory-listing .btn-add i {
-    margin-right: 0;
-    color: #fff;
-    top: -1px; }
 
-.b2b-directory-listing .btn-add-all {
-  margin-top: 0;
-  margin-bottom: 61px !important; }
-  .b2b-directory-listing .btn-add-all i {
-    margin-right: 0;
-    color: #fff;
-    top: -1px; }
-
-.b2b-directory-listing .btn-search[class*="btn"] {
-  right: 0.09rem; }
-
-.b2b-directory-listing .btn {
-  width: 130px; }
-
-.b2b-directory-listing-disabled {
-  cursor: not-allowed; }
-
-.b2b-directory-listing-label-heading {
-  margin-top: 24px;
-  padding-bottom: 5px; }
-
-.b2b-dl-list-box option {
-  padding-top: 13px;
-  padding-bottom: 7px;
-  padding-left: 15px; }
-
-.b2b-dl-modal-button-div {
-  padding-top: 110px;
-  text-align: center; }
-.b2b-tmpl-notification-card {
-  border-radius: 6px;
-  height: auto;
-  width: 420px;
-  background-color: #ffffff;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 8px;
-  overflow: hidden; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-header {
-    padding-left: 30px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333333;
-    font-size: 24px;
-    margin-top: 2px;
-    display: inline-block;
-    min-height: 60px;
-    position: relative; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-body {
-    padding: 0 30px 20px;
-    position: relative; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-header-title {
-    margin-top: 10px; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button {
-    box-shadow: 0 -50px 0 0 #f2f2f2 inset;
-    height: 69px;
-    position: absolute;
-    border-color: #f2f2f2 #f2f2f2 transparent transparent;
-    border-style: solid;
-    border-width: 35px;
-    height: 0;
-    right: -295px;
-    top: -4px;
-    width: 69px;
-    /*Old properties */
-    box-shadow: none;
-    transform: none; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close {
-      height: 48px;
-      right: -40px;
-      top: -40px;
-      width: 48px;
-      position: relative;
-      /*Old properties */
-      transform: none; }
-      .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:before {
-        color: #0568ae;
-        display: block;
-        font-size: 20px;
-        height: auto;
-        right: -4px;
-        top: 4px;
-        width: auto;
-        /*Old properties */
-        left: auto;
-        height: auto;
-        bottom: auto; }
-      .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:focus {
-        outline: 1px dotted black; }
-  .b2b-tmpl-notification-card button.close {
-    -webkit-appearance: none;
-    moz-appearance: none;
-    appearance: none; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-icon-primary-cirlce {
-    width: 30px;
-    height: 30px;
-    border-radius: 50%; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-outer-cirlce {
-    background: #f0f5f5;
-    border-radius: 50%;
-    height: 16px;
-    width: 16px;
-    vertical-align: middle; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-inner-cirlce {
-    background: #fff;
-    width: 22px;
-    height: 22px;
-    position: relative;
-    border-radius: 50%;
-    display: block;
-    left: 4px;
-    top: 4px;
-    border: 1px solid #767676; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-row {
-    padding-top: 10px; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-sub-header {
-    margin-top: 0px; }
-  .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item {
-    background-color: #fff;
-    margin-top: 25px;
-    border-top: 1px solid #ccc; }
-    .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item .cta-button-group {
-      line-height: 40px;
-      padding-top: 20px; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-edit-section .cta-button-group {
-    line-height: 40px;
-    padding-top: 15px; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-add-item-container {
-    padding-top: 30px; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-link-active {
-    pointer-events: none;
-    cursor: default;
-    color: #ccc; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-cursor:hover {
-    cursor: pointer; }
-.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon {
-  text-align: center;
-  margin-top: 91px; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon i {
-    font-size: 99px;
-    color: #1b7e28; }
-
-.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading {
-  color: #333333;
-  text-align: center;
-  margin-top: 20px; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading h1 {
-    font-size: 38px; }
-
-.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading {
-  color: #333333;
-  text-align: center; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading h5 {
-    font-size: 18px; }
-
-.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info {
-  padding-left: 18%;
-  font-size: 16px;
-  margin-top: 20px; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info ul {
-    list-style-type: disc;
-    list-style-position: inside; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info li {
-    padding-top: 5px; }
-
-.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section {
-  font-size: 15px;
-  color: #0574ac;
-  margin-top: 20px;
-  text-align: center;
-  margin-bottom: 55px; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section .b2b-tmpl-order-confirmation-link {
-    margin-right: 8%; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section a {
-    cursor: pointer; }
-.b2b-tmpl-profile-block-container {
-  min-height: 200px;
-  height: auto;
-  background-color: #fff;
-  border-radius: 8px;
-  border: 1px solid #ccc;
-  box-shadow: 0px 1px 1px 1px #ccc;
-  display: inline-table;
-  margin: 15px 15px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-title {
-    font-weight: bold; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-footer {
-    margin-bottom: 12px;
-    margin-top: 5px;
-    height: 35px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p {
-    word-wrap: break-word;
-    height: 61px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:first-child {
-      margin-top: 10px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:after {
-      content: ' ';
-      display: block;
-      border: 0.2px solid #ccc;
-      margin-top: 12px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio {
-    margin-left: 15px;
-    height: 30px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details div {
-    padding: 2px 7px;
-    font-size: 14px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio-label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details a {
-    font-size: 14px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p span {
-    padding-left: 10px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon {
-    color: #1b7e28;
-    float: right;
-    position: relative;
-    left: 10px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon i {
-      color: #1b7e28;
-      float: right; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-link {
-    float: right;
-    position: relative;
-    left: -4px; }
-  .b2b-tmpl-profile-block-container a.link-profile {
-    position: relative;
-    left: -5px;
-    float: right;
-    margin-bottom: 16px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-radio {
-    position: relative;
-    top: -5px; }
-.b2b-static-route-container {
-  padding-left: 32px;
-  display: inline-block; }
-
-.b2b-static-route-label-heading {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 5px !important;
-  color: #333333;
-  font-style: normal;
-  text-align: left; }
-
-label.b2b-static-route-label-heading {
-  margin-bottom: 12px;
-  margin-top: 15px;
-  display: block; }
-
-#b2b-static-route-input {
-  margin: 5px 0 5px; }
-
-.b2b-static-route-list {
-  margin-bottom: 30px;
-  width: 216px;
-  float: left;
-  margin-right: 20px;
-  max-height: 540px;
-  overflow-y: auto; }
-  .b2b-static-route-list .status-text {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    outline: 0; }
-
-.b2b-static-route-list-item {
-  border: 1px #cccccc solid;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 5px;
-  display: flex;
-  cursor: pointer; }
-  .b2b-static-route-list-item > .status-bar {
-    padding: 20px 0 20px;
-    background-color: #ea7400;
-    border-radius: 0;
-    width: 10px;
-    display: inline-block;
-    margin-right: 20px;
-    height: 100%;
-    float: left; }
-    .b2b-static-route-list-item > .status-bar:after {
-      content: '.';
-      visibility: hidden; }
-  .b2b-static-route-list-item > .status-bar-unedited {
-    padding: 20px 0 20px;
-    background-color: #ffb81c;
-    border-radius: 0;
-    width: 10px;
-    display: inline-block;
-    margin-right: 20px;
-    height: 100%;
-    float: left;
-    background-color: transparent; }
-    .b2b-static-route-list-item > .status-bar-unedited:after {
-      content: '.';
-      visibility: hidden; }
-
-.b2b-static-route-list-item:focus {
-  outline: 1px dashed #00f; }
+textarea, input {
+    color: #333;
+}
 
-.b2b-static-route-list-item--selected {
-  background: #f2f2f2; }
+.card {
+    border-radius: 5px;
+}
 
-.b2b-static-route-content {
-  display: inline-block; }
+.card-header {
+    height: 50px;
+}
 
-  .selectWrap::after { 
-  align-items: center; 
-  background-position: 7px 7px; 
-  background-repeat: no-repeat; 
-  background-size: auto 23px; 
-  border-left: 1px solid transparent; 
-  color: #0568ae; 
-  display: flex; 
-  font-size: 23px; 
-  height: 36px; 
-  margin-right: 0; 
-  overflow: hidden; 
-  position: absolute; 
-  right: 0; 
-  text-indent: 7px; 
-  top: 0; 
-  user-select: none; 
-  width: 41px; 
-  z-index: 0; 
-  position: absolute !important; 
-  display: flex !important; 
+.card-body {
+    height: 150px;
 }
 
-.card{
-  border-radius: 5px;
+.card-footer {
+    height: 60px;
 }
 
-.card-header{
-  height: 50px;
+.dialog__close-btn {
+    border: 0;
+    background: #087ac2;
+    color: #ffffff;
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    font-size: 1.2em;
+    display: block;
+    border: #087ac2 2px solid;
 }
 
-.card-body{
-  height: 150px;
+.dialog {
+    margin-top: 50px;
 }
 
-.card-footer{
-  height: 60px;
+.modalTitle {
+    font-size: 35px;
 }
 
-.dialog__close-btn {
-  border: 0;
-  background: #087ac2;
-  color: #ffffff;
-  position: absolute;
-  top: 8px;
-  right: 8px;
-  font-size: 1.2em;
-  display: block;
-  border: #087ac2 2px solid;
+.defaultFontSize {
+    font-size: 15px;
 }
 
-.dialog{
-  margin-top: 50px;
+
+.tab-content {
+    margin-right: 20px;
+    /* background-color: #006496; */
+    color: rgb(0, 0, 0);
 }
 
-.modalTitle{
-    font-size: 35px;  
+.btn-sm {
+    width: 30px;
+    height: 15px;
+    font-size: 10px;
 }
 
-.defaultFontSize{
-  font-size: 15px;
+::ng-deep .mat-checkbox-inner-container {
+    display: inline-block;
+    height: 25px;
+    line-height: 0;
+    margin: auto;
+    margin-right: 8px;
+    order: 0;
+    position: relative;
+    vertical-align: middle;
+    white-space: nowrap;
+    width: 25px;
+    flex-shrink: 0;
 }
 
+.button-holder{
+    padding-right: 10px;
+    margin-top: 50px;
+}
 
-.tab-content{
-  margin-right: 20px;
-  /* background-color: #006496; */
-  color: rgb(0, 0, 0);
+.checkbox-holder{
+    padding-top: 10px;
 }
 
-.btn-sm{
-  width: 30px;
-  height: 15px;
-  font-size: 10px;
+.textarea-def {
+    display: block;
+    width: 800px;
+    padding: 15px;
 }
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.component.html
index 4fd0accd..fa6570fb 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.component.html
@@ -1,319 +1,369 @@
-
 <app-definition-save-dialog-component [(visible)]="showDialog">
 
-        <div class="card">
-            <div class="card-body">
-                <div class="modalTitle">{{status}}</div>
-                <button *ngIf="closable" (click)="close()" aria-label="Close" class="dialog__close-btn">X</button>
-                <br/>
-                <label>{{message}}</label>
-            </div>
-            <div class="card-footer">
-                <button style="font-size: 17px;" (click)="showDialog = !showDialog" class="btn btn-alt btn-small">Close</button>
-            </div>
-        </div>
-        </app-definition-save-dialog-component> 
-    
-    <div class="stdForm">
+    <div class="card">
+        <div class="card-body">
+            <div class="modalTitle">{{status}}</div>
+            <button (click)="close()" *ngIf="closable" aria-label="Close" class="dialog__close-btn">X</button>
             <br/>
-    <div class="tab-content">
-        <h1>Step 1 - Report Definition</h1> 
-    </div>
-    <br/>
-    <br/>
-    <div *ngIf="showSpinner">
-            <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
-    </div>
-    <div *ngIf="!showSpinner">
-    <div class="forms-group">
-    <div class="tab-pane">
-    <div class="field-group">
-        <label>Report ID</label> <br/>
-        <input class="defaultFontSize" id="textinputID-2a" type="text"  ng-disabled="true" disabled="disabled" [(ngModel)]="reportId" value="{{finalGetObj.reportId}}" />
-    </div>
-    <br/>
-    <div class="field-group">
-        <label>Report Name</label> <br/>
-        <input  class="defaultFontSize" id="reportName" type="text"  [(ngModel)]="reportName" value="{{finalGetObj.reportName}}"/>
-    </div>
-    <br/>
-    <div class="field-group">
-        <label>Report Description</label> <br/>
-        <textarea  class="defaultFontSize" id="reportDescription" type="textarea" [(ngModel)]="reportDescription"  value="{{finalGetObj.reportDescr}}"></textarea>
-    </div>
-    <br/>
-    <div class="field-group">
-        <label for="reportType">*Report Type</label> <br/>
-                <select class="browser-default custom-select defaultFontSize"  required="required" placeholder="Select Report Type" [(ngModel)]="reportType"  value="{{finalGetObj.reportType}}">
-                    <option  class="defaultFontSize" selected>Select Report Type  </option>
-                    <option  class="defaultFontSize" value="Linear" >Linear</option>
-                    <option  class="defaultFontSize" value="Dashboard" >Dashboard</option>
-                  </select>
-      
-        
-    </div>
-    <br/>
-    <div *ngIf="reportType === 'Linear'">
-    <div class="field-group">
-        <label for="dataSrc">*Data Source</label> <br/>
-        <select class="browser-default custom-select defaultFontSize" id="dataSrc" required="required" value="Select Report Type" [(ngModel)]="dataSrc" value="{{dataSrc}}" >
-            <option  class="defaultFontSize" selected>Select Data Source  </option>
-            <option  class="defaultFontSize" value="local">local</option>
-            <option  class="defaultFontSize" value="e911_prod">e911_prod</option>
-            <option  class="defaultFontSize" value="e911_dev">e911_dev</option>
-          </select>
-    </div>
-    <br/>
-    <div class="field-group">
-        <label>Form Help Text</label> <br/>
-        <textarea  class="defaultFontSize" id="helpText" type="textarea" [(ngModel)]="helpText" value="{{finalGetObj.formHelpText}}"></textarea>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label>Report Definition</label> <br/>
-            <input  class="defaultFontSize" id="reportDefinition" type="text" ng-disabled="true" disabled="disabled" value="SQL-Based" placeholder="SQL-Based" [(ngModel)]="reportDefinition" value="{{finalGetObj.repDefType}}"/>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label>Page Size</label> <br/>
-            <select  class="browser-default custom-select defaultFontSize" id="pageSize" required="required" value="Select Report Type" [(ngModel)]="pageSize" value="{{finalGetObj.pageSize}}">
-                    <option  class="defaultFontSize" selected>Select Page Size  </option>
-                    <option  class="defaultFontSize" value="100">100</option>
-                    <option class="defaultFontSize"  value="200">200</option>
-                    <option  class="defaultFontSize" value="300">300</option>
-                    <option  class="defaultFontSize" value="400">400</option>
-                    <option  class="defaultFontSize" value="500">500</option>
-                  </select>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label>Display Area </label>
-    </div>
-    <mat-button-toggle-group name="fontStyle" aria-label="Font Style" vertical [(ngModel)]="displayArea" value="{{finalGetObj.reportId}}">
-            <mat-button-toggle class="defaultFontSize" value="HOME">HOME</mat-button-toggle>
-            <mat-button-toggle class="defaultFontSize" value="CUSTOMER">CUSTOMER</mat-button-toggle>
-            <mat-button-toggle class="defaultFontSize" value="REPORTS">REPORTS</mat-button-toggle>
-    </mat-button-toggle-group>
-    <br/>
-    <br/>
-    <div class="field-group">
-            <label for="hideFormFields1" class="checkbox">
-                    <input  id="hideFormFields1" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="hideFormFields1">
-                    <i class="skin"></i><span class="defaultFontSize">Hide Form fields after run?</span>
-                </label>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label>Max Rows in Excel/CSV Download</label> <br/>
-            <select class="browser-default custom-select defaultFontSize" id="maxRows" required="required" [(ngModel)]="maxRows">
-                    <option  class="defaultFontSize" selected>Select Max Rows  </option>
-                    <option  class="defaultFontSize" value="100">100</option>
-                    <option  class="defaultFontSize" value="200">200</option>
-                    <option  class="defaultFontSize" value="300">300</option>
-                    <option  class="defaultFontSize" value="400">400</option>
-                    <option  class="defaultFontSize" value="500">500</option>
-                  </select>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label>Columns to be Frozen</label> <br/>
-            <select class="browser-default custom-select defaultFontSize" id="colsFrozen" required="required" [(ngModel)]="colsFrozen">
-                    <option  class="defaultFontSize" selected>Select Columns To Be Frozen  </option>
-                    <option  class="defaultFontSize" value="100">100</option>
-                    <option  class="defaultFontSize" value="200">200</option>
-                    <option  class="defaultFontSize" value="300">300</option>
-                    <option  class="defaultFontSize" value="400">400</option>
-                    <option  class="defaultFontSize" value="500">500</option>
-                  </select>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label>Data Grid Align</label> <br/>
-            <select class="browser-default custom-select defaultFontSize" id="gridAlign" required="required" [(ngModel)]="gridAlign">
-                    <option  class="defaultFontSize" selected>Select Grid Align  </option>
-                    <option  class="defaultFontSize" value="100">100</option>
-                    <option  class="defaultFontSize" value="200">200</option>
-                    <option  class="defaultFontSize" value="300">300</option>
-                    <option  class="defaultFontSize" value="400">400</option>
-                    <option  class="defaultFontSize" value="500">500</option>
-                  </select>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label>Empty message</label> <br/>
-            <input  class="defaultFontSize" id="emptyMessage" type="text" [(ngModel)]="emptyMessage"/>
-    </div>
-    <br/>
-    
-    <div class="field-group">
-            <label>Height of the Data Container(%)</label> <br/>
-            <select class="browser-default custom-select defaultFontSize" id="heightContainer" required="required" [(ngModel)]="heightContainer">
-                    <option  class="defaultFontSize" selected>Select height of Data Container(%)  </option>
-                    <option  class="defaultFontSize" value="100">100</option>
-                    <option  class="defaultFontSize" value="200">200</option>
-                    <option  class="defaultFontSize" value="300">300</option>
-                    <option  class="defaultFontSize" value="400">400</option>
-                    <option  class="defaultFontSize" value="500">500</option>
-                  </select>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label>Width of the Data Container(%)</label> <br/>
-            <select class="browser-default custom-select defaultFontSize" id="widthContainer" required="required" [(ngModel)]="widthContainer">
-                    <option  selected>Select Width of the Data Container(%)  </option>
-                    <option  class="defaultFontSize" value="100">100</option>
-                    <option  class="defaultFontSize" value="200">200</option>
-                    <option  class="defaultFontSize" value="300">300</option>
-                    <option  class="defaultFontSize" value="400">400</option>
-                    <option  class="defaultFontSize" value="500">500</option>
-                  </select>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label for="allowScheduler" class="checkbox">
-                    <input   id="allowScheduler" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="allowScheduler">
-                    <i class="skin"></i><span>Allow Scheduler</span>
-                </label>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label for="sizedByContent" class="checkbox">
-                    <input   id="sizedByContent" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="sizedByContent">
-                    <i class="skin"></i><span>Sized By Content</span>
-                </label>
-    </div>
-    <br/>
-    <div class="field-group">
-     <label>Options:</label>
-    </div>
-    
-    <div class="field-group">
-            <label for="hideFormFields" class="checkbox">
-                    <input   id="hideFormFields" type="checkbox" class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="hideFormFields">
-                    <i class="skin"></i><span>Hide Form Fields</span>
-                </label>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label for="hideChart" class="checkbox">
-                    <input   id="hideChart" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="hideChart">
-                    <i class="skin"></i><span>Hide Chart</span>
-                </label>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label for="hideReportData" class="checkbox">
-                    <input   id="hideReportData" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="hideReportData" value="{{hideReportData}}">
-                    <i class="skin"></i><span>Hide Report Data</span>
-                </label>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label for="hideExcel" class="checkbox">
-                    <input  id="hideExcel" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="hideExcel" value="{{hideExcel}}">
-                    <i class="skin"></i><span>Hide Excel</span>
-                </label>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label for="hidePDF" class="checkbox">
-                    <input   id="hidePDF" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="hidePDF" value="{{hidePDF}}">
-                    <i class="skin"></i><span>Hide PDF</span>
-                </label>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label for="disableColumnSort" class="checkbox">
-                    <input    id="disableColumnSort" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="disableColumnSort" value="{{finalGetObj.runtimeColSortDisabled}}">
-                    <i class="skin"></i><span>Disable column sort at runtime?</span>
-                </label>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label>Run-time Form Number Columns</label> <br/>
-            <select class="browser-default custom-select defaultFontSize" id="runTimeFormNum" required="required" [(ngModel)]="runTimeFormNum" value="{{runTimeFormNum}}">
-                    <option  class="defaultFontSize" selected>Select Run-time Form Number Columns  </option>
-                    <option class="defaultFontSize" value="100">100</option>
-                    <option class="defaultFontSize" value="200">200</option>
-                    <option class="defaultFontSize" value="300">300</option>
-                    <option class="defaultFontSize" value="400">400</option>
-                    <option class="defaultFontSize" value="500">500</option>
-                  </select>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label>Report Title (if blank, the Report Name will be displayed)</label> <br/>
-            <textarea  class="defaultFontSize" id="reportTitle" type="textarea" [(ngModel)]="reportTitle" value="{{finalGetObj.reportTitle}}"></textarea>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label>Report Sub-Title</label> <br/>
-            <textarea  class="defaultFontSize" id="reportSubTitle" type="textarea" [(ngModel)]="reportSubTitle" value="{{finalGetObj.reportSubTitle}}"></textarea>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label for="oneTime" class="checkbox">
-                    <input  id="oneTime" type="checkbox"  [(ngModel)]="oneTime" value="{{finalGetObj.oneTimeRec}}">
-                    <i class="skin"></i><span>One Time</span>
-                </label>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label for="hourly" class="checkbox">
-                    <input  id="hourly" type="checkbox"  [(ngModel)]="hourly" value="{{finalGetObj.hourlyRec}}">
-                    <i class="skin"></i><span>Hourly</span>
-                </label>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label for="daily" class="checkbox">
-                    <input  id="daily" type="checkbox"  [(ngModel)]="daily" value="{{finalGetObj.dailyRec}}">
-                    <i class="skin"></i><span>Daily</span>
-                </label>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label for="monFri" class="checkbox">
-                    <input  class="defaultFontSize" id="monFri" type="checkbox"  [(ngModel)]="MonFri" value="{{finalGetObj.dailyMFRec}}">
-                    <i class="skin"></i><span>Daily Monday - Friday</span>
-                </label>
-    </div>
-    <br/>
-    <div class="field-group">
-            <label for="weekly" class="checkbox">
-                    <input  class="defaultFontSize" id="weekly" type="checkbox" [(ngModel)]="Weekly" value="{{finalGetObj.weeklyRec}}">
-                    <i class="skin"></i><span>Weekly</span>
-                </label>
+            <label>{{message}}</label>
+        </div>
+        <div class="card-footer">
+            <button (click)="showDialog = !showDialog" class="btn btn-alt btn-small" style="font-size: 17px;">Close
+            </button>
+        </div>
     </div>
+</app-definition-save-dialog-component>
+
+<div class="stdForm">
     <br/>
-    <div class="field-group">
-            <label for="monthly" class="checkbox">
-                    <input  class="defaultFontSize" id="monthly" type="checkbox" [(ngModel)]="Monthly" value="{{Monthly}}">
-                    <i class="skin"></i><span>Monthly</span>
-                </label>
+    <div class="tab-content">
+        <h3>Step 1 - Report Definition</h3>
     </div>
     <br/>
-    </div>
-    <div *ngIf="reportType === 'Dashboard'">
-                 
+    <span *ngIf="showSpinner" class="ecomp-spinner"></span>
+    <div *ngIf="!showSpinner">
+        <div class="forms-group">
+            <div class="tab-pane">
+                <div class="field-group">
+                    <label>Report ID</label> <br/>
+                    <input [(ngModel)]="reportId" class="defaultFontSize" disabled="disabled" id="textinputID-2a"
+                           ng-disabled="true" type="text" value="{{finalGetObj.reportId}}"/>
+                </div>
+                <br/>
+                <div class="field-group">
+                    <label>*Report Name</label> <br/>
+                    <input [(ngModel)]="reportName" class="defaultFontSize" id="reportName" type="text"
+                           value="{{finalGetObj.reportName}}"/>
+                </div>
+                <br/>
+                <div class="field-group">
+                    <label>Report Description</label> <br/>
+                    <textarea [(ngModel)]="reportDescription" class="defaultFontSize textarea-def" id="reportDescription"
+                              type="textarea" value="{{finalGetObj.reportDescr}}"></textarea>
+                </div>
+                <br/>
+                <div class="field-group">
+                    <label for="reportType">*Report Type</label> <br/>
+                    <select [(ngModel)]="reportType" class="browser-default custom-select defaultFontSize"
+                    (ngModelChange)="getReportType()"  placeholder="Select Report Type" required="required"
+                            value="{{finalGetObj.reportType}}">
+                        <option class="defaultFontSize" selected>Select Report Type</option>
+                        <option class="defaultFontSize" value="Linear">Linear</option>
+                        <option class="defaultFontSize" value="Dashboard">Dashboard</option>
+                    </select>
+                </div>
+                <br/>
+                <div *ngIf="reportType === 'Linear'">
+                    <div class="field-group">
+                        <label for="dataSrc">*Data Source</label> <br/>
+                        <select [(ngModel)]="dataSrc" class="browser-default custom-select defaultFontSize" id="dataSrc"
+                                required="required" value="Select Report Type" value="{{dataSrc}}">
+                            <option class="defaultFontSize" selected>Select Data Source</option>
+                            <option class="defaultFontSize" value="local">local</option>
+                            <option class="defaultFontSize" value="e911_prod">e911_prod</option>
+                            <option class="defaultFontSize" value="e911_dev">e911_dev</option>
+                        </select>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label>Form Help Text</label> <br/>
+                        <textarea [(ngModel)]="helpText" class="defaultFontSize" id="helpText" type="textarea"
+                                  value="{{finalGetObj.formHelpText}}"></textarea>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label>Report Definition</label> <br/>
+                        <input [(ngModel)]="reportDefinition" class="defaultFontSize" disabled="disabled" id="reportDefinition"
+                               ng-disabled="true" placeholder="SQL-Based" type="text"
+                               value="SQL-Based" value="{{finalGetObj.repDefType}}"/>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label>Page Size</label> <br/>
+                        <select [(ngModel)]="pageSize" class="browser-default custom-select defaultFontSize" id="pageSize"
+                                required="required" value="Select Report Type" value="{{finalGetObj.pageSize}}">
+                            <option class="defaultFontSize" selected>Select Page Size</option>
+                            <option class="defaultFontSize" value="50">50</option>
+                            <option class="defaultFontSize" value="100">100</option>
+                            <option class="defaultFontSize" value="200">200</option>
+                            <option class="defaultFontSize" value="300">300</option>
+                            <option class="defaultFontSize" value="400">400</option>
+                            <option class="defaultFontSize" value="500">500</option>
+                        </select>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label>Display Area </label>
+                    </div>
+                    <mat-button-toggle-group [(ngModel)]="displayArea" aria-label="Font Style" name="fontStyle" value="{{finalGetObj.reportId}}"
+                                             vertical>
+                        <mat-button-toggle class="defaultFontSize" value="HOME">HOME</mat-button-toggle>
+                        <mat-button-toggle class="defaultFontSize" value="CUSTOMER">CUSTOMER</mat-button-toggle>
+                        <mat-button-toggle class="defaultFontSize" value="REPORTS">REPORTS</mat-button-toggle>
+                    </mat-button-toggle-group>
+                    <br/>
+                    <br/>
+                    <div class="field-group">
+                        <label class="checkbox" for="hideFormFields1">
+                            <input [(ngModel)]="hideFormFields1" class="ng-valid ng-dirty ng-valid-parse ng-touched" id="hideFormFields1"
+                                   ng-model="definitionData.hideFormFieldsAfterRun" type="checkbox">
+                            <i class="skin"></i><span class="defaultFontSize">Hide Form fields after run?</span>
+                        </label>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label>Max Rows in Excel/CSV Download</label> <br/>
+                        <select [(ngModel)]="maxRows" class="browser-default custom-select defaultFontSize" id="maxRows"
+                                required="required">
+                            <option class="defaultFontSize" selected>Select Max Rows</option>
+                            <option class="defaultFontSize" value="100">100</option>
+                            <option class="defaultFontSize" value="200">200</option>
+                            <option class="defaultFontSize" value="300">300</option>
+                            <option class="defaultFontSize" value="400">400</option>
+                            <option class="defaultFontSize" value="500">500</option>
+                            <option class="defaultFontSize" value="1000">1000</option>
+                            <option class="defaultFontSize" value="10000">10000</option>
+                            <option class="defaultFontSize" value="60000">60000</option>
+                            <option class="defaultFontSize" value="100000">100000</option>
+                            <option class="defaultFontSize" value="1000000">1000000</option>
+                        </select>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label>Columns to be Frozen</label> <br/>
+                        <select [(ngModel)]="colsFrozen" class="browser-default custom-select defaultFontSize"
+                                id="colsFrozen" required="required">
+                            <option class="defaultFontSize" selected>Select Columns To Be Frozen</option>
+                            <option class="defaultFontSize" value="100">100</option>
+                            <option class="defaultFontSize" value="200">200</option>
+                            <option class="defaultFontSize" value="300">300</option>
+                            <option class="defaultFontSize" value="400">400</option>
+                            <option class="defaultFontSize" value="500">500</option>
+                        </select>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label>Data Grid Align</label> <br/>
+                        <select [(ngModel)]="gridAlign" class="browser-default custom-select defaultFontSize" id="gridAlign"
+                                required="required">
+                            <option class="defaultFontSize" selected>Select Grid Align</option>
+                            <option class="defaultFontSize" value="100">100</option>
+                            <option class="defaultFontSize" value="200">200</option>
+                            <option class="defaultFontSize" value="300">300</option>
+                            <option class="defaultFontSize" value="400">400</option>
+                            <option class="defaultFontSize" value="500">500</option>
+                        </select>
+                    </div>
+                    <br/>
                     <div class="field-group">
-                            <label>Customize Dashboard:</label> 
-                            <br/>
-                            
-                            <div cdkDropListGroup>
-  
-                        <app-dashboard-report-grid [fetchedDashboardObj]="dashboardObj" (transferDashboardObj)="onTransferDashboardObj($event)"></app-dashboard-report-grid>
-                              </div>
+                        <label>Empty message</label> <br/>
+                        <input [(ngModel)]="emptyMessage" class="defaultFontSize" id="emptyMessage" type="text"/>
+                    </div>
+                    <br/>
 
+                    <div class="field-group">
+                        <label>Height of the Data Container(%)</label> <br/>
+                        <select [(ngModel)]="heightContainer" class="browser-default custom-select defaultFontSize"
+                                id="heightContainer" required="required">
+                            <option class="defaultFontSize" selected>Select height of Data Container(%)</option>
+                            <option class="defaultFontSize" value="100">100</option>
+                            <option class="defaultFontSize" value="200">200</option>
+                            <option class="defaultFontSize" value="300">300</option>
+                            <option class="defaultFontSize" value="400">400</option>
+                            <option class="defaultFontSize" value="500">500</option>
+                        </select>
                     </div>
+                    <br/>
+                    <div class="field-group">
+                        <label>Width of the Data Container(%)</label> <br/>
+                        <select [(ngModel)]="widthContainer" class="browser-default custom-select defaultFontSize"
+                                id="widthContainer" required="required">
+                            <option selected>Select Width of the Data Container(%)</option>
+                            <option class="defaultFontSize" value="100">100</option>
+                            <option class="defaultFontSize" value="200">200</option>
+                            <option class="defaultFontSize" value="300">300</option>
+                            <option class="defaultFontSize" value="400">400</option>
+                            <option class="defaultFontSize" value="500">500</option>
+                        </select>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label class="checkbox" for="allowScheduler">
+                            <input [(ngModel)]="allowScheduler" class="ng-valid ng-dirty ng-valid-parse ng-touched" id="allowScheduler"
+                                   ng-model="definitionData.hideFormFieldsAfterRun" type="checkbox">
+                            <i class="skin"></i><span>Allow Scheduler</span>
+                        </label>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label class="checkbox" for="sizedByContent">
+                            <input [(ngModel)]="sizedByContent" class="ng-valid ng-dirty ng-valid-parse ng-touched" id="sizedByContent"
+                                   ng-model="definitionData.hideFormFieldsAfterRun" type="checkbox">
+                            <i class="skin"></i><span>Sized By Content</span>
+                        </label>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label>Options:</label>
+                    </div>
+
+                    <div class="field-group">
+                        <label class="checkbox" for="hideFormFields">
+                            <input [(ngModel)]="hideFormFields" class="ng-valid ng-dirty ng-valid-parse ng-touched"
+                                   id="hideFormFields" type="checkbox">
+                            <i class="skin"></i><span>Hide Form Fields</span>
+                        </label>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label class="checkbox" for="hideChart">
+                            <input [(ngModel)]="hideChart" class="ng-valid ng-dirty ng-valid-parse ng-touched" id="hideChart"
+                                   ng-model="definitionData.hideFormFieldsAfterRun" type="checkbox">
+                            <i class="skin"></i><span>Hide Chart</span>
+                        </label>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label class="checkbox" for="hideReportData">
+                            <input [(ngModel)]="hideReportData" class="ng-valid ng-dirty ng-valid-parse ng-touched" id="hideReportData"
+                                   ng-model="definitionData.hideFormFieldsAfterRun" type="checkbox"
+                                   value="{{hideReportData}}">
+                            <i class="skin"></i><span>Hide Report Data</span>
+                        </label>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label class="checkbox" for="hideExcel">
+                            <input [(ngModel)]="hideExcel" class="ng-valid ng-dirty ng-valid-parse ng-touched" id="hideExcel"
+                                   ng-model="definitionData.hideFormFieldsAfterRun" type="checkbox"
+                                   value="{{hideExcel}}">
+                            <i class="skin"></i><span>Hide Excel</span>
+                        </label>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label class="checkbox" for="hidePDF">
+                            <input [(ngModel)]="hidePDF" class="ng-valid ng-dirty ng-valid-parse ng-touched" id="hidePDF"
+                                   ng-model="definitionData.hideFormFieldsAfterRun" type="checkbox"
+                                   value="{{hidePDF}}">
+                            <i class="skin"></i><span>Hide PDF</span>
+                        </label>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label class="checkbox" for="disableColumnSort">
+                            <input [(ngModel)]="disableColumnSort" class="ng-valid ng-dirty ng-valid-parse ng-touched"
+                                   id="disableColumnSort"
+                                   ng-model="definitionData.hideFormFieldsAfterRun" type="checkbox"
+                                   value="{{finalGetObj.runtimeColSortDisabled}}">
+                            <i class="skin"></i><span>Disable column sort at runtime?</span>
+                        </label>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label>Run-time Form Number Columns</label> <br/>
+                        <select [(ngModel)]="runTimeFormNum" class="browser-default custom-select defaultFontSize"
+                                id="runTimeFormNum" required="required" value="{{runTimeFormNum}}">
+                            <option class="defaultFontSize" selected>Select Run-time Form Number Columns</option>
+                            <option class="defaultFontSize" value="100">100</option>
+                            <option class="defaultFontSize" value="200">200</option>
+                            <option class="defaultFontSize" value="300">300</option>
+                            <option class="defaultFontSize" value="400">400</option>
+                            <option class="defaultFontSize" value="500">500</option>
+                        </select>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label>Report Title (if blank, the Report Name will be displayed)</label> <br/>
+                        <textarea [(ngModel)]="reportTitle" class="defaultFontSize" id="reportTitle" type="textarea"
+                                  value="{{finalGetObj.reportTitle}}"></textarea>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label>Report Sub-Title</label> <br/>
+                        <textarea [(ngModel)]="reportSubTitle" class="defaultFontSize" id="reportSubTitle"
+                                  type="textarea" value="{{finalGetObj.reportSubTitle}}"></textarea>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label class="checkbox" for="oneTime">
+                            <input [(ngModel)]="oneTime" id="oneTime" type="checkbox"
+                                   value="{{finalGetObj.oneTimeRec}}">
+                            <i class="skin"></i><span>One Time</span>
+                        </label>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label class="checkbox" for="hourly">
+                            <input [(ngModel)]="hourly" id="hourly" type="checkbox" value="{{finalGetObj.hourlyRec}}">
+                            <i class="skin"></i><span>Hourly</span>
+                        </label>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label class="checkbox" for="daily">
+                            <input [(ngModel)]="daily" id="daily" type="checkbox" value="{{finalGetObj.dailyRec}}">
+                            <i class="skin"></i><span>Daily</span>
+                        </label>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label class="checkbox" for="monFri">
+                            <input [(ngModel)]="MonFri" class="defaultFontSize" id="monFri" type="checkbox"
+                                   value="{{finalGetObj.dailyMFRec}}">
+                            <i class="skin"></i><span>Daily Monday - Friday</span>
+                        </label>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label class="checkbox" for="weekly">
+                            <input [(ngModel)]="Weekly" class="defaultFontSize" id="weekly" type="checkbox"
+                                   value="{{finalGetObj.weeklyRec}}">
+                            <i class="skin"></i><span>Weekly</span>
+                        </label>
+                    </div>
+                    <br/>
+                    <div class="field-group">
+                        <label class="checkbox" for="monthly">
+                            <input [(ngModel)]="Monthly" class="defaultFontSize" id="monthly" type="checkbox"
+                                   value="{{Monthly}}">
+                            <i class="skin"></i><span>Monthly</span>
+                        </label>
+                    </div>
+                    <br/>
+                </div>
+                <div *ngIf="reportType === 'Dashboard'">
+
+                    <div class="field-group">
+                        <label>Customize Dashboard:</label>
+                        <br/>
+
+                        <div cdkDropListGroup>
+
+                            <app-dashboard-report-grid (transferDashboardObj)="onTransferDashboardObj($event)"
+                                                       [fetchedDashboardObj]="dashboardObj" [reportMode]="reportMode"></app-dashboard-report-grid>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+            <br/>
+            <div class="field-group">
+                <button (click)="saveDefinitionInfo()" class="btn btn-alt btn-small" style="font-size: 17px;">Save
+                </button>
+                 <button  *ngIf="reportMode === 'Copy'" (click)="clearSession()" class="btn btn-alt btn-small" style="font-size: 17px;" >Cancel
+                </button>
+            </div>
+            <br/>
+        </div>
     </div>
-    </div>
-    <br/>
-    <div class="field-group">
-            <button style="font-size: 17px;" class="btn btn-alt btn-small" (click)="saveDefinitionInfo()" >Save</button>
-    </div>
-    <br/>
-    </div>
-    </div>
-    </div>
-    
\ No newline at end of file
+</div>
+
+
+<style scoped>
+    textarea {
+        display: block;
+        width: 800px;
+        padding: 15px;
+    }
+</style>
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.component.spec.ts
index cffd5290..762d780f 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.component.spec.ts
@@ -1,53 +1,21 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { DefinitionComponent } from './definition.component';
-import { CUSTOM_ELEMENTS_SCHEMA} from '@angular/core';
+import { CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { FormsModule } from '@angular/forms';
 import { RouterTestingModule } from '@angular/router/testing';
+import { CommonModule } from '@angular/common';
+import { Http } from '@angular/http';
 import 'rxjs/add/observable/of';
 import { Observable } from 'rxjs/Observable';
 import { DefinitionService } from './definition.service';
-import { ActivatedRoute } from '@angular/router';
 
-describe('DefinitionComponent', () => {
+describe('PilotPageComponent', () => {
   let component: DefinitionComponent;
   let fixture: ComponentFixture<DefinitionComponent>;
+  let _http:Http;
   let _definitionService:DefinitionService;
-  let activatedRoute:ActivatedRoute;
-  var response={
-    "reportId":123,
-    "reportName":"reportName",
-    "reportDescr":"reportDescr",
-    "reportType":"Linear",
-    "dbInfo":"dbInfo",
-    "formHelpText":"formHelpText",
-    "repDefType":"repDefType",
-    "pageSize":20,
-    "hideFormFieldsAfterRun":true,
-    "maxRowsInExcelCSVDownload":10,
-    "frozenColumns":10,
-    "dataGridAlign":"dataGridAlign",
-    "emptyMessage":"emptyMessage",
-    "dataContainerHeight":12,
-    "dataContainerWidth":13,
-    "allowScheduler":true,
-    "sizedByContent":true,
-    "displayOptions":{"string":"string"},
-    "runtimeColSortDisabled":true,
-    "numFormCols":100,
-    "reportTitle":"reportTitle",
-    "reportSubTitle":"reportSubTitle",
-    "oneTimeRec":true,
-    "hourlyRec":true,
-    "dailyRec":true,
-    "dailyMFRec":true,
-    "weeklyRec":true,
-    "monthlyRec":true,
-    "dashboardLayoutJSON":'"data"',
-    "dashboardLayoutHTML":"dashboardLayoutHTML",
-    "displayArea":{"selected":true}
-  }
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
@@ -58,7 +26,6 @@ describe('DefinitionComponent', () => {
         HttpClientTestingModule,
         RouterTestingModule
       ],
-      providers:[DefinitionService]
     })
     .compileComponents();
   }));
@@ -67,8 +34,7 @@ describe('DefinitionComponent', () => {
     fixture = TestBed.createComponent(DefinitionComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
-    _definitionService=TestBed.get(DefinitionService);
-    activatedRoute=TestBed.get(ActivatedRoute)
+    _definitionService=TestBed.get(DefinitionService)
   });
 
   it('should create', () => {
@@ -76,24 +42,19 @@ describe('DefinitionComponent', () => {
   });
 
   it('should test ngOnInit method',()=>{
-    component.IncomingReportId=-1;
-    component.reportMode="Create";
-    let spy=spyOn(_definitionService,'getDefinitionPageDetails').and.returnValue(Observable.of(response));
     component.ngOnInit();
-    expect(spy).toHaveBeenCalled();
-    expect(_definitionService.getDefinitionPageDetails).toHaveBeenCalled();
     expect(component.isEdit).toBe(true);
     expect(component.showDialog).toBe(false);
+    expect(component.showSpinner).toBe(true);
   });
 
-  it('should test ngOnInit method',()=>{
-    component.IncomingReportId=1;
-    component.reportMode="Edit";
-    let spy=spyOn(_definitionService,'getDefinitionPageDetails').and.returnValue(Observable.of(response));
-    component.ngOnInit();
-    expect(spy).toHaveBeenCalled();
-    expect(_definitionService.getDefinitionPageDetails).toHaveBeenCalled();
-  });
+  // it('should test first if condition inside ngOnInit method',()=>{
+  //   component.IncomingReportId =-1;
+  //   component.reportMode = "Create";
+  //   let spy=spyOn(_definitionService,'getDefinitionPageDetails').and.returnValue(Observable.of(""));
+  //   component.ngOnInit();
+  //   expect(spy).toHaveBeenCalled();
+  // })
 
   it('should test first if condition in saveDefinitionInfo method',()=>{
     component.IncomingReportId=-1;
@@ -111,6 +72,8 @@ describe('DefinitionComponent', () => {
     expect(component.finalPostObj["dbInfo"]).toEqual(component.dataSrc);
     expect(component.finalPostObj["formHelpText"]).toEqual(component.helpText);
     expect(component.finalPostObj["pageSize"]).toEqual(component.pageSize);
+   
+    //expect(component.finalPostObj[""]).toEqual(component.);
     expect(component.finalPostObj["hideFormFieldsAfterRun"]).toEqual(component.hideFormFields1);
     expect(component.finalPostObj["maxRowsInExcelCSVDownload"]).toEqual(component.maxRows);
     expect(component.finalPostObj["frozenColumns"]).toEqual(component.colsFrozen);
@@ -154,6 +117,8 @@ describe('DefinitionComponent', () => {
 
   })
 
+   
+
   it('should test else condition inside second if condition in saveDefinitionInfo method',()=>{
     component.IncomingReportId=1;
     component.reportMode="Edit";
@@ -179,6 +144,8 @@ describe('DefinitionComponent', () => {
 
   })
 
+
+
   it('should test close method',()=>{
     component.showDialog=true;
     component.close();
@@ -189,5 +156,4 @@ describe('DefinitionComponent', () => {
   it('should test onTransferDashboardObj method',()=>{
     expect(component.onTransferDashboardObj('value')).toBeUndefined();
   })
-
 });
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.component.ts
index 58f3e45c..ccd6dbcb 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.component.ts
@@ -1,528 +1,562 @@
-import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
-import { HttpClient, HttpHeaders } from '@angular/common/http';
-import {  NgbModal } from '@ng-bootstrap/ng-bootstrap';
-import { DefinitionSaveDialogComponent } from './definition-save-dialog/definition-save-dialog.component';
-import {ActivatedRoute} from "@angular/router";
-import { environment } from '../../../../../../environments/environment';
-import { DefinitionService } from './definition.service';
+import {Component, OnInit, Input, Output, EventEmitter, OnDestroy} from '@angular/core';
+import {HttpClient, HttpHeaders} from '@angular/common/http';
+import {NgbModal} from '@ng-bootstrap/ng-bootstrap';
+import {DefinitionSaveDialogComponent} from './definition-save-dialog/definition-save-dialog.component';
+import {ActivatedRoute, Router} from '@angular/router';
+import {environment} from '../../../../../../environments/environment';
+import {DefinitionService} from './definition.service';
 import {CdkDragDrop, moveItemInArray, transferArrayItem} from '@angular/cdk/drag-drop';
+import {isInteger, toInteger} from '@ng-bootstrap/ng-bootstrap/util/util';
 
 @Component({
-  selector: 'app-definition',
-  templateUrl: './definition.component.html',
-  styleUrls: ['./definition.component.css'],
-  providers: [ NgbModal]
+    selector: 'app-definition',
+    templateUrl: './definition.component.html',
+    styleUrls: ['./definition.component.css'],
+    providers: [NgbModal]
 })
-export class DefinitionComponent implements OnInit {
-
- 
-
-
-  showSpinner : boolean;
-  
-  @Input() closable = true;
-
-  @Input("reportId") reportId1 : string;
-  @Input ("reportMode") reportMode : string;
-
-  
-  finalPostObj = {};
-  finalGetObj = {};
-
-  isEdit : boolean;
-  reportId : number;
-  reportName : string;
-  reportDescription : string;
-  reportType : string;
-  dataSrc : string;
-  helpText : string;
-  reportDefinition : string;
-  pageSize : number;
-  hideFormFields : boolean;
-  maxRows : number;
-  colsFrozen : number;
-  gridAlign : string;
-  emptyMessage : string;
-  heightContainer : number;
-  widthContainer : number;
-  allowScheduler : boolean;
-  sizedByContent : boolean;
-  hideFormFields1 : boolean;
-  hideChart : boolean;
-  hideReportData : boolean;
-  hideExcel : boolean;
-  hidePDF : boolean;
-  disableColumnSort : boolean;
-  runTimeFormNum : number;
-  reportTitle : string;
-  reportSubTitle : string;
-  oneTime : boolean;
-  hourly : boolean;
-  daily : boolean;
-  MonFri : boolean;
-  Weekly : boolean;
-  Monthly : boolean;
-
-  oneTime1 : boolean;
-  hourly1 : boolean;
-  daily1 : boolean;
-  MonFri1 : boolean;
-  Weekly1 : boolean;
-  Monthly1 : boolean;
-
-  displayArea : string;
-  definitionPostResponse1 : any;
-
-  definitionPostResponse : any;
-
-  showDialog : boolean;
-  status : string;
-  message : string;
-  dashboardObj : any;
-  dashboardLayoutHTML : any;
-
-  pilotModalComponent : DefinitionSaveDialogComponent;
-
-  IncomingReportId : number;
-  displayOptionsArr : {}[] = [];
-
-  constructor(private _http : HttpClient, private _route : ActivatedRoute, private _definitionService : DefinitionService) { 
-    this.showSpinner = true;
-    this.IncomingReportId = -1;
-    this.dashboardObj = [];
-    this.dashboardLayoutHTML = "";
-  }
-
-
-  ngOnInit() {
-    this.isEdit = true;
-    this.showDialog = false;
-    this.showSpinner = true;
-    this._route.params.subscribe(params => {
-      
-      if(params["reportId"] !== undefined)
-      {
-      this.IncomingReportId = params["reportId"];
-      this.reportId1 = params["reportId"];
-      }
-    });
-    if(this.IncomingReportId == -1 && this.reportMode == "Create")
-    {
-      this._definitionService.getDefinitionPageDetails(this.IncomingReportId, this.reportMode)
-    .subscribe((response) => {
-      this.finalGetObj = response;
-
-      this.reportId = response["reportId"];
-      this.reportName = response["reportName"];
-      this.reportDescription = response["reportDescr"];
-      this.reportType = response["reportType"];
-      this.dataSrc = response["dbInfo"];
-      this.helpText = response["formHelpText"];
-      this.reportDefinition = response["repDefType"];
-      this.pageSize = response["pageSize"];
-      this.hideFormFields1 = response["hideFormFieldsAfterRun"];
-      this.maxRows = response["maxRowsInExcelCSVDownload"];
-      this.colsFrozen = response["frozenColumns"];
-      this.gridAlign = response["dataGridAlign"];
-      this.emptyMessage = response["emptyMessage"];
-
-      if(response["dashboardLayoutJSON"])
-      {
-        this.dashboardObj = JSON.parse(response["dashboardLayoutJSON"]);
-        this.dashboardLayoutHTML = response["dashboardLayoutHTML"];
-      }
+export class DefinitionComponent implements OnInit, OnDestroy {
+    showSpinner: boolean;
+    @Input() closable = true;
+    @Input('reportId') reportId1: string;
+    @Input('reportMode') reportMode: string;
+    @Output() outputReportType = new EventEmitter<any>();
+    finalPostObj = {};
+    finalGetObj = {};
+    isEdit: boolean;
+    reportId: number;
+    reportName: string;
+    reportDescription: string;
+    reportType: string;
+    dataSrc: string;
+    helpText: string;
+    reportDefinition: string;
+    pageSize: number;
+    hideFormFields: boolean;
+    maxRows: number;
+    colsFrozen: number;
+    gridAlign: string;
+    emptyMessage: string;
+    heightContainer: number;
+    widthContainer: number;
+    allowScheduler: boolean;
+    sizedByContent: boolean;
+    hideFormFields1: boolean;
+    hideChart: boolean;
+    hideReportData: boolean;
+    hideExcel: boolean;
+    hidePDF: boolean;
+    disableColumnSort: boolean;
+    runTimeFormNum: number;
+    reportTitle: string;
+    reportSubTitle: string;
+    oneTime: boolean;
+    hourly: boolean;
+    daily: boolean;
+    MonFri: boolean;
+    Weekly: boolean;
+    Monthly: boolean;
+    oneTime1: boolean;
+    hourly1: boolean;
+    daily1: boolean;
+    MonFri1: boolean;
+    Weekly1: boolean;
+    Monthly1: boolean;
+    displayArea: string;
+    definitionPostResponse1: any;
+    definitionPostResponse: any;
+    showDialog: boolean;
+    status: string;
+    message: string;
+    dashboardObj: any;
+    dashboardLayoutHTML: any;
+    pilotModalComponent: DefinitionSaveDialogComponent;
+    IncomingReportId: number;
+    displayOptionsArr: {}[] = [];
+
+    constructor(private _http: HttpClient, private _route: ActivatedRoute, private _definitionService: DefinitionService, private _router: Router) {
+        this.showSpinner = true;
+        this.IncomingReportId = -1;
+        this.dashboardObj = [];
+        this.dashboardLayoutHTML = '';
+        this.displayOptionsArr = [];
+    }
 
-      if(response["displayArea"])
-      {
-      for(let i=0; i<response["displayArea"].length; i++)
-      {
-        if(response["displayArea"][i]["selected"] === true)
-        {
-          this.displayArea = response["displayArea"][i]["name"];
+    ngOnDestroy(): void {
+        if (this.reportMode == 'Copy') {
+            this.clearSession();
         }
-      }
-      }
-
-      this.heightContainer = response["dataContainerHeight"];
-      this.widthContainer = response["dataContainerWidth"];
-      this.allowScheduler = (response["allowScheduler"] == "Y" ? true : false);
-      this.sizedByContent = (response["sizedByContent"] == "Y" ? true : false);
-
-      this.displayOptionsArr = response["displayOptions"];
-
+    }
 
-      for(let cont of this.displayOptionsArr)
-      {
-        if(cont["name"] == "HideFormFields")
-        {
-          this.hideFormFields = cont["selected"];
-        }
-        if(cont["name"] == "HideChart")
-        {
-          this.hideChart = cont["selected"];
-        }
-        if(cont["name"] == "HideReportData")
-        {
-          this.hideReportData = cont["selected"];
-        }
-        if(cont["name"] == "HideExcel")
-        {
-          this.hideExcel = cont["selected"];
+    ngOnInit() {
+        sessionStorage.clear();
+        const myItem = localStorage.getItem('id');
+        localStorage.clear();
+        localStorage.setItem('id', myItem);
+        this.isEdit = true;
+        this.showDialog = false;
+        this.showSpinner = true;
+        this._route.params.subscribe(params => {
+            if (params['reportId'] !== undefined) {
+                this.IncomingReportId = params['reportId'];
+                this.reportId1 = params['reportId'];
+            }
+        });
+        if (this.IncomingReportId == -1 && this.reportMode == 'Create') {
+            this._definitionService.getDefinitionPageDetails(this.IncomingReportId, this.reportMode)
+                .subscribe((response) => {
+                    this.finalGetObj = response;
+                    this.reportId = response['reportId'];
+                    this.reportName = response['reportName'];
+                    this.reportDescription = response['reportDescr'];
+                    this.reportType = response['reportType'];
+                    this.dataSrc = response['dbInfo'];
+                    this.helpText = response['formHelpText'];
+                    this.reportDefinition = response['repDefType'];
+                    this.pageSize = response['pageSize'];
+                    this.hideFormFields1 = response['hideFormFieldsAfterRun'];
+                    this.maxRows = response['maxRowsInExcelCSVDownload'];
+                    this.colsFrozen = response['frozenColumns'];
+                    this.gridAlign = response['dataGridAlign'];
+                    this.emptyMessage = response['emptyMessage'];
+                    if (response['dashboardLayoutJSON']) {
+                        this.dashboardObj = JSON.parse(response['dashboardLayoutJSON']);
+                        this.dashboardLayoutHTML = response['dashboardLayoutHTML'];
+                    }
+                    if (response['displayArea']) {
+                        for (let i = 0; i < response["displayArea"].length; i++) {
+                            if (response['displayArea'][i]['selected'] === true) {
+                                this.displayArea = response['displayArea'][i]['name'];
+                            }
+                        }
+                    }
+                    this.heightContainer = response['dataContainerHeight'];
+                    this.widthContainer = response['dataContainerWidth'];
+                    this.allowScheduler = (response['allowScheduler'] == 'Y' ? true : false);
+                    this.sizedByContent = (response['sizedByContent'] == 'Y' ? true : false);
+                    this.displayOptionsArr = response['displayOptions'];
+                    if (this.displayOptionsArr !== null) {
+                        if (this.displayOptionsArr.length > 0) {
+                            for (let cont of this.displayOptionsArr) {
+                                if (cont['name'] == 'HideFormFields') {
+                                    this.hideFormFields = cont['selected'];
+                                }
+                                if (cont['name'] == 'HideChart') {
+                                    this.hideChart = cont['selected'];
+                                }
+                                if (cont['name'] == 'HideReportData') {
+                                    this.hideReportData = cont['selected'];
+                                }
+                                if (cont['name'] == 'HideExcel') {
+                                    this.hideExcel = cont['selected'];
+                                }
+                                if (cont['name'] == 'HidePdf') {
+                                    this.hidePDF = cont['selected'];
+                                }
+                            }
+                        }
+                    }
+                    this.disableColumnSort = response['runtimeColSortDisabled'];
+                    this.runTimeFormNum = response['numFormCols'];
+                    this.reportTitle = response['reportTitle'];
+                    this.reportSubTitle = response['reportSubTitle'];
+                    this.oneTime = (response['oneTimeRec'] == 'Y' ? true : false);
+                    this.hourly = (response['hourlyRec'] == 'Y' ? true : false);
+                    this.daily = (response['dailyRec'] == 'Y' ? true : false);
+                    this.MonFri = (response['dailyMFRec'] == 'Y' ? true : false);
+                    this.Weekly = (response['weeklyRec'] == 'Y' ? true : false);
+                    this.Monthly = (response['monthlyRec'] == 'Y' ? true : false);
+                    this.showSpinner = false;
+                });
         }
-        if(cont["name"] == "HidePdf")
-        {
-          this.hidePDF = cont["selected"];
+        if ((this.IncomingReportId !== -1 && this.reportMode == 'Edit')) {
+            this._definitionService.getDefinitionPageDetails(this.IncomingReportId, this.reportMode)
+                .subscribe((response) => {
+                    this.finalGetObj = response;
+                    this.reportId = response['reportId'];
+                    this.reportName = response['reportName'];
+                    this.reportDescription = response['reportDescr'];
+                    this.reportType = response['reportType'];
+                    if (this.reportMode == 'Copy') {
+                        this.finalPostObj['reportId'] = -1;
+                        this.IncomingReportId = -1;
+                        this.reportId = -1;
+                    }
+                    if (this.reportType === 'Linear') {
+                        this.dataSrc = response['dbInfo'];
+                        this.helpText = response['formHelpText'];
+                        this.reportDefinition = response['repDefType'];
+                        this.pageSize = response['pageSize'];
+                        this.hideFormFields1 = response['hideFormFieldsAfterRun'];
+                        this.maxRows = response['maxRowsInExcelCSVDownload'];
+                        this.colsFrozen = response['frozenColumns'];
+                        this.gridAlign = response['dataGridAlign'];
+                        this.emptyMessage = response['emptyMessage'];
+                        if (response['displayArea']) {
+                            for (let i = 0; i < response["displayArea"].length; i++) {
+                                if (response['displayArea'][i]['selected'] === true) {
+                                    this.displayArea = response['displayArea'][i]['name'];
+                                }
+                            }
+                        }
+                        this.heightContainer = response['dataContainerHeight'];
+                        this.widthContainer = response['dataContainerWidth'];
+                        this.allowScheduler = (response['allowScheduler'] == 'Y' ? true : false);
+                        this.sizedByContent = (response['sizedByContent'] == 'Y' ? true : false);
+                        this.displayOptionsArr = response['displayOptions'];
+                        for (let cont of this.displayOptionsArr) {
+                            if (cont['name'] == 'HideFormFields') {
+                                this.hideFormFields = cont['selected'];
+                            }
+                            if (cont['name'] == 'HideChart') {
+                                this.hideChart = cont['selected'];
+                            }
+                            if (cont['name'] == 'HideReportData') {
+                                this.hideReportData = cont['selected'];
+                            }
+                            if (cont['name'] == 'HideExcel') {
+                                this.hideExcel = cont['selected'];
+                            }
+                            if (cont['name'] == 'HidePdf') {
+                                this.hidePDF = cont['selected'];
+                            }
+                        }
+                        this.disableColumnSort = response['runtimeColSortDisabled'];
+                        this.runTimeFormNum = response['numFormCols'];
+
+                        this.reportTitle = response['reportTitle'];
+                        this.reportSubTitle = response['reportSubTitle'];
+                        this.oneTime = (response['oneTimeRec'] == 'Y' ? true : false);
+                        this.hourly = (response['hourlyRec'] == 'Y' ? true : false);
+                        this.daily = (response['dailyRec'] == 'Y' ? true : false);
+                        this.MonFri = (response['dailyMFRec'] == 'Y' ? true : false);
+                        this.Weekly = (response['weeklyRec'] == 'Y' ? true : false);
+                        this.Monthly = (response['monthlyRec'] == 'Y' ? true : false);
+                    } else {
+                        if (response['dashboardLayoutJSON']) {
+                            this.dashboardObj = JSON.parse(response['dashboardLayoutJSON']);
+                        }
+                        if (response['dashboardLayoutHTML']) {
+                            this.dashboardLayoutHTML = response['dashboardLayoutHTML'];
+                        }
+                    }
+                    this.showSpinner = false;
+                });
         }
-      }
-
-      this.disableColumnSort = response["runtimeColSortDisabled"];
-      this.runTimeFormNum = response["numFormCols"];
-      this.reportTitle = response["reportTitle"];
-      this.reportSubTitle = response["reportSubTitle"];
-      this.oneTime = (response["oneTimeRec"] == "Y" ? true : false );
-      this.hourly = (response["hourlyRec"] == "Y" ? true : false );
-      this.daily = (response["dailyRec"] == "Y" ? true : false );
-      this.MonFri = (response["dailyMFRec"] == "Y" ? true : false );
-      this.Weekly = (response["weeklyRec"] == "Y" ? true : false );
-      this.Monthly = (response["monthlyRec"] == "Y" ? true : false );
-
-      this.showSpinner = false;
-
-    });
-    }
-
-    if(this.IncomingReportId !== -1 && this.reportMode == "Edit")
-    {
-      this._definitionService.getDefinitionPageDetails(this.IncomingReportId, this.reportMode)
-    .subscribe((response) => {
-      this.finalGetObj = response;
-
-      this.reportId = response["reportId"];
-      this.reportName = response["reportName"];
-      this.reportDescription = response["reportDescr"];
-      this.reportType = response["reportType"];
-
-      if(this.reportType === "Linear")
-      {
-      this.dataSrc = response["dbInfo"];
-      this.helpText = response["formHelpText"];
-      this.reportDefinition = response["repDefType"];
-      this.pageSize = response["pageSize"];
-      this.hideFormFields1 = response["hideFormFieldsAfterRun"];
-      this.maxRows = response["maxRowsInExcelCSVDownload"];
-      this.colsFrozen = response["frozenColumns"];
-      this.gridAlign = response["dataGridAlign"];
-      this.emptyMessage = response["emptyMessage"];
-
-      if(response["displayArea"])
-      {
-      for(let i=0; i<response["displayArea"].length; i++)
-      {
-        if(response["displayArea"][i]["selected"] === true)
-        {
-          this.displayArea = response["displayArea"][i]["name"];
+        if (this.reportMode == 'Copy') {
+            this._definitionService.copyReportById(this.IncomingReportId)
+                .subscribe((response) => {
+                    this._definitionService.getDefinitionPageDetails(this.IncomingReportId, this.reportMode)
+                        .subscribe((response) => {
+                            this.finalGetObj = response;
+                            this.reportId = -1;
+                            this.reportName = response['reportName'];
+                            this.reportDescription = response['reportDescr'];
+                            this.reportType = response['reportType'];
+                            if (this.reportType === 'Linear') {
+                                this.dataSrc = response['dbInfo'];
+                                this.helpText = response['formHelpText'];
+                                this.reportDefinition = response['repDefType'];
+                                this.pageSize = response['pageSize'];
+                                this.hideFormFields1 = response['hideFormFieldsAfterRun'];
+                                this.maxRows = response['maxRowsInExcelCSVDownload'];
+                                this.colsFrozen = response['frozenColumns'];
+                                this.gridAlign = response['dataGridAlign'];
+                                this.emptyMessage = response['emptyMessage'];
+                                if (response['displayArea']) {
+                                    for (let i = 0; i < response["displayArea"].length; i++) {
+                                        if (response['displayArea'][i]['selected'] === true) {
+                                            this.displayArea = response['displayArea'][i]['name'];
+                                        }
+                                    }
+                                }
+                                this.heightContainer = response['dataContainerHeight'];
+                                this.widthContainer = response['dataContainerWidth'];
+                                this.allowScheduler = (response['allowScheduler'] == 'Y' ? true : false);
+                                this.sizedByContent = (response['sizedByContent'] == 'Y' ? true : false);
+                                this.displayOptionsArr = response['displayOptions'];
+                                for (let cont of this.displayOptionsArr) {
+                                    if (cont['name'] == 'HideFormFields') {
+                                        this.hideFormFields = cont['selected'];
+                                    }
+                                    if (cont['name'] == 'HideChart') {
+                                        this.hideChart = cont['selected'];
+                                    }
+                                    if (cont['name'] == 'HideReportData') {
+                                        this.hideReportData = cont['selected'];
+                                    }
+                                    if (cont['name'] == 'HideExcel') {
+                                        this.hideExcel = cont['selected'];
+                                    }
+                                    if (cont['name'] == 'HidePdf') {
+                                        this.hidePDF = cont['selected'];
+                                    }
+                                }
+                                this.disableColumnSort = response['runtimeColSortDisabled'];
+                                this.runTimeFormNum = response['numFormCols'];
+
+                                this.reportTitle = response['reportTitle'];
+                                this.reportSubTitle = response['reportSubTitle'];
+                                this.oneTime = (response['oneTimeRec'] == 'Y' ? true : false);
+                                this.hourly = (response['hourlyRec'] == 'Y' ? true : false);
+                                this.daily = (response['dailyRec'] == 'Y' ? true : false);
+                                this.MonFri = (response['dailyMFRec'] == 'Y' ? true : false);
+                                this.Weekly = (response['weeklyRec'] == 'Y' ? true : false);
+                                this.Monthly = (response['monthlyRec'] == 'Y' ? true : false);
+                            } else {
+                                if (response['dashboardLayoutJSON']) {
+                                    this.dashboardObj = JSON.parse(response['dashboardLayoutJSON']);
+                                }
+                                if (response['dashboardLayoutHTML']) {
+                                    this.dashboardLayoutHTML = response['dashboardLayoutHTML'];
+                                }
+                            }
+                            this.showSpinner = false;
+                        });
+                    this.showSpinner = false;
+                });
         }
-      }
     }
-      
-      
-      
-      this.heightContainer = response["dataContainerHeight"];
-      this.widthContainer = response["dataContainerWidth"];
-      this.allowScheduler = (response["allowScheduler"] == "Y" ? true : false);
-      this.sizedByContent = (response["sizedByContent"] == "Y" ? true : false);
 
-      this.displayOptionsArr = response["displayOptions"];
 
-      for(let cont of this.displayOptionsArr)
-      {
-        if(cont["name"] == "HideFormFields")
-        {
-          this.hideFormFields = cont["selected"];
+    saveDefinitionInfo() {
+        if ((this.IncomingReportId == -1 && this.reportMode == 'Create')) {
+            this.finalPostObj['tabName'] = 'Definition';
+            this.finalPostObj['tabId'] = 'Def';
+            this.finalPostObj['reportId'] = this.reportId;
+            this.finalPostObj['reportName'] = this.reportName;
+            this.finalPostObj['reportDescr'] = this.reportDescription;
+            this.finalPostObj['reportType'] = this.reportType;
+            this.finalPostObj['reportTypeList'] = null;
+            this.finalPostObj['dbInfo'] = this.dataSrc;
+            this.finalPostObj['formHelpText'] = this.helpText;
+            this.finalPostObj['pageSize'] = this.pageSize;
+            this.finalPostObj['dbInfoList'] = [
+                {
+                    'id': 'local',
+                    'name': 'local',
+                    'selected': false
+                }
+            ];
+            this.finalPostObj['displayArea'] = [
+                {
+                    'id': 'HOME',
+                    'name': 'HOME',
+                    'selected': (this.displayArea == 'HOME' ? true : false)
+                },
+                {
+                    'id': 'CUSTOMER',
+                    'name': 'CUSTOMER',
+                    'selected': (this.displayArea == 'CUSTOMER' ? true : false)
+                },
+                {
+                    'id': 'REPORTS',
+                    'name': 'REPORTS',
+                    'selected': (this.displayArea == 'REPORTS' ? true : false)
+                }
+            ];
+            this.finalPostObj['hideFormFieldsAfterRun'] = this.hideFormFields1;
+            this.finalPostObj['maxRowsInExcelCSVDownload'] = this.maxRows;
+            this.finalPostObj['frozenColumns'] = this.colsFrozen;
+            this.finalPostObj['dataGridAlign'] = this.gridAlign;
+            this.finalPostObj['emptyMessage'] = this.emptyMessage;
+            this.finalPostObj['dataContainerHeight'] = this.heightContainer;
+            this.finalPostObj['dataContainerWidth'] = this.widthContainer;
+            this.finalPostObj['displayOptions'] = [
+                {
+                    'name': 'HideFormFields',
+                    'selected': (this.hideFormFields == undefined ? false : this.hideFormFields)
+                },
+                {
+                    'name': 'HideChart',
+                    'selected': (this.hideChart == undefined ? false : this.hideChart)
+                },
+                {
+                    'name': 'HideReportData',
+                    'selected': (this.hideReportData == undefined ? false : this.hideReportData)
+                },
+                {
+                    'name': 'HideExcel',
+                    'selected': (this.hideExcel == undefined ? false : this.hideExcel)
+                },
+                {
+                    'name': 'HidePdf',
+                    'selected': (this.hidePDF == undefined ? false : this.hidePDF)
+                }
+            ];
+            this.finalPostObj['runtimeColSortDisabled'] = this.disableColumnSort;
+            this.finalPostObj['numFormCols'] = this.runTimeFormNum;
+            this.finalPostObj['reportTitle'] = this.reportTitle;
+            this.finalPostObj['reportSubTitle'] = this.reportSubTitle;
+            this.finalPostObj['oneTimeRec'] = this.oneTime;
+            this.finalPostObj['hourlyRec'] = this.hourly;
+            this.finalPostObj['dailyRec'] = this.daily;
+            this.finalPostObj['dailyMFRec'] = this.MonFri;
+            this.finalPostObj['weeklyRec'] = this.Weekly;
+            this.finalPostObj['monthlyRec'] = this.Monthly;
+            this.finalPostObj['allowScheduler'] = (this.allowScheduler == true ? 'Y' : 'N');
+            this.finalPostObj['sizedByContent'] = (this.sizedByContent == true ? 'Y' : 'N');
+            this.finalPostObj['repDefType'] = this.reportDefinition;
+            if (this.reportType === 'Dashboard') {
+                this.finalPostObj['dashboardLayoutJSON'] = JSON.stringify(this.dashboardObj);
+                this.finalPostObj['dashboardLayoutHTML'] = this.dashboardLayoutHTML;
+            }
+            this._http.post(environment.baseUrl + 'report/wizard/save_def_tab_data/Create', this.finalPostObj, {headers: new HttpHeaders({'Content-Type': 'application/json'})})
+                .subscribe((response) => {
+                    if (response['message'] === 'Success Definition of given report is saved in session.') {
+                        this.status = 'Success!';
+                        this.message = 'Your change has been saved! Definition is updated.';
+                        if (this.reportType == 'Dashboard') {
+                            let stackTrace = '';
+                            stackTrace = response['anyStacktrace'];
+                            stackTrace = stackTrace.substring(0, stackTrace.indexOf('-'));
+                            this.reportId = parseInt(stackTrace);
+                            this._router.navigate(['v2/reports', 'Edit', this.reportId]);
+                        }
+                        this.showDialog = !this.showDialog;
+                        this.closable = true;
+                    } else {
+                        this.status = 'Failure!';
+                        this.message = 'Definition could not be updated.';
+                        this.showDialog = !this.showDialog;
+                        this.closable = true;
+                    }
+                });
         }
-        if(cont["name"] == "HideChart")
-        {
-          this.hideChart = cont["selected"];
+        if ((this.IncomingReportId !== -1 && this.reportMode == 'Edit') || this.reportMode == 'Copy') {
+            this.finalPostObj['tabName'] = 'Definition';
+            this.finalPostObj['tabId'] = 'Def';
+            this.finalPostObj['reportId'] = this.reportId;
+            this.finalPostObj['reportName'] = this.reportName;
+            this.finalPostObj['reportDescr'] = this.reportDescription;
+            this.finalPostObj['reportType'] = this.reportType;
+            if (this.reportMode == 'Copy') {
+                this.finalPostObj['reportId'] = -1;
+                this.IncomingReportId = -1;
+            }
+            if (this.reportType === 'Dashboard') {
+                this.finalPostObj['dashboardLayoutJSON'] = JSON.stringify(this.dashboardObj);
+                this.finalPostObj['dashboardLayoutHTML'] = this.dashboardLayoutHTML;
+            } else {
+                this.finalPostObj['reportTypeList'] = null;
+                this.finalPostObj['dbInfo'] = this.dataSrc;
+                this.finalPostObj['formHelpText'] = this.helpText;
+                this.finalPostObj['pageSize'] = this.pageSize;
+                this.finalPostObj['dbInfoList'] = [
+                    {
+                        'id': 'local',
+                        'name': 'local',
+                        'selected': false
+                    }
+                ];
+                this.finalPostObj['displayArea'] = [
+                    {
+                        'id': 'HOME',
+                        'name': 'HOME',
+                        'selected': (this.displayArea == 'HOME' ? true : false)
+                    },
+                    {
+                        'id': 'CUSTOMER',
+                        'name': 'CUSTOMER',
+                        'selected': (this.displayArea == 'CUSTOMER' ? true : false)
+                    },
+                    {
+                        'id': 'REPORTS',
+                        'name': 'REPORTS',
+                        'selected': (this.displayArea == 'REPORTS' ? true : false)
+                    }
+                ];
+                this.finalPostObj['hideFormFieldsAfterRun'] = this.hideFormFields1;
+                this.finalPostObj['maxRowsInExcelCSVDownload'] = this.maxRows;
+                this.finalPostObj['frozenColumns'] = this.colsFrozen;
+                this.finalPostObj['dataGridAlign'] = this.gridAlign;
+                this.finalPostObj['emptyMessage'] = this.emptyMessage;
+                this.finalPostObj['dataContainerHeight'] = this.heightContainer;
+                this.finalPostObj['dataContainerWidth'] = this.widthContainer;
+                this.finalPostObj['displayOptions'] = [
+                    {
+                        'name': 'HideFormFields',
+                        'selected': (this.hideFormFields == undefined ? false : this.hideFormFields)
+                    },
+                    {
+                        'name': 'HideChart',
+                        'selected': (this.hideChart == undefined ? false : this.hideChart)
+                    },
+                    {
+                        'name': 'HideReportData',
+                        'selected': (this.hideReportData == undefined ? false : this.hideReportData)
+                    },
+                    {
+                        'name': 'HideExcel',
+                        'selected': (this.hideExcel == undefined ? false : this.hideExcel)
+                    },
+                    {
+                        'name': 'HidePdf',
+                        'selected': (this.hidePDF == undefined ? false : this.hidePDF)
+                    }
+                ];
+                this.finalPostObj['runtimeColSortDisabled'] = this.disableColumnSort;
+                this.finalPostObj['numFormCols'] = this.runTimeFormNum;
+                this.finalPostObj['reportTitle'] = this.reportTitle;
+                this.finalPostObj['reportSubTitle'] = this.reportSubTitle;
+                this.finalPostObj['oneTimeRec'] = this.oneTime;
+                this.finalPostObj['hourlyRec'] = this.hourly;
+                this.finalPostObj['dailyRec'] = this.daily;
+                this.finalPostObj['dailyMFRec'] = this.MonFri;
+                this.finalPostObj['weeklyRec'] = this.Weekly;
+                this.finalPostObj['monthlyRec'] = this.Monthly;
+                this.finalPostObj['allowScheduler'] = (this.allowScheduler == true ? 'Y' : 'N');
+                this.finalPostObj['sizedByContent'] = (this.sizedByContent == true ? 'Y' : 'N');
+                this.finalPostObj['repDefType'] = this.reportDefinition;
+            }
+            this._definitionService.portDefinitionPageDetails(this.IncomingReportId, this.finalPostObj)
+                .subscribe((response) => {
+                    if (response['message'] === 'Success Definition of given report is saved in session.') {
+                        this.status = 'Success!';
+                        this.message = 'Your change has been saved! Definition is updated.';
+                        if (this.reportMode == 'Copy') {
+                            let stackTrace = '';
+                            stackTrace = response['anyStacktrace'];
+                            stackTrace = stackTrace.substring(0, stackTrace.indexOf('-'));
+                            this.reportId = parseInt(stackTrace);
+                            this._router.navigate(['v2/reports', 'Edit', this.reportId]);
+                        }
+                        this.showDialog = !this.showDialog;
+                        this.closable = true;
+                        if (this.reportType == 'Dashboard') {
+
+                        }
+                    } else {
+                        this.status = 'Failure!';
+                        this.message = 'Definition could not be updated.';
+                        this.showDialog = !this.showDialog;
+                        this.closable = true;
+                    }
+                });
         }
-        if(cont["name"] == "HideReportData")
-        {
-          this.hideReportData = cont["selected"];
-        }
-        if(cont["name"] == "HideExcel")
-        {
-          this.hideExcel = cont["selected"];
-        }
-        if(cont["name"] == "HidePdf")
-        {
-          this.hidePDF = cont["selected"];
-        }
-      }
-
-      this.disableColumnSort = response["runtimeColSortDisabled"];
-      this.runTimeFormNum = response["numFormCols"];;
-      this.reportTitle = response["reportTitle"];
-      this.reportSubTitle = response["reportSubTitle"];
-      this.oneTime = (response["oneTimeRec"] == "Y" ? true : false );
-      this.hourly = (response["hourlyRec"] == "Y" ? true : false );
-      this.daily = (response["dailyRec"] == "Y" ? true : false );
-      this.MonFri = (response["dailyMFRec"] == "Y" ? true : false );
-      this.Weekly = (response["weeklyRec"] == "Y" ? true : false );
-      this.Monthly = (response["monthlyRec"] == "Y" ? true : false );
-  }
-  else
-  {
-    if(response["dashboardLayoutJSON"])
-      {
-        this.dashboardObj = JSON.parse(response["dashboardLayoutJSON"]);
-        
-      }
-
-      if(response["dashboardLayoutHTML"])
-      {
-        this.dashboardLayoutHTML = response["dashboardLayoutHTML"];
-
-      }
-
-  }
-
-      this.showSpinner = false;
-
-    });
-  }
-
-
-  }
-
-
-  saveDefinitionInfo(){
-
-    if(this.IncomingReportId == -1 && this.reportMode == "Create")
-    {
-      this.finalPostObj["tabName"] = "Definition";
-    this.finalPostObj["tabId"] = "Def";
-    this.finalPostObj["reportId"] = this.reportId;
-    this.finalPostObj["reportName"] = this.reportName;
-    this.finalPostObj["reportDescr"] = this.reportDescription;
-    this.finalPostObj["reportType"] = this.reportType;
-    this.finalPostObj["reportTypeList"] = null;
-    this.finalPostObj["dbInfo"] = this.dataSrc;
-    this.finalPostObj["formHelpText"] = this.helpText;
-    this.finalPostObj["pageSize"] = this.pageSize;
-
-    this.finalPostObj["dbInfoList"] = [
-      {
-      "id": "local",
-      "name": "local",
-      "selected": false
-      }
-      ];
-    this.finalPostObj["displayArea"] = [
-      {
-      "id": "HOME",
-      "name": "HOME",
-      "selected": (this.displayArea == "HOME" ? true : false)
-      },
-      {
-      "id": "CUSTOMER",
-      "name": "CUSTOMER",
-      "selected": (this.displayArea == "CUSTOMER" ? true : false)
-      },
-      {
-      "id": "REPORTS",
-      "name": "REPORTS",
-      "selected": (this.displayArea == "REPORTS" ? true : false)
-      }
-      ];
-    this.finalPostObj["hideFormFieldsAfterRun"] = this.hideFormFields1;
-    this.finalPostObj["maxRowsInExcelCSVDownload"] = this.maxRows;
-    this.finalPostObj["frozenColumns"] = this.colsFrozen;
-    this.finalPostObj["dataGridAlign"] = this.gridAlign;
-    this.finalPostObj["emptyMessage"] = this.emptyMessage;
-    this.finalPostObj["dataContainerHeight"] = this.heightContainer;
-    this.finalPostObj["dataContainerWidth"] = this.widthContainer;
-    this.finalPostObj["displayOptions"] = [
-      {
-      "name": "HideFormFields",
-      "selected": (this.hideFormFields == undefined ? false : this.hideFormFields )
-      },
-      {
-      "name": "HideChart",
-      "selected": (this.hideChart == undefined ? false : this.hideChart )
-      },
-      {
-      "name": "HideReportData",
-      "selected": (this.hideReportData == undefined ? false : this.hideReportData )
-      },
-      {
-      "name": "HideExcel",
-      "selected": (this.hideExcel == undefined ? false : this.hideExcel )
-      },
-      {
-      "name": "HidePdf",
-      "selected": (this.hidePDF == undefined ? false : this.hidePDF )
-      }
-      ];
-    this.finalPostObj["runtimeColSortDisabled"] = this.disableColumnSort;
-    this.finalPostObj["numFormCols"] = this.runTimeFormNum;
-    this.finalPostObj["reportTitle"] = this.reportTitle;
-    this.finalPostObj["reportSubTitle"] = this.reportSubTitle;
-    this.finalPostObj["oneTimeRec"] = this.oneTime;
-    this.finalPostObj["hourlyRec"] = this.hourly;    
-    this.finalPostObj["dailyRec"] = this.daily;
-    this.finalPostObj["dailyMFRec"] = this.MonFri;
-    this.finalPostObj["weeklyRec"] = this.Weekly;
-    this.finalPostObj["monthlyRec"] = this.Monthly;
-    this.finalPostObj["allowScheduler"] = (this.allowScheduler == true ? "Y" : "N" );
-    this.finalPostObj["sizedByContent"] = (this.sizedByContent == true ? "Y" : "N" );
-    this.finalPostObj["repDefType"] = this.reportDefinition;
-
-    this._http.post(environment.baseUrl + "report/wizard/save_def_tab_data/Create", this.finalPostObj, { headers: new HttpHeaders({'Content-Type': 'application/json'})})
-    .subscribe((response) => {
-    if(response["message"] === "Success Definition of given report is saved in session.")
-    {
-      this.status = "Success!";
-      this.message = "Your change has been saved! Definition is updated.";
-        this.showDialog = !this.showDialog;
-        this.closable = true; 
     }
-    else
-    {
-      this.status = "Failure!";
-      this.message = "Definition could not be updated.";
-        this.showDialog = !this.showDialog;
-        this.closable = true;
-    } 
-    });
 
+    close() {
+        this.showDialog = !this.showDialog;
+        this.closable = false;
     }
-    if(this.IncomingReportId !== -1 && this.reportMode == "Edit")
-    {
-      
-    this.finalPostObj["tabName"] = "Definition";
-    this.finalPostObj["tabId"] = "Def";
-    this.finalPostObj["reportId"] = this.reportId;
-    this.finalPostObj["reportName"] = this.reportName;
-    this.finalPostObj["reportDescr"] = this.reportDescription;
-    this.finalPostObj["reportType"] = this.reportType;
-
-    if(this.reportType === "Dashboard")
-    {
-      this.finalPostObj["dashboardLayoutJSON"] = JSON.stringify(this.dashboardObj);
-      this.finalPostObj["dashboardLayoutHTML"] = this.dashboardLayoutHTML;
 
-    }
-    else
-    {
-    
-    this.finalPostObj["reportTypeList"] = null;
-    this.finalPostObj["dbInfo"] = this.dataSrc;
-    this.finalPostObj["formHelpText"] = this.helpText;
-    this.finalPostObj["pageSize"] = this.pageSize;
+    onTransferDashboardObj(transferredDashboardObj: any) {
+        this.dashboardObj = transferredDashboardObj;
 
-    this.finalPostObj["dbInfoList"] = [
-      {
-      "id": "local",
-      "name": "local",
-      "selected": false
-      }
-      ];
-    this.finalPostObj["displayArea"] = [
-      {
-      "id": "HOME",
-      "name": "HOME",
-      "selected": (this.displayArea == "HOME" ? true : false)
-      },
-      {
-      "id": "CUSTOMER",
-      "name": "CUSTOMER",
-      "selected": (this.displayArea == "CUSTOMER" ? true : false)
-      },
-      {
-      "id": "REPORTS",
-      "name": "REPORTS",
-      "selected": (this.displayArea == "REPORTS" ? true : false)
-      }
-      ];
-    this.finalPostObj["hideFormFieldsAfterRun"] = this.hideFormFields1;
-    this.finalPostObj["maxRowsInExcelCSVDownload"] = this.maxRows;
-    this.finalPostObj["frozenColumns"] = this.colsFrozen;
-    this.finalPostObj["dataGridAlign"] = this.gridAlign;
-    this.finalPostObj["emptyMessage"] = this.emptyMessage;
-    this.finalPostObj["dataContainerHeight"] = this.heightContainer;
-    this.finalPostObj["dataContainerWidth"] = this.widthContainer;
-    this.finalPostObj["displayOptions"] = [
-      {
-      "name": "HideFormFields",
-      "selected": (this.hideFormFields == undefined ? false : this.hideFormFields )
-      },
-      {
-      "name": "HideChart",
-      "selected": (this.hideChart == undefined ? false : this.hideChart )
-      },
-      {
-      "name": "HideReportData",
-      "selected": (this.hideReportData == undefined ? false : this.hideReportData )
-      },
-      {
-      "name": "HideExcel",
-      "selected": (this.hideExcel == undefined ? false : this.hideExcel )
-      },
-      {
-      "name": "HidePdf",
-      "selected": (this.hidePDF == undefined ? false : this.hidePDF )
-      }
-      ];
-    this.finalPostObj["runtimeColSortDisabled"] = this.disableColumnSort;
-    this.finalPostObj["numFormCols"] = this.runTimeFormNum;
-    this.finalPostObj["reportTitle"] = this.reportTitle;
-    this.finalPostObj["reportSubTitle"] = this.reportSubTitle;
-    this.finalPostObj["oneTimeRec"] = this.oneTime;
-    this.finalPostObj["hourlyRec"] = this.hourly;    
-    this.finalPostObj["dailyRec"] = this.daily;
-    this.finalPostObj["dailyMFRec"] = this.MonFri;
-    this.finalPostObj["weeklyRec"] = this.Weekly;
-    this.finalPostObj["monthlyRec"] = this.Monthly;
-    this.finalPostObj["allowScheduler"] = (this.allowScheduler == true ? "Y" : "N" );
-    this.finalPostObj["sizedByContent"] = (this.sizedByContent == true ? "Y" : "N" );
-    this.finalPostObj["repDefType"] = this.reportDefinition;
     }
 
+    clearSession() {
+        this._definitionService.clearSession()
+            .subscribe((response) => {
+                console.log(response);
+                this._router.navigate(['v2/report-list']);
+            });
 
-    this._definitionService.portDefinitionPageDetails(this.IncomingReportId, this.finalPostObj)
-    .subscribe((response) => {
-
-    if(response["message"] === "Success Definition of given report is saved in session.")
-    {
-      this.status = "Success!";
-      this.message = "Your change has been saved! Definition is updated.";
-        this.showDialog = !this.showDialog;
-        this.closable = true; 
     }
-    else
-    {
-      this.status = "Failure!";
-      this.message = "Definition could not be updated.";
-        this.showDialog = !this.showDialog;
-        this.closable = true;
-    } 
-    });
 
+    getReportType() {
+        let outPutValues = [];
+        outPutValues['reportType'] = this.reportType;
+        this.outputReportType.emit(outPutValues);
     }
-
-  }
-
-  close() {
-    this.showDialog = !this.showDialog;
-    this.closable = false;
-  }
-
-  onTransferDashboardObj(transferredDashboardObj : any)
-  {
-    this.dashboardObj = transferredDashboardObj;
-
-  }
-
-
-
-
 }
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.service.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.service.spec.ts
index 9a734cf6..1c56d381 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.service.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.service.spec.ts
@@ -2,40 +2,15 @@ import { TestBed } from '@angular/core/testing';
 
 import { DefinitionService } from './definition.service';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
-import { environment } from 'src/environments/environment';
 
-describe('DefinitionService', () => {
-
-let service:DefinitionService;
-
-  beforeEach(() =>{ 
+describe('DefinitionServiceService', () => {
+  beforeEach(() => 
   TestBed.configureTestingModule({
-    imports: [HttpClientTestingModule],
-    providers:[DefinitionService]
-  })
-  service=TestBed.get(DefinitionService);
-});
+    imports: [HttpClientTestingModule]
+  }));
 
   it('should be created', () => {
     const service: DefinitionService = TestBed.get(DefinitionService);
     expect(service).toBeTruthy();
   });
-
-  it('should get getDefinitionPageDetails', () => {
-    let IncomingReportId : number;
-    let reportMode: string;
-    service.getDefinitionPageDetails(IncomingReportId,reportMode).subscribe((resp) => {
-    expect(resp).toBe(environment.baseUrl+IncomingReportId);
-  });
-  })
-
-  it('should get portDefinitionPageDetails', () => {
-    let IncomingReportId: number;
-    let finalPostObj : any;
-    service.portDefinitionPageDetails(IncomingReportId,finalPostObj).subscribe((resp) => {
-    expect(resp).toBe(environment.baseUrl+IncomingReportId);
-  });
-  })
-
-
 });
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.service.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.service.ts
index 53e6bbf6..94b774fa 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.service.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/definition/definition.service.ts
@@ -20,4 +20,13 @@ export class DefinitionService {
   {
     return this._http.post(environment.baseUrl + "report/wizard/save_def_tab_data/" + IncomingReportId, finalPostObj, { headers: new HttpHeaders({'Content-Type': 'application/json'})});
   }
+  
+   copyReportById(IncomingReportId: number): Observable <any>
+  {
+    return this._http.get(environment.baseUrl + "report/wizard/copy_report/" + IncomingReportId);
+  }
+   clearSession(): Observable <any>
+  {
+    return this._http.get(environment.baseUrl + "report/wizard/clearSession");
+  }
 }
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/display-html.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/display-html.ts
new file mode 100644
index 00000000..aa2c0c89
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/display-html.ts
@@ -0,0 +1,10 @@
+export interface DisplayHtml {
+    'font-weight': string;
+    'font-style': string;
+    'text-decoration': string;
+    'background-color': string;
+    'color': string;
+    'font-family': string;
+    'font-size': string;
+    'text-align': string;
+}
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/create-group.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/create-group.component.html
index 226f238c..103906d5 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/create-group.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/create-group.component.html
@@ -15,3 +15,9 @@
   <button mat-button (click)="onNoClick()">Close</button>
   <button style="background-color: #006496; color: white;" mat-button [mat-dialog-close]="createGroupObj" cdkFocusInitial>Create</button>
 </div>
+<style scoped>
+
+::ng-deep .cdk-global-overlay-wrapper, .cdk-overlay-container {
+  z-index: 1000 !important;
+}
+</style>
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields-add-edit/form-fields-add-edit.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields-add-edit/form-fields-add-edit.component.css
index 13497b3c..cb8ce6f8 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields-add-edit/form-fields-add-edit.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields-add-edit/form-fields-add-edit.component.css
@@ -1,11865 +1,3 @@
-mat-button-toggle{
-    display: block;
-    width: 400px;
-    border-radius: 5px;
-}
-
-input {
-    width: 400px;
-    height: 20px;
-}
-
-.tab-content{
-    margin-right: 20px;
-    background-color: #006496;
-    color: white;
-}
-
-
-
-.defaultFontSize{
-  font-size: 15px;
-}
-
-
-.stdForm{
-    margin-left: 20px;
-}
-
-.field-group {
-    position: relative;
-    display: block;
-}
-
-label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
-    margin-top: 5px;
-}
-
-textarea {
-    display: block;
-    width: 400px;
-    max-width: 50%;
-    padding: 15px;
-}
-
-select{
-    display: block;
-    width: 400px;
-    max-width: 400px;
-    padding: 15px;
-    background-color: #cfcfcf7a
-}
-
-.webform-component-my-select select {
-    height: 200px;
-  }
-
-  .checkbox .skin {
-    background-color: #fff;
-    border: 1px solid #d2d2d2;
-    border-radius: 3px;
-    display: inline-block;
-    height: 24px;
-    width: 24px;
-    position: absolute;
-    left: 0;
-    top: 0;
-}
-
-i, em {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-}
-
-
-.b2b-horizontal-table ::-webkit-scrollbar {
-    height: 10px; }
-  
-  .b2b-horizontal-table ::-webkit-scrollbar-thumb {
-    background: #666666;
-    border-radius: 5px; }
-  
-  .b2b-horizontal-table .b2b-frozen-col {
-    font-size: 12px;
-    font-weight: normal;
-    font-style: italic; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-inner-container {
-    overflow-x: scroll; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-column-info {
-    text-align: center; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-legend div[b2b-flyout-toggler] {
-    color: #0568ae;
-    cursor: pointer; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-legend .b2b-frozen-cell {
-    width: 16px;
-    height: 16px;
-    background-color: #F2F2F2;
-    display: inline-block;
-    margin-right: 10px; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-arrows {
-    margin-bottom: 20px; }
-    .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-disabled-text {
-      color: #767676; }
-    .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-next-link {
-      padding-right: 15px; }
-    .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-prev-link {
-      padding-left: 15px; }
-  
-  @-moz-document url-prefix() {
-    .b2b-horizontal-table td:first-child {
-      border-top: none; } }
-  * {
-    box-sizing: border-box; }
-  
-  :root {
-    -ms-overflow-style: -ms-autohiding-scrollbar;
-    overflow-y: scroll;
-    -ms-text-size-adjust: 100%;
-    -webkit-text-size-adjust: 100%;
-    box-sizing: border-box;
-    font: 0.625pc/1.5 sans-serif;
-    text-rendering: optimizeLegibility; }
-  
-  html {
-    overflow-y: scroll;
-    -webkit-overflow-scrolling: touch;
-    height: 100%;
-    position: relative; }
-  
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  p,
-  blockquote,
-  figure,
-  ol,
-  ul {
-    margin: 0;
-    padding: 0; }
-  
-  /* a:focus {
-    outline: thin dotted #191919;
-  } */
-  sub,
-  sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: top; }
-  
-  sup {
-    top: .75em;
-    display: inline-block; }
-  
-  sub {
-    bottom: -0.25em; }
-  
-  img {
-    max-width: 100%;
-    height: auto;
-    vertical-align: middle;
-    border: 0;
-    -ms-interpolation-mode: bicubic; }
-  
-  .img-no-rwd {
-    max-width: inherit !important; }
-  
-  svg {
-    display: inline-block; }
-  
-  .responsive-img {
-    width: 100%;
-    height: auto; }
-  
-  button,
-  input,
-  select,
-  textarea {
-    margin: 0;
-    font-size: 100%;
-    vertical-align: middle; }
-  
-  ::-moz-focus-inner {
-    padding: 0;
-    border: 0; }
-  
-  button,
-  html input[type="button"],
-  input[type="reset"],
-  input[type="submit"] {
-    appearance: button;
-    cursor: pointer; }
-  
-  label,
-  select,
-  button,
-  input[type="button"],
-  input[type="reset"],
-  input[type="submit"],
-  input[type="radio"],
-  input[type="checkbox"] {
-    cursor: pointer; }
-  
-  input[type=search] {
-    -webkit-appearance: textfield; }
-  
-  input[type=search]:-webkit-search-cancel-button,
-  input[type=search]:-webkit-search-decoration {
-    -webkit-appearance: none; }
-  
-
-  
-  select {
-    -moz-appearance: none;
-    -webkit-appearance: none; }
-  
-  [aria-busy=true] {
-    cursor: progress; }
-  
-  [aria-controls] {
-    cursor: pointer; }
-  
-  body {
-    background-color: #ffffff;
-    color: #191919;
-    font-family: "Omnes-ECOMP-W02", Arial;
-  /*  font-size: 1.6rem;
-    line-height: 2rem;*/
-    margin: 0;
-    position: relative;
-    width: 100%;
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothing: antialiased; }
-  
-  small {
-    font-size: 1.6rem; }
-  
-  .container {
-    margin: 0 auto;
-    padding: 0; }
-  
-  .tooltip {
-    display: inline-block;
-    height: 20px;
-    margin: 1px 0 0 7px;
-    vertical-align: middle; }
-  
-  .tooltip-wrapper {
-    display: none; }
- 
-  
-  
-  /* TODO: Build a reference page for these classes */
-  .font-regular {
-    font-family: "Omnes-ECOMP-W02", Arial !important; }
-  
-  .font-light {
-    font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-  
-  .font-italic {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-  
-  .font-light-italic {
-    font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-  
-  .font-medium {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-  
-  .font-medium-italic {
-    font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-  
-  .font-reset {
-    font-style: normal;
-    font-variant: normal;
-    font-weight: normal;
-    text-transform: none; }
-  
-  .visible-phone {
-    display: none !important; }
-  
-  .visible-tablet {
-    display: none !important; }
-  
-  .hidden-desktop {
-    display: none !important; }
-  
-  .visible-desktop {
-    display: inherit !important; }
-  
-  .row,
-  .row-nowrap {
-    margin-left: 0; }
-  
-  .row:before,
-  .row-nowrap:before,
-  .row:after,
-  .row-nowrap:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .row:after,
-  .row-nowrap:after {
-    clear: both; }
-  
-  .row:before,
-  .row-nowrap:before,
-  .row:after,
-  .row-nowrap:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .row:after,
-  .row-nowrap:after {
-    clear: both; }
-  
-  .row,
-  .row-nowrap {
-    display: flex; }
-  
-  .row > [class*="span"],
-  .row-nowrap > [class*="span"] {
-    float: left;
-    margin-right: 14px;
-    margin-right: 1.40845%\9; }
-  
-  .row > [class*="span"]:last-child,
-  .row-nowrap > [class*="span"]:last-child {
-    margin-right: 0; }
-  
-  .row > [class*="span"].centered,
-  .row-nowrap > [class*="span"].centered {
-    margin-left: auto !important;
-    margin-right: auto !important; }
-  
-  .row.no-flex,
-  .row-nowrap.no-flex {
-    display: block; }
-  
-  .row.no-flex > [class*="span"],
-  .row-nowrap.no-flex > [class*="span"] {
-    margin-right: 1.408450704225352%; }
-  
-  .row.no-flex > [class*="span"]:last-child,
-  .row-nowrap.no-flex > [class*="span"]:last-child {
-    margin-right: 0; }
-  
-  .row.flex-justify,
-  .row-nowrap.flex-justify {
-    justify-content: space-between; }
-  
-  .row.flex-justify > [class*="span"],
-  .row-nowrap.flex-justify > [class*="span"] {
-    flex: 1 1 0; }
-  
-  .row.flex-justify > .flex-col,
-  .row-nowrap.flex-justify > .flex-col {
-    margin-right: 14px;
-    margin-right: 1.40845%\9; }
-  
-  .row.flex-wrap,
-  .row-nowrap.flex-wrap {
-    flex-wrap: wrap; }
-  
-  .align-items-top {
-    align-items: flex-start; }
-  
-  .align-items-center {
-    align-items: center; }
-  
-  .align-items-bottom {
-    align-items: flex-end; }
-  
-  .align-self-top {
-    align-self: flex-start; }
-  
-  .align-self-center {
-    align-self: center; }
-  
-  .align-self-bottom {
-    align-self: flex-end; }
-  
-  .row .fixed-230 {
-    flex: 0;
-    display: block;
-    width: 230px;
-    vertical-align: top;
-    min-width: 230px;
-    background-color: #efefef; }
-  
-  .row .fluid-space {
-    flex: 1 1 0;
-    display: block;
-    vertical-align: top;
-    padding-left: 0;
-    padding-right: 20px;
-    width: 100%; }
-  
-  .row .fixed-230 + .fluid-space {
-    padding-left: 20px;
-    padding-right: 20px; }
-  
-  .row .fluid-space:last-child {
-    padding-right: 0; }
-  
-  .span1 {
-    width: 7.042253521126761%; }
-  
-  .span2 {
-    width: 15.49295774647887%; }
-  
-  .span3 {
-    width: 23.94366197183099%; }
-  
-  .span4 {
-    width: 32.3943661971831%; }
-  
-  .span5 {
-    width: 40.84507042253521%; }
-  
-  .span6 {
-    width: 49.29577464788733%; }
-  
-  .span7 {
-    width: 57.74647887323944%; }
-  
-  .span8 {
-    width: 66.19718309859155%; }
-  
-  .span9 {
-    width: 74.64788732394367%; }
-  
-  .span10 {
-    width: 83.09859154929578%; }
-  
-  .span11 {
-    width: 91.54929577464789%; }
-  
-  .span12 {
-    width: 100%; }
-  
-  .offset1 {
-    margin-left: 8.450704225352113%; }
-  
-  .offset2 {
-    margin-left: 16.90140845070423%; }
-  
-  .offset3 {
-    margin-left: 25.35211267605634%; }
-  
-  .offset4 {
-    margin-left: 33.8028169%; }
-  
-  .offset5 {
-    margin-left: 42.25352113%; }
-  
-  .offset6 {
-    margin-left: 50.70422535%; }
-  
-  .offset7 {
-    margin-left: 59.15492958%; }
-  
-  .offset8 {
-    margin-left: 67.6056338%; }
-  
-  .offset9 {
-    margin-left: 76.05633803%; }
-  
-  .offset10 {
-    margin-left: 84.50704225%; }
-  
-  .offset11 {
-    margin-left: 92.95774648%; }
-  
-  .align-center {
-    margin: 0 auto;
-    text-align: center; }
-  
-  [class*="span"].align-center {
-    margin: 0 auto !important;
-    float: none; }
-  
-  .align-left .container {
-    padding-left: 0 !important;
-    margin: 0 !important; }
-  
-  /* BEGIN RESPONSIVE-4.LESS ************** */
-  @media (min-width: 1025px) {
-    .row > [class*="span"],
-    .row-nowrap > [class*="span"] {
-      margin-right: 20px;
-      margin-right: 1.487301587301587%\9; }
-    .container {
-      padding-left: 20px;
-      padding-right: 20px;
-      max-width: 1260px; }
-    /* 1col = 6.878306878306879 */
-    /* 1colgutter = 1.587301587301587 */
-    .span0 {
-      display: none; }
-    .span1 {
-      width: 6.878306878306879%; }
-    .span2 {
-      width: 15.34391534391534%; }
-    .span3 {
-      width: 23.80952380952381%; }
-    .span4 {
-      width: 32.27513227513228%; }
-    .span5 {
-      width: 40.74074074074074%; }
-    .span6 {
-      width: 49.20634920634921%; }
-    .span7 {
-      width: 57.67195767195767%; }
-    .span8 {
-      width: 66.13756613756614%; }
-    .span9 {
-      width: 74.60317460317461%; }
-    .span10 {
-      width: 83.06878306878308%; }
-    .span11 {
-      width: 91.53439153439154%; }
-    .span12 {
-      width: 100%; }
-    .offset1 {
-      margin-left: 8.465608465608466%; }
-    .offset2 {
-      margin-left: 16.93121693121693%; }
-    .offset3 {
-      margin-left: 25.3968253968254%; }
-    .offset4 {
-      margin-left: 33.86243386%; }
-    .offset5 {
-      margin-left: 42.32804233%; }
-    .offset6 {
-      margin-left: 50.79365079%; }
-    .offset7 {
-      margin-left: 59.25925926%; }
-    .offset8 {
-      margin-left: 67.72486772%; }
-    .offset9 {
-      margin-left: 76.19047619%; }
-    .offset10 {
-      margin-left: 84.65608466%; }
-    .offset11 {
-      margin-left: 93.12169312%; }
-    .tooltip-size-control {
-      position: relative;
-      width: 400px; }
-    .thumbnails > li {
-      margin-left: 1.40845070422535%; }
-    .row .thumbnails {
-      margin-left: 0; } }
-  
-  /* END RESPONSIVE-4.LESS ****************** */
-  /* BEGIN RESPONSIVE-3.LESS ******************* */
-  @media (min-width: 768px) and (max-width: 1024px) {
-    .hidden-desktop {
-      display: inherit !important; }
-    .visible-desktop {
-      display: none !important; }
-    .visible-tablet {
-      display: inherit !important; }
-    .hidden-tablet {
-      display: none !important; }
-    .container {
-      width: 100%;
-      margin: 0 auto;
-      padding-left: 20px;
-      padding-right: 20px; }
-    .span0-md {
-      display: none; }
-    .span1-md {
-      width: 7.042253521126761%; }
-    .span2-md {
-      width: 15.49295774647887%; }
-    .span3-md {
-      width: 23.94366197183099%; }
-    .span4-md {
-      width: 32.3943661971831%; }
-    .span5-md {
-      width: 40.84507042253521%; }
-    .span6-md {
-      width: 49.29577464788733%; }
-    .span7-md {
-      width: 57.74647887323944%; }
-    .span8-md {
-      width: 66.19718309859155%; }
-    .span9-md {
-      width: 74.64788732394367%; }
-    .span10-md {
-      width: 83.09859154929578%; }
-    .span11-md {
-      width: 91.54929577464789%; }
-    .span12-md {
-      width: 100%; }
-    .offset1-md {
-      margin-left: 8.450704225352113%; }
-    .offset2-md {
-      margin-left: 16.90140845070423%; }
-    .offset3-md {
-      margin-left: 25.35211267605634%; }
-    .offset4-md {
-      margin-left: 33.8028169%; }
-    .offset5-md {
-      margin-left: 42.25352113%; }
-    .offset6-md {
-      margin-left: 50.70422535%; }
-    .offset7-md {
-      margin-left: 59.15492958%; }
-    .offset8-md {
-      margin-left: 67.6056338%; }
-    .offset9-md {
-      margin-left: 76.05633803%; }
-    .offset10-md {
-      margin-left: 84.50704225%; }
-    .offset11-md {
-      margin-left: 92.95774648%; }
-    .tooltip-size-control {
-      position: relative;
-      width: 300px; } }
-  
-  /* END RESPONSIVE-3.LESS ******************* */
-  /* BEGIN RESPONSIVE-2.LESS *************** */
-  @media (max-width: 767px) {
-    .hidden-desktop {
-      display: inherit !important; }
-    .visible-desktop {
-      display: none !important; }
-    .visible-phone {
-      display: inherit !important; }
-    .visible-tablet {
-      display: inherit !important; }
-    .hidden-phone {
-      display: none !important; }
-    .hidden-tablet {
-      display: none !important; }
-    .container {
-      width: auto;
-      padding-left: 15px;
-      padding-right: 15px; }
-    /*.row{ display:block; }*/
-    .row > [class*="span"] {
-      float: none;
-      margin-left: 0;
-      margin-right: 0;
-      width: 100%; }
-    .row {
-      display: block; }
-    .row.flex > .flex-col,
-    .row-nowrap.flex > .flex-col {
-      margin-right: 0; }
-    .row .fixed-230 {
-      display: block;
-      width: 100%; }
-    .row .fluid-space {
-      display: block;
-      padding-left: 0;
-      padding-right: 0;
-      width: auto; }
-    .row .fluid-space + .fixed-230 {
-      padding-left: 0; }
-    .row .fluid-space:last-child {
-      padding-right: 0; }
-    .span0-sm {
-      display: none; }
-    .span1-sm {
-      width: 7.042253521126761%; }
-    .span2-sm {
-      width: 15.49295774647887%; }
-    .span3-sm {
-      width: 23.94366197183099%; }
-    .span4-sm {
-      width: 32.3943661971831%; }
-    .span5-sm {
-      width: 40.84507042253521%; }
-    .span6-sm {
-      width: 49.29577464788733%; }
-    .span7-sm {
-      width: 57.74647887323944%; }
-    .span8-sm {
-      width: 66.19718309859155%; }
-    .span9-sm {
-      width: 74.64788732394367%; }
-    .span10-sm {
-      width: 83.09859154929578%; }
-    .span11-sm {
-      width: 91.54929577464789%; }
-    .span12-sm {
-      width: 100%; }
-    .offset1-sm {
-      margin-left: 8.450704225352113%; }
-    .offset2-sm {
-      margin-left: 16.90140845070423%; }
-    .offset3-sm {
-      margin-left: 25.35211267605634%; }
-    .offset4-sm {
-      margin-left: 33.8028169%; }
-    .offset5-sm {
-      margin-left: 42.25352113%; }
-    .offset6-sm {
-      margin-left: 50.70422535%; }
-    .offset7-sm {
-      margin-left: 59.15492958%; }
-    .offset8-sm {
-      margin-left: 67.6056338%; }
-    .offset9-sm {
-      margin-left: 76.05633803%; }
-    .offset10-sm {
-      margin-left: 84.50704225%; }
-    .offset11-sm {
-      margin-left: 92.95774648%; }
-    input {
-      padding: 8px 15px 8px 15px; }
-    .field-group input.input-emphasized[type="search"] + .reset-field:after {
-      top: 14px; }
-    .field-group input.input-emphasized[type="search"] + .reset-field {
-      height: 46px;
-      top: 1px; }
-    .marquee {
-      margin-bottom: 30px; }
-    .marquee .blur-overlay {
-      border-radius: 0;
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      margin: 0;
-      padding: 34px 15px 30px; }
-    .marquee + div {
-      margin-top: 30px; }
-    .marquee h1 {
-      font-size: 1.8rem;
-      letter-spacing: -0.035px; }
-    .marquee .lead {
-      font-size: 3.0rem;
-      line-height: 3.6rem;
-      margin-bottom: 0; }
-    .marquee p:not(.lead) {
-      font-family: "Omnes-ECOMP-W02-Light", Arial;
-      font-size: 1.8rem;
-      margin-bottom: 0; }
-    .marquee .btn-fullwidth {
-      margin-top: 10px;
-      width: 100%;
-      float: none; }
-    .tooltip-size-control {
-      width: 100%; }
-    .table-wrapper,
-    .accordion-table-layout {
-      margin-left: -15px;
-      margin-right: -15px; }
-    .table-wrapper caption {
-      padding-left: 15px; } }
-  
-  @media (max-width: 480px) {
-    .span1-xsm {
-      width: 7.042253521126761%; }
-    .span2-xsm {
-      width: 15.49295774647887%; }
-    .span3-xsm {
-      width: 23.94366197183099%; }
-    .span4-xsm {
-      width: 32.3943661971831%; }
-    .span5-xsm {
-      width: 40.84507042253521%; }
-    .span6-xsm {
-      width: 49.29577464788733%; }
-    .span7-xsm {
-      width: 57.74647887323944%; }
-    .span8-xsm {
-      width: 66.19718309859155%; }
-    .span9-xsm {
-      width: 74.64788732394367%; }
-    .span10-xsm {
-      width: 83.09859154929578%; }
-    .span11-xsm {
-      width: 91.54929577464789%; }
-    .span12-xsm {
-      width: 100%; }
-    .offset1-xsm {
-      margin-left: 8.450704225352113%; }
-    .offset2-xsm {
-      margin-left: 16.90140845070423%; }
-    .offset3-xsm {
-      margin-left: 25.35211267605634%; }
-    .offset4-xsm {
-      margin-left: 33.8028169%; }
-    .offset5-xsm {
-      margin-left: 42.25352113%; }
-    .offset6-xsm {
-      margin-left: 50.70422535%; }
-    .offset7-xsm {
-      margin-left: 59.15492958%; }
-    .offset8-xsm {
-      margin-left: 67.6056338%; }
-    .offset9-xsm {
-      margin-left: 76.05633803%; }
-    .offset10-xsm {
-      margin-left: 84.50704225%; }
-    .offset11-xsm {
-      margin-left: 92.95774648%; } }
-  
-  /* END RESPONSIVE-2.LESS ******************* */
-  /* BEGIN RESPONSIVE-1.LESS ************** */
-  .xxxxxxxx-begin-responsive-480px.less {
-    /* placeholder */ }
-  
-  @media (max-width: 480px) {
-    .hidden-desktop {
-      display: inherit !important; }
-    .hidden-tablet {
-      display: inherit !important; }
-    .hidden-phone {
-      display: none !important; }
-    .visible-desktop {
-      display: none !important; }
-    .visible-tablet {
-      display: none !important; }
-    .visible-phone {
-      display: inherit !important; }
-    .container {
-      width: auto;
-      padding-left: 15px;
-      padding-right: 15px; } }
-  
-  [class*="icon-primary-"],
-  .nav-links a:after,
-  .bellyband-link a:after,
-  .breadcrumb > li:after,
-  .checkbox input:checked + .skin:after,
-  .checkbox input.indeterminate + .skin:after,
-  .checkbox input:indeterminate + .skin:after,
-  .selectWrap.large:before,
-  .form-row.error .error-msg:before,
-  .close:before,
-  .reset-field:before,
-  .cssIcon-globe:before,
-  .selectWrap:after {
-    color: #0568ae;
-    left: 6px;
-    top: -3px;
-    width: 2px;
-    height: 3px;
-    border: solid white;
-    border-width: 0 3px 3px 0;
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    transform: rotate(45deg);}
-  
-  [class*="icoWeather-"], [class*="icoTrans-"], [class*="icoBubble-"], [class*="icoRetail-"], [class*="icoPeople-"], [class*="icoNumslets-"], [class*="icoLocation-"], [class*="icoHealthcare-"], [class*="icoDocuments-"], [class*="icoDevices-"], [class*="icoDatanetwork-"], [class*="icoControls-"], [class*="icoBuilding-"], [class*="icoArrows-"] {
-    color: #0568ae;
-    display: inline-block;
-    font-style: normal;
-    font-size: 20px;
-    font-weight: normal;
-    font-variant: normal;
-    font-style: normal;
-    width: 20px;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    position: relative;
-    speak: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    vertical-align: middle; }
-  
-  [class*="icon-primary-"]:before,
-  [class*="icon-primary-"]:after {
-    box-sizing: border-box;
-    display: inline-block;
-    font-size: 1em;
-    height: 1em;
-    position: relative;
-    top: 0;
-    left: 0;
-    vertical-align: middle;
-    width: 1em; }
-  
-  .icon-primary-att-globe:before,
-  .cssIcon-globe:before {
-    content: "\e900";
-    color: #44c7f5; }
-  
-  .icon-primary-hamburger:before {
-    content: "\e903"; }
-  
-  .icon-primary-secure:before {
-    content: "\e918"; }
-  
-  .icon-primary-secureL:before {
-    content: "\e919"; }
-  
-  .icon-primary-padlockopen:before {
-    content: "\e916"; }
-  
-  .icon-primary-padlockopenL:before {
-    content: "\e917"; }
-  
-  .icon-primary-shoppingcart:before {
-    content: "\e914"; }
-  
-  .icon-primary-shoppingcartL:before {
-    content: "\e915"; }
-  
-  .icon-primary-print:before {
-    content: "\e921"; }
-  
-  .icon-primary-printL:before {
-    content: "\e922"; }
-  
-  .icon-primary-mobilesmartphone:before {
-    content: "\e908"; }
-  
-  .icon-primary-mobilesmartphoneL:before {
-    content: "\e90c"; }
-  
-  .icon-primary-tablet:before {
-    content: "\e904"; }
-  
-  .icon-primary-tabletL:before {
-    content: "\e905"; }
-  
-  .icon-primary-tv:before {
-    content: "\e906"; }
-  
-  .icon-primary-tvL:before {
-    content: "\e907"; }
-  
-  .icon-primary-calendar {
-    width: 100% !important; }
-  
-  .icon-primary-calendar:before {
-    content: "\e91a";
-    z-index: 1; }
-  
-  .icon-primary-calendarL:before {
-    content: "\e91b"; }
-  
-  .icon-primary-star:before {
-    content: "\e96c"; }
-  
-  .icon-primary-close:before,
-  .close:before,
-  .reset-field:before {
-    content: "\e910"; }
-  
-  .icon-primary-down:before {
-    content: "\ea3c"; }
-  
-  
-  
-  .icon-primary-add-maximize:before {
-    content: "\e91f"; }
-  
-
-  
-  .icon-primary-questionmark:before {
-    content: "\e90f"; }
-  
-  .icon-primary-badgealert:before,
-  .form-row.error .error-msg:before {
-    content: "\e90e"; }
-  
-  .icon-primary-approval:before {
-    content: "\e925"; }
-  
-  .icon-primary-flat-info:before {
-    content: "\e927"; }
-  
-  .icon-primary-alert:before {
-    content: "\e913"; }
-  
-  .icon-primary-tooltip:before,
-  .icon-primary-flat-faq:before {
-    content: "\e90d"; }
-  
-  .icon-primary-tooltip {
-    font-size: 20px; }
-  
-  .nav-links a:after,
-  .bellyband-link a:after,
-  .breadcrumb > li:after,
-  .icon-primary-right:before {
-    content: "\ea3c";
-    transform: rotate(-90deg); }
-  
-  .icon-primary-left:before {
-    content: "\ea3c";
-    transform: rotate(90deg); }
-  
-  .icon-primary-accordion-plus:after,
-  .icon-primary-collapsed:after,
-  .icon-primary-accordion-minus:after,
-  .icon-primary-expanded:after {
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 1; }
-  
-  .icon-primary-accordion-minus,
-  .icon-primary-expanded,
-  .icon-primary-accordion-plus,
-  .icon-primary-collapsed {
-    font-size: 20px !important; }
-  
-  :not(.ds2-no-colors) .icon-primary-accordion-minus:before,
-  :not(.ds2-no-colors) .icon-primary-expanded:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
-    content: ""; }
-  
-  :not(.ds2-no-colors) .icon-primary-accordion-plus:before,
-  :not(.ds2-no-colors) .icon-primary-collapsed:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M10.5%2015.9c-.4%200-.8-.3-.8-.8V5.9c0-.4.3-.8.8-.8s.8.3.8.8v9.3c0%20.4-.4.7-.8.7z%22%2F%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
-    content: ""; }
-  
-  .ds2-no-colors .icon-primary-accordion-minus:before,
-  .ds2-no-colors .icon-primary-expanded:before {
-    background-image: none;
-    content: "\e901"; }
-  
-  .ds2-no-colors .icon-primary-accordion-minus:after,
-  .ds2-no-colors .icon-primary-expanded:after {
-    content: "\e902"; }
-  
-  .ds2-no-colors .icon-primary-accordion-plus:before,
-  .ds2-no-colors .icon-primary-collapsed:before {
-    background-image: none;
-    content: "\e90b"; }
-  
-  .ds2-no-colors .icon-primary-accordion-plus:after,
-  .ds2-no-colors .icon-primary-collapsed:after {
-    content: "\e911"; }
-  
-  .icon-primary-circle-arrow {
-    outline: 1px solid transparent;
-    border-radius: 50%;
-    font-size: 20px !important;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
-    margin-right: 7px; }
-  
-  .icon-primary-circle-arrow:after {
-    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20baseProfile%3D%22tiny%22%3E%3Ccircle%20r%3D%2217%22%20cy%3D%2218%22%20cx%3D%2218%22%20stroke-width%3D%221%22%20fill%3D%22transparent%22%20stroke%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E");
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 2; }
-  
-  .icon-primary-circle-arrow:before {
-    border-radius: 50%;
-    content: "\ea3c";
-    font-size: 12px;
-    top: 0;
-    position: absolute;
-    transform: rotate(-90deg);
-    width: 20px;
-    z-index: 1; }
-  
-  [class*="icon-primary-"] [class*="icon-primary-"] {
-    display: inline-block;
-    float: left;
-    font-size: 1em;
-    margin-left: -1em;
-    position: absolute; }
-  
-  [class*="icon-primary-"].white, [class^="ico"][class*="-"].white {
-    color: #fff; }
-  
-  [class*="icon-primary-"].black, [class^="ico"][class*="-"].black {
-    color: #000; }
-  
-  [class*="icon-primary-"].blue, [class^="ico"][class*="-"].blue {
-    color: #0568ae; }
-  
-  [class*="icon-primary-"].green, [class^="ico"][class*="-"].green {
-    color: #007a3e; }
-  
-  @-webkit-viewport {
-    width: device-width; }
-  
-  @-moz-viewport {
-    width: device-width; }
-  
-  @-ms-viewport {
-    width: device-width; }
-  
-  @-o-viewport {
-    width: device-width; }
-  
-  @viewport {
-    width: device-width; }
-  
-  .clearfix:before,
-  .clearfix:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .clearfix:after {
-    clear: both; }
-  
-  .pull-right {
-    float: right !important; }
-  
-  .pull-left {
-    float: left !important; }
-  
-  .float-children-left:before,
-  .float-children-left:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .float-children-left:after {
-    clear: both; }
-  
-  .float-children-left > div {
-    float: left;
-    white-space: nowrap; }
-  
-  .block {
-    display: block !important; }
-  
-  .inline {
-    display: inline !important; }
-  
-  .inline-block {
-    display: inline-block !important; }
-  
-  .table-cell {
-    display: table-cell !important;
-    width: 1%;
-    vertical-align: middle; }
-  
-  @media (max-width: 767px) {
-    .full-bleed {
-      width: auto;
-      margin-left: -15px;
-      margin-right: -15px;
-      padding: 15px; } }
-  
-  @media (min-width: 768px) {
-    .full-bleed {
-      width: auto;
-      margin-left: -20px;
-      margin-right: -20px;
-      padding: 20px; } }
-  
-  @media (max-width: 480px) {
-    .full-bleed {
-      width: auto;
-      margin-left: -15px;
-      margin-right: -15px;
-      padding: 0 15px; } }
-  
-  .fade {
-    opacity: 0;
-    filter: alpha(opacity=0);
-    transition: opacity .15s linear; }
-  
-  .fade.in {
-    opacity: 1;
-    filter: alpha(opacity=100); }
-  
-  .b2bCollapse {
-    display: none; }
-  
-  .collapse.in {
-    height: auto; }
-  
-  .nowrap {
-    white-space: nowrap; }
-  
-  .pre {
-    white-space: pre; }
-  
-  .hidden-spoken {
-    border: 0 none !important;
-    clip: rect(0px, 0px, 0px, 0px) !important;
-    height: 1px !important;
-    letter-spacing: 0;
-    line-height: 0;
-    overflow: hidden !important;
-    margin-top: -1px;
-    padding: 0 !important;
-    position: absolute !important;
-    width: 1px !important; }
-  
-  [data-sr-text].hidden-spoken:before {
-    border: 0 none !important;
-    content: attr(data-sr-text);
-    clip: rect(0px, 0px, 0px, 0px) !important;
-    height: 1px !important;
-    letter-spacing: 0;
-    line-height: 0;
-    overflow: hidden !important;
-    padding: 0 !important;
-    position: absolute !important;
-    width: 100% !important;
-    z-index: -1; }
-  
-  [data-sr-text].hidden-spoken {
-    position: relative !important;
-    width: auto !important; }
-  
-  [data-show-between] {
-    display: none;
-    visibility: hidden; }
-  
-  .noscroll-y {
-    overflow-y: hidden !important; }
-  
-  .invisible {
-    visibility: hidden !important;
-    opacity: 0 !important; }
-  
-  .transparent {
-    background-color: rgba(255, 255, 255, 0) !important; }
-  
-  .hide {
-    display: none !important; }
-  
-  .show {
-    display: block !important; }
-  
-  .rel {
-    position: relative !important; }
-  
-  .legend-pad {
-    padding: 0 15px; }
-  
-  .border-top {
-    border-top-width: 1px !important; }
-  
-  .border-left {
-    border-left-width: 1px !important; }
-  
-  .border-right {
-    border-right-width: 1px !important; }
-  
-  .border-bottom {
-    border-bottom-width: 1px !important; }
-  
-  .border-dark {
-    border-color: #000; }
-  
-  .border-light {
-    border-color: #fff; }
-  
-  .no-border-top {
-    border-top-width: 0 !important; }
-  
-  .no-border-left {
-    border-left-width: 0 !important; }
-  
-  .no-border-right {
-    border-right-width: 0 !important; }
-  
-  .no-border-bottom {
-    border-bottom-width: 0 !important; }
-  
-  .align-middle {
-    margin: 0 auto !important; }
-  
-  .align-top {
-    position: absolute;
-    top: 0; }
-  
-  .align-bottom {
-    position: absolute;
-    bottom: 0; }
-  
-  .valign-top {
-    vertical-align: top !important; }
-  
-  .valign-middle {
-    vertical-align: middle !important; }
-  
-  .valign-bottom {
-    vertical-align: bottom !important; }
-  
-  .align-children-middle > * {
-    margin: 0 auto; }
-  
-  [class*="valign-children-"] {
-    display: table; }
-  
-  [class*="valign-children-"] > * {
-    display: table-cell; }
-  
-  .valign-children-top > * {
-    vertical-align: top; }
-  
-  .valign-children-middle > * {
-    vertical-align: middle; }
-  
-  .valign-children-bottom > * {
-    vertical-align: bottom; }
-  
-  .no-pad {
-    padding: 0 !important; }
-  
-  .top-space {
-    margin-top: 60px !important; }
-  
-  .bottom-space {
-    margin-bottom: 60px !important; }
-  
-  .top-pad {
-    padding-top: 60px !important; }
-  
-  .bottom-pad {
-    padding-bottom: 60px !important; }
-  
-  @media (max-width: 767px) {
-    .top-space {
-      margin-top: 30px !important; }
-    .bottom-space {
-      margin-bottom: 30px !important; }
-    .top-pad {
-      padding-top: 30px !important; }
-    .bottom-pad {
-      padding-bottom: 30px !important; } }
-  
-  .affix {
-    position: fixed; }
-  
-  .img-landscape,
-  .img-portrait {
-    position: relative; }
-  
-  @media (orientation: landscape) {
-    .img-landscape {
-      display: block; }
-    .img-portrait {
-      display: none !important; } }
-  
-  @media (orientation: portrait) {
-    .img-landscape {
-      display: none !important; }
-    .img-portrait {
-      display: block; } }
-  
-  .dark-bg {
-    background-color: #222222; }
-  
-  /* ... JAVASCRIPT HOOKS .................
-     ... used by javascript ............... */
-  .autoSize,
-  .autoSize-this {
-    position: relative; }
-  
-  .truncate {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis; }
-  
-  .placeholdersjs {
-    color: #5a5a5a !important; }
-  
-  .jshook-return-focus-here {
-    display: block; }
-  
-  .visible-print {
-    display: none !important; }
-  
-  .hidden-print {
-    display: inherit !important; }
-  
-  @media print {
-    .visible-print {
-      display: inherit !important; }
-    .hidden-print {
-      display: none !important; }
-    * {
-      color: #000 !important;
-      background: transparent !important;
-      box-shadow: none !important; }
-    a,
-    a:visited {
-      text-decoration: underline; }
-    pre,
-    blockquote {
-      border: 1px solid #000;
-      page-break-inside: avoid; }
-    thead {
-      display: table-header-group; }
-    tr,
-    img {
-      page-break-inside: avoid; }
-    img {
-      max-width: 100% !important; }
-    @page {
-      margin: 0.5cm; }
-    p,
-    h2,
-    h3 {
-      orphans: 3;
-      widows: 3; }
-    h2,
-    h3 {
-      page-break-after: avoid; } }
-  
-  .mar-top-0 {
-    margin-top: 0px; }
-  
-  .mar-top-30 {
-    margin-top: 30px; }
-  
-  a:focus {
-    outline: thin dotted #191919; }
-  
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-weight: normal;
-    text-rendering: optimizeLegibility;
-    margin: 0;
-    line-height: 1; }
-  
-  .heading-page {
-    font-size: 3.8rem !important;
-    font-family: "Omnes-ECOMP-W02-Light", Arial;
-    margin-bottom: 40px; }
-  
-  h1.heading-page.ng-scope {}
-  
-  .heading-major-section {
-    font-size: 3rem !important;
-    font-family: "Omnes-ECOMP-W02-Light", Arial;
-    margin-bottom: 40px !important; }
-  
-  .heading-sub-section {
-    font-size: 2.4rem !important;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 40px; }
-  
-  .heading-group {
-    font-size: 2rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #ea7400;
-    margin-bottom: 20px !important; }
-  
-  .heading-medium {
-    font-size: 2rem !important;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-medium-emphasis {
-    font-size: 2rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-small {
-    font-size: 1.8rem !important;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-small-emphasis {
-    font-size: 1.8rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-micro {
-    font-size: 1.3rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    text-transform: uppercase;
-    color: #da0081;
-    margin-bottom: 10px; }
-  
-  * + .heading-major-section {
-    margin-top: 60px; }
-  
-  * + .heading-sub-section {
-    margin-top: 60px; }
-  
-  * + .heading-group {
-    margin-top: 40px !important; }
-  
-  * + .heading-medium {
-    margin-top: 40px; }
-  
-  * + .heading-medium-emphasis {
-    margin-top: 40px; }
-  
-  * + .heading-small {
-    margin-top: 40px; }
-  
-  * + .heading-small-emphasis {
-    margin-top: 40px; }
-  
-  * + .heading-micro {
-    margin-top: 20px; }
-  
-  .lead {
-    color: #666;
-    font-family: "Omnes-ECOMP-W02-Light-Italic", Arial;
-    font-size: 2.4rem;
-    line-height: 2.8rem;
-    margin-top: 10px;
-    letter-spacing: -0.024rem; }
-  
-  .eyebrow {
-    text-transform: uppercase;
-    line-height: .65 !important; }
-  
-  .eyebrow,
-  .subheading {
-    font-size: 1.4rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #666; }
-  
-  .eyebrow + .heading-major-section,
-  .eyebrow + .heading-sub-section {
-    margin-top: 4px; }
-  
-  .subheading {
-    margin-top: 10px; }
-  
-  @media (max-width: 767px) {
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6,
-    .heading-page {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 30px; }
-    .heading-major-section {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 30px; }
-    .heading-sub-section {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px; }
-    .heading-medium {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px; }
-    .heading-medium-emphasis {
-      font-size: 2rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px; }
-    .heading-small {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 10px; }
-    .heading-small-emphasis {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      margin-bottom: 5px; }
-    * + .heading-major-section {
-      margin-top: 30px; }
-    * + .heading-sub-section {
-      margin-top: 30px; }
-    * + .heading-group {
-      margin-top: 20px; }
-    * + .heading-medium {
-      margin-top: 20px; }
-    * + .heading-medium-emphasis {
-      margin-top: 20px; }
-    * + .heading-small {
-      margin-top: 20px; }
-    * + .heading-small-emphasis {
-      margin-top: 20px; }
-    * + .heading-micro {
-      margin-top: 10px; } }
-  
-  /* Standard Type styles */
-  .zeromargin {
-    margin: 0 !important; }
-  
-  a {
-    color: #0568ae;
-    text-decoration: none; }
-  
-  a:hover,
-  a:focus {
-    text-decoration: underline; }
-  
-  a:active {
-    color: #0568ae; }
-  
-  .a-min {
-    font-size: 12px; }
-  
-  .a-small {
-    font-size: 14px; }
-  
-  .a-max {
-    font-size: 18px; }
-  
-  a.show-qualifier {
-    margin-right: 25px;
-    position: relative; }
-  
-  a.show-qualifier:after {
-    color: #333333;
-    display: inline-block;
-    white-space: pre !important; }
-  
-  a[href$="pdf"].show-qualifier:after,
-  a.show-qualifier.pdf:after {
-    content: " (PDF)"; }
-  
-  a[href$="psd"].show-qualifier:after,
-  a.show-qualifier.psd:after {
-    content: " (PSD)"; }
-  
-  .standalone-link {
-    display: flex; }
-  
-  /* 20px for the icon, 10px left of icon */
-  .standalone-link.small {
-    font-size: 1.4rem; }
-  
-  .standalone-link.small i[class*="icon-primary-"] {
-    font-size: 16px;
-    top: 2px; }
-  
-  .standalone-link.large {
-    font-size: 1.8rem; }
-  
-  .standalone-link.large i[class*="icon-primary-"] {
-    font-size: 24px;
-    top: -1px; }
-  
-  p {
-    margin: 0 0 12px 0;
-    line-height: 2rem; }
-  
-  .p-small {
-    font-size: 1.4rem;
-    line-height: 1.8rem; }
-  
-  p + .p-small {
-    margin: 10px 0 0; }
-  
-  .p-micro {
-    font-size: 1.2rem;
-    line-height: 1.5rem; }
-  
-  p + .p-micro {
-    margin: 10px 0 0; }
-  
-  .p-max {
-    font-size: 1.8rem; }
-  
-  p + .p-max {
-    margin: 10px 0 0; }
-  
-  b,
-  strong {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: normal; }
-  
-  i,
-  em {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal; }
-  
-  .strike {
-    text-decoration: line-through; }
-  
-  sup {
-    display: inline-block;
-    font-style: normal;
-    height: 1em;
-    position: relative;
-    vertical-align: text-top;
-    width: auto; }
-  
-  .text-legal {
-    color: #5a5a5a;
-    font-size: 1.1rem;
-    line-height: 1.5rem;
-    margin: 0 0 10px; }
-  
-  .text-legal.legal-module {
-    line-height: 1.3rem;
-    margin: 0 0 12px; }
-  
-  .text-legal b,
-  .text-legal strong {
-    font-weight: bold; }
-  
-  .text-legal a {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .text-left {
-    text-align: left !important; }
-  
-  .text-right {
-    text-align: right !important; }
-  
-  .text-center {
-    text-align: center !important; }
-  
-  .text-justified {
-    text-align: justify !important; }
-  
-  ul {
-    padding: 0;
-    margin: 0;
-    list-style: none; }
-  
-  ul.bullet,
-  ul.no-bullet,
-  ul.lower-alpha,
-  ul.lower-roman,
-  ol {
-    padding: 0;
-    margin: 12px 0 0 20px; }
-  
-  ul.bullet li,
-  ul.no-bullet li,
-  ul.lower-alpha li,
-  ul.lower-roman li,
-  ol li {
-    padding-left: 15px;
-    line-height: 20px;
-    position: relative; }
-  
-  ul.bullet li + li,
-  ul.no-bullet li + li,
-  ul.lower-alpha li + li,
-  ul.lower-roman li + li,
-  ol li + li {
-    margin-top: 12px; }
-  
-  ul.bullet > li:before,
-  ul.no-bullet > li:before,
-  ul.lower-alpha > li:before,
-  ul.lower-roman > li:before,
-  ol > li:before {
-    background-color: #333333;
-    border: 2px solid #333333;
-    border-radius: 100%;
-    content: " ";
-    display: block;
-    height: 1px;
-    left: 0;
-    position: absolute;
-    top: 8px;
-    width: 1px; }
-  
-  ul.bullet ul,
-  ul.no-bullet ul,
-  ul.lower-alpha ul,
-  ul.lower-roman ul,
-  ol ul,
-  ul.bullet ol,
-  ul.no-bullet ol,
-  ul.lower-alpha ol,
-  ul.lower-roman ol,
-  ol ol {
-    margin-top: 12px; }
-  
-  ul + *,
-  ol + * {
-    margin-top: 20px; }
-  
-  ul.no-bullet,
-  ul.lower-alpha,
-  ul.lower-roman {
-    margin: 0; }
-  
-  ul.no-bullet > li,
-  ul.lower-alpha > li,
-  ul.lower-roman > li {
-    padding-left: 0; }
-  
-  ul.no-bullet > li:before,
-  ul.lower-alpha > li:before,
-  ul.lower-roman > li:before {
-    display: none !important; }
-  
-  ol {
-    margin: 20px 0 0 32px; }
-  
-  ol li {
-    padding-left: 3px; }
-  
-  ol li:before {
-    display: none; }
-  
-  ol ol {
-    margin-left: 25px; }
-  
-  ol ul {
-    margin-left: -5px; }
-  
-  ul ul,
-  ul ol,
-  ol ol,
-  ol ul {
-    margin-top: 0; }
-  
-  ul.lower-roman {
-    list-style-type: lower-roman;
-    margin-top: 12px;
-    margin-left: 35px;
-    margin-bottom: 0; }
-  
-  ul.lower-alpha {
-    list-style-type: lower-alpha;
-    margin-top: 12px;
-    margin-left: 35px;
-    margin-bottom: 0; }
-  
-  dl {
-    display: table;
-    margin: 0 0 20px;
-    width: 100%; }
-  
-  dt,
-  dd {
-    display: table-cell; }
-  
-  .btn {
-    background-color: transparent;
-    background-clip: padding-box;
-    border: 1px solid transparent;
-    border-radius: 8px;
-    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
-    cursor: pointer;
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 1.9rem;
-    font-weight: normal;
-    line-height: 1;
-    margin: 0 7px 10px 0;
-    max-width: 470px;
-    min-width: 70px;
-    padding: 14px 19px 11px 18px;
-    position: relative;
-    text-align: center;
-    vertical-align: middle;
-    white-space: nowrap;
-    overflow: hidden; }
-    .btn:focus {
-      outline: 1px dotted #000;
-      outline-offset: -5px; }
-    .btn:last-child {
-      margin-right: 0; }
-    .btn::-moz-focus-inner {
-      padding: 0;
-      border: 0; }
-    .btn i[class*="icon-primary-"].icon-primary-small {
-      font-size: 24px;
-      top: -2px; }
-    .btn i[class*="icon-primary-"].icon-primary-medium {
-      font-size: 30px;
-      top: -2px; }
-    .btn i[class*="icon-primary-"].icon-primary-large {
-      font-size: 36px;
-      top: -2px; }
-  
-  a.btn {
-    vertical-align: middle; }
-    a.btn:hover {
-      text-decoration: none; }
-  
-  .field-group + .btn {
-    margin-left: 20px; }
-  
-  .btn-primary {
-    border-color: #ea7400 transparent #d16500;
-    background-color: #ea7400 transparent #d16500;
-    background: linear-gradient(to bottom, #ea7400 0%, #d16500 100%);
-    color: #ffffff;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-weight: bold; }
-    .btn-primary:hover {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-primary:focus {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-primary:active {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-  
-  .btn-arrow {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.6rem;
-    font-weight: normal;
-    background-color: transparent;
-    border: none;
-    padding: 5px 0 0;
-    top: -4px;
-    color: #333333;
-    position: relative; }
-    .btn-arrow:hover {
-      text-decoration: underline; }
-      .btn-arrow:hover .btn-primary {
-        text-decoration: none;
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-      .btn-arrow:hover .btn-secondary {
-        color: #0568ae;
-        outline-color: #000000 !important;
-        background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-      .btn-arrow:hover .btn-alt {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-      .btn-arrow:hover .btn-specialty {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-arrow:focus {
-      text-decoration: underline;
-      outline: 1px dotted #666; }
-      .btn-arrow:focus .btn-primary {
-        text-decoration: none;
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-      .btn-arrow:focus .btn-secondary {
-        color: #0568ae;
-        outline-color: #000000 !important;
-        background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-      .btn-arrow:focus .btn-alt {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-      .btn-arrow:focus .btn-specialty {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-arrow:active .btn-primary {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-arrow:active .btn-secondary {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-arrow:active .btn-alt {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-    .btn-arrow:active .btn-specialty {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-arrow .btn-alt {
-      border-color: #087ac2 transparent #0568ae;
-      background-color: #0568ae;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-      color: #ffffff; }
-      .btn-arrow .btn-alt:hover {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-      .btn-arrow .btn-alt:focus {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-      .btn-arrow .btn-alt:active {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-arrow::-moz-focus-inner {
-      padding: 0;
-      border: 0; }
-    .btn-arrow .btn {
-      border: 1px solid transparent;
-      border-radius: 100%;
-      height: 36px;
-      margin-bottom: 0;
-      margin-right: 7px;
-      max-width: 36px;
-      min-width: 20px;
-      padding: 0;
-      margin-top: -4px;
-      vertical-align: middle;
-      width: 36px; }
-      .btn-arrow .btn .icon-primary-left {
-        bottom: 0;
-        display: block;
-        height: 100%;
-        left: 0;
-        line-height: 0;
-        position: absolute;
-        right: 0;
-        text-indent: 0;
-        top: 0; }
-        .btn-arrow .btn .icon-primary-left:before {
-          position: absolute;
-          font-size: 1.6rem;
-          left: 1px;
-          top: 9px; }
-      .btn-arrow .btn .icon-primary-right {
-        bottom: 0;
-        display: block;
-        height: 100%;
-        left: 0;
-        line-height: 0;
-        position: absolute;
-        right: 0;
-        text-indent: 0;
-        top: 0;
-        color: #ffffff; }
-        .btn-arrow .btn .icon-primary-right:before {
-          position: absolute;
-          font-size: 1.6rem;
-          left: 17px;
-          top: 9px; }
-    .btn-arrow .btn.btn-primary .icon-primary-left {
-      color: #fff; }
-    .btn-arrow .btn.btn-primary .icon-primary-right {
-      color: #fff; }
-    .btn-arrow .btn.btn-alt .icon-primary-left {
-      color: #fff; }
-    .btn-arrow .btn.btn-alt .icon-primary-right {
-      color: #fff; }
-    .btn-arrow .btn.btn-secondary {
-      border: 1px solid #d2d2d2; }
-      .btn-arrow .btn.btn-secondary .icon-primary-left {
-        color: #0568ae; }
-      .btn-arrow .btn.btn-secondary .icon-primary-right {
-        color: #0568ae; }
-    .btn-arrow .btn.btn-small {
-      height: 20px;
-      max-width: 20px;
-      min-width: 20px;
-      width: 20px;
-      top: -1px; }
-      .btn-arrow .btn.btn-small .icon-primary-left:before {
-        font-size: 10px;
-        top: 4px;
-        left: 0; }
-      .btn-arrow .btn.btn-small .icon-primary-right:before {
-        font-size: 10px;
-        top: 4px;
-        left: 10px; }
-    .btn-arrow .btn.btn-large .icon-primary-left:before {
-      font-size: 112%;
-      top: 12px;
-      left: 23px; }
-    .btn-arrow .btn.btn-large .icon-primary-right:before {
-      font-size: 112%;
-      top: 12px;
-      left: 23px; }
-  
-  .btn-secondary {
-    border: 1px solid #d2d2d2;
-    background-color: #f2f2f2;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    color: #0568ae;
-    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    padding: 14px 18px 11px 17px; }
-    .btn-secondary:hover {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-secondary:focus {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-secondary:active {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-  
-  .btn-alt {
-    border-color: #087ac2 transparent #0568ae;
-    background-color: #0568ae;
-    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-    color: #ffffff; }
-    .btn-alt:hover {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-alt:focus {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-alt:active {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-  
-  .btn-specialty {
-    border-color: #008744 transparent #007a3e;
-    background-color: #007a3e;
-    background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-    color: #ffffff; }
-    .btn-specialty:hover {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-specialty:focus {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-specialty:active {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  
-  .btn-clear {
-    background: transparent !important;
-    border-color: transparent !important;
-    font-weight: normal;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    box-shadow: none;
-    text-decoration: none;
-    color: #0568ae; }
-    .btn-clear:focus {
-      text-decoration: underline; }
-    .btn-clear:hover {
-      text-decoration: underline; }
-  
-  .isIE .btn:focus {
-    outline: none !important;
-    text-decoration: none !important; }
-    .isIE .btn:focus:after {
-      display: block;
-      content: "";
-      position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
-      bottom: 4px;
-      border: 1px dotted #000; }
-  
-  .isIE .btn:active {
-    outline: none !important;
-    text-decoration: none !important; }
-    .isIE .btn:active:after {
-      display: block;
-      content: "";
-      position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
-      bottom: 4px;
-      border: 1px dotted #000; }
-  
-  .isIE .btn.active {
-    outline: none !important;
-    text-decoration: none !important; }
-    .isIE .btn.active:not(:focus):after {
-      border: 1px solid #000; }
-    .isIE .btn.active:after {
-      display: block;
-      content: "";
-      position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
-      bottom: 4px;
-      border: 1px dotted #000; }
-  
-  .isIE .btn.btn-primary:focus:after {
-    border: 2px dashed #fff; }
-  
-  .isIE .btn.btn-specialty:focus:after {
-    border: 2px dashed #fff; }
-  
-  .isIE .btn.btn-alt:focus:after {
-    border: 2px dashed #fff; }
-  
-  .btn.disabled {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn.disabled:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn.disabled:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn[disabled] {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn[disabled]:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn[disabled]:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn[disabled="disabled"] {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn[disabled="disabled"]:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn[disabled="disabled"]:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn-arrow[disabled] .btn {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn-arrow[disabled] .btn:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn-arrow[disabled] .btn:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn-arrow[disabled] .icon-primary-left {
-    color: #fff !important; }
-  
-  .btn-arrow[disabled] .icon-primary-right {
-    color: #fff !important; }
-  
-  .btn-arrow.disabled .btn {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn-arrow.disabled .btn:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn-arrow.disabled .btn:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn-arrow.disabled .icon-primary-left {
-    color: #fff !important; }
-  
-  .btn-arrow.disabled .icon-primary-right {
-    color: #fff !important; }
-  
-  .btn-medium {
-    padding: 12px 19px 11px 18px;
-    font-size: 1.7rem; }
-  
-  .btn-small {
-    padding: 10px 19px 9px 18px;
-    font-size: 1.5rem;
-    border-radius: 8px; }
-  
-  .btn-fullwidth {
-    width: 100%; }
-  
-  *:not(.btn-arrow) > .btn > i[class*="icon-primary-"] {
-    margin-top: -20px;
-    margin-bottom: -20px; }
-  
-  .enhanced-cta-group {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-direction: row-reverse;
-    flex-direction: row-reverse;
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3A%23959595%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important;
-    background-position: 0 -1px;
-    background-repeat: repeat-x; }
-    .enhanced-cta-group > .cta-button-group {
-      border-top: 0;
-      background-image: none !important; }
-      .enhanced-cta-group > .cta-button-group + .cta-button-group a {
-        font-size: 1.4rem;
-        line-height: 1em; }
-        .enhanced-cta-group > .cta-button-group + .cta-button-group a a {
-          margin-right: 0; }
-      .enhanced-cta-group > .cta-button-group hr {
-        min-height: 14px; }
-      .enhanced-cta-group > .cta-button-group + .cta-button-group {
-        -ms-flex-align: center;
-        -ms-grid-row-align: center;
-        align-items: center;
-        -ms-flex-direction: row;
-        flex-direction: row;
-        padding: 10px 0; }
-  
-  .cta-button-group {
-    text-align: right;
-    -ms-flex-align: baseline;
-    align-items: baseline;
-    padding: 20px 0 10px;
-    width: 100%; }
-    .cta-button-group.nodots {
-      background-image: none !important; }
-    .cta-button-group .hidden-phone {
-      margin-right: 14px; }
-    .cta-button-group .btn + .btn {
-      margin-right: 20px !important; }
-    .cta-button-group .btn:not(.hidden-phone):not(.visible-phone) {
-      margin-right: 0; }
-  
-  .isMobile .btn-arrow .btn.btn-small .icon-primary-left:before {
-    left: -1px; }
-  
-  .isMobile .btn-arrow .btn.btn-large .icon-primary-left:before {
-    left: 24px; }
-  
-  .isMobile .btn-arrow .btn.btn-large .icon-primary-right:before {
-    left: 24px; }
-  
-  @media (max-width: 1024px) {
-    .field-group + .btn {
-      margin-left: 15px; } }
-  
-  @media (max-width: 767px) {
-    .cta-button-group {
-      text-align: center; }
-      .cta-button-group > .btn {
-        display: block;
-        float: none;
-        width: 100%;
-        margin-left: auto !important;
-        margin-right: auto !important; } }
-  
-  .btn-group {
-    border-radius: 8px;
-    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-    margin-bottom: 10px;
-    max-width: 470px;
-    min-width: 290px;
-    position: relative;
-    vertical-align: middle;
-    width: 100%; }
-    .btn-group > .btn {
-      box-shadow: none;
-      -ms-flex: 1;
-      flex: 1;
-      position: relative;
-      float: left;
-      margin-right: -1px;
-      margin-bottom: 0;
-      padding-left: 0;
-      padding-right: 0;
-      text-align: center; }
-    .btn-group:not([data-select-color]) .btn.active:not(:first-child) {
-      margin-right: -1px;
-      border-left: 1px solid #d2d2d2 !important; }
-    .btn-group:not([data-select-color]) .btn[disabled]:not(:first-child) {
-      border-left: 1px solid #d2d2d2 !important; }
-    .btn-group:not([data-select-color]) .btn[disabled] + .btn[disabled] {
-      border-left: 1px solid #ebebeb !important; }
-    .btn-group:not([data-select-color]) > .btn.active {
-      border-color: #087ac2 transparent #0568ae;
-      background-color: #0568ae;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-      color: #ffffff; }
-      .btn-group:not([data-select-color]) > .btn.active:hover {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: #0563a6;
-        border-color: #0563a6; }
-      .btn-group:not([data-select-color]) > .btn.active:focus {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: #0563a6;
-        border-color: #0563a6; }
-      .btn-group:not([data-select-color]) > .btn.active:active {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: #0563a6;
-        border-color: #0563a6; }
-    .btn-group:not([data-select-color]) > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
-      border-radius: 0; }
-    .btn-group:not([data-select-color]) > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0; }
-    .btn-group:not([data-select-color]) > .btn:last-child:not(:first-child) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0; }
-    .btn-group:not([data-select-color]) > .dropdown-toggle:not(:first-child) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0; }
-    .btn-group > .active {
-      text-decoration: none;
-      outline: 1px dotted transparent; }
-      .btn-group > .active:focus {
-        outline: 1px dotted #ffffff; }
-  
-  .btn-group.btn-fullwidth > .btn {
-    -ms-flex: 1;
-    flex: 1; }
-  
-  .btn-group[data-select-color] {
-    margin-top: 5px;
-    box-shadow: none;
-    -ms-flex-pack: start;
-    justify-content: flex-start;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap; }
-    .btn-group[data-select-color] .btn {
-      border: 1px solid #959595;
-      border-radius: 4px;
-      box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-      margin-right: 10px;
-      margin-bottom: 10px;
-      height: 40px;
-      font-size: 16px;
-      color: #333333;
-      max-width: 60px;
-      min-width: 60px;
-      -ms-flex: 0;
-      flex: 0; }
-    .btn-group[data-select-color] > .btn.active:focus {
-      outline: 1px dotted #191919;
-      outline-offset: 4px; }
-  
-  button .btn-fill {
-    background-clip: padding-box;
-    border: 0;
-    border-radius: 4px;
-    bottom: 0;
-    display: block;
-    height: auto;
-    left: 0;
-    margin: 5px;
-    position: absolute;
-    right: 0;
-    top: 0;
-    width: auto; }
-  
-  button .btn-fill[style*="#fff"] {
-    border: 1px solid #d2d2d2; }
-  
-  [data-select-color] .btn.active {
-    background: none !important;
-    outline: 0;
-    margin-right: 10px;
-    border-width: 3px;
-    color: #333333;
-    line-height: 12px; }
-    [data-select-color] .btn.active > .btn-fill {
-      margin: 3px; }
-    [data-select-color] .btn.active:hover {
-      color: #333333; }
-  
-  [data-select-color] .btn:active {
-    background: none !important;
-    outline: 0;
-    margin-right: 10px;
-    border-width: 3px;
-    color: #333333;
-    line-height: 12px; }
-    [data-select-color] .btn:active > .btn-fill {
-      margin: 3px; }
-    [data-select-color] .btn:active:hover {
-      color: #333333; }
-  
-  .btn-group[data-select-color="orange"] > .btn.active {
-    border-color: #ea7400; }
-  
-  .btn-group[data-select-color="blue"] > .btn.active {
-    border-color: #0568ae; }
-  
-  .btn-group[data-select-color="green"] > .btn.active {
-    border-color: #007a3e; }
-  
-  .btn-spinbutton-toggle.btn-group {
-    display: block !important;
-    height: 40px !important;
-    margin-top: 5px;
-    max-width: 138px;
-    min-width: 138px;
-    white-space: nowrap; }
-  
-  .btn-spinbutton-toggle .btn {
-    border-radius: 6px;
-    font-weight: normal;
-    -ms-flex: unset;
-    flex: unset;
-    height: 40px;
-    letter-spacing: normal;
-    min-width: auto;
-    padding: 3px 0 0;
-    text-align: center;
-    min-width: 46px;
-    width: 46px; }
-  
-  .btn-spinbutton-toggle .btn[data-max-value] {
-    border-bottom: 1px solid #d2d2d2;
-    border-top: 1px solid #d2d2d2;
-    box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-    background-color: #fff;
-    cursor: text;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 2rem;
-    font-weight: normal;
-    padding: 4px 0 0;
-    text-align: center;
-    min-width: 46px !important;
-    width: 46px; }
-    .btn-spinbutton-toggle .btn[data-max-value]:focus {
-      border-color: #0568ae;
-      outline: none; }
-      .btn-spinbutton-toggle .btn[data-max-value]:focus + .btn {
-        border-left: 1px solid #0568ae;
-        transition: border 0.3s linear 0s; }
-  
-  .btn-spinbutton-toggle .icon-primary-subtractminimize {
-    font-size: 30px !important;
-    color: #0568ae !important; }
-  
-  .btn-spinbutton-toggle .icon-primary-add-maximize {
-    font-size: 30px !important;
-    color: #0568ae !important; }
-  
-  .btn-spinbutton-toggle .btn[disabled].icon-primary-subtractminimize {
-    background-color: #d2d2d2;
-    color: #767676 !important; }
-  
-  .btn-spinbutton-toggle .btn[disabled].icon-primary-add-maximize {
-    background-color: #d2d2d2;
-    color: #767676 !important; }
-  
-  .btn-spinbutton-toggle input.btn[disabled] {
-    background-color: #d2d2d2;
-    color: #5a5a5a;
-    cursor: not-allowed; }
-  
-  .btn-group.btn-spinbutton-toggle .btn[disabled] + .btn[disabled] {
-    border-left: 1px solid #f0f0f0 !important; }
-  
-  .btn-group.btn-spinbutton-toggle .btn[data-max-value]:focus + .btn:not(:first-child) {
-    border-left: 1px solid #0568ae !important; }
-  
-  @media (max-width: 480px) {
-    .btn-group:not([data-select-color]) > .btn {
-      font-size: 1.3rem;
-      min-width: auto; } }
-  
-  .reset-field,
-  .close {
-    float: right;
-    background: none;
-    width: 34px;
-    height: 34px;
-    padding: 0;
-    overflow: hidden;
-    display: inline-block; }
-  
-  .reset-field {
-    display: none; }
-  
-  .reset-field:before {
-    font-size: 22px;
-    color: #5a5a5a; }
-  
-  .input-emphasized + .reset-field:before {
-    font-size: 29px;
-    color: #5a5a5a; }
-  
-  .reset-field:active,
-  .reset-field:hover,
-  .reset-field:focus {
-    display: block !important; }
-  
-  button.close {
-    border: 0;
-    appearance: none; }
-  
-  .corner-button {
-    box-shadow: 0 -50px 0 0 #f2f2f2 inset;
-    height: 69px;
-    /*overflow: hidden;*/
-    position: absolute;
-    right: -35px;
-    top: -35px;
-    transform: rotate(45deg);
-    width: 69px; }
-  
-  .corner-button .close:before {
-    bottom: -7px;
-    color: #0568ae;
-    display: block;
-    font-size: 20px;
-    height: 50px;
-    left: -11px;
-    position: absolute;
-    width: 50px; }
-  
-  .corner-button .close {
-    float: none;
-    height: 45px;
-    margin: 0;
-    position: absolute;
-    right: 12px;
-    top: 45px;
-    transform: rotate(45deg);
-    width: 45px; }
-  
-  .corner-button .close:focus {
-    outline: 1px dotted black; }
-  
-  .ds2-no-colors .corner-button .close {
-    border: 1px solid black; }
-  
-  .field-group input + .reset-field {
-    background: none;
-    height: 36px;
-    width: 45px;
-    display: none;
-    padding: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-    box-shadow: none;
-    border: none;
-    content: " "; }
-  
-  .field-group input[type="search"] + .reset-field,
-  .field-group input[type="search"] + .btn-search + .reset-field,
-  .tooltip-onclick input + .reset-field,
-  .tooltip-onclick input + .icon-primary-tooltip + .reset-field,
-  .tooltip-onclick textarea + .reset-field,
-  .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
-    right: 45px; }
-  
-  .field-group input[type="search"] + .reset-field:after,
-  .field-group input[type="search"] + .btn-search + .reset-field:after,
-  .tooltip-onclick input + .reset-field:after,
-  .tooltip-onclick input + .icon-primary-tooltip + .reset-field:after,
-  .tooltip-onclick textarea + .reset-field:after,
-  .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field:after {
-    background-color: #d2d2d2;
-    content: "";
-    display: block;
-    height: 20px;
-    position: absolute;
-    right: 0;
-    top: 8px;
-    width: 1px; }
-  
-  .tooltip-onclick input + .reset-field,
-  .tooltip-onclick input + .icon-primary-tooltip + .reset-field {
-    right: 50px !important; }
-  
-  .tooltip-onclick textarea + .reset-field,
-  .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
-    right: 45px !important;
-    width: 40px; }
-  
-  .field-group input.input-emphasized + .reset-field {
-    width: 45px;
-    height: 46px;
-    right: 6px; }
-  
-  .field-group input.input-emphasized + .reset-field:after {
-    top: 14px; }
-  
-  .field-group [disabled] + .reset-field {
-    display: none; }
-  
-  .ds2_touchevents .field-group input + .reset-field:focus,
-  .ds2_touchevents .field-group input:focus + .reset-field,
-  .ds2_touchevents textarea:focus + .reset-field,
-  .ds2_touchevents textarea + .reset-field:focus {
-    display: block;
-    position: absolute;
-    right: 0px;
-    top: 0;
-    border: none; }
-  
-  .ds2_touchevents .field-group input {
-    padding: 8px 55px 8px 15px;
-    -webkit-appearance: none; }
-  
-  .ds2_touchevents textarea:focus {
-    padding: 15px 55px 15px 15px; }
-  
-  .ds2_touchevents textarea:focus + .reset-field {
-    border: none;
-    position: absolute;
-    right: 6px;
-    top: 5px; }
-  
-  .ds2_touchevents textarea.hasScrollbar:focus {
-    padding: 15px 35px 15px 15px; }
-  
-  .ds2_touchevents textarea.hasScrollbar:focus + .reset-field {
-    right: 22px; }
-  
-  .ds2-no-colors .b2b-tmpl-card-corner-button {
-    border: none !important; }
-  
-  .ds2-no-colors .b2b-tmpl-card-corner-button .close {
-    border: 1px solid black;
-    top: 0px !important;
-    right: 0px !important; }
-  
-  .form-row.error .error-msg {
-    display: block;
-    font-size: 14px;
-    line-height: 14px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    position: relative;
-    padding-left: 18px; }
-  
-  .form-row.error .error-msg:before {
-    color: #cf2a2a;
-    font-size: 14px;
-    left: 0;
-    line-height: 14px;
-    position: absolute;
-    vertical-align: middle; }
-  
-  .form-row.error label,
-  .form-row.error .error-msg,
-  .form-row.error button.awd-select,
-  .form-row.error select.awd-select + span,
-  .form-row.error .checkbox,
-  .form-row.error .radio,
-  .form-row.error legend.error,
-  .form-row.error input {
-    color: #cf2a2a; }
-  
-  .form-row.error .btn-group > .btn,
-  .form-row.error button.awd-select,
-  .form-row.error .awd-select-list,
-  .form-row.error select.awd-select + span,
-  .form-row.error textarea,
-  .form-row.error input,
-  .form-row.error .checkbox .skin,
-  .form-row.error .radio .skin {
-    border-color: #cf2a2a !important; }
-  
-  .form-row.error .checkbox input:checked:not(:disabled) + .skin {
-    background-color: #cf2a2a; }
-  
-  .form-row.error .radio input:checked + .skin:after {
-    background-color: #cf2a2a; }
-  
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg {
-    margin-top: -11px;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0; }
-  
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext {
-    margin: 0 0 10px; }
-  
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:before,
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:after {
-    display: none; }
-  
-  .error .helpertext {
-    border-color: #cf2a2a;
-    /*border-radius:0;*/ }
-  
-  .error .helpertext:before {
-    border-top-color: #cf2a2a; }
-  
-  .error .tooltip-onfocus .helpertext {
-    margin: 14px 0 10px 0; }
-  
-  .error [class*="price"],
-  .error [class*="pricing-"] {
-    color: #cf2a2a; }
-  
-  input:-ms-clear {
-    display: none; }
-  
-  input[type]::-webkit-inner-spin-button,
-  input[type]::-webkit-outer-spin-button {
-    -webkit-appearance: none; }
-  
-  input[type] {
-    -moz-appearance: textfield; }
-  
-  form {
-    margin: 0; }
-  
-  fieldset {
-    padding: 0;
-    margin: 0;
-    border: 0; }
-  
-  label,
-  legend {
-    display: inline-block;
-    font-size: 1.4rem;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  legend {
-    display: block; }
-  
-  .error-msg {
-    display: none; }
-  
-  select,
-  textarea,
-  input {
-    border-radius: 6px;
-    color: #5a5a5a;
-    display: inline-block;
-    font-size: 1.6rem;
-    margin: 0px;
-    padding: 0 15px 0 15px;
-    vertical-align: middle;
-    line-height: normal; }
-  
-  select::-webkit-input-placeholder,
-  textarea::-webkit-input-placeholder,
-  input::-webkit-input-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select:-moz-placeholder,
-  textarea:-moz-placeholder,
-  input:-moz-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select::-moz-placeholder,
-  textarea::-moz-placeholder,
-  input::-moz-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select:-ms-input-placeholder,
-  textarea:-ms-input-placeholder,
-  input:-ms-input-placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    transition: none;
-    opacity: 1; }
-  
-  select:placeholder,
-  textarea:placeholder,
-  input:placeholder {
-    color: #5a5a5a;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-    opacity: 1; }
-  
-  select:last-child,
-  textarea:last-child,
-  input:last-child {
-    margin-right: 0; }
-  
-  input:not([type="button"]) {
-    height: 36px; }
-  
-  input.input-emphasized {
-    font-size: 1.8rem;
-    height: 48px;
-    padding: 13px 20px 13px; }
-  
-  input[type="search"]:focus {
-    padding-right: 88px; }
-  
-  input[type="search"] {
-    padding-right: 40px;
-    -webkit-appearance: none !important; }
-  
-  input[type="search"].input-emphasized {
-    padding-right: 45px; }
-  
-  .btn-search[class*="btn"] {
-    background-color: transparent;
-    background-position: 50% 50%;
-    background-size: 20px;
-    background-repeat: no-repeat;
-    border: none;
-    height: 100%;
-    margin-left: 0;
-    margin-top: 0;
-    min-width: 45px !important;
-    outline-offset: 0;
-    padding: 0 !important;
-    position: absolute;
-    right: 0;
-    top: 0;
-    border-radius: 0 5px 5px 0;
-    min-width: 44px;
-    width: 44px; }
-  
-  .input-emphasized + .btn-search[class*="btn"],
-  .input-emphasized + .reset-field + .btn-search[class*="btn"] {
-    background-size: 26px;
-    height: 46px;
-    top: 1px;
-    outline-offset: -3px;
-    margin-bottom: 0;
-    border-radius: 0 5px 5px 0; }
-  
-  input[type="search"].input-emphasized + .reset-field {
-    right: 45px !important; }
-  
-  .search-suggestion-wrapper {
-    position: relative;
-    margin-bottom: 15px; }
-  
-  /*styles from dropdown*/
-  .search-suggestion-list {
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-    border-radius: 0 0 6px 6px;
-    position: relative;
-    border: 1px solid #0568ae;
-    border-top: 0;
-    padding: 15px 0;
-    background-color: #f2f2f2;
-    z-index: 1000;
-    width: 100%;
-    max-height: 400px;
-    overflow-y: auto; }
-  
-  .search-suggestion-list:empty {
-    display: none; }
-  
-  .search-suggestion-item {
-    position: relative;
-    z-index: -1;
-    padding: 0 15px;
-    line-height: 4.0rem;
-    color: #5a5a5a; }
-  
-  .search-suggestion-item a {
-    text-decoration: none;
-    color: #5a5a5a; }
-  
-  .search-suggestion-item:hover,
-  .search-suggestion-item:focus {
-    cursor: pointer;
-    background-color: #d2d2d2; }
-  
-  input[data-provide="datepicker"],
-  [data-provide="datepicker"]:-moz-placeholder,
-  [data-provide="datepicker"]:-ms-input-placeholder,
-  [data-provide="datepicker"]:-webkit-input-placeholder {
-    color: #0568ae !important;
-    opacity: 1;
-    filter: alpha(opacity=100); }
-  
-  input[disabled],
-  input[readonly],
-  select[disabled],
-  select[readonly],
-  textarea[disabled],
-  textarea[readonly],
-  i.icon-primary-calendar.disabled,
-  span.icon-primary-calendar.readonly {
-    cursor: not-allowed;
-    background-color: #f2f2f2;
-    box-shadow: none; }
-  
-  i.icon-primary-calendar.disabled input,
-  span.icon-primary-calendar.readonly input {
-    color: #959595 !important; }
-  
-  textarea {
-    display: block;
-    width: 400px;
-    max-width: 400px;
-    padding: 15px; }
-  
-  textarea.small {
-    line-height: 20px; }
-  
-  textarea + .reset-field {
-    display: none; }
-  
-  textarea::-webkit-input-placeholder {
-    line-height: .99; }
-  
-  textarea:-moz-placeholder {
-    line-height: .99; }
-  
-  textarea::-moz-placeholder {
-    line-height: .99; }
-  
-  textarea:-ms-input-placeholder {
-    line-height: .99; }
-  
-  textarea:placeholder {
-    line-height: .99; }
-  
-  textarea,
-  input {
-    background-color: #ffffff;
-    border: 1px solid #d2d2d2;
-    -webkit-appearance: none;
-    box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-    transition: border .3s linear 0s;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  textarea:focus,
-  input:focus {
-    outline: 0;
-    border-color: #0568ae; }
-  
-  .input-append {
-    display: table; }
-  
-  .input-append > div {
-    display: table-cell;
-    width: 1%; }
-  
-  .input-append > .field-group {
-    width: 100%; }
-  
-  .row .field-group input[class*="span"] {
-    float: none; }
-  
-  .field-group {
-    position: relative;
-    display: inline-block; }
-  
-  label + .field-group,
-  label + .input-append,
-  label + .row,
-  label + .row-nowrap,
-  label + .form-row {
-    margin-top: 5px; }
-  
-  .field-group {
-    position: relative;
-    display: block; }
-  
-  .field-group input:not([type="button"])[disabled] {
-    padding-right: 15px; }
-  
-  input:invalid,
-  textarea:invalid,
-  select:invalid {
-    outline: none !important; }
-  
-  .form-row {
-    margin-top: 20px; }
-  
-  .form-row.nomar {
-    margin: 0; }
-  
-  .row-nowrap.no-flex.form-row > label + br {
-    margin-bottom: 5px; }
-  
-  span.form-row {
-    display: inline-block; }
-  
-  legend + .form-row {
-    margin-top: 20px; }
-  
-  .tooltip-onclick input {
-    padding-right: 45px; }
-  
-  .ds2_touchevents .tooltip-onclick input:focus {
-    padding-right: 95px; }
-  
-  .btn-calendar-icon {
-    position: absolute;
-    background-color: transparent !important;
-    top: 8px;
-    border: 0 !important;
-    width: 30px;
-    right: 15px; }
-  
-  .btn-calendar-icon .icon-primary-calendar:before {
-    position: absolute;
-    color: #0568ae; }
-  
-  .btn-calendar-icon .icon-primary-calendar.disabled {
-    background-color: #f2f2f2; }
-  
-  .btn-calendar-icon .icon-primary-calendar.disabled:before {
-    color: #959595; }
-  
-  span.icon-primary-calendar input {
-    padding-left: 35px;
-    color: #0568ae;
-    transition: border-color 0.3s linear 0s;
-    box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-    position: absolute;
-    top: 0;
-    left: 0; }
-  
-  .faux-input + input.datepicker-input:not([disabled]) {
-    cursor: pointer;
-    margin-left: 0;
-    background-color: #fff;
-    position: absolute;
-    left: 0;
-    top: 0;
-    z-index: 0; }
-  
-  .faux-input {
-    background-color: transparent !important;
-    border: 1px solid transparent;
-    border-radius: 4px;
-    font-size: 1.6rem;
-    height: 35px;
-    left: 0;
-    line-height: 35px;
-    margin-bottom: 10px;
-    margin-right: 6px;
-    padding: 0 0 0 35px;
-    position: relative;
-    text-align: left;
-    top: 0;
-    vertical-align: middle;
-    width: 100%;
-    z-index: 1; }
-  
-  .faux-input:disabled {
-    cursor: not-allowed; }
-  
-  .faux-input:focus + .datepicker-input,
-  [data-calendar-state="opened"] + .datepicker-input {
-    border-color: #0568ae;
-    box-shadow: 2px 3px 2px -2px rgba(5, 116, 172, 0.35) inset;
-    outline: 0 none; }
-  
-  .form-row.error .error-msg {
-    display: block;
-    font-size: 14px;
-    line-height: 14px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    position: relative;
-    padding-left: 18px;
-    margin-top: 10px; }
-  
-  .form-row.error .error-msg > .icon-primary-badgealert {
-    height: 14px;
-    width: 14px;
-    position: absolute;
-    left: 0;
-    margin-right: 0; }
-  
-  .form-row.error .error-msg > .icon-primary-badgealert:before {
-    color: #cf2a2a;
-    font-size: 14px;
-    left: 0;
-    line-height: 14px;
-    position: absolute;
-    vertical-align: middle; }
-  
-  .form-row.error label,
-  .form-row.error .error-msg,
-  .form-row.error button.awd-select,
-  .form-row.error select.awd-select + span,
-  .form-row.error .checkbox,
-  .form-row.error .radio,
-  .form-row.error legend.error,
-  .form-row.error input,
-  .form-row.error textarea {
-    color: #cf2a2a; }
-  
-  .form-row.error .btn-group > .btn,
-  .form-row.error button.awd-select,
-  .form-row.error .awd-select-list,
-  .form-row.error select.awd-select + span,
-  .form-row.error textarea,
-  .form-row.error input,
-  .form-row.error .checkbox .skin,
-  .form-row.error .radio .skin {
-    border-color: #cf2a2a !important; }
-  
-  .form-row.error .checkbox input:checked:not(:disabled) + .skin {
-    background-color: #cf2a2a; }
-  
-  .form-row.error .radio input:checked + .skin:after {
-    background-color: #cf2a2a; }
-  
-  .error [class*="price"],
-  .error [class*="pricing-"] {
-    color: #cf2a2a; }
-  
-  hr,
-  .hr-or {
-    display: block;
-    height: 1px;
-    margin: 15px 0;
-    border: none;
-    background-repeat: repeat-x;
-    background-color: #959595;
-    position: relative; }
-  
-  hr.dark {
-    background-color: #959595; }
-  
-  hr.lite {
-    background-color: #d2d2d2; }
-  
-  .hr-or:before {
-    background-color: #fff;
-    color: #666;
-    content: " OR ";
-    display: block;
-    font-size: 1.4rem;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    height: 16px;
-    left: 50%;
-    line-height: 1.6rem;
-    margin-left: -15px;
-    margin-top: -8px;
-    position: absolute;
-    text-align: center;
-    top: 50%;
-    width: 30px;
-    z-index: 1111; }
-  
-  hr.is-vertical.dark,
-  hr.hr-or.dark,
-  hr.is-vertical.lite,
-  hr.hr-or.lite {
-    display: inline-block;
-    height: auto;
-    margin: 0 15px;
-    min-height: 20px;
-    width: 1px; }
-  
-  hr.is-vertical.dark,
-  hr.hr-or.dark {
-    background-color: #959595; }
-  
-  hr.is-vertical.lite,
-  hr.hr-or.lite {
-    background-color: #d2d2d2; }
-  
-  .hr-dotted.is-vertical.dark,
-  .hr-dotted.is-vertical.lite {
-    background-color: transparent;
-    background-repeat: repeat-y;
-    background-size: 1px 4px;
-    height: auto;
-    min-height: 20px;
-    width: 1px; }
-  
-  .row-nowrap > .span + hr.is-vertical,
-  .row > .span + hr.is-vertical {
-    margin: 0 0 0 -20px; }
-  
-  
-  
-  hr.bottom-space-only {
-    margin-top: 0; }
-  
-  .hr-nomargin {
-    margin: 0; }
-  
-  .radio {
-    position: relative;
-    min-height: 24px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.6rem;
-    margin-bottom: 5px; }
-    .radio input {
-      -webkit-tap-highlight-color: transparent;
-      height: 10px;
-      margin: 6px;
-      opacity: 0;
-      outline: none;
-      position: absolute;
-      left: 1px;
-      top: 1px;
-      width: 10px; }
-      .radio input:focus + .skin {
-        border-color: #0568ae; }
-        .radio input:focus + .skin:before {
-          content: "";
-          height: 34px;
-          left: -6px;
-          top: -6px;
-          outline: 1px dotted #000000;
-          position: absolute;
-          width: 34px; }
-      .radio input + .skin {
-        border-radius: 100%; }
-      .radio input:checked + .skin:after {
-        background-color: #0568ae;
-        border-radius: 100%;
-        border: 3px solid #FFFFFF;
-        content: "";
-        display: block;
-        height: 16px;
-        position: absolute;
-        width: 16px; }
-      .radio input:disabled + .skin {
-        cursor: not-allowed;
-        background-color: #d2d2d2;
-        border-color: #d2d2d2;
-        color: #666666; }
-        .radio input:disabled + .skin + span {
-          cursor: not-allowed;
-          color: #666666; }
-      .radio input:disabled:checked + .skin:after {
-        background-color: #666666; }
-      .radio input:invalid + .skin {
-        border: solid 1px #cf2a2a; }
-    .radio .skin {
-      background-color: #FFFFFF;
-      border: 1px solid #d2d2d2;
-      border-radius: 3px;
-      display: inline-block;
-      height: 24px;
-      left: 0;
-      position: absolute;
-      top: 0;
-      width: 24px; }
-    .radio span {
-      display: inline-block;
-      margin-left: 34px;
-      margin-top: 0;
-      position: relative;
-      top: 3px; }
-    .radio label {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .radio.inline {
-    display: inline-block;
-    margin-bottom: 10px;
-    vertical-align: middle;
-    margin-right: 10px; }
-    .radio.inline:last-child {
-      margin-right: 0; }
-  
-  .radio-box {
-    border: 1px solid #d2d2d2;
-    border-radius: 8px; }
-    .radio-box > [role="radio"] label {
-      padding: 15px 15px 20px 15px;
-      display: block;
-      width: 100%; }
-      .radio-box > [role="radio"] label .skin + span {
-        top: 2px; }
-    .radio-box > [role="radio"] + div {
-      padding: 0 15px 15px 47px; }
-    .radio-box > [aria-checked="false"] label > input {
-      top: 15px;
-      left: 15px; }
-    .radio-box > [aria-checked="false"] label .skin {
-      top: 15px;
-      left: 15px; }
-    .radio-box > [aria-checked="true"] label > input {
-      top: 13px;
-      left: 13px; }
-    .radio-box > [aria-checked="true"] label .skin {
-      top: 13px;
-      left: 13px; }
-  
-  .radio-box.active {
-    border: 3px solid #0568ae; }
-    .radio-box.active > [role="radio"] label {
-      padding: 13px 14px 19px 13px; }
-  
-  .checkbox {
-    position: relative;
-    min-height: 24px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.6rem;
-    margin-bottom: 5px; }
-    .checkbox input {
-      -webkit-tap-highlight-color: transparent;
-      height: 10px;
-      margin: 6px;
-      opacity: 0;
-      outline: none;
-      position: absolute;
-      left: 1px;
-      top: 1px;
-      width: 10px; }
-      .checkbox input:focus + .skin {
-        border-color: #0568ae; }
-        .checkbox input:focus + .skin:before {
-          content: "";
-          height: 34px;
-          left: -6px;
-          top: -6px;
-          outline: 1px dotted #000000;
-          position: absolute;
-          width: 34px; }
-      .checkbox input:checked:not(:disabled) + .skin {
-        background-color: #0568ae;
-        border-color: #0568ae; }
-      .checkbox input:checked:disabled + .skin:after {
-        color: #5A5A5A; }
-      .checkbox input:checked + .skin:after {
-        height: 20px;
-        width: 10px;
-        background-color: transparent;
-        font-size: 23.4px;
-        color: #FFFFFF;
-        line-height: 21px; }
-      .checkbox input:disabled + .skin {
-        cursor: not-allowed;
-        background-color: #d2d2d2;
-        border-color: #d2d2d2;
-        color: #666666; }
-        .checkbox input:disabled + .skin + span {
-          cursor: not-allowed;
-          color: #666666; }
-      .checkbox input:invalid + .skin {
-        border: solid 1px #cf2a2a; }
-      .checkbox input:indeterminate + .skin:after {
-        background-color: transparent;
-        font-size: 25px;
-        color: #0574ac;
-        content: "\e920"; }
-    .checkbox .skin {
-      background-color: #fff;
-      border: 1px solid #d2d2d2;
-      border-radius: 3px;
-      display: inline-block;
-      height: 24px;
-      width: 24px;
-      position: absolute;
-      left: 0;
-      top: 0; }
-    .checkbox span {
-      display: inline-block;
-      margin-left: 34px;
-      margin-top: 0;
-      position: relative;
-      top: 3px; }
-    .checkbox label {
-      font-size: 1.6rem;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-    .checkbox input {
-      z-index: 9999; }
-    .checkbox input.indeterminate + .skin:after {
-      font-size: 22px;
-      color: #0568ae; }
-  
-  .checkbox.inline {
-    display: inline-block;
-    margin-bottom: 10px;
-    vertical-align: middle;
-    margin-right: 10px; }
-    .checkbox.inline:last-child {
-      margin-right: 0; }
-  
-  .checkbox.checkbox-selectall {
-    margin: 20px 0 0 24px; }
-  
-  .terms-after-checkbox {
-    margin-top: 15px; }
-  
-  .indeterminate-margin {
-    padding-left: 24px; }
-  
-  .tiny-accordion {
-    border-bottom: 1px solid #d2d2d2; }
-  
-  .toggle-header,
-  .inactive-toggle-header {
-    border-color: #fff;
-    color: #0568ae;
-    cursor: pointer;
-    display: block;
-    font-size: 2.0rem;
-    line-height: 2.2rem;
-    min-height: 41px;
-    position: relative;
-    padding: 16px 55px 16px 15px; }
-  
-  .toggle-header.opened {
-    color: #333333; }
-  
-  .tiny-accordion .toggle-header,
-  .tiny-accordion .inactive-toggle-header {
-    padding: 16px 55px 16px 15px;
-    border-top: 1px solid #d2d2d2; }
-  
-  .tiny-accordion .toggle-header:focus {
-    text-decoration: underline; }
-  
-  .tiny-accordion.iconleft .toggle-header,
-  .tiny-accordion.iconleft .inactive-toggle-header {
-    padding: 15px 15px 15px 50px; }
-  
-  .accordion-content {
-    font-size: 1.4rem; }
-  
-  .accordion-content .toggle-header:first-child {
-    margin-top: 16px; }
-  
-  .tiny-accordion .toggle-header + .accordion-content {
-    padding: 0 50px 15px 15px; }
-  
-  .tiny-accordion.iconleft .toggle-header + .accordion-content {
-    padding: 0 15px 15px 50px; }
-  
-  .toggle-header .icon-primary-accordion-plus,
-  .toggle-header .icon-primary-accordion-minus {
-    display: inline-block;
-    font-size: 20px;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    right: 15px;
-    vertical-align: middle;
-    top: 16px;
-    font-weight: bold; }
-  
-  .tiny-accordion.iconleft .toggle-header .icon-primary-accordion-plus,
-  .tiny-accordion.iconleft .toggle-header .icon-primary-accordion-minus {
-    left: 15px; }
-  
-  .inactive-toggle-header:hover {
-    cursor: inherit; }
-  
-  .tiny-accordion-to-tabs,
-  .tiny-tabs {
-    position: relative;
-    width: 100%;
-    margin: 0px;
-    padding: 0px; }
-  
-  .tiny-tabs [class*="icon-primary-accordion-"] {
-    display: none !important; }
-  
-  .tiny-accordion-to-tabs:before,
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:before,
-  .tiny-tabs:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:after {
-    clear: both; }
-  
-  .tiny-accordion-to-tabs:before,
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:before,
-  .tiny-tabs:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:after {
-    clear: both; }
-  
-  .tiny-tabs > .toggle-header {
-    display: inline-block;
-    float: left;
-    border-top: none;
-    overflow: hidden;
-    height: 70px;
-    text-align: center;
-    background-color: #fff;
-    border-radius: 0px;
-    padding: 26px 20px 25px 20px !important;
-    border-top: 1px solid #fff;
-    -webkit-filter: none;
-    filter: none;
-    background-clip: padding-box;
-    border-bottom: 1px solid #d2d2d2;
-    font-weight: normal;
-    border-right: 1px solid #d2d2d2;
-    white-space: nowrap; }
-  
-  .tiny-tabs .toggle-header + div {
-    left: 0px;
-    position: absolute;
-    top: 69px;
-    border-top: 1px solid #d2d2d2;
-    padding: 0;
-    display: block;
-    border-bottom: none;
-    width: 100%; }
-  
-  .accordion-pad {
-    padding-top: 30px;
-    padding-bottom: 30px; }
-  
-  .tiny-tabs .opened {
-    color: #333333;
-    border-top: 5px solid #0568ae !important;
-    padding-top: 22px !important;
-    border-bottom: none;
-    background-color: #fff;
-    -webkit-filter: none;
-    filter: none;
-    cursor: default;
-    z-index: 999; }
-  
-  .tiny-tabs .toggle-header:focus {
-    text-decoration: underline;
-    outline: thin dotted #666;
-    outline-offset: 0; }
-  
-  .tiny-tabs .toggle-header:first-child {
-    border-left: none;
-    margin-left: 0; }
-  
-  .tiny-tabs .toggle-header:first-child {
-    border-left: 1px solid #fff; }
-  
-  .tiny-tabs .opened:first-child {
-    border-left: 1px solid #d2d2d2; }
-  
-  .tiny-tabs .toggle-header:nth-last-of-type(2) {
-    border-right-color: #fff; }
-  
-  .tiny-tabs .opened:nth-last-of-type(2) {
-    border-right: 1px solid #d2d2d2; }
-  
-  @media (max-width: 767px) {
-    .tiny-accordion,
-    .tiny-accordion-to-tabs {
-      margin-left: -15px;
-      margin-right: -15px;
-      width: auto; }
-    .tiny-accordion-to-tabs {
-      display: block;
-      border-bottom: 1px solid #d2d2d2; }
-    .tiny-accordion-to-tabs .toggle-header {
-      display: block;
-      min-height: 41px;
-      padding: 16px 50px 16px 15px;
-      border-top: 1px solid #d2d2d2; }
-    .tiny-accordion-to-tabs .toggle-header:focus {
-      text-decoration: underline; }
-    .tiny-accordion-to-tabs .toggle-header + .accordion-content {
-      padding: 0 50px 15px 15px; } }
-  
-  @media (min-width: 768px) {
-    .tiny-accordion-to-tabs [class*="icon-primary-accordion-"] {
-      display: none !important; }
-    .tiny-accordion-to-tabs > .toggle-header {
-      display: inline-block;
-      float: left;
-      border-top: none;
-      /*overflow: hidden;*/
-      height: 70px;
-      text-align: center;
-      background-color: #fff;
-      border-radius: 0px;
-      padding: 26px 20px 25px 20px !important;
-      border-top: 1px solid #fff;
-      -webkit-filter: none;
-      filter: none;
-      background-clip: padding-box;
-      border-bottom: 1px solid #d2d2d2;
-      font-weight: normal;
-      border-right: 1px solid #d2d2d2;
-      white-space: nowrap; }
-    .tiny-accordion-to-tabs .toggle-header + div {
-      left: 0px;
-      position: absolute;
-      top: 69px;
-      border-top: 1px solid #d2d2d2;
-      padding-top: 30px;
-      padding-left: 20px;
-      display: block;
-      border-bottom: none;
-      width: 100%; }
-    .tiny-accordion-to-tabs .opened {
-      color: #333333;
-      border-top: 5px solid #0568ae !important;
-      padding-top: 22px !important;
-      border-bottom: none;
-      background-color: #fff;
-      -webkit-filter: none;
-      filter: none;
-      cursor: default;
-      text-decoration: none;
-      z-index: 999; }
-    .tiny-accordion-to-tabs .toggle-header:focus {
-      text-decoration: underline;
-      outline: thin dotted #666;
-      outline-offset: 0px; }
-    .tiny-accordion-to-tabs .toggle-header:nth-last-of-type(2) {
-      border-right: none; }
-    .tiny-accordion-to-tabs .toggle-header:first-child {
-      border-left: none;
-      margin-left: 0; }
-    .tiny-accordion-to-tabs .toggle-header:first-child {
-      border-left: 1px solid #fff; }
-    .tiny-accordion-to-tabs .opened:first-child {
-      border-left: 1px solid #d2d2d2; }
-    .tiny-accordion-to-tabs .opened:nth-last-of-type(2) {
-      border-right: 1px solid #d2d2d2; } }
-  
-  .toggle-header .tooltip .icon-primary-tooltip {
-    margin-top: -5px; }
-  
-  .accordion-content {
-    transition: all 0.8s linear; }
-  
-  .opaque-content {
-    opacity: 0; }
-  
-  .tiny-tabs .toggle-header {
-    display: inline-block;
-    float: left;
-    border-top: none;
-    overflow: hidden;
-    height: 70px;
-    text-align: center;
-    background-color: #fff;
-    border-radius: 0px;
-    padding: 22px 20px 25px 20px !important;
-    border-top: 5px solid #fff;
-    -webkit-filter: none;
-    filter: none;
-    background-clip: padding-box;
-    border-bottom: 1px solid #ccc;
-    font-weight: normal;
-    border-right: 1px solid #ccc;
-    white-space: nowrap; }
-  
-  .tiny-tabs .toggle-header:first-child {
-    margin-left: 0; }
-  
-  .tiny-tabs div:first-child .toggle-header {
-    margin-left: 30px; }
-  
-  .tiny-tabs > div .toggle-header.opened {
-    border-bottom: 0 !important; }
-  
-  .tiny-accordion-to-tabs > div > div.toggle-header {
-    background-clip: padding-box;
-    background-color: #fff;
-    border-bottom: 1px solid #ccc;
-    border-radius: 0;
-    border-top: 5px solid #fff;
-    display: inline-block;
-    filter: none;
-    float: left;
-    font-weight: normal;
-    overflow: hidden;
-    padding: 22px 20px 21px !important;
-    text-align: center;
-    white-space: nowrap; }
-  
-  .tiny-accordion-to-tabs .toggle-header:first-child {
-    margin-left: 0; }
-  
-  .tiny-accordion-to-tabs div:first-child .toggle-header {
-    margin-left: 30px;
-    border-bottom: 0 !important; }
-  
-  .tiny-accordion-to-tabs > div .toggle-header.opened {
-    border-bottom: 0 !important; }
-  
-  @media (max-width: 767px) {
-    .tiny-accordion-to-tabs {
-      display: block !important;
-      border-bottom: 1px solid #ccc !important; }
-    .tiny-accordion-to-tabs > div > div.toggle-header {
-      display: block !important;
-      float: none;
-      text-align: left;
-      min-height: 41px !important;
-      padding: 15px 50px 15px 15px !important;
-      border-top: 1px solid #ccc; }
-    .tiny-accordion-to-tabs > div > div.toggle-header:first-child {
-      margin-left: 0 !important; }
-    .tiny-accordion-to-tabs > div > div.toggle-header + .accordion-content {
-      padding: 0 50px 15px 15px; }
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus {
-      background-position: 0 0;
-      background-size: 20px 40px; }
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-      background-position: 0 -20px;
-      background-size: 20px 40px; }
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus,
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-      display: inline-block;
-      height: 20px;
-      margin: 0;
-      padding: 0;
-      position: absolute;
-      right: 15px;
-      vertical-align: middle;
-      width: 20px; } }
-  
-  .alert {
-    background-color: #5a5a5a;
-    border-radius: 8px;
-    color: #fff;
-    margin-top: 15px;
-    padding: 0;
-    position: relative;
-    border: 0; }
-  
-  .alert h3,
-  .alert h4 {
-    color: #fff;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 1.6rem;
-    margin: 0 20px 5px 0; }
-  
-  .alert div {
-    padding: 15px 20px; }
-  
-  .alert div:first-child {
-    border-radius: 8px 0 0 8px;
-    width: 1%; }
-  
-  .alert div:first-child + div {
-    border: 1px solid transparent;
-    border-left: none;
-    border-radius: 0 8px 8px 0; }
-  
-  .alert-error {
-    background-color: #cf2a2a;
-    border: 1px solid #cf2a2a; }
-  
-  .alert-info {
-    background-color: #44c8f5;
-    border: 1px solid #44c8f5; }
-  
-  .alert-success {
-    background-color: #c5d63d;
-    border: 1px solid #c5d63d; }
-  
-  .alert [class*="icon-primary-"] {
-    color: #fff;
-    font-size: 30px;
-    margin-right: 0; }
-  
-  .alert .close {
-    height: 30px;
-    position: absolute;
-    right: 1px;
-    top: 1px;
-    width: 30px; }
-  
-  .alert .close:before {
-    color: #fff;
-    margin-right: 0;
-    position: absolute;
-    right: 9px;
-    top: 9px; }
-  
-  .alert a {
-    color: #fff;
-    text-decoration: underline; }
-  
-  .alert .close:focus {
-    outline: 1px dotted #666; }
-  
-  .alert p {
-    font-size: 1.4rem; }
-  
-  .alert p:last-child {
-    margin-bottom: 0; }
-  
-  .alert .standalone-link i[class*="icon-primary-"] {
-    font-size: 20px;
-    margin-right: 5px; }
-  
-  @media (max-width: 767px) {
-    .alert {
-      border-radius: 0;
-      margin: 0 -15px; }
-    .alert + .alert {
-      margin-top: 4px; }
-    .alert div {
-      padding: 15px 10px; }
-    .alert div:first-child {
-      border-radius: 0;
-      padding: 15px; }
-    .alert h3,
-    .alert h4 {
-      font-size: 1.4rem; }
-    .alert p {
-      font-size: 1.2rem; }
-    .alert .close {
-      right: 5px;
-      top: 5px; }
-    .alert .standalone-link i[class*="icon-primary-"] {
-      font-size: 16px; } }
-  
-  .alert h3 {
-    margin: 0;
-    font-size: 16px; }
-  
-  .alert p {
-    font-size: 14px; }
-  
-  .alert p a {
-    color: #FFFFFF;
-    text-decoration: underline; }
-  
-  .alert div:first-child + div {
-    padding-right: 25px; }
-  
-  .alert div:last-child {
-    padding-right: 20px !important; }
-  
-  .alert p [class*="icon-primary-"] {
-    color: #fff;
-    font-size: 20px;
-    margin-right: 0; }
-  
-  @media (max-width: 767px) {
-    .alert h3 {
-      font-size: 14px; }
-    .alert div:first-child + div {
-      padding-right: 20px; }
-    .alert div:last-child {
-      padding-right: 15px !important; }
-    .alert div:first-child {
-      padding: 15px; }
-    .alert p {
-      font-size: 12px; }
-    .alert p [class*="icon-primary-"] {
-      font-size: 16px; } }
-  
-  .b2b-audio {
-    width: auto;
-    margin: 10px auto;
-    height: 35px; }
-    .b2b-audio .controls-wrapper {
-      display: inline-block;
-      font-size: 25px;
-      cursor: pointer; }
-      .b2b-audio .controls-wrapper i {
-        font-size: 25px;
-        margin-right: 0px;
-        color: #444; }
-        .b2b-audio .controls-wrapper i:hover {
-          color: #0574AC; }
-    .b2b-audio .seek-bar-container-wrapper {
-      display: inline-block;
-      outline: 0;
-      min-width: 180px;
-      margin-right: 10px;
-      margin-left: 10px;
-      height: 14px;
-      padding-top: 5px; }
-      .b2b-audio .seek-bar-container-wrapper .timing-container {
-        padding-top: 13px;
-        color: #333;
-        font-size: 12px; }
-        .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-left {
-          float: left;
-          line-height: 100%; }
-        .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-right {
-          float: right;
-          line-height: 100%; }
-        .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-spacer {
-          clear: both; }
-    .b2b-audio .seek-bar-tooltip {
-      text-align: center;
-      min-width: 76px; }
-  
-  .b2b-audio-popover {
-    width: 22px; }
-    .b2b-audio-popover .volume-popover {
-      height: 100px !important;
-      width: 6px !important;
-      margin: 7px auto; }
-    .b2b-audio-popover .min-label {
-      margin-top: 5px; }
-  
-  .b2b-audio-native {
-    width: auto;
-    height: auto; }
-  
-  .b2b-audio-recorder {
-    border: 1px solid #ccc;
-    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15);
-    height: 63px;
-    min-height: 63px;
-    min-width: 347px; }
-    .b2b-audio-recorder .b2b-elapsed-time {
-      margin: 23px 0 24px 15px;
-      font-size: 16px;
-      font-style: italic;
-      color: #767676; }
-    .b2b-audio-recorder .b2b-controls {
-      width: 68px;
-      cursor: pointer; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-record {
-        font-size: 64px;
-        color: black;
-        float: right;
-        margin-right: 10px; }
-        .b2b-audio-recorder .b2b-controls i.icoControls-record:focus, .b2b-audio-recorder .b2b-controls i.icoControls-record:hover {
-          color: #0568ae; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-stop {
-        font-size: 36px;
-        color: black;
-        float: right;
-        margin-right: 20px;
-        margin-top: 12px; }
-        .b2b-audio-recorder .b2b-controls i.icoControls-stop:focus, .b2b-audio-recorder .b2b-controls i.icoControls-stop:hover {
-          color: #0568ae; }
-  
-  .b2b-top-btn {
-    height: 36px;
-    width: 36px;
-    border-radius: 7px; }
-  
-  .b2b-top-btn > i {
-    position: absolute;
-    top: 13px;
-    left: 9px;
-    width: 11px;
-    height: 18px; }
-  
-  .b2b-badge {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    background-color: #5A5A5A;
-    border-radius: 12px;
-    color: #FFFFFF;
-    display: inline-block;
-    font-size: 1.5rem;
-    font-weight: normal;
-    height: 20px;
-    line-height: 0;
-    margin-top: 0;
-    min-width: 20px;
-    padding: 0 5px;
-    text-align: center;
-    vertical-align: baseline; }
-    .b2b-badge:empty {
-      display: none; }
-  
-  * + .b2b-heading-micro {
-    margin-top: 20px !important; }
-  
-  .b2b-heading-micro {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: normal;
-    text-rendering: optimizeLegibility;
-    font-size: 1.2rem !important;
-    text-transform: uppercase !important;
-    margin-bottom: 20px !important;
-    line-height: 1.2 !important; }
-  
-  .b2b-no-colors .b2b-badge {
-    border: 1px solid transparent; }
-  
-  .btn > .b2b-badge {
-    margin-right: 5px; }
-  
-  a > .b2b-badge {
-    margin-right: 6px;
-    padding-top: 10px; }
-  
-  .b2b-badge-urgent {
-    background-color: #cf2a2a; }
-  
-  .bellyband-container {
-    margin: 0 -15px; }
-  
-  .bellyband-group {
-    width: auto; }
-  
-  .bellyband-link {
-    border-top: 1px solid #d2d2d2; }
-  
-  .bellyband-link a {
-    display: block;
-    height: 40px;
-    line-height: 40px;
-    padding: 0 15px;
-    position: relative;
-    text-decoration: none; }
-  
-  .bellyband-link a:hover > div span,
-  .bellyband-link a:focus > div span {
-    text-decoration: underline; }
-  
-  .bellyband-link a:after {
-    color: #666;
-    font-size: 2.3rem;
-    height: 20px;
-    position: absolute;
-    right: 5px;
-    top: 12px;
-    width: 18px; }
-  
-  .dark-bg .bellyband-link a:after {
-    color: white; }
-  
-  .bellyband-link img[src$="svg"].hidden-desktop,
-  .bellyband-link [class*="icon-primary-"].hidden-desktop {
-    display: inline-block !important;
-    float: left;
-    font-size: 24px;
-    height: 24px;
-    margin-right: 5px;
-    margin-top: 8px;
-    width: 24px; }
-  
-  .dark-bg .bellyband-link [class*="icon-primary-"].hidden-desktop,
-  .dark-bg .bellyband-link [class*="icon-primary-"].visible-desktop {
-    color: #fff; }
-  
-  .bellyband-link img[src$="svg"].visible-desktop {
-    display: none !important; }
-  
-  .bellyband-link p {
-    margin-top: -10px;
-    margin-left: 29px;
-    font-size: 1.4rem;
-    color: #666; }
-  
-  @media (min-width: 481px) and (max-width: 767px) {
-    .bellyband-container {
-      display: flex;
-      margin: 0; }
-    .bellyband-group {
-      align-content: flex-start;
-      align-items: stretch;
-      display: inline-flex;
-      flex-direction: column;
-      flex-wrap: wrap;
-      margin-top: 1px;
-      width: 100%; }
-    .bellyband-group .row {
-      display: flex !important; }
-    .bellyband-link {
-      padding-top: 0;
-      position: relative;
-      border-top: none;
-      margin-bottom: 20px;
-      width: 50%; }
-    .bellyband-link a {
-      height: inherit;
-      line-height: inherit;
-      display: flex;
-      padding: 0; }
-    .bellyband-link a:after {
-      display: none; }
-    .bellyband-link a span {
-      display: block;
-      padding-top: 10px; }
-    .bellyband-link p {
-      display: block;
-      padding: 0 15px 0 0;
-      margin-bottom: 0;
-      margin-left: 0;
-      margin-top: 0; }
-    .bellyband-link a:focus p {
-      text-decoration: none; } }
-  
-  @media (min-width: 768px) {
-    .bellyband-group {
-      margin: 0;
-      max-width: 100%;
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: center; }
-    .bellyband-group .row {
-      display: block; }
-    .bellyband-group .row .span {
-      float: none;
-      margin-right: 0;
-      margin-bottom: 30px;
-      display: flex;
-      justify-content: space-between; }
-    .bellyband-link {
-      border-top: none;
-      flex: 0 0 auto;
-      margin-right: 0;
-      margin-bottom: 30px; }
-    .bellyband-link:last-child {
-      margin-right: 0; }
-    .bellyband-link a {
-      height: auto;
-      line-height: 1;
-      text-align: center; }
-    .bellyband-link a:after {
-      display: none; }
-    .bellyband-link img[src$="svg"].hidden-desktop,
-    .bellyband-link [class*="icon-primary-"].hidden-desktop {
-      display: none !important; }
-    .bellyband-link img[src$="svg"].visible-desktop,
-    .bellyband-link [class*="icon-primary-"].visible-desktop {
-      display: block !important;
-      font-size: 50px;
-      height: 50px;
-      margin-right: 0;
-      margin-top: 0;
-      margin-left: auto;
-      margin-right: auto;
-      width: auto; }
-    .bellyband-link a span {
-      display: block;
-      margin-top: 12px;
-      line-height: 2rem; }
-    .bellyband-link p {
-      display: block;
-      text-align: center;
-      margin-top: 6px;
-      margin-left: 0;
-      padding-left: 0 !important;
-      color: #666;
-      line-height: 1.8rem; } }
-  
-  @media (max-width: 480px) {
-    .bellyband-link-tall a {
-      height: auto;
-      padding: 0 40px 10px 15px; }
-    .bellyband-link-tall p {
-      line-height: 1.8rem;
-      margin-bottom: 0; }
-    .bellyband-link-tall > a:after {
-      margin-top: -8px;
-      top: 50%; } }
-  
-  .b2b-boardstrip {
-    display: inline-block;
-    width: 100%;
-    border-bottom: 1px solid #9d9d9d;
-    position: relative;
-    padding-top: 15px; }
-    .b2b-boardstrip .boardstrip-reel {
-      margin-bottom: 15px; }
-    .b2b-boardstrip .boardstrip-item--add {
-      border: 1px dashed #ccc;
-      background: #FFFFFF;
-      color: #0574ac;
-      width: 140px;
-      height: 80px;
-      font-size: 14px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      -webkit-border-radius: 3px;
-      -moz-border-radius: 3px;
-      border-radius: 3px;
-      position: absolute;
-      left: 29px;
-      top: 15px; }
-      .b2b-boardstrip .boardstrip-item--add:hover, .b2b-boardstrip .boardstrip-item--add:focus {
-        border: 2px solid #007A3E;
-        cursor: pointer; }
-      .b2b-boardstrip .boardstrip-item--add i {
-        font-size: 14px;
-        margin-left: auto;
-        margin-right: auto;
-        text-align: initial; }
-      .b2b-boardstrip .boardstrip-item--add .centered {
-        margin-left: auto;
-        margin-right: auto;
-        margin-top: 27px;
-        margin-bottom: 35px;
-        display: block; }
-    .b2b-boardstrip .board-viewport {
-      float: left;
-      margin-left: 210px;
-      max-height: 95px;
-      position: relative;
-      height: 95px;
-      overflow: hidden;
-      width: 0px; }
-      .b2b-boardstrip .board-viewport .boardstrip-container {
-        width: 0px;
-        margin-left: 0;
-        left: 0px;
-        position: absolute;
-        list-style: none;
-        -webkit-transition: left 1000ms;
-        transition: left 1000ms; }
-      .b2b-boardstrip .board-viewport .board-item {
-        width: 140px;
-        height: 80px;
-        border: 1px solid #ccc;
-        margin: 0 15px 15px 0;
-        background-color: #FFFFFF;
-        border-radius: 3px;
-        float: left;
-        overflow: hidden; }
-        .b2b-boardstrip .board-viewport .board-item:hover, .b2b-boardstrip .board-viewport .board-item:focus {
-          border: 2px solid #007A3E;
-          background-color: white;
-          cursor: pointer; }
-        .b2b-boardstrip .board-viewport .board-item .board-img {
-          width: 61px;
-          height: 40px;
-          margin: 0 auto; }
-          .b2b-boardstrip .board-viewport .board-item .board-img img {
-            max-width: 100%; }
-        .b2b-boardstrip .board-viewport .board-item .title {
-          text-align: center;
-          line-height: 16px;
-          color: #666;
-          font-size: 14px;
-          font-family: "Omnes-ECOMP-W02", Arial;
-          padding: 10px 0; }
-        .b2b-boardstrip .board-viewport .board-item.selected {
-          background-color: #FFFFFF;
-          border: 2px solid #0574ac; }
-        .b2b-boardstrip .board-viewport .board-item .board-caret {
-          cursor: default;
-          outline: 0;
-          position: absolute;
-          bottom: 7px; }
-          .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-indicator {
-            border-left: 8px solid transparent;
-            border-right: 8px solid transparent;
-            border-bottom: 8px solid #999;
-            width: 0px;
-            height: 0px;
-            position: absolute;
-            left: 61px;
-            bottom: -7px; }
-          .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-arrow-up {
-            width: 0px;
-            height: 0px;
-            border-style: solid;
-            border-width: 0 8px 8px 8px;
-            border-color: transparent transparent #FFFFFF transparent;
-            left: 61px;
-            position: absolute; }
-    .b2b-boardstrip .arrow {
-      font-size: 14px;
-      cursor: pointer;
-      color: #0574ac; }
-      .b2b-boardstrip .arrow:hover {
-        color: #0574ac; }
-      .b2b-boardstrip .arrow.disabled {
-        color: #767676 !important;
-        cursor: not-allowed; }
-    .b2b-boardstrip .prev-items {
-      display: inline-block;
-      margin-top: auto;
-      margin-bottom: auto;
-      margin-right: 15px;
-      position: absolute;
-      left: 0;
-      top: 45px;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      -o-user-select: none;
-      user-select: none; }
-    .b2b-boardstrip .next-items {
-      display: inline-block;
-      margin-top: 30px;
-      margin-bottom: auto;
-      margin-left: 10px;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      -o-user-select: none;
-      user-select: none; }
-    .b2b-boardstrip .centered {
-      display: table-cell;
-      text-align: center;
-      vertical-align: middle; }
-  
-  .breadcrumb {
-    padding: 10px 15px;
-    height: 40px;
-    list-style: none;
-    border-bottom: 1px solid #d2d2d2;
-    font-size: 1.2rem;
-    width: 100%;
-    z-index: 1000; }
-  
-  .breadcrumb > li {
-    position: relative;
-    display: inline-block;
-    margin-right: 15px; }
-  
-  .breadcrumb > li:after {
-    font-size: 8px;
-    margin-right: 0;
-    right: -8px;
-    color: #333333; }
-  
-  .breadcrumb > li:last-child {
-    color: #333333; }
-  
-  .breadcrumb > li:last-child:after {
-    content: ""; }
-  
-  .breadcrumb li > * {
-    float: none !important;
-    margin: 0; }
-  
-  .breadcrumb {
-    padding: 10px 15px !important; }
-  
-  /* ARROW */
-  /* spanish */
-  .datepicker {
-    background-color: #FFFFFF;
-    padding: 0;
-    border-radius: 5px;
-    direction: ltr; }
-    .datepicker > div {
-      display: none; }
-    .datepicker table {
-      -webkit-touch-callout: none;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      user-select: none;
-      margin: 0 0 0 0; }
-    .datepicker td {
-      text-align: center;
-      display: block;
-      width: 30px;
-      height: 30px;
-      border: none; }
-      .datepicker td span {
-        display: block;
-        width: 23%;
-        height: 54px;
-        line-height: 54px;
-        float: left;
-        margin: 1%;
-        cursor: pointer;
-        border-radius: 4px; }
-        .datepicker td span:hover {
-          background: #eeeeee; }
-      .datepicker td span.disabled {
-        background: none;
-        color: #5A5A5A;
-        cursor: default; }
-        .datepicker td span.disabled:hover {
-          background: none;
-          color: #5A5A5A;
-          cursor: default; }
-      .datepicker td span.active {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        border-color: #357ebd; }
-        .datepicker td span.active:hover {
-          color: #FFFFFF;
-          background-color: #0568ae;
-          border-color: #357ebd; }
-      .datepicker td span.active.disabled {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        border-color: #357ebd; }
-    .datepicker th {
-      text-align: center;
-      display: block;
-      width: 30px;
-      height: 30px;
-      border: none; }
-    .datepicker tbody:focus {
-      outline: none; }
-    .datepicker td.day {
-      background-color: transparent;
-      color: #0568ae;
-      cursor: pointer;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      font-size: 16px;
-      height: 34px;
-      line-height: 30rem;
-      margin: -2px -1px 0 0;
-      overflow: hidden;
-      text-align: center;
-      width: 42px; }
-    .datepicker:focus {
-      outline: 1px dotted #191919;
-      outline-offset: -2px; }
-    .datepicker th[tabindex]:focus {
-      outline-offset: -15px; }
-    .datepicker td.day.focused {
-      background: #ededed;
-      cursor: pointer; }
-    .datepicker td.day.focused.active {
-      background-color: #ededed;
-      color: #0568ae; }
-    .datepicker td.disabled {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #5A5A5A;
-      cursor: default; }
-      .datepicker td.disabled:hover {
-        font-family: "Omnes-ECOMP-W02", Arial;
-        color: #5A5A5A;
-        cursor: default; }
-        .datepicker td.disabled:hover .show-date {
-          font-family: "Omnes-ECOMP-W02", Arial;
-          color: #5A5A5A; }
-      .datepicker td.disabled .show-date {
-        font-family: "Omnes-ECOMP-W02", Arial;
-        color: #5A5A5A; }
-    .datepicker td.today {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-      .datepicker td.today:hover {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        color: #FFFFFF;
-        background-color: #0568ae; }
-      .datepicker td.today:active {
-        color: #FFFFFF;
-        background-color: #0568ae; }
-      .datepicker td.today:focus {
-        color: #FFFFFF;
-        background-color: #0568ae; }
-    .datepicker td.today.disabled {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-    .datepicker td.today.active {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-      .datepicker td.today.active:hover {
-        color: #FFFFFF; }
-    .datepicker td.selected {
-      color: #FFFFFF;
-      background-color: #959595; }
-      .datepicker td.selected:hover {
-        color: #FFFFFF;
-        background-color: #959595; }
-    .datepicker td.selected.disabled {
-      color: #FFFFFF;
-      background-color: #959595; }
-    .datepicker td.active:not(.new) {
-      color: #FFFFFF;
-      border-color: #357ebd; }
-      .datepicker td.active:not(.new) .show-date {
-        color: #0568ae;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-    .datepicker td.active:hover:not(.new) {
-      color: #FFFFFF;
-      border-color: #357ebd; }
-      .datepicker td.active:hover:not(.new) .show-date {
-        color: #0568ae;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-    .datepicker .start-date .show-date {
-      background-color: #0568ae;
-      color: #FFFFFF !important;
-      border-radius: 5px 0 0 5px;
-      z-index: 1; }
-      .datepicker .start-date .show-date:before {
-        background-color: #0568ae;
-        content: "";
-        display: block;
-        height: 26px;
-        left: 20px;
-        position: absolute;
-        width: 100%;
-        z-index: -1; }
-    .datepicker .between-date .show-date {
-      background-color: #0568ae;
-      color: #FFFFFF !important; }
-      .datepicker .between-date .show-date:before {
-        background-color: #0568ae;
-        content: "";
-        display: block;
-        height: 26px;
-        left: 0;
-        position: absolute;
-        width: 100%;
-        z-index: -1; }
-    .datepicker .between-date:first-child .show-date:before {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      left: 0;
-      width: 8px; }
-    .datepicker .end-date .show-date {
-      background-color: #0568ae;
-      color: #FFFFFF !important;
-      border-radius: 0 5px 5px 0; }
-      .datepicker .end-date .show-date:before {
-        background-color: #0568ae;
-        content: "";
-        display: block;
-        height: 26px;
-        left: -20px;
-        position: absolute;
-        width: 100%;
-        z-index: -1; }
-    .datepicker .end-date:first-child .show-date:after {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      left: 0;
-      width: 8px; }
-    .datepicker .end-date:first-child .show-date::before {
-      background-color: #FFFFFF; }
-    .datepicker tr td.start-date:last-child .show-date:after {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      right: 0;
-      width: 8px; }
-    .datepicker tr td.start-date:last-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.start-date:first-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.between-date:last-child .show-date:after {
-      background-color: #FFFFFF;
-      content: "";
-      height: 26px;
-      position: absolute;
-      right: 0;
-      width: 8px; }
-    .datepicker tr td.between-date:last-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.between-date:first-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.end-date:last-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker tr td.end-date:first-child:focus .show-date:after {
-      height: 30px;
-      width: 30px;
-      background-color: transparent; }
-    .datepicker th.datepicker-switch {
-      width: 198px;
-      font-size: 20px;
-      font-weight: normal;
-      cursor: default !important; }
-    .datepicker thead tr:first-child th {
-      cursor: pointer;
-      height: 60px;
-      line-height: 60px; }
-    .datepicker thead tr:first-child th.cw {
-      cursor: default;
-      background-color: transparent; }
-    .datepicker tfoot tr th {
-      cursor: pointer;
-      height: 60px;
-      line-height: 60px;
-      height: auto;
-      line-height: normal; }
-      .datepicker tfoot tr th li {
-        margin-bottom: 5px; }
-    .datepicker .prev {
-      color: transparent;
-      font-size: 0;
-      margin: 0 -1px -1px 0;
-      width: 46px; }
-      .datepicker .prev i {
-        color: #0568ae;
-        position: absolute;
-        font-size: 27px;
-        margin: 0;
-        top: 15px;
-        left: 8px; }
-    .datepicker .next {
-      color: transparent;
-      font-size: 0;
-      margin: 0 -1px -1px 0;
-      width: 46px; }
-      .datepicker .next i {
-        color: #0568ae;
-        position: absolute;
-        font-size: 27px;
-        margin: 0;
-        top: 15px;
-        right: 8px; }
-    .datepicker .cw {
-      font-size: 10px;
-      width: 12px;
-      padding: 0 2px 0 5px;
-      vertical-align: middle; }
-    .datepicker .due-date .show-date {
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      background-color: #cf2a2a;
-      border-radius: 5px;
-      color: #FFFFFF !important; }
-    .datepicker .day.active .show-date:after {
-      border: 2px solid #0568ae;
-      border-radius: 7px;
-      content: "";
-      display: block;
-      height: 30px;
-      left: 4px;
-      position: absolute;
-      top: 0;
-      width: 30px; }
-    .datepicker .day:focus .show-date:after {
-      border: 2px solid #0568ae;
-      border-radius: 7px;
-      content: "";
-      display: block;
-      height: 30px;
-      left: 4px;
-      position: absolute;
-      top: 0;
-      width: 30px;
-      height: 30px;
-      left: 4px;
-      top: 0;
-      width: 30px; }
-    .datepicker .due-date.disabled .show-date:after {
-      border: 2px solid #0568ae;
-      border-radius: 7px;
-      content: "";
-      display: block;
-      height: 30px;
-      left: 4px;
-      position: absolute;
-      top: 0;
-      width: 30px; }
-    .datepicker .day.due-date:focus .show-date:after {
-      height: 30px;
-      left: 4px;
-      top: 0;
-      width: 30px; }
-    .datepicker .due-date.old:after {
-      visibility: hidden; }
-    .datepicker .due-date.new:after {
-      visibility: hidden; }
-    .datepicker .due-date.active:after {
-      border-color: #FFFFFF; }
-    .datepicker .due-date.active.focused {
-      color: #0568ae !important; }
-      .datepicker .due-date.active.focused:after {
-        border-color: #cf2a2a !important; }
-    .datepicker .dow {
-      height: 24px;
-      width: 42px;
-      font-weight: normal;
-      position: relative;
-      overflow: hidden;
-      color: transparent;
-      letter-spacing: -6px;
-      margin: 0 -1px -1px 0; }
-      .datepicker .dow span[aria-hidden="true"] {
-        bottom: 0;
-        color: #5A5A5A;
-        display: block;
-        left: 1px;
-        letter-spacing: 0;
-        line-height: .9;
-        margin: 0 auto;
-        padding: 0;
-        position: relative;
-        width: 22px; }
-    .datepicker .calendar-legend {
-      margin-top: 3px;
-      margin-bottom: 20px; }
-      .datepicker .calendar-legend li {
-        font-size: 1.4rem;
-        font-weight: normal;
-        margin-bottom: 5px;
-        padding-left: 10px;
-        padding-top: 5px;
-        position: relative; }
-    .datepicker i.legend-due-date {
-      background-color: #cf2a2a;
-      border-radius: 5px;
-      height: 18px;
-      width: 18px;
-      margin-right: 8px;
-      vertical-align: middle;
-      display: inline-block; }
-    .datepicker i.legend-selected-date {
-      background-color: #FFFFFF;
-      border: 2px solid #0568ae;
-      border-radius: 5px;
-      height: 18px;
-      width: 18px;
-      margin-right: 8px;
-      vertical-align: middle;
-      display: inline-block; }
-    .datepicker i.legend-selectedisdue {
-      background-color: #FFFFFF;
-      border: 2px solid #0568ae;
-      border-radius: 5px;
-      display: inline-block;
-      height: 18px;
-      margin-right: 8px;
-      position: relative;
-      vertical-align: middle;
-      width: 18px; }
-      .datepicker i.legend-selectedisdue:after {
-        background-color: #cf2a2a;
-        border-radius: 3px;
-        content: "";
-        display: block;
-        height: 10px;
-        left: 2px;
-        position: absolute;
-        top: 2px;
-        width: 10px; }
-    .datepicker .text-left {
-      width: 100%; }
-    .datepicker .active.old {
-      background-color: #ededed !important;
-      color: #ededed !important; }
-  
-  .datepicker-inline {
-    width: 220px; }
-  
-  .datepicker.datepicker-rtl {
-    direction: rtl; }
-    .datepicker.datepicker-rtl td span {
-      float: right; }
-  
-  .datepicker-dropdown {
-    top: 0;
-    left: 0; }
-    .datepicker-dropdown:before {
-      content: " ";
-      display: inline-block;
-      border-left: 10px solid transparent;
-      border-right: 10px solid transparent;
-      border-bottom: 10px solid #d2d2d2;
-      border-top: 0;
-      border-bottom-color: rgba(0, 0, 0, 0.2);
-      position: absolute; }
-    .datepicker-dropdown:after {
-      content: " ";
-      display: inline-block;
-      border-left: 10px solid transparent;
-      border-right: 10px solid transparent;
-      border-bottom: 10px solid #fff;
-      border-top: 0;
-      position: absolute; }
-  
-  .datepicker-dropdown.datepicker-orient-left:before {
-    left: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-left:after {
-    left: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-right:before {
-    right: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-right:after {
-    right: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:before {
-    top: -10px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:after {
-    top: -9px; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:before {
-    bottom: -7px;
-    border-bottom: 0;
-    border-top: 7px solid #959595; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:after {
-    bottom: -6px;
-    border-bottom: 0;
-    border-top: 6px solid #fff; }
-  
-  .datepicker.days div.datepicker-days {
-    display: block; }
-  
-  .datepicker.months div.datepicker-months {
-    display: block; }
-  
-  .datepicker.years div.datepicker-years {
-    display: block; }
-  
-  .show-date {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #0568ae;
-    height: 26px;
-    line-height: 26px;
-    margin: 4px auto 0;
-    width: 26px; }
-  
-  .input-group.date .input-group-addon i {
-    cursor: pointer;
-    width: 16px;
-    height: 16px; }
-  
-  .datepicker.dropdown-menu {
-    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
-    position: absolute;
-    top: 100%;
-    left: 0;
-    float: left;
-    display: none;
-    margin-top: 13px;
-    width: 290px;
-    list-style: none;
-    background-color: #FFFFFF;
-    border: 1px solid #d2d2d2;
-    border: 1px solid rgba(0, 0, 0, 0.2);
-    border-radius: 5px;
-    color: #333333;
-    font-size: 13px;
-    line-height: 1.428571429;
-    z-index: 1050; }
-    .datepicker.dropdown-menu th {
-      display: block;
-      float: left;
-      padding: 0;
-      position: relative; }
-    .datepicker.dropdown-menu td {
-      display: block;
-      float: left;
-      padding: 0;
-      position: relative; }
-  
-  .s {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -62px 0; }
-  
-  .m {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -5px 0; }
-  
-  .t {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -19px 0; }
-  
-  .w {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -34px 0; }
-  
-  .f {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: -49px 0; }
-  
-  .d {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .l {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .v {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .j {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: #FFFFFF;
-    background-repeat: no-repeat;
-    background-position: 0 0; }
-  
-  .b2b-coachmark-label {
-    z-index: 1060;
-    opacity: 1;
-    cursor: not-allowed;
-    position: relative; }
-  
-  .b2b-coachmark-highlight {
-    border: 1px solid #d3d3d3;
-    cursor: default;
-    z-index: 1045;
-    opacity: 1;
-    background-color: #ffffff;
-    border-radius: 10px;
-    position: relative;
-    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-    padding: 10px;
-    position: absolute; }
-  
-  .b2b-coachmark-highlight-mask {
-    z-index: 1100;
-    opacity: .1; }
-  
-  .b2b-coachmark-container {
-    border: 1px solid #cccccc;
-    width: 316px;
-    pointer-events: auto;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    font-size: 16px;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    background: #fff;
-    border-radius: 20px;
-    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.15);
-    color: #333;
-    line-height: 20px;
-    position: absolute;
-    top: 50px;
-    left: -97px;
-    display: block;
-    background-color: #ffffff;
-    z-index: 1050;
-    opacity: 1; }
-    .b2b-coachmark-container i.b2b-coachmark-caret {
-      position: absolute;
-      top: -12px;
-      left: 47%;
-      opacity: 1;
-      z-index: 1050; }
-    .b2b-coachmark-container i.b2b-coachmark-caret:before {
-      content: "";
-      border-left: 12px solid transparent;
-      border-right: 12px solid transparent;
-      border-bottom: 12px solid #d3d3d3;
-      position: absolute;
-      top: -1px; }
-    .b2b-coachmark-container i.b2b-coachmark-caret:after {
-      content: "";
-      border-left: 12px solid transparent;
-      border-right: 12px solid transparent;
-      border-bottom: 12px solid #fff;
-      position: absolute; }
-    .b2b-coachmark-container .b2b-coachmark-header {
-      position: relative;
-      height: 47px;
-      overflow: hidden; }
-      .b2b-coachmark-container .b2b-coachmark-header .corner-button {
-        box-shadow: 0 -24px 0 0 #f2f2f2 inset;
-        height: 69px;
-        position: absolute;
-        right: -33px;
-        top: -38px;
-        transform: rotate(45deg);
-        width: 69px; }
-    .b2b-coachmark-container .b2b-coachmark-countlabel {
-      font-size: 12px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #333333;
-      margin-left: 20px;
-      margin-top: 20px; }
-    .b2b-coachmark-container .b2b-coachmark-content {
-      padding: 0px 20px 20px 20px;
-      float: left; }
-      .b2b-coachmark-container .b2b-coachmark-content .icon-misc-dimmer {
-        font-size: 32px;
-        float: left;
-        margin-right: 10px;
-        width: 32px; }
-      .b2b-coachmark-container .b2b-coachmark-content .offscreen-text {
-        position: absolute;
-        left: -10000px;
-        top: auto;
-        width: 1px;
-        height: 1px;
-        overflow: hidden; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-content-header {
-        font-size: 16px;
-        color: #333333;
-        line-height: 18px;
-        float: left;
-        width: 220px; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-description {
-        font-size: 14px;
-        line-height: 18px;
-        color: #333333;
-        width: 100%;
-        float: left;
-        margin-top: 15px; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group {
-        margin-top: 20px;
-        float: left;
-        text-align: right;
-        width: 100%; }
-        .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group .b2b-coachmark-link {
-          font-family: "Omnes-ECOMP-W02-Medium", Arial;
-          font-size: 15px;
-          color: #0574ac;
-          line-height: 18px;
-          margin-right: 20px; }
-        .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group button {
-          font-size: 15px;
-          margin: 0px; }
-  
-  .datepicker {
-    background-color: #fff;
-    padding: 0;
-    border-radius: 5px;
-    direction: ltr; }
-  
-  .datepicker-inline {
-    width: 220px; }
-  
-  .datepicker.datepicker-rtl {
-    direction: rtl; }
-  
-  .datepicker.datepicker-rtl td span {
-    float: right; }
-  
-  .datepicker-dropdown {
-    top: 0;
-    left: 0; }
-  
-  /* ARROW */
-  .datepicker-dropdown:before {
-    content: " ";
-    display: inline-block;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid #d2d2d2;
-    border-top: 0;
-    border-bottom-color: rgba(0, 0, 0, 0.2);
-    position: absolute; }
-  
-  .datepicker-dropdown:after {
-    content: " ";
-    display: inline-block;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid #fff;
-    border-top: 0;
-    position: absolute; }
-  
-  .datepicker-dropdown.datepicker-orient-left:before,
-  .datepicker-dropdown.datepicker-orient-left:after {
-    left: 255px; }
-  
-  .datepicker-dropdown.datepicker-orient-right:before,
-  .datepicker-dropdown.datepicker-orient-right:after {
-    right: 16px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:before {
-    top: -10px; }
-  
-  .datepicker-dropdown.datepicker-orient-top:after {
-    top: -9px; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:before {
-    bottom: -7px;
-    border-bottom: 0;
-    border-top: 7px solid #959595; }
-  
-  .datepicker-dropdown.datepicker-orient-bottom:after {
-    bottom: -6px;
-    border-bottom: 0;
-    border-top: 6px solid #fff; }
-  
-  .datepicker > div {
-    display: none; }
-  
-  .datepicker.days div.datepicker-days {
-    display: block; }
-  
-  .datepicker.months div.datepicker-months {
-    display: block; }
-  
-  .datepicker.years div.datepicker-years {
-    display: block; }
-  
-  .datepicker table {
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -khtml-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    margin: 0 0 0 0; }
-  
-  .datepicker td,
-  .datepicker th {
-    text-align: center;
-    display: block;
-    width: 30px;
-    height: 30px;
-    border: none; }
-  
-  .datepicker tbody :focus {
-    outline: none; }
-  
-  .datepicker td.day {
-    background-color: transparent;
-    color: #0568ae;
-    cursor: pointer;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    height: 34px;
-    line-height: 30rem;
-    margin: -2px -1px 0 0;
-    overflow: hidden;
-    text-align: center;
-    width: 42px; }
-  
-  .datepicker :focus {
-    outline: 1px dotted #000;
-    outline-offset: -2px; }
-  
-  .datepicker td.day.focused {
-    background: #ededed;
-    cursor: pointer; }
-  
-  .datepicker td.day.focused.active {
-    background-color: #ededed;
-    color: #0568ae; }
-  
-  .datepicker td.disabled,
-  .datepicker td.disabled:hover {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5a5a5a;
-    cursor: default; }
-  
-  .datepicker td.today,
-  .datepicker td.today:hover,
-  .datepicker td.today.disabled {
-    color: #fff;
-    background-color: #0568ae; }
-  
-  .datepicker td.today.active,
-  .datepicker td.today:active,
-  .datepicker td.today:hover,
-  .datepicker td.today:focus {
-    color: #fff;
-    background-color: #0568ae; }
-  
-  .datepicker td.today.active:hover {
-    color: #fff; }
-  
-  .datepicker td.selected,
-  .datepicker td.selected:hover,
-  .datepicker td.selected.disabled {
-    color: #ffffff;
-    background-color: #959595; }
-  
-  .datepicker td.active:not(.new),
-  .datepicker td.active:hover:not(.new) {
-    color: #ffffff;
-    border-color: #357ebd; }
-  
-  .show-date {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #0568ae;
-    height: 26px;
-    line-height: 26px;
-    margin: 4px auto 0;
-    width: 26px; }
-  
-  .datepicker .start-date .show-date,
-  .datepicker .between-date .show-date,
-  .datepicker .end-date .show-date {
-    background-color: #0568ae;
-    color: #fff !important; }
-  
-  .datepicker .start-date .show-date {
-    border-radius: 5px 0 0 5px;
-    z-index: 1; }
-  
-  .datepicker .start-date .show-date:before {
-    background-color: #0568ae;
-    content: "";
-    display: block;
-    height: 26px;
-    left: 20px;
-    position: absolute;
-    width: 100%;
-    z-index: -1; }
-  
-  .datepicker .between-date .show-date:before {
-    background-color: #0568ae;
-    content: "";
-    display: block;
-    height: 26px;
-    left: 0;
-    position: absolute;
-    width: 100%;
-    z-index: -1; }
-  
-  .datepicker .end-date .show-date {
-    border-radius: 0 5px 5px 0; }
-  
-  .datepicker .end-date .show-date:before {
-    background-color: #0568ae;
-    content: "";
-    display: block;
-    height: 26px;
-    left: -20px;
-    position: absolute;
-    width: 100%;
-    z-index: -1; }
-  
-  .datepicker .between-date:first-child .show-date:before {
-    background-color: #fff;
-    content: "";
-    height: 26px;
-    position: absolute;
-    left: 0;
-    width: 8px; }
-  
-  .datepicker .end-date:first-child .show-date:after {
-    background-color: #fff;
-    content: "";
-    height: 26px;
-    position: absolute;
-    left: 0;
-    width: 8px; }
-  
-  .datepicker .end-date:first-child .show-date::before {
-    background-color: #fff; }
-  
-  .datepicker tr td.start-date:last-child .show-date:after,
-  .datepicker tr td.between-date:last-child .show-date:after {
-    background-color: #fff;
-    content: "";
-    height: 26px;
-    position: absolute;
-    right: 0;
-    width: 8px; }
-  
-  .datepicker tr td.start-date:last-child:focus .show-date:after,
-  .datepicker tr td.end-date:last-child:focus .show-date:after,
-  .datepicker tr td.between-date:last-child:focus .show-date:after,
-  .datepicker tr td.start-date:first-child:focus .show-date:after,
-  .datepicker tr td.end-date:first-child:focus .show-date:after,
-  .datepicker tr td.between-date:first-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  
-  .datepicker td.active:not(.new) .show-date,
-  .datepicker td.active:hover:not(.new) .show-date {
-    color: #0568ae;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .datepicker td.disabled .show-date,
-  .datepicker td.disabled:hover .show-date {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5a5a5a; }
-  
-  .datepicker td span {
-    display: block;
-    width: 23%;
-    height: 54px;
-    line-height: 54px;
-    float: left;
-    margin: 1%;
-    cursor: pointer;
-    border-radius: 4px; }
-  
-  .datepicker td span:hover {
-    background: #eeeeee; }
-  
-  .datepicker td span.disabled,
-  .datepicker td span.disabled:hover {
-    background: none;
-    color: #5a5a5a;
-    cursor: default; }
-  
-  .datepicker td span.active,
-  .datepicker td span.active:hover,
-  .datepicker td span.active.disabled {
-    color: #ffffff;
-    background-color: #0568ae;
-    border-color: #357ebd; }
-  
-  .datepicker th.datepicker-switch {
-    width: 198px;
-    font-size: 20px;
-    font-weight: normal;
-    cursor: default !important; }
-  
-  .datepicker thead tr:first-child th,
-  .datepicker tfoot tr th {
-    cursor: pointer;
-    height: 60px;
-    line-height: 60px; }
-  
-  .datepicker tfoot tr th {
-    height: auto;
-    line-height: normal; }
-  
-  .datepicker tfoot tr th li {
-    margin-bottom: 5px; }
-  
-  .datepicker .prev,
-  .datepicker .next {
-    color: transparent;
-    font-size: 0;
-    margin: 0 -1px -1px 0;
-    width: 46px; }
-  
-  .datepicker .prev i,
-  .datepicker .next i {
-    color: #0568ae;
-    position: absolute;
-    font-size: 27px;
-    margin: 0;
-    top: 15px; }
-  
-  .datepicker .prev i {
-    left: 8px; }
-  
-  .datepicker .next i {
-    right: 8px; }
-  
-  .datepicker .cw {
-    font-size: 10px;
-    width: 12px;
-    padding: 0 2px 0 5px;
-    vertical-align: middle; }
-  
-  .datepicker thead tr:first-child th.cw {
-    cursor: default;
-    background-color: transparent; }
-  
-  .input-group.date .input-group-addon i {
-    cursor: pointer;
-    width: 16px;
-    height: 16px; }
-  
-  .datepicker.dropdown-menu {
-    box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
-    position: absolute;
-    top: 100%;
-    left: 0;
-    float: left;
-    display: none;
-    margin-top: 13px;
-    width: 290px;
-    list-style: none;
-    background-color: #ffffff;
-    border: 1px solid #d2d2d2;
-    border: 1px solid rgba(0, 0, 0, 0.2);
-    border-radius: 5px;
-    color: #333333;
-    font-size: 13px;
-    line-height: 1.428571429;
-    z-index: 1050; }
-  
-  .datepicker.dropdown-menu th,
-  .datepicker.dropdown-menu td {
-    display: block;
-    float: left;
-    padding: 0;
-    position: relative; }
-  
-  .datepicker .due-date .show-date {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    background-color: #cf2a2a;
-    border-radius: 5px;
-    color: #fff !important; }
-  
-  .datepicker .day.active .show-date:after,
-  .datepicker .day:focus .show-date:after,
-  .datepicker .due-date.disabled .show-date:after {
-    border: 2px solid #0568ae;
-    border-radius: 7px;
-    content: "";
-    display: block;
-    height: 30px;
-    left: 4px;
-    position: absolute;
-    top: 0;
-    width: 30px; }
-  
-  .datepicker .day:focus .show-date:after {
-    height: 30px;
-    left: 4px;
-    top: 0;
-    width: 30px; }
-  
-  .datepicker .day.due-date:focus .show-date:after {
-    height: 30px;
-    left: 4px;
-    top: 0;
-    width: 30px; }
-  
-  .datepicker .due-date.old:after,
-  .datepicker .due-date.new:after {
-    visibility: hidden; }
-  
-  .datepicker .due-date.active:after {
-    border-color: #fff; }
-  
-  .datepicker .due-date.active.focused {
-    color: #0568ae !important; }
-  
-  .datepicker .due-date.active.focused:after {
-    border-color: #cf2a2a !important; }
-  
-  .datepicker .dow {
-    height: 24px;
-    width: 42px;
-    font-weight: normal;
-    position: relative;
-    overflow: hidden;
-    color: transparent;
-    letter-spacing: -6px;
-    margin: 0 -1px -1px 0; }
-  
-  .datepicker .dow span[aria-hidden="true"] {
-    bottom: 0;
-    color: #5a5a5a;
-    display: block;
-    left: 1px;
-    letter-spacing: 0;
-    line-height: .9;
-    margin: 0 auto;
-    padding: 0;
-    position: relative;
-    width: 22px; }
-  
-  .datepicker .calendar-legend {
-    margin-top: 3px;
-    margin-bottom: 20px; }
-  
-  .datepicker .calendar-legend li {
-    font-size: 1.4rem;
-    font-weight: normal;
-    margin-bottom: 5px;
-    padding-left: 10px;
-    padding-top: 5px;
-    position: relative; }
-  
-  .datepicker i.legend-due-date {
-    background-color: #cf2a2a;
-    border-radius: 5px;
-    height: 18px;
-    width: 18px;
-    margin-right: 8px;
-    vertical-align: middle;
-    display: inline-block; }
-  
-  .datepicker i.legend-selected-date {
-    background-color: #fff;
-    border: 2px solid #0568ae;
-    border-radius: 5px;
-    height: 18px;
-    width: 18px;
-    margin-right: 8px;
-    vertical-align: middle;
-    display: inline-block; }
-  
-  .datepicker i.legend-selectedisdue {
-    background-color: #fff;
-    border: 2px solid #0568ae;
-    border-radius: 5px;
-    display: inline-block;
-    height: 18px;
-    margin-right: 8px;
-    position: relative;
-    vertical-align: middle;
-    width: 18px; }
-  
-  .datepicker i.legend-selectedisdue:after {
-    background-color: #cf2a2a;
-    border-radius: 3px;
-    content: "";
-    display: block;
-    height: 10px;
-    left: 2px;
-    position: absolute;
-    top: 2px;
-    width: 10px; }
-  
-  .datepicker .text-left {
-    width: 100%; }
-  
-  .datepicker .active.old {
-    background-color: #ededed !important;
-    color: #ededed !important; }
-  
-  .s,
-  .m,
-  .t,
-  .w,
-  .f,
-  .d,
-  .l,
-  .v,
-  .j {
-    display: block;
-    height: 20px;
-    width: 12px;
-    margin: 0 auto;
-    background-color: white;
-    background-repeat: no-repeat; }
-  
-  .s {
-    background-position: -62px 0; }
-  
-  .m {
-    background-position: -5px 0; }
-  
-  .t {
-    background-position: -19px 0; }
-  
-  .w {
-    background-position: -34px 0; }
-  
-  .f {
-    background-position: -49px 0; }
-  
-  /* spanish */
-  .d {
-    background-position: 0 0; }
-  
-  .l {
-    background-position: 0 0; }
-  
-  .v {
-    background-position: 0 0; }
-  
-  .j {
-    background-position: 0 0; }
-  
-  .datepicker-container {
-    position: relative; }
-  
-  .btn-calendar-icon:focus .icon-primary-calendar {
-    outline: 1px dotted #191919; }
-  
-  .btn-calendar-icon:focus {
-    outline: none; }
-  
-  /* remove focus outline when dropdown is opened */
-  /*resolve blue focus outline over dropdown with error*/
-  select {
-    margin-right: -1;
-    max-width: 400px;
-    height: 36px;
-    line-height: 25px;
-    width: 400px;
-    background-color: #f2f2f2; }
-  
-  .selectWrap.disabled .icon-primary-down {
-    color: #767676; }
-  
-  .selectWrap.disabled input.awd-select {
-    z-index: 0;
-    padding: 10px 45px 10px 15px;
-    text-indent: 0; }
-  
-  .selectWrap.disabled button.awd-select {
-    z-index: 0;
-    text-indent: 15px; }
-  
-  .selectWrap.disabled:after {
-    color: #5A5A5A;
-    cursor: not-allowed; }
-  
-  input.awd-select {
-    background-color: transparent;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-    color: #333333;
-    display: block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    /*font-size: 1.6rem;*/
-    height: 36px;
-    line-height: 0;
-    margin-bottom: 0;
-    position: relative;
-    text-align: left;
-    top: 0;
-    width: 100%;
-    z-index: 10;
-    padding: 12px 45px 8px 15px;
-    user-select: none; }
-    input.awd-select:focus {
-      border-color: #0568ae !important;
-      text-overflow: ellipsis;
-      padding-right: 45px; }
-  
-  button.awd-select {
-    background-color: transparent;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-    color: #333333;
-    display: block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    /*font-size: 1.6rem;*/
-    height: 36px;
-    line-height: 36px;
-    margin-bottom: 0;
-    position: relative;
-    text-align: left;
-    top: 0;
-    width: 100%;
-    z-index: 10; }
-    button.awd-select:not(.large) {
-      text-indent: 15px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: clip;
-      text-overflow: ellipsis; }
-    button.awd-select img {
-      height: 26px;
-      margin-right: 7px;
-      margin-top: -10px;
-      position: relative;
-      top: 2px;
-      vertical-align: text-bottom; }
-    button.awd-select:focus {
-      border-color: #0568ae !important; }
-    button.awd-select i {
-      font-size: 23px;
-      position: absolute;
-      right: 33px;
-      top: 5px;
-      z-index: 1000; }
-  
-  button.awd-select.large {
-    align-items: center;
-    display: flex;
-    height: 60px;
-    line-height: 20px;
-    overflow: hidden;
-    padding-left: 70px;
-    vertical-align: middle; }
-    button.awd-select.large img {
-      height: 40px;
-      left: 20px;
-      position: absolute;
-      top: 20px;
-      width: 40px; }
-  
-  .selectWrap.large {
-    height: 60px; }
-    .selectWrap.large .awd-select-list-item {
-      align-items: center;
-      display: flex;
-      height: 60px;
-      line-height: 20px;
-      overflow: hidden;
-      padding-left: 70px;
-      vertical-align: middle; }
-      .selectWrap.large .awd-select-list-item img {
-        height: 40px;
-        left: 20px;
-        position: absolute;
-        top: 20px;
-        width: 40px;
-        top: 10px; }
-        
-        .inputWrap {
-    border-radius: 6px;
-    position: relative;
-    height: 36px;
-    line-height: 44px;
-    display: block;
-    margin: 0;
-    }
-  
-  button.awd-select.active {
-    border-radius: 6px 6px 0 0; }
-    button.awd-select.active:focus {
-      border-color: #d2d2d2 !important; }
-  
-  input.awd-select.active {
-    border-radius: 6px 6px 0 0; }
-    input.awd-select.active:focus {
-      border-color: #d2d2d2 !important; }
-  
-  .selectWrapper {
-    position: relative; }
-  
-  span.selectWrap input[readonly]:focus {
-    color: transparent;
-    text-shadow: 0 0 0 #000; }
-  
-  .isIE.ds2-no-colors .awd-select:focus {
-    outline: 1px dashed transparent; }
-  
-  .awd-select-list {
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-    border-radius: 0 0 6px 6px;
-    position: absolute;
-    border: 1px solid #d2d2d2;
-    border-top: 0;
-    padding: 0;
-    background-color: #f2f2f2;
-    z-index: 1000;
-    width: 100%;
-    max-height: 320px;
-    overflow-y: auto; }
-  
-  .awd-select-list-item {
-    cursor: pointer;
-    height: 100%;
-    min-height: 36px;
-    line-height: 20px;
-    overflow: hidden;
-    padding: 8px 15px;
-    position: relative;
-    z-index: 1000; }
-    .awd-select-list-item:hover {
-      cursor: pointer;
-      background-color: #d2d2d2;
-      outline: 1px dashed transparent; }
-    .awd-select-list-item:focus {
-      cursor: pointer;
-      background-color: #d2d2d2;
-      outline: 1px dashed transparent; }
-    .awd-select-list-item img {
-      margin-top: 0;
-      margin-right: 7px;
-      height: 26px;
-      width: 26px; }
-  
-  .selectWrap {
-    border-radius: 6px;
-    position: relative;
-    height: 36px;
-    line-height: 28px;
-    display: block;
-    margin: 0;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-    .selectWrap:not(.large) .awd-select-list-item:first-child {
-      margin-top: 15px; }
-    .selectWrap:not(.large) .awd-select-list-item:last-child {
-      margin-bottom: 15px; }
-    .selectWrap .icon-primary-down {
-      font-size: 23px;
-      margin-top: -11px;
-      position: absolute;
-      right: 4px;
-      top: 50%; }
-    .selectWrap + [aria-expanded="true"] {
-      padding-bottom: 9px;
-      padding-top: 20px; }
-  
-  .awd-select-list-item[data-hover="true"] {
-    background-color: #d2d2d2; }
-  
-  span input.awd-select {
-    width: 100%;
-    cursor: pointer;
-    text-overflow: ellipsis;
-    padding-right: 45px; }
-  
-  li.optgroup-wrapper {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    cursor: default !important;
-    padding: 0px 15px; }
-    li.optgroup-wrapper:first-child {
-      padding-top: 10px; }
-    li.optgroup-wrapper:hover {
-      background-color: #f2f2f2; }
-  
-  ul.optgroup {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    cursor: pointer !important;
-    margin: 0 -15px; }
-    ul.optgroup li {
-      padding: 0 0 0 33px; }
-  
-  label + .selectWrap {
-    margin-top: 4px; }
-  
-  .selectorModule {
-    border-radius: 6px;
-    position: relative;
-    height: 36px;
-    line-height: 28px;
-    display: block;
-    margin: 0;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-  
-  .group .selectWrap {
-    margin: 0 0 10px 0; }
-  
-  select.awd-select {
-    position: relative;
-    top: 0;
-    left: 0;
-    font-size: 16px;
-    z-index: 1010;
-    height: 33px;
-    min-width: 100%;
-    opacity: 0.01; }
-    select.awd-select > optgroup {
-      padding-left: 8px;
-      font-style: normal;
-      margin-top: 10px; }
-      select.awd-select > optgroup:first-child {
-        margin-top: 0; }
-      select.awd-select > optgroup > option {
-        padding-left: 8px; }
-    select.awd-select > option {
-      padding-left: 8px; }
-    select.awd-select + span {
-      background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-      background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0);
-      position: absolute;
-      top: 0;
-      left: 0;
-      z-index: 0;
-      display: block;
-      border: 1px solid #d2d2d2;
-      border-radius: 6px;
-      height: 35px;
-      line-height: 0;
-      padding: 18px 45px 15px 15px;
-      width: 100%;
-      font-size: 1.6rem;
-      padding-right: 45px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis; }
-      select.awd-select + span > i {
-        font-size: 23px;
-        position: absolute;
-        right: 33px;
-        top: 5px;
-        z-index: 1000; }
-        select.awd-select + span > i:before {
-          left: 1px;
-          position: absolute;
-          top: -1px; }
-    select.awd-select:focus + span {
-      border-color: #0568ae; }
-  
-  .isIE select.awd-select + span {
-    line-height: 1; }
-  
-  [data-default-option="true"] {
-    color: #767676 !important;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  
-  .placeholdercolor {
-    color: #767676 !important;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  
-  .filterTank button.awd-select {
-    border-color: #d2d2d2;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #333333; }
-    .filterTank button.awd-select:after {
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2; }
-  
-  .utility-bg button.awd-select {
-    border-color: #d2d2d2;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #333333; }
-    .utility-bg button.awd-select:after {
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2; }
-  
-  .utility-bg select.awd-select + span {
-    border-color: #d2d2d2;
-    border-color: #d2d2d2;
-    background-color: #333333;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #FFFFFF; }
-    .utility-bg select.awd-select + span:after {
-      background-color: #FFFFFF !important;
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2;
-      border-color: #d2d2d2; }
-  
-  .utility-bg select.awd-select:focus + span {
-    border-color: #d2d2d2;
-    border-color: #d2d2d2;
-    background-color: #333333;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #FFFFFF; }
-    .utility-bg select.awd-select:focus + span:after {
-      background-color: #FFFFFF !important;
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2;
-      border-color: #d2d2d2; }
-  
-  .utility-bg select.awd-select:hover + span {
-    border-color: #d2d2d2;
-    border-color: #d2d2d2;
-    background-color: #333333;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #FFFFFF; }
-    .utility-bg select.awd-select:hover + span:after {
-      background-color: #FFFFFF !important;
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2;
-      border-color: #d2d2d2; }
-  
-  input.awd-select[disabled] {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    input.awd-select[disabled] + span {
-      cursor: not-allowed;
-      border-color: #d2d2d2;
-      background-color: #d2d2d2;
-      background-image: none;
-      color: #5A5A5A; }
-  
-  button.awd-select[disabled] {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    button.awd-select[disabled]:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled] + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled]:focus + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-  
-  select.awd-select[disabled]:hover + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-  
-  input.awd-select[disabled="disabled"] {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    input.awd-select[disabled="disabled"] + span {
-      cursor: not-allowed;
-      border-color: #d2d2d2;
-      background-color: #d2d2d2;
-      background-image: none;
-      color: #5A5A5A; }
-  
-  select.awd-select[disabled="disabled"] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled="disabled"] + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled="disabled"]:focus + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled="disabled"]:focus + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled="disabled"]:hover + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled="disabled"]:hover + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  .ddexpand-wrapper > h2 {
-    margin-bottom: 11px; }
-    .ddexpand-wrapper > h2 + p {
-      margin-bottom: 4px; }
-  
-  .ddexpand-wrapper .selectWrap + [aria-expanded="true"] .form-row {
-    margin-top: 11px; }
-  
-  .ddexpand-wrapper .selectWrap + [aria-expanded="true"] .row + .row .form-row {
-    margin-top: 14px; }
-  
-  .modal .awd-select-list {
-    z-index: 1060 !important; }
-  
-  .form-row.error button.awd-select.active:focus {
-    border-color: #cf2a2a !important; }
-  
-  .form-row.error input.awd-select.active:focus {
-    border-color: #cf2a2a !important; }
-  
-  .awd-module-list .module-list-item[aria-selected="true"] {
-    background-color: #f2f2f2; }
-  
-  li.module-list-item[aria-selected="true"]:before {
-    color: #0568ae;
-    display: inline-block;
-    font-family: "icoControls" !important;
-    font-style: normal;
-    font-size: 20px;
-    font-weight: normal;
-    font-variant: normal;
-    height: 1em;
-    margin-right: 7px;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    position: relative;
-    speak: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    vertical-align: middle;
-    width: 1em;
-    content: "\e907";
-    box-sizing: border-box;
-    display: inline-block;
-    font-size: 2em;
-    height: 1em;
-    position: absolute;
-    top: 20px;
-    right: 0px;
-    vertical-align: middle;
-    width: 1em;
-    color: #007a3e; }
-  
-  @media (min-width: 768px) {
-    span[class*="large"] {
-      max-width: 370px; }
-    .large {
-      max-width: 370px; } }
-  
-  @media (max-width: 767px) {
-    .selectWrap.large:after {
-      right: 5px; }
-    .selectWrap.large .awd-select-list-item {
-      padding-right: 41px; }
-    .selectWrap + div > h4 {
-      margin-bottom: 0;
-      font-size: 16px; } }
-  
-  /**********************Dropdown Chrome scrolling fix start ********************/
-  input.awd-select {
-    -webkit-user-select: text;
-    -moz-user-select: text;
-    -ms-user-select: text;
-    user-select: text; }
-  
-  /**********************Dropdown Chrome scrolling fix end ********************/
-  .mpc-expanders {
-    border-bottom: 1px solid #e4e4e4;
-    border-top: 1px solid #e4e4e4; }
-  
-  .mpc-expanders + .mpc-expanders {
-    border-top: 0px; }
-  
-  .mpc-expanders .heading-medium {
-    margin-bottom: 10px; }
-  
-  .mpc-expanders .p-small {
-    margin-top: 5px; }
-  
-  .mpc-expander-body {
-    border-top: 1px solid #e4e4e4; }
-  
-  .mpc-expander-body .mpc-expanders {
-    border-bottom: 1px solid #e4e4e4;
-    border-top: 0; }
-  
-  .mpc-expander-body .mpc-expanders:last-child {
-    border-bottom: 0px; }
-  
-  .ddh-blue {
-    color: #0574ac; }
-  
-  .b2b-dragdrop {
-    border: 1px dashed #bbb;
-    border-radius: 5px;
-    padding: 0;
-    text-align: center;
-    color: #bbb;
-    position: relative; }
-  
-  .b2b-dragdrop-over {
-    background: #0091d9;
-    color: #006496; }
-    .b2b-dragdrop-over:after {
-      content: "Drop the file";
-      color: #fff;
-      width: 80px;
-      height: 20px;
-      overflow: hidden;
-      margin: auto;
-      position: absolute;
-      top: 0;
-      left: 0;
-      bottom: 0;
-      right: 0; }
-  
-  .b2b-file-container {
-    position: relative;
-    overflow: hidden;
-    display: inline-table;
-    font-weight: 400; }
-    .b2b-file-container [type=file] {
-      position: absolute;
-      cursor: inherit;
-      display: block;
-      font-size: 0;
-      opacity: 0;
-      height: 0;
-      width: 0;
-      left: 0;
-      top: 0;
-      -ms-filter: "alpha(Opacity=0)"; }
-  
-  .b2b-upload-link {
-    color: #0568ae; }
-  
-  .b2b-flyout {
-    position: relative;
-    display: inline-block;
-    cursor: default; }
-  
-  .b2b-flyout-icon {
-    cursor: pointer; }
-    .b2b-flyout-icon:focus {
-      outline: thin dotted #666;
-      outline-offset: -1px; }
-  
-  .b2b-flyout .b2b-flyout-container {
-    border: 1px solid #d3d3d3;
-    width: 300px;
-    padding: 20px;
-    pointer-events: auto;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    font-size: 16px;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    background: #fff;
-    border-radius: 6px;
-    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-    color: #333;
-    line-height: 20px;
-    position: absolute;
-    top: 35px;
-    opacity: 0;
-    z-index: 1010;
-    display: none; }
-    .b2b-flyout .b2b-flyout-container.open-flyout {
-      opacity: 1;
-      display: block; }
-  
-  .b2b-flyout i.b2b-flyout-caret {
-    position: absolute;
-    top: -8px;
-    left: 50%;
-    opacity: 0;
-    z-index: 1011;
-    display: none; }
-    .b2b-flyout i.b2b-flyout-caret.open-flyout {
-      opacity: 1;
-      display: block; }
-    .b2b-flyout i.b2b-flyout-caret:before {
-      content: "";
-      border-left: 8px solid transparent;
-      border-right: 8px solid transparent;
-      border-bottom: 8px solid #d3d3d3;
-      position: absolute;
-      top: -1px; }
-    .b2b-flyout i.b2b-flyout-caret:after {
-      content: "";
-      border-left: 8px solid transparent;
-      border-right: 8px solid transparent;
-      border-bottom: 8px solid #fff;
-      position: absolute; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-left i.b2b-flyout-caret {
-    left: 16px !important; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-right i.b2b-flyout-caret {
-    left: inherit !important;
-    right: 30px !important; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-above {
-    box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.25); }
-    .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret {
-      top: auto;
-      bottom: 0px; }
-      .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:before {
-        top: auto;
-        bottom: -9px;
-        border-top: 8px solid #d3d3d3;
-        border-bottom: none; }
-      .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:after {
-        border-top: 8px solid #fff;
-        border-bottom: none; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-centerLeft i.b2b-flyout-caret {
-    left: inherit !important;
-    right: -7px !important;
-    top: 8px;
-    transform: rotate(90deg); }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-centerRight i.b2b-flyout-caret {
-    left: -8px !important;
-    top: 296px;
-    transform: rotate(-90deg); }
-  
-  .b2b-flyout .buttons-group {
-    margin-top: 20px; }
-    .b2b-flyout .buttons-group .cta-button-group {
-      width: 100%;
-      border-top: 1px solid #ccc;
-      padding: 20px 0 0; }
-      .b2b-flyout .buttons-group .cta-button-group button {
-        margin-bottom: 0; }
-  
-  .b2b-flyout .heading {
-    font-size: 20px;
-    margin-bottom: 10px; }
-  
-  .b2b-flyout .body-text {
-    font-size: 14px;
-    margin-bottom: 30px; }
-  
-  .b2b-footer-wrapper {
-    width: 100%;
-    background-color: #222; }
-  
-  .b2b-footer-container {
-    width: 980px;
-    margin: 0 auto;
-    padding-top: 15px; }
-    .b2b-footer-container .footer-columns {
-      display: inline-block;
-      text-align: left;
-      vertical-align: top; }
-      .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-        padding-top: 30px; }
-      .b2b-footer-container .footer-columns.three-column {
-        width: 33.3%;
-        padding-left: 75px; }
-      .b2b-footer-container .footer-columns.four-column {
-        width: 25%;
-        padding-left: 75px; }
-      .b2b-footer-container .footer-columns.five-column {
-        width: 20%; }
-      .b2b-footer-container .footer-columns .b2b-footer-header {
-        color: #009fdb;
-        font-size: 18px;
-        font-style: normal;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial;
-        line-height: 23.9px;
-        margin: 0; }
-      .b2b-footer-container .footer-columns li {
-        padding: 7.5px 0; }
-      .b2b-footer-container .footer-columns ul li:first-child {
-        padding-top: 15px; }
-      .b2b-footer-container .footer-columns li a {
-        color: #fff;
-        font-size: 16px;
-        font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-footer-container .footer-nav-content {
-      padding-bottom: 10px; }
-      .b2b-footer-container .footer-nav-content li {
-        display: inline;
-        font-size: 14px;
-        color: #fff;
-        vertical-align: middle; }
-        .b2b-footer-container .footer-nav-content li a {
-          color: #fff;
-          font-size: 14px;
-          vertical-align: middle;
-          margin-right: 5px;
-          font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-footer-wrapper .b2b-footer-container hr {
-    background: #d2d2d2;
-    margin-top: 50px; }
-  
-  .b2b-footer-wrapper .divider-bottom-footer {
-    padding: 45px 0 50px 0; }
-  
-  .b2b-footer-wrapper .footerLogo {
-    margin: 10px 0 0 0px;
-    vertical-align: top; }
-    .b2b-footer-wrapper .footerLogo div {
-      display: inline-block; }
-    .b2b-footer-wrapper .footerLogo .icon-primary-att-globe {
-      font-size: 40px; }
-    .b2b-footer-wrapper .footerLogo .logo-title {
-      color: #fff;
-      margin-left: 10px;
-      display: inline-block;
-      font-size: 26px;
-      margin-top: 0px; }
-  
-  .b2b-footer-wrapper .copyright-text {
-    color: #fff;
-    font-size: 11px;
-    text-align: left;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-footer-wrapper .copyright-text a {
-      color: #fff;
-      text-decoration: underline;
-      display: inline-block; }
-      .b2b-footer-wrapper .copyright-text a:hover {
-        text-decoration: none; }
-  
-  @media (max-width: 768px) {
-    .b2b-footer-wrapper {
-      padding: 0 15px; }
-    .b2b-footer-container {
-      width: 100%; }
-      .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-        width: 50%; }
-    .b2b-footer-wrapper .divider-bottom-footer {
-      padding-top: 15px; }
-      .b2b-footer-wrapper .divider-bottom-footer .footer-links {
-        width: 100%; }
-    .b2b-footer-wrapper .footerLogo {
-      margin: 30px 0 0 0; }
-      .b2b-footer-wrapper .footerLogo .footer-logo {
-        margin: 0;
-        padding-left: 10px; } }
-  
-  .b2b-header-tabs {
-    background-color: #222;
-    width: 100%;
-    position: relative;
-    height: 45px; }
-    .b2b-header-tabs .icon-primary-att-globe {
-      color: #0568ae; }
-    .b2b-header-tabs a:focus {
-      border: 1px solid white; }
-    .b2b-header-tabs .header__items {
-      width: 980px;
-      margin: 0 auto;
-      display: block;
-      list-style: none;
-      padding: 6px 0px 0px 0px;
-      border-spacing: 30px 0; }
-    .b2b-header-tabs .header__item {
-      display: inline-block;
-      text-align: left;
-      width: auto;
-      font-size: 16px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      cursor: pointer;
-      padding: 5px 15px;
-      color: #fff; }
-      .b2b-header-tabs .header__item.b2b-headermenu {
-        padding: 0; }
-        .b2b-header-tabs .header__item.b2b-headermenu:last-child {
-          background: none; }
-        .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-          color: #fff;
-          text-decoration: none;
-          display: inline-block;
-          padding: 5px 15px; }
-      .b2b-header-tabs .header__item.active {
-        background-color: #fff;
-        border-radius: 2px;
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0; }
-        .b2b-header-tabs .header__item.active a.menu__item {
-          color: #0578ae; }
-    .b2b-header-tabs li:focus {
-      outline: 2px solid #0578ae; }
-    .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-      background-color: #fff;
-      position: absolute;
-      width: 100%;
-      left: 0;
-      top: 42px;
-      border-bottom: solid 1px #ccc;
-      -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-      -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-      display: none;
-      z-index: 111; }
-    .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-      background-color: #fff;
-      width: 980px;
-      margin: 0 auto; }
-    .b2b-header-tabs .header__item.active .header-secondary-wrapper {
-      display: block; }
-    .b2b-header-tabs .header-secondary .header-subitem {
-      display: inline-block;
-      width: auto;
-      margin: 0 15px; }
-      .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-        display: block; }
-      .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-        display: inline-block;
-        padding: 15px 0;
-        color: #333; }
-        .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-          color: #0578ae; }
-  
-  /** Secondary Menu **/
-  .b2b-labelhide {
-    position: absolute;
-    clip: rect(1px, 1px, 1px, 1px); }
-  
-  /** Tertiary Level Menu **/
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-    position: absolute;
-    z-index: 111;
-    top: 25px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after, .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-      content: '';
-      border-left: 8px solid transparent;
-      border-right: 8px solid transparent;
-      position: absolute;
-      -webkit-transition: left .2s ease-out;
-      -moz-transition: left .2s ease-out;
-      transition: left .2s ease-out; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-      border-bottom: 8px solid #fff;
-      top: 10px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-      border-bottom: 8px solid #ccc;
-      top: 9px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-    border-top: solid 1px #ccc; }
-  
-  .b2b-header-tabs .header-tertiary:after {
-    content: '';
-    clear: both;
-    display: block; }
-  
-  .b2b-header-tabs .header-tertiary li {
-    display: inline-block;
-    padding: 0;
-    float: left; }
-    .b2b-header-tabs .header-tertiary li a {
-      color: #333;
-      display: block;
-      padding: 10px 15px; }
-    .b2b-header-tabs .header-tertiary li label {
-      text-align: left;
-      display: block;
-      font-size: 16px;
-      font-weight: bold;
-      color: #857B7B;
-      padding: 15px 0 0 15px; }
-  
-  .b2b-header-tabs .header__item.skip {
-    padding: 0;
-    display: inline-block;
-    cursor: default !important; }
-    .b2b-header-tabs .header__item.skip a {
-      color: transparent;
-      font-size: 12px;
-      line-height: 15px;
-      text-decoration: none; }
-      .b2b-header-tabs .header__item.skip a:focus {
-        color: #fff;
-        outline: 2px solid #0578ae; }
-  
-  .b2b-header-tabs .selectWrap {
-    min-width: 150px; }
-    .b2b-header-tabs .selectWrap button.awd-select {
-      height: 30px;
-      line-height: 31px;
-      font-size: 1rem;
-      display: inline-block; }
-    .b2b-header-tabs .selectWrap .awd-select-list {
-      background-color: #fff;
-      color: #333;
-      -webkit-transition: opacity .2s ease-out;
-      -moz-transition: opacity .2s ease-out;
-      transition: opacity .2s ease-out;
-      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-  
-  @media (max-width: 768px) {
-    .b2b-header-tabs {
-      padding: 0 15px; }
-      .b2b-header-tabs .header__items, .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-        width: 100%; }
-      .b2b-header-tabs .header__item {
-        padding: 5px 0; }
-      .b2b-header-tabs .globe-text {
-        display: none; }
-      .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-        padding: 5px 7px 9px 7px; }
-      .b2b-header-tabs .header__item .header-tertiary-wrapper {
-        top: 30px; }
-      .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-        top: 14px; }
-      .b2b-header-tabs .header__item .header-secondary-wrapper {
-        top: 45px; }
-      .b2b-header-tabs .header__item.profile {
-        padding-left: 15px;
-        float: none; } }
-  
-  /************* Header - Start *************/
-  .b2b-header-tabs {
-    background-color: #222;
-    width: 100%;
-    position: relative;
-    height: 45px; }
-  
-  .b2b-header-tabs .icon-primary-primary-att-globe {
-    color: #0568ae;
-    font-size: 34px;
-    bottom: 1px; }
-  
-  /*
-   *TODO: delete below .icon-primary-att-globel will not be used 
-   *instead the one above, icon-primary-primary-att-globe not available here
-   */
-  .b2b-header-tabs .icon-primary-att-globe {
-    color: #0568ae;
-    font-size: 34px; }
-  
-  .b2b-header-tabs .globe-text {
-    margin-left: 20px;
-    font-size: 2rem; }
-  
-  .b2b-header-tabs .header__items {
-    width: 980px;
-    margin: 0 auto;
-    display: block;
-    list-style: none;
-    border-spacing: 30px 0;
-    padding: 3px 0px 0px 0px; }
-  
-  .b2b-header-tabs .header__item {
-    display: inline-block;
-    text-align: left;
-    width: auto;
-    font-size: 14px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    cursor: pointer;
-    padding: 0 15px 4px 15px;
-    /*margin-top:-3px;*/
-    color: #fff; }
-  
-  .b2b-header-tabs .header__item.b2b-headermenu {
-    padding: 0; }
-  
-  .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-    color: #fff;
-    text-decoration: none;
-    display: inline-block;
-    padding: 8px 15px 12px 15px;
-    font-size: 16px; }
-  
-  .b2b-header-tabs .header__item.active {
-    background-color: #fff;
-    border-radius: 2px;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0; }
-  
-  .b2b-header-tabs .header__item.active a.menu__item {
-    color: #0578ae; }
-  
-  .b2b-header-tabs li:focus {
-    outline: 2px solid #0578ae; }
-  
-  /** profile pop Over **/
-  .b2b-header-tabs .header__item.profile {
-    position: relative;
-    float: right; }
-  
-  /** Secondary Menu **/
-  .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-    background-color: #fff;
-    position: absolute;
-    width: 100%;
-    left: 0;
-    top: 42px;
-    border-bottom: solid 1px #ccc;
-    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    display: none;
-    z-index: 111; }
-  
-  .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-    background-color: #fff;
-    width: 980px;
-    margin: 0 auto; }
-  
-  .b2b-header-tabs .header__item.active .header-secondary-wrapper,
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-    display: block; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem {
-    display: inline-block;
-    width: auto;
-    margin: 0 15px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-    display: inline-block;
-    padding: 15px 0;
-    color: #333;
-    font-size: 14px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-    color: #0578ae; }
-  
-  .b2b-label-hide {
-    position: absolute;
-    clip: rect(1px, 1px, 1px, 1px); }
-  
-  /** Tertiary Level Menu **/
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after,
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    content: '';
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
-    position: absolute;
-    -webkit-transition: left .2s ease-out;
-    -moz-transition: left .2s ease-out;
-    transition: left .2s ease-out; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-    position: absolute;
-    z-index: 111;
-    top: 25px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-    border-bottom: 8px solid #fff;
-    top: 10px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    border-bottom: 8px solid #ccc;
-    top: 9px; }
-  
-  /** Tertiary Level Menu **/
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-    border-top: solid 1px #ccc; }
-  
-  .b2b-header-tabs .header-tertiary:after {
-    content: '';
-    clear: both;
-    display: block; }
-  
-  .b2b-header-tabs .header-tertiary li {
-    display: inline-block;
-    padding: 0;
-    float: left; }
-  
-  .b2b-header-tabs .header-tertiary li a {
-    color: #333;
-    display: block;
-    padding: 7px 15px;
-    max-width: 228px; }
-  
-  .b2b-header-tabs .header-tertiary li label {
-    text-align: left;
-    display: block;
-    font-size: 14px !important;
-    font-weight: bold;
-    color: #857B7B;
-    padding: 15px 0 0 15px; }
-  
-  /** Quarternary Level Menu **/
-  .b2b-header-tabs .header-quarternary {
-    width: 100%;
-    float: left; }
-  
-  .b2b-header-tabs .header-quarternary li {
-    padding-left: 15px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    display: none; }
-  
-  .b2b-header-tabs .header-quarternary li.active {
-    display: block; }
-  
-  .b2b-header-tabs .header-quarternary li a {
-    color: #666666;
-    font-size: 14px;
-    padding: 0px 10px 10px 10px; }
-  
-  /** Skip Navigation**/
-  .b2b-header-tabs .header__item.skip {
-    padding: 0;
-    display: inline-block;
-    cursor: default !important; }
-  
-  .b2b-header-tabs .header__item.skip a {
-    color: transparent;
-    font-size: 12px;
-    line-height: 15px;
-    text-decoration: none; }
-  
-  .b2b-header-tabs .header__item.skip a:focus {
-    color: #fff;
-    outline: 2px solid #0578ae; }
-  
-  /** Dropdown css inside Header ****/
-  .b2b-header-tabs .selectWrap {
-    min-width: 150px; }
-  
-  .b2b-header-tabs .selectWrap button.awd-select, .b2b-header-tabs .selectWrap input.awd-select {
-    height: 36px;
-    line-height: 31px;
-    font-size: 1rem;
-    display: inline-block; }
-  
-  .b2b-header-tabs .selectWrap .awd-select-list {
-    background-color: #fff;
-    color: #333;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-  
-  /*
-   * responsive header media queries
-   */
-  @media screen and (max-width: 1100px) {
-    .b2b-header-tabs .globe-text {
-      display: none; }
-    .b2b-header-tabs .header__item.profile {
-      padding-left: 15px;
-      float: none; }
-    .b2b-header-tabs .header__items {
-      padding-top: 0px; } }
-  
-  @media screen and (max-width: 950px) {
-    .header__item.profile {
-      top: 20px; }
-    .b2b-header-tabs {
-      height: 90px; }
-    .header__item .selectWrap {
-      bottom: 15px; }
-    .b2b-header-tabs .header__items {
-      padding-top: 25px; }
-    .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-      top: 80px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-      top: 35px; }
-    .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-      padding-bottom: 30px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-      margin-top: -28px; } }
-  
-  /*************** Header - END ******************/
-  .hp-container {
-    display: block;
-    max-width: 408px; }
-    .hp-container i:focus {
-      outline: thin dotted #666; }
-    .hp-container .icon-misc-pen {
-      cursor: pointer; }
-    .hp-container .icon-misc-trash {
-      cursor: pointer; }
-  
-  .hp-selected {
-    border-bottom: 1px solid #ccc;
-    border-bottom: 1px solid #ccc;
-    margin-bottom: 16px;
-    padding-bottom: 16px; }
-    .hp-selected .selected-days {
-      padding-bottom: 16px; }
-      .hp-selected .selected-days .day {
-        padding-top: 10px;
-        float: left; }
-  
-  .hp-checkbox {
-    padding-top: 20px;
-    margin: 16px auto 0 auto; }
-    .hp-checkbox label {
-      position: relative;
-      width: 20px;
-      margin-right: 34px; }
-      .hp-checkbox label span {
-        position: absolute;
-        top: -20px;
-        left: 0px;
-        margin-left: 0px; }
-  
-  .hp-dropdowns {
-    margin-top: 15px;
-    display: flex;
-    display: -webkit-flex;
-    display: -ms-flexbox; }
-  
-  .hp-buttons {
-    margin-top: 20px;
-    display: flex;
-    display: -webkit-flex;
-    display: -ms-flexbox; }
-  
-  .hp-dropdowns .radio-buttons {
-    margin-top: 30px; }
-    .hp-dropdowns .radio-buttons .radio {
-      margin-right: 15px; }
-  
-  
-  
-  /* TODO: Build a reference page for these classes */
-  .font-regular {
-    font-family: "Omnes-ECOMP-W02", Arial !important; }
-  
-  .font-light {
-    font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-  
-  .font-italic {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-  
-  .font-light-italic {
-    font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-  
-  .font-medium {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-  
-  .font-medium-italic {
-    font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-  
-  .font-reset {
-    font-style: normal;
-    font-variant: normal;
-    font-weight: normal;
-    text-transform: none; }
-  
-  .b2b-nav-menu {
-    background-color: #efefef;
-    border: 1px solid #efefef;
-    width: 230px;
-    font-size: 1.4rem; }
-  
-  .b2b-subnav-container > ul {
-    padding: 0px; }
-  
-  .b2b-subnav-content {
-    margin: 0;
-    margin-bottom: 10px; }
-  
-  .b2b-subnav-content > li {
-    border-bottom: 1px solid #999999;
-    position: relative;
-    cursor: pointer; }
-  
-  .b2b-subnav-content > li > a {
-    text-decoration: none;
-    line-height: 18px;
-    display: block;
-    padding: 10px; }
-  
-  .b2b-subnav-content > li > a.expand {
-    color: #333; }
-  
-  .b2b-subnav-content > li ul {
-    overflow: hidden;
-    max-height: 0;
-    transition-duration: 0.5s;
-    transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
-  
-  .b2b-subnav-content > li ul.expand {
-    transition-duration: 0.7s;
-    transition-timing-function: ease-in-out;
-    max-height: 1000px;
-    overflow: hidden; }
-  
-  .b2b-subnav-content > li > a:focus, .b2b-subnav-content > li ul > li > a:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-subnav-content > li ul > li > a {
-    line-height: 18px;
-    padding: 8px 0;
-    display: block;
-    outline-offset: -4px;
-    padding-left: 10px; }
-  
-  .b2b-icon-primary-plus-minus {
-    display: inline-block;
-    height: 20px;
-    margin-right: 10px;
-    padding: 0;
-    position: absolute;
-    right: 0px;
-    top: 10px;
-    vertical-align: middle;
-    width: 20px; }
-  
-  @media (min-width: 320px) and (max-width: 767px) {
-    .b2b-nav-menu {
-      background-color: #fff;
-      border: 1px solid white;
-      width: 100%; }
-    .b2b-subnav-content > li {
-      padding-left: 10px; }
-    .b2b-subnav-container > ul:first-child {
-      border-top: 1px solid #999; }
-    .b2b-icon-primary-plus-minus {
-      right: 10px; }
-    .b2b-subnav-content > li li > a.active {
-      color: #0574ac;
-      text-decoration: none;
-      font-family: "Omnes-ECOMP-W02", Arial; } }
-  
-  .b2b-list-box-item {
-    white-space: nowrap;
-    margin: 1px;
-    border: 1px solid transparent;
-    outline: none;
-    visibility: inherit;
-    display: inherit;
-    text-align: left;
-    overflow: hidden;
-    cursor: pointer;
-    padding: 5px 0 5px;
-    padding-left: 15px;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none; }
-    .b2b-list-box-item:focus {
-      border: 2px solid #5e8cb3; }
-  
-  .b2b-list-box-item--selected {
-    background-color: #cfdde9; }
-  
-  .btn.disabled[ddh-load-button] {
-    line-height: 46px;
-    padding: 0 19px 0 18px; }
-  
-  .btn.disabled[ddh-load-button] {
-    color: #666666; }
-  
-  .icon-primary-spinner-ddh.large {
-    height: 50px;
-    width: 50px; }
-  
-  .icon-primary-spinner-ddh.small {
-    height: 30px;
-    width: 30px; }
-  
-  .icon-primary-spinner-ddh {
-    -webkit-animation: 1s linear infinite spinner;
-    animation: 1s linear infinite spinner;
-    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgaWQ9InN2Zy1zcGlubmVyIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgIDxwYXRoIGZpbGw9IiNGNUY1RjUiIGQ9Ik0xOCAzNkM4LjEgMzYgMCAyNy45IDAgMThTOC4xIDAgMTggMHMxOCA4LjEgMTggMTgtOC4xIDE4LTE4IDE4em0wLTMxLjVjLTcuNSAwLTEzLjUgNi0xMy41IDEzLjVTMTAuNiAzMS41IDE4IDMxLjVjNy41IDAgMTMuNS02LjEgMTMuNS0xMy41IDAtNy41LTYtMTMuNS0xMy41LTEzLjV6Ii8+CiAgIDxwYXRoIGZpbGw9IiMwNTY4QUUiIGlkPSJzcGlubmVyIiBkPSJNMzAuNyA1LjNsLTMuMSAzLjJjMi40IDIuNCAzLjkgNS44IDMuOSA5LjUgMCA3LjQtNi4xIDEzLjUtMTMuNSAxMy41UzQuNSAyNS40IDQuNSAxOCAxMC42IDQuNSAxOCA0LjVWMEM4LjEgMCAwIDguMSAwIDE4czguMSAxOCAxOCAxOCAxOC04LjEgMTgtMThjMC01LTItOS41LTUuMy0xMi43eiIgdHJhbnNmb3JtPSIiPiAgICAgIAogICA8L3BhdGg+Cjwvc3ZnPg==); }
-  
-  .btn-small .icon-primary-spinner-ddh {
-    height: 30px !important;
-    width: 30px !important; }
-  
-  .btn-small .icon-primary-spinner {
-    height: 30px;
-    width: 30px; }
-  
-  .load-backdrop {
-    position: absolute;
-    top: 50%;
-    left: 50%; }
-  
-  .small-modal-loader {
-    width: 420px !important;
-    height: 212px !important;
-    text-align: center; }
-  
-  .small-modal-loader .icon-primary-spinner {
-    margin-bottom: 5px; }
-  
-  .body.styled-by-modal {
-    position: fixed; }
-  
-  .b2b-modal-backdrop {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: -1; }
-  
-  .b2b-modal-backdrop.fade {
-    background-color: #000;
-    opacity: 0;
-    filter: alpha(opacity=0);
-    transition: all 0.3s linear 0s; }
-  
-  .b2b-modal-backdrop.fade.in {
-    z-index: 1040;
-    opacity: 0.7;
-    filter: alpha(opacity=70);
-    background-color: #000;
-    transition: opacity 0.3s linear 0s; }
-  
-  .modalwrapper {
-    height: 100%;
-    width: 100%;
-    left: 0;
-    overflow-y: hidden;
-    position: absolute;
-    right: 0;
-    padding: 20px;
-    top: 0;
-    z-index: -1; }
-  
-  .modalwrapper.active {
-    z-index: 1050;
-    overflow-y: auto; }
-  
-  .modal {
-    background-clip: padding-box;
-    background-color: #ffffff;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 8px;
-    box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.4);
-    margin: 0 auto;
-    /*margin-bottom:10%;*/
-    outline: medium none;
-    /*position: absolute;*/
-    height: 0;
-    min-height: 150px;
-    overflow: hidden;
-    /*top: 10%;*/
-    width: 100%;
-    z-index: -1; }
-  
-  .modalwrapper.modal-docked .modal {
-    max-height: 80%;
-    height: 80%;
-    overflow: hidden;
-    top: 0; }
-  
-  .modal.fade.in {
-    position: relative;
-    height: auto;
-    overflow: auto;
-    top: 10%;
-    z-index: 1060;
-    transition: opacity .5s linear 0s; }
-  
-  .modal.fade.in.modal-landscape {
-    overflow-y: auto; }
-  
-  .modal.fade {
-    transition: opacity .5s linear 0s; }
-  
-  .fade.in {
-    opacity: 1; }
-  
-  .fade {
-    opacity: 0; }
-  
-  .b2b-modal-header {
-    align-items: center;
-    border-radius: 8px 8px 0 0;
-    display: flex;
-    min-height: 60px;
-    overflow: hidden;
-    padding: 30px 46px 30px 30px;
-    position: relative; }
-  
-  .b2b-modal-header > h2 {
-    line-height: 1;
-    margin: 0;
-    padding: 0; }
-  
-  .modal-header-portrait {
-    -webkit-overflow-scrolling: auto; }
-  
-  .modal-header-landscape {
-    -webkit-overflow-scrolling: auto; }
-  
-  .b2b-modal-body {
-    -webkit-overflow-scrolling: touch;
-    padding: 0 30px 20px;
-    position: relative;
-    width: auto; }
-  
-  .b2b-modal-body:focus {
-    outline: 1px dotted #333333; }
-  
-  .modal-form {
-    margin-bottom: 0; }
-  
-  .b2b-modal-footer {
-    background-color: #fff;
-    width: 100%;
-    padding: 0 30px;
-    border-radius: 0;
-    position: absolute;
-    bottom: 0; }
-  
-  :not(.modal-docked) .b2b-modal-footer {
-    position: relative; }
-  
-  .modal-landscape .b2b-modal-footer {
-    position: relative; }
-  
-  .b2b-modal-footer .cta-button-group {
-    display: flex;
-    justify-content: flex-end;
-    padding: 20px 0 5px;
-    width: 100%;
-    border-top: 1px solid #d2d2d2; }
-  
-  .b2b-modal-footer .cta-button-group .btn {
-    margin-left: auto;
-    margin-right: auto;
-    float: right;
-    margin-left: 10px; }
-  
-  .b2b-modal-footer .cta-button-group .marginLeft0 {
-    margin-left: 0px; }
-  
-  .b2b-modal-footer .cta-button-group .btn-footer-left {
-    margin-right: auto; }
-  
-  .b2b-modal-footer .cta-button-group .btn + .btn {
-    margin-right: 0 !important; }
-  
-  [class*="modal-"] {
-    width: 100%; }
-  
-  .modal-small {
-    max-width: 420px; }
-  
-  .modal-medium {
-    max-width: 620px; }
-  
-  .modal-large {
-    max-width: 720px; }
-  
-  .modal-xlarge {
-    max-width: 860px; }
-  
-  .modal-jumbo {
-    max-width: 1000px; }
-  
-  .modalwrapper.modal-docked {
-    height: 100%;
-    display: flex;
-    align-items: center; }
-  
-  .modalwrapper.modal-docked .b2b-modal-body {
-    height: 80%;
-    overflow-y: scroll;
-    padding-bottom: 60px; }
-  
-  .modalwrapper.modal-docked .modal {
-    max-height: 80%;
-    height: 80%;
-    overflow: hidden;
-    top: 0; }
-  
-  .modalwrapper.modal-docked .b2b-modal-body > *:last-child {
-    margin-bottom: 60px; }
-  
-  @media (max-width: 767px) {
-    .modalwrapper {
-      padding: 15px;
-      overflow-x: hidden; }
-    .modal.fade.in {
-      top: 0;
-      right: 0;
-      left: 0;
-      margin-bottom: 15px;
-      border: none; }
-    .b2b-modal-header {
-      padding: 20px 46px 20px 15px; }
-    .b2b-modal-body {
-      width: 100%;
-      padding: 0 15px 15px; }
-    .modalwrapper.modal-docked {
-      position: absolute;
-      height: 100%;
-      padding: 0; }
-    .modalwrapper.modal-docked .modal.fade.in {
-      margin-bottom: 0;
-      width: 100% !important;
-      max-height: 100%;
-      height: 100%;
-      border-radius: 0; }
-    .modalwrapper.modal-docked .b2b-modal-body {
-      overflow-y: scroll;
-      height: 100%; }
-    .modalwrapper.modal-docked.modal-landscape {
-      overflow-y: hidden;
-      position: fixed; }
-    .modalwrapper.modal-docked.modal-landscape .modal {
-      overflow-y: scroll;
-      max-width: 100%; }
-    .modalwrapper.modal-docked.modal-landscape .b2b-modal-body {
-      height: auto;
-      overflow-y: hidden; }
-    .b2b-modal-footer {
-      padding: 0 15px; }
-    .b2b-modal-footer .cta-button-group {
-      display: block;
-      padding: 15px 0; }
-    .b2b-modal-footer .cta-button-group .btn {
-      float: none; }
-    .b2b-modal-footer .cta-button-group .btn + .btn {
-      margin-bottom: 0; }
-    .b2b-modal-footer .cta-button-group a.visible-phone {
-      align-items: center;
-      display: flex !important;
-      height: 42px;
-      justify-content: center; } }
-  
-  .b2b-modal-footer > .cta-button-group {
-    line-height: 40px; }
-  
-  .ajaxed,
-  .modal.fade.in .b2b-modal-header,
-  .modal.fade.in .b2b-modal-body,
-  .modal.fade.in .b2b-modal-footer {
-    animation-duration: 0.01s;
-    -o-animation-duration: 0.01s;
-    -ms-animation-duration: 0.01s;
-    -moz-animation-duration: 0.01s;
-    -webkit-animation-duration: 0.01s;
-    animation-name: DOMinsertion;
-    -o-animation-name: DOMinsertion;
-    -ms-animation-name: DOMinsertion;
-    -moz-animation-name: DOMinsertion;
-    -webkit-animation-name: DOMinsertion; }
-  
-  .monthselector thead tr th {
-    min-width: 46px; }
-  
-  .monthselector thead tr:after {
-    content: "";
-    position: absolute;
-    left: 20px;
-    top: 52px;
-    height: 1px;
-    width: 85%;
-    border-bottom: 1px solid #ccc; }
-  
-  .monthselector tbody tr:last-child {
-    height: 50px; }
-  
-  .monthselector td.day {
-    margin: 1px 4px !important;
-    width: 64px !important; }
-  
-  .monthselector .datepicker-switch {
-    width: 195px !important; }
-  
-  .monthselector .show-date {
-    width: 30px !important; }
-  
-  .monthselector button.faux-input {
-    width: 100%; }
-    .monthselector button.faux-input:focus {
-      border: 1px solid #0574ac; }
-    .monthselector button.faux-input:disabled {
-      cursor: not-allowed; }
-  
-  .monthselector .cta-button-group {
-    padding: 0 20px; }
-    .monthselector .cta-button-group a {
-      margin-right: 20px; }
-  
-  .monthselector .day.active .show-date:after, .monthselector .day:focus .show-date:after, .monthselector .due-date.disabled .show-date:after {
-    height: 30px;
-    left: 9px !important;
-    top: 0;
-    width: 42px !important; }
-  
-  .monthselector .disabled.day:focus .show-date:after {
-    border: none; }
-  
-  .monthselector .icon-primary-calendar {
-    display: block; }
-  
-  .b2b-ml-nav {
-    padding: 0 10px 0 10px;
-    width: 320px; }
-  
-  .b2b-ml-nav ul {
-    list-style: none;
-    list-style-type: none; }
-  
-  .b2b-ml-nav a {
-    display: block;
-    padding: 0 0 5px 30px;
-    line-height: 22px;
-    margin-left: -10px;
-    color: #0568ae;
-    font-size: 1.4rem; }
-  
-  .b2b-ml-nav a:focus {
-    outline-offset: 1px; }
-  
-  .b2b-ml-nav li:focus {
-    outline: none; }
-  
-  .b2b-ml-nav li:focus > a {
-    outline: thin dotted #666;
-    outline-offset: 1px; }
-  
-  .b2b-ml-nav ul li {
-    border-left: 1px solid #ccc; }
-  
-  .b2b-ml-nav ul ul {
-    padding: 0 0 0 20px; }
-  
-  .b2b-ml-nav ul > li {
-    position: relative;
-    line-height: 18px; }
-  
-  .b2b-ml-nav a > span {
-    background-color: #FFF;
-    display: inline;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    left: -11px;
-    top: 0; }
-  
-  .b2b-ml-nav a > span > i {
-    font-size: 20px; }
-  
-  .b2b-ml-nav a:only-child > span {
-    left: -6px;
-    border-radius: 50%;
-    line-height: 7px;
-    top: 5px; }
-  
-  .b2b-ml-nav a:only-child > span > i {
-    background-color: inherit;
-    background: #fff;
-    font-size: 10px; }
-  
-  .b2b-ml-nav ul li:first-child > a:only-child > span {
-    left: -6px;
-    border-radius: 50%;
-    line-height: 12px;
-    top: 0px; }
-  
-  .b2b-ml-nav li a + ul {
-    display: none; }
-  
-  .b2b-ml-nav li a.active + ul {
-    display: block; }
-  
-  .b2b-ml-nav .selected {
-    color: #333; }
-  
-  /*to overide ng-doc inline property for library demo - TODO: Move to docs.css*/
-  .b2b-ml-nav a [class^="icon-primary-"], a [class*=" icon-primary-"], a [class^="icon-primary-"]:before, a [class*=" icon-primary-"]:before {
-    display: inline-block; }
-  
-  .b2b-alerts-messages {
-    background-color: #fff;
-    border-radius: 8px;
-    height: auto; }
-    .b2b-alerts-messages h3 {
-      color: #333 !important;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      margin-bottom: 0 !important;
-      margin: 1em 0 5px;
-      line-height: 27px;
-      font-size: 18px; }
-    .b2b-alerts-messages h4 {
-      color: #333 !important;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      margin-bottom: 0 !important; }
-    .b2b-alerts-messages .alert-info {
-      background-color: #0574ac;
-      border: 0; }
-    .b2b-alerts-messages .alert-error {
-      background-color: #cf2a2a;
-      border: 0; }
-    .b2b-alerts-messages .alert-success {
-      background-color: #1b7e28;
-      border: 0; }
-    .b2b-alerts-messages div:nth-child(2) {
-      padding: 0 0 15px 10px;
-      vertical-align: baseline; }
-    .b2b-alerts-messages .close:before {
-      color: #767676; }
-    .b2b-alerts-messages p {
-      font-size: 14px;
-      color: #333;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-      .b2b-alerts-messages p a {
-        color: #333; }
-    .b2b-alerts-messages .btn-small {
-      margin-bottom: 0px; }
-  
-  .b2b-alerts-success {
-    border: 1px solid #1b7e28; }
-  
-  .b2b-alerts-error {
-    border: 1px solid #cf2a2a; }
-  
-  .b2b-alerts-info {
-    border: 1px solid #0574ac; }
-  
-  /* TODO: Rearange this and move to patches if needed */
-  .b2b-breadcrumb-css-override > li {
-    margin-right: 24px; }
-  
-  .b2b-breadcrumb-css-override li > * {
-    float: left !important; }
-  
-  .b2b-css-override ul.nav-tabs {
-    margin-bottom: 0; }
-  
-  .b2b-css-override div.tab-content {
-    margin-top: 0;
-    border-top: none; }
-  
-  .b2b-css-override .tab-content .prettyprint, .b2b-css-override .usage .prettyprint {
-    max-height: 500px;
-    overflow-y: auto; }
-  
-  .b2b-top-nav-buttons-css-override {
-    margin-bottom: 0;
-    margin-top: 2px; }
-  
-  .b2b-auto-width {
-    width: auto !important; }
-  
-  .b2b-toggle-header-active {
-    color: #0568ae; }
-  
-  .b2b-toggle-header-inactive {
-    color: #333333; }
-  
-  .b2b-toggle-header-icon {
-    cursor: pointer; }
-  
-  .tab-content > .tab-pane {
-    display: none; }
-  
-  .tab-content > .active {
-    display: block; }
-  
-  .icon-primary-circle:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 1; }
-  
-  .ds2-no-colors .icon-primary-circle:before {
-    background-image: none;
-    content: "\e902"; }
-  
-  i:focus {
-    outline: thin dotted #666; }
-  
-  .p-col-md-12 {
-    width: 50%; }
-  
-  .pager__item {
-    border-radius: 0;
-    cursor: default;
-    display: inline-block;
-    margin: 5px;
-    width: 22px;
-    height: 23px;
-    vertical-align: baseline; }
-  
-  .pager {
-    padding-top: 10px;
-    padding-bottom: 20px;
-    text-align: center;
-    margin: 0 auto; }
-  
-  .pager__item--input {
-    color: #067ab4;
-    max-height: 32px;
-    max-width: 40px;
-    padding-left: 0;
-    padding-right: 0;
-    text-align: center;
-    margin-left: 10px; }
-  
-  .row.section-row {
-    margin-bottom: 20px; }
-  
-  .pager__item--active {
-    border-bottom: 2px solid #0574ac;
-    border-radius: 0;
-    color: #333333; }
-  
-  .pager a.pager__item--active:hover {
-    cursor: default; }
-  
-  .pager a:hover, .pager a:focus {
-    text-decoration: none;
-    color: #333333;
-    cursor: pointer; }
-  
-  .pager a.disabled:hover, .pager a.disabled:focus {
-    cursor: not-allowed; }
-  
-  .row.section-row.b2b-page {
-    display: block; }
-  
-  a.pager__item--next:focus, a.pager__item--prev:focus {
-    text-decoration: none;
-    border: 0; }
-  
-  .pager__item--next, .pager__item--prev {
-    margin: 5px;
-    padding: 1.5px 6px 1.5px 6px; }
-  
-  .pager .disabled i {
-    pointer-events: none;
-    cursor: default;
-    color: #c4c4c4; }
-  
-  .fieldLabel {
-    color: #666666; }
-  
-  .fieldLabel input {
-    color: #666666; }
-  
-  .pSelect {
-    float: right;
-    width: 150px; }
-  
-  .numericResult {
-    margin-bottom: 20px;
-    font-size: 1.6rem;
-    margin-top: 20px;
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .mobile-view > .pager__item {
-    margin: 5px 10px;
-    width: 24px;
-    height: 34px;
-    vertical-align: middle;
-    line-height: 34px; }
-  
-  .fade1, .fadel {
-    opacity: 0.4; }
-  
-  .fade2, .fadesl {
-    opacity: 0.6; }
-  
-  h4#pagination-truncated {
-    margin-top: 50px; }
-  
-  h4#pagination-large-count {
-    margin-top: 50px; }
-  
-  .p-col-md-12 input {
-    margin-left: 20px; }
-  
-  .pager a .icon-primary-right:before {
-    display: inline-block; }
-  
-  .pager a .icon-primary-left:before {
-    display: inline-block; }
-  
-  .page-heading {
-    background: white none repeat scroll 0 0;
-    margin-bottom: -12px;
-    padding-left: 10px;
-    padding-right: 10px;
-    position: relative; }
-  
-  .numericResult:focus {
-    outline: 1px dotted #0574ac; }
-  
-  .page-heading-group {
-    color: #ef6f00;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .pager > div > span.fieldLabel {
-    margin-left: 18px; }
-  
-  .pager .fieldLabel .btn-arrow {
-    top: 0;
-    left: 10px;
-    margin-left: -5px; }
-  
-  .b2b-p-col-md-12 {
-    width: 50%; }
-    .b2b-p-col-md-12 input {
-      margin-left: 20px; }
-  
-  .b2b-pager__item {
-    border-radius: 0;
-    cursor: default;
-    display: inline-block;
-    margin: 0px 5px 0 5px;
-    height: 23px;
-    vertical-align: baseline; }
-  
-  .b2b-pager__item--noclick {
-    pointer-events: none !important;
-    cursor: default !important; }
-  
-  .b2b-pager__item--droppable {
-    pointer-events: all !important; }
-  
-  .b2b-pager {
-    padding-top: 10px;
-    padding-bottom: 20px;
-    text-align: center;
-    margin: 0 auto; }
-    .b2b-pager a:hover {
-      text-decoration: none;
-      color: #333333;
-      cursor: pointer; }
-    .b2b-pager a:focus {
-      text-decoration: none;
-      color: #333333;
-      cursor: pointer; }
-    .b2b-pager a .icon-primary-right:before {
-      display: inline-block; }
-    .b2b-pager a .icon-primary-left:before {
-      display: inline-block; }
-    .b2b-pager .disabled i {
-      pointer-events: none;
-      cursor: default;
-      color: #c4c4c4; }
-  
-  .b2b-pager__item--input {
-    color: #067ab4;
-    max-height: 32px;
-    max-width: 60px;
-    padding-left: 0;
-    padding-right: 0;
-    text-align: center;
-    margin-left: 5px; }
-  
-  .row.section-row {
-    margin-bottom: 20px; }
-  
-  .b2b-pager__item--active {
-    border-bottom: 2px solid #0574ac;
-    border-radius: 0;
-    color: #333333; }
-  
-  .row.section-row.b2b-page {
-    display: block; }
-  
-  a.b2b-pager__item--next:focus {
-    text-decoration: none;
-    border: 0; }
-  
-  a.b2b-pager__item--next-disabled {
-    outline: 0; }
-  
-  a.b2b-pager__item--next-disabled > [class^="icon-primary-"] {
-    color: #cccccc;
-    cursor: not-allowed;
-    outline: 0; }
-  
-  a.b2b-pager__item--prev:focus {
-    text-decoration: none;
-    border: 0; }
-  
-  a.b2b-pager__item--prev-disabled {
-    outline: 0; }
-  
-  a.b2b-pager__item--prev-disabled > [class^="icon-primary-"] {
-    color: #cccccc;
-    cursor: not-allowed; }
-  
-  .b2b-pager__item--next {
-    padding: 1.5px 0px 1.5px 0px; }
-  
-  .b2b-pager__item--prev {
-    padding: 1.5px 0px 1.5px 0px; }
-  
-  .fieldLabel {
-    color: #666666; }
-    .fieldLabel input {
-      color: #666666; }
-    .fieldLabel .btn-arrow {
-      top: 0;
-      left: 10px; }
-  
-  .b2b-pSelect {
-    float: right;
-    width: 150px; }
-  
-  .b2b-numericResult {
-    margin-bottom: 20px;
-    font-size: 1.6rem;
-    margin-top: 20px; }
-  
-  .b2b-mobile-view > .b2b-pager__item {
-    margin: 5px 10px;
-    min-width: 23px;
-    height: 34px;
-    vertical-align: middle;
-    line-height: 34px; }
-  
-  .b2b-fade1 {
-    opacity: 0.4; }
-  
-  .b2b-fade2 {
-    opacity: 0.6; }
-  
-  .b2b-fadesl {
-    opacity: 0.6; }
-  
-  h4#b2b-pagination-truncated {
-    margin-top: 50px; }
-  
-  h4#b2b-pagination-large-count {
-    margin-top: 50px; }
-  
-  .b2b-page-heading {
-    background: white none repeat scroll 0 0;
-    margin-bottom: -12px;
-    padding-left: 10px;
-    padding-right: 10px;
-    position: relative; }
-  
-  .b2b-numericResult:focus {
-    outline: 1px dotted #0574ac; }
-  
-  .b2b-page-heading-group {
-    color: #ef6f00;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .b2b-pager > div > span.fieldLabel {
-    margin-left: 18px; }
-  
-  .b2b-go-to-page {
-    margin-top: 14px; }
-  
-  .b2b-go-to-page-inline {
-    display: inline-block; }
-  
-  input.b2b-phone-mask-input {
-    padding-right: 15px; }
-    input.b2b-phone-mask-input:hover, input.b2b-phone-mask-input:focus {
-      padding-right: 15px; }
-  
-  /************************** Start - Should be removed after the styling in global is fixed *******************/
-  input::-ms-clear {
-    display: none; }
-  
-  /************************** End - Should be removed after the styling in global is fixed *******************/
-  @media (max-width: 767px) {
-    input::-ms-clear {
-      display: block; } }
-  
-  .pivot-link-group {
-    background-color: #5a5a5a;
-    border-top: 1px solid #959595; }
-  
-  .pivot-links > li {
-    border-bottom: 1px solid #959595; }
-  
-  .pivot-links > li > a {
-    color: #fff;
-    display: block;
-    padding: 12px 15px 10px;
-    line-height: normal; }
-  
-  .b2b-profile-block-container {
-    min-height: 200px;
-    height: auto;
-    background-color: #fff;
-    border-radius: 8px;
-    border: 1px solid #ccc;
-    box-shadow: 0px 1px 1px 1px  #ccc;
-    display: inline-table;
-    margin: 15px 15px; }
-  
-  .b2b-profile-block-details p, .b2b-profile-block-details div {
-    padding: 2px 7px;
-    font-size: 1.4rem; }
-  
-  .b2b-profile-block-details .radio-label, .b2b-profile-block-details a {
-    font-size: 1.4rem; }
-  
-  .b2b-profile-block-details p label, .b2b-profile-block-details p span {
-    padding-left: 10px; }
-  
-  .b2b-profile-block-footer {
-    margin-bottom: 12px;
-    margin-top: 5px;
-    height: 35px; }
-  
-  .b2b-profile-block-details p {
-    word-wrap: break-word;
-    height: 61px; }
-    .b2b-profile-block-details p:first-child {
-      margin-top: 10px; }
-    .b2b-profile-block-details p:after {
-      content: ' ';
-      display: block;
-      border: 0.2px solid #ccc;
-      margin-top: 12px; }
-  
-  .b2b-profile-block-details .radio {
-    margin-left: 15px;
-    height: 30px; }
-  
-  .b2b-approval-icon {
-    color: #1b7e28;
-    float: right;
-    position: relative;
-    left: 10px; }
-    .b2b-approval-icon i {
-      color: #1b7e28;
-      float: right; }
-  
-  .b2b-profile-link {
-    float: right;
-    position: relative;
-    left: -4px; }
-  
-  a.link-profile {
-    position: relative;
-    left: -5px;
-    float: right;
-    margin-bottom: 16px; }
-  
-  .b2b-profile-block-radio {
-    position: relative;
-    top: -5px; }
-  
-  .b2b-profile-card {
-    min-width: 229px;
-    min-height: 354px;
-    margin: 10px;
-    border: solid 1px #CCC;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    display: inline-block;
-    vertical-align: top; }
-    .b2b-profile-card .top-block {
-      padding: 15px 20px;
-      
-      max-height: 153px; }
-    .b2b-profile-card .bottom-block {
-      padding: 15px 20px 15px 20px;
-      background-color: #fff; }
-    .b2b-profile-card .profile-image {
-      background: #e4e4e4;
-      margin-bottom: 15px;
-      text-align: center; }
-      .b2b-profile-card .profile-image .default-img {
-        display: inline-block;
-        width: 60px;
-        height: 60px;
-        margin-bottom: 10px;
-        border: 6px solid #fff;
-        border-radius: 99em;
-        -webkit-border-radius: 99em;
-        -moz-border-radius: 99em;
-        /* background-color: #eee; */ }
-  
-  .profile-image img {
-    display: inline-block;
-    width: 60px;
-    height: 60px;
-    margin-bottom: 10px;
-    border: 6px solid #fff;
-    border-radius: 99em;
-    -webkit-border-radius: 99em;
-    -moz-border-radius: 99em;
-    /* background-color: #eee; */ }
-  
-  .b2b-profile-card .profile-image .default-img {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333;
-    background-color: #fff;
-    font-size: 32px;
-    line-height: 22px;
-    padding: 5px;
-    padding-top: 13px;
-    width: 60px;
-    height: 60px;
-    text-transform: uppercase; }
-  
-  .b2b-profile-card .profile-image .name {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    color: #333;
-    text-align: center;
-    margin-bottom: 5px;
-    margin-top: 5px;
-    overflow: hidden;
-    word-break: break-word;
-    white-space: normal;
-    text-transform: capitalize; }
-  
-  .b2b-profile-card .profile-image .status-icon {
-    border-radius: 10px;
-    border: 1px solid #fff;
-    margin: 0 3px 0 0;
-    width: 10px;
-    height: 10px;
-    display: inline-block;
-    vertical-align: middle; }
-  
-  .b2b-profile-card .profile-image .status {
-    font-size: 12px;
-    line-height: 15px;
-    text-align: center;
-    margin: 0 15px 0 0;
-    color: #444; }
-  
-  .b2b-profile-card .status .circle {
-    width: 10px;
-    height: 10px;
-    border-radius: 50%;
-    margin: 30px 6px 0px 20px;
-    text-align: center;
-    background-color: #444; }
-  
-  .b2b-profile-card .profile-image .status-green {
-    background-color: #0c0; }
-  
-  .b2b-profile-card .profile-image .status-red {
-    background-color: red; }
-  
-  .b2b-profile-card .profile-image .status-blue {
-    background-color: #00f; }
-  
-  .b2b-profile-card .profile-image .status-yellow {
-    background-color: #ff0; }
-  
-  .b2b-profile-card .profile-image .status .status-badge {
-    margin-left: 5px;
-    border: dotted 1px #444;
-    background-color: transparent;
-    font-weight: 400;
-    color: #444;
-    height: 17px;
-    padding: 0 5px;
-    font-size: 11px;
-    padding-left: 5px;
-    padding-right: 5px; }
-  
-  .b2b-profile-card .profile-details {
-    background: #fff; }
-    .b2b-profile-card .profile-details label {
-      display: block;
-      cursor: text;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      font-weight: bolder;
-      font-size: 14px;
-      color: #333;
-      padding: 0;
-      margin: 0; }
-    .b2b-profile-card .profile-details div {
-      margin: 0;
-      font-size: 14px;
-      color: #333;
-      padding-bottom: 6.5px; }
-  
-  .b2b-profile-card .b2b-add-user {
-    background: white;
-    border-style: dotted;
-    font-size: 16px;
-    color: #333;
-    position: relative; }
-    .b2b-profile-card .b2b-add-user i {
-      font-size: 30px;
-      padding-bottom: 15px; }
-  
-  .b2b-profile-card .atcenter {
-    cursor: pointer;
-    margin-top: 60%;
-    vertical-align: middle;
-    text-align: center; }
-  
-  .b2b-profile-card .tooltip {
-    cursor: pointer; }
-    .b2b-profile-card .tooltip .helpertext {
-      position: relative;
-      color: white; }
-  
-  .b2b-profile-card .tooltip-wrapper {
-    position: relative; }
-  
-  /* Overrides for tooltip absolute positioning */
-  @media (min-width: 1025px) {
-    .b2b-profile-card .tooltip-size-control {
-      width: 100% !important; } }
-  
-  @-webkit-keyframes progress-bar-stripes {
-    from {
-      background-position: 0 0; }
-    to {
-      background-position: 80px 0; } }
-  
-  @keyframes progress-bar-stripes {
-    from {
-      background-position: 0 0; }
-    to {
-      background-position: 80px 0; } }
-  
-  .progress {
-    background-color: #e4e4e4;
-    border-radius: 4px;
-    height: 14px;
-    margin-bottom: 20px;
-    min-width: 250px;
-    overflow: hidden;
-    padding: 0;
-    position: relative; }
-  
-  a .progress {
-    margin-bottom: 0; }
-  
-  .progress .bar {
-    background-color: #666;
-    border-radius: 4px;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    height: 100%;
-    width: 0; }
-  
-  .progress-arrow {
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
-    justify-content: flex-end; }
-  
-  .progress-link + .usage-bar {
-    margin-top: 5px; }
-  
-  .progress-success .bar, .progress .bar-success {
-    background-color: #1b7e28; }
-  
-  .progress-warning .bar, .progress .bar-warning {
-    background-color: #ef6f00; }
-  
-  .progress-danger .bar, .progress .bar-danger {
-    background-color: #cf2a2a; }
-  
-  .progress.increment {
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex; }
-  
-  .progress.increment .bar:first-child:not(:last-child) {
-    border-right: none;
-    border-radius: 4px 0 0 4px; }
-  
-  .progress.increment .bar:last-child:not(:first-child) {
-    border-left: none;
-    border-radius: 0 4px 4px 0; }
-  
-  .progress.increment .bar + .bar:not(:last-child) {
-    border-left: none;
-    border-right: none;
-    border-radius: 0; }
-  
-  .progress.increment .bar:not(:first-child) {
-    border-left: 1px solid white !important; }
-  
-  .usage-bar {
-    display: table;
-    float: none;
-    width: 100%;
-    margin-bottom: 1px; }
-  
-  .usage-bar > .usage-text {
-    display: table-cell;
-    width: 1%; }
-  
-  .progress + .usage-bar {
-    margin-top: -15px; }
-  
-  .usage-bar .usage-text {
-    font-size: 1.4rem; }
-  
-  .usage-bar .usage-text:first-child {
-    white-space: nowrap; }
-  
-  .usage-bar .usage-text.text-right {
-    vertical-align: top;
-    font-size: 1.4rem;
-    width: auto !important; }
-  
-  .usage-bar .usage-text.text-right:before {
-    content: "";
-    display: table;
-    height: .1em; }
-  
-  .usage-bar.billing-cycle .usage-text {
-    font-size: 1.4rem; }
-  
-  .usage-bar.billing-cycle .usage-text.text-right {
-    vertical-align: bottom; }
-  
-  .progress.autocolor [data-percentage="1"], .progress.autocolor [data-percentage="2"], .progress.autocolor [data-percentage="3"], .progress.autocolor [data-percentage="4"], .progress.autocolor [data-percentage="5"], .progress.autocolor [data-percentage="6"], .progress.autocolor [data-percentage="7"], .progress.autocolor [data-percentage="8"], .progress.autocolor [data-percentage="9"], .progress.autocolor [data-percentage="10"] .progress.autocolor [data-percentage^="2"], .progress.autocolor [data-percentage^="3"], .progress.autocolor [data-percentage^="4"], .progress.autocolor [data-percentage^="5"], .progress.autocolor [data-percentage="60"], .progress.autocolor [data-percentage="61"], .progress.autocolor [data-percentage="62"], .progress.autocolor [data-percentage="63"], .progress.autocolor [data-percentage="64"] {
-    background-color: #1b7e28; }
-  
-  .progress.autocolor [data-percentage="65"], .progress.autocolor [data-percentage="66"], .progress.autocolor [data-percentage="67"], .progress.autocolor [data-percentage="68"], .progress.autocolor [data-percentage="69"], .progress.autocolor [data-percentage^="7"], .progress.autocolor [data-percentage^="8"] {
-    background-color: #ef6f00; }
-  
-  .progress.autocolor [data-percentage^="9"], .progress.autocolor [data-percentage="100"] {
-    background-color: #cf2a2a; }
-  
-  .b2b-seek-bar-container {
-    position: relative; }
-    .b2b-seek-bar-container div {
-      position: absolute; }
-    .b2b-seek-bar-container .b2b-seek-bar-track-container {
-      width: 100%; }
-    .b2b-seek-bar-container .b2b-seek-bar-track {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px; }
-    .b2b-seek-bar-container .b2b-seek-bar-track-fill {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px;
-      width: 0;
-      background-color: #157BB2;
-      transition: width 0s linear; }
-  
-  .seek-bar-container .seek-bar-knob-container {
-    transition: left 0s linear; }
-  
-  .b2b-seek-bar-container .b2b-seek-bar-knob {
-    width: 14px;
-    height: 14px;
-    border-radius: 10px;
-    top: -4px;
-    left: -8px;
-    border: 1px solid #cccccc;
-    background: white;
-    cursor: pointer; }
-  
-  .b2b-seek-bar-container .b2b-seek-bar-knob:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-seek-bar-container.vertical {
-    width: 100%;
-    height: 100%;
-    margin: 0 auto;
-    position: relative;
-    border-radius: 10px; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-track-container {
-      position: relative;
-      height: 100%; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-track {
-      position: absolute;
-      height: 100%; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-track-fill {
-      position: absolute;
-      bottom: 0;
-      height: 0;
-      width: 100%; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-knob-container {
-      transition: bottom .01s linear;
-      position: relative;
-      bottom: 0; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-knob {
-      position: absolute;
-      border-radius: 10px;
-      top: -7px;
-      left: -4px; }
-  
-  .form-search .search-query {
-    width: 100% !important; }
-  
-  .form-search .well {
-    margin-top: 0; }
-  
-  .form-search > ul.nav > li.section {
-    min-height: 20px !important; }
-  
-  input.b2b-search-input-field {
-    margin-bottom: 0px; }
-  
-  .search-suggestion-list {
-    background-color: #FFFFFF;
-    border: 1px solid #ccc;
-    border-radius: 0 0 6px 6px;
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-    margin-top: -5px;
-    max-height: 400px;
-    overflow-x: hidden;
-    overflow-y: auto;
-    padding: 15px 0;
-    position: absolute;
-    width: 100%;
-    z-index: 1000; }
-    .search-suggestion-list > li.active {
-      background-color: #cccccc; }
-    .search-suggestion-list:empty {
-      display: none; }
-  
-  .b2b-search-hightlight {
-    font-weight: bold; }
-  
-  input[type="text"]::-moz-placeholder {
-    color: #767676;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  
-  input[type="text"]:focus {
-    z-index: 1000; }
-  
-  input[type="text"] + .reset-field {
-    background-color: #FFFFFF;
-    height: 90%;
-    top: 5%; }
-  
-  .btn-search:focus {
-    outline: 1px dotted #0574ac; }
-  
-  .field-group input:not([type="button"])[disabled] ~ .btn-search {
-    background-color: #eee; }
-  
-  .btn-search[class*="btn"] {
-    background-color: #FFFFFF;
-    background-size: 20px 20px;
-    border-radius: 0 1.5rem 1.5rem 0;
-    height: 3rem;
-    min-width: 4.4rem !important;
-    right: 0.15rem;
-    top: 0.15rem;
-    width: 4.4rem; }
-  
-  .search-suggestion-wrapper {
-    margin-bottom: 15px;
-    position: relative; }
-    .search-suggestion-wrapper .no-result {
-      padding: 0px 15px; }
-  
-  .search-suggestion-item {
-    color: #333333;
-    line-height: 4rem;
-    padding: 0 15px;
-    position: relative;
-    z-index: 1000; }
-    .search-suggestion-item:hover {
-      background-color: #e4e4e4;
-      cursor: pointer; }
-    .search-suggestion-item:focus {
-      background-color: #e4e4e4;
-      cursor: pointer; }
-    .search-suggestion-item a {
-      color: #333333;
-      text-decoration: none; }
-  
-  .btn-search i {
-    color: #767676; }
-  
-  input.b2b-search-input-field:focus ~ .btn-search > i, .btn-search:focus > i {
-    color: #0568ae; }
-  
-  button.btn-search[disabled] {
-    cursor: not-allowed; }
-    button.btn-search[disabled] i {
-      color: #767676; }
-  
-  .innershadow {
-    -webkit-background-blend-mode: mutilply;
-    box-shadow: 0 3px 0 2px rgba(0, 0, 0, 0.08); }
-  
-  .linkSelectorModule {
-    position: relative;
-    height: 32px;
-    line-height: 20px;
-    border: 0px;
-    width: auto;
-    display: block; }
-    .linkSelectorModule .icon-primary-down {
-      font-size: 23px;
-      margin-top: -10px;
-      position: absolute;
-      top: 50%;
-      margin-left: -30px; }
-    .linkSelectorModule .selectModule {
-      background-color: transparent;
-      border: none;
-      color: #0568ae;
-      cursor: pointer;
-      border: 1px solid transparent;
-      box-shadow: none;
-      padding-right: 35px;
-      position: relative;
-      user-select: none;
-      font-size: 1.6rem; }
-      .linkSelectorModule .selectModule:focus {
-        border: 1px dotted #ccc;
-        box-shadow: none;
-        -moz-user-select: none; }
-      .linkSelectorModule .selectModule:hover {
-        text-decoration: underline; }
-    .linkSelectorModule .active + .moduleWrapper:before {
-      background-color: #FFFFFF;
-      border-color: #d2d2d2;
-      border-style: solid;
-      border-width: 1px 1px 0 0;
-      content: "";
-      display: block;
-      height: 15px;
-      right: 122px;
-      margin: 0;
-      position: absolute;
-      top: -8px;
-      -webkit-transform: rotate(-45deg);
-      transform: rotate(-45deg);
-      width: 15px; }
-    .linkSelectorModule .moduleWrapper {
-      top: 40px; }
-    .linkSelectorModule ul.awd-module-list {
-      border-radius: 6px 6px 0px 0px; }
-  
-  .selectorModule .icon-primary-down {
-    font-size: 23px;
-    margin-top: -11px;
-    position: absolute;
-    right: 4px;
-    top: 50%; }
-  
-  .selectorModule .selectModule {
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-    display: block;
-    width: 100%;
-    padding-left: 15px;
-    background-color: transparent;
-    cursor: pointer; }
-    .selectorModule .selectModule:focus {
-      border: 1px solid #0568ae;
-      -moz-user-select: none; }
-    .selectorModule .selectModule span.module-data {
-      position: absolute;
-      bottom: 6px;
-      line-height: 20px; }
-    .selectorModule .selectModule img + span.module-data {
-      padding-left: 45px; }
-  
-  .selectorModule .selectModule.active {
-    border-bottom-right-radius: 0px;
-    border-bottom-left-radius: 0px; }
-  
-  .selectorModule .moduleWrapper {
-    position: absolute;
-    width: 100% !important;
-    border-top: none; }
-  
-  .selectorModule ul.awd-module-list {
-    border-radius: 0px 0px 6px 6px; }
-  
-  .selectorModule .large > img {
-    height: 30px;
-    position: absolute;
-    width: 30px;
-    top: 20px;
-    left: 15px; }
-  
-  .selectModule {
-    background-color: transparent;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333333;
-    font-size: 1.6rem;
-    height: 36px;
-    line-height: 35px;
-    margin-bottom: 0;
-    position: relative;
-    text-align: left;
-    top: 0;
-    z-index: 10;
-    padding: 0px;
-    margin: 0px;
-    cursor: pointer; }
-  
-  .moduleWrapper {
-    background-color: #FFFFFF;
-    position: absolute;
-    color: #191919;
-    z-index: 9999;
-    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
-    border-radius: 0px 0px 6px 6px; }
-    .moduleWrapper .module-list-item img {
-      height: 30px;
-      position: absolute;
-      width: 30px;
-      top: 30px;
-      left: 15px;
-      align-self: center; }
-    .moduleWrapper span {
-      display: block;
-      white-space: nowrap;
-      font-size: 1.5rem; }
-  
-  .awd-module-list {
-    overflow-y: auto;
-    z-index: 9999;
-    max-height: 360px;
-    border: 1px solid #d2d2d2; }
-    .awd-module-list .module-list-item > .module-data {
-      overflow: ellipsis;
-      white-space: nowrap;
-      line-height: 20px;
-      font-size: 1.6rem;
-      border-bottom: 1px dotted #959595;
-      margin: 0px 15px 0px 15px;
-      padding-right: 50px;
-      padding-bottom: 14px;
-      padding-top: 14px;
-      align-self: center;
-      width: 100%; }
-    .awd-module-list .module-list-item:hover {
-      background-color: #f2f2f2; }
-    .awd-module-list .module-list-item:active {
-      background-color: #f2f2f2; }
-    .awd-module-list .module-list-item[aria-selected="true"] {
-      background-color: #f2f2f2; }
-  
-  .module-list-item {
-    cursor: pointer;
-    overflow: hidden;
-    position: relative;
-    overflow: ellipsis;
-    white-space: nowrap;
-    z-index: 1000;
-    color: #191919;
-    display: flex; }
-    .module-list-item:last-of-type .module-data {
-      border-bottom: none; }
-    .module-list-item img + span.module-data {
-      padding-left: 45px; }
-  
-  .module-groups:first-of-type .module-list-item:last-of-type .module-data {
-    border-bottom: 1px solid #959595; }
-  
-  .module-groupitem {
-    padding-bottom: 4px; }
-  
-  .selectorModule.large {
-    height: 72px;
-    vertical-align: middle;
-    text-align: left; }
-    .selectorModule.large .moduleWrapper {
-      top: 71px; }
-    .selectorModule.large input {
-      height: 72px;
-      vertical-align: middle;
-      text-align: left; }
-    .selectorModule.large button {
-      height: 72px;
-      vertical-align: middle;
-      text-align: left; }
-    .selectorModule.large .selectModule img {
-      left: 15px;
-      top: 21px; }
-  
-  ul.module-groupitem li {
-    margin: 0 -15px 0 -15px; }
-  
-  span.module-data span {
-    display: block;
-    line-height: 20px;
-    font-size: 1.5rem; }
-  
-  li.module-groups {
-    cursor: default !important;
-    padding: 18px 15px 0px 15px; }
-  
-  li.module-list-item[selected]:before {
-    box-sizing: border-box;
-    display: inline-block;
-    font-size: 2em;
-    height: 1em;
-    position: absolute;
-    top: 20px;
-    right: 0px;
-    vertical-align: middle;
-    width: 1em;
-    color: #007a3e; }
-  
-  ul.module-optinalcta {
-    position: relative;
-    height: 44px;
-    margin-top: 0px;
-    border-bottom: 1px solid #d2d2d2;
-    border-left: 1px solid #d2d2d2;
-    border-right: 1px solid #d2d2d2;
-    border-radius: 0px 0px 6px 6px; }
-    ul.module-optinalcta li {
-      position: absolute;
-      bottom: 10px; }
-    ul.module-optinalcta a {
-      text-indent: 15px;
-      padding: 15px; }
-  
-  .b2b-slider-container {
-    position: relative; }
-    .b2b-slider-container.slider-disabled {
-      cursor: not-allowed !important; }
-    .b2b-slider-container div {
-      position: absolute; }
-    .b2b-slider-container .slider-track-container {
-      width: 100%;
-      cursor: pointer; }
-    .b2b-slider-container .slider-track {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px;
-      border: 1px solid #cccccc; }
-    .b2b-slider-container .slider-track-fill {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px;
-      width: 0;
-      background-color: #157BB2;
-      transition: width 0s linear;
-      border: 1px solid #cccccc; }
-    .b2b-slider-container .slider-knob-container {
-      transition: left 0s linear; }
-      .b2b-slider-container .slider-knob-container.slider-knob-hidden {
-        display: none !important; }
-    .b2b-slider-container .slider-knob {
-      width: 14px;
-      height: 14px;
-      border-radius: 10px;
-      top: -4px;
-      left: -8px;
-      border: 1px solid #cccccc;
-      background: white;
-      cursor: pointer; }
-      .b2b-slider-container .slider-knob:focus {
-        outline: thin dotted #666; }
-  
-  .b2b-slider-endpoints-container {
-    margin-top: 13px;
-    color: #333;
-    font-size: 12px; }
-    .b2b-slider-endpoints-container .b2b-slider-endpoints-left {
-      float: left;
-      line-height: 100%; }
-    .b2b-slider-endpoints-container .b2b-slider-endpoints-right {
-      float: right;
-      line-height: 100%; }
-    .b2b-slider-endpoints-container::after {
-      clear: both;
-      content: "";
-      display: block; }
-  
-  .b2b-slider-container.vertical {
-    width: 100%;
-    height: 100%;
-    margin: 0 auto;
-    position: relative;
-    border-radius: 10px; }
-    .b2b-slider-container.vertical .slider-track-container {
-      position: relative;
-      height: 100%; }
-    .b2b-slider-container.vertical .slider-track {
-      position: absolute;
-      height: 100%; }
-    .b2b-slider-container.vertical .slider-track-fill {
-      position: absolute;
-      bottom: 0;
-      height: 0;
-      width: 100%; }
-    .b2b-slider-container.vertical .slider-knob-container {
-      transition: bottom 0s linear;
-      position: relative;
-      bottom: 0; }
-      .b2b-slider-container.vertical .slider-knob-container.slider-knob-hidden {
-        display: none !important; }
-    .b2b-slider-container.vertical .slider-knob {
-      position: absolute;
-      border-radius: 10px;
-      top: -7px;
-      left: -4px; }
-  
-  .icon-primary-spinner {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20id%3D%22svg-spinner%22%20x%3D%220px%22%20y%3D%220px%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%20%3Cpath%20fill%3D%22%23F5F5F5%22%20d%3D%22M18%2036C8.1%2036%200%2027.9%200%2018S8.1%200%2018%200s18%208.1%2018%2018-8.1%2018-18%2018zm0-31.5c-7.5%200-13.5%206-13.5%2013.5S10.6%2031.5%2018%2031.5c7.5%200%2013.5-6.1%2013.5-13.5%200-7.5-6-13.5-13.5-13.5z%22%2F%3E%0A%20%20%20%3Cpath%20fill%3D%22%230568AE%22%20id%3D%22spinner%22%20d%3D%22M30.7%205.3l-3.1%203.2c2.4%202.4%203.9%205.8%203.9%209.5%200%207.4-6.1%2013.5-13.5%2013.5S4.5%2025.4%204.5%2018%2010.6%204.5%2018%204.5V0C8.1%200%200%208.1%200%2018s8.1%2018%2018%2018%2018-8.1%2018-18c0-5-2-9.5-5.3-12.7z%22%3E%0A%20%20%20%20%20%20%3CanimateTransform%20%0A%20%20%20%20%20%20%20%20%20attributeType%3D%22xml%22%0A%20%20%20%20%20%20%20%20%20attributeName%3D%22transform%22%0A%20%20%20%20%20%20%20%20%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20%20from%3D%220%2018%2018%22%0A%20%20%20%20%20%20%20%20%20to%3D%22360%2018%2018%22%0A%20%20%20%20%20%20%20%20%20dur%3D%221.0s%22%0A%20%20%20%20%20%20%20%20%20repeatCount%3D%22indefinite%22%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
-    height: 50px;
-    width: 50px; }
-  
-  .icon-primary-spinner.small {
-    margin-right: 5px;
-    height: 30px !important;
-    width: 30px !important; }
-  
-  .isIE .icon-primary-spinner,
-  .isIE .icon-primary-spinner.small {
-    animation: spinner 1s linear infinite; }
-  
-  .ds2-no-colors .icon-primary-spinner {
-    animation: spinner 1s linear infinite;
-    border: 5px dotted transparent;
-    border-radius: 50%; }
-  
-  @keyframes spinner {
-    0% {
-      transform: rotate(0deg); }
-    100% {
-      transform: rotate(359deg); } }
-  
-  .b2b-status-tracker > .btn-arrow:nth-of-type(1) {
-    margin-right: 10px; }
-  
-  .b2b-status-tracker > .btn-arrow:nth-of-type(2) {
-    margin-left: 20px; }
-  
-  .b2b-status-tracker > .btn-arrow {
-    height: 20px;
-    margin-top: 25px;
-    overflow: visible; }
-    .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-left {
-      margin-right: 5px;
-      color: #0574ac; }
-    .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-right {
-      color: #0574ac; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step {
-    padding: 0;
-    position: relative; }
-  
-  .b2b-status-tracker-step {
-    margin-left: 5px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step .b2b-status-tracker-heading {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #191919;
-    margin-bottom: 10px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.complete > .progress > .progress-bar {
-    width: 100%;
-    background-color: #1b7e28; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.complete .icoControls-approval {
-    color: #1b7e28; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.current > .progress > .progress-bar {
-    width: 100%;
-    background-color: #333333; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.current .icon-misc-time {
-    color: #333333; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.pending > .progress > .progress-bar {
-    width: 100%;
-    background-color: #ffb81c; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.pending .icoControls-statusokay {
-    color: #ffb81c; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.actionRequired > .progress > .progress-bar {
-    width: 100%;
-    background-color: #cf2a2a; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.actionRequired .icoSecurityalerts-alert {
-    color: #cf2a2a; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.notAvailable > .progress > .progress-bar {
-    width: 100%;
-    background-color: #767676; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.notAvailable .icoControls-restricted {
-    color: #767676; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step > .progress {
-    position: relative;
-    border-radius: 1.5px;
-    height: 3px;
-    margin-bottom: 10px;
-    background-color: #c5c5c5; }
-    .b2b-status-tracker > .b2b-status-tracker-step > .progress > .progress-bar {
-      width: 0;
-      height: 3px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-estimate {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #191919;
-    margin-bottom: 10px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 12px;
-    color: #767676;
-    padding-right: 15px; }
-    .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description a {
-      cursor: pointer; }
-  
-  .step-indicator {
-    height: auto;
-    padding: 40px 0; }
-  
-  .step-heading {
-    color: #333333;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 3.8rem;
-    line-height: 0.8; }
-  
-  .steps {
-    display: flex;
-    height: 5px;
-    margin-top: 60px;
-    position: relative; }
-  
-  .steps li {
-    color: #5a5a5a;
-    flex: 1;
-    margin-right: 5px;
-    background-color: #c4c4c4;
-    outline: 1px solid transparent; }
-  
-  .steps li:first-child {
-    border-radius: 4px 0 0 4px; }
-  
-  .steps li:last-child {
-    margin-right: 0;
-    border-radius: 0 4px 4px 0; }
-  
-  .steps li.step-on,
-  .steps li.step-done {
-    background-color: #007a3e;
-    color: #007a3e;
-    border: 1px solid transparent; }
-  
-  .step-text {
-    bottom: 29px;
-    display: inline-block;
-    font-size: 1.8rem;
-    margin-top: 0;
-    position: relative;
-    white-space: nowrap; }
-  
-  .step-on .step-text {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .steps li .step-text[data-large-text]:before {
-    content: attr(data-large-text) " "; }
-  
-  .step-confirmation {
-    color: #007a3e;
-    margin-bottom: 30px; }
-  
-  .step-confirmation > div {
-    display: flex; }
-  
-  .step-confirmation > div i {
-    color: #007a3e;
-    font-size: 50px;
-    margin-right: 10px; }
-  
-  .step-confirmation.centered > div i {
-    margin-left: -60px; }
-  
-  .step-confirmation > div h3 {
-    font-size: 2.4rem;
-    margin: 26px 0 20px; }
-  
-  .step-confirmation > p {
-    margin: 0; }
-  
-  @media (max-width: 1024px) {
-    .step-indicator {
-      padding: 25px 0; }
-    .steps {
-      margin-top: 0; }
-    .step-heading {
-      font-size: 2.4rem;
-      margin-bottom: 11px; }
-    .step-text {
-      display: none; }
-    .step-on .step-text {
-      bottom: 6px;
-      display: block;
-      font-size: 1.2rem;
-      left: 0;
-      line-height: 1;
-      margin-top: 10px;
-      position: absolute;
-      top: 4px; }
-    .steps li .step-text[data-sm-text]:before {
-      content: attr(data-sm-text) " ";
-      color: #333333; }
-    .step-confirmation {
-      margin-top: 30px !important; } }
-  
-  @media (max-width: 767px) {
-    .step-confirmation.centered > div i {
-      margin-left: 0; }
-    .step-confirmation.centered > p {
-      margin-left: 40px; }
-    .step-confirmation > div h3 {
-      font-size: 1.8rem;
-      margin: 13px 0 10px; }
-    .step-confirmation > div i {
-      font-size: 30px;
-      margin-right: 10px; } }
-  
-  .step-indicator.vertical {
-    height: auto; }
-  
-  .vertical .step-heading {
-    font-size: 24px; }
-  
-  .vertical .steps {
-    display: block;
-    height: inherit;
-    width: 100%; }
-  
-  .vertical .steps li {
-    align-items: center;
-    background-color: transparent;
-    display: flex;
-    height: 60px;
-    margin: 0 0 4px;
-    padding: 0 0 0 20px;
-    position: relative; }
-  
-  .vertical .steps li .step-text {
-    align-self: center;
-    color: #0568ae;
-    display: block;
-    margin: 0;
-    position: relative;
-    font-size: 14px;
-    top: 0; }
-  
-  .vertical .steps li .step-text[data-large-text]:before {
-    content: attr(data-large-text) " "; }
-  
-  .vertical .steps li:after {
-    background-color: transparent;
-    border-left: 4px solid #d2d2d2;
-    content: "";
-    height: 60px;
-    left: 0;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    top: 0;
-    width: 4px; }
-  
-  .vertical .steps li.step-on:after,
-  .vertical .steps li.step-done:after {
-    border-color: #0568ae; }
-  
-  .b2b-step-tracker {
-    height: auto;
-    padding: 0px 0px 0px 0px; }
-    .b2b-step-tracker .btn.btn-left {
-      margin-right: 10px; }
-    .b2b-step-tracker .btn.btn-right {
-      margin-left: 5px; }
-    .b2b-step-tracker .b2b-left-arrow {
-      float: left;
-      margin-top: -5px; }
-    .b2b-step-tracker .b2b-right-arrow {
-      float: right;
-      margin-top: -5px; }
-    .b2b-step-tracker .b2b-steps {
-      display: flex;
-      height: 5px;
-      margin-top: 30px;
-      position: relative; }
-      .b2b-step-tracker .b2b-steps li {
-        color: #767676;
-        flex: 1;
-        margin-right: 5px;
-        background-color: #767676;
-        outline: 1px solid transparent;
-        height: 3px; }
-        .b2b-step-tracker .b2b-steps li.b2b-step-done {
-          background-color: #1b7e28;
-          color: #007a3e;
-          height: 3px; }
-        .b2b-step-tracker .b2b-steps li.b2b-step-on {
-          background-color: #333333;
-          color: #333333;
-          height: 3px;
-          font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text {
-          bottom: 29px;
-          display: inline-block;
-          font-size: 14px;
-          margin-top: 0;
-          position: relative;
-          white-space: nowrap; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text[data-large-text]:before {
-          content: attr(data-large-text) " "; }
-      .b2b-step-tracker .b2b-steps li:first-child {
-        border-radius: 2px 0 0 2px; }
-      .b2b-step-tracker .b2b-steps li:last-child {
-        margin-right: 0;
-        border-radius: 0 2px 2px 0; }
-  
-  @media (max-width: 1024px) {
-    .b2b-step-tracker {
-      padding: 25px 0; }
-      .b2b-step-tracker .b2b-steps {
-        margin-top: 0; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text {
-          display: none; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text[data-sm-text]:before {
-          content: attr(data-sm-text) " ";
-          color: #333333; }
-        .b2b-step-tracker .b2b-steps li.b2b-step-on .b2b-step-text {
-          bottom: 6px;
-          display: block;
-          font-size: 10px;
-          left: 0;
-          line-height: 1;
-          margin-top: 10px;
-          position: absolute;
-          top: 4px; } }
-  
-  .strength-meter-container {
-    height: 26px;
-    max-width: 450px; }
-  
-  .strength-meter-gauge {
-    border-radius: 2px;
-    background-color: #d2d2d2;
-    height: 5px;
-    display: block;
-    position: relative;
-    outline: 1px solid transparent; }
-  
-  .strength-meter-gauge-fill {
-    height: 100%;
-    display: block;
-    border-radius: 2px;
-    text-indent: -9999px;
-    width: 0%;
-    border: 2px solid transparent; }
-  
-  .strength-meter-gauge-fill.strength-meter-animate {
-    transition: width 0.5s linear, background-color 0.5s linear; }
-  
-  .strength-meter-animate[style*="20"] {
-    background-color: #cf2a2a; }
-  
-  .strength-meter-animate[style*="20"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Unacceptable"; }
-  
-  .strength-meter-animate[style*="40"] {
-    background-color: #ea7400; }
-  
-  .strength-meter-animate[style*="40"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Weak"; }
-  
-  .strength-meter-animate[style*="60"] {
-    background-color: #ea7400; }
-  
-  .strength-meter-animate[style*="60"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Fair"; }
-  
-  .strength-meter-animate[style*="80"] {
-    background-color: #007a3e; }
-  
-  .strength-meter-animate[style*="80"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Good"; }
-  
-  .strength-meter-animate[style*="100"] {
-    background-color: #007a3e; }
-  
-  .strength-meter-animate[style*="100"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Excellent"; }
-  
-  .strength-meter-divider {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    display: flex;
-    overflow: hidden; }
-  
-  .strength-meter-divider span {
-    background: transparent;
-    display: block;
-    flex-grow: 1;
-    border-right: solid 1px #fff; }
-  
-  .strength-meter-divider span:first-child {
-    border-radius: 2px 0 0 2px; }
-  
-  .strength-meter-divider span + .strength-meter-divider span {
-    border-radius: 0; }
-  
-  .strength-meter-divider span:last-child {
-    border-radius: 0 2px 2px 0;
-    border-right: 0; }
-  
-  .strength-meter-content {
-    font-size: 14px;
-    line-height: 1;
-    padding-top: 7px;
-    position: absolute; }
-  
-  .strength-meter-content:before {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    content: "Password strength: "; }
-  
-  .strength-meter-content:after {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .strength-meter-container {
-    height: 26px;
-    min-width: 290px;
-    max-width: 450px; }
-  
-  .strength-meter-container .strength-meter-gauge {
-    border-radius: 2px;
-    background-color: #cccccc;
-    box-shadow: 0 1px 1px -1px #333 inset;
-    height: 5px;
-    display: block;
-    overflow: hidden;
-    position: relative; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill {
-    height: 100%;
-    box-shadow: 0 1px 1px -1px #999 inset;
-    display: block;
-    text-indent: -9999px;
-    width: 0%; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill.strength-meter-animate {
-    transition: width 0ms ease-out, background-color 0ms ease-in; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-divider {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    display: flex; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-divider span {
-    background: transparent;
-    display: block;
-    flex-grow: 1;
-    border-right: solid 1px #fff; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-divider span:last-child {
-    border-right: 0; }
-  
-  .strength-meter-container > .strength-meter-content {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    line-height: 1;
-    padding-top: 7px; }
-  
-  .strength-meter-container > .strength-meter-content:before {
-    content: none; }
-  
-  .strength-meter-container > .strength-meter-content > .strength-meter-content-state {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .btn-switch-label {
-    display: flex;
-    align-items: center; }
-    .btn-switch-label:focus .btn-switch {
-      outline: 1px dotted #666;
-      outline-offset: 5px; }
-    .btn-switch-label input:focus .btn-switch {
-      outline: 1px dotted #666;
-      outline-offset: 5px; }
-    .btn-switch-label > span {
-      flex: 1; }
-  
-  .btn-switch {
-    background-color: #fff;
-    border: 1px solid #d2d2d2;
-    border-radius: 16px;
-    box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.15) inset, 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    height: 32px;
-    overflow: hidden;
-    position: relative;
-    width: 80px;
-    user-select: none; }
-    .btn-switch input[type="checkbox"] {
-      left: 0;
-      margin: 0;
-      opacity: 0;
-      position: absolute;
-      top: 0;
-      transition: none; }
-      .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on .activo {
-        font: 0px/0 "Omnes-ECOMP-W02", Arial; }
-      .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on + .btn + .btn-slider-off .inactivo {
-        font: 0px/0 "Omnes-ECOMP-W02", Arial; }
-    .btn-switch input:checked + .switch-overlay {
-      left: 0;
-      transition: all .3s linear .0s; }
-      .btn-switch input:checked + .switch-overlay .switch-handle {
-        background-color: #007a3e;
-        background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-        transition: background-color 0.3s linear 0s;
-        border: 1px solid transparent; }
-    .btn-switch input + .switch-overlay {
-      left: -48px;
-      transition: all .3s linear .0s; }
-      .btn-switch input + .switch-overlay .switch-handle {
-        background-color: #f2f2f2;
-        background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-        transition: background-color 0.3s linear 0s;
-        border: 1px solid #d2d2d2; }
-    .btn-switch input[disabled] + .switch-overlay {
-      left: 0;
-      width: 100% !important;
-      background-color: #d2d2d2;
-      color: #959595;
-      cursor: not-allowed !important; }
-      .btn-switch input[disabled] + .switch-overlay .btn-slider-on {
-        display: none; }
-      .btn-switch input[disabled] + .switch-overlay .activo {
-        display: none; }
-      .btn-switch input[disabled] + .switch-overlay .switch-handle {
-        display: none; }
-      .btn-switch input[disabled] + .switch-overlay .btn-slider-off {
-        left: 0;
-        text-align: center;
-        padding: 0; }
-    .btn-switch input[disabled]:checked + .switch-overlay {
-      left: 0;
-      width: 100% !important;
-      background-color: #fff; }
-      .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off {
-        display: none; }
-        .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off + .inactivo {
-          display: none; }
-      .btn-switch input[disabled]:checked + .switch-overlay .switch-handle {
-        display: none; }
-      .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-on {
-        display: block;
-        text-align: center;
-        padding: 0;
-        color: #007a3e !important;
-        font-weight: bold; }
-      .btn-switch input[disabled]:checked + .switch-overlay .activo {
-        display: block;
-        text-align: center;
-        padding: 0;
-        color: #007a3e !important;
-        font-weight: bold; }
-    .btn-switch input[disabled]:checked + .btn-slider-on {
-      display: block; }
-    .btn-switch input[disabled] + .btn-slider-on + .switch-handle {
-      width: 100%;
-      margin: 0; }
-      .btn-switch input[disabled] + .btn-slider-on + .switch-handle + .btn-slider-off {
-        display: block; }
-    .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on {
-      display: none; }
-      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo {
-        border: medium none;
-        color: #666;
-        font: 16px/32px "Omnes-ECOMP-W02", Arial;
-        height: auto;
-        margin: 0 auto;
-        width: auto; }
-        .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo:before {
-          display: none; }
-      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
-        display: block;
-        padding: 0;
-        text-align: center;
-        color: #333333; }
-        .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo {
-          border: medium none;
-          color: #666;
-          font: 16px/32px "Omnes-ECOMP-W02", Arial;
-          height: auto;
-          margin: 0 auto;
-          width: auto; }
-          .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo:before {
-            display: none; }
-    .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on {
-      display: block;
-      padding: 0;
-      text-align: center;
-      color: #007a3e; }
-      .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
-        display: none; }
-    .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .activo {
-      color: #007a3e;
-      font-weight: bold; }
-  
-  .switch-overlay {
-    border-radius: 16px;
-    color: black !important;
-    font-size: 1.6rem;
-    height: 32px;
-    left: 0;
-    position: absolute;
-    top: -1px;
-    width: 126px;
-    overflow: hidden; }
-  
-  .btn-slider-on {
-    left: -1px;
-    text-align: left;
-    padding-left: 12px;
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    height: 32px;
-    line-height: 32px;
-    position: absolute;
-    top: 1px;
-    width: 80px; }
-  
-  .btn-slider-off {
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    height: 32px;
-    line-height: 32px;
-    position: absolute;
-    top: 1px;
-    width: 80px;
-    right: 1px;
-    text-align: right;
-    padding-right: 11px; }
-  
-  .switch-handle {
-    border-radius: 50%;
-    display: inline-block;
-    height: 26px;
-    left: 50px;
-    position: absolute;
-    top: 3px;
-    width: 26px; }
-  
-  .activo {
-    display: block;
-    font-size: 0.1px;
-    line-height: 40px;
-    overflow: hidden; }
-    .activo:before {
-      background-image: none;
-      border-left: 3px solid #007a3e;
-      content: " ";
-      height: 18px;
-      left: 22px;
-      margin: 2px auto;
-      position: absolute;
-      top: 5px;
-      width: 0; }
-  
-  .inactivo {
-    font-size: 0.1px;
-    line-height: 40px; }
-    .inactivo:before {
-      background-image: none;
-      border: 3px solid #959595;
-      border-radius: 100%;
-      content: " ";
-      display: block;
-      position: absolute;
-      top: 4px;
-      right: 3px;
-      height: 16px;
-      width: 16px; }
-  
-  .btn-switch.focused {
-    outline: 1px dotted #000;
-    outline-offset: 5px; }
-  
-  table {
-    max-width: 100%;
-    background-color: transparent;
-    border-collapse: collapse;
-    border-spacing: 0;
-    width: 100%;
-    margin-bottom: 20px; }
-  
-  table caption {
-    text-align: left; }
-  
-  table thead th {
-    vertical-align: bottom; }
-  
-  table th,
-  table td {
-    padding: 19px 20px;
-    line-height: 1;
-    font-size: 1.4rem;
-    text-align: left;
-    vertical-align: top;
-    word-wrap: break-word; }
-  
-  table th {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 1.6rem;
-    font-weight: normal;
-    color: #333333;
-    padding: 13px 20px; }
-  
-  table tbody td {
-    border-left: 1px solid #d2d2d2;
-    border-top: 1px solid #d2d2d2; }
-  
-  table tbody td:first-child {
-    border-left: none; }
-  
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header,
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header + .accordion-content,
-  .tiny-accordion.iconleft.accordion-table-layout .inactive-toggle-header {
-    padding: 0 0 0 50px; }
-  
-  .faux-table-cell,
-  .inactive-toggle-header .faux-table-cell {
-    display: table-cell;
-    width: 100%;
-    padding: 13px 0 10px 0;
-    font-size: 16px;
-    color: #333333; }
-  
-  .accordion-content .faux-table-cell {
-    display: table-cell;
-    width: 100%;
-    padding: 0 0 10px 0; }
-  
-  .faux-table-cell:last-child {
-    text-align: right;
-    min-width: 100px;
-    max-width: 150px;
-    width: 1%;
-    background-color: #f2f2f2;
-    color: #333333;
-    font-size: 14px;
-    border-left: 1px solid #d2d2d2;
-    padding: 0 20px 0 10px; }
-  
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
-    opacity: 1; }
-  
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
-    opacity: 0;
-    transition: opacity .3s linear .2s; }
-  
-  @media (max-width: 767px) {
-    table th,
-    table td {
-      padding: 19px 10px; }
-    table th:first-child,
-    table td:first-child {
-      padding: 19px 15px; } }
-  
-  .data-row-list ul > li {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3Argba(153%2C153%2C153%2C1)%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important; }
-  
-  table {
-    border-bottom: 1px solid #d2d2d2; }
-  
-  table th,
-  table td {
-    padding: 15px 15px 10px; }
-  
-  .data-row .col-1 {
-    white-space: nowrap;
-    padding: 15px 15px 0 15px;
-    position: relative;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem;
-    border-top: 1px solid #d2d2d2; }
-  
-  .data-row.has-button .col-1 {
-    padding: 0; }
-  
-  .complex-table .data-row .col-1 {
-    color: #0568ae;
-    cursor: pointer; }
-  
-  .data-row.opened {
-    box-shadow: 0 -2px 0 0 #d2d2d2; }
-  
-  .data-row.opened td,
-  .data-row.opened th {
-    border-left: 1px solid transparent;
-    border-bottom: 1px solid transparent; }
-  
-  .data-row.opened + .data-row-list {
-    box-shadow: 0 1px 0 0 #d2d2d2; }
-  
-  .data-row.opened + .data-row-list > td {
-    padding-top: 0; }
-  
-  .data-row.opened + .data-row-list + .data-row.opened {
-    box-shadow: 0 -1px 0 0 #d2d2d2; }
-  
-  .data-row button {
-    background-color: transparent;
-    border: medium none;
-    border-radius: 0;
-    color: #0568ae;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem;
-    left: 0;
-    margin: 0;
-    padding: 12px 15px 7px;
-    position: relative;
-    text-align: left;
-    top: 0;
-    vertical-align: middle; }
-  
-  .data-row button:focus {
-    outline: 1px dotted black; }
-  
-  .data-row .col-1 i {
-    top: -1px;
-    margin-right: 10px;
-    display: inline-block !important; }
-  
-  .data-row-list th:first-child {
-    background-color: inherit !important;
-    border-top: none;
-    padding: 0 15px 15px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem; }
-  
-  .data-row-list ul {
-    margin: 0 0 0 30px; }
-  
-  .data-row-list ul > li:before {
-    display: none; }
-  
-  .data-row-list ul > li {
-    /* background-image in tables.less */
-    background-position: left 13px;
-    background-repeat: repeat-x;
-    background-size: 4px 1px;
-    display: table;
-    padding-left: 0;
-    width: 100%; }
-  
-  .data-row-list li div {
-    display: table-cell;
-    background-color: white;
-    float: left;
-    text-align: left;
-    padding-left: 0;
-    padding-right: 7px; }
-  
-  .data-row-list li div + div {
-    float: right;
-    text-align: right;
-    padding-right: 0;
-    padding-left: 7px; }
-  
-  .complex-table td:nth-child(1),
-  .complex-table td:nth-child(2),
-  .complex-table td:nth-child(3),
-  .complex-table td:nth-child(4),
-  .complex-table td:nth-child(5),
-  .complex-table td:nth-child(6),
-  .complex-table td:nth-child(7),
-  .complex-table td:nth-child(8),
-  .complex-table td:nth-child(9) {
-    white-space: nowrap; }
-  
-  th:nth-child(8) {
-    word-wrap: break-word;
-    word-spacing: 0; }
-  
-  .align-col-right {
-    text-align: right; }
-  
-  .complex-table th:not(:first-child),
-  .complex-table td:not(:first-child) {
-    text-align: right; }
-  
-  .striped tbody > tr td {
-    background-color: transparent !important; }
-  
-  .striped tbody > tr.data-row.odd,
-  .striped tbody > tr.data-row.odd + .data-row-list,
-  .striped tbody > tr.data-row.odd + .data-row-list li div {
-    background-color: #f2f2f2 !important; }
-  
-  .striped tbody > tr:not('.data-row'):nth-child(even) {
-    background-color: #f2f2f2; }
-  
-  .b2b-table-div .selectWrap {
-    width: 290px;
-    position: relative;
-    display: inline-table;
-    margin-bottom: 0px; }
-  
-  .b2b-external-sort-div {
-    float: right;
-    padding-bottom: 25px; }
-  
-  .b2b-external-sort-div .sortButton {
-    font-size: 36px;
-    border: 1px solid #ccc;
-    background: #FFF;
-    border-radius: 6px;
-    text-align: center;
-    background: linear-gradient(#fcfcfc, #f2f2f2);
-    background-blend-mode: multiply;
-    width: 1em; }
-  
-  .b2b-external-sort-label {
-    padding-bottom: 10px; }
-  
-  .b2b-external-sort-div a:hover {
-    cursor: pointer; }
-  
-  .b2b-external-sort-div a:hover, .b2b-external-sort-div a:focus {
-    text-decoration: none; }
-  
-  .b2b-external-sort-label label {
-    position: relative; }
-  
-  .b2b-external-sort-margin {
-    margin-right: 13px !important; }
-  
-  .b2b-table-sorter-icon [class*="icoArrows-"]:before {
-    font-size: 20px; }
-  
-  @media screen and (max-width: 950px) {
-    .b2b-external-sort-margin .selectWrap {
-      bottom: 0px !important; } }
-  
-  .tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
-    background: 0 0;
-    cursor: default; }
-  
-  .tablesorter-default .tablesorter-header .tablesorter-header-inner {
-    /*  background-image: url(images/tables/upanddown.png);*/
-    background-position: center right;
-    background-repeat: no-repeat;
-    cursor: pointer;
-    white-space: normal;
-    display: inline-block;
-    vertical-align: baseline;
-    zoom: 1;
-    *display: inline;
-    *vertical-align: auto;
-    /*  padding: 0 24px 0 0;*/ }
-  
-  .tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
-    padding: 0; }
-  
-  .tablesorter-default .tablesorter-header.tablesort-sortable .tablesorter-header-inner span {
-    margin-right: 24px;
-    display: inline-block; }
-  
-  /*
-  .tablesorter-default thead .headerSortUp .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner {
-    background-image: url(images/tables/up.png);
-  }
-  
-  .tablesorter-default thead .headerSortDown .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
-    background-image: url(images/tables/down.png);
-  }
-  */
-  .tablesorter-default thead .headerSortUp .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner,
-  .tablesorter-default thead .headerSortDown .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
-    padding-right: 0;
-    line-height: 16px; }
-  
-  .tablesorter-default thead .headerSortUp .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner:after {
-    font-family: 'icoPrimary' !important;
-    speak: none;
-    font-style: normal;
-    font-size: 24px;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 14px;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
-    content: "\ea3c";
-    /*    position: relative;*/
-    position: absolute;
-    text-decoration: inherit;
-    display: inline-block;
-    transform: rotate(180deg);
-    margin-left: -22px;
-    margin-top: 2px; }
-  
-  .tablesorter-default thead .headerSortDown .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner:after {
-    font-family: 'icoPrimary' !important;
-    speak: none;
-    font-style: normal;
-    font-size: 24px;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 14px;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
-    content: "\ea3c";
-    /*    position: relative;*/
-    position: absolute;
-    text-decoration: inherit;
-    display: inline-block;
-    margin-left: -22px;
-    margin-top: 2px; }
-  
-  .tablesorter-search-highlight {
-    font-weight: 700; }
-  
-  .tablesorter-headerRow th:focus {
-    outline: thin dotted #666;
-    outline-offset: -1px; }
-  
-  .b2b-table-message {
-    font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-table-message .b2b-magnify-glass {
-      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20enable-background%3D%22new%200%200%2036%2036%22%3E%3Cpath%20d%3D%22M27.847%208.26c-1.805-1.803-4.202-2.795-6.751-2.795-2.548%200-4.945.993-6.749%202.796-1.803%201.803-2.796%204.2-2.796%206.75%200%201.879.543%203.681%201.576%205.242l-7.059%207.059c-.357.356-.554.831-.554%201.336-.001.505.196.98.554%201.337.357.356.832.552%201.336.552.503%200%20.977-.196%201.336-.553l7.047-7.048c1.576%201.062%203.402%201.622%205.309%201.622%202.55%200%204.948-.993%206.751-2.796%201.803-1.804%202.796-4.201%202.796-6.751%200-2.549-.993-4.947-2.796-6.751zm-6.761.96c3.186%200%205.778%202.592%205.778%205.778%200%203.186-2.592%205.778-5.778%205.778-3.186%200-5.778-2.592-5.778-5.778%200-3.185%202.592-5.778%205.778-5.778z%22%20fill%3D%22%23767676%22%2F%3E%3C%2Fsvg%3E");
-      background-repeat: no-repeat;
-      background-position: center;
-      height: 50px; }
-    .b2b-table-message .b2b-alert {
-      font-size: 50px; }
-    .b2b-table-message .b2b-loading-dots {
-      font-size: 50px;
-      margin-bottom: 20px; }
-    .b2b-table-message .b2b-message {
-      text-align: center;
-      padding-bottom: 45px;
-      padding-top: 40px;
-      border-style: solid;
-      border-width: 1px;
-      border-top: none;
-      padding-bottom: 45px;
-      border-color: #d2d2d2;
-      width: 100%;
-      min-height: 220px; }
-    .b2b-table-message .b2b-error-title {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #444444;
-      line-height: 26px;
-      margin-top: 10px; }
-    .b2b-table-message .b2b-message-title {
-      color: #444;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-table-scrollbar {
-    border: 1px solid;
-    width: 651px;
-    position: relative; }
-    .b2b-table-scrollbar .b2b-table-inner-container {
-      width: 650px;
-      padding-left: 150px;
-      overflow-x: scroll; }
-    .b2b-table-scrollbar th:first-child {
-      background-color: #FFFFFF; }
-    .b2b-table-scrollbar td:first-child {
-      background-color: #FFFFFF;
-      border-top: 1px solid #cccccc;
-      border-right: 1px solid #cccccc;
-      margin-top: -0.5px; }
-    .b2b-table-scrollbar tr {
-      th: nth-child(2), td; }
-      .b2b-table-scrollbar tr :nth-child(2) {
-        border-left: none; }
-    .b2b-table-scrollbar tr:last-child > td:first-child {
-      border-bottom: 1px solid #cccccc; }
-  
-  .b2b-scrollbar-arrow-left {
-    float: left;
-    margin: 10px; }
-  
-  .b2b-scrollbar-arrow-right {
-    float: right;
-    clear: right;
-    margin: 10px; }
-    .b2b-scrollbar-arrow-right.btn-arrow .btn {
-      margin-right: 0; }
-  
-  .b2b-table-scrollbar ::-webkit-scrollbar {
-    height: 10px; }
-  
-  .b2b-table-scrollbar ::-webkit-scrollbar-thumb {
-    background: #666666;
-    border-radius: 5px; }
-  
-  .tabs {
-    margin-left: 0;
-    margin-bottom: 20px;
-    list-style: none; }
-  
-  .tabs > li > a {
-    display: block; }
-  
-  .tabs > li > a:hover,
-  .tabs > li > a:focus {
-    text-decoration: none;
-    background-color: #d2d2d2; }
-  
-  .tabs > .pull-right {
-    float: right; }
-  
-  .tabs:before,
-  .tabs:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tabs:after {
-    clear: both; }
-  
-  .tabs > li {
-    float: left; }
-  
-  .tabs > li > a {
-    padding-right: 20px;
-    padding-left: 20px;
-    margin-right: 3px;
-    line-height: 16px; }
-  
-  .tabs {
-    margin: 0; }
-  
-  .tabs > li {
-    margin-bottom: -1px; }
-  
-  .tabs > li:first-child {
-    margin-left: 20px; }
-  
-  .tabs > li > a {
-    padding: 12px 20px;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px 6px 0 0;
-    background-color: #f2f2f2;
-    color: #5a5a5a;
-    border-color: #d2d2d2; }
-  
-  .tabs > li > a {
-    margin-right: 6px; }
-  
-  .tabs > li > a,
-  .tabs > li > a:hover,
-  .tabs > li > a:focus {
-    background-image: none;
-    background-color: #ffffff;
-    color: #5a5a5a;
-    border-color: #d2d2d2;
-    border-bottom: 1px solid transparent;
-    cursor: pointer; }
-  
-  .tabs.tabs-justified,
-  .tabs.promo-tabs {
-    width: 100%;
-    border-bottom: 0;
-    margin-bottom: -1px; }
-  
-  .tabs.tabs-justified > li,
-  .tabs.promo-tabs > li {
-    display: table-cell;
-    float: none;
-    width: 1%;
-    border-left: 1px solid #d2d2d2; }
-  
-  .tabs.tabs-justified > li.active,
-  .tabs.promo-tabs > li.active {
-    position: relative;
-    z-index: 1000; }
-  
-  .tabs.tabs-justified > li > a {
-    padding-right: 5px;
-    padding-left: 5px; }
-  
-  .tabs.tabs-justified > li > a,
-  .tabs.promo-tabs > li > a {
-    text-align: center; }
-  
-  .tabs.promo-tabs > li > a {
-    padding: 0;
-    margin: 0;
-    border-radius: 0;
-    border: none;
-    color: #0568ae;
-    font-size: 1.2rem;
-    text-align: center;
-    padding: 6px 10px 10px;
-    border-top: 4px solid #e6e6e6;
-    filter: none;
-    border-bottom: 1px solid #d2d2d2;
-    background-color: #f9f9f9; }
-  
-  .tabs > li:last-child > a {
-    margin-right: 0; }
-  
-  .tabs.promo-tabs > li.active > a {
-    color: #333333;
-    border-top: 4px solid #ea7400;
-    border-bottom-color: white;
-    background-color: #fff !important;
-    filter: none;
-    cursor: default; }
-  
-  .tabs.promo-tabs > li:first-child {
-    border-left: none; }
-  
-  .tabs.promo-tabs > li > a img {
-    max-width: inherit;
-    max-height: 39px;
-    margin: 0 auto 5px auto;
-    display: block; }
-  
-  .tabbable:before,
-  .tabbable:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tabbable:after {
-    clear: both; }
-  
-  .tab-content {
-    overflow: auto;
-    border: 1px solid #e6e6e6; }
-  
-  .tabs.promo-tabs + .tab-content {
-    border: none;
-    border-bottom: 1px solid #e6e6e6; }
-  
-  .tab-content > .tab-pane {
-    padding: 10px 15px; }
-  
-  .tab-content.noborder {
-    border: none; }
-  
-  .tab-content.noborder > .tab-pane {
-    padding: 0; }
-  
-  .tab-content > .tab-pane {
-    display: none; }
-  
-  .tab-content > .active {
-    display: block; }
-  
-  .tabs.promo-tabs > li > a {
-    font-size: 2.0rem;
-    height: 70px;
-    padding: 20px 20px 24px;
-    background-color: #FFFFFF;
-    border-top: 5px solid #FFFFFF;
-    white-space: nowrap; }
-  
-  .tabs.promo-tabs > li.active > a {
-    border-top: 5px solid #0574ac; }
-  
-  .tabs.promo-tabs > li > a:hover {
-    color: #333333; }
-  
-  .tabs.promo-tabs > li {
-    width: auto; }
-  
-  .tabs > li[disabled="disabled"] > a:hover {
-    cursor: not-allowed; }
-  
-  .b2b-tags {
-    background-color: #f2f2f2;
-    -webkit-transition: all .3s ease-out;
-    -moz-transition: all .3s ease-out;
-    transition: all .3s ease-out;
-    margin: 3px 5px 3px 0;
-    padding: 2px 15px;
-    border-radius: 6px;
-    border: 1px solid #c9c9c9;
-    display: inline-block; }
-    .b2b-tags .tags__item {
-      font-size: 14px;
-      vertical-align: baseline;
-      zoom: 1;
-      color: #333; }
-      .b2b-tags .tags__item i {
-        color: #0574ac;
-        font-size: 14px;
-        font-weight: bold;
-        margin-left: 10px; }
-        .b2b-tags .tags__item i:hover {
-          cursor: pointer; }
-      .b2b-tags .tags__item i:focus {
-        outline: thin dotted #666; }
-      .b2b-tags .tags__item:last-child {
-        margin-right: 0; }
-      .b2b-tags .tags__item:hover {
-        text-decoration: none; }
-      .b2b-tags .tags__item:focus {
-        outline: 1px dotted #666; }
-  
-  .tooltip-size-control {
-    display: block; }
-  
-  .tooltip {
-    display: inline-block;
-    height: 20px;
-    vertical-align: middle;
-    margin: 1px 0 0 7px; }
-  
-  p .tooltip {
-    margin: -3px 7px 0 0; }
-  
-  label .tooltip {
-    margin: 1px 0 0 7px; }
-  
-  .tooltip .icon-primary-tooltip {
-    background: none;
-    border: none;
-    display: inline-block;
-    font-size: 20px;
-    height: 20px;
-    margin: 0;
-    position: relative;
-    width: 20px; }
-  
-  .tooltip .icon-primary-tooltip:before {
-    top: 0; }
-  
-  .tooltip .icon-primary-tooltip:focus {
-    text-decoration: none;
-    outline: 1px dotted black; }
-  
-  .tooltip.active .icon-primary-tooltip:focus {
-    outline: none; }
-  
-  .tooltip .arrow {
-    display: none;
-    border-color: transparent;
-    border-style: solid;
-    background-color: #0568ae;
-    height: 20px;
-    width: 20px;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    opacity: 0;
-    transform: rotate(45deg);
-    z-index: 20; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="top"] .arrow {
-    display: block;
-    bottom: 32px;
-    top: auto;
-    border-width: 0 1px 1px 0; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="bottom"] .arrow {
-    border-width: 1px 0 0 1px;
-    display: block;
-    bottom: -33px;
-    top: auto; }
-  
-  .tooltip.active .arrow {
-    opacity: 1; }
-  
-  .tooltip .closingtooltip {
-    display: block; }
-  
-  .tooltip.active .closingtooltip {
-    display: none; }
-  
-  .tooltip-wrapper {
-    position: absolute;
-    margin-top: 20px;
-    left: 15px;
-    right: 15px;
-    display: none;
-    opacity: 0;
-    z-index: 1010;
-    text-align: left; }
-  
-  .helpertext {
-    background-color: #0568ae;
-    border: 1px solid transparent;
-    border-radius: 6px;
-    color: #fff;
-    display: none;
-    margin: 0;
-    padding: 25px;
-    position: relative;
-    text-align: left;
-    width: 100%;
-    top: 0;
-    z-index: 1009; }
-  
-  .tooltip .helpertext {
-    position: absolute; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="bottom"] + .tooltip-wrapper .helpertext {
-    bottom: inherit;
-    top: 19px; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="top"] + .tooltip-wrapper .helpertext {
-    top: inherit;
-    bottom: 38px; }
-  
-  .tooltip.active .tooltip-wrapper {
-    opacity: 1;
-    display: block;
-    margin-top: 0; }
-  
-  .tooltip.active .tooltip-wrapper .helpertext {
-    display: block; }
-  
-  .tooltip-onclick .btn.icon-primary-tooltip {
-    border: medium none;
-    box-shadow: none;
-    color: #0568ae;
-    font-size: 20px;
-    height: 34px;
-    line-height: 36px;
-    margin: 0;
-    min-width: 50px;
-    padding: 0;
-    position: absolute;
-    right: 0;
-    top: 0; }
-  
-  .tooltip-onclick .icon-primary-tooltip:before {
-    display: inline;
-    position: relative; }
-  
-  .tooltip-onclick textarea + .reset-field + .icon-primary-tooltip {
-    top: 4px;
-    right: 5px;
-    min-width: 40px; }
-  
-  .tooltip-onclick.active .helpertext:before,
-  .tooltip-onfocus.active .helpertext:before {
-    background-color: #0568ae;
-    border-color: transparent;
-    border-style: solid;
-    border-width: 1px 1px 0 0;
-    content: "";
-    display: block;
-    height: 15px;
-    left: 17px;
-    margin: 0;
-    position: absolute;
-    top: -7px;
-    transform: rotate(-45deg);
-    width: 15px; }
-  
-  .tooltip-onclick.active .helpertext {
-    display: block;
-    opacity: 1;
-    margin: 14px 0 0; }
-  
-  .tooltip-onclick.active .helpertext:before {
-    left: inherit;
-    right: 18px; }
-  
-  .tooltip-onclick .reset-field {
-    right: 37px; }
-  
-  .tooltip-onclick .reset-field:before {
-    position: relative;
-    top: -1px; }
-  
-  .tooltip-onfocus.active .helpertext {
-    display: block;
-    margin: 14px 0 10px 0; }
-  
-  .popover-title {
-    display: block;
-    font-size: 14px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: bold;
-    margin-bottom: 8px;
-    white-space: normal; }
-  
-  .popover-content {
-    display: block;
-    font-size: 12px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    line-height: 1.5rem;
-    white-space: normal; }
-  
-  .popover-content span,
-  .popover-content p {
-    line-height: 1.5rem; }
-  
-  .popover-content p:last-child {
-    margin-bottom: 0; }
-  
-  .tooltip .tooltip-element {
-    position: relative; }
-  
-  .tooltip .icon-primary-tooltip:hover {
-    text-decoration: none; }
-  
-  .tooltip.active .tooltip-element[data-placement="top"] .arrow {
-    display: block;
-    bottom: 32px;
-    top: auto; }
-  
-  .tooltip.active .tooltip-element[data-placement="bottom"] .arrow {
-    display: block;
-    border-color: transparent transparent #0574ac;
-    bottom: -33px;
-    top: auto; }
-  
-  .tooltip.active .tooltip-element[data-placement="bottom"] + .tooltip-wrapper .helpertext {
-    bottom: inherit;
-    top: 19px; }
-  
-  .tooltip.active .tooltip-element[data-placement="top"] + .tooltip-wrapper .helpertext {
-    top: inherit;
-    bottom: 38px; }
-  
-  .b2b-tree {
-    padding: 0 10px 0 10px;
-    width: 320px; }
-    .b2b-tree ul {
-      list-style: none;
-      list-style-type: none; }
-    .b2b-tree a {
-      display: block;
-      padding: 0 0 5px 30px;
-      line-height: 22px;
-      margin-left: -10px;
-      font-size: 1.4rem;
-      outline-offset: -1px; }
-    .b2b-tree li:focus {
-      outline: none; }
-      .b2b-tree li:focus > a {
-        outline: thin dotted #666;
-        outline-offset: -1px; }
-    .b2b-tree ul li {
-      border-left: 1px solid #ccc; }
-      .b2b-tree ul li .b2b-tree-tooltip {
-        display: none;
-        position: absolute;
-        top: -25px;
-        left: 100%;
-        white-space: nowrap;
-        margin-left: 10px;
-        z-index: 1010;
-        font-family: "Omnes-ECOMP-W02", Arial;
-        font-size: 12px; }
-      .b2b-tree ul li .b2b-tree-tooltip-content {
-        background-color: #0568ae;
-        margin-left: 9px;
-        border-radius: 6px;
-        color: #fff;
-        padding: 25px; }
-      .b2b-tree ul li .b2b-tree-arrow-left {
-        width: 0;
-        height: 0;
-        border-top: 10px solid transparent;
-        border-bottom: 10px solid transparent;
-        border-right: 10px solid #0568ae;
-        position: absolute;
-        top: 25px; }
-      .b2b-tree ul li.activeTooltip > a .b2b-tree-tooltip {
-        display: block; }
-    .b2b-tree ul ul {
-      padding: 0 0 0 20px; }
-    .b2b-tree ul > li {
-      position: relative;
-      line-height: 18px; }
-    .b2b-tree a > span.b2b-tree-node-icon {
-      background-color: #FFF;
-      display: inline;
-      margin: 0;
-      padding: 0;
-      position: absolute;
-      left: -11px;
-      top: 0;
-      line-height: 14px;
-      width: 11px; }
-      .b2b-tree a > span.b2b-tree-node-icon > i {
-        font-size: 20px; }
-    .b2b-tree a:only-child {
-      color: #0574ac; }
-      .b2b-tree a:only-child > span.b2b-tree-node-icon {
-        left: -11px;
-        border-radius: 50%;
-        line-height: 7px;
-        top: 0; }
-        .b2b-tree a:only-child > span.b2b-tree-node-icon > i {
-          background-color: inherit;
-          background: #fff; }
-    .b2b-tree a > span.b2b-tree-node-icon > i.icon-primary-circle {
-      background-color: inherit;
-      background: #fff;
-      font-size: 10px; }
-    .b2b-tree a.b2b-locked-node:after {
-      content: "\ec58";
-      float: right;
-      font-family: 'icoSecurityalerts' !important; }
-    .b2b-tree a:hover .b2b-locked-node:after {
-      text-decoration: none; }
-    .b2b-tree ul li:first-child > a:only-child > span.b2b-tree-node-icon {
-      left: -11px;
-      border-radius: 50%;
-      line-height: 12px; }
-    .b2b-tree ul li:last-child > a:only-child > span.b2b-tree-node-icon {
-      height: 27px;
-      background-color: #fff; }
-    .b2b-tree li a + ul {
-      height: 0;
-      overflow: hidden; }
-    .b2b-tree li a.active + ul {
-      height: auto;
-      overflow: visible; }
-    .b2b-tree li a.grp {
-      font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-      .b2b-tree li a.grp.active {
-        color: #333; }
-    .b2b-tree span.end {
-      left: -6px !important;
-      top: 5px !important; }
-    .b2b-tree span.first-link {
-      width: 3px !important;
-      height: 15px !important;
-      top: 0px !important;
-      left: -2px !important;
-      background: #fff; }
-  
-  .b2b-tree-checkbox {
-    padding: 0 10px 0 10px;
-    width: 320px; }
-    .b2b-tree-checkbox ul {
-      list-style: none;
-      list-style-type: none; }
-    .b2b-tree-checkbox a {
-      display: block;
-      padding: 0 0 5px 30px;
-      line-height: 22px;
-      margin-left: -10px;
-      font-size: 14px;
-      outline-offset: -1px; }
-    .b2b-tree-checkbox li:focus {
-      outline: none; }
-      .b2b-tree-checkbox li:focus > a {
-        outline: thin dotted #666;
-        outline-offset: -1px; }
-    .b2b-tree-checkbox ul li {
-      border-left: 1px solid #ccc; }
-    .b2b-tree-checkbox ul ul {
-      padding: 0 0 0 20px; }
-    .b2b-tree-checkbox ul > li {
-      position: relative;
-      line-height: 18px; }
-    .b2b-tree-checkbox a > span.nodeIcon {
-      background-color: #FFF;
-      display: inline;
-      margin: 0;
-      padding: 0;
-      position: absolute;
-      left: -11px;
-      top: 0;
-      line-height: 14px;
-      width: 11px; }
-      .b2b-tree-checkbox a > span.nodeIcon > i {
-        font-size: 20px; }
-      .b2b-tree-checkbox a > span.nodeIcon.end {
-        margin-top: 10px; }
-    .b2b-tree-checkbox a:only-child {
-      color: #0574ac; }
-      .b2b-tree-checkbox a:only-child > span.nodeIcon {
-        left: -11px;
-        border-radius: 50%;
-        line-height: 7px;
-        top: 0; }
-        .b2b-tree-checkbox a:only-child > span.nodeIcon > i {
-          background-color: inherit;
-          background: #fff; }
-    .b2b-tree-checkbox a > span.nodeIcon > i.icon-primary-circle {
-      background-color: inherit;
-      background: #fff;
-      font-size: 10px; }
-    .b2b-tree-checkbox ul li:first-child > a:only-child > span {
-      left: -11px;
-      border-radius: 50%;
-      line-height: 12px;
-      top: 0px; }
-    .b2b-tree-checkbox ul li:first-child > a:only-child > span.end {
-      margin-top: 0px; }
-    .b2b-tree-checkbox ul li:first-child > a:only-child > span i.icon-primary-circle {
-      top: 8px; }
-    .b2b-tree-checkbox ul li:last-child > a:only-child > span {
-      height: 34px;
-      background-color: #fff; }
-    .b2b-tree-checkbox li a + ul {
-      height: 0;
-      overflow: hidden; }
-    .b2b-tree-checkbox li a.active + ul {
-      height: auto; }
-    .b2b-tree-checkbox li a.grp {
-      font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-    .b2b-tree-checkbox span.end {
-      left: -6px !important; }
-    .b2b-tree-checkbox .checkbox {
-      margin-bottom: 0px;
-      margin-top: 2px;
-      font-size: 14px; }
-      .b2b-tree-checkbox .checkbox input:indeterminate + .skin:after {
-        content: "\2014";
-        padding-left: 2px;
-        font-family: inherit !important;
-        line-height: inherit !important; }
-    .b2b-tree-checkbox span.first-link {
-      width: 3px !important;
-      height: 15px !important;
-      top: 0px !important;
-      left: -2px !important;
-      background: #fff; }
-  
-  .b2b-widget-window {
-    width: 147px;
-    right: 5px;
-    top: 60px;
-    position: absolute;
-    border: 1px solid #ccc;
-    background-color: #fff;
-    border-radius: 8px;
-    z-index: 1000; }
-    .b2b-widget-window li {
-      margin: 15px; }
-  
-  .b2b-widget-container {
-    background-color: #fff;
-    border-radius: 8px;
-    border: 1px solid #ccc;
-    position: relative; }
-    .b2b-widget-container .b2b-widget-header {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #333;
-      height: 55px;
-      padding-left: 15px;
-      padding-top: 19px; }
-      .b2b-widget-container .b2b-widget-header .header {
-        font-size: 18px; }
-    .b2b-widget-container .b2b-widget-header-icons {
-      font-size: 16px;
-      color: #0574ac; }
-  
-  .b2b-widget-header-icons button {
-    border: none;
-    background: transparent;
-    color: #0574ac; }
-    .b2b-widget-header-icons button:focus {
-      outline-style: solid;
-      outline-width: 1px;
-      outline-color: #0574ac; }
-    .b2b-widget-header-icons button:first-child {
-      margin-right: 0px; }
-  
-  .b2b-widget-container .b2b-widget-content {
-    height: 325px;
-    margin: 0;
-    padding: 20px;
-    position: relative;
-    border-top: 1px solid #ccc; }
-  
-  .b2b-widget-content .form-row:first-child {
-    margin-top: 0; }
-  
-  .b2b-widget-header-icons button.icoControls-gear:focus, .b2b-widget-header-icons button.icon-primary-close:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-widget-header .icon-primary-close:before {
-    content: '-';
-    display: inline-block;
-    margin: 0;
-    padding: 0;
-    outline: none; }
-  
-  .b2b-widget-window .arrow_box {
-    background: #fff;
-    border: 1px solid #ccc; }
-  
-  .b2b-widget-window.arrow_box:after, .b2b-widget-window.arrow_box:before {
-    bottom: 100%;
-    left: 75%;
-    border: solid transparent;
-    content: " ";
-    height: 0;
-    width: 0;
-    position: absolute;
-    pointer-events: none; }
-  
-  .b2b-widget-window.arrow_box:after {
-    border-color: rgba(255, 255, 255, 0);
-    border-bottom-color: #fff;
-    border-width: 10px;
-    margin-left: 1px; }
-  
-  .b2b-widget-window.arrow_box:before {
-    border-color: rgba(204, 204, 204, 0);
-    border-bottom-color: #ccc;
-    border-width: 11px;
-    margin-left: 0px; }
-  
-  /************************** Overrides for Filters ***************************/
-  .filter-container .filter-header h2 {
-    line-height: 1 !important;
-    margin: 0 !important; }
-  
-  .filter-container .icon-primary-spinner:before {
-    content: none; }
-  
-  .filter-container .fixed-230-subnav {
-    margin: 10px !important;
-    width: inherit !important; }
-  
-  .filter-container .unlinked:focus {
-    outline: thin dotted #666 !important; }
-  
-  .filter-container .unlinked.active {
-    color: inherit !important; }
-  
-  .filter-container .fixed-230-subnav a > i {
-    background: none; }
-  
-  .filter-container .fixed-230-subnav ul {
-    margin: 0 0 10px 10px; }
-  
-  /************************** Overrides for Filters ***************************/
-  .row .filter-container {
-    background-color: #fff; }
-  
-  .filter-header {
-    overflow: hidden;
-    padding: 20px 0;
-    position: relative; }
-  
-  .filter-header h2 {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 2.4rem;
-    margin-bottom: 0; }
-  
-  .filter-selected {
-    border-top: 1px solid #ccc;
-    padding-top: 20px; }
-  
-  .filter-selected > span {
-    font-size: 1.3rem;
-    text-transform: uppercase; }
-  
-  .filter-selected > a.clear-all-filters {
-    float: right;
-    font-size: 1.4rem; }
-  
-  .filter-selected > span,
-  .filter-selected > a.clear-all-filters {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .filter-selected-group {
-    padding-top: 15px; }
-  
-  .filter-selected-badge {
-    background-color: #f2f2f2;
-    border-radius: 15px;
-    display: inline-block;
-    font-size: 1.4rem;
-    margin-bottom: 10px;
-    padding: 0 0 0 12px; }
-  
-  .filter-selected-badge .icoControls-optionsoff {
-    background: transparent none repeat scroll 0 0;
-    border: medium none;
-    font-size: 2.5em;
-    margin: 0;
-    padding: 0; }
-  
-  .filters .fixed-230-subnav > ng-transclude > div:first-child {
-    border-top: 1px solid #ccc; }
-  
-  .filters .fixed-230-subnav > ng-transclude > div {
-    border-bottom: 1px solid #ccc; }
-  
-  .filter-results {
-    align-items: center;
-    border-bottom: 1px solid #ccc;
-    display: flex;
-    flex-wrap: wrap;
-    height: 50px;
-    -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
-    justify-content: space-between; }
-  
-  .filter-results-sortby > span {
-    text-transform: uppercase; }
-  
-  .filter-results-view .icon-primary-content-gridguide {
-    font-size: 2em;
-    margin-right: 0; }
-  
-  .filter-container .fixed-230-subnav > ng-transclude > div > a {
-    font-size: 1.8rem;
-    margin: 0;
-    padding: 15px 20px 15px 0;
-    color: #0574ac !important;
-    cursor: pointer !important;
-    font-family: "Omnes-ECOMP-W02", Arial !important;
-    outline-offset: inherit !important;
-    position: relative;
-    height: auto;
-    width: auto; }
-  
-  .filter-container .fixed-230-subnav a > i {
-    right: 0;
-    top: 15px; }
-  
-  .filter-container .fixed-230-subnav .icon-primary-collapsed:before, .filter-container .fixed-230-subnav .icon-primary-expanded:before {
-    float: right; }
-  
-  .filter-container .fixed-230-subnav ul.collapse {
-    position: inherit;
-    transition: height 0.5s ease;
-    height: 0;
-    overflow: hidden; }
-  
-  .filter-container .checkbox .icon-primary-spinner {
-    height: 24px;
-    position: absolute;
-    width: 24px; }
-  
-  .fixed-230-subnav.affix {
-    margin: -28px 0 0; }
-  
-  #nav-menu .b2b-menu,
-  #nav-menu .fixed-230-subnav {
-    margin: 0; }
-  
-  .b2b-menu > li,
-  .fixed-230-subnav > div {
-    border-bottom: 1px solid #ccc;
-    line-height: 4.0rem; }
-  
-  .b2b-menu > li:first-child,
-  .fixed-230-subnav > li:first-child {
-    border-top: 1px solid #ccc; }
-  
-  .b2b-menu div > a,
-  .fixed-230-subnav div > a {
-    color: #0574ac;
-    cursor: pointer;
-    display: block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem;
-    margin: 0;
-    outline-offset: -1px;
-    padding: 0 10px;
-    position: relative; }
-  
-  .fixed-230-subnav div > a.live {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #666; }
-  
-  .fixed-230-subnav > ng-transclude > div li > a {
-    display: block;
-    font-size: 1.4rem;
-    line-height: 20px; }
-  
-  .fixed-230-subnav > ng-transclude > div li > a.active {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    text-decoration: none;
-    color: #666; }
-  
-  #nav-menu .fixed-230-subnav a > i {
-    top: 10px; }
-  
-  .fixed-230-subnav > li > a.active > i:after {
-    display: none; }
-  
-  .b2b-menu ul,
-  .fixed-230-subnav ul {
-    margin: 0 0 10px 0; }
-  
-  .b2b-menu ul div a,
-  .fixed-230-subnav ul div a {
-    padding: 0 10px; }
-  
-  .unlinked {
-    outline: medium none !important;
-    text-decoration: none !important; }
-  
-  @media (max-width: 1024px) {
-    .filter-container .fixed-230-subnav {
-      margin: 0 20px;
-      width: auto; }
-    .filter-container .fixed-230-subnav > li {
-      margin: 0; }
-    .row .filter-container {
-      display: none;
-      height: 100%;
-      left: 0;
-      position: fixed;
-      overflow: auto;
-      top: 0;
-      transition: all 0.5s ease 0s;
-      width: 285px;
-      z-index: 9999; }
-    .filter-header {
-      padding-left: 20px; }
-    .filter-selected {
-      margin: 0 20px 10px; } }
-  
-  .b2b-pane-selector-wrapper {
-    width: 100%;
-    display: block;
-    border-top: solid 1px #ccc;
-    border-bottom: solid 1px #ccc; }
-    .b2b-pane-selector-wrapper .side-nav {
-      width: 20% !important;
-      display: inline-block;
-      float: left; }
-    .b2b-pane-selector-wrapper .pane-container {
-      width: 80%;
-      vertical-align: top;
-      margin: 0;
-      padding-top: 30px;
-      border-left: solid 1px #ccc;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      display: none; }
-      .b2b-pane-selector-wrapper .pane-container.active {
-        display: inline-block; }
-      .b2b-pane-selector-wrapper .pane-container .pane-container-top {
-        padding-left: 15px; }
-      .b2b-pane-selector-wrapper .pane-container .panes {
-        display: -webkit-flex;
-        display: flex;
-        border-top: solid 1px #ccc;
-        margin-top: 30px; }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block {
-          height: inherit;
-          overflow-y: auto;
-          border-right: solid 1px #ccc;
-          position: relative;
-          flex: 1;
-          -webkit-flex: 1;
-          /* Safari 6.1+ */
-          -ms-flex: 1;
-          /* IE 10 */ }
-          .b2b-pane-selector-wrapper .pane-container .panes div.pane-block:focus {
-            outline: dotted 1px #333333; }
-      .b2b-pane-selector-wrapper .pane-container .search-block {
-        position: relative;
-        float: right; }
-        .b2b-pane-selector-wrapper .pane-container .search-block input[type="search"]:focus {
-          padding-right: 40px; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row p {
-        margin-top: 15px; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div {
-        border-bottom: solid 1px #ccc; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row {
-        display: block;
-        padding: 19px 14px 19px 14px;
-        margin-top: 0px;
-        border: dotted 1px transparent;
-        border-bottom: solid 1px #ccc; }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:focus {
-          border: dotted 1px #333333 !important; }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:last-child {
-          border-bottom: none; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block > .no-content {
-        text-align: center;
-        border-bottom: none;
-        display: block;
-        position: absolute;
-        top: 45%;
-        left: 0;
-        right: 0; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div:last-child {
-        border-bottom: none; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row span.margin-chk {
-        margin: 15px 15px 0px 15px;
-        float: left; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row .checkbox-selectall {
-        margin: 0px 0 0 24px !important; }
-    .b2b-pane-selector-wrapper .side-nav li {
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      border: none;
-      border-top: solid 1px #ccc;
-      display: block !important;
-      width: auto !important;
-      margin-left: 0px !important; }
-      .b2b-pane-selector-wrapper .side-nav li.active {
-        background-color: #f6f6f6;
-        position: inherit !important; }
-        .b2b-pane-selector-wrapper .side-nav li.active > a {
-          font-size: 16px;
-          color: #333;
-          text-decoration: none;
-          border: none;
-          background-color: transparent;
-          padding: 20px 15px;
-          display: block;
-          height: auto;
-          border-left: 4px solid #0574ac; }
-      .b2b-pane-selector-wrapper .side-nav li > a {
-        font-size: 16px;
-        color: #333;
-        text-decoration: none;
-        border: none;
-        background-color: transparent;
-        padding: 20px 15px;
-        display: block;
-        height: auto;
-        text-align: left; }
-      .b2b-pane-selector-wrapper .side-nav li > a:focus {
-        border-right: dotted 1px #333333; }
-      .b2b-pane-selector-wrapper .side-nav li:first-child {
-        border-top: none;
-        margin-left: none !important; }
-  /********************* Utility CSS Starts **********************/
-  .offscreen-text {
-    position: absolute;
-    left: -10000px;
-    top: auto;
-    width: 1px;
-    height: 1px;
-    overflow: hidden; }
-  
-  /********************* Utility CSS Ends **********************/
-  /* Fix for alignment issue on Cancel link inside modal */
-  .modal-footer > .cta-button-group {
-    line-height: 40px; }
-  
-  /* .att-dark-green { // Not used
-    color: #007a3e;
-  } */
-  .colors-off-msg {
-    display: none; }
-  
-  button .colors-off-msg {
-    position: relative; }
-  
-  .ds2-no-colors .colors-off-msg {
-    display: block; }
-  
-  .ds2-no-colors [data-colordatatext] button .colors-off-msg {
-    font-size: 1.1rem;
-    line-height: normal;
-    padding: 5px 0;
-    position: absolute;
-    top: 0;
-    white-space: normal;
-    width: 60px; }
-  
-  /* Not used
-  .make-all-white * {
-    color: #fff;
-  }
-  .make-all-white a {
-    text-decoration: underline;
-  } */
-  .loader > span {
-    display: block;
-    padding-top: 20px; }
-  
-  .modal > .loader {
-    left: 50%;
-    margin-left: -25px;
-    margin-top: -25px;
-    position: absolute;
-    top: 50%; }
-  
-  #pageLevelLoader.modal {
-    background-color: transparent;
-    border: none;
-    box-shadow: none;
-    top: 40%; }
-  
-  .modal.fade .loader {
-    display: none; }
-  
-  .modal.fade.in .loader {
-    display: block; }
-  
-  .btn.disabled[data-loading-text] {
-    padding: 0 19px 0 18px;
-    line-height: 46px; }
-  
-  .btn.disabled[data-loading-text] img {
-    position: relative;
-    top: 2px; }
-  
-  /*  Seems to already be in docs.css
-  .fixed-230.leftnav {
-    position: relative;
-  }
-  .fixed-230-subnav {
-    margin: 10px;
-  }
-  .fixed-230-subnav > li:first-child {
-    border-top: none;
-  }
-  .fixed-230-subnav > li {
-    border-bottom: 1px solid #d2d2d2;
-  }
-  .fixed-230-subnav > li > a {
-    display: block;
-    font-size: 1.4rem;
-    line-height: normal;
-    margin: 0 -9px;
-    padding: 11px 35px 12px 9px;
-    outline-offset: 0;
-    position: relative;
-  }
-  .fixed-230-subnav > li > a.live {
-    color: #333333;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  }
-  .fixed-230-subnav a > i {
-    right: 10px;
-    margin: 0;
-    position: absolute;
-    top: 10px;
-  }
-  .fixed-230-subnav a > i:after {
-    display: none;
-  }
-  .fixed-230-subnav > li li > a {
-    display: block;
-    font-size: 1.4rem;
-    line-height: 18px;
-  }
-  .fixed-230-subnav > li li > a.active {
-    color: #333333;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    text-decoration: none;
-  }
-  .fixed-230-subnav ul {
-    margin: 0 0 10px;
-  } */
-  .unlinked {
-    color: #0568ae !important;
-    font-family: "Omnes-ECOMP-W02", Arial !important; }
-  
-  .unlinked.active {
-    color: inherit !important; }
-  
-  /* @media (max-width: 767px) {
-    .row.has-leftnav {
-      flex-wrap: wrap;
-    }
-    .row.has-leftnav .fluid-space {
-      padding-right: 0;
-    }
-    .row .fixed-230 {
-      background-color: #fff;
-      width: auto;
-    }
-    .row .leftnav {
-      background-color: #fff !important;
-      display: block !important;
-    }
-    .fixed-230-subnav {
-      margin: 10px 0 0;
-      width: 100%;
-    }
-    .fixed-230-subnav > li {
-      margin-left: -15px;
-      margin-right: -15px;
-    }
-    .fixed-230-subnav > li:first-child {
-      border-top: 1px solid #d2d2d2;
-    }
-    .fixed-230-subnav > li > a {
-      margin: 0;
-    }
-    .fixed-230-subnav a:hover,
-    .fixed-230-subnav a:focus {
-      text-decoration: none !important;
-    }
-    .fixed-230-subnav > li li > a {
-      padding: 5px 10px;
-    }
-    .fixed-230-subnav > li li > a.active {
-      color: inherit;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    }
-  } */
-  @keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-moz-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-webkit-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-ms-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-o-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  .ajaxed,
-  .modal.fade.in .modal-header,
-  .modal.fade.in .modal-body,
-  .modal.fade.in .modal-footer {
-    animation-duration: 0.01s;
-    -o-animation-duration: 0.01s;
-    -ms-animation-duration: 0.01s;
-    -moz-animation-duration: 0.01s;
-    -webkit-animation-duration: 0.01s;
-    animation-name: DOMinsertion;
-    -o-animation-name: DOMinsertion;
-    -ms-animation-name: DOMinsertion;
-    -moz-animation-name: DOMinsertion;
-    -webkit-animation-name: DOMinsertion; }
-  
-  .dda-css-override ul.nav-tabs {
-    margin-bottom: 0; }
-  
-  .dda-css-override div.tab-content {
-    margin-top: 0;
-    border-top: none; }
-  
-  .dda-css-override .tab-content .prettyprint, .dda-css-override .usage .prettyprint {
-    max-height: 500px;
-    overflow-y: auto; }
-  
-  .formsWithinProcessButton {
-    margin-right: 0px; }
-  
-  .heading-sub-section-form {
-    font-size: 2.4rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px;
-    margin-top: 10px; }
-  
-  .heading-small-form {
-    font-size: 1.6rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-top: 0px; }
-  
-  .icon-primary-form-sizeL {
-    font-size: 50px; }
-  
-  .icon-primary-form-size {
-    font-size: 30px; }
-  
-  .spanformfix {
-    margin-right: 15px !important; }
-  
-  @media (max-width: 767px) {
-    .heading-sub-section-form {
-      font-size: 1.8rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px;
-      padding-top: 10px;
-      margin-top: 30px; }
-    .heading-small-form {
-      font-size: 1.4rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-top: 0px; } }
-  
-  @media (max-width: 479px) {
-    .icon-primary-form-resizeL {
-      display: none; }
-    .icon-primary-form-resize {
-      display: none; }
-    .heading-center-form {
-      margin-left: 20px; } }
-  
-  @media (min-width: 480px) {
-    .icon-primary-form-resizeL {
-      display: none; }
-    .icon-primary-form-resize {
-      display: inherit; }
-    .icon-primary-center-min {
-      margin-top: 30px; } }
-  
-  @media (min-width: 768px) {
-    .icon-primary-form-resizeL {
-      display: inherit;
-      margin-top: 30px; }
-    .icon-primary-form-resize {
-      display: none; }
-    .center-form-align {
-      margin-top: 35px; } }
-  
-  @media (min-width: 1024px) {
-    .icon-primary-form-resizeL {
-      display: inherit;
-      margin-top: 0px; }
-    .icon-primary-form-resize {
-      display: none; }
-    .center-form-align {
-      margin-top: 5px; } }
-  
-  .data-row.has-button td.col-1 {
-    padding: 0; }
-  
-  .tab-content > .tab-pane {
-    display: none; }
-  
-  .tab-content > .active {
-    display: block; }
-  
-  .icon-primary-circle:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 1; }
-  
-  .b2b-drag-handle {
-    cursor: move;
-    -ms-interpolation-mode: bicubic;
-    margin-bottom: 40px;
-    height: 23px;
-    padding-right: 10px;
-    float: left; }
-  
-  .b2b-drag-over {
-    background-color: #d1d1d1; }
-  
-  .b2-drag-element {
-    background-color: #e8e8e8; }
-  
-  [draggable] {
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    user-select: none; }
-  /* Flyout inputs color is not aligned */
-  textarea, input {
-    color: #333; }
-  
-  .isIE .btn-primary.btn:focus::after,
-  .isIE .btn-specialty.btn:focus::after,
-  .isIE .btn-alt.btn:focus::after {
-    border: 1px dashed #fff !important; }
-  .b2b-config-section-container {
-    height: auto;
-    min-height: 330px;
-    width: 815px;
-    background-color: #fff;
-    border: 1px solid #ccc;
-    display: inline-table;
-    border-radius: 6px; }
-  
-  .b2b-config-section-first-div {
-    border-right: 1px solid #ccc;
-    height: auto;
-    min-height: 330px; }
-  
-  .b2b-config-section-icon-primary-font {
-    font-size: 50px;
-    height: 31px;
-    line-height: 31px; }
-  
-  .b2b-config-section-padding {
-    padding: 20px 20px 15px 15px;
-    height: auto; }
-  
-  .b2b-config-sec-flyout {
-    position: relative;
-    left: 10px;
-    float: right;
-    color: #0574ac;
-    font-size: 16px;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-config-sec-divider {
-    border-bottom: 1px solid #ccc; }
-  
-  .b2b-confi-sec-span-border {
-    border-right: 1px solid;
-    height: auto; }
-  
-  .b2b-config-sec-speed-div {
-    text-align: center;
-    margin-top: 20px; }
-  
-  .b2b-config-sec-label-font {
-    font-size: 16px; }
-  
-  .b2b-config-sec-expander-main {
-    padding: 0 5px 0px 15px; }
-  
-  .b2b-config-sec-expander-body .b2b-config-vlan-padding {
-    padding: 5px 15px 10px 0px; }
-  
-  .b2b-conif-sec-row-height {
-    height: 110px; }
-  
-  .b2b-config-sec-expander-body {
-    font-size: 14px; }
-    .b2b-config-sec-expander-body .b2b-config-vlan-data {
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      padding-left: 15px; }
-  
-  .b2b-config-sec-expander-body-first-div {
-    border-top: 1px solid #ccc; }
-  
-  .b2b-config-sec-expander-body .tooltip {
-    position: static;
-    opacity: 1; }
-  
-  .b2b-config-section-container .row > [class*="span"] {
-    margin-right: 0px; }
-  
-  .b2b-config-vlan-icons {
-    font-size: 16px;
-    float: right;
-    margin-right: 0px; }
-  
-  .b2b-config-section-container .span6 {
-    width: 50%; }
-  
-  .b2b-config-sec-data-link-style {
-    position: relative;
-    left: 95%;
-    top: 30px;
-    border-radius: 50%;
-    width: 23px;
-    height: 23px;
-    background: #fff;
-    border: 1px solid #ccc;
-    color: #666666; }
-  
-  .b2b-config-sec-text-align {
-    text-align: center;
-    margin-top: 15px;
-    margin-bottom: 35px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #333333; }
-  
-  .b2b-config-port-text-align {
-    text-align: center;
-    margin-top: 15px;
-    margin-bottom: 8px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #333333; }
-  
-  .b2b-config-port-text-label {
-    margin-top: 6px;
-    margin-bottom: 8px;
-    font-size: 14px;
-    text-align: center; }
-  
-  .b2b-confi-sec-last-div p {
-    font-size: 14px;
-    padding: 10px 15px 0 15px; }
-  
-  .b2b-confi-sec-router-label {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    color: #333333;
-    float: left;
-    width: 100%;
-    margin-bottom: 7px; }
-  
-  .b2b-config-vlan-label {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #333333;
-    margin-top: 1px;
-    margin-bottom: 9px; }
-  
-  .b2b-config-vlan-info {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    color: #333333;
-    margin-bottom: 1px; }
-    .b2b-config-vlan-info .icon-misc-pen {
-      padding-left: 7px; }
-  
-  .b2b-confi-sec-model-label {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    color: #333333; }
-  
-  .b2b-confi-sec-router-info {
-    float: left;
-    width: 62%; }
-  
-  .b2b-config-sec-speed-sec {
-    border-right: 1px solid #ccc; }
-  
-  .b2b-config-sec-speed-label {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 20px;
-    color: #333333;
-    text-align: center; }
-    .b2b-config-sec-speed-label i {
-      margin-left: 15px;
-      font-size: 16px; }
-  
-  .b2b-config-sec-yellow-flag-div {
-    width: 1.6%;
-    background-color: #ffb18c; }
-  
-  .b2b-config-sec-expander-icons {
-    margin-top: 6px; }
-    .b2b-config-sec-expander-icons .icon-misc-trash {
-      margin-right: 10px; }
-  
-  .b2b-config-sec-yellow-flag .b2b-config-sec-expander-icons {
-    left: 40px; }
-  
-  .b2b-config-sec-expander-body-icons .icon-misc-pen {
-    position: relative;
-    left: 18px; }
-  .b2b-directory-listing .center {
-    display: block;
-    margin: 2em auto; }
-  
-  .b2b-directory-listing .listBox {
-    height: 310px;
-    width: 450px;
-    padding-left: 1px;
-    padding-right: 1px;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-directory-listing .listBox:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-directory-listing .b2b-directory-listing-no-results {
-    font-weight: bold; }
-  
-  .b2b-directory-listing .b2b-directory-listing-list {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5a5a5a;
-    overflow-x: hidden;
-    position: relative;
-    height: 300px;
-    border: 1px solid #333;
-    border-radius: 6px;
-    margin-bottom: 10px; }
-  
-  .b2b-directory-listing .b2b-directory-listing-item {
-    margin: 1px;
-    border: 1px solid transparent;
-    outline: none;
-    text-align: left;
-    overflow: hidden;
-    cursor: pointer;
-    padding-top: 13px;
-    padding-bottom: 7px;
-    padding-left: 15px;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    word-wrap: break-word; }
-    .b2b-directory-listing .b2b-directory-listing-item:focus {
-      border: 1px #3399FF solid; }
-  
-  .b2b-directory-listing .b2b-directory-listing-item-selected {
-    color: #fff;
-    background-color: #3399FF; }
-  
-  .b2b-directory-listing input[type="text"] {
-    padding-right: 30px; }
-    .b2b-directory-listing input[type="text"]:focus, .b2b-directory-listing input[type="text"]:hover {
-      padding-right: 30px; }
-  
-  .b2b-directory-listing .row .btns {
-    margin-right: 90px;
-    margin-left: -115px;
-    margin-top: 100px; }
-  
-  .b2b-directory-listing .btn-remove {
-    margin-right: auto !important;
-    margin-bottom: 15px; }
-    .b2b-directory-listing .btn-remove i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-remove-all {
-    margin-top: 0;
-    margin-bottom: 61px !important;
-    /* need to be removed */
-    margin-right: auto !important; }
-    .b2b-directory-listing .btn-remove-all i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-add {
-    margin-bottom: 15px !important; }
-    .b2b-directory-listing .btn-add i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-add-all {
-    margin-top: 0;
-    margin-bottom: 61px !important; }
-    .b2b-directory-listing .btn-add-all i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-search[class*="btn"] {
-    right: 0.09rem; }
-  
-  .b2b-directory-listing .btn {
-    width: 130px; }
-  
-  .b2b-directory-listing-disabled {
-    cursor: not-allowed; }
-  
-  .b2b-directory-listing-label-heading {
-    margin-top: 24px;
-    padding-bottom: 5px; }
-  
-  .b2b-dl-list-box option {
-    padding-top: 13px;
-    padding-bottom: 7px;
-    padding-left: 15px; }
-  
-  .b2b-dl-modal-button-div {
-    padding-top: 110px;
-    text-align: center; }
-  .b2b-tmpl-notification-card {
-    border-radius: 6px;
-    height: auto;
-    width: 420px;
-    background-color: #ffffff;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 8px;
-    overflow: hidden; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-header {
-      padding-left: 30px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #333333;
-      font-size: 24px;
-      margin-top: 2px;
-      display: inline-block;
-      min-height: 60px;
-      position: relative; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-body {
-      
-      position: relative; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-header-title {
-      margin-top: 10px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button {
-      box-shadow: 0 -50px 0 0 #f2f2f2 inset;
-      height: 69px;
-      position: absolute;
-      border-color: #f2f2f2 #f2f2f2 transparent transparent;
-      border-style: solid;
-      border-width: 35px;
-      height: 0;
-      right: -295px;
-      top: -4px;
-      width: 69px;
-      /*Old properties */
-      box-shadow: none;
-      transform: none; }
-      .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close {
-        height: 48px;
-        right: -40px;
-        top: -40px;
-        width: 48px;
-        position: relative;
-        /*Old properties */
-        transform: none; }
-        .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:before {
-          color: #0568ae;
-          display: block;
-          font-size: 20px;
-          height: auto;
-          right: -4px;
-          top: 4px;
-          width: auto;
-          /*Old properties */
-          left: auto;
-          height: auto;
-          bottom: auto; }
-        .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:focus {
-          outline: 1px dotted black; }
-    .b2b-tmpl-notification-card button.close {
-      -webkit-appearance: none;
-      moz-appearance: none;
-      appearance: none; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-icon-primary-cirlce {
-      width: 30px;
-      height: 30px;
-      border-radius: 50%; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-outer-cirlce {
-      border-radius: 50%;
-      height: 16px;
-      width: 16px;
-      vertical-align: middle; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-inner-cirlce {
-      background: #fff;
-      width: 22px;
-      height: 22px;
-      position: relative;
-      border-radius: 50%;
-      display: block;
-      left: 4px;
-      top: 4px;
-      border: 1px solid #767676; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-row {
-      padding-top: 10px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-sub-header {
-      margin-top: 0px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item {
-      background-color: #fff;
-      margin-top: 25px;
-      border-top: 1px solid #ccc; }
-      .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item .cta-button-group {
-        line-height: 40px;
-        padding-top: 20px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-edit-section .cta-button-group {
-      line-height: 40px;
-      padding-top: 15px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-add-item-container {
-      padding-top: 30px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-link-active {
-      pointer-events: none;
-      cursor: default;
-      color: #ccc; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-cursor:hover {
-      cursor: pointer; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon {
-    text-align: center;
-    margin-top: 91px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon i {
-      font-size: 99px;
-      color: #1b7e28; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading {
-    color: #333333;
-    text-align: center;
-    margin-top: 20px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading h1 {
-      font-size: 38px; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading {
-    color: #333333;
-    text-align: center; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading h5 {
-      font-size: 18px; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info {
-    padding-left: 18%;
-    font-size: 16px;
-    margin-top: 20px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info ul {
-      list-style-type: disc;
-      list-style-position: inside; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info li {
-      padding-top: 5px; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section {
-    font-size: 15px;
-    color: #0574ac;
-    margin-top: 20px;
-    text-align: center;
-    margin-bottom: 55px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section .b2b-tmpl-order-confirmation-link {
-      margin-right: 8%; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section a {
-      cursor: pointer; }
-  .b2b-tmpl-profile-block-container {
-    min-height: 200px;
-    height: auto;
-    background-color: #fff;
-    border-radius: 8px;
-    border: 1px solid #ccc;
-    box-shadow: 0px 1px 1px 1px #ccc;
-    display: inline-table;
-    margin: 15px 15px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-title {
-      font-weight: bold; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-footer {
-      margin-bottom: 12px;
-      margin-top: 5px;
-      height: 35px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p {
-      word-wrap: break-word;
-      height: 61px; }
-      .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:first-child {
-        margin-top: 10px; }
-      .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:after {
-        content: ' ';
-        display: block;
-        border: 0.2px solid #ccc;
-        margin-top: 12px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio {
-      margin-left: 15px;
-      height: 30px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details div {
-      padding: 2px 7px;
-      font-size: 14px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio-label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details a {
-      font-size: 14px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p span {
-      padding-left: 10px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon {
-      color: #1b7e28;
-      float: right;
-      position: relative;
-      left: 10px; }
-      .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon i {
-        color: #1b7e28;
-        float: right; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-link {
-      float: right;
-      position: relative;
-      left: -4px; }
-    .b2b-tmpl-profile-block-container a.link-profile {
-      position: relative;
-      left: -5px;
-      float: right;
-      margin-bottom: 16px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-radio {
-      position: relative;
-      top: -5px; }
-  .b2b-static-route-container {
-    padding-left: 32px;
-    display: inline-block; }
-  
-  .b2b-static-route-label-heading {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px !important;
-    color: #333333;
-    font-style: normal;
-    text-align: left; }
-  
-  label.b2b-static-route-label-heading {
-    margin-bottom: 12px;
-    margin-top: 15px;
-    display: block; }
-  
-  #b2b-static-route-input {
-    margin: 5px 0 5px; }
-  
-  .b2b-static-route-list {
-    margin-bottom: 30px;
-    width: 216px;
-    float: left;
-    margin-right: 20px;
-    max-height: 540px;
-    overflow-y: auto; }
-    .b2b-static-route-list .status-text {
-      flex: 1;
-      display: flex;
-      align-items: center;
-      outline: 0; }
-  
-  .b2b-static-route-list-item {
-    border: 1px #cccccc solid;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    display: flex;
-    cursor: pointer; }
-    .b2b-static-route-list-item > .status-bar {
-      padding: 20px 0 20px;
-      background-color: #ea7400;
-      border-radius: 0;
-      width: 10px;
-      display: inline-block;
-      margin-right: 20px;
-      height: 100%;
-      float: left; }
-      .b2b-static-route-list-item > .status-bar:after {
-        content: '.';
-        visibility: hidden; }
-    .b2b-static-route-list-item > .status-bar-unedited {
-      padding: 20px 0 20px;
-      background-color: #ffb81c;
-      border-radius: 0;
-      width: 10px;
-      display: inline-block;
-      margin-right: 20px;
-      height: 100%;
-      float: left;
-      background-color: transparent; }
-      .b2b-static-route-list-item > .status-bar-unedited:after {
-        content: '.';
-        visibility: hidden; }
-  
-  .b2b-static-route-list-item:focus {
-    outline: 1px dashed #00f; }
-  
-  .b2b-static-route-list-item--selected {
-    background: #f2f2f2; }
-  
-  .b2b-static-route-content {
-    display: inline-block; }
-  
-    .selectWrap::after { 
-    align-items: center; 
-    background-position: 7px 7px; 
-    background-repeat: no-repeat; 
-    background-size: auto 23px; 
-    border-left: 1px solid transparent; 
-    color: #0568ae; 
-    display: flex; 
-    font-size: 23px; 
-    height: 36px; 
-    margin-right: 0; 
-    overflow: hidden; 
-    position: absolute; 
-    right: 0; 
-    text-indent: 7px; 
-    top: 0; 
-    user-select: none; 
-    width: 41px; 
-    z-index: 0; 
-    position: absolute !important; 
-    display: flex !important; 
-  }
-
-
-
-.card{
-    border-radius: 5px;
-}
-
-  .card-header{
-    height: 30px;
-    background-color: white;
-}
-
-  .card-body{
-    height: 150px;
-}
-
-.card-footer{
-    height: 50px;
-}
-
-.dialog__close-btn {
-    border: 0;
-    background: #087ac2;
-    color: #ffffff;
-    position: absolute;
-    top: 8px;
-    right: 8px;
-    font-size: 1.2em;
-    display: block;
-    border: #087ac2 2px solid;
-  }
-
-  .modalTitle{
-      font-size: 35px;  
-  }
-
   .overlay {
     position: fixed;
     top: 0;
@@ -11885,22 +23,4 @@ i, em {
     padding: 12px;
     box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.349), 0 13px 19px 2px rgba(0, 0, 0, 0.349), 0 5px 24px 4px rgba(0, 0, 0, 0.349);
   }
-  
-  @media (min-width: 768px) {
-    .dialog {
-      top: 40px;
-    }
-  }
-  
-  .dialog__close-btn {
-    border: 0;
-    background: none;
-    color: #2d2d2d;
-    position: absolute;
-    top: 8px;
-    right: 8px;
-    font-size: 1.2em;
-    display: block;
-    border: #2d2d2d 1px solid;
-  }
-
+  
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.css
index 8e08f30c..271ed013 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.css
@@ -4,6 +4,9 @@
   width: 40%;
 }
 
+.defaultLabelFontSize{
+  font-size: 16px;
+}
 
 .card{
   border-radius: 5px;
@@ -3629,4442 +3632,6 @@ hr.bottom-space-only {
     font-size: 22px;
     color: #0568ae; }
 
-/* .checkbox.inline {
-  display: inline-block;
-  margin-bottom: 10px;
-  vertical-align: middle;
-  margin-right: 10px; }
-  .checkbox.inline:last-child {
-    margin-right: 0; }
-
-.checkbox.checkbox-selectall {
-  margin: 20px 0 0 24px; }
-
-.terms-after-checkbox {
-  margin-top: 15px; } */
-
-.indeterminate-margin {
-  padding-left: 24px; }
-
-.tiny-accordion {
-  border-bottom: 1px solid #d2d2d2; }
-
-.toggle-header,
-.inactive-toggle-header {
-  border-color: #fff;
-  color: #0568ae;
-  cursor: pointer;
-  display: block;
-  font-size: 2.0rem;
-  line-height: 2.2rem;
-  min-height: 41px;
-  position: relative;
-  padding: 16px 55px 16px 15px; }
-
-.toggle-header.opened {
-  color: #333333; }
-
-.tiny-accordion .toggle-header,
-.tiny-accordion .inactive-toggle-header {
-  padding: 16px 55px 16px 15px;
-  border-top: 1px solid #d2d2d2; }
-
-.tiny-accordion .toggle-header:focus {
-  text-decoration: underline; }
-
-.tiny-accordion.iconleft .toggle-header,
-.tiny-accordion.iconleft .inactive-toggle-header {
-  padding: 15px 15px 15px 50px; }
-
-.accordion-content {
-  font-size: 1.4rem; }
-
-.accordion-content .toggle-header:first-child {
-  margin-top: 16px; }
-
-.tiny-accordion .toggle-header + .accordion-content {
-  padding: 0 50px 15px 15px; }
-
-.tiny-accordion.iconleft .toggle-header + .accordion-content {
-  padding: 0 15px 15px 50px; }
-
-.toggle-header .icon-primary-accordion-plus,
-.toggle-header .icon-primary-accordion-minus {
-  display: inline-block;
-  font-size: 20px;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  right: 15px;
-  vertical-align: middle;
-  top: 16px;
-  font-weight: bold; }
-
-.tiny-accordion.iconleft .toggle-header .icon-primary-accordion-plus,
-.tiny-accordion.iconleft .toggle-header .icon-primary-accordion-minus {
-  left: 15px; }
-
-.inactive-toggle-header:hover {
-  cursor: inherit; }
-
-.tiny-accordion-to-tabs,
-.tiny-tabs {
-  position: relative;
-  width: 100%;
-  margin: 0px;
-  padding: 0px; }
-
-.tiny-tabs [class*="icon-primary-accordion-"] {
-  display: none !important; }
-
-.tiny-accordion-to-tabs:before,
-.tiny-accordion-to-tabs:after,
-.tiny-tabs:before,
-.tiny-tabs:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.tiny-accordion-to-tabs:after,
-.tiny-tabs:after {
-  clear: both; }
-
-.tiny-accordion-to-tabs:before,
-.tiny-accordion-to-tabs:after,
-.tiny-tabs:before,
-.tiny-tabs:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.tiny-accordion-to-tabs:after,
-.tiny-tabs:after {
-  clear: both; }
-
-.tiny-tabs > .toggle-header {
-  display: inline-block;
-  float: left;
-  border-top: none;
-  overflow: hidden;
-  height: 70px;
-  text-align: center;
-  background-color: #fff;
-  border-radius: 0px;
-  padding: 26px 20px 25px 20px !important;
-  border-top: 1px solid #fff;
-  -webkit-filter: none;
-  filter: none;
-  background-clip: padding-box;
-  border-bottom: 1px solid #d2d2d2;
-  font-weight: normal;
-  border-right: 1px solid #d2d2d2;
-  white-space: nowrap; }
-
-.tiny-tabs .toggle-header + div {
-  left: 0px;
-  position: absolute;
-  top: 69px;
-  border-top: 1px solid #d2d2d2;
-  padding: 0;
-  display: block;
-  border-bottom: none;
-  width: 100%; }
-
-.accordion-pad {
-  padding-top: 30px;
-  padding-bottom: 30px; }
-
-.tiny-tabs .opened {
-  color: #333333;
-  border-top: 5px solid #0568ae !important;
-  padding-top: 22px !important;
-  border-bottom: none;
-  background-color: #fff;
-  -webkit-filter: none;
-  filter: none;
-  cursor: default;
-  z-index: 999; }
-
-.tiny-tabs .toggle-header:focus {
-  text-decoration: underline;
-  outline: thin dotted #666;
-  outline-offset: 0; }
-
-.tiny-tabs .toggle-header:first-child {
-  border-left: none;
-  margin-left: 0; }
-
-.tiny-tabs .toggle-header:first-child {
-  border-left: 1px solid #fff; }
-
-.tiny-tabs .opened:first-child {
-  border-left: 1px solid #d2d2d2; }
-
-.tiny-tabs .toggle-header:nth-last-of-type(2) {
-  border-right-color: #fff; }
-
-.tiny-tabs .opened:nth-last-of-type(2) {
-  border-right: 1px solid #d2d2d2; }
-
-@media (max-width: 767px) {
-  .tiny-accordion,
-  .tiny-accordion-to-tabs {
-    margin-left: -15px;
-    margin-right: -15px;
-    width: auto; }
-  .tiny-accordion-to-tabs {
-    display: block;
-    border-bottom: 1px solid #d2d2d2; }
-  .tiny-accordion-to-tabs .toggle-header {
-    display: block;
-    min-height: 41px;
-    padding: 16px 50px 16px 15px;
-    border-top: 1px solid #d2d2d2; }
-  .tiny-accordion-to-tabs .toggle-header:focus {
-    text-decoration: underline; }
-  .tiny-accordion-to-tabs .toggle-header + .accordion-content {
-    padding: 0 50px 15px 15px; } }
-
-@media (min-width: 768px) {
-  .tiny-accordion-to-tabs [class*="icon-primary-accordion-"] {
-    display: none !important; }
-  .tiny-accordion-to-tabs > .toggle-header {
-    display: inline-block;
-    float: left;
-    border-top: none;
-    /*overflow: hidden;*/
-    height: 70px;
-    text-align: center;
-    background-color: #fff;
-    border-radius: 0px;
-    padding: 26px 20px 25px 20px !important;
-    border-top: 1px solid #fff;
-    -webkit-filter: none;
-    filter: none;
-    background-clip: padding-box;
-    border-bottom: 1px solid #d2d2d2;
-    font-weight: normal;
-    border-right: 1px solid #d2d2d2;
-    white-space: nowrap; }
-  .tiny-accordion-to-tabs .toggle-header + div {
-    left: 0px;
-    position: absolute;
-    top: 69px;
-    border-top: 1px solid #d2d2d2;
-    padding-top: 30px;
-    padding-left: 20px;
-    display: block;
-    border-bottom: none;
-    width: 100%; }
-  .tiny-accordion-to-tabs .opened {
-    color: #333333;
-    border-top: 5px solid #0568ae !important;
-    padding-top: 22px !important;
-    border-bottom: none;
-    background-color: #fff;
-    -webkit-filter: none;
-    filter: none;
-    cursor: default;
-    text-decoration: none;
-    z-index: 999; }
-  .tiny-accordion-to-tabs .toggle-header:focus {
-    text-decoration: underline;
-    outline: thin dotted #666;
-    outline-offset: 0px; }
-  .tiny-accordion-to-tabs .toggle-header:nth-last-of-type(2) {
-    border-right: none; }
-  .tiny-accordion-to-tabs .toggle-header:first-child {
-    border-left: none;
-    margin-left: 0; }
-  .tiny-accordion-to-tabs .toggle-header:first-child {
-    border-left: 1px solid #fff; }
-  .tiny-accordion-to-tabs .opened:first-child {
-    border-left: 1px solid #d2d2d2; }
-  .tiny-accordion-to-tabs .opened:nth-last-of-type(2) {
-    border-right: 1px solid #d2d2d2; } }
-
-.toggle-header .tooltip .icon-primary-tooltip {
-  margin-top: -5px; }
-
-.accordion-content {
-  transition: all 0.8s linear; }
-
-.opaque-content {
-  opacity: 0; }
-
-.tiny-tabs .toggle-header {
-  display: inline-block;
-  float: left;
-  border-top: none;
-  overflow: hidden;
-  height: 70px;
-  text-align: center;
-  background-color: #fff;
-  border-radius: 0px;
-  padding: 22px 20px 25px 20px !important;
-  border-top: 5px solid #fff;
-  -webkit-filter: none;
-  filter: none;
-  background-clip: padding-box;
-  border-bottom: 1px solid #ccc;
-  font-weight: normal;
-  border-right: 1px solid #ccc;
-  white-space: nowrap; }
-
-.tiny-tabs .toggle-header:first-child {
-  margin-left: 0; }
-
-.tiny-tabs div:first-child .toggle-header {
-  margin-left: 30px; }
-
-.tiny-tabs > div .toggle-header.opened {
-  border-bottom: 0 !important; }
-
-.tiny-accordion-to-tabs > div > div.toggle-header {
-  background-clip: padding-box;
-  background-color: #fff;
-  border-bottom: 1px solid #ccc;
-  border-radius: 0;
-  border-top: 5px solid #fff;
-  display: inline-block;
-  filter: none;
-  float: left;
-  font-weight: normal;
-  overflow: hidden;
-  padding: 22px 20px 21px !important;
-  text-align: center;
-  white-space: nowrap; }
-
-.tiny-accordion-to-tabs .toggle-header:first-child {
-  margin-left: 0; }
-
-.tiny-accordion-to-tabs div:first-child .toggle-header {
-  margin-left: 30px;
-  border-bottom: 0 !important; }
-
-.tiny-accordion-to-tabs > div .toggle-header.opened {
-  border-bottom: 0 !important; }
-
-@media (max-width: 767px) {
-  .tiny-accordion-to-tabs {
-    display: block !important;
-    border-bottom: 1px solid #ccc !important; }
-  .tiny-accordion-to-tabs > div > div.toggle-header {
-    display: block !important;
-    float: none;
-    text-align: left;
-    min-height: 41px !important;
-    padding: 15px 50px 15px 15px !important;
-    border-top: 1px solid #ccc; }
-  .tiny-accordion-to-tabs > div > div.toggle-header:first-child {
-    margin-left: 0 !important; }
-  .tiny-accordion-to-tabs > div > div.toggle-header + .accordion-content {
-    padding: 0 50px 15px 15px; }
-  .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus {
-    background-position: 0 0;
-    background-size: 20px 40px; }
-  .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-    background-position: 0 -20px;
-    background-size: 20px 40px; }
-  .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus,
-  .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-    display: inline-block;
-    height: 20px;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    right: 15px;
-    vertical-align: middle;
-    width: 20px; } }
-
-.alert {
-  background-color: #5a5a5a;
-  border-radius: 8px;
-  color: #fff;
-  margin-top: 15px;
-  padding: 0;
-  position: relative;
-  border: 0; }
-
-.alert h3,
-.alert h4 {
-  color: #fff;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 1.6rem;
-  margin: 0 20px 5px 0; }
-
-.alert div {
-  padding: 15px 20px; }
-
-.alert div:first-child {
-  border-radius: 8px 0 0 8px;
-  width: 1%; }
-
-.alert div:first-child + div {
-  border: 1px solid transparent;
-  border-left: none;
-  border-radius: 0 8px 8px 0; }
-
-.alert-error {
-  background-color: #cf2a2a;
-  border: 1px solid #cf2a2a; }
-
-.alert-info {
-  background-color: #44c8f5;
-  border: 1px solid #44c8f5; }
-
-.alert-success {
-  background-color: #c5d63d;
-  border: 1px solid #c5d63d; }
-
-.alert [class*="icon-primary-"] {
-  color: #fff;
-  font-size: 30px;
-  margin-right: 0; }
-
-.alert .close {
-  height: 30px;
-  position: absolute;
-  right: 1px;
-  top: 1px;
-  width: 30px; }
-
-.alert .close:before {
-  color: #fff;
-  margin-right: 0;
-  position: absolute;
-  right: 9px;
-  top: 9px; }
-
-.alert a {
-  color: #fff;
-  text-decoration: underline; }
-
-.alert .close:focus {
-  outline: 1px dotted #666; }
-
-.alert p {
-  font-size: 1.4rem; }
-
-.alert p:last-child {
-  margin-bottom: 0; }
-
-.alert .standalone-link i[class*="icon-primary-"] {
-  font-size: 20px;
-  margin-right: 5px; }
-
-@media (max-width: 767px) {
-  .alert {
-    border-radius: 0;
-    margin: 0 -15px; }
-  .alert + .alert {
-    margin-top: 4px; }
-  .alert div {
-    padding: 15px 10px; }
-  .alert div:first-child {
-    border-radius: 0;
-    padding: 15px; }
-  .alert h3,
-  .alert h4 {
-    font-size: 1.4rem; }
-  .alert p {
-    font-size: 1.2rem; }
-  .alert .close {
-    right: 5px;
-    top: 5px; }
-  .alert .standalone-link i[class*="icon-primary-"] {
-    font-size: 16px; } }
-
-.alert h3 {
-  margin: 0;
-  font-size: 16px; }
-
-.alert p {
-  font-size: 14px; }
-
-.alert p a {
-  color: #FFFFFF;
-  text-decoration: underline; }
-
-.alert div:first-child + div {
-  padding-right: 25px; }
-
-.alert div:last-child {
-  padding-right: 20px !important; }
-
-.alert p [class*="icon-primary-"] {
-  color: #fff;
-  font-size: 20px;
-  margin-right: 0; }
-
-@media (max-width: 767px) {
-  .alert h3 {
-    font-size: 14px; }
-  .alert div:first-child + div {
-    padding-right: 20px; }
-  .alert div:last-child {
-    padding-right: 15px !important; }
-  .alert div:first-child {
-    padding: 15px; }
-  .alert p {
-    font-size: 12px; }
-  .alert p [class*="icon-primary-"] {
-    font-size: 16px; } }
-
-.b2b-audio {
-  width: auto;
-  margin: 10px auto;
-  height: 35px; }
-  .b2b-audio .controls-wrapper {
-    display: inline-block;
-    font-size: 25px;
-    cursor: pointer; }
-    .b2b-audio .controls-wrapper i {
-      font-size: 25px;
-      margin-right: 0px;
-      color: #444; }
-      .b2b-audio .controls-wrapper i:hover {
-        color: #0574AC; }
-  .b2b-audio .seek-bar-container-wrapper {
-    display: inline-block;
-    outline: 0;
-    min-width: 180px;
-    margin-right: 10px;
-    margin-left: 10px;
-    height: 14px;
-    padding-top: 5px; }
-    .b2b-audio .seek-bar-container-wrapper .timing-container {
-      padding-top: 13px;
-      color: #333;
-      font-size: 12px; }
-      .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-left {
-        float: left;
-        line-height: 100%; }
-      .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-right {
-        float: right;
-        line-height: 100%; }
-      .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-spacer {
-        clear: both; }
-  .b2b-audio .seek-bar-tooltip {
-    text-align: center;
-    min-width: 76px; }
-
-.b2b-audio-popover {
-  width: 22px; }
-  .b2b-audio-popover .volume-popover {
-    height: 100px !important;
-    width: 6px !important;
-    margin: 7px auto; }
-  .b2b-audio-popover .min-label {
-    margin-top: 5px; }
-
-.b2b-audio-native {
-  width: auto;
-  height: auto; }
-
-.b2b-audio-recorder {
-  border: 1px solid #ccc;
-  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15);
-  height: 63px;
-  min-height: 63px;
-  min-width: 347px; }
-  .b2b-audio-recorder .b2b-elapsed-time {
-    margin: 23px 0 24px 15px;
-    font-size: 16px;
-    font-style: italic;
-    color: #767676; }
-  .b2b-audio-recorder .b2b-controls {
-    width: 68px;
-    cursor: pointer; }
-    .b2b-audio-recorder .b2b-controls i.icoControls-record {
-      font-size: 64px;
-      color: black;
-      float: right;
-      margin-right: 10px; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-record:focus, .b2b-audio-recorder .b2b-controls i.icoControls-record:hover {
-        color: #0568ae; }
-    .b2b-audio-recorder .b2b-controls i.icoControls-stop {
-      font-size: 36px;
-      color: black;
-      float: right;
-      margin-right: 20px;
-      margin-top: 12px; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-stop:focus, .b2b-audio-recorder .b2b-controls i.icoControls-stop:hover {
-        color: #0568ae; }
-
-.b2b-top-btn {
-  height: 36px;
-  width: 36px;
-  border-radius: 7px; }
-
-.b2b-top-btn > i {
-  position: absolute;
-  top: 13px;
-  left: 9px;
-  width: 11px;
-  height: 18px; }
-
-.b2b-badge {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  background-color: #5A5A5A;
-  border-radius: 12px;
-  color: #FFFFFF;
-  display: inline-block;
-  font-size: 1.5rem;
-  font-weight: normal;
-  height: 20px;
-  line-height: 0;
-  margin-top: 0;
-  min-width: 20px;
-  padding: 0 5px;
-  text-align: center;
-  vertical-align: baseline; }
-  .b2b-badge:empty {
-    display: none; }
-
-* + .b2b-heading-micro {
-  margin-top: 20px !important; }
-
-.b2b-heading-micro {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-weight: normal;
-  text-rendering: optimizeLegibility;
-  font-size: 1.2rem !important;
-  text-transform: uppercase !important;
-  margin-bottom: 20px !important;
-  line-height: 1.2 !important; }
-
-.b2b-no-colors .b2b-badge {
-  border: 1px solid transparent; }
-
-.btn > .b2b-badge {
-  margin-right: 5px; }
-
-a > .b2b-badge {
-  margin-right: 6px;
-  padding-top: 10px; }
-
-.b2b-badge-urgent {
-  background-color: #cf2a2a; }
-
-.bellyband-container {
-  margin: 0 -15px; }
-
-.bellyband-group {
-  width: auto; }
-
-.bellyband-link {
-  border-top: 1px solid #d2d2d2; }
-
-.bellyband-link a {
-  display: block;
-  height: 40px;
-  line-height: 40px;
-  padding: 0 15px;
-  position: relative;
-  text-decoration: none; }
-
-.bellyband-link a:hover > div span,
-.bellyband-link a:focus > div span {
-  text-decoration: underline; }
-
-.bellyband-link a:after {
-  color: #666;
-  font-size: 2.3rem;
-  height: 20px;
-  position: absolute;
-  right: 5px;
-  top: 12px;
-  width: 18px; }
-
-.dark-bg .bellyband-link a:after {
-  color: white; }
-
-.bellyband-link img[src$="svg"].hidden-desktop,
-.bellyband-link [class*="icon-primary-"].hidden-desktop {
-  display: inline-block !important;
-  float: left;
-  font-size: 24px;
-  height: 24px;
-  margin-right: 5px;
-  margin-top: 8px;
-  width: 24px; }
-
-.dark-bg .bellyband-link [class*="icon-primary-"].hidden-desktop,
-.dark-bg .bellyband-link [class*="icon-primary-"].visible-desktop {
-  color: #fff; }
-
-.bellyband-link img[src$="svg"].visible-desktop {
-  display: none !important; }
-
-.bellyband-link p {
-  margin-top: -10px;
-  margin-left: 29px;
-  font-size: 1.4rem;
-  color: #666; }
-
-@media (min-width: 481px) and (max-width: 767px) {
-  .bellyband-container {
-    display: flex;
-    margin: 0; }
-  .bellyband-group {
-    align-content: flex-start;
-    align-items: stretch;
-    display: inline-flex;
-    flex-direction: column;
-    flex-wrap: wrap;
-    margin-top: 1px;
-    width: 100%; }
-  .bellyband-group .row {
-    display: flex !important; }
-  .bellyband-link {
-    padding-top: 0;
-    position: relative;
-    border-top: none;
-    margin-bottom: 20px;
-    width: 50%; }
-  .bellyband-link a {
-    height: inherit;
-    line-height: inherit;
-    display: flex;
-    padding: 0; }
-  .bellyband-link a:after {
-    display: none; }
-  .bellyband-link a span {
-    display: block;
-    padding-top: 10px; }
-  .bellyband-link p {
-    display: block;
-    padding: 0 15px 0 0;
-    margin-bottom: 0;
-    margin-left: 0;
-    margin-top: 0; }
-  .bellyband-link a:focus p {
-    text-decoration: none; } }
-
-@media (min-width: 768px) {
-  .bellyband-group {
-    margin: 0;
-    max-width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center; }
-  .bellyband-group .row {
-    display: block; }
-  .bellyband-group .row .span {
-    float: none;
-    margin-right: 0;
-    margin-bottom: 30px;
-    display: flex;
-    justify-content: space-between; }
-  .bellyband-link {
-    border-top: none;
-    flex: 0 0 auto;
-    margin-right: 0;
-    margin-bottom: 30px; }
-  .bellyband-link:last-child {
-    margin-right: 0; }
-  .bellyband-link a {
-    height: auto;
-    line-height: 1;
-    text-align: center; }
-  .bellyband-link a:after {
-    display: none; }
-  .bellyband-link img[src$="svg"].hidden-desktop,
-  .bellyband-link [class*="icon-primary-"].hidden-desktop {
-    display: none !important; }
-  .bellyband-link img[src$="svg"].visible-desktop,
-  .bellyband-link [class*="icon-primary-"].visible-desktop {
-    display: block !important;
-    font-size: 50px;
-    height: 50px;
-    margin-right: 0;
-    margin-top: 0;
-    margin-left: auto;
-    margin-right: auto;
-    width: auto; }
-  .bellyband-link a span {
-    display: block;
-    margin-top: 12px;
-    line-height: 2rem; }
-  .bellyband-link p {
-    display: block;
-    text-align: center;
-    margin-top: 6px;
-    margin-left: 0;
-    padding-left: 0 !important;
-    color: #666;
-    line-height: 1.8rem; } }
-
-@media (max-width: 480px) {
-  .bellyband-link-tall a {
-    height: auto;
-    padding: 0 40px 10px 15px; }
-  .bellyband-link-tall p {
-    line-height: 1.8rem;
-    margin-bottom: 0; }
-  .bellyband-link-tall > a:after {
-    margin-top: -8px;
-    top: 50%; } }
-
-.b2b-boardstrip {
-  display: inline-block;
-  width: 100%;
-  border-bottom: 1px solid #9d9d9d;
-  position: relative;
-  padding-top: 15px; }
-  .b2b-boardstrip .boardstrip-reel {
-    margin-bottom: 15px; }
-  .b2b-boardstrip .boardstrip-item--add {
-    border: 1px dashed #ccc;
-    background: #FFFFFF;
-    color: #0574ac;
-    width: 140px;
-    height: 80px;
-    font-size: 14px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-    position: absolute;
-    left: 29px;
-    top: 15px; }
-    .b2b-boardstrip .boardstrip-item--add:hover, .b2b-boardstrip .boardstrip-item--add:focus {
-      border: 2px solid #007A3E;
-      cursor: pointer; }
-    .b2b-boardstrip .boardstrip-item--add i {
-      font-size: 14px;
-      margin-left: auto;
-      margin-right: auto;
-      text-align: initial; }
-    .b2b-boardstrip .boardstrip-item--add .centered {
-      margin-left: auto;
-      margin-right: auto;
-      margin-top: 27px;
-      margin-bottom: 35px;
-      display: block; }
-  .b2b-boardstrip .board-viewport {
-    float: left;
-    margin-left: 210px;
-    max-height: 95px;
-    position: relative;
-    height: 95px;
-    overflow: hidden;
-    width: 0px; }
-    .b2b-boardstrip .board-viewport .boardstrip-container {
-      width: 0px;
-      margin-left: 0;
-      left: 0px;
-      position: absolute;
-      list-style: none;
-      -webkit-transition: left 1000ms;
-      transition: left 1000ms; }
-    .b2b-boardstrip .board-viewport .board-item {
-      width: 140px;
-      height: 80px;
-      border: 1px solid #ccc;
-      margin: 0 15px 15px 0;
-      background-color: #FFFFFF;
-      border-radius: 3px;
-      float: left;
-      overflow: hidden; }
-      .b2b-boardstrip .board-viewport .board-item:hover, .b2b-boardstrip .board-viewport .board-item:focus {
-        border: 2px solid #007A3E;
-        background-color: white;
-        cursor: pointer; }
-      .b2b-boardstrip .board-viewport .board-item .board-img {
-        width: 61px;
-        height: 40px;
-        margin: 0 auto; }
-        .b2b-boardstrip .board-viewport .board-item .board-img img {
-          max-width: 100%; }
-      .b2b-boardstrip .board-viewport .board-item .title {
-        text-align: center;
-        line-height: 16px;
-        color: #666;
-        font-size: 14px;
-        font-family: "Omnes-ECOMP-W02", Arial;
-        padding: 10px 0; }
-      .b2b-boardstrip .board-viewport .board-item.selected {
-        background-color: #FFFFFF;
-        border: 2px solid #0574ac; }
-      .b2b-boardstrip .board-viewport .board-item .board-caret {
-        cursor: default;
-        outline: 0;
-        position: absolute;
-        bottom: 7px; }
-        .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-indicator {
-          border-left: 8px solid transparent;
-          border-right: 8px solid transparent;
-          border-bottom: 8px solid #999;
-          width: 0px;
-          height: 0px;
-          position: absolute;
-          left: 61px;
-          bottom: -7px; }
-        .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-arrow-up {
-          width: 0px;
-          height: 0px;
-          border-style: solid;
-          border-width: 0 8px 8px 8px;
-          border-color: transparent transparent #FFFFFF transparent;
-          left: 61px;
-          position: absolute; }
-  .b2b-boardstrip .arrow {
-    font-size: 14px;
-    cursor: pointer;
-    color: #0574ac; }
-    .b2b-boardstrip .arrow:hover {
-      color: #0574ac; }
-    .b2b-boardstrip .arrow.disabled {
-      color: #767676 !important;
-      cursor: not-allowed; }
-  .b2b-boardstrip .prev-items {
-    display: inline-block;
-    margin-top: auto;
-    margin-bottom: auto;
-    margin-right: 15px;
-    position: absolute;
-    left: 0;
-    top: 45px;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -o-user-select: none;
-    user-select: none; }
-  .b2b-boardstrip .next-items {
-    display: inline-block;
-    margin-top: 30px;
-    margin-bottom: auto;
-    margin-left: 10px;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -o-user-select: none;
-    user-select: none; }
-  .b2b-boardstrip .centered {
-    display: table-cell;
-    text-align: center;
-    vertical-align: middle; }
-
-.breadcrumb {
-  padding: 10px 15px;
-  height: 40px;
-  list-style: none;
-  border-bottom: 1px solid #d2d2d2;
-  font-size: 1.2rem;
-  width: 100%;
-  z-index: 1000; }
-
-.breadcrumb > li {
-  position: relative;
-  display: inline-block;
-  margin-right: 15px; }
-
-.breadcrumb > li:after {
-  font-size: 8px;
-  margin-right: 0;
-  right: -8px;
-  color: #333333; }
-
-.breadcrumb > li:last-child {
-  color: #333333; }
-
-.breadcrumb > li:last-child:after {
-  content: ""; }
-
-.breadcrumb li > * {
-  float: none !important;
-  margin: 0; }
-
-.breadcrumb {
-  padding: 10px 15px !important; }
-
-/* ARROW */
-/* spanish */
-.datepicker {
-  background-color: #FFFFFF;
-  padding: 0;
-  border-radius: 5px;
-  direction: ltr; }
-  .datepicker > div {
-    display: none; }
-  .datepicker table {
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    margin: 0 0 0 0; }
-  .datepicker td {
-    text-align: center;
-    display: block;
-    width: 30px;
-    height: 30px;
-    border: none; }
-    .datepicker td span {
-      display: block;
-      width: 23%;
-      height: 54px;
-      line-height: 54px;
-      float: left;
-      margin: 1%;
-      cursor: pointer;
-      border-radius: 4px; }
-      .datepicker td span:hover {
-        background: #eeeeee; }
-    .datepicker td span.disabled {
-      background: none;
-      color: #5A5A5A;
-      cursor: default; }
-      .datepicker td span.disabled:hover {
-        background: none;
-        color: #5A5A5A;
-        cursor: default; }
-    .datepicker td span.active {
-      color: #FFFFFF;
-      background-color: #0568ae;
-      border-color: #357ebd; }
-      .datepicker td span.active:hover {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        border-color: #357ebd; }
-    .datepicker td span.active.disabled {
-      color: #FFFFFF;
-      background-color: #0568ae;
-      border-color: #357ebd; }
-  .datepicker th {
-    text-align: center;
-    display: block;
-    width: 30px;
-    height: 30px;
-    border: none; }
-  .datepicker tbody:focus {
-    outline: none; }
-  .datepicker td.day {
-    background-color: transparent;
-    color: #0568ae;
-    cursor: pointer;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    height: 34px;
-    line-height: 30rem;
-    margin: -2px -1px 0 0;
-    overflow: hidden;
-    text-align: center;
-    width: 42px; }
-  .datepicker:focus {
-    outline: 1px dotted #191919;
-    outline-offset: -2px; }
-  .datepicker th[tabindex]:focus {
-    outline-offset: -15px; }
-  .datepicker td.day.focused {
-    background: #ededed;
-    cursor: pointer; }
-  .datepicker td.day.focused.active {
-    background-color: #ededed;
-    color: #0568ae; }
-  .datepicker td.disabled {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5A5A5A;
-    cursor: default; }
-    .datepicker td.disabled:hover {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #5A5A5A;
-      cursor: default; }
-      .datepicker td.disabled:hover .show-date {
-        font-family: "Omnes-ECOMP-W02", Arial;
-        color: #5A5A5A; }
-    .datepicker td.disabled .show-date {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #5A5A5A; }
-  .datepicker td.today {
-    color: #FFFFFF;
-    background-color: #0568ae; }
-    .datepicker td.today:hover {
-      color: #FFFFFF;
-      background-color: #0568ae;
-      color: #FFFFFF;
-      background-color: #0568ae; }
-    .datepicker td.today:active {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-    .datepicker td.today:focus {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-  .datepicker td.today.disabled {
-    color: #FFFFFF;
-    background-color: #0568ae; }
-  .datepicker td.today.active {
-    color: #FFFFFF;
-    background-color: #0568ae; }
-    .datepicker td.today.active:hover {
-      color: #FFFFFF; }
-  .datepicker td.selected {
-    color: #FFFFFF;
-    background-color: #95959500; }
-    .datepicker td.selected:hover {
-      color: #FFFFFF;
-      background-color: #95959500; }
-  .datepicker td.selected.disabled {
-    color: #FFFFFF;
-    background-color: #95959500; }
-  .datepicker td.active:not(.new) {
-    color: #FFFFFF;
-    border-color: #357ebd; }
-    .datepicker td.active:not(.new) .show-date {
-      color: #0568ae;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  .datepicker td.active:hover:not(.new) {
-    color: #FFFFFF;
-    border-color: #357ebd; }
-    .datepicker td.active:hover:not(.new) .show-date {
-      color: #0568ae;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  .datepicker .start-date .show-date {
-    background-color: #0568ae;
-    color: #FFFFFF !important;
-    border-radius: 5px 0 0 5px;
-    z-index: 1; }
-    .datepicker .start-date .show-date:before {
-      background-color: #0568ae;
-      content: "";
-      display: block;
-      height: 26px;
-      left: 20px;
-      position: absolute;
-      width: 100%;
-      z-index: -1; }
-  .datepicker .between-date .show-date {
-    background-color: #0568ae;
-    color: #FFFFFF !important; }
-    .datepicker .between-date .show-date:before {
-      background-color: #0568ae;
-      content: "";
-      display: block;
-      height: 26px;
-      left: 0;
-      position: absolute;
-      width: 100%;
-      z-index: -1; }
-  .datepicker .between-date:first-child .show-date:before {
-    background-color: #FFFFFF;
-    content: "";
-    height: 26px;
-    position: absolute;
-    left: 0;
-    width: 8px; }
-  .datepicker .end-date .show-date {
-    background-color: #0568ae;
-    color: #FFFFFF !important;
-    border-radius: 0 5px 5px 0; }
-    .datepicker .end-date .show-date:before {
-      background-color: #0568ae;
-      content: "";
-      display: block;
-      height: 26px;
-      left: -20px;
-      position: absolute;
-      width: 100%;
-      z-index: -1; }
-  .datepicker .end-date:first-child .show-date:after {
-    background-color: #FFFFFF;
-    content: "";
-    height: 26px;
-    position: absolute;
-    left: 0;
-    width: 8px; }
-  .datepicker .end-date:first-child .show-date::before {
-    background-color: #FFFFFF; }
-  .datepicker tr td.start-date:last-child .show-date:after {
-    background-color: #FFFFFF;
-    content: "";
-    height: 26px;
-    position: absolute;
-    right: 0;
-    width: 8px; }
-  .datepicker tr td.start-date:last-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.start-date:first-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.between-date:last-child .show-date:after {
-    background-color: #FFFFFF;
-    content: "";
-    height: 26px;
-    position: absolute;
-    right: 0;
-    width: 8px; }
-  .datepicker tr td.between-date:last-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.between-date:first-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.end-date:last-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.end-date:first-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker th.datepicker-switch {
-    width: 198px;
-    font-size: 20px;
-    font-weight: normal;
-    cursor: default !important; }
-  .datepicker thead tr:first-child th {
-    cursor: pointer;
-    height: 60px;
-    line-height: 60px; }
-  .datepicker thead tr:first-child th.cw {
-    cursor: default;
-    background-color: transparent; }
-  .datepicker tfoot tr th {
-    cursor: pointer;
-    height: 60px;
-    line-height: 60px;
-    height: auto;
-    line-height: normal; }
-    .datepicker tfoot tr th li {
-      margin-bottom: 5px; }
-  .datepicker .prev {
-    color: transparent;
-    font-size: 0;
-    margin: 0 -1px -1px 0;
-    width: 46px; }
-    .datepicker .prev i {
-      color: #0568ae;
-      position: absolute;
-      font-size: 27px;
-      margin: 0;
-      top: 15px;
-      left: 8px; }
-  .datepicker .next {
-    color: transparent;
-    font-size: 0;
-    margin: 0 -1px -1px 0;
-    width: 46px; }
-    .datepicker .next i {
-      color: #0568ae;
-      position: absolute;
-      font-size: 27px;
-      margin: 0;
-      top: 15px;
-      right: 8px; }
-  .datepicker .cw {
-    font-size: 5px;
-    width: 12px;
-    padding: 0 2px 0 5px;
-    vertical-align: middle; }
-  .datepicker .due-date .show-date {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    background-color: #cf2a2a;
-    border-radius: 5px;
-    color: #FFFFFF !important; }
-  .datepicker .day.active .show-date:after {
-    border: 2px solid #0568ae;
-    border-radius: 7px;
-    content: "";
-    display: block;
-    height: 30px;
-    left: 4px;
-    position: absolute;
-    top: 0;
-    width: 30px; }
-  .datepicker .day:focus .show-date:after {
-    border: 2px solid #0568ae;
-    border-radius: 7px;
-    content: "";
-    display: block;
-    height: 30px;
-    left: 4px;
-    position: absolute;
-    top: 0;
-    width: 30px;
-    height: 30px;
-    left: 4px;
-    top: 0;
-    width: 30px; }
-  .datepicker .due-date.disabled .show-date:after {
-    border: 2px solid #0568ae;
-    border-radius: 7px;
-    content: "";
-    display: block;
-    height: 30px;
-    left: 4px;
-    position: absolute;
-    top: 0;
-    width: 30px; }
-  .datepicker .day.due-date:focus .show-date:after {
-    height: 30px;
-    left: 4px;
-    top: 0;
-    width: 30px; }
-  .datepicker .due-date.old:after {
-    visibility: hidden; }
-  .datepicker .due-date.new:after {
-    visibility: hidden; }
-  .datepicker .due-date.active:after {
-    border-color: #FFFFFF; }
-  .datepicker .due-date.active.focused {
-    color: #0568ae !important; }
-    .datepicker .due-date.active.focused:after {
-      border-color: #cf2a2a !important; }
-  .datepicker .dow {
-    height: 24px;
-    width: 42px;
-    font-weight: normal;
-    position: relative;
-    overflow: hidden;
-    color: transparent;
-    letter-spacing: -6px;
-    margin: 0 -1px -1px 0; }
-    .datepicker .dow span[aria-hidden="true"] {
-      bottom: 0;
-      color: #5A5A5A;
-      display: block;
-      left: 1px;
-      letter-spacing: 0;
-      line-height: .9;
-      margin: 0 auto;
-      padding: 0;
-      position: relative;
-      width: 22px; }
-  .datepicker .calendar-legend {
-    margin-top: 3px;
-    margin-bottom: 20px; }
-    .datepicker .calendar-legend li {
-      font-size: 1.4rem;
-      font-weight: normal;
-      margin-bottom: 5px;
-      padding-left: 10px;
-      padding-top: 5px;
-      position: relative; }
-  .datepicker i.legend-due-date {
-    background-color: #cf2a2a;
-    border-radius: 5px;
-    height: 18px;
-    width: 18px;
-    margin-right: 8px;
-    vertical-align: middle;
-    display: inline-block; }
-  .datepicker i.legend-selected-date {
-    background-color: #FFFFFF;
-    border: 2px solid #0568ae;
-    border-radius: 5px;
-    height: 18px;
-    width: 18px;
-    margin-right: 8px;
-    vertical-align: middle;
-    display: inline-block; }
-  .datepicker i.legend-selectedisdue {
-    background-color: #FFFFFF;
-    border: 2px solid #0568ae;
-    border-radius: 5px;
-    display: inline-block;
-    height: 18px;
-    margin-right: 8px;
-    position: relative;
-    vertical-align: middle;
-    width: 18px; }
-    .datepicker i.legend-selectedisdue:after {
-      background-color: #cf2a2a;
-      border-radius: 3px;
-      content: "";
-      display: block;
-      height: 10px;
-      left: 2px;
-      position: absolute;
-      top: 2px;
-      width: 10px; }
-  .datepicker .text-left {
-    width: 100%; }
-  .datepicker .active.old {
-    background-color: #ededed !important;
-    color: #ededed !important; }
-
-.datepicker-inline {
-  width: 220px; }
-
-.datepicker.datepicker-rtl {
-  direction: rtl; }
-  .datepicker.datepicker-rtl td span {
-    float: right; }
-
-.datepicker-dropdown {
-  top: 0;
-  left: 0; }
-  .datepicker-dropdown:before {
-    content: " ";
-    display: inline-block;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid #d2d2d2;
-    border-top: 0;
-    border-bottom-color: rgba(0, 0, 0, 0.2);
-    position: absolute; }
-  .datepicker-dropdown:after {
-    content: " ";
-    display: inline-block;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid #fff;
-    border-top: 0;
-    position: absolute; }
-
-.datepicker-dropdown.datepicker-orient-left:before {
-  left: 16px; }
-
-.datepicker-dropdown.datepicker-orient-left:after {
-  left: 16px; }
-
-.datepicker-dropdown.datepicker-orient-right:before {
-  right: 16px; }
-
-.datepicker-dropdown.datepicker-orient-right:after {
-  right: 16px; }
-
-.datepicker-dropdown.datepicker-orient-top:before {
-  top: -10px; }
-
-.datepicker-dropdown.datepicker-orient-top:after {
-  top: -9px; }
-
-.datepicker-dropdown.datepicker-orient-bottom:before {
-  bottom: -7px;
-  border-bottom: 0;
-  border-top: 7px solid #959595; }
-
-.datepicker-dropdown.datepicker-orient-bottom:after {
-  bottom: -6px;
-  border-bottom: 0;
-  border-top: 6px solid #fff; }
-
-.datepicker.days div.datepicker-days {
-  display: block; }
-
-.datepicker.months div.datepicker-months {
-  display: block; }
-
-.datepicker.years div.datepicker-years {
-  display: block; }
-
-.show-date {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  color: #0568ae;
-  height: 26px;
-  line-height: 26px;
-  margin: 4px auto 0;
-  width: 26px; }
-
-.input-group.date .input-group-addon i {
-  cursor: pointer;
-  width: 16px;
-  height: 16px; }
-
-.datepicker.dropdown-menu {
-  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
-  position: absolute;
-  top: 100%;
-  left: 0;
-  float: left;
-  display: none;
-  margin-top: 13px;
-  width: 290px;
-  list-style: none;
-  background-color: #FFFFFF;
-  border: 1px solid #d2d2d2;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  border-radius: 5px;
-  color: #333333;
-  font-size: 13px;
-  line-height: 1.428571429;
-  z-index: 1050; }
-  .datepicker.dropdown-menu th {
-    display: block;
-    float: left;
-    padding: 0;
-    position: relative; }
-  .datepicker.dropdown-menu td {
-    display: block;
-    float: left;
-    padding: 0;
-    position: relative; }
-
-.s {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -62px 0; }
-
-.m {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -5px 0; }
-
-.t {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -19px 0; }
-
-.w {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -34px 0; }
-
-.f {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -49px 0; }
-
-.d {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: 0 0; }
-
-.l {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: 0 0; }
-
-.v {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: 0 0; }
-
-.j {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: 0 0; }
-
-.b2b-coachmark-label {
-  z-index: 1060;
-  opacity: 1;
-  cursor: not-allowed;
-  position: relative; }
-
-.b2b-coachmark-highlight {
-  border: 1px solid #d3d3d3;
-  cursor: default;
-  z-index: 1045;
-  opacity: 1;
-  background-color: #ffffff;
-  border-radius: 10px;
-  position: relative;
-  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-  padding: 10px;
-  position: absolute; }
-
-.b2b-coachmark-highlight-mask {
-  z-index: 1100;
-  opacity: .1; }
-
-.b2b-coachmark-container {
-  border: 1px solid #cccccc;
-  width: 316px;
-  pointer-events: auto;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  font-size: 16px;
-  -webkit-transition: opacity .2s ease-out;
-  -moz-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
-  background: #fff;
-  border-radius: 20px;
-  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.15);
-  color: #333;
-  line-height: 20px;
-  position: absolute;
-  top: 50px;
-  left: -97px;
-  display: block;
-  background-color: #ffffff;
-  z-index: 1050;
-  opacity: 1; }
-  .b2b-coachmark-container i.b2b-coachmark-caret {
-    position: absolute;
-    top: -12px;
-    left: 47%;
-    opacity: 1;
-    z-index: 1050; }
-  .b2b-coachmark-container i.b2b-coachmark-caret:before {
-    content: "";
-    border-left: 12px solid transparent;
-    border-right: 12px solid transparent;
-    border-bottom: 12px solid #d3d3d3;
-    position: absolute;
-    top: -1px; }
-  .b2b-coachmark-container i.b2b-coachmark-caret:after {
-    content: "";
-    border-left: 12px solid transparent;
-    border-right: 12px solid transparent;
-    border-bottom: 12px solid #fff;
-    position: absolute; }
-  .b2b-coachmark-container .b2b-coachmark-header {
-    position: relative;
-    height: 47px;
-    overflow: hidden; }
-    .b2b-coachmark-container .b2b-coachmark-header .corner-button {
-      box-shadow: 0 -24px 0 0 #f2f2f2 inset;
-      height: 69px;
-      position: absolute;
-      right: -33px;
-      top: -38px;
-      transform: rotate(45deg);
-      width: 69px; }
-  .b2b-coachmark-container .b2b-coachmark-countlabel {
-    font-size: 12px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333333;
-    margin-left: 20px;
-    margin-top: 20px; }
-  .b2b-coachmark-container .b2b-coachmark-content {
-    padding: 0px 20px 20px 20px;
-    float: left; }
-    .b2b-coachmark-container .b2b-coachmark-content .icon-misc-dimmer {
-      font-size: 32px;
-      float: left;
-      margin-right: 10px;
-      width: 32px; }
-    .b2b-coachmark-container .b2b-coachmark-content .offscreen-text {
-      position: absolute;
-      left: -10000px;
-      top: auto;
-      width: 1px;
-      height: 1px;
-      overflow: hidden; }
-    .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-content-header {
-      font-size: 16px;
-      color: #333333;
-      line-height: 18px;
-      float: left;
-      width: 220px; }
-    .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-description {
-      font-size: 14px;
-      line-height: 18px;
-      color: #333333;
-      width: 100%;
-      float: left;
-      margin-top: 15px; }
-    .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group {
-      margin-top: 20px;
-      float: left;
-      text-align: right;
-      width: 100%; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group .b2b-coachmark-link {
-        font-family: "Omnes-ECOMP-W02-Medium", Arial;
-        font-size: 15px;
-        color: #0574ac;
-        line-height: 18px;
-        margin-right: 20px; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group button {
-        font-size: 15px;
-        margin: 0px; }
-
-.datepicker {
-  background-color: #fff;
-  padding: 0;
-  border-radius: 5px;
-  direction: ltr; }
-
-.datepicker-inline {
-  width: 220px; }
-
-.datepicker.datepicker-rtl {
-  direction: rtl; }
-
-.datepicker.datepicker-rtl td span {
-  float: right; }
-
-.datepicker-dropdown {
-  top: 0;
-  left: 0; }
-
-/* ARROW */
-.datepicker-dropdown:before {
-  content: " ";
-  display: inline-block;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-bottom: 10px solid #d2d2d2;
-  border-top: 0;
-  border-bottom-color: rgba(0, 0, 0, 0.2);
-  position: absolute; }
-
-.datepicker-dropdown:after {
-  content: " ";
-  display: inline-block;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-bottom: 10px solid #fff;
-  border-top: 0;
-  position: absolute; }
-
-.datepicker-dropdown.datepicker-orient-left:before,
-.datepicker-dropdown.datepicker-orient-left:after {
-  left: 255px; }
-
-.datepicker-dropdown.datepicker-orient-right:before,
-.datepicker-dropdown.datepicker-orient-right:after {
-  right: 16px; }
-
-.datepicker-dropdown.datepicker-orient-top:before {
-  top: -10px; }
-
-.datepicker-dropdown.datepicker-orient-top:after {
-  top: -9px; }
-
-.datepicker-dropdown.datepicker-orient-bottom:before {
-  bottom: -7px;
-  border-bottom: 0;
-  border-top: 7px solid #959595; }
-
-.datepicker-dropdown.datepicker-orient-bottom:after {
-  bottom: -6px;
-  border-bottom: 0;
-  border-top: 6px solid #fff; }
-
-.datepicker > div {
-  display: none; }
-
-.datepicker.days div.datepicker-days {
-  display: block; }
-
-.datepicker.months div.datepicker-months {
-  display: block; }
-
-.datepicker.years div.datepicker-years {
-  display: block; }
-
-.datepicker table {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  margin: 0 0 0 0; }
-
-.datepicker td,
-.datepicker th {
-  text-align: center;
-  display: block;
-  width: 30px;
-  height: 30px;
-  border: none; }
-
-.datepicker tbody :focus {
-  outline: none; }
-
-.datepicker td.day {
-  background-color: transparent;
-  color: #0568ae;
-  cursor: pointer;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 16px;
-  height: 34px;
-  line-height: 30rem;
-  margin: -2px -1px 0 0;
-  overflow: hidden;
-  text-align: center;
-  width: 42px; }
-
-.datepicker :focus {
-  outline: 1px dotted #000;
-  outline-offset: -2px; }
-
-.datepicker td.day.focused {
-  background: #ededed;
-  cursor: pointer; }
-
-.datepicker td.day.focused.active {
-  background-color: #ededed;
-  color: #0568ae; }
-
-.datepicker td.disabled,
-.datepicker td.disabled:hover {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  color: #5a5a5a;
-  cursor: default; }
-
-.datepicker td.today,
-.datepicker td.today:hover,
-.datepicker td.today.disabled {
-  color: #fff;
-  background-color: #0568ae; }
-
-.datepicker td.today.active,
-.datepicker td.today:active,
-.datepicker td.today:hover,
-.datepicker td.today:focus {
-  color: #fff;
-  background-color: #0568ae; }
-
-.datepicker td.today.active:hover {
-  color: #fff; }
-
-.datepicker td.selected,
-.datepicker td.selected:hover,
-.datepicker td.selected.disabled {
-  color: #ffffff;
-  background-color: #959595; }
-
-.datepicker td.active:not(.new),
-.datepicker td.active:hover:not(.new) {
-  color: #ffffff;
-  border-color: #357ebd; }
-
-.show-date {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  color: #0568ae;
-  height: 26px;
-  line-height: 26px;
-  margin: 4px auto 0;
-  width: 26px; }
-
-.datepicker .start-date .show-date,
-.datepicker .between-date .show-date,
-.datepicker .end-date .show-date {
-  background-color: #0568ae;
-  color: #fff !important; }
-
-.datepicker .start-date .show-date {
-  border-radius: 5px 0 0 5px;
-  z-index: 1; }
-
-.datepicker .start-date .show-date:before {
-  background-color: #0568ae;
-  content: "";
-  display: block;
-  height: 26px;
-  left: 20px;
-  position: absolute;
-  width: 100%;
-  z-index: -1; }
-
-.datepicker .between-date .show-date:before {
-  background-color: #0568ae;
-  content: "";
-  display: block;
-  height: 26px;
-  left: 0;
-  position: absolute;
-  width: 100%;
-  z-index: -1; }
-
-.datepicker .end-date .show-date {
-  border-radius: 0 5px 5px 0; }
-
-.datepicker .end-date .show-date:before {
-  background-color: #0568ae;
-  content: "";
-  display: block;
-  height: 26px;
-  left: -20px;
-  position: absolute;
-  width: 100%;
-  z-index: -1; }
-
-.datepicker .between-date:first-child .show-date:before {
-  background-color: #fff;
-  content: "";
-  height: 26px;
-  position: absolute;
-  left: 0;
-  width: 8px; }
-
-.datepicker .end-date:first-child .show-date:after {
-  background-color: #fff;
-  content: "";
-  height: 26px;
-  position: absolute;
-  left: 0;
-  width: 8px; }
-
-.datepicker .end-date:first-child .show-date::before {
-  background-color: #fff; }
-
-.datepicker tr td.start-date:last-child .show-date:after,
-.datepicker tr td.between-date:last-child .show-date:after {
-  background-color: #fff;
-  content: "";
-  height: 26px;
-  position: absolute;
-  right: 0;
-  width: 8px; }
-
-.datepicker tr td.start-date:last-child:focus .show-date:after,
-.datepicker tr td.end-date:last-child:focus .show-date:after,
-.datepicker tr td.between-date:last-child:focus .show-date:after,
-.datepicker tr td.start-date:first-child:focus .show-date:after,
-.datepicker tr td.end-date:first-child:focus .show-date:after,
-.datepicker tr td.between-date:first-child:focus .show-date:after {
-  height: 30px;
-  width: 30px;
-  background-color: transparent; }
-
-.datepicker td.active:not(.new) .show-date,
-.datepicker td.active:hover:not(.new) .show-date {
-  color: #0568ae;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.datepicker td.disabled .show-date,
-.datepicker td.disabled:hover .show-date {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  color: #5a5a5a; }
-
-.datepicker td span {
-  display: block;
-  width: 23%;
-  height: 54px;
-  line-height: 54px;
-  float: left;
-  margin: 1%;
-  cursor: pointer;
-  border-radius: 4px; }
-
-.datepicker td span:hover {
-  background: #eeeeee; }
-
-.datepicker td span.disabled,
-.datepicker td span.disabled:hover {
-  background: none;
-  color: #5a5a5a;
-  cursor: default; }
-
-.datepicker td span.active,
-.datepicker td span.active:hover,
-.datepicker td span.active.disabled {
-  color: #ffffff;
-  background-color: #0568ae;
-  border-color: #357ebd; }
-
-.datepicker th.datepicker-switch {
-  width: 198px;
-  font-size: 20px;
-  font-weight: normal;
-  cursor: default !important; }
-
-.datepicker thead tr:first-child th,
-.datepicker tfoot tr th {
-  cursor: pointer;
-  height: 60px;
-  line-height: 60px; }
-
-.datepicker tfoot tr th {
-  height: auto;
-  line-height: normal; }
-
-.datepicker tfoot tr th li {
-  margin-bottom: 5px; }
-
-.datepicker .prev,
-.datepicker .next {
-  color: transparent;
-  font-size: 0;
-  margin: 0 -1px -1px 0;
-  width: 46px; }
-
-.datepicker .prev i,
-.datepicker .next i {
-  color: #0568ae;
-  position: absolute;
-  font-size: 27px;
-  margin: 0;
-  top: 15px; }
-
-.datepicker .prev i {
-  left: 8px; }
-
-.datepicker .next i {
-  right: 8px; }
-
-.datepicker .cw {
-  font-size: 5px;
-  width: 12px;
-  padding: 0 2px 0 5px;
-  vertical-align: middle; }
-
-.datepicker thead tr:first-child th.cw {
-  cursor: default;
-  background-color: transparent; }
-
-.input-group.date .input-group-addon i {
-  cursor: pointer;
-  width: 16px;
-  height: 16px; }
-
-.datepicker.dropdown-menu {
-  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
-  position: absolute;
-  top: 100%;
-  left: 0;
-  float: left;
-  display: none;
-  margin-top: 13px;
-  width: 290px;
-  list-style: none;
-  background-color: #ffffff;
-  border: 1px solid #d2d2d2;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  border-radius: 5px;
-  color: #333333;
-  font-size: 13px;
-  line-height: 1.428571429;
-  z-index: 1050; }
-
-.datepicker.dropdown-menu th,
-.datepicker.dropdown-menu td {
-  display: block;
-  float: left;
-  padding: 0;
-  position: relative; }
-
-.datepicker .due-date .show-date {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  background-color: #cf2a2a;
-  border-radius: 5px;
-  color: #fff !important; }
-
-.datepicker .day.active .show-date:after,
-.datepicker .day:focus .show-date:after,
-.datepicker .due-date.disabled .show-date:after {
-  border: 2px solid #0568ae;
-  border-radius: 7px;
-  content: "";
-  display: block;
-  height: 30px;
-  left: 4px;
-  position: absolute;
-  top: 0;
-  width: 30px; }
-
-.datepicker .day:focus .show-date:after {
-  height: 30px;
-  left: 4px;
-  top: 0;
-  width: 30px; }
-
-.datepicker .day.due-date:focus .show-date:after {
-  height: 30px;
-  left: 4px;
-  top: 0;
-  width: 30px; }
-
-.datepicker .due-date.old:after,
-.datepicker .due-date.new:after {
-  visibility: hidden; }
-
-.datepicker .due-date.active:after {
-  border-color: #fff; }
-
-.datepicker .due-date.active.focused {
-  color: #0568ae !important; }
-
-.datepicker .due-date.active.focused:after {
-  border-color: #cf2a2a !important; }
-
-.datepicker .dow {
-  height: 24px;
-  width: 42px;
-  font-weight: normal;
-  position: relative;
-  overflow: hidden;
-  color: transparent;
-  letter-spacing: -6px;
-  margin: 0 -1px -1px 0; }
-
-.datepicker .dow span[aria-hidden="true"] {
-  bottom: 0;
-  color: #5a5a5a;
-  display: block;
-  left: 1px;
-  letter-spacing: 0;
-  line-height: .9;
-  margin: 0 auto;
-  padding: 0;
-  position: relative;
-  width: 22px; }
-
-.datepicker .calendar-legend {
-  margin-top: 3px;
-  margin-bottom: 20px; }
-
-.datepicker .calendar-legend li {
-  font-size: 1.4rem;
-  font-weight: normal;
-  margin-bottom: 5px;
-  padding-left: 10px;
-  padding-top: 5px;
-  position: relative; }
-
-.datepicker i.legend-due-date {
-  background-color: #cf2a2a;
-  border-radius: 5px;
-  height: 18px;
-  width: 18px;
-  margin-right: 8px;
-  vertical-align: middle;
-  display: inline-block; }
-
-.datepicker i.legend-selected-date {
-  background-color: #fff;
-  border: 2px solid #0568ae;
-  border-radius: 5px;
-  height: 18px;
-  width: 18px;
-  margin-right: 8px;
-  vertical-align: middle;
-  display: inline-block; }
-
-.datepicker i.legend-selectedisdue {
-  background-color: #fff;
-  border: 2px solid #0568ae;
-  border-radius: 5px;
-  display: inline-block;
-  height: 18px;
-  margin-right: 8px;
-  position: relative;
-  vertical-align: middle;
-  width: 18px; }
-
-.datepicker i.legend-selectedisdue:after {
-  background-color: #cf2a2a;
-  border-radius: 3px;
-  content: "";
-  display: block;
-  height: 10px;
-  left: 2px;
-  position: absolute;
-  top: 2px;
-  width: 10px; }
-
-.datepicker .text-left {
-  width: 100%; }
-
-.datepicker .active.old {
-  background-color: #ededed !important;
-  color: #ededed !important; }
-
-.s,
-.m,
-.t,
-.w,
-.f,
-.d,
-.l,
-.v,
-.j {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: white;
-  background-repeat: no-repeat; }
-
-.s {
-  background-position: -62px 0; }
-
-.m {
-  background-position: -5px 0; }
-
-.t {
-  background-position: -19px 0; }
-
-.w {
-  background-position: -34px 0; }
-
-.f {
-  background-position: -49px 0; }
-
-/* spanish */
-.d {
-  background-position: 0 0; }
-
-.l {
-  background-position: 0 0; }
-
-.v {
-  background-position: 0 0; }
-
-.j {
-  background-position: 0 0; }
-
-.datepicker-container {
-  position: relative; }
-
-.btn-calendar-icon:focus .icon-primary-calendar {
-  outline: 1px dotted #191919; }
-
-.btn-calendar-icon:focus {
-  outline: none; }
-
-/* remove focus outline when dropdown is opened */
-/*resolve blue focus outline over dropdown with error*/
-select {
-  margin-right: -1;
-  max-width: 400px;
-  height: 36px;
-  line-height: 25px;
-  width: 400px;
-  background-color: #95959521; }
-
-.selectWrap.disabled .icon-primary-down {
-  color: #d6d6d6; }
-
-.selectWrap.disabled input.awd-select {
-  z-index: 0;
-  padding: 10px 45px 10px 15px;
-  text-indent: 0; }
-
-.selectWrap.disabled button.awd-select {
-  z-index: 0;
-  text-indent: 15px; }
-
-.selectWrap.disabled:after {
-  color: #5A5A5A;
-  cursor: not-allowed; }
-
-input.awd-select {
-  background-color: transparent;
-  border: 1px solid #d2d2d2;
-  border-radius: 6px;
-  box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-  color: #333333;
-  display: block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  /*font-size: 1.6rem;*/
-  height: 36px;
-  line-height: 0;
-  margin-bottom: 0;
-  position: relative;
-  text-align: left;
-  top: 0;
-  width: 100%;
-  z-index: 10;
-  padding: 12px 45px 8px 15px;
-  user-select: none; }
-  input.awd-select:focus {
-    border-color: #0568ae !important;
-    text-overflow: ellipsis;
-    padding-right: 45px; }
-
-button.awd-select {
-  background-color: transparent;
-  border: 1px solid #d2d2d2;
-  border-radius: 6px;
-  box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-  color: #333333;
-  display: block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  /*font-size: 1.6rem;*/
-  height: 36px;
-  line-height: 36px;
-  margin-bottom: 5;
-  position: relative;
-  text-align: left;
-  top: 0;
-  width: 100%;
-  z-index: 10; }
-  button.awd-select:not(.large) {
-    text-indent: 15px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: clip;
-    text-overflow: ellipsis; }
-  button.awd-select img {
-    height: 26px;
-    margin-right: 7px;
-    margin-top: -10px;
-    position: relative;
-    top: 2px;
-    vertical-align: text-bottom; }
-  button.awd-select:focus {
-    border-color: #0568ae !important; }
-  button.awd-select i {
-    font-size: 23px;
-    position: absolute;
-    right: 33px;
-    top: 5px;
-    z-index: 1000; }
-
-button.awd-select.large {
-  align-items: center;
-  display: flex;
-  height: 60px;
-  line-height: 20px;
-  overflow: hidden;
-  padding-left: 70px;
-  vertical-align: middle; }
-  button.awd-select.large img {
-    height: 40px;
-    left: 20px;
-    position: absolute;
-    top: 20px;
-    width: 40px; }
-
-.selectWrap.large {
-  height: 60px; }
-  .selectWrap.large .awd-select-list-item {
-    align-items: center;
-    display: flex;
-    height: 60px;
-    line-height: 20px;
-    overflow: hidden;
-    padding-left: 70px;
-    vertical-align: middle; }
-    .selectWrap.large .awd-select-list-item img {
-      height: 40px;
-      left: 20px;
-      position: absolute;
-      top: 20px;
-      width: 40px;
-      top: 10px; }
-      
-      .inputWrap {
-  border-radius: 6px;
-  position: relative;
-  height: 36px;
-  line-height: 44px;
-  display: block;
-  margin: 0;
-  }
-
-button.awd-select.active {
-  border-radius: 6px 6px 0 0; }
-  button.awd-select.active:focus {
-    border-color: #d2d2d2 !important; }
-
-input.awd-select.active {
-  border-radius: 6px 6px 0 0; }
-  input.awd-select.active:focus {
-    border-color: #d2d2d2 !important; }
-
-.selectWrapper {
-  position: relative; }
-
-span.selectWrap input[readonly]:focus {
-  color: transparent;
-  text-shadow: 0 0 0 #000; }
-
-.isIE.ds2-no-colors .awd-select:focus {
-  outline: 1px dashed transparent; }
-
-.awd-select-list {
-  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-  border-radius: 0 0 6px 6px;
-  position: absolute;
-  border: 1px solid #d2d2d2;
-  border-top: 0;
-  padding: 0;
-  background-color: #f2f2f2;
-  z-index: 1000;
-  width: 100%;
-  max-height: 320px;
-  overflow-y: auto; }
-
-.awd-select-list-item {
-  cursor: pointer;
-  height: 100%;
-  min-height: 36px;
-  line-height: 20px;
-  overflow: hidden;
-  padding: 8px 15px;
-  position: relative;
-  z-index: 1000; }
-  .awd-select-list-item:hover {
-    cursor: pointer;
-    background-color: #d2d2d2;
-    outline: 1px dashed transparent; }
-  .awd-select-list-item:focus {
-    cursor: pointer;
-    background-color: #d2d2d2;
-    outline: 1px dashed transparent; }
-  .awd-select-list-item img {
-    margin-top: 0;
-    margin-right: 7px;
-    height: 26px;
-    width: 26px; }
-
-.selectWrap {
-  border-radius: 6px;
-  position: relative;
-  height: 36px;
-  line-height: 28px;
-  display: block;
-  margin: 0;
-  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-  .selectWrap:not(.large) .awd-select-list-item:first-child {
-    margin-top: 15px; }
-  .selectWrap:not(.large) .awd-select-list-item:last-child {
-    margin-bottom: 15px; }
-  .selectWrap .icon-primary-down {
-    font-size: 23px;
-    margin-top: -11px;
-    position: absolute;
-    right: 4px;
-    top: 50%; }
-  .selectWrap + [aria-expanded="true"] {
-    padding-bottom: 9px;
-    padding-top: 20px; }
-
-.awd-select-list-item[data-hover="true"] {
-  background-color: #d2d2d2; }
-
-span input.awd-select {
-  width: 100%;
-  cursor: pointer;
-  text-overflow: ellipsis;
-  padding-right: 45px; }
-
-li.optgroup-wrapper {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  cursor: default !important;
-  padding: 0px 15px; }
-  li.optgroup-wrapper:first-child {
-    padding-top: 10px; }
-  li.optgroup-wrapper:hover {
-    background-color: #f2f2f2; }
-
-ul.optgroup {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  cursor: pointer !important;
-  margin: 0 -15px; }
-  ul.optgroup li {
-    padding: 0 0 0 33px; }
-
-label + .selectWrap {
-  margin-top: 4px; }
-
-.selectorModule {
-  border-radius: 6px;
-  position: relative;
-  height: 36px;
-  line-height: 28px;
-  display: block;
-  margin: 0;
-  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-
-.group .selectWrap {
-  margin: 0 0 10px 0; }
-
-select.awd-select {
-  position: relative;
-  top: 0;
-  left: 0;
-  font-size: 16px;
-  z-index: 1010;
-  height: 33px;
-  min-width: 100%;
-  opacity: 0.01; }
-  select.awd-select > optgroup {
-    padding-left: 8px;
-    font-style: normal;
-    margin-top: 10px; }
-    select.awd-select > optgroup:first-child {
-      margin-top: 0; }
-    select.awd-select > optgroup > option {
-      padding-left: 8px; }
-  select.awd-select > option {
-    padding-left: 8px; }
-  select.awd-select + span {
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0);
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 0;
-    display: block;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    height: 35px;
-    line-height: 0;
-    padding: 18px 45px 15px 15px;
-    width: 100%;
-    font-size: 1.6rem;
-    padding-right: 45px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis; }
-    select.awd-select + span > i {
-      font-size: 23px;
-      position: absolute;
-      right: 33px;
-      top: 5px;
-      z-index: 1000; }
-      select.awd-select + span > i:before {
-        left: 1px;
-        position: absolute;
-        top: -1px; }
-  select.awd-select:focus + span {
-    border-color: #0568ae; }
-
-.isIE select.awd-select + span {
-  line-height: 1; }
-
-[data-default-option="true"] {
-  color: #767676 !important;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-
-.placeholdercolor {
-  color: #767676 !important;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-
-.filterTank button.awd-select {
-  border-color: #d2d2d2;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #333333; }
-  .filterTank button.awd-select:after {
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2; }
-
-.utility-bg button.awd-select {
-  border-color: #d2d2d2;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #333333; }
-  .utility-bg button.awd-select:after {
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2; }
-
-.utility-bg select.awd-select + span {
-  border-color: #d2d2d2;
-  border-color: #d2d2d2;
-  background-color: #333333;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #FFFFFF; }
-  .utility-bg select.awd-select + span:after {
-    background-color: #FFFFFF !important;
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2;
-    border-color: #d2d2d2; }
-
-.utility-bg select.awd-select:focus + span {
-  border-color: #d2d2d2;
-  border-color: #d2d2d2;
-  background-color: #333333;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #FFFFFF; }
-  .utility-bg select.awd-select:focus + span:after {
-    background-color: #FFFFFF !important;
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2;
-    border-color: #d2d2d2; }
-
-.utility-bg select.awd-select:hover + span {
-  border-color: #d2d2d2;
-  border-color: #d2d2d2;
-  background-color: #333333;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #FFFFFF; }
-  .utility-bg select.awd-select:hover + span:after {
-    background-color: #FFFFFF !important;
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2;
-    border-color: #d2d2d2; }
-
-input.awd-select[disabled] {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  input.awd-select[disabled] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-
-button.awd-select[disabled] {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  button.awd-select[disabled]:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled] + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled] + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled]:focus + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-
-select.awd-select[disabled]:hover + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-
-input.awd-select[disabled="disabled"] {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  input.awd-select[disabled="disabled"] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-
-select.awd-select[disabled="disabled"] + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled="disabled"] + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled="disabled"]:focus + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled="disabled"]:focus + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled="disabled"]:hover + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled="disabled"]:hover + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-.ddexpand-wrapper > h2 {
-  margin-bottom: 11px; }
-  .ddexpand-wrapper > h2 + p {
-    margin-bottom: 4px; }
-
-.ddexpand-wrapper .selectWrap + [aria-expanded="true"] .form-row {
-  margin-top: 11px; }
-
-.ddexpand-wrapper .selectWrap + [aria-expanded="true"] .row + .row .form-row {
-  margin-top: 14px; }
-
-.modal .awd-select-list {
-  z-index: 1060 !important; }
-
-.form-row.error button.awd-select.active:focus {
-  border-color: #cf2a2a !important; }
-
-.form-row.error input.awd-select.active:focus {
-  border-color: #cf2a2a !important; }
-
-.awd-module-list .module-list-item[aria-selected="true"] {
-  background-color: #f2f2f2; }
-
-li.module-list-item[aria-selected="true"]:before {
-  color: #0568ae;
-  display: inline-block;
-  font-family: "icoControls" !important;
-  font-style: normal;
-  font-size: 20px;
-  font-weight: normal;
-  font-variant: normal;
-  height: 1em;
-  margin-right: 7px;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  position: relative;
-  speak: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  width: 1em;
-  content: "\e907";
-  box-sizing: border-box;
-  display: inline-block;
-  font-size: 2em;
-  height: 1em;
-  position: absolute;
-  top: 20px;
-  right: 0px;
-  vertical-align: middle;
-  width: 1em;
-  color: #007a3e; }
-
-@media (min-width: 768px) {
-  span[class*="large"] {
-    max-width: 370px; }
-  .large {
-    max-width: 370px; } }
-
-@media (max-width: 767px) {
-  .selectWrap.large:after {
-    right: 5px; }
-  .selectWrap.large .awd-select-list-item {
-    padding-right: 41px; }
-  .selectWrap + div > h4 {
-    margin-bottom: 0;
-    font-size: 16px; } }
-
-/**********************Dropdown Chrome scrolling fix start ********************/
-input.awd-select {
-  -webkit-user-select: text;
-  -moz-user-select: text;
-  -ms-user-select: text;
-  user-select: text; }
-
-/**********************Dropdown Chrome scrolling fix end ********************/
-.mpc-expanders {
-  border-bottom: 1px solid #e4e4e4;
-  border-top: 1px solid #e4e4e4; }
-
-.mpc-expanders + .mpc-expanders {
-  border-top: 0px; }
-
-.mpc-expanders .heading-medium {
-  margin-bottom: 10px; }
-
-.mpc-expanders .p-small {
-  margin-top: 5px; }
-
-.mpc-expander-body {
-  border-top: 1px solid #e4e4e4; }
-
-.mpc-expander-body .mpc-expanders {
-  border-bottom: 1px solid #e4e4e4;
-  border-top: 0; }
-
-.mpc-expander-body .mpc-expanders:last-child {
-  border-bottom: 0px; }
-
-.ddh-blue {
-  color: #0574ac; }
-
-.b2b-dragdrop {
-  border: 1px dashed #bbb;
-  border-radius: 5px;
-  padding: 0;
-  text-align: center;
-  color: #bbb;
-  position: relative; }
-
-.b2b-dragdrop-over {
-  background: #0091d9;
-  color: #006496; }
-  .b2b-dragdrop-over:after {
-    content: "Drop the file";
-    color: #fff;
-    width: 80px;
-    height: 20px;
-    overflow: hidden;
-    margin: auto;
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0; }
-
-.b2b-file-container {
-  position: relative;
-  overflow: hidden;
-  display: inline-table;
-  font-weight: 400; }
-  .b2b-file-container [type=file] {
-    position: absolute;
-    cursor: inherit;
-    display: block;
-    font-size: 0;
-    opacity: 0;
-    height: 0;
-    width: 0;
-    left: 0;
-    top: 0;
-    -ms-filter: "alpha(Opacity=0)"; }
-
-.b2b-upload-link {
-  color: #0568ae; }
-
-.b2b-flyout {
-  position: relative;
-  display: inline-block;
-  cursor: default; }
-
-.b2b-flyout-icon {
-  cursor: pointer; }
-  .b2b-flyout-icon:focus {
-    outline: thin dotted #666;
-    outline-offset: -1px; }
-
-.b2b-flyout .b2b-flyout-container {
-  border: 1px solid #d3d3d3;
-  width: 300px;
-  padding: 20px;
-  pointer-events: auto;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  font-size: 16px;
-  -webkit-transition: opacity .2s ease-out;
-  -moz-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
-  background: #fff;
-  border-radius: 6px;
-  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-  color: #333;
-  line-height: 20px;
-  position: absolute;
-  top: 35px;
-  opacity: 0;
-  z-index: 1010;
-  display: none; }
-  .b2b-flyout .b2b-flyout-container.open-flyout {
-    opacity: 1;
-    display: block; }
-
-.b2b-flyout i.b2b-flyout-caret {
-  position: absolute;
-  top: -8px;
-  left: 50%;
-  opacity: 0;
-  z-index: 1011;
-  display: none; }
-  .b2b-flyout i.b2b-flyout-caret.open-flyout {
-    opacity: 1;
-    display: block; }
-  .b2b-flyout i.b2b-flyout-caret:before {
-    content: "";
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
-    border-bottom: 8px solid #d3d3d3;
-    position: absolute;
-    top: -1px; }
-  .b2b-flyout i.b2b-flyout-caret:after {
-    content: "";
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
-    border-bottom: 8px solid #fff;
-    position: absolute; }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-left i.b2b-flyout-caret {
-  left: 16px !important; }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-right i.b2b-flyout-caret {
-  left: inherit !important;
-  right: 30px !important; }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-above {
-  box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.25); }
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret {
-    top: auto;
-    bottom: 0px; }
-    .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:before {
-      top: auto;
-      bottom: -9px;
-      border-top: 8px solid #d3d3d3;
-      border-bottom: none; }
-    .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:after {
-      border-top: 8px solid #fff;
-      border-bottom: none; }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-centerLeft i.b2b-flyout-caret {
-  left: inherit !important;
-  right: -7px !important;
-  top: 8px;
-  transform: rotate(90deg); }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-centerRight i.b2b-flyout-caret {
-  left: -8px !important;
-  top: 296px;
-  transform: rotate(-90deg); }
-
-.b2b-flyout .buttons-group {
-  margin-top: 20px; }
-  .b2b-flyout .buttons-group .cta-button-group {
-    width: 100%;
-    border-top: 1px solid #ccc;
-    padding: 20px 0 0; }
-    .b2b-flyout .buttons-group .cta-button-group button {
-      margin-bottom: 0; }
-
-.b2b-flyout .heading {
-  font-size: 20px;
-  margin-bottom: 10px; }
-
-.b2b-flyout .body-text {
-  font-size: 14px;
-  margin-bottom: 30px; }
-
-.b2b-footer-wrapper {
-  width: 100%;
-  background-color: #222; }
-
-.b2b-footer-container {
-  width: 980px;
-  margin: 0 auto;
-  padding-top: 15px; }
-  .b2b-footer-container .footer-columns {
-    display: inline-block;
-    text-align: left;
-    vertical-align: top; }
-    .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-      padding-top: 30px; }
-    .b2b-footer-container .footer-columns.three-column {
-      width: 33.3%;
-      padding-left: 75px; }
-    .b2b-footer-container .footer-columns.four-column {
-      width: 25%;
-      padding-left: 75px; }
-    .b2b-footer-container .footer-columns.five-column {
-      width: 20%; }
-    .b2b-footer-container .footer-columns .b2b-footer-header {
-      color: #009fdb;
-      font-size: 18px;
-      font-style: normal;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      line-height: 23.9px;
-      margin: 0; }
-    .b2b-footer-container .footer-columns li {
-      padding: 7.5px 0; }
-    .b2b-footer-container .footer-columns ul li:first-child {
-      padding-top: 15px; }
-    .b2b-footer-container .footer-columns li a {
-      color: #fff;
-      font-size: 16px;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-  .b2b-footer-container .footer-nav-content {
-    padding-bottom: 10px; }
-    .b2b-footer-container .footer-nav-content li {
-      display: inline;
-      font-size: 14px;
-      color: #fff;
-      vertical-align: middle; }
-      .b2b-footer-container .footer-nav-content li a {
-        color: #fff;
-        font-size: 14px;
-        vertical-align: middle;
-        margin-right: 5px;
-        font-family: "Omnes-ECOMP-W02", Arial; }
-
-.b2b-footer-wrapper .b2b-footer-container hr {
-  background: #d2d2d2;
-  margin-top: 50px; }
-
-.b2b-footer-wrapper .divider-bottom-footer {
-  padding: 45px 0 50px 0; }
-
-.b2b-footer-wrapper .footerLogo {
-  margin: 10px 0 0 0px;
-  vertical-align: top; }
-  .b2b-footer-wrapper .footerLogo div {
-    display: inline-block; }
-  .b2b-footer-wrapper .footerLogo .icon-primary-att-globe {
-    font-size: 40px; }
-  .b2b-footer-wrapper .footerLogo .logo-title {
-    color: #fff;
-    margin-left: 10px;
-    display: inline-block;
-    font-size: 26px;
-    margin-top: 0px; }
-
-.b2b-footer-wrapper .copyright-text {
-  color: #fff;
-  font-size: 11px;
-  text-align: left;
-  font-family: "Omnes-ECOMP-W02", Arial; }
-  .b2b-footer-wrapper .copyright-text a {
-    color: #fff;
-    text-decoration: underline;
-    display: inline-block; }
-    .b2b-footer-wrapper .copyright-text a:hover {
-      text-decoration: none; }
-
-@media (max-width: 768px) {
-  .b2b-footer-wrapper {
-    padding: 0 15px; }
-  .b2b-footer-container {
-    width: 100%; }
-    .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-      width: 50%; }
-  .b2b-footer-wrapper .divider-bottom-footer {
-    padding-top: 15px; }
-    .b2b-footer-wrapper .divider-bottom-footer .footer-links {
-      width: 100%; }
-  .b2b-footer-wrapper .footerLogo {
-    margin: 30px 0 0 0; }
-    .b2b-footer-wrapper .footerLogo .footer-logo {
-      margin: 0;
-      padding-left: 10px; } }
-
-.b2b-header-tabs {
-  background-color: #222;
-  width: 100%;
-  position: relative;
-  height: 45px; }
-  .b2b-header-tabs .icon-primary-att-globe {
-    color: #0568ae; }
-  .b2b-header-tabs a:focus {
-    border: 1px solid white; }
-  .b2b-header-tabs .header__items {
-    width: 980px;
-    margin: 0 auto;
-    display: block;
-    list-style: none;
-    padding: 6px 0px 0px 0px;
-    border-spacing: 30px 0; }
-  .b2b-header-tabs .header__item {
-    display: inline-block;
-    text-align: left;
-    width: auto;
-    font-size: 16px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    cursor: pointer;
-    padding: 5px 15px;
-    color: #fff; }
-    .b2b-header-tabs .header__item.b2b-headermenu {
-      padding: 0; }
-      .b2b-header-tabs .header__item.b2b-headermenu:last-child {
-        background: none; }
-      .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-        color: #fff;
-        text-decoration: none;
-        display: inline-block;
-        padding: 5px 15px; }
-    .b2b-header-tabs .header__item.active {
-      background-color: #fff;
-      border-radius: 2px;
-      border-bottom-left-radius: 0;
-      border-bottom-right-radius: 0; }
-      .b2b-header-tabs .header__item.active a.menu__item {
-        color: #0578ae; }
-  .b2b-header-tabs li:focus {
-    outline: 2px solid #0578ae; }
-  .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-    background-color: #fff;
-    position: absolute;
-    width: 100%;
-    left: 0;
-    top: 42px;
-    border-bottom: solid 1px #ccc;
-    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    display: none;
-    z-index: 111; }
-  .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-    background-color: #fff;
-    width: 980px;
-    margin: 0 auto; }
-  .b2b-header-tabs .header__item.active .header-secondary-wrapper {
-    display: block; }
-  .b2b-header-tabs .header-secondary .header-subitem {
-    display: inline-block;
-    width: auto;
-    margin: 0 15px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-      display: block; }
-    .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-      display: inline-block;
-      padding: 15px 0;
-      color: #333; }
-      .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-        color: #0578ae; }
-
-/** Secondary Menu **/
-.b2b-labelhide {
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px); }
-
-/** Tertiary Level Menu **/
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-  position: absolute;
-  z-index: 111;
-  top: 25px; }
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after, .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    content: '';
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
-    position: absolute;
-    -webkit-transition: left .2s ease-out;
-    -moz-transition: left .2s ease-out;
-    transition: left .2s ease-out; }
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-    border-bottom: 8px solid #fff;
-    top: 10px; }
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    border-bottom: 8px solid #ccc;
-    top: 9px; }
-
-.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-  border-top: solid 1px #ccc; }
-
-.b2b-header-tabs .header-tertiary:after {
-  content: '';
-  clear: both;
-  display: block; }
-
-.b2b-header-tabs .header-tertiary li {
-  display: inline-block;
-  padding: 0;
-  float: left; }
-  .b2b-header-tabs .header-tertiary li a {
-    color: #333;
-    display: block;
-    padding: 10px 15px; }
-  .b2b-header-tabs .header-tertiary li label {
-    text-align: left;
-    display: block;
-    font-size: 16px;
-    font-weight: bold;
-    color: #857B7B;
-    padding: 15px 0 0 15px; }
-
-.b2b-header-tabs .header__item.skip {
-  padding: 0;
-  display: inline-block;
-  cursor: default !important; }
-  .b2b-header-tabs .header__item.skip a {
-    color: transparent;
-    font-size: 12px;
-    line-height: 15px;
-    text-decoration: none; }
-    .b2b-header-tabs .header__item.skip a:focus {
-      color: #fff;
-      outline: 2px solid #0578ae; }
-
-.b2b-header-tabs .selectWrap {
-  min-width: 150px; }
-  .b2b-header-tabs .selectWrap button.awd-select {
-    height: 30px;
-    line-height: 31px;
-    font-size: 1rem;
-    display: inline-block; }
-  .b2b-header-tabs .selectWrap .awd-select-list {
-    background-color: #fff;
-    color: #333;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-
-@media (max-width: 768px) {
-  .b2b-header-tabs {
-    padding: 0 15px; }
-    .b2b-header-tabs .header__items, .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-      width: 100%; }
-    .b2b-header-tabs .header__item {
-      padding: 5px 0; }
-    .b2b-header-tabs .globe-text {
-      display: none; }
-    .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-      padding: 5px 7px 9px 7px; }
-    .b2b-header-tabs .header__item .header-tertiary-wrapper {
-      top: 30px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-      top: 14px; }
-    .b2b-header-tabs .header__item .header-secondary-wrapper {
-      top: 45px; }
-    .b2b-header-tabs .header__item.profile {
-      padding-left: 15px;
-      float: none; } }
-
-/************* Header - Start *************/
-.b2b-header-tabs {
-  background-color: #222;
-  width: 100%;
-  position: relative;
-  height: 45px; }
-
-.b2b-header-tabs .icon-primary-primary-att-globe {
-  color: #0568ae;
-  font-size: 34px;
-  bottom: 1px; }
-
-/*
- *TODO: delete below .icon-primary-att-globel will not be used 
- *instead the one above, icon-primary-primary-att-globe not available here
- */
-.b2b-header-tabs .icon-primary-att-globe {
-  color: #0568ae;
-  font-size: 34px; }
-
-.b2b-header-tabs .globe-text {
-  margin-left: 20px;
-  font-size: 2rem; }
-
-.b2b-header-tabs .header__items {
-  width: 980px;
-  margin: 0 auto;
-  display: block;
-  list-style: none;
-  border-spacing: 30px 0;
-  padding: 3px 0px 0px 0px; }
-
-.b2b-header-tabs .header__item {
-  display: inline-block;
-  text-align: left;
-  width: auto;
-  font-size: 14px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  cursor: pointer;
-  padding: 0 15px 4px 15px;
-  /*margin-top:-3px;*/
-  color: #fff; }
-
-.b2b-header-tabs .header__item.b2b-headermenu {
-  padding: 0; }
-
-.b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-  color: #fff;
-  text-decoration: none;
-  display: inline-block;
-  padding: 8px 15px 12px 15px;
-  font-size: 16px; }
-
-.b2b-header-tabs .header__item.active {
-  background-color: #fff;
-  border-radius: 2px;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0; }
-
-.b2b-header-tabs .header__item.active a.menu__item {
-  color: #0578ae; }
-
-.b2b-header-tabs li:focus {
-  outline: 2px solid #0578ae; }
-
-/** profile pop Over **/
-.b2b-header-tabs .header__item.profile {
-  position: relative;
-  float: right; }
-
-/** Secondary Menu **/
-.b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-  background-color: #fff;
-  position: absolute;
-  width: 100%;
-  left: 0;
-  top: 42px;
-  border-bottom: solid 1px #ccc;
-  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-  display: none;
-  z-index: 111; }
-
-.b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-  background-color: #fff;
-  width: 980px;
-  margin: 0 auto; }
-
-.b2b-header-tabs .header__item.active .header-secondary-wrapper,
-.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-  display: block; }
-
-.b2b-header-tabs .header-secondary .header-subitem {
-  display: inline-block;
-  width: auto;
-  margin: 0 15px; }
-
-.b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-  display: inline-block;
-  padding: 15px 0;
-  color: #333;
-  font-size: 14px; }
-
-.b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-  color: #0578ae; }
-
-.b2b-label-hide {
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px); }
-
-/** Tertiary Level Menu **/
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after,
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-  content: '';
-  border-left: 8px solid transparent;
-  border-right: 8px solid transparent;
-  position: absolute;
-  -webkit-transition: left .2s ease-out;
-  -moz-transition: left .2s ease-out;
-  transition: left .2s ease-out; }
-
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-  position: absolute;
-  z-index: 111;
-  top: 25px; }
-
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-  border-bottom: 8px solid #fff;
-  top: 10px; }
-
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-  border-bottom: 8px solid #ccc;
-  top: 9px; }
-
-/** Tertiary Level Menu **/
-.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-  border-top: solid 1px #ccc; }
-
-.b2b-header-tabs .header-tertiary:after {
-  content: '';
-  clear: both;
-  display: block; }
-
-.b2b-header-tabs .header-tertiary li {
-  display: inline-block;
-  padding: 0;
-  float: left; }
-
-.b2b-header-tabs .header-tertiary li a {
-  color: #333;
-  display: block;
-  padding: 7px 15px;
-  max-width: 228px; }
-
-.b2b-header-tabs .header-tertiary li label {
-  text-align: left;
-  display: block;
-  font-size: 14px !important;
-  font-weight: bold;
-  color: #857B7B;
-  padding: 15px 0 0 15px; }
-
-/** Quarternary Level Menu **/
-.b2b-header-tabs .header-quarternary {
-  width: 100%;
-  float: left; }
-
-.b2b-header-tabs .header-quarternary li {
-  padding-left: 15px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  display: none; }
-
-.b2b-header-tabs .header-quarternary li.active {
-  display: block; }
-
-.b2b-header-tabs .header-quarternary li a {
-  color: #666666;
-  font-size: 14px;
-  padding: 0px 10px 10px 10px; }
-
-/** Skip Navigation**/
-.b2b-header-tabs .header__item.skip {
-  padding: 0;
-  display: inline-block;
-  cursor: default !important; }
-
-.b2b-header-tabs .header__item.skip a {
-  color: transparent;
-  font-size: 12px;
-  line-height: 15px;
-  text-decoration: none; }
-
-.b2b-header-tabs .header__item.skip a:focus {
-  color: #fff;
-  outline: 2px solid #0578ae; }
-
-/** Dropdown css inside Header ****/
-.b2b-header-tabs .selectWrap {
-  min-width: 150px; }
-
-.b2b-header-tabs .selectWrap button.awd-select, .b2b-header-tabs .selectWrap input.awd-select {
-  height: 36px;
-  line-height: 31px;
-  font-size: 1rem;
-  display: inline-block; }
-
-.b2b-header-tabs .selectWrap .awd-select-list {
-  background-color: #fff;
-  color: #333;
-  -webkit-transition: opacity .2s ease-out;
-  -moz-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-
-/*
- * responsive header media queries
- */
-@media screen and (max-width: 1100px) {
-  .b2b-header-tabs .globe-text {
-    display: none; }
-  .b2b-header-tabs .header__item.profile {
-    padding-left: 15px;
-    float: none; }
-  .b2b-header-tabs .header__items {
-    padding-top: 0px; } }
-
-@media screen and (max-width: 950px) {
-  .header__item.profile {
-    top: 20px; }
-  .b2b-header-tabs {
-    height: 90px; }
-  .header__item .selectWrap {
-    bottom: 15px; }
-  .b2b-header-tabs .header__items {
-    padding-top: 25px; }
-  .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-    top: 80px; }
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-    top: 35px; }
-  .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-    padding-bottom: 30px; }
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-    margin-top: -28px; } }
-
-/*************** Header - END ******************/
-.hp-container {
-  display: block;
-  max-width: 408px; }
-  .hp-container i:focus {
-    outline: thin dotted #666; }
-  .hp-container .icon-misc-pen {
-    cursor: pointer; }
-  .hp-container .icon-misc-trash {
-    cursor: pointer; }
-
-.hp-selected {
-  border-bottom: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
-  margin-bottom: 16px;
-  padding-bottom: 16px; }
-  .hp-selected .selected-days {
-    padding-bottom: 16px; }
-    .hp-selected .selected-days .day {
-      padding-top: 10px;
-      float: left; }
-
-/* .hp-checkbox {
-  padding-top: 20px;
-  margin: 16px auto 0 auto; }
-  .hp-checkbox label {
-    position: relative;
-    width: 20px;
-    margin-right: 34px; }
-    .hp-checkbox label span {
-      position: absolute;
-      top: -20px;
-      left: 0px;
-      margin-left: 0px; } */
-
-.hp-dropdowns {
-  margin-top: 15px;
-  display: flex;
-  display: -webkit-flex;
-  display: -ms-flexbox; }
-
-.hp-buttons {
-  margin-top: 20px;
-  display: flex;
-  display: -webkit-flex;
-  display: -ms-flexbox; }
-
-.hp-dropdowns .radio-buttons {
-  margin-top: 30px; }
-  .hp-dropdowns .radio-buttons .radio {
-    margin-right: 15px; }
-
-
-
-/* TODO: Build a reference page for these classes */
-.font-regular {
-  font-family: "Omnes-ECOMP-W02", Arial !important; }
-
-.font-light {
-  font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-
-.font-italic {
-  font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-
-.font-light-italic {
-  font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-
-.font-medium {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-
-.font-medium-italic {
-  font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-
-.font-reset {
-  font-style: normal;
-  font-variant: normal;
-  font-weight: normal;
-  text-transform: none; }
-
-.b2b-nav-menu {
-  background-color: #efefef;
-  border: 1px solid #efefef;
-  width: 230px;
-  font-size: 1.4rem; }
-
-.b2b-subnav-container > ul {
-  padding: 0px; }
-
-.b2b-subnav-content {
-  margin: 0;
-  margin-bottom: 10px; }
-
-.b2b-subnav-content > li {
-  border-bottom: 1px solid #999999;
-  position: relative;
-  cursor: pointer; }
-
-.b2b-subnav-content > li > a {
-  text-decoration: none;
-  line-height: 18px;
-  display: block;
-  padding: 10px; }
-
-.b2b-subnav-content > li > a.expand {
-  color: #333; }
-
-.b2b-subnav-content > li ul {
-  overflow: hidden;
-  max-height: 0;
-  transition-duration: 0.5s;
-  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
-
-.b2b-subnav-content > li ul.expand {
-  transition-duration: 0.7s;
-  transition-timing-function: ease-in-out;
-  max-height: 1000px;
-  overflow: hidden; }
-
-.b2b-subnav-content > li > a:focus, .b2b-subnav-content > li ul > li > a:focus {
-  outline: thin dotted #666; }
-
-.b2b-subnav-content > li ul > li > a {
-  line-height: 18px;
-  padding: 8px 0;
-  display: block;
-  outline-offset: -4px;
-  padding-left: 10px; }
-
-.b2b-icon-primary-plus-minus {
-  display: inline-block;
-  height: 20px;
-  margin-right: 10px;
-  padding: 0;
-  position: absolute;
-  right: 0px;
-  top: 10px;
-  vertical-align: middle;
-  width: 20px; }
-
-@media (min-width: 320px) and (max-width: 767px) {
-  .b2b-nav-menu {
-    background-color: #fff;
-    border: 1px solid white;
-    width: 100%; }
-  .b2b-subnav-content > li {
-    padding-left: 10px; }
-  .b2b-subnav-container > ul:first-child {
-    border-top: 1px solid #999; }
-  .b2b-icon-primary-plus-minus {
-    right: 10px; }
-  .b2b-subnav-content > li li > a.active {
-    color: #0574ac;
-    text-decoration: none;
-    font-family: "Omnes-ECOMP-W02", Arial; } }
-
-.b2b-list-box-item {
-  white-space: nowrap;
-  margin: 1px;
-  border: 1px solid transparent;
-  outline: none;
-  visibility: inherit;
-  display: inherit;
-  text-align: left;
-  overflow: hidden;
-  cursor: pointer;
-  padding: 5px 0 5px;
-  padding-left: 15px;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none; }
-  .b2b-list-box-item:focus {
-    border: 2px solid #5e8cb3; }
-
-.b2b-list-box-item--selected {
-  background-color: #cfdde9; }
-
-.btn.disabled[ddh-load-button] {
-  line-height: 46px;
-  padding: 0 19px 0 18px; }
-
-.btn.disabled[ddh-load-button] {
-  color: #666666; }
-
-.icon-primary-spinner-ddh.large {
-  height: 50px;
-  width: 50px; }
-
-.icon-primary-spinner-ddh.small {
-  height: 30px;
-  width: 30px; }
-
-.icon-primary-spinner-ddh {
-  -webkit-animation: 1s linear infinite spinner;
-  animation: 1s linear infinite spinner;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgaWQ9InN2Zy1zcGlubmVyIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgIDxwYXRoIGZpbGw9IiNGNUY1RjUiIGQ9Ik0xOCAzNkM4LjEgMzYgMCAyNy45IDAgMThTOC4xIDAgMTggMHMxOCA4LjEgMTggMTgtOC4xIDE4LTE4IDE4em0wLTMxLjVjLTcuNSAwLTEzLjUgNi0xMy41IDEzLjVTMTAuNiAzMS41IDE4IDMxLjVjNy41IDAgMTMuNS02LjEgMTMuNS0xMy41IDAtNy41LTYtMTMuNS0xMy41LTEzLjV6Ii8+CiAgIDxwYXRoIGZpbGw9IiMwNTY4QUUiIGlkPSJzcGlubmVyIiBkPSJNMzAuNyA1LjNsLTMuMSAzLjJjMi40IDIuNCAzLjkgNS44IDMuOSA5LjUgMCA3LjQtNi4xIDEzLjUtMTMuNSAxMy41UzQuNSAyNS40IDQuNSAxOCAxMC42IDQuNSAxOCA0LjVWMEM4LjEgMCAwIDguMSAwIDE4czguMSAxOCAxOCAxOCAxOC04LjEgMTgtMThjMC01LTItOS41LTUuMy0xMi43eiIgdHJhbnNmb3JtPSIiPiAgICAgIAogICA8L3BhdGg+Cjwvc3ZnPg==); }
-
-.btn-small .icon-primary-spinner-ddh {
-  height: 30px !important;
-  width: 30px !important; }
-
-.btn-small .icon-primary-spinner {
-  height: 30px;
-  width: 30px; }
-
-.load-backdrop {
-  position: absolute;
-  top: 50%;
-  left: 50%; }
-
-.small-modal-loader {
-  width: 420px !important;
-  height: 212px !important;
-  text-align: center; }
-
-.small-modal-loader .icon-primary-spinner {
-  margin-bottom: 5px; }
-
-.body.styled-by-modal {
-  position: fixed; }
-
-.b2b-modal-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: -1; }
-
-.b2b-modal-backdrop.fade {
-  background-color: #000;
-  opacity: 0;
-  filter: alpha(opacity=0);
-  transition: all 0.3s linear 0s; }
-
-.b2b-modal-backdrop.fade.in {
-  z-index: 1040;
-  opacity: 0.7;
-  filter: alpha(opacity=70);
-  background-color: #000;
-  transition: opacity 0.3s linear 0s; }
-
-.modalwrapper {
-  height: 100%;
-  width: 100%;
-  left: 0;
-  overflow-y: hidden;
-  position: absolute;
-  right: 0;
-  padding: 20px;
-  top: 0;
-  z-index: -1; }
-
-.modalwrapper.active {
-  z-index: 1050;
-  overflow-y: auto; }
-
-.modal {
-  background-clip: padding-box;
-  background-color: #ffffff;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 8px;
-  box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.4);
-  margin: 0 auto;
-  /*margin-bottom:10%;*/
-  outline: medium none;
-  /*position: absolute;*/
-  height: 0;
-  min-height: 150px;
-  overflow: hidden;
-  /*top: 10%;*/
-  width: 100%;
-  z-index: -1; }
-
-.modalwrapper.modal-docked .modal {
-  max-height: 80%;
-  height: 80%;
-  overflow: hidden;
-  top: 0; }
-
-.modal.fade.in {
-  position: relative;
-  height: auto;
-  overflow: auto;
-  top: 10%;
-  z-index: 1060;
-  transition: opacity .5s linear 0s; }
-
-.modal.fade.in.modal-landscape {
-  overflow-y: auto; }
-
-.modal.fade {
-  transition: opacity .5s linear 0s; }
-
-.fade.in {
-  opacity: 1; }
-
-.fade {
-  opacity: 0; }
-
-.b2b-modal-header {
-  align-items: center;
-  border-radius: 8px 8px 0 0;
-  display: flex;
-  min-height: 60px;
-  overflow: hidden;
-  padding: 30px 46px 30px 30px;
-  position: relative; }
-
-.b2b-modal-header > h2 {
-  line-height: 1;
-  margin: 0;
-  padding: 0; }
-
-.modal-header-portrait {
-  -webkit-overflow-scrolling: auto; }
-
-.modal-header-landscape {
-  -webkit-overflow-scrolling: auto; }
-
-.b2b-modal-body {
-  -webkit-overflow-scrolling: touch;
-  padding: 0 30px 20px;
-  position: relative;
-  width: auto; }
-
-.b2b-modal-body:focus {
-  outline: 1px dotted #333333; }
-
-.modal-form {
-  margin-bottom: 0; }
-
-.b2b-modal-footer {
-  background-color: #fff;
-  width: 100%;
-  padding: 0 30px;
-  border-radius: 0;
-  position: absolute;
-  bottom: 0; }
-
-:not(.modal-docked) .b2b-modal-footer {
-  position: relative; }
-
-.modal-landscape .b2b-modal-footer {
-  position: relative; }
-
-.b2b-modal-footer .cta-button-group {
-  display: flex;
-  justify-content: flex-end;
-  padding: 20px 0 5px;
-  width: 100%;
-  border-top: 1px solid #d2d2d2; }
-
-.b2b-modal-footer .cta-button-group .btn {
-  margin-left: auto;
-  margin-right: auto;
-  float: right;
-  margin-left: 10px; }
-
-.b2b-modal-footer .cta-button-group .marginLeft0 {
-  margin-left: 0px; }
-
-.b2b-modal-footer .cta-button-group .btn-footer-left {
-  margin-right: auto; }
-
-.b2b-modal-footer .cta-button-group .btn + .btn {
-  margin-right: 0 !important; }
-
-[class*="modal-"] {
-  width: 100%; }
-
-.modal-small {
-  max-width: 420px; }
-
-.modal-medium {
-  max-width: 620px; }
-
-.modal-large {
-  max-width: 720px; }
-
-.modal-xlarge {
-  max-width: 860px; }
-
-.modal-jumbo {
-  max-width: 1000px; }
-
-.modalwrapper.modal-docked {
-  height: 100%;
-  display: flex;
-  align-items: center; }
-
-.modalwrapper.modal-docked .b2b-modal-body {
-  height: 80%;
-  overflow-y: scroll;
-  padding-bottom: 60px; }
-
-.modalwrapper.modal-docked .modal {
-  max-height: 80%;
-  height: 80%;
-  overflow: hidden;
-  top: 0; }
-
-.modalwrapper.modal-docked .b2b-modal-body > *:last-child {
-  margin-bottom: 60px; }
-
-@media (max-width: 767px) {
-  .modalwrapper {
-    padding: 15px;
-    overflow-x: hidden; }
-  .modal.fade.in {
-    top: 0;
-    right: 0;
-    left: 0;
-    margin-bottom: 15px;
-    border: none; }
-  .b2b-modal-header {
-    padding: 20px 46px 20px 15px; }
-  .b2b-modal-body {
-    width: 100%;
-    padding: 0 15px 15px; }
-  .modalwrapper.modal-docked {
-    position: absolute;
-    height: 100%;
-    padding: 0; }
-  .modalwrapper.modal-docked .modal.fade.in {
-    margin-bottom: 0;
-    width: 100% !important;
-    max-height: 100%;
-    height: 100%;
-    border-radius: 0; }
-  .modalwrapper.modal-docked .b2b-modal-body {
-    overflow-y: scroll;
-    height: 100%; }
-  .modalwrapper.modal-docked.modal-landscape {
-    overflow-y: hidden;
-    position: fixed; }
-  .modalwrapper.modal-docked.modal-landscape .modal {
-    overflow-y: scroll;
-    max-width: 100%; }
-  .modalwrapper.modal-docked.modal-landscape .b2b-modal-body {
-    height: auto;
-    overflow-y: hidden; }
-  .b2b-modal-footer {
-    padding: 0 15px; }
-  .b2b-modal-footer .cta-button-group {
-    display: block;
-    padding: 15px 0; }
-  .b2b-modal-footer .cta-button-group .btn {
-    float: none; }
-  .b2b-modal-footer .cta-button-group .btn + .btn {
-    margin-bottom: 0; }
-  .b2b-modal-footer .cta-button-group a.visible-phone {
-    align-items: center;
-    display: flex !important;
-    height: 42px;
-    justify-content: center; } }
-
-.b2b-modal-footer > .cta-button-group {
-  line-height: 40px; }
-
-.ajaxed,
-.modal.fade.in .b2b-modal-header,
-.modal.fade.in .b2b-modal-body,
-.modal.fade.in .b2b-modal-footer {
-  animation-duration: 0.01s;
-  -o-animation-duration: 0.01s;
-  -ms-animation-duration: 0.01s;
-  -moz-animation-duration: 0.01s;
-  -webkit-animation-duration: 0.01s;
-  animation-name: DOMinsertion;
-  -o-animation-name: DOMinsertion;
-  -ms-animation-name: DOMinsertion;
-  -moz-animation-name: DOMinsertion;
-  -webkit-animation-name: DOMinsertion; }
-
-.monthselector thead tr th {
-  min-width: 46px; }
-
-.monthselector thead tr:after {
-  content: "";
-  position: absolute;
-  left: 20px;
-  top: 52px;
-  height: 1px;
-  width: 85%;
-  border-bottom: 1px solid #ccc; }
-
-.monthselector tbody tr:last-child {
-  height: 50px; }
-
-.monthselector td.day {
-  margin: 1px 4px !important;
-  width: 64px !important; }
-
-.monthselector .datepicker-switch {
-  width: 195px !important; }
-
-.monthselector .show-date {
-  width: 30px !important; }
-
-.monthselector button.faux-input {
-  width: 100%; }
-  .monthselector button.faux-input:focus {
-    border: 1px solid #0574ac; }
-  .monthselector button.faux-input:disabled {
-    cursor: not-allowed; }
-
-.monthselector .cta-button-group {
-  padding: 0 20px; }
-  .monthselector .cta-button-group a {
-    margin-right: 20px; }
-
-.monthselector .day.active .show-date:after, .monthselector .day:focus .show-date:after, .monthselector .due-date.disabled .show-date:after {
-  height: 30px;
-  left: 9px !important;
-  top: 0;
-  width: 42px !important; }
-
-.monthselector .disabled.day:focus .show-date:after {
-  border: none; }
-
-.monthselector .icon-primary-calendar {
-  display: block; }
-
-.b2b-ml-nav {
-  padding: 0 10px 0 10px;
-  width: 320px; }
-
-.b2b-ml-nav ul {
-  list-style: none;
-  list-style-type: none; }
-
-.b2b-ml-nav a {
-  display: block;
-  padding: 0 0 5px 30px;
-  line-height: 22px;
-  margin-left: -10px;
-  color: #0568ae;
-  font-size: 1.4rem; }
-
-.b2b-ml-nav a:focus {
-  outline-offset: 1px; }
-
-.b2b-ml-nav li:focus {
-  outline: none; }
-
-.b2b-ml-nav li:focus > a {
-  outline: thin dotted #666;
-  outline-offset: 1px; }
-
-.b2b-ml-nav ul li {
-  border-left: 1px solid #ccc; }
-
-.b2b-ml-nav ul ul {
-  padding: 0 0 0 20px; }
-
-.b2b-ml-nav ul > li {
-  position: relative;
-  line-height: 18px; }
-
-.b2b-ml-nav a > span {
-  background-color: #FFF;
-  display: inline;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  left: -11px;
-  top: 0; }
-
-.b2b-ml-nav a > span > i {
-  font-size: 20px; }
-
-.b2b-ml-nav a:only-child > span {
-  left: -6px;
-  border-radius: 50%;
-  line-height: 7px;
-  top: 5px; }
-
-.b2b-ml-nav a:only-child > span > i {
-  background-color: inherit;
-  background: #fff;
-  font-size: 5px; }
-
-.b2b-ml-nav ul li:first-child > a:only-child > span {
-  left: -6px;
-  border-radius: 50%;
-  line-height: 12px;
-  top: 0px; }
-
-.b2b-ml-nav li a + ul {
-  display: none; }
-
-.b2b-ml-nav li a.active + ul {
-  display: block; }
-
-.b2b-ml-nav .selected {
-  color: #333; }
-
-/*to overide ng-doc inline property for library demo - TODO: Move to docs.css*/
-.b2b-ml-nav a [class^="icon-primary-"], a [class*=" icon-primary-"], a [class^="icon-primary-"]:before, a [class*=" icon-primary-"]:before {
-  display: inline-block; }
-
-.b2b-alerts-messages {
-  background-color: #fff;
-  border-radius: 8px;
-  height: auto; }
-  .b2b-alerts-messages h3 {
-    color: #333 !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 0 !important;
-    margin: 1em 0 5px;
-    line-height: 27px;
-    font-size: 18px; }
-  .b2b-alerts-messages h4 {
-    color: #333 !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 0 !important; }
-  .b2b-alerts-messages .alert-info {
-    background-color: #0574ac;
-    border: 0; }
-  .b2b-alerts-messages .alert-error {
-    background-color: #cf2a2a;
-    border: 0; }
-  .b2b-alerts-messages .alert-success {
-    background-color: #1b7e28;
-    border: 0; }
-  .b2b-alerts-messages div:nth-child(2) {
-    padding: 0 0 15px 10px;
-    vertical-align: baseline; }
-  .b2b-alerts-messages .close:before {
-    color: #767676; }
-  .b2b-alerts-messages p {
-    font-size: 14px;
-    color: #333;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-alerts-messages p a {
-      color: #333; }
-  .b2b-alerts-messages .btn-small {
-    margin-bottom: 0px; }
-
-.b2b-alerts-success {
-  border: 1px solid #1b7e28; }
-
-.b2b-alerts-error {
-  border: 1px solid #cf2a2a; }
-
-.b2b-alerts-info {
-  border: 1px solid #0574ac; }
-
-/* TODO: Rearange this and move to patches if needed */
-.b2b-breadcrumb-css-override > li {
-  margin-right: 24px; }
-
-.b2b-breadcrumb-css-override li > * {
-  float: left !important; }
-
-.b2b-css-override ul.nav-tabs {
-  margin-bottom: 0; }
-
-
-.b2b-top-nav-buttons-css-override {
-  margin-bottom: 0;
-  margin-top: 2px; }
-
-.b2b-auto-width {
-  width: auto !important; }
-
-.b2b-toggle-header-active {
-  color: #0568ae; }
-
-.b2b-toggle-header-inactive {
-  color: #333333; }
-
-.b2b-toggle-header-icon {
-  cursor: pointer; }
-
-
-.icon-primary-circle:before {
-  background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-  content: "";
-  position: absolute;
-  top: 0;
-  z-index: 1; }
-
-.ds2-no-colors .icon-primary-circle:before {
-  background-image: none;
-  content: "\e902"; }
-
-i:focus {
-  outline: thin dotted #666; }
-
-.p-col-md-12 {
-  width: 50%; }
-
-.pager__item {
-  border-radius: 0;
-  cursor: default;
-  display: inline-block;
-  margin: 5px;
-  width: 22px;
-  height: 23px;
-  vertical-align: baseline; }
-
-.pager {
-  padding-top: 10px;
-  padding-bottom: 20px;
-  text-align: center;
-  margin: 0 auto; }
-
-.pager__item--input {
-  color: #067ab4;
-  max-height: 32px;
-  max-width: 40px;
-  padding-left: 0;
-  padding-right: 0;
-  text-align: center;
-  margin-left: 10px; }
-
-.row.section-row {
-  margin-bottom: 20px; }
-
-.pager__item--active {
-  border-bottom: 2px solid #0574ac;
-  border-radius: 0;
-  color: #333333; }
-
-.pager a.pager__item--active:hover {
-  cursor: default; }
-
-.pager a:hover, .pager a:focus {
-  text-decoration: none;
-  color: #333333;
-  cursor: pointer; }
-
-.pager a.disabled:hover, .pager a.disabled:focus {
-  cursor: not-allowed; }
-
-.row.section-row.b2b-page {
-  display: block; }
-
-a.pager__item--next:focus, a.pager__item--prev:focus {
-  text-decoration: none;
-  border: 0; }
-
-.pager__item--next, .pager__item--prev {
-  margin: 5px;
-  padding: 1.5px 6px 1.5px 6px; }
-
-.pager .disabled i {
-  pointer-events: none;
-  cursor: default;
-  color: #c4c4c4; }
-
-.fieldLabel {
-  color: #666666; }
-
-.fieldLabel input {
-  color: #666666; }
-
-.pSelect {
-  float: right;
-  width: 150px; }
-
-.numericResult {
-  margin-bottom: 20px;
-  font-size: 1.6rem;
-  margin-top: 20px;
-  display: inline-block;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.mobile-view > .pager__item {
-  margin: 5px 10px;
-  width: 24px;
-  height: 34px;
-  vertical-align: middle;
-  line-height: 34px; }
-
-.fade1, .fadel {
-  opacity: 0.4; }
-
-.fade2, .fadesl {
-  opacity: 0.6; }
-
-h4#pagination-truncated {
-  margin-top: 50px; }
-
-h4#pagination-large-count {
-  margin-top: 50px; }
-
-.p-col-md-12 input {
-  margin-left: 20px; }
-
-.pager a .icon-primary-right:before {
-  display: inline-block; }
-
-.pager a .icon-primary-left:before {
-  display: inline-block; }
-
-.page-heading {
-  background: white none repeat scroll 0 0;
-  margin-bottom: -12px;
-  padding-left: 10px;
-  padding-right: 10px;
-  position: relative; }
-
-.numericResult:focus {
-  outline: 1px dotted #0574ac; }
-
-.page-heading-group {
-  color: #ef6f00;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.pager > div > span.fieldLabel {
-  margin-left: 18px; }
-
-.pager .fieldLabel .btn-arrow {
-  top: 0;
-  left: 10px;
-  margin-left: -5px; }
-
-.b2b-p-col-md-12 {
-  width: 50%; }
-  .b2b-p-col-md-12 input {
-    margin-left: 20px; }
-
-.b2b-pager__item {
-  border-radius: 0;
-  cursor: default;
-  display: inline-block;
-  margin: 0px 5px 0 5px;
-  height: 23px;
-  vertical-align: baseline; }
-
-.b2b-pager__item--noclick {
-  pointer-events: none !important;
-  cursor: default !important; }
-
-.b2b-pager__item--droppable {
-  pointer-events: all !important; }
-
-.b2b-pager {
-  padding-top: 10px;
-  padding-bottom: 20px;
-  text-align: center;
-  margin: 0 auto; }
-  .b2b-pager a:hover {
-    text-decoration: none;
-    color: #333333;
-    cursor: pointer; }
-  .b2b-pager a:focus {
-    text-decoration: none;
-    color: #333333;
-    cursor: pointer; }
-  .b2b-pager a .icon-primary-right:before {
-    display: inline-block; }
-  .b2b-pager a .icon-primary-left:before {
-    display: inline-block; }
-  .b2b-pager .disabled i {
-    pointer-events: none;
-    cursor: default;
-    color: #c4c4c4; }
-
-.b2b-pager__item--input {
-  color: #067ab4;
-  max-height: 32px;
-  max-width: 60px;
-  padding-left: 0;
-  padding-right: 0;
-  text-align: center;
-  margin-left: 5px; }
-
-.row.section-row {
-  margin-bottom: 20px; }
-
-.b2b-pager__item--active {
-  border-bottom: 2px solid #0574ac;
-  border-radius: 0;
-  color: #333333; }
-
-.row.section-row.b2b-page {
-  display: block; }
-
-a.b2b-pager__item--next:focus {
-  text-decoration: none;
-  border: 0; }
-
-a.b2b-pager__item--next-disabled {
-  outline: 0; }
-
-a.b2b-pager__item--next-disabled > [class^="icon-primary-"] {
-  color: #cccccc;
-  cursor: not-allowed;
-  outline: 0; }
-
-a.b2b-pager__item--prev:focus {
-  text-decoration: none;
-  border: 0; }
-
-a.b2b-pager__item--prev-disabled {
-  outline: 0; }
-
-a.b2b-pager__item--prev-disabled > [class^="icon-primary-"] {
-  color: #cccccc;
-  cursor: not-allowed; }
-
-.b2b-pager__item--next {
-  padding: 1.5px 0px 1.5px 0px; }
-
-.b2b-pager__item--prev {
-  padding: 1.5px 0px 1.5px 0px; }
-
-.fieldLabel {
-  color: #666666; }
-  .fieldLabel input {
-    color: #666666; }
-  .fieldLabel .btn-arrow {
-    top: 0;
-    left: 10px; }
-
-.b2b-pSelect {
-  float: right;
-  width: 150px; }
-
-.b2b-numericResult {
-  margin-bottom: 20px;
-  font-size: 1.6rem;
-  margin-top: 20px; }
-
-.b2b-mobile-view > .b2b-pager__item {
-  margin: 5px 10px;
-  min-width: 23px;
-  height: 34px;
-  vertical-align: middle;
-  line-height: 34px; }
-
-.b2b-fade1 {
-  opacity: 0.4; }
-
-.b2b-fade2 {
-  opacity: 0.6; }
-
-.b2b-fadesl {
-  opacity: 0.6; }
-
-h4#b2b-pagination-truncated {
-  margin-top: 50px; }
-
-h4#b2b-pagination-large-count {
-  margin-top: 50px; }
-
-.b2b-page-heading {
-  background: white none repeat scroll 0 0;
-  margin-bottom: -12px;
-  padding-left: 10px;
-  padding-right: 10px;
-  position: relative; }
-
-.b2b-numericResult:focus {
-  outline: 1px dotted #0574ac; }
-
-.b2b-page-heading-group {
-  color: #ef6f00;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.b2b-pager > div > span.fieldLabel {
-  margin-left: 18px; }
-
-.b2b-go-to-page {
-  margin-top: 14px; }
-
-.b2b-go-to-page-inline {
-  display: inline-block; }
-
-input.b2b-phone-mask-input {
-  padding-right: 15px; }
-  input.b2b-phone-mask-input:hover, input.b2b-phone-mask-input:focus {
-    padding-right: 15px; }
-
-/************************** Start - Should be removed after the styling in global is fixed *******************/
-input::-ms-clear {
-  display: none; }
-
-/************************** End - Should be removed after the styling in global is fixed *******************/
 @media (max-width: 767px) {
   input::-ms-clear {
     display: block; } }
@@ -8363,134 +3930,6 @@ a .progress {
 .progress-danger .bar, .progress .bar-danger {
   background-color: #cf2a2a; }
 
-.progress.increment {
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex; }
-
-.progress.increment .bar:first-child:not(:last-child) {
-  border-right: none;
-  border-radius: 4px 0 0 4px; }
-
-.progress.increment .bar:last-child:not(:first-child) {
-  border-left: none;
-  border-radius: 0 4px 4px 0; }
-
-.progress.increment .bar + .bar:not(:last-child) {
-  border-left: none;
-  border-right: none;
-  border-radius: 0; }
-
-.progress.increment .bar:not(:first-child) {
-  border-left: 1px solid white !important; }
-
-.usage-bar {
-  display: table;
-  float: none;
-  width: 100%;
-  margin-bottom: 1px; }
-
-.usage-bar > .usage-text {
-  display: table-cell;
-  width: 1%; }
-
-.progress + .usage-bar {
-  margin-top: -15px; }
-
-.usage-bar .usage-text {
-  font-size: 1.4rem; }
-
-.usage-bar .usage-text:first-child {
-  white-space: nowrap; }
-
-.usage-bar .usage-text.text-right {
-  vertical-align: top;
-  font-size: 1.4rem;
-  width: auto !important; }
-
-.usage-bar .usage-text.text-right:before {
-  content: "";
-  display: table;
-  height: .1em; }
-
-.usage-bar.billing-cycle .usage-text {
-  font-size: 1.4rem; }
-
-.usage-bar.billing-cycle .usage-text.text-right {
-  vertical-align: bottom; }
-
-.progress.autocolor [data-percentage="1"], .progress.autocolor [data-percentage="2"], .progress.autocolor [data-percentage="3"], .progress.autocolor [data-percentage="4"], .progress.autocolor [data-percentage="5"], .progress.autocolor [data-percentage="6"], .progress.autocolor [data-percentage="7"], .progress.autocolor [data-percentage="8"], .progress.autocolor [data-percentage="9"], .progress.autocolor [data-percentage="10"] .progress.autocolor [data-percentage^="2"], .progress.autocolor [data-percentage^="3"], .progress.autocolor [data-percentage^="4"], .progress.autocolor [data-percentage^="5"], .progress.autocolor [data-percentage="60"], .progress.autocolor [data-percentage="61"], .progress.autocolor [data-percentage="62"], .progress.autocolor [data-percentage="63"], .progress.autocolor [data-percentage="64"] {
-  background-color: #1b7e28; }
-
-.progress.autocolor [data-percentage="65"], .progress.autocolor [data-percentage="66"], .progress.autocolor [data-percentage="67"], .progress.autocolor [data-percentage="68"], .progress.autocolor [data-percentage="69"], .progress.autocolor [data-percentage^="7"], .progress.autocolor [data-percentage^="8"] {
-  background-color: #ef6f00; }
-
-.progress.autocolor [data-percentage^="9"], .progress.autocolor [data-percentage="100"] {
-  background-color: #cf2a2a; }
-
-.b2b-seek-bar-container {
-  position: relative; }
-  .b2b-seek-bar-container div {
-    position: absolute; }
-  .b2b-seek-bar-container .b2b-seek-bar-track-container {
-    width: 100%; }
-  .b2b-seek-bar-container .b2b-seek-bar-track {
-    width: 100%;
-    height: 6px;
-    background-color: #cccccc;
-    border-radius: 10px; }
-  .b2b-seek-bar-container .b2b-seek-bar-track-fill {
-    width: 100%;
-    height: 6px;
-    background-color: #cccccc;
-    border-radius: 10px;
-    width: 0;
-    background-color: #157BB2;
-    transition: width 0s linear; }
-
-.seek-bar-container .seek-bar-knob-container {
-  transition: left 0s linear; }
-
-.b2b-seek-bar-container .b2b-seek-bar-knob {
-  width: 14px;
-  height: 14px;
-  border-radius: 10px;
-  top: -4px;
-  left: -8px;
-  border: 1px solid #cccccc;
-  background: white;
-  cursor: pointer; }
-
-.b2b-seek-bar-container .b2b-seek-bar-knob:focus {
-  outline: thin dotted #666; }
-
-.b2b-seek-bar-container.vertical {
-  width: 100%;
-  height: 100%;
-  margin: 0 auto;
-  position: relative;
-  border-radius: 10px; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-track-container {
-    position: relative;
-    height: 100%; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-track {
-    position: absolute;
-    height: 100%; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-track-fill {
-    position: absolute;
-    bottom: 0;
-    height: 0;
-    width: 100%; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-knob-container {
-    transition: bottom .01s linear;
-    position: relative;
-    bottom: 0; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-knob {
-    position: absolute;
-    border-radius: 10px;
-    top: -7px;
-    left: -4px; }
-
 .form-search .search-query {
   width: 100% !important; }
 
@@ -9994,942 +5433,6 @@ label .tooltip {
   margin-bottom: 8px;
   white-space: normal; }
 
-.popover-content {
-  display: block;
-  font-size: 12px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  line-height: 1.5rem;
-  white-space: normal; }
-
-.popover-content span,
-.popover-content p {
-  line-height: 1.5rem; }
-
-.popover-content p:last-child {
-  margin-bottom: 0; }
-
-.tooltip .tooltip-element {
-  position: relative; }
-
-.tooltip .icon-primary-tooltip:hover {
-  text-decoration: none; }
-
-.tooltip.active .tooltip-element[data-placement="top"] .arrow {
-  display: block;
-  bottom: 32px;
-  top: auto; }
-
-.tooltip.active .tooltip-element[data-placement="bottom"] .arrow {
-  display: block;
-  border-color: transparent transparent #0574ac;
-  bottom: -33px;
-  top: auto; }
-
-.tooltip.active .tooltip-element[data-placement="bottom"] + .tooltip-wrapper .helpertext {
-  bottom: inherit;
-  top: 19px; }
-
-.tooltip.active .tooltip-element[data-placement="top"] + .tooltip-wrapper .helpertext {
-  top: inherit;
-  bottom: 38px; }
-
-.b2b-tree {
-  padding: 0 10px 0 10px;
-  width: 320px; }
-  .b2b-tree ul {
-    list-style: none;
-    list-style-type: none; }
-  .b2b-tree a {
-    display: block;
-    padding: 0 0 5px 30px;
-    line-height: 22px;
-    margin-left: -10px;
-    font-size: 1.4rem;
-    outline-offset: -1px; }
-  .b2b-tree li:focus {
-    outline: none; }
-    .b2b-tree li:focus > a {
-      outline: thin dotted #666;
-      outline-offset: -1px; }
-  .b2b-tree ul li {
-    border-left: 1px solid #ccc; }
-    .b2b-tree ul li .b2b-tree-tooltip {
-      display: none;
-      position: absolute;
-      top: -25px;
-      left: 100%;
-      white-space: nowrap;
-      margin-left: 10px;
-      z-index: 1010;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      font-size: 12px; }
-    .b2b-tree ul li .b2b-tree-tooltip-content {
-      background-color: #0568ae;
-      margin-left: 9px;
-      border-radius: 6px;
-      color: #fff;
-      padding: 25px; }
-    .b2b-tree ul li .b2b-tree-arrow-left {
-      width: 0;
-      height: 0;
-      border-top: 10px solid transparent;
-      border-bottom: 10px solid transparent;
-      border-right: 10px solid #0568ae;
-      position: absolute;
-      top: 25px; }
-    .b2b-tree ul li.activeTooltip > a .b2b-tree-tooltip {
-      display: block; }
-  .b2b-tree ul ul {
-    padding: 0 0 0 20px; }
-  .b2b-tree ul > li {
-    position: relative;
-    line-height: 18px; }
-  .b2b-tree a > span.b2b-tree-node-icon {
-    background-color: #FFF;
-    display: inline;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    left: -11px;
-    top: 0;
-    line-height: 14px;
-    width: 11px; }
-    .b2b-tree a > span.b2b-tree-node-icon > i {
-      font-size: 20px; }
-  .b2b-tree a:only-child {
-    color: #0574ac; }
-    .b2b-tree a:only-child > span.b2b-tree-node-icon {
-      left: -11px;
-      border-radius: 50%;
-      line-height: 7px;
-      top: 0; }
-      .b2b-tree a:only-child > span.b2b-tree-node-icon > i {
-        background-color: inherit;
-        background: #fff; }
-  .b2b-tree a > span.b2b-tree-node-icon > i.icon-primary-circle {
-    background-color: inherit;
-    background: #fff;
-    font-size: 5px; }
-  .b2b-tree a.b2b-locked-node:after {
-    content: "\ec58";
-    float: right;
-    font-family: 'icoSecurityalerts' !important; }
-  .b2b-tree a:hover .b2b-locked-node:after {
-    text-decoration: none; }
-  .b2b-tree ul li:first-child > a:only-child > span.b2b-tree-node-icon {
-    left: -11px;
-    border-radius: 50%;
-    line-height: 12px; }
-  .b2b-tree ul li:last-child > a:only-child > span.b2b-tree-node-icon {
-    height: 27px;
-    background-color: #fff; }
-  .b2b-tree li a + ul {
-    height: 0;
-    overflow: hidden; }
-  .b2b-tree li a.active + ul {
-    height: auto;
-    overflow: visible; }
-  .b2b-tree li a.grp {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-    .b2b-tree li a.grp.active {
-      color: #333; }
-  .b2b-tree span.end {
-    left: -6px !important;
-    top: 5px !important; }
-  .b2b-tree span.first-link {
-    width: 3px !important;
-    height: 15px !important;
-    top: 0px !important;
-    left: -2px !important;
-    background: #fff; }
-
-/* .b2b-tree-checkbox {
-  padding: 0 10px 0 10px;
-  width: 320px; }
-  .b2b-tree-checkbox ul {
-    list-style: none;
-    list-style-type: none; }
-  .b2b-tree-checkbox a {
-    display: block;
-    padding: 0 0 5px 30px;
-    line-height: 22px;
-    margin-left: -10px;
-    font-size: 14px;
-    outline-offset: -1px; }
-  .b2b-tree-checkbox li:focus {
-    outline: none; }
-    .b2b-tree-checkbox li:focus > a {
-      outline: thin dotted #666;
-      outline-offset: -1px; }
-  .b2b-tree-checkbox ul li {
-    border-left: 1px solid #ccc; }
-  .b2b-tree-checkbox ul ul {
-    padding: 0 0 0 20px; }
-  .b2b-tree-checkbox ul > li {
-    position: relative;
-    line-height: 18px; } */
-  /* .b2b-tree-checkbox a > span.nodeIcon {
-    background-color: #FFF;
-    display: inline;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    left: -11px;
-    top: 0;
-    line-height: 14px;
-    width: 11px; } */
-    /* .b2b-tree-checkbox a > span.nodeIcon > i {
-      font-size: 20px; } */
-    .b2b-tree-checkbox a > span.nodeIcon.end {
-      margin-top: 10px; }
-  .b2b-tree-checkbox a:only-child {
-    color: #0574ac; }
-    .b2b-tree-checkbox a:only-child > span.nodeIcon {
-      left: -11px;
-      border-radius: 50%;
-      line-height: 7px;
-      top: 0; }
-      .b2b-tree-checkbox a:only-child > span.nodeIcon > i {
-        background-color: inherit;
-        background: #fff; }
-  .b2b-tree-checkbox a > span.nodeIcon > i.icon-primary-circle {
-    background-color: inherit;
-    background: #fff;
-    font-size: 5px; }
-  .b2b-tree-checkbox ul li:first-child > a:only-child > span {
-    left: -11px;
-    border-radius: 50%;
-    line-height: 12px;
-    top: 0px; }
-  .b2b-tree-checkbox ul li:first-child > a:only-child > span.end {
-    margin-top: 0px; }
-  .b2b-tree-checkbox ul li:first-child > a:only-child > span i.icon-primary-circle {
-    top: 8px; }
-  .b2b-tree-checkbox ul li:last-child > a:only-child > span {
-    height: 34px;
-    background-color: #fff; }
-  .b2b-tree-checkbox li a + ul {
-    height: 0;
-    overflow: hidden; }
-  .b2b-tree-checkbox li a.active + ul {
-    height: auto; }
-  .b2b-tree-checkbox li a.grp {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  .b2b-tree-checkbox span.end {
-    left: -6px !important; }
-  .b2b-tree-checkbox .checkbox {
-    margin-bottom: 0px;
-    margin-top: 2px;
-    font-size: 14px; }
-    .b2b-tree-checkbox .checkbox input:indeterminate + .skin:after {
-      content: "\2014";
-      padding-left: 2px;
-      font-family: inherit !important;
-      line-height: inherit !important; }
-  /* .b2b-tree-checkbox span.first-link {
-    width: 3px !important;
-    height: 15px !important;
-    top: 0px !important;
-    left: -2px !important;
-    background: #fff; } */
-
-.b2b-widget-window {
-  width: 147px;
-  right: 5px;
-  top: 60px;
-  position: absolute;
-  border: 1px solid #ccc;
-  background-color: #fff;
-  border-radius: 8px;
-  z-index: 1000; }
-  .b2b-widget-window li {
-    margin: 15px; }
-
-.b2b-widget-container {
-  background-color: #fff;
-  border-radius: 8px;
-  border: 1px solid #ccc;
-  position: relative; }
-  .b2b-widget-container .b2b-widget-header {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333;
-    height: 55px;
-    padding-left: 15px;
-    padding-top: 19px; }
-    .b2b-widget-container .b2b-widget-header .header {
-      font-size: 18px; }
-  .b2b-widget-container .b2b-widget-header-icons {
-    font-size: 16px;
-    color: #0574ac; }
-
-.b2b-widget-header-icons button {
-  border: none;
-  background: transparent;
-  color: #0574ac; }
-  .b2b-widget-header-icons button:focus {
-    outline-style: solid;
-    outline-width: 1px;
-    outline-color: #0574ac; }
-  .b2b-widget-header-icons button:first-child {
-    margin-right: 0px; }
-
-.b2b-widget-container .b2b-widget-content {
-  height: 325px;
-  margin: 0;
-  padding: 20px;
-  position: relative;
-  border-top: 1px solid #ccc; }
-
-.b2b-widget-content .form-row:first-child {
-  margin-top: 0; }
-
-.b2b-widget-header-icons button.icoControls-gear:focus, .b2b-widget-header-icons button.icon-primary-close:focus {
-  outline: thin dotted #666; }
-
-.b2b-widget-header .icon-primary-close:before {
-  content: '-';
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  outline: none; }
-
-.b2b-widget-window .arrow_box {
-  background: #fff;
-  border: 1px solid #ccc; }
-
-.b2b-widget-window.arrow_box:after, .b2b-widget-window.arrow_box:before {
-  bottom: 100%;
-  left: 75%;
-  border: solid transparent;
-  content: " ";
-  height: 0;
-  width: 0;
-  position: absolute;
-  pointer-events: none; }
-
-.b2b-widget-window.arrow_box:after {
-  border-color: rgba(255, 255, 255, 0);
-  border-bottom-color: #fff;
-  border-width: 10px;
-  margin-left: 1px; }
-
-.b2b-widget-window.arrow_box:before {
-  border-color: rgba(204, 204, 204, 0);
-  border-bottom-color: #ccc;
-  border-width: 11px;
-  margin-left: 0px; }
-
-/************************** Overrides for Filters ***************************/
-.filter-container .filter-header h2 {
-  line-height: 1 !important;
-  margin: 0 !important; }
-
-.filter-container .icon-primary-spinner:before {
-  content: none; }
-
-.filter-container .fixed-230-subnav {
-  margin: 10px !important;
-  width: inherit !important; }
-
-.filter-container .unlinked:focus {
-  outline: thin dotted #666 !important; }
-
-.filter-container .unlinked.active {
-  color: inherit !important; }
-
-.filter-container .fixed-230-subnav a > i {
-  background: none; }
-
-.filter-container .fixed-230-subnav ul {
-  margin: 0 0 10px 10px; }
-
-/************************** Overrides for Filters ***************************/
-.row .filter-container {
-  background-color: #fff; }
-
-.filter-header {
-  overflow: hidden;
-  padding: 20px 0;
-  position: relative; }
-
-.filter-header h2 {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 2.4rem;
-  margin-bottom: 0; }
-
-.filter-selected {
-  border-top: 1px solid #ccc;
-  padding-top: 20px; }
-
-.filter-selected > span {
-  font-size: 1.3rem;
-  text-transform: uppercase; }
-
-.filter-selected > a.clear-all-filters {
-  float: right;
-  font-size: 1.4rem; }
-
-.filter-selected > span,
-.filter-selected > a.clear-all-filters {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.filter-selected-group {
-  padding-top: 15px; }
-
-.filter-selected-badge {
-  background-color: #f2f2f2;
-  border-radius: 15px;
-  display: inline-block;
-  font-size: 1.4rem;
-  margin-bottom: 10px;
-  padding: 0 0 0 12px; }
-
-.filter-selected-badge .icoControls-optionsoff {
-  background: transparent none repeat scroll 0 0;
-  border: medium none;
-  font-size: 2.5em;
-  margin: 0;
-  padding: 0; }
-
-.filters .fixed-230-subnav > ng-transclude > div:first-child {
-  border-top: 1px solid #ccc; }
-
-.filters .fixed-230-subnav > ng-transclude > div {
-  border-bottom: 1px solid #ccc; }
-
-.filter-results {
-  align-items: center;
-  border-bottom: 1px solid #ccc;
-  display: flex;
-  flex-wrap: wrap;
-  height: 50px;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between; }
-
-.filter-results-sortby > span {
-  text-transform: uppercase; }
-
-.filter-results-view .icon-primary-content-gridguide {
-  font-size: 2em;
-  margin-right: 0; }
-
-.filter-container .fixed-230-subnav > ng-transclude > div > a {
-  font-size: 1.8rem;
-  margin: 0;
-  padding: 15px 20px 15px 0;
-  color: #0574ac !important;
-  cursor: pointer !important;
-  font-family: "Omnes-ECOMP-W02", Arial !important;
-  outline-offset: inherit !important;
-  position: relative;
-  height: auto;
-  width: auto; }
-
-.filter-container .fixed-230-subnav a > i {
-  right: 0;
-  top: 15px; }
-
-.filter-container .fixed-230-subnav .icon-primary-collapsed:before, .filter-container .fixed-230-subnav .icon-primary-expanded:before {
-  float: right; }
-
-.filter-container .fixed-230-subnav ul.collapse {
-  position: inherit;
-  transition: height 0.5s ease;
-  height: 0;
-  overflow: hidden; }
-
-.filter-container .checkbox .icon-primary-spinner {
-  height: 24px;
-  position: absolute;
-  width: 24px; }
-
-.fixed-230-subnav.affix {
-  margin: -28px 0 0; }
-
-#nav-menu .b2b-menu,
-#nav-menu .fixed-230-subnav {
-  margin: 0; }
-
-.b2b-menu > li,
-.fixed-230-subnav > div {
-  border-bottom: 1px solid #ccc;
-  line-height: 4.0rem; }
-
-.b2b-menu > li:first-child,
-.fixed-230-subnav > li:first-child {
-  border-top: 1px solid #ccc; }
-
-.b2b-menu div > a,
-.fixed-230-subnav div > a {
-  color: #0574ac;
-  cursor: pointer;
-  display: block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.4rem;
-  margin: 0;
-  outline-offset: -1px;
-  padding: 0 10px;
-  position: relative; }
-
-.fixed-230-subnav div > a.live {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  color: #666; }
-
-.fixed-230-subnav > ng-transclude > div li > a {
-  display: block;
-  font-size: 1.4rem;
-  line-height: 20px; }
-
-.fixed-230-subnav > ng-transclude > div li > a.active {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  text-decoration: none;
-  color: #666; }
-
-#nav-menu .fixed-230-subnav a > i {
-  top: 10px; }
-
-.fixed-230-subnav > li > a.active > i:after {
-  display: none; }
-
-.b2b-menu ul,
-.fixed-230-subnav ul {
-  margin: 0 0 10px 0; }
-
-.b2b-menu ul div a,
-.fixed-230-subnav ul div a {
-  padding: 0 10px; }
-
-.unlinked {
-  outline: medium none !important;
-  text-decoration: none !important; }
-
-@media (max-width: 1024px) {
-  .filter-container .fixed-230-subnav {
-    margin: 0 20px;
-    width: auto; }
-  .filter-container .fixed-230-subnav > li {
-    margin: 0; }
-  .row .filter-container {
-    display: none;
-    height: 100%;
-    left: 0;
-    position: fixed;
-    overflow: auto;
-    top: 0;
-    transition: all 0.5s ease 0s;
-    width: 285px;
-    z-index: 9999; }
-  .filter-header {
-    padding-left: 20px; }
-  .filter-selected {
-    margin: 0 20px 10px; } }
-
-.b2b-pane-selector-wrapper {
-  width: 100%;
-  display: block;
-  border-top: solid 1px #ccc;
-  border-bottom: solid 1px #ccc; }
-  .b2b-pane-selector-wrapper .side-nav {
-    width: 20% !important;
-    display: inline-block;
-    float: left; }
-  .b2b-pane-selector-wrapper .pane-container {
-    width: 80%;
-    vertical-align: top;
-    margin: 0;
-    padding-top: 30px;
-    border-left: solid 1px #ccc;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    display: none; }
-    .b2b-pane-selector-wrapper .pane-container.active {
-      display: inline-block; }
-    .b2b-pane-selector-wrapper .pane-container .pane-container-top {
-      padding-left: 15px; }
-    .b2b-pane-selector-wrapper .pane-container .panes {
-      display: -webkit-flex;
-      display: flex;
-      border-top: solid 1px #ccc;
-      margin-top: 30px; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block {
-        height: inherit;
-        overflow-y: auto;
-        border-right: solid 1px #ccc;
-        position: relative;
-        flex: 1;
-        -webkit-flex: 1;
-        /* Safari 6.1+ */
-        -ms-flex: 1;
-        /* IE 10 */ }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block:focus {
-          outline: dotted 1px #333333; }
-    .b2b-pane-selector-wrapper .pane-container .search-block {
-      position: relative;
-      float: right; }
-      .b2b-pane-selector-wrapper .pane-container .search-block input[type="search"]:focus {
-        padding-right: 40px; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row p {
-      margin-top: 15px; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div {
-      border-bottom: solid 1px #ccc; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row {
-      display: block;
-      padding: 19px 14px 19px 14px;
-      margin-top: 0px;
-      border: dotted 1px transparent;
-      border-bottom: solid 1px #ccc; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:focus {
-        border: dotted 1px #333333 !important; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:last-child {
-        border-bottom: none; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block > .no-content {
-      text-align: center;
-      border-bottom: none;
-      display: block;
-      position: absolute;
-      top: 45%;
-      left: 0;
-      right: 0; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div:last-child {
-      border-bottom: none; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row span.margin-chk {
-      margin: 15px 15px 0px 15px;
-      float: left; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row .checkbox-selectall {
-      margin: 0px 0 0 24px !important; }
-  .b2b-pane-selector-wrapper .side-nav li {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    border: none;
-    border-top: solid 1px #ccc;
-    display: block !important;
-    width: auto !important;
-    margin-left: 0px !important; }
-    .b2b-pane-selector-wrapper .side-nav li.active {
-      background-color: #f6f6f6;
-      position: inherit !important; }
-      .b2b-pane-selector-wrapper .side-nav li.active > a {
-        font-size: 16px;
-        color: #333;
-        text-decoration: none;
-        border: none;
-        background-color: transparent;
-        padding: 20px 15px;
-        display: block;
-        height: auto;
-        border-left: 4px solid #0574ac; }
-    .b2b-pane-selector-wrapper .side-nav li > a {
-      font-size: 16px;
-      color: #333;
-      text-decoration: none;
-      border: none;
-      background-color: transparent;
-      padding: 20px 15px;
-      display: block;
-      height: auto;
-      text-align: left; }
-    .b2b-pane-selector-wrapper .side-nav li > a:focus {
-      border-right: dotted 1px #333333; }
-    .b2b-pane-selector-wrapper .side-nav li:first-child {
-      border-top: none;
-      margin-left: none !important; }
-/********************* Utility CSS Starts **********************/
-.offscreen-text {
-  position: absolute;
-  left: -10000px;
-  top: auto;
-  width: 1px;
-  height: 1px;
-  overflow: hidden; }
-
-/********************* Utility CSS Ends **********************/
-/* Fix for alignment issue on Cancel link inside modal */
-.modal-footer > .cta-button-group {
-  line-height: 40px; }
-
-/* .att-dark-green { // Not used
-  color: #007a3e;
-} */
-.colors-off-msg {
-  display: none; }
-
-button .colors-off-msg {
-  position: relative; }
-
-.ds2-no-colors .colors-off-msg {
-  display: block; }
-
-.ds2-no-colors [data-colordatatext] button .colors-off-msg {
-  font-size: 1.1rem;
-  line-height: normal;
-  padding: 5px 0;
-  position: absolute;
-  top: 0;
-  white-space: normal;
-  width: 60px; }
-
-/* Not used
-.make-all-white * {
-  color: #fff;
-}
-.make-all-white a {
-  text-decoration: underline;
-} */
-.loader > span {
-  display: block;
-  padding-top: 20px; }
-
-.modal > .loader {
-  left: 50%;
-  margin-left: -25px;
-  margin-top: -25px;
-  position: absolute;
-  top: 50%; }
-
-#pageLevelLoader.modal {
-  background-color: transparent;
-  border: none;
-  box-shadow: none;
-  top: 40%; }
-
-.modal.fade .loader {
-  display: none; }
-
-.modal.fade.in .loader {
-  display: block; }
-
-.btn.disabled[data-loading-text] {
-  padding: 0 19px 0 18px;
-  line-height: 46px; }
-
-.btn.disabled[data-loading-text] img {
-  position: relative;
-  top: 2px; }
-
-/*  Seems to already be in docs.css
-.fixed-230.leftnav {
-  position: relative;
-}
-.fixed-230-subnav {
-  margin: 10px;
-}
-.fixed-230-subnav > li:first-child {
-  border-top: none;
-}
-.fixed-230-subnav > li {
-  border-bottom: 1px solid #d2d2d2;
-}
-.fixed-230-subnav > li > a {
-  display: block;
-  font-size: 1.4rem;
-  line-height: normal;
-  margin: 0 -9px;
-  padding: 11px 35px 12px 9px;
-  outline-offset: 0;
-  position: relative;
-}
-.fixed-230-subnav > li > a.live {
-  color: #333333;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-}
-.fixed-230-subnav a > i {
-  right: 10px;
-  margin: 0;
-  position: absolute;
-  top: 10px;
-}
-.fixed-230-subnav a > i:after {
-  display: none;
-}
-.fixed-230-subnav > li li > a {
-  display: block;
-  font-size: 1.4rem;
-  line-height: 18px;
-}
-.fixed-230-subnav > li li > a.active {
-  color: #333333;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  text-decoration: none;
-}
-.fixed-230-subnav ul {
-  margin: 0 0 10px;
-} */
-.unlinked {
-  color: #0568ae !important;
-  font-family: "Omnes-ECOMP-W02", Arial !important; }
-
-.unlinked.active {
-  color: inherit !important; }
-
-/* @media (max-width: 767px) {
-  .row.has-leftnav {
-    flex-wrap: wrap;
-  }
-  .row.has-leftnav .fluid-space {
-    padding-right: 0;
-  }
-  .row .fixed-230 {
-    background-color: #fff;
-    width: auto;
-  }
-  .row .leftnav {
-    background-color: #fff !important;
-    display: block !important;
-  }
-  .fixed-230-subnav {
-    margin: 10px 0 0;
-    width: 100%;
-  }
-  .fixed-230-subnav > li {
-    margin-left: -15px;
-    margin-right: -15px;
-  }
-  .fixed-230-subnav > li:first-child {
-    border-top: 1px solid #d2d2d2;
-  }
-  .fixed-230-subnav > li > a {
-    margin: 0;
-  }
-  .fixed-230-subnav a:hover,
-  .fixed-230-subnav a:focus {
-    text-decoration: none !important;
-  }
-  .fixed-230-subnav > li li > a {
-    padding: 5px 10px;
-  }
-  .fixed-230-subnav > li li > a.active {
-    color: inherit;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  }
-} */
-@keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-@-moz-keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-@-webkit-keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-@-ms-keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-@-o-keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-.ajaxed,
-.modal.fade.in .modal-header,
-.modal.fade.in .modal-body,
-.modal.fade.in .modal-footer {
-  animation-duration: 0.01s;
-  -o-animation-duration: 0.01s;
-  -ms-animation-duration: 0.01s;
-  -moz-animation-duration: 0.01s;
-  -webkit-animation-duration: 0.01s;
-  animation-name: DOMinsertion;
-  -o-animation-name: DOMinsertion;
-  -ms-animation-name: DOMinsertion;
-  -moz-animation-name: DOMinsertion;
-  -webkit-animation-name: DOMinsertion; }
-
-.dda-css-override ul.nav-tabs {
-  margin-bottom: 0; }
-
-
-.formsWithinProcessButton {
-  margin-right: 0px; }
-
-.heading-sub-section-form {
-  font-size: 2.4rem;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  margin-bottom: 20px;
-  margin-top: 10px; }
-
-.heading-small-form {
-  font-size: 1.6rem;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  margin-top: 0px; }
-
-.icon-primary-form-sizeL {
-  font-size: 50px; }
-
-.icon-primary-form-size {
-  font-size: 30px; }
-
-.spanformfix {
-  margin-right: 15px !important; }
-
-@media (max-width: 767px) {
-  .heading-sub-section-form {
-    font-size: 1.8rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px;
-    padding-top: 10px;
-    margin-top: 30px; }
-  .heading-small-form {
-    font-size: 1.4rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-top: 0px; } }
-
-@media (max-width: 479px) {
-  .icon-primary-form-resizeL {
-    display: none; }
-  .icon-primary-form-resize {
-    display: none; }
-  .heading-center-form {
-    margin-left: 20px; } }
-
-@media (min-width: 480px) {
-  .icon-primary-form-resizeL {
-    display: none; }
-  .icon-primary-form-resize {
-    display: inherit; }
-  .icon-primary-center-min {
-    margin-top: 30px; } }
-
-@media (min-width: 768px) {
-  .icon-primary-form-resizeL {
-    display: inherit;
-    margin-top: 30px; }
-  .icon-primary-form-resize {
-    display: none; }
-  .center-form-align {
-    margin-top: 35px; } }
-
-@media (min-width: 1024px) {
-  .icon-primary-form-resizeL {
-    display: inherit;
-    margin-top: 0px; }
-  .icon-primary-form-resize {
-    display: none; }
-  .center-form-align {
-    margin-top: 5px; } }
-
-.data-row.has-button td.col-1 {
-  padding: 0; }
-
-  
-.icon-primary-circle:before {
-  background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-  content: "";
-  position: absolute;
-  top: 0;
-  z-index: 1; }
-
 .b2b-drag-handle {
   cursor: move;
   -ms-interpolation-mode: bicubic;
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.html
index 29de31c8..169eea7b 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.html
@@ -1,7 +1,5 @@
 <app-sql-validate-changes-dialog-component [(visible)]="showDialog1">
-        <div *ngIf="showVerifySpinner">
-                <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
-        </div>
+          <span class="ecomp-spinner" *ngIf="showVerifySpinner"></span>   
         <div *ngIf="!showVerifySpinner">
         <div class="card">
             <div class="card-body" style="width: 800px; height: 615px; ">
@@ -35,7 +33,7 @@
                                                 <br/>
                                        
                                               
-                                                                <label class="defaultFontSize1">Field Name:</label><label><input class="defaultFontSize" id="fieldName" type="text"  [(ngModel)]="fieldName" value="{{fieldName}}"/></label>
+                                                                <label class="defaultLabelFontSize">Field Name:</label><label><input class="defaultFontSize" id="fieldName" type="text"  [(ngModel)]="fieldName" value="{{fieldName}}"/></label>
                                                        
                                                 
                                            
@@ -67,8 +65,8 @@
                                                 <br/>
                                                 <br/>
                                                 <div>
-                                                        <label class="defaultFontSize1">Is used in Group By Clause?:</label>
-                                                        <label class="defaultFontSize1" for="groupFormField" class="checkbox">
+                                                        <label class="defaultLabelFontSize">Is used in Group By Clause?:</label>
+                                                        <label class="defaultLabelFontSize" for="groupFormField" class="checkbox">
                                                         <input id="groupFormField" type="checkbox"  class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="groupFormField" value="{{groupFormField}}"><i class="skin"></i><span></span>
                                                         </label>
                                                 </div>
@@ -76,13 +74,13 @@
                                                 <br/>
                                                 <br/>
                                                 <div>
-                                                        <label class="defaultFontSize1">SQL as Default Value:</label>
-                                                        <label class="defaultFontSize1" for="defaultValue" class="checkbox">
-                                                        <input id="defaultValue" type="checkbox"  class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="defaultValue" value="{{defaultValue}}"><i class="skin"></i><span></span>
-                                                        </label>
+                                                        <label class="defaultLabelFontSize">SQL as Default Value:</label>	
+                                                        <label class="defaultLabelFontSize" for="isDefaultSql" class="checkbox">	
+                                                        <input id="isDefaultSql" type="checkbox"  class="ng-valid ng-dirty ng-valid-parse ng-touched" [(ngModel)]="isDefaultSql" value="{{isDefaultSql}}"><i class="skin"></i><span></span>	
+                                                        </label>	
                                                 </div>
                                                 
-                                                <div *ngIf="defaultValue">
+                                                <div *ngIf="isDefaultSql">
                                                 <br/>
                                                 <br/>
                                                 <div class="field-group">
@@ -91,6 +89,13 @@
                                                         <button style="font-size: 17px;" (click)="verify('Default')" class="btn btn-alt btn-small">Verify</button>
                                                         
                                                 </div>
+                                             </div>
+                                             <br/>
+                                                 <div *ngIf="(fieldDefaultSQL == null || fieldDefaultSQL == '') && isDefaultSql == false">	
+                                                        <label class="defaultLabelFontSize" >Default Value:</label>	
+                                                        <label><input class="defaultFontSize" id="defaultValue" type="text"  [(ngModel)]="defaultValue" value="{{defaultValue}}"/></label>
+                                                   
+                                                  
                                                 </div>
                                                 <br/>
                                                 <br/>
@@ -122,7 +127,7 @@
                                                 <br/>
                                                 <br/>
                                                 <div>
-                                                        <label class="defaultFontSize1">Provide Predefined List of Values:	Do not use Predefined list - Generate list from database:</label><label><input class="defaultFontSize" id="predefinedValue" type="text"  [(ngModel)]="predefinedValue" value="{{predefinedValue}}"/></label>
+                                                        <label class="defaultLabelFontSize">Provide Predefined List of Values:	Do not use Predefined list - Generate list from database:</label><label><input class="defaultFontSize" id="predefinedValue" type="text"  [(ngModel)]="predefinedValue" value="{{predefinedValue}}"/></label>
                                                         <button style="font-size: 17px;" (click)="addToList(predefinedValue)" class="btn btn-alt btn-small">Add to List</button>
                                                 </div>
                                                 <br/>
@@ -153,17 +158,14 @@
 <div class="stdForm">
         <br/>
         <div class="tab-content">
-                <h1>Step 4 - Report Form Fields</h1>
+                <h3>Step 4 - Report Form Fields</h3>
                 
         </div>
-
-        <div *ngIf="showSpinner">
-                <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
-        </div>
+             <span class="ecomp-spinner" *ngIf="showSpinner"></span>   
         <br/>
         <br/>
 
-        <h3>Form Field Groups</h3>
+        <h4>Form Field Groups</h4>
         <br/>
         <div *ngFor="let group of Groups">
                 <button class="formFieldGroupButton" mat-button >{{group.name}}</button><mat-icon style="margin-left: 21%;" aria-hidden="false" aria-label="delete" (click)="deleteGroup(group.name)">delete</mat-icon>
@@ -198,7 +200,7 @@
         </table>
         </div>
         <br/>
-        <h3>Form Field List</h3>
+        <h4>Form Field List</h4>
                 <div *ngIf="!showSpinner">
         
                         <table style="margin-top: 10px;" class="app-data-table">
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.spec.ts
index 780b3e79..69c0aeba 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.spec.ts
@@ -1,48 +1,34 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { FormFieldsComponent, DialogOverviewExampleDialog } from './form-fields.component';
+import { FormFieldsComponent } from './form-fields.component';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
-import { MatDialogModule, MatSnackBarModule, MatDialog } from '@angular/material';
+import { MatDialogModule, MatSnackBarModule } from '@angular/material';
+import { CommonModule } from '@angular/common';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { FormFieldsService } from './form-fields.service';
 import 'rxjs/add/observable/of';
 import { Observable } from 'rxjs/Observable';
-import { BrowserDynamicTestingModule } from '@angular/platform-browser-dynamic/testing';
 
 describe('FormFieldsComponent', () => {
   let component: FormFieldsComponent;
   let fixture: ComponentFixture<FormFieldsComponent>;
   let _formfieldservice: FormFieldsService;
-   var responseFormFields=[{"orderSeq":3}];
-   var formFieldGroupsJSON={"formFieldGroupsJSON":'{"data":"cachedRegions"}'};
-  var responseDeleted={"responseDeleted":[{"message":"Formfield  Deleted"}]}
-  var responseDefaultSQL={"data":[{"elemensts":"indrijeet"}]};
-  var responsePost={"message":true};
-  var stubData=[{m:true}];
+  let fieldDefaultSQL : string;
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       schemas:[CUSTOM_ELEMENTS_SCHEMA],
-      providers:[MatDialog,DialogOverviewExampleDialog],
-      declarations: [
-         FormFieldsComponent,
-        DialogOverviewExampleDialog
-      ],
+      declarations: [ FormFieldsComponent ],
       imports:[
         FormsModule,
         HttpClientTestingModule,
         MatDialogModule,
         MatSnackBarModule,
-       BrowserAnimationsModule,
+       BrowserAnimationsModule
       ]
     })
-    TestBed.overrideModule(BrowserDynamicTestingModule,{
-      set:{
-        entryComponents:[DialogOverviewExampleDialog]
-      }
-    })
     .compileComponents();
   }));
 
@@ -57,54 +43,6 @@ describe('FormFieldsComponent', () => {
     expect(component).toBeTruthy();
   });
 
-  it('should test moveUpward method',()=>{
-    component.postDownwardObj={"indrijeet":"kumar"};
-    component.reportId1="reportId1";
-    component.formFieldsListObj=[{"id":123},
-                                 {"id":321}];
-    var responsePostn={"message":true};
-    var postDownwardObj={"orderSeq":1};
-    var finalListResponse={"orderSeq":1};
-    let spy1=spyOn(_formfieldservice,'getFormFieldData').and.returnValue(Observable.of(postDownwardObj));
-    let spy2=spyOn(_formfieldservice,'postFormFieldData').and.returnValue(Observable.of(responsePostn));
-    let spy3=spyOn(_formfieldservice,'getListOfFormFields').and.returnValue(Observable.of(finalListResponse));
-    component.moveUpward(1);
-    expect(spy1).toHaveBeenCalled();
-    expect(spy2).toHaveBeenCalled();
-    expect(spy3).toHaveBeenCalled();
-  })
-
-  it('should test moveDownward method',()=>{
-    component.postDownwardObj={"indrijeet":"kumar"};
-    component.reportId1="reportId1";
-    component.formFieldsListObj=[{"id":123},
-                                 {"id":321}];
-    var responsePostn={"message":true};
-    var postDownwardObj={"orderSeq":1};
-    var finalListResponse={"orderSeq":1};
-    let spy1=spyOn(_formfieldservice,'getFormFieldData').and.returnValue(Observable.of(postDownwardObj));
-    let spy2=spyOn(_formfieldservice,'postFormFieldData').and.returnValue(Observable.of(responsePostn));
-    let spy3=spyOn(_formfieldservice,'getListOfFormFields').and.returnValue(Observable.of(finalListResponse));
-    component.moveDownward(0);
-    expect(spy1).toHaveBeenCalled();
-    expect(spy2).toHaveBeenCalled();
-    expect(spy3).toHaveBeenCalled();
-  })
-
-  it('should test verify method',()=>{
-  spyOn(_formfieldservice,'verifySQL').and.returnValue(Observable.of(responseDefaultSQL))
-  component.verify("Default");
-  expect(component.validateResponseString).toEqual( responseDefaultSQL["data"]["elements"])
-  component.verify("value"); 
-  })
-
-  it('should test ngOnInit method',()=>{
-    let spy=spyOn(_formfieldservice,'getListOfFormFields').and.returnValue(Observable.of(responseFormFields))
-    spyOn(_formfieldservice,'getFormFieldGroupsData').and.returnValue(Observable.of(formFieldGroupsJSON))
-    component.ngOnInit();
-    expect(spy).toHaveBeenCalled();
-  })
-
   it('should test isFirst method',()=>{
     expect(component.isFirst(0)).toBe(true);
     expect(component.isFirst(2)).toBe(false);
@@ -120,7 +58,6 @@ describe('FormFieldsComponent', () => {
     expect(component.isLast(11)).toEqual(true);
   });
 
- 
   it('should test ngDoCheck method for if condition',()=>{
     component.sqlAsDefaultValue=true;
     component.ngDoCheck();
@@ -159,7 +96,7 @@ describe('FormFieldsComponent', () => {
    expect(component.fieldDefaultSQL).toBe('');
    expect(component.errorStackTrace).toBe("");
    expect(component.errorMessage).toBe("");
-   expect(component.defaultValue).toBe(false);
+   expect(component.defaultValue).toBe("");
    expect(component.predefinedValueList).toEqual([]);
    expect(component.showDialog).toBe(true);
    expect(component.closable).toBe(true);
@@ -196,13 +133,12 @@ describe('FormFieldsComponent', () => {
 
 it('should test addToList method',()=>{
   component.addToList("attrib")
- {
+  {
   expect(component.predefinedValueList.pop()).toEqual({id:'attrib', name:'attrib',selected:false});
   }
 });
 
 it('should test deleteFromList method',()=>{
-component.predefinedValueList=[{"id":"attrib"}]
 component.deleteFromList("attrib");
 });
 
@@ -210,13 +146,9 @@ it('should test save method1',()=>{
 
   component.visible="YES";
   component.defaultValue=false;
-  component.mode ="Edit";
-  responseFormFields["m"]=1;
-  let spy1=spyOn(_formfieldservice,'postFormFieldData').and.returnValue(Observable.of(responsePost));
-  let spy2=spyOn(_formfieldservice,'getListOfFormFields').and.returnValue(Observable.of(stubData));
   component.save();
-  expect(spy1).toHaveBeenCalled();
-  expect(spy2).toHaveBeenCalled();
+  expect(component.showSpinner).toBe(true);
+  expect(component.showDialog).toBe(false);
   expect(component.finalPOSTObj["validationType"]).toEqual(component.validationType);
   expect(component.finalPOSTObj["visible"]).toBe(true);
   expect(component.finalPOSTObj["orderSeq"]).toEqual(component.orderSeq);
@@ -229,7 +161,7 @@ it('should test save method1',()=>{
   expect(component.finalPOSTObj["errorStackTrace"]).toEqual(component.errorStackTrace);
   expect(component.finalPOSTObj["errorMessage"]).toEqual(component.errorMessage);
   expect(component.finalPOSTObj["defaultValue"]).toEqual(component.defaultValue);
-    expect(component.finalPOSTObj["fieldDefaultSQL"]).toBe(null); 
+    expect(component.finalPOSTObj["fieldDefaultSQL"]).toBe(fieldDefaultSQL); 
   expect(component.finalPOSTObj["predefinedValueList"]).toEqual(component.predefinedValueList);
   
 });
@@ -237,13 +169,7 @@ it('should test save method1',()=>{
 it('should test save method for else part',()=>{
   component.visible!="YES";
   component.defaultValue!=false;
-  component.mode ="Edited";
-  responseFormFields["m"]=1;
-  let spy1=spyOn(_formfieldservice,'addFormFieldData').and.returnValue(Observable.of(responsePost));
-  let spy2=spyOn(_formfieldservice,'getListOfFormFields').and.returnValue(Observable.of(stubData));
   component.save();
-  expect(spy1).toHaveBeenCalled();
-  expect(spy2).toHaveBeenCalled();
   expect(component.finalPOSTObj["visible"]).toBe(false)
   expect(component.finalPOSTObj["fieldDefalultSQL"]).toEqual(component.fieldDefaultSQL);
 })
@@ -257,45 +183,25 @@ it('should test openSnackBar method',()=>{
 })
 
 it('should test deleteGroup method',()=>{
-  component.Groups=[{"name":"groupName"}];
-  component.deleteGroup("groupName");
+  component.deleteGroup("string");
 })
 
 it('should test deleteFormGroup method',()=>{
-  component.Groups=[{"formFieldList":{"id":"formFieldId"}}]
-  //component.Groups=[{"elements":{"formFieldList":{"id":"formFieldId"}}}]
   component.deleteFromGroup("formgroup");
 })
 
 it('should test delete method',()=>{
-  responseDeleted["message"]="Formfield  Deleted";
-  let spy1=spyOn(_formfieldservice,'deleteFormField').and.returnValue(Observable.of(responseDeleted));
-  let spy2=spyOn(_formfieldservice,'getListOfFormFields').and.returnValue(Observable.of('you object'))
   component.delete("delete");
-  expect(spy1).toHaveBeenCalled();
-  expect(spy2).toHaveBeenCalled();
-})
-
-it('should test createGroup method',()=>{
-  component.openDialog()
 })
 
-  // it('should test openDialog method',()=>{
-  //   var result={"Name":"name"};
-  //   component.Groups=null;
-  //   const dialogRef = component.dialog.open(DialogOverviewExampleDialog, {
-  //     width: '400px',
-  //     height: '600px',
-  //     data: component.formFieldsListObj
-  //   });
-  //   spyOn(dialogRef,'afterClosed').and.returnValue(result);
-  //   component.openDialog();
-  // })
+it('should test verify method',()=>{
+component.verify("Default");
+component.verify("value");
 
-it('should test createGroup method',()=>{
-  let spy=spyOn(component,'openDialog');
-  component.createGroup();
-  expect(spy).toHaveBeenCalled();
 })
 
-})
+// it('should test createGroup method',()=>{
+//   component.openDialog()
+// })
+
+});
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.ts
index 2705e482..fc34cccd 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.ts
@@ -45,7 +45,7 @@ export class FormFieldsComponent implements OnInit {
   fieldDefaultSQL : string;
   errorStackTrace : any;
   errorMessage : any;
-  defaultValue : boolean;
+  defaultValue : any;
   finalPOSTObj : any;
   mode : string;
   showSpinner : boolean;
@@ -54,7 +54,7 @@ export class FormFieldsComponent implements OnInit {
   validateResponseString : string;
   showVerifySpinner : boolean;
   Groups : {}[] = [];
-
+  isDefaultSql : boolean;
   
 
 
@@ -72,36 +72,24 @@ export class FormFieldsComponent implements OnInit {
     this.queryObj = {};
     this.showVerifySpinner = false;
     this.Groups = new Array();
+    this.isDefaultSql = false;
   }
 
-
   ngOnInit() {
-
     this._formFieldsService.getListOfFormFields()
-    .subscribe((responseFormFields) => {
-
-      // for(let k=0; k<responseFormFields.length; k++)
-      // {
-        // this.formFieldsListObj.push(responseFormFields[k]);
-                            for(let m=0; m<responseFormFields.length; m++)
-                            {
-                            // if(responseFormFields[m]["orderSeq"] == k+1)
-                            // {
-                                responseFormFields[m]["orderSeq"] = m+1;
-                                this.formFieldsListObj.push(responseFormFields[m]);
-                            // } 
-                          }
-      // }
+      .subscribe((responseFormFields) => {
+        for (let m = 0; m < responseFormFields.length; m++) {
+          responseFormFields[m]["orderSeq"] = m + 1;
+          this.formFieldsListObj.push(responseFormFields[m]);
+        }
 
-      this._formFieldsService.getFormFieldGroupsData(this.reportId1)
-      .subscribe((responseGroupsData) => {
-        this.Groups = JSON.parse(responseGroupsData["formFieldGroupsJSON"]);
-      });
-      
+        this._formFieldsService.getFormFieldGroupsData(this.reportId1)
+          .subscribe((responseGroupsData) => {
+            this.Groups = JSON.parse(responseGroupsData["formFieldGroupsJSON"]);
+          });     
     });
   }
   
-  
 
   isLast( n : number)
   {
@@ -145,6 +133,11 @@ export class FormFieldsComponent implements OnInit {
             
                   this.postMoveUpwrdObj["orderSeq"] = this.orderSeqOfUp;
                   this.postDownwardObj["orderSeq"] = this.orderSeqOfDown;
+
+                  console.log(this.postDownwardObj);
+                  console.log(this.postMoveUpwrdObj);
+                  this.postMoveUpwrdObj["lastUpdatedFieldId"] = this.postDownwardObj["fieldId"];
+                  this.postDownwardObj["lastUpdatedFieldId"] = this.postMoveUpwrdObj["fieldId"];
                   
                   this._formFieldsService.postFormFieldData(this.postDownwardObj, this.reportId1)
                   .subscribe((responsePostn) => {
@@ -201,6 +194,12 @@ export class FormFieldsComponent implements OnInit {
             
                   this.postMoveUpwrdObj["orderSeq"] = this.orderSeqOfUp;
                   this.postDownwardObj["orderSeq"] = this.orderSeqOfDown;
+
+                  console.log(this.postDownwardObj);
+                  console.log(this.postMoveUpwrdObj);
+
+                  this.postMoveUpwrdObj["lastUpdatedFieldId"] = this.postDownwardObj["fieldId"];
+                  this.postDownwardObj["lastUpdatedFieldId"] = this.postMoveUpwrdObj["fieldId"];
                   
                   this._formFieldsService.postFormFieldData(this.postDownwardObj, this.reportId1)
                   .subscribe((responsePostn) => {
@@ -280,15 +279,19 @@ export class FormFieldsComponent implements OnInit {
       this.fieldDefaultSQL = responseFormFieldData["fieldDefaultSQL"];
       this.errorStackTrace = responseFormFieldData["errorStackTrace"];
       this.errorMessage = responseFormFieldData["errorMessage"];
-
-      if(this.fieldDefaultSQL !== null)
-      {
-        this.defaultValue = true;
-      }
-      else
-      {
-        this.defaultValue = false;
-      }
+      this.defaultValue = responseFormFieldData["defaultValue"]	;
+       if(this.fieldDefaultSQL != null || this.fieldDefaultSQL != "")	
+          this.isDefaultSql = true;	
+       else	
+          this.isDefaultSql = false;	
+       	
+       if(this.defaultValue == null || this.defaultValue == "")	
+          this.isDefaultSql = true;	
+       else	
+          this.isDefaultSql = false;  
+
+       if ((this.fieldDefaultSQL == null || this.fieldDefaultSQL == "") && (this.defaultValue == null || this.defaultValue == "")) 
+        this.isDefaultSql = false; 
 
       if(responseFormFieldData["predefinedValueList"] == null)
       {
@@ -321,8 +324,9 @@ export class FormFieldsComponent implements OnInit {
       this.fieldDefaultSQL = "";
       this.errorStackTrace = "";
       this.errorMessage = "";
-      this.defaultValue = false;
+      this.isDefaultSql = false;
       this.predefinedValueList = [];
+      this.defaultValue="";
 
       this.showDialog = true;
       this.closable = true;
@@ -391,16 +395,16 @@ export class FormFieldsComponent implements OnInit {
       
       this.finalPOSTObj["errorStackTrace"] = this.errorStackTrace;
       this.finalPOSTObj["errorMessage"] = this.errorMessage;
-      this.finalPOSTObj["defaultValue"] = this.defaultValue;
+       this.finalPOSTObj["lastUpdatedFieldId"] = this.fieldId;
 
-      if( this.defaultValue === false)
-      {
-        this.finalPOSTObj["fieldDefaultSQL"] = null;
-      }
-      else
-      {
-        this.finalPOSTObj["fieldDefaultSQL"] = this.fieldDefaultSQL;
-      }
+      this.finalPOSTObj["fieldDefaultSQL"] = this.fieldDefaultSQL;	
+    	
+      this.finalPOSTObj["defaultValue"] = this.defaultValue;
+    	
+      if(this.fieldDefaultSQL != "" && this.fieldDefaultSQL != null)	
+      {	
+        this.finalPOSTObj["defaultValue"] = "";		
+      }	
 
       this.finalPOSTObj["predefinedValueList"] = this.predefinedValueList;
 
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/log/log.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/log/log.component.css
index ded54b26..b73005ca 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/log/log.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/log/log.component.css
@@ -46,11 +46,11 @@ td{
   box-sizing: border-box;
   display: block;
   position: absolute;
-  width: 80px;
-  height: 80px;
+  width: 35px;
+  height: 35px;
   margin: 6px;
-  margin-top: -10px;
-  border: 10px solid #006496;
+  margin-top: 40px;
+  border: 6px solid #006496;
   border-radius: 80%;
   animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
   border-color: #006496 transparent transparent transparent;
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/log/log.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/log/log.component.html
index 06ba9a27..3bf0b768 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/log/log.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/log/log.component.html
@@ -1,14 +1,11 @@
 <div class="stdForm">
                 <br/>
         <div class="tab-content">
-                <h1>Step {{stepNo}} - Report Log</h1>
+                <h3>Step {{stepNo}} - Report Log</h3>
         </div>
         <br/>
-        <br/>
-
-        <div *ngIf="showSpinner">
-                <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
-        </div>
+         <span class="ecomp-spinner" *ngIf="showSpinner"></span>   
+        
         <div *ngIf="!showSpinner">
                 <label>Report Logs</label>
                 <table>
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/log/log.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/log/log.component.spec.ts
index af8e9db7..e2b08a4f 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/log/log.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/log/log.component.spec.ts
@@ -16,7 +16,13 @@ describe('LogComponent', () => {
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       declarations: [ LogComponent ],
-      imports: [HttpClientTestingModule]
+      imports: [HttpClientTestingModule],
+      // providers:[LogService,MockBackend,BaseRequestOptions,{
+      //   porvide:Http,useFactory:(backend:MockBackend,defaultOptions:BaseRequestOptions)=>{
+      //     return new Http(backend,defaultOptions);
+      //   },
+      //   deps:[MockBackend,BaseRequestOptions],
+      // }]
     })
     .compileComponents();
   }));
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-form-fields/run-report-form-fields.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-form-fields/run-report-form-fields.component.css
index a8abee70..a26636f9 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-form-fields/run-report-form-fields.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-form-fields/run-report-form-fields.component.css
@@ -1,91 +1,92 @@
+.wrapper {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+    overflow: auto;
+}
+.wrapper > div {
+    border-radius: 5px;
+    padding: 0.5em;
+}
+
 mat-button-toggle-group{
     width: 800px;
   }
-  
-  
-  .lds-ring {
-    display: inline-block;
-    position: relative;
-    width: 64px;
-    height: 64px;
+
+  .stdForm{
+    margin-left: 20px;
+    line-height: 0.5;
   }
-  .lds-ring div {
-    box-sizing: border-box;
-    display: block;
-    position: absolute;
-    width: 80px;
-    height: 80px;
-    margin: 6px;
-    margin-top: -10px;
-    border: 10px solid #006496;
-    border-radius: 80%;
-    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-    border-color: #006496 transparent transparent transparent;
+
+  .fieldWidth{
+    width: 50%;
   }
-  .lds-ring div:nth-child(1) {
-    animation-delay: -0.45s;
+
+  .labelWidth{
+    font-weight: normal;
+    width: 200px;
   }
-  .lds-ring div:nth-child(2) {
-    animation-delay: -0.3s;
+
+  mat-select{
+    border: 1px solid #d2d2d2;
+    border-radius: 6px;
   }
-  .lds-ring div:nth-child(3) {
-    animation-delay: -0.15s;
+
+  :host ::ng-deep .mat-select-value{
+    padding: 8px;
+    font-size: 15px;
+    padding-left: 15px;
   }
-  @keyframes lds-ring {
-    0% {
-      transform: rotate(0deg);
-    }
-    100% {
-      transform: rotate(360deg);
-    }
+  :host ::ng-deep .mat-form-field-underline {
+    display: none;
   }
-  
-  
-  mat-button-toggle{
-    display: block;
-    width: 800px;
-    border-radius: 5px;
+
+  :host ::ng-deep .mat-form-field-infix{
+    padding: 0;
+    border-top: 0;
   }
-  
+  :host ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-wrapper {
+    padding-bottom: 0;
+  }
+
+  :host ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-infix {
+     padding: 0;
+  }
+
+  .mat-form-field{
+    width: 200px;
+  }
+
   label{
     size: 70px;
+    padding-right: 15px;
   }
-  
+
   input {
-    width: 800px;
+    width: 200px;
     height: 20px;
   }
-  
+
   .Heading{
     font-size: 45px;
   }
-  
-  .stdForm{
-    margin-left: 20px;
-  }
-  
+
   .field-group {
     position: relative;
     display: block;
   }
-  
+
   label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
     margin-top: 5px;
   }
-  
-  
+
+
   select{
     display: block;
-    width: 800px;
-    
+    width: 200px;
     padding: 15px;
     background-color: #e6e6e61a
   }
-  
-  .webform-component-my-select select {
-    height: 200px;
-  }
-  
+
   .checkbox .skin {
     background-color: #fff;
     border: 1px solid #d2d2d2;
@@ -97,72 +98,12 @@ mat-button-toggle-group{
     left: 0;
     top: 0;
   }
-  
-  i, em {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial;
-    font-style: normal;
-  }
-  
-  
-  .b2b-horizontal-table ::-webkit-scrollbar {
-    height: 10px; }
-  
-  .b2b-horizontal-table ::-webkit-scrollbar-thumb {
-    background: #666666;
-    border-radius: 5px; }
-  
-  .b2b-horizontal-table .b2b-frozen-col {
-    font-size: 5px;
-    font-weight: normal;
-    font-style: italic; }
-  /* 
-  .b2b-horizontal-table .b2b-horizontal-table-inner-container {
-    overflow-x: scroll; } */
-  
-  .b2b-horizontal-table .b2b-horizontal-table-column-info {
-    text-align: center; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-legend div[b2b-flyout-toggler] {
-    color: #0568ae;
-    cursor: pointer; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-legend .b2b-frozen-cell {
-    width: 16px;
-    height: 16px;
-    background-color: #F2F2F2;
-    display: inline-block;
-    margin-right: 10px; }
-  
-  .b2b-horizontal-table .b2b-horizontal-table-arrows {
-    margin-bottom: 20px; }
-    .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-disabled-text {
-      color: #767676; }
-    .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-next-link {
-      padding-right: 15px; }
-    .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-prev-link {
-      padding-left: 15px; }
-  
-  @-moz-document url-prefix() {
-    .b2b-horizontal-table td:first-child {
-      border-top: none; } }
-  * {
-    box-sizing: border-box; }
-  
-  :root {
-    -ms-overflow-style: -ms-autohiding-scrollbar;
-    overflow-y: scroll;
-    -ms-text-size-adjust: 100%;
-    -webkit-text-size-adjust: 100%;
-    box-sizing: border-box;
-    font: 0.625pc/1.5 sans-serif;
-    text-rendering: optimizeLegibility; }
-  
   html {
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
     height: 100%;
     position: relative; }
-  
+
   h1,
   h2,
   h3,
@@ -175,41 +116,17 @@ mat-button-toggle-group{
   ul {
     margin: 0;
     padding: 0; }
-  
+
   /* a:focus {
     outline: thin dotted #191919;
   } */
   sub,
-  sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: top; }
-  
-  sup {
-    top: .75em;
-    display: inline-block; }
-  
-  sub {
-    bottom: -0.25em; }
-  
-  img {
-    max-width: 100%;
-    height: auto;
-    vertical-align: middle;
-    border: 0;
-    -ms-interpolation-mode: bicubic; }
-  
   .img-no-rwd {
     max-width: inherit !important; }
-  
+
   svg {
     display: inline-block; }
-  
-  .responsive-img {
-    width: 100%;
-    height: auto; }
-  
+
   button,
   input,
   select,
@@ -217,18 +134,18 @@ mat-button-toggle-group{
     margin: 0;
     font-size: 100%;
     vertical-align: middle; }
-  
+
   ::-moz-focus-inner {
     padding: 0;
     border: 0; }
-  
+
   button,
   html input[type="button"],
   input[type="reset"],
   input[type="submit"] {
     appearance: button;
     cursor: pointer; }
-  
+
   label,
   select,
   button,
@@ -238,517 +155,27 @@ mat-button-toggle-group{
   input[type="radio"],
   input[type="checkbox"] {
     cursor: pointer; }
-  
+
   input[type=search] {
     -webkit-appearance: textfield; }
-  
-  input[type=search]:-webkit-search-cancel-button,
-  input[type=search]:-webkit-search-decoration {
+
+  input[type=search]::-webkit-search-cancel-button,
+  input[type=search]::-webkit-search-decoration {
     -webkit-appearance: none; }
-  
-  
-  
+
+
+
   select {
     -moz-appearance: none;
     -webkit-appearance: none; }
-  
-  [aria-busy=true] {
-    cursor: progress; }
-  
-  [aria-controls] {
-    cursor: pointer; }
-  
-  body {
-    background-color: #ffffff;
-    color: #191919;
-    font-family: "Omnes-ECOMP-W02", Arial;
-  /*  font-size: 1.6rem;
-    line-height: 2rem;*/
-    margin: 0;
-    position: relative;
-    width: 100%;
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothing: antialiased; }
-  
+
   small {
     font-size: 1.6rem; }
-  
+
   .container {
     margin: 0 auto;
     padding: 0; }
-  
-  .tooltip {
-    display: inline-block;
-    height: 20px;
-    margin: 1px 0 0 7px;
-    vertical-align: middle; }
-  
-  .tooltip-wrapper {
-    display: none; }
-  
-  
-  
-  /* TODO: Build a reference page for these classes */
-  .font-regular {
-    font-family: "Omnes-ECOMP-W02", Arial !important; }
-  
-  .font-light {
-    font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-  
-  .font-italic {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-  
-  .font-light-italic {
-    font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-  
-  .font-medium {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-  
-  .font-medium-italic {
-    font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-  
-  .font-reset {
-    font-style: normal;
-    font-variant: normal;
-    font-weight: normal;
-    text-transform: none; }
-  
-  .visible-phone {
-    display: none !important; }
-  
-  .visible-tablet {
-    display: none !important; }
-  
-  .hidden-desktop {
-    display: none !important; }
-  
-  .visible-desktop {
-    display: inherit !important; }
-  
-  .row,
-  .row-nowrap {
-    margin-left: 0; }
-  
-  .row:before,
-  .row-nowrap:before,
-  .row:after,
-  .row-nowrap:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .row:after,
-  .row-nowrap:after {
-    clear: both; }
-  
-  .row:before,
-  .row-nowrap:before,
-  .row:after,
-  .row-nowrap:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .row:after,
-  .row-nowrap:after {
-    clear: both; }
-  
-  .row,
-  .row-nowrap {
-    display: flex; }
-  
-  .row > [class*="span"],
-  .row-nowrap > [class*="span"] {
-    float: left;
-    margin-right: 14px;
-    margin-right: 1.40845%\9; }
-  
-  .row > [class*="span"]:last-child,
-  .row-nowrap > [class*="span"]:last-child {
-    margin-right: 0; }
-  
-  .row > [class*="span"].centered,
-  .row-nowrap > [class*="span"].centered {
-    margin-left: auto !important;
-    margin-right: auto !important; }
-  
-  .row.no-flex,
-  .row-nowrap.no-flex {
-    display: block; }
-  
-  .row.no-flex > [class*="span"],
-  .row-nowrap.no-flex > [class*="span"] {
-    margin-right: 1.408450704225352%; }
-  
-  .row.no-flex > [class*="span"]:last-child,
-  .row-nowrap.no-flex > [class*="span"]:last-child {
-    margin-right: 0; }
-  
-  .row.flex-justify,
-  .row-nowrap.flex-justify {
-    justify-content: space-between; }
-  
-  .row.flex-justify > [class*="span"],
-  .row-nowrap.flex-justify > [class*="span"] {
-    flex: 1 1 0; }
-  
-  .row.flex-justify > .flex-col,
-  .row-nowrap.flex-justify > .flex-col {
-    margin-right: 14px;
-    margin-right: 1.40845%\9; }
-  
-  .row.flex-wrap,
-  .row-nowrap.flex-wrap {
-    flex-wrap: wrap; }
-  
-  .align-items-top {
-    align-items: flex-start; }
-  
-  .align-items-center {
-    align-items: center; }
-  
-  .align-items-bottom {
-    align-items: flex-end; }
-  
-  .align-self-top {
-    align-self: flex-start; }
-  
-  .align-self-center {
-    align-self: center; }
-  
-  .align-self-bottom {
-    align-self: flex-end; }
-  
-  .row .fixed-230 {
-    flex: 0;
-    display: block;
-    width: 230px;
-    vertical-align: top;
-    min-width: 230px;
-    background-color: #efefef; }
-  
-  .row .fluid-space {
-    flex: 1 1 0;
-    display: block;
-    vertical-align: top;
-    padding-left: 0;
-    padding-right: 20px;
-    width: 100%; }
-  
-  .row .fixed-230 + .fluid-space {
-    padding-left: 20px;
-    padding-right: 20px; }
-  
-  .row .fluid-space:last-child {
-    padding-right: 0; }
-  
-  .span1 {
-    width: 7.042253521126761%; }
-  
-  .span2 {
-    width: 15.49295774647887%; }
-  
-  .span3 {
-    width: 23.94366197183099%; }
-  
-  .span4 {
-    width: 32.3943661971831%; }
-  
-  .span5 {
-    width: 40.84507042253521%; }
-  
-  .span6 {
-    width: 49.29577464788733%; }
-  
-  .span7 {
-    width: 57.74647887323944%; }
-  
-  .span8 {
-    width: 66.19718309859155%; }
-  
-  .span9 {
-    width: 74.64788732394367%; }
-  
-  .span10 {
-    width: 83.09859154929578%; }
-  
-  .span11 {
-    width: 91.54929577464789%; }
-  
-  .span12 {
-    width: 100%; }
-  
-  .offset1 {
-    margin-left: 8.450704225352113%; }
-  
-  .offset2 {
-    margin-left: 16.90140845070423%; }
-  
-  .offset3 {
-    margin-left: 25.35211267605634%; }
-  
-  .offset4 {
-    margin-left: 33.8028169%; }
-  
-  .offset5 {
-    margin-left: 42.25352113%; }
-  
-  .offset6 {
-    margin-left: 50.70422535%; }
-  
-  .offset7 {
-    margin-left: 59.15492958%; }
-  
-  .offset8 {
-    margin-left: 67.6056338%; }
-  
-  .offset9 {
-    margin-left: 76.05633803%; }
-  
-  .offset10 {
-    margin-left: 84.50704225%; }
-  
-  .offset11 {
-    margin-left: 92.95774648%; }
-  
-  .align-center {
-    margin: 0 auto;
-    text-align: center; }
-  
-  [class*="span"].align-center {
-    margin: 0 auto !important;
-    float: none; }
-  
-  .align-left .container {
-    padding-left: 0 !important;
-    margin: 0 !important; }
-  
-  /* BEGIN RESPONSIVE-4.LESS ************** */
-  @media (min-width: 1025px) {
-    .row > [class*="span"],
-    .row-nowrap > [class*="span"] {
-      margin-right: 20px;
-      margin-right: 1.487301587301587%\9; }
-    .container {
-      padding-left: 20px;
-      padding-right: 20px;
-      max-width: 1260px; }
-    /* 1col = 6.878306878306879 */
-    /* 1colgutter = 1.587301587301587 */
-    .span0 {
-      display: none; }
-    .span1 {
-      width: 6.878306878306879%; }
-    .span2 {
-      width: 15.34391534391534%; }
-    .span3 {
-      width: 23.80952380952381%; }
-    .span4 {
-      width: 32.27513227513228%; }
-    .span5 {
-      width: 40.74074074074074%; }
-    .span6 {
-      width: 49.20634920634921%; }
-    .span7 {
-      width: 57.67195767195767%; }
-    .span8 {
-      width: 66.13756613756614%; }
-    .span9 {
-      width: 74.60317460317461%; }
-    .span10 {
-      width: 83.06878306878308%; }
-    .span11 {
-      width: 91.53439153439154%; }
-    .span12 {
-      width: 100%; }
-    .offset1 {
-      margin-left: 8.465608465608466%; }
-    .offset2 {
-      margin-left: 16.93121693121693%; }
-    .offset3 {
-      margin-left: 25.3968253968254%; }
-    .offset4 {
-      margin-left: 33.86243386%; }
-    .offset5 {
-      margin-left: 42.32804233%; }
-    .offset6 {
-      margin-left: 50.79365079%; }
-    .offset7 {
-      margin-left: 59.25925926%; }
-    .offset8 {
-      margin-left: 67.72486772%; }
-    .offset9 {
-      margin-left: 76.19047619%; }
-    .offset10 {
-      margin-left: 84.65608466%; }
-    .offset11 {
-      margin-left: 93.12169312%; }
-    .tooltip-size-control {
-      position: relative;
-      width: 400px; }
-    .thumbnails > li {
-      margin-left: 1.40845070422535%; }
-    .row .thumbnails {
-      margin-left: 0; } }
-  
-  /* END RESPONSIVE-4.LESS ****************** */
-  /* BEGIN RESPONSIVE-3.LESS ******************* */
-  @media (min-width: 768px) and (max-width: 1024px) {
-    .hidden-desktop {
-      display: inherit !important; }
-    .visible-desktop {
-      display: none !important; }
-    .visible-tablet {
-      display: inherit !important; }
-    .hidden-tablet {
-      display: none !important; }
-    .container {
-      width: 100%;
-      margin: 0 auto;
-      padding-left: 20px;
-      padding-right: 20px; }
-    .span0-md {
-      display: none; }
-    .span1-md {
-      width: 7.042253521126761%; }
-    .span2-md {
-      width: 15.49295774647887%; }
-    .span3-md {
-      width: 23.94366197183099%; }
-    .span4-md {
-      width: 32.3943661971831%; }
-    .span5-md {
-      width: 40.84507042253521%; }
-    .span6-md {
-      width: 49.29577464788733%; }
-    .span7-md {
-      width: 57.74647887323944%; }
-    .span8-md {
-      width: 66.19718309859155%; }
-    .span9-md {
-      width: 74.64788732394367%; }
-    .span10-md {
-      width: 83.09859154929578%; }
-    .span11-md {
-      width: 91.54929577464789%; }
-    .span12-md {
-      width: 100%; }
-    .offset1-md {
-      margin-left: 8.450704225352113%; }
-    .offset2-md {
-      margin-left: 16.90140845070423%; }
-    .offset3-md {
-      margin-left: 25.35211267605634%; }
-    .offset4-md {
-      margin-left: 33.8028169%; }
-    .offset5-md {
-      margin-left: 42.25352113%; }
-    .offset6-md {
-      margin-left: 50.70422535%; }
-    .offset7-md {
-      margin-left: 59.15492958%; }
-    .offset8-md {
-      margin-left: 67.6056338%; }
-    .offset9-md {
-      margin-left: 76.05633803%; }
-    .offset10-md {
-      margin-left: 84.50704225%; }
-    .offset11-md {
-      margin-left: 92.95774648%; }
-    .tooltip-size-control {
-      position: relative;
-      width: 300px; } }
-  
-  /* END RESPONSIVE-3.LESS ******************* */
-  /* BEGIN RESPONSIVE-2.LESS *************** */
-  @media (max-width: 767px) {
-    .hidden-desktop {
-      display: inherit !important; }
-    .visible-desktop {
-      display: none !important; }
-    .visible-phone {
-      display: inherit !important; }
-    .visible-tablet {
-      display: inherit !important; }
-    .hidden-phone {
-      display: none !important; }
-    .hidden-tablet {
-      display: none !important; }
-    .container {
-      width: auto;
-      padding-left: 15px;
-      padding-right: 15px; }
-    /*.row{ display:block; }*/
-    .row > [class*="span"] {
-      float: none;
-      margin-left: 0;
-      margin-right: 0;
-      width: 100%; }
-    .row {
-      display: block; }
-    .row.flex > .flex-col,
-    .row-nowrap.flex > .flex-col {
-      margin-right: 0; }
-    .row .fixed-230 {
-      display: block;
-      width: 100%; }
-    .row .fluid-space {
-      display: block;
-      padding-left: 0;
-      padding-right: 0;
-      width: auto; }
-    .row .fluid-space + .fixed-230 {
-      padding-left: 0; }
-    .row .fluid-space:last-child {
-      padding-right: 0; }
-    .span0-sm {
-      display: none; }
-    .span1-sm {
-      width: 7.042253521126761%; }
-    .span2-sm {
-      width: 15.49295774647887%; }
-    .span3-sm {
-      width: 23.94366197183099%; }
-    .span4-sm {
-      width: 32.3943661971831%; }
-    .span5-sm {
-      width: 40.84507042253521%; }
-    .span6-sm {
-      width: 49.29577464788733%; }
-    .span7-sm {
-      width: 57.74647887323944%; }
-    .span8-sm {
-      width: 66.19718309859155%; }
-    .span9-sm {
-      width: 74.64788732394367%; }
-    .span10-sm {
-      width: 83.09859154929578%; }
-    .span11-sm {
-      width: 91.54929577464789%; }
-    .span12-sm {
-      width: 100%; }
-    .offset1-sm {
-      margin-left: 8.450704225352113%; }
-    .offset2-sm {
-      margin-left: 16.90140845070423%; }
-    .offset3-sm {
-      margin-left: 25.35211267605634%; }
-    .offset4-sm {
-      margin-left: 33.8028169%; }
-    .offset5-sm {
-      margin-left: 42.25352113%; }
-    .offset6-sm {
-      margin-left: 50.70422535%; }
-    .offset7-sm {
-      margin-left: 59.15492958%; }
-    .offset8-sm {
-      margin-left: 67.6056338%; }
-    .offset9-sm {
-      margin-left: 76.05633803%; }
-    .offset10-sm {
-      margin-left: 84.50704225%; }
-    .offset11-sm {
-      margin-left: 92.95774648%; }
+
     input {
       padding: 8px 15px 8px 15px; }
     .field-group input.input-emphasized[type="search"] + .reset-field:after {
@@ -756,686 +183,7 @@ mat-button-toggle-group{
     .field-group input.input-emphasized[type="search"] + .reset-field {
       height: 46px;
       top: 1px; }
-    .marquee {
-      margin-bottom: 30px; }
-    .marquee .blur-overlay {
-      border-radius: 0;
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      margin: 0;
-      padding: 34px 15px 30px; }
-    .marquee + div {
-      margin-top: 30px; }
-    .marquee h1 {
-      font-size: 1.8rem;
-      letter-spacing: -0.035px; }
-    .marquee .lead {
-      font-size: 3.0rem;
-      line-height: 3.6rem;
-      margin-bottom: 0; }
-    .marquee p:not(.lead) {
-      font-family: "Omnes-ECOMP-W02-Light", Arial;
-      font-size: 1.8rem;
-      margin-bottom: 0; }
-    .marquee .btn-fullwidth {
-      margin-top: 10px;
-      width: 100%;
-      float: none; }
-    .tooltip-size-control {
-      width: 100%; }
-    .table-wrapper,
-    .accordion-table-layout {
-      margin-left: -15px;
-      margin-right: -15px; }
-    .table-wrapper caption {
-      padding-left: 15px; } }
-  
-  @media (max-width: 480px) {
-    .span1-xsm {
-      width: 7.042253521126761%; }
-    .span2-xsm {
-      width: 15.49295774647887%; }
-    .span3-xsm {
-      width: 23.94366197183099%; }
-    .span4-xsm {
-      width: 32.3943661971831%; }
-    .span5-xsm {
-      width: 40.84507042253521%; }
-    .span6-xsm {
-      width: 49.29577464788733%; }
-    .span7-xsm {
-      width: 57.74647887323944%; }
-    .span8-xsm {
-      width: 66.19718309859155%; }
-    .span9-xsm {
-      width: 74.64788732394367%; }
-    .span10-xsm {
-      width: 83.09859154929578%; }
-    .span11-xsm {
-      width: 91.54929577464789%; }
-    .span12-xsm {
-      width: 100%; }
-    .offset1-xsm {
-      margin-left: 8.450704225352113%; }
-    .offset2-xsm {
-      margin-left: 16.90140845070423%; }
-    .offset3-xsm {
-      margin-left: 25.35211267605634%; }
-    .offset4-xsm {
-      margin-left: 33.8028169%; }
-    .offset5-xsm {
-      margin-left: 42.25352113%; }
-    .offset6-xsm {
-      margin-left: 50.70422535%; }
-    .offset7-xsm {
-      margin-left: 59.15492958%; }
-    .offset8-xsm {
-      margin-left: 67.6056338%; }
-    .offset9-xsm {
-      margin-left: 76.05633803%; }
-    .offset10-xsm {
-      margin-left: 84.50704225%; }
-    .offset11-xsm {
-      margin-left: 92.95774648%; } }
-  
-  /* END RESPONSIVE-2.LESS ******************* */
-  /* BEGIN RESPONSIVE-1.LESS ************** */
-  .xxxxxxxx-begin-responsive-480px.less {
-    /* placeholder */ }
-  
-  @media (max-width: 480px) {
-    .hidden-desktop {
-      display: inherit !important; }
-    .hidden-tablet {
-      display: inherit !important; }
-    .hidden-phone {
-      display: none !important; }
-    .visible-desktop {
-      display: none !important; }
-    .visible-tablet {
-      display: none !important; }
-    .visible-phone {
-      display: inherit !important; }
-    .container {
-      width: auto;
-      padding-left: 15px;
-      padding-right: 15px; } }
-  
-  [class*="icon-primary-"],
-  .nav-links a:after,
-  .bellyband-link a:after,
-  .breadcrumb > li:after,
-  .checkbox input:checked + .skin:after,
-  .checkbox input.indeterminate + .skin:after,
-  .checkbox input:indeterminate + .skin:after,
-  .selectWrap.large:before,
-  .form-row.error .error-msg:before,
-  .close:before,
-  .reset-field:before,
-  .cssIcon-globe:before,
-  .selectWrap:after {
-    color: #0568ae;
-    left: 6px;
-    top: -3px;
-    width: 2px;
-    height: 3px;
-    border: solid white;
-    border-width: 0 3px 3px 0;
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    transform: rotate(45deg);}
-  
-  [class*="icoWeather-"], [class*="icoTrans-"], [class*="icoBubble-"], [class*="icoRetail-"], [class*="icoPeople-"], [class*="icoNumslets-"], [class*="icoLocation-"], [class*="icoHealthcare-"], [class*="icoDocuments-"], [class*="icoDevices-"], [class*="icoDatanetwork-"], [class*="icoControls-"], [class*="icoBuilding-"], [class*="icoArrows-"] {
-    color: #0568ae;
-    display: inline-block;
-    font-style: normal;
-    font-size: 20px;
-    font-weight: normal;
-    font-variant: normal;
-    font-style: normal;
-    width: 20px;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    position: relative;
-    speak: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    vertical-align: middle; }
-  
-  [class*="icon-primary-"]:before,
-  [class*="icon-primary-"]:after {
-    box-sizing: border-box;
-    display: inline-block;
-    font-size: 1em;
-    height: 1em;
-    position: relative;
-    top: 0;
-    left: 0;
-    vertical-align: middle;
-    width: 1em; }
-  
-  .icon-primary-att-globe:before,
-  .cssIcon-globe:before {
-    content: "\e900";
-    color: #44c7f5; }
-  
-  .icon-primary-hamburger:before {
-    content: "\e903"; }
-  
-  .icon-primary-secure:before {
-    content: "\e918"; }
-  
-  .icon-primary-secureL:before {
-    content: "\e919"; }
-  
-  .icon-primary-padlockopen:before {
-    content: "\e916"; }
-  
-  .icon-primary-padlockopenL:before {
-    content: "\e917"; }
-  
-  .icon-primary-shoppingcart:before {
-    content: "\e914"; }
-  
-  .icon-primary-shoppingcartL:before {
-    content: "\e915"; }
-  
-  .icon-primary-print:before {
-    content: "\e921"; }
-  
-  .icon-primary-printL:before {
-    content: "\e922"; }
-  
-  .icon-primary-mobilesmartphone:before {
-    content: "\e908"; }
-  
-  .icon-primary-mobilesmartphoneL:before {
-    content: "\e90c"; }
-  
-  .icon-primary-tablet:before {
-    content: "\e904"; }
-  
-  .icon-primary-tabletL:before {
-    content: "\e905"; }
-  
-  .icon-primary-tv:before {
-    content: "\e906"; }
-  
-  .icon-primary-tvL:before {
-    content: "\e907"; }
-  
-  .icon-primary-calendar {
-    width: 100% !important; }
-  
-  .icon-primary-calendar:before {
-    content: "\e91a";
-    z-index: 1; }
-  
-  .icon-primary-calendarL:before {
-    content: "\e91b"; }
-  
-  .icon-primary-star:before {
-    content: "\e96c"; }
-  
-  .icon-primary-close:before,
-  .close:before,
-  .reset-field:before {
-    content: "\e910"; }
-  
-  .icon-primary-down:before {
-    content: "\ea3c"; }
-  
-  
-  
-  .icon-primary-add-maximize:before {
-    content: "\e91f"; }
-  
-  
-  
-  .icon-primary-questionmark:before {
-    content: "\e90f"; }
-  
-  .icon-primary-badgealert:before,
-  .form-row.error .error-msg:before {
-    content: "\e90e"; }
-  
-  .icon-primary-approval:before {
-    content: "\e925"; }
-  
-  .icon-primary-flat-info:before {
-    content: "\e927"; }
-  
-  .icon-primary-alert:before {
-    content: "\e913"; }
-  
-  .icon-primary-tooltip:before,
-  .icon-primary-flat-faq:before {
-    content: "\e90d"; }
-  
-  .icon-primary-tooltip {
-    font-size: 20px; }
-  
-  .nav-links a:after,
-  .bellyband-link a:after,
-  .breadcrumb > li:after,
-  .icon-primary-right:before {
-    content: "\ea3c";
-    transform: rotate(-90deg); }
-  
-  .icon-primary-left:before {
-    content: "\ea3c";
-    transform: rotate(90deg); }
-  
-  .icon-primary-accordion-plus:after,
-  .icon-primary-collapsed:after,
-  .icon-primary-accordion-minus:after,
-  .icon-primary-expanded:after {
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 1; }
-  
-  .icon-primary-accordion-minus,
-  .icon-primary-expanded,
-  .icon-primary-accordion-plus,
-  .icon-primary-collapsed {
-    font-size: 20px !important; }
-  
-  :not(.ds2-no-colors) .icon-primary-accordion-minus:before,
-  :not(.ds2-no-colors) .icon-primary-expanded:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
-    content: ""; }
-  
-  :not(.ds2-no-colors) .icon-primary-accordion-plus:before,
-  :not(.ds2-no-colors) .icon-primary-collapsed:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M10.5%2015.9c-.4%200-.8-.3-.8-.8V5.9c0-.4.3-.8.8-.8s.8.3.8.8v9.3c0%20.4-.4.7-.8.7z%22%2F%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
-    content: ""; }
-  
-  .ds2-no-colors .icon-primary-accordion-minus:before,
-  .ds2-no-colors .icon-primary-expanded:before {
-    background-image: none;
-    content: "\e901"; }
-  
-  .ds2-no-colors .icon-primary-accordion-minus:after,
-  .ds2-no-colors .icon-primary-expanded:after {
-    content: "\e902"; }
-  
-  .ds2-no-colors .icon-primary-accordion-plus:before,
-  .ds2-no-colors .icon-primary-collapsed:before {
-    background-image: none;
-    content: "\e90b"; }
-  
-  .ds2-no-colors .icon-primary-accordion-plus:after,
-  .ds2-no-colors .icon-primary-collapsed:after {
-    content: "\e911"; }
-  
-  .icon-primary-circle-arrow {
-    outline: 1px solid transparent;
-    border-radius: 50%;
-    font-size: 20px !important;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
-    margin-right: 7px; }
-  
-  .icon-primary-circle-arrow:after {
-    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20baseProfile%3D%22tiny%22%3E%3Ccircle%20r%3D%2217%22%20cy%3D%2218%22%20cx%3D%2218%22%20stroke-width%3D%221%22%20fill%3D%22transparent%22%20stroke%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E");
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 2; }
-  
-  .icon-primary-circle-arrow:before {
-    border-radius: 50%;
-    content: "\ea3c";
-    font-size: 12px;
-    top: 0;
-    position: absolute;
-    transform: rotate(-90deg);
-    width: 20px;
-    z-index: 1; }
-  
-  [class*="icon-primary-"] [class*="icon-primary-"] {
-    display: inline-block;
-    float: left;
-    font-size: 1em;
-    margin-left: -1em;
-    position: absolute; }
-  
-  [class*="icon-primary-"].white, [class^="ico"][class*="-"].white {
-    color: #fff; }
-  
-  [class*="icon-primary-"].black, [class^="ico"][class*="-"].black {
-    color: #000; }
-  
-  [class*="icon-primary-"].blue, [class^="ico"][class*="-"].blue {
-    color: #0568ae; }
-  
-  [class*="icon-primary-"].green, [class^="ico"][class*="-"].green {
-    color: #007a3e; }
-  
-  @-webkit-viewport {
-    width: device-width; }
-  
-  @-moz-viewport {
-    width: device-width; }
-  
-  @-ms-viewport {
-    width: device-width; }
-  
-  @-o-viewport {
-    width: device-width; }
-  
-  @viewport {
-    width: device-width; }
-  
-  .clearfix:before,
-  .clearfix:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .clearfix:after {
-    clear: both; }
-  
-  .pull-right {
-    float: right !important; }
-  
-  .pull-left {
-    float: left !important; }
-  
-  .float-children-left:before,
-  .float-children-left:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .float-children-left:after {
-    clear: both; }
-  
-  .float-children-left > div {
-    float: left;
-    white-space: nowrap; }
-  
-  .block {
-    display: block !important; }
-  
-  .inline {
-    display: inline !important; }
-  
-  .inline-block {
-    display: inline-block !important; }
-  
-  .table-cell {
-    display: table-cell !important;
-    width: 1%;
-    vertical-align: middle; }
-  
-  @media (max-width: 767px) {
-    .full-bleed {
-      width: auto;
-      margin-left: -15px;
-      margin-right: -15px;
-      padding: 15px; } }
-  
-  @media (min-width: 768px) {
-    .full-bleed {
-      width: auto;
-      margin-left: -20px;
-      margin-right: -20px;
-      padding: 20px; } }
-  
-  @media (max-width: 480px) {
-    .full-bleed {
-      width: auto;
-      margin-left: -15px;
-      margin-right: -15px;
-      padding: 0 15px; } }
-  
-  .fade {
-    opacity: 0;
-    filter: alpha(opacity=0);
-    transition: opacity .15s linear; }
-  
-  .fade.in {
-    opacity: 1;
-    filter: alpha(opacity=100); }
-  
-  .b2bCollapse {
-    display: none; }
-  
-  .collapse.in {
-    height: auto; }
-  
-  .nowrap {
-    white-space: nowrap; }
-  
-  .pre {
-    white-space: pre; }
-  
-  .hidden-spoken {
-    border: 0 none !important;
-    clip: rect(0px, 0px, 0px, 0px) !important;
-    height: 1px !important;
-    letter-spacing: 0;
-    line-height: 0;
-    overflow: hidden !important;
-    margin-top: -1px;
-    padding: 0 !important;
-    position: absolute !important;
-    width: 1px !important; }
-  
-  [data-sr-text].hidden-spoken:before {
-    border: 0 none !important;
-    content: attr(data-sr-text);
-    clip: rect(0px, 0px, 0px, 0px) !important;
-    height: 1px !important;
-    letter-spacing: 0;
-    line-height: 0;
-    overflow: hidden !important;
-    padding: 0 !important;
-    position: absolute !important;
-    width: 100% !important;
-    z-index: -1; }
-  
-  [data-sr-text].hidden-spoken {
-    position: relative !important;
-    width: auto !important; }
-  
-  [data-show-between] {
-    display: none;
-    visibility: hidden; }
-  
-  .noscroll-y {
-    overflow-y: hidden !important; }
-  
-  .invisible {
-    visibility: hidden !important;
-    opacity: 0 !important; }
-  
-  .transparent {
-    background-color: rgba(255, 255, 255, 0) !important; }
-  
-  .hide {
-    display: none !important; }
-  
-  .show {
-    display: block !important; }
-  
-  .rel {
-    position: relative !important; }
-  
-  .legend-pad {
-    padding: 0 15px; }
-  
-  .border-top {
-    border-top-width: 1px !important; }
-  
-  .border-left {
-    border-left-width: 1px !important; }
-  
-  .border-right {
-    border-right-width: 1px !important; }
-  
-  .border-bottom {
-    border-bottom-width: 1px !important; }
-  
-  .border-dark {
-    border-color: #000; }
-  
-  .border-light {
-    border-color: #fff; }
-  
-  .no-border-top {
-    border-top-width: 0 !important; }
-  
-  .no-border-left {
-    border-left-width: 0 !important; }
-  
-  .no-border-right {
-    border-right-width: 0 !important; }
-  
-  .no-border-bottom {
-    border-bottom-width: 0 !important; }
-  
-  .align-middle {
-    margin: 0 auto !important; }
-  
-  .align-top {
-    position: absolute;
-    top: 0; }
-  
-  .align-bottom {
-    position: absolute;
-    bottom: 0; }
-  
-  .valign-top {
-    vertical-align: top !important; }
-  
-  .valign-middle {
-    vertical-align: middle !important; }
-  
-  .valign-bottom {
-    vertical-align: bottom !important; }
-  
-  .align-children-middle > * {
-    margin: 0 auto; }
-  
-  [class*="valign-children-"] {
-    display: table; }
-  
-  [class*="valign-children-"] > * {
-    display: table-cell; }
-  
-  .valign-children-top > * {
-    vertical-align: top; }
-  
-  .valign-children-middle > * {
-    vertical-align: middle; }
-  
-  .valign-children-bottom > * {
-    vertical-align: bottom; }
-  
-  .no-pad {
-    padding: 0 !important; }
-  
-  .top-space {
-    margin-top: 60px !important; }
-  
-  .bottom-space {
-    margin-bottom: 60px !important; }
-  
-  .top-pad {
-    padding-top: 60px !important; }
-  
-  .bottom-pad {
-    padding-bottom: 60px !important; }
-  
-  @media (max-width: 767px) {
-    .top-space {
-      margin-top: 30px !important; }
-    .bottom-space {
-      margin-bottom: 30px !important; }
-    .top-pad {
-      padding-top: 30px !important; }
-    .bottom-pad {
-      padding-bottom: 30px !important; } }
-  
-  .affix {
-    position: fixed; }
-  
-  .img-landscape,
-  .img-portrait {
-    position: relative; }
-  
-  @media (orientation: landscape) {
-    .img-landscape {
-      display: block; }
-    .img-portrait {
-      display: none !important; } }
-  
-  @media (orientation: portrait) {
-    .img-landscape {
-      display: none !important; }
-    .img-portrait {
-      display: block; } }
-  
-  .dark-bg {
-    background-color: #222222; }
-  
-  /* ... JAVASCRIPT HOOKS .................
-     ... used by javascript ............... */
-  .autoSize,
-  .autoSize-this {
-    position: relative; }
-  
-  .truncate {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis; }
-  
-  .placeholdersjs {
-    color: #5a5a5a !important; }
-  
-  .jshook-return-focus-here {
-    display: block; }
-  
-  .visible-print {
-    display: none !important; }
-  
-  .hidden-print {
-    display: inherit !important; }
-  
-  @media print {
-    .visible-print {
-      display: inherit !important; }
-    .hidden-print {
-      display: none !important; }
-    * {
-      color: #000 !important;
-      background: transparent !important;
-      box-shadow: none !important; }
-    a,
-    a:visited {
-      text-decoration: underline; }
-    pre,
-    blockquote {
-      border: 1px solid #000;
-      page-break-inside: avoid; }
-    thead {
-      display: table-header-group; }
-    tr,
-    img {
-      page-break-inside: avoid; }
-    img {
-      max-width: 100% !important; }
-    @page {
-      margin: 0.5cm; }
+
     p,
     h2,
     h3 {
@@ -1443,17 +191,17 @@ mat-button-toggle-group{
       widows: 3; }
     h2,
     h3 {
-      page-break-after: avoid; } }
-  
+      page-break-after: avoid; }
+
   .mar-top-0 {
     margin-top: 0px; }
-  
+
   .mar-top-30 {
     margin-top: 30px; }
-  
+
   a:focus {
     outline: thin dotted #191919; }
-  
+
   h1,
   h2,
   h3,
@@ -1464,106 +212,7 @@ mat-button-toggle-group{
     text-rendering: optimizeLegibility;
     margin: 0;
     line-height: 1; }
-  
-  .heading-page {
-    font-size: 3.8rem !important;
-    font-family: "Omnes-ECOMP-W02-Light", Arial;
-    margin-bottom: 40px; }
-  
-  h1.heading-page.ng-scope {}
-  
-  .heading-major-section {
-    font-size: 3rem !important;
-    font-family: "Omnes-ECOMP-W02-Light", Arial;
-    margin-bottom: 40px !important; }
-  
-  .heading-sub-section {
-    font-size: 2.4rem !important;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 40px; }
-  
-  .heading-group {
-    font-size: 2rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #ea7400;
-    margin-bottom: 20px !important; }
-  
-  .heading-medium {
-    font-size: 2rem !important;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-medium-emphasis {
-    font-size: 2rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-small {
-    font-size: 1.8rem !important;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-small-emphasis {
-    font-size: 1.8rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 20px; }
-  
-  .heading-micro {
-    font-size: 1.3rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    text-transform: uppercase;
-    color: #da0081;
-    margin-bottom: 10px; }
-  
-  * + .heading-major-section {
-    margin-top: 60px; }
-  
-  * + .heading-sub-section {
-    margin-top: 60px; }
-  
-  * + .heading-group {
-    margin-top: 40px !important; }
-  
-  * + .heading-medium {
-    margin-top: 40px; }
-  
-  * + .heading-medium-emphasis {
-    margin-top: 40px; }
-  
-  * + .heading-small {
-    margin-top: 40px; }
-  
-  * + .heading-small-emphasis {
-    margin-top: 40px; }
-  
-  * + .heading-micro {
-    margin-top: 20px; }
-  
-  .lead {
-    color: #666;
-    font-family: "Omnes-ECOMP-W02-Light-Italic", Arial;
-    font-size: 2.4rem;
-    line-height: 2.8rem;
-    margin-top: 10px;
-    letter-spacing: -0.024rem; }
-  
-  .eyebrow {
-    text-transform: uppercase;
-    line-height: .65 !important; }
-  
-  .eyebrow,
-  .subheading {
-    font-size: 1.4rem !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #666; }
-  
-  .eyebrow + .heading-major-section,
-  .eyebrow + .heading-sub-section {
-    margin-top: 4px; }
-  
-  .subheading {
-    margin-top: 10px; }
-  
+
   @media (max-width: 767px) {
     h1,
     h2,
@@ -1615,103 +264,103 @@ mat-button-toggle-group{
       margin-top: 20px; }
     * + .heading-micro {
       margin-top: 10px; } }
-  
+
   /* Standard Type styles */
   .zeromargin {
     margin: 0 !important; }
-  
+
   a {
     color: #0568ae;
     text-decoration: none; }
-  
+
   a:hover,
   a:focus {
     text-decoration: underline; }
-  
+
   a:active {
     color: #0568ae; }
-  
+
   .a-min {
     font-size: 12px; }
-  
+
   .a-small {
     font-size: 14px; }
-  
+
   .a-max {
     font-size: 18px; }
-  
+
   a.show-qualifier {
     margin-right: 25px;
     position: relative; }
-  
+
   a.show-qualifier:after {
     color: #333333;
     display: inline-block;
     white-space: pre !important; }
-  
+
   a[href$="pdf"].show-qualifier:after,
   a.show-qualifier.pdf:after {
     content: " (PDF)"; }
-  
+
   a[href$="psd"].show-qualifier:after,
   a.show-qualifier.psd:after {
     content: " (PSD)"; }
-  
+
   .standalone-link {
     display: flex; }
-  
+
   /* 20px for the icon, 10px left of icon */
   .standalone-link.small {
     font-size: 1.4rem; }
-  
+
   .standalone-link.small i[class*="icon-primary-"] {
     font-size: 16px;
     top: 2px; }
-  
+
   .standalone-link.large {
     font-size: 1.8rem; }
-  
+
   .standalone-link.large i[class*="icon-primary-"] {
     font-size: 24px;
     top: -1px; }
-  
+
   p {
     margin: 0 0 12px 0;
     line-height: 2rem; }
-  
+
   .p-small {
     font-size: 1.4rem;
     line-height: 1.8rem; }
-  
+
   p + .p-small {
     margin: 10px 0 0; }
-  
+
   .p-micro {
     font-size: 1.2rem;
     line-height: 1.5rem; }
-  
+
   p + .p-micro {
     margin: 10px 0 0; }
-  
+
   .p-max {
     font-size: 1.8rem; }
-  
+
   p + .p-max {
     margin: 10px 0 0; }
-  
+
   b,
   strong {
     font-family: "Omnes-ECOMP-W02-Medium", Arial;
     font-weight: normal; }
-  
+
   i,
   em {
     font-family: "Omnes-ECOMP-W02-Italic", Arial;
     font-style: normal; }
-  
+
   .strike {
     text-decoration: line-through; }
-  
+
   sup {
     display: inline-block;
     font-style: normal;
@@ -1719,41 +368,41 @@ mat-button-toggle-group{
     position: relative;
     vertical-align: text-top;
     width: auto; }
-  
+
   .text-legal {
     color: #5a5a5a;
     font-size: 1.1rem;
     line-height: 1.5rem;
     margin: 0 0 10px; }
-  
+
   .text-legal.legal-module {
     line-height: 1.3rem;
     margin: 0 0 12px; }
-  
+
   .text-legal b,
   .text-legal strong {
     font-weight: bold; }
-  
+
   .text-legal a {
     font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
+
   .text-left {
     text-align: left !important; }
-  
+
   .text-right {
     text-align: right !important; }
-  
+
   .text-center {
     text-align: center !important; }
-  
+
   .text-justified {
     text-align: justify !important; }
-  
+
   ul {
     padding: 0;
     margin: 0;
     list-style: none; }
-  
+
   ul.bullet,
   ul.no-bullet,
   ul.lower-alpha,
@@ -1761,7 +410,7 @@ mat-button-toggle-group{
   ol {
     padding: 0;
     margin: 12px 0 0 20px; }
-  
+
   ul.bullet li,
   ul.no-bullet li,
   ul.lower-alpha li,
@@ -1770,14 +419,14 @@ mat-button-toggle-group{
     padding-left: 15px;
     line-height: 20px;
     position: relative; }
-  
+
   ul.bullet li + li,
   ul.no-bullet li + li,
   ul.lower-alpha li + li,
   ul.lower-roman li + li,
   ol li + li {
     margin-top: 12px; }
-  
+
   ul.bullet > li:before,
   ul.no-bullet > li:before,
   ul.lower-alpha > li:before,
@@ -1793,7 +442,7 @@ mat-button-toggle-group{
     position: absolute;
     top: 8px;
     width: 1px; }
-  
+
   ul.bullet ul,
   ul.no-bullet ul,
   ul.lower-alpha ul,
@@ -1805,68 +454,68 @@ mat-button-toggle-group{
   ul.lower-roman ol,
   ol ol {
     margin-top: 12px; }
-  
+
   ul + *,
   ol + * {
     margin-top: 20px; }
-  
+
   ul.no-bullet,
   ul.lower-alpha,
   ul.lower-roman {
     margin: 0; }
-  
+
   ul.no-bullet > li,
   ul.lower-alpha > li,
   ul.lower-roman > li {
     padding-left: 0; }
-  
+
   ul.no-bullet > li:before,
   ul.lower-alpha > li:before,
   ul.lower-roman > li:before {
     display: none !important; }
-  
+
   ol {
     margin: 20px 0 0 32px; }
-  
+
   ol li {
     padding-left: 3px; }
-  
+
   ol li:before {
     display: none; }
-  
+
   ol ol {
     margin-left: 25px; }
-  
+
   ol ul {
     margin-left: -5px; }
-  
+
   ul ul,
   ul ol,
   ol ol,
   ol ul {
     margin-top: 0; }
-  
+
   ul.lower-roman {
     list-style-type: lower-roman;
     margin-top: 12px;
     margin-left: 35px;
     margin-bottom: 0; }
-  
+
   ul.lower-alpha {
     list-style-type: lower-alpha;
     margin-top: 12px;
     margin-left: 35px;
     margin-bottom: 0; }
-  
+
   dl {
     display: table;
     margin: 0 0 20px;
     width: 100%; }
-  
+
   dt,
   dd {
     display: table-cell; }
-  
+
   .btn {
     background-color: transparent;
     background-clip: padding-box;
@@ -1880,8 +529,8 @@ mat-button-toggle-group{
     font-weight: normal;
     line-height: 1;
     margin: 0 7px 10px 0;
-  
-  
+
+
     padding: 14px 19px 11px 18px;
     position: relative;
     text-align: center;
@@ -1905,15 +554,15 @@ mat-button-toggle-group{
     .btn i[class*="icon-primary-"].icon-primary-large {
       font-size: 10px;
       top: -2px; }
-  
+
   a.btn {
     vertical-align: middle; }
     a.btn:hover {
       text-decoration: none; }
-  
+
   .field-group + .btn {
     margin-left: 20px; }
-  
+
   .btn-primary {
     border-color: #ea7400 transparent #d16500;
     background-color: #ea7400 transparent #d16500;
@@ -1936,7 +585,7 @@ mat-button-toggle-group{
       color: #ffffff;
       outline-color: #ffffff !important;
       background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-  
+
   .btn-arrow {
     font-family: "Omnes-ECOMP-W02", Arial;
     font-size: 1.6rem;
@@ -2082,8 +731,8 @@ mat-button-toggle-group{
         color: #0568ae; }
     .btn-arrow .btn.btn-small {
       height: 10px;
-      
-      
+
+
       width: 10px;
       top: -1px; }
       .btn-arrow .btn.btn-small .icon-primary-left:before {
@@ -2102,7 +751,7 @@ mat-button-toggle-group{
       font-size: 112%;
       top: 12px;
       left: 23px; }
-  
+
   .btn-secondary {
     border: 1px solid #d2d2d2;
     background-color: #f2f2f2;
@@ -2122,7 +771,7 @@ mat-button-toggle-group{
       color: #0568ae;
       outline-color: #000000 !important;
       background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-  
+
   .btn-alt {
     border-color: #087ac2 transparent #0568ae;
     background-color: #0568ae;
@@ -2140,88 +789,7 @@ mat-button-toggle-group{
       color: #ffffff;
       outline-color: #ffffff !important;
       background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-  
-  .btn-specialty {
-    border-color: #008744 transparent #007a3e;
-    background-color: #007a3e;
-    background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-    color: #ffffff; }
-    .btn-specialty:hover {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-specialty:focus {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-    .btn-specialty:active {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  
-  .btn-clear {
-    background: transparent !important;
-    border-color: transparent !important;
-    font-weight: normal;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    box-shadow: none;
-    text-decoration: none;
-    color: #0568ae; }
-    .btn-clear:focus {
-      text-decoration: underline; }
-    .btn-clear:hover {
-      text-decoration: underline; }
-  
-  .isIE .btn:focus {
-    outline: none !important;
-    text-decoration: none !important; }
-    .isIE .btn:focus:after {
-      display: block;
-      content: "";
-      position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
-      bottom: 4px;
-      border: 1px dotted #000; }
-  
-  .isIE .btn:active {
-    outline: none !important;
-    text-decoration: none !important; }
-    .isIE .btn:active:after {
-      display: block;
-      content: "";
-      position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
-      bottom: 4px;
-      border: 1px dotted #000; }
-  
-  .isIE .btn.active {
-    outline: none !important;
-    text-decoration: none !important; }
-    .isIE .btn.active:not(:focus):after {
-      border: 1px solid #000; }
-    .isIE .btn.active:after {
-      display: block;
-      content: "";
-      position: absolute;
-      top: 4px;
-      left: 4px;
-      right: 4px;
-      bottom: 4px;
-      border: 1px dotted #000; }
-  
-  .isIE .btn.btn-primary:focus:after {
-    border: 2px dashed #fff; }
-  
-  .isIE .btn.btn-specialty:focus:after {
-    border: 2px dashed #fff; }
-  
-  .isIE .btn.btn-alt:focus:after {
-    border: 2px dashed #fff; }
-  
+
   .btn.disabled {
     background-image: none;
     background-color: #767676;
@@ -2236,255 +804,31 @@ mat-button-toggle-group{
     .btn.disabled:focus {
       color: #f2f2f2;
       outline: none !important; }
-  
-  .btn[disabled] {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn[disabled]:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn[disabled]:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn[disabled="disabled"] {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn[disabled="disabled"]:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn[disabled="disabled"]:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn-arrow[disabled] .btn {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn-arrow[disabled] .btn:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn-arrow[disabled] .btn:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn-arrow[disabled] .icon-primary-left {
-    color: #fff !important; }
-  
-  .btn-arrow[disabled] .icon-primary-right {
-    color: #fff !important; }
-  
-  .btn-arrow.disabled .btn {
-    background-image: none;
-    background-color: #767676;
-    box-shadow: none;
-    cursor: not-allowed;
-    color: #ffffff;
-    border-color: transparent;
-    outline: 0 !important; }
-    .btn-arrow.disabled .btn:hover {
-      color: #f2f2f2;
-      outline: none !important; }
-    .btn-arrow.disabled .btn:focus {
-      color: #f2f2f2;
-      outline: none !important; }
-  
-  .btn-arrow.disabled .icon-primary-left {
-    color: #fff !important; }
-  
-  .btn-arrow.disabled .icon-primary-right {
-    color: #fff !important; }
-  
+
   .btn-medium {
     padding: 12px 19px 11px 18px;
     font-size: 1.7rem; }
-  
+  .btn-run {
+    padding: 12px 19px 11px 18px;
+    font-size: 15px;}
   .btn-small {
-    /* padding: 10px 19px 9px 18px; */
     font-size: 1.5rem;
-    border-radius: 8px; }
-  
-  .btn-fullwidth {
-    width: 100%; }
-  
-  *:not(.btn-arrow) > .btn > i[class*="icon-primary-"] {
-    margin-top: -20px;
-    margin-bottom: -20px; }
-  
-  .enhanced-cta-group {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-direction: row-reverse;
-    flex-direction: row-reverse;
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3A%23959595%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important;
-    background-position: 0 -1px;
-    background-repeat: repeat-x; }
-    .enhanced-cta-group > .cta-button-group {
-      border-top: 0;
-      background-image: none !important; }
-      .enhanced-cta-group > .cta-button-group + .cta-button-group a {
-        font-size: 1.4rem;
-        line-height: 1em; }
-        .enhanced-cta-group > .cta-button-group + .cta-button-group a a {
-          margin-right: 0; }
-      .enhanced-cta-group > .cta-button-group hr {
-        min-height: 14px; }
-      .enhanced-cta-group > .cta-button-group + .cta-button-group {
-        -ms-flex-align: center;
-        -ms-grid-row-align: center;
-        align-items: center;
-        -ms-flex-direction: row;
-        flex-direction: row;
-        padding: 10px 0; }
-  
-  .cta-button-group {
-    text-align: right;
-    -ms-flex-align: baseline;
-    align-items: baseline;
-    padding: 20px 0 10px;
-    width: 100%; }
-    .cta-button-group.nodots {
-      background-image: none !important; }
-    .cta-button-group .hidden-phone {
-      margin-right: 14px; }
-    .cta-button-group .btn + .btn {
-      margin-right: 20px !important; }
-    .cta-button-group .btn:not(.hidden-phone):not(.visible-phone) {
-      margin-right: 0; }
-  
-  .isMobile .btn-arrow .btn.btn-small .icon-primary-left:before {
-    left: -1px; }
-  
-  .isMobile .btn-arrow .btn.btn-large .icon-primary-left:before {
-    left: 24px; }
-  
-  .isMobile .btn-arrow .btn.btn-large .icon-primary-right:before {
-    left: 24px; }
-  
-  @media (max-width: 1024px) {
-    .field-group + .btn {
-      margin-left: 15px; } }
-  
-  @media (max-width: 767px) {
-    .cta-button-group {
-      text-align: center; }
-      .cta-button-group > .btn {
-        display: block;
-        float: none;
-        width: 100%;
-        margin-left: auto !important;
-        margin-right: auto !important; } }
-  
-  .btn-group {
     border-radius: 8px;
-    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-    margin-bottom: 10px;
-    max-width: 470px;
-    min-width: 290px;
-    position: relative;
-    vertical-align: middle;
+    margin-left: 600px;
+    font-size: 15px;
+   }
+
+   .btn-auto-upload{
+     font-size: 15px;
+   }
+
+   .div-auto-upload{
+     display: contents;
+   }
+
+  .btn-fullwidth {
     width: 100%; }
-    .btn-group > .btn {
-      box-shadow: none;
-      -ms-flex: 1;
-      flex: 1;
-      position: relative;
-      float: left;
-      margin-right: -1px;
-      margin-bottom: 0;
-      padding-left: 0;
-      padding-right: 0;
-      text-align: center; }
-    .btn-group:not([data-select-color]) .btn.active:not(:first-child) {
-      margin-right: -1px;
-      border-left: 1px solid #d2d2d2 !important; }
-    .btn-group:not([data-select-color]) .btn[disabled]:not(:first-child) {
-      border-left: 1px solid #d2d2d2 !important; }
-    .btn-group:not([data-select-color]) .btn[disabled] + .btn[disabled] {
-      border-left: 1px solid #ebebeb !important; }
-    .btn-group:not([data-select-color]) > .btn.active {
-      border-color: #087ac2 transparent #0568ae;
-      background-color: #0568ae;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-      color: #ffffff; }
-      .btn-group:not([data-select-color]) > .btn.active:hover {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: #0563a6;
-        border-color: #0563a6; }
-      .btn-group:not([data-select-color]) > .btn.active:focus {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: #0563a6;
-        border-color: #0563a6; }
-      .btn-group:not([data-select-color]) > .btn.active:active {
-        color: #ffffff;
-        outline-color: #ffffff !important;
-        background: #0563a6;
-        border-color: #0563a6; }
-    .btn-group:not([data-select-color]) > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
-      border-radius: 0; }
-    .btn-group:not([data-select-color]) > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0; }
-    .btn-group:not([data-select-color]) > .btn:last-child:not(:first-child) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0; }
-    .btn-group:not([data-select-color]) > .dropdown-toggle:not(:first-child) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0; }
-    .btn-group > .active {
-      text-decoration: none;
-      outline: 1px dotted transparent; }
-      .btn-group > .active:focus {
-        outline: 1px dotted #ffffff; }
-  
-  .btn-group.btn-fullwidth > .btn {
-    -ms-flex: 1;
-    flex: 1; }
-  
-  .btn-group[data-select-color] {
-    margin-top: 5px;
-    box-shadow: none;
-    -ms-flex-pack: start;
-    justify-content: flex-start;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap; }
-    .btn-group[data-select-color] .btn {
-      border: 1px solid #959595;
-      border-radius: 4px;
-      box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-      margin-right: 10px;
-      margin-bottom: 10px;
-      height: 40px;
-      font-size: 16px;
-      color: #333333;
-      max-width: 60px;
-      min-width: 60px;
-      -ms-flex: 0;
-      flex: 0; }
-    .btn-group[data-select-color] > .btn.active:focus {
-      outline: 1px dotted #191919;
-      outline-offset: 4px; }
-  
+
   button .btn-fill {
     background-clip: padding-box;
     border: 0;
@@ -2498,43 +842,20 @@ mat-button-toggle-group{
     right: 0;
     top: 0;
     width: auto; }
-  
+
   button .btn-fill[style*="#fff"] {
     border: 1px solid #d2d2d2; }
-  
-  [data-select-color] .btn.active {
-    background: none !important;
-    outline: 0;
-    margin-right: 10px;
-    border-width: 3px;
-    color: #333333;
-    line-height: 12px; }
-    [data-select-color] .btn.active > .btn-fill {
-      margin: 3px; }
-    [data-select-color] .btn.active:hover {
-      color: #333333; }
-  
-  [data-select-color] .btn:active {
-    background: none !important;
-    outline: 0;
-    margin-right: 10px;
-    border-width: 3px;
-    color: #333333;
-    line-height: 12px; }
-    [data-select-color] .btn:active > .btn-fill {
-      margin: 3px; }
-    [data-select-color] .btn:active:hover {
-      color: #333333; }
-  
+
+
   .btn-group[data-select-color="orange"] > .btn.active {
     border-color: #ea7400; }
-  
+
   .btn-group[data-select-color="blue"] > .btn.active {
     border-color: #0568ae; }
-  
+
   .btn-group[data-select-color="green"] > .btn.active {
     border-color: #007a3e; }
-  
+
   .btn-spinbutton-toggle.btn-group {
     display: block !important;
     height: 40px !important;
@@ -2542,7 +863,7 @@ mat-button-toggle-group{
     max-width: 138px;
     min-width: 138px;
     white-space: nowrap; }
-  
+
   .btn-spinbutton-toggle .btn {
     border-radius: 6px;
     font-weight: normal;
@@ -2555,7 +876,7 @@ mat-button-toggle-group{
     text-align: center;
     min-width: 46px;
     width: 46px; }
-  
+
   .btn-spinbutton-toggle .btn[data-max-value] {
     border-bottom: 1px solid #d2d2d2;
     border-top: 1px solid #d2d2d2;
@@ -2575,69 +896,43 @@ mat-button-toggle-group{
       .btn-spinbutton-toggle .btn[data-max-value]:focus + .btn {
         border-left: 1px solid #0568ae;
         transition: border 0.3s linear 0s; }
-  
+
   .btn-spinbutton-toggle .icon-primary-subtractminimize {
     font-size: 30px !important;
     color: #0568ae !important; }
-  
+
   .btn-spinbutton-toggle .icon-primary-add-maximize {
     font-size: 30px !important;
     color: #0568ae !important; }
-  
+
   .btn-spinbutton-toggle .btn[disabled].icon-primary-subtractminimize {
     background-color: #d2d2d2;
     color: #767676 !important; }
-  
+
   .btn-spinbutton-toggle .btn[disabled].icon-primary-add-maximize {
     background-color: #d2d2d2;
     color: #767676 !important; }
-  
+
   .btn-spinbutton-toggle input.btn[disabled] {
     background-color: #d2d2d2;
     color: #5a5a5a;
     cursor: not-allowed; }
-  
+
   .btn-group.btn-spinbutton-toggle .btn[disabled] + .btn[disabled] {
     border-left: 1px solid #f0f0f0 !important; }
-  
+
   .btn-group.btn-spinbutton-toggle .btn[data-max-value]:focus + .btn:not(:first-child) {
     border-left: 1px solid #0568ae !important; }
-  
+
   @media (max-width: 480px) {
     .btn-group:not([data-select-color]) > .btn {
       font-size: 1.3rem;
       min-width: auto; } }
-  
-  .reset-field,
-  .close {
-    float: right;
-    background: none;
-    width: 34px;
-    height: 34px;
-    padding: 0;
-    overflow: hidden;
-    display: inline-block; }
-  
-  .reset-field {
-    display: none; }
-  
-  .reset-field:before {
-    font-size: 22px;
-    color: #5a5a5a; }
-  
-  .input-emphasized + .reset-field:before {
-    font-size: 29px;
-    color: #5a5a5a; }
-  
-  .reset-field:active,
-  .reset-field:hover,
-  .reset-field:focus {
-    display: block !important; }
-  
+
   button.close {
     border: 0;
     appearance: none; }
-  
+
   .corner-button {
     box-shadow: 0 -50px 0 0 #f2f2f2 inset;
     height: 69px;
@@ -2647,33 +942,8 @@ mat-button-toggle-group{
     top: -35px;
     transform: rotate(45deg);
     width: 69px; }
-  
-  .corner-button .close:before {
-    bottom: -7px;
-    color: #0568ae;
-    display: block;
-    font-size: 20px;
-    height: 50px;
-    left: -11px;
-    position: absolute;
-    width: 50px; }
-  
-  .corner-button .close {
-    float: none;
-    height: 45px;
-    margin: 0;
-    position: absolute;
-    right: 12px;
-    top: 45px;
-    transform: rotate(45deg);
-    width: 45px; }
-  
-  .corner-button .close:focus {
-    outline: 1px dotted black; }
-  
-  .ds2-no-colors .corner-button .close {
-    border: 1px solid black; }
-  
+
+
   .field-group input + .reset-field {
     background: none;
     height: 36px;
@@ -2686,7 +956,7 @@ mat-button-toggle-group{
     box-shadow: none;
     border: none;
     content: " "; }
-  
+
   .field-group input[type="search"] + .reset-field,
   .field-group input[type="search"] + .btn-search + .reset-field,
   .tooltip-onclick input + .reset-field,
@@ -2694,177 +964,40 @@ mat-button-toggle-group{
   .tooltip-onclick textarea + .reset-field,
   .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
     right: 45px; }
-  
+
   .field-group input[type="search"] + .reset-field:after,
   .field-group input[type="search"] + .btn-search + .reset-field:after,
-  .tooltip-onclick input + .reset-field:after,
-  .tooltip-onclick input + .icon-primary-tooltip + .reset-field:after,
-  .tooltip-onclick textarea + .reset-field:after,
-  .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field:after {
-    background-color: #d2d2d2;
-    content: "";
-    display: block;
-    height: 20px;
-    position: absolute;
-    right: 0;
-    top: 8px;
-    width: 1px; }
-  
-  .tooltip-onclick input + .reset-field,
-  .tooltip-onclick input + .icon-primary-tooltip + .reset-field {
-    right: 50px !important; }
-  
-  .tooltip-onclick textarea + .reset-field,
-  .tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
-    right: 45px !important;
-    width: 40px; }
-  
-  .field-group input.input-emphasized + .reset-field {
-    width: 45px;
-    height: 46px;
-    right: 6px; }
-  
-  .field-group input.input-emphasized + .reset-field:after {
-    top: 14px; }
-  
-  .field-group [disabled] + .reset-field {
-    display: none; }
-  
-  .ds2_touchevents .field-group input + .reset-field:focus,
-  .ds2_touchevents .field-group input:focus + .reset-field,
-  .ds2_touchevents textarea:focus + .reset-field,
-  .ds2_touchevents textarea + .reset-field:focus {
-    display: block;
-    position: absolute;
-    right: 0px;
-    top: 0;
-    border: none; }
-  
-  .ds2_touchevents .field-group input {
-    padding: 8px 55px 8px 15px;
-    -webkit-appearance: none; }
-  
-  .ds2_touchevents textarea:focus {
-    padding: 15px 55px 15px 15px; }
-  
-  .ds2_touchevents textarea:focus + .reset-field {
-    border: none;
-    position: absolute;
-    right: 6px;
-    top: 5px; }
-  
-  .ds2_touchevents textarea.hasScrollbar:focus {
-    padding: 15px 35px 15px 15px; }
-  
-  .ds2_touchevents textarea.hasScrollbar:focus + .reset-field {
-    right: 22px; }
-  
-  .ds2-no-colors .b2b-tmpl-card-corner-button {
-    border: none !important; }
-  
-  .ds2-no-colors .b2b-tmpl-card-corner-button .close {
-    border: 1px solid black;
-    top: 0px !important;
-    right: 0px !important; }
-  
-  .form-row.error .error-msg {
-    display: block;
-    font-size: 14px;
-    line-height: 14px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    position: relative;
-    padding-left: 18px; }
-  
-  .form-row.error .error-msg:before {
-    color: #cf2a2a;
-    font-size: 14px;
-    left: 0;
-    line-height: 14px;
-    position: absolute;
-    vertical-align: middle; }
-  
-  .form-row.error label,
-  .form-row.error .error-msg,
-  .form-row.error button.awd-select,
-  .form-row.error select.awd-select + span,
-  .form-row.error .checkbox,
-  .form-row.error .radio,
-  .form-row.error legend.error,
-  .form-row.error input {
-    color: #cf2a2a; }
-  
-  .form-row.error .btn-group > .btn,
-  .form-row.error button.awd-select,
-  .form-row.error .awd-select-list,
-  .form-row.error select.awd-select + span,
-  .form-row.error textarea,
-  .form-row.error input,
-  .form-row.error .checkbox .skin,
-  .form-row.error .radio .skin {
-    border-color: #cf2a2a !important; }
-  
-  .form-row.error .checkbox input:checked:not(:disabled) + .skin {
-    background-color: #cf2a2a; }
-  
-  .form-row.error .radio input:checked + .skin:after {
-    background-color: #cf2a2a; }
-  
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg {
-    margin-top: -11px;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0; }
-  
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext {
-    margin: 0 0 10px; }
-  
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:before,
-  .error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:after {
-    display: none; }
-  
-  .error .helpertext {
-    border-color: #cf2a2a;
-    /*border-radius:0;*/ }
-  
-  .error .helpertext:before {
-    border-top-color: #cf2a2a; }
-  
-  .error .tooltip-onfocus .helpertext {
-    margin: 14px 0 10px 0; }
-  
-  .error [class*="price"],
-  .error [class*="pricing-"] {
-    color: #cf2a2a; }
-  
+
   input:-ms-clear {
     display: none; }
-  
+
   input[type]::-webkit-inner-spin-button,
   input[type]::-webkit-outer-spin-button {
     -webkit-appearance: none; }
-  
+
   input[type] {
     -moz-appearance: textfield; }
-  
+
   form {
     margin: 0; }
-  
+
   fieldset {
     padding: 0;
     margin: 0;
     border: 0; }
-  
+
   label,
   legend {
     display: inline-block;
     /* font-size: 1.4rem; */
     font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
+
   legend {
     display: block; }
-  
+
   .error-msg {
     display: none; }
-  
+
   select,
   textarea,
   input {
@@ -2876,7 +1009,7 @@ mat-button-toggle-group{
     padding: 0 15px 0 15px;
     vertical-align: middle;
     line-height: normal; }
-  
+
   select::-webkit-input-placeholder,
   textarea::-webkit-input-placeholder,
   input::-webkit-input-placeholder {
@@ -2884,7 +1017,7 @@ mat-button-toggle-group{
     font-family: "Omnes-ECOMP-W02-Italic", Arial;
     font-style: normal;
     opacity: 1; }
-  
+
   select:-moz-placeholder,
   textarea:-moz-placeholder,
   input:-moz-placeholder {
@@ -2892,7 +1025,7 @@ mat-button-toggle-group{
     font-family: "Omnes-ECOMP-W02-Italic", Arial;
     font-style: normal;
     opacity: 1; }
-  
+
   select::-moz-placeholder,
   textarea::-moz-placeholder,
   input::-moz-placeholder {
@@ -2900,7 +1033,7 @@ mat-button-toggle-group{
     font-family: "Omnes-ECOMP-W02-Italic", Arial;
     font-style: normal;
     opacity: 1; }
-  
+
   select:-ms-input-placeholder,
   textarea:-ms-input-placeholder,
   input:-ms-input-placeholder {
@@ -2908,7 +1041,7 @@ mat-button-toggle-group{
     font-family: "Omnes-ECOMP-W02-Italic", Arial;
     transition: none;
     opacity: 1; }
-  
+
   select:placeholder,
   textarea:placeholder,
   input:placeholder {
@@ -2916,30 +1049,30 @@ mat-button-toggle-group{
     font-family: "Omnes-ECOMP-W02-Italic", Arial;
     font-style: normal;
     opacity: 1; }
-  
+
   select:last-child,
   textarea:last-child,
   input:last-child {
     margin-right: 0; }
-  
+
   input:not([type="button"]) {
     height: 36px; }
-  
+
   input.input-emphasized {
     font-size: 1.8rem;
     height: 48px;
     padding: 13px 20px 13px; }
-  
+
   input[type="search"]:focus {
     padding-right: 88px; }
-  
+
   input[type="search"] {
     padding-right: 40px;
     -webkit-appearance: none !important; }
-  
+
   input[type="search"].input-emphasized {
     padding-right: 45px; }
-  
+
   .btn-search[class*="btn"] {
     background-color: transparent;
     background-position: 50% 50%;
@@ -2958,7 +1091,7 @@ mat-button-toggle-group{
     border-radius: 0 5px 5px 0;
     min-width: 44px;
     width: 44px; }
-  
+
   .input-emphasized + .btn-search[class*="btn"],
   .input-emphasized + .reset-field + .btn-search[class*="btn"] {
     background-size: 26px;
@@ -2967,47 +1100,11 @@ mat-button-toggle-group{
     outline-offset: -3px;
     margin-bottom: 0;
     border-radius: 0 5px 5px 0; }
-  
+
   input[type="search"].input-emphasized + .reset-field {
     right: 45px !important; }
-  
-  .search-suggestion-wrapper {
-    position: relative;
-    margin-bottom: 15px; }
-  
-  /*styles from dropdown*/
-  .search-suggestion-list {
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-    border-radius: 0 0 6px 6px;
-    position: relative;
-    border: 1px solid #0568ae;
-    border-top: 0;
-    padding: 15px 0;
-    background-color: #f2f2f2;
-    z-index: 1000;
-    width: 100%;
-    max-height: 400px;
-    overflow-y: auto; }
-  
-  .search-suggestion-list:empty {
-    display: none; }
-  
-  .search-suggestion-item {
-    position: relative;
-    z-index: -1;
-    padding: 0 15px;
-    line-height: 4.0rem;
-    color: #5a5a5a; }
-  
-  .search-suggestion-item a {
-    text-decoration: none;
-    color: #5a5a5a; }
-  
-  .search-suggestion-item:hover,
-  .search-suggestion-item:focus {
-    cursor: pointer;
-    background-color: #d2d2d2; }
-  
+
+
   input[data-provide="datepicker"],
   [data-provide="datepicker"]:-moz-placeholder,
   [data-provide="datepicker"]:-ms-input-placeholder,
@@ -3015,7 +1112,7 @@ mat-button-toggle-group{
     color: #0568ae !important;
     opacity: 1;
     filter: alpha(opacity=100); }
-  
+
   input[disabled],
   input[readonly],
   select[disabled],
@@ -3027,38 +1124,38 @@ mat-button-toggle-group{
     cursor: not-allowed;
     background-color: #f2f2f2;
     box-shadow: none; }
-  
+
   i.icon-primary-calendar.disabled input,
   span.icon-primary-calendar.readonly input {
     color: #959595 !important; }
-  
+
   textarea {
     display: block;
     width: 800px;
-    
+
     padding: 15px; }
-  
+
   textarea.small {
     line-height: 20px; }
-  
+
   textarea + .reset-field {
     display: none; }
-  
+
   textarea::-webkit-input-placeholder {
     line-height: .99; }
-  
+
   textarea:-moz-placeholder {
     line-height: .99; }
-  
+
   textarea::-moz-placeholder {
     line-height: .99; }
-  
+
   textarea:-ms-input-placeholder {
     line-height: .99; }
-  
+
   textarea:placeholder {
     line-height: .99; }
-  
+
   textarea,
   input {
     background-color: #ffffff;
@@ -3067,260 +1164,69 @@ mat-button-toggle-group{
     box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
     transition: border .3s linear 0s;
     font-family: "Omnes-ECOMP-W02", Arial; }
-  
+
   textarea:focus,
   input:focus {
     outline: 0;
     border-color: #0568ae; }
-  
+
   .input-append {
     display: table; }
-  
+
   .input-append > div {
     display: table-cell;
     width: 1%; }
-  
+
   .input-append > .field-group {
     width: 100%; }
-  
+
   .row .field-group input[class*="span"] {
     float: none; }
-  
+
   .field-group {
     position: relative;
     display: inline-block; }
-  
+
   label + .field-group,
   label + .input-append,
   label + .row,
   label + .row-nowrap,
   label + .form-row {
     margin-top: 5px; }
-  
+
   .field-group {
     position: relative;
     display: block; }
-  
+
   .field-group input:not([type="button"])[disabled] {
     padding-right: 15px; }
-  
+
   input:invalid,
   textarea:invalid,
   select:invalid {
     outline: none !important; }
-  
+
   .form-row {
     margin-top: 20px; }
-  
+
   .form-row.nomar {
     margin: 0; }
-  
+
   .row-nowrap.no-flex.form-row > label + br {
     margin-bottom: 5px; }
-  
+
   span.form-row {
     display: inline-block; }
-  
+
   legend + .form-row {
     margin-top: 20px; }
-  
+
   .tooltip-onclick input {
     padding-right: 45px; }
-  
+
   .ds2_touchevents .tooltip-onclick input:focus {
     padding-right: 95px; }
-  
-  .btn-calendar-icon {
-    position: absolute;
-    background-color: transparent !important;
-    top: 8px;
-    border: 0 !important;
-    width: 30px;
-    right: 15px; }
-  
-  .btn-calendar-icon .icon-primary-calendar:before {
-    position: absolute;
-    color: #0568ae; }
-  
-  .btn-calendar-icon .icon-primary-calendar.disabled {
-    background-color: #f2f2f2; }
-  
-  .btn-calendar-icon .icon-primary-calendar.disabled:before {
-    color: #959595; }
-  
-  span.icon-primary-calendar input {
-    padding-left: 35px;
-    color: #0568ae;
-    transition: border-color 0.3s linear 0s;
-    box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-    position: absolute;
-    top: 0;
-    left: 0; }
-  
-  .faux-input + input.datepicker-input:not([disabled]) {
-    cursor: pointer;
-    margin-left: 0;
-    background-color: #fff;
-    position: absolute;
-    left: 0;
-    top: 0;
-    z-index: 0; }
-  
-  .faux-input {
-    background-color: transparent !important;
-    border: 1px solid transparent;
-    border-radius: 4px;
-    font-size: 1.6rem;
-    height: 35px;
-    left: 0;
-    line-height: 35px;
-    margin-bottom: 10px;
-    margin-right: 6px;
-    padding: 0 0 0 35px;
-    position: relative;
-    text-align: left;
-    top: 0;
-    vertical-align: middle;
-    width: 100%;
-    z-index: 1; }
-  
-  .faux-input:disabled {
-    cursor: not-allowed; }
-  
-  .faux-input:focus + .datepicker-input,
-  [data-calendar-state="opened"] + .datepicker-input {
-    border-color: #0568ae;
-    box-shadow: 2px 3px 2px -2px rgba(5, 116, 172, 0.35) inset;
-    outline: 0 none; }
-  
-  .form-row.error .error-msg {
-    display: block;
-    font-size: 14px;
-    line-height: 14px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    position: relative;
-    padding-left: 18px;
-    margin-top: 10px; }
-  
-  .form-row.error .error-msg > .icon-primary-badgealert {
-    height: 14px;
-    width: 14px;
-    position: absolute;
-    left: 0;
-    margin-right: 0; }
-  
-  .form-row.error .error-msg > .icon-primary-badgealert:before {
-    color: #cf2a2a;
-    font-size: 14px;
-    left: 0;
-    line-height: 14px;
-    position: absolute;
-    vertical-align: middle; }
-  
-  .form-row.error label,
-  .form-row.error .error-msg,
-  .form-row.error button.awd-select,
-  .form-row.error select.awd-select + span,
-  .form-row.error .checkbox,
-  .form-row.error .radio,
-  .form-row.error legend.error,
-  .form-row.error input,
-  .form-row.error textarea {
-    color: #cf2a2a; }
-  
-  .form-row.error .btn-group > .btn,
-  .form-row.error button.awd-select,
-  .form-row.error .awd-select-list,
-  .form-row.error select.awd-select + span,
-  .form-row.error textarea,
-  .form-row.error input,
-  .form-row.error .checkbox .skin,
-  .form-row.error .radio .skin {
-    border-color: #cf2a2a !important; }
-  
-  .form-row.error .checkbox input:checked:not(:disabled) + .skin {
-    background-color: #cf2a2a; }
-  
-  .form-row.error .radio input:checked + .skin:after {
-    background-color: #cf2a2a; }
-  
-  .error [class*="price"],
-  .error [class*="pricing-"] {
-    color: #cf2a2a; }
-  
-  hr,
-  .hr-or {
-    display: block;
-    height: 1px;
-    margin: 15px 0;
-    border: none;
-    background-repeat: repeat-x;
-    background-color: #959595;
-    position: relative; }
-  
-  hr.dark {
-    background-color: #959595; }
-  
-  hr.lite {
-    background-color: #d2d2d2; }
-  
-  .hr-or:before {
-    background-color: #fff;
-    color: #666;
-    content: " OR ";
-    display: block;
-    font-size: 1.4rem;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    height: 16px;
-    left: 50%;
-    line-height: 1.6rem;
-    margin-left: -15px;
-    margin-top: -8px;
-    position: absolute;
-    text-align: center;
-    top: 50%;
-    width: 30px;
-    z-index: 1111; }
-  
-  hr.is-vertical.dark,
-  hr.hr-or.dark,
-  hr.is-vertical.lite,
-  hr.hr-or.lite {
-    display: inline-block;
-    height: auto;
-    margin: 0 15px;
-    min-height: 20px;
-    width: 1px; }
-  
-  hr.is-vertical.dark,
-  hr.hr-or.dark {
-    background-color: #959595; }
-  
-  hr.is-vertical.lite,
-  hr.hr-or.lite {
-    background-color: #d2d2d2; }
-  
-  .hr-dotted.is-vertical.dark,
-  .hr-dotted.is-vertical.lite {
-    background-color: transparent;
-    background-repeat: repeat-y;
-    background-size: 1px 4px;
-    height: auto;
-    min-height: 20px;
-    width: 1px; }
-  
-  .row-nowrap > .span + hr.is-vertical,
-  .row > .span + hr.is-vertical {
-    margin: 0 0 0 -20px; }
-  
-  
-  
-  hr.bottom-space-only {
-    margin-top: 0; }
-  
-  .hr-nomargin {
-    margin: 0; }
-  
+
   .radio {
     position: relative;
     min-height: 24px;
@@ -3389,7 +1295,7 @@ mat-button-toggle-group{
     .radio label {
       font-size: 1.6rem;
       font-family: "Omnes-ECOMP-W02", Arial; }
-  
+
   .radio.inline {
     display: inline-block;
     margin-bottom: 10px;
@@ -3397,7 +1303,7 @@ mat-button-toggle-group{
     margin-right: 10px; }
     .radio.inline:last-child {
       margin-right: 0; }
-  
+
   .radio-box {
     border: 1px solid #d2d2d2;
     border-radius: 8px; }
@@ -3421,12 +1327,12 @@ mat-button-toggle-group{
     .radio-box > [aria-checked="true"] label .skin {
       top: 13px;
       left: 13px; }
-  
+
   .radio-box.active {
     border: 3px solid #0568ae; }
     .radio-box.active > [role="radio"] label {
       padding: 13px 14px 19px 13px; }
-  
+
   .checkbox {
     position: relative;
     min-height: 24px;
@@ -3504,925 +1410,7 @@ mat-button-toggle-group{
     .checkbox input.indeterminate + .skin:after {
       font-size: 22px;
       color: #0568ae; }
-  
-  /* .checkbox.inline {
-    display: inline-block;
-    margin-bottom: 10px;
-    vertical-align: middle;
-    margin-right: 10px; }
-    .checkbox.inline:last-child {
-      margin-right: 0; }
-  
-  .checkbox.checkbox-selectall {
-    margin: 20px 0 0 24px; }
-  
-  .terms-after-checkbox {
-    margin-top: 15px; } */
-  
-  .indeterminate-margin {
-    padding-left: 24px; }
-  
-  .tiny-accordion {
-    border-bottom: 1px solid #d2d2d2; }
-  
-  .toggle-header,
-  .inactive-toggle-header {
-    border-color: #fff;
-    color: #0568ae;
-    cursor: pointer;
-    display: block;
-    font-size: 2.0rem;
-    line-height: 2.2rem;
-    min-height: 41px;
-    position: relative;
-    padding: 16px 55px 16px 15px; }
-  
-  .toggle-header.opened {
-    color: #333333; }
-  
-  .tiny-accordion .toggle-header,
-  .tiny-accordion .inactive-toggle-header {
-    padding: 16px 55px 16px 15px;
-    border-top: 1px solid #d2d2d2; }
-  
-  .tiny-accordion .toggle-header:focus {
-    text-decoration: underline; }
-  
-  .tiny-accordion.iconleft .toggle-header,
-  .tiny-accordion.iconleft .inactive-toggle-header {
-    padding: 15px 15px 15px 50px; }
-  
-  .accordion-content {
-    font-size: 1.4rem; }
-  
-  .accordion-content .toggle-header:first-child {
-    margin-top: 16px; }
-  
-  .tiny-accordion .toggle-header + .accordion-content {
-    padding: 0 50px 15px 15px; }
-  
-  .tiny-accordion.iconleft .toggle-header + .accordion-content {
-    padding: 0 15px 15px 50px; }
-  
-  .toggle-header .icon-primary-accordion-plus,
-  .toggle-header .icon-primary-accordion-minus {
-    display: inline-block;
-    font-size: 20px;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    right: 15px;
-    vertical-align: middle;
-    top: 16px;
-    font-weight: bold; }
-  
-  .tiny-accordion.iconleft .toggle-header .icon-primary-accordion-plus,
-  .tiny-accordion.iconleft .toggle-header .icon-primary-accordion-minus {
-    left: 15px; }
-  
-  .inactive-toggle-header:hover {
-    cursor: inherit; }
-  
-  .tiny-accordion-to-tabs,
-  .tiny-tabs {
-    position: relative;
-    width: 100%;
-    margin: 0px;
-    padding: 0px; }
-  
-  .tiny-tabs [class*="icon-primary-accordion-"] {
-    display: none !important; }
-  
-  .tiny-accordion-to-tabs:before,
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:before,
-  .tiny-tabs:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:after {
-    clear: both; }
-  
-  .tiny-accordion-to-tabs:before,
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:before,
-  .tiny-tabs:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tiny-accordion-to-tabs:after,
-  .tiny-tabs:after {
-    clear: both; }
-  
-  .tiny-tabs > .toggle-header {
-    display: inline-block;
-    float: left;
-    border-top: none;
-    overflow: hidden;
-    height: 70px;
-    text-align: center;
-    background-color: #fff;
-    border-radius: 0px;
-    padding: 26px 20px 25px 20px !important;
-    border-top: 1px solid #fff;
-    -webkit-filter: none;
-    filter: none;
-    background-clip: padding-box;
-    border-bottom: 1px solid #d2d2d2;
-    font-weight: normal;
-    border-right: 1px solid #d2d2d2;
-    white-space: nowrap; }
-  
-  .tiny-tabs .toggle-header + div {
-    left: 0px;
-    position: absolute;
-    top: 69px;
-    border-top: 1px solid #d2d2d2;
-    padding: 0;
-    display: block;
-    border-bottom: none;
-    width: 100%; }
-  
-  .accordion-pad {
-    padding-top: 30px;
-    padding-bottom: 30px; }
-  
-  .tiny-tabs .opened {
-    color: #333333;
-    border-top: 5px solid #0568ae !important;
-    padding-top: 22px !important;
-    border-bottom: none;
-    background-color: #fff;
-    -webkit-filter: none;
-    filter: none;
-    cursor: default;
-    z-index: 999; }
-  
-  .tiny-tabs .toggle-header:focus {
-    text-decoration: underline;
-    outline: thin dotted #666;
-    outline-offset: 0; }
-  
-  .tiny-tabs .toggle-header:first-child {
-    border-left: none;
-    margin-left: 0; }
-  
-  .tiny-tabs .toggle-header:first-child {
-    border-left: 1px solid #fff; }
-  
-  .tiny-tabs .opened:first-child {
-    border-left: 1px solid #d2d2d2; }
-  
-  .tiny-tabs .toggle-header:nth-last-of-type(2) {
-    border-right-color: #fff; }
-  
-  .tiny-tabs .opened:nth-last-of-type(2) {
-    border-right: 1px solid #d2d2d2; }
-  
-  @media (max-width: 767px) {
-    .tiny-accordion,
-    .tiny-accordion-to-tabs {
-      margin-left: -15px;
-      margin-right: -15px;
-      width: auto; }
-    .tiny-accordion-to-tabs {
-      display: block;
-      border-bottom: 1px solid #d2d2d2; }
-    .tiny-accordion-to-tabs .toggle-header {
-      display: block;
-      min-height: 41px;
-      padding: 16px 50px 16px 15px;
-      border-top: 1px solid #d2d2d2; }
-    .tiny-accordion-to-tabs .toggle-header:focus {
-      text-decoration: underline; }
-    .tiny-accordion-to-tabs .toggle-header + .accordion-content {
-      padding: 0 50px 15px 15px; } }
-  
-  @media (min-width: 768px) {
-    .tiny-accordion-to-tabs [class*="icon-primary-accordion-"] {
-      display: none !important; }
-    .tiny-accordion-to-tabs > .toggle-header {
-      display: inline-block;
-      float: left;
-      border-top: none;
-      /*overflow: hidden;*/
-      height: 70px;
-      text-align: center;
-      background-color: #fff;
-      border-radius: 0px;
-      padding: 26px 20px 25px 20px !important;
-      border-top: 1px solid #fff;
-      -webkit-filter: none;
-      filter: none;
-      background-clip: padding-box;
-      border-bottom: 1px solid #d2d2d2;
-      font-weight: normal;
-      border-right: 1px solid #d2d2d2;
-      white-space: nowrap; }
-    .tiny-accordion-to-tabs .toggle-header + div {
-      left: 0px;
-      position: absolute;
-      top: 69px;
-      border-top: 1px solid #d2d2d2;
-      padding-top: 30px;
-      padding-left: 20px;
-      display: block;
-      border-bottom: none;
-      width: 100%; }
-    .tiny-accordion-to-tabs .opened {
-      color: #333333;
-      border-top: 5px solid #0568ae !important;
-      padding-top: 22px !important;
-      border-bottom: none;
-      background-color: #fff;
-      -webkit-filter: none;
-      filter: none;
-      cursor: default;
-      text-decoration: none;
-      z-index: 999; }
-    .tiny-accordion-to-tabs .toggle-header:focus {
-      text-decoration: underline;
-      outline: thin dotted #666;
-      outline-offset: 0px; }
-    .tiny-accordion-to-tabs .toggle-header:nth-last-of-type(2) {
-      border-right: none; }
-    .tiny-accordion-to-tabs .toggle-header:first-child {
-      border-left: none;
-      margin-left: 0; }
-    .tiny-accordion-to-tabs .toggle-header:first-child {
-      border-left: 1px solid #fff; }
-    .tiny-accordion-to-tabs .opened:first-child {
-      border-left: 1px solid #d2d2d2; }
-    .tiny-accordion-to-tabs .opened:nth-last-of-type(2) {
-      border-right: 1px solid #d2d2d2; } }
-  
-  .toggle-header .tooltip .icon-primary-tooltip {
-    margin-top: -5px; }
-  
-  .accordion-content {
-    transition: all 0.8s linear; }
-  
-  .opaque-content {
-    opacity: 0; }
-  
-  .tiny-tabs .toggle-header {
-    display: inline-block;
-    float: left;
-    border-top: none;
-    overflow: hidden;
-    height: 70px;
-    text-align: center;
-    background-color: #fff;
-    border-radius: 0px;
-    padding: 22px 20px 25px 20px !important;
-    border-top: 5px solid #fff;
-    -webkit-filter: none;
-    filter: none;
-    background-clip: padding-box;
-    border-bottom: 1px solid #ccc;
-    font-weight: normal;
-    border-right: 1px solid #ccc;
-    white-space: nowrap; }
-  
-  .tiny-tabs .toggle-header:first-child {
-    margin-left: 0; }
-  
-  .tiny-tabs div:first-child .toggle-header {
-    margin-left: 30px; }
-  
-  .tiny-tabs > div .toggle-header.opened {
-    border-bottom: 0 !important; }
-  
-  .tiny-accordion-to-tabs > div > div.toggle-header {
-    background-clip: padding-box;
-    background-color: #fff;
-    border-bottom: 1px solid #ccc;
-    border-radius: 0;
-    border-top: 5px solid #fff;
-    display: inline-block;
-    filter: none;
-    float: left;
-    font-weight: normal;
-    overflow: hidden;
-    padding: 22px 20px 21px !important;
-    text-align: center;
-    white-space: nowrap; }
-  
-  .tiny-accordion-to-tabs .toggle-header:first-child {
-    margin-left: 0; }
-  
-  .tiny-accordion-to-tabs div:first-child .toggle-header {
-    margin-left: 30px;
-    border-bottom: 0 !important; }
-  
-  .tiny-accordion-to-tabs > div .toggle-header.opened {
-    border-bottom: 0 !important; }
-  
-  @media (max-width: 767px) {
-    .tiny-accordion-to-tabs {
-      display: block !important;
-      border-bottom: 1px solid #ccc !important; }
-    .tiny-accordion-to-tabs > div > div.toggle-header {
-      display: block !important;
-      float: none;
-      text-align: left;
-      min-height: 41px !important;
-      padding: 15px 50px 15px 15px !important;
-      border-top: 1px solid #ccc; }
-    .tiny-accordion-to-tabs > div > div.toggle-header:first-child {
-      margin-left: 0 !important; }
-    .tiny-accordion-to-tabs > div > div.toggle-header + .accordion-content {
-      padding: 0 50px 15px 15px; }
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus {
-      background-position: 0 0;
-      background-size: 20px 40px; }
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-      background-position: 0 -20px;
-      background-size: 20px 40px; }
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus,
-    .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-      display: inline-block;
-      height: 20px;
-      margin: 0;
-      padding: 0;
-      position: absolute;
-      right: 15px;
-      vertical-align: middle;
-      width: 20px; } }
-  
-  .alert {
-    background-color: #5a5a5a;
-    border-radius: 8px;
-    color: #fff;
-    margin-top: 15px;
-    padding: 0;
-    position: relative;
-    border: 0; }
-  
-  .alert h3,
-  .alert h4 {
-    color: #fff;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 1.6rem;
-    margin: 0 20px 5px 0; }
-  
-  .alert div {
-    padding: 15px 20px; }
-  
-  .alert div:first-child {
-    border-radius: 8px 0 0 8px;
-    width: 1%; }
-  
-  .alert div:first-child + div {
-    border: 1px solid transparent;
-    border-left: none;
-    border-radius: 0 8px 8px 0; }
-  
-  .alert-error {
-    background-color: #cf2a2a;
-    border: 1px solid #cf2a2a; }
-  
-  .alert-info {
-    background-color: #44c8f5;
-    border: 1px solid #44c8f5; }
-  
-  .alert-success {
-    background-color: #c5d63d;
-    border: 1px solid #c5d63d; }
-  
-  .alert [class*="icon-primary-"] {
-    color: #fff;
-    font-size: 30px;
-    margin-right: 0; }
-  
-  .alert .close {
-    height: 30px;
-    position: absolute;
-    right: 1px;
-    top: 1px;
-    width: 30px; }
-  
-  .alert .close:before {
-    color: #fff;
-    margin-right: 0;
-    position: absolute;
-    right: 9px;
-    top: 9px; }
-  
-  .alert a {
-    color: #fff;
-    text-decoration: underline; }
-  
-  .alert .close:focus {
-    outline: 1px dotted #666; }
-  
-  .alert p {
-    font-size: 1.4rem; }
-  
-  .alert p:last-child {
-    margin-bottom: 0; }
-  
-  .alert .standalone-link i[class*="icon-primary-"] {
-    font-size: 20px;
-    margin-right: 5px; }
-  
-  @media (max-width: 767px) {
-    .alert {
-      border-radius: 0;
-      margin: 0 -15px; }
-    .alert + .alert {
-      margin-top: 4px; }
-    .alert div {
-      padding: 15px 10px; }
-    .alert div:first-child {
-      border-radius: 0;
-      padding: 15px; }
-    .alert h3,
-    .alert h4 {
-      font-size: 1.4rem; }
-    .alert p {
-      font-size: 1.2rem; }
-    .alert .close {
-      right: 5px;
-      top: 5px; }
-    .alert .standalone-link i[class*="icon-primary-"] {
-      font-size: 16px; } }
-  
-  .alert h3 {
-    margin: 0;
-    font-size: 16px; }
-  
-  .alert p {
-    font-size: 14px; }
-  
-  .alert p a {
-    color: #FFFFFF;
-    text-decoration: underline; }
-  
-  .alert div:first-child + div {
-    padding-right: 25px; }
-  
-  .alert div:last-child {
-    padding-right: 20px !important; }
-  
-  .alert p [class*="icon-primary-"] {
-    color: #fff;
-    font-size: 20px;
-    margin-right: 0; }
-  
-  @media (max-width: 767px) {
-    .alert h3 {
-      font-size: 14px; }
-    .alert div:first-child + div {
-      padding-right: 20px; }
-    .alert div:last-child {
-      padding-right: 15px !important; }
-    .alert div:first-child {
-      padding: 15px; }
-    .alert p {
-      font-size: 12px; }
-    .alert p [class*="icon-primary-"] {
-      font-size: 16px; } }
-  
-  .b2b-audio {
-    width: auto;
-    margin: 10px auto;
-    height: 35px; }
-    .b2b-audio .controls-wrapper {
-      display: inline-block;
-      font-size: 25px;
-      cursor: pointer; }
-      .b2b-audio .controls-wrapper i {
-        font-size: 25px;
-        margin-right: 0px;
-        color: #444; }
-        .b2b-audio .controls-wrapper i:hover {
-          color: #0574AC; }
-    .b2b-audio .seek-bar-container-wrapper {
-      display: inline-block;
-      outline: 0;
-      min-width: 180px;
-      margin-right: 10px;
-      margin-left: 10px;
-      height: 14px;
-      padding-top: 5px; }
-      .b2b-audio .seek-bar-container-wrapper .timing-container {
-        padding-top: 13px;
-        color: #333;
-        font-size: 12px; }
-        .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-left {
-          float: left;
-          line-height: 100%; }
-        .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-right {
-          float: right;
-          line-height: 100%; }
-        .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-spacer {
-          clear: both; }
-    .b2b-audio .seek-bar-tooltip {
-      text-align: center;
-      min-width: 76px; }
-  
-  .b2b-audio-popover {
-    width: 22px; }
-    .b2b-audio-popover .volume-popover {
-      height: 100px !important;
-      width: 6px !important;
-      margin: 7px auto; }
-    .b2b-audio-popover .min-label {
-      margin-top: 5px; }
-  
-  .b2b-audio-native {
-    width: auto;
-    height: auto; }
-  
-  .b2b-audio-recorder {
-    border: 1px solid #ccc;
-    box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15);
-    height: 63px;
-    min-height: 63px;
-    min-width: 347px; }
-    .b2b-audio-recorder .b2b-elapsed-time {
-      margin: 23px 0 24px 15px;
-      font-size: 16px;
-      font-style: italic;
-      color: #767676; }
-    .b2b-audio-recorder .b2b-controls {
-      width: 68px;
-      cursor: pointer; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-record {
-        font-size: 64px;
-        color: black;
-        float: right;
-        margin-right: 10px; }
-        .b2b-audio-recorder .b2b-controls i.icoControls-record:focus, .b2b-audio-recorder .b2b-controls i.icoControls-record:hover {
-          color: #0568ae; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-stop {
-        font-size: 36px;
-        color: black;
-        float: right;
-        margin-right: 20px;
-        margin-top: 12px; }
-        .b2b-audio-recorder .b2b-controls i.icoControls-stop:focus, .b2b-audio-recorder .b2b-controls i.icoControls-stop:hover {
-          color: #0568ae; }
-  
-  .b2b-top-btn {
-    height: 36px;
-    width: 36px;
-    border-radius: 7px; }
-  
-  .b2b-top-btn > i {
-    position: absolute;
-    top: 13px;
-    left: 9px;
-    width: 11px;
-    height: 18px; }
-  
-  .b2b-badge {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    background-color: #5A5A5A;
-    border-radius: 12px;
-    color: #FFFFFF;
-    display: inline-block;
-    font-size: 1.5rem;
-    font-weight: normal;
-    height: 20px;
-    line-height: 0;
-    margin-top: 0;
-    min-width: 20px;
-    padding: 0 5px;
-    text-align: center;
-    vertical-align: baseline; }
-    .b2b-badge:empty {
-      display: none; }
-  
-  * + .b2b-heading-micro {
-    margin-top: 20px !important; }
-  
-  .b2b-heading-micro {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: normal;
-    text-rendering: optimizeLegibility;
-    font-size: 1.2rem !important;
-    text-transform: uppercase !important;
-    margin-bottom: 20px !important;
-    line-height: 1.2 !important; }
-  
-  .b2b-no-colors .b2b-badge {
-    border: 1px solid transparent; }
-  
-  .btn > .b2b-badge {
-    margin-right: 5px; }
-  
-  a > .b2b-badge {
-    margin-right: 6px;
-    padding-top: 10px; }
-  
-  .b2b-badge-urgent {
-    background-color: #cf2a2a; }
-  
-  .bellyband-container {
-    margin: 0 -15px; }
-  
-  .bellyband-group {
-    width: auto; }
-  
-  .bellyband-link {
-    border-top: 1px solid #d2d2d2; }
-  
-  .bellyband-link a {
-    display: block;
-    height: 40px;
-    line-height: 40px;
-    padding: 0 15px;
-    position: relative;
-    text-decoration: none; }
-  
-  .bellyband-link a:hover > div span,
-  .bellyband-link a:focus > div span {
-    text-decoration: underline; }
-  
-  .bellyband-link a:after {
-    color: #666;
-    font-size: 2.3rem;
-    height: 20px;
-    position: absolute;
-    right: 5px;
-    top: 12px;
-    width: 18px; }
-  
-  .dark-bg .bellyband-link a:after {
-    color: white; }
-  
-  .bellyband-link img[src$="svg"].hidden-desktop,
-  .bellyband-link [class*="icon-primary-"].hidden-desktop {
-    display: inline-block !important;
-    float: left;
-    font-size: 24px;
-    height: 24px;
-    margin-right: 5px;
-    margin-top: 8px;
-    width: 24px; }
-  
-  .dark-bg .bellyband-link [class*="icon-primary-"].hidden-desktop,
-  .dark-bg .bellyband-link [class*="icon-primary-"].visible-desktop {
-    color: #fff; }
-  
-  .bellyband-link img[src$="svg"].visible-desktop {
-    display: none !important; }
-  
-  .bellyband-link p {
-    margin-top: -10px;
-    margin-left: 29px;
-    font-size: 1.4rem;
-    color: #666; }
-  
-  @media (min-width: 481px) and (max-width: 767px) {
-    .bellyband-container {
-      display: flex;
-      margin: 0; }
-    .bellyband-group {
-      align-content: flex-start;
-      align-items: stretch;
-      display: inline-flex;
-      flex-direction: column;
-      flex-wrap: wrap;
-      margin-top: 1px;
-      width: 100%; }
-    .bellyband-group .row {
-      display: flex !important; }
-    .bellyband-link {
-      padding-top: 0;
-      position: relative;
-      border-top: none;
-      margin-bottom: 20px;
-      width: 50%; }
-    .bellyband-link a {
-      height: inherit;
-      line-height: inherit;
-      display: flex;
-      padding: 0; }
-    .bellyband-link a:after {
-      display: none; }
-    .bellyband-link a span {
-      display: block;
-      padding-top: 10px; }
-    .bellyband-link p {
-      display: block;
-      padding: 0 15px 0 0;
-      margin-bottom: 0;
-      margin-left: 0;
-      margin-top: 0; }
-    .bellyband-link a:focus p {
-      text-decoration: none; } }
-  
-  @media (min-width: 768px) {
-    .bellyband-group {
-      margin: 0;
-      max-width: 100%;
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: center; }
-    .bellyband-group .row {
-      display: block; }
-    .bellyband-group .row .span {
-      float: none;
-      margin-right: 0;
-      margin-bottom: 30px;
-      display: flex;
-      justify-content: space-between; }
-    .bellyband-link {
-      border-top: none;
-      flex: 0 0 auto;
-      margin-right: 0;
-      margin-bottom: 30px; }
-    .bellyband-link:last-child {
-      margin-right: 0; }
-    .bellyband-link a {
-      height: auto;
-      line-height: 1;
-      text-align: center; }
-    .bellyband-link a:after {
-      display: none; }
-    .bellyband-link img[src$="svg"].hidden-desktop,
-    .bellyband-link [class*="icon-primary-"].hidden-desktop {
-      display: none !important; }
-    .bellyband-link img[src$="svg"].visible-desktop,
-    .bellyband-link [class*="icon-primary-"].visible-desktop {
-      display: block !important;
-      font-size: 50px;
-      height: 50px;
-      margin-right: 0;
-      margin-top: 0;
-      margin-left: auto;
-      margin-right: auto;
-      width: auto; }
-    .bellyband-link a span {
-      display: block;
-      margin-top: 12px;
-      line-height: 2rem; }
-    .bellyband-link p {
-      display: block;
-      text-align: center;
-      margin-top: 6px;
-      margin-left: 0;
-      padding-left: 0 !important;
-      color: #666;
-      line-height: 1.8rem; } }
-  
-  @media (max-width: 480px) {
-    .bellyband-link-tall a {
-      height: auto;
-      padding: 0 40px 10px 15px; }
-    .bellyband-link-tall p {
-      line-height: 1.8rem;
-      margin-bottom: 0; }
-    .bellyband-link-tall > a:after {
-      margin-top: -8px;
-      top: 50%; } }
-  
-  .b2b-boardstrip {
-    display: inline-block;
-    width: 100%;
-    border-bottom: 1px solid #9d9d9d;
-    position: relative;
-    padding-top: 15px; }
-    .b2b-boardstrip .boardstrip-reel {
-      margin-bottom: 15px; }
-    .b2b-boardstrip .boardstrip-item--add {
-      border: 1px dashed #ccc;
-      background: #FFFFFF;
-      color: #0574ac;
-      width: 140px;
-      height: 80px;
-      font-size: 14px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      -webkit-border-radius: 3px;
-      -moz-border-radius: 3px;
-      border-radius: 3px;
-      position: absolute;
-      left: 29px;
-      top: 15px; }
-      .b2b-boardstrip .boardstrip-item--add:hover, .b2b-boardstrip .boardstrip-item--add:focus {
-        border: 2px solid #007A3E;
-        cursor: pointer; }
-      .b2b-boardstrip .boardstrip-item--add i {
-        font-size: 14px;
-        margin-left: auto;
-        margin-right: auto;
-        text-align: initial; }
-      .b2b-boardstrip .boardstrip-item--add .centered {
-        margin-left: auto;
-        margin-right: auto;
-        margin-top: 27px;
-        margin-bottom: 35px;
-        display: block; }
-    .b2b-boardstrip .board-viewport {
-      float: left;
-      margin-left: 210px;
-      max-height: 95px;
-      position: relative;
-      height: 95px;
-      overflow: hidden;
-      width: 0px; }
-      .b2b-boardstrip .board-viewport .boardstrip-container {
-        width: 0px;
-        margin-left: 0;
-        left: 0px;
-        position: absolute;
-        list-style: none;
-        -webkit-transition: left 1000ms;
-        transition: left 1000ms; }
-      .b2b-boardstrip .board-viewport .board-item {
-        width: 140px;
-        height: 80px;
-        border: 1px solid #ccc;
-        margin: 0 15px 15px 0;
-        background-color: #FFFFFF;
-        border-radius: 3px;
-        float: left;
-        overflow: hidden; }
-        .b2b-boardstrip .board-viewport .board-item:hover, .b2b-boardstrip .board-viewport .board-item:focus {
-          border: 2px solid #007A3E;
-          background-color: white;
-          cursor: pointer; }
-        .b2b-boardstrip .board-viewport .board-item .board-img {
-          width: 61px;
-          height: 40px;
-          margin: 0 auto; }
-          .b2b-boardstrip .board-viewport .board-item .board-img img {
-            max-width: 100%; }
-        .b2b-boardstrip .board-viewport .board-item .title {
-          text-align: center;
-          line-height: 16px;
-          color: #666;
-          font-size: 14px;
-          font-family: "Omnes-ECOMP-W02", Arial;
-          padding: 10px 0; }
-        .b2b-boardstrip .board-viewport .board-item.selected {
-          background-color: #FFFFFF;
-          border: 2px solid #0574ac; }
-        .b2b-boardstrip .board-viewport .board-item .board-caret {
-          cursor: default;
-          outline: 0;
-          position: absolute;
-          bottom: 7px; }
-          .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-indicator {
-            border-left: 8px solid transparent;
-            border-right: 8px solid transparent;
-            border-bottom: 8px solid #999;
-            width: 0px;
-            height: 0px;
-            position: absolute;
-            left: 61px;
-            bottom: -7px; }
-          .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-arrow-up {
-            width: 0px;
-            height: 0px;
-            border-style: solid;
-            border-width: 0 8px 8px 8px;
-            border-color: transparent transparent #FFFFFF transparent;
-            left: 61px;
-            position: absolute; }
-    .b2b-boardstrip .arrow {
-      font-size: 14px;
-      cursor: pointer;
-      color: #0574ac; }
-      .b2b-boardstrip .arrow:hover {
-        color: #0574ac; }
-      .b2b-boardstrip .arrow.disabled {
-        color: #767676 !important;
-        cursor: not-allowed; }
-    .b2b-boardstrip .prev-items {
-      display: inline-block;
-      margin-top: auto;
-      margin-bottom: auto;
-      margin-right: 15px;
-      position: absolute;
-      left: 0;
-      top: 45px;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      -o-user-select: none;
-      user-select: none; }
-    .b2b-boardstrip .next-items {
-      display: inline-block;
-      margin-top: 30px;
-      margin-bottom: auto;
-      margin-left: 10px;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      -o-user-select: none;
-      user-select: none; }
-    .b2b-boardstrip .centered {
-      display: table-cell;
-      text-align: center;
-      vertical-align: middle; }
-  
+
   .breadcrumb {
     padding: 10px 15px;
     height: 40px;
@@ -4431,31 +1419,31 @@ mat-button-toggle-group{
     font-size: 1.2rem;
     width: 100%;
     z-index: 1000; }
-  
+
   .breadcrumb > li {
     position: relative;
     display: inline-block;
     margin-right: 15px; }
-  
+
   .breadcrumb > li:after {
     font-size: 8px;
     margin-right: 0;
     right: -8px;
     color: #333333; }
-  
+
   .breadcrumb > li:last-child {
     color: #333333; }
-  
+
   .breadcrumb > li:last-child:after {
     content: ""; }
-  
+
   .breadcrumb li > * {
     float: none !important;
     margin: 0; }
-  
+
   .breadcrumb {
     padding: 10px 15px !important; }
-  
+
   /* ARROW */
   /* spanish */
   .datepicker {
@@ -4865,15 +1853,15 @@ mat-button-toggle-group{
     .datepicker .active.old {
       background-color: #ededed !important;
       color: #ededed !important; }
-  
+
   .datepicker-inline {
     width: 220px; }
-  
+
   .datepicker.datepicker-rtl {
     direction: rtl; }
     .datepicker.datepicker-rtl td span {
       float: right; }
-  
+
   .datepicker-dropdown {
     top: 0;
     left: 0; }
@@ -4894,44 +1882,44 @@ mat-button-toggle-group{
       border-bottom: 10px solid #fff;
       border-top: 0;
       position: absolute; }
-  
+
   .datepicker-dropdown.datepicker-orient-left:before {
     left: 16px; }
-  
+
   .datepicker-dropdown.datepicker-orient-left:after {
     left: 16px; }
-  
+
   .datepicker-dropdown.datepicker-orient-right:before {
     right: 16px; }
-  
+
   .datepicker-dropdown.datepicker-orient-right:after {
     right: 16px; }
-  
+
   .datepicker-dropdown.datepicker-orient-top:before {
     top: -10px; }
-  
+
   .datepicker-dropdown.datepicker-orient-top:after {
     top: -9px; }
-  
+
   .datepicker-dropdown.datepicker-orient-bottom:before {
     bottom: -7px;
     border-bottom: 0;
     border-top: 7px solid #959595; }
-  
+
   .datepicker-dropdown.datepicker-orient-bottom:after {
     bottom: -6px;
     border-bottom: 0;
     border-top: 6px solid #fff; }
-  
+
   .datepicker.days div.datepicker-days {
     display: block; }
-  
+
   .datepicker.months div.datepicker-months {
     display: block; }
-  
+
   .datepicker.years div.datepicker-years {
     display: block; }
-  
+
   .show-date {
     font-family: "Omnes-ECOMP-W02-Medium", Arial;
     color: #0568ae;
@@ -4939,12 +1927,12 @@ mat-button-toggle-group{
     line-height: 26px;
     margin: 4px auto 0;
     width: 26px; }
-  
+
   .input-group.date .input-group-addon i {
     cursor: pointer;
     width: 16px;
     height: 16px; }
-  
+
   .datepicker.dropdown-menu {
     box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
     position: absolute;
@@ -4973,7 +1961,7 @@ mat-button-toggle-group{
       float: left;
       padding: 0;
       position: relative; }
-  
+
   .s {
     display: block;
     height: 20px;
@@ -4982,7 +1970,7 @@ mat-button-toggle-group{
     background-color: #FFFFFF;
     background-repeat: no-repeat;
     background-position: -62px 0; }
-  
+
   .m {
     display: block;
     height: 20px;
@@ -4991,7 +1979,7 @@ mat-button-toggle-group{
     background-color: #FFFFFF;
     background-repeat: no-repeat;
     background-position: -5px 0; }
-  
+
   .t {
     display: block;
     height: 20px;
@@ -5000,7 +1988,7 @@ mat-button-toggle-group{
     background-color: #FFFFFF;
     background-repeat: no-repeat;
     background-position: -19px 0; }
-  
+
   .w {
     display: block;
     height: 20px;
@@ -5009,7 +1997,7 @@ mat-button-toggle-group{
     background-color: #FFFFFF;
     background-repeat: no-repeat;
     background-position: -34px 0; }
-  
+
   .f {
     display: block;
     height: 20px;
@@ -5018,7 +2006,7 @@ mat-button-toggle-group{
     background-color: #FFFFFF;
     background-repeat: no-repeat;
     background-position: -49px 0; }
-  
+
   .d {
     display: block;
     height: 20px;
@@ -5027,7 +2015,7 @@ mat-button-toggle-group{
     background-color: #FFFFFF;
     background-repeat: no-repeat;
     background-position: 0 0; }
-  
+
   .l {
     display: block;
     height: 20px;
@@ -5036,7 +2024,7 @@ mat-button-toggle-group{
     background-color: #FFFFFF;
     background-repeat: no-repeat;
     background-position: 0 0; }
-  
+
   .v {
     display: block;
     height: 20px;
@@ -5045,7 +2033,7 @@ mat-button-toggle-group{
     background-color: #FFFFFF;
     background-repeat: no-repeat;
     background-position: 0 0; }
-  
+
   .j {
     display: block;
     height: 20px;
@@ -5054,151 +2042,26 @@ mat-button-toggle-group{
     background-color: #FFFFFF;
     background-repeat: no-repeat;
     background-position: 0 0; }
-  
-  .b2b-coachmark-label {
-    z-index: 1060;
-    opacity: 1;
-    cursor: not-allowed;
-    position: relative; }
-  
-  .b2b-coachmark-highlight {
-    border: 1px solid #d3d3d3;
-    cursor: default;
-    z-index: 1045;
-    opacity: 1;
-    background-color: #ffffff;
-    border-radius: 10px;
-    position: relative;
-    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-    padding: 10px;
-    position: absolute; }
-  
-  .b2b-coachmark-highlight-mask {
-    z-index: 1100;
-    opacity: .1; }
-  
-  .b2b-coachmark-container {
-    border: 1px solid #cccccc;
-    width: 316px;
-    pointer-events: auto;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    font-size: 16px;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    background: #fff;
-    border-radius: 20px;
-    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.15);
-    color: #333;
-    line-height: 20px;
-    position: absolute;
-    top: 50px;
-    left: -97px;
-    display: block;
-    background-color: #ffffff;
-    z-index: 1050;
-    opacity: 1; }
-    .b2b-coachmark-container i.b2b-coachmark-caret {
-      position: absolute;
-      top: -12px;
-      left: 47%;
-      opacity: 1;
-      z-index: 1050; }
-    .b2b-coachmark-container i.b2b-coachmark-caret:before {
-      content: "";
-      border-left: 12px solid transparent;
-      border-right: 12px solid transparent;
-      border-bottom: 12px solid #d3d3d3;
-      position: absolute;
-      top: -1px; }
-    .b2b-coachmark-container i.b2b-coachmark-caret:after {
-      content: "";
-      border-left: 12px solid transparent;
-      border-right: 12px solid transparent;
-      border-bottom: 12px solid #fff;
-      position: absolute; }
-    .b2b-coachmark-container .b2b-coachmark-header {
-      position: relative;
-      height: 47px;
-      overflow: hidden; }
-      .b2b-coachmark-container .b2b-coachmark-header .corner-button {
-        box-shadow: 0 -24px 0 0 #f2f2f2 inset;
-        height: 69px;
-        position: absolute;
-        right: -33px;
-        top: -38px;
-        transform: rotate(45deg);
-        width: 69px; }
-    .b2b-coachmark-container .b2b-coachmark-countlabel {
-      font-size: 12px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #333333;
-      margin-left: 20px;
-      margin-top: 20px; }
-    .b2b-coachmark-container .b2b-coachmark-content {
-      padding: 0px 20px 20px 20px;
-      float: left; }
-      .b2b-coachmark-container .b2b-coachmark-content .icon-misc-dimmer {
-        font-size: 32px;
-        float: left;
-        margin-right: 10px;
-        width: 32px; }
-      .b2b-coachmark-container .b2b-coachmark-content .offscreen-text {
-        position: absolute;
-        left: -10000px;
-        top: auto;
-        width: 1px;
-        height: 1px;
-        overflow: hidden; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-content-header {
-        font-size: 16px;
-        color: #333333;
-        line-height: 18px;
-        float: left;
-        width: 220px; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-description {
-        font-size: 14px;
-        line-height: 18px;
-        color: #333333;
-        width: 100%;
-        float: left;
-        margin-top: 15px; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group {
-        margin-top: 20px;
-        float: left;
-        text-align: right;
-        width: 100%; }
-        .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group .b2b-coachmark-link {
-          font-family: "Omnes-ECOMP-W02-Medium", Arial;
-          font-size: 15px;
-          color: #0574ac;
-          line-height: 18px;
-          margin-right: 20px; }
-        .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group button {
-          font-size: 15px;
-          margin: 0px; }
-  
+
   .datepicker {
     background-color: #fff;
     padding: 0;
     border-radius: 5px;
     direction: ltr; }
-  
+
   .datepicker-inline {
     width: 220px; }
-  
+
   .datepicker.datepicker-rtl {
     direction: rtl; }
-  
+
   .datepicker.datepicker-rtl td span {
     float: right; }
-  
+
   .datepicker-dropdown {
     top: 0;
     left: 0; }
-  
+
   /* ARROW */
   .datepicker-dropdown:before {
     content: " ";
@@ -5209,7 +2072,7 @@ mat-button-toggle-group{
     border-top: 0;
     border-bottom-color: rgba(0, 0, 0, 0.2);
     position: absolute; }
-  
+
   .datepicker-dropdown:after {
     content: " ";
     display: inline-block;
@@ -5218,43 +2081,43 @@ mat-button-toggle-group{
     border-bottom: 10px solid #fff;
     border-top: 0;
     position: absolute; }
-  
+
   .datepicker-dropdown.datepicker-orient-left:before,
   .datepicker-dropdown.datepicker-orient-left:after {
     left: 255px; }
-  
+
   .datepicker-dropdown.datepicker-orient-right:before,
   .datepicker-dropdown.datepicker-orient-right:after {
     right: 16px; }
-  
+
   .datepicker-dropdown.datepicker-orient-top:before {
     top: -10px; }
-  
+
   .datepicker-dropdown.datepicker-orient-top:after {
     top: -9px; }
-  
+
   .datepicker-dropdown.datepicker-orient-bottom:before {
     bottom: -7px;
     border-bottom: 0;
     border-top: 7px solid #959595; }
-  
+
   .datepicker-dropdown.datepicker-orient-bottom:after {
     bottom: -6px;
     border-bottom: 0;
     border-top: 6px solid #fff; }
-  
+
   .datepicker > div {
     display: none; }
-  
+
   .datepicker.days div.datepicker-days {
     display: block; }
-  
+
   .datepicker.months div.datepicker-months {
     display: block; }
-  
+
   .datepicker.years div.datepicker-years {
     display: block; }
-  
+
   .datepicker table {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
@@ -5263,7 +2126,7 @@ mat-button-toggle-group{
     -ms-user-select: none;
     user-select: none;
     margin: 0 0 0 0; }
-  
+
   .datepicker td,
   .datepicker th {
     text-align: center;
@@ -5271,10 +2134,10 @@ mat-button-toggle-group{
     width: 30px;
     height: 30px;
     border: none; }
-  
+
   .datepicker tbody :focus {
     outline: none; }
-  
+
   .datepicker td.day {
     background-color: transparent;
     color: #0568ae;
@@ -5287,52 +2150,52 @@ mat-button-toggle-group{
     overflow: hidden;
     text-align: center;
     width: 42px; }
-  
+
   .datepicker :focus {
     outline: 1px dotted #000;
     outline-offset: -2px; }
-  
+
   .datepicker td.day.focused {
     background: #ededed;
     cursor: pointer; }
-  
+
   .datepicker td.day.focused.active {
     background-color: #ededed;
     color: #0568ae; }
-  
+
   .datepicker td.disabled,
   .datepicker td.disabled:hover {
     font-family: "Omnes-ECOMP-W02", Arial;
     color: #5a5a5a;
     cursor: default; }
-  
+
   .datepicker td.today,
   .datepicker td.today:hover,
   .datepicker td.today.disabled {
     color: #fff;
     background-color: #0568ae; }
-  
+
   .datepicker td.today.active,
   .datepicker td.today:active,
   .datepicker td.today:hover,
   .datepicker td.today:focus {
     color: #fff;
     background-color: #0568ae; }
-  
+
   .datepicker td.today.active:hover {
     color: #fff; }
-  
+
   .datepicker td.selected,
   .datepicker td.selected:hover,
   .datepicker td.selected.disabled {
     color: #ffffff;
     background-color: #959595; }
-  
+
   .datepicker td.active:not(.new),
   .datepicker td.active:hover:not(.new) {
     color: #ffffff;
     border-color: #357ebd; }
-  
+
   .show-date {
     font-family: "Omnes-ECOMP-W02-Medium", Arial;
     color: #0568ae;
@@ -5340,17 +2203,17 @@ mat-button-toggle-group{
     line-height: 26px;
     margin: 4px auto 0;
     width: 26px; }
-  
+
   .datepicker .start-date .show-date,
   .datepicker .between-date .show-date,
   .datepicker .end-date .show-date {
     background-color: #0568ae;
     color: #fff !important; }
-  
+
   .datepicker .start-date .show-date {
     border-radius: 5px 0 0 5px;
     z-index: 1; }
-  
+
   .datepicker .start-date .show-date:before {
     background-color: #0568ae;
     content: "";
@@ -5360,7 +2223,7 @@ mat-button-toggle-group{
     position: absolute;
     width: 100%;
     z-index: -1; }
-  
+
   .datepicker .between-date .show-date:before {
     background-color: #0568ae;
     content: "";
@@ -5370,10 +2233,10 @@ mat-button-toggle-group{
     position: absolute;
     width: 100%;
     z-index: -1; }
-  
+
   .datepicker .end-date .show-date {
     border-radius: 0 5px 5px 0; }
-  
+
   .datepicker .end-date .show-date:before {
     background-color: #0568ae;
     content: "";
@@ -5383,7 +2246,7 @@ mat-button-toggle-group{
     position: absolute;
     width: 100%;
     z-index: -1; }
-  
+
   .datepicker .between-date:first-child .show-date:before {
     background-color: #fff;
     content: "";
@@ -5391,7 +2254,7 @@ mat-button-toggle-group{
     position: absolute;
     left: 0;
     width: 8px; }
-  
+
   .datepicker .end-date:first-child .show-date:after {
     background-color: #fff;
     content: "";
@@ -5399,10 +2262,10 @@ mat-button-toggle-group{
     position: absolute;
     left: 0;
     width: 8px; }
-  
+
   .datepicker .end-date:first-child .show-date::before {
     background-color: #fff; }
-  
+
   .datepicker tr td.start-date:last-child .show-date:after,
   .datepicker tr td.between-date:last-child .show-date:after {
     background-color: #fff;
@@ -5411,7 +2274,7 @@ mat-button-toggle-group{
     position: absolute;
     right: 0;
     width: 8px; }
-  
+
   .datepicker tr td.start-date:last-child:focus .show-date:after,
   .datepicker tr td.end-date:last-child:focus .show-date:after,
   .datepicker tr td.between-date:last-child:focus .show-date:after,
@@ -5421,17 +2284,17 @@ mat-button-toggle-group{
     height: 30px;
     width: 30px;
     background-color: transparent; }
-  
+
   .datepicker td.active:not(.new) .show-date,
   .datepicker td.active:hover:not(.new) .show-date {
     color: #0568ae;
     font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
+
   .datepicker td.disabled .show-date,
   .datepicker td.disabled:hover .show-date {
     font-family: "Omnes-ECOMP-W02", Arial;
     color: #5a5a5a; }
-  
+
   .datepicker td span {
     display: block;
     width: 23%;
@@ -5441,49 +2304,49 @@ mat-button-toggle-group{
     margin: 1%;
     cursor: pointer;
     border-radius: 4px; }
-  
+
   .datepicker td span:hover {
     background: #eeeeee; }
-  
+
   .datepicker td span.disabled,
   .datepicker td span.disabled:hover {
     background: none;
     color: #5a5a5a;
     cursor: default; }
-  
+
   .datepicker td span.active,
   .datepicker td span.active:hover,
   .datepicker td span.active.disabled {
     color: #ffffff;
     background-color: #0568ae;
     border-color: #357ebd; }
-  
+
   .datepicker th.datepicker-switch {
     width: 198px;
     font-size: 20px;
     font-weight: normal;
     cursor: default !important; }
-  
+
   .datepicker thead tr:first-child th,
   .datepicker tfoot tr th {
     cursor: pointer;
     height: 60px;
     line-height: 60px; }
-  
+
   .datepicker tfoot tr th {
     height: auto;
     line-height: normal; }
-  
+
   .datepicker tfoot tr th li {
     margin-bottom: 5px; }
-  
+
   .datepicker .prev,
   .datepicker .next {
     color: transparent;
     font-size: 0;
     margin: 0 -1px -1px 0;
     width: 46px; }
-  
+
   .datepicker .prev i,
   .datepicker .next i {
     color: #0568ae;
@@ -5491,28 +2354,28 @@ mat-button-toggle-group{
     font-size: 27px;
     margin: 0;
     top: 15px; }
-  
+
   .datepicker .prev i {
     left: 8px; }
-  
+
   .datepicker .next i {
     right: 8px; }
-  
+
   .datepicker .cw {
     font-size: 5px;
     width: 12px;
     padding: 0 2px 0 5px;
     vertical-align: middle; }
-  
+
   .datepicker thead tr:first-child th.cw {
     cursor: default;
     background-color: transparent; }
-  
+
   .input-group.date .input-group-addon i {
     cursor: pointer;
     width: 16px;
     height: 16px; }
-  
+
   .datepicker.dropdown-menu {
     box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
     position: absolute;
@@ -5531,20 +2394,20 @@ mat-button-toggle-group{
     font-size: 13px;
     line-height: 1.428571429;
     z-index: 1050; }
-  
+
   .datepicker.dropdown-menu th,
   .datepicker.dropdown-menu td {
     display: block;
     float: left;
     padding: 0;
     position: relative; }
-  
+
   .datepicker .due-date .show-date {
     font-family: "Omnes-ECOMP-W02-Medium", Arial;
     background-color: #cf2a2a;
     border-radius: 5px;
     color: #fff !important; }
-  
+
   .datepicker .day.active .show-date:after,
   .datepicker .day:focus .show-date:after,
   .datepicker .due-date.disabled .show-date:after {
@@ -5557,32 +2420,32 @@ mat-button-toggle-group{
     position: absolute;
     top: 0;
     width: 30px; }
-  
+
   .datepicker .day:focus .show-date:after {
     height: 30px;
     left: 4px;
     top: 0;
     width: 30px; }
-  
+
   .datepicker .day.due-date:focus .show-date:after {
     height: 30px;
     left: 4px;
     top: 0;
     width: 30px; }
-  
+
   .datepicker .due-date.old:after,
   .datepicker .due-date.new:after {
     visibility: hidden; }
-  
+
   .datepicker .due-date.active:after {
     border-color: #fff; }
-  
+
   .datepicker .due-date.active.focused {
     color: #0568ae !important; }
-  
+
   .datepicker .due-date.active.focused:after {
     border-color: #cf2a2a !important; }
-  
+
   .datepicker .dow {
     height: 24px;
     width: 42px;
@@ -5592,7 +2455,7 @@ mat-button-toggle-group{
     color: transparent;
     letter-spacing: -6px;
     margin: 0 -1px -1px 0; }
-  
+
   .datepicker .dow span[aria-hidden="true"] {
     bottom: 0;
     color: #5a5a5a;
@@ -5604,11 +2467,11 @@ mat-button-toggle-group{
     padding: 0;
     position: relative;
     width: 22px; }
-  
+
   .datepicker .calendar-legend {
     margin-top: 3px;
     margin-bottom: 20px; }
-  
+
   .datepicker .calendar-legend li {
     font-size: 1.4rem;
     font-weight: normal;
@@ -5616,7 +2479,7 @@ mat-button-toggle-group{
     padding-left: 10px;
     padding-top: 5px;
     position: relative; }
-  
+
   .datepicker i.legend-due-date {
     background-color: #cf2a2a;
     border-radius: 5px;
@@ -5625,7 +2488,7 @@ mat-button-toggle-group{
     margin-right: 8px;
     vertical-align: middle;
     display: inline-block; }
-  
+
   .datepicker i.legend-selected-date {
     background-color: #fff;
     border: 2px solid #0568ae;
@@ -5635,7 +2498,7 @@ mat-button-toggle-group{
     margin-right: 8px;
     vertical-align: middle;
     display: inline-block; }
-  
+
   .datepicker i.legend-selectedisdue {
     background-color: #fff;
     border: 2px solid #0568ae;
@@ -5646,7 +2509,7 @@ mat-button-toggle-group{
     position: relative;
     vertical-align: middle;
     width: 18px; }
-  
+
   .datepicker i.legend-selectedisdue:after {
     background-color: #cf2a2a;
     border-radius: 3px;
@@ -5657,14 +2520,14 @@ mat-button-toggle-group{
     position: absolute;
     top: 2px;
     width: 10px; }
-  
+
   .datepicker .text-left {
     width: 100%; }
-  
+
   .datepicker .active.old {
     background-color: #ededed !important;
     color: #ededed !important; }
-  
+
   .s,
   .m,
   .t,
@@ -5680,70 +2543,70 @@ mat-button-toggle-group{
     margin: 0 auto;
     background-color: white;
     background-repeat: no-repeat; }
-  
+
   .s {
     background-position: -62px 0; }
-  
+
   .m {
     background-position: -5px 0; }
-  
+
   .t {
     background-position: -19px 0; }
-  
+
   .w {
     background-position: -34px 0; }
-  
+
   .f {
     background-position: -49px 0; }
-  
+
   /* spanish */
   .d {
     background-position: 0 0; }
-  
+
   .l {
     background-position: 0 0; }
-  
+
   .v {
     background-position: 0 0; }
-  
+
   .j {
     background-position: 0 0; }
-  
+
   .datepicker-container {
     position: relative; }
-  
+
   .btn-calendar-icon:focus .icon-primary-calendar {
     outline: 1px dotted #191919; }
-  
+
   .btn-calendar-icon:focus {
     outline: none; }
-  
+
   /* remove focus outline when dropdown is opened */
   /*resolve blue focus outline over dropdown with error*/
   select {
     margin-right: -1;
-    
+
     height: 36px;
     line-height: 25px;
-    
+
     background-color: #95959521; }
-  
+
   .selectWrap.disabled .icon-primary-down {
     color: #d6d6d6; }
-  
+
   .selectWrap.disabled input.awd-select {
     z-index: 0;
     padding: 10px 45px 10px 15px;
     text-indent: 0; }
-  
+
   .selectWrap.disabled button.awd-select {
     z-index: 0;
     text-indent: 15px; }
-  
+
   .selectWrap.disabled:after {
     color: #5A5A5A;
     cursor: not-allowed; }
-  
+
   input.awd-select {
     background-color: transparent;
     border: 1px solid #d2d2d2;
@@ -5767,7 +2630,7 @@ mat-button-toggle-group{
       border-color: #0568ae !important;
       text-overflow: ellipsis;
       padding-right: 45px; }
-  
+
   button.awd-select {
     background-color: transparent;
     border: 1px solid #d2d2d2;
@@ -5806,7 +2669,7 @@ mat-button-toggle-group{
       right: 33px;
       top: 5px;
       z-index: 1000; }
-  
+
   button.awd-select.large {
     align-items: center;
     display: flex;
@@ -5821,7 +2684,7 @@ mat-button-toggle-group{
       position: absolute;
       top: 20px;
       width: 40px; }
-  
+
   .selectWrap.large {
     height: 60px; }
     .selectWrap.large .awd-select-list-item {
@@ -5839,7 +2702,7 @@ mat-button-toggle-group{
         top: 20px;
         width: 40px;
         top: 10px; }
-        
+
         .inputWrap {
     border-radius: 6px;
     position: relative;
@@ -5848,27 +2711,27 @@ mat-button-toggle-group{
     display: block;
     margin: 0;
     }
-  
+
   button.awd-select.active {
     border-radius: 6px 6px 0 0; }
     button.awd-select.active:focus {
       border-color: #d2d2d2 !important; }
-  
+
   input.awd-select.active {
     border-radius: 6px 6px 0 0; }
     input.awd-select.active:focus {
       border-color: #d2d2d2 !important; }
-  
+
   .selectWrapper {
     position: relative; }
-  
+
   span.selectWrap input[readonly]:focus {
     color: transparent;
     text-shadow: 0 0 0 #000; }
-  
+
   .isIE.ds2-no-colors .awd-select:focus {
     outline: 1px dashed transparent; }
-  
+
   .awd-select-list {
     box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
     border-radius: 0 0 6px 6px;
@@ -5881,7 +2744,7 @@ mat-button-toggle-group{
     width: 100%;
     max-height: 320px;
     overflow-y: auto; }
-  
+
   .awd-select-list-item {
     cursor: pointer;
     height: 100%;
@@ -5904,7 +2767,7 @@ mat-button-toggle-group{
       margin-right: 7px;
       height: 26px;
       width: 26px; }
-  
+
   .selectWrap {
     border-radius: 6px;
     position: relative;
@@ -5928,16 +2791,16 @@ mat-button-toggle-group{
     .selectWrap + [aria-expanded="true"] {
       padding-bottom: 9px;
       padding-top: 20px; }
-  
+
   .awd-select-list-item[data-hover="true"] {
     background-color: #d2d2d2; }
-  
+
   span input.awd-select {
     width: 100%;
     cursor: pointer;
     text-overflow: ellipsis;
     padding-right: 45px; }
-  
+
   li.optgroup-wrapper {
     font-family: "Omnes-ECOMP-W02-Medium", Arial;
     cursor: default !important;
@@ -5946,31 +2809,20 @@ mat-button-toggle-group{
       padding-top: 10px; }
     li.optgroup-wrapper:hover {
       background-color: #f2f2f2; }
-  
+
   ul.optgroup {
     font-family: "Omnes-ECOMP-W02", Arial;
     cursor: pointer !important;
     margin: 0 -15px; }
     ul.optgroup li {
       padding: 0 0 0 33px; }
-  
+
   label + .selectWrap {
     margin-top: 4px; }
-  
-  .selectorModule {
-    border-radius: 6px;
-    position: relative;
-    height: 36px;
-    line-height: 28px;
-    display: block;
-    margin: 0;
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-  
+
   .group .selectWrap {
     margin: 0 0 10px 0; }
-  
+
   select.awd-select {
     position: relative;
     top: 0;
@@ -6022,2402 +2874,79 @@ mat-button-toggle-group{
           top: -1px; }
     select.awd-select:focus + span {
       border-color: #0568ae; }
-  
-  .isIE select.awd-select + span {
-    line-height: 1; }
-  
-  [data-default-option="true"] {
-    color: #767676 !important;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  
-  .placeholdercolor {
-    color: #767676 !important;
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  
-  .filterTank button.awd-select {
-    border-color: #d2d2d2;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #333333; }
-    .filterTank button.awd-select:after {
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2; }
-  
-  .utility-bg button.awd-select {
-    border-color: #d2d2d2;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #333333; }
-    .utility-bg button.awd-select:after {
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2; }
-  
-  .utility-bg select.awd-select + span {
-    border-color: #d2d2d2;
-    border-color: #d2d2d2;
-    background-color: #333333;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #FFFFFF; }
-    .utility-bg select.awd-select + span:after {
-      background-color: #FFFFFF !important;
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2;
-      border-color: #d2d2d2; }
-  
-  .utility-bg select.awd-select:focus + span {
-    border-color: #d2d2d2;
-    border-color: #d2d2d2;
-    background-color: #333333;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #FFFFFF; }
-    .utility-bg select.awd-select:focus + span:after {
-      background-color: #FFFFFF !important;
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2;
-      border-color: #d2d2d2; }
-  
-  .utility-bg select.awd-select:hover + span {
-    border-color: #d2d2d2;
-    border-color: #d2d2d2;
-    background-color: #333333;
-    background-color: #333333;
-    color: #FFFFFF;
-    color: #FFFFFF; }
-    .utility-bg select.awd-select:hover + span:after {
-      background-color: #FFFFFF !important;
-      background-color: #FFFFFF !important;
-      border-color: #d2d2d2;
-      border-color: #d2d2d2; }
-  
-  input.awd-select[disabled] {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    input.awd-select[disabled] + span {
-      cursor: not-allowed;
-      border-color: #d2d2d2;
-      background-color: #d2d2d2;
-      background-image: none;
-      color: #5A5A5A; }
-  
-  button.awd-select[disabled] {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    button.awd-select[disabled]:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled] + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled]:focus + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-  
-  select.awd-select[disabled]:hover + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-  
-  input.awd-select[disabled="disabled"] {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    input.awd-select[disabled="disabled"] + span {
-      cursor: not-allowed;
-      border-color: #d2d2d2;
-      background-color: #d2d2d2;
-      background-image: none;
-      color: #5A5A5A; }
-  
-  select.awd-select[disabled="disabled"] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled="disabled"] + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled="disabled"]:focus + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled="disabled"]:focus + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  select.awd-select[disabled="disabled"]:hover + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-    select.awd-select[disabled="disabled"]:hover + span:after {
-      background-color: #d2d2d2 !important;
-      border-color: #d2d2d2; }
-  
-  .ddexpand-wrapper > h2 {
-    margin-bottom: 11px; }
-    .ddexpand-wrapper > h2 + p {
-      margin-bottom: 4px; }
-  
-  .ddexpand-wrapper .selectWrap + [aria-expanded="true"] .form-row {
-    margin-top: 11px; }
-  
-  .ddexpand-wrapper .selectWrap + [aria-expanded="true"] .row + .row .form-row {
-    margin-top: 14px; }
-  
-  .modal .awd-select-list {
-    z-index: 1060 !important; }
-  
-  .form-row.error button.awd-select.active:focus {
-    border-color: #cf2a2a !important; }
-  
-  .form-row.error input.awd-select.active:focus {
-    border-color: #cf2a2a !important; }
-  
-  .awd-module-list .module-list-item[aria-selected="true"] {
-    background-color: #f2f2f2; }
-  
-  li.module-list-item[aria-selected="true"]:before {
-    color: #0568ae;
-    display: inline-block;
-    font-family: "icoControls" !important;
-    font-style: normal;
-    font-size: 20px;
-    font-weight: normal;
-    font-variant: normal;
-    height: 1em;
-    margin-right: 7px;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    position: relative;
-    speak: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    vertical-align: middle;
-    width: 1em;
-    content: "\e907";
-    box-sizing: border-box;
-    display: inline-block;
-    font-size: 2em;
-    height: 1em;
-    position: absolute;
-    top: 20px;
-    right: 0px;
-    vertical-align: middle;
-    width: 1em;
-    color: #007a3e; }
-  
-  @media (min-width: 768px) {
-    span[class*="large"] {
-      max-width: 370px; }
-    .large {
-      max-width: 370px; } }
-  
-  @media (max-width: 767px) {
-    .selectWrap.large:after {
-      right: 5px; }
-    .selectWrap.large .awd-select-list-item {
-      padding-right: 41px; }
-    .selectWrap + div > h4 {
-      margin-bottom: 0;
-      font-size: 16px; } }
-  
-  /**********************Dropdown Chrome scrolling fix start ********************/
-  input.awd-select {
-    -webkit-user-select: text;
-    -moz-user-select: text;
-    -ms-user-select: text;
-    user-select: text; }
-  
-  /**********************Dropdown Chrome scrolling fix end ********************/
-  .mpc-expanders {
-    border-bottom: 1px solid #e4e4e4;
-    border-top: 1px solid #e4e4e4; }
-  
-  .mpc-expanders + .mpc-expanders {
-    border-top: 0px; }
-  
-  .mpc-expanders .heading-medium {
-    margin-bottom: 10px; }
-  
-  .mpc-expanders .p-small {
-    margin-top: 5px; }
-  
-  .mpc-expander-body {
-    border-top: 1px solid #e4e4e4; }
-  
-  .mpc-expander-body .mpc-expanders {
-    border-bottom: 1px solid #e4e4e4;
-    border-top: 0; }
-  
-  .mpc-expander-body .mpc-expanders:last-child {
-    border-bottom: 0px; }
-  
-  .ddh-blue {
-    color: #0574ac; }
-  
-  .b2b-dragdrop {
-    border: 1px dashed #bbb;
-    border-radius: 5px;
-    padding: 0;
-    text-align: center;
-    color: #bbb;
-    position: relative; }
-  
-  .b2b-dragdrop-over {
-    background: #0091d9;
-    color: #006496; }
-    .b2b-dragdrop-over:after {
-      content: "Drop the file";
-      color: #fff;
-      width: 80px;
-      height: 20px;
-      overflow: hidden;
-      margin: auto;
-      position: absolute;
-      top: 0;
-      left: 0;
-      bottom: 0;
-      right: 0; }
-  
-  .b2b-file-container {
-    position: relative;
-    overflow: hidden;
-    display: inline-table;
-    font-weight: 400; }
-    .b2b-file-container [type=file] {
-      position: absolute;
-      cursor: inherit;
-      display: block;
-      font-size: 0;
-      opacity: 0;
-      height: 0;
-      width: 0;
-      left: 0;
-      top: 0;
-      -ms-filter: "alpha(Opacity=0)"; }
-  
-  .b2b-upload-link {
-    color: #0568ae; }
-  
-  .b2b-flyout {
-    position: relative;
-    display: inline-block;
-    cursor: default; }
-  
-  .b2b-flyout-icon {
-    cursor: pointer; }
-    .b2b-flyout-icon:focus {
-      outline: thin dotted #666;
-      outline-offset: -1px; }
-  
-  .b2b-flyout .b2b-flyout-container {
-    border: 1px solid #d3d3d3;
-    width: 300px;
-    padding: 20px;
-    pointer-events: auto;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    font-size: 16px;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    background: #fff;
-    border-radius: 6px;
-    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-    color: #333;
-    line-height: 20px;
-    position: absolute;
-    top: 35px;
-    opacity: 0;
-    z-index: 1010;
-    display: none; }
-    .b2b-flyout .b2b-flyout-container.open-flyout {
-      opacity: 1;
-      display: block; }
-  
-  .b2b-flyout i.b2b-flyout-caret {
-    position: absolute;
-    top: -8px;
-    left: 50%;
-    opacity: 0;
-    z-index: 1011;
-    display: none; }
-    .b2b-flyout i.b2b-flyout-caret.open-flyout {
-      opacity: 1;
-      display: block; }
-    .b2b-flyout i.b2b-flyout-caret:before {
-      content: "";
-      border-left: 8px solid transparent;
-      border-right: 8px solid transparent;
-      border-bottom: 8px solid #d3d3d3;
-      position: absolute;
-      top: -1px; }
-    .b2b-flyout i.b2b-flyout-caret:after {
-      content: "";
-      border-left: 8px solid transparent;
-      border-right: 8px solid transparent;
-      border-bottom: 8px solid #fff;
-      position: absolute; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-left i.b2b-flyout-caret {
-    left: 16px !important; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-right i.b2b-flyout-caret {
-    left: inherit !important;
-    right: 30px !important; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-above {
-    box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.25); }
-    .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret {
-      top: auto;
-      bottom: 0px; }
-      .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:before {
-        top: auto;
-        bottom: -9px;
-        border-top: 8px solid #d3d3d3;
-        border-bottom: none; }
-      .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:after {
-        border-top: 8px solid #fff;
-        border-bottom: none; }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-centerLeft i.b2b-flyout-caret {
-    left: inherit !important;
-    right: -7px !important;
-    top: 8px;
-    transform: rotate(90deg); }
-  
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-centerRight i.b2b-flyout-caret {
-    left: -8px !important;
-    top: 296px;
-    transform: rotate(-90deg); }
-  
-  .b2b-flyout .buttons-group {
-    margin-top: 20px; }
-    .b2b-flyout .buttons-group .cta-button-group {
-      width: 100%;
-      border-top: 1px solid #ccc;
-      padding: 20px 0 0; }
-      .b2b-flyout .buttons-group .cta-button-group button {
-        margin-bottom: 0; }
-  
-  .b2b-flyout .heading {
-    font-size: 20px;
-    margin-bottom: 10px; }
-  
-  .b2b-flyout .body-text {
-    font-size: 14px;
-    margin-bottom: 30px; }
-  
-  .b2b-footer-wrapper {
-    width: 100%;
-    background-color: #222; }
-  
-  .b2b-footer-container {
-    width: 980px;
-    margin: 0 auto;
-    padding-top: 15px; }
-    .b2b-footer-container .footer-columns {
-      display: inline-block;
-      text-align: left;
-      vertical-align: top; }
-      .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-        padding-top: 30px; }
-      .b2b-footer-container .footer-columns.three-column {
-        width: 33.3%;
-        padding-left: 75px; }
-      .b2b-footer-container .footer-columns.four-column {
-        width: 25%;
-        padding-left: 75px; }
-      .b2b-footer-container .footer-columns.five-column {
-        width: 20%; }
-      .b2b-footer-container .footer-columns .b2b-footer-header {
-        color: #009fdb;
-        font-size: 18px;
-        font-style: normal;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial;
-        line-height: 23.9px;
-        margin: 0; }
-      .b2b-footer-container .footer-columns li {
-        padding: 7.5px 0; }
-      .b2b-footer-container .footer-columns ul li:first-child {
-        padding-top: 15px; }
-      .b2b-footer-container .footer-columns li a {
-        color: #fff;
-        font-size: 16px;
-        font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-footer-container .footer-nav-content {
-      padding-bottom: 10px; }
-      .b2b-footer-container .footer-nav-content li {
-        display: inline;
-        font-size: 14px;
-        color: #fff;
-        vertical-align: middle; }
-        .b2b-footer-container .footer-nav-content li a {
-          color: #fff;
-          font-size: 14px;
-          vertical-align: middle;
-          margin-right: 5px;
-          font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-footer-wrapper .b2b-footer-container hr {
-    background: #d2d2d2;
-    margin-top: 50px; }
-  
-  .b2b-footer-wrapper .divider-bottom-footer {
-    padding: 45px 0 50px 0; }
-  
-  .b2b-footer-wrapper .footerLogo {
-    margin: 10px 0 0 0px;
-    vertical-align: top; }
-    .b2b-footer-wrapper .footerLogo div {
-      display: inline-block; }
-    .b2b-footer-wrapper .footerLogo .icon-primary-att-globe {
-      font-size: 40px; }
-    .b2b-footer-wrapper .footerLogo .logo-title {
-      color: #fff;
-      margin-left: 10px;
-      display: inline-block;
-      font-size: 26px;
-      margin-top: 0px; }
-  
-  .b2b-footer-wrapper .copyright-text {
-    color: #fff;
-    font-size: 11px;
-    text-align: left;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-footer-wrapper .copyright-text a {
-      color: #fff;
-      text-decoration: underline;
-      display: inline-block; }
-      .b2b-footer-wrapper .copyright-text a:hover {
-        text-decoration: none; }
-  
-  @media (max-width: 768px) {
-    .b2b-footer-wrapper {
-      padding: 0 15px; }
-    .b2b-footer-container {
-      width: 100%; }
-      .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-        width: 50%; }
-    .b2b-footer-wrapper .divider-bottom-footer {
-      padding-top: 15px; }
-      .b2b-footer-wrapper .divider-bottom-footer .footer-links {
-        width: 100%; }
-    .b2b-footer-wrapper .footerLogo {
-      margin: 30px 0 0 0; }
-      .b2b-footer-wrapper .footerLogo .footer-logo {
-        margin: 0;
-        padding-left: 10px; } }
-  
-  .b2b-header-tabs {
-    background-color: #222;
-    width: 100%;
-    position: relative;
-    height: 45px; }
-    .b2b-header-tabs .icon-primary-att-globe {
-      color: #0568ae; }
-    .b2b-header-tabs a:focus {
-      border: 1px solid white; }
-    .b2b-header-tabs .header__items {
-      width: 980px;
-      margin: 0 auto;
-      display: block;
-      list-style: none;
-      padding: 6px 0px 0px 0px;
-      border-spacing: 30px 0; }
-    .b2b-header-tabs .header__item {
-      display: inline-block;
-      text-align: left;
-      width: auto;
-      font-size: 16px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      cursor: pointer;
-      padding: 5px 15px;
-      color: #fff; }
-      .b2b-header-tabs .header__item.b2b-headermenu {
-        padding: 0; }
-        .b2b-header-tabs .header__item.b2b-headermenu:last-child {
-          background: none; }
-        .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-          color: #fff;
-          text-decoration: none;
-          display: inline-block;
-          padding: 5px 15px; }
-      .b2b-header-tabs .header__item.active {
-        background-color: #fff;
-        border-radius: 2px;
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0; }
-        .b2b-header-tabs .header__item.active a.menu__item {
-          color: #0578ae; }
-    .b2b-header-tabs li:focus {
-      outline: 2px solid #0578ae; }
-    .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-      background-color: #fff;
-      position: absolute;
-      width: 100%;
-      left: 0;
-      top: 42px;
-      border-bottom: solid 1px #ccc;
-      -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-      -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-      display: none;
-      z-index: 111; }
-    .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-      background-color: #fff;
-      width: 980px;
-      margin: 0 auto; }
-    .b2b-header-tabs .header__item.active .header-secondary-wrapper {
-      display: block; }
-    .b2b-header-tabs .header-secondary .header-subitem {
-      display: inline-block;
-      width: auto;
-      margin: 0 15px; }
-      .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-        display: block; }
-      .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-        display: inline-block;
-        padding: 15px 0;
-        color: #333; }
-        .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-          color: #0578ae; }
-  
-  /** Secondary Menu **/
-  .b2b-labelhide {
-    position: absolute;
-    clip: rect(1px, 1px, 1px, 1px); }
-  
-  /** Tertiary Level Menu **/
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-    position: absolute;
-    z-index: 111;
-    top: 25px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after, .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-      content: '';
-      border-left: 8px solid transparent;
-      border-right: 8px solid transparent;
-      position: absolute;
-      -webkit-transition: left .2s ease-out;
-      -moz-transition: left .2s ease-out;
-      transition: left .2s ease-out; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-      border-bottom: 8px solid #fff;
-      top: 10px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-      border-bottom: 8px solid #ccc;
-      top: 9px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-    border-top: solid 1px #ccc; }
-  
-  .b2b-header-tabs .header-tertiary:after {
-    content: '';
-    clear: both;
-    display: block; }
-  
-  .b2b-header-tabs .header-tertiary li {
-    display: inline-block;
-    padding: 0;
-    float: left; }
-    .b2b-header-tabs .header-tertiary li a {
-      color: #333;
-      display: block;
-      padding: 10px 15px; }
-    .b2b-header-tabs .header-tertiary li label {
-      text-align: left;
-      display: block;
-      font-size: 16px;
-      font-weight: bold;
-      color: #857B7B;
-      padding: 15px 0 0 15px; }
-  
-  .b2b-header-tabs .header__item.skip {
-    padding: 0;
-    display: inline-block;
-    cursor: default !important; }
-    .b2b-header-tabs .header__item.skip a {
-      color: transparent;
-      font-size: 12px;
-      line-height: 15px;
-      text-decoration: none; }
-      .b2b-header-tabs .header__item.skip a:focus {
-        color: #fff;
-        outline: 2px solid #0578ae; }
-  
-  .b2b-header-tabs .selectWrap {
-    min-width: 150px; }
-    .b2b-header-tabs .selectWrap button.awd-select {
-      height: 30px;
-      line-height: 31px;
-      font-size: 1rem;
-      display: inline-block; }
-    .b2b-header-tabs .selectWrap .awd-select-list {
-      background-color: #fff;
-      color: #333;
-      -webkit-transition: opacity .2s ease-out;
-      -moz-transition: opacity .2s ease-out;
-      transition: opacity .2s ease-out;
-      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-  
-  @media (max-width: 768px) {
-    .b2b-header-tabs {
-      padding: 0 15px; }
-      .b2b-header-tabs .header__items, .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-        width: 100%; }
-      .b2b-header-tabs .header__item {
-        padding: 5px 0; }
-      .b2b-header-tabs .globe-text {
-        display: none; }
-      .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-        padding: 5px 7px 9px 7px; }
-      .b2b-header-tabs .header__item .header-tertiary-wrapper {
-        top: 30px; }
-      .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-        top: 14px; }
-      .b2b-header-tabs .header__item .header-secondary-wrapper {
-        top: 45px; }
-      .b2b-header-tabs .header__item.profile {
-        padding-left: 15px;
-        float: none; } }
-  
-  /************* Header - Start *************/
-  .b2b-header-tabs {
-    background-color: #222;
-    width: 100%;
-    position: relative;
-    height: 45px; }
-  
-  .b2b-header-tabs .icon-primary-primary-att-globe {
-    color: #0568ae;
-    font-size: 34px;
-    bottom: 1px; }
-  
-  /*
-   *TODO: delete below .icon-primary-att-globel will not be used 
-   *instead the one above, icon-primary-primary-att-globe not available here
-   */
-  .b2b-header-tabs .icon-primary-att-globe {
-    color: #0568ae;
-    font-size: 34px; }
-  
-  .b2b-header-tabs .globe-text {
-    margin-left: 20px;
-    font-size: 2rem; }
-  
-  .b2b-header-tabs .header__items {
-    width: 980px;
-    margin: 0 auto;
-    display: block;
-    list-style: none;
-    border-spacing: 30px 0;
-    padding: 3px 0px 0px 0px; }
-  
-  .b2b-header-tabs .header__item {
-    display: inline-block;
-    text-align: left;
-    width: auto;
-    font-size: 14px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    cursor: pointer;
-    padding: 0 15px 4px 15px;
-    /*margin-top:-3px;*/
-    color: #fff; }
-  
-  .b2b-header-tabs .header__item.b2b-headermenu {
-    padding: 0; }
-  
-  .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-    color: #fff;
-    text-decoration: none;
-    display: inline-block;
-    padding: 8px 15px 12px 15px;
-    font-size: 16px; }
-  
-  .b2b-header-tabs .header__item.active {
-    background-color: #fff;
-    border-radius: 2px;
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0; }
-  
-  .b2b-header-tabs .header__item.active a.menu__item {
-    color: #0578ae; }
-  
-  .b2b-header-tabs li:focus {
-    outline: 2px solid #0578ae; }
-  
-  /** profile pop Over **/
-  .b2b-header-tabs .header__item.profile {
-    position: relative;
-    float: right; }
-  
-  /** Secondary Menu **/
-  .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-    background-color: #fff;
-    position: absolute;
-    width: 100%;
-    left: 0;
-    top: 42px;
-    border-bottom: solid 1px #ccc;
-    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    display: none;
-    z-index: 111; }
-  
-  .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-    background-color: #fff;
-    width: 980px;
-    margin: 0 auto; }
-  
-  .b2b-header-tabs .header__item.active .header-secondary-wrapper,
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-    display: block; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem {
-    display: inline-block;
-    width: auto;
-    margin: 0 15px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-    display: inline-block;
-    padding: 15px 0;
-    color: #333;
-    font-size: 14px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-    color: #0578ae; }
-  
-  .b2b-label-hide {
-    position: absolute;
-    clip: rect(1px, 1px, 1px, 1px); }
-  
-  /** Tertiary Level Menu **/
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after,
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    content: '';
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
-    position: absolute;
-    -webkit-transition: left .2s ease-out;
-    -moz-transition: left .2s ease-out;
-    transition: left .2s ease-out; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-    position: absolute;
-    z-index: 111;
-    top: 25px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-    border-bottom: 8px solid #fff;
-    top: 10px; }
-  
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    border-bottom: 8px solid #ccc;
-    top: 9px; }
-  
-  /** Tertiary Level Menu **/
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-    border-top: solid 1px #ccc; }
-  
-  .b2b-header-tabs .header-tertiary:after {
-    content: '';
-    clear: both;
-    display: block; }
-  
-  .b2b-header-tabs .header-tertiary li {
-    display: inline-block;
-    padding: 0;
-    float: left; }
-  
-  .b2b-header-tabs .header-tertiary li a {
-    color: #333;
-    display: block;
-    padding: 7px 15px;
-    max-width: 228px; }
-  
-  .b2b-header-tabs .header-tertiary li label {
-    text-align: left;
-    display: block;
-    font-size: 14px !important;
-    font-weight: bold;
-    color: #857B7B;
-    padding: 15px 0 0 15px; }
-  
-  /** Quarternary Level Menu **/
-  .b2b-header-tabs .header-quarternary {
-    width: 100%;
-    float: left; }
-  
-  .b2b-header-tabs .header-quarternary li {
-    padding-left: 15px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    display: none; }
-  
-  .b2b-header-tabs .header-quarternary li.active {
-    display: block; }
-  
-  .b2b-header-tabs .header-quarternary li a {
-    color: #666666;
-    font-size: 14px;
-    padding: 0px 10px 10px 10px; }
-  
-  /** Skip Navigation**/
-  .b2b-header-tabs .header__item.skip {
-    padding: 0;
-    display: inline-block;
-    cursor: default !important; }
-  
-  .b2b-header-tabs .header__item.skip a {
-    color: transparent;
-    font-size: 12px;
-    line-height: 15px;
-    text-decoration: none; }
-  
-  .b2b-header-tabs .header__item.skip a:focus {
-    color: #fff;
-    outline: 2px solid #0578ae; }
-  
-  /** Dropdown css inside Header ****/
-  .b2b-header-tabs .selectWrap {
-    min-width: 150px; }
-  
-  .b2b-header-tabs .selectWrap button.awd-select, .b2b-header-tabs .selectWrap input.awd-select {
-    height: 36px;
-    line-height: 31px;
-    font-size: 1rem;
-    display: inline-block; }
-  
-  .b2b-header-tabs .selectWrap .awd-select-list {
-    background-color: #fff;
-    color: #333;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-  
-  /*
-   * responsive header media queries
-   */
-  @media screen and (max-width: 1100px) {
-    .b2b-header-tabs .globe-text {
-      display: none; }
-    .b2b-header-tabs .header__item.profile {
-      padding-left: 15px;
-      float: none; }
-    .b2b-header-tabs .header__items {
-      padding-top: 0px; } }
-  
-  @media screen and (max-width: 950px) {
-    .header__item.profile {
-      top: 20px; }
-    .b2b-header-tabs {
-      height: 90px; }
-    .header__item .selectWrap {
-      bottom: 15px; }
-    .b2b-header-tabs .header__items {
-      padding-top: 25px; }
-    .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-      top: 80px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-      top: 35px; }
-    .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-      padding-bottom: 30px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-      margin-top: -28px; } }
-  
-  /*************** Header - END ******************/
-  .hp-container {
-    display: block;
-    max-width: 408px; }
-    .hp-container i:focus {
-      outline: thin dotted #666; }
-    .hp-container .icon-misc-pen {
-      cursor: pointer; }
-    .hp-container .icon-misc-trash {
-      cursor: pointer; }
-  
-  .hp-selected {
-    border-bottom: 1px solid #ccc;
-    border-bottom: 1px solid #ccc;
-    margin-bottom: 16px;
-    padding-bottom: 16px; }
-    .hp-selected .selected-days {
-      padding-bottom: 16px; }
-      .hp-selected .selected-days .day {
-        padding-top: 10px;
-        float: left; }
-  
-  /* .hp-checkbox {
-    padding-top: 20px;
-    margin: 16px auto 0 auto; }
-    .hp-checkbox label {
-      position: relative;
-      width: 20px;
-      margin-right: 34px; }
-      .hp-checkbox label span {
-        position: absolute;
-        top: -20px;
-        left: 0px;
-        margin-left: 0px; } */
-  
-  .hp-dropdowns {
-    margin-top: 15px;
-    display: flex;
-    display: -webkit-flex;
-    display: -ms-flexbox; }
-  
-  .hp-buttons {
-    margin-top: 20px;
-    display: flex;
-    display: -webkit-flex;
-    display: -ms-flexbox; }
-  
-  .hp-dropdowns .radio-buttons {
-    margin-top: 30px; }
-    .hp-dropdowns .radio-buttons .radio {
-      margin-right: 15px; }
-  
-  
-  
-  /* TODO: Build a reference page for these classes */
-  .font-regular {
-    font-family: "Omnes-ECOMP-W02", Arial !important; }
-  
-  .font-light {
-    font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-  
-  .font-italic {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-  
-  .font-light-italic {
-    font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-  
-  .font-medium {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-  
-  .font-medium-italic {
-    font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-  
-  .font-reset {
-    font-style: normal;
-    font-variant: normal;
-    font-weight: normal;
-    text-transform: none; }
-  
-  .b2b-nav-menu {
-    background-color: #efefef;
-    border: 1px solid #efefef;
-    width: 230px;
-    font-size: 1.4rem; }
-  
-  .b2b-subnav-container > ul {
-    padding: 0px; }
-  
-  .b2b-subnav-content {
-    margin: 0;
-    margin-bottom: 10px; }
-  
-  .b2b-subnav-content > li {
-    border-bottom: 1px solid #999999;
-    position: relative;
-    cursor: pointer; }
-  
-  .b2b-subnav-content > li > a {
-    text-decoration: none;
-    line-height: 18px;
-    display: block;
-    padding: 10px; }
-  
-  .b2b-subnav-content > li > a.expand {
-    color: #333; }
-  
-  .b2b-subnav-content > li ul {
-    overflow: hidden;
-    max-height: 0;
-    transition-duration: 0.5s;
-    transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
-  
-  .b2b-subnav-content > li ul.expand {
-    transition-duration: 0.7s;
-    transition-timing-function: ease-in-out;
-    max-height: 1000px;
-    overflow: hidden; }
-  
-  .b2b-subnav-content > li > a:focus, .b2b-subnav-content > li ul > li > a:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-subnav-content > li ul > li > a {
-    line-height: 18px;
-    padding: 8px 0;
-    display: block;
-    outline-offset: -4px;
-    padding-left: 10px; }
-  
-  .b2b-icon-primary-plus-minus {
-    display: inline-block;
-    height: 20px;
-    margin-right: 10px;
-    padding: 0;
-    position: absolute;
-    right: 0px;
-    top: 10px;
-    vertical-align: middle;
-    width: 20px; }
-  
-  @media (min-width: 320px) and (max-width: 767px) {
-    .b2b-nav-menu {
-      background-color: #fff;
-      border: 1px solid white;
-      width: 100%; }
-    .b2b-subnav-content > li {
-      padding-left: 10px; }
-    .b2b-subnav-container > ul:first-child {
-      border-top: 1px solid #999; }
-    .b2b-icon-primary-plus-minus {
-      right: 10px; }
-    .b2b-subnav-content > li li > a.active {
-      color: #0574ac;
-      text-decoration: none;
-      font-family: "Omnes-ECOMP-W02", Arial; } }
-  
-  .b2b-list-box-item {
-    white-space: nowrap;
-    margin: 1px;
-    border: 1px solid transparent;
-    outline: none;
-    visibility: inherit;
-    display: inherit;
-    text-align: left;
-    overflow: hidden;
-    cursor: pointer;
-    padding: 5px 0 5px;
-    padding-left: 15px;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none; }
-    .b2b-list-box-item:focus {
-      border: 2px solid #5e8cb3; }
-  
-  .b2b-list-box-item--selected {
-    background-color: #cfdde9; }
-  
+
+
   .btn.disabled[ddh-load-button] {
     line-height: 46px;
     padding: 0 19px 0 18px; }
-  
+
   .btn.disabled[ddh-load-button] {
     color: #666666; }
-  
+
   .icon-primary-spinner-ddh.large {
     height: 50px;
     width: 50px; }
-  
+
   .icon-primary-spinner-ddh.small {
     height: 30px;
     width: 30px; }
-  
+
   .icon-primary-spinner-ddh {
     -webkit-animation: 1s linear infinite spinner;
     animation: 1s linear infinite spinner;
     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgaWQ9InN2Zy1zcGlubmVyIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgIDxwYXRoIGZpbGw9IiNGNUY1RjUiIGQ9Ik0xOCAzNkM4LjEgMzYgMCAyNy45IDAgMThTOC4xIDAgMTggMHMxOCA4LjEgMTggMTgtOC4xIDE4LTE4IDE4em0wLTMxLjVjLTcuNSAwLTEzLjUgNi0xMy41IDEzLjVTMTAuNiAzMS41IDE4IDMxLjVjNy41IDAgMTMuNS02LjEgMTMuNS0xMy41IDAtNy41LTYtMTMuNS0xMy41LTEzLjV6Ii8+CiAgIDxwYXRoIGZpbGw9IiMwNTY4QUUiIGlkPSJzcGlubmVyIiBkPSJNMzAuNyA1LjNsLTMuMSAzLjJjMi40IDIuNCAzLjkgNS44IDMuOSA5LjUgMCA3LjQtNi4xIDEzLjUtMTMuNSAxMy41UzQuNSAyNS40IDQuNSAxOCAxMC42IDQuNSAxOCA0LjVWMEM4LjEgMCAwIDguMSAwIDE4czguMSAxOCAxOCAxOCAxOC04LjEgMTgtMThjMC01LTItOS41LTUuMy0xMi43eiIgdHJhbnNmb3JtPSIiPiAgICAgIAogICA8L3BhdGg+Cjwvc3ZnPg==); }
-  
+
   .btn-small .icon-primary-spinner-ddh {
     height: 30px !important;
     width: 30px !important; }
-  
+
   .btn-small .icon-primary-spinner {
     height: 30px;
     width: 30px; }
-  
-  .load-backdrop {
-    position: absolute;
-    top: 50%;
-    left: 50%; }
-  
-  .small-modal-loader {
-    width: 420px !important;
-    height: 212px !important;
-    text-align: center; }
-  
-  .small-modal-loader .icon-primary-spinner {
-    margin-bottom: 5px; }
-  
-  .body.styled-by-modal {
-    position: fixed; }
-  
-  .b2b-modal-backdrop {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: -1; }
-  
-  .b2b-modal-backdrop.fade {
-    background-color: #000;
-    opacity: 0;
-    filter: alpha(opacity=0);
-    transition: all 0.3s linear 0s; }
-  
-  .b2b-modal-backdrop.fade.in {
-    z-index: 1040;
-    opacity: 0.7;
-    filter: alpha(opacity=70);
-    background-color: #000;
-    transition: opacity 0.3s linear 0s; }
-  
-  .modalwrapper {
-    height: 100%;
-    width: 100%;
-    left: 0;
-    overflow-y: hidden;
-    position: absolute;
-    right: 0;
-    padding: 20px;
-    top: 0;
-    z-index: -1; }
-  
-  .modalwrapper.active {
-    z-index: 1050;
-    overflow-y: auto; }
-  
-  .modal {
-    background-clip: padding-box;
-    background-color: #ffffff;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 8px;
-    box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.4);
-    margin: 0 auto;
-    /*margin-bottom:10%;*/
-    outline: medium none;
-    /*position: absolute;*/
-    height: 0;
-    min-height: 150px;
-    overflow: hidden;
-    /*top: 10%;*/
-    width: 100%;
-    z-index: -1; }
-  
-  .modalwrapper.modal-docked .modal {
-    max-height: 80%;
-    height: 80%;
-    overflow: hidden;
-    top: 0; }
-  
-  .modal.fade.in {
-    position: relative;
-    height: auto;
-    overflow: auto;
-    top: 10%;
-    z-index: 1060;
-    transition: opacity .5s linear 0s; }
-  
-  .modal.fade.in.modal-landscape {
-    overflow-y: auto; }
-  
-  .modal.fade {
-    transition: opacity .5s linear 0s; }
-  
-  .fade.in {
-    opacity: 1; }
-  
-  .fade {
-    opacity: 0; }
-  
-  .b2b-modal-header {
-    align-items: center;
-    border-radius: 8px 8px 0 0;
-    display: flex;
-    min-height: 60px;
-    overflow: hidden;
-    padding: 30px 46px 30px 30px;
-    position: relative; }
-  
-  .b2b-modal-header > h2 {
-    line-height: 1;
-    margin: 0;
-    padding: 0; }
-  
-  .modal-header-portrait {
-    -webkit-overflow-scrolling: auto; }
-  
-  .modal-header-landscape {
-    -webkit-overflow-scrolling: auto; }
-  
-  .b2b-modal-body {
-    -webkit-overflow-scrolling: touch;
-    padding: 0 30px 20px;
-    position: relative;
-    width: auto; }
-  
-  .b2b-modal-body:focus {
-    outline: 1px dotted #333333; }
-  
-  .modal-form {
-    margin-bottom: 0; }
-  
-  .b2b-modal-footer {
-    background-color: #fff;
-    width: 100%;
-    padding: 0 30px;
-    border-radius: 0;
-    position: absolute;
-    bottom: 0; }
-  
-  :not(.modal-docked) .b2b-modal-footer {
-    position: relative; }
-  
-  .modal-landscape .b2b-modal-footer {
-    position: relative; }
-  
-  .b2b-modal-footer .cta-button-group {
-    display: flex;
-    justify-content: flex-end;
-    padding: 20px 0 5px;
-    width: 100%;
-    border-top: 1px solid #d2d2d2; }
-  
-  .b2b-modal-footer .cta-button-group .btn {
-    margin-left: auto;
-    margin-right: auto;
-    float: right;
-    margin-left: 10px; }
-  
-  .b2b-modal-footer .cta-button-group .marginLeft0 {
-    margin-left: 0px; }
-  
-  .b2b-modal-footer .cta-button-group .btn-footer-left {
-    margin-right: auto; }
-  
-  .b2b-modal-footer .cta-button-group .btn + .btn {
-    margin-right: 0 !important; }
-  
-  [class*="modal-"] {
-    width: 100%; }
-  
-  .modal-small {
-    max-width: 420px; }
-  
-  .modal-medium {
-    max-width: 620px; }
-  
-  .modal-large {
-    max-width: 720px; }
-  
-  .modal-xlarge {
-    max-width: 860px; }
-  
-  .modal-jumbo {
-    max-width: 1000px; }
-  
-  .modalwrapper.modal-docked {
-    height: 100%;
-    display: flex;
-    align-items: center; }
-  
-  .modalwrapper.modal-docked .b2b-modal-body {
-    height: 80%;
-    overflow-y: scroll;
-    padding-bottom: 60px; }
-  
-  .modalwrapper.modal-docked .modal {
-    max-height: 80%;
-    height: 80%;
-    overflow: hidden;
-    top: 0; }
-  
-  .modalwrapper.modal-docked .b2b-modal-body > *:last-child {
-    margin-bottom: 60px; }
-  
-  @media (max-width: 767px) {
-    .modalwrapper {
-      padding: 15px;
-      overflow-x: hidden; }
-    .modal.fade.in {
-      top: 0;
-      right: 0;
-      left: 0;
-      margin-bottom: 15px;
-      border: none; }
-    .b2b-modal-header {
-      padding: 20px 46px 20px 15px; }
-    .b2b-modal-body {
-      width: 100%;
-      padding: 0 15px 15px; }
-    .modalwrapper.modal-docked {
-      position: absolute;
-      height: 100%;
-      padding: 0; }
-    .modalwrapper.modal-docked .modal.fade.in {
-      margin-bottom: 0;
-      width: 100% !important;
-      max-height: 100%;
-      height: 100%;
-      border-radius: 0; }
-    .modalwrapper.modal-docked .b2b-modal-body {
-      overflow-y: scroll;
-      height: 100%; }
-    .modalwrapper.modal-docked.modal-landscape {
-      overflow-y: hidden;
-      position: fixed; }
-    .modalwrapper.modal-docked.modal-landscape .modal {
-      overflow-y: scroll;
-      max-width: 100%; }
-    .modalwrapper.modal-docked.modal-landscape .b2b-modal-body {
-      height: auto;
-      overflow-y: hidden; }
-    .b2b-modal-footer {
-      padding: 0 15px; }
-    .b2b-modal-footer .cta-button-group {
-      display: block;
-      padding: 15px 0; }
-    .b2b-modal-footer .cta-button-group .btn {
-      float: none; }
-    .b2b-modal-footer .cta-button-group .btn + .btn {
-      margin-bottom: 0; }
-    .b2b-modal-footer .cta-button-group a.visible-phone {
-      align-items: center;
-      display: flex !important;
-      height: 42px;
-      justify-content: center; } }
-  
-  .b2b-modal-footer > .cta-button-group {
-    line-height: 40px; }
-  
-  .ajaxed,
-  .modal.fade.in .b2b-modal-header,
-  .modal.fade.in .b2b-modal-body,
-  .modal.fade.in .b2b-modal-footer {
-    animation-duration: 0.01s;
-    -o-animation-duration: 0.01s;
-    -ms-animation-duration: 0.01s;
-    -moz-animation-duration: 0.01s;
-    -webkit-animation-duration: 0.01s;
-    animation-name: DOMinsertion;
-    -o-animation-name: DOMinsertion;
-    -ms-animation-name: DOMinsertion;
-    -moz-animation-name: DOMinsertion;
-    -webkit-animation-name: DOMinsertion; }
-  
-  .monthselector thead tr th {
-    min-width: 46px; }
-  
-  .monthselector thead tr:after {
-    content: "";
-    position: absolute;
-    left: 20px;
-    top: 52px;
-    height: 1px;
-    width: 85%;
-    border-bottom: 1px solid #ccc; }
-  
-  .monthselector tbody tr:last-child {
-    height: 50px; }
-  
-  .monthselector td.day {
-    margin: 1px 4px !important;
-    width: 64px !important; }
-  
-  .monthselector .datepicker-switch {
-    width: 195px !important; }
-  
-  .monthselector .show-date {
-    width: 30px !important; }
-  
-  .monthselector button.faux-input {
-    width: 100%; }
-    .monthselector button.faux-input:focus {
-      border: 1px solid #0574ac; }
-    .monthselector button.faux-input:disabled {
-      cursor: not-allowed; }
-  
-  .monthselector .cta-button-group {
-    padding: 0 20px; }
-    .monthselector .cta-button-group a {
-      margin-right: 20px; }
-  
-  .monthselector .day.active .show-date:after, .monthselector .day:focus .show-date:after, .monthselector .due-date.disabled .show-date:after {
-    height: 30px;
-    left: 9px !important;
-    top: 0;
-    width: 42px !important; }
-  
-  .monthselector .disabled.day:focus .show-date:after {
-    border: none; }
-  
-  .monthselector .icon-primary-calendar {
-    display: block; }
-  
-  .b2b-ml-nav {
-    padding: 0 10px 0 10px;
-    width: 320px; }
-  
-  .b2b-ml-nav ul {
-    list-style: none;
-    list-style-type: none; }
-  
-  .b2b-ml-nav a {
-    display: block;
-    padding: 0 0 5px 30px;
-    line-height: 22px;
-    margin-left: -10px;
-    color: #0568ae;
-    font-size: 1.4rem; }
-  
-  .b2b-ml-nav a:focus {
-    outline-offset: 1px; }
-  
-  .b2b-ml-nav li:focus {
-    outline: none; }
-  
-  .b2b-ml-nav li:focus > a {
-    outline: thin dotted #666;
-    outline-offset: 1px; }
-  
-  .b2b-ml-nav ul li {
-    border-left: 1px solid #ccc; }
-  
-  .b2b-ml-nav ul ul {
-    padding: 0 0 0 20px; }
-  
-  .b2b-ml-nav ul > li {
-    position: relative;
-    line-height: 18px; }
-  
-  .b2b-ml-nav a > span {
-    background-color: #FFF;
-    display: inline;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    left: -11px;
-    top: 0; }
-  
-  .b2b-ml-nav a > span > i {
-    font-size: 20px; }
-  
-  .b2b-ml-nav a:only-child > span {
-    left: -6px;
-    border-radius: 50%;
-    line-height: 7px;
-    top: 5px; }
-  
-  .b2b-ml-nav a:only-child > span > i {
-    background-color: inherit;
-    background: #fff;
-    font-size: 5px; }
-  
-  .b2b-ml-nav ul li:first-child > a:only-child > span {
-    left: -6px;
-    border-radius: 50%;
-    line-height: 12px;
-    top: 0px; }
-  
-  .b2b-ml-nav li a + ul {
-    display: none; }
-  
-  .b2b-ml-nav li a.active + ul {
-    display: block; }
-  
-  .b2b-ml-nav .selected {
-    color: #333; }
-  
-  /*to overide ng-doc inline property for library demo - TODO: Move to docs.css*/
-  .b2b-ml-nav a [class^="icon-primary-"], a [class*=" icon-primary-"], a [class^="icon-primary-"]:before, a [class*=" icon-primary-"]:before {
-    display: inline-block; }
-  
-  .b2b-alerts-messages {
-    background-color: #fff;
-    border-radius: 8px;
-    height: auto; }
-    .b2b-alerts-messages h3 {
-      color: #333 !important;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      margin-bottom: 0 !important;
-      margin: 1em 0 5px;
-      line-height: 27px;
-      font-size: 18px; }
-    .b2b-alerts-messages h4 {
-      color: #333 !important;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      margin-bottom: 0 !important; }
-    .b2b-alerts-messages .alert-info {
-      background-color: #0574ac;
-      border: 0; }
-    .b2b-alerts-messages .alert-error {
-      background-color: #cf2a2a;
-      border: 0; }
-    .b2b-alerts-messages .alert-success {
-      background-color: #1b7e28;
-      border: 0; }
-    .b2b-alerts-messages div:nth-child(2) {
-      padding: 0 0 15px 10px;
-      vertical-align: baseline; }
-    .b2b-alerts-messages .close:before {
-      color: #767676; }
-    .b2b-alerts-messages p {
-      font-size: 14px;
-      color: #333;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-      .b2b-alerts-messages p a {
-        color: #333; }
-    .b2b-alerts-messages .btn-small {
-      margin-bottom: 0px; }
-  
-  .b2b-alerts-success {
-    border: 1px solid #1b7e28; }
-  
-  .b2b-alerts-error {
-    border: 1px solid #cf2a2a; }
-  
-  .b2b-alerts-info {
-    border: 1px solid #0574ac; }
-  
-  /* TODO: Rearange this and move to patches if needed */
-  .b2b-breadcrumb-css-override > li {
-    margin-right: 24px; }
-  
-  .b2b-breadcrumb-css-override li > * {
-    float: left !important; }
-  
-  .b2b-css-override ul.nav-tabs {
-    margin-bottom: 0; }
-  
-  
-  .b2b-top-nav-buttons-css-override {
-    margin-bottom: 0;
-    margin-top: 2px; }
-  
-  .b2b-auto-width {
-    width: auto !important; }
-  
-  .b2b-toggle-header-active {
-    color: #0568ae; }
-  
-  .b2b-toggle-header-inactive {
-    color: #333333; }
-  
-  .b2b-toggle-header-icon {
-    cursor: pointer; }
-  
-  
-  .icon-primary-circle:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-    content: "";
-    position: absolute;
-    top: 0;
-    z-index: 1; }
-  
-  .ds2-no-colors .icon-primary-circle:before {
-    background-image: none;
-    content: "\e902"; }
-  
+
   i:focus {
     outline: thin dotted #666; }
-  
+
   .p-col-md-12 {
     width: 50%; }
-  
-  .pager__item {
-    border-radius: 0;
-    cursor: default;
-    display: inline-block;
-    margin: 5px;
-    width: 22px;
-    height: 23px;
-    vertical-align: baseline; }
-  
-  .pager {
-    padding-top: 10px;
-    padding-bottom: 20px;
-    text-align: center;
-    margin: 0 auto; }
-  
-  .pager__item--input {
-    color: #067ab4;
-    max-height: 32px;
-    max-width: 40px;
-    padding-left: 0;
-    padding-right: 0;
-    text-align: center;
-    margin-left: 10px; }
-  
-  .row.section-row {
-    margin-bottom: 20px; }
-  
-  .pager__item--active {
-    border-bottom: 2px solid #0574ac;
-    border-radius: 0;
-    color: #333333; }
-  
-  .pager a.pager__item--active:hover {
-    cursor: default; }
-  
-  .pager a:hover, .pager a:focus {
-    text-decoration: none;
-    color: #333333;
-    cursor: pointer; }
-  
-  .pager a.disabled:hover, .pager a.disabled:focus {
-    cursor: not-allowed; }
-  
-  .row.section-row.b2b-page {
-    display: block; }
-  
-  a.pager__item--next:focus, a.pager__item--prev:focus {
-    text-decoration: none;
-    border: 0; }
-  
-  .pager__item--next, .pager__item--prev {
-    margin: 5px;
-    padding: 1.5px 6px 1.5px 6px; }
-  
-  .pager .disabled i {
-    pointer-events: none;
-    cursor: default;
-    color: #c4c4c4; }
-  
+
   .fieldLabel {
     color: #666666; }
-  
+
   .fieldLabel input {
     color: #666666; }
-  
-  .pSelect {
-    float: right;
-    width: 150px; }
-  
-  .numericResult {
-    margin-bottom: 20px;
-    font-size: 1.6rem;
-    margin-top: 20px;
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .mobile-view > .pager__item {
-    margin: 5px 10px;
-    width: 24px;
-    height: 34px;
-    vertical-align: middle;
-    line-height: 34px; }
-  
+
+
   .fade1, .fadel {
     opacity: 0.4; }
-  
+
   .fade2, .fadesl {
     opacity: 0.6; }
-  
+
   h4#pagination-truncated {
     margin-top: 50px; }
-  
+
   h4#pagination-large-count {
     margin-top: 50px; }
-  
-  .p-col-md-12 input {
-    margin-left: 20px; }
-  
-  .pager a .icon-primary-right:before {
-    display: inline-block; }
-  
-  .pager a .icon-primary-left:before {
-    display: inline-block; }
-  
-  .page-heading {
-    background: white none repeat scroll 0 0;
-    margin-bottom: -12px;
-    padding-left: 10px;
-    padding-right: 10px;
-    position: relative; }
-  
-  .numericResult:focus {
-    outline: 1px dotted #0574ac; }
-  
-  .page-heading-group {
-    color: #ef6f00;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .pager > div > span.fieldLabel {
-    margin-left: 18px; }
-  
-  .pager .fieldLabel .btn-arrow {
-    top: 0;
-    left: 10px;
-    margin-left: -5px; }
-  
-  .b2b-p-col-md-12 {
-    width: 50%; }
-    .b2b-p-col-md-12 input {
-      margin-left: 20px; }
-  
-  .b2b-pager__item {
-    border-radius: 0;
-    cursor: default;
-    display: inline-block;
-    margin: 0px 5px 0 5px;
-    height: 23px;
-    vertical-align: baseline; }
-  
-  .b2b-pager__item--noclick {
-    pointer-events: none !important;
-    cursor: default !important; }
-  
-  .b2b-pager__item--droppable {
-    pointer-events: all !important; }
-  
-  .b2b-pager {
-    padding-top: 10px;
-    padding-bottom: 20px;
-    text-align: center;
-    margin: 0 auto; }
-    .b2b-pager a:hover {
-      text-decoration: none;
-      color: #333333;
-      cursor: pointer; }
-    .b2b-pager a:focus {
-      text-decoration: none;
-      color: #333333;
-      cursor: pointer; }
-    .b2b-pager a .icon-primary-right:before {
-      display: inline-block; }
-    .b2b-pager a .icon-primary-left:before {
-      display: inline-block; }
-    .b2b-pager .disabled i {
-      pointer-events: none;
-      cursor: default;
-      color: #c4c4c4; }
-  
-  .b2b-pager__item--input {
-    color: #067ab4;
-    max-height: 32px;
-    max-width: 60px;
-    padding-left: 0;
-    padding-right: 0;
-    text-align: center;
-    margin-left: 5px; }
-  
-  .row.section-row {
-    margin-bottom: 20px; }
-  
-  .b2b-pager__item--active {
-    border-bottom: 2px solid #0574ac;
-    border-radius: 0;
-    color: #333333; }
-  
-  .row.section-row.b2b-page {
-    display: block; }
-  
-  a.b2b-pager__item--next:focus {
-    text-decoration: none;
-    border: 0; }
-  
-  a.b2b-pager__item--next-disabled {
-    outline: 0; }
-  
-  a.b2b-pager__item--next-disabled > [class^="icon-primary-"] {
-    color: #cccccc;
-    cursor: not-allowed;
-    outline: 0; }
-  
-  a.b2b-pager__item--prev:focus {
-    text-decoration: none;
-    border: 0; }
-  
-  a.b2b-pager__item--prev-disabled {
-    outline: 0; }
-  
-  a.b2b-pager__item--prev-disabled > [class^="icon-primary-"] {
-    color: #cccccc;
-    cursor: not-allowed; }
-  
-  .b2b-pager__item--next {
-    padding: 1.5px 0px 1.5px 0px; }
-  
-  .b2b-pager__item--prev {
-    padding: 1.5px 0px 1.5px 0px; }
-  
-  .fieldLabel {
-    color: #666666; }
-    .fieldLabel input {
-      color: #666666; }
-    .fieldLabel .btn-arrow {
-      top: 0;
-      left: 10px; }
-  
-  .b2b-pSelect {
-    float: right;
-    width: 150px; }
-  
-  .b2b-numericResult {
-    margin-bottom: 20px;
-    font-size: 1.6rem;
-    margin-top: 20px; }
-  
-  .b2b-mobile-view > .b2b-pager__item {
-    margin: 5px 10px;
-    min-width: 23px;
-    height: 34px;
-    vertical-align: middle;
-    line-height: 34px; }
-  
-  .b2b-fade1 {
-    opacity: 0.4; }
-  
-  .b2b-fade2 {
-    opacity: 0.6; }
-  
-  .b2b-fadesl {
-    opacity: 0.6; }
-  
-  h4#b2b-pagination-truncated {
-    margin-top: 50px; }
-  
-  h4#b2b-pagination-large-count {
-    margin-top: 50px; }
-  
-  .b2b-page-heading {
-    background: white none repeat scroll 0 0;
-    margin-bottom: -12px;
-    padding-left: 10px;
-    padding-right: 10px;
-    position: relative; }
-  
-  .b2b-numericResult:focus {
-    outline: 1px dotted #0574ac; }
-  
-  .b2b-page-heading-group {
-    color: #ef6f00;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .b2b-pager > div > span.fieldLabel {
-    margin-left: 18px; }
-  
-  .b2b-go-to-page {
-    margin-top: 14px; }
-  
-  .b2b-go-to-page-inline {
-    display: inline-block; }
-  
-  input.b2b-phone-mask-input {
-    padding-right: 15px; }
-    input.b2b-phone-mask-input:hover, input.b2b-phone-mask-input:focus {
-      padding-right: 15px; }
-  
-  /************************** Start - Should be removed after the styling in global is fixed *******************/
-  input::-ms-clear {
-    display: none; }
-  
-  /************************** End - Should be removed after the styling in global is fixed *******************/
-  @media (max-width: 767px) {
-    input::-ms-clear {
-      display: block; } }
-  
-  .pivot-link-group {
-    background-color: #5a5a5a;
-    border-top: 1px solid #959595; }
-  
-  .pivot-links > li {
-    border-bottom: 1px solid #959595; }
-  
-  .pivot-links > li > a {
-    color: #fff;
-    display: block;
-    padding: 12px 15px 10px;
-    line-height: normal; }
-  
-  .b2b-profile-block-container {
-    min-height: 200px;
-    height: auto;
-    background-color: #fff;
-    border-radius: 8px;
-    border: 1px solid #ccc;
-    box-shadow: 0px 1px 1px 1px  #ccc;
-    display: inline-table;
-    margin: 15px 15px; }
-  
-  .b2b-profile-block-details p, .b2b-profile-block-details div {
-    padding: 2px 7px;
-    font-size: 1.4rem; }
-  
-  .b2b-profile-block-details .radio-label, .b2b-profile-block-details a {
-    font-size: 1.4rem; }
-  
-  .b2b-profile-block-details p label, .b2b-profile-block-details p span {
-    padding-left: 10px; }
-  
-  .b2b-profile-block-footer {
-    margin-bottom: 12px;
-    margin-top: 5px;
-    height: 35px; }
-  
-  .b2b-profile-block-details p {
-    word-wrap: break-word;
-    height: 61px; }
-    .b2b-profile-block-details p:first-child {
-      margin-top: 10px; }
-    .b2b-profile-block-details p:after {
-      content: ' ';
-      display: block;
-      border: 0.2px solid #ccc;
-      margin-top: 12px; }
-  
-  .b2b-profile-block-details .radio {
-    margin-left: 15px;
-    height: 30px; }
-  
-  .b2b-approval-icon {
-    color: #1b7e28;
-    float: right;
-    position: relative;
-    left: 10px; }
-    .b2b-approval-icon i {
-      color: #1b7e28;
-      float: right; }
-  
-  .b2b-profile-link {
-    float: right;
-    position: relative;
-    left: -4px; }
-  
-  a.link-profile {
-    position: relative;
-    left: -5px;
-    float: right;
-    margin-bottom: 16px; }
-  
-  .b2b-profile-block-radio {
-    position: relative;
-    top: -5px; }
-  
-  .b2b-profile-card {
-    min-width: 229px;
-    min-height: 354px;
-    margin: 10px;
-    border: solid 1px #CCC;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    display: inline-block;
-    vertical-align: top; }
-    .b2b-profile-card .top-block {
-      padding: 15px 20px;
-      background-color: #e4e4e4;
-      max-height: 153px; }
-    .b2b-profile-card .bottom-block {
-      padding: 15px 20px 15px 20px;
-      background-color: #fff; }
-    .b2b-profile-card .profile-image {
-      background: #e4e4e4;
-      margin-bottom: 15px;
-      text-align: center; }
-      .b2b-profile-card .profile-image .default-img {
-        display: inline-block;
-        width: 60px;
-        height: 60px;
-        margin-bottom: 10px;
-        border: 6px solid #fff;
-        border-radius: 99em;
-        -webkit-border-radius: 99em;
-        -moz-border-radius: 99em;
-        /* background-color: #eee; */ }
-  
-  .profile-image img {
-    display: inline-block;
-    width: 60px;
-    height: 60px;
-    margin-bottom: 10px;
-    border: 6px solid #fff;
-    border-radius: 99em;
-    -webkit-border-radius: 99em;
-    -moz-border-radius: 99em;
-    /* background-color: #eee; */ }
-  
-  .b2b-profile-card .profile-image .default-img {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333;
-    background-color: #fff;
-    font-size: 32px;
-    line-height: 22px;
-    padding: 5px;
-    padding-top: 13px;
-    width: 60px;
-    height: 60px;
-    text-transform: uppercase; }
-  
-  .b2b-profile-card .profile-image .name {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    color: #333;
-    text-align: center;
-    margin-bottom: 5px;
-    margin-top: 5px;
-    overflow: hidden;
-    word-break: break-word;
-    white-space: normal;
-    text-transform: capitalize; }
-  
-  .b2b-profile-card .profile-image .status-icon {
-    border-radius: 10px;
-    border: 1px solid #fff;
-    margin: 0 3px 0 0;
-    width: 10px;
-    height: 10px;
-    display: inline-block;
-    vertical-align: middle; }
-  
-  .b2b-profile-card .profile-image .status {
-    font-size: 12px;
-    line-height: 15px;
-    text-align: center;
-    margin: 0 15px 0 0;
-    color: #444; }
-  
-  .b2b-profile-card .status .circle {
-    width: 10px;
-    height: 10px;
-    border-radius: 50%;
-    margin: 30px 6px 0px 20px;
-    text-align: center;
-    background-color: #444; }
-  
-  .b2b-profile-card .profile-image .status-green {
-    background-color: #0c0; }
-  
-  .b2b-profile-card .profile-image .status-red {
-    background-color: red; }
-  
-  .b2b-profile-card .profile-image .status-blue {
-    background-color: #00f; }
-  
-  .b2b-profile-card .profile-image .status-yellow {
-    background-color: #ff0; }
-  
-  .b2b-profile-card .profile-image .status .status-badge {
-    margin-left: 5px;
-    border: dotted 1px #444;
-    background-color: transparent;
-    font-weight: 400;
-    color: #444;
-    height: 17px;
-    padding: 0 5px;
-    font-size: 11px;
-    padding-left: 5px;
-    padding-right: 5px; }
-  
-  .b2b-profile-card .profile-details {
-    background: #fff; }
-    .b2b-profile-card .profile-details label {
-      display: block;
-      cursor: text;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      font-weight: bolder;
-      font-size: 14px;
-      color: #333;
-      padding: 0;
-      margin: 0; }
-    .b2b-profile-card .profile-details div {
-      margin: 0;
-      font-size: 14px;
-      color: #333;
-      padding-bottom: 6.5px; }
-  
-  .b2b-profile-card .b2b-add-user {
-    background: white;
-    border-style: dotted;
-    font-size: 16px;
-    color: #333;
-    position: relative; }
-    .b2b-profile-card .b2b-add-user i {
-      font-size: 30px;
-      padding-bottom: 15px; }
-  
-  .b2b-profile-card .atcenter {
-    cursor: pointer;
-    margin-top: 60%;
-    vertical-align: middle;
-    text-align: center; }
-  
-  .b2b-profile-card .tooltip {
-    cursor: pointer; }
-    .b2b-profile-card .tooltip .helpertext {
-      position: relative;
-      color: white; }
-  
-  .b2b-profile-card .tooltip-wrapper {
-    position: relative; }
-  
-  /* Overrides for tooltip absolute positioning */
-  @media (min-width: 1025px) {
-    .b2b-profile-card .tooltip-size-control {
-      width: 100% !important; } }
-  
-  @-webkit-keyframes progress-bar-stripes {
-    from {
-      background-position: 0 0; }
-    to {
-      background-position: 80px 0; } }
-  
-  @keyframes progress-bar-stripes {
-    from {
-      background-position: 0 0; }
-    to {
-      background-position: 80px 0; } }
-  
-  .progress {
-    background-color: #e4e4e4;
-    border-radius: 4px;
-    height: 14px;
-    margin-bottom: 20px;
-    min-width: 250px;
-    overflow: hidden;
-    padding: 0;
-    position: relative; }
-  
-  a .progress {
-    margin-bottom: 0; }
-  
-  .progress .bar {
-    background-color: #666;
-    border-radius: 4px;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    height: 100%;
-    width: 0; }
-  
-  .progress-arrow {
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-align-items: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
-    justify-content: flex-end; }
-  
-  .progress-link + .usage-bar {
-    margin-top: 5px; }
-  
-  .progress-success .bar, .progress .bar-success {
-    background-color: #1b7e28; }
-  
-  .progress-warning .bar, .progress .bar-warning {
-    background-color: #ef6f00; }
-  
-  .progress-danger .bar, .progress .bar-danger {
-    background-color: #cf2a2a; }
-  
-  .progress.increment {
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex; }
-  
-  .progress.increment .bar:first-child:not(:last-child) {
-    border-right: none;
-    border-radius: 4px 0 0 4px; }
-  
-  .progress.increment .bar:last-child:not(:first-child) {
-    border-left: none;
-    border-radius: 0 4px 4px 0; }
-  
-  .progress.increment .bar + .bar:not(:last-child) {
-    border-left: none;
-    border-right: none;
-    border-radius: 0; }
-  
-  .progress.increment .bar:not(:first-child) {
-    border-left: 1px solid white !important; }
-  
-  .usage-bar {
-    display: table;
-    float: none;
-    width: 100%;
-    margin-bottom: 1px; }
-  
-  .usage-bar > .usage-text {
-    display: table-cell;
-    width: 1%; }
-  
-  .progress + .usage-bar {
-    margin-top: -15px; }
-  
-  .usage-bar .usage-text {
-    font-size: 1.4rem; }
-  
-  .usage-bar .usage-text:first-child {
-    white-space: nowrap; }
-  
-  .usage-bar .usage-text.text-right {
-    vertical-align: top;
-    font-size: 1.4rem;
-    width: auto !important; }
-  
-  .usage-bar .usage-text.text-right:before {
-    content: "";
-    display: table;
-    height: .1em; }
-  
-  .usage-bar.billing-cycle .usage-text {
-    font-size: 1.4rem; }
-  
-  .usage-bar.billing-cycle .usage-text.text-right {
-    vertical-align: bottom; }
-  
-  .progress.autocolor [data-percentage="1"], .progress.autocolor [data-percentage="2"], .progress.autocolor [data-percentage="3"], .progress.autocolor [data-percentage="4"], .progress.autocolor [data-percentage="5"], .progress.autocolor [data-percentage="6"], .progress.autocolor [data-percentage="7"], .progress.autocolor [data-percentage="8"], .progress.autocolor [data-percentage="9"], .progress.autocolor [data-percentage="10"] .progress.autocolor [data-percentage^="2"], .progress.autocolor [data-percentage^="3"], .progress.autocolor [data-percentage^="4"], .progress.autocolor [data-percentage^="5"], .progress.autocolor [data-percentage="60"], .progress.autocolor [data-percentage="61"], .progress.autocolor [data-percentage="62"], .progress.autocolor [data-percentage="63"], .progress.autocolor [data-percentage="64"] {
-    background-color: #1b7e28; }
-  
-  .progress.autocolor [data-percentage="65"], .progress.autocolor [data-percentage="66"], .progress.autocolor [data-percentage="67"], .progress.autocolor [data-percentage="68"], .progress.autocolor [data-percentage="69"], .progress.autocolor [data-percentage^="7"], .progress.autocolor [data-percentage^="8"] {
-    background-color: #ef6f00; }
-  
-  .progress.autocolor [data-percentage^="9"], .progress.autocolor [data-percentage="100"] {
-    background-color: #cf2a2a; }
-  
-  .b2b-seek-bar-container {
-    position: relative; }
-    .b2b-seek-bar-container div {
-      position: absolute; }
-    .b2b-seek-bar-container .b2b-seek-bar-track-container {
-      width: 100%; }
-    .b2b-seek-bar-container .b2b-seek-bar-track {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px; }
-    .b2b-seek-bar-container .b2b-seek-bar-track-fill {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px;
-      width: 0;
-      background-color: #157BB2;
-      transition: width 0s linear; }
-  
-  .seek-bar-container .seek-bar-knob-container {
-    transition: left 0s linear; }
-  
-  .b2b-seek-bar-container .b2b-seek-bar-knob {
-    width: 14px;
-    height: 14px;
-    border-radius: 10px;
-    top: -4px;
-    left: -8px;
-    border: 1px solid #cccccc;
-    background: white;
-    cursor: pointer; }
-  
-  .b2b-seek-bar-container .b2b-seek-bar-knob:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-seek-bar-container.vertical {
-    width: 100%;
-    height: 100%;
-    margin: 0 auto;
-    position: relative;
-    border-radius: 10px; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-track-container {
-      position: relative;
-      height: 100%; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-track {
-      position: absolute;
-      height: 100%; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-track-fill {
-      position: absolute;
-      bottom: 0;
-      height: 0;
-      width: 100%; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-knob-container {
-      transition: bottom .01s linear;
-      position: relative;
-      bottom: 0; }
-    .b2b-seek-bar-container.vertical .b2b-seek-bar-knob {
-      position: absolute;
-      border-radius: 10px;
-      top: -7px;
-      left: -4px; }
-  
-  .form-search .search-query {
-    width: 100% !important; }
-  
-  .form-search .well {
-    margin-top: 0; }
-  
-  .form-search > ul.nav > li.section {
-    min-height: 20px !important; }
-  
-  input.b2b-search-input-field {
-    margin-bottom: 0px; }
-  
-  .search-suggestion-list {
-    background-color: #FFFFFF;
-    border: 1px solid #ccc;
-    border-radius: 0 0 6px 6px;
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-    margin-top: -5px;
-    max-height: 400px;
-    overflow-x: hidden;
-    overflow-y: auto;
-    padding: 15px 0;
-    position: absolute;
-    width: 100%;
-    z-index: 1000; }
-    .search-suggestion-list > li.active {
-      background-color: #cccccc; }
-    .search-suggestion-list:empty {
-      display: none; }
-  
-  .b2b-search-hightlight {
-    font-weight: bold; }
-  
+
   input[type="text"]::-moz-placeholder {
     color: #767676;
     font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  
+
   input[type="text"]:focus {
     z-index: 1000; }
-  
+
   input[type="text"] + .reset-field {
     background-color: #FFFFFF;
     height: 90%;
     top: 5%; }
-  
+
   .btn-search:focus {
     outline: 1px dotted #0574ac; }
-  
+
   .field-group input:not([type="button"])[disabled] ~ .btn-search {
     background-color: #eee; }
-  
+
   .btn-search[class*="btn"] {
     background-color: #FFFFFF;
     background-size: 20px 20px;
@@ -8427,13 +2956,13 @@ mat-button-toggle-group{
     right: 0.15rem;
     top: 0.15rem;
     width: 4.4rem; }
-  
+
   .search-suggestion-wrapper {
     margin-bottom: 15px;
     position: relative; }
     .search-suggestion-wrapper .no-result {
       padding: 0px 15px; }
-  
+
   .search-suggestion-item {
     color: #333333;
     line-height: 4rem;
@@ -8449,226 +2978,26 @@ mat-button-toggle-group{
     .search-suggestion-item a {
       color: #333333;
       text-decoration: none; }
-  
+
   .btn-search i {
     color: #767676; }
-  
+
   input.b2b-search-input-field:focus ~ .btn-search > i, .btn-search:focus > i {
     color: #0568ae; }
-  
+
   button.btn-search[disabled] {
     cursor: not-allowed; }
     button.btn-search[disabled] i {
       color: #767676; }
-  
+
   .innershadow {
     -webkit-background-blend-mode: mutilply;
     box-shadow: 0 3px 0 2px rgba(0, 0, 0, 0.08); }
-  
-  .linkSelectorModule {
-    position: relative;
-    height: 32px;
-    line-height: 20px;
-    border: 0px;
-    width: auto;
-    display: block; }
-    .linkSelectorModule .icon-primary-down {
-      font-size: 23px;
-      margin-top: -10px;
-      position: absolute;
-      top: 50%;
-      margin-left: -30px; }
-    .linkSelectorModule .selectModule {
-      background-color: transparent;
-      border: none;
-      color: #0568ae;
-      cursor: pointer;
-      border: 1px solid transparent;
-      box-shadow: none;
-      padding-right: 35px;
-      position: relative;
-      user-select: none;
-      font-size: 1.6rem; }
-      .linkSelectorModule .selectModule:focus {
-        border: 1px dotted #ccc;
-        box-shadow: none;
-        -moz-user-select: none; }
-      .linkSelectorModule .selectModule:hover {
-        text-decoration: underline; }
-    .linkSelectorModule .active + .moduleWrapper:before {
-      background-color: #FFFFFF;
-      border-color: #d2d2d2;
-      border-style: solid;
-      border-width: 1px 1px 0 0;
-      content: "";
-      display: block;
-      height: 15px;
-      right: 122px;
-      margin: 0;
-      position: absolute;
-      top: -8px;
-      -webkit-transform: rotate(-45deg);
-      transform: rotate(-45deg);
-      width: 15px; }
-    .linkSelectorModule .moduleWrapper {
-      top: 40px; }
-    .linkSelectorModule ul.awd-module-list {
-      border-radius: 6px 6px 0px 0px; }
-  
-  .selectorModule .icon-primary-down {
-    font-size: 23px;
-    margin-top: -11px;
-    position: absolute;
-    right: 4px;
-    top: 50%; }
-  
-  .selectorModule .selectModule {
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-    display: block;
-    width: 100%;
-    padding-left: 15px;
-    background-color: transparent;
-    cursor: pointer; }
-    .selectorModule .selectModule:focus {
-      border: 1px solid #0568ae;
-      -moz-user-select: none; }
-    .selectorModule .selectModule span.module-data {
-      position: absolute;
-      bottom: 6px;
-      line-height: 20px; }
-    .selectorModule .selectModule img + span.module-data {
-      padding-left: 45px; }
-  
-  .selectorModule .selectModule.active {
-    border-bottom-right-radius: 0px;
-    border-bottom-left-radius: 0px; }
-  
-  .selectorModule .moduleWrapper {
-    position: absolute;
-    width: 100% !important;
-    border-top: none; }
-  
-  .selectorModule ul.awd-module-list {
-    border-radius: 0px 0px 6px 6px; }
-  
-  .selectorModule .large > img {
-    height: 30px;
-    position: absolute;
-    width: 30px;
-    top: 20px;
-    left: 15px; }
-  
-  .selectModule {
-    background-color: transparent;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333333;
-    font-size: 1.6rem;
-    height: 36px;
-    line-height: 35px;
-    margin-bottom: 0;
-    position: relative;
-    text-align: left;
-    top: 0;
-    z-index: 10;
-    padding: 0px;
-    margin: 0px;
-    cursor: pointer; }
-  
-  .moduleWrapper {
-    background-color: #FFFFFF;
-    position: absolute;
-    color: #191919;
-    z-index: 9999;
-    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
-    border-radius: 0px 0px 6px 6px; }
-    .moduleWrapper .module-list-item img {
-      height: 30px;
-      position: absolute;
-      width: 30px;
-      top: 30px;
-      left: 15px;
-      align-self: center; }
-    .moduleWrapper span {
-      display: block;
-      white-space: nowrap;
-      font-size: 1.5rem; }
-  
-  .awd-module-list {
-    overflow-y: auto;
-    z-index: 9999;
-    max-height: 360px;
-    border: 1px solid #d2d2d2; }
-    .awd-module-list .module-list-item > .module-data {
-      overflow: ellipsis;
-      white-space: nowrap;
-      line-height: 20px;
-      font-size: 1.6rem;
-      border-bottom: 1px dotted #959595;
-      margin: 0px 15px 0px 15px;
-      padding-right: 50px;
-      padding-bottom: 14px;
-      padding-top: 14px;
-      align-self: center;
-      width: 100%; }
-    .awd-module-list .module-list-item:hover {
-      background-color: #f2f2f2; }
-    .awd-module-list .module-list-item:active {
-      background-color: #f2f2f2; }
-    .awd-module-list .module-list-item[aria-selected="true"] {
-      background-color: #f2f2f2; }
-  
-  .module-list-item {
-    cursor: pointer;
-    overflow: hidden;
-    position: relative;
-    overflow: ellipsis;
-    white-space: nowrap;
-    z-index: 1000;
-    color: #191919;
-    display: flex; }
-    .module-list-item:last-of-type .module-data {
-      border-bottom: none; }
-    .module-list-item img + span.module-data {
-      padding-left: 45px; }
-  
-  .module-groups:first-of-type .module-list-item:last-of-type .module-data {
-    border-bottom: 1px solid #959595; }
-  
-  .module-groupitem {
-    padding-bottom: 4px; }
-  
-  .selectorModule.large {
-    height: 72px;
-    vertical-align: middle;
-    text-align: left; }
-    .selectorModule.large .moduleWrapper {
-      top: 71px; }
-    .selectorModule.large input {
-      height: 72px;
-      vertical-align: middle;
-      text-align: left; }
-    .selectorModule.large button {
-      height: 72px;
-      vertical-align: middle;
-      text-align: left; }
-    .selectorModule.large .selectModule img {
-      left: 15px;
-      top: 21px; }
-  
-  ul.module-groupitem li {
-    margin: 0 -15px 0 -15px; }
-  
-  span.module-data span {
-    display: block;
-    line-height: 20px;
-    font-size: 1.5rem; }
-  
+
   li.module-groups {
     cursor: default !important;
     padding: 18px 15px 0px 15px; }
-  
+
   li.module-list-item[selected]:before {
     box-sizing: border-box;
     display: inline-block;
@@ -8680,7 +3009,7 @@ mat-button-toggle-group{
     vertical-align: middle;
     width: 1em;
     color: #007a3e; }
-  
+
   ul.module-optinalcta {
     position: relative;
     height: 44px;
@@ -8695,797 +3024,27 @@ mat-button-toggle-group{
     ul.module-optinalcta a {
       text-indent: 15px;
       padding: 15px; }
-  
-  .b2b-slider-container {
-    position: relative; }
-    .b2b-slider-container.slider-disabled {
-      cursor: not-allowed !important; }
-    .b2b-slider-container div {
-      position: absolute; }
-    .b2b-slider-container .slider-track-container {
-      width: 100%;
-      cursor: pointer; }
-    .b2b-slider-container .slider-track {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px;
-      border: 1px solid #cccccc; }
-    .b2b-slider-container .slider-track-fill {
-      width: 100%;
-      height: 6px;
-      background-color: #cccccc;
-      border-radius: 10px;
-      width: 0;
-      background-color: #157BB2;
-      transition: width 0s linear;
-      border: 1px solid #cccccc; }
-    .b2b-slider-container .slider-knob-container {
-      transition: left 0s linear; }
-      .b2b-slider-container .slider-knob-container.slider-knob-hidden {
-        display: none !important; }
-    .b2b-slider-container .slider-knob {
-      width: 14px;
-      height: 14px;
-      border-radius: 10px;
-      top: -4px;
-      left: -8px;
-      border: 1px solid #cccccc;
-      background: white;
-      cursor: pointer; }
-      .b2b-slider-container .slider-knob:focus {
-        outline: thin dotted #666; }
-  
-  .b2b-slider-endpoints-container {
-    margin-top: 13px;
-    color: #333;
-    font-size: 12px; }
-    .b2b-slider-endpoints-container .b2b-slider-endpoints-left {
-      float: left;
-      line-height: 100%; }
-    .b2b-slider-endpoints-container .b2b-slider-endpoints-right {
-      float: right;
-      line-height: 100%; }
-    .b2b-slider-endpoints-container::after {
-      clear: both;
-      content: "";
-      display: block; }
-  
-  .b2b-slider-container.vertical {
-    width: 100%;
-    height: 100%;
-    margin: 0 auto;
-    position: relative;
-    border-radius: 10px; }
-    .b2b-slider-container.vertical .slider-track-container {
-      position: relative;
-      height: 100%; }
-    .b2b-slider-container.vertical .slider-track {
-      position: absolute;
-      height: 100%; }
-    .b2b-slider-container.vertical .slider-track-fill {
-      position: absolute;
-      bottom: 0;
-      height: 0;
-      width: 100%; }
-    .b2b-slider-container.vertical .slider-knob-container {
-      transition: bottom 0s linear;
-      position: relative;
-      bottom: 0; }
-      .b2b-slider-container.vertical .slider-knob-container.slider-knob-hidden {
-        display: none !important; }
-    .b2b-slider-container.vertical .slider-knob {
-      position: absolute;
-      border-radius: 10px;
-      top: -7px;
-      left: -4px; }
-  
-  .icon-primary-spinner {
-    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20id%3D%22svg-spinner%22%20x%3D%220px%22%20y%3D%220px%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%20%3Cpath%20fill%3D%22%23F5F5F5%22%20d%3D%22M18%2036C8.1%2036%200%2027.9%200%2018S8.1%200%2018%200s18%208.1%2018%2018-8.1%2018-18%2018zm0-31.5c-7.5%200-13.5%206-13.5%2013.5S10.6%2031.5%2018%2031.5c7.5%200%2013.5-6.1%2013.5-13.5%200-7.5-6-13.5-13.5-13.5z%22%2F%3E%0A%20%20%20%3Cpath%20fill%3D%22%230568AE%22%20id%3D%22spinner%22%20d%3D%22M30.7%205.3l-3.1%203.2c2.4%202.4%203.9%205.8%203.9%209.5%200%207.4-6.1%2013.5-13.5%2013.5S4.5%2025.4%204.5%2018%2010.6%204.5%2018%204.5V0C8.1%200%200%208.1%200%2018s8.1%2018%2018%2018%2018-8.1%2018-18c0-5-2-9.5-5.3-12.7z%22%3E%0A%20%20%20%20%20%20%3CanimateTransform%20%0A%20%20%20%20%20%20%20%20%20attributeType%3D%22xml%22%0A%20%20%20%20%20%20%20%20%20attributeName%3D%22transform%22%0A%20%20%20%20%20%20%20%20%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20%20from%3D%220%2018%2018%22%0A%20%20%20%20%20%20%20%20%20to%3D%22360%2018%2018%22%0A%20%20%20%20%20%20%20%20%20dur%3D%221.0s%22%0A%20%20%20%20%20%20%20%20%20repeatCount%3D%22indefinite%22%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
-    height: 50px;
-    width: 50px; }
-  
-  .icon-primary-spinner.small {
-    margin-right: 5px;
-    height: 30px !important;
-    width: 30px !important; }
-  
-  .isIE .icon-primary-spinner,
-  .isIE .icon-primary-spinner.small {
-    animation: spinner 1s linear infinite; }
-  
-  .ds2-no-colors .icon-primary-spinner {
-    animation: spinner 1s linear infinite;
-    border: 5px dotted transparent;
-    border-radius: 50%; }
-  
+
   @keyframes spinner {
     0% {
       transform: rotate(0deg); }
     100% {
       transform: rotate(359deg); } }
-  
-  .b2b-status-tracker > .btn-arrow:nth-of-type(1) {
-    margin-right: 10px; }
-  
-  .b2b-status-tracker > .btn-arrow:nth-of-type(2) {
-    margin-left: 20px; }
-  
-  .b2b-status-tracker > .btn-arrow {
-    height: 20px;
-    margin-top: 25px;
-    overflow: visible; }
-    .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-left {
-      margin-right: 5px;
-      color: #0574ac; }
-    .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-right {
-      color: #0574ac; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step {
-    padding: 0;
-    position: relative; }
-  
-  .b2b-status-tracker-step {
-    margin-left: 5px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step .b2b-status-tracker-heading {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #191919;
-    margin-bottom: 10px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.complete > .progress > .progress-bar {
-    width: 100%;
-    background-color: #1b7e28; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.complete .icoControls-approval {
-    color: #1b7e28; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.current > .progress > .progress-bar {
-    width: 100%;
-    background-color: #333333; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.current .icon-misc-time {
-    color: #333333; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.pending > .progress > .progress-bar {
-    width: 100%;
-    background-color: #ffb81c; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.pending .icoControls-statusokay {
-    color: #ffb81c; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.actionRequired > .progress > .progress-bar {
-    width: 100%;
-    background-color: #cf2a2a; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.actionRequired .icoSecurityalerts-alert {
-    color: #cf2a2a; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.notAvailable > .progress > .progress-bar {
-    width: 100%;
-    background-color: #767676; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step.notAvailable .icoControls-restricted {
-    color: #767676; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step > .progress {
-    position: relative;
-    border-radius: 1.5px;
-    height: 3px;
-    margin-bottom: 10px;
-    background-color: #c5c5c5; }
-    .b2b-status-tracker > .b2b-status-tracker-step > .progress > .progress-bar {
-      width: 0;
-      height: 3px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-estimate {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #191919;
-    margin-bottom: 10px; }
-  
-  .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 12px;
-    color: #767676;
-    padding-right: 15px; }
-    .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description a {
-      cursor: pointer; }
-  
-  .step-indicator {
-    height: auto;
-    padding: 40px 0; }
-  
-  .step-heading {
-    color: #333333;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 3.8rem;
-    line-height: 0.8; }
-  
-  .steps {
-    display: flex;
-    height: 5px;
-    margin-top: 60px;
-    position: relative; }
-  
-  .steps li {
-    color: #5a5a5a;
-    flex: 1;
-    margin-right: 5px;
-    background-color: #c4c4c4;
-    outline: 1px solid transparent; }
-  
-  .steps li:first-child {
-    border-radius: 4px 0 0 4px; }
-  
-  .steps li:last-child {
-    margin-right: 0;
-    border-radius: 0 4px 4px 0; }
-  
-  .steps li.step-on,
-  .steps li.step-done {
-    background-color: #007a3e;
-    color: #007a3e;
-    border: 1px solid transparent; }
-  
-  .step-text {
-    bottom: 29px;
-    display: inline-block;
-    font-size: 1.8rem;
-    margin-top: 0;
-    position: relative;
-    white-space: nowrap; }
-  
-  .step-on .step-text {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .steps li .step-text[data-large-text]:before {
-    content: attr(data-large-text) " "; }
-  
-  .step-confirmation {
-    color: #007a3e;
-    margin-bottom: 30px; }
-  
-  .step-confirmation > div {
-    display: flex; }
-  
-  .step-confirmation > div i {
-    color: #007a3e;
-    font-size: 50px;
-    margin-right: 10px; }
-  
-  .step-confirmation.centered > div i {
-    margin-left: -60px; }
-  
-  .step-confirmation > div h3 {
-    font-size: 2.4rem;
-    margin: 26px 0 20px; }
-  
-  .step-confirmation > p {
-    margin: 0; }
-  
-  @media (max-width: 1024px) {
-    .step-indicator {
-      padding: 25px 0; }
-    .steps {
-      margin-top: 0; }
-    .step-heading {
-      font-size: 2.4rem;
-      margin-bottom: 11px; }
-    .step-text {
-      display: none; }
-    .step-on .step-text {
-      bottom: 6px;
-      display: block;
-      font-size: 1.2rem;
-      left: 0;
-      line-height: 1;
-      margin-top: 10px;
-      position: absolute;
-      top: 4px; }
-    .steps li .step-text[data-sm-text]:before {
-      content: attr(data-sm-text) " ";
-      color: #333333; }
-    .step-confirmation {
-      margin-top: 30px !important; } }
-  
-  @media (max-width: 767px) {
-    .step-confirmation.centered > div i {
-      margin-left: 0; }
-    .step-confirmation.centered > p {
-      margin-left: 40px; }
-    .step-confirmation > div h3 {
-      font-size: 1.8rem;
-      margin: 13px 0 10px; }
-    .step-confirmation > div i {
-      font-size: 30px;
-      margin-right: 10px; } }
-  
-  .step-indicator.vertical {
-    height: auto; }
-  
-  .vertical .step-heading {
-    font-size: 24px; }
-  
-  .vertical .steps {
-    display: block;
-    height: inherit;
-    width: 100%; }
-  
-  .vertical .steps li {
-    align-items: center;
-    background-color: transparent;
-    display: flex;
-    height: 60px;
-    margin: 0 0 4px;
-    padding: 0 0 0 20px;
-    position: relative; }
-  
-  .vertical .steps li .step-text {
-    align-self: center;
-    color: #0568ae;
-    display: block;
-    margin: 0;
-    position: relative;
-    font-size: 14px;
-    top: 0; }
-  
-  .vertical .steps li .step-text[data-large-text]:before {
-    content: attr(data-large-text) " "; }
-  
-  .vertical .steps li:after {
-    background-color: transparent;
-    border-left: 4px solid #d2d2d2;
-    content: "";
-    height: 60px;
-    left: 0;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    top: 0;
-    width: 4px; }
-  
-  .vertical .steps li.step-on:after,
-  .vertical .steps li.step-done:after {
-    border-color: #0568ae; }
-  
-  .b2b-step-tracker {
-    height: auto;
-    padding: 0px 0px 0px 0px; }
-    .b2b-step-tracker .btn.btn-left {
-      margin-right: 10px; }
-    .b2b-step-tracker .btn.btn-right {
-      margin-left: 5px; }
-    .b2b-step-tracker .b2b-left-arrow {
-      float: left;
-      margin-top: -5px; }
-    .b2b-step-tracker .b2b-right-arrow {
-      float: right;
-      margin-top: -5px; }
-    .b2b-step-tracker .b2b-steps {
-      display: flex;
-      height: 5px;
-      margin-top: 30px;
-      position: relative; }
-      .b2b-step-tracker .b2b-steps li {
-        color: #767676;
-        flex: 1;
-        margin-right: 5px;
-        background-color: #767676;
-        outline: 1px solid transparent;
-        height: 3px; }
-        .b2b-step-tracker .b2b-steps li.b2b-step-done {
-          background-color: #1b7e28;
-          color: #007a3e;
-          height: 3px; }
-        .b2b-step-tracker .b2b-steps li.b2b-step-on {
-          background-color: #333333;
-          color: #333333;
-          height: 3px;
-          font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text {
-          bottom: 29px;
-          display: inline-block;
-          font-size: 14px;
-          margin-top: 0;
-          position: relative;
-          white-space: nowrap; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text[data-large-text]:before {
-          content: attr(data-large-text) " "; }
-      .b2b-step-tracker .b2b-steps li:first-child {
-        border-radius: 2px 0 0 2px; }
-      .b2b-step-tracker .b2b-steps li:last-child {
-        margin-right: 0;
-        border-radius: 0 2px 2px 0; }
-  
-  @media (max-width: 1024px) {
-    .b2b-step-tracker {
-      padding: 25px 0; }
-      .b2b-step-tracker .b2b-steps {
-        margin-top: 0; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text {
-          display: none; }
-        .b2b-step-tracker .b2b-steps li .b2b-step-text[data-sm-text]:before {
-          content: attr(data-sm-text) " ";
-          color: #333333; }
-        .b2b-step-tracker .b2b-steps li.b2b-step-on .b2b-step-text {
-          bottom: 6px;
-          display: block;
-          font-size: 5px;
-          left: 0;
-          line-height: 1;
-          margin-top: 10px;
-          position: absolute;
-          top: 4px; } }
-  
-  .strength-meter-container {
-    height: 26px;
-    max-width: 450px; }
-  
-  .strength-meter-gauge {
-    border-radius: 2px;
-    background-color: #d2d2d2;
-    height: 5px;
-    display: block;
-    position: relative;
-    outline: 1px solid transparent; }
-  
-  .strength-meter-gauge-fill {
-    height: 100%;
-    display: block;
-    border-radius: 2px;
-    text-indent: -9999px;
-    width: 0%;
-    border: 2px solid transparent; }
-  
-  .strength-meter-gauge-fill.strength-meter-animate {
-    transition: width 0.5s linear, background-color 0.5s linear; }
-  
-  .strength-meter-animate[style*="20"] {
-    background-color: #cf2a2a; }
-  
-  .strength-meter-animate[style*="20"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Unacceptable"; }
-  
-  .strength-meter-animate[style*="40"] {
-    background-color: #ea7400; }
-  
-  .strength-meter-animate[style*="40"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Weak"; }
-  
-  .strength-meter-animate[style*="60"] {
-    background-color: #ea7400; }
-  
-  .strength-meter-animate[style*="60"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Fair"; }
-  
-  .strength-meter-animate[style*="80"] {
-    background-color: #007a3e; }
-  
-  .strength-meter-animate[style*="80"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Good"; }
-  
-  .strength-meter-animate[style*="100"] {
-    background-color: #007a3e; }
-  
-  .strength-meter-animate[style*="100"] + .strength-meter-divider + .strength-meter-content:after {
-    content: "Excellent"; }
-  
-  .strength-meter-divider {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    display: flex;
-    overflow: hidden; }
-  
-  .strength-meter-divider span {
-    background: transparent;
-    display: block;
-    flex-grow: 1;
-    border-right: solid 1px #fff; }
-  
-  .strength-meter-divider span:first-child {
-    border-radius: 2px 0 0 2px; }
-  
-  .strength-meter-divider span + .strength-meter-divider span {
-    border-radius: 0; }
-  
-  .strength-meter-divider span:last-child {
-    border-radius: 0 2px 2px 0;
-    border-right: 0; }
-  
-  .strength-meter-content {
-    font-size: 14px;
-    line-height: 1;
-    padding-top: 7px;
-    position: absolute; }
-  
-  .strength-meter-content:before {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    content: "Password strength: "; }
-  
-  .strength-meter-content:after {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .strength-meter-container {
-    height: 26px;
-    min-width: 290px;
-    max-width: 450px; }
-  
-  .strength-meter-container .strength-meter-gauge {
-    border-radius: 2px;
-    background-color: #cccccc;
-    box-shadow: 0 1px 1px -1px #333 inset;
-    height: 5px;
-    display: block;
-    overflow: hidden;
-    position: relative; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill {
-    height: 100%;
-    box-shadow: 0 1px 1px -1px #999 inset;
-    display: block;
-    text-indent: -9999px;
-    width: 0%; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill.strength-meter-animate {
-    transition: width 0ms ease-out, background-color 0ms ease-in; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-divider {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    display: flex; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-divider span {
-    background: transparent;
-    display: block;
-    flex-grow: 1;
-    border-right: solid 1px #fff; }
-  
-  .strength-meter-container > .strength-meter-gauge > .strength-meter-divider span:last-child {
-    border-right: 0; }
-  
-  .strength-meter-container > .strength-meter-content {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    line-height: 1;
-    padding-top: 7px; }
-  
-  .strength-meter-container > .strength-meter-content:before {
-    content: none; }
-  
-  .strength-meter-container > .strength-meter-content > .strength-meter-content-state {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .btn-switch-label {
-    display: flex;
-    align-items: center; }
-    .btn-switch-label:focus .btn-switch {
-      outline: 1px dotted #666;
-      outline-offset: 5px; }
-    .btn-switch-label input:focus .btn-switch {
-      outline: 1px dotted #666;
-      outline-offset: 5px; }
-    .btn-switch-label > span {
-      flex: 1; }
-  
-  .btn-switch {
-    background-color: #fff;
-    border: 1px solid #d2d2d2;
-    border-radius: 16px;
-    box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.15) inset, 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    height: 32px;
-    overflow: hidden;
-    position: relative;
-    width: 80px;
-    user-select: none; }
-    /* .btn-switch input[type="checkbox"] {
-      left: 0;
-      margin: 0;
-      opacity: 0;
-      position: absolute;
-      top: 0;
-      transition: none; }
-      .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on .activo {
-        font: 0px/0 "Omnes-ECOMP-W02", Arial; }
-      .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on + .btn + .btn-slider-off .inactivo {
-        font: 0px/0 "Omnes-ECOMP-W02", Arial; } */
-    .btn-switch input:checked + .switch-overlay {
-      left: 0;
-      transition: all .3s linear .0s; }
-      .btn-switch input:checked + .switch-overlay .switch-handle {
-        background-color: #007a3e;
-        background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-        transition: background-color 0.3s linear 0s;
-        border: 1px solid transparent; }
-    .btn-switch input + .switch-overlay {
-      left: -48px;
-      transition: all .3s linear .0s; }
-      .btn-switch input + .switch-overlay .switch-handle {
-        background-color: #f2f2f2;
-        background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-        transition: background-color 0.3s linear 0s;
-        border: 1px solid #d2d2d2; }
-    .btn-switch input[disabled] + .switch-overlay {
-      left: 0;
-      width: 100% !important;
-      background-color: #d2d2d2;
-      color: #959595;
-      cursor: not-allowed !important; }
-      .btn-switch input[disabled] + .switch-overlay .btn-slider-on {
-        display: none; }
-      .btn-switch input[disabled] + .switch-overlay .activo {
-        display: none; }
-      .btn-switch input[disabled] + .switch-overlay .switch-handle {
-        display: none; }
-      .btn-switch input[disabled] + .switch-overlay .btn-slider-off {
-        left: 0;
-        text-align: center;
-        padding: 0; }
-    .btn-switch input[disabled]:checked + .switch-overlay {
-      left: 0;
-      width: 100% !important;
-      background-color: #fff; }
-      .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off {
-        display: none; }
-        .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off + .inactivo {
-          display: none; }
-      .btn-switch input[disabled]:checked + .switch-overlay .switch-handle {
-        display: none; }
-      .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-on {
-        display: block;
-        text-align: center;
-        padding: 0;
-        color: #007a3e !important;
-        font-weight: bold; }
-      .btn-switch input[disabled]:checked + .switch-overlay .activo {
-        display: block;
-        text-align: center;
-        padding: 0;
-        color: #007a3e !important;
-        font-weight: bold; }
-    .btn-switch input[disabled]:checked + .btn-slider-on {
-      display: block; }
-    .btn-switch input[disabled] + .btn-slider-on + .switch-handle {
-      width: 100%;
-      margin: 0; }
-      .btn-switch input[disabled] + .btn-slider-on + .switch-handle + .btn-slider-off {
-        display: block; }
-    /* .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on {
-      display: none; }
-      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo {
-        border: medium none;
-        color: #666;
-        font: 16px/32px "Omnes-ECOMP-W02", Arial;
-        height: auto;
-        margin: 0 auto;
-        width: auto; }
-        .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo:before {
-          display: none; }
-      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
-        display: block;
-        padding: 0;
-        text-align: center;
-        color: #333333; }
-        .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo {
-          border: medium none;
-          color: #666;
-          font: 16px/32px "Omnes-ECOMP-W02", Arial;
-          height: auto;
-          margin: 0 auto;
-          width: auto; }
-          .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo:before {
-            display: none; }
-    .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on {
-      display: block;
-      padding: 0;
-      text-align: center;
-      color: #007a3e; }
-      .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
-        display: none; }
-    .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .activo {
-      color: #007a3e;
-      font-weight: bold; } */
-  
-  .switch-overlay {
-    border-radius: 16px;
-    color: black !important;
-    font-size: 1.6rem;
-    height: 32px;
-    left: 0;
-    position: absolute;
-    top: -1px;
-    width: 126px;
-    overflow: hidden; }
-  
-  .btn-slider-on {
-    left: -1px;
-    text-align: left;
-    padding-left: 12px;
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    height: 32px;
-    line-height: 32px;
-    position: absolute;
-    top: 1px;
-    width: 80px; }
-  
-  .btn-slider-off {
-    display: inline-block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    height: 32px;
-    line-height: 32px;
-    position: absolute;
-    top: 1px;
-    width: 80px;
-    right: 1px;
-    text-align: right;
-    padding-right: 11px; }
-  
-  .switch-handle {
-    border-radius: 50%;
-    display: inline-block;
-    height: 26px;
-    left: 50px;
-    position: absolute;
-    top: 3px;
-    width: 26px; }
-  
-  .activo {
-    display: block;
-    font-size: 0.1px;
-    line-height: 40px;
-    overflow: hidden; }
-    .activo:before {
-      background-image: none;
-      border-left: 3px solid #007a3e;
-      content: " ";
-      height: 18px;
-      left: 22px;
-      margin: 2px auto;
-      position: absolute;
-      top: 5px;
-      width: 0; }
-  
-  .inactivo {
-    font-size: 0.1px;
-    line-height: 40px; }
-    .inactivo:before {
-      background-image: none;
-      border: 3px solid #959595;
-      border-radius: 100%;
-      content: " ";
-      display: block;
-      position: absolute;
-      top: 4px;
-      right: 3px;
-      height: 16px;
-      width: 16px; }
-  
-  .btn-switch.focused {
-    outline: 1px dotted #000;
-    outline-offset: 5px; }
-  
+
   table {
     max-width: 100%;
     background-color: transparent;
     border-collapse: collapse;
     border-spacing: 0;
     width: 100%;
-    margin-bottom: 20px; }
-  
+   }
+
   table caption {
     text-align: left; }
-  
+
   table thead th {
     vertical-align: bottom; }
-  
+
   table th,
   table td {
     padding: 19px 20px;
@@ -9494,54 +3053,18 @@ mat-button-toggle-group{
     text-align: left;
     vertical-align: top;
     word-wrap: break-word; }
-  
+
   table th {
     font-family: "Omnes-ECOMP-W02-Medium", Arial;
     font-size: 1.6rem;
     font-weight: normal;
     color: #333333;
     padding: 13px 20px; }
-  
-  
+
+
   table tbody td:first-child {
     border-left: none; }
-  
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header,
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header + .accordion-content,
-  .tiny-accordion.iconleft.accordion-table-layout .inactive-toggle-header {
-    padding: 0 0 0 50px; }
-  
-  .faux-table-cell,
-  .inactive-toggle-header .faux-table-cell {
-    display: table-cell;
-    width: 100%;
-    padding: 13px 0 10px 0;
-    font-size: 16px;
-    color: #333333; }
-  
-  .accordion-content .faux-table-cell {
-    display: table-cell;
-    width: 100%;
-    padding: 0 0 10px 0; }
-  
-  .faux-table-cell:last-child {
-    text-align: right;
-    min-width: 100px;
-    max-width: 150px;
-    width: 1%;
-    background-color: #f2f2f2;
-    color: #333333;
-    font-size: 14px;
-    border-left: 1px solid #d2d2d2;
-    padding: 0 20px 0 10px; }
-  
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
-    opacity: 1; }
-  
-  .tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
-    opacity: 0;
-    transition: opacity .3s linear .2s; }
-  
+
   @media (max-width: 767px) {
     table th,
     table td {
@@ -9549,2283 +3072,63 @@ mat-button-toggle-group{
     table th:first-child,
     table td:first-child {
       padding: 19px 15px; } }
-  
+
   .data-row-list ul > li {
     background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3Argba(153%2C153%2C153%2C1)%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important; }
-  
+
   table {
     border-bottom: 1px solid #d2d2d2; }
-  
+
   table th,
   table td {
     padding: 15px 15px 10px; }
-  
-  .data-row .col-1 {
-    white-space: nowrap;
-    padding: 15px 15px 0 15px;
-    position: relative;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem;
-    border-top: 1px solid #d2d2d2; }
-  
-  .data-row.has-button .col-1 {
-    padding: 0; }
-  
-  .complex-table .data-row .col-1 {
-    color: #0568ae;
-    cursor: pointer; }
-  
-  .data-row.opened {
-    box-shadow: 0 -2px 0 0 #d2d2d2; }
-  
-  .data-row.opened td,
-  .data-row.opened th {
-    border-left: 1px solid transparent;
-    border-bottom: 1px solid transparent; }
-  
-  .data-row.opened + .data-row-list {
-    box-shadow: 0 1px 0 0 #d2d2d2; }
-  
-  .data-row.opened + .data-row-list > td {
-    padding-top: 0; }
-  
-  .data-row.opened + .data-row-list + .data-row.opened {
-    box-shadow: 0 -1px 0 0 #d2d2d2; }
-  
-  .data-row button {
-    background-color: transparent;
-    border: medium none;
-    border-radius: 0;
-    color: #0568ae;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem;
-    left: 0;
-    margin: 0;
-    padding: 12px 15px 7px;
-    position: relative;
-    text-align: left;
-    top: 0;
-    vertical-align: middle; }
-  
-  .data-row button:focus {
-    outline: 1px dotted black; }
-  
-  .data-row .col-1 i {
-    top: -1px;
-    margin-right: 10px;
-    display: inline-block !important; }
-  
-  .data-row-list th:first-child {
-    background-color: inherit !important;
-    border-top: none;
-    padding: 0 15px 15px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem; }
-  
-  .data-row-list ul {
-    margin: 0 0 0 30px; }
-  
-  .data-row-list ul > li:before {
-    display: none; }
-  
-  .data-row-list ul > li {
-    /* background-image in tables.less */
-    background-position: left 13px;
-    background-repeat: repeat-x;
-    background-size: 4px 1px;
-    display: table;
-    padding-left: 0;
-    width: 100%; }
-  
-  .data-row-list li div {
-    display: table-cell;
-    background-color: white;
-    float: left;
-    text-align: left;
-    padding-left: 0;
-    padding-right: 7px; }
-  
-  .data-row-list li div + div {
-    float: right;
-    text-align: right;
-    padding-right: 0;
-    padding-left: 7px; }
-  
-  .complex-table td:nth-child(1),
-  .complex-table td:nth-child(2),
-  .complex-table td:nth-child(3),
-  .complex-table td:nth-child(4),
-  .complex-table td:nth-child(5),
-  .complex-table td:nth-child(6),
-  .complex-table td:nth-child(7),
-  .complex-table td:nth-child(8),
-  .complex-table td:nth-child(9) {
-    white-space: nowrap; }
-  
-  th:nth-child(8) {
-    word-wrap: break-word;
-    word-spacing: 0; }
-  
-  .align-col-right {
-    text-align: right; }
-  
-  .complex-table th:not(:first-child),
-  .complex-table td:not(:first-child) {
-    text-align: right; }
-  
-  .striped tbody > tr td {
-    background-color: transparent !important; }
-  
-  .striped tbody > tr.data-row.odd,
-  .striped tbody > tr.data-row.odd + .data-row-list,
-  .striped tbody > tr.data-row.odd + .data-row-list li div {
-    background-color: #f2f2f2 !important; }
-  
-  .striped tbody > tr:not('.data-row'):nth-child(even) {
-    background-color: #f2f2f2; }
-  
-  .b2b-table-div .selectWrap {
-    width: 290px;
-    position: relative;
-    display: inline-table;
-    margin-bottom: 0px; }
-  
-  .b2b-external-sort-div {
-    float: right;
-    padding-bottom: 25px; }
-  
-  .b2b-external-sort-div .sortButton {
-    font-size: 36px;
-    border: 1px solid #ccc;
-    background: #FFF;
-    border-radius: 6px;
-    text-align: center;
-    background: linear-gradient(#fcfcfc, #f2f2f2);
-    background-blend-mode: multiply;
-    width: 1em; }
-  
-  .b2b-external-sort-label {
-    padding-bottom: 10px; }
-  
-  .b2b-external-sort-div a:hover {
-    cursor: pointer; }
-  
-  .b2b-external-sort-div a:hover, .b2b-external-sort-div a:focus {
-    text-decoration: none; }
-  
-  .b2b-external-sort-label label {
+
+  button .colors-off-msg {
     position: relative; }
-  
-  .b2b-external-sort-margin {
-    margin-right: 13px !important; }
-  
-  .b2b-table-sorter-icon [class*="icoArrows-"]:before {
-    font-size: 20px; }
-  
-  @media screen and (max-width: 950px) {
-    .b2b-external-sort-margin .selectWrap {
-      bottom: 0px !important; } }
-  
-  .tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
-    background: 0 0;
-    cursor: default; }
-  
-  .tablesorter-default .tablesorter-header .tablesorter-header-inner {
-    /*  background-image: url(images/tables/upanddown.png);*/
-    background-position: center right;
+
+
+  textarea, input {
+    color: #333; }
+
+    .selectWrap::after {
+    align-items: center;
+    background-position: 7px 7px;
     background-repeat: no-repeat;
-    cursor: pointer;
-    white-space: normal;
-    display: inline-block;
-    vertical-align: baseline;
-    zoom: 1;
-    *display: inline;
-    *vertical-align: auto;
-    /*  padding: 0 24px 0 0;*/ }
-  
-  .tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
-    padding: 0; }
-  
-  .tablesorter-default .tablesorter-header.tablesort-sortable .tablesorter-header-inner span {
-    margin-right: 24px;
-    display: inline-block; }
-  
-  /*
-  .tablesorter-default thead .headerSortUp .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner {
-    background-image: url(images/tables/up.png);
-  }
-  
-  .tablesorter-default thead .headerSortDown .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
-    background-image: url(images/tables/down.png);
-  }
-  */
-  .tablesorter-default thead .headerSortUp .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner,
-  .tablesorter-default thead .headerSortDown .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,
-  .tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
-    padding-right: 0;
-    line-height: 16px; }
-  
-  .tablesorter-default thead .headerSortUp .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner:after {
-    font-family: 'icoPrimary' !important;
-    speak: none;
-    font-style: normal;
-    font-size: 24px;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 14px;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
-    content: "\ea3c";
-    /*    position: relative;*/
-    position: absolute;
-    text-decoration: inherit;
-    display: inline-block;
-    transform: rotate(180deg);
-    margin-left: -22px;
-    margin-top: 2px; }
-  
-  .tablesorter-default thead .headerSortDown .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner:after,
-  .tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner:after {
-    font-family: 'icoPrimary' !important;
-    speak: none;
-    font-style: normal;
-    font-size: 24px;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 14px;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
-    content: "\ea3c";
-    /*    position: relative;*/
-    position: absolute;
-    text-decoration: inherit;
-    display: inline-block;
-    margin-left: -22px;
-    margin-top: 2px; }
-  
-  .tablesorter-search-highlight {
-    font-weight: 700; }
-  
-  .tablesorter-headerRow th:focus {
-    outline: thin dotted #666;
-    outline-offset: -1px; }
-  
-  .b2b-table-message {
-    font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-table-message .b2b-magnify-glass {
-      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20enable-background%3D%22new%200%200%2036%2036%22%3E%3Cpath%20d%3D%22M27.847%208.26c-1.805-1.803-4.202-2.795-6.751-2.795-2.548%200-4.945.993-6.749%202.796-1.803%201.803-2.796%204.2-2.796%206.75%200%201.879.543%203.681%201.576%205.242l-7.059%207.059c-.357.356-.554.831-.554%201.336-.001.505.196.98.554%201.337.357.356.832.552%201.336.552.503%200%20.977-.196%201.336-.553l7.047-7.048c1.576%201.062%203.402%201.622%205.309%201.622%202.55%200%204.948-.993%206.751-2.796%201.803-1.804%202.796-4.201%202.796-6.751%200-2.549-.993-4.947-2.796-6.751zm-6.761.96c3.186%200%205.778%202.592%205.778%205.778%200%203.186-2.592%205.778-5.778%205.778-3.186%200-5.778-2.592-5.778-5.778%200-3.185%202.592-5.778%205.778-5.778z%22%20fill%3D%22%23767676%22%2F%3E%3C%2Fsvg%3E");
-      background-repeat: no-repeat;
-      background-position: center;
-      height: 50px; }
-    .b2b-table-message .b2b-alert {
-      font-size: 50px; }
-    .b2b-table-message .b2b-loading-dots {
-      font-size: 50px;
-      margin-bottom: 20px; }
-    .b2b-table-message .b2b-message {
-      text-align: center;
-      padding-bottom: 45px;
-      padding-top: 40px;
-      border-style: solid;
-      border-width: 1px;
-      border-top: none;
-      padding-bottom: 45px;
-      border-color: #d2d2d2;
-      width: 100%;
-      min-height: 220px; }
-    .b2b-table-message .b2b-error-title {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #444444;
-      line-height: 26px;
-      margin-top: 10px; }
-    .b2b-table-message .b2b-message-title {
-      color: #444;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-table-scrollbar {
-    border: 1px solid;
-    width: 651px;
-    position: relative; }
-    .b2b-table-scrollbar .b2b-table-inner-container {
-      width: 650px;
-      padding-left: 150px;
-      overflow-x: scroll; }
-    .b2b-table-scrollbar th:first-child {
-      background-color: #FFFFFF; }
-    .b2b-table-scrollbar td:first-child {
-      background-color: #FFFFFF;
-      border-top: 1px solid #cccccc;
-      border-right: 1px solid #cccccc;
-      margin-top: -0.5px; }
-    .b2b-table-scrollbar tr {
-      th: nth-child(2), td; }
-      .b2b-table-scrollbar tr :nth-child(2) {
-        border-left: none; }
-    .b2b-table-scrollbar tr:last-child > td:first-child {
-      border-bottom: 1px solid #cccccc; }
-  
-  .b2b-scrollbar-arrow-left {
-    float: left;
-    margin: 10px; }
-  
-  .b2b-scrollbar-arrow-right {
-    float: right;
-    clear: right;
-    margin: 10px; }
-    .b2b-scrollbar-arrow-right.btn-arrow .btn {
-      margin-right: 0; }
-  
-  .b2b-table-scrollbar ::-webkit-scrollbar {
-    height: 10px; }
-  
-  .b2b-table-scrollbar ::-webkit-scrollbar-thumb {
-    background: #666666;
-    border-radius: 5px; }
-  
-  .tabs {
-    margin-left: 0;
-    margin-bottom: 20px;
-    list-style: none; }
-  
-  .tabs > li > a {
-    display: block; }
-  
-  .tabs > li > a:hover,
-  .tabs > li > a:focus {
-    text-decoration: none;
-    background-color: #d2d2d2; }
-  
-  .tabs > .pull-right {
-    float: right; }
-  
-  .tabs:before,
-  .tabs:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tabs:after {
-    clear: both; }
-  
-  .tabs > li {
-    float: left; }
-  
-  .tabs > li > a {
-    padding-right: 20px;
-    padding-left: 20px;
-    margin-right: 3px;
-    line-height: 16px; }
-  
-  .tabs {
-    margin: 0; }
-  
-  .tabs > li {
-    margin-bottom: -1px; }
-  
-  .tabs > li:first-child {
-    margin-left: 20px; }
-  
-  .tabs > li > a {
-    padding: 12px 20px;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px 6px 0 0;
-    background-color: #f2f2f2;
-    color: #5a5a5a;
-    border-color: #d2d2d2; }
-  
-  .tabs > li > a {
-    margin-right: 6px; }
-  
-  .tabs > li > a,
-  .tabs > li > a:hover,
-  .tabs > li > a:focus {
-    background-image: none;
-    background-color: #ffffff;
-    color: #5a5a5a;
-    border-color: #d2d2d2;
-    border-bottom: 1px solid transparent;
-    cursor: pointer; }
-  
-  .tabs.tabs-justified,
-  .tabs.promo-tabs {
-    width: 100%;
-    border-bottom: 0;
-    margin-bottom: -1px; }
-  
-  .tabs.tabs-justified > li,
-  .tabs.promo-tabs > li {
-    display: table-cell;
-    float: none;
-    width: 1%;
-    border-left: 1px solid #d2d2d2; }
-  
-  .tabs.tabs-justified > li.active,
-  .tabs.promo-tabs > li.active {
-    position: relative;
-    z-index: 1000; }
-  
-  .tabs.tabs-justified > li > a {
-    padding-right: 5px;
-    padding-left: 5px; }
-  
-  .tabs.tabs-justified > li > a,
-  .tabs.promo-tabs > li > a {
-    text-align: center; }
-  
-  .tabs.promo-tabs > li > a {
-    padding: 0;
-    margin: 0;
-    border-radius: 0;
-    border: none;
-    color: #0568ae;
-    font-size: 1.2rem;
-    text-align: center;
-    padding: 6px 10px 10px;
-    border-top: 4px solid #e6e6e6;
-    filter: none;
-    border-bottom: 1px solid #d2d2d2;
-    background-color: #f9f9f9; }
-  
-  .tabs > li:last-child > a {
-    margin-right: 0; }
-  
-  .tabs.promo-tabs > li.active > a {
-    color: #333333;
-    border-top: 4px solid #ea7400;
-    border-bottom-color: white;
-    background-color: #fff !important;
-    filter: none;
-    cursor: default; }
-  
-  .tabs.promo-tabs > li:first-child {
-    border-left: none; }
-  
-  .tabs.promo-tabs > li > a img {
-    max-width: inherit;
-    max-height: 39px;
-    margin: 0 auto 5px auto;
-    display: block; }
-  
-  .tabbable:before,
-  .tabbable:after {
-    display: table;
-    content: "";
-    line-height: 0; }
-  
-  .tabbable:after {
-    clear: both; }
-  
-  
-  
-  .tabs.promo-tabs > li > a {
-    font-size: 2.0rem;
-    height: 70px;
-    padding: 20px 20px 24px;
-    background-color: #FFFFFF;
-    border-top: 5px solid #FFFFFF;
-    white-space: nowrap; }
-  
-  .tabs.promo-tabs > li.active > a {
-    border-top: 5px solid #0574ac; }
-  
-  .tabs.promo-tabs > li > a:hover {
-    color: #333333; }
-  
-  .tabs.promo-tabs > li {
-    width: auto; }
-  
-  .tabs > li[disabled="disabled"] > a:hover {
-    cursor: not-allowed; }
-  
-  .b2b-tags {
-    background-color: #f2f2f2;
-    -webkit-transition: all .3s ease-out;
-    -moz-transition: all .3s ease-out;
-    transition: all .3s ease-out;
-    margin: 3px 5px 3px 0;
-    padding: 2px 15px;
-    border-radius: 6px;
-    border: 1px solid #c9c9c9;
-    display: inline-block; }
-    .b2b-tags .tags__item {
-      font-size: 14px;
-      vertical-align: baseline;
-      zoom: 1;
-      color: #333; }
-      .b2b-tags .tags__item i {
-        color: #0574ac;
-        font-size: 14px;
-        font-weight: bold;
-        margin-left: 10px; }
-        .b2b-tags .tags__item i:hover {
-          cursor: pointer; }
-      .b2b-tags .tags__item i:focus {
-        outline: thin dotted #666; }
-      .b2b-tags .tags__item:last-child {
-        margin-right: 0; }
-      .b2b-tags .tags__item:hover {
-        text-decoration: none; }
-      .b2b-tags .tags__item:focus {
-        outline: 1px dotted #666; }
-  
-  .tooltip-size-control {
-    display: block; }
-  
-  .tooltip {
-    display: inline-block;
-    height: 20px;
-    vertical-align: middle;
-    margin: 1px 0 0 7px; }
-  
-  p .tooltip {
-    margin: -3px 7px 0 0; }
-  
-  label .tooltip {
-    margin: 1px 0 0 7px; }
-  
-  .tooltip .icon-primary-tooltip {
-    background: none;
-    border: none;
-    display: inline-block;
-    font-size: 20px;
-    height: 20px;
-    margin: 0;
-    position: relative;
-    width: 20px; }
-  
-  .tooltip .icon-primary-tooltip:before {
-    top: 0; }
-  
-  .tooltip .icon-primary-tooltip:focus {
-    text-decoration: none;
-    outline: 1px dotted black; }
-  
-  .tooltip.active .icon-primary-tooltip:focus {
-    outline: none; }
-  
-  .tooltip .arrow {
-    display: none;
-    border-color: transparent;
-    border-style: solid;
-    background-color: #0568ae;
-    height: 20px;
-    width: 20px;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    opacity: 0;
-    transform: rotate(45deg);
-    z-index: 20; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="top"] .arrow {
-    display: block;
-    bottom: 32px;
-    top: auto;
-    border-width: 0 1px 1px 0; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="bottom"] .arrow {
-    border-width: 1px 0 0 1px;
-    display: block;
-    bottom: -33px;
-    top: auto; }
-  
-  .tooltip.active .arrow {
-    opacity: 1; }
-  
-  .tooltip .closingtooltip {
-    display: block; }
-  
-  .tooltip.active .closingtooltip {
-    display: none; }
-  
-  .tooltip-wrapper {
-    position: absolute;
-    margin-top: 20px;
-    left: 15px;
-    right: 15px;
-    display: none;
-    opacity: 0;
-    z-index: 1010;
-    text-align: left; }
-  
-  .helpertext {
-    background-color: #0568ae;
-    border: 1px solid transparent;
-    border-radius: 6px;
-    color: #fff;
-    display: none;
-    margin: 0;
-    padding: 25px;
-    position: relative;
-    text-align: left;
-    width: 100%;
-    top: 0;
-    z-index: 1009; }
-  
-  .tooltip .helpertext {
-    position: absolute; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="bottom"] + .tooltip-wrapper .helpertext {
-    bottom: inherit;
-    top: 19px; }
-  
-  .tooltip.active .icon-primary-tooltip[data-placement="top"] + .tooltip-wrapper .helpertext {
-    top: inherit;
-    bottom: 38px; }
-  
-  .tooltip.active .tooltip-wrapper {
-    opacity: 1;
-    display: block;
-    margin-top: 0; }
-  
-  .tooltip.active .tooltip-wrapper .helpertext {
-    display: block; }
-  
-  .tooltip-onclick .btn.icon-primary-tooltip {
-    border: medium none;
-    box-shadow: none;
+    background-size: auto 23px;
+    border-left: 1px solid transparent;
     color: #0568ae;
-    font-size: 20px;
-    height: 34px;
-    line-height: 36px;
-    margin: 0;
-    min-width: 50px;
-    padding: 0;
-    position: absolute;
-    right: 0;
-    top: 0; }
-  
-  .tooltip-onclick .icon-primary-tooltip:before {
-    display: inline;
-    position: relative; }
-  
-  .tooltip-onclick textarea + .reset-field + .icon-primary-tooltip {
-    top: 4px;
-    right: 5px;
-    min-width: 40px; }
-  
-  .tooltip-onclick.active .helpertext:before,
-  .tooltip-onfocus.active .helpertext:before {
-    background-color: #0568ae;
-    border-color: transparent;
-    border-style: solid;
-    border-width: 1px 1px 0 0;
-    content: "";
-    display: block;
-    height: 15px;
-    left: 17px;
-    margin: 0;
-    position: absolute;
-    top: -7px;
-    transform: rotate(-45deg);
-    width: 15px; }
-  
-  .tooltip-onclick.active .helpertext {
-    display: block;
-    opacity: 1;
-    margin: 14px 0 0; }
-  
-  .tooltip-onclick.active .helpertext:before {
-    left: inherit;
-    right: 18px; }
-  
-  .tooltip-onclick .reset-field {
-    right: 37px; }
-  
-  .tooltip-onclick .reset-field:before {
-    position: relative;
-    top: -1px; }
-  
-  .tooltip-onfocus.active .helpertext {
-    display: block;
-    margin: 14px 0 10px 0; }
-  
-  .popover-title {
-    display: block;
-    font-size: 14px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: bold;
-    margin-bottom: 8px;
-    white-space: normal; }
-  
-  .popover-content {
-    display: block;
-    font-size: 12px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    line-height: 1.5rem;
-    white-space: normal; }
-  
-  .popover-content span,
-  .popover-content p {
-    line-height: 1.5rem; }
-  
-  .popover-content p:last-child {
-    margin-bottom: 0; }
-  
-  .tooltip .tooltip-element {
-    position: relative; }
-  
-  .tooltip .icon-primary-tooltip:hover {
-    text-decoration: none; }
-  
-  .tooltip.active .tooltip-element[data-placement="top"] .arrow {
-    display: block;
-    bottom: 32px;
-    top: auto; }
-  
-  .tooltip.active .tooltip-element[data-placement="bottom"] .arrow {
-    display: block;
-    border-color: transparent transparent #0574ac;
-    bottom: -33px;
-    top: auto; }
-  
-  .tooltip.active .tooltip-element[data-placement="bottom"] + .tooltip-wrapper .helpertext {
-    bottom: inherit;
-    top: 19px; }
-  
-  .tooltip.active .tooltip-element[data-placement="top"] + .tooltip-wrapper .helpertext {
-    top: inherit;
-    bottom: 38px; }
-  
-  .b2b-tree {
-    padding: 0 10px 0 10px;
-    width: 320px; }
-    .b2b-tree ul {
-      list-style: none;
-      list-style-type: none; }
-    .b2b-tree a {
-      display: block;
-      padding: 0 0 5px 30px;
-      line-height: 22px;
-      margin-left: -10px;
-      font-size: 1.4rem;
-      outline-offset: -1px; }
-    .b2b-tree li:focus {
-      outline: none; }
-      .b2b-tree li:focus > a {
-        outline: thin dotted #666;
-        outline-offset: -1px; }
-    .b2b-tree ul li {
-      border-left: 1px solid #ccc; }
-      .b2b-tree ul li .b2b-tree-tooltip {
-        display: none;
-        position: absolute;
-        top: -25px;
-        left: 100%;
-        white-space: nowrap;
-        margin-left: 10px;
-        z-index: 1010;
-        font-family: "Omnes-ECOMP-W02", Arial;
-        font-size: 12px; }
-      .b2b-tree ul li .b2b-tree-tooltip-content {
-        background-color: #0568ae;
-        margin-left: 9px;
-        border-radius: 6px;
-        color: #fff;
-        padding: 25px; }
-      .b2b-tree ul li .b2b-tree-arrow-left {
-        width: 0;
-        height: 0;
-        border-top: 10px solid transparent;
-        border-bottom: 10px solid transparent;
-        border-right: 10px solid #0568ae;
-        position: absolute;
-        top: 25px; }
-      .b2b-tree ul li.activeTooltip > a .b2b-tree-tooltip {
-        display: block; }
-    .b2b-tree ul ul {
-      padding: 0 0 0 20px; }
-    .b2b-tree ul > li {
-      position: relative;
-      line-height: 18px; }
-    .b2b-tree a > span.b2b-tree-node-icon {
-      background-color: #FFF;
-      display: inline;
-      margin: 0;
-      padding: 0;
-      position: absolute;
-      left: -11px;
-      top: 0;
-      line-height: 14px;
-      width: 11px; }
-      .b2b-tree a > span.b2b-tree-node-icon > i {
-        font-size: 20px; }
-    .b2b-tree a:only-child {
-      color: #0574ac; }
-      .b2b-tree a:only-child > span.b2b-tree-node-icon {
-        left: -11px;
-        border-radius: 50%;
-        line-height: 7px;
-        top: 0; }
-        .b2b-tree a:only-child > span.b2b-tree-node-icon > i {
-          background-color: inherit;
-          background: #fff; }
-    .b2b-tree a > span.b2b-tree-node-icon > i.icon-primary-circle {
-      background-color: inherit;
-      background: #fff;
-      font-size: 5px; }
-    .b2b-tree a.b2b-locked-node:after {
-      content: "\ec58";
-      float: right;
-      font-family: 'icoSecurityalerts' !important; }
-    .b2b-tree a:hover .b2b-locked-node:after {
-      text-decoration: none; }
-    .b2b-tree ul li:first-child > a:only-child > span.b2b-tree-node-icon {
-      left: -11px;
-      border-radius: 50%;
-      line-height: 12px; }
-    .b2b-tree ul li:last-child > a:only-child > span.b2b-tree-node-icon {
-      height: 27px;
-      background-color: #fff; }
-    .b2b-tree li a + ul {
-      height: 0;
-      overflow: hidden; }
-    .b2b-tree li a.active + ul {
-      height: auto;
-      overflow: visible; }
-    .b2b-tree li a.grp {
-      font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-      .b2b-tree li a.grp.active {
-        color: #333; }
-    .b2b-tree span.end {
-      left: -6px !important;
-      top: 5px !important; }
-    .b2b-tree span.first-link {
-      width: 3px !important;
-      height: 15px !important;
-      top: 0px !important;
-      left: -2px !important;
-      background: #fff; }
-  
-  /* .b2b-tree-checkbox {
-    padding: 0 10px 0 10px;
-    width: 320px; }
-    .b2b-tree-checkbox ul {
-      list-style: none;
-      list-style-type: none; }
-    .b2b-tree-checkbox a {
-      display: block;
-      padding: 0 0 5px 30px;
-      line-height: 22px;
-      margin-left: -10px;
-      font-size: 14px;
-      outline-offset: -1px; }
-    .b2b-tree-checkbox li:focus {
-      outline: none; }
-      .b2b-tree-checkbox li:focus > a {
-        outline: thin dotted #666;
-        outline-offset: -1px; }
-    .b2b-tree-checkbox ul li {
-      border-left: 1px solid #ccc; }
-    .b2b-tree-checkbox ul ul {
-      padding: 0 0 0 20px; }
-    .b2b-tree-checkbox ul > li {
-      position: relative;
-      line-height: 18px; } */
-    /* .b2b-tree-checkbox a > span.nodeIcon {
-      background-color: #FFF;
-      display: inline;
-      margin: 0;
-      padding: 0;
-      position: absolute;
-      left: -11px;
-      top: 0;
-      line-height: 14px;
-      width: 11px; } */
-      /* .b2b-tree-checkbox a > span.nodeIcon > i {
-        font-size: 20px; } */
-      .b2b-tree-checkbox a > span.nodeIcon.end {
-        margin-top: 10px; }
-    .b2b-tree-checkbox a:only-child {
-      color: #0574ac; }
-      .b2b-tree-checkbox a:only-child > span.nodeIcon {
-        left: -11px;
-        border-radius: 50%;
-        line-height: 7px;
-        top: 0; }
-        .b2b-tree-checkbox a:only-child > span.nodeIcon > i {
-          background-color: inherit;
-          background: #fff; }
-    .b2b-tree-checkbox a > span.nodeIcon > i.icon-primary-circle {
-      background-color: inherit;
-      background: #fff;
-      font-size: 5px; }
-    .b2b-tree-checkbox ul li:first-child > a:only-child > span {
-      left: -11px;
-      border-radius: 50%;
-      line-height: 12px;
-      top: 0px; }
-    .b2b-tree-checkbox ul li:first-child > a:only-child > span.end {
-      margin-top: 0px; }
-    .b2b-tree-checkbox ul li:first-child > a:only-child > span i.icon-primary-circle {
-      top: 8px; }
-    .b2b-tree-checkbox ul li:last-child > a:only-child > span {
-      height: 34px;
-      background-color: #fff; }
-    .b2b-tree-checkbox li a + ul {
-      height: 0;
-      overflow: hidden; }
-    .b2b-tree-checkbox li a.active + ul {
-      height: auto; }
-    .b2b-tree-checkbox li a.grp {
-      font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-    .b2b-tree-checkbox span.end {
-      left: -6px !important; }
-    .b2b-tree-checkbox .checkbox {
-      margin-bottom: 0px;
-      margin-top: 2px;
-      font-size: 14px; }
-      .b2b-tree-checkbox .checkbox input:indeterminate + .skin:after {
-        content: "\2014";
-        padding-left: 2px;
-        font-family: inherit !important;
-        line-height: inherit !important; }
-    /* .b2b-tree-checkbox span.first-link {
-      width: 3px !important;
-      height: 15px !important;
-      top: 0px !important;
-      left: -2px !important;
-      background: #fff; } */
-  
-  .b2b-widget-window {
-    width: 147px;
-    right: 5px;
-    top: 60px;
-    position: absolute;
-    border: 1px solid #ccc;
-    background-color: #fff;
-    border-radius: 8px;
-    z-index: 1000; }
-    .b2b-widget-window li {
-      margin: 15px; }
-  
-  .b2b-widget-container {
-    background-color: #fff;
-    border-radius: 8px;
-    border: 1px solid #ccc;
-    position: relative; }
-    .b2b-widget-container .b2b-widget-header {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #333;
-      height: 55px;
-      padding-left: 15px;
-      padding-top: 19px; }
-      .b2b-widget-container .b2b-widget-header .header {
-        font-size: 18px; }
-    .b2b-widget-container .b2b-widget-header-icons {
-      font-size: 16px;
-      color: #0574ac; }
-  
-  .b2b-widget-header-icons button {
-    border: none;
-    background: transparent;
-    color: #0574ac; }
-    .b2b-widget-header-icons button:focus {
-      outline-style: solid;
-      outline-width: 1px;
-      outline-color: #0574ac; }
-    .b2b-widget-header-icons button:first-child {
-      margin-right: 0px; }
-  
-  .b2b-widget-container .b2b-widget-content {
-    height: 325px;
-    margin: 0;
-    padding: 20px;
-    position: relative;
-    border-top: 1px solid #ccc; }
-  
-  .b2b-widget-content .form-row:first-child {
-    margin-top: 0; }
-  
-  .b2b-widget-header-icons button.icoControls-gear:focus, .b2b-widget-header-icons button.icon-primary-close:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-widget-header .icon-primary-close:before {
-    content: '-';
-    display: inline-block;
-    margin: 0;
-    padding: 0;
-    outline: none; }
-  
-  .b2b-widget-window .arrow_box {
-    background: #fff;
-    border: 1px solid #ccc; }
-  
-  .b2b-widget-window.arrow_box:after, .b2b-widget-window.arrow_box:before {
-    bottom: 100%;
-    left: 75%;
-    border: solid transparent;
-    content: " ";
-    height: 0;
-    width: 0;
-    position: absolute;
-    pointer-events: none; }
-  
-  .b2b-widget-window.arrow_box:after {
-    border-color: rgba(255, 255, 255, 0);
-    border-bottom-color: #fff;
-    border-width: 10px;
-    margin-left: 1px; }
-  
-  .b2b-widget-window.arrow_box:before {
-    border-color: rgba(204, 204, 204, 0);
-    border-bottom-color: #ccc;
-    border-width: 11px;
-    margin-left: 0px; }
-  
-  /************************** Overrides for Filters ***************************/
-  .filter-container .filter-header h2 {
-    line-height: 1 !important;
-    margin: 0 !important; }
-  
-  .filter-container .icon-primary-spinner:before {
-    content: none; }
-  
-  .filter-container .fixed-230-subnav {
-    margin: 10px !important;
-    width: inherit !important; }
-  
-  .filter-container .unlinked:focus {
-    outline: thin dotted #666 !important; }
-  
-  .filter-container .unlinked.active {
-    color: inherit !important; }
-  
-  .filter-container .fixed-230-subnav a > i {
-    background: none; }
-  
-  .filter-container .fixed-230-subnav ul {
-    margin: 0 0 10px 10px; }
-  
-  /************************** Overrides for Filters ***************************/
-  .row .filter-container {
-    background-color: #fff; }
-  
-  .filter-header {
-    overflow: hidden;
-    padding: 20px 0;
-    position: relative; }
-  
-  .filter-header h2 {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 2.4rem;
-    margin-bottom: 0; }
-  
-  .filter-selected {
-    border-top: 1px solid #ccc;
-    padding-top: 20px; }
-  
-  .filter-selected > span {
-    font-size: 1.3rem;
-    text-transform: uppercase; }
-  
-  .filter-selected > a.clear-all-filters {
-    float: right;
-    font-size: 1.4rem; }
-  
-  .filter-selected > span,
-  .filter-selected > a.clear-all-filters {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  
-  .filter-selected-group {
-    padding-top: 15px; }
-  
-  .filter-selected-badge {
-    background-color: #f2f2f2;
-    border-radius: 15px;
-    display: inline-block;
-    font-size: 1.4rem;
-    margin-bottom: 10px;
-    padding: 0 0 0 12px; }
-  
-  .filter-selected-badge .icoControls-optionsoff {
-    background: transparent none repeat scroll 0 0;
-    border: medium none;
-    font-size: 2.5em;
-    margin: 0;
-    padding: 0; }
-  
-  .filters .fixed-230-subnav > ng-transclude > div:first-child {
-    border-top: 1px solid #ccc; }
-  
-  .filters .fixed-230-subnav > ng-transclude > div {
-    border-bottom: 1px solid #ccc; }
-  
-  .filter-results {
-    align-items: center;
-    border-bottom: 1px solid #ccc;
     display: flex;
-    flex-wrap: wrap;
-    height: 50px;
-    -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
-    justify-content: space-between; }
-  
-  .filter-results-sortby > span {
-    text-transform: uppercase; }
-  
-  .filter-results-view .icon-primary-content-gridguide {
-    font-size: 2em;
-    margin-right: 0; }
-  
-  .filter-container .fixed-230-subnav > ng-transclude > div > a {
-    font-size: 1.8rem;
-    margin: 0;
-    padding: 15px 20px 15px 0;
-    color: #0574ac !important;
-    cursor: pointer !important;
-    font-family: "Omnes-ECOMP-W02", Arial !important;
-    outline-offset: inherit !important;
-    position: relative;
-    height: auto;
-    width: auto; }
-  
-  .filter-container .fixed-230-subnav a > i {
-    right: 0;
-    top: 15px; }
-  
-  .filter-container .fixed-230-subnav .icon-primary-collapsed:before, .filter-container .fixed-230-subnav .icon-primary-expanded:before {
-    float: right; }
-  
-  .filter-container .fixed-230-subnav ul.collapse {
-    position: inherit;
-    transition: height 0.5s ease;
-    height: 0;
-    overflow: hidden; }
-  
-  .filter-container .checkbox .icon-primary-spinner {
-    height: 24px;
-    position: absolute;
-    width: 24px; }
-  
-  .fixed-230-subnav.affix {
-    margin: -28px 0 0; }
-  
-  #nav-menu .b2b-menu,
-  #nav-menu .fixed-230-subnav {
-    margin: 0; }
-  
-  .b2b-menu > li,
-  .fixed-230-subnav > div {
-    border-bottom: 1px solid #ccc;
-    line-height: 4.0rem; }
-  
-  .b2b-menu > li:first-child,
-  .fixed-230-subnav > li:first-child {
-    border-top: 1px solid #ccc; }
-  
-  .b2b-menu div > a,
-  .fixed-230-subnav div > a {
-    color: #0574ac;
-    cursor: pointer;
-    display: block;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 1.4rem;
-    margin: 0;
-    outline-offset: -1px;
-    padding: 0 10px;
-    position: relative; }
-  
-  .fixed-230-subnav div > a.live {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    color: #666; }
-  
-  .fixed-230-subnav > ng-transclude > div li > a {
-    display: block;
-    font-size: 1.4rem;
-    line-height: 20px; }
-  
-  .fixed-230-subnav > ng-transclude > div li > a.active {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    text-decoration: none;
-    color: #666; }
-  
-  #nav-menu .fixed-230-subnav a > i {
-    top: 10px; }
-  
-  .fixed-230-subnav > li > a.active > i:after {
-    display: none; }
-  
-  .b2b-menu ul,
-  .fixed-230-subnav ul {
-    margin: 0 0 10px 0; }
-  
-  .b2b-menu ul div a,
-  .fixed-230-subnav ul div a {
-    padding: 0 10px; }
-  
-  .unlinked {
-    outline: medium none !important;
-    text-decoration: none !important; }
-  
-  @media (max-width: 1024px) {
-    .filter-container .fixed-230-subnav {
-      margin: 0 20px;
-      width: auto; }
-    .filter-container .fixed-230-subnav > li {
-      margin: 0; }
-    .row .filter-container {
-      display: none;
-      height: 100%;
-      left: 0;
-      position: fixed;
-      overflow: auto;
-      top: 0;
-      transition: all 0.5s ease 0s;
-      width: 285px;
-      z-index: 9999; }
-    .filter-header {
-      padding-left: 20px; }
-    .filter-selected {
-      margin: 0 20px 10px; } }
-  
-  .b2b-pane-selector-wrapper {
-    width: 100%;
-    display: block;
-    border-top: solid 1px #ccc;
-    border-bottom: solid 1px #ccc; }
-    .b2b-pane-selector-wrapper .side-nav {
-      width: 20% !important;
-      display: inline-block;
-      float: left; }
-    .b2b-pane-selector-wrapper .pane-container {
-      width: 80%;
-      vertical-align: top;
-      margin: 0;
-      padding-top: 30px;
-      border-left: solid 1px #ccc;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      display: none; }
-      .b2b-pane-selector-wrapper .pane-container.active {
-        display: inline-block; }
-      .b2b-pane-selector-wrapper .pane-container .pane-container-top {
-        padding-left: 15px; }
-      .b2b-pane-selector-wrapper .pane-container .panes {
-        display: -webkit-flex;
-        display: flex;
-        border-top: solid 1px #ccc;
-        margin-top: 30px; }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block {
-          height: inherit;
-          overflow-y: auto;
-          border-right: solid 1px #ccc;
-          position: relative;
-          flex: 1;
-          -webkit-flex: 1;
-          /* Safari 6.1+ */
-          -ms-flex: 1;
-          /* IE 10 */ }
-          .b2b-pane-selector-wrapper .pane-container .panes div.pane-block:focus {
-            outline: dotted 1px #333333; }
-      .b2b-pane-selector-wrapper .pane-container .search-block {
-        position: relative;
-        float: right; }
-        .b2b-pane-selector-wrapper .pane-container .search-block input[type="search"]:focus {
-          padding-right: 40px; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row p {
-        margin-top: 15px; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div {
-        border-bottom: solid 1px #ccc; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row {
-        display: block;
-        padding: 19px 14px 19px 14px;
-        margin-top: 0px;
-        border: dotted 1px transparent;
-        border-bottom: solid 1px #ccc; }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:focus {
-          border: dotted 1px #333333 !important; }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:last-child {
-          border-bottom: none; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block > .no-content {
-        text-align: center;
-        border-bottom: none;
-        display: block;
-        position: absolute;
-        top: 45%;
-        left: 0;
-        right: 0; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div:last-child {
-        border-bottom: none; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row span.margin-chk {
-        margin: 15px 15px 0px 15px;
-        float: left; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row .checkbox-selectall {
-        margin: 0px 0 0 24px !important; }
-    .b2b-pane-selector-wrapper .side-nav li {
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      border: none;
-      border-top: solid 1px #ccc;
-      display: block !important;
-      width: auto !important;
-      margin-left: 0px !important; }
-      .b2b-pane-selector-wrapper .side-nav li.active {
-        background-color: #f6f6f6;
-        position: inherit !important; }
-        .b2b-pane-selector-wrapper .side-nav li.active > a {
-          font-size: 16px;
-          color: #333;
-          text-decoration: none;
-          border: none;
-          background-color: transparent;
-          padding: 20px 15px;
-          display: block;
-          height: auto;
-          border-left: 4px solid #0574ac; }
-      .b2b-pane-selector-wrapper .side-nav li > a {
-        font-size: 16px;
-        color: #333;
-        text-decoration: none;
-        border: none;
-        background-color: transparent;
-        padding: 20px 15px;
-        display: block;
-        height: auto;
-        text-align: left; }
-      .b2b-pane-selector-wrapper .side-nav li > a:focus {
-        border-right: dotted 1px #333333; }
-      .b2b-pane-selector-wrapper .side-nav li:first-child {
-        border-top: none;
-        margin-left: none !important; }
-  /********************* Utility CSS Starts **********************/
-  .offscreen-text {
-    position: absolute;
-    left: -10000px;
-    top: auto;
-    width: 1px;
-    height: 1px;
-    overflow: hidden; }
-  
-  /********************* Utility CSS Ends **********************/
-  /* Fix for alignment issue on Cancel link inside modal */
-  .modal-footer > .cta-button-group {
-    line-height: 40px; }
-  
-  /* .att-dark-green { // Not used
-    color: #007a3e;
-  } */
-  .colors-off-msg {
-    display: none; }
-  
-  button .colors-off-msg {
-    position: relative; }
-  
-  .ds2-no-colors .colors-off-msg {
-    display: block; }
-  
-  .ds2-no-colors [data-colordatatext] button .colors-off-msg {
-    font-size: 1.1rem;
-    line-height: normal;
-    padding: 5px 0;
-    position: absolute;
-    top: 0;
-    white-space: normal;
-    width: 60px; }
-  
-  /* Not used
-  .make-all-white * {
-    color: #fff;
-  }
-  .make-all-white a {
-    text-decoration: underline;
-  } */
-  .loader > span {
-    display: block;
-    padding-top: 20px; }
-  
-  .modal > .loader {
-    left: 50%;
-    margin-left: -25px;
-    margin-top: -25px;
-    position: absolute;
-    top: 50%; }
-  
-  #pageLevelLoader.modal {
-    background-color: transparent;
-    border: none;
-    box-shadow: none;
-    top: 40%; }
-  
-  .modal.fade .loader {
-    display: none; }
-  
-  .modal.fade.in .loader {
-    display: block; }
-  
-  .btn.disabled[data-loading-text] {
-    padding: 0 19px 0 18px;
-    line-height: 46px; }
-  
-  .btn.disabled[data-loading-text] img {
-    position: relative;
-    top: 2px; }
-  
-  /*  Seems to already be in docs.css
-  .fixed-230.leftnav {
-    position: relative;
-  }
-  .fixed-230-subnav {
-    margin: 10px;
-  }
-  .fixed-230-subnav > li:first-child {
-    border-top: none;
-  }
-  .fixed-230-subnav > li {
-    border-bottom: 1px solid #d2d2d2;
-  }
-  .fixed-230-subnav > li > a {
-    display: block;
-    font-size: 1.4rem;
-    line-height: normal;
-    margin: 0 -9px;
-    padding: 11px 35px 12px 9px;
-    outline-offset: 0;
-    position: relative;
-  }
-  .fixed-230-subnav > li > a.live {
-    color: #333333;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  }
-  .fixed-230-subnav a > i {
-    right: 10px;
-    margin: 0;
-    position: absolute;
-    top: 10px;
-  }
-  .fixed-230-subnav a > i:after {
-    display: none;
-  }
-  .fixed-230-subnav > li li > a {
-    display: block;
-    font-size: 1.4rem;
-    line-height: 18px;
-  }
-  .fixed-230-subnav > li li > a.active {
-    color: #333333;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    text-decoration: none;
-  }
-  .fixed-230-subnav ul {
-    margin: 0 0 10px;
-  } */
-  .unlinked {
-    color: #0568ae !important;
-    font-family: "Omnes-ECOMP-W02", Arial !important; }
-  
-  .unlinked.active {
-    color: inherit !important; }
-  
-  /* @media (max-width: 767px) {
-    .row.has-leftnav {
-      flex-wrap: wrap;
-    }
-    .row.has-leftnav .fluid-space {
-      padding-right: 0;
-    }
-    .row .fixed-230 {
-      background-color: #fff;
-      width: auto;
-    }
-    .row .leftnav {
-      background-color: #fff !important;
-      display: block !important;
-    }
-    .fixed-230-subnav {
-      margin: 10px 0 0;
-      width: 100%;
-    }
-    .fixed-230-subnav > li {
-      margin-left: -15px;
-      margin-right: -15px;
-    }
-    .fixed-230-subnav > li:first-child {
-      border-top: 1px solid #d2d2d2;
-    }
-    .fixed-230-subnav > li > a {
-      margin: 0;
-    }
-    .fixed-230-subnav a:hover,
-    .fixed-230-subnav a:focus {
-      text-decoration: none !important;
-    }
-    .fixed-230-subnav > li li > a {
-      padding: 5px 10px;
-    }
-    .fixed-230-subnav > li li > a.active {
-      color: inherit;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    }
-  } */
-  @keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-moz-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-webkit-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-ms-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  @-o-keyframes DOMinsertion {
-    from {
-      outline-color: transparent; }
-    to {
-      outline-color: transparent; } }
-  
-  .ajaxed,
-  .modal.fade.in .modal-header,
-  .modal.fade.in .modal-body,
-  .modal.fade.in .modal-footer {
-    animation-duration: 0.01s;
-    -o-animation-duration: 0.01s;
-    -ms-animation-duration: 0.01s;
-    -moz-animation-duration: 0.01s;
-    -webkit-animation-duration: 0.01s;
-    animation-name: DOMinsertion;
-    -o-animation-name: DOMinsertion;
-    -ms-animation-name: DOMinsertion;
-    -moz-animation-name: DOMinsertion;
-    -webkit-animation-name: DOMinsertion; }
-  
-  .dda-css-override ul.nav-tabs {
-    margin-bottom: 0; }
-  
-  
-  .formsWithinProcessButton {
-    margin-right: 0px; }
-  
-  .heading-sub-section-form {
-    font-size: 2.4rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px;
-    margin-top: 10px; }
-  
-  .heading-small-form {
-    font-size: 1.6rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-top: 0px; }
-  
-  .icon-primary-form-sizeL {
-    font-size: 50px; }
-  
-  .icon-primary-form-size {
-    font-size: 30px; }
-  
-  .spanformfix {
-    margin-right: 15px !important; }
-  
-  @media (max-width: 767px) {
-    .heading-sub-section-form {
-      font-size: 1.8rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-bottom: 20px;
-      padding-top: 10px;
-      margin-top: 30px; }
-    .heading-small-form {
-      font-size: 1.4rem;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      margin-top: 0px; } }
-  
-  @media (max-width: 479px) {
-    .icon-primary-form-resizeL {
-      display: none; }
-    .icon-primary-form-resize {
-      display: none; }
-    .heading-center-form {
-      margin-left: 20px; } }
-  
-  @media (min-width: 480px) {
-    .icon-primary-form-resizeL {
-      display: none; }
-    .icon-primary-form-resize {
-      display: inherit; }
-    .icon-primary-center-min {
-      margin-top: 30px; } }
-  
-  @media (min-width: 768px) {
-    .icon-primary-form-resizeL {
-      display: inherit;
-      margin-top: 30px; }
-    .icon-primary-form-resize {
-      display: none; }
-    .center-form-align {
-      margin-top: 35px; } }
-  
-  @media (min-width: 1024px) {
-    .icon-primary-form-resizeL {
-      display: inherit;
-      margin-top: 0px; }
-    .icon-primary-form-resize {
-      display: none; }
-    .center-form-align {
-      margin-top: 5px; } }
-  
-  .data-row.has-button td.col-1 {
-    padding: 0; }
-  
-    
-  .icon-primary-circle:before {
-    background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-    content: "";
+    font-size: 23px;
+    height: 36px;
+    margin-right: 0;
+    overflow: hidden;
     position: absolute;
+    right: 0;
+    text-indent: 7px;
     top: 0;
-    z-index: 1; }
-  
-  .b2b-drag-handle {
-    cursor: move;
-    -ms-interpolation-mode: bicubic;
-    margin-bottom: 40px;
-    height: 23px;
-    padding-right: 10px;
-    float: left; }
-  
-  .b2b-drag-over {
-    background-color: #d1d1d1; }
-  
-  .b2-drag-element {
-    background-color: #e8e8e8; }
-  
-  [draggable] {
-    -moz-user-select: none;
-    -khtml-user-select: none;
-    -webkit-user-select: none;
-    user-select: none; }
-  /* Flyout inputs color is not aligned */
-  textarea, input {
-    color: #333; }
-  
-  .isIE .btn-primary.btn:focus::after,
-  .isIE .btn-specialty.btn:focus::after,
-  .isIE .btn-alt.btn:focus::after {
-    border: 1px dashed #fff !important; }
-  .b2b-config-section-container {
-    height: auto;
-    min-height: 330px;
-    width: 815px;
-    background-color: #fff;
-    border: 1px solid #ccc;
-    display: inline-table;
-    border-radius: 6px; }
-  
-  .b2b-config-section-first-div {
-    border-right: 1px solid #ccc;
-    height: auto;
-    min-height: 330px; }
-  
-  .b2b-config-section-icon-primary-font {
-    font-size: 50px;
-    height: 31px;
-    line-height: 31px; }
-  
-  .b2b-config-section-padding {
-    padding: 20px 20px 15px 15px;
-    height: auto; }
-  
-  .b2b-config-sec-flyout {
-    position: relative;
-    left: 10px;
-    float: right;
-    color: #0574ac;
-    font-size: 16px;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-config-sec-divider {
-    border-bottom: 1px solid #ccc; }
-  
-  .b2b-confi-sec-span-border {
-    border-right: 1px solid;
-    height: auto; }
-  
-  .b2b-config-sec-speed-div {
-    text-align: center;
-    margin-top: 20px; }
-  
-  .b2b-config-sec-label-font {
-    font-size: 16px; }
-  
-  .b2b-config-sec-expander-main {
-    padding: 0 5px 0px 15px; }
-  
-  .b2b-config-sec-expander-body .b2b-config-vlan-padding {
-    padding: 5px 15px 10px 0px; }
-  
-  .b2b-conif-sec-row-height {
-    height: 110px; }
-  
-  .b2b-config-sec-expander-body {
-    font-size: 14px; }
-    .b2b-config-sec-expander-body .b2b-config-vlan-data {
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      padding-left: 15px; }
-  
-  .b2b-config-sec-expander-body-first-div {
-    border-top: 1px solid #ccc; }
-  
-  .b2b-config-sec-expander-body .tooltip {
-    position: static;
-    opacity: 1; }
-  
-  .b2b-config-section-container .row > [class*="span"] {
-    margin-right: 0px; }
-  
-  .b2b-config-vlan-icons {
-    font-size: 16px;
-    float: right;
-    margin-right: 0px; }
-  
-  .b2b-config-section-container .span6 {
-    width: 50%; }
-  
-  .b2b-config-sec-data-link-style {
-    position: relative;
-    left: 95%;
-    top: 30px;
-    border-radius: 50%;
-    width: 23px;
-    height: 23px;
-    background: #fff;
-    border: 1px solid #ccc;
-    color: #666666; }
-  
-  .b2b-config-sec-text-align {
-    text-align: center;
-    margin-top: 15px;
-    margin-bottom: 35px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #333333; }
-  
-  .b2b-config-port-text-align {
-    text-align: center;
-    margin-top: 15px;
-    margin-bottom: 8px;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #333333; }
-  
-  .b2b-config-port-text-label {
-    margin-top: 6px;
-    margin-bottom: 8px;
-    font-size: 14px;
-    text-align: center; }
-  
-  .b2b-confi-sec-last-div p {
-    font-size: 14px;
-    padding: 10px 15px 0 15px; }
-  
-  .b2b-confi-sec-router-label {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    color: #333333;
-    float: left;
-    width: 100%;
-    margin-bottom: 7px; }
-  
-  .b2b-config-vlan-label {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 14px;
-    color: #333333;
-    margin-top: 1px;
-    margin-bottom: 9px; }
-  
-  .b2b-config-vlan-info {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    color: #333333;
-    margin-bottom: 1px; }
-    .b2b-config-vlan-info .icon-misc-pen {
-      padding-left: 7px; }
-  
-  .b2b-confi-sec-model-label {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 14px;
-    color: #333333; }
-  
-  .b2b-confi-sec-router-info {
-    float: left;
-    width: 62%; }
-  
-  .b2b-config-sec-speed-sec {
-    border-right: 1px solid #ccc; }
-  
-  .b2b-config-sec-speed-label {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 20px;
-    color: #333333;
-    text-align: center; }
-    .b2b-config-sec-speed-label i {
-      margin-left: 15px;
-      font-size: 16px; }
-  
-  .b2b-config-sec-yellow-flag-div {
-    width: 1.6%;
-    background-color: #ffb18c; }
-  
-  .b2b-config-sec-expander-icons {
-    margin-top: 6px; }
-    .b2b-config-sec-expander-icons .icon-misc-trash {
-      margin-right: 10px; }
-  
-  .b2b-config-sec-yellow-flag .b2b-config-sec-expander-icons {
-    left: 40px; }
-  
-  .b2b-config-sec-expander-body-icons .icon-misc-pen {
-    position: relative;
-    left: 18px; }
-  .b2b-directory-listing .center {
-    display: block;
-    margin: 2em auto; }
-  
-  .b2b-directory-listing .listBox {
-    height: 310px;
-    width: 450px;
-    padding-left: 1px;
-    padding-right: 1px;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-  
-  .b2b-directory-listing .listBox:focus {
-    outline: thin dotted #666; }
-  
-  .b2b-directory-listing .b2b-directory-listing-no-results {
-    font-weight: bold; }
-  
-  .b2b-directory-listing .b2b-directory-listing-list {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5a5a5a;
-    overflow-x: hidden;
-    position: relative;
-    height: 300px;
-    border: 1px solid #333;
-    border-radius: 6px;
-    margin-bottom: 10px; }
-  
-  .b2b-directory-listing .b2b-directory-listing-item {
-    margin: 1px;
-    border: 1px solid transparent;
-    outline: none;
-    text-align: left;
-    overflow: hidden;
-    cursor: pointer;
-    padding-top: 13px;
-    padding-bottom: 7px;
-    padding-left: 15px;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    word-wrap: break-word; }
-    .b2b-directory-listing .b2b-directory-listing-item:focus {
-      border: 1px #3399FF solid; }
-  
-  .b2b-directory-listing .b2b-directory-listing-item-selected {
-    color: #fff;
-    background-color: #3399FF; }
-  
-  .b2b-directory-listing input[type="text"] {
-    padding-right: 30px; }
-    .b2b-directory-listing input[type="text"]:focus, .b2b-directory-listing input[type="text"]:hover {
-      padding-right: 30px; }
-  
-  .b2b-directory-listing .row .btns {
-    margin-right: 90px;
-    margin-left: -115px;
-    margin-top: 100px; }
-  
-  .b2b-directory-listing .btn-remove {
-    margin-right: auto !important;
-    margin-bottom: 15px; }
-    .b2b-directory-listing .btn-remove i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-remove-all {
-    margin-top: 0;
-    margin-bottom: 61px !important;
-    /* need to be removed */
-    margin-right: auto !important; }
-    .b2b-directory-listing .btn-remove-all i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-add {
-    margin-bottom: 15px !important; }
-    .b2b-directory-listing .btn-add i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-add-all {
-    margin-top: 0;
-    margin-bottom: 61px !important; }
-    .b2b-directory-listing .btn-add-all i {
-      margin-right: 0;
-      color: #fff;
-      top: -1px; }
-  
-  .b2b-directory-listing .btn-search[class*="btn"] {
-    right: 0.09rem; }
-  
-  .b2b-directory-listing .btn {
-    width: 130px; }
-  
-  .b2b-directory-listing-disabled {
-    cursor: not-allowed; }
-  
-  .b2b-directory-listing-label-heading {
-    margin-top: 24px;
-    padding-bottom: 5px; }
-  
-  .b2b-dl-list-box option {
-    padding-top: 13px;
-    padding-bottom: 7px;
-    padding-left: 15px; }
-  
-  .b2b-dl-modal-button-div {
-    padding-top: 110px;
-    text-align: center; }
-  .b2b-tmpl-notification-card {
-    border-radius: 6px;
-    height: auto;
-    width: 420px;
-    background-color: #ffffff;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 8px;
-    overflow: hidden; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-header {
-      padding-left: 30px;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #333333;
-      font-size: 24px;
-      margin-top: 2px;
-      display: inline-block;
-      min-height: 60px;
-      position: relative; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-body {
-      padding: 0 30px 20px;
-      position: relative; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-header-title {
-      margin-top: 10px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button {
-      box-shadow: 0 -50px 0 0 #f2f2f2 inset;
-      height: 69px;
-      position: absolute;
-      border-color: #f2f2f2 #f2f2f2 transparent transparent;
-      border-style: solid;
-      border-width: 35px;
-      height: 0;
-      right: -295px;
-      top: -4px;
-      width: 69px;
-      /*Old properties */
-      box-shadow: none;
-      transform: none; }
-      .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close {
-        height: 48px;
-        right: -40px;
-        top: -40px;
-        width: 48px;
-        position: relative;
-        /*Old properties */
-        transform: none; }
-        .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:before {
-          color: #0568ae;
-          display: block;
-          font-size: 20px;
-          height: auto;
-          right: -4px;
-          top: 4px;
-          width: auto;
-          /*Old properties */
-          left: auto;
-          height: auto;
-          bottom: auto; }
-        .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:focus {
-          outline: 1px dotted black; }
-    .b2b-tmpl-notification-card button.close {
-      -webkit-appearance: none;
-      moz-appearance: none;
-      appearance: none; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-icon-primary-cirlce {
-      width: 30px;
-      height: 30px;
-      border-radius: 50%; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-outer-cirlce {
-      background: #f0f5f5;
-      border-radius: 50%;
-      height: 16px;
-      width: 16px;
-      vertical-align: middle; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-inner-cirlce {
-      background: #fff;
-      width: 22px;
-      height: 22px;
-      position: relative;
-      border-radius: 50%;
-      display: block;
-      left: 4px;
-      top: 4px;
-      border: 1px solid #767676; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-row {
-      padding-top: 10px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-sub-header {
-      margin-top: 0px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item {
-      background-color: #fff;
-      margin-top: 25px;
-      border-top: 1px solid #ccc; }
-      .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item .cta-button-group {
-        line-height: 40px;
-        padding-top: 20px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-edit-section .cta-button-group {
-      line-height: 40px;
-      padding-top: 15px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-add-item-container {
-      padding-top: 30px; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-link-active {
-      pointer-events: none;
-      cursor: default;
-      color: #ccc; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-cursor:hover {
-      cursor: pointer; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon {
-    text-align: center;
-    margin-top: 91px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon i {
-      font-size: 99px;
-      color: #1b7e28; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading {
-    color: #333333;
-    text-align: center;
-    margin-top: 20px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading h1 {
-      font-size: 38px; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading {
-    color: #333333;
-    text-align: center; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading h5 {
-      font-size: 18px; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info {
-    padding-left: 18%;
-    font-size: 16px;
-    margin-top: 20px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info ul {
-      list-style-type: disc;
-      list-style-position: inside; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info li {
-      padding-top: 5px; }
-  
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section {
-    font-size: 15px;
-    color: #0574ac;
-    margin-top: 20px;
-    text-align: center;
-    margin-bottom: 55px; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section .b2b-tmpl-order-confirmation-link {
-      margin-right: 8%; }
-    .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section a {
-      cursor: pointer; }
-  .b2b-tmpl-profile-block-container {
-    min-height: 200px;
-    height: auto;
-    background-color: #fff;
-    border-radius: 8px;
-    border: 1px solid #ccc;
-    box-shadow: 0px 1px 1px 1px #ccc;
-    display: inline-table;
-    margin: 15px 15px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-title {
-      font-weight: bold; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-footer {
-      margin-bottom: 12px;
-      margin-top: 5px;
-      height: 35px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p {
-      word-wrap: break-word;
-      height: 61px; }
-      .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:first-child {
-        margin-top: 10px; }
-      .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:after {
-        content: ' ';
-        display: block;
-        border: 0.2px solid #ccc;
-        margin-top: 12px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio {
-      margin-left: 15px;
-      height: 30px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details div {
-      padding: 2px 7px;
-      font-size: 14px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio-label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details a {
-      font-size: 14px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p span {
-      padding-left: 10px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon {
-      color: #1b7e28;
-      float: right;
-      position: relative;
-      left: 10px; }
-      .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon i {
-        color: #1b7e28;
-        float: right; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-link {
-      float: right;
-      position: relative;
-      left: -4px; }
-    .b2b-tmpl-profile-block-container a.link-profile {
-      position: relative;
-      left: -5px;
-      float: right;
-      margin-bottom: 16px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-radio {
-      position: relative;
-      top: -5px; }
-  .b2b-static-route-container {
-    padding-left: 32px;
-    display: inline-block; }
-  
-  .b2b-static-route-label-heading {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 5px !important;
-    color: #333333;
-    font-style: normal;
-    text-align: left; }
-  
-  label.b2b-static-route-label-heading {
-    margin-bottom: 12px;
-    margin-top: 15px;
-    display: block; }
-  
-  #b2b-static-route-input {
-    margin: 5px 0 5px; }
-  
-  .b2b-static-route-list {
-    margin-bottom: 30px;
-    width: 216px;
-    float: left;
-    margin-right: 20px;
-    max-height: 540px;
-    overflow-y: auto; }
-    .b2b-static-route-list .status-text {
-      flex: 1;
-      display: flex;
-      align-items: center;
-      outline: 0; }
-  
-  .b2b-static-route-list-item {
-    border: 1px #cccccc solid;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    font-size: 5px;
-    display: flex;
-    cursor: pointer; }
-    .b2b-static-route-list-item > .status-bar {
-      padding: 20px 0 20px;
-      background-color: #ea7400;
-      border-radius: 0;
-      width: 10px;
-      display: inline-block;
-      margin-right: 20px;
-      height: 100%;
-      float: left; }
-      .b2b-static-route-list-item > .status-bar:after {
-        content: '.';
-        visibility: hidden; }
-    .b2b-static-route-list-item > .status-bar-unedited {
-      padding: 20px 0 20px;
-      background-color: #ffb81c;
-      border-radius: 0;
-      width: 10px;
-      display: inline-block;
-      margin-right: 20px;
-      height: 100%;
-      float: left;
-      background-color: transparent; }
-      .b2b-static-route-list-item > .status-bar-unedited:after {
-        content: '.';
-        visibility: hidden; }
-  
-  .b2b-static-route-list-item:focus {
-    outline: 1px dashed #00f; }
-  
-  .b2b-static-route-list-item--selected {
-    background: #f2f2f2; }
-  
-  .b2b-static-route-content {
-    display: inline-block; }
-  
-    .selectWrap::after { 
-    align-items: center; 
-    background-position: 7px 7px; 
-    background-repeat: no-repeat; 
-    background-size: auto 23px; 
-    border-left: 1px solid transparent; 
-    color: #0568ae; 
-    display: flex; 
-    font-size: 23px; 
-    height: 36px; 
-    margin-right: 0; 
-    overflow: hidden; 
-    position: absolute; 
-    right: 0; 
-    text-indent: 7px; 
-    top: 0; 
-    user-select: none; 
-    width: 41px; 
-    z-index: 0; 
-    position: absolute !important; 
-    display: flex !important; 
+    user-select: none;
+    width: 41px;
+    z-index: 0;
+    position: absolute !important;
+    display: flex !important;
   }
-  
+
   .card{
     border-radius: 5px;
   }
-  
+
   .card-header{
     height: 50px;
   }
-  
+
   .card-body{
     height: 150px;
   }
-  
+
   .card-footer{
     height: 50px;
   }
-  
+
   .dialog__close-btn {
     border: 0;
     background: #087ac2;
@@ -11837,33 +3140,39 @@ mat-button-toggle-group{
     display: block;
     border: #087ac2 2px solid;
   }
-  
+
   .dialog{
     margin-top: 50px;
   }
-  
+
   .modalTitle{
-      font-size: 35px;  
+      font-size: 35px;
   }
-  
+
   .defaultFontSize{
     font-size: 15px;
   }
-  
-  
+
+.defaultFontSizeTextArea{
+    font-size: 15px;
+    width: 200px;
+    height: 36px
+}
+
+
   .tab-content{
     margin-right: 20px;
     /* background-color: #006496; */
     color: rgb(0, 0, 0);
   }
-  
+
   .btn-sm{
     width: 30px;
     height: 15px;
     font-size: 10px;
   }
-  
-  
+
+
 table, tr, td, th {
   border: 0;
   width: fit-content
@@ -11873,4 +3182,37 @@ table, tr, td, th {
 mat-icon{
   color: #006496;
   cursor: pointer;
+}
+
+.matFormField{
+	width:300px;
+}
+
+.proceedWitLoadButton{
+	    font-size: 15px;
+	    background: green;
+			color: white;
+
+}
+.abortButton{
+    font-size: 15px;
+	background: red;
+	color: white;
+}
+
+.reportTitle{
+  font-weight: bold;
+}
+textarea{
+    display: block;
+    width: 800px;
+    padding: 8px;
+    padding-left: 15px;
+    height: 36px;
+}
+
+.subtitle{
+  color: #f44336 ;
+   padding-top: 5px;
+   font-size: 12px;
 }
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-form-fields/run-report-form-fields.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-form-fields/run-report-form-fields.component.html
index 2f9543e0..dc6ef1cd 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-form-fields/run-report-form-fields.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-form-fields/run-report-form-fields.component.html
@@ -1,142 +1,159 @@
-
-<div *ngIf="showSpinner">
-    <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
-</div>
-
-
-  <div *ngIf="!showSpinner" class="stdForm">
-  
-<div class="tab-content">
-  <table>
-    <tr>
-      <td>
-    <h1>{{reportName}}</h1>
-  </td>
-  <td>
-    <mat-icon aria-hidden="false" aria-label="edit" (click)="editReport(reportId)">edit</mat-icon>
-  </td>
-  <td *ngIf="reportMode == 'FormField' || reportMode == 'Dashboard'">
-      <div class="field-group">
-          <label for="sizedByContent" class="checkbox">
-                  <input   id="sizedByContent" type="checkbox" ng-model="definitionData.hideFormFieldsAfterRun" class="ng-valid ng-dirty ng-valid-parse ng-touched" (click)="showLabelFn()">
-                  <i class="skin"></i><span></span>
-              </label>
-  </div>
-  </td>
-  </tr>
-  </table>
-    <br/>
-    <br/>
-    <div *ngIf="formFieldList">
-  <div *ngFor="let item of formFieldList; let i = index;">
-    <div *ngIf="item.fieldType == 'TEXT' && item.validationType !== 'DATE'">
-    <div class="field-group">
-        <label>{{item.fieldDisplayName}}</label> &nbsp; <label *ngIf="showLabel">[{{item.fieldId}}]</label><br/>
-          <input  class="defaultFontSize" id="item.fieldId" type="text"  [(ngModel)]="formFieldListValueArr[i]" value="{{formFieldListValueArr[i]}}"/>
-    </div>
-  </div> 
-  <div *ngIf="item.fieldType == 'LIST_BOX'">
-      <div class="field-group">
-          <label for="reportType">{{item.fieldDisplayName}}</label> &nbsp; <label for="reportType">{{item.fieldId}}</label><br/>
-                  <select class="browser-default custom-select defaultFontSize"  required="required"  [(ngModel)]="formFieldListValueArr[i]"  value="{{formFieldListValueArr[i]}}">
-                      <option *ngFor="let listItem of item.formFieldValues" class="defaultFontSize" value="{{listItem.id}}" >{{listItem.name}}</option>
-                    </select>
-      </div>
-  </div>
-  <div *ngIf="item.fieldType == 'LIST_MULTI_SELECT'">
-      <mat-form-field>
-        <mat-label>{{item.fieldDisplayName}}</mat-label>
-        <mat-select  multiple [(ngModel)]="formFieldListValueArr[i]">
-          <mat-option *ngFor="let listItem of item.formFieldValues" value="{{listItem.id}}">{{listItem.name}}</mat-option>
-        </mat-select>
-      </mat-form-field>
-  </div>
-  <div *ngIf="item.validationType == 'DATE'">
-      <div class="field-group">
-          <label for="reportType">{{item.fieldDisplayName}}</label><br/>
-          <mat-form-field>
-              <input matInput [matDatepicker]="picker" [(ngModel)]="formFieldListValueArr[i]">
-              <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
-              <mat-datepicker #picker></mat-datepicker>
-            </mat-form-field>
-      </div>
-  </div>
-
-  <br/>
-
-  </div>
-
-  <div *ngIf="unCommonCnt > 0">
-  <label>Select</label><br/>
-  <mat-radio-group aria-label="Select an option" [(ngModel)]="groupSelectValue" >
-    <div *ngFor="let group of formFieldGroupObjList; let i=index;" >
-      <mat-radio-button value="{{group.name}}">{{group.name}}</mat-radio-button>
-    </div>
-  </mat-radio-group>
-
-  </div>
-  <br/>
-  <div *ngFor="let item of toggleFormFieldRenderArr; let i = index;">
-      <div *ngIf="item.fieldType == 'TEXT' && item.validationType !== 'DATE'">
-      <div class="field-group">
-          <label>{{item.fieldDisplayName}}</label> &nbsp; <label *ngIf="showLabel">[{{item.fieldId}}]</label><br/>
-            <input  class="defaultFontSize" id="item.fieldId" type="text"  [(ngModel)]="formFieldListValueArr[i + commonCount]" value="{{formFieldListValueArr[i + commonCount]}}"/>
-      </div>
-    </div> 
-    <div *ngIf="item.fieldType == 'LIST_BOX'">
-        <div class="field-group">
-            <label for="reportType">{{item.fieldDisplayName}}</label> &nbsp; <label for="reportType">{{item.fieldId}}</label><br/>
-                    <select class="browser-default custom-select defaultFontSize"  required="required"  [(ngModel)]="formFieldListValueArr[i + commonCount]"  value="{{formFieldListValueArr[i + commonCount]}}">
-                        <option *ngFor="let listItem of item.formFieldValues" class="defaultFontSize" value="{{listItem.id}}" >{{listItem.name}}</option>
-                      </select>
-        </div>
-    </div>
-    <div *ngIf="item.fieldType == 'LIST_MULTI_SELECT'">
-        <mat-form-field>
-          <mat-label>{{item.fieldDisplayName}}</mat-label>
-          <mat-select  multiple [(ngModel)]="formFieldListValueArr[i + commonCount]">
-            <mat-option *ngFor="let listItem of item.formFieldValues" value="{{listItem.id}}">{{listItem.name}}</mat-option>
-          </mat-select>
-        </mat-form-field>
-  
-    <br/>
-    <br/>
-    </div>
-    <div *ngIf="item.validationType == 'DATE'">
-        <div class="field-group">
-            <label for="reportType">{{item.fieldDisplayName}}</label><br/>
-            <mat-form-field>
-                <input matInput [matDatepicker]="picker" [(ngModel)]="formFieldListValueArr[i]" value="{{item.formFieldValues[0][name]}}">
-                <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
-                <mat-datepicker #picker></mat-datepicker>
-              </mat-form-field>
+<span *ngIf="showSpinner" class="ecomp-spinner"></span>
+
+<div *ngIf="!showSpinner" class="stdForm">
+
+    <div class="tab-content">
+        <table>
+            <tr>
+                <td>
+                    <h6 class="reportTitle">{{reportName}}</h6>
+                    <h6 class="reportsubTitle" class="subtitle">{{reportSubTitle}}</h6>
+                </td>
+                <td>
+                    <mat-icon (click)="editReport(reportId)" *ngIf="allowEdit"
+                              aria-hidden="false" aria-label="edit">edit
+                    </mat-icon>
+                </td>
+            </tr>
+        </table>
+        <span *ngIf="showformFiledSpinner" class="ecomp-spinner"></span>
+        <br>
+        <div *ngIf="!showformFiledSpinner" class="stdForm">
+            <div *ngIf="formFieldList" class="wrapper">
+                <div *ngFor="let item of formFieldList; let i = index;">
+                    <div *ngIf="item.fieldType == 'TEXT' && item.validationType !== 'DATE'"
+                         class="fieldWidth">
+                        <label class="labelWidth">{{item.fieldDisplayName}} :</label> <textarea placement="right" ngbTooltip="comma seperated"
+                                                                                                [ngModel]="formFieldListValueMap.get(item.fieldId)" (ngModelChange)="formFieldListValueMap.set(item.fieldId, $event)"   [(ngModel)]="formFieldListValueArr[i]" class="defaultFontSizeTextArea" id="item.fieldId"></textarea>
+                    </div>
+                    <div *ngIf="item.fieldType == 'LIST_BOX'" class="fieldWidth">
+                        <label class="labelWidth" for="reportType">{{item.fieldDisplayName}} :</label>
+                        <select  [ngModel]="formFieldListValueMap.get(item.fieldId)" (ngModelChange)="formFieldListValueMap.set(item.fieldId, $event)"
+                                 class="browser-default custom-select defaultFontSize" required="required"
+                        >
+                            <option *ngFor="let listItem of item.formFieldValues"
+                                    class="defaultFontSize" value="{{listItem.id}}">{{listItem.name}}</option>
+                        </select>
+                    </div>
+                    <div *ngIf="item.fieldType == 'LIST_MULTI_SELECT'" class="fieldWidth">
+                        <label class="labelWidth" for="reportType">{{item.fieldDisplayName}} :</label>
+                        <mat-form-field>
+                            <mat-select [ngModel]="formFieldListValueMap.get(item.fieldId)" (ngModelChange)="formFieldListValueMap.set(item.fieldId, $event)" multiple>
+                                <mat-option *ngFor="let listItem of item.formFieldValues"
+                                            value="{{listItem.id}}">{{listItem.name}}</mat-option>
+                            </mat-select>
+                        </mat-form-field>
+                    </div>
+                    <div *ngIf="item.validationType == 'DATE'" class="fieldWidth">
+                        <label class="labelWidth" for="reportType">{{item.fieldDisplayName}} :</label>
+                        <mat-form-field><input  [ngModel]="formFieldListValueMap.get(item.fieldId)" (ngModelChange)="formFieldListValueMap.set(item.fieldId, $event)"
+                                                [matDatepicker]="picker"
+                                                class="defaultFontSize" matInput>
+                            <mat-datepicker-toggle [for]="picker" matSuffix></mat-datepicker-toggle>
+                            <mat-datepicker #picker></mat-datepicker>
+                        </mat-form-field>
+                    </div>
+                </div>
+            </div>
+            <div *ngIf="formFieldList" style="padding: 0.3em" >
+                <div *ngIf="unCommonGropusList.length > 0">
+                    <label>Select :</label><br/>
+                    <br/>
+                    <mat-radio-group ngmodel [(ngModel)]="groupSelectValue"
+                                     aria-label="Select an option" (ngModelChange) ="toggleChangeWhenCalledWithFromFields()">
+                        <div *ngFor="let group of formFieldGroupObjList; let i=index;" style="display: table-cell">
+                            <mat-radio-button value="{{group.name}}">{{group.name}}</mat-radio-button>&nbsp;&nbsp;&nbsp;
+                        </div>
+                    </mat-radio-group>
+
+                </div>
+            </div>
+
+            <div *ngIf="formFieldList" class="wrapper">
+                <div *ngFor="let item of toggleFormFieldRenderArr; let i = index;">
+                    <div *ngIf="item.fieldType == 'TEXT' && item.validationType !== 'DATE'" class="fieldWidth">
+                        <label class="labelWidth">{{item.fieldDisplayName}} :</label><textarea placement="right" ngbTooltip="comma seperated"
+                                                                                               [ngModel]="formFieldListValueMap.get(item.fieldId)" (ngModelChange)="formFieldListValueMap.set(item.fieldId, $event)" class="defaultFontSizeTextArea" id="item.fieldId"></textarea>
+                    </div>
+                    <div *ngIf="item.fieldType == 'LIST_BOX'" class="fieldWidth">
+                        <label class="labelWidth" for="reportType">{{item.fieldDisplayName}} :</label>
+                        <select [ngModel]="formFieldListValueMap.get(item.fieldId)" (ngModelChange)="formFieldListValueMap.set(item.fieldId, $event)"
+                                class="browser-default custom-select defaultFontSize" required="required"
+                        >
+                            <option *ngFor="let listItem of item.formFieldValues"
+                                    class="defaultFontSize" value="{{listItem.id}}">{{listItem.name}}</option>
+                        </select>
+
+                    </div>
+                    <div *ngIf="item.fieldType == 'LIST_MULTI_SELECT'" class="fieldWidth">
+                        <label class="labelWidth" for="reportType">{{item.fieldDisplayName}} :</label>
+                        <mat-form-field>
+                            <mat-select [ngModel]="formFieldListValueMap.get(item.fieldId)" (ngModelChange)="formFieldListValueMap.set(item.fieldId, $event)"
+                                        multiple>
+                                <mat-option *ngFor="let listItem of item.formFieldValues"
+                                            value="{{listItem.id}}">{{listItem.name}}</mat-option>
+                            </mat-select>
+                        </mat-form-field>
+
+                        <br/>
+                    </div>
+                    <div *ngIf="item.validationType == 'DATE'" class="fieldWidth">
+                        <label class="labelWidth" for="reportType">{{item.fieldDisplayName}} :</label>
+                        <mat-form-field><input [ngModel]="formFieldListValueMap.get(item.fieldId)" (ngModelChange)="formFieldListValueMap.set(item.fieldId, $event)" [matDatepicker]="picker"
+                                               class="defaultFontSize"
+                                               matInput
+                                               value="{{item.formFieldValues[0][name]}}">
+                            <mat-datepicker-toggle
+                                [for]="picker" matSuffix></mat-datepicker-toggle>
+                            <mat-datepicker
+                                #picker></mat-datepicker>
+                        </mat-form-field>
+                    </div>
+                    <br/>
+                </div>
+            </div>
+            <div *ngIf="formFieldList" style="float: left;">
+                <button (click)="runReport()" class="btn btn-alt btn-run" >Run Report</button>
+                <button (click)="resetFormFieldValues()" class="btn btn-alt btn-run" >Reset</button>
+            </div>
         </div>
     </div>
+</div>
+<div></div>
 
-    <br/>
-  
+<div *ngIf="isUpload" class="row isFileUploadDiv">
+    <p>
+        <mat-form-field class="matFormField">
+            <textarea matInput placeholder="Comments">{{uploadfileComments}}</textarea>
+        </mat-form-field>
+    </p>
+    <div class="btn-group row" style="margin: auto;">
+        <p>
+            <button (click)="onProceedWithLoad()" *ngIf="isUpload"
+                    class="btn btn-secondary proceedWitLoadButton" type="button">Proceed
+                With Load
+            </button>
+            <button *ngIf="isUpload" class="btn btn-secondary abortButton"
+                    type="button">Abort
+            </button>
+        </p>
     </div>
-
-
-<button style="margin-left: 1000px; font-size: 15px;" class="btn btn-alt btn-small" (click)="runReport()">Run Report</button>
-</div>
 </div>
+<br><br><br>
+
+<div *ngIf="navigateToRun">
+    <!-- <app-run-dashboard-report [reportId]="reportId" [reportMode]="reportMode" [queryString]="getQueryString()" [DashboardReportObj]="DashboardReportObj"></app-run-dashboard-report> -->
+    <app-run-report [DashboardReportObj]="DashboardReportObj" [TriggerFFArr]="triggerFormFieldArr"
+                    [hitCnt]="hitCnt"
+                    [queryString]="getQueryString()"
+                    [reportId]="reportId" [reportMode]="reportMode" [runAgain]="runReportAgain" [groupSelectValue]="groupSelectValue" ></app-run-report>
 </div>
 
-<div *ngIf="navigateToRun" >
-  <!-- <app-run-dashboard-report [reportId]="reportId" [reportMode]="reportMode" [queryString]="getQueryString()" [DashboardReportObj]="DashboardReportObj"></app-run-dashboard-report> -->
-  <app-run-report [reportId]="reportId" [reportMode]="reportMode" [queryString]="getQueryString()" [DashboardReportObj]="DashboardReportObj" [TriggerFFArr]="triggerFormFieldArr" [hitCnt]="hitCnt"></app-run-report>
-</div>
-
-
 <div *ngIf="error == true">
-  <h1>Error Message:</h1>
-  <p>{{errorMessage}}</p>
-  <br/>
-  <h1>Stack Trace:</h1>
-  <p>{{stackTrace}}</p>
-
-</div>
-
-
+    <h1>Error Message:</h1>
+    <p>{{errorMessage}}</p>
+    <br/>
+    <h1>Stack Trace:</h1>
+    <p>{{stackTrace}}</p>
 
+</div>
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-form-fields/run-report-form-fields.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-form-fields/run-report-form-fields.component.spec.ts
index 0e1d326d..640128ce 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-form-fields/run-report-form-fields.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-form-fields/run-report-form-fields.component.spec.ts
@@ -1,126 +1,52 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import {FormsModule} from '@angular/forms';
 import { RunReportFormFieldsComponent } from './run-report-form-fields.component';
-import { CUSTOM_ELEMENTS_SCHEMA} from '@angular/core';
+import { CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
 import {MatDatepickerModule} from '@angular/material/datepicker'; 
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { RunService } from '../run.service';
 import { Observable } from 'rxjs/Observable';
 import 'rxjs/add/observable/of';
-import { ActivatedRoute } from '@angular/router';
 
 describe('RunReportFormFieldsComponent', () => {
   let component: RunReportFormFieldsComponent;
   let fixture: ComponentFixture<RunReportFormFieldsComponent>;
   let formfield =[{"validationType":1},{},{}] ;
   let runService: RunService;
-  let activatedRoute:ActivatedRoute;
+  let formFieldGroupObjList: {}[] = [];
   let environment = [
     {
       baseUrl: 'just for testing'
     }
-  ];
-  var responseDefPage={
-                       "reportName":"reportName",
-                      "reportType":"reportType",
-                        }
-    
-  var responseFormFieldGroups={"formFieldGroupsJSON":'{"Indrijeet":"kumar"}'};
-  var respObj={"formFieldList":{"value1":"value1"}};
+  ]
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       schemas: [CUSTOM_ELEMENTS_SCHEMA],
-      imports: [
-                FormsModule, 
-                MatDatepickerModule, 
-                HttpClientTestingModule, 
-                RouterTestingModule
-              ],
+      imports: [FormsModule, MatDatepickerModule, HttpClientTestingModule, RouterTestingModule],
       declarations: [ RunReportFormFieldsComponent ],
       providers: [RunService]
     })
     .compileComponents();
     runService = TestBed.get(RunService);
-     spyOn(runService, 'refreshFormFields').and.returnValue(Observable.of(environment));   
+     spyOn(runService, 'getDefinitionPageDetails').and.returnValue(Observable.of(environment));
+     spyOn(runService, 'refreshFormFields').and.returnValue(Observable.of(environment));
+     spyOn(runService, 'getFormFieldGroupsData').and.returnValue(Observable.of(environment));
   }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(RunReportFormFieldsComponent);
     component = fixture.componentInstance;
-     component.formFieldList = formfield;
+    component.formFieldList = formfield;
+    component.formFieldGroupObjList = formFieldGroupObjList;
     fixture.detectChanges();
-    activatedRoute=TestBed.get(ActivatedRoute);
   });
 
   it('should create', () => {
     expect(component).toBeTruthy();
   });
 
-  describe('should test subscribe method in ngOnInit method',()=>{
-  it('should test first if condition inside the subscribe',()=>{
-    component.reportId="reportId";
-    component.calledWithFormFields=false;
-    var response={"errormessage":true};
-    spyOn(runService,'getDefinitionPageDetails').and.returnValue(Observable.of(responseDefPage));
-    spyOn(runService,'getReportData').and.returnValue(Observable.of(response));
-    component.ngOnInit();
-  })
- 
-  it('should test first if inside first if condition inside the subscribe',()=>{
-    component.reportId="reportId";
-    component.calledWithFormFields=false;
-    var response={"errormessage":false,
-                  "reportName":"reportName",
-                  "formFieldList":"formFieldList"
-                }
-    spyOn(runService,'getDefinitionPageDetails').and.returnValue(Observable.of(responseDefPage));
-    spyOn(runService,'getReportData').and.returnValue(Observable.of(response));
-    component.ngOnInit();
-  })
-
-  it('should test else part line 101',()=>{
-    component.reportId="reportId";
-    component.calledWithFormFields=false;
-    var response={"errormessage":false,"reportName":"reportName","formFieldList":""}
-    spyOn(runService,'getDefinitionPageDetails').and.returnValue(Observable.of(responseDefPage));
-    spyOn(runService,'getReportData').and.returnValue(Observable.of(response));
-    component.ngOnInit();
-  })
-
-  it('should test the else part line 111',()=>{
-    component.reportId="reportId";
-    component.calledWithFormFields=true;
-    spyOn(runService,'getDefinitionPageDetails').and.returnValue(Observable.of(responseDefPage));
-    component.ngOnInit();
-  })
-
- describe('should test the else part under subscribe in ngOnInit method',()=>{
-
-  it('should test the else part 142',()=>{
-    component.reportId="reportId";
-    var response={"errormessage":false,"formFieldList":"formFieldList"};
-    var responseDefPage={
-      "reportName":"reportName",
-      "reportType":"Dashboard",
-      "dashboardLayoutJSON":'{"data":"dat"}',
-      "formFieldList":""
-    };
-    spyOn(runService,'getDefinitionPageDetails').and.returnValue(Observable.of(responseDefPage));
-    spyOn(runService,'getReportData').and.returnValue(Observable.of(response));
-    component.ngOnInit();
-  })
-})
-
-})
-  
-  it('should test ngOnInit method', () => {
-        spyOn(component, 'ngOnInit').and.callThrough();
-        component.ngOnInit();
-        expect(component.ngOnInit).toHaveBeenCalled();
-  });
-
   it('should test convertDate method', () => {
       component.convertDate("test");
   });
@@ -148,27 +74,23 @@ describe('RunReportFormFieldsComponent', () => {
     expect(component.showLabel).toEqual(component.showLabel);
   });
 
-  it('should test editReport method', () => {
-        component.editReport("test");
-  });
-
-   it('should test runReport method', () => {
-      component.iSDashboardReport = "test";
+  it('should test runReport method', () => {
+      component.iSDashboardReport = "Dashboard";
       component.formFieldList.length = 1;
-       component.runReport();
+      component.runReport();
 
       expect(component.hitCnt).toBe(component.hitCnt++);
-      expect(component.reportMode).toBe("FormField");
+      expect(component.reportMode).toBe('')
       let spy = spyOn(component, 'generateQueryString');
       component.generateQueryString();
       expect(component.generateQueryString).toHaveBeenCalled();
       expect(component.showSpinner).toBe(false);
 
-      component.iSDashboardReport = "test";
+      component.iSDashboardReport = "Dashboard";
       component.formFieldList.length = 0;
-       component.runReport();
+      component.runReport();
 
-       expect(component.reportMode).toBe("Regular");
+       expect(component.reportMode).toBe('');
 
        component.iSDashboardReport = "Dashboard";
        component.runReport();
@@ -182,7 +104,6 @@ describe('RunReportFormFieldsComponent', () => {
         component.formFieldList != undefined;
         component.oldGroupSelectValue = "test";
         component.groupSelectValue = "testing";
-       // component.toggleFormFieldRenderArr.length = 1;
         spyOn(component, 'ngDoCheck').and.callThrough();
         component.ngDoCheck();
         expect(component.ngDoCheck).toHaveBeenCalled();
@@ -193,11 +114,10 @@ describe('RunReportFormFieldsComponent', () => {
       component.generateQueryString();
    })     
 
-
-  it('should test fetchAndPopulateFormFields method', () => {
-    component.formFieldGroupObjList=[{"formFieldList":"formFieldList"}]
-    spyOn(runService, 'getFormFieldGroupsData').and.returnValue(Observable.of(responseFormFieldGroups));
-    component.fetchAndPopulateFormFields(respObj,"value2");
- });
+   it('should test ngOnInit method', () => {
+    spyOn(component, 'ngOnInit').and.callThrough();
+        component.ngOnInit();
+        expect(component.ngOnInit).toHaveBeenCalled();
+  });
 
 });
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-form-fields/run-report-form-fields.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-form-fields/run-report-form-fields.component.ts
index 6740d36e..d4baba66 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-form-fields/run-report-form-fields.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-form-fields/run-report-form-fields.component.ts
@@ -1,506 +1,794 @@
-import { Component, OnInit, Input, SimpleChange, SystemJsNgModuleLoader } from '@angular/core';
-import { RunService } from '../run.service';
-import { ActivatedRoute, Router } from '@angular/router';
-import { inlineInterpolate } from '@angular/core/src/view';
+import {Component, OnInit, Input, SimpleChange, SystemJsNgModuleLoader, OnDestroy} from '@angular/core';
+import {RunService} from '../run.service';
+import {ActivatedRoute, Router} from '@angular/router';
+import {inlineInterpolate} from '@angular/core/src/view';
+import {copyStyles} from '@angular/animations/browser/src/util';
+import {split} from 'ts-node';
+import * as cloneDeep from 'lodash/cloneDeep';
 
 @Component({
-  selector: 'app-run-report-form-fields',
-  templateUrl: './run-report-form-fields.component.html',
-  styleUrls: ['./run-report-form-fields.component.css']
+    selector: 'app-run-report-form-fields',
+    templateUrl: './run-report-form-fields.component.html',
+    styleUrls: ['./run-report-form-fields.component.css']
 })
-export class RunReportFormFieldsComponent implements OnInit {
-
-  @Input("formFieldList") formFieldList : {}[];
-  @Input("reportId") reportId : string;
-  
-
-  staticFormFieldList : {}[] = [];
-  formFieldListValueArr : any[];
-  finalQueryParamsObj : {};
-  navigateToRun : boolean;
-  reportMode : string;
-  queryString : string;
-  reportName : string;
-  showSpinner : boolean;
-  showLabel : boolean;
-  runDashboardReport : boolean;
-  DashboardReportObj : {}[] = new Array();
-  triggerFormFieldArr = new Array();
-  initialObject = new Object();
-  formFieldGroupObjList : {}[] = [];
-  toggleFormFieldRenderArr : {}[] = [];
-  groupSelectValue : string = "";
-  oldGroupSelectValue : string = "";
-  unCommonCnt : number = 0;
-  commonCount : number = 0;
-  totalCount : number = 0;
-  errorMessage : string = "";
-  stackTrace : string = "";
-  error : boolean = false;
-  iSDashboardReport : string = "";
-  hitCnt : number = 0;
-  directCallQueryParams : any = "";
-  calledWithFormFields : boolean = false;
-
-
-  constructor(private _runService : RunService, private _route : ActivatedRoute, private _router : Router) { 
-    this.formFieldListValueArr = new Array();
-    this.finalQueryParamsObj = new Object();
-    this.navigateToRun = false;
-    this.queryString = "";
-    this.showSpinner = false;
-    this.showLabel = false;
-    this.runDashboardReport = false;
-
-    this._router.routeReuseStrategy.shouldReuseRoute = function() {
-      return false;
-  };
-  }
-
-  ngOnInit() {
-
-    this.showSpinner = true;  
-    this.navigateToRun = false;
-
-    this._route.params.subscribe(params => {
-      
-      this.reportId = params["reportId"];
-
-      if(params["queryParameters"])
-      {
-        this.directCallQueryParams = params["queryParameters"];
-        this.calledWithFormFields = true;
-      }
-    });
-
-    
-
-    
-    this._runService.getDefinitionPageDetails(+this.reportId)
-    .subscribe((responseDefPage) => {
-    
-    this.reportName = responseDefPage["reportName"];
-    if(responseDefPage["reportType"] !== "Dashboard")
-    {
-      if(this.calledWithFormFields == false)
-      {
-      this._runService.getReportData(this.reportId)
-      .subscribe((response) => {
-      if(response["errormessage"])
-      {
-        this.showError(response);
-      }
-      else
-      {
-      
-      this.reportName = response["reportName"];
-      if(response["formFieldList"].length > 0)
-      {
-        this.fetchAndPopulateFormFields(response, this.reportId);
-      }
-      else
-      {
-        this.reportMode = "Regular";
-        this.navigateToRun = true;
-        
-      }
-      this.showSpinner = false;
-      }
-    });
+export class RunReportFormFieldsComponent implements OnInit, OnDestroy {
+    @Input('formFieldList') formFieldList: {}[];
+    @Input('reportId') reportId: string;
+    staticFormFieldList: {}[] = [];
+    formFieldListValueArr: any[];
+    saveFormFieldGroups: any[];
+    finalQueryParamsObj: {};
+    navigateToRun: boolean;
+    reportMode: string;
+    queryString: string;
+    reportName: string;
+    reportSubTitle: string;
+    showSpinner: boolean;
+    showLabel: boolean;
+    runDashboardReport: boolean;
+    DashboardReportObj: {}[] = [];
+    triggerFormFieldArr = [];
+    initialObject = {};
+    formFieldGroupObjList: {}[] = [];
+    toggleFormFieldRenderArr: {}[] = [];
+    groupSelectValue = '';
+    oldGroupSelectValue = '';
+    unCommonCnt = 0;
+    commonCount = 0;
+    totalCommonCount = 0;
+    totalCount = 0;
+    errorMessage = '';
+    stackTrace = '';
+    error = false;
+    iSDashboardReport = '';
+    hitCnt = 0;
+    directCallQueryParams: any = '';
+    calledWithFormFields = false;
+    showformFiledSpinner = false;
+    actualformFieldValues: any[];
+    allowEdit: boolean;
+    runReportAgain: boolean;
+    tempFieldValues = [];
+    firstRun = false;
+    saveFormFieldListValueArr: any[];
+    saveGroupSelectValue = '';
+    avoidDoCheck = false;
+    toolTipPosition = 'right';
+    isResetAllowed: boolean;
+    save: {}[];
+    unCommonGropusList: any[];
+    commonFormFields: any[];
+    formFieldListValueMap: any;
+    saveFormFieldListValueMap: any;
+
+    constructor(private _runService: RunService, private _route: ActivatedRoute, private _router: Router) {
+        this.formFieldListValueArr = [];
+        this.saveFormFieldListValueArr = [];
+        this.saveFormFieldGroups = [];
+        this.finalQueryParamsObj = {};
+        this.navigateToRun = false;
+        this.queryString = '';
+        this.showSpinner = false;
+        this.showLabel = false;
+        this.runDashboardReport = false;
+        this.showformFiledSpinner = false;
+        this.runReportAgain = false;
+        this.tempFieldValues = [];
+        this.isResetAllowed = false;
+        this.unCommonGropusList = [];
+        this.commonFormFields = [];
+        this.formFieldListValueMap = new Map<any, any>();
+        this.saveFormFieldListValueMap = new Map<any, any>();
     }
-    else
-    {
-      this.reportMode = "FormField";
-      this.navigateToRun = true;
-      this.showSpinner = false;
+
+    ngOnDestroy(): void {
+        this.createNewObject();
+        this.showSpinner = false;
     }
-  }
-  else
-  {
-    this.iSDashboardReport = "Dashboard";
-    this.reportName = responseDefPage["reportName"];
-    this.DashboardReportObj = JSON.parse(responseDefPage["dashboardLayoutJSON"]);
-    let i=0;
-    let subReportId = "";
-
-    while(this.DashboardReportObj[i])
-    {
-      subReportId = this.DashboardReportObj[i]["hasContent"]["id"].split("#")[1];
-      i++;
-      break;
+
+    createNewObject() {
+        this.staticFormFieldList = [];
+        this.formFieldListValueArr = [];
+        this.saveFormFieldGroups = [];
+        this.saveFormFieldListValueArr = [];
+        this.finalQueryParamsObj = {};
+        this.navigateToRun = false;
+        this.reportMode = '';
+        this.queryString = '';
+        this.reportName = '';
+        this.reportSubTitle='';
+        this.showSpinner = true;
+        this.showLabel = false;
+        this.runDashboardReport = false;
+        this.DashboardReportObj = [];
+        this.triggerFormFieldArr = [];
+        this.initialObject = {};
+        this.formFieldGroupObjList = [];
+        this.toggleFormFieldRenderArr = [];
+        this.groupSelectValue = '';
+        this.oldGroupSelectValue = '';
+        this.unCommonCnt = 0;
+        this.totalCommonCount = 0;
+        this.commonCount = 0;
+        this.totalCount = 0;
+        this.errorMessage = '';
+        this.stackTrace = '';
+        this.error = false;
+        this.iSDashboardReport = '';
+        this.hitCnt = 0;
+        this.directCallQueryParams = '';
+        this.calledWithFormFields = false;
+        this.showformFiledSpinner = false;
+        this.allowEdit = false;
+        this.runReportAgain = false;
+        this.isResetAllowed = false;
+        this.unCommonGropusList = [];
+        this.commonFormFields = [];
+        this.formFieldListValueMap = new Map<any, any>();
+        this.saveFormFieldListValueMap = new Map<any, any>();
     }
 
-    this._runService.getReportData(subReportId)
-    .subscribe((response) => {
-      if(response["errormessage"])
-      {
-        this.showError(response);
-      }
-      else
-      {
-      
-      if(response["formFieldList"].length > 0)
-      {
-        this.fetchAndPopulateFormFields(response, subReportId);
-      }
-      this.runDashboardReport = true;      
-      this.showSpinner = false;
-      }
-
-    });
-  }
-
-  });
-
-  
+    ngOnInit() {
 
-}
+        this.showSpinner = true;
+        this.navigateToRun = false;
+        this._route.params.subscribe(params => {
+            this.reportId = params['reportId'];
+            this.createNewObject();
+            this.groupSelectValue = params['groupSelectValue'];
+            if (this.groupSelectValue === undefined) {
+                this.groupSelectValue = '';
+            }
+            if (params['queryParameters']) {
+                this.directCallQueryParams = params['queryParameters'];
+                this.calledWithFormFields = true;
+                this.populateQueryParams(params['queryParameters']);
+            }
+            this.loadPage();
+        });
 
-  ngDoCheck()
-  {
-   
-    if(this.formFieldList !== undefined)
-    {
-    if(this.groupSelectValue !== this.oldGroupSelectValue)
-    {
-
-
-      this.oldGroupSelectValue = this.groupSelectValue;
-      for(let formFieldGroupObjItem of this.formFieldGroupObjList)
-      {
-        if(formFieldGroupObjItem["name"] == this.groupSelectValue)
-        {
-          this.toggleFormFieldRenderArr = formFieldGroupObjItem["formFieldList"];
-        }
+    }
 
-      }
-
-      if(this.toggleFormFieldRenderArr.length > 0)
-      {
-        for(let i=0; i<this.toggleFormFieldRenderArr.length; i++)
-        {
-          let formFieldObj = this.toggleFormFieldRenderArr[i];
-          if(formFieldObj["triggerOtherFormFields"] === true)
-          {
-            let formFieldId = formFieldObj["fieldId"];
-            this.triggerFormFieldArr.push(formFieldId);
-            this.initialObject[formFieldId] = "1";
-            this.finalQueryParamsObj[formFieldId] = "1";
-          }
-        }
-      }
-
-      for(let fvl=this.commonCount; fvl < this.formFieldListValueArr.length; fvl++)
-      {
-        this.formFieldListValueArr[fvl] = null;
-      }
-
-      if(this.formFieldGroupObjList.length > 0)
-      {
-      for(let k=0; k<this.formFieldList.length; k++)
-      {
-      for(let i=0; i<this.formFieldGroupObjList.length; i++)
-      {
-        let inList = this.formFieldGroupObjList[i]["formFieldList"];
-        
-        for(let j=0; j<inList.length; j++)
-        {
-          let cntr=0;
-          if(inList[j]["fieldId"] == this.formFieldList[k]["fieldId"])
-          {
-            cntr++;
-          }
-          if(cntr == 0)
-          {
-            this.finalQueryParamsObj[inList[j]["fieldId"]] = "1";
-          }
+    populateQueryParams(queryParams: any) {
+        this.actualformFieldValues = this.directCallQueryParams.substring(1, this.directCallQueryParams.length).split('&');
+        for (const ff of this.actualformFieldValues) {
+            const formfiledArray = ff.split('=');
+            const formFieldId = formfiledArray[0];
+            const formFieldObj = formfiledArray[1];
+            this.finalQueryParamsObj[formFieldId] = formFieldObj;
         }
-        
-
-      }
-      }
-      }
+        this.queryString = this.directCallQueryParams;
     }
 
-    
-
-    //Toggle Form Field Block Begins
-    
-    for(let tffr=0; tffr<this.toggleFormFieldRenderArr.length; tffr++)
-    {
-      if(this.formFieldListValueArr[tffr + this.commonCount])
-      {
-        if(this.toggleFormFieldRenderArr[tffr]["validationType"] == "DATE")
-        {
-          this.finalQueryParamsObj[this.toggleFormFieldRenderArr[tffr]["fieldId"]] = this.convertDate(this.formFieldListValueArr[tffr + this.commonCount]);
-        }
-        else
-        {
-          this.finalQueryParamsObj[this.toggleFormFieldRenderArr[tffr]["fieldId"]] = this.formFieldListValueArr[tffr + this.commonCount];
-          for(let trigElement of this.triggerFormFieldArr)
-          {
-            if(this.initialObject[trigElement] !== this.finalQueryParamsObj[trigElement])
-            {
-              this.initialObject[trigElement] = this.finalQueryParamsObj[trigElement];
-              this.generateQueryString();
-              this._runService.refreshFormFields(this.reportId, this.queryString)
-              .subscribe((responseRefreshFF) => {
-              for(let rrff=0; rrff<responseRefreshFF["formFieldList"].length; rrff++)
-              {
-                for(let innerTFRR=0; innerTFRR<this.toggleFormFieldRenderArr.length; innerTFRR++)
-                {
-                  if(responseRefreshFF["formFieldList"][rrff]["fieldId"] == this.toggleFormFieldRenderArr[innerTFRR]["fieldId"])
-                  {
-                    this.toggleFormFieldRenderArr[innerTFRR] = responseRefreshFF["formFieldList"][rrff];
-                  }
+    loadPage() {
+        this._runService.getDefinitionPageDetails(+this.reportId)
+            .subscribe((responseDefPage) => {
+                this.reportName = responseDefPage['reportName'];
+                this.reportSubTitle = responseDefPage['reportSubTitle'];
+                if (responseDefPage['reportType'] !== 'Dashboard') {
+                    if (this.calledWithFormFields == false) {
+                        this._runService.getReportData(this.reportId)
+                            .subscribe((response) => {
+                                if (response['errormessage']) {
+                                    this.allowEdit = response['allowEdit'];
+                                    this.showError(response);
+                                } else {
+                                    this.allowEdit = response['allowEdit'];
+                                    this.reportName = response['reportName'];
+                                    if (response['formFieldList'].length > 0) {
+                                        this.fetchAndPopulateFormFields(response, this.reportId);
+                                        this.showformFiledSpinner = true;
+                                    } else {
+                                        this.formFieldList = response['formFieldList'];
+                                        this.reportMode = 'Regular';
+                                        this.navigateToRun = true;
+                                        this.showformFiledSpinner = false;
+
+                                    }
+                                    this.showSpinner = false;
+                                }
+                            });
+                    } else if (this.calledWithFormFields == true) {
+                        this._runService.getReportData(this.reportId)
+                            .subscribe((response) => {
+                                if (response['errormessage']) {
+                                    this.showError(response);
+                                } else {
+                                    this.error = false;
+                                    this.reportName = response['reportName'];
+                                    this.allowEdit = response['allowEdit'];
+                                    if (response['formFieldList'].length > 0) {
+                                        this.setDefaultFieldGroupValueForNonSelected(response['formFieldList']);
+                                        this.generateQueryString();
+                                        this.fetchAndPopulateFormFields(response, this.reportId);
+                                        this.formFieldListValueMap = new Map<any, any>();
+                                        for (const ff of response['formFieldList']) {
+                                            if (this.finalQueryParamsObj[ff.fieldId]) {
+                                                if (ff.validationType == 'DATE') {
+                                                    const dateVal = this.finalQueryParamsObj[ff.fieldId];
+                                                    this.formFieldListValueMap.set(ff.fieldId, new Date(dateVal.toString().replace(/%2F/g, '/')));
+                                                } else if (ff.fieldType == 'LIST_MULTI_SELECT') {
+                                                    const multiSelectArray = [];
+                                                    let multiVal = this.finalQueryParamsObj[ff.fieldId];
+                                                    multiVal = multiVal.toString().replace(/%2F/g, '/');
+                                                    multiVal = multiVal.toString().replace('+', ' ');
+                                                    multiSelectArray.push(multiVal);
+                                                    this.formFieldListValueMap.set(ff.fieldId, multiSelectArray);
+                                                } else {
+                                                    let multiVal = this.finalQueryParamsObj[ff.fieldId];
+                                                    multiVal = multiVal.toString().replace(/%2F/g, '/');
+                                                    multiVal = multiVal.toString().split('+').join(' ');
+                                                    this.formFieldListValueMap.set(ff.fieldId, multiVal);
+                                                }
+                                            } else {
+                                                if (ff.fieldType == 'LIST_MULTI_SELECT') {
+                                                    const multiSelectArray = [];
+                                                    this.formFieldListValueMap.set(ff.fieldId, multiSelectArray);
+                                                } else {
+                                                    this.formFieldListValueMap.set(ff.fieldId, '');
+                                                }
+                                            }
+                                        }
+                                        this.error = false;
+                                        this.navigateToRun = true;
+                                        this.showformFiledSpinner = true;
+                                        this.directCallQueryParams = '';
+                                    } else {
+                                        this.reportMode = 'Regular';
+                                        this.navigateToRun = true;
+                                        this.showformFiledSpinner = false;
+
+                                    }
+                                    this.showSpinner = false;
+
+                                }
+                            });
+                    } else {
+                        this.reportMode = 'FormField';
+                        this.navigateToRun = true;
+                        this.showSpinner = false;
+                        this.showformFiledSpinner = true;
+                    }
+                } else {
+                    if (this.calledWithFormFields == false) {
+                        this.iSDashboardReport = 'Dashboard';
+                        this.reportName = responseDefPage['reportName'];
+                        this.DashboardReportObj = JSON.parse(responseDefPage['dashboardLayoutJSON']);
+                        let i = 0;
+                        let subReportId = '';
+                        const tempDashboardArray = [];
+                        for (let dash = 0; dash < this.DashboardReportObj.length ; dash++) {
+                            if (this.DashboardReportObj[dash]['hasContent']['hideDisplay'] !== true) {
+                                tempDashboardArray.push(this.DashboardReportObj[dash]);
+                            }
+                        }
+                        this.DashboardReportObj = [];
+                        this.DashboardReportObj = tempDashboardArray;
+                        while (this.DashboardReportObj[i]) {
+                            subReportId = this.DashboardReportObj[i]['hasContent']['id'].split('#')[1];
+                            i++;
+                            break;
+                        }
+                        this._runService.getReportData(subReportId)
+                            .subscribe((response) => {
+                                if (response['errormessage']) {
+                                    this.showError(response);
+                                    this.allowEdit = response['allowEdit'];
+                                } else {
+                                    this.allowEdit = response['allowEdit'];
+                                    if (response['formFieldList'].length > 0) {
+                                        this.fetchAndPopulateFormFields(response, subReportId);
+                                    } else {
+                                        this.navigateToRun = true;
+                                    }
+                                    this.runDashboardReport = true;
+                                    this.showSpinner = false;
+                                    this.showformFiledSpinner = true;
+                                }
+                            });
+                        this.showSpinner = false;
+                        this.showformFiledSpinner = true;
+                    } else if (this.calledWithFormFields == true) {
+                        this.iSDashboardReport = 'Dashboard';
+                        this.reportName = responseDefPage['reportName'];
+                        this.DashboardReportObj = JSON.parse(responseDefPage['dashboardLayoutJSON']);
+                        const tempDashboardArray = [];
+                        for (let dash = 0; dash < this.DashboardReportObj.length ; dash++) {
+                            if (this.DashboardReportObj[dash]['hasContent']['hideDisplay'] !== true) {
+                                tempDashboardArray.push(this.DashboardReportObj[dash]);
+                            }
+                        }
+                        this.DashboardReportObj = [];
+                        this.DashboardReportObj = tempDashboardArray;
+                        let subReportId = '';
+                        for (const dashboard of this.DashboardReportObj) {
+                            let temp = '';
+                            temp = dashboard['hasContent']['id'].split('#')[1];
+                            subReportId = temp;
+                            this.directCallQueryParams = '';
+                            this.runDashboardReport = true;
+                            this.navigateToRun = true;
+                            this.showSpinner = false;
+                        }
+                    }
                 }
-              }
             });
-            this.initialObject[trigElement] = this.finalQueryParamsObj[trigElement];
+    }
+
+    toggleChangeWhenCalledWithFromFields(){
+        this.calledWithFormFields = false;
+    }
+
+    async ngDoCheck() {
+
+        if (this.formFieldList !== undefined) {
+
+            if (this.groupSelectValue !== this.oldGroupSelectValue) {
+                //  this.formFieldListValueArr.splice(this.commonCount-1, this.formFieldListValueArr.length)
+                this.removePrevioustoggleGroupData();
+                this.oldGroupSelectValue = this.groupSelectValue;
+                this.formFieldGroupObjList = [];
+                this.saveFormFieldGroups = [];
+                this.formFieldGroupObjList = cloneDeep(this.save);
+                this.saveFormFieldGroups = cloneDeep(this.save);
+                for (const formFieldGroupObjItem of this.formFieldGroupObjList) {
+                    if (formFieldGroupObjItem['name'] == this.groupSelectValue) {
+                        this.toggleFormFieldRenderArr = formFieldGroupObjItem['formFieldList'];
+                    }
+
+                }
+                if (this.toggleFormFieldRenderArr.length > 0) {
+                    for (let i = 0; i < this.toggleFormFieldRenderArr.length; i++) {
+                        const formFieldObj = this.toggleFormFieldRenderArr[i];
+                        if (formFieldObj['triggerOtherFormFields'] === true) {
+                            const formFieldId = formFieldObj['fieldId'];
+                            this.triggerFormFieldArr.push(formFieldId);
+                            this.initialObject[formFieldId] = '1';
+                            this.finalQueryParamsObj[formFieldId] = '1';
+                        }
+                    }
+                }
+
+                if(this.calledWithFormFields != true){
+                    for (const formFieldGroupObjItem of this.saveFormFieldGroups) {
+                        if (formFieldGroupObjItem['name'] == this.groupSelectValue) {
+                            this.toggleFormFieldRenderArr = formFieldGroupObjItem['formFieldList'];
+                            for (let ffGrpValue = 0; ffGrpValue < formFieldGroupObjItem['formFieldList'].length; ffGrpValue++) {
+                                if (formFieldGroupObjItem['formFieldList'][ffGrpValue]['formFieldValues'].length > 0) {
+                                    for (let ffValue = 0; ffValue < formFieldGroupObjItem['formFieldList'][ffGrpValue]['formFieldValues'].length; ffValue++) {
+                                        if (formFieldGroupObjItem['formFieldList'][ffGrpValue]['fieldType'] == 'LIST_BOX' && formFieldGroupObjItem['formFieldList'][ffGrpValue]['formFieldValues'].length > 0) {
+                                            let isAdded = false;
+                                            for (let ffValue = 0; ffValue < formFieldGroupObjItem['formFieldList'][ffGrpValue]['formFieldValues'].length; ffValue++) {
+                                                if (formFieldGroupObjItem['formFieldList'][ffGrpValue]['formFieldValues'][ffValue]['defaultValue'] == true) {
+                                                    this.formFieldListValueMap.set(formFieldGroupObjItem['formFieldList'][ffGrpValue]['fieldId'], formFieldGroupObjItem['formFieldList'][ffGrpValue]['formFieldValues'][ffValue]['id']);
+                                                    isAdded = true;
+                                                }
+                                            }
+                                            if (!isAdded) {
+                                                this.formFieldListValueMap.set(formFieldGroupObjItem['formFieldList'][ffGrpValue]['fieldId'], '');
+                                            }
+                                        } else if ((formFieldGroupObjItem['formFieldList'][ffGrpValue]['fieldType'] == 'LIST_MULTI_SELECT' || formFieldGroupObjItem['formFieldList'][ffGrpValue]['fieldType'] == 'TEXT') && formFieldGroupObjItem['formFieldList'][ffGrpValue]['formFieldValues'].length > 0) {
+                                            let isAdded = false;
+                                            for (let ffValue = 0; ffValue < formFieldGroupObjItem['formFieldList'][ffGrpValue]['formFieldValues'].length; ffValue++) {
+
+                                                if (formFieldGroupObjItem['formFieldList'][ffGrpValue]['formFieldValues'][ffValue]['defaultValue'] == true) {
+                                                    const multiSelectArray = [];
+                                                    multiSelectArray.push(formFieldGroupObjItem['formFieldList'][ffGrpValue]['formFieldValues'][ffValue]['id']);
+                                                    this.formFieldListValueMap.set(formFieldGroupObjItem['formFieldList'][ffGrpValue]['fieldId'], multiSelectArray);
+                                                    isAdded = true;
+                                                }
+                                            }
+                                            if (!isAdded) {
+                                                this.formFieldListValueMap.set(formFieldGroupObjItem['formFieldList'][ffGrpValue]['fieldId'], '');
+                                            }
+                                        } else if (formFieldGroupObjItem['formFieldList'][ffGrpValue]['fieldType'] == 'Select Field Type' && formFieldGroupObjItem['formFieldList'][ffGrpValue]['validationType'] == 'NONE') {
+                                            let isAdded = false;
+                                            for (let ffValue = 0; ffValue < formFieldGroupObjItem['formFieldList'][ffGrpValue]['formFieldValues'].length; ffValue++) {
+
+                                                if (formFieldGroupObjItem['formFieldList'][ffGrpValue]['formFieldValues'][ffValue]['defaultValue'] == true) {
+                                                    this.formFieldListValueMap.set(formFieldGroupObjItem['formFieldList'][ffGrpValue]['fieldId'], formFieldGroupObjItem['formFieldList'][ffGrpValue]['formFieldValues'][ffValue]['id']);
+                                                    isAdded = true;
+                                                }
+                                            }
+                                            if (!isAdded) {
+                                                this.formFieldListValueArr[this.totalCommonCount + ffGrpValue] = '';
+                                            }
+                                        } else {
+                                            this.formFieldListValueMap.set(formFieldGroupObjItem['formFieldList'][ffGrpValue]['fieldId'], '');
+                                        }
+                                    }
+                                } else {
+                                    this.formFieldListValueMap.set(formFieldGroupObjItem['formFieldList'][ffGrpValue]['fieldId'], '');
+                                }
+                            }
+                        }
+                    }
+                }
+                if (this.formFieldGroupObjList.length > 0) {
+                    for (let ffl = 0; ffl < this.formFieldList.length; ffl++) {
+                        for (let ffgl = 0; ffgl < this.formFieldGroupObjList.length; ffgl++) {
+                            const inList = this.formFieldGroupObjList[ffgl]['formFieldList'];
+
+                            for (let inl = 0; inl < inList.length; inl++) {
+                                let cntr = 0;
+                                if (inList[inl]['fieldId'] == this.formFieldList[ffl]['fieldId']) {
+                                    cntr++;
+                                }
+                                if (cntr == 0) {
+                                    this.finalQueryParamsObj[inList[inl]['fieldId']] = '-1';
+                                }
+                            }
+
+                        }
+                    }
+                }
+            }
+            for (const tffr of this.toggleFormFieldRenderArr) {
+                if (this.formFieldListValueMap.get(tffr['fieldId']) || this.formFieldListValueMap.get(tffr['fieldId']) == "") {
+                    if (tffr['validationType'] == 'DATE') {
+                        this.finalQueryParamsObj[tffr['fieldId']] = this.convertDate(this.formFieldListValueMap.get(tffr['fieldId']));
+                    } else if (this.formFieldListValueMap.get(tffr['fieldId']) == "") {
+
+                        if (tffr['fieldType'] == 'LIST_MULTI_SELECT') {
+                            let multiSelectValue = '';
+                            for (let ffValue = 0; ffValue < tffr['formFieldValues'].length; ffValue++) {
+                                multiSelectValue = multiSelectValue + tffr['formFieldValues'][ffValue]['id'] + '|';
+                            }
+                            if (multiSelectValue != '') {
+                                multiSelectValue = multiSelectValue.substring(0, multiSelectValue.length - 1);
+                            }
+                            this.finalQueryParamsObj[tffr['fieldId']] = multiSelectValue;
+
+                        } else {
+                            this.finalQueryParamsObj[tffr['fieldId']] = '';
+                        }
+                    } else {
+                        this.finalQueryParamsObj[tffr['fieldId']] = this.formFieldListValueMap.get(tffr['fieldId']);
+                        for (const trigElement of this.triggerFormFieldArr) {
+                            if (this.initialObject[trigElement] !== this.finalQueryParamsObj[trigElement]) {
+                                this.initialObject[trigElement] = this.finalQueryParamsObj[trigElement];
+                                this.generateQueryString();
+                                await this.delay(1000);
+                                console.log('Afterp:  ' + new Date().toString());
+                                this._runService.refreshFormFields(this.reportId, this.queryString)
+                                    .subscribe((responseRefreshFF) => {
+                                        for (let rrff = 0; rrff < responseRefreshFF['formFieldList'].length; rrff++) {
+                                            for (let innerTFRR = 0; innerTFRR < this.toggleFormFieldRenderArr.length; innerTFRR++) {
+                                                if (responseRefreshFF['formFieldList'][rrff]['fieldId'] == this.toggleFormFieldRenderArr[innerTFRR]['fieldId']) {
+                                                    this.toggleFormFieldRenderArr[innerTFRR] = responseRefreshFF['formFieldList'][rrff];
+                                                }
+                                            }
+                                        }
+                                    });
+                                this.initialObject[trigElement] = this.finalQueryParamsObj[trigElement];
+                            }
+                        }
+
+                    }
+                }
+            }
+
+            if (this.reportMode !== 'Regular' && this.reportMode !== 'Dashboard') {
+                for (const ffvalue of this.formFieldList) {
+                    if (this.formFieldListValueMap.get(ffvalue['fieldId'])) {
+                        if (ffvalue['validationType'] == 'DATE') {
+                            this.finalQueryParamsObj[ffvalue['fieldId']] = this.convertDate(this.formFieldListValueMap.get(ffvalue['fieldId']));
+                        } else {
+                            this.finalQueryParamsObj[ffvalue['fieldId']] = this.formFieldListValueMap.get(ffvalue['fieldId']);
+                            for (const trigElement of this.triggerFormFieldArr) {
+                                if (this.initialObject[trigElement] !== this.finalQueryParamsObj[trigElement]) {
+                                    this.initialObject[trigElement] = this.finalQueryParamsObj[trigElement];
+                                    this.generateQueryString();
+                                    await this.delay(1000);
+                                    console.log('Afterp:  ' + new Date().toString());
+                                    this._runService.refreshFormFields(this.reportId, this.queryString)
+                                        .subscribe((responseRefreshFF) => {
+
+                                            for (let rrff = 0; rrff < responseRefreshFF['formFieldList'].length; rrff++) {
+                                                for (let innerFFL = 0; innerFFL < this.formFieldList.length; innerFFL++) {
+                                                    if (responseRefreshFF['formFieldList'][rrff]['fieldId'] == this.formFieldList[innerFFL]['fieldId']) {
+                                                        this.formFieldList[innerFFL] = responseRefreshFF['formFieldList'][rrff];
+                                                    }
+                                                }
+                                            }
+                                        });
+                                }
+                            }
+
+                        }
+                    }
+                }
+
             }
-          }
-          
         }
-      }
+        if (this.firstRun) {
+            this.saveGroupSelectValue = this.groupSelectValue;
+            this.saveFormFieldListValueMap = cloneDeep(this.formFieldListValueMap);
+        }
+        this.firstRun = false;
+    }
+
+    convertDate(str) {
+        const date = new Date(str),
+            mnth = ('0' + (date.getMonth() + 1)).slice(-2),
+            day = ('0' + date.getDate()).slice(-2);
+        return [mnth, day, date.getFullYear()].join('/');
     }
 
-    //Toggle Form Field Block Ends
-
-    this.formFieldListValueArr = this.formFieldListValueArr;
-    if(this.reportMode !== "Regular" && this.reportMode !== "Dashboard")
-    {
-    for(let ffl=0; ffl<this.formFieldList.length; ffl++)
-    {
-      if(this.formFieldListValueArr[ffl])
-      {
-        if(this.formFieldList[ffl]["validationType"] == "DATE")
-        {
-          this.finalQueryParamsObj[this.formFieldList[ffl]["fieldId"]] = this.convertDate(this.formFieldListValueArr[ffl]);
+    getQueryString() {
+        if (this.directCallQueryParams !== '') {
+            return this.directCallQueryParams;
+        } else {
+            return this.queryString;
         }
-        else
-        {
-          this.finalQueryParamsObj[this.formFieldList[ffl]["fieldId"]] = this.formFieldListValueArr[ffl];
-          for(let trigElement of this.triggerFormFieldArr)
-          {
-            if(this.initialObject[trigElement] !== this.finalQueryParamsObj[trigElement])
-            {
-              this.initialObject[trigElement] = this.finalQueryParamsObj[trigElement];
-              this.generateQueryString();
-              this._runService.refreshFormFields(this.reportId, this.queryString)
-              .subscribe((responseRefreshFF) => {
-
-                for(let rrff=0; rrff<responseRefreshFF["formFieldList"].length; rrff++)
-                {
-                for(let innerFFL=0; innerFFL<this.formFieldList.length; innerFFL++)
-                {
-                  if(responseRefreshFF["formFieldList"][rrff]["fieldId"] == this.formFieldList[innerFFL]["fieldId"])
-                  {
-                    this.formFieldList[innerFFL] = responseRefreshFF["formFieldList"][rrff];
-                  }
+    }
+
+    fetchAndPopulateFormFields(respObj: any, ffReportId: string) {
+        this._runService.getFormFieldGroupsData(ffReportId)
+            .subscribe((responseFormFieldGroups) => {
+                this.firstRun = true;
+                this.showformFiledSpinner = false;
+                this.formFieldGroupObjList = JSON.parse(responseFormFieldGroups['formFieldGroupsJSON']);
+                this.saveFormFieldGroups = JSON.parse(responseFormFieldGroups['formFieldGroupsJSON']);
+                this.formFieldList = respObj['formFieldList'];
+                this.staticFormFieldList = respObj['formFieldList'];
+                this.reportMode = 'FormField';
+                this.totalCount = this.formFieldList.length;
+                if (this.formFieldGroupObjList !== null) {
+                    for (let ffgl = 0; ffgl < this.formFieldGroupObjList.length; ffgl++) {
+                        for (let itemFFGL = 0; itemFFGL < this.formFieldGroupObjList[ffgl]['formFieldList'].length; itemFFGL++) {
+                            const formFieldGroupItem = this.formFieldGroupObjList[ffgl]['formFieldList'][itemFFGL];
+                            for (let fflg = 0; fflg < this.formFieldList.length; fflg++) {
+                                if (formFieldGroupItem['id'] == this.formFieldList[fflg]['fieldId']) {
+                                    this.formFieldGroupObjList[ffgl]['formFieldList'][itemFFGL] = this.formFieldList[fflg];
+                                    this.saveFormFieldGroups[ffgl]['formFieldList'][itemFFGL] = this.formFieldList[fflg];
+
+                                    if (this.formFieldList[fflg]['triggerOtherFormFields'] === true) {
+                                        const formFieldId = this.formFieldList[fflg]['fieldId'];
+                                        this.triggerFormFieldArr.push(formFieldId);
+                                        this.initialObject[formFieldId] = [];
+                                        this.finalQueryParamsObj[formFieldId] = [];
+                                    }
+                                    this.formFieldList.splice(fflg, 1);
+                                    this.unCommonGropusList.push(formFieldGroupItem);
+                                    this.unCommonCnt++;
+                                }
+                            }
+                        }
+                    }
                 }
+                if(this.calledWithFormFields != true){
+                    for (let checkRadio = 0; checkRadio < this.formFieldList.length; checkRadio++) {
+                        if (this.formFieldList[checkRadio]['fieldDisplayName'] == 'selectCriteria') {
+                            for (let ffValue = 0; ffValue < this.formFieldList[checkRadio]['formFieldValues'].length; ffValue++) {
+                                if (this.formFieldList[checkRadio]['formFieldValues'][ffValue]['defaultValue'] == true) {
+                                    this.groupSelectValue = this.formFieldList[checkRadio]['formFieldValues'][ffValue]['name'];
+                                }
+                            }
+                            this.oldGroupSelectValue = this.groupSelectValue;
+                        }
+                    }
                 }
+                this.commonCount = this.totalCount - this.unCommonCnt;
+                this.totalCommonCount = this.commonCount;
+                console.log(this.unCommonGropusList);
+                console.log(this.formFieldList);
+                for (let i = 0; i < this.formFieldList.length; i++) {
+                    const formFieldObj = this.formFieldList[i];
+                    if (formFieldObj['formFieldValues'] != null && this.calledWithFormFields != true) {
+                        if (formFieldObj['validationType'] == 'DATE' && formFieldObj['formFieldValues'].length > 0) {
+                            const date = formFieldObj['formFieldValues'][0]['id'];
+                            this.formFieldListValueMap.set(formFieldObj['fieldId'], new Date(date));
+                        } else if (formFieldObj['fieldType'] == 'LIST_BOX' && formFieldObj['formFieldValues'].length > 0) {
+                            let isAdded = false;
+                            for (let ffValue = 0; ffValue < formFieldObj['formFieldValues'].length; ffValue++) {
+                                if (formFieldObj['formFieldValues'][ffValue]['defaultValue'] == true) {
+                                    this.formFieldListValueMap.set(formFieldObj['fieldId'], formFieldObj['formFieldValues'][ffValue]['id']);
+                                    isAdded = true;
+                                }
+                            }
+                            if (!isAdded) {
+                                this.formFieldListValueMap.set(formFieldObj['fieldId'], '');
+                            }
+                        } else if ((formFieldObj['fieldType'] == 'LIST_MULTI_SELECT' || formFieldObj['fieldType'] == 'TEXT') && formFieldObj['formFieldValues'].length > 0) {
+                            let isAdded = false;
+                            for (let ffValue = 0; ffValue < formFieldObj['formFieldValues'].length; ffValue++) {
+
+                                if (formFieldObj['formFieldValues'][ffValue]['defaultValue'] == true) {
+                                    const multiSelectArray = [];
+                                    multiSelectArray.push(formFieldObj['formFieldValues'][ffValue]['id']);
+                                    this.formFieldListValueMap.set(formFieldObj['fieldId'], multiSelectArray);
+                                    isAdded = true;
+                                }
+                            }
+                            if (!isAdded) {
+                                this.formFieldListValueMap.set(formFieldObj['fieldId'], '');
+                            }
+                        } else if (formFieldObj['fieldDisplayName'] == 'DefaultRadio') {
+                            this.formFieldListValueMap.set(formFieldObj['fieldId'], '');
+
+                        } else {
+                            this.formFieldListValueMap.set(formFieldObj['fieldId'], '');
+                        }
+                    }
+
+                    if (formFieldObj['triggerOtherFormFields'] === true) {
+                        const formFieldId = formFieldObj['fieldId'];
+                        this.triggerFormFieldArr.push(formFieldId);
+                        this.initialObject[formFieldId] = [];
+                        this.finalQueryParamsObj[formFieldId] = [];
+                    }
+                }
+
+                console.log(this.formFieldListValueMap);
+
+                if(this.calledWithFormFields != true){
+                    if (this.formFieldGroupObjList !== null) {
+                        for (const formFieldGroupObjItem of this.formFieldGroupObjList) {
+                            if (formFieldGroupObjItem['name'] == this.groupSelectValue) {
+                                this.toggleFormFieldRenderArr = formFieldGroupObjItem['formFieldList'];
+                                for (let ffGrpValue = 0; ffGrpValue < formFieldGroupObjItem['formFieldList'].length; ffGrpValue++) {
+                                    if (formFieldGroupObjItem['formFieldList'][ffGrpValue]['formFieldValues'].length > 0) {
+                                        for (let ffValue = 0; ffValue < formFieldGroupObjItem['formFieldList'][ffGrpValue]['formFieldValues'].length; ffValue++) {
+                                            if (formFieldGroupObjItem['formFieldList'][ffGrpValue]['formFieldValues'][ffValue]['defaultValue'] == true) {
+                                                if (formFieldGroupObjItem['formFieldList'][ffGrpValue]['fieldType'] == 'LIST_MULTI_SELECT') {
+                                                    const multiSelectArray = [];
+                                                    multiSelectArray.push(formFieldGroupObjItem['formFieldList'][ffGrpValue]['formFieldValues'][ffValue]['id']);
+                                                    this.formFieldListValueMap.set(formFieldGroupObjItem['formFieldList'][ffGrpValue]['fieldId'], multiSelectArray);
+                                                } else {
+                                                    this.formFieldListValueMap.set(formFieldGroupObjItem['formFieldList'][ffGrpValue]['fieldId'], formFieldGroupObjItem['formFieldList'][ffGrpValue]['formFieldValues'][ffValue]['id']);
+                                                }
+                                            }
+                                        }
+                                    } else {
+                                        this.formFieldListValueMap.set(formFieldGroupObjItem['formFieldList'][ffGrpValue]['fieldId'], '');
+
+                                    }
+                                }
+                            }
+
+                        }
+                    }
+                }
+                console.log('finalMap', this.formFieldListValueMap);
+                if (this.formFieldGroupObjList !== null) {
+                    if (this.formFieldGroupObjList.length > 0) {
+                        for (let ffl = 0; ffl < this.formFieldList.length; ffl++) {
+                            for (let ffgl = 0; ffgl < this.formFieldGroupObjList.length; ffgl++) {
+                                const inList = this.formFieldGroupObjList[ffgl]['formFieldList'];
+
+                                for (let inl = 0; inl < inList.length; inl++) {
+                                    let cntr = 0;
+                                    if (inList[inl]['fieldId'] == this.formFieldList[ffl]['fieldId']) {
+                                        cntr++;
+                                    }
+                                    if (cntr == 0) {
+                                        this.finalQueryParamsObj[inList[inl]['fieldId']] = '-1';
+                                    }
+                                }
+
+                            }
+                        }
+                    }
+                }
+                this.save = cloneDeep(this.formFieldGroupObjList);
             });
+    }
+
+    generateQueryString() {
+
+        this.queryString = '';
+        for (let k = 0; k < Object.keys(this.finalQueryParamsObj).length; k++) {
+            if (typeof (this.finalQueryParamsObj[Object.keys(this.finalQueryParamsObj)[k]]) == 'object') {
+                const key = Object.keys(this.finalQueryParamsObj)[k];
+                let qstr = '';
+                let l = 0;
+                while (this.finalQueryParamsObj[key][l]) {
+                    if (l === 0) {
+                        qstr = qstr + this.finalQueryParamsObj[Object.keys(this.finalQueryParamsObj)[k]][l];
+                    } else {
+                        qstr = qstr + '|' + this.finalQueryParamsObj[Object.keys(this.finalQueryParamsObj)[k]][l];
+                    }
+                    l++;
+                }
+                if (qstr !== '') {
+                    this.queryString = this.queryString + '&' + Object.keys(this.finalQueryParamsObj)[k] + '=' + qstr;
+                }
+            } else {
+                if (typeof (this.finalQueryParamsObj[Object.keys(this.finalQueryParamsObj)[k]]) == 'string') {
+                        this.queryString = this.queryString + '&' + Object.keys(this.finalQueryParamsObj)[k] + '=' + this.finalQueryParamsObj[Object.keys(this.finalQueryParamsObj)[k]];
+                } else {
+                    this.queryString = this.queryString + '&' + Object.keys(this.finalQueryParamsObj)[k] + '=' + this.finalQueryParamsObj[Object.keys(this.finalQueryParamsObj)[k]];
+                }
             }
-          }
-          
+
         }
-      }
-    }
-  }
-  }
-  }
-
-  convertDate(str) {
-    var date = new Date(str),
-      mnth = ("0" + (date.getMonth() + 1)).slice(-2),
-      day = ("0" + date.getDate()).slice(-2);
-    return [mnth, day, date.getFullYear()].join("/");
-  }
-
-  getQueryString()
-  {
-    if(this.directCallQueryParams !== "")
-    {
-      return this.directCallQueryParams;
+
     }
-    else
-    {
-      return this.queryString;
+
+    showError(Errresponse: any) {
+        this.errorMessage = Errresponse['errormessage'];
+        this.stackTrace = Errresponse['stacktrace'];
+        this.error = true;
+        this.showSpinner = false;
     }
-  }
-
-  fetchAndPopulateFormFields(respObj : any, ffReportId : string)
-  {
-    
-    this._runService.getFormFieldGroupsData(ffReportId)
-    .subscribe((responseFormFieldGroups) => {
-      this.formFieldGroupObjList = JSON.parse(responseFormFieldGroups["formFieldGroupsJSON"]);
-    
-    
-    this.formFieldList = respObj["formFieldList"];
-    this.staticFormFieldList = respObj["formFieldList"];
-    this.reportMode = "FormField";
-    this.totalCount = this.formFieldList.length;
-    if(this.formFieldGroupObjList !== null)
-    {
-    for(let ffgl=0; ffgl<this.formFieldGroupObjList.length; ffgl++)
-    {
-      for(let itemFFGL=0; itemFFGL<this.formFieldGroupObjList[ffgl]["formFieldList"].length; itemFFGL++)
-      {
-        let formFieldGroupItem = this.formFieldGroupObjList[ffgl]["formFieldList"][itemFFGL];
-        for(let fflg=0; fflg<this.formFieldList.length; fflg++)
-        {
-          if(formFieldGroupItem["id"] == this.formFieldList[fflg]["fieldId"])
-          {
-            this.formFieldGroupObjList[ffgl]["formFieldList"][itemFFGL] = this.formFieldList[fflg];
-            this.formFieldList.splice(fflg, 1);
-            this.unCommonCnt++;
-          }
+
+    runReport() {
+        this.hitCnt++;
+        this.showSpinner = true;
+        if (this.iSDashboardReport !== 'Dashboard') {
+            if (this.formFieldList.length > 0) {
+                this.reportMode = 'FormField';
+                this.generateQueryString();
+            } else {
+                this.reportMode = 'Regular';
+            }
+            this.showSpinner = false;
+        } else {
+            this.generateQueryString();
+            this.showSpinner = false;
         }
-      }
+        this.runReportAgain = !this.runReportAgain;
+        this.navigateToRun = true;
     }
+
+    editReport(reportId: string) {
+        this._router.navigate(['v2/reports', 'Edit', reportId]);
     }
-    
-    this.commonCount = this.totalCount - this.unCommonCnt;
-
-    for(let i=0; i<this.formFieldList.length; i++)
-    {
-      let formFieldObj = this.formFieldList[i];
-      if(formFieldObj["triggerOtherFormFields"] === true)
-      {
-        let formFieldId = formFieldObj["fieldId"];
-        this.triggerFormFieldArr.push(formFieldId);
-        this.initialObject[formFieldId] = [];
-        this.finalQueryParamsObj[formFieldId] = [];
-      }
+
+    showLabelFn() {
+        this.showLabel = !this.showLabel;
     }
-    });
-  }
-
-  generateQueryString()
-  {
-    
-    this.queryString="";
-    for(let k=0; k<Object.keys(this.finalQueryParamsObj).length; k++)
-    {
-      
-      if(typeof(this.finalQueryParamsObj[Object.keys(this.finalQueryParamsObj)[k]]) == "object")
-      {
-        
-        let key = Object.keys(this.finalQueryParamsObj)[k];
-        let qstr = "";
-        let l=0;
-        while(this.finalQueryParamsObj[key][l])
-        {
-          if(l === 0)
-          {
-            qstr = qstr + this.finalQueryParamsObj[Object.keys(this.finalQueryParamsObj)[k]][l];
-          }
-          else
-          {
-            qstr = qstr + "|" + this.finalQueryParamsObj[Object.keys(this.finalQueryParamsObj)[k]][l];
-          }
-          l++;
-        }
-        if(qstr !== "")
-        {
-          this.queryString = this.queryString + "&" + Object.keys(this.finalQueryParamsObj)[k] + "=" + qstr;
+
+    setDefaultFieldGroupValueForNonSelected(formFieldsList: any) {
+        this.tempFieldValues = [];
+        const map = new Map<string, string>();
+        for (const value in this.finalQueryParamsObj) {
+            map.set(value, this.finalQueryParamsObj[value]);
         }
-      }
-      else
-      {
-        if(typeof(this.finalQueryParamsObj[Object.keys(this.finalQueryParamsObj)[k]]) == "string")
-        {
-          let stringParam = this.finalQueryParamsObj[Object.keys(this.finalQueryParamsObj)[k]];
-          if(stringParam.split(",").length > 1)
-          {
-            let l=0;
-            let qstr = "";
-            for(let param of stringParam.split(","))
-            {
-              if(l === 0)
-              {
-                qstr = qstr + param;
-              }
-              else
-              {
-                qstr = qstr + "|" + param;
-              }
-              l++;
-            }
-            if(qstr !== "")
-            {
-              this.queryString = this.queryString + "&" + Object.keys(this.finalQueryParamsObj)[k] + "=" + qstr;
+        for (const ffl of formFieldsList) {
+            if (!map.get(ffl['fieldId']) && ffl['formFieldValues'].length === 1) {
+                this.tempFieldValues = ffl['formFieldValues'];
+                if (ffl['fieldDisplayName'] == this.tempFieldValues[0]['name']) {
+                    this.finalQueryParamsObj[ffl['fieldId']] = '-1';
+                }
             }
-          }
-          else
-          {
-            this.queryString = this.queryString + "&" + Object.keys(this.finalQueryParamsObj)[k] + "=" + this.finalQueryParamsObj[Object.keys(this.finalQueryParamsObj)[k]];
-          }
-        }
-        else
-        {
-          this.queryString = this.queryString + "&" + Object.keys(this.finalQueryParamsObj)[k] + "=" + this.finalQueryParamsObj[Object.keys(this.finalQueryParamsObj)[k]];
         }
-        
-      }
-
     }
 
+    resetFormFieldValues() {
+        sessionStorage.clear();
+        const myItem = localStorage.getItem('id');
+        localStorage.clear();
+        localStorage.setItem('id', myItem);
+        if (this.formFieldGroupObjList != null) {
+            this._router.navigateByUrl('v2/refresh', {skipLocationChange: true}).then(() =>
+                this._router.navigate(['v2/run', this.reportId]));
+        } else {
+            this.avoidDoCheck = true;
+            this.formFieldListValueMap = new Map<any, any>();
+            this.finalQueryParamsObj = [];
+            if (this.calledWithFormFields == false) {
+                this.formFieldListValueMap = cloneDeep(this.saveFormFieldListValueMap);
+            }
 
-  }
-
-  showError(Errresponse : any)
-  {
-    this.errorMessage = Errresponse["errormessage"];
-    this.stackTrace = Errresponse["stacktrace"];
-    this.error = true;
-    this.showSpinner = false;
-  }
-
-  runReport()
-  {
-    this.hitCnt++;
-    this.showSpinner = true;
-
+        }
+    }
 
-    if(this.iSDashboardReport !== "Dashboard")
-    {
+    private delay(ms: number) {
+        return new Promise(resolve => setTimeout(resolve, ms));
+    }
 
-      if(this.formFieldList.length > 0)
-      {
-        this.reportMode = "FormField";
-        this.generateQueryString();
+    private removePrevioustoggleGroupData() {
+        for (const formFieldGroupObjItem of this.formFieldGroupObjList) {
+            if (formFieldGroupObjItem['name'] == this.oldGroupSelectValue) {
+                for (let ffGrpValue = 0; ffGrpValue < formFieldGroupObjItem['formFieldList'].length; ffGrpValue++) {
+                    this.finalQueryParamsObj[formFieldGroupObjItem['formFieldList'][ffGrpValue]['fieldId']] = '-1';
+                    this.formFieldListValueMap.delete(formFieldGroupObjItem['formFieldList'][ffGrpValue]['fieldId']);
+                }
+            }
         }
-      else
-      {
-        this.reportMode = "Regular";
-      }
-
-      
-      this.showSpinner = false;
-   
-  }
-  else
-  {
-    this.generateQueryString();
-    
-    this.showSpinner = false;
-  }
-
-  this.navigateToRun = true;
-  }
-
-  editReport(reportId : string)
-  {
-    this._router.navigate(["v2/reports", "Edit", reportId]);
-  }
-
-  showLabelFn()
-  {
-    this.showLabel = !this.showLabel;
-  }
-
-  
-
+    }
 }
+
+
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-result-set/run-report-result-set.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-result-set/run-report-result-set.component.html
index 71520ef7..76183db3 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-result-set/run-report-result-set.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-result-set/run-report-result-set.component.html
@@ -15,7 +15,7 @@
   </table>
 
   <mat-paginator #paginator
-      [length]="dataSource?.data?.length"
+      [length]="dataSource?.data.length"
       [pageIndex]="0"
       [pageSize]="15"
       [pageSizeOptions]="[15, 25, 50, 100, 250]">
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-result-set/run-report-result-set.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-result-set/run-report-result-set.component.spec.ts
index fa856c00..cc8fd2bd 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-result-set/run-report-result-set.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report-result-set/run-report-result-set.component.spec.ts
@@ -7,20 +7,10 @@ import { MatTableModule } from '@angular/material/table';
 import { RunReportResultSetComponent } from './run-report-result-set.component';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { RouterTestingModule } from '@angular/router/testing';
-import { RunService } from '../run.service';
-import 'rxjs/add/observable/of';
-import { Observable } from 'rxjs/Observable';
-import 'rxjs/add/operator/catch';
-import 'rxjs/add/observable/throw';
 
 describe('RunReportResultSetComponent', () => {
   let component: RunReportResultSetComponent;
   let fixture: ComponentFixture<RunReportResultSetComponent>;
-  let _runService:RunService;
-  var response={
-                 "reportDataColumns":[{"columnTitle":"columnTitle"}],
-                 "reportDataRows":[{"colId":"colId"}]
-                }
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
@@ -39,27 +29,10 @@ describe('RunReportResultSetComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(RunReportResultSetComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
-    _runService=TestBed.get(RunService);
+    //fixture.detectChanges();
   });
 
   it('should compile', () => {
     expect(component).toBeTruthy();
   });
-
-  it('should test ngOnInit method',()=>{
-    component.reportId1="reportId1";
-    let spy=spyOn(_runService,'getReportData').and.returnValue(Observable.of(response));
-    component.ngOnInit();
-    expect(spy).toHaveBeenCalled();
-
-  })
-
-  it('should test ngAfterViewInit method',()=>{
-    component.reportId1="reportId1";
-    let spy=spyOn(_runService,'getReportData').and.returnValue(Observable.of(response))
-    component.ngAfterViewInit();
-    expect(spy).toHaveBeenCalled();
-  })
-
 });
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.css
index e9b4c87f..c57d7287 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.css
@@ -1,4 +1,6 @@
-
+.submit-approval-btn{
+  display: contents;
+}
 .lds-ring {
   display: inline-block;
   position: relative;
@@ -9,11 +11,11 @@
   box-sizing: border-box;
   display: block;
   position: absolute;
-  width: 80px;
-  height: 80px;
+  width: 35px;
+  height: 35px;
   margin: 6px;
-  margin-top: -10px;
-  border: 10px solid #006496;
+  margin-top: 40px;
+  border: 6px solid #006496;
   border-radius: 80%;
   animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
   border-color: #006496 transparent transparent transparent;
@@ -46,13 +48,21 @@ table {
     overflow: auto;
   }
 
+  td.mat-cell{
+  padding-left: 3px;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-right: 0.1px solid gray;
+  border-left: 0.1px solid gray;
+}
+.mat-icon-delete{
+  color: #006496;
+  cursor: pointer;
+}
   
 
 .app-data-table {
-    margin-top: 35px;
-    /* margin-left: 250px;
-    margin-right: 250px; */
-   
+    margin-top: 0px;
   }
 
   
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.html
index b8fa314a..08ae8d42 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.html
@@ -1,65 +1,73 @@
+<span class="ecomp-spinner" *ngIf="showSpinner"></span>   
 
-<div *ngIf="showSpinner">
-  <div class="lds-ring">
-    <div></div>
-    <div></div>
-    <div></div>
-    <div></div>
-  </div>
-</div>
+<div *ngIf="!showChart">  
+    <div class="app-data-table">
+        <div class="app-data-table-fixed-height">
+            <div class="example-container">
+                <table [dataSource]="dataSource" mat-table matSort>
+                    <div *ngFor="let keys of displayedColumns; let i = index">
+                        <ng-container matColumnDef="{{keys}}">
+                            <th *matHeaderCellDef mat-header-cell
+                                mat-sort-header>{{displayedColumnsArr[i].split(",")[0]}}</th>
+                            <td *matCellDef="let row" mat-cell>
+                                <div *ngIf="row[keys].split('|')[0] == 'linkToReport'"
+                                     [ngStyle]="setStyle(row[keys].split('|')[4])">
+                                    <a (click)="linkToReport(row[keys].split('|')[1], row[keys].split('|')[2])"
+                                       [routerLink]="">{{row[keys].split('|')[3]}}</a>
+                                </div>
+                                <div *ngIf="row[keys].split('|')[0] == 'linkToFeedback'"
+                                     [ngStyle]="setStyle(row[keys].split('|')[4])">
+                                    <a (click)="linkToFeedback(row[keys].split('|')[1], row[keys].split('|')[2])"
+                                       [routerLink]="">{{row[keys].split('|')[3]}}</a>
+                                </div>
+                                <div *ngIf="row[keys].split('|')[0] == 'linkToMail'"
+                                     [ngStyle]="setStyle(row[keys].split('|')[3])">
+                                    <a (click)="linkToMail(row[keys].split('|')[1])"
+                                       [routerLink]="">{{row[keys].split('|')[2]}}</a>
+                                </div>
+                                <div *ngIf="row[keys].split('|')[0] == 'clickToDownload' ">
+								<mat-icon class="mat-icon-delete" aria-hidden="false" aria-label="play-for-work"
+									(click)="onClickToDowload(row)">play-for-work</mat-icon>
+                                </div>
+                                 <div *ngIf="row[keys].split('|')[0] !== 'linkToReport' && row[keys].split('|')[0] !== 'linkToFeedback' && row[keys].split('|')[0] !== 'linkToMail'
+                                && row[keys].split('|')[0] !== 'clickToDownload' "
+                                    [ngStyle]="setStyle(row[keys].split('|')[1])">
+                                    {{row[keys].split('|')[0]}}</div>
+                            </td>
+                            <td *matFooterCellDef align="center"
+                                mat-footer-cell>{{getDisplayTotal(keys)}}</td>
+                        </ng-container>
+                    </div>
 
-<mat-form-field>
-    <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter Report Data">
-  </mat-form-field>
+                    <tr *matHeaderRowDef="displayedColumns; sticky: true;"
+                        mat-header-row></tr>
+                    <tr *matRowDef="let row; columns: displayedColumns;" mat-row></tr>
+                    <tr mat-footer-row *matFooterRowDef="displayedColumns; sticky: true;"></tr>
+                </table>
 
-<div class="app-data-table">
-    <div class="app-data-table-fixed-height">
-<div class="example-container">
-    <table mat-table [dataSource]="dataSource" matSort>
-        <div *ngFor="let keys of displayedColumns; let i = index">
-            <ng-container matColumnDef="{{keys}}">
-                <th mat-header-cell *matHeaderCellDef mat-sort-header>{{displayedColumnsArr[i].split(",")[0]}}</th>
-                 <td mat-cell *matCellDef="let row">
-                    <div *ngIf="row[keys].split(',')[0] == 'linkToReport'">
-                      <a [routerLink]="" (click)="linkToReport(row[keys].split(',')[1], row[keys].split(',')[2])">{{row[keys].split(',')[3]}}</a>
-                    </div>
-                    <div *ngIf="row[keys].split(',')[0] == 'linkToFeedback'">
-                      <a [routerLink]="" (click)="linkToFeedback(row[keys].split(',')[1], row[keys].split(',')[2])">{{row[keys].split(',')[3]}}</a>
-                    </div>
-                    <div *ngIf="row[keys].split(',')[0] == 'linkToMail'">
-                      <a [routerLink]="" (click)="linkToMail(row[keys].split(',')[1])">{{row[keys].split(',')[2]}}</a>
-                    </div>
-                      <div *ngIf="row[keys].split(',')[0] !== 'linkToReport' && row[keys].split(',')[0] !== 'linkToFeedback' && row[keys].split(',')[0] !== 'linkToMail'">
-                          {{row[keys]}}
-                      </div>
-                  </td>
-              </ng-container>
+                <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
             </div>
-  
-      <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true;"></tr>
-      <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-    </table>
-  
-    <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
-  </div>
-  </div>
+        </div>
+    </div>
+</div>
+<div *ngIf="showChart" align="center">
+    <iframe #iframe height="550px" style="border: none" width="100%"></iframe>
 </div>
 
 
-  
 <!-- <div *ngIf="!showDashboardReport">
     <div class="app-data-table">
         <div class="app-data-table-fixed-height">
           <table mat-table class="full-width-table" matSort aria-label="Elements">
-           
+
               <div *ngFor="let keys of displayedColumns; let i = index">
                 <ng-container matColumnDef="{{keys}}">
                     <th mat-header-cell *matHeaderCellDef mat-sort-header >{{displayedColumnsArr[i].split(",")[0]}}</th>
                     <td mat-cell *matCellDef="let row">{{row[keys]}}</td>
                   </ng-container>
                 </div>
-               
-          
+
+
             <tr mat-header-row *matHeaderRowDef="displayedColumns" ></tr>
             <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
           </table>
@@ -70,6 +78,5 @@
               [pageSize]="15"
               [pageSizeOptions]="[15, 25, 50, 100, 250]">
           </mat-paginator>
-        </div> 
+        </div>
   </div> -->
-  
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.spec.ts
index e0ea762d..a94d9ee1 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.spec.ts
@@ -40,12 +40,10 @@ describe('RunDashboardReportComponent', () => {
   beforeEach(() => {
     fixture = TestBed.createComponent(RunDashboardReportComponent);
     component = fixture.componentInstance;
-    fixture.detectChanges();
   });
 
   it('should create', () => { 
     expect(component).toBeTruthy();
-    fixture.detectChanges();
   });
 
   it('should test ngOnInit method', () => {
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.ts
index 35fe7414..3a38eba4 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-dashboard-report/run-dashboard-report.component.ts
@@ -1,10 +1,14 @@
-import { Component, OnInit, Input, AfterViewInit, ViewChild } from '@angular/core';
+import { Component, OnInit, Input, AfterViewInit, ViewChild, ElementRef } from '@angular/core';
 import { GridsterConfig, GridType, GridsterItem } from 'angular-gridster2';
 import { MatTableDataSource } from '@angular/material/table';
 import { MatPaginator } from '@angular/material/paginator';
 import { DashboardReportService } from './dashboard-report.service';
 import { MatSort } from '@angular/material';
 import { Router } from '@angular/router';
+import { environment } from '../../../../../../../../environments/environment';
+import { DisplayHtml } from '../../../display-html';
+import { RunService } from '../../run.service';
+import {FormControl} from '@angular/forms';
 
 
 
@@ -12,168 +16,262 @@ export interface PeriodicElement {
 
 }
 
-
-  
 const ELEMENT_DATA: PeriodicElement[] = [{}];
 
 @Component({
-  selector: 'app-run-dashboard-report',
-  templateUrl: './run-dashboard-report.component.html',
-  styleUrls: ['./run-dashboard-report.component.css']
+    selector: 'app-run-dashboard-report',
+    templateUrl: './run-dashboard-report.component.html',
+    styleUrls: ['./run-dashboard-report.component.css']
 })
 
 export class RunDashboardReportComponent implements AfterViewInit {
 
-  
-
-  @Input("reportId") reportId1 : string;
-  @Input("queryString") queryString : string;
-  @Input("hitCnt") hitCnt : number;
-  dataSource = new MatTableDataSource<PeriodicElement>(ELEMENT_DATA);
-
-  @ViewChild(MatPaginator, {static: false} as any) paginator: MatPaginator;
-  @ViewChild(MatSort, {static: false} as any) sort: MatSort;
-
-  options: GridsterConfig;
-  dashboard :  Array<GridsterItem> = new Array();
-
-  displayedColumns : string[];
-  IncomingReportId : string;
-  displayedColumnsArr : string[];
-  displayedRowObj : {}[];
-  formFieldPresent : boolean;
-  showSpinner : boolean;
-  formFieldList : {}[];
-  isReady : boolean;
-  responseFormFieldListLength : number;
-  NEWdisplayedColumns : string[];
-  initCnt : number;
-  reportName : string;
-  showDashboardReport : boolean;
-  checkCnt : number;
-  initialQueryString : string;
-  initCounter : number;
-  runButtonHitCounter : number;
-  
-  constructor(private _dashboardReportService : DashboardReportService, private _router : Router) {
-    this.initCounter = 0;
-    this.runButtonHitCounter = 0;
-   }
-
-  ngOnInit(){
-    this.initialQueryString = this.queryString;
-    this.initCounter++;
-    this.runButtonHitCounter = this.hitCnt;
-    this.initialProcesses();
-  }
-
-  initialProcesses()
-  {
-    this.dataSource.paginator = this.paginator;
-  }
-
-  ngOnChanges()
-  {
-    if(this.initialQueryString !== this.queryString && this.initCounter > 0 && this.runButtonHitCounter !== this.hitCnt)
-    {
-      this.initialQueryString = this.queryString;
-      this.runButtonHitCounter = this.hitCnt;
-      this.initialProcesses();
-      this.afterViewInitProcesses();
+    @Input('reportId') inputReportId: string;
+    @Input('queryString') queryString: string;
+    @Input('hitCnt') hitCnt: number;
+    @Input('reportType') reportType: string;
+    @Input('parentId') parentId: string;
+    dataSource = new MatTableDataSource<PeriodicElement>(ELEMENT_DATA);
+    @ViewChild(MatPaginator, { static: false } as any) paginator: MatPaginator;
+    @ViewChild(MatSort, { static: false } as any) sort: MatSort;
+    @ViewChild('iframe') iframe: ElementRef;
+    options: GridsterConfig;
+    dashboard: Array<GridsterItem> = new Array();
+    displayedColumns: string[];
+    IncomingReportId: string;
+    displayedColumnsArr: string[];
+    displayedRowObj: {}[];
+    formFieldPresent: boolean;
+    showSpinner: boolean;
+    formFieldList: {}[];
+    isReady: boolean;
+    responseFormFieldListLength: number;
+    NEWdisplayedColumns: string[];
+    initCnt: number;
+    reportName: string;
+    showDashboardReport: boolean;
+    checkCnt: number;
+    initialQueryString: string;
+    initCounter: number;
+    runButtonHitCounter: number;
+    showChart = false;
+    displayColumValue: string;
+    displayTotal: any[];
+    private chartRunUrl: string;
+    replaceDisplayValue: String;
+saveResponseObj:any;
+
+    constructor(private _dashboardReportService: DashboardReportService, private _router: Router,
+        private _runService: RunService) {
+        this.initCounter = 0;
+        this.runButtonHitCounter = 0;
+    }
+
+    ngOnInit() {
+        this.initialQueryString = this.queryString;
+        this.initCounter++;
+        this.runButtonHitCounter = this.hitCnt;
+        if (this.reportType === 'Chart') {
+            this.showChart = true;
+        }
+
+        this.initialProcesses();
     }
-    else
-    {
-      this.runButtonHitCounter = this.hitCnt;
-      this.initialQueryString = this.queryString;
+
+    initialProcesses() {
+        this.dataSource.paginator = this.paginator;
     }
-    
-  }
 
-  ngAfterViewInit() {
-    setTimeout(() => {
-      this.afterViewInitProcesses();
-    })
-}
+    ngOnChanges() {
+        if (this.initialQueryString !== this.queryString && this.initCounter > 0 && this.runButtonHitCounter !== this.hitCnt) {
+            this.initialQueryString = this.queryString;
+            this.runButtonHitCounter = this.hitCnt;
+            this.initialProcesses();
+            this.afterViewInitProcesses();
+        } else {
+            this.runButtonHitCounter = this.hitCnt;
+            this.initialQueryString = this.queryString;
+        }
+    }
+
+    ngAfterViewInit() {
+        this.afterViewInitProcesses();
+    }
+
+    afterViewInitProcesses() {
+        if (this.showChart) {
+            this.chartRunUrl = environment.baseUrl + 'raptor.htm?action=chart.run&c_master=' +
+                this.inputReportId + this.queryString + '&refresh=Y&display_content=Y&r_page=0';
+            this.iframe.nativeElement.setAttribute('src', this.chartRunUrl);
+            this.showSpinner = false;
+        } else {
+
+            this.displayedColumnsArr = new Array();
+            this.displayedRowObj = new Array();
+            this.displayedColumns = new Array();
+            this.formFieldList = new Array();
+            this.showSpinner = true;
+            this.isReady = false;
+            this.NEWdisplayedColumns = new Array();
+            this.displayTotal = [];
+            if (localStorage.getItem(this.inputReportId)) {
+                this.postFetchingReportDataFn(JSON.parse(localStorage.getItem(this.inputReportId)));
+                localStorage.removeItem(this.inputReportId);
+            } else {
+            this._dashboardReportService.getReportDataWithFormFields(this.queryString, this.inputReportId)
+                .subscribe((response) => {
+                        this.postFetchingReportDataFn(response);
+                    });
+            }
+        }
+    }
 
-  afterViewInitProcesses()
-  {
-
-    this.displayedColumnsArr = new Array();
-    this.displayedRowObj = new Array();
-    this.displayedColumns = new Array();
-    this.formFieldList = new Array();
-    this.showSpinner = true;
-    this.isReady = false;
-    this.NEWdisplayedColumns = new Array();
-  this._dashboardReportService.getReportDataWithFormFields(this.queryString, this.reportId1)
-  .subscribe((response) => {
-      this.formFieldPresent = false;
-      this.responseFormFieldListLength = 0;
-
-      this.reportName = response["reportName"];
-
-    let i=0;
-    while(response["reportDataColumns"][i])
-    {
-      this.displayedColumnsArr.push(response["reportDataColumns"][i]["columnTitle"] +","+ response["reportDataColumns"][i]["colId"]);
-      i++;
+    postFetchingReportDataFn(response: any){
+        this.saveResponseObj = response;
+                    this.formFieldPresent = false;
+                    this.responseFormFieldListLength = 0;
+                    this.reportName = response['reportName'];
+                    let columnCntr = 0;
+                    while (response['reportDataColumns'][columnCntr]) {
+                        this.displayedColumnsArr.push(response['reportDataColumns'][columnCntr]['columnTitle'] + ','
+                            + response['reportDataColumns'][columnCntr]['colId']);
+                        columnCntr++;
+                    }
+                    let totalCnt = 0;
+                    while (response['reportTotalDataRows'][totalCnt]) {
+                        this.displayTotal.push(response['reportTotalDataRows'][totalCnt]);
+                        totalCnt++;
+                    }
+                    let rdr_cntr = 0;
+                    while (response['reportDataRows'][rdr_cntr]) {
+                        let dca_cntr = 0;
+                        const obj = {};
+                        const reportDataRows = response['reportDataRows'][rdr_cntr];
+                        while (this.displayedColumnsArr[dca_cntr]) {
+                            const rowColumnId = this.displayedColumnsArr[dca_cntr].split(',')[1];
+                            if (reportDataRows[rowColumnId]) {
+                                let drillDownHtml = '';
+                                let displayValue = '';
+                                drillDownHtml = reportDataRows[rowColumnId]['drillDownURL'];
+                                displayValue = reportDataRows[rowColumnId]['displayValue'];
+                                if (drillDownHtml !== null &&
+                                    drillDownHtml.length > 0 &&
+                                    !displayValue.includes('linkToReport')) {
+                                    const value = this.convertToLinkToReport(drillDownHtml);
+                                    if (value.length > 0) {
+                                        this.replaceDisplayValue = value + ',' +
+                                            reportDataRows[rowColumnId]['displayValue'];
+                                    } else {
+                                        this.replaceDisplayValue = reportDataRows[rowColumnId]['displayValue'];
+                                    }
+                                } else {
+                                    this.replaceDisplayValue = reportDataRows[rowColumnId]['displayValue'];
+                                }
+                                let displayObj: DisplayHtml = new class implements DisplayHtml {
+                                    'background-color': string;
+                                    'font-family': string;
+                                    'font-size': string;
+                                    'font-style': string;
+                                    'font-weight': string;
+                                    'text-align': string;
+                                    'text-decoration': string;
+                                    color: string;
+                                };
+                                if (reportDataRows[rowColumnId]['displayValueHtml'].includes('{')) {
+                                    displayObj = JSON.parse(reportDataRows[rowColumnId]['displayValueHtml']);
+                                }
+                                displayObj['text-align'] = reportDataRows[rowColumnId]['alignment'];
+                                if (this.replaceDisplayValue.includes('linkToReport') || this.replaceDisplayValue.includes('linkToFeedback') || this.replaceDisplayValue.includes('linkToMail')) {
+                                    obj[reportDataRows[rowColumnId]['colId']] = this.replaceDisplayValue.split(',').join('|')
+                                        + '|' + JSON.stringify(displayObj);
+                                } else {
+                                    obj[reportDataRows[rowColumnId]['colId']] = this.replaceDisplayValue
+                                        + '|' + JSON.stringify(displayObj);
+                                }
+                            }
+                            dca_cntr++;
+                        }
+                        this.displayedRowObj.push(obj);
+                        rdr_cntr++;
+                    }
+                    for (let pushCounter = 0; pushCounter < this.displayedColumnsArr.length; pushCounter++) {
+                        this.displayedColumns.push(this.displayedColumnsArr[pushCounter].split(',')[1]);
+                    }
+                    this.showSpinner = false;
+                    this.dataSource = new MatTableDataSource<PeriodicElement>(this.displayedRowObj);
+                    this.dataSource.sort = this.sort;
+                    this.dataSource.paginator = this.paginator;
     }
 
-    let j=0;
-    while(response["reportDataRows"][j])
-    {
-      let k=0;
-      let obj = new Object();
-      while(this.displayedColumnsArr[k])
-      {
-        if(response["reportDataRows"][j][this.displayedColumnsArr[k].split(",")[1]])
-        {
-          obj[response["reportDataRows"][j][this.displayedColumnsArr[k].split(",")[1]]["colId"]] = response["reportDataRows"][j][this.displayedColumnsArr[k].split(",")[1]]["displayValue"];
+    linkToReport(reportID: string, queryParameters: string) {
+        localStorage.setItem(this.inputReportId, JSON.stringify(this.saveResponseObj));
+        if (sessionStorage.length === 0) {
+            sessionStorage.setItem('1', this.parentId + '|' + this.queryString);
+        } else {
+            let length = sessionStorage.length;
+            length++;
+            sessionStorage.setItem(length.toString(), this.parentId + '|' + this.queryString);
         }
-        k++;
-      }
-      this.displayedRowObj.push(obj);
-      j++;
+        this._router.navigate(['v2/run', reportID, queryParameters]);
     }
 
-    for(let l=0; l<this.displayedColumnsArr.length; l++)
-    {
-      this.displayedColumns.push(this.displayedColumnsArr[l].split(",")[1]);
+    linkToFeedback(feedBackId: string, queryParameters: string) {
+        this._router.navigate(['v2/feedback', feedBackId]);
+    }
+
+    linkToMail(mailId: string) {
+        const email = 'mailto:' + mailId;
+        window.location.href = email;
+    }
+
+    applyFilter(filterValue: string) {
+        this.dataSource.filter = filterValue.trim().toLowerCase();
+    }
+
+    setStyle(styles: string) {
+        if (styles.includes('{')) {
+            return JSON.parse(styles);
+        } else {
+            return {};
+        }
+    }
+
+    getDisplayTotal(keys: any) {
+        if (this.displayTotal.length > 0) {
+            return this.displayTotal[0][keys].displayValue;
+        } else {
+            return '';
+        }
+    }
+
+    convertToLinkToReport(value: string) {
+        value = value.replace(/;/g, '');
+        let outPut = '';
+        while (value.includes('c_master=')) {
+            const index = value.indexOf('c_master=');
+            if (index > 0) {
+                value = value.substring(index, value.length);
+            } else if (index === 0) {
+                value = value.replace('c_master=', '');
+            }
+        }
+        const split = value.split('&');
+        // const spltFirst = split[0].split('=');
+        if (split[1].length <= 0) {
+            return outPut;
+        }
+        outPut = 'linkToReport,' + split[0] + ',';
+        let splitCounter = 1;
+        for (splitCounter = 1; splitCounter < split.length; splitCounter++) {
+            if (!split[splitCounter].includes('LOGIN_ID=') &&
+                !split[splitCounter].includes('display_content=') &&
+                !split[splitCounter].includes('drilldown_index=') &&
+                !split[splitCounter].includes('show_back_btn=') &&
+                !split[splitCounter].includes('r_action')) {
+                outPut = outPut + '&' + split[splitCounter];
+            }
+        }
+        return outPut;
     }
-    this.showSpinner = false;
-    
-    this.dataSource = new MatTableDataSource<PeriodicElement>(this.displayedRowObj);
-    this.dataSource.sort = this.sort;
-    this.dataSource.paginator = this.paginator;
-   
-
-  });
-
-  
-  }
-  
-  
-  
-  linkToReport(reportID : string, queryParameters : string)
-  {
-    this._router.navigate(['v2/run', reportID, queryParameters]);
-  }
-
-  linkToFeedback(feedBackId : string, queryParameters : string)
-  {
-    this._router.navigate(['v2/feedback', feedBackId]);
-  }
-
-  linkToMail(mailId : string)
-  {
-    var email = "mailto:" + mailId;
-    window.location.href = email;
-  }
-
-  applyFilter(filterValue: string) {
-    this.dataSource.filter = filterValue.trim().toLowerCase();
-  }
-
- 
 
 }
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.css
index 693fb543..85e3c58f 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.css
@@ -1,3 +1,10 @@
+.approval-img{
+  height:25px;
+   width:25px
+}
+.submit-approval-btn{
+  display: contents;
+}
 .gridster-item-content{
   overflow-y: scroll;
   overflow-x: scroll;
@@ -14,11 +21,11 @@
   box-sizing: border-box;
   display: block;
   position: absolute;
-  width: 80px;
-  height: 80px;
+  width: 35px;
+  height: 35px;
   margin: 6px;
-  margin-top: -10px;
-  border: 10px solid #006496;
+  margin-top: 40px;
+  border: 6px solid #006496;
   border-radius: 80%;
   animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
   border-color: #006496 transparent transparent transparent;
@@ -49,7 +56,7 @@
 }
 .right {
   width: auto;
-  
+
   float: left;
 } */
 
@@ -57,6 +64,10 @@ mat-icon{
   color: #006496;
   cursor: pointer;
 }
+.mat-icon-delete{
+  color: #006496;
+  cursor: pointer;
+}
 
 
 button,
@@ -67,7 +78,7 @@ textarea {
   font-size: 100%;
   vertical-align: middle; }
 
-  
+
 button,
 html input[type="button"],
 input[type="reset"],
@@ -91,10 +102,18 @@ input[type="submit"] {
 } */
 
 .boxMargin{
-  
+
   width: auto;
 }
 
+td.mat-cell{
+  padding-left: 3px;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-right: 1px solid #999;
+  border-left: 1px solid #999;
+}
+
 mat-button-toggle{
   display: block;
   width: 400px;
@@ -193,7 +212,7 @@ input[type=search]:-webkit-search-decoration {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);}
-  
+
   [class*="icoWeather-"], [class*="icoTrans-"], [class*="icoBubble-"], [class*="icoRetail-"], [class*="icoPeople-"], [class*="icoNumslets-"], [class*="icoLocation-"], [class*="icoHealthcare-"], [class*="icoDocuments-"], [class*="icoDevices-"], [class*="icoDatanetwork-"], [class*="icoControls-"], [class*="icoBuilding-"], [class*="icoArrows-"] {
     color: #0568ae;
     display: inline-block;
@@ -214,7 +233,7 @@ input[type=search]:-webkit-search-decoration {
     -ms-user-select: none;
     user-select: none;
     vertical-align: middle; }
-  
+
   [class*="icon-primary-"]:before,
   [class*="icon-primary-"]:after {
     box-sizing: border-box;
@@ -227,7 +246,7 @@ input[type=search]:-webkit-search-decoration {
     vertical-align: middle;
     width: 1em; }
 
-    
+
 .checkbox {
   position: relative;
   min-height: 24px;
@@ -376,7 +395,7 @@ input[type=search]:-webkit-search-decoration {
 
   .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row .checkbox-selectall {
     margin: 0px 0 0 24px !important; }
-  
+
 .filter-container .checkbox .icon-primary-spinner {
   height: 24px;
   position: absolute;
@@ -508,7 +527,7 @@ button.awd-select.large {
       top: 20px;
       width: 40px;
       top: 10px; }
-      
+
       .inputWrap {
   border-radius: 6px;
   position: relative;
@@ -977,7 +996,7 @@ i, em {
 }
 
 .modalTitle{
-    font-size: 35px;  
+    font-size: 35px;
 }
 
 
@@ -990,7 +1009,7 @@ i, em {
   margin-top: 35px;
   /* margin-left: 250px;
   margin-right: 250px; */
- 
+
 }
 
 .app-data-table-fixed-height {
@@ -1012,7 +1031,7 @@ tr:nth-child(even) {
   font-size: 2px;
   height: 35px;
   border-radius: 4px;
-  
+
 }
 
 tr:nth-child(odd) {
@@ -1021,10 +1040,10 @@ tr:nth-child(odd) {
   border-radius: 4px;
 }
 
-    
+
 .card{
   border-radius: 10px;
-  
+
 }
 
 .card-header{
@@ -1053,7 +1072,7 @@ tr:nth-child(odd) {
 }
 
 .modalTitle{
-    font-size: 35px;  
+    font-size: 35px;
 }
 
 ::-webkit-scrollbar {
@@ -1062,11 +1081,11 @@ tr:nth-child(odd) {
 }
 
 
-label { 
-  float: left; 
-  width: 24em; 
-  margin-right: 2em; 
-  text-align: right; 
+label {
+  float: left;
+  width: 24em;
+  margin-right: 2em;
+  text-align: right;
 }
 
 
@@ -1088,7 +1107,7 @@ label {
     outline-color: #ffffff !important;
     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
 
-    
+
 a.btn {
   vertical-align: middle; }
   a.btn:hover {
@@ -1354,3 +1373,47 @@ a.btn {
     text-decoration: underline; }
   .btn-clear:hover {
     text-decoration: underline; }
+
+.downloadImg{
+    height: 25px ;
+    width: 25px;
+}
+
+#reportTableSize{
+    width: 99%;
+    height: 750px;
+}
+
+ .gridster-color {
+        background: whitesmoke;
+    }
+    
+    
+.download-div{
+  width: 20%;
+  float: left;
+  height: 30px;
+}
+
+.pagination-div{
+width: 60%;
+float: right;
+height: 30px;
+}
+
+.download-title{
+padding-right: 10px;
+font-size: 14px;
+font-family: Roboto, "Helvetica Neue", sans-serif;
+color: rgba(0, 0, 0, 0.54);
+}
+
+.filter-div{
+  height: 30px;
+  width: 20%;
+  float: left;
+}
+
+.btn-back {
+    padding-bottom: 5px;
+    font-size: 15px;}
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.html
index 682899fd..4b647528 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.html
@@ -1,84 +1,144 @@
+<span *ngIf="showSpinner" class="ecomp-spinner"></span>
 
-<div *ngIf="showSpinner">
-  <div class="lds-ring">
-    <div></div>
-    <div></div>
-    <div></div>
-    <div></div>
-  </div>
+<div *ngIf="showDashboardReport">
+    <span *ngIf="download_in_progress" class="ecomp-small-spinner"></span>
+    Download:
+    <a [routerLink]=""><img class="downloadImg"  (click)="downloadReport('application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'xlsx')" 
+                            placement="top" ngbTooltip="Download Dashboard Report"
+                            src="assets/images/xlsx.png"></a>&nbsp;
+
+    <gridster class="gridster-color"[options]="options">
+        <gridster-item *ngFor="let item of dashboard" [item]="item">
+            <div *ngIf="item.hasContent" class="gridster-item-content">
+                <div>
+                    <a (click)="takeToReport(queryString, item.hasContent.id.split('#')[1])"
+                       [routerLink]="">{{item.hasContent.name}}</a>
+                       <div style="height: 6px;"></div>
+                    <app-run-dashboard-report [hitCnt]="hitCnt" [queryString]="queryString"
+                                              [reportId]="item.hasContent.id.split('#')[1]"
+                                              [reportType]="item.hasContent.id.split('#')[0]"
+                                              [parentId]="inputReportId">
+                    </app-run-dashboard-report>
+                </div>
+            </div>
+        </gridster-item>
+    </gridster>
+    <div *ngIf="error == true">
+        <h1>Error Message:</h1>
+        <p>{{errorMessage}}</p>
+        <br/>
+        <h1>Stack Trace:</h1>
+        <p>{{stackTrace}}</p>
+    </div>
 </div>
+<span *ngIf="download_in_progress" class="ecomp-small-spinner"></span>
+<div *ngIf="!showDashboardReport">
+    <div *ngIf="error == false" [hidden]="isChartAvailable == false" align="center">
+        <iframe #iframe height="500" style="border: none" width="70%"></iframe>
+    </div>
+   
+    <div>
+        <div class="field-group">
 
-<div *ngIf="showDashboardReport">
- <gridster [options]="options">
-    <gridster-item [item]="item" *ngFor="let item of dashboard">
-        <div class="gridster-item-content" *ngIf="item.hasContent">
-            <div>
-              <h3>{{item.hasContent.name}}</h3>
-              <app-run-dashboard-report [reportId]="item.hasContent.id.split('#')[1]" [queryString]="queryString" [hitCnt]="hitCnt"></app-run-dashboard-report>
+            <div class="filter-div" >
+            <mat-form-field><input (keyup)="applyFilter($event.target.value)" matInput placeholder="Filter Report Data">
+            </mat-form-field>
+           </div>
+            <div class="download-div" >
+                <span class="download-title"> Download:</span>
+            <a [routerLink]=""><img class="downloadImg" (click)="downloadSinglePage('application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'xlsx')" placement="top" ngbTooltip="Download Current Page"
+                                    src="assets/images/xlsx.png"></a>&nbsp;
+            <a [routerLink]=""><img class="downloadImg" (click)="downloadReport('application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'xlsx')"  placement="top" ngbTooltip="Download All"
+                                    src="assets/images/xlsx.png"></a>&nbsp;
+            <a [routerLink]=""><img class="downloadImg" (click)="downloadReport('application/pdf', 'pdf')"  placement="top" ngbTooltip="Download PDF"
+                                    src="assets/images/pdf.png" ></a>&nbsp;
+                <button *ngIf="showBackButton"  (click)="goBack()" class="btn btn-alt btn-back" >Back</button>
             </div>
+            <div class="pagination-div">
+            <mat-paginator (page)="pageEvent = $event; onPaginationChange($event)" [length]="totalRecords"
+                           [pageSize]="pageSize" showFirstLastButtons></mat-paginator>
+             </div>
+        </div>
+        <div class="app-data-table-fixed-height" id="reportTableSize">
+            <table [dataSource]="dataSource" mat-table matSort>
+                <ng-container *ngFor="let keys of displayedColumns; let i = index">
+                    <ng-container matColumnDef="{{keys}}">
+                        <th *matHeaderCellDef align="center" mat-header-cell mat-sort-header>
+                            {{displayedColumnsArr[i].split(",")[0]}}</th>
+                        <td *matCellDef="let row" mat-cell>
+                            <div *ngIf="row[keys].split('|')[0] == 'linkToReport'"
+                                 [ngStyle]="setStyle(row[keys].split('|')[4])">
+                                <a (click)="linkToReport(row[keys].split('|')[1], row[keys].split('|')[2])"
+                                   [routerLink]="">{{row[keys].split('|')[3]}}</a>
+                            </div>
+                            <div *ngIf="row[keys].split('|')[0] == 'linkToFeedback'"
+                                 [ngStyle]="setStyle(row[keys].split('|')[4])">
+                                <a (click)="linkToFeedback(row[keys].split('|')[1], row[keys].split('|')[2])"
+                                   [routerLink]="">{{row[keys].split('|')[3]}}</a>
+                            </div>
+                            <div *ngIf="row[keys].split('|')[0] == 'linkToMail'"
+                                 [ngStyle]="setStyle(row[keys].split('|')[3])">
+                                <a (click)="linkToMail(row[keys].split('|')[1])"
+                                   [routerLink]="">{{row[keys].split('|')[2]}}</a>
+                            </div>
+                            <div *ngIf="row[keys].split('|')[0] == 'clickToDownload' ">
+                                <mat-icon (click)="onClickToDowload(row)" aria-hidden="false" aria-label="play-for-work"
+                                          class="mat-icon-delete">play-for-work
+                                </mat-icon>
+                            </div>
+                            <div *ngIf="row[keys].split('|')[0] !== 'linkToReport' && row[keys].split('|')[0] !== 'linkToFeedback' && row[keys].split('|')[0] !== 'linkToMail'
+                                && row[keys].split('|')[0] !== 'clickToDownload' " 
+                                 [ngStyle]="setStyle(row[keys].split('|')[1])">
+                                {{row[keys].split('|')[0]}}&nbsp;</div>
+                        </td>
+                        <td *matFooterCellDef align="center" mat-footer-cell>{{getDisplayTotal(keys)}}</td>
+                    </ng-container>
+                </ng-container>
 
+                <tr *matHeaderRowDef="displayedColumns; sticky: true;" mat-header-row></tr>
+                <tr *matRowDef="let row; columns: displayedColumns;" mat-row></tr>
+                <tr *matFooterRowDef="displayedColumns; sticky: true;" mat-footer-row></tr>
+            </table>
         </div>
-        
-      
-    </gridster-item>
-  </gridster> 
+    </div>
+    <div *ngIf="error == true">
+        <h3>Error Message:</h3>
+        <p>{{errorMessage}}</p>
+        <br/>
+        <h3>Stack Trace:</h3>
+        <p>{{stackTrace}}</p>
+    </div>
 </div>
+<h6>Execution Time: {{timeTaken}} Seconds</h6>
 
 
-<div *ngIf="!showDashboardReport">
-    <mat-form-field>
-        <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter Report Data">
-      </mat-form-field>
-  <button *ngIf="showMoreVert" mat-icon-button [matMenuTriggerFor]="menu" matTooltip="Download Options">
-      <mat-icon>more_vert</mat-icon>
-    </button>
-    
-    <mat-menu #menu="matMenu" >
-        <a [routerLink]="" (click)="downloadReportExcel()">  Download Excel  </a>
-    </mat-menu>
+<style scoped>
+    :host ::ng-deep .mat-paginator-outer-container .mat-paginator-container{
+        min-height: 30px;
+        height: 30px;
+    }
 
-      <div class="app-data-table">
-        <div class="app-data-table-fixed-height">
-    <div>
-        <table mat-table [dataSource]="dataSource" matSort>
-            <div *ngFor="let keys of displayedColumns; let i = index">
-                <ng-container matColumnDef="{{keys}}">
-                    <th mat-header-cell *matHeaderCellDef mat-sort-header>{{displayedColumnsArr[i].split(",")[0]}}</th>
-                    <td mat-cell *matCellDef="let row">
-                      <div *ngIf="row[keys].split(',')[0] == 'linkToReport'">
-                        <a [routerLink]="" (click)="linkToReport(row[keys].split(',')[1], row[keys].split(',')[2])">{{row[keys].split(',')[3]}}</a>
-                      </div>
-                      <div *ngIf="row[keys].split(',')[0] == 'linkToFeedback'">
-                        <a [routerLink]="" (click)="linkToFeedback(row[keys].split(',')[1], row[keys].split(',')[2])">{{row[keys].split(',')[3]}}</a>
-                      </div>
-                      <div *ngIf="row[keys].split(',')[0] == 'linkToMail'">
-                        <a [routerLink]="" (click)="linkToMail(row[keys].split(',')[1])">{{row[keys].split(',')[2]}}</a>
-                      </div>
-                        <div *ngIf="row[keys].split(',')[0] !== 'linkToReport' && row[keys].split(',')[0] !== 'linkToFeedback' && row[keys].split(',')[0] !== 'linkToMail'">
-                            {{row[keys]}}
-                        </div>
-                        
-                    </td>
-                  </ng-container>
-                </div>
-      
-          <tr mat-header-row *matHeaderRowDef="displayedColumns; sticky: true;"></tr>
-          <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-        </table>
-      
-        <mat-paginator [pageSizeOptions]="[50]" showFirstLastButtons></mat-paginator>
-      </div>
-      </div>
-    </div>
+    :host ::ng-deep  .mat-form-field-appearance-legacy .mat-form-field-label {
+    font-size: 14px;
+  }
 
-</div>
+  :host ::ng-deep  .mat-paginator, .mat-paginator-page-size .mat-select-trigger {
+        font-size: 14px;
+  }
+
+  :host ::ng-deep .mat-sort-header-arrow.ng-trigger.ng-trigger-arrowPosition {
+    color: black;
+    opacity: 0;
+}
 
+:host ::ng-deep .mat-sort-header-pointer-left.ng-trigger.ng-trigger-leftPointer {
+   transform: rotate(-45deg);
+   color: black;
+}
+:host ::ng-deep .mat-sort-header-pointer-right.ng-trigger.ng-trigger-rightPointer {
+   transform: rotate(45deg);
+   color: black;
+}
 
-<div *ngIf="error == true">
-  <h1>Error Message:</h1>
-  <p>{{errorMessage}}</p>
-  <br/>
-  <h1>Stack Trace:</h1>
-  <p>{{stackTrace}}</p>
+</style>
 
-</div>
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.spec.ts
index 2aeac4a2..da718262 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.spec.ts
@@ -2,10 +2,10 @@ import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { MatPaginatorModule } from '@angular/material/paginator';
 import { MatSortModule } from '@angular/material/sort';
-import { MatTableModule} from '@angular/material/table';
+import { MatTableModule, MatTableDataSource } from '@angular/material/table';
 
-import { RunReportComponent} from './run-report.component';
-import { CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, SimpleChanges } from '@angular/core';
+import { RunReportComponent, PeriodicElement } from './run-report.component';
+import { CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, SimpleChange, SimpleChanges } from '@angular/core';
 import { MatMenuModule } from '@angular/material';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { RouterTestingModule } from '@angular/router/testing';
@@ -24,12 +24,13 @@ describe('RunReportComponent', () => {
   let runService : RunService;
   let options1 = {};
   let dashboard; 
+  let dashboard2; 
   let responseformfield = 1;
   let environment = [
     {
       baseUrl: 'just a link'
     }
-  ];
+  ]
 
 
   beforeEach(async(() => {
@@ -48,10 +49,13 @@ describe('RunReportComponent', () => {
       providers: [RunService]
     }).compileComponents();
     runService = TestBed.get(RunService);
+    //spyOn(runService, 'getReportDataWithFormFields').and.returnValue(Observable.of(environment));
+    //spyOn(runService, 'getReportData').and.returnValue(Observable.of(environment));
     spyOn(runService, 'downloadReportExcel').and.returnValue(Observable.of(environment));
   }));
 
   beforeEach(() => {
+    //dashboard = {"item":{"hasContent":{"name":"rupi","id":"check#check"}}};
     fixture = TestBed.createComponent(RunReportComponent);
     runService = TestBed.get(RunService);
     component = fixture.componentInstance;
@@ -61,7 +65,7 @@ describe('RunReportComponent', () => {
     component.options = options1;
     component.dashboard = dashboard; 
     component.responseFormFieldListLength = responseformfield;
-    fixture.detectChanges();
+    //fixture.detectChanges();
   });
 
   it('should compile', () => {
@@ -103,7 +107,6 @@ describe('RunReportComponent', () => {
       expect(component.NEWdisplayedColumns).toEqual(new Array());
   });
 
-
   it('should test showError method', () => {
        let errmsg = "errormessage";
        let stcktrace = "stacktrace";
@@ -131,11 +134,6 @@ describe('RunReportComponent', () => {
         expect(component.openOptionsFlag).toEqual(component.openOptionsFlag);
   });
 
-  it('should test downloadReportExcel method', () => {
-    spyOn(component, 'downloadReportExcel').and.callThrough();
-        component.downloadReportExcel();
-        expect(component.downloadReportExcel).toHaveBeenCalled();
-  });
 
   it('should test applyFilter method', () => {
       let filterValue = "test"
@@ -145,40 +143,40 @@ describe('RunReportComponent', () => {
 
    it('should test the ngOnChanges first If condition', () => {   
     change = {};
-    component.queryString="queryString";
-    component.reportId1="reportId1";
-    var response={"errormessage":true}
         component.reportMode !== "Regular"
         component.initCnt = 1;
         component.TriggerFFArr.length = 0;
-        let spy=spyOn(runService,'getReportDataWithFormFields').and.returnValue(Observable.of(response));
         component.ngOnChanges(change);
-        expect(spy).toHaveBeenCalled();
+        expect(component.showMoreVert).toEqual(false);
         expect(component.initCnt).toEqual(1);
         expect(component.showDashboardReport).toEqual(false);
         expect(component.displayedRowObj).toEqual(new Array());
         expect(component.displayedColumns).toEqual(new Array());
         expect(component.formFieldList).toEqual(new Array());
+        expect(component.showSpinner).toEqual(true);
         expect(component.NEWdisplayedColumns).toEqual(new Array());
         expect(component.isReady).toEqual(false);
-        
   });
 
-
    it('should test initialProcess method', () => {
       component.DashboardReportObj.length = 1;
       component.initialProcesses();
   });
 
-  // it('should test postFetchingReportDataFn method',()=>{
-  //   var response={
-  //                    "reportName":"reportName",
-  //                    "reportDataColumns":[{"columnTitle":"columnTitle","colId":"colId"}],
-  //                    "reportDataRows":[{"value":"value"}]
-  //                   }
-  //   component.displayedColumnsArr=["string"]
-  //   component.postFetchingReportDataFn(response)
+  // it('should test postFetchingReportDataFn method', () => {
+  //     let response: any;
+  //     component.postFetchingReportDataFn(response);
   // })
 
- 
+  // it('should test ngOnChanges subscribe method', ()  => {
+  //     spyOn(component, 'ngOnChanges').and.callThrough();
+  //     component.ngOnChanges(change);
+  //     expect(component.ngOnChanges).toHaveBeenCalled();
+  // })
+
+  // it('should test postFetchingReportDataFn method', () => {
+  //   let obj: any;
+  //     component.postFetchingReportDataFn(obj);
+  // })
+  
 });
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.ts
index cc520380..a2163054 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run-report/run-report.component.ts
@@ -1,393 +1,676 @@
-import { AfterViewInit, Component, OnInit, ViewChild, Input, SimpleChange, SimpleChanges, ChangeDetectorRef, Inject } from '@angular/core';
-import { MatPaginator } from '@angular/material/paginator';
-import { MatSort } from '@angular/material/sort';
-import { MatTable, MatTableDataSource } from '@angular/material/table';
-import { RunReportDataSource, RunReportFinalTableItem } from './run-report-datasource';
-import { ActivatedRoute, Router } from '@angular/router';
-import { HttpClient } from '@angular/common/http';
-import { environment } from '../../../../../../../environments/environment';
-import { RunService } from '../run.service';
-import { GridsterConfig, GridsterItem, GridType } from 'angular-gridster2';
-import { Observable } from 'rxjs';
-
+import {
+    AfterViewInit,
+    Component,
+    OnInit,
+    ViewChild,
+    Input,
+    SimpleChange,
+    SimpleChanges,
+    ChangeDetectorRef,
+    Inject,
+    ElementRef
+} from '@angular/core';
+import {MatPaginator} from '@angular/material/paginator';
+import {MatSort} from '@angular/material/sort';
+import {MatTable, MatTableDataSource} from '@angular/material/table';
+import {ActivatedRoute, Router} from '@angular/router';
+import {HttpClient} from '@angular/common/http';
+import {environment} from '../../../../../../../environments/environment';
+import {RunService} from '../run.service';
+import {GridsterConfig, GridsterItem, GridType} from 'angular-gridster2';
+import {Observable} from 'rxjs';
+import {DomSanitizer, SafeResourceUrl} from '@angular/platform-browser';
+import {displayGrids} from 'angular-gridster2/lib/gridsterConfig.interface';
+import {DisplayHtml} from '../../display-html';
+import {FormControl} from '@angular/forms';
 
 export interface PeriodicElement {
 
 }
 
-
 const ELEMENT_DATA: PeriodicElement[] = [{}];
 
 @Component({
-  selector: 'app-run-report',
-  templateUrl: './run-report.component.html',
-  styleUrls: ['./run-report.component.css']
+    selector: 'app-run-report',
+    templateUrl: './run-report.component.html',
+    styleUrls: ['./run-report.component.css']
 })
-export class RunReportComponent implements  OnInit, AfterViewInit {
-  @Input("reportId") reportId1 : string;
-  @Input("reportMode") reportMode : string;
-  @Input("queryString") queryString : string;
-  @Input("DashboardReportObj") DashboardReportObj : Array<GridsterItem>;
-  @Input("TriggerFFArr") TriggerFFArr : string[];
-  @Input("hitCnt") hitCnt : number;
-
-  
-  @ViewChild(MatPaginator, {static: false} as any) paginator: MatPaginator;
-  @ViewChild(MatSort, {static: false} as any) sort: MatSort;
-  @ViewChild(MatTable, {static: false} as any) table: MatTable<RunReportFinalTableItem>;
-  dataSource = new MatTableDataSource<PeriodicElement>(ELEMENT_DATA);
-  displayedColumns : string[];
-  IncomingReportId : string;
-  displayedColumnsArr : string[];
-  displayedRowObj : RunReportFinalTableItem[];
-  formFieldPresent : boolean;
-  showSpinner : boolean;
-  formFieldList : {}[];
-  isReady : boolean;
-  responseFormFieldListLength : number;
-  NEWdisplayedColumns : string[];
-  initCnt : number;
-  reportName : string;
-  showDashboardReport : boolean;
-  checkCnt : number;
-
-  options: GridsterConfig;
-  dashboard :  Array<GridsterItem> = new Array();
-  openOptionsFlag : boolean;
-  showMoreVert : boolean;
-  errorMessage : string = "";
-  stackTrace : string = "";
-  error : boolean = false;
-  environment : any;
-  initialQueryString : string;
-  initCounter : number;
-  runButtonHitCnt : number;
-
-  
-
-  constructor(private _http : HttpClient, 
-              private _route : ActivatedRoute, 
-              private _runService : RunService, 
-              private _router : Router, 
-              private changeDetectorRefs: ChangeDetectorRef)
-    {
-      this.displayedColumnsArr = new Array();
-      this.displayedRowObj = new Array();
-      this.displayedColumns = new Array();
-      this.formFieldList = new Array();
-      this.showSpinner = true;
-      this.isReady = false;
-      this.NEWdisplayedColumns = new Array();
-      this.initCnt = 0;
-      this.checkCnt = 0;
-      this.showDashboardReport = false;
-      this.openOptionsFlag = false;
-      this.showMoreVert = false;
-      this.environment = environment;
-      this.initCounter = 0;
-      this.runButtonHitCnt = 0;
-
-      this._router.routeReuseStrategy.shouldReuseRoute = function() {
-        return false;
-    };
-  }
-
-
-  ngOnChanges(changes: SimpleChanges)
-  {
-    if(this.reportMode !== "Regular" && this.initCnt > 0 && this.TriggerFFArr.length == 0)
-    {
-      this.showMoreVert = false;
-      if(changes["queryString"])
-      {
-      this.queryString = changes["queryString"]["currentValue"];
-      }
-      this.initCnt = 1;
-      this.showDashboardReport = false;
-
-      this.dataSource = new MatTableDataSource<PeriodicElement>(ELEMENT_DATA);
-
-      this.displayedColumnsArr = new Array();
-      this.displayedRowObj = new Array();
-      this.displayedColumns = new Array();
-      this.formFieldList = new Array();
-      this.showSpinner = true;
-      this.isReady = false;
-      this.NEWdisplayedColumns = new Array();
-
-      this._runService.getReportDataWithFormFields(this.queryString, this.reportId1)
-      .subscribe((response) => {
-        if(response["errormessage"])
-        {
-          this.showError(response);
+export class RunReportComponent implements OnInit, AfterViewInit {
+    @Input('reportId') inputReportId: string;
+    @Input('reportMode') reportMode: string;
+    @Input('queryString') queryString: string;
+    @Input('DashboardReportObj') DashboardReportObj: Array<GridsterItem>;
+    @Input('TriggerFFArr') TriggerFFArr: string[];
+    @Input('hitCnt') hitCnt: number;
+    @Input('runAgain') runAgain: string;
+    @Input('groupSelectValue') groupSelectValue: string;
+    @ViewChild('iframe') iframe: ElementRef;
+    @ViewChild(MatPaginator, {static: false} as any) paginator: MatPaginator;
+    @ViewChild(MatSort, {static: false} as any) sort: MatSort;
+    dataSource = new MatTableDataSource<PeriodicElement>(ELEMENT_DATA);
+    displayedColumns: string[];
+    IncomingReportId: string;
+    displayedColumnsArr: string[];
+    displayedRowObj: PeriodicElement[];
+    formFieldPresent: boolean;
+    showSpinner: boolean;
+    formFieldList: {}[];
+    isReady: boolean;
+    responseFormFieldListLength: number;
+    NEWdisplayedColumns: string[];
+    initCnt: number;
+    reportName: string;
+    showDashboardReport: boolean;
+    checkCnt: number;
+    options: GridsterConfig;
+    dashboard: Array<GridsterItem> = [];
+    openOptionsFlag: boolean;
+    showMoreVert: boolean;
+    errorMessage = '';
+    stackTrace = '';
+    error = false;
+    environment: any;
+    initialQueryString: string;
+    initCounter: number;
+    runButtonHitCnt: number;
+    chartRunUrl: string;
+    url: SafeResourceUrl;
+    replaceDisplayValue: String;
+    nodeName: string;
+    uploadId: string;
+    ecgi: string;
+    lac: string;
+    cid: string;
+    displayTotal: any[];
+    totalRecords: number;
+    pageSize: number;
+    download_in_progress: boolean;
+    commentCtrl = new FormControl('');
+    isChartAvailable = false;
+    timeTaken = '...';
+    saveResponseObj: any;
+    showBackButton = false;
+
+    constructor(private _http: HttpClient,
+        private _route: ActivatedRoute,
+        private _runService: RunService,
+        private _router: Router,
+        private changeDetectorRefs: ChangeDetectorRef,
+        public sanitizer: DomSanitizer) {
+        this.displayedColumnsArr = [];
+        this.displayedRowObj = [];
+        this.displayedColumns = [];
+        this.formFieldList = [];
+        this.showSpinner = true;
+        this.isReady = false;
+        this.NEWdisplayedColumns = [];
+        this.initCnt = 0;
+        this.checkCnt = 0;
+        this.showDashboardReport = false;
+        this.openOptionsFlag = false;
+        this.showMoreVert = false;
+        this.environment = environment;
+        this.initCounter = 0;
+        this.runButtonHitCnt = 0;
+        this.displayTotal = [];
+        this.totalRecords = 0;
+        this.pageSize = 0;
+        this.download_in_progress = false;
+
+    }
+
+    ngOnChanges(changes: SimpleChanges) {
+        if (this.reportMode !== 'Regular' && this.initCnt > 0 && changes['runAgain']) {
+            this.showMoreVert = false;
+            if (changes['queryString']) {
+                this.queryString = changes['queryString']['currentValue'];
+            }
+            if (this.queryString !== this.initialQueryString) {
+                this.initCnt = 1;
+                this.showDashboardReport = false;
+                this.dataSource = new MatTableDataSource<PeriodicElement>(ELEMENT_DATA);
+                this.displayedColumnsArr = [];
+                this.displayedRowObj = [];
+                this.displayedColumns = [];
+                this.formFieldList = [];
+                this.showSpinner = true;
+                this.isReady = false;
+                this.NEWdisplayedColumns = [];
+                this.displayTotal = [];
+                this.isChartAvailable = false;
+                this.timeTaken = '...';
+                const startDate: Date = new Date();
+                const startTime = startDate.getTime();
+                this._runService.getReportDataWithFormFields(this.queryString, this.inputReportId)
+                    .subscribe((response) => {
+                        if (response['errormessage']) {
+                            this.showError(response);
+                        } else {
+                            this.chartRunUrl = environment.baseUrl + 'raptor.htm?action=chart.run&c_master=' +
+                                this.inputReportId + this.queryString + '&refresh=Y&display_content=Y&r_page=0';
+                            if (this.reportMode !== 'FormField') {
+                                this.postFetchingReportDataFn(response, false);
+                                const endDate: Date = new Date();
+                                const endTime = endDate.getTime();
+                                this.timeTaken = ((endTime - startTime) / 1000).toString();
+                                this.showMoreVert = true;
+                                this.showDashboardReport = true;
+                                this.errorMessage = '';
+                                this.error = false;
+                            } else {
+                                this.postFetchingReportDataFn(response, false);
+                                const endDate: Date = new Date();
+                                const endTime = endDate.getTime();
+                                this.timeTaken = ((endTime - startTime) / 1000).toString();
+                                this.showMoreVert = true;
+                                this.errorMessage = '';
+                                this.error = false;
+                            }
+                        }
+                    });
+            }
+        } else {
         }
-        else
-        {
-          if(this.reportMode !== "FormField")
-          {
-            this.postFetchingReportDataFn(response);
-            this.showMoreVert = true;
+        if (this.initialQueryString !== this.queryString && this.initCounter > 0 && this.hitCnt !== this.runButtonHitCnt) {
+            this.runButtonHitCnt = this.hitCnt;
+            this.initialQueryString = this.queryString;
+            this.initialProcesses();
+        } else {
+            this.runButtonHitCnt = this.hitCnt;
+        }
+
+    }
+
+    ngOnInit() {
+        this.dataSource.paginator = this.paginator;
+        this.dataSource.sort = this.sort;
+        this.dataSource.data = this.displayedRowObj;
+        this.initialProcesses();
+        this.errorMessage = '';
+        this.error = false;
+    }
+
+    initialProcesses() {
+        if (this.DashboardReportObj.length > 0) {
+            this.dashboard = this.DashboardReportObj;
+            this.options = {
+                gridType: GridType.ScrollVertical,
+                margin: 10,
+                outerMargin: true,
+                outerMarginTop: 10,
+                outerMarginRight: 10,
+                outerMarginBottom: 5000,
+                outerMarginLeft: 10,
+                scrollSensitivity: 10,
+                scrollSpeed: 20,
+                emptyCellDragMaxCols: null,
+                emptyCellDragMaxRows: null,
+                ignoreContentClass: 'gridster-item-content',
+                enableOccupiedCellDrop: true,
+                ignoreMarginInRow: false,
+                draggable: {
+                    enabled: true,
+                },
+                resizable: {
+                    enabled: true,
+                },
+                swap: true,
+                pushItems: true,
+                disablePushOnDrag: false,
+                disablePushOnResize: false,
+                pushDirections: {north: true, east: true, south: true, west: true},
+                pushResizeItems: true,
+                disableWindowResize: true,
+                disableWarnings: false,
+                scrollToNewItems: true,
+                enableDropToAdd: true,
+                enableEmptyCellDrop: true,
+                minCols: 2,
+                minRows: 2,
+            };
+            this._runService.getDashboardReportFormFields(this.inputReportId)
+            .subscribe((dashboardFormFields) => {
+                this.download_in_progress = true;
+                this._runService.runDashboardReport(this.inputReportId, this.queryString)
+                    .subscribe((runDashboardReportResp) => {
+                    });
+                this.download_in_progress = false;
+            });
+
+
             this.showDashboardReport = true;
-          }
-          else
-          {
-            this.postFetchingReportDataFn(response);
-            this.showMoreVert = true;
-          }
+
         }
-    });
+        this.hitCnt = this.runButtonHitCnt;
+        this.initialQueryString = this.queryString;
+        this.initCounter++;
+
     }
-    else
-    {
+
+    ngAfterViewInit() {
+        this.afterViewInitialProcesses();
     }
 
-    if(this.initialQueryString !== this.queryString && this.initCounter > 0 && this.hitCnt !== this.runButtonHitCnt)
-    {
-      this.runButtonHitCnt = this.hitCnt;
-      this.initialQueryString = this.queryString;
-      this.initialProcesses();
-      this.afterViewInitialProcesses();
+    afterViewInitialProcesses() {
+        if (sessionStorage.length > 0) {
+            this.showBackButton = true;
+        } else {
+            this.showBackButton = false;
+        }
+        if (this.DashboardReportObj.length === 0) {
+            if (this.reportMode === 'Regular' && this.initCnt == 0) {
+                this.showMoreVert = false;
+                this.dataSource = new MatTableDataSource<PeriodicElement>(ELEMENT_DATA);
+                this.displayedColumnsArr = [];
+                this.displayedRowObj = [];
+                this.displayedColumns = [];
+                this.formFieldList = [];
+                this.showSpinner = true;
+                this.isReady = false;
+                this.NEWdisplayedColumns = [];
+                this.timeTaken = '...';
+                const startDate: Date = new Date();
+                const startTime = startDate.getTime();
+                this._runService.getReportData(this.inputReportId)
+                    .subscribe((response) => {
+                        if (response['errormessage']) {
+                            this.showError(response);
+                        } else {
+                            this.chartRunUrl = environment.baseUrl + 'raptor.htm?action=chart.run&c_master=' +
+                                this.inputReportId + '&refresh=Y&display_content=Y&r_page=0';
+                            this.postFetchingReportDataFn(response, false);
+                            const endDate: Date = new Date();
+                            const endTime = endDate.getTime();
+                            this.timeTaken = ((endTime - startTime) / 1000).toString();
+                            this.showMoreVert = true;
+                        }
+                    });
+            } else {
+                this.showMoreVert = false;
+                this.dataSource = new MatTableDataSource<PeriodicElement>(ELEMENT_DATA);
+                this.displayedColumnsArr = [];
+                this.displayedRowObj = [];
+                this.displayedColumns = [];
+                this.formFieldList = [];
+                this.showSpinner = true;
+                this.isReady = false;
+                this.NEWdisplayedColumns = [];
+                this.timeTaken = '...';
+                const startDate: Date = new Date();
+                const startTime = startDate.getTime();
+                if (localStorage.getItem(this.inputReportId)) {
+                    this.chartRunUrl = environment.baseUrl + 'raptor.htm?action=chart.run&c_master=' +
+                        this.inputReportId + this.queryString + '&refresh=Y&display_content=Y&r_page=0';
+                    this.postFetchingReportDataFn(JSON.parse(localStorage.getItem(this.inputReportId)), false);
+                    this.saveResponseObj = JSON.parse(localStorage.getItem(this.inputReportId));
+                    const endDate: Date = new Date();
+                    const endTime = endDate.getTime();
+                    this.timeTaken = ((endTime - startTime) / 1000).toString();
+                    this.showMoreVert = true;
+                    localStorage.removeItem(this.inputReportId);
+                } else {
+                this._runService.getReportDataWithFormFields(this.queryString, this.inputReportId)
+                    .subscribe((response) => {
+                        if (response['errormessage']) {
+                            this.showError(response);
+                        } else {
+                            this.chartRunUrl = environment.baseUrl + 'raptor.htm?action=chart.run&c_master=' +
+                                this.inputReportId + this.queryString + '&refresh=Y&display_content=Y&r_page=0';
+                                this.saveResponseObj = response;
+                            this.postFetchingReportDataFn(response, false);
+                            const endDate: Date = new Date();
+                            const endTime = endDate.getTime();
+                            this.timeTaken = ((endTime - startTime) / 1000).toString();
+                            this.showMoreVert = true;
+                        }
+                    });
+            }
+            }
+        } else {
+            this.showMoreVert = true;
+            this.showSpinner = false;
+        }
+        this.errorMessage = '';
+        this.error = false;
+        this.initCnt = 1;
     }
-    else
-    {
-      this.runButtonHitCnt = this.hitCnt;
-      this.initialQueryString = this.queryString;
+
+    showError(Errresponse: any) {
+        this.errorMessage = Errresponse['errormessage'];
+        this.stackTrace = Errresponse['stacktrace'];
+        this.error = true;
+        this.showSpinner = false;
+        this.isChartAvailable = false;
     }
-    
-  }
-
-  ngOnInit(){
-    this.initialProcesses();
-    
-  }
-
-  initialProcesses()
-  {
-    if(this.DashboardReportObj.length > 0)
-    {
-      this.dashboard = this.DashboardReportObj;
-      this.options = {
-      gridType: GridType.ScrollVertical,
-      margin: 10,
-      outerMargin: true,
-      outerMarginTop: 10,
-      outerMarginRight: 10,
-      outerMarginBottom: 5000,
-      outerMarginLeft: 10,
-      scrollSensitivity: 10,
-      scrollSpeed: 20,
-      emptyCellDragMaxCols: null,
-      emptyCellDragMaxRows: null,
-      ignoreContentClass: 'gridster-item-content',
-      enableOccupiedCellDrop : true,
-      ignoreMarginInRow: false,
-      draggable: {
-        enabled: true,
-      },
-      resizable: {
-        enabled: true,
-      },
-      swap: true,
-      pushItems: true,
-      disablePushOnDrag: false,
-      disablePushOnResize: false,
-      pushDirections: {north: true, east: true, south: true, west: true},
-      pushResizeItems: true,
-      disableWindowResize: true,
-      disableWarnings: false,
-      scrollToNewItems: true,
-      enableDropToAdd : true,
-      enableEmptyCellDrop : true,
-      minCols : 2,
-      minRows : 2,
-      
-    };
-    this.showDashboardReport = true;
-    
-  }
-
-  this.hitCnt = this.runButtonHitCnt;
-  this.initialQueryString = this.queryString;
-  this.initCounter++;
-  }
-
-  ngAfterViewInit() {
-    this.afterViewInitialProcesses();
-  }
-
-afterViewInitialProcesses()
-{
-  
-  if(this.DashboardReportObj.length === 0)
-  {
-    if(this.reportMode === "Regular" && this.initCnt == 0)
-    {
-      this.showMoreVert = false;
-      this.dataSource = new MatTableDataSource<PeriodicElement>(ELEMENT_DATA);
-
-      this.displayedColumnsArr = new Array();
-      this.displayedRowObj = new Array();
-      this.displayedColumns = new Array();
-      this.formFieldList = new Array();
-      this.showSpinner = true;
-      this.isReady = false;
-      this.NEWdisplayedColumns = new Array();
-      this._runService.getReportData(this.reportId1)
-      .subscribe((response) => {
-        if(response["errormessage"])
-        {
-          this.showError(response);
+
+    postFetchingReportDataFn(response: any, isPageChange: boolean) {
+        this.pageSize = 0;
+        this.totalRecords = 0;
+        this.displayedColumnsArr = [];
+        this.displayedColumns = [];
+        this.formFieldPresent = false;
+        this.responseFormFieldListLength = 0;
+        this.reportName = response['reportName'];
+        let rdc_cntr = 0;
+        while (response['reportDataColumns'][rdc_cntr]) {
+            const columnTitle = response['reportDataColumns'][rdc_cntr]['columnTitle'];
+            const columnId = response['reportDataColumns'][rdc_cntr]['colId'];
+            this.displayedColumnsArr.push(columnTitle + ',' + columnId);
+            rdc_cntr++;
+        }
+
+        if (response['chartWizardAvailable'] === true) {
+            this.isChartAvailable = true;
+            this.iframe.nativeElement.setAttribute('src', this.chartRunUrl);
+        }
+
+        let totalCnt = 0;
+        while (response['reportTotalDataRows'][totalCnt]) {
+            this.displayTotal.push(response['reportTotalDataRows'][totalCnt]);
+            totalCnt++;
         }
-        else
-        {
-          this.postFetchingReportDataFn(response);
-          this.showMoreVert = true;
+
+        let rdr_cntr = 0;
+        while (response['reportDataRows'][rdr_cntr]) {
+            let dca_cntr = 0;
+            const obj = {};
+            const reportDataRows = response['reportDataRows'][rdr_cntr];
+            while (this.displayedColumnsArr[dca_cntr]) {
+                const rowColumnId = this.displayedColumnsArr[dca_cntr].split(',')[1];
+                if (reportDataRows[rowColumnId]) {
+                    let drillDownHtml = '';
+                    let displayValue = '';
+                    drillDownHtml = reportDataRows[rowColumnId]['drillDownURL'];
+                    displayValue = reportDataRows[rowColumnId]['displayValue'];
+                    if (drillDownHtml !== null &&
+                        drillDownHtml.length > 0 &&
+                        !displayValue.includes('linkToReport')) {
+                        const value = this.convertToLinkToReport(drillDownHtml);
+                        if (value.length > 0) {
+                            this.replaceDisplayValue = value + ',' +
+                                reportDataRows[rowColumnId]['displayValue'];
+                        } else {
+                            this.replaceDisplayValue = reportDataRows[rowColumnId]['displayValue'];
+                        }
+                    } else {
+                        this.replaceDisplayValue = reportDataRows[rowColumnId]['displayValue'];
+                    }
+                    let displayObj: DisplayHtml = new class implements DisplayHtml {
+                        'background-color': string;
+                        'font-family': string;
+                        'font-size': string;
+                        'font-style': string;
+                        'font-weight': string;
+                        'text-align': string;
+                        'text-decoration': string;
+                        color: string;
+                    };
+                    if (reportDataRows[rowColumnId]['displayValueHtml'].includes('{')) {
+                        displayObj = JSON.parse(reportDataRows[rowColumnId]['displayValueHtml']);
+                    }
+                    displayObj['text-align'] = reportDataRows[rowColumnId]['alignment'];
+                    if (this.replaceDisplayValue.includes('linkToReport') || this.replaceDisplayValue.includes('linkToFeedback') || this.replaceDisplayValue.includes('linkToMail')) {
+                        obj[reportDataRows[rowColumnId]['colId']] = this.replaceDisplayValue.split(',').join('|')
+                            + '|' + JSON.stringify(displayObj);
+                    } else {
+                        obj[reportDataRows[rowColumnId]['colId']] = this.replaceDisplayValue
+                            + '|' + JSON.stringify(displayObj);
+                    }
+                }
+                dca_cntr++;
+            }
+            this.displayedRowObj.push(obj);
+            rdr_cntr++;
+        }
+        this.pageSize = response['pageSize'];
+        for (let cntr = 0; cntr < this.displayedColumnsArr.length; cntr++) {
+            const columnArrId = this.displayedColumnsArr[cntr].split(',')[1];
+            this.displayedColumns.push(columnArrId);
+        }
+        this.totalRecords = 0;
+        this.totalRecords = response['totalRows'];
+        this.showSpinner = false;
+        if (!isPageChange) {
+            this.paginator.length = this.totalRecords;
+            this.paginator.pageSize = this.pageSize;
+            this.paginator.pageIndex = 0;
         }
-      });
+        this.dataSource.data = this.displayedRowObj;
+        this.dataSource.sort = this.sort;
+
     }
-    else
-    {
-      
-      this.showMoreVert = false;
-      this.dataSource = new MatTableDataSource<PeriodicElement>(ELEMENT_DATA);
-
-      this.displayedColumnsArr = new Array();
-      this.displayedRowObj = new Array();
-      this.displayedColumns = new Array();
-      this.formFieldList = new Array();
-      this.showSpinner = true;
-      this.isReady = false;
-      this.NEWdisplayedColumns = new Array();
-
-      this._runService.getReportDataWithFormFields(this.queryString, this.reportId1)
-      .subscribe((response) => {
-        if(response["errormessage"])
-        {
-          this.showError(response);
+
+    linkToReport(reportID: string, queryParameters: string) {
+        localStorage.setItem(this.inputReportId, JSON.stringify(this.saveResponseObj));
+        if (sessionStorage.length === 0) {
+            sessionStorage.setItem('1', this.inputReportId + '|' + this.queryString);
+        } else {
+            let length = sessionStorage.length;
+            length++;
+            sessionStorage.setItem(length.toString(), this.inputReportId + '|' + this.queryString);
         }
-        else
-        {
-          this.postFetchingReportDataFn(response);
-          this.showMoreVert = true;
+        this._router.navigate(['v2/run', reportID, queryParameters]);
+    }
+
+
+    linkToFeedback(feedBackId: string, queryParameters: string) {
+        this._router.navigate(['v2/feedback', feedBackId]);
+    }
+
+    linkToMail(mailId: string) {
+        const email = 'mailto:' + mailId;
+        window.location.href = email;
+    }
+
+    openOptions() {
+        this.openOptionsFlag = !this.openOptionsFlag;
+    }
+
+    downloadReport(contentType: string, extension: string) {
+
+        if (this.showDashboardReport === false) {
+            this.download_in_progress = true;
+            this._runService.downloadReport(this.inputReportId, extension)
+                .subscribe((responseExcel) => {
+
+                    this.downLoadFile(responseExcel, contentType, extension, '');
+                    this.download_in_progress = false;
+                });
+        } else {
+            this._runService.getDashboardReportFormFields(this.inputReportId)
+                .subscribe((dashboardFormFields) => {
+                    this.download_in_progress = true;
+                    this._runService.runDashboardReport(this.inputReportId, this.queryString)
+                        .subscribe((runDashboardReportResp) => {
+                            this._runService.downloadDashboardReportExcel(this.inputReportId)
+                                .subscribe((responseDownloadDashboardReport) => {
+                                    this.downLoadFile(responseDownloadDashboardReport, contentType, extension, 'Dashboard');
+                                });
+                        });
+                    this.download_in_progress = false;
+                });
         }
-      });
     }
 
-    
-}
-else
-{
-this.showSpinner = false;
-}
+    downloadSinglePage(contentType: string, extension: string) {
+        this.download_in_progress = true;
+        this._runService.downloadSinglePageReport(this.inputReportId, extension)
+            .subscribe((responseExcel) => {
 
-this.initCnt = 1;
-}
+                this.downLoadFile(responseExcel, contentType, extension, '');
+                this.download_in_progress = false;
+            });
+    }
 
-showError(Errresponse : any)
-{
-  this.errorMessage = Errresponse["errormessage"];
-  this.stackTrace = Errresponse["stacktrace"];
-  this.error = true;
-  this.showSpinner = false;
-}
+    downLoadFile(data: any, type: string, extension: string, reportType: string) {
+        const blob = new Blob([data], {type: type});
+        const dt = new Date();
+        const utcDate = dt.getTime();
+        let fileName = this.reportName + utcDate + '.' + extension;
+        if (reportType === 'Dashboard') {
+            fileName = '';
+            fileName = reportType + '-' + this.inputReportId + '.' + extension;
+        }
+        if (window.navigator.msSaveOrOpenBlob) {
+            window.navigator.msSaveBlob(blob, fileName);
+        } else {
+            const anchor = window.document.createElement('a');
+            anchor.href = window.URL.createObjectURL(blob);
+            anchor.download = fileName;
+            document.body.appendChild(anchor);
+            anchor.click();
+            document.body.removeChild(anchor);
+            window.URL.revokeObjectURL(anchor.href);
+        }
+    }
 
-  postFetchingReportDataFn(response : any)
-  {
-    
-    this.formFieldPresent = false;
-    this.responseFormFieldListLength = 0;
-
-    this.reportName = response["reportName"];
-
-  let i=0;
-  while(response["reportDataColumns"][i])
-  {
-    let columnTitle = response["reportDataColumns"][i]["columnTitle"];
-    let columnId = response["reportDataColumns"][i]["colId"];
-    this.displayedColumnsArr.push(columnTitle +","+ columnId);
-    i++;
-  }
-
-  let j=0;
-  while(response["reportDataRows"][j])
-  {
-    let k=0;
-    let obj = new Object();
-    let reportDataRows = response["reportDataRows"][j];
-    while(this.displayedColumnsArr[k])
-    {
-      let rowColumnId = this.displayedColumnsArr[k].split(",")[1];
-      if(reportDataRows[rowColumnId])
-      {
-         obj[reportDataRows[rowColumnId]["colId"]] = reportDataRows[rowColumnId]["displayValue"];
-      }
-      k++;
+    applyFilter(filterValue: string) {
+        this.dataSource.data = this.displayedRowObj;
+        this.dataSource.sort = this.sort;
+        if (filterValue === '' || filterValue === null) {
+        } else {
+            this.dataSource.filter = filterValue.trim().toLowerCase();
+        }
     }
-    this.displayedRowObj.push(obj);
-    j++;
-  }
-  for(let l=0; l<this.displayedColumnsArr.length; l++)
-  {
-    let columnArrId = this.displayedColumnsArr[l].split(",")[1];
-    this.displayedColumns.push(columnArrId);
-  }
-  this.showSpinner = false;
-  
-  this.dataSource = new MatTableDataSource<PeriodicElement>(this.displayedRowObj);
-  
-  this.dataSource.sort = this.sort;
-  this.dataSource.paginator = this.paginator;
-  
-  this.table.dataSource = this.dataSource;
- 
-  this.changeDetectorRefs.detectChanges();
-  }
-
-  linkToReport(reportID : string, queryParameters : string)
-  {
-    this._router.navigate(['v2/run', reportID, queryParameters]);
-  }
-  
-  
-  linkToFeedback(feedBackId : string, queryParameters : string)
-  {
-    this._router.navigate(['v2/feedback', feedBackId]);
-  }
-
-  linkToMail(mailId : string)
-  {
-    var email = "mailto:" + mailId;
-    window.location.href = email;
-  }
-
-
-  openOptions()
-  {
-    this.openOptionsFlag = !this.openOptionsFlag;
-  }
-
-  downloadReportExcel()
-  {
-    this._runService.downloadReportExcel(this.reportId1)
-    .subscribe((responseExcel) => {
-      
-      this.downLoadFile(responseExcel, "application/vnd.ms-excel")
-    });
-  }
-
-  downLoadFile(data: any, type: string) {
-    let blob = new Blob([data], { type: type});
-    let url = window.URL.createObjectURL(blob);
-    let pwa = window.open(url);
-    if (!pwa || pwa.closed || typeof pwa.closed == 'undefined') {
-        alert( 'Please disable your Pop-up blocker and try again.');
+
+    setStyle(styles: string) {
+        if (styles.includes('{')) {
+            return JSON.parse(styles);
+        } else {
+            return {};
+        }
     }
-}
 
-applyFilter(filterValue: string) {
-  this.dataSource.filter = filterValue.trim().toLowerCase();
-}
+    getDisplayTotal(keys: string) {
+        if (this.displayTotal.length > 0) {
+            return this.displayTotal[0][keys].displayValue;
+        } else {
+            return '';
+        }
+    }
 
+    onPaginationChange(event: any) {
+        if (this.DashboardReportObj.length === 0) {
+            if (this.reportMode === 'Regular' && this.initCnt === 0) {
+                this.showMoreVert = false;
+                this.displayedColumnsArr = [];
+                this.displayedRowObj = [];
+                this.displayedColumns = [];
+                this.formFieldList = [];
+                this.showSpinner = true;
+                this.isReady = false;
+                this.NEWdisplayedColumns = [];
+                this.isChartAvailable = false;
+                this.timeTaken = '...';
+                const startDate: Date = new Date();
+                const startTime = startDate.getTime();
+                this._runService.getReportDataWithPageNo(this.inputReportId, event.pagenum)
+                    .subscribe((response) => {
+                        if (response['errormessage']) {
+                            this.showError(response);
+                        } else {
+                            const endDate: Date = new Date();
+                            const endTime = endDate.getTime();
+                            this.timeTaken = ((endTime - startTime) / 1000).toString();
+                            this.chartRunUrl = environment.baseUrl + 'raptor.htm?action=chart.run&c_master=' +
+                                this.inputReportId + '&refresh=Y&display_content=Y&r_page=' + event.pagenum;
+                            this.postFetchingReportDataFn(response, true);
+                            this.showMoreVert = true;
+                        }
+                    });
+            } else {
+                this.showMoreVert = false;
+                this.displayedColumnsArr = [];
+                this.displayedRowObj = [];
+                this.displayedColumns = [];
+                this.formFieldList = [];
+                this.showSpinner = true;
+                this.isReady = false;
+                this.NEWdisplayedColumns = [];
+                this.isChartAvailable = false;
+                this.timeTaken = '...';
+                const startDate: Date = new Date();
+                const startTime = startDate.getTime();
+                this._runService.getReportDataWithFormFieldsWithPageNo(this.queryString, this.inputReportId, event.pageIndex)
+                    .subscribe((response) => {
+                        if (response['errormessage']) {
+                            this.showError(response);
+                        } else {
+                            const endDate: Date = new Date();
+                            const endTime = endDate.getTime();
+                            this.timeTaken = ((endTime - startTime) / 1000).toString();
+                            this.chartRunUrl = environment.baseUrl + 'raptor.htm?action=chart.run&c_master=' +
+                                this.inputReportId + this.queryString + '&refresh=Y&display_content=Y&r_page=' + event.pagenum;
+                            this.postFetchingReportDataFn(response, true);
+                            this.showMoreVert = true;
+                        }
+                    });
+            }
+        } else {
+            this.showMoreVert = true;
+            this.showSpinner = false;
+        }
+        this.errorMessage = '';
+        this.error = false;
+        this.initCnt = 1;
+    }
+
+    convertToLinkToReport(value: string) {
+        value = value.replace(/;/g, '');
+        let outPut = '';
+        while (value.includes('c_master=')) {
+            const index = value.indexOf('c_master=');
+            if (index > 0) {
+                value = value.substring(index, value.length);
+            } else if (index === 0) {
+                value = value.replace('c_master=', '');
+            }
+        }
+        const split = value.split('&');
+        // const spltFirst = split[0].split('=');
+        if (split[1].length <= 0) {
+            return outPut;
+        }
+        outPut = 'linkToReport,' + split[0] + ',';
+        let splitCounter = 1;
+        for (splitCounter = 1; splitCounter < split.length; splitCounter++) {
+            if (!split[splitCounter].includes('LOGIN_ID=') &&
+                !split[splitCounter].includes('display_content=') &&
+                !split[splitCounter].includes('drilldown_index=') &&
+                !split[splitCounter].includes('show_back_btn=') &&
+                !split[splitCounter].includes('r_action')) {
+                outPut = outPut + '&' + split[splitCounter];
+            }
+        }
+        return outPut;
+    }
+
+
+
+    takeToReport(queryString: string, reportID: string) {
+        this._router.navigate(['v2/run', reportID, queryString , this.groupSelectValue]);
+    }
+
+    goBack() {
+        const length = sessionStorage.length;
+        let repId = '';
+        let queryString = '';
+        if (length > 1) {
+            let split = [];
+            split = sessionStorage.getItem((length).toString()).split('|');
+            repId = split[0];
+            queryString = split[1];
+            sessionStorage.removeItem((length).toString());
+        } else if (length === 1) {
+            let split = [];
+            split = sessionStorage.getItem('1').split('|');
+            repId = split[0];
+            queryString = split[1];
+            sessionStorage.removeItem('1');
+        }
+        localStorage.removeItem(this.inputReportId);
+        this._router.navigate(['v2/run', repId, queryString]);
+    }
 
 }
 
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run.component.html
index a024cb0b..bd765038 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run.component.html
@@ -2,10 +2,9 @@
 <div class="stdForm">
         <br/>
                         <div class="tab-content">
-                                <h1>Step {{stepNo}} - Report Run</h1>
+                                <h3>Step {{stepNo}} - Report Run</h3>
                         </div>
                 <br/>
-                <br/>
                 <div *ngIf="!toggle">
                         <button class="btn btn-alt btn-small" (click)="runReport()">Run Report</button>
                 </div>
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run.service.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run.service.ts
index 42984f3e..6e44a698 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run.service.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/run/run.service.ts
@@ -1,47 +1,145 @@
 import { Injectable } from '@angular/core';
 import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { Observable } from 'rxjs';
+import { Observable, throwError } from 'rxjs';
+import { retry, catchError } from 'rxjs/operators';
 import { environment } from '../../../../../../environments/environment';
+import { HtmlParser } from '@angular/compiler';
 
 @Injectable({
-  providedIn: 'root'
+    providedIn: 'root'
 })
 export class RunService {
-  finalArr : any;
-  finalResponseArr : any;
+    finalArr: any;
+    finalResponseArr: any;
 
-  constructor(private _http : HttpClient) { 
+    constructor(private _http: HttpClient) {
+
+
+    }
+
+    getReportData(reportId: string): Observable<any> {
+        return this._http.get(environment.baseUrl + 'raptor.htm?action=report.run.container&c_master=' + reportId + '&refresh=Y');
+    }
+
+    getReportDataWithFormFields(queryString: string, reportId: string): Observable<any> {
+        return this._http.get(environment.baseUrl + 'raptor.htm?action=report.run.container&c_master=' + reportId + queryString + '&refresh=Y&display_content=Y&r_page=0');
+    }
+
+    getReportDataWithPageNo(reportId: string, pageNo: string): Observable<any> {
+        if (!pageNo || pageNo === null) {
+            pageNo = '0';
+        }
+        return this._http.get(environment.baseUrl + 'raptor.htm?action=report.run.container&c_master='
+            + reportId + '&refresh=Ydisplay_content=Y&r_page=' + pageNo);
+    }
+
+    getReportDataWithFormFieldsWithPageNo(queryString: string, reportId: string, pageNo: string): Observable<any> {
+        if (!pageNo || pageNo === null) {
+            pageNo = '0';
+        }
+        return this._http.get(environment.baseUrl + 'raptor.htm?action=report.run.container&c_master='
+            + reportId + queryString + '&refresh=Y&display_content=Y&r_page=' + pageNo);
+    }
+
+    getDefinitionPageDetails(IncomingReportId: number): Observable<any> {
+        return this._http.get(environment.baseUrl + 'report/wizard/retrieve_def_tab_wise_data/' + IncomingReportId, { headers: new HttpHeaders({ 'Content-Type': 'application/json' }) });
+    }
+
+    refreshFormFields(reportId: string, queryString: string): Observable<any> {
+        return this._http.get(environment.baseUrl + 'raptor.htm?action=report.formfields.run.container&c_master=' + reportId + queryString);
+    }
+
+    getFormFieldGroupsData(reportId: string): Observable<any> {
+        return this._http.get(environment.baseUrl + 'report/wizard/get_formfield_groups_data/' + reportId);
+    }
+
+    downloadReportExcel(reportId: string): Observable<Blob> {
+        return this._http.get(environment.baseUrl + 'raptor.htm?c_master=' + reportId + '&r_action=report.download.excel.session&page_dowload=true', { responseType: 'blob' });
+    }
+
+    downloadReport(reportId: string, type: string): Observable<Blob> {
+        if (type === 'xlsx') {
+            return this._http.get(environment.baseUrl + 'raptor.htm?c_master=' + reportId + '&r_action=report.download.excel.session&page_download=false', { responseType: 'blob' });
+        } else if (type === 'pdf') {
+            return this._http.get(environment.baseUrl + 'raptor.htm?c_master=' + reportId + '&r_action=report.download.pdf.session&page_download=false', { responseType: 'blob' });
+        }
+    }
+
+    downloadSinglePageReport(reportId: string, type: string): Observable<Blob> {
+        return this._http.get(environment.baseUrl + 'raptor.htm?c_master=' + reportId + '&r_action=report.download.excel.session&page_download=true', { responseType: 'blob' });
+
+    }
+
+
+    getDashboardReportFormFields(reportId: string): Observable<any> {
+        return this._http.get(environment.baseUrl + 'raptor/dashboard/run/' + reportId);
+    }
+
+    runDashboardReport(reportId: string, queryString: string) {
+        return this._http.get(environment.baseUrl + 'raptor.htm?action=report.run.container&c_master=' + reportId + queryString + '&refresh=Y&display_content=Y&r_page=0', { responseType: 'text' });
+    }
+
+    downloadDashboardReportExcel(reportId: string): Observable<Blob> {
+        return this._http.get(environment.baseUrl + 'raptor.htm?c_master=' + reportId + '&r_action=report.download.excel.session', { responseType: 'blob' });
+    }
+
+    proceedWithLoad(object: Object) {
+        const headers = new HttpHeaders({
+            'Content-Type': 'application/json'
+        });
+        return this._http.post(environment.baseUrl + 'proceed-with-load', object, { headers });
+    }
+
+    onDeleteFromUploadedReport(object: Object): Observable<any> {
+        const headers = new HttpHeaders({
+            'Content-Type': 'application/json'
+        });
+        return this._http.post(environment.baseUrl + "delete-upload", object, { headers });
+    }
+    onResubmitUnplannedLTEUploadedReport(object: Object): Observable<any> {
+        const headers = new HttpHeaders({
+            'Content-Type': 'application/json'
+        });
+        return this._http.post(environment.baseUrl + "resubmit-unplanned-lte-upload", object, { headers })
+        .pipe(retry(1),
+         catchError(this.handleError)
+        );
+    }
+
+    onAutomaticUploadedReport(): Observable<any> {
+        const headers = new HttpHeaders({
+            'Content-Type': 'application/json'
+        });
+        return this._http.post(environment.baseUrl + 'automated-upload?'+'parentReportId=25633'+'&templateName=SUPER_E911_4G',{headers})
+        .pipe(
+            retry(1),
+            catchError(this.handleError)
+        );
+
+    }
     
+    onSubmitApproved(object:Object):Observable<any>{
+        const headers = new HttpHeaders({
+            'Content-Type': 'application/json'
+        });    
+
+        return this._http.post(environment.baseUrl + 'submit-approval',object,{headers})
+        .pipe(
+            retry(1),
+            catchError(this.handleError)
+        );
+    }
     
-  }
-
-  getReportData(reportId : string) : Observable<any>
-  {
-    return this._http.get(environment.baseUrl + "raptor.htm?action=report.run.container&c_master="+reportId+"&refresh=Y");      
-  }
-
-  getReportDataWithFormFields(queryString : string, reportId : string) : Observable<any>
-  {
-    return this._http.get(environment.baseUrl + "raptor.htm?action=report.run.container&c_master="+reportId+queryString+"&refresh=Y&display_content=Y&r_page=0");
-  }
-
-  getDefinitionPageDetails(IncomingReportId : number): Observable <any>
-  {
-    return this._http.get(environment.baseUrl + "report/wizard/retrieve_def_tab_wise_data/" + IncomingReportId, { headers: new HttpHeaders({'Content-Type': 'application/json'})});
-  }
-
-  refreshFormFields(reportId : string, queryString : string ) : Observable<any>
-  {
-    return this._http.get(environment.baseUrl + "raptor.htm?action=report.formfields.run.container&c_master=" + reportId + queryString);
-  }
-
-  getFormFieldGroupsData(reportId : string) : Observable<any>
-  {
-    return this._http.get(environment.baseUrl + "report/wizard/get_formfield_groups_data/" + reportId);
-  }
-
-  downloadReportExcel(reportId : string) : Observable<Blob>
-  {
-    return this._http.get(environment.baseUrl + "raptor.htm?c_master="+reportId+"&r_action=report.download.excel.session", { responseType: 'blob' });
-  }
+    handleError(error) {
+        let errorMessage = '';
+        if (error.error instanceof ErrorEvent) {
+            // client-side error
+            errorMessage = `Error: ${error.error.message}`;
+        } else {
+            // server-side error
+            errorMessage = `Error Code: ${error.status}\nMessage: ${error.message}`;
+        }
+        window.alert(errorMessage);
+        return throwError(errorMessage);
+    }
 }
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/security/security.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/security/security.component.css
index 34bb7a40..05f19660 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/security/security.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/security/security.component.css
@@ -1,1872 +1,23 @@
-mat-button-toggle-group{
-  width: 800px;
-}
-
-
-.lds-ring {
-  display: inline-block;
-  position: relative;
-  width: 64px;
-  height: 64px;
-}
-.lds-ring div {
-  box-sizing: border-box;
-  display: block;
-  position: absolute;
-  width: 80px;
-  height: 80px;
-  margin: 6px;
-  margin-top: -10px;
-  border: 10px solid #006496;
-  border-radius: 80%;
-  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-  border-color: #006496 transparent transparent transparent;
-}
-.lds-ring div:nth-child(1) {
-  animation-delay: -0.45s;
-}
-.lds-ring div:nth-child(2) {
-  animation-delay: -0.3s;
-}
-.lds-ring div:nth-child(3) {
-  animation-delay: -0.15s;
-}
-@keyframes lds-ring {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-
-mat-button-toggle{
-  display: block;
-  width: 800px;
-  border-radius: 5px;
-}
-
-label{
-  size: 70px;
-}
-
-input {
-  width: 30px;
-  height: 20px;
-  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
-}
-
-.Heading{
-  font-size: 45px;
-}
-
-.stdForm{
-  margin-left: 20px;
-}
-
-.field-group {
-  position: relative;
-  display: block;
-}
-
-label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
-  margin-top: 5px;
-}
-
-
-select{
-  display: block;
-  width: 600px;
-  
-  padding: 15px;
-  background-color: #e6e6e61a
-}
-
-.webform-component-my-select select {
-  height: 200px;
-}
-
-.checkbox .skin {
-  background-color: #fff;
-  border: 1px solid #d2d2d2;
-  border-radius: 3px;
-  display: inline-block;
-  height: 24px;
-  width: 24px;
-  position: absolute;
-  left: 0;
-  top: 0;
+mat-icon{
+  color: #006496;
+  cursor: pointer;
 }
 
-i, em {
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal;
+.defaultFontSize{
+  font-size: 15px;
 }
 
-
-.b2b-horizontal-table ::-webkit-scrollbar {
-  height: 10px; }
-
-.b2b-horizontal-table ::-webkit-scrollbar-thumb {
-  background: #666666;
-  border-radius: 5px; }
-
-.b2b-horizontal-table .b2b-frozen-col {
-  font-size: 5px;
-  font-weight: normal;
-  font-style: italic; }
-/* 
-.b2b-horizontal-table .b2b-horizontal-table-inner-container {
-  overflow-x: scroll; } */
-
-.b2b-horizontal-table .b2b-horizontal-table-column-info {
-  text-align: center; }
-
-.b2b-horizontal-table .b2b-horizontal-table-legend div[b2b-flyout-toggler] {
-  color: #0568ae;
-  cursor: pointer; }
-
-.b2b-horizontal-table .b2b-horizontal-table-legend .b2b-frozen-cell {
-  width: 16px;
-  height: 16px;
-  background-color: #F2F2F2;
-  display: inline-block;
-  margin-right: 10px; }
-
-.b2b-horizontal-table .b2b-horizontal-table-arrows {
-  margin-bottom: 20px; }
-  .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-disabled-text {
-    color: #767676; }
-  .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-next-link {
-    padding-right: 15px; }
-  .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-prev-link {
-    padding-left: 15px; }
-
-@-moz-document url-prefix() {
-  .b2b-horizontal-table td:first-child {
-    border-top: none; } }
-* {
-  box-sizing: border-box; }
-
-:root {
-  -ms-overflow-style: -ms-autohiding-scrollbar;
-  overflow-y: scroll;
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%;
-  box-sizing: border-box;
-  font: 0.625pc/1.5 sans-serif;
-  text-rendering: optimizeLegibility; }
-
-html {
-  overflow-y: scroll;
-  -webkit-overflow-scrolling: touch;
-  height: 100%;
-  position: relative; }
-
-h1,
-h2,
-h3,
-h4,
-h5,
-p,
-blockquote,
-figure,
-ol,
-ul {
-  margin: 0;
-  padding: 0; }
-
-/* a:focus {
-  outline: thin dotted #191919;
-} */
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: top; }
-
-sup {
-  top: .75em;
-  display: inline-block; }
-
-sub {
-  bottom: -0.25em; }
-
-img {
-  max-width: 100%;
-  height: auto;
-  vertical-align: middle;
-  border: 0;
-  -ms-interpolation-mode: bicubic; }
-
-.img-no-rwd {
-  max-width: inherit !important; }
-
-svg {
-  display: inline-block; }
-
-.responsive-img {
-  width: 100%;
-  height: auto; }
-
-button,
-input,
 select,
-textarea {
-  margin: 0;
-  font-size: 100%;
-  vertical-align: middle; }
-
-::-moz-focus-inner {
-  padding: 0;
-  border: 0; }
-
-button,
-html input[type="button"],
-input[type="reset"],
-input[type="submit"] {
-  appearance: button;
-  cursor: pointer; }
-
-label,
-select,
-button,
-input[type="button"],
-input[type="reset"],
-input[type="submit"],
-input[type="radio"],
-input[type="checkbox"] {
-  cursor: pointer; }
-
-input[type=search] {
-  -webkit-appearance: textfield; }
-
-input[type=search]:-webkit-search-cancel-button,
-input[type=search]:-webkit-search-decoration {
-  -webkit-appearance: none; }
-
-
-
-select {
-  -moz-appearance: none;
-  -webkit-appearance: none; }
-
-[aria-busy=true] {
-  cursor: progress; }
-
-[aria-controls] {
-  cursor: pointer; }
-
-body {
-  background-color: #ffffff;
-  color: #191919;
-  font-family: "Omnes-ECOMP-W02", Arial;
-/*  font-size: 1.6rem;
-  line-height: 2rem;*/
-  margin: 0;
-  position: relative;
-  width: 100%;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased; }
-
-small {
-  font-size: 1.6rem; }
-
-.container {
-  margin: 0 auto;
-  padding: 0; }
-
-.tooltip {
-  display: inline-block;
-  height: 20px;
-  margin: 1px 0 0 7px;
-  vertical-align: middle; }
-
-.tooltip-wrapper {
-  display: none; }
-
-
-
-/* TODO: Build a reference page for these classes */
-.font-regular {
-  font-family: "Omnes-ECOMP-W02", Arial !important; }
-
-.font-light {
-  font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-
-.font-italic {
-  font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-
-.font-light-italic {
-  font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-
-.font-medium {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-
-.font-medium-italic {
-  font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-
-.font-reset {
-  font-style: normal;
-  font-variant: normal;
-  font-weight: normal;
-  text-transform: none; }
-
-.visible-phone {
-  display: none !important; }
-
-.visible-tablet {
-  display: none !important; }
-
-.hidden-desktop {
-  display: none !important; }
-
-.visible-desktop {
-  display: inherit !important; }
-
-.row,
-.row-nowrap {
-  margin-left: 0; }
-
-.row:before,
-.row-nowrap:before,
-.row:after,
-.row-nowrap:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.row:after,
-.row-nowrap:after {
-  clear: both; }
-
-.row:before,
-.row-nowrap:before,
-.row:after,
-.row-nowrap:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.row:after,
-.row-nowrap:after {
-  clear: both; }
-
-.row,
-.row-nowrap {
-  display: flex; }
-
-.row > [class*="span"],
-.row-nowrap > [class*="span"] {
-  float: left;
-  margin-right: 14px;
-  margin-right: 1.40845%\9; }
-
-.row > [class*="span"]:last-child,
-.row-nowrap > [class*="span"]:last-child {
-  margin-right: 0; }
-
-.row > [class*="span"].centered,
-.row-nowrap > [class*="span"].centered {
-  margin-left: auto !important;
-  margin-right: auto !important; }
-
-.row.no-flex,
-.row-nowrap.no-flex {
-  display: block; }
-
-.row.no-flex > [class*="span"],
-.row-nowrap.no-flex > [class*="span"] {
-  margin-right: 1.408450704225352%; }
-
-.row.no-flex > [class*="span"]:last-child,
-.row-nowrap.no-flex > [class*="span"]:last-child {
-  margin-right: 0; }
-
-.row.flex-justify,
-.row-nowrap.flex-justify {
-  justify-content: space-between; }
-
-.row.flex-justify > [class*="span"],
-.row-nowrap.flex-justify > [class*="span"] {
-  flex: 1 1 0; }
-
-.row.flex-justify > .flex-col,
-.row-nowrap.flex-justify > .flex-col {
-  margin-right: 14px;
-  margin-right: 1.40845%\9; }
-
-.row.flex-wrap,
-.row-nowrap.flex-wrap {
-  flex-wrap: wrap; }
-
-.align-items-top {
-  align-items: flex-start; }
-
-.align-items-center {
-  align-items: center; }
-
-.align-items-bottom {
-  align-items: flex-end; }
-
-.align-self-top {
-  align-self: flex-start; }
-
-.align-self-center {
-  align-self: center; }
-
-.align-self-bottom {
-  align-self: flex-end; }
-
-.row .fixed-230 {
-  flex: 0;
-  display: block;
-  width: 230px;
-  vertical-align: top;
-  min-width: 230px;
-  background-color: #efefef; }
-
-.row .fluid-space {
-  flex: 1 1 0;
-  display: block;
-  vertical-align: top;
-  padding-left: 0;
-  padding-right: 20px;
-  width: 100%; }
-
-.row .fixed-230 + .fluid-space {
-  padding-left: 20px;
-  padding-right: 20px; }
-
-.row .fluid-space:last-child {
-  padding-right: 0; }
-
-.span1 {
-  width: 7.042253521126761%; }
-
-.span2 {
-  width: 15.49295774647887%; }
-
-.span3 {
-  width: 23.94366197183099%; }
-
-.span4 {
-  width: 32.3943661971831%; }
-
-.span5 {
-  width: 40.84507042253521%; }
-
-.span6 {
-  width: 49.29577464788733%; }
-
-.span7 {
-  width: 57.74647887323944%; }
-
-.span8 {
-  width: 66.19718309859155%; }
-
-.span9 {
-  width: 74.64788732394367%; }
-
-.span10 {
-  width: 83.09859154929578%; }
-
-.span11 {
-  width: 91.54929577464789%; }
-
-.span12 {
-  width: 100%; }
-
-.offset1 {
-  margin-left: 8.450704225352113%; }
-
-.offset2 {
-  margin-left: 16.90140845070423%; }
-
-.offset3 {
-  margin-left: 25.35211267605634%; }
-
-.offset4 {
-  margin-left: 33.8028169%; }
-
-.offset5 {
-  margin-left: 42.25352113%; }
-
-.offset6 {
-  margin-left: 50.70422535%; }
-
-.offset7 {
-  margin-left: 59.15492958%; }
-
-.offset8 {
-  margin-left: 67.6056338%; }
-
-.offset9 {
-  margin-left: 76.05633803%; }
-
-.offset10 {
-  margin-left: 84.50704225%; }
-
-.offset11 {
-  margin-left: 92.95774648%; }
-
-.align-center {
-  margin: 0 auto;
-  text-align: center; }
-
-[class*="span"].align-center {
-  margin: 0 auto !important;
-  float: none; }
-
-.align-left .container {
-  padding-left: 0 !important;
-  margin: 0 !important; }
-
-/* BEGIN RESPONSIVE-4.LESS ************** */
-@media (min-width: 1025px) {
-  .row > [class*="span"],
-  .row-nowrap > [class*="span"] {
-    margin-right: 20px;
-    margin-right: 1.487301587301587%\9; }
-  .container {
-    padding-left: 20px;
-    padding-right: 20px;
-    max-width: 1260px; }
-  /* 1col = 6.878306878306879 */
-  /* 1colgutter = 1.587301587301587 */
-  .span0 {
-    display: none; }
-  .span1 {
-    width: 6.878306878306879%; }
-  .span2 {
-    width: 15.34391534391534%; }
-  .span3 {
-    width: 23.80952380952381%; }
-  .span4 {
-    width: 32.27513227513228%; }
-  .span5 {
-    width: 40.74074074074074%; }
-  .span6 {
-    width: 49.20634920634921%; }
-  .span7 {
-    width: 57.67195767195767%; }
-  .span8 {
-    width: 66.13756613756614%; }
-  .span9 {
-    width: 74.60317460317461%; }
-  .span10 {
-    width: 83.06878306878308%; }
-  .span11 {
-    width: 91.53439153439154%; }
-  .span12 {
-    width: 100%; }
-  .offset1 {
-    margin-left: 8.465608465608466%; }
-  .offset2 {
-    margin-left: 16.93121693121693%; }
-  .offset3 {
-    margin-left: 25.3968253968254%; }
-  .offset4 {
-    margin-left: 33.86243386%; }
-  .offset5 {
-    margin-left: 42.32804233%; }
-  .offset6 {
-    margin-left: 50.79365079%; }
-  .offset7 {
-    margin-left: 59.25925926%; }
-  .offset8 {
-    margin-left: 67.72486772%; }
-  .offset9 {
-    margin-left: 76.19047619%; }
-  .offset10 {
-    margin-left: 84.65608466%; }
-  .offset11 {
-    margin-left: 93.12169312%; }
-  .tooltip-size-control {
-    position: relative;
-    width: 400px; }
-  .thumbnails > li {
-    margin-left: 1.40845070422535%; }
-  .row .thumbnails {
-    margin-left: 0; } }
-
-/* END RESPONSIVE-4.LESS ****************** */
-/* BEGIN RESPONSIVE-3.LESS ******************* */
-@media (min-width: 768px) and (max-width: 1024px) {
-  .hidden-desktop {
-    display: inherit !important; }
-  .visible-desktop {
-    display: none !important; }
-  .visible-tablet {
-    display: inherit !important; }
-  .hidden-tablet {
-    display: none !important; }
-  .container {
-    width: 100%;
-    margin: 0 auto;
-    padding-left: 20px;
-    padding-right: 20px; }
-  .span0-md {
-    display: none; }
-  .span1-md {
-    width: 7.042253521126761%; }
-  .span2-md {
-    width: 15.49295774647887%; }
-  .span3-md {
-    width: 23.94366197183099%; }
-  .span4-md {
-    width: 32.3943661971831%; }
-  .span5-md {
-    width: 40.84507042253521%; }
-  .span6-md {
-    width: 49.29577464788733%; }
-  .span7-md {
-    width: 57.74647887323944%; }
-  .span8-md {
-    width: 66.19718309859155%; }
-  .span9-md {
-    width: 74.64788732394367%; }
-  .span10-md {
-    width: 83.09859154929578%; }
-  .span11-md {
-    width: 91.54929577464789%; }
-  .span12-md {
-    width: 100%; }
-  .offset1-md {
-    margin-left: 8.450704225352113%; }
-  .offset2-md {
-    margin-left: 16.90140845070423%; }
-  .offset3-md {
-    margin-left: 25.35211267605634%; }
-  .offset4-md {
-    margin-left: 33.8028169%; }
-  .offset5-md {
-    margin-left: 42.25352113%; }
-  .offset6-md {
-    margin-left: 50.70422535%; }
-  .offset7-md {
-    margin-left: 59.15492958%; }
-  .offset8-md {
-    margin-left: 67.6056338%; }
-  .offset9-md {
-    margin-left: 76.05633803%; }
-  .offset10-md {
-    margin-left: 84.50704225%; }
-  .offset11-md {
-    margin-left: 92.95774648%; }
-  .tooltip-size-control {
-    position: relative;
-    width: 300px; } }
-
-/* END RESPONSIVE-3.LESS ******************* */
-/* BEGIN RESPONSIVE-2.LESS *************** */
-@media (max-width: 767px) {
-  .hidden-desktop {
-    display: inherit !important; }
-  .visible-desktop {
-    display: none !important; }
-  .visible-phone {
-    display: inherit !important; }
-  .visible-tablet {
-    display: inherit !important; }
-  .hidden-phone {
-    display: none !important; }
-  .hidden-tablet {
-    display: none !important; }
-  .container {
-    width: auto;
-    padding-left: 15px;
-    padding-right: 15px; }
-  /*.row{ display:block; }*/
-  .row > [class*="span"] {
-    float: none;
-    margin-left: 0;
-    margin-right: 0;
-    width: 100%; }
-  .row {
-    display: block; }
-  .row.flex > .flex-col,
-  .row-nowrap.flex > .flex-col {
-    margin-right: 0; }
-  .row .fixed-230 {
-    display: block;
-    width: 100%; }
-  .row .fluid-space {
-    display: block;
-    padding-left: 0;
-    padding-right: 0;
-    width: auto; }
-  .row .fluid-space + .fixed-230 {
-    padding-left: 0; }
-  .row .fluid-space:last-child {
-    padding-right: 0; }
-  .span0-sm {
-    display: none; }
-  .span1-sm {
-    width: 7.042253521126761%; }
-  .span2-sm {
-    width: 15.49295774647887%; }
-  .span3-sm {
-    width: 23.94366197183099%; }
-  .span4-sm {
-    width: 32.3943661971831%; }
-  .span5-sm {
-    width: 40.84507042253521%; }
-  .span6-sm {
-    width: 49.29577464788733%; }
-  .span7-sm {
-    width: 57.74647887323944%; }
-  .span8-sm {
-    width: 66.19718309859155%; }
-  .span9-sm {
-    width: 74.64788732394367%; }
-  .span10-sm {
-    width: 83.09859154929578%; }
-  .span11-sm {
-    width: 91.54929577464789%; }
-  .span12-sm {
-    width: 100%; }
-  .offset1-sm {
-    margin-left: 8.450704225352113%; }
-  .offset2-sm {
-    margin-left: 16.90140845070423%; }
-  .offset3-sm {
-    margin-left: 25.35211267605634%; }
-  .offset4-sm {
-    margin-left: 33.8028169%; }
-  .offset5-sm {
-    margin-left: 42.25352113%; }
-  .offset6-sm {
-    margin-left: 50.70422535%; }
-  .offset7-sm {
-    margin-left: 59.15492958%; }
-  .offset8-sm {
-    margin-left: 67.6056338%; }
-  .offset9-sm {
-    margin-left: 76.05633803%; }
-  .offset10-sm {
-    margin-left: 84.50704225%; }
-  .offset11-sm {
-    margin-left: 92.95774648%; }
-  input {
-    padding: 8px 15px 8px 15px; }
-  .field-group input.input-emphasized[type="search"] + .reset-field:after {
-    top: 14px; }
-  .field-group input.input-emphasized[type="search"] + .reset-field {
-    height: 46px;
-    top: 1px; }
-  .marquee {
-    margin-bottom: 30px; }
-  .marquee .blur-overlay {
-    border-radius: 0;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    margin: 0;
-    padding: 34px 15px 30px; }
-  .marquee + div {
-    margin-top: 30px; }
-  .marquee h1 {
-    font-size: 1.8rem;
-    letter-spacing: -0.035px; }
-  .marquee .lead {
-    font-size: 3.0rem;
-    line-height: 3.6rem;
-    margin-bottom: 0; }
-  .marquee p:not(.lead) {
-    font-family: "Omnes-ECOMP-W02-Light", Arial;
-    font-size: 1.8rem;
-    margin-bottom: 0; }
-  .marquee .btn-fullwidth {
-    margin-top: 10px;
-    width: 100%;
-    float: none; }
-  .tooltip-size-control {
-    width: 100%; }
-  .table-wrapper,
-  .accordion-table-layout {
-    margin-left: -15px;
-    margin-right: -15px; }
-  .table-wrapper caption {
-    padding-left: 15px; } }
-
-@media (max-width: 480px) {
-  .span1-xsm {
-    width: 7.042253521126761%; }
-  .span2-xsm {
-    width: 15.49295774647887%; }
-  .span3-xsm {
-    width: 23.94366197183099%; }
-  .span4-xsm {
-    width: 32.3943661971831%; }
-  .span5-xsm {
-    width: 40.84507042253521%; }
-  .span6-xsm {
-    width: 49.29577464788733%; }
-  .span7-xsm {
-    width: 57.74647887323944%; }
-  .span8-xsm {
-    width: 66.19718309859155%; }
-  .span9-xsm {
-    width: 74.64788732394367%; }
-  .span10-xsm {
-    width: 83.09859154929578%; }
-  .span11-xsm {
-    width: 91.54929577464789%; }
-  .span12-xsm {
-    width: 100%; }
-  .offset1-xsm {
-    margin-left: 8.450704225352113%; }
-  .offset2-xsm {
-    margin-left: 16.90140845070423%; }
-  .offset3-xsm {
-    margin-left: 25.35211267605634%; }
-  .offset4-xsm {
-    margin-left: 33.8028169%; }
-  .offset5-xsm {
-    margin-left: 42.25352113%; }
-  .offset6-xsm {
-    margin-left: 50.70422535%; }
-  .offset7-xsm {
-    margin-left: 59.15492958%; }
-  .offset8-xsm {
-    margin-left: 67.6056338%; }
-  .offset9-xsm {
-    margin-left: 76.05633803%; }
-  .offset10-xsm {
-    margin-left: 84.50704225%; }
-  .offset11-xsm {
-    margin-left: 92.95774648%; } }
-
-/* END RESPONSIVE-2.LESS ******************* */
-/* BEGIN RESPONSIVE-1.LESS ************** */
-.xxxxxxxx-begin-responsive-480px.less {
-  /* placeholder */ }
-
-@media (max-width: 480px) {
-  .hidden-desktop {
-    display: inherit !important; }
-  .hidden-tablet {
-    display: inherit !important; }
-  .hidden-phone {
-    display: none !important; }
-  .visible-desktop {
-    display: none !important; }
-  .visible-tablet {
-    display: none !important; }
-  .visible-phone {
-    display: inherit !important; }
-  .container {
-    width: auto;
-    padding-left: 15px;
-    padding-right: 15px; } }
-
-[class*="icon-primary-"],
-.nav-links a:after,
-.bellyband-link a:after,
-.breadcrumb > li:after,
-.checkbox input:checked + .skin:after,
-.checkbox input.indeterminate + .skin:after,
-.checkbox input:indeterminate + .skin:after,
-.selectWrap.large:before,
-.form-row.error .error-msg:before,
-.close:before,
-.reset-field:before,
-.cssIcon-globe:before,
-.selectWrap:after {
-  color: #0568ae;
-  left: 6px;
-  top: -3px;
-  width: 2px;
-  height: 3px;
-  border: solid white;
-  border-width: 0 3px 3px 0;
-  -webkit-transform: rotate(45deg);
-  -ms-transform: rotate(45deg);
-  transform: rotate(45deg);}
-
-[class*="icoWeather-"], [class*="icoTrans-"], [class*="icoBubble-"], [class*="icoRetail-"], [class*="icoPeople-"], [class*="icoNumslets-"], [class*="icoLocation-"], [class*="icoHealthcare-"], [class*="icoDocuments-"], [class*="icoDevices-"], [class*="icoDatanetwork-"], [class*="icoControls-"], [class*="icoBuilding-"], [class*="icoArrows-"] {
-  color: #0568ae;
-  display: inline-block;
-  font-style: normal;
-  font-size: 20px;
-  font-weight: normal;
-  font-variant: normal;
-  font-style: normal;
-  width: 20px;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  position: relative;
-  speak: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle; }
-
-[class*="icon-primary-"]:before,
-[class*="icon-primary-"]:after {
-  box-sizing: border-box;
+textarea,
+input {
+  border-radius: 6px;
+  color: #5a5a5a;
   display: inline-block;
-  font-size: 1em;
-  height: 1em;
-  position: relative;
-  top: 0;
-  left: 0;
+  font-size: 1.6rem;
+  margin: 0px;
+  /* padding: 0 15px 0 15px; */
   vertical-align: middle;
-  width: 1em; }
-
-.icon-primary-att-globe:before,
-.cssIcon-globe:before {
-  content: "\e900";
-  color: #44c7f5; }
-
-.icon-primary-hamburger:before {
-  content: "\e903"; }
-
-.icon-primary-secure:before {
-  content: "\e918"; }
-
-.icon-primary-secureL:before {
-  content: "\e919"; }
-
-.icon-primary-padlockopen:before {
-  content: "\e916"; }
-
-.icon-primary-padlockopenL:before {
-  content: "\e917"; }
-
-.icon-primary-shoppingcart:before {
-  content: "\e914"; }
-
-.icon-primary-shoppingcartL:before {
-  content: "\e915"; }
-
-.icon-primary-print:before {
-  content: "\e921"; }
-
-.icon-primary-printL:before {
-  content: "\e922"; }
-
-.icon-primary-mobilesmartphone:before {
-  content: "\e908"; }
-
-.icon-primary-mobilesmartphoneL:before {
-  content: "\e90c"; }
-
-.icon-primary-tablet:before {
-  content: "\e904"; }
-
-.icon-primary-tabletL:before {
-  content: "\e905"; }
-
-.icon-primary-tv:before {
-  content: "\e906"; }
-
-.icon-primary-tvL:before {
-  content: "\e907"; }
-
-.icon-primary-calendar {
-  width: 100% !important; }
-
-.icon-primary-calendar:before {
-  content: "\e91a";
-  z-index: 1; }
-
-.icon-primary-calendarL:before {
-  content: "\e91b"; }
-
-.icon-primary-star:before {
-  content: "\e96c"; }
-
-.icon-primary-close:before,
-.close:before,
-.reset-field:before {
-  content: "\e910"; }
-
-.icon-primary-down:before {
-  content: "\ea3c"; }
-
-
-
-.icon-primary-add-maximize:before {
-  content: "\e91f"; }
-
-
-
-.icon-primary-questionmark:before {
-  content: "\e90f"; }
-
-.icon-primary-badgealert:before,
-.form-row.error .error-msg:before {
-  content: "\e90e"; }
-
-.icon-primary-approval:before {
-  content: "\e925"; }
-
-.icon-primary-flat-info:before {
-  content: "\e927"; }
-
-.icon-primary-alert:before {
-  content: "\e913"; }
-
-.icon-primary-tooltip:before,
-.icon-primary-flat-faq:before {
-  content: "\e90d"; }
-
-.icon-primary-tooltip {
-  font-size: 20px; }
-
-.nav-links a:after,
-.bellyband-link a:after,
-.breadcrumb > li:after,
-.icon-primary-right:before {
-  content: "\ea3c";
-  transform: rotate(-90deg); }
-
-.icon-primary-left:before {
-  content: "\ea3c";
-  transform: rotate(90deg); }
-
-.icon-primary-accordion-plus:after,
-.icon-primary-collapsed:after,
-.icon-primary-accordion-minus:after,
-.icon-primary-expanded:after {
-  content: "";
-  position: absolute;
-  top: 0;
-  z-index: 1; }
-
-.icon-primary-accordion-minus,
-.icon-primary-expanded,
-.icon-primary-accordion-plus,
-.icon-primary-collapsed {
-  font-size: 20px !important; }
-
-:not(.ds2-no-colors) .icon-primary-accordion-minus:before,
-:not(.ds2-no-colors) .icon-primary-expanded:before {
-  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
-  content: ""; }
-
-:not(.ds2-no-colors) .icon-primary-accordion-plus:before,
-:not(.ds2-no-colors) .icon-primary-collapsed:before {
-  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M10.5%2015.9c-.4%200-.8-.3-.8-.8V5.9c0-.4.3-.8.8-.8s.8.3.8.8v9.3c0%20.4-.4.7-.8.7z%22%2F%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
-  content: ""; }
-
-.ds2-no-colors .icon-primary-accordion-minus:before,
-.ds2-no-colors .icon-primary-expanded:before {
-  background-image: none;
-  content: "\e901"; }
-
-.ds2-no-colors .icon-primary-accordion-minus:after,
-.ds2-no-colors .icon-primary-expanded:after {
-  content: "\e902"; }
-
-.ds2-no-colors .icon-primary-accordion-plus:before,
-.ds2-no-colors .icon-primary-collapsed:before {
-  background-image: none;
-  content: "\e90b"; }
-
-.ds2-no-colors .icon-primary-accordion-plus:after,
-.ds2-no-colors .icon-primary-collapsed:after {
-  content: "\e911"; }
-
-.icon-primary-circle-arrow {
-  outline: 1px solid transparent;
-  border-radius: 50%;
-  font-size: 20px !important;
-  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
-  margin-right: 7px; }
-
-.icon-primary-circle-arrow:after {
-  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20baseProfile%3D%22tiny%22%3E%3Ccircle%20r%3D%2217%22%20cy%3D%2218%22%20cx%3D%2218%22%20stroke-width%3D%221%22%20fill%3D%22transparent%22%20stroke%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E");
-  content: "";
-  position: absolute;
-  top: 0;
-  z-index: 2; }
-
-.icon-primary-circle-arrow:before {
-  border-radius: 50%;
-  content: "\ea3c";
-  font-size: 12px;
-  top: 0;
-  position: absolute;
-  transform: rotate(-90deg);
-  width: 20px;
-  z-index: 1; }
-
-[class*="icon-primary-"] [class*="icon-primary-"] {
-  display: inline-block;
-  float: left;
-  font-size: 1em;
-  margin-left: -1em;
-  position: absolute; }
-
-[class*="icon-primary-"].white, [class^="ico"][class*="-"].white {
-  color: #fff; }
-
-[class*="icon-primary-"].black, [class^="ico"][class*="-"].black {
-  color: #000; }
-
-[class*="icon-primary-"].blue, [class^="ico"][class*="-"].blue {
-  color: #0568ae; }
-
-[class*="icon-primary-"].green, [class^="ico"][class*="-"].green {
-  color: #007a3e; }
-
-@-webkit-viewport {
-  width: device-width; }
-
-@-moz-viewport {
-  width: device-width; }
-
-@-ms-viewport {
-  width: device-width; }
-
-@-o-viewport {
-  width: device-width; }
-
-@viewport {
-  width: device-width; }
-
-.clearfix:before,
-.clearfix:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.clearfix:after {
-  clear: both; }
-
-.pull-right {
-  float: right !important; }
-
-.pull-left {
-  float: left !important; }
-
-.float-children-left:before,
-.float-children-left:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.float-children-left:after {
-  clear: both; }
-
-.float-children-left > div {
-  float: left;
-  white-space: nowrap; }
-
-.block {
-  display: block !important; }
-
-.inline {
-  display: inline !important; }
-
-.inline-block {
-  display: inline-block !important; }
-
-.table-cell {
-  display: table-cell !important;
-  width: 1%;
-  vertical-align: middle; }
-
-@media (max-width: 767px) {
-  .full-bleed {
-    width: auto;
-    margin-left: -15px;
-    margin-right: -15px;
-    padding: 15px; } }
-
-@media (min-width: 768px) {
-  .full-bleed {
-    width: auto;
-    margin-left: -20px;
-    margin-right: -20px;
-    padding: 20px; } }
-
-@media (max-width: 480px) {
-  .full-bleed {
-    width: auto;
-    margin-left: -15px;
-    margin-right: -15px;
-    padding: 0 15px; } }
-
-.fade {
-  opacity: 0;
-  filter: alpha(opacity=0);
-  transition: opacity .15s linear; }
-
-.fade.in {
-  opacity: 1;
-  filter: alpha(opacity=100); }
-
-.b2bCollapse {
-  display: none; }
-
-.collapse.in {
-  height: auto; }
-
-.nowrap {
-  white-space: nowrap; }
-
-.pre {
-  white-space: pre; }
-
-.hidden-spoken {
-  border: 0 none !important;
-  clip: rect(0px, 0px, 0px, 0px) !important;
-  height: 1px !important;
-  letter-spacing: 0;
-  line-height: 0;
-  overflow: hidden !important;
-  margin-top: -1px;
-  padding: 0 !important;
-  position: absolute !important;
-  width: 1px !important; }
-
-[data-sr-text].hidden-spoken:before {
-  border: 0 none !important;
-  content: attr(data-sr-text);
-  clip: rect(0px, 0px, 0px, 0px) !important;
-  height: 1px !important;
-  letter-spacing: 0;
-  line-height: 0;
-  overflow: hidden !important;
-  padding: 0 !important;
-  position: absolute !important;
-  width: 100% !important;
-  z-index: -1; }
-
-[data-sr-text].hidden-spoken {
-  position: relative !important;
-  width: auto !important; }
-
-[data-show-between] {
-  display: none;
-  visibility: hidden; }
-
-.noscroll-y {
-  overflow-y: hidden !important; }
-
-.invisible {
-  visibility: hidden !important;
-  opacity: 0 !important; }
-
-.transparent {
-  background-color: rgba(255, 255, 255, 0) !important; }
-
-.hide {
-  display: none !important; }
-
-.show {
-  display: block !important; }
-
-.rel {
-  position: relative !important; }
-
-.legend-pad {
-  padding: 0 15px; }
-
-.border-top {
-  border-top-width: 1px !important; }
-
-.border-left {
-  border-left-width: 1px !important; }
-
-.border-right {
-  border-right-width: 1px !important; }
-
-.border-bottom {
-  border-bottom-width: 1px !important; }
-
-.border-dark {
-  border-color: #000; }
-
-.border-light {
-  border-color: #fff; }
-
-.no-border-top {
-  border-top-width: 0 !important; }
-
-.no-border-left {
-  border-left-width: 0 !important; }
-
-.no-border-right {
-  border-right-width: 0 !important; }
-
-.no-border-bottom {
-  border-bottom-width: 0 !important; }
-
-.align-middle {
-  margin: 0 auto !important; }
-
-.align-top {
-  position: absolute;
-  top: 0; }
-
-.align-bottom {
-  position: absolute;
-  bottom: 0; }
-
-.valign-top {
-  vertical-align: top !important; }
-
-.valign-middle {
-  vertical-align: middle !important; }
-
-.valign-bottom {
-  vertical-align: bottom !important; }
-
-.align-children-middle > * {
-  margin: 0 auto; }
-
-[class*="valign-children-"] {
-  display: table; }
-
-[class*="valign-children-"] > * {
-  display: table-cell; }
-
-.valign-children-top > * {
-  vertical-align: top; }
-
-.valign-children-middle > * {
-  vertical-align: middle; }
-
-.valign-children-bottom > * {
-  vertical-align: bottom; }
-
-.no-pad {
-  padding: 0 !important; }
-
-.top-space {
-  margin-top: 60px !important; }
-
-.bottom-space {
-  margin-bottom: 60px !important; }
-
-.top-pad {
-  padding-top: 60px !important; }
-
-.bottom-pad {
-  padding-bottom: 60px !important; }
-
-@media (max-width: 767px) {
-  .top-space {
-    margin-top: 30px !important; }
-  .bottom-space {
-    margin-bottom: 30px !important; }
-  .top-pad {
-    padding-top: 30px !important; }
-  .bottom-pad {
-    padding-bottom: 30px !important; } }
-
-.affix {
-  position: fixed; }
-
-.img-landscape,
-.img-portrait {
-  position: relative; }
-
-@media (orientation: landscape) {
-  .img-landscape {
-    display: block; }
-  .img-portrait {
-    display: none !important; } }
-
-@media (orientation: portrait) {
-  .img-landscape {
-    display: none !important; }
-  .img-portrait {
-    display: block; } }
-
-.dark-bg {
-  background-color: #222222; }
-
-/* ... JAVASCRIPT HOOKS .................
-   ... used by javascript ............... */
-.autoSize,
-.autoSize-this {
-  position: relative; }
-
-.truncate {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis; }
-
-.placeholdersjs {
-  color: #5a5a5a !important; }
-
-.jshook-return-focus-here {
-  display: block; }
-
-.visible-print {
-  display: none !important; }
-
-.hidden-print {
-  display: inherit !important; }
-
-@media print {
-  .visible-print {
-    display: inherit !important; }
-  .hidden-print {
-    display: none !important; }
-  * {
-    color: #000 !important;
-    background: transparent !important;
-    box-shadow: none !important; }
-  a,
-  a:visited {
-    text-decoration: underline; }
-  pre,
-  blockquote {
-    border: 1px solid #000;
-    page-break-inside: avoid; }
-  thead {
-    display: table-header-group; }
-  tr,
-  img {
-    page-break-inside: avoid; }
-  img {
-    max-width: 100% !important; }
-  @page {
-    margin: 0.5cm; }
-  p,
-  h2,
-  h3 {
-    orphans: 3;
-    widows: 3; }
-  h2,
-  h3 {
-    page-break-after: avoid; } }
-
-.mar-top-0 {
-  margin-top: 0px; }
-
-.mar-top-30 {
-  margin-top: 30px; }
-
-a:focus {
-  outline: thin dotted #191919; }
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-weight: normal;
-  text-rendering: optimizeLegibility;
-  margin: 0;
-  line-height: 1; }
-
-.heading-page {
-  font-size: 3.8rem !important;
-  font-family: "Omnes-ECOMP-W02-Light", Arial;
-  margin-bottom: 40px; }
-
-h1.heading-page.ng-scope {}
-
-.heading-major-section {
-  font-size: 3rem !important;
-  font-family: "Omnes-ECOMP-W02-Light", Arial;
-  margin-bottom: 40px !important; }
-
-.heading-sub-section {
-  font-size: 2.4rem !important;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  margin-bottom: 40px; }
-
-.heading-group {
-  font-size: 2rem !important;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  color: #ea7400;
-  margin-bottom: 20px !important; }
-
-.heading-medium {
-  font-size: 2rem !important;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  margin-bottom: 20px; }
-
-.heading-medium-emphasis {
-  font-size: 2rem !important;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  margin-bottom: 20px; }
-
-.heading-small {
-  font-size: 1.8rem !important;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  margin-bottom: 20px; }
-
-.heading-small-emphasis {
-  font-size: 1.8rem !important;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  margin-bottom: 20px; }
-
-.heading-micro {
-  font-size: 1.3rem !important;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  text-transform: uppercase;
-  color: #da0081;
-  margin-bottom: 10px; }
-
-* + .heading-major-section {
-  margin-top: 60px; }
-
-* + .heading-sub-section {
-  margin-top: 60px; }
-
-* + .heading-group {
-  margin-top: 40px !important; }
-
-* + .heading-medium {
-  margin-top: 40px; }
-
-* + .heading-medium-emphasis {
-  margin-top: 40px; }
-
-* + .heading-small {
-  margin-top: 40px; }
-
-* + .heading-small-emphasis {
-  margin-top: 40px; }
-
-* + .heading-micro {
-  margin-top: 20px; }
-
-.lead {
-  color: #666;
-  font-family: "Omnes-ECOMP-W02-Light-Italic", Arial;
-  font-size: 2.4rem;
-  line-height: 2.8rem;
-  margin-top: 10px;
-  letter-spacing: -0.024rem; }
-
-.eyebrow {
-  text-transform: uppercase;
-  line-height: .65 !important; }
-
-.eyebrow,
-.subheading {
-  font-size: 1.4rem !important;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  color: #666; }
-
-.eyebrow + .heading-major-section,
-.eyebrow + .heading-sub-section {
-  margin-top: 4px; }
-
-.subheading {
-  margin-top: 10px; }
-
-@media (max-width: 767px) {
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  .heading-page {
-    font-size: 2rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 30px; }
-  .heading-major-section {
-    font-size: 2rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 30px; }
-  .heading-sub-section {
-    font-size: 2rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  .heading-medium {
-    font-size: 2rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  .heading-medium-emphasis {
-    font-size: 2rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  .heading-small {
-    font-size: 1.6rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 10px; }
-  .heading-small-emphasis {
-    font-size: 1.6rem;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 5px; }
-  * + .heading-major-section {
-    margin-top: 30px; }
-  * + .heading-sub-section {
-    margin-top: 30px; }
-  * + .heading-group {
-    margin-top: 20px; }
-  * + .heading-medium {
-    margin-top: 20px; }
-  * + .heading-medium-emphasis {
-    margin-top: 20px; }
-  * + .heading-small {
-    margin-top: 20px; }
-  * + .heading-small-emphasis {
-    margin-top: 20px; }
-  * + .heading-micro {
-    margin-top: 10px; } }
-
-/* Standard Type styles */
-.zeromargin {
-  margin: 0 !important; }
-
-a {
-  color: #0568ae;
-  text-decoration: none; }
-
-a:hover,
-a:focus {
-  text-decoration: underline; }
-
-a:active {
-  color: #0568ae; }
-
-.a-min {
-  font-size: 12px; }
-
-.a-small {
-  font-size: 14px; }
-
-.a-max {
-  font-size: 18px; }
-
-a.show-qualifier {
-  margin-right: 25px;
-  position: relative; }
-
-a.show-qualifier:after {
-  color: #333333;
-  display: inline-block;
-  white-space: pre !important; }
-
-a[href$="pdf"].show-qualifier:after,
-a.show-qualifier.pdf:after {
-  content: " (PDF)"; }
-
-a[href$="psd"].show-qualifier:after,
-a.show-qualifier.psd:after {
-  content: " (PSD)"; }
-
-.standalone-link {
-  display: flex; }
-
-/* 20px for the icon, 10px left of icon */
-.standalone-link.small {
-  font-size: 1.4rem; }
-
-.standalone-link.small i[class*="icon-primary-"] {
-  font-size: 16px;
-  top: 2px; }
-
-.standalone-link.large {
-  font-size: 1.8rem; }
-
-.standalone-link.large i[class*="icon-primary-"] {
-  font-size: 24px;
-  top: -1px; }
-
-p {
-  margin: 0 0 12px 0;
-  line-height: 2rem; }
-
-.p-small {
-  font-size: 1.4rem;
-  line-height: 1.8rem; }
-
-p + .p-small {
-  margin: 10px 0 0; }
-
-.p-micro {
-  font-size: 1.2rem;
-  line-height: 1.5rem; }
-
-p + .p-micro {
-  margin: 10px 0 0; }
-
-.p-max {
-  font-size: 1.8rem; }
-
-p + .p-max {
-  margin: 10px 0 0; }
-
-b,
-strong {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-weight: normal; }
-
-i,
-em {
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal; }
-
-.strike {
-  text-decoration: line-through; }
-
-sup {
-  display: inline-block;
-  font-style: normal;
-  height: 1em;
-  position: relative;
-  vertical-align: text-top;
-  width: auto; }
-
-.text-legal {
-  color: #5a5a5a;
-  font-size: 1.1rem;
-  line-height: 1.5rem;
-  margin: 0 0 10px; }
-
-.text-legal.legal-module {
-  line-height: 1.3rem;
-  margin: 0 0 12px; }
-
-.text-legal b,
-.text-legal strong {
-  font-weight: bold; }
-
-.text-legal a {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.text-left {
-  text-align: left !important; }
-
-.text-right {
-  text-align: right !important; }
-
-.text-center {
-  text-align: center !important; }
-
-.text-justified {
-  text-align: justify !important; }
-
-ul {
-  padding: 0;
-  margin: 0;
-  list-style: none; }
-
-ul.bullet,
-ul.no-bullet,
-ul.lower-alpha,
-ul.lower-roman,
-ol {
-  padding: 0;
-  margin: 12px 0 0 20px; }
-
-ul.bullet li,
-ul.no-bullet li,
-ul.lower-alpha li,
-ul.lower-roman li,
-ol li {
-  padding-left: 15px;
-  line-height: 20px;
-  position: relative; }
-
-ul.bullet li + li,
-ul.no-bullet li + li,
-ul.lower-alpha li + li,
-ul.lower-roman li + li,
-ol li + li {
-  margin-top: 12px; }
-
-ul.bullet > li:before,
-ul.no-bullet > li:before,
-ul.lower-alpha > li:before,
-ul.lower-roman > li:before,
-ol > li:before {
-  background-color: #333333;
-  border: 2px solid #333333;
-  border-radius: 100%;
-  content: " ";
-  display: block;
-  height: 1px;
-  left: 0;
-  position: absolute;
-  top: 8px;
-  width: 1px; }
-
-ul.bullet ul,
-ul.no-bullet ul,
-ul.lower-alpha ul,
-ul.lower-roman ul,
-ol ul,
-ul.bullet ol,
-ul.no-bullet ol,
-ul.lower-alpha ol,
-ul.lower-roman ol,
-ol ol {
-  margin-top: 12px; }
-
-ul + *,
-ol + * {
-  margin-top: 20px; }
-
-ul.no-bullet,
-ul.lower-alpha,
-ul.lower-roman {
-  margin: 0; }
-
-ul.no-bullet > li,
-ul.lower-alpha > li,
-ul.lower-roman > li {
-  padding-left: 0; }
-
-ul.no-bullet > li:before,
-ul.lower-alpha > li:before,
-ul.lower-roman > li:before {
-  display: none !important; }
-
-ol {
-  margin: 20px 0 0 32px; }
-
-ol li {
-  padding-left: 3px; }
-
-ol li:before {
-  display: none; }
-
-ol ol {
-  margin-left: 25px; }
-
-ol ul {
-  margin-left: -5px; }
-
-ul ul,
-ul ol,
-ol ol,
-ol ul {
-  margin-top: 0; }
-
-ul.lower-roman {
-  list-style-type: lower-roman;
-  margin-top: 12px;
-  margin-left: 35px;
-  margin-bottom: 0; }
-
-ul.lower-alpha {
-  list-style-type: lower-alpha;
-  margin-top: 12px;
-  margin-left: 35px;
-  margin-bottom: 0; }
-
-dl {
-  display: table;
-  margin: 0 0 20px;
-  width: 100%; }
-
-dt,
-dd {
-  display: table-cell; }
+  line-height: normal; }
 
 .btn {
   background-color: transparent;
@@ -1877,12 +28,12 @@ dd {
   cursor: pointer;
   display: inline-block;
   font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 0.5rem;
+  font-size: 1.9rem;
   font-weight: normal;
   line-height: 1;
   margin: 0 7px 10px 0;
-
-
+  max-width: 470px;
+  min-width: 70px;
   padding: 14px 19px 11px 18px;
   position: relative;
   text-align: center;
@@ -1898,232 +49,15 @@ dd {
     padding: 0;
     border: 0; }
   .btn i[class*="icon-primary-"].icon-primary-small {
-    font-size: 24px;
+    font-size: 17px;
     top: -2px; }
   .btn i[class*="icon-primary-"].icon-primary-medium {
-    font-size: 10px;
+    font-size: 30px;
     top: -2px; }
   .btn i[class*="icon-primary-"].icon-primary-large {
-    font-size: 10px;
+    font-size: 36px;
     top: -2px; }
 
-a.btn {
-  vertical-align: middle; }
-  a.btn:hover {
-    text-decoration: none; }
-
-.field-group + .btn {
-  margin-left: 20px; }
-
-.btn-primary {
-  border-color: #ea7400 transparent #d16500;
-  background-color: #ea7400 transparent #d16500;
-  background: linear-gradient(to bottom, #ea7400 0%, #d16500 100%);
-  color: #ffffff;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-weight: bold; }
-  .btn-primary:hover {
-    text-decoration: none;
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-  .btn-primary:focus {
-    text-decoration: none;
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-  .btn-primary:active {
-    text-decoration: none;
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-
-.btn-arrow {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.6rem;
-  font-weight: normal;
-  background-color: transparent;
-  border: none;
-  padding: 5px 0 0;
-  top: -4px;
-  color: #333333;
-  position: relative; }
-  .btn-arrow:hover {
-    text-decoration: underline; }
-    .btn-arrow:hover .btn-primary {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-arrow:hover .btn-secondary {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-arrow:hover .btn-alt {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-    .btn-arrow:hover .btn-specialty {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-arrow:focus {
-    text-decoration: underline;
-    outline: 1px dotted #666; }
-    .btn-arrow:focus .btn-primary {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-arrow:focus .btn-secondary {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-arrow:focus .btn-alt {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-    .btn-arrow:focus .btn-specialty {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-arrow:active .btn-primary {
-    text-decoration: none;
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-  .btn-arrow:active .btn-secondary {
-    color: #0568ae;
-    outline-color: #000000 !important;
-    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-  .btn-arrow:active .btn-alt {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-  .btn-arrow:active .btn-specialty {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-arrow .btn-alt {
-    border-color: #087ac2 transparent #0568ae;
-    background-color: #0568ae;
-    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-    color: #ffffff; }
-    .btn-arrow .btn-alt:hover {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-arrow .btn-alt:focus {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-arrow .btn-alt:active {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-  .btn-arrow::-moz-focus-inner {
-    padding: 0;
-    border: 0; }
-  .btn-arrow .btn {
-    border: 1px solid transparent;
-    border-radius: 100%;
-    height: 20px;
-    margin-bottom: 0;
-    margin-right: 7px;
-    max-width: 20px;
-    min-width: 20px;
-    padding: 0;
-    margin-top: -4px;
-    vertical-align: middle;
-    width: 36px; }
-    .btn-arrow .btn .icon-primary-left {
-      bottom: 0;
-      display: block;
-      height: 100%;
-      left: 0;
-      line-height: 0;
-      position: absolute;
-      right: 0;
-      text-indent: 0;
-      top: 0; }
-      .btn-arrow .btn .icon-primary-left:before {
-        position: absolute;
-        font-size: 1.6rem;
-        left: 1px;
-        top: 9px; }
-    .btn-arrow .btn .icon-primary-right {
-      bottom: 0;
-      display: block;
-      height: 100%;
-      left: 0;
-      line-height: 0;
-      position: absolute;
-      right: 0;
-      text-indent: 0;
-      top: 0;
-      color: #ffffff; }
-      .btn-arrow .btn .icon-primary-right:before {
-        position: absolute;
-        font-size: 1.6rem;
-        left: 17px;
-        top: 9px; }
-  .btn-arrow .btn.btn-primary .icon-primary-left {
-    color: #fff; }
-  .btn-arrow .btn.btn-primary .icon-primary-right {
-    color: #fff; }
-  .btn-arrow .btn.btn-alt .icon-primary-left {
-    color: #fff; }
-  .btn-arrow .btn.btn-alt .icon-primary-right {
-    color: #fff; }
-  .btn-arrow .btn.btn-secondary {
-    border: 1px solid #d2d2d2; }
-    .btn-arrow .btn.btn-secondary .icon-primary-left {
-      color: #0568ae; }
-    .btn-arrow .btn.btn-secondary .icon-primary-right {
-      color: #0568ae; }
-  .btn-arrow .btn.btn-small {
-    height: 10px;
-    
-    
-    width: 10px;
-    top: -1px; }
-    .btn-arrow .btn.btn-small .icon-primary-left:before {
-      font-size: 5px;
-      top: 4px;
-      left: 0; }
-    .btn-arrow .btn.btn-small .icon-primary-right:before {
-      font-size: 5px;
-      top: 4px;
-      left: 10px; }
-  .btn-arrow .btn.btn-large .icon-primary-left:before {
-    font-size: 112%;
-    top: 12px;
-    left: 23px; }
-  .btn-arrow .btn.btn-large .icon-primary-right:before {
-    font-size: 112%;
-    top: 12px;
-    left: 23px; }
-
-.btn-secondary {
-  border: 1px solid #d2d2d2;
-  background-color: #f2f2f2;
-  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-  color: #0568ae;
-  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-  padding: 14px 18px 11px 17px; }
-  .btn-secondary:hover {
-    color: #0568ae;
-    outline-color: #000000 !important;
-    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-  .btn-secondary:focus {
-    color: #0568ae;
-    outline-color: #000000 !important;
-    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-  .btn-secondary:active {
-    color: #0568ae;
-    outline-color: #000000 !important;
-    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-
 .btn-alt {
   border-color: #087ac2 transparent #0568ae;
   background-color: #0568ae;
@@ -2142,9762 +76,28 @@ a.btn {
     outline-color: #ffffff !important;
     background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
 
-.btn-specialty {
-  border-color: #008744 transparent #007a3e;
-  background-color: #007a3e;
-  background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-  color: #ffffff; }
-  .btn-specialty:hover {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-specialty:focus {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-specialty:active {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-
-.btn-clear {
-  background: transparent !important;
-  border-color: transparent !important;
-  font-weight: normal;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  box-shadow: none;
-  text-decoration: none;
-  color: #0568ae; }
-  .btn-clear:focus {
-    text-decoration: underline; }
-  .btn-clear:hover {
-    text-decoration: underline; }
-
-.isIE .btn:focus {
-  outline: none !important;
-  text-decoration: none !important; }
-  .isIE .btn:focus:after {
-    display: block;
-    content: "";
-    position: absolute;
-    top: 4px;
-    left: 4px;
-    right: 4px;
-    bottom: 4px;
-    border: 1px dotted #000; }
-
-.isIE .btn:active {
-  outline: none !important;
-  text-decoration: none !important; }
-  .isIE .btn:active:after {
-    display: block;
-    content: "";
-    position: absolute;
-    top: 4px;
-    left: 4px;
-    right: 4px;
-    bottom: 4px;
-    border: 1px dotted #000; }
-
-.isIE .btn.active {
-  outline: none !important;
-  text-decoration: none !important; }
-  .isIE .btn.active:not(:focus):after {
-    border: 1px solid #000; }
-  .isIE .btn.active:after {
-    display: block;
-    content: "";
-    position: absolute;
-    top: 4px;
-    left: 4px;
-    right: 4px;
-    bottom: 4px;
-    border: 1px dotted #000; }
-
-.isIE .btn.btn-primary:focus:after {
-  border: 2px dashed #fff; }
-
-.isIE .btn.btn-specialty:focus:after {
-  border: 2px dashed #fff; }
-
-.isIE .btn.btn-alt:focus:after {
-  border: 2px dashed #fff; }
-
-.btn.disabled {
-  background-image: none;
-  background-color: #767676;
-  box-shadow: none;
-  cursor: not-allowed;
-  color: #ffffff;
-  border-color: transparent;
-  outline: 0 !important; }
-  .btn.disabled:hover {
-    color: #f2f2f2;
-    outline: none !important; }
-  .btn.disabled:focus {
-    color: #f2f2f2;
-    outline: none !important; }
-
-.btn[disabled] {
-  background-image: none;
-  background-color: #767676;
-  box-shadow: none;
-  cursor: not-allowed;
-  color: #ffffff;
-  border-color: transparent;
-  outline: 0 !important; }
-  .btn[disabled]:hover {
-    color: #f2f2f2;
-    outline: none !important; }
-  .btn[disabled]:focus {
-    color: #f2f2f2;
-    outline: none !important; }
-
-.btn[disabled="disabled"] {
-  background-image: none;
-  background-color: #767676;
-  box-shadow: none;
-  cursor: not-allowed;
-  color: #ffffff;
-  border-color: transparent;
-  outline: 0 !important; }
-  .btn[disabled="disabled"]:hover {
-    color: #f2f2f2;
-    outline: none !important; }
-  .btn[disabled="disabled"]:focus {
-    color: #f2f2f2;
-    outline: none !important; }
-
-.btn-arrow[disabled] .btn {
-  background-image: none;
-  background-color: #767676;
-  box-shadow: none;
-  cursor: not-allowed;
-  color: #ffffff;
-  border-color: transparent;
-  outline: 0 !important; }
-  .btn-arrow[disabled] .btn:hover {
-    color: #f2f2f2;
-    outline: none !important; }
-  .btn-arrow[disabled] .btn:focus {
-    color: #f2f2f2;
-    outline: none !important; }
-
-.btn-arrow[disabled] .icon-primary-left {
-  color: #fff !important; }
-
-.btn-arrow[disabled] .icon-primary-right {
-  color: #fff !important; }
-
-.btn-arrow.disabled .btn {
-  background-image: none;
-  background-color: #767676;
-  box-shadow: none;
-  cursor: not-allowed;
-  color: #ffffff;
-  border-color: transparent;
-  outline: 0 !important; }
-  .btn-arrow.disabled .btn:hover {
-    color: #f2f2f2;
-    outline: none !important; }
-  .btn-arrow.disabled .btn:focus {
-    color: #f2f2f2;
-    outline: none !important; }
-
-.btn-arrow.disabled .icon-primary-left {
-  color: #fff !important; }
-
-.btn-arrow.disabled .icon-primary-right {
-  color: #fff !important; }
-
-.btn-medium {
-  padding: 12px 19px 11px 18px;
-  font-size: 1.7rem; }
-
 .btn-small {
-  /* padding: 10px 19px 9px 18px; */
-  font-size: 1.5rem;
-  border-radius: 8px; }
-
-.btn-fullwidth {
-  width: 100%; }
-
-*:not(.btn-arrow) > .btn > i[class*="icon-primary-"] {
-  margin-top: -20px;
-  margin-bottom: -20px; }
-
-.enhanced-cta-group {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-direction: row-reverse;
-  flex-direction: row-reverse;
-  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3A%23959595%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important;
-  background-position: 0 -1px;
-  background-repeat: repeat-x; }
-  .enhanced-cta-group > .cta-button-group {
-    border-top: 0;
-    background-image: none !important; }
-    .enhanced-cta-group > .cta-button-group + .cta-button-group a {
-      font-size: 1.4rem;
-      line-height: 1em; }
-      .enhanced-cta-group > .cta-button-group + .cta-button-group a a {
-        margin-right: 0; }
-    .enhanced-cta-group > .cta-button-group hr {
-      min-height: 14px; }
-    .enhanced-cta-group > .cta-button-group + .cta-button-group {
-      -ms-flex-align: center;
-      -ms-grid-row-align: center;
-      align-items: center;
-      -ms-flex-direction: row;
-      flex-direction: row;
-      padding: 10px 0; }
-
-.cta-button-group {
-  text-align: right;
-  -ms-flex-align: baseline;
-  align-items: baseline;
-  padding: 20px 0 10px;
-  width: 100%; }
-  .cta-button-group.nodots {
-    background-image: none !important; }
-  .cta-button-group .hidden-phone {
-    margin-right: 14px; }
-  .cta-button-group .btn + .btn {
-    margin-right: 20px !important; }
-  .cta-button-group .btn:not(.hidden-phone):not(.visible-phone) {
-    margin-right: 0; }
-
-.isMobile .btn-arrow .btn.btn-small .icon-primary-left:before {
-  left: -1px; }
-
-.isMobile .btn-arrow .btn.btn-large .icon-primary-left:before {
-  left: 24px; }
-
-.isMobile .btn-arrow .btn.btn-large .icon-primary-right:before {
-  left: 24px; }
-
-@media (max-width: 1024px) {
-  .field-group + .btn {
-    margin-left: 15px; } }
-
-@media (max-width: 767px) {
-  .cta-button-group {
-    text-align: center; }
-    .cta-button-group > .btn {
-      display: block;
-      float: none;
-      width: 100%;
-      margin-left: auto !important;
-      margin-right: auto !important; } }
-
-.btn-group {
-  border-radius: 8px;
-  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  margin-bottom: 10px;
-  max-width: 470px;
-  min-width: 290px;
-  position: relative;
-  vertical-align: middle;
-  width: 100%; }
-  .btn-group > .btn {
-    box-shadow: none;
-    -ms-flex: 1;
-    flex: 1;
-    position: relative;
-    float: left;
-    margin-right: -1px;
-    margin-bottom: 0;
-    padding-left: 0;
-    padding-right: 0;
-    text-align: center; }
-  .btn-group:not([data-select-color]) .btn.active:not(:first-child) {
-    margin-right: -1px;
-    border-left: 1px solid #d2d2d2 !important; }
-  .btn-group:not([data-select-color]) .btn[disabled]:not(:first-child) {
-    border-left: 1px solid #d2d2d2 !important; }
-  .btn-group:not([data-select-color]) .btn[disabled] + .btn[disabled] {
-    border-left: 1px solid #ebebeb !important; }
-  .btn-group:not([data-select-color]) > .btn.active {
-    border-color: #087ac2 transparent #0568ae;
-    background-color: #0568ae;
-    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-    color: #ffffff; }
-    .btn-group:not([data-select-color]) > .btn.active:hover {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: #0563a6;
-      border-color: #0563a6; }
-    .btn-group:not([data-select-color]) > .btn.active:focus {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: #0563a6;
-      border-color: #0563a6; }
-    .btn-group:not([data-select-color]) > .btn.active:active {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: #0563a6;
-      border-color: #0563a6; }
-  .btn-group:not([data-select-color]) > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
-    border-radius: 0; }
-  .btn-group:not([data-select-color]) > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0; }
-  .btn-group:not([data-select-color]) > .btn:last-child:not(:first-child) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0; }
-  .btn-group:not([data-select-color]) > .dropdown-toggle:not(:first-child) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0; }
-  .btn-group > .active {
-    text-decoration: none;
-    outline: 1px dotted transparent; }
-    .btn-group > .active:focus {
-      outline: 1px dotted #ffffff; }
-
-.btn-group.btn-fullwidth > .btn {
-  -ms-flex: 1;
-  flex: 1; }
-
-.btn-group[data-select-color] {
-  margin-top: 5px;
-  box-shadow: none;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap; }
-  .btn-group[data-select-color] .btn {
-    border: 1px solid #959595;
-    border-radius: 4px;
-    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    margin-right: 10px;
-    margin-bottom: 10px;
-    height: 40px;
-    font-size: 16px;
-    color: #333333;
-    max-width: 60px;
-    min-width: 60px;
-    -ms-flex: 0;
-    flex: 0; }
-  .btn-group[data-select-color] > .btn.active:focus {
-    outline: 1px dotted #191919;
-    outline-offset: 4px; }
-
-button .btn-fill {
-  background-clip: padding-box;
-  border: 0;
-  border-radius: 4px;
-  bottom: 0;
-  display: block;
-  height: auto;
-  left: 0;
-  margin: 5px;
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: auto; }
-
-button .btn-fill[style*="#fff"] {
-  border: 1px solid #d2d2d2; }
-
-[data-select-color] .btn.active {
-  background: none !important;
-  outline: 0;
-  margin-right: 10px;
-  border-width: 3px;
-  color: #333333;
-  line-height: 12px; }
-  [data-select-color] .btn.active > .btn-fill {
-    margin: 3px; }
-  [data-select-color] .btn.active:hover {
-    color: #333333; }
-
-[data-select-color] .btn:active {
-  background: none !important;
-  outline: 0;
-  margin-right: 10px;
-  border-width: 3px;
-  color: #333333;
-  line-height: 12px; }
-  [data-select-color] .btn:active > .btn-fill {
-    margin: 3px; }
-  [data-select-color] .btn:active:hover {
-    color: #333333; }
-
-.btn-group[data-select-color="orange"] > .btn.active {
-  border-color: #ea7400; }
-
-.btn-group[data-select-color="blue"] > .btn.active {
-  border-color: #0568ae; }
-
-.btn-group[data-select-color="green"] > .btn.active {
-  border-color: #007a3e; }
-
-.btn-spinbutton-toggle.btn-group {
-  display: block !important;
-  height: 40px !important;
-  margin-top: 5px;
-  max-width: 138px;
-  min-width: 138px;
-  white-space: nowrap; }
-
-.btn-spinbutton-toggle .btn {
-  border-radius: 6px;
-  font-weight: normal;
-  -ms-flex: unset;
-  flex: unset;
-  height: 40px;
-  letter-spacing: normal;
-  min-width: auto;
-  padding: 3px 0 0;
-  text-align: center;
-  min-width: 46px;
-  width: 46px; }
-
-.btn-spinbutton-toggle .btn[data-max-value] {
-  border-bottom: 1px solid #d2d2d2;
-  border-top: 1px solid #d2d2d2;
-  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-  background-color: #fff;
-  cursor: text;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 2rem;
-  font-weight: normal;
-  padding: 4px 0 0;
-  text-align: center;
-  min-width: 46px !important;
-  width: 46px; }
-  .btn-spinbutton-toggle .btn[data-max-value]:focus {
-    border-color: #0568ae;
-    outline: none; }
-    .btn-spinbutton-toggle .btn[data-max-value]:focus + .btn {
-      border-left: 1px solid #0568ae;
-      transition: border 0.3s linear 0s; }
-
-.btn-spinbutton-toggle .icon-primary-subtractminimize {
-  font-size: 30px !important;
-  color: #0568ae !important; }
-
-.btn-spinbutton-toggle .icon-primary-add-maximize {
-  font-size: 30px !important;
-  color: #0568ae !important; }
-
-.btn-spinbutton-toggle .btn[disabled].icon-primary-subtractminimize {
-  background-color: #d2d2d2;
-  color: #767676 !important; }
-
-.btn-spinbutton-toggle .btn[disabled].icon-primary-add-maximize {
-  background-color: #d2d2d2;
-  color: #767676 !important; }
-
-.btn-spinbutton-toggle input.btn[disabled] {
-  background-color: #d2d2d2;
-  color: #5a5a5a;
-  cursor: not-allowed; }
-
-.btn-group.btn-spinbutton-toggle .btn[disabled] + .btn[disabled] {
-  border-left: 1px solid #f0f0f0 !important; }
-
-.btn-group.btn-spinbutton-toggle .btn[data-max-value]:focus + .btn:not(:first-child) {
-  border-left: 1px solid #0568ae !important; }
-
-@media (max-width: 480px) {
-  .btn-group:not([data-select-color]) > .btn {
-    font-size: 1.3rem;
-    min-width: auto; } }
-
-.reset-field,
-.close {
-  float: right;
-  background: none;
-  width: 34px;
-  height: 34px;
-  padding: 0;
-  overflow: hidden;
-  display: inline-block; }
-
-.reset-field {
-  display: none; }
-
-.reset-field:before {
-  font-size: 22px;
-  color: #5a5a5a; }
-
-.input-emphasized + .reset-field:before {
-  font-size: 29px;
-  color: #5a5a5a; }
-
-.reset-field:active,
-.reset-field:hover,
-.reset-field:focus {
-  display: block !important; }
-
-button.close {
-  border: 0;
-  appearance: none; }
-
-.corner-button {
-  box-shadow: 0 -50px 0 0 #f2f2f2 inset;
-  height: 69px;
-  /*overflow: hidden;*/
-  position: absolute;
-  right: -35px;
-  top: -35px;
-  transform: rotate(45deg);
-  width: 69px; }
-
-.corner-button .close:before {
-  bottom: -7px;
-  color: #0568ae;
-  display: block;
-  font-size: 20px;
-  height: 50px;
-  left: -11px;
-  position: absolute;
-  width: 50px; }
-
-.corner-button .close {
-  float: none;
-  height: 45px;
-  margin: 0;
-  position: absolute;
-  right: 12px;
-  top: 45px;
-  transform: rotate(45deg);
-  width: 45px; }
-
-.corner-button .close:focus {
-  outline: 1px dotted black; }
-
-.ds2-no-colors .corner-button .close {
-  border: 1px solid black; }
-
-.field-group input + .reset-field {
-  background: none;
-  height: 36px;
-  width: 45px;
-  display: none;
-  padding: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  box-shadow: none;
-  border: none;
-  content: " "; }
-
-.field-group input[type="search"] + .reset-field,
-.field-group input[type="search"] + .btn-search + .reset-field,
-.tooltip-onclick input + .reset-field,
-.tooltip-onclick input + .icon-primary-tooltip + .reset-field,
-.tooltip-onclick textarea + .reset-field,
-.tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
-  right: 45px; }
-
-.field-group input[type="search"] + .reset-field:after,
-.field-group input[type="search"] + .btn-search + .reset-field:after,
-.tooltip-onclick input + .reset-field:after,
-.tooltip-onclick input + .icon-primary-tooltip + .reset-field:after,
-.tooltip-onclick textarea + .reset-field:after,
-.tooltip-onclick textarea + .icon-primary-tooltip + .reset-field:after {
-  background-color: #d2d2d2;
-  content: "";
-  display: block;
-  height: 20px;
-  position: absolute;
-  right: 0;
-  top: 8px;
-  width: 1px; }
-
-.tooltip-onclick input + .reset-field,
-.tooltip-onclick input + .icon-primary-tooltip + .reset-field {
-  right: 50px !important; }
-
-.tooltip-onclick textarea + .reset-field,
-.tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
-  right: 45px !important;
-  width: 40px; }
-
-.field-group input.input-emphasized + .reset-field {
-  width: 45px;
-  height: 46px;
-  right: 6px; }
-
-.field-group input.input-emphasized + .reset-field:after {
-  top: 14px; }
-
-.field-group [disabled] + .reset-field {
-  display: none; }
-
-.ds2_touchevents .field-group input + .reset-field:focus,
-.ds2_touchevents .field-group input:focus + .reset-field,
-.ds2_touchevents textarea:focus + .reset-field,
-.ds2_touchevents textarea + .reset-field:focus {
-  display: block;
-  position: absolute;
-  right: 0px;
-  top: 0;
-  border: none; }
-
-.ds2_touchevents .field-group input {
-  padding: 8px 55px 8px 15px;
-  -webkit-appearance: none; }
-
-.ds2_touchevents textarea:focus {
-  padding: 15px 55px 15px 15px; }
-
-.ds2_touchevents textarea:focus + .reset-field {
-  border: none;
-  position: absolute;
-  right: 6px;
-  top: 5px; }
-
-.ds2_touchevents textarea.hasScrollbar:focus {
-  padding: 15px 35px 15px 15px; }
-
-.ds2_touchevents textarea.hasScrollbar:focus + .reset-field {
-  right: 22px; }
-
-.ds2-no-colors .b2b-tmpl-card-corner-button {
-  border: none !important; }
-
-.ds2-no-colors .b2b-tmpl-card-corner-button .close {
-  border: 1px solid black;
-  top: 0px !important;
-  right: 0px !important; }
-
-.form-row.error .error-msg {
-  display: block;
-  font-size: 14px;
-  line-height: 14px;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  position: relative;
-  padding-left: 18px; }
-
-.form-row.error .error-msg:before {
-  color: #cf2a2a;
-  font-size: 14px;
-  left: 0;
-  line-height: 14px;
-  position: absolute;
-  vertical-align: middle; }
-
-.form-row.error label,
-.form-row.error .error-msg,
-.form-row.error button.awd-select,
-.form-row.error select.awd-select + span,
-.form-row.error .checkbox,
-.form-row.error .radio,
-.form-row.error legend.error,
-.form-row.error input {
-  color: #cf2a2a; }
-
-.form-row.error .btn-group > .btn,
-.form-row.error button.awd-select,
-.form-row.error .awd-select-list,
-.form-row.error select.awd-select + span,
-.form-row.error textarea,
-.form-row.error input,
-.form-row.error .checkbox .skin,
-.form-row.error .radio .skin {
-  border-color: #cf2a2a !important; }
-
-.form-row.error .checkbox input:checked:not(:disabled) + .skin {
-  background-color: #cf2a2a; }
-
-.form-row.error .radio input:checked + .skin:after {
-  background-color: #cf2a2a; }
-
-.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg {
-  margin-top: -11px;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0; }
-
-.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext {
-  margin: 0 0 10px; }
-
-.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:before,
-.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:after {
-  display: none; }
-
-.error .helpertext {
-  border-color: #cf2a2a;
-  /*border-radius:0;*/ }
-
-.error .helpertext:before {
-  border-top-color: #cf2a2a; }
-
-.error .tooltip-onfocus .helpertext {
-  margin: 14px 0 10px 0; }
-
-.error [class*="price"],
-.error [class*="pricing-"] {
-  color: #cf2a2a; }
-
-input:-ms-clear {
-  display: none; }
-
-input[type]::-webkit-inner-spin-button,
-input[type]::-webkit-outer-spin-button {
-  -webkit-appearance: none; }
-
-input[type] {
-  -moz-appearance: textfield; }
-
-form {
-  margin: 0; }
-
-fieldset {
-  padding: 0;
-  margin: 0;
-  border: 0; }
-
-label,
-legend {
-  display: inline-block;
-  /* font-size: 1.4rem; */
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-legend {
-  display: block; }
-
-.error-msg {
-  display: none; }
-
-select,
-textarea,
-input {
-  border-radius: 6px;
-  color: #5a5a5a;
-  display: inline-block;
-  font-size: 1.6rem;
-  margin: 0px;
-  padding: 0 15px 0 15px;
-  vertical-align: middle;
-  line-height: normal; }
-
-select::-webkit-input-placeholder,
-textarea::-webkit-input-placeholder,
-input::-webkit-input-placeholder {
-  color: #5a5a5a;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal;
-  opacity: 1; }
-
-select:-moz-placeholder,
-textarea:-moz-placeholder,
-input:-moz-placeholder {
-  color: #5a5a5a;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal;
-  opacity: 1; }
-
-select::-moz-placeholder,
-textarea::-moz-placeholder,
-input::-moz-placeholder {
-  color: #5a5a5a;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal;
-  opacity: 1; }
-
-select:-ms-input-placeholder,
-textarea:-ms-input-placeholder,
-input:-ms-input-placeholder {
-  color: #5a5a5a;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  transition: none;
-  opacity: 1; }
-
-select:placeholder,
-textarea:placeholder,
-input:placeholder {
-  color: #5a5a5a;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal;
-  opacity: 1; }
-
-select:last-child,
-textarea:last-child,
-input:last-child {
-  margin-right: 0; }
-
-input:not([type="button"]) {
-  height: 36px; }
-
-input.input-emphasized {
-  font-size: 1.8rem;
-  height: 48px;
-  padding: 13px 20px 13px; }
-
-input[type="search"]:focus {
-  padding-right: 88px; }
-
-input[type="search"] {
-  padding-right: 40px;
-  -webkit-appearance: none !important; }
-
-input[type="search"].input-emphasized {
-  padding-right: 45px; }
-
-.btn-search[class*="btn"] {
-  background-color: transparent;
-  background-position: 50% 50%;
-  background-size: 20px;
-  background-repeat: no-repeat;
-  border: none;
-  height: 100%;
-  margin-left: 0;
-  margin-top: 0;
-  min-width: 45px !important;
-  outline-offset: 0;
-  padding: 0 !important;
-  position: absolute;
-  right: 0;
-  top: 0;
-  border-radius: 0 5px 5px 0;
-  min-width: 44px;
-  width: 44px; }
-
-.input-emphasized + .btn-search[class*="btn"],
-.input-emphasized + .reset-field + .btn-search[class*="btn"] {
-  background-size: 26px;
-  height: 46px;
-  top: 1px;
-  outline-offset: -3px;
-  margin-bottom: 0;
-  border-radius: 0 5px 5px 0; }
-
-input[type="search"].input-emphasized + .reset-field {
-  right: 45px !important; }
-
-.search-suggestion-wrapper {
-  position: relative;
-  margin-bottom: 15px; }
-
-/*styles from dropdown*/
-.search-suggestion-list {
-  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-  border-radius: 0 0 6px 6px;
-  position: relative;
-  border: 1px solid #0568ae;
-  border-top: 0;
-  padding: 15px 0;
-  background-color: #f2f2f2;
-  z-index: 1000;
-  width: 100%;
-  max-height: 400px;
-  overflow-y: auto; }
-
-.search-suggestion-list:empty {
-  display: none; }
-
-.search-suggestion-item {
-  position: relative;
-  z-index: -1;
-  padding: 0 15px;
-  line-height: 4.0rem;
-  color: #5a5a5a; }
-
-.search-suggestion-item a {
-  text-decoration: none;
-  color: #5a5a5a; }
-
-.search-suggestion-item:hover,
-.search-suggestion-item:focus {
-  cursor: pointer;
-  background-color: #d2d2d2; }
-
-input[data-provide="datepicker"],
-[data-provide="datepicker"]:-moz-placeholder,
-[data-provide="datepicker"]:-ms-input-placeholder,
-[data-provide="datepicker"]:-webkit-input-placeholder {
-  color: #0568ae !important;
-  opacity: 1;
-  filter: alpha(opacity=100); }
-
-input[disabled],
-input[readonly],
-select[disabled],
-select[readonly],
-textarea[disabled],
-textarea[readonly],
-i.icon-primary-calendar.disabled,
-span.icon-primary-calendar.readonly {
-  cursor: not-allowed;
-  background-color: #f2f2f2;
-  box-shadow: none; }
-
-i.icon-primary-calendar.disabled input,
-span.icon-primary-calendar.readonly input {
-  color: #959595 !important; }
-
-textarea {
-  display: block;
-  width: 800px;
-  
-  padding: 15px; }
-
-textarea.small {
-  line-height: 20px; }
-
-textarea + .reset-field {
-  display: none; }
-
-textarea::-webkit-input-placeholder {
-  line-height: .99; }
-
-textarea:-moz-placeholder {
-  line-height: .99; }
-
-textarea::-moz-placeholder {
-  line-height: .99; }
-
-textarea:-ms-input-placeholder {
-  line-height: .99; }
-
-textarea:placeholder {
-  line-height: .99; }
-
-textarea,
-input {
-  background-color: #ffffff;
-  border: 1px solid #d2d2d2;
-  -webkit-appearance: none;
-  box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-  transition: border .3s linear 0s;
-  font-family: "Omnes-ECOMP-W02", Arial; }
-
-textarea:focus,
-input:focus {
-  outline: 0;
-  border-color: #0568ae; }
-
-.input-append {
-  display: table; }
-
-.input-append > div {
-  display: table-cell;
-  width: 1%; }
-
-.input-append > .field-group {
-  width: 100%; }
-
-.row .field-group input[class*="span"] {
-  float: none; }
-
-.field-group {
-  position: relative;
-  display: inline-block; }
-
-label + .field-group,
-label + .input-append,
-label + .row,
-label + .row-nowrap,
-label + .form-row {
-  margin-top: 5px; }
-
-.field-group {
-  position: relative;
-  display: block; }
-
-.field-group input:not([type="button"])[disabled] {
-  padding-right: 15px; }
-
-input:invalid,
-textarea:invalid,
-select:invalid {
-  outline: none !important; }
-
-.form-row {
-  margin-top: 20px; }
-
-.form-row.nomar {
-  margin: 0; }
-
-.row-nowrap.no-flex.form-row > label + br {
-  margin-bottom: 5px; }
-
-span.form-row {
-  display: inline-block; }
-
-legend + .form-row {
-  margin-top: 20px; }
-
-.tooltip-onclick input {
-  padding-right: 45px; }
-
-.ds2_touchevents .tooltip-onclick input:focus {
-  padding-right: 95px; }
-
-.btn-calendar-icon {
-  position: absolute;
-  background-color: transparent !important;
-  top: 8px;
-  border: 0 !important;
-  width: 30px;
-  right: 15px; }
-
-.btn-calendar-icon .icon-primary-calendar:before {
-  position: absolute;
-  color: #0568ae; }
-
-.btn-calendar-icon .icon-primary-calendar.disabled {
-  background-color: #f2f2f2; }
-
-.btn-calendar-icon .icon-primary-calendar.disabled:before {
-  color: #959595; }
-
-span.icon-primary-calendar input {
-  padding-left: 35px;
-  color: #0568ae;
-  transition: border-color 0.3s linear 0s;
-  box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-  position: absolute;
-  top: 0;
-  left: 0; }
-
-.faux-input + input.datepicker-input:not([disabled]) {
-  cursor: pointer;
-  margin-left: 0;
-  background-color: #fff;
-  position: absolute;
-  left: 0;
-  top: 0;
-  z-index: 0; }
-
-.faux-input {
-  background-color: transparent !important;
-  border: 1px solid transparent;
-  border-radius: 4px;
-  font-size: 1.6rem;
-  height: 35px;
-  left: 0;
-  line-height: 35px;
-  margin-bottom: 10px;
-  margin-right: 6px;
-  padding: 0 0 0 35px;
-  position: relative;
-  text-align: left;
-  top: 0;
-  vertical-align: middle;
-  width: 100%;
-  z-index: 1; }
-
-.faux-input:disabled {
-  cursor: not-allowed; }
-
-.faux-input:focus + .datepicker-input,
-[data-calendar-state="opened"] + .datepicker-input {
-  border-color: #0568ae;
-  box-shadow: 2px 3px 2px -2px rgba(5, 116, 172, 0.35) inset;
-  outline: 0 none; }
-
-.form-row.error .error-msg {
-  display: block;
-  font-size: 14px;
-  line-height: 14px;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  position: relative;
-  padding-left: 18px;
-  margin-top: 10px; }
-
-.form-row.error .error-msg > .icon-primary-badgealert {
-  height: 14px;
-  width: 14px;
-  position: absolute;
-  left: 0;
-  margin-right: 0; }
-
-.form-row.error .error-msg > .icon-primary-badgealert:before {
-  color: #cf2a2a;
-  font-size: 14px;
-  left: 0;
-  line-height: 14px;
-  position: absolute;
-  vertical-align: middle; }
-
-.form-row.error label,
-.form-row.error .error-msg,
-.form-row.error button.awd-select,
-.form-row.error select.awd-select + span,
-.form-row.error .checkbox,
-.form-row.error .radio,
-.form-row.error legend.error,
-.form-row.error input,
-.form-row.error textarea {
-  color: #cf2a2a; }
-
-.form-row.error .btn-group > .btn,
-.form-row.error button.awd-select,
-.form-row.error .awd-select-list,
-.form-row.error select.awd-select + span,
-.form-row.error textarea,
-.form-row.error input,
-.form-row.error .checkbox .skin,
-.form-row.error .radio .skin {
-  border-color: #cf2a2a !important; }
-
-.form-row.error .checkbox input:checked:not(:disabled) + .skin {
-  background-color: #cf2a2a; }
-
-.form-row.error .radio input:checked + .skin:after {
-  background-color: #cf2a2a; }
-
-.error [class*="price"],
-.error [class*="pricing-"] {
-  color: #cf2a2a; }
-
-hr,
-.hr-or {
-  display: block;
-  height: 1px;
-  margin: 15px 0;
-  border: none;
-  background-repeat: repeat-x;
-  background-color: #959595;
-  position: relative; }
-
-hr.dark {
-  background-color: #959595; }
-
-hr.lite {
-  background-color: #d2d2d2; }
-
-.hr-or:before {
-  background-color: #fff;
-  color: #666;
-  content: " OR ";
-  display: block;
-  font-size: 1.4rem;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  height: 16px;
-  left: 50%;
-  line-height: 1.6rem;
-  margin-left: -15px;
-  margin-top: -8px;
-  position: absolute;
-  text-align: center;
-  top: 50%;
-  width: 30px;
-  z-index: 1111; }
-
-hr.is-vertical.dark,
-hr.hr-or.dark,
-hr.is-vertical.lite,
-hr.hr-or.lite {
-  display: inline-block;
-  height: auto;
-  margin: 0 15px;
-  min-height: 20px;
-  width: 1px; }
-
-hr.is-vertical.dark,
-hr.hr-or.dark {
-  background-color: #959595; }
-
-hr.is-vertical.lite,
-hr.hr-or.lite {
-  background-color: #d2d2d2; }
-
-.hr-dotted.is-vertical.dark,
-.hr-dotted.is-vertical.lite {
-  background-color: transparent;
-  background-repeat: repeat-y;
-  background-size: 1px 4px;
-  height: auto;
-  min-height: 20px;
-  width: 1px; }
-
-.row-nowrap > .span + hr.is-vertical,
-.row > .span + hr.is-vertical {
-  margin: 0 0 0 -20px; }
-
-
-
-hr.bottom-space-only {
-  margin-top: 0; }
-
-.hr-nomargin {
-  margin: 0; }
-
-.radio {
-  position: relative;
-  min-height: 24px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.6rem;
-  margin-bottom: 5px; }
-  .radio input {
-    -webkit-tap-highlight-color: transparent;
-    height: 10px;
-    margin: 6px;
-    opacity: 0;
-    outline: none;
-    position: absolute;
-    left: 1px;
-    top: 1px;
-    width: 10px; }
-    .radio input:focus + .skin {
-      border-color: #0568ae; }
-      .radio input:focus + .skin:before {
-        content: "";
-        height: 34px;
-        left: -6px;
-        top: -6px;
-        outline: 1px dotted #000000;
-        position: absolute;
-        width: 34px; }
-    .radio input + .skin {
-      border-radius: 100%; }
-    .radio input:checked + .skin:after {
-      background-color: #0568ae;
-      border-radius: 100%;
-      border: 3px solid #FFFFFF;
-      content: "";
-      display: block;
-      height: 16px;
-      position: absolute;
-      width: 16px; }
-    .radio input:disabled + .skin {
-      cursor: not-allowed;
-      background-color: #d2d2d2;
-      border-color: #d2d2d2;
-      color: #666666; }
-      .radio input:disabled + .skin + span {
-        cursor: not-allowed;
-        color: #666666; }
-    .radio input:disabled:checked + .skin:after {
-      background-color: #666666; }
-    .radio input:invalid + .skin {
-      border: solid 1px #cf2a2a; }
-  .radio .skin {
-    background-color: #FFFFFF;
-    border: 1px solid #d2d2d2;
-    border-radius: 3px;
-    display: inline-block;
-    height: 24px;
-    left: 0;
-    position: absolute;
-    top: 0;
-    width: 24px; }
-  .radio span {
-    display: inline-block;
-    margin-left: 34px;
-    margin-top: 0;
-    position: relative;
-    top: 3px; }
-  .radio label {
-    font-size: 1.6rem;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-
-.radio.inline {
-  display: inline-block;
-  margin-bottom: 10px;
-  vertical-align: middle;
-  margin-right: 10px; }
-  .radio.inline:last-child {
-    margin-right: 0; }
-
-.radio-box {
-  border: 1px solid #d2d2d2;
+  padding: 10px 19px 9px 18px;
+  font-size: 17px;
   border-radius: 8px; }
-  .radio-box > [role="radio"] label {
-    padding: 15px 15px 20px 15px;
-    display: block;
-    width: 100%; }
-    .radio-box > [role="radio"] label .skin + span {
-      top: 2px; }
-  .radio-box > [role="radio"] + div {
-    padding: 0 15px 15px 47px; }
-  .radio-box > [aria-checked="false"] label > input {
-    top: 15px;
-    left: 15px; }
-  .radio-box > [aria-checked="false"] label .skin {
-    top: 15px;
-    left: 15px; }
-  .radio-box > [aria-checked="true"] label > input {
-    top: 13px;
-    left: 13px; }
-  .radio-box > [aria-checked="true"] label .skin {
-    top: 13px;
-    left: 13px; }
-
-.radio-box.active {
-  border: 3px solid #0568ae; }
-  .radio-box.active > [role="radio"] label {
-    padding: 13px 14px 19px 13px; }
-
-.checkbox {
-  position: relative;
-  min-height: 24px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1rem;
-   }
-  .checkbox input {
-    -webkit-tap-highlight-color: transparent;
-    height: 20px;
-    margin-left: 20px;
-    opacity: 0;
-    outline: none;
-    position: absolute;
-    left: 1px;
-    top: 1px;
-    width: 10px; }
-    .checkbox input:focus + .skin {
-      border-color: #0568ae; }
-      .checkbox input:focus + .skin:before {
-        content: "";
-        height: 34px;
-        left: -6px;
-        top: -6px;
-        outline: 1px dotted #000000;
-        position: absolute;
-        width: 34px; }
-    .checkbox input:checked:not(:disabled) + .skin {
-      background-color: #0568ae;
-      border-color: #0568ae; }
-    .checkbox input:checked:disabled + .skin:after {
-      color: #5A5A5A; }
-    .checkbox input:checked + .skin:after {
-      height: 20px;
-      width: 10px;
-      background-color: transparent;
-      font-size: 23.4px;
-      color: #FFFFFF;
-      line-height: 21px; }
-    .checkbox input:disabled + .skin {
-      cursor: not-allowed;
-      background-color: #d2d2d2;
-      border-color: #d2d2d2;
-      color: #666666; }
-      .checkbox input:disabled + .skin + span {
-        cursor: not-allowed;
-        color: #666666; }
-    .checkbox input:invalid + .skin {
-      border: solid 1px #cf2a2a; }
-    .checkbox input:indeterminate + .skin:after {
-      background-color: transparent;
-      font-size: 25px;
-      color: #0574ac;
-      content: "\e920"; }
-  .checkbox .skin {
-    background-color: #fff;
-    border: 1px solid #d2d2d2;
-    border-radius: 3px;
-    display: inline-block;
-    height: 24px;
-    width: 24px;
-    position: absolute;
-    left: 0;
-    top: 0; }
-  .checkbox span {
-    display: inline-block;
-    margin-left: 34px;
-    margin-top: 0;
-    position: relative;
-    top: 3px; }
-  .checkbox label {
-    font-size: 1.6rem;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-  .checkbox input {
-    z-index: 9999; }
-  .checkbox input.indeterminate + .skin:after {
-    font-size: 22px;
-    color: #0568ae; }
-
-/* .checkbox.inline {
-  display: inline-block;
-  margin-bottom: 10px;
-  vertical-align: middle;
-  margin-right: 10px; }
-  .checkbox.inline:last-child {
-    margin-right: 0; }
-
-.checkbox.checkbox-selectall {
-  margin: 20px 0 0 24px; }
-
-.terms-after-checkbox {
-  margin-top: 15px; } */
-
-.indeterminate-margin {
-  padding-left: 24px; }
-
-.tiny-accordion {
-  border-bottom: 1px solid #d2d2d2; }
-
-.toggle-header,
-.inactive-toggle-header {
-  border-color: #fff;
-  color: #0568ae;
-  cursor: pointer;
-  display: block;
-  font-size: 2.0rem;
-  line-height: 2.2rem;
-  min-height: 41px;
-  position: relative;
-  padding: 16px 55px 16px 15px; }
-
-.toggle-header.opened {
-  color: #333333; }
-
-.tiny-accordion .toggle-header,
-.tiny-accordion .inactive-toggle-header {
-  padding: 16px 55px 16px 15px;
-  border-top: 1px solid #d2d2d2; }
-
-.tiny-accordion .toggle-header:focus {
-  text-decoration: underline; }
-
-.tiny-accordion.iconleft .toggle-header,
-.tiny-accordion.iconleft .inactive-toggle-header {
-  padding: 15px 15px 15px 50px; }
-
-.accordion-content {
-  font-size: 1.4rem; }
-
-.accordion-content .toggle-header:first-child {
-  margin-top: 16px; }
-
-.tiny-accordion .toggle-header + .accordion-content {
-  padding: 0 50px 15px 15px; }
-
-.tiny-accordion.iconleft .toggle-header + .accordion-content {
-  padding: 0 15px 15px 50px; }
-
-.toggle-header .icon-primary-accordion-plus,
-.toggle-header .icon-primary-accordion-minus {
-  display: inline-block;
-  font-size: 20px;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  right: 15px;
-  vertical-align: middle;
-  top: 16px;
-  font-weight: bold; }
-
-.tiny-accordion.iconleft .toggle-header .icon-primary-accordion-plus,
-.tiny-accordion.iconleft .toggle-header .icon-primary-accordion-minus {
-  left: 15px; }
-
-.inactive-toggle-header:hover {
-  cursor: inherit; }
-
-.tiny-accordion-to-tabs,
-.tiny-tabs {
-  position: relative;
-  width: 100%;
-  margin: 0px;
-  padding: 0px; }
-
-.tiny-tabs [class*="icon-primary-accordion-"] {
-  display: none !important; }
-
-.tiny-accordion-to-tabs:before,
-.tiny-accordion-to-tabs:after,
-.tiny-tabs:before,
-.tiny-tabs:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.tiny-accordion-to-tabs:after,
-.tiny-tabs:after {
-  clear: both; }
-
-.tiny-accordion-to-tabs:before,
-.tiny-accordion-to-tabs:after,
-.tiny-tabs:before,
-.tiny-tabs:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.tiny-accordion-to-tabs:after,
-.tiny-tabs:after {
-  clear: both; }
-
-.tiny-tabs > .toggle-header {
-  display: inline-block;
-  float: left;
-  border-top: none;
-  overflow: hidden;
-  height: 70px;
-  text-align: center;
-  background-color: #fff;
-  border-radius: 0px;
-  padding: 26px 20px 25px 20px !important;
-  border-top: 1px solid #fff;
-  -webkit-filter: none;
-  filter: none;
-  background-clip: padding-box;
-  border-bottom: 1px solid #d2d2d2;
-  font-weight: normal;
-  border-right: 1px solid #d2d2d2;
-  white-space: nowrap; }
-
-.tiny-tabs .toggle-header + div {
-  left: 0px;
-  position: absolute;
-  top: 69px;
-  border-top: 1px solid #d2d2d2;
-  padding: 0;
-  display: block;
-  border-bottom: none;
-  width: 100%; }
-
-.accordion-pad {
-  padding-top: 30px;
-  padding-bottom: 30px; }
-
-.tiny-tabs .opened {
-  color: #333333;
-  border-top: 5px solid #0568ae !important;
-  padding-top: 22px !important;
-  border-bottom: none;
-  background-color: #fff;
-  -webkit-filter: none;
-  filter: none;
-  cursor: default;
-  z-index: 999; }
-
-.tiny-tabs .toggle-header:focus {
-  text-decoration: underline;
-  outline: thin dotted #666;
-  outline-offset: 0; }
-
-.tiny-tabs .toggle-header:first-child {
-  border-left: none;
-  margin-left: 0; }
-
-.tiny-tabs .toggle-header:first-child {
-  border-left: 1px solid #fff; }
-
-.tiny-tabs .opened:first-child {
-  border-left: 1px solid #d2d2d2; }
-
-.tiny-tabs .toggle-header:nth-last-of-type(2) {
-  border-right-color: #fff; }
-
-.tiny-tabs .opened:nth-last-of-type(2) {
-  border-right: 1px solid #d2d2d2; }
-
-@media (max-width: 767px) {
-  .tiny-accordion,
-  .tiny-accordion-to-tabs {
-    margin-left: -15px;
-    margin-right: -15px;
-    width: auto; }
-  .tiny-accordion-to-tabs {
-    display: block;
-    border-bottom: 1px solid #d2d2d2; }
-  .tiny-accordion-to-tabs .toggle-header {
-    display: block;
-    min-height: 41px;
-    padding: 16px 50px 16px 15px;
-    border-top: 1px solid #d2d2d2; }
-  .tiny-accordion-to-tabs .toggle-header:focus {
-    text-decoration: underline; }
-  .tiny-accordion-to-tabs .toggle-header + .accordion-content {
-    padding: 0 50px 15px 15px; } }
-
-@media (min-width: 768px) {
-  .tiny-accordion-to-tabs [class*="icon-primary-accordion-"] {
-    display: none !important; }
-  .tiny-accordion-to-tabs > .toggle-header {
-    display: inline-block;
-    float: left;
-    border-top: none;
-    /*overflow: hidden;*/
-    height: 70px;
-    text-align: center;
-    background-color: #fff;
-    border-radius: 0px;
-    padding: 26px 20px 25px 20px !important;
-    border-top: 1px solid #fff;
-    -webkit-filter: none;
-    filter: none;
-    background-clip: padding-box;
-    border-bottom: 1px solid #d2d2d2;
-    font-weight: normal;
-    border-right: 1px solid #d2d2d2;
-    white-space: nowrap; }
-  .tiny-accordion-to-tabs .toggle-header + div {
-    left: 0px;
-    position: absolute;
-    top: 69px;
-    border-top: 1px solid #d2d2d2;
-    padding-top: 30px;
-    padding-left: 20px;
-    display: block;
-    border-bottom: none;
-    width: 100%; }
-  .tiny-accordion-to-tabs .opened {
-    color: #333333;
-    border-top: 5px solid #0568ae !important;
-    padding-top: 22px !important;
-    border-bottom: none;
-    background-color: #fff;
-    -webkit-filter: none;
-    filter: none;
-    cursor: default;
-    text-decoration: none;
-    z-index: 999; }
-  .tiny-accordion-to-tabs .toggle-header:focus {
-    text-decoration: underline;
-    outline: thin dotted #666;
-    outline-offset: 0px; }
-  .tiny-accordion-to-tabs .toggle-header:nth-last-of-type(2) {
-    border-right: none; }
-  .tiny-accordion-to-tabs .toggle-header:first-child {
-    border-left: none;
-    margin-left: 0; }
-  .tiny-accordion-to-tabs .toggle-header:first-child {
-    border-left: 1px solid #fff; }
-  .tiny-accordion-to-tabs .opened:first-child {
-    border-left: 1px solid #d2d2d2; }
-  .tiny-accordion-to-tabs .opened:nth-last-of-type(2) {
-    border-right: 1px solid #d2d2d2; } }
-
-.toggle-header .tooltip .icon-primary-tooltip {
-  margin-top: -5px; }
-
-.accordion-content {
-  transition: all 0.8s linear; }
-
-.opaque-content {
-  opacity: 0; }
-
-.tiny-tabs .toggle-header {
-  display: inline-block;
-  float: left;
-  border-top: none;
-  overflow: hidden;
-  height: 70px;
-  text-align: center;
-  background-color: #fff;
-  border-radius: 0px;
-  padding: 22px 20px 25px 20px !important;
-  border-top: 5px solid #fff;
-  -webkit-filter: none;
-  filter: none;
-  background-clip: padding-box;
-  border-bottom: 1px solid #ccc;
-  font-weight: normal;
-  border-right: 1px solid #ccc;
-  white-space: nowrap; }
-
-.tiny-tabs .toggle-header:first-child {
-  margin-left: 0; }
-
-.tiny-tabs div:first-child .toggle-header {
-  margin-left: 30px; }
-
-.tiny-tabs > div .toggle-header.opened {
-  border-bottom: 0 !important; }
-
-.tiny-accordion-to-tabs > div > div.toggle-header {
-  background-clip: padding-box;
-  background-color: #fff;
-  border-bottom: 1px solid #ccc;
-  border-radius: 0;
-  border-top: 5px solid #fff;
-  display: inline-block;
-  filter: none;
-  float: left;
-  font-weight: normal;
-  overflow: hidden;
-  padding: 22px 20px 21px !important;
-  text-align: center;
-  white-space: nowrap; }
-
-.tiny-accordion-to-tabs .toggle-header:first-child {
-  margin-left: 0; }
-
-.tiny-accordion-to-tabs div:first-child .toggle-header {
-  margin-left: 30px;
-  border-bottom: 0 !important; }
-
-.tiny-accordion-to-tabs > div .toggle-header.opened {
-  border-bottom: 0 !important; }
-
-@media (max-width: 767px) {
-  .tiny-accordion-to-tabs {
-    display: block !important;
-    border-bottom: 1px solid #ccc !important; }
-  .tiny-accordion-to-tabs > div > div.toggle-header {
-    display: block !important;
-    float: none;
-    text-align: left;
-    min-height: 41px !important;
-    padding: 15px 50px 15px 15px !important;
-    border-top: 1px solid #ccc; }
-  .tiny-accordion-to-tabs > div > div.toggle-header:first-child {
-    margin-left: 0 !important; }
-  .tiny-accordion-to-tabs > div > div.toggle-header + .accordion-content {
-    padding: 0 50px 15px 15px; }
-  .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus {
-    background-position: 0 0;
-    background-size: 20px 40px; }
-  .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-    background-position: 0 -20px;
-    background-size: 20px 40px; }
-  .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus,
-  .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-    display: inline-block;
-    height: 20px;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    right: 15px;
-    vertical-align: middle;
-    width: 20px; } }
-
-.alert {
-  background-color: #5a5a5a;
-  border-radius: 8px;
-  color: #fff;
-  margin-top: 15px;
-  padding: 0;
-  position: relative;
-  border: 0; }
-
-.alert h3,
-.alert h4 {
-  color: #fff;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 1.6rem;
-  margin: 0 20px 5px 0; }
-
-.alert div {
-  padding: 15px 20px; }
-
-.alert div:first-child {
-  border-radius: 8px 0 0 8px;
-  width: 1%; }
-
-.alert div:first-child + div {
-  border: 1px solid transparent;
-  border-left: none;
-  border-radius: 0 8px 8px 0; }
-
-.alert-error {
-  background-color: #cf2a2a;
-  border: 1px solid #cf2a2a; }
-
-.alert-info {
-  background-color: #44c8f5;
-  border: 1px solid #44c8f5; }
-
-.alert-success {
-  background-color: #c5d63d;
-  border: 1px solid #c5d63d; }
-
-.alert [class*="icon-primary-"] {
-  color: #fff;
-  font-size: 30px;
-  margin-right: 0; }
-
-.alert .close {
-  height: 30px;
-  position: absolute;
-  right: 1px;
-  top: 1px;
-  width: 30px; }
-
-.alert .close:before {
-  color: #fff;
-  margin-right: 0;
-  position: absolute;
-  right: 9px;
-  top: 9px; }
-
-.alert a {
-  color: #fff;
-  text-decoration: underline; }
-
-.alert .close:focus {
-  outline: 1px dotted #666; }
-
-.alert p {
-  font-size: 1.4rem; }
-
-.alert p:last-child {
-  margin-bottom: 0; }
-
-.alert .standalone-link i[class*="icon-primary-"] {
-  font-size: 20px;
-  margin-right: 5px; }
-
-@media (max-width: 767px) {
-  .alert {
-    border-radius: 0;
-    margin: 0 -15px; }
-  .alert + .alert {
-    margin-top: 4px; }
-  .alert div {
-    padding: 15px 10px; }
-  .alert div:first-child {
-    border-radius: 0;
-    padding: 15px; }
-  .alert h3,
-  .alert h4 {
-    font-size: 1.4rem; }
-  .alert p {
-    font-size: 1.2rem; }
-  .alert .close {
-    right: 5px;
-    top: 5px; }
-  .alert .standalone-link i[class*="icon-primary-"] {
-    font-size: 16px; } }
-
-.alert h3 {
-  margin: 0;
-  font-size: 16px; }
-
-.alert p {
-  font-size: 14px; }
-
-.alert p a {
-  color: #FFFFFF;
-  text-decoration: underline; }
-
-.alert div:first-child + div {
-  padding-right: 25px; }
-
-.alert div:last-child {
-  padding-right: 20px !important; }
-
-.alert p [class*="icon-primary-"] {
-  color: #fff;
-  font-size: 20px;
-  margin-right: 0; }
-
-@media (max-width: 767px) {
-  .alert h3 {
-    font-size: 14px; }
-  .alert div:first-child + div {
-    padding-right: 20px; }
-  .alert div:last-child {
-    padding-right: 15px !important; }
-  .alert div:first-child {
-    padding: 15px; }
-  .alert p {
-    font-size: 12px; }
-  .alert p [class*="icon-primary-"] {
-    font-size: 16px; } }
-
-.b2b-audio {
-  width: auto;
-  margin: 10px auto;
-  height: 35px; }
-  .b2b-audio .controls-wrapper {
-    display: inline-block;
-    font-size: 25px;
-    cursor: pointer; }
-    .b2b-audio .controls-wrapper i {
-      font-size: 25px;
-      margin-right: 0px;
-      color: #444; }
-      .b2b-audio .controls-wrapper i:hover {
-        color: #0574AC; }
-  .b2b-audio .seek-bar-container-wrapper {
-    display: inline-block;
-    outline: 0;
-    min-width: 180px;
-    margin-right: 10px;
-    margin-left: 10px;
-    height: 14px;
-    padding-top: 5px; }
-    .b2b-audio .seek-bar-container-wrapper .timing-container {
-      padding-top: 13px;
-      color: #333;
-      font-size: 12px; }
-      .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-left {
-        float: left;
-        line-height: 100%; }
-      .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-right {
-        float: right;
-        line-height: 100%; }
-      .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-spacer {
-        clear: both; }
-  .b2b-audio .seek-bar-tooltip {
-    text-align: center;
-    min-width: 76px; }
-
-.b2b-audio-popover {
-  width: 22px; }
-  .b2b-audio-popover .volume-popover {
-    height: 100px !important;
-    width: 6px !important;
-    margin: 7px auto; }
-  .b2b-audio-popover .min-label {
-    margin-top: 5px; }
-
-.b2b-audio-native {
-  width: auto;
-  height: auto; }
-
-.b2b-audio-recorder {
-  border: 1px solid #ccc;
-  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15);
-  height: 63px;
-  min-height: 63px;
-  min-width: 347px; }
-  .b2b-audio-recorder .b2b-elapsed-time {
-    margin: 23px 0 24px 15px;
-    font-size: 16px;
-    font-style: italic;
-    color: #767676; }
-  .b2b-audio-recorder .b2b-controls {
-    width: 68px;
-    cursor: pointer; }
-    .b2b-audio-recorder .b2b-controls i.icoControls-record {
-      font-size: 64px;
-      color: black;
-      float: right;
-      margin-right: 10px; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-record:focus, .b2b-audio-recorder .b2b-controls i.icoControls-record:hover {
-        color: #0568ae; }
-    .b2b-audio-recorder .b2b-controls i.icoControls-stop {
-      font-size: 36px;
-      color: black;
-      float: right;
-      margin-right: 20px;
-      margin-top: 12px; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-stop:focus, .b2b-audio-recorder .b2b-controls i.icoControls-stop:hover {
-        color: #0568ae; }
-
-.b2b-top-btn {
-  height: 36px;
-  width: 36px;
-  border-radius: 7px; }
-
-.b2b-top-btn > i {
-  position: absolute;
-  top: 13px;
-  left: 9px;
-  width: 11px;
-  height: 18px; }
-
-.b2b-badge {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  background-color: #5A5A5A;
-  border-radius: 12px;
-  color: #FFFFFF;
-  display: inline-block;
-  font-size: 1.5rem;
-  font-weight: normal;
-  height: 20px;
-  line-height: 0;
-  margin-top: 0;
-  min-width: 20px;
-  padding: 0 5px;
-  text-align: center;
-  vertical-align: baseline; }
-  .b2b-badge:empty {
-    display: none; }
-
-* + .b2b-heading-micro {
-  margin-top: 20px !important; }
-
-.b2b-heading-micro {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-weight: normal;
-  text-rendering: optimizeLegibility;
-  font-size: 1.2rem !important;
-  text-transform: uppercase !important;
-  margin-bottom: 20px !important;
-  line-height: 1.2 !important; }
-
-.b2b-no-colors .b2b-badge {
-  border: 1px solid transparent; }
-
-.btn > .b2b-badge {
-  margin-right: 5px; }
-
-a > .b2b-badge {
-  margin-right: 6px;
-  padding-top: 10px; }
-
-.b2b-badge-urgent {
-  background-color: #cf2a2a; }
-
-.bellyband-container {
-  margin: 0 -15px; }
-
-.bellyband-group {
-  width: auto; }
-
-.bellyband-link {
-  border-top: 1px solid #d2d2d2; }
-
-.bellyband-link a {
-  display: block;
-  height: 40px;
-  line-height: 40px;
-  padding: 0 15px;
-  position: relative;
-  text-decoration: none; }
-
-.bellyband-link a:hover > div span,
-.bellyband-link a:focus > div span {
-  text-decoration: underline; }
-
-.bellyband-link a:after {
-  color: #666;
-  font-size: 2.3rem;
-  height: 20px;
-  position: absolute;
-  right: 5px;
-  top: 12px;
-  width: 18px; }
-
-.dark-bg .bellyband-link a:after {
-  color: white; }
-
-.bellyband-link img[src$="svg"].hidden-desktop,
-.bellyband-link [class*="icon-primary-"].hidden-desktop {
-  display: inline-block !important;
-  float: left;
-  font-size: 24px;
-  height: 24px;
-  margin-right: 5px;
-  margin-top: 8px;
-  width: 24px; }
-
-.dark-bg .bellyband-link [class*="icon-primary-"].hidden-desktop,
-.dark-bg .bellyband-link [class*="icon-primary-"].visible-desktop {
-  color: #fff; }
-
-.bellyband-link img[src$="svg"].visible-desktop {
-  display: none !important; }
-
-.bellyband-link p {
-  margin-top: -10px;
-  margin-left: 29px;
-  font-size: 1.4rem;
-  color: #666; }
-
-@media (min-width: 481px) and (max-width: 767px) {
-  .bellyband-container {
-    display: flex;
-    margin: 0; }
-  .bellyband-group {
-    align-content: flex-start;
-    align-items: stretch;
-    display: inline-flex;
-    flex-direction: column;
-    flex-wrap: wrap;
-    margin-top: 1px;
-    width: 100%; }
-  .bellyband-group .row {
-    display: flex !important; }
-  .bellyband-link {
-    padding-top: 0;
-    position: relative;
-    border-top: none;
-    margin-bottom: 20px;
-    width: 50%; }
-  .bellyband-link a {
-    height: inherit;
-    line-height: inherit;
-    display: flex;
-    padding: 0; }
-  .bellyband-link a:after {
-    display: none; }
-  .bellyband-link a span {
-    display: block;
-    padding-top: 10px; }
-  .bellyband-link p {
-    display: block;
-    padding: 0 15px 0 0;
-    margin-bottom: 0;
-    margin-left: 0;
-    margin-top: 0; }
-  .bellyband-link a:focus p {
-    text-decoration: none; } }
-
-@media (min-width: 768px) {
-  .bellyband-group {
-    margin: 0;
-    max-width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center; }
-  .bellyband-group .row {
-    display: block; }
-  .bellyband-group .row .span {
-    float: none;
-    margin-right: 0;
-    margin-bottom: 30px;
-    display: flex;
-    justify-content: space-between; }
-  .bellyband-link {
-    border-top: none;
-    flex: 0 0 auto;
-    margin-right: 0;
-    margin-bottom: 30px; }
-  .bellyband-link:last-child {
-    margin-right: 0; }
-  .bellyband-link a {
-    height: auto;
-    line-height: 1;
-    text-align: center; }
-  .bellyband-link a:after {
-    display: none; }
-  .bellyband-link img[src$="svg"].hidden-desktop,
-  .bellyband-link [class*="icon-primary-"].hidden-desktop {
-    display: none !important; }
-  .bellyband-link img[src$="svg"].visible-desktop,
-  .bellyband-link [class*="icon-primary-"].visible-desktop {
-    display: block !important;
-    font-size: 50px;
-    height: 50px;
-    margin-right: 0;
-    margin-top: 0;
-    margin-left: auto;
-    margin-right: auto;
-    width: auto; }
-  .bellyband-link a span {
-    display: block;
-    margin-top: 12px;
-    line-height: 2rem; }
-  .bellyband-link p {
-    display: block;
-    text-align: center;
-    margin-top: 6px;
-    margin-left: 0;
-    padding-left: 0 !important;
-    color: #666;
-    line-height: 1.8rem; } }
-
-@media (max-width: 480px) {
-  .bellyband-link-tall a {
-    height: auto;
-    padding: 0 40px 10px 15px; }
-  .bellyband-link-tall p {
-    line-height: 1.8rem;
-    margin-bottom: 0; }
-  .bellyband-link-tall > a:after {
-    margin-top: -8px;
-    top: 50%; } }
-
-.b2b-boardstrip {
-  display: inline-block;
-  width: 100%;
-  border-bottom: 1px solid #9d9d9d;
-  position: relative;
-  padding-top: 15px; }
-  .b2b-boardstrip .boardstrip-reel {
-    margin-bottom: 15px; }
-  .b2b-boardstrip .boardstrip-item--add {
-    border: 1px dashed #ccc;
-    background: #FFFFFF;
-    color: #0574ac;
-    width: 140px;
-    height: 80px;
-    font-size: 14px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-    position: absolute;
-    left: 29px;
-    top: 15px; }
-    .b2b-boardstrip .boardstrip-item--add:hover, .b2b-boardstrip .boardstrip-item--add:focus {
-      border: 2px solid #007A3E;
-      cursor: pointer; }
-    .b2b-boardstrip .boardstrip-item--add i {
-      font-size: 14px;
-      margin-left: auto;
-      margin-right: auto;
-      text-align: initial; }
-    .b2b-boardstrip .boardstrip-item--add .centered {
-      margin-left: auto;
-      margin-right: auto;
-      margin-top: 27px;
-      margin-bottom: 35px;
-      display: block; }
-  .b2b-boardstrip .board-viewport {
-    float: left;
-    margin-left: 210px;
-    max-height: 95px;
-    position: relative;
-    height: 95px;
-    overflow: hidden;
-    width: 0px; }
-    .b2b-boardstrip .board-viewport .boardstrip-container {
-      width: 0px;
-      margin-left: 0;
-      left: 0px;
-      position: absolute;
-      list-style: none;
-      -webkit-transition: left 1000ms;
-      transition: left 1000ms; }
-    .b2b-boardstrip .board-viewport .board-item {
-      width: 140px;
-      height: 80px;
-      border: 1px solid #ccc;
-      margin: 0 15px 15px 0;
-      background-color: #FFFFFF;
-      border-radius: 3px;
-      float: left;
-      overflow: hidden; }
-      .b2b-boardstrip .board-viewport .board-item:hover, .b2b-boardstrip .board-viewport .board-item:focus {
-        border: 2px solid #007A3E;
-        background-color: white;
-        cursor: pointer; }
-      .b2b-boardstrip .board-viewport .board-item .board-img {
-        width: 61px;
-        height: 40px;
-        margin: 0 auto; }
-        .b2b-boardstrip .board-viewport .board-item .board-img img {
-          max-width: 100%; }
-      .b2b-boardstrip .board-viewport .board-item .title {
-        text-align: center;
-        line-height: 16px;
-        color: #666;
-        font-size: 14px;
-        font-family: "Omnes-ECOMP-W02", Arial;
-        padding: 10px 0; }
-      .b2b-boardstrip .board-viewport .board-item.selected {
-        background-color: #FFFFFF;
-        border: 2px solid #0574ac; }
-      .b2b-boardstrip .board-viewport .board-item .board-caret {
-        cursor: default;
-        outline: 0;
-        position: absolute;
-        bottom: 7px; }
-        .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-indicator {
-          border-left: 8px solid transparent;
-          border-right: 8px solid transparent;
-          border-bottom: 8px solid #999;
-          width: 0px;
-          height: 0px;
-          position: absolute;
-          left: 61px;
-          bottom: -7px; }
-        .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-arrow-up {
-          width: 0px;
-          height: 0px;
-          border-style: solid;
-          border-width: 0 8px 8px 8px;
-          border-color: transparent transparent #FFFFFF transparent;
-          left: 61px;
-          position: absolute; }
-  .b2b-boardstrip .arrow {
-    font-size: 14px;
-    cursor: pointer;
-    color: #0574ac; }
-    .b2b-boardstrip .arrow:hover {
-      color: #0574ac; }
-    .b2b-boardstrip .arrow.disabled {
-      color: #767676 !important;
-      cursor: not-allowed; }
-  .b2b-boardstrip .prev-items {
-    display: inline-block;
-    margin-top: auto;
-    margin-bottom: auto;
-    margin-right: 15px;
-    position: absolute;
-    left: 0;
-    top: 45px;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -o-user-select: none;
-    user-select: none; }
-  .b2b-boardstrip .next-items {
-    display: inline-block;
-    margin-top: 30px;
-    margin-bottom: auto;
-    margin-left: 10px;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -o-user-select: none;
-    user-select: none; }
-  .b2b-boardstrip .centered {
-    display: table-cell;
-    text-align: center;
-    vertical-align: middle; }
-
-.breadcrumb {
-  padding: 10px 15px;
-  height: 40px;
-  list-style: none;
-  border-bottom: 1px solid #d2d2d2;
-  font-size: 1.2rem;
-  width: 100%;
-  z-index: 1000; }
-
-.breadcrumb > li {
-  position: relative;
-  display: inline-block;
-  margin-right: 15px; }
-
-.breadcrumb > li:after {
-  font-size: 8px;
-  margin-right: 0;
-  right: -8px;
-  color: #333333; }
-
-.breadcrumb > li:last-child {
-  color: #333333; }
-
-.breadcrumb > li:last-child:after {
-  content: ""; }
-
-.breadcrumb li > * {
-  float: none !important;
-  margin: 0; }
-
-.breadcrumb {
-  padding: 10px 15px !important; }
-
-/* ARROW */
-/* spanish */
-.datepicker {
-  background-color: #FFFFFF;
-  padding: 0;
-  border-radius: 5px;
-  direction: ltr; }
-  .datepicker > div {
-    display: none; }
-  .datepicker table {
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    margin: 0 0 0 0; }
-  .datepicker td {
-    text-align: center;
-    display: block;
-    width: 30px;
-    height: 30px;
-    border: none; }
-    .datepicker td span {
-      display: block;
-      width: 23%;
-      height: 54px;
-      line-height: 54px;
-      float: left;
-      margin: 1%;
-      cursor: pointer;
-      border-radius: 4px; }
-      .datepicker td span:hover {
-        background: #eeeeee; }
-    .datepicker td span.disabled {
-      background: none;
-      color: #5A5A5A;
-      cursor: default; }
-      .datepicker td span.disabled:hover {
-        background: none;
-        color: #5A5A5A;
-        cursor: default; }
-    .datepicker td span.active {
-      color: #FFFFFF;
-      background-color: #0568ae;
-      border-color: #357ebd; }
-      .datepicker td span.active:hover {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        border-color: #357ebd; }
-    .datepicker td span.active.disabled {
-      color: #FFFFFF;
-      background-color: #0568ae;
-      border-color: #357ebd; }
-  .datepicker th {
-    text-align: center;
-    display: block;
-    width: 30px;
-    height: 30px;
-    border: none; }
-  .datepicker tbody:focus {
-    outline: none; }
-  .datepicker td.day {
-    background-color: transparent;
-    color: #0568ae;
-    cursor: pointer;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    height: 34px;
-    line-height: 30rem;
-    margin: -2px -1px 0 0;
-    overflow: hidden;
-    text-align: center;
-    width: 42px; }
-  .datepicker:focus {
-    outline: 1px dotted #191919;
-    outline-offset: -2px; }
-  .datepicker th[tabindex]:focus {
-    outline-offset: -15px; }
-  .datepicker td.day.focused {
-    background: #ededed;
-    cursor: pointer; }
-  .datepicker td.day.focused.active {
-    background-color: #ededed;
-    color: #0568ae; }
-  .datepicker td.disabled {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5A5A5A;
-    cursor: default; }
-    .datepicker td.disabled:hover {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #5A5A5A;
-      cursor: default; }
-      .datepicker td.disabled:hover .show-date {
-        font-family: "Omnes-ECOMP-W02", Arial;
-        color: #5A5A5A; }
-    .datepicker td.disabled .show-date {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #5A5A5A; }
-  .datepicker td.today {
-    color: #FFFFFF;
-    background-color: #0568ae; }
-    .datepicker td.today:hover {
-      color: #FFFFFF;
-      background-color: #0568ae;
-      color: #FFFFFF;
-      background-color: #0568ae; }
-    .datepicker td.today:active {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-    .datepicker td.today:focus {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-  .datepicker td.today.disabled {
-    color: #FFFFFF;
-    background-color: #0568ae; }
-  .datepicker td.today.active {
-    color: #FFFFFF;
-    background-color: #0568ae; }
-    .datepicker td.today.active:hover {
-      color: #FFFFFF; }
-  .datepicker td.selected {
-    color: #FFFFFF;
-    background-color: #95959500; }
-    .datepicker td.selected:hover {
-      color: #FFFFFF;
-      background-color: #95959500; }
-  .datepicker td.selected.disabled {
-    color: #FFFFFF;
-    background-color: #95959500; }
-  .datepicker td.active:not(.new) {
-    color: #FFFFFF;
-    border-color: #357ebd; }
-    .datepicker td.active:not(.new) .show-date {
-      color: #0568ae;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  .datepicker td.active:hover:not(.new) {
-    color: #FFFFFF;
-    border-color: #357ebd; }
-    .datepicker td.active:hover:not(.new) .show-date {
-      color: #0568ae;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  .datepicker .start-date .show-date {
-    background-color: #0568ae;
-    color: #FFFFFF !important;
-    border-radius: 5px 0 0 5px;
-    z-index: 1; }
-    .datepicker .start-date .show-date:before {
-      background-color: #0568ae;
-      content: "";
-      display: block;
-      height: 26px;
-      left: 20px;
-      position: absolute;
-      width: 100%;
-      z-index: -1; }
-  .datepicker .between-date .show-date {
-    background-color: #0568ae;
-    color: #FFFFFF !important; }
-    .datepicker .between-date .show-date:before {
-      background-color: #0568ae;
-      content: "";
-      display: block;
-      height: 26px;
-      left: 0;
-      position: absolute;
-      width: 100%;
-      z-index: -1; }
-  .datepicker .between-date:first-child .show-date:before {
-    background-color: #FFFFFF;
-    content: "";
-    height: 26px;
-    position: absolute;
-    left: 0;
-    width: 8px; }
-  .datepicker .end-date .show-date {
-    background-color: #0568ae;
-    color: #FFFFFF !important;
-    border-radius: 0 5px 5px 0; }
-    .datepicker .end-date .show-date:before {
-      background-color: #0568ae;
-      content: "";
-      display: block;
-      height: 26px;
-      left: -20px;
-      position: absolute;
-      width: 100%;
-      z-index: -1; }
-  .datepicker .end-date:first-child .show-date:after {
-    background-color: #FFFFFF;
-    content: "";
-    height: 26px;
-    position: absolute;
-    left: 0;
-    width: 8px; }
-  .datepicker .end-date:first-child .show-date::before {
-    background-color: #FFFFFF; }
-  .datepicker tr td.start-date:last-child .show-date:after {
-    background-color: #FFFFFF;
-    content: "";
-    height: 26px;
-    position: absolute;
-    right: 0;
-    width: 8px; }
-  .datepicker tr td.start-date:last-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.start-date:first-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.between-date:last-child .show-date:after {
-    background-color: #FFFFFF;
-    content: "";
-    height: 26px;
-    position: absolute;
-    right: 0;
-    width: 8px; }
-  .datepicker tr td.between-date:last-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.between-date:first-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.end-date:last-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.end-date:first-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker th.datepicker-switch {
-    width: 198px;
-    font-size: 20px;
-    font-weight: normal;
-    cursor: default !important; }
-  .datepicker thead tr:first-child th {
-    cursor: pointer;
-    height: 60px;
-    line-height: 60px; }
-  .datepicker thead tr:first-child th.cw {
-    cursor: default;
-    background-color: transparent; }
-  .datepicker tfoot tr th {
-    cursor: pointer;
-    height: 60px;
-    line-height: 60px;
-    height: auto;
-    line-height: normal; }
-    .datepicker tfoot tr th li {
-      margin-bottom: 5px; }
-  .datepicker .prev {
-    color: transparent;
-    font-size: 0;
-    margin: 0 -1px -1px 0;
-    width: 46px; }
-    .datepicker .prev i {
-      color: #0568ae;
-      position: absolute;
-      font-size: 27px;
-      margin: 0;
-      top: 15px;
-      left: 8px; }
-  .datepicker .next {
-    color: transparent;
-    font-size: 0;
-    margin: 0 -1px -1px 0;
-    width: 46px; }
-    .datepicker .next i {
-      color: #0568ae;
-      position: absolute;
-      font-size: 27px;
-      margin: 0;
-      top: 15px;
-      right: 8px; }
-  .datepicker .cw {
-    font-size: 5px;
-    width: 12px;
-    padding: 0 2px 0 5px;
-    vertical-align: middle; }
-  .datepicker .due-date .show-date {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    background-color: #cf2a2a;
-    border-radius: 5px;
-    color: #FFFFFF !important; }
-  .datepicker .day.active .show-date:after {
-    border: 2px solid #0568ae;
-    border-radius: 7px;
-    content: "";
-    display: block;
-    height: 30px;
-    left: 4px;
-    position: absolute;
-    top: 0;
-    width: 30px; }
-  .datepicker .day:focus .show-date:after {
-    border: 2px solid #0568ae;
-    border-radius: 7px;
-    content: "";
-    display: block;
-    height: 30px;
-    left: 4px;
-    position: absolute;
-    top: 0;
-    width: 30px;
-    height: 30px;
-    left: 4px;
-    top: 0;
-    width: 30px; }
-  .datepicker .due-date.disabled .show-date:after {
-    border: 2px solid #0568ae;
-    border-radius: 7px;
-    content: "";
-    display: block;
-    height: 30px;
-    left: 4px;
-    position: absolute;
-    top: 0;
-    width: 30px; }
-  .datepicker .day.due-date:focus .show-date:after {
-    height: 30px;
-    left: 4px;
-    top: 0;
-    width: 30px; }
-  .datepicker .due-date.old:after {
-    visibility: hidden; }
-  .datepicker .due-date.new:after {
-    visibility: hidden; }
-  .datepicker .due-date.active:after {
-    border-color: #FFFFFF; }
-  .datepicker .due-date.active.focused {
-    color: #0568ae !important; }
-    .datepicker .due-date.active.focused:after {
-      border-color: #cf2a2a !important; }
-  .datepicker .dow {
-    height: 24px;
-    width: 42px;
-    font-weight: normal;
-    position: relative;
-    overflow: hidden;
-    color: transparent;
-    letter-spacing: -6px;
-    margin: 0 -1px -1px 0; }
-    .datepicker .dow span[aria-hidden="true"] {
-      bottom: 0;
-      color: #5A5A5A;
-      display: block;
-      left: 1px;
-      letter-spacing: 0;
-      line-height: .9;
-      margin: 0 auto;
-      padding: 0;
-      position: relative;
-      width: 22px; }
-  .datepicker .calendar-legend {
-    margin-top: 3px;
-    margin-bottom: 20px; }
-    .datepicker .calendar-legend li {
-      font-size: 1.4rem;
-      font-weight: normal;
-      margin-bottom: 5px;
-      padding-left: 10px;
-      padding-top: 5px;
-      position: relative; }
-  .datepicker i.legend-due-date {
-    background-color: #cf2a2a;
-    border-radius: 5px;
-    height: 18px;
-    width: 18px;
-    margin-right: 8px;
-    vertical-align: middle;
-    display: inline-block; }
-  .datepicker i.legend-selected-date {
-    background-color: #FFFFFF;
-    border: 2px solid #0568ae;
-    border-radius: 5px;
-    height: 18px;
-    width: 18px;
-    margin-right: 8px;
-    vertical-align: middle;
-    display: inline-block; }
-  .datepicker i.legend-selectedisdue {
-    background-color: #FFFFFF;
-    border: 2px solid #0568ae;
-    border-radius: 5px;
-    display: inline-block;
-    height: 18px;
-    margin-right: 8px;
-    position: relative;
-    vertical-align: middle;
-    width: 18px; }
-    .datepicker i.legend-selectedisdue:after {
-      background-color: #cf2a2a;
-      border-radius: 3px;
-      content: "";
-      display: block;
-      height: 10px;
-      left: 2px;
-      position: absolute;
-      top: 2px;
-      width: 10px; }
-  .datepicker .text-left {
-    width: 100%; }
-  .datepicker .active.old {
-    background-color: #ededed !important;
-    color: #ededed !important; }
-
-.datepicker-inline {
-  width: 220px; }
-
-.datepicker.datepicker-rtl {
-  direction: rtl; }
-  .datepicker.datepicker-rtl td span {
-    float: right; }
-
-.datepicker-dropdown {
-  top: 0;
-  left: 0; }
-  .datepicker-dropdown:before {
-    content: " ";
-    display: inline-block;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid #d2d2d2;
-    border-top: 0;
-    border-bottom-color: rgba(0, 0, 0, 0.2);
-    position: absolute; }
-  .datepicker-dropdown:after {
-    content: " ";
-    display: inline-block;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid #fff;
-    border-top: 0;
-    position: absolute; }
-
-.datepicker-dropdown.datepicker-orient-left:before {
-  left: 16px; }
-
-.datepicker-dropdown.datepicker-orient-left:after {
-  left: 16px; }
-
-.datepicker-dropdown.datepicker-orient-right:before {
-  right: 16px; }
-
-.datepicker-dropdown.datepicker-orient-right:after {
-  right: 16px; }
-
-.datepicker-dropdown.datepicker-orient-top:before {
-  top: -10px; }
-
-.datepicker-dropdown.datepicker-orient-top:after {
-  top: -9px; }
-
-.datepicker-dropdown.datepicker-orient-bottom:before {
-  bottom: -7px;
-  border-bottom: 0;
-  border-top: 7px solid #959595; }
-
-.datepicker-dropdown.datepicker-orient-bottom:after {
-  bottom: -6px;
-  border-bottom: 0;
-  border-top: 6px solid #fff; }
-
-.datepicker.days div.datepicker-days {
-  display: block; }
-
-.datepicker.months div.datepicker-months {
-  display: block; }
-
-.datepicker.years div.datepicker-years {
-  display: block; }
-
-.show-date {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  color: #0568ae;
-  height: 26px;
-  line-height: 26px;
-  margin: 4px auto 0;
-  width: 26px; }
-
-.input-group.date .input-group-addon i {
-  cursor: pointer;
-  width: 16px;
-  height: 16px; }
-
-.datepicker.dropdown-menu {
-  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
-  position: absolute;
-  top: 100%;
-  left: 0;
-  float: left;
-  display: none;
-  margin-top: 13px;
-  width: 290px;
-  list-style: none;
-  background-color: #FFFFFF;
-  border: 1px solid #d2d2d2;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  border-radius: 5px;
-  color: #333333;
-  font-size: 13px;
-  line-height: 1.428571429;
-  z-index: 1050; }
-  .datepicker.dropdown-menu th {
-    display: block;
-    float: left;
-    padding: 0;
-    position: relative; }
-  .datepicker.dropdown-menu td {
-    display: block;
-    float: left;
-    padding: 0;
-    position: relative; }
-
-.s {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -62px 0; }
-
-.m {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -5px 0; }
-
-.t {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -19px 0; }
-
-.w {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -34px 0; }
-
-.f {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -49px 0; }
-
-.d {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: 0 0; }
-
-.l {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: 0 0; }
-
-.v {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: 0 0; }
-
-.j {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: 0 0; }
-
-.b2b-coachmark-label {
-  z-index: 1060;
-  opacity: 1;
-  cursor: not-allowed;
-  position: relative; }
-
-.b2b-coachmark-highlight {
-  border: 1px solid #d3d3d3;
-  cursor: default;
-  z-index: 1045;
-  opacity: 1;
-  background-color: #ffffff;
-  border-radius: 10px;
-  position: relative;
-  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-  padding: 10px;
-  position: absolute; }
-
-.b2b-coachmark-highlight-mask {
-  z-index: 1100;
-  opacity: .1; }
-
-.b2b-coachmark-container {
-  border: 1px solid #cccccc;
-  width: 316px;
-  pointer-events: auto;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  font-size: 16px;
-  -webkit-transition: opacity .2s ease-out;
-  -moz-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
-  background: #fff;
-  border-radius: 20px;
-  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.15);
-  color: #333;
-  line-height: 20px;
-  position: absolute;
-  top: 50px;
-  left: -97px;
-  display: block;
-  background-color: #ffffff;
-  z-index: 1050;
-  opacity: 1; }
-  .b2b-coachmark-container i.b2b-coachmark-caret {
-    position: absolute;
-    top: -12px;
-    left: 47%;
-    opacity: 1;
-    z-index: 1050; }
-  .b2b-coachmark-container i.b2b-coachmark-caret:before {
-    content: "";
-    border-left: 12px solid transparent;
-    border-right: 12px solid transparent;
-    border-bottom: 12px solid #d3d3d3;
-    position: absolute;
-    top: -1px; }
-  .b2b-coachmark-container i.b2b-coachmark-caret:after {
-    content: "";
-    border-left: 12px solid transparent;
-    border-right: 12px solid transparent;
-    border-bottom: 12px solid #fff;
-    position: absolute; }
-  .b2b-coachmark-container .b2b-coachmark-header {
-    position: relative;
-    height: 47px;
-    overflow: hidden; }
-    .b2b-coachmark-container .b2b-coachmark-header .corner-button {
-      box-shadow: 0 -24px 0 0 #f2f2f2 inset;
-      height: 69px;
-      position: absolute;
-      right: -33px;
-      top: -38px;
-      transform: rotate(45deg);
-      width: 69px; }
-  .b2b-coachmark-container .b2b-coachmark-countlabel {
-    font-size: 12px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333333;
-    margin-left: 20px;
-    margin-top: 20px; }
-  .b2b-coachmark-container .b2b-coachmark-content {
-    padding: 0px 20px 20px 20px;
-    float: left; }
-    .b2b-coachmark-container .b2b-coachmark-content .icon-misc-dimmer {
-      font-size: 32px;
-      float: left;
-      margin-right: 10px;
-      width: 32px; }
-    .b2b-coachmark-container .b2b-coachmark-content .offscreen-text {
-      position: absolute;
-      left: -10000px;
-      top: auto;
-      width: 1px;
-      height: 1px;
-      overflow: hidden; }
-    .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-content-header {
-      font-size: 16px;
-      color: #333333;
-      line-height: 18px;
-      float: left;
-      width: 220px; }
-    .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-description {
-      font-size: 14px;
-      line-height: 18px;
-      color: #333333;
-      width: 100%;
-      float: left;
-      margin-top: 15px; }
-    .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group {
-      margin-top: 20px;
-      float: left;
-      text-align: right;
-      width: 100%; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group .b2b-coachmark-link {
-        font-family: "Omnes-ECOMP-W02-Medium", Arial;
-        font-size: 15px;
-        color: #0574ac;
-        line-height: 18px;
-        margin-right: 20px; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group button {
-        font-size: 15px;
-        margin: 0px; }
-
-.datepicker {
-  background-color: #fff;
-  padding: 0;
-  border-radius: 5px;
-  direction: ltr; }
-
-.datepicker-inline {
-  width: 220px; }
-
-.datepicker.datepicker-rtl {
-  direction: rtl; }
-
-.datepicker.datepicker-rtl td span {
-  float: right; }
-
-.datepicker-dropdown {
-  top: 0;
-  left: 0; }
-
-/* ARROW */
-.datepicker-dropdown:before {
-  content: " ";
-  display: inline-block;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-bottom: 10px solid #d2d2d2;
-  border-top: 0;
-  border-bottom-color: rgba(0, 0, 0, 0.2);
-  position: absolute; }
-
-.datepicker-dropdown:after {
-  content: " ";
-  display: inline-block;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-bottom: 10px solid #fff;
-  border-top: 0;
-  position: absolute; }
-
-.datepicker-dropdown.datepicker-orient-left:before,
-.datepicker-dropdown.datepicker-orient-left:after {
-  left: 255px; }
-
-.datepicker-dropdown.datepicker-orient-right:before,
-.datepicker-dropdown.datepicker-orient-right:after {
-  right: 16px; }
-
-.datepicker-dropdown.datepicker-orient-top:before {
-  top: -10px; }
-
-.datepicker-dropdown.datepicker-orient-top:after {
-  top: -9px; }
-
-.datepicker-dropdown.datepicker-orient-bottom:before {
-  bottom: -7px;
-  border-bottom: 0;
-  border-top: 7px solid #959595; }
-
-.datepicker-dropdown.datepicker-orient-bottom:after {
-  bottom: -6px;
-  border-bottom: 0;
-  border-top: 6px solid #fff; }
-
-.datepicker > div {
-  display: none; }
-
-.datepicker.days div.datepicker-days {
-  display: block; }
-
-.datepicker.months div.datepicker-months {
-  display: block; }
-
-.datepicker.years div.datepicker-years {
-  display: block; }
-
-.datepicker table {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  margin: 0 0 0 0; }
-
-.datepicker td,
-.datepicker th {
-  text-align: center;
-  display: block;
-  width: 30px;
-  height: 30px;
-  border: none; }
-
-.datepicker tbody :focus {
-  outline: none; }
-
-.datepicker td.day {
-  background-color: transparent;
-  color: #0568ae;
-  cursor: pointer;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 16px;
-  height: 34px;
-  line-height: 30rem;
-  margin: -2px -1px 0 0;
-  overflow: hidden;
-  text-align: center;
-  width: 42px; }
-
-.datepicker :focus {
-  outline: 1px dotted #000;
-  outline-offset: -2px; }
-
-.datepicker td.day.focused {
-  background: #ededed;
-  cursor: pointer; }
-
-.datepicker td.day.focused.active {
-  background-color: #ededed;
-  color: #0568ae; }
-
-.datepicker td.disabled,
-.datepicker td.disabled:hover {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  color: #5a5a5a;
-  cursor: default; }
-
-.datepicker td.today,
-.datepicker td.today:hover,
-.datepicker td.today.disabled {
-  color: #fff;
-  background-color: #0568ae; }
-
-.datepicker td.today.active,
-.datepicker td.today:active,
-.datepicker td.today:hover,
-.datepicker td.today:focus {
-  color: #fff;
-  background-color: #0568ae; }
-
-.datepicker td.today.active:hover {
-  color: #fff; }
-
-.datepicker td.selected,
-.datepicker td.selected:hover,
-.datepicker td.selected.disabled {
-  color: #ffffff;
-  background-color: #959595; }
-
-.datepicker td.active:not(.new),
-.datepicker td.active:hover:not(.new) {
-  color: #ffffff;
-  border-color: #357ebd; }
-
-.show-date {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  color: #0568ae;
-  height: 26px;
-  line-height: 26px;
-  margin: 4px auto 0;
-  width: 26px; }
-
-.datepicker .start-date .show-date,
-.datepicker .between-date .show-date,
-.datepicker .end-date .show-date {
-  background-color: #0568ae;
-  color: #fff !important; }
-
-.datepicker .start-date .show-date {
-  border-radius: 5px 0 0 5px;
-  z-index: 1; }
-
-.datepicker .start-date .show-date:before {
-  background-color: #0568ae;
-  content: "";
-  display: block;
-  height: 26px;
-  left: 20px;
-  position: absolute;
-  width: 100%;
-  z-index: -1; }
-
-.datepicker .between-date .show-date:before {
-  background-color: #0568ae;
-  content: "";
-  display: block;
-  height: 26px;
-  left: 0;
-  position: absolute;
-  width: 100%;
-  z-index: -1; }
-
-.datepicker .end-date .show-date {
-  border-radius: 0 5px 5px 0; }
-
-.datepicker .end-date .show-date:before {
-  background-color: #0568ae;
-  content: "";
-  display: block;
-  height: 26px;
-  left: -20px;
-  position: absolute;
-  width: 100%;
-  z-index: -1; }
-
-.datepicker .between-date:first-child .show-date:before {
-  background-color: #fff;
-  content: "";
-  height: 26px;
-  position: absolute;
-  left: 0;
-  width: 8px; }
-
-.datepicker .end-date:first-child .show-date:after {
-  background-color: #fff;
-  content: "";
-  height: 26px;
-  position: absolute;
-  left: 0;
-  width: 8px; }
-
-.datepicker .end-date:first-child .show-date::before {
-  background-color: #fff; }
-
-.datepicker tr td.start-date:last-child .show-date:after,
-.datepicker tr td.between-date:last-child .show-date:after {
-  background-color: #fff;
-  content: "";
-  height: 26px;
-  position: absolute;
-  right: 0;
-  width: 8px; }
-
-.datepicker tr td.start-date:last-child:focus .show-date:after,
-.datepicker tr td.end-date:last-child:focus .show-date:after,
-.datepicker tr td.between-date:last-child:focus .show-date:after,
-.datepicker tr td.start-date:first-child:focus .show-date:after,
-.datepicker tr td.end-date:first-child:focus .show-date:after,
-.datepicker tr td.between-date:first-child:focus .show-date:after {
-  height: 30px;
-  width: 30px;
-  background-color: transparent; }
-
-.datepicker td.active:not(.new) .show-date,
-.datepicker td.active:hover:not(.new) .show-date {
-  color: #0568ae;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.datepicker td.disabled .show-date,
-.datepicker td.disabled:hover .show-date {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  color: #5a5a5a; }
-
-.datepicker td span {
-  display: block;
-  width: 23%;
-  height: 54px;
-  line-height: 54px;
-  float: left;
-  margin: 1%;
-  cursor: pointer;
-  border-radius: 4px; }
-
-.datepicker td span:hover {
-  background: #eeeeee; }
-
-.datepicker td span.disabled,
-.datepicker td span.disabled:hover {
-  background: none;
-  color: #5a5a5a;
-  cursor: default; }
-
-.datepicker td span.active,
-.datepicker td span.active:hover,
-.datepicker td span.active.disabled {
-  color: #ffffff;
-  background-color: #0568ae;
-  border-color: #357ebd; }
-
-.datepicker th.datepicker-switch {
-  width: 198px;
-  font-size: 20px;
-  font-weight: normal;
-  cursor: default !important; }
-
-.datepicker thead tr:first-child th,
-.datepicker tfoot tr th {
-  cursor: pointer;
-  height: 60px;
-  line-height: 60px; }
-
-.datepicker tfoot tr th {
-  height: auto;
-  line-height: normal; }
-
-.datepicker tfoot tr th li {
-  margin-bottom: 5px; }
-
-.datepicker .prev,
-.datepicker .next {
-  color: transparent;
-  font-size: 0;
-  margin: 0 -1px -1px 0;
-  width: 46px; }
-
-.datepicker .prev i,
-.datepicker .next i {
-  color: #0568ae;
-  position: absolute;
-  font-size: 27px;
-  margin: 0;
-  top: 15px; }
-
-.datepicker .prev i {
-  left: 8px; }
-
-.datepicker .next i {
-  right: 8px; }
-
-.datepicker .cw {
-  font-size: 5px;
-  width: 12px;
-  padding: 0 2px 0 5px;
-  vertical-align: middle; }
-
-.datepicker thead tr:first-child th.cw {
-  cursor: default;
-  background-color: transparent; }
-
-.input-group.date .input-group-addon i {
-  cursor: pointer;
-  width: 16px;
-  height: 16px; }
-
-.datepicker.dropdown-menu {
-  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
-  position: absolute;
-  top: 100%;
-  left: 0;
-  float: left;
-  display: none;
-  margin-top: 13px;
-  width: 290px;
-  list-style: none;
-  background-color: #ffffff;
-  border: 1px solid #d2d2d2;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  border-radius: 5px;
-  color: #333333;
-  font-size: 13px;
-  line-height: 1.428571429;
-  z-index: 1050; }
-
-.datepicker.dropdown-menu th,
-.datepicker.dropdown-menu td {
-  display: block;
-  float: left;
-  padding: 0;
-  position: relative; }
-
-.datepicker .due-date .show-date {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  background-color: #cf2a2a;
-  border-radius: 5px;
-  color: #fff !important; }
-
-.datepicker .day.active .show-date:after,
-.datepicker .day:focus .show-date:after,
-.datepicker .due-date.disabled .show-date:after {
-  border: 2px solid #0568ae;
-  border-radius: 7px;
-  content: "";
-  display: block;
-  height: 30px;
-  left: 4px;
-  position: absolute;
-  top: 0;
-  width: 30px; }
-
-.datepicker .day:focus .show-date:after {
-  height: 30px;
-  left: 4px;
-  top: 0;
-  width: 30px; }
-
-.datepicker .day.due-date:focus .show-date:after {
-  height: 30px;
-  left: 4px;
-  top: 0;
-  width: 30px; }
-
-.datepicker .due-date.old:after,
-.datepicker .due-date.new:after {
-  visibility: hidden; }
-
-.datepicker .due-date.active:after {
-  border-color: #fff; }
-
-.datepicker .due-date.active.focused {
-  color: #0568ae !important; }
-
-.datepicker .due-date.active.focused:after {
-  border-color: #cf2a2a !important; }
-
-.datepicker .dow {
-  height: 24px;
-  width: 42px;
-  font-weight: normal;
-  position: relative;
-  overflow: hidden;
-  color: transparent;
-  letter-spacing: -6px;
-  margin: 0 -1px -1px 0; }
-
-.datepicker .dow span[aria-hidden="true"] {
-  bottom: 0;
-  color: #5a5a5a;
-  display: block;
-  left: 1px;
-  letter-spacing: 0;
-  line-height: .9;
-  margin: 0 auto;
-  padding: 0;
-  position: relative;
-  width: 22px; }
-
-.datepicker .calendar-legend {
-  margin-top: 3px;
-  margin-bottom: 20px; }
-
-.datepicker .calendar-legend li {
-  font-size: 1.4rem;
-  font-weight: normal;
-  margin-bottom: 5px;
-  padding-left: 10px;
-  padding-top: 5px;
-  position: relative; }
-
-.datepicker i.legend-due-date {
-  background-color: #cf2a2a;
-  border-radius: 5px;
-  height: 18px;
-  width: 18px;
-  margin-right: 8px;
-  vertical-align: middle;
-  display: inline-block; }
-
-.datepicker i.legend-selected-date {
-  background-color: #fff;
-  border: 2px solid #0568ae;
-  border-radius: 5px;
-  height: 18px;
-  width: 18px;
-  margin-right: 8px;
-  vertical-align: middle;
-  display: inline-block; }
-
-.datepicker i.legend-selectedisdue {
-  background-color: #fff;
-  border: 2px solid #0568ae;
-  border-radius: 5px;
-  display: inline-block;
-  height: 18px;
-  margin-right: 8px;
-  position: relative;
-  vertical-align: middle;
-  width: 18px; }
-
-.datepicker i.legend-selectedisdue:after {
-  background-color: #cf2a2a;
-  border-radius: 3px;
-  content: "";
-  display: block;
-  height: 10px;
-  left: 2px;
-  position: absolute;
-  top: 2px;
-  width: 10px; }
-
-.datepicker .text-left {
-  width: 100%; }
-
-.datepicker .active.old {
-  background-color: #ededed !important;
-  color: #ededed !important; }
-
-.s,
-.m,
-.t,
-.w,
-.f,
-.d,
-.l,
-.v,
-.j {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: white;
-  background-repeat: no-repeat; }
-
-.s {
-  background-position: -62px 0; }
-
-.m {
-  background-position: -5px 0; }
-
-.t {
-  background-position: -19px 0; }
-
-.w {
-  background-position: -34px 0; }
-
-.f {
-  background-position: -49px 0; }
-
-/* spanish */
-.d {
-  background-position: 0 0; }
-
-.l {
-  background-position: 0 0; }
-
-.v {
-  background-position: 0 0; }
-
-.j {
-  background-position: 0 0; }
-
-.datepicker-container {
-  position: relative; }
-
-.btn-calendar-icon:focus .icon-primary-calendar {
-  outline: 1px dotted #191919; }
-
-.btn-calendar-icon:focus {
-  outline: none; }
-
-/* remove focus outline when dropdown is opened */
-/*resolve blue focus outline over dropdown with error*/
-select {
-  margin-right: -1;
-  
-  height: 36px;
-  line-height: 25px;
   
-  background-color: #95959521; }
-
-.selectWrap.disabled .icon-primary-down {
-  color: #d6d6d6; }
-
-.selectWrap.disabled input.awd-select {
-  z-index: 0;
-  padding: 10px 45px 10px 15px;
-  text-indent: 0; }
-
-.selectWrap.disabled button.awd-select {
-  z-index: 0;
-  text-indent: 15px; }
-
-.selectWrap.disabled:after {
-  color: #5A5A5A;
-  cursor: not-allowed; }
-
-input.awd-select {
-  background-color: transparent;
-  border: 1px solid #d2d2d2;
-  border-radius: 6px;
-  box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-  color: #333333;
-  display: block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  /*font-size: 1.6rem;*/
-  height: 36px;
-  line-height: 0;
-  margin-bottom: 0;
-  position: relative;
-  text-align: left;
-  top: 0;
-  width: 100%;
-  z-index: 10;
-  padding: 12px 45px 8px 15px;
-  user-select: none; }
-  input.awd-select:focus {
-    border-color: #0568ae !important;
-    text-overflow: ellipsis;
-    padding-right: 45px; }
-
-button.awd-select {
-  background-color: transparent;
-  border: 1px solid #d2d2d2;
-  border-radius: 6px;
-  box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-  color: #333333;
-  display: block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  /*font-size: 1.6rem;*/
-  height: 36px;
-  line-height: 36px;
-  margin-bottom: 0;
-  position: relative;
-  text-align: left;
-  top: 0;
-  width: 100%;
-  z-index: 10; }
-  button.awd-select:not(.large) {
-    text-indent: 15px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: clip;
-    text-overflow: ellipsis; }
-  button.awd-select img {
-    height: 26px;
-    margin-right: 7px;
-    margin-top: -10px;
-    position: relative;
-    top: 2px;
-    vertical-align: text-bottom; }
-  button.awd-select:focus {
-    border-color: #0568ae !important; }
-  button.awd-select i {
-    font-size: 23px;
-    position: absolute;
-    right: 33px;
-    top: 5px;
-    z-index: 1000; }
-
-button.awd-select.large {
-  align-items: center;
-  display: flex;
-  height: 60px;
-  line-height: 20px;
-  overflow: hidden;
-  padding-left: 70px;
-  vertical-align: middle; }
-  button.awd-select.large img {
-    height: 40px;
-    left: 20px;
-    position: absolute;
-    top: 20px;
-    width: 40px; }
-
-.selectWrap.large {
-  height: 60px; }
-  .selectWrap.large .awd-select-list-item {
-    align-items: center;
-    display: flex;
-    height: 60px;
-    line-height: 20px;
-    overflow: hidden;
-    padding-left: 70px;
-    vertical-align: middle; }
-    .selectWrap.large .awd-select-list-item img {
-      height: 40px;
-      left: 20px;
-      position: absolute;
-      top: 20px;
-      width: 40px;
-      top: 10px; }
-      
-      .inputWrap {
-  border-radius: 6px;
-  position: relative;
-  height: 36px;
-  line-height: 44px;
-  display: block;
-  margin: 0;
-  }
-
-button.awd-select.active {
-  border-radius: 6px 6px 0 0; }
-  button.awd-select.active:focus {
-    border-color: #d2d2d2 !important; }
-
-input.awd-select.active {
-  border-radius: 6px 6px 0 0; }
-  input.awd-select.active:focus {
-    border-color: #d2d2d2 !important; }
-
-.selectWrapper {
-  position: relative; }
-
-span.selectWrap input[readonly]:focus {
-  color: transparent;
-  text-shadow: 0 0 0 #000; }
-
-.isIE.ds2-no-colors .awd-select:focus {
-  outline: 1px dashed transparent; }
-
-.awd-select-list {
-  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-  border-radius: 0 0 6px 6px;
-  position: absolute;
-  border: 1px solid #d2d2d2;
-  border-top: 0;
-  padding: 0;
-  background-color: #f2f2f2;
-  z-index: 1000;
-  width: 100%;
-  max-height: 320px;
-  overflow-y: auto; }
-
-.awd-select-list-item {
-  cursor: pointer;
-  height: 100%;
-  min-height: 36px;
-  line-height: 20px;
-  overflow: hidden;
-  padding: 8px 15px;
-  position: relative;
-  z-index: 1000; }
-  .awd-select-list-item:hover {
-    cursor: pointer;
-    background-color: #d2d2d2;
-    outline: 1px dashed transparent; }
-  .awd-select-list-item:focus {
-    cursor: pointer;
-    background-color: #d2d2d2;
-    outline: 1px dashed transparent; }
-  .awd-select-list-item img {
-    margin-top: 0;
-    margin-right: 7px;
-    height: 26px;
-    width: 26px; }
-
-.selectWrap {
-  border-radius: 6px;
-  position: relative;
-  height: 36px;
-  line-height: 28px;
-  display: block;
-  margin: 0;
-  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-  .selectWrap:not(.large) .awd-select-list-item:first-child {
-    margin-top: 15px; }
-  .selectWrap:not(.large) .awd-select-list-item:last-child {
-    margin-bottom: 15px; }
-  .selectWrap .icon-primary-down {
-    font-size: 23px;
-    margin-top: -11px;
-    position: absolute;
-    right: 4px;
-    top: 50%; }
-  .selectWrap + [aria-expanded="true"] {
-    padding-bottom: 9px;
-    padding-top: 20px; }
-
-.awd-select-list-item[data-hover="true"] {
-  background-color: #d2d2d2; }
-
-span input.awd-select {
-  width: 100%;
-  cursor: pointer;
-  text-overflow: ellipsis;
-  padding-right: 45px; }
-
-li.optgroup-wrapper {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  cursor: default !important;
-  padding: 0px 15px; }
-  li.optgroup-wrapper:first-child {
-    padding-top: 10px; }
-  li.optgroup-wrapper:hover {
-    background-color: #f2f2f2; }
-
-ul.optgroup {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  cursor: pointer !important;
-  margin: 0 -15px; }
-  ul.optgroup li {
-    padding: 0 0 0 33px; }
-
-label + .selectWrap {
-  margin-top: 4px; }
-
-.selectorModule {
-  border-radius: 6px;
-  position: relative;
-  height: 36px;
-  line-height: 28px;
-  display: block;
-  margin: 0;
-  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-
-.group .selectWrap {
-  margin: 0 0 10px 0; }
-
-select.awd-select {
-  position: relative;
-  top: 0;
-  left: 0;
-  font-size: 16px;
-  z-index: 1010;
-  height: 33px;
-  min-width: 100%;
-  opacity: 0.01; }
-  select.awd-select > optgroup {
-    padding-left: 8px;
-    font-style: normal;
-    margin-top: 10px; }
-    select.awd-select > optgroup:first-child {
-      margin-top: 0; }
-    select.awd-select > optgroup > option {
-      padding-left: 8px; }
-  select.awd-select > option {
-    padding-left: 8px; }
-  select.awd-select + span {
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0);
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 0;
-    display: block;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    height: 35px;
-    line-height: 0;
-    padding: 18px 45px 15px 15px;
-    width: 100%;
-    font-size: 1.6rem;
-    padding-right: 45px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis; }
-    select.awd-select + span > i {
-      font-size: 23px;
-      position: absolute;
-      right: 33px;
-      top: 5px;
-      z-index: 1000; }
-      select.awd-select + span > i:before {
-        left: 1px;
-        position: absolute;
-        top: -1px; }
-  select.awd-select:focus + span {
-    border-color: #0568ae; }
-
-.isIE select.awd-select + span {
-  line-height: 1; }
-
-[data-default-option="true"] {
-  color: #767676 !important;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-
-.placeholdercolor {
-  color: #767676 !important;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-
-.filterTank button.awd-select {
-  border-color: #d2d2d2;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #333333; }
-  .filterTank button.awd-select:after {
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2; }
-
-.utility-bg button.awd-select {
-  border-color: #d2d2d2;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #333333; }
-  .utility-bg button.awd-select:after {
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2; }
-
-.utility-bg select.awd-select + span {
-  border-color: #d2d2d2;
-  border-color: #d2d2d2;
-  background-color: #333333;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #FFFFFF; }
-  .utility-bg select.awd-select + span:after {
-    background-color: #FFFFFF !important;
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2;
-    border-color: #d2d2d2; }
-
-.utility-bg select.awd-select:focus + span {
-  border-color: #d2d2d2;
-  border-color: #d2d2d2;
-  background-color: #333333;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #FFFFFF; }
-  .utility-bg select.awd-select:focus + span:after {
-    background-color: #FFFFFF !important;
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2;
-    border-color: #d2d2d2; }
-
-.utility-bg select.awd-select:hover + span {
-  border-color: #d2d2d2;
-  border-color: #d2d2d2;
-  background-color: #333333;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #FFFFFF; }
-  .utility-bg select.awd-select:hover + span:after {
-    background-color: #FFFFFF !important;
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2;
-    border-color: #d2d2d2; }
-
-input.awd-select[disabled] {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  input.awd-select[disabled] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-
-button.awd-select[disabled] {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  button.awd-select[disabled]:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled] + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled] + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled]:focus + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-
-select.awd-select[disabled]:hover + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-
-input.awd-select[disabled="disabled"] {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  input.awd-select[disabled="disabled"] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-
-select.awd-select[disabled="disabled"] + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled="disabled"] + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled="disabled"]:focus + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled="disabled"]:focus + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled="disabled"]:hover + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled="disabled"]:hover + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-.ddexpand-wrapper > h2 {
-  margin-bottom: 11px; }
-  .ddexpand-wrapper > h2 + p {
-    margin-bottom: 4px; }
-
-.ddexpand-wrapper .selectWrap + [aria-expanded="true"] .form-row {
-  margin-top: 11px; }
-
-.ddexpand-wrapper .selectWrap + [aria-expanded="true"] .row + .row .form-row {
-  margin-top: 14px; }
-
-.modal .awd-select-list {
-  z-index: 1060 !important; }
-
-.form-row.error button.awd-select.active:focus {
-  border-color: #cf2a2a !important; }
-
-.form-row.error input.awd-select.active:focus {
-  border-color: #cf2a2a !important; }
-
-.awd-module-list .module-list-item[aria-selected="true"] {
-  background-color: #f2f2f2; }
-
-li.module-list-item[aria-selected="true"]:before {
-  color: #0568ae;
-  display: inline-block;
-  font-family: "icoControls" !important;
-  font-style: normal;
-  font-size: 20px;
-  font-weight: normal;
-  font-variant: normal;
-  height: 1em;
-  margin-right: 7px;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  position: relative;
-  speak: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  width: 1em;
-  content: "\e907";
-  box-sizing: border-box;
-  display: inline-block;
-  font-size: 2em;
-  height: 1em;
-  position: absolute;
-  top: 20px;
-  right: 0px;
-  vertical-align: middle;
-  width: 1em;
-  color: #007a3e; }
-
-@media (min-width: 768px) {
-  span[class*="large"] {
-    max-width: 370px; }
-  .large {
-    max-width: 370px; } }
-
-@media (max-width: 767px) {
-  .selectWrap.large:after {
-    right: 5px; }
-  .selectWrap.large .awd-select-list-item {
-    padding-right: 41px; }
-  .selectWrap + div > h4 {
-    margin-bottom: 0;
-    font-size: 16px; } }
-
-/**********************Dropdown Chrome scrolling fix start ********************/
-input.awd-select {
-  -webkit-user-select: text;
-  -moz-user-select: text;
-  -ms-user-select: text;
-  user-select: text; }
-
-/**********************Dropdown Chrome scrolling fix end ********************/
-.mpc-expanders {
-  border-bottom: 1px solid #e4e4e4;
-  border-top: 1px solid #e4e4e4; }
-
-.mpc-expanders + .mpc-expanders {
-  border-top: 0px; }
-
-.mpc-expanders .heading-medium {
-  margin-bottom: 10px; }
-
-.mpc-expanders .p-small {
-  margin-top: 5px; }
-
-.mpc-expander-body {
-  border-top: 1px solid #e4e4e4; }
-
-.mpc-expander-body .mpc-expanders {
-  border-bottom: 1px solid #e4e4e4;
-  border-top: 0; }
-
-.mpc-expander-body .mpc-expanders:last-child {
-  border-bottom: 0px; }
-
-.ddh-blue {
-  color: #0574ac; }
-
-.b2b-dragdrop {
-  border: 1px dashed #bbb;
-  border-radius: 5px;
-  padding: 0;
-  text-align: center;
-  color: #bbb;
-  position: relative; }
-
-.b2b-dragdrop-over {
-  background: #0091d9;
-  color: #006496; }
-  .b2b-dragdrop-over:after {
-    content: "Drop the file";
-    color: #fff;
-    width: 80px;
-    height: 20px;
-    overflow: hidden;
-    margin: auto;
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0; }
-
-.b2b-file-container {
-  position: relative;
-  overflow: hidden;
-  display: inline-table;
-  font-weight: 400; }
-  .b2b-file-container [type=file] {
-    position: absolute;
-    cursor: inherit;
-    display: block;
-    font-size: 0;
-    opacity: 0;
-    height: 0;
-    width: 0;
-    left: 0;
-    top: 0;
-    -ms-filter: "alpha(Opacity=0)"; }
-
-.b2b-upload-link {
-  color: #0568ae; }
-
-.b2b-flyout {
-  position: relative;
-  display: inline-block;
-  cursor: default; }
-
-.b2b-flyout-icon {
-  cursor: pointer; }
-  .b2b-flyout-icon:focus {
-    outline: thin dotted #666;
-    outline-offset: -1px; }
-
-.b2b-flyout .b2b-flyout-container {
-  border: 1px solid #d3d3d3;
-  width: 300px;
-  padding: 20px;
-  pointer-events: auto;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  font-size: 16px;
-  -webkit-transition: opacity .2s ease-out;
-  -moz-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
-  background: #fff;
-  border-radius: 6px;
-  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-  color: #333;
-  line-height: 20px;
-  position: absolute;
-  top: 35px;
-  opacity: 0;
-  z-index: 1010;
-  display: none; }
-  .b2b-flyout .b2b-flyout-container.open-flyout {
-    opacity: 1;
-    display: block; }
-
-.b2b-flyout i.b2b-flyout-caret {
-  position: absolute;
-  top: -8px;
-  left: 50%;
-  opacity: 0;
-  z-index: 1011;
-  display: none; }
-  .b2b-flyout i.b2b-flyout-caret.open-flyout {
-    opacity: 1;
-    display: block; }
-  .b2b-flyout i.b2b-flyout-caret:before {
-    content: "";
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
-    border-bottom: 8px solid #d3d3d3;
-    position: absolute;
-    top: -1px; }
-  .b2b-flyout i.b2b-flyout-caret:after {
-    content: "";
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
-    border-bottom: 8px solid #fff;
-    position: absolute; }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-left i.b2b-flyout-caret {
-  left: 16px !important; }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-right i.b2b-flyout-caret {
-  left: inherit !important;
-  right: 30px !important; }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-above {
-  box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.25); }
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret {
-    top: auto;
-    bottom: 0px; }
-    .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:before {
-      top: auto;
-      bottom: -9px;
-      border-top: 8px solid #d3d3d3;
-      border-bottom: none; }
-    .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:after {
-      border-top: 8px solid #fff;
-      border-bottom: none; }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-centerLeft i.b2b-flyout-caret {
-  left: inherit !important;
-  right: -7px !important;
-  top: 8px;
-  transform: rotate(90deg); }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-centerRight i.b2b-flyout-caret {
-  left: -8px !important;
-  top: 296px;
-  transform: rotate(-90deg); }
-
-.b2b-flyout .buttons-group {
-  margin-top: 20px; }
-  .b2b-flyout .buttons-group .cta-button-group {
-    width: 100%;
-    border-top: 1px solid #ccc;
-    padding: 20px 0 0; }
-    .b2b-flyout .buttons-group .cta-button-group button {
-      margin-bottom: 0; }
-
-.b2b-flyout .heading {
-  font-size: 20px;
-  margin-bottom: 10px; }
-
-.b2b-flyout .body-text {
-  font-size: 14px;
-  margin-bottom: 30px; }
-
-.b2b-footer-wrapper {
-  width: 100%;
-  background-color: #222; }
-
-.b2b-footer-container {
-  width: 980px;
-  margin: 0 auto;
-  padding-top: 15px; }
-  .b2b-footer-container .footer-columns {
-    display: inline-block;
-    text-align: left;
-    vertical-align: top; }
-    .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-      padding-top: 30px; }
-    .b2b-footer-container .footer-columns.three-column {
-      width: 33.3%;
-      padding-left: 75px; }
-    .b2b-footer-container .footer-columns.four-column {
-      width: 25%;
-      padding-left: 75px; }
-    .b2b-footer-container .footer-columns.five-column {
-      width: 20%; }
-    .b2b-footer-container .footer-columns .b2b-footer-header {
-      color: #009fdb;
-      font-size: 18px;
-      font-style: normal;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      line-height: 23.9px;
-      margin: 0; }
-    .b2b-footer-container .footer-columns li {
-      padding: 7.5px 0; }
-    .b2b-footer-container .footer-columns ul li:first-child {
-      padding-top: 15px; }
-    .b2b-footer-container .footer-columns li a {
-      color: #fff;
-      font-size: 16px;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-  .b2b-footer-container .footer-nav-content {
-    padding-bottom: 10px; }
-    .b2b-footer-container .footer-nav-content li {
-      display: inline;
-      font-size: 14px;
-      color: #fff;
-      vertical-align: middle; }
-      .b2b-footer-container .footer-nav-content li a {
-        color: #fff;
-        font-size: 14px;
-        vertical-align: middle;
-        margin-right: 5px;
-        font-family: "Omnes-ECOMP-W02", Arial; }
-
-.b2b-footer-wrapper .b2b-footer-container hr {
-  background: #d2d2d2;
-  margin-top: 50px; }
-
-.b2b-footer-wrapper .divider-bottom-footer {
-  padding: 45px 0 50px 0; }
-
-.b2b-footer-wrapper .footerLogo {
-  margin: 10px 0 0 0px;
-  vertical-align: top; }
-  .b2b-footer-wrapper .footerLogo div {
-    display: inline-block; }
-  .b2b-footer-wrapper .footerLogo .icon-primary-att-globe {
-    font-size: 40px; }
-  .b2b-footer-wrapper .footerLogo .logo-title {
-    color: #fff;
-    margin-left: 10px;
-    display: inline-block;
-    font-size: 26px;
-    margin-top: 0px; }
-
-.b2b-footer-wrapper .copyright-text {
-  color: #fff;
-  font-size: 11px;
-  text-align: left;
-  font-family: "Omnes-ECOMP-W02", Arial; }
-  .b2b-footer-wrapper .copyright-text a {
-    color: #fff;
-    text-decoration: underline;
-    display: inline-block; }
-    .b2b-footer-wrapper .copyright-text a:hover {
-      text-decoration: none; }
-
-@media (max-width: 768px) {
-  .b2b-footer-wrapper {
-    padding: 0 15px; }
-  .b2b-footer-container {
-    width: 100%; }
-    .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-      width: 50%; }
-  .b2b-footer-wrapper .divider-bottom-footer {
-    padding-top: 15px; }
-    .b2b-footer-wrapper .divider-bottom-footer .footer-links {
-      width: 100%; }
-  .b2b-footer-wrapper .footerLogo {
-    margin: 30px 0 0 0; }
-    .b2b-footer-wrapper .footerLogo .footer-logo {
-      margin: 0;
-      padding-left: 10px; } }
-
-.b2b-header-tabs {
-  background-color: #222;
-  width: 100%;
-  position: relative;
-  height: 45px; }
-  .b2b-header-tabs .icon-primary-att-globe {
-    color: #0568ae; }
-  .b2b-header-tabs a:focus {
-    border: 1px solid white; }
-  .b2b-header-tabs .header__items {
-    width: 980px;
-    margin: 0 auto;
-    display: block;
-    list-style: none;
-    padding: 6px 0px 0px 0px;
-    border-spacing: 30px 0; }
-  .b2b-header-tabs .header__item {
-    display: inline-block;
-    text-align: left;
-    width: auto;
-    font-size: 16px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    cursor: pointer;
-    padding: 5px 15px;
-    color: #fff; }
-    .b2b-header-tabs .header__item.b2b-headermenu {
-      padding: 0; }
-      .b2b-header-tabs .header__item.b2b-headermenu:last-child {
-        background: none; }
-      .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-        color: #fff;
-        text-decoration: none;
-        display: inline-block;
-        padding: 5px 15px; }
-    .b2b-header-tabs .header__item.active {
-      background-color: #fff;
-      border-radius: 2px;
-      border-bottom-left-radius: 0;
-      border-bottom-right-radius: 0; }
-      .b2b-header-tabs .header__item.active a.menu__item {
-        color: #0578ae; }
-  .b2b-header-tabs li:focus {
-    outline: 2px solid #0578ae; }
-  .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-    background-color: #fff;
-    position: absolute;
-    width: 100%;
-    left: 0;
-    top: 42px;
-    border-bottom: solid 1px #ccc;
-    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    display: none;
-    z-index: 111; }
-  .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-    background-color: #fff;
-    width: 980px;
-    margin: 0 auto; }
-  .b2b-header-tabs .header__item.active .header-secondary-wrapper {
-    display: block; }
-  .b2b-header-tabs .header-secondary .header-subitem {
-    display: inline-block;
-    width: auto;
-    margin: 0 15px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-      display: block; }
-    .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-      display: inline-block;
-      padding: 15px 0;
-      color: #333; }
-      .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-        color: #0578ae; }
-
-/** Secondary Menu **/
-.b2b-labelhide {
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px); }
-
-/** Tertiary Level Menu **/
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-  position: absolute;
-  z-index: 111;
-  top: 25px; }
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after, .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    content: '';
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
-    position: absolute;
-    -webkit-transition: left .2s ease-out;
-    -moz-transition: left .2s ease-out;
-    transition: left .2s ease-out; }
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-    border-bottom: 8px solid #fff;
-    top: 10px; }
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    border-bottom: 8px solid #ccc;
-    top: 9px; }
-
-.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-  border-top: solid 1px #ccc; }
-
-.b2b-header-tabs .header-tertiary:after {
-  content: '';
-  clear: both;
-  display: block; }
-
-.b2b-header-tabs .header-tertiary li {
-  display: inline-block;
-  padding: 0;
-  float: left; }
-  .b2b-header-tabs .header-tertiary li a {
-    color: #333;
-    display: block;
-    padding: 10px 15px; }
-  .b2b-header-tabs .header-tertiary li label {
-    text-align: left;
-    display: block;
-    font-size: 16px;
-    font-weight: bold;
-    color: #857B7B;
-    padding: 15px 0 0 15px; }
-
-.b2b-header-tabs .header__item.skip {
-  padding: 0;
-  display: inline-block;
-  cursor: default !important; }
-  .b2b-header-tabs .header__item.skip a {
-    color: transparent;
-    font-size: 12px;
-    line-height: 15px;
-    text-decoration: none; }
-    .b2b-header-tabs .header__item.skip a:focus {
-      color: #fff;
-      outline: 2px solid #0578ae; }
-
-.b2b-header-tabs .selectWrap {
-  min-width: 150px; }
-  .b2b-header-tabs .selectWrap button.awd-select {
-    height: 30px;
-    line-height: 31px;
-    font-size: 1rem;
-    display: inline-block; }
-  .b2b-header-tabs .selectWrap .awd-select-list {
-    background-color: #fff;
-    color: #333;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-
-@media (max-width: 768px) {
-  .b2b-header-tabs {
-    padding: 0 15px; }
-    .b2b-header-tabs .header__items, .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-      width: 100%; }
-    .b2b-header-tabs .header__item {
-      padding: 5px 0; }
-    .b2b-header-tabs .globe-text {
-      display: none; }
-    .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-      padding: 5px 7px 9px 7px; }
-    .b2b-header-tabs .header__item .header-tertiary-wrapper {
-      top: 30px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-      top: 14px; }
-    .b2b-header-tabs .header__item .header-secondary-wrapper {
-      top: 45px; }
-    .b2b-header-tabs .header__item.profile {
-      padding-left: 15px;
-      float: none; } }
-
-/************* Header - Start *************/
-.b2b-header-tabs {
-  background-color: #222;
-  width: 100%;
-  position: relative;
-  height: 45px; }
-
-.b2b-header-tabs .icon-primary-primary-att-globe {
-  color: #0568ae;
-  font-size: 34px;
-  bottom: 1px; }
-
-/*
- *TODO: delete below .icon-primary-att-globel will not be used 
- *instead the one above, icon-primary-primary-att-globe not available here
- */
-.b2b-header-tabs .icon-primary-att-globe {
-  color: #0568ae;
-  font-size: 34px; }
-
-.b2b-header-tabs .globe-text {
+.stdForm{
   margin-left: 20px;
-  font-size: 2rem; }
-
-.b2b-header-tabs .header__items {
-  width: 980px;
-  margin: 0 auto;
-  display: block;
-  list-style: none;
-  border-spacing: 30px 0;
-  padding: 3px 0px 0px 0px; }
-
-.b2b-header-tabs .header__item {
-  display: inline-block;
-  text-align: left;
-  width: auto;
-  font-size: 14px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  cursor: pointer;
-  padding: 0 15px 4px 15px;
-  /*margin-top:-3px;*/
-  color: #fff; }
-
-.b2b-header-tabs .header__item.b2b-headermenu {
-  padding: 0; }
-
-.b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-  color: #fff;
-  text-decoration: none;
-  display: inline-block;
-  padding: 8px 15px 12px 15px;
-  font-size: 16px; }
-
-.b2b-header-tabs .header__item.active {
-  background-color: #fff;
-  border-radius: 2px;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0; }
-
-.b2b-header-tabs .header__item.active a.menu__item {
-  color: #0578ae; }
-
-.b2b-header-tabs li:focus {
-  outline: 2px solid #0578ae; }
-
-/** profile pop Over **/
-.b2b-header-tabs .header__item.profile {
-  position: relative;
-  float: right; }
-
-/** Secondary Menu **/
-.b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-  background-color: #fff;
-  position: absolute;
-  width: 100%;
-  left: 0;
-  top: 42px;
-  border-bottom: solid 1px #ccc;
-  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-  display: none;
-  z-index: 111; }
-
-.b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-  background-color: #fff;
-  width: 980px;
-  margin: 0 auto; }
-
-.b2b-header-tabs .header__item.active .header-secondary-wrapper,
-.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-  display: block; }
-
-.b2b-header-tabs .header-secondary .header-subitem {
-  display: inline-block;
-  width: auto;
-  margin: 0 15px; }
-
-.b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-  display: inline-block;
-  padding: 15px 0;
-  color: #333;
-  font-size: 14px; }
-
-.b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-  color: #0578ae; }
-
-.b2b-label-hide {
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px); }
-
-/** Tertiary Level Menu **/
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after,
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-  content: '';
-  border-left: 8px solid transparent;
-  border-right: 8px solid transparent;
-  position: absolute;
-  -webkit-transition: left .2s ease-out;
-  -moz-transition: left .2s ease-out;
-  transition: left .2s ease-out; }
-
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-  position: absolute;
-  z-index: 111;
-  top: 25px; }
-
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-  border-bottom: 8px solid #fff;
-  top: 10px; }
-
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-  border-bottom: 8px solid #ccc;
-  top: 9px; }
-
-/** Tertiary Level Menu **/
-.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-  border-top: solid 1px #ccc; }
-
-.b2b-header-tabs .header-tertiary:after {
-  content: '';
-  clear: both;
-  display: block; }
-
-.b2b-header-tabs .header-tertiary li {
-  display: inline-block;
-  padding: 0;
-  float: left; }
-
-.b2b-header-tabs .header-tertiary li a {
-  color: #333;
-  display: block;
-  padding: 7px 15px;
-  max-width: 228px; }
-
-.b2b-header-tabs .header-tertiary li label {
-  text-align: left;
-  display: block;
-  font-size: 14px !important;
-  font-weight: bold;
-  color: #857B7B;
-  padding: 15px 0 0 15px; }
-
-/** Quarternary Level Menu **/
-.b2b-header-tabs .header-quarternary {
-  width: 100%;
-  float: left; }
-
-.b2b-header-tabs .header-quarternary li {
-  padding-left: 15px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  display: none; }
-
-.b2b-header-tabs .header-quarternary li.active {
-  display: block; }
-
-.b2b-header-tabs .header-quarternary li a {
-  color: #666666;
-  font-size: 14px;
-  padding: 0px 10px 10px 10px; }
-
-/** Skip Navigation**/
-.b2b-header-tabs .header__item.skip {
-  padding: 0;
-  display: inline-block;
-  cursor: default !important; }
-
-.b2b-header-tabs .header__item.skip a {
-  color: transparent;
-  font-size: 12px;
-  line-height: 15px;
-  text-decoration: none; }
-
-.b2b-header-tabs .header__item.skip a:focus {
-  color: #fff;
-  outline: 2px solid #0578ae; }
-
-/** Dropdown css inside Header ****/
-.b2b-header-tabs .selectWrap {
-  min-width: 150px; }
-
-.b2b-header-tabs .selectWrap button.awd-select, .b2b-header-tabs .selectWrap input.awd-select {
-  height: 36px;
-  line-height: 31px;
-  font-size: 1rem;
-  display: inline-block; }
-
-.b2b-header-tabs .selectWrap .awd-select-list {
-  background-color: #fff;
-  color: #333;
-  -webkit-transition: opacity .2s ease-out;
-  -moz-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-
-/*
- * responsive header media queries
- */
-@media screen and (max-width: 1100px) {
-  .b2b-header-tabs .globe-text {
-    display: none; }
-  .b2b-header-tabs .header__item.profile {
-    padding-left: 15px;
-    float: none; }
-  .b2b-header-tabs .header__items {
-    padding-top: 0px; } }
-
-@media screen and (max-width: 950px) {
-  .header__item.profile {
-    top: 20px; }
-  .b2b-header-tabs {
-    height: 90px; }
-  .header__item .selectWrap {
-    bottom: 15px; }
-  .b2b-header-tabs .header__items {
-    padding-top: 25px; }
-  .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-    top: 80px; }
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-    top: 35px; }
-  .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-    padding-bottom: 30px; }
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-    margin-top: -28px; } }
-
-/*************** Header - END ******************/
-.hp-container {
-  display: block;
-  max-width: 408px; }
-  .hp-container i:focus {
-    outline: thin dotted #666; }
-  .hp-container .icon-misc-pen {
-    cursor: pointer; }
-  .hp-container .icon-misc-trash {
-    cursor: pointer; }
-
-.hp-selected {
-  border-bottom: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
-  margin-bottom: 16px;
-  padding-bottom: 16px; }
-  .hp-selected .selected-days {
-    padding-bottom: 16px; }
-    .hp-selected .selected-days .day {
-      padding-top: 10px;
-      float: left; }
-
-/* .hp-checkbox {
-  padding-top: 20px;
-  margin: 16px auto 0 auto; }
-  .hp-checkbox label {
-    position: relative;
-    width: 20px;
-    margin-right: 34px; }
-    .hp-checkbox label span {
-      position: absolute;
-      top: -20px;
-      left: 0px;
-      margin-left: 0px; } */
-
-.hp-dropdowns {
-  margin-top: 15px;
-  display: flex;
-  display: -webkit-flex;
-  display: -ms-flexbox; }
-
-.hp-buttons {
-  margin-top: 20px;
-  display: flex;
-  display: -webkit-flex;
-  display: -ms-flexbox; }
-
-.hp-dropdowns .radio-buttons {
-  margin-top: 30px; }
-  .hp-dropdowns .radio-buttons .radio {
-    margin-right: 15px; }
-
-
-
-/* TODO: Build a reference page for these classes */
-.font-regular {
-  font-family: "Omnes-ECOMP-W02", Arial !important; }
-
-.font-light {
-  font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-
-.font-italic {
-  font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-
-.font-light-italic {
-  font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-
-.font-medium {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-
-.font-medium-italic {
-  font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-
-.font-reset {
-  font-style: normal;
-  font-variant: normal;
-  font-weight: normal;
-  text-transform: none; }
-
-.b2b-nav-menu {
-  background-color: #efefef;
-  border: 1px solid #efefef;
-  width: 230px;
-  font-size: 1.4rem; }
-
-.b2b-subnav-container > ul {
-  padding: 0px; }
-
-.b2b-subnav-content {
-  margin: 0;
-  margin-bottom: 10px; }
-
-.b2b-subnav-content > li {
-  border-bottom: 1px solid #999999;
-  position: relative;
-  cursor: pointer; }
-
-.b2b-subnav-content > li > a {
-  text-decoration: none;
-  line-height: 18px;
-  display: block;
-  padding: 10px; }
-
-.b2b-subnav-content > li > a.expand {
-  color: #333; }
-
-.b2b-subnav-content > li ul {
-  overflow: hidden;
-  max-height: 0;
-  transition-duration: 0.5s;
-  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
-
-.b2b-subnav-content > li ul.expand {
-  transition-duration: 0.7s;
-  transition-timing-function: ease-in-out;
-  max-height: 1000px;
-  overflow: hidden; }
-
-.b2b-subnav-content > li > a:focus, .b2b-subnav-content > li ul > li > a:focus {
-  outline: thin dotted #666; }
-
-.b2b-subnav-content > li ul > li > a {
-  line-height: 18px;
-  padding: 8px 0;
-  display: block;
-  outline-offset: -4px;
-  padding-left: 10px; }
-
-.b2b-icon-primary-plus-minus {
-  display: inline-block;
-  height: 20px;
-  margin-right: 10px;
-  padding: 0;
-  position: absolute;
-  right: 0px;
-  top: 10px;
-  vertical-align: middle;
-  width: 20px; }
-
-@media (min-width: 320px) and (max-width: 767px) {
-  .b2b-nav-menu {
-    background-color: #fff;
-    border: 1px solid white;
-    width: 100%; }
-  .b2b-subnav-content > li {
-    padding-left: 10px; }
-  .b2b-subnav-container > ul:first-child {
-    border-top: 1px solid #999; }
-  .b2b-icon-primary-plus-minus {
-    right: 10px; }
-  .b2b-subnav-content > li li > a.active {
-    color: #0574ac;
-    text-decoration: none;
-    font-family: "Omnes-ECOMP-W02", Arial; } }
-
-.b2b-list-box-item {
-  white-space: nowrap;
-  margin: 1px;
-  border: 1px solid transparent;
-  outline: none;
-  visibility: inherit;
-  display: inherit;
-  text-align: left;
-  overflow: hidden;
-  cursor: pointer;
-  padding: 5px 0 5px;
-  padding-left: 15px;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none; }
-  .b2b-list-box-item:focus {
-    border: 2px solid #5e8cb3; }
-
-.b2b-list-box-item--selected {
-  background-color: #cfdde9; }
-
-.btn.disabled[ddh-load-button] {
-  line-height: 46px;
-  padding: 0 19px 0 18px; }
-
-.btn.disabled[ddh-load-button] {
-  color: #666666; }
-
-.icon-primary-spinner-ddh.large {
-  height: 50px;
-  width: 50px; }
-
-.icon-primary-spinner-ddh.small {
-  height: 30px;
-  width: 30px; }
-
-.icon-primary-spinner-ddh {
-  -webkit-animation: 1s linear infinite spinner;
-  animation: 1s linear infinite spinner;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgaWQ9InN2Zy1zcGlubmVyIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgIDxwYXRoIGZpbGw9IiNGNUY1RjUiIGQ9Ik0xOCAzNkM4LjEgMzYgMCAyNy45IDAgMThTOC4xIDAgMTggMHMxOCA4LjEgMTggMTgtOC4xIDE4LTE4IDE4em0wLTMxLjVjLTcuNSAwLTEzLjUgNi0xMy41IDEzLjVTMTAuNiAzMS41IDE4IDMxLjVjNy41IDAgMTMuNS02LjEgMTMuNS0xMy41IDAtNy41LTYtMTMuNS0xMy41LTEzLjV6Ii8+CiAgIDxwYXRoIGZpbGw9IiMwNTY4QUUiIGlkPSJzcGlubmVyIiBkPSJNMzAuNyA1LjNsLTMuMSAzLjJjMi40IDIuNCAzLjkgNS44IDMuOSA5LjUgMCA3LjQtNi4xIDEzLjUtMTMuNSAxMy41UzQuNSAyNS40IDQuNSAxOCAxMC42IDQuNSAxOCA0LjVWMEM4LjEgMCAwIDguMSAwIDE4czguMSAxOCAxOCAxOCAxOC04LjEgMTgtMThjMC01LTItOS41LTUuMy0xMi43eiIgdHJhbnNmb3JtPSIiPiAgICAgIAogICA8L3BhdGg+Cjwvc3ZnPg==); }
-
-.btn-small .icon-primary-spinner-ddh {
-  height: 30px !important;
-  width: 30px !important; }
-
-.btn-small .icon-primary-spinner {
-  height: 30px;
-  width: 30px; }
-
-.load-backdrop {
-  position: absolute;
-  top: 50%;
-  left: 50%; }
-
-.small-modal-loader {
-  width: 420px !important;
-  height: 212px !important;
-  text-align: center; }
-
-.small-modal-loader .icon-primary-spinner {
-  margin-bottom: 5px; }
-
-.body.styled-by-modal {
-  position: fixed; }
-
-.b2b-modal-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: -1; }
-
-.b2b-modal-backdrop.fade {
-  background-color: #000;
-  opacity: 0;
-  filter: alpha(opacity=0);
-  transition: all 0.3s linear 0s; }
-
-.b2b-modal-backdrop.fade.in {
-  z-index: 1040;
-  opacity: 0.7;
-  filter: alpha(opacity=70);
-  background-color: #000;
-  transition: opacity 0.3s linear 0s; }
-
-.modalwrapper {
-  height: 100%;
-  width: 100%;
-  left: 0;
-  overflow-y: hidden;
-  position: absolute;
-  right: 0;
-  padding: 20px;
-  top: 0;
-  z-index: -1; }
-
-.modalwrapper.active {
-  z-index: 1050;
-  overflow-y: auto; }
-
-.modal {
-  background-clip: padding-box;
-  background-color: #ffffff;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 8px;
-  box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.4);
-  margin: 0 auto;
-  /*margin-bottom:10%;*/
-  outline: medium none;
-  /*position: absolute;*/
-  height: 0;
-  min-height: 150px;
-  overflow: hidden;
-  /*top: 10%;*/
-  width: 100%;
-  z-index: -1; }
-
-.modalwrapper.modal-docked .modal {
-  max-height: 80%;
-  height: 80%;
-  overflow: hidden;
-  top: 0; }
-
-.modal.fade.in {
-  position: relative;
-  height: auto;
-  overflow: auto;
-  top: 10%;
-  z-index: 1060;
-  transition: opacity .5s linear 0s; }
-
-.modal.fade.in.modal-landscape {
-  overflow-y: auto; }
-
-.modal.fade {
-  transition: opacity .5s linear 0s; }
-
-.fade.in {
-  opacity: 1; }
-
-.fade {
-  opacity: 0; }
-
-.b2b-modal-header {
-  align-items: center;
-  border-radius: 8px 8px 0 0;
-  display: flex;
-  min-height: 60px;
-  overflow: hidden;
-  padding: 30px 46px 30px 30px;
-  position: relative; }
-
-.b2b-modal-header > h2 {
-  line-height: 1;
-  margin: 0;
-  padding: 0; }
-
-.modal-header-portrait {
-  -webkit-overflow-scrolling: auto; }
-
-.modal-header-landscape {
-  -webkit-overflow-scrolling: auto; }
-
-.b2b-modal-body {
-  -webkit-overflow-scrolling: touch;
-  padding: 0 30px 20px;
-  position: relative;
-  width: auto; }
-
-.b2b-modal-body:focus {
-  outline: 1px dotted #333333; }
-
-.modal-form {
-  margin-bottom: 0; }
-
-.b2b-modal-footer {
-  background-color: #fff;
-  width: 100%;
-  padding: 0 30px;
-  border-radius: 0;
-  position: absolute;
-  bottom: 0; }
-
-:not(.modal-docked) .b2b-modal-footer {
-  position: relative; }
-
-.modal-landscape .b2b-modal-footer {
-  position: relative; }
-
-.b2b-modal-footer .cta-button-group {
-  display: flex;
-  justify-content: flex-end;
-  padding: 20px 0 5px;
-  width: 100%;
-  border-top: 1px solid #d2d2d2; }
-
-.b2b-modal-footer .cta-button-group .btn {
-  margin-left: auto;
-  margin-right: auto;
-  float: right;
-  margin-left: 10px; }
-
-.b2b-modal-footer .cta-button-group .marginLeft0 {
-  margin-left: 0px; }
-
-.b2b-modal-footer .cta-button-group .btn-footer-left {
-  margin-right: auto; }
-
-.b2b-modal-footer .cta-button-group .btn + .btn {
-  margin-right: 0 !important; }
-
-[class*="modal-"] {
-  width: 100%; }
-
-.modal-small {
-  max-width: 420px; }
-
-.modal-medium {
-  max-width: 620px; }
-
-.modal-large {
-  max-width: 720px; }
-
-.modal-xlarge {
-  max-width: 860px; }
-
-.modal-jumbo {
-  max-width: 1000px; }
-
-.modalwrapper.modal-docked {
-  height: 100%;
-  display: flex;
-  align-items: center; }
-
-.modalwrapper.modal-docked .b2b-modal-body {
-  height: 80%;
-  overflow-y: scroll;
-  padding-bottom: 60px; }
-
-.modalwrapper.modal-docked .modal {
-  max-height: 80%;
-  height: 80%;
-  overflow: hidden;
-  top: 0; }
-
-.modalwrapper.modal-docked .b2b-modal-body > *:last-child {
-  margin-bottom: 60px; }
-
-@media (max-width: 767px) {
-  .modalwrapper {
-    padding: 15px;
-    overflow-x: hidden; }
-  .modal.fade.in {
-    top: 0;
-    right: 0;
-    left: 0;
-    margin-bottom: 15px;
-    border: none; }
-  .b2b-modal-header {
-    padding: 20px 46px 20px 15px; }
-  .b2b-modal-body {
-    width: 100%;
-    padding: 0 15px 15px; }
-  .modalwrapper.modal-docked {
-    position: absolute;
-    height: 100%;
-    padding: 0; }
-  .modalwrapper.modal-docked .modal.fade.in {
-    margin-bottom: 0;
-    width: 100% !important;
-    max-height: 100%;
-    height: 100%;
-    border-radius: 0; }
-  .modalwrapper.modal-docked .b2b-modal-body {
-    overflow-y: scroll;
-    height: 100%; }
-  .modalwrapper.modal-docked.modal-landscape {
-    overflow-y: hidden;
-    position: fixed; }
-  .modalwrapper.modal-docked.modal-landscape .modal {
-    overflow-y: scroll;
-    max-width: 100%; }
-  .modalwrapper.modal-docked.modal-landscape .b2b-modal-body {
-    height: auto;
-    overflow-y: hidden; }
-  .b2b-modal-footer {
-    padding: 0 15px; }
-  .b2b-modal-footer .cta-button-group {
-    display: block;
-    padding: 15px 0; }
-  .b2b-modal-footer .cta-button-group .btn {
-    float: none; }
-  .b2b-modal-footer .cta-button-group .btn + .btn {
-    margin-bottom: 0; }
-  .b2b-modal-footer .cta-button-group a.visible-phone {
-    align-items: center;
-    display: flex !important;
-    height: 42px;
-    justify-content: center; } }
-
-.b2b-modal-footer > .cta-button-group {
-  line-height: 40px; }
-
-.ajaxed,
-.modal.fade.in .b2b-modal-header,
-.modal.fade.in .b2b-modal-body,
-.modal.fade.in .b2b-modal-footer {
-  animation-duration: 0.01s;
-  -o-animation-duration: 0.01s;
-  -ms-animation-duration: 0.01s;
-  -moz-animation-duration: 0.01s;
-  -webkit-animation-duration: 0.01s;
-  animation-name: DOMinsertion;
-  -o-animation-name: DOMinsertion;
-  -ms-animation-name: DOMinsertion;
-  -moz-animation-name: DOMinsertion;
-  -webkit-animation-name: DOMinsertion; }
-
-.monthselector thead tr th {
-  min-width: 46px; }
-
-.monthselector thead tr:after {
-  content: "";
-  position: absolute;
-  left: 20px;
-  top: 52px;
-  height: 1px;
-  width: 85%;
-  border-bottom: 1px solid #ccc; }
-
-.monthselector tbody tr:last-child {
-  height: 50px; }
-
-.monthselector td.day {
-  margin: 1px 4px !important;
-  width: 64px !important; }
-
-.monthselector .datepicker-switch {
-  width: 195px !important; }
-
-.monthselector .show-date {
-  width: 30px !important; }
-
-.monthselector button.faux-input {
-  width: 100%; }
-  .monthselector button.faux-input:focus {
-    border: 1px solid #0574ac; }
-  .monthselector button.faux-input:disabled {
-    cursor: not-allowed; }
-
-.monthselector .cta-button-group {
-  padding: 0 20px; }
-  .monthselector .cta-button-group a {
-    margin-right: 20px; }
-
-.monthselector .day.active .show-date:after, .monthselector .day:focus .show-date:after, .monthselector .due-date.disabled .show-date:after {
-  height: 30px;
-  left: 9px !important;
-  top: 0;
-  width: 42px !important; }
-
-.monthselector .disabled.day:focus .show-date:after {
-  border: none; }
-
-.monthselector .icon-primary-calendar {
-  display: block; }
-
-.b2b-ml-nav {
-  padding: 0 10px 0 10px;
-  width: 320px; }
-
-.b2b-ml-nav ul {
-  list-style: none;
-  list-style-type: none; }
-
-.b2b-ml-nav a {
-  display: block;
-  padding: 0 0 5px 30px;
-  line-height: 22px;
-  margin-left: -10px;
-  color: #0568ae;
-  font-size: 1.4rem; }
-
-.b2b-ml-nav a:focus {
-  outline-offset: 1px; }
-
-.b2b-ml-nav li:focus {
-  outline: none; }
-
-.b2b-ml-nav li:focus > a {
-  outline: thin dotted #666;
-  outline-offset: 1px; }
-
-.b2b-ml-nav ul li {
-  border-left: 1px solid #ccc; }
-
-.b2b-ml-nav ul ul {
-  padding: 0 0 0 20px; }
-
-.b2b-ml-nav ul > li {
-  position: relative;
-  line-height: 18px; }
-
-.b2b-ml-nav a > span {
-  background-color: #FFF;
-  display: inline;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  left: -11px;
-  top: 0; }
-
-.b2b-ml-nav a > span > i {
-  font-size: 20px; }
-
-.b2b-ml-nav a:only-child > span {
-  left: -6px;
-  border-radius: 50%;
-  line-height: 7px;
-  top: 5px; }
-
-.b2b-ml-nav a:only-child > span > i {
-  background-color: inherit;
-  background: #fff;
-  font-size: 5px; }
-
-.b2b-ml-nav ul li:first-child > a:only-child > span {
-  left: -6px;
-  border-radius: 50%;
-  line-height: 12px;
-  top: 0px; }
-
-.b2b-ml-nav li a + ul {
-  display: none; }
-
-.b2b-ml-nav li a.active + ul {
-  display: block; }
-
-.b2b-ml-nav .selected {
-  color: #333; }
-
-/*to overide ng-doc inline property for library demo - TODO: Move to docs.css*/
-.b2b-ml-nav a [class^="icon-primary-"], a [class*=" icon-primary-"], a [class^="icon-primary-"]:before, a [class*=" icon-primary-"]:before {
-  display: inline-block; }
-
-.b2b-alerts-messages {
-  background-color: #fff;
-  border-radius: 8px;
-  height: auto; }
-  .b2b-alerts-messages h3 {
-    color: #333 !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 0 !important;
-    margin: 1em 0 5px;
-    line-height: 27px;
-    font-size: 18px; }
-  .b2b-alerts-messages h4 {
-    color: #333 !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 0 !important; }
-  .b2b-alerts-messages .alert-info {
-    background-color: #0574ac;
-    border: 0; }
-  .b2b-alerts-messages .alert-error {
-    background-color: #cf2a2a;
-    border: 0; }
-  .b2b-alerts-messages .alert-success {
-    background-color: #1b7e28;
-    border: 0; }
-  .b2b-alerts-messages div:nth-child(2) {
-    padding: 0 0 15px 10px;
-    vertical-align: baseline; }
-  .b2b-alerts-messages .close:before {
-    color: #767676; }
-  .b2b-alerts-messages p {
-    font-size: 14px;
-    color: #333;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-alerts-messages p a {
-      color: #333; }
-  .b2b-alerts-messages .btn-small {
-    margin-bottom: 0px; }
-
-.b2b-alerts-success {
-  border: 1px solid #1b7e28; }
-
-.b2b-alerts-error {
-  border: 1px solid #cf2a2a; }
-
-.b2b-alerts-info {
-  border: 1px solid #0574ac; }
-
-/* TODO: Rearange this and move to patches if needed */
-.b2b-breadcrumb-css-override > li {
-  margin-right: 24px; }
-
-.b2b-breadcrumb-css-override li > * {
-  float: left !important; }
-
-.b2b-css-override ul.nav-tabs {
-  margin-bottom: 0; }
-
-
-.b2b-top-nav-buttons-css-override {
-  margin-bottom: 0;
-  margin-top: 2px; }
-
-.b2b-auto-width {
-  width: auto !important; }
-
-.b2b-toggle-header-active {
-  color: #0568ae; }
-
-.b2b-toggle-header-inactive {
-  color: #333333; }
-
-.b2b-toggle-header-icon {
-  cursor: pointer; }
-
-
-.icon-primary-circle:before {
-  background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-  content: "";
-  position: absolute;
-  top: 0;
-  z-index: 1; }
-
-.ds2-no-colors .icon-primary-circle:before {
-  background-image: none;
-  content: "\e902"; }
-
-i:focus {
-  outline: thin dotted #666; }
-
-.p-col-md-12 {
-  width: 50%; }
-
-.pager__item {
-  border-radius: 0;
-  cursor: default;
-  display: inline-block;
-  margin: 5px;
-  width: 22px;
-  height: 23px;
-  vertical-align: baseline; }
-
-.pager {
-  padding-top: 10px;
-  padding-bottom: 20px;
-  text-align: center;
-  margin: 0 auto; }
-
-.pager__item--input {
-  color: #067ab4;
-  max-height: 32px;
-  max-width: 40px;
-  padding-left: 0;
-  padding-right: 0;
-  text-align: center;
-  margin-left: 10px; }
-
-.row.section-row {
-  margin-bottom: 20px; }
-
-.pager__item--active {
-  border-bottom: 2px solid #0574ac;
-  border-radius: 0;
-  color: #333333; }
-
-.pager a.pager__item--active:hover {
-  cursor: default; }
-
-.pager a:hover, .pager a:focus {
-  text-decoration: none;
-  color: #333333;
-  cursor: pointer; }
-
-.pager a.disabled:hover, .pager a.disabled:focus {
-  cursor: not-allowed; }
-
-.row.section-row.b2b-page {
-  display: block; }
-
-a.pager__item--next:focus, a.pager__item--prev:focus {
-  text-decoration: none;
-  border: 0; }
-
-.pager__item--next, .pager__item--prev {
-  margin: 5px;
-  padding: 1.5px 6px 1.5px 6px; }
-
-.pager .disabled i {
-  pointer-events: none;
-  cursor: default;
-  color: #c4c4c4; }
-
-.fieldLabel {
-  color: #666666; }
-
-.fieldLabel input {
-  color: #666666; }
-
-.pSelect {
-  float: right;
-  width: 150px; }
-
-.numericResult {
-  margin-bottom: 20px;
-  font-size: 1.6rem;
-  margin-top: 20px;
-  display: inline-block;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.mobile-view > .pager__item {
-  margin: 5px 10px;
-  width: 24px;
-  height: 34px;
-  vertical-align: middle;
-  line-height: 34px; }
-
-.fade1, .fadel {
-  opacity: 0.4; }
-
-.fade2, .fadesl {
-  opacity: 0.6; }
-
-h4#pagination-truncated {
-  margin-top: 50px; }
-
-h4#pagination-large-count {
-  margin-top: 50px; }
-
-.p-col-md-12 input {
-  margin-left: 20px; }
-
-.pager a .icon-primary-right:before {
-  display: inline-block; }
-
-.pager a .icon-primary-left:before {
-  display: inline-block; }
-
-.page-heading {
-  background: white none repeat scroll 0 0;
-  margin-bottom: -12px;
-  padding-left: 10px;
-  padding-right: 10px;
-  position: relative; }
-
-.numericResult:focus {
-  outline: 1px dotted #0574ac; }
-
-.page-heading-group {
-  color: #ef6f00;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.pager > div > span.fieldLabel {
-  margin-left: 18px; }
-
-.pager .fieldLabel .btn-arrow {
-  top: 0;
-  left: 10px;
-  margin-left: -5px; }
-
-.b2b-p-col-md-12 {
-  width: 50%; }
-  .b2b-p-col-md-12 input {
-    margin-left: 20px; }
-
-.b2b-pager__item {
-  border-radius: 0;
-  cursor: default;
-  display: inline-block;
-  margin: 0px 5px 0 5px;
-  height: 23px;
-  vertical-align: baseline; }
-
-.b2b-pager__item--noclick {
-  pointer-events: none !important;
-  cursor: default !important; }
-
-.b2b-pager__item--droppable {
-  pointer-events: all !important; }
-
-.b2b-pager {
-  padding-top: 10px;
-  padding-bottom: 20px;
-  text-align: center;
-  margin: 0 auto; }
-  .b2b-pager a:hover {
-    text-decoration: none;
-    color: #333333;
-    cursor: pointer; }
-  .b2b-pager a:focus {
-    text-decoration: none;
-    color: #333333;
-    cursor: pointer; }
-  .b2b-pager a .icon-primary-right:before {
-    display: inline-block; }
-  .b2b-pager a .icon-primary-left:before {
-    display: inline-block; }
-  .b2b-pager .disabled i {
-    pointer-events: none;
-    cursor: default;
-    color: #c4c4c4; }
-
-.b2b-pager__item--input {
-  color: #067ab4;
-  max-height: 32px;
-  max-width: 60px;
-  padding-left: 0;
-  padding-right: 0;
-  text-align: center;
-  margin-left: 5px; }
-
-.row.section-row {
-  margin-bottom: 20px; }
-
-.b2b-pager__item--active {
-  border-bottom: 2px solid #0574ac;
-  border-radius: 0;
-  color: #333333; }
-
-.row.section-row.b2b-page {
-  display: block; }
-
-a.b2b-pager__item--next:focus {
-  text-decoration: none;
-  border: 0; }
-
-a.b2b-pager__item--next-disabled {
-  outline: 0; }
-
-a.b2b-pager__item--next-disabled > [class^="icon-primary-"] {
-  color: #cccccc;
-  cursor: not-allowed;
-  outline: 0; }
-
-a.b2b-pager__item--prev:focus {
-  text-decoration: none;
-  border: 0; }
-
-a.b2b-pager__item--prev-disabled {
-  outline: 0; }
-
-a.b2b-pager__item--prev-disabled > [class^="icon-primary-"] {
-  color: #cccccc;
-  cursor: not-allowed; }
-
-.b2b-pager__item--next {
-  padding: 1.5px 0px 1.5px 0px; }
-
-.b2b-pager__item--prev {
-  padding: 1.5px 0px 1.5px 0px; }
-
-.fieldLabel {
-  color: #666666; }
-  .fieldLabel input {
-    color: #666666; }
-  .fieldLabel .btn-arrow {
-    top: 0;
-    left: 10px; }
-
-.b2b-pSelect {
-  float: right;
-  width: 150px; }
-
-.b2b-numericResult {
-  margin-bottom: 20px;
-  font-size: 1.6rem;
-  margin-top: 20px; }
-
-.b2b-mobile-view > .b2b-pager__item {
-  margin: 5px 10px;
-  min-width: 23px;
-  height: 34px;
-  vertical-align: middle;
-  line-height: 34px; }
-
-.b2b-fade1 {
-  opacity: 0.4; }
-
-.b2b-fade2 {
-  opacity: 0.6; }
-
-.b2b-fadesl {
-  opacity: 0.6; }
-
-h4#b2b-pagination-truncated {
-  margin-top: 50px; }
-
-h4#b2b-pagination-large-count {
-  margin-top: 50px; }
-
-.b2b-page-heading {
-  background: white none repeat scroll 0 0;
-  margin-bottom: -12px;
-  padding-left: 10px;
-  padding-right: 10px;
-  position: relative; }
-
-.b2b-numericResult:focus {
-  outline: 1px dotted #0574ac; }
-
-.b2b-page-heading-group {
-  color: #ef6f00;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.b2b-pager > div > span.fieldLabel {
-  margin-left: 18px; }
-
-.b2b-go-to-page {
-  margin-top: 14px; }
-
-.b2b-go-to-page-inline {
-  display: inline-block; }
-
-input.b2b-phone-mask-input {
-  padding-right: 15px; }
-  input.b2b-phone-mask-input:hover, input.b2b-phone-mask-input:focus {
-    padding-right: 15px; }
-
-/************************** Start - Should be removed after the styling in global is fixed *******************/
-input::-ms-clear {
-  display: none; }
-
-/************************** End - Should be removed after the styling in global is fixed *******************/
-@media (max-width: 767px) {
-  input::-ms-clear {
-    display: block; } }
-
-.pivot-link-group {
-  background-color: #5a5a5a;
-  border-top: 1px solid #959595; }
-
-.pivot-links > li {
-  border-bottom: 1px solid #959595; }
-
-.pivot-links > li > a {
-  color: #fff;
-  display: block;
-  padding: 12px 15px 10px;
-  line-height: normal; }
-
-.b2b-profile-block-container {
-  min-height: 200px;
-  height: auto;
-  background-color: #fff;
-  border-radius: 8px;
-  border: 1px solid #ccc;
-  box-shadow: 0px 1px 1px 1px  #ccc;
-  display: inline-table;
-  margin: 15px 15px; }
-
-.b2b-profile-block-details p, .b2b-profile-block-details div {
-  padding: 2px 7px;
-  font-size: 1.4rem; }
-
-.b2b-profile-block-details .radio-label, .b2b-profile-block-details a {
-  font-size: 1.4rem; }
-
-.b2b-profile-block-details p label, .b2b-profile-block-details p span {
-  padding-left: 10px; }
-
-.b2b-profile-block-footer {
-  margin-bottom: 12px;
-  margin-top: 5px;
-  height: 35px; }
-
-.b2b-profile-block-details p {
-  word-wrap: break-word;
-  height: 61px; }
-  .b2b-profile-block-details p:first-child {
-    margin-top: 10px; }
-  .b2b-profile-block-details p:after {
-    content: ' ';
-    display: block;
-    border: 0.2px solid #ccc;
-    margin-top: 12px; }
-
-.b2b-profile-block-details .radio {
-  margin-left: 15px;
-  height: 30px; }
-
-.b2b-approval-icon {
-  color: #1b7e28;
-  float: right;
-  position: relative;
-  left: 10px; }
-  .b2b-approval-icon i {
-    color: #1b7e28;
-    float: right; }
-
-.b2b-profile-link {
-  float: right;
-  position: relative;
-  left: -4px; }
-
-a.link-profile {
-  position: relative;
-  left: -5px;
-  float: right;
-  margin-bottom: 16px; }
-
-.b2b-profile-block-radio {
-  position: relative;
-  top: -5px; }
-
-.b2b-profile-card {
-  min-width: 229px;
-  min-height: 354px;
-  margin: 10px;
-  border: solid 1px #CCC;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  display: inline-block;
-  vertical-align: top; }
-  .b2b-profile-card .top-block {
-    padding: 15px 20px;
-    background-color: #e4e4e4;
-    max-height: 153px; }
-  .b2b-profile-card .bottom-block {
-    padding: 15px 20px 15px 20px;
-    background-color: #fff; }
-  .b2b-profile-card .profile-image {
-    background: #e4e4e4;
-    margin-bottom: 15px;
-    text-align: center; }
-    .b2b-profile-card .profile-image .default-img {
-      display: inline-block;
-      width: 60px;
-      height: 60px;
-      margin-bottom: 10px;
-      border: 6px solid #fff;
-      border-radius: 99em;
-      -webkit-border-radius: 99em;
-      -moz-border-radius: 99em;
-      /* background-color: #eee; */ }
-
-.profile-image img {
-  display: inline-block;
-  width: 60px;
-  height: 60px;
-  margin-bottom: 10px;
-  border: 6px solid #fff;
-  border-radius: 99em;
-  -webkit-border-radius: 99em;
-  -moz-border-radius: 99em;
-  /* background-color: #eee; */ }
-
-.b2b-profile-card .profile-image .default-img {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  color: #333;
-  background-color: #fff;
-  font-size: 32px;
-  line-height: 22px;
-  padding: 5px;
-  padding-top: 13px;
-  width: 60px;
-  height: 60px;
-  text-transform: uppercase; }
-
-.b2b-profile-card .profile-image .name {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 16px;
-  color: #333;
-  text-align: center;
-  margin-bottom: 5px;
-  margin-top: 5px;
-  overflow: hidden;
-  word-break: break-word;
-  white-space: normal;
-  text-transform: capitalize; }
-
-.b2b-profile-card .profile-image .status-icon {
-  border-radius: 10px;
-  border: 1px solid #fff;
-  margin: 0 3px 0 0;
-  width: 10px;
-  height: 10px;
-  display: inline-block;
-  vertical-align: middle; }
-
-.b2b-profile-card .profile-image .status {
-  font-size: 12px;
-  line-height: 15px;
-  text-align: center;
-  margin: 0 15px 0 0;
-  color: #444; }
-
-.b2b-profile-card .status .circle {
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  margin: 30px 6px 0px 20px;
-  text-align: center;
-  background-color: #444; }
-
-.b2b-profile-card .profile-image .status-green {
-  background-color: #0c0; }
-
-.b2b-profile-card .profile-image .status-red {
-  background-color: red; }
-
-.b2b-profile-card .profile-image .status-blue {
-  background-color: #00f; }
-
-.b2b-profile-card .profile-image .status-yellow {
-  background-color: #ff0; }
-
-.b2b-profile-card .profile-image .status .status-badge {
-  margin-left: 5px;
-  border: dotted 1px #444;
-  background-color: transparent;
-  font-weight: 400;
-  color: #444;
-  height: 17px;
-  padding: 0 5px;
-  font-size: 11px;
-  padding-left: 5px;
-  padding-right: 5px; }
-
-.b2b-profile-card .profile-details {
-  background: #fff; }
-  .b2b-profile-card .profile-details label {
-    display: block;
-    cursor: text;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: bolder;
-    font-size: 14px;
-    color: #333;
-    padding: 0;
-    margin: 0; }
-  .b2b-profile-card .profile-details div {
-    margin: 0;
-    font-size: 14px;
-    color: #333;
-    padding-bottom: 6.5px; }
-
-.b2b-profile-card .b2b-add-user {
-  background: white;
-  border-style: dotted;
-  font-size: 16px;
-  color: #333;
-  position: relative; }
-  .b2b-profile-card .b2b-add-user i {
-    font-size: 30px;
-    padding-bottom: 15px; }
-
-.b2b-profile-card .atcenter {
-  cursor: pointer;
-  margin-top: 60%;
-  vertical-align: middle;
-  text-align: center; }
-
-.b2b-profile-card .tooltip {
-  cursor: pointer; }
-  .b2b-profile-card .tooltip .helpertext {
-    position: relative;
-    color: white; }
-
-.b2b-profile-card .tooltip-wrapper {
-  position: relative; }
-
-/* Overrides for tooltip absolute positioning */
-@media (min-width: 1025px) {
-  .b2b-profile-card .tooltip-size-control {
-    width: 100% !important; } }
-
-@-webkit-keyframes progress-bar-stripes {
-  from {
-    background-position: 0 0; }
-  to {
-    background-position: 80px 0; } }
-
-@keyframes progress-bar-stripes {
-  from {
-    background-position: 0 0; }
-  to {
-    background-position: 80px 0; } }
-
-.progress {
-  background-color: #e4e4e4;
-  border-radius: 4px;
-  height: 14px;
-  margin-bottom: 20px;
-  min-width: 250px;
-  overflow: hidden;
-  padding: 0;
-  position: relative; }
-
-a .progress {
-  margin-bottom: 0; }
-
-.progress .bar {
-  background-color: #666;
-  border-radius: 4px;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  height: 100%;
-  width: 0; }
-
-.progress-arrow {
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
-  justify-content: flex-end; }
-
-.progress-link + .usage-bar {
-  margin-top: 5px; }
-
-.progress-success .bar, .progress .bar-success {
-  background-color: #1b7e28; }
-
-.progress-warning .bar, .progress .bar-warning {
-  background-color: #ef6f00; }
-
-.progress-danger .bar, .progress .bar-danger {
-  background-color: #cf2a2a; }
-
-.progress.increment {
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex; }
-
-.progress.increment .bar:first-child:not(:last-child) {
-  border-right: none;
-  border-radius: 4px 0 0 4px; }
-
-.progress.increment .bar:last-child:not(:first-child) {
-  border-left: none;
-  border-radius: 0 4px 4px 0; }
-
-.progress.increment .bar + .bar:not(:last-child) {
-  border-left: none;
-  border-right: none;
-  border-radius: 0; }
-
-.progress.increment .bar:not(:first-child) {
-  border-left: 1px solid white !important; }
-
-.usage-bar {
-  display: table;
-  float: none;
-  width: 100%;
-  margin-bottom: 1px; }
-
-.usage-bar > .usage-text {
-  display: table-cell;
-  width: 1%; }
-
-.progress + .usage-bar {
-  margin-top: -15px; }
-
-.usage-bar .usage-text {
-  font-size: 1.4rem; }
-
-.usage-bar .usage-text:first-child {
-  white-space: nowrap; }
-
-.usage-bar .usage-text.text-right {
-  vertical-align: top;
-  font-size: 1.4rem;
-  width: auto !important; }
-
-.usage-bar .usage-text.text-right:before {
-  content: "";
-  display: table;
-  height: .1em; }
-
-.usage-bar.billing-cycle .usage-text {
-  font-size: 1.4rem; }
-
-.usage-bar.billing-cycle .usage-text.text-right {
-  vertical-align: bottom; }
-
-.progress.autocolor [data-percentage="1"], .progress.autocolor [data-percentage="2"], .progress.autocolor [data-percentage="3"], .progress.autocolor [data-percentage="4"], .progress.autocolor [data-percentage="5"], .progress.autocolor [data-percentage="6"], .progress.autocolor [data-percentage="7"], .progress.autocolor [data-percentage="8"], .progress.autocolor [data-percentage="9"], .progress.autocolor [data-percentage="10"] .progress.autocolor [data-percentage^="2"], .progress.autocolor [data-percentage^="3"], .progress.autocolor [data-percentage^="4"], .progress.autocolor [data-percentage^="5"], .progress.autocolor [data-percentage="60"], .progress.autocolor [data-percentage="61"], .progress.autocolor [data-percentage="62"], .progress.autocolor [data-percentage="63"], .progress.autocolor [data-percentage="64"] {
-  background-color: #1b7e28; }
-
-.progress.autocolor [data-percentage="65"], .progress.autocolor [data-percentage="66"], .progress.autocolor [data-percentage="67"], .progress.autocolor [data-percentage="68"], .progress.autocolor [data-percentage="69"], .progress.autocolor [data-percentage^="7"], .progress.autocolor [data-percentage^="8"] {
-  background-color: #ef6f00; }
-
-.progress.autocolor [data-percentage^="9"], .progress.autocolor [data-percentage="100"] {
-  background-color: #cf2a2a; }
-
-.b2b-seek-bar-container {
-  position: relative; }
-  .b2b-seek-bar-container div {
-    position: absolute; }
-  .b2b-seek-bar-container .b2b-seek-bar-track-container {
-    width: 100%; }
-  .b2b-seek-bar-container .b2b-seek-bar-track {
-    width: 100%;
-    height: 6px;
-    background-color: #cccccc;
-    border-radius: 10px; }
-  .b2b-seek-bar-container .b2b-seek-bar-track-fill {
-    width: 100%;
-    height: 6px;
-    background-color: #cccccc;
-    border-radius: 10px;
-    width: 0;
-    background-color: #157BB2;
-    transition: width 0s linear; }
-
-.seek-bar-container .seek-bar-knob-container {
-  transition: left 0s linear; }
-
-.b2b-seek-bar-container .b2b-seek-bar-knob {
-  width: 14px;
-  height: 14px;
-  border-radius: 10px;
-  top: -4px;
-  left: -8px;
-  border: 1px solid #cccccc;
-  background: white;
-  cursor: pointer; }
-
-.b2b-seek-bar-container .b2b-seek-bar-knob:focus {
-  outline: thin dotted #666; }
-
-.b2b-seek-bar-container.vertical {
-  width: 100%;
-  height: 100%;
-  margin: 0 auto;
-  position: relative;
-  border-radius: 10px; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-track-container {
-    position: relative;
-    height: 100%; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-track {
-    position: absolute;
-    height: 100%; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-track-fill {
-    position: absolute;
-    bottom: 0;
-    height: 0;
-    width: 100%; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-knob-container {
-    transition: bottom .01s linear;
-    position: relative;
-    bottom: 0; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-knob {
-    position: absolute;
-    border-radius: 10px;
-    top: -7px;
-    left: -4px; }
-
-.form-search .search-query {
-  width: 100% !important; }
-
-.form-search .well {
-  margin-top: 0; }
-
-.form-search > ul.nav > li.section {
-  min-height: 20px !important; }
-
-input.b2b-search-input-field {
-  margin-bottom: 0px; }
-
-.search-suggestion-list {
-  background-color: #FFFFFF;
-  border: 1px solid #ccc;
-  border-radius: 0 0 6px 6px;
-  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-  margin-top: -5px;
-  max-height: 400px;
-  overflow-x: hidden;
-  overflow-y: auto;
-  padding: 15px 0;
-  position: absolute;
-  width: 100%;
-  z-index: 1000; }
-  .search-suggestion-list > li.active {
-    background-color: #cccccc; }
-  .search-suggestion-list:empty {
-    display: none; }
-
-.b2b-search-hightlight {
-  font-weight: bold; }
-
-input[type="text"]::-moz-placeholder {
-  color: #767676;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-
-input[type="text"]:focus {
-  z-index: 1000; }
-
-input[type="text"] + .reset-field {
-  background-color: #FFFFFF;
-  height: 90%;
-  top: 5%; }
-
-.btn-search:focus {
-  outline: 1px dotted #0574ac; }
-
-.field-group input:not([type="button"])[disabled] ~ .btn-search {
-  background-color: #eee; }
-
-.btn-search[class*="btn"] {
-  background-color: #FFFFFF;
-  background-size: 20px 20px;
-  border-radius: 0 1.5rem 1.5rem 0;
-  height: 3rem;
-  min-width: 4.4rem !important;
-  right: 0.15rem;
-  top: 0.15rem;
-  width: 4.4rem; }
-
-.search-suggestion-wrapper {
-  margin-bottom: 15px;
-  position: relative; }
-  .search-suggestion-wrapper .no-result {
-    padding: 0px 15px; }
-
-.search-suggestion-item {
-  color: #333333;
-  line-height: 4rem;
-  padding: 0 15px;
-  position: relative;
-  z-index: 1000; }
-  .search-suggestion-item:hover {
-    background-color: #e4e4e4;
-    cursor: pointer; }
-  .search-suggestion-item:focus {
-    background-color: #e4e4e4;
-    cursor: pointer; }
-  .search-suggestion-item a {
-    color: #333333;
-    text-decoration: none; }
-
-.btn-search i {
-  color: #767676; }
-
-input.b2b-search-input-field:focus ~ .btn-search > i, .btn-search:focus > i {
-  color: #0568ae; }
-
-button.btn-search[disabled] {
-  cursor: not-allowed; }
-  button.btn-search[disabled] i {
-    color: #767676; }
-
-.innershadow {
-  -webkit-background-blend-mode: mutilply;
-  box-shadow: 0 3px 0 2px rgba(0, 0, 0, 0.08); }
-
-.linkSelectorModule {
-  position: relative;
-  height: 32px;
-  line-height: 20px;
-  border: 0px;
-  width: auto;
-  display: block; }
-  .linkSelectorModule .icon-primary-down {
-    font-size: 23px;
-    margin-top: -10px;
-    position: absolute;
-    top: 50%;
-    margin-left: -30px; }
-  .linkSelectorModule .selectModule {
-    background-color: transparent;
-    border: none;
-    color: #0568ae;
-    cursor: pointer;
-    border: 1px solid transparent;
-    box-shadow: none;
-    padding-right: 35px;
-    position: relative;
-    user-select: none;
-    font-size: 1.6rem; }
-    .linkSelectorModule .selectModule:focus {
-      border: 1px dotted #ccc;
-      box-shadow: none;
-      -moz-user-select: none; }
-    .linkSelectorModule .selectModule:hover {
-      text-decoration: underline; }
-  .linkSelectorModule .active + .moduleWrapper:before {
-    background-color: #FFFFFF;
-    border-color: #d2d2d2;
-    border-style: solid;
-    border-width: 1px 1px 0 0;
-    content: "";
-    display: block;
-    height: 15px;
-    right: 122px;
-    margin: 0;
-    position: absolute;
-    top: -8px;
-    -webkit-transform: rotate(-45deg);
-    transform: rotate(-45deg);
-    width: 15px; }
-  .linkSelectorModule .moduleWrapper {
-    top: 40px; }
-  .linkSelectorModule ul.awd-module-list {
-    border-radius: 6px 6px 0px 0px; }
-
-.selectorModule .icon-primary-down {
-  font-size: 23px;
-  margin-top: -11px;
-  position: absolute;
-  right: 4px;
-  top: 50%; }
-
-.selectorModule .selectModule {
-  border: 1px solid #d2d2d2;
-  border-radius: 6px;
-  box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-  display: block;
-  width: 100%;
-  padding-left: 15px;
-  background-color: transparent;
-  cursor: pointer; }
-  .selectorModule .selectModule:focus {
-    border: 1px solid #0568ae;
-    -moz-user-select: none; }
-  .selectorModule .selectModule span.module-data {
-    position: absolute;
-    bottom: 6px;
-    line-height: 20px; }
-  .selectorModule .selectModule img + span.module-data {
-    padding-left: 45px; }
-
-.selectorModule .selectModule.active {
-  border-bottom-right-radius: 0px;
-  border-bottom-left-radius: 0px; }
-
-.selectorModule .moduleWrapper {
-  position: absolute;
-  width: 100% !important;
-  border-top: none; }
-
-.selectorModule ul.awd-module-list {
-  border-radius: 0px 0px 6px 6px; }
-
-.selectorModule .large > img {
-  height: 30px;
-  position: absolute;
-  width: 30px;
-  top: 20px;
-  left: 15px; }
-
-.selectModule {
-  background-color: transparent;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  color: #333333;
-  font-size: 1.6rem;
-  height: 36px;
-  line-height: 35px;
-  margin-bottom: 0;
-  position: relative;
-  text-align: left;
-  top: 0;
-  z-index: 10;
-  padding: 0px;
-  margin: 0px;
-  cursor: pointer; }
-
-.moduleWrapper {
-  background-color: #FFFFFF;
-  position: absolute;
-  color: #191919;
-  z-index: 9999;
-  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
-  border-radius: 0px 0px 6px 6px; }
-  .moduleWrapper .module-list-item img {
-    height: 30px;
-    position: absolute;
-    width: 30px;
-    top: 30px;
-    left: 15px;
-    align-self: center; }
-  .moduleWrapper span {
-    display: block;
-    white-space: nowrap;
-    font-size: 1.5rem; }
-
-.awd-module-list {
-  overflow-y: auto;
-  z-index: 9999;
-  max-height: 360px;
-  border: 1px solid #d2d2d2; }
-  .awd-module-list .module-list-item > .module-data {
-    overflow: ellipsis;
-    white-space: nowrap;
-    line-height: 20px;
-    font-size: 1.6rem;
-    border-bottom: 1px dotted #959595;
-    margin: 0px 15px 0px 15px;
-    padding-right: 50px;
-    padding-bottom: 14px;
-    padding-top: 14px;
-    align-self: center;
-    width: 100%; }
-  .awd-module-list .module-list-item:hover {
-    background-color: #f2f2f2; }
-  .awd-module-list .module-list-item:active {
-    background-color: #f2f2f2; }
-  .awd-module-list .module-list-item[aria-selected="true"] {
-    background-color: #f2f2f2; }
-
-.module-list-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  overflow: ellipsis;
-  white-space: nowrap;
-  z-index: 1000;
-  color: #191919;
-  display: flex; }
-  .module-list-item:last-of-type .module-data {
-    border-bottom: none; }
-  .module-list-item img + span.module-data {
-    padding-left: 45px; }
-
-.module-groups:first-of-type .module-list-item:last-of-type .module-data {
-  border-bottom: 1px solid #959595; }
-
-.module-groupitem {
-  padding-bottom: 4px; }
-
-.selectorModule.large {
-  height: 72px;
-  vertical-align: middle;
-  text-align: left; }
-  .selectorModule.large .moduleWrapper {
-    top: 71px; }
-  .selectorModule.large input {
-    height: 72px;
-    vertical-align: middle;
-    text-align: left; }
-  .selectorModule.large button {
-    height: 72px;
-    vertical-align: middle;
-    text-align: left; }
-  .selectorModule.large .selectModule img {
-    left: 15px;
-    top: 21px; }
-
-ul.module-groupitem li {
-  margin: 0 -15px 0 -15px; }
-
-span.module-data span {
-  display: block;
-  line-height: 20px;
-  font-size: 1.5rem; }
-
-li.module-groups {
-  cursor: default !important;
-  padding: 18px 15px 0px 15px; }
-
-li.module-list-item[selected]:before {
-  box-sizing: border-box;
-  display: inline-block;
-  font-size: 2em;
-  height: 1em;
-  position: absolute;
-  top: 20px;
-  right: 0px;
-  vertical-align: middle;
-  width: 1em;
-  color: #007a3e; }
-
-ul.module-optinalcta {
-  position: relative;
-  height: 44px;
-  margin-top: 0px;
-  border-bottom: 1px solid #d2d2d2;
-  border-left: 1px solid #d2d2d2;
-  border-right: 1px solid #d2d2d2;
-  border-radius: 0px 0px 6px 6px; }
-  ul.module-optinalcta li {
-    position: absolute;
-    bottom: 10px; }
-  ul.module-optinalcta a {
-    text-indent: 15px;
-    padding: 15px; }
-
-.b2b-slider-container {
-  position: relative; }
-  .b2b-slider-container.slider-disabled {
-    cursor: not-allowed !important; }
-  .b2b-slider-container div {
-    position: absolute; }
-  .b2b-slider-container .slider-track-container {
-    width: 100%;
-    cursor: pointer; }
-  .b2b-slider-container .slider-track {
-    width: 100%;
-    height: 6px;
-    background-color: #cccccc;
-    border-radius: 10px;
-    border: 1px solid #cccccc; }
-  .b2b-slider-container .slider-track-fill {
-    width: 100%;
-    height: 6px;
-    background-color: #cccccc;
-    border-radius: 10px;
-    width: 0;
-    background-color: #157BB2;
-    transition: width 0s linear;
-    border: 1px solid #cccccc; }
-  .b2b-slider-container .slider-knob-container {
-    transition: left 0s linear; }
-    .b2b-slider-container .slider-knob-container.slider-knob-hidden {
-      display: none !important; }
-  .b2b-slider-container .slider-knob {
-    width: 14px;
-    height: 14px;
-    border-radius: 10px;
-    top: -4px;
-    left: -8px;
-    border: 1px solid #cccccc;
-    background: white;
-    cursor: pointer; }
-    .b2b-slider-container .slider-knob:focus {
-      outline: thin dotted #666; }
-
-.b2b-slider-endpoints-container {
-  margin-top: 13px;
-  color: #333;
-  font-size: 12px; }
-  .b2b-slider-endpoints-container .b2b-slider-endpoints-left {
-    float: left;
-    line-height: 100%; }
-  .b2b-slider-endpoints-container .b2b-slider-endpoints-right {
-    float: right;
-    line-height: 100%; }
-  .b2b-slider-endpoints-container::after {
-    clear: both;
-    content: "";
-    display: block; }
-
-.b2b-slider-container.vertical {
-  width: 100%;
-  height: 100%;
-  margin: 0 auto;
-  position: relative;
-  border-radius: 10px; }
-  .b2b-slider-container.vertical .slider-track-container {
-    position: relative;
-    height: 100%; }
-  .b2b-slider-container.vertical .slider-track {
-    position: absolute;
-    height: 100%; }
-  .b2b-slider-container.vertical .slider-track-fill {
-    position: absolute;
-    bottom: 0;
-    height: 0;
-    width: 100%; }
-  .b2b-slider-container.vertical .slider-knob-container {
-    transition: bottom 0s linear;
-    position: relative;
-    bottom: 0; }
-    .b2b-slider-container.vertical .slider-knob-container.slider-knob-hidden {
-      display: none !important; }
-  .b2b-slider-container.vertical .slider-knob {
-    position: absolute;
-    border-radius: 10px;
-    top: -7px;
-    left: -4px; }
-
-.icon-primary-spinner {
-  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20id%3D%22svg-spinner%22%20x%3D%220px%22%20y%3D%220px%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%20%3Cpath%20fill%3D%22%23F5F5F5%22%20d%3D%22M18%2036C8.1%2036%200%2027.9%200%2018S8.1%200%2018%200s18%208.1%2018%2018-8.1%2018-18%2018zm0-31.5c-7.5%200-13.5%206-13.5%2013.5S10.6%2031.5%2018%2031.5c7.5%200%2013.5-6.1%2013.5-13.5%200-7.5-6-13.5-13.5-13.5z%22%2F%3E%0A%20%20%20%3Cpath%20fill%3D%22%230568AE%22%20id%3D%22spinner%22%20d%3D%22M30.7%205.3l-3.1%203.2c2.4%202.4%203.9%205.8%203.9%209.5%200%207.4-6.1%2013.5-13.5%2013.5S4.5%2025.4%204.5%2018%2010.6%204.5%2018%204.5V0C8.1%200%200%208.1%200%2018s8.1%2018%2018%2018%2018-8.1%2018-18c0-5-2-9.5-5.3-12.7z%22%3E%0A%20%20%20%20%20%20%3CanimateTransform%20%0A%20%20%20%20%20%20%20%20%20attributeType%3D%22xml%22%0A%20%20%20%20%20%20%20%20%20attributeName%3D%22transform%22%0A%20%20%20%20%20%20%20%20%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20%20from%3D%220%2018%2018%22%0A%20%20%20%20%20%20%20%20%20to%3D%22360%2018%2018%22%0A%20%20%20%20%20%20%20%20%20dur%3D%221.0s%22%0A%20%20%20%20%20%20%20%20%20repeatCount%3D%22indefinite%22%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
-  height: 50px;
-  width: 50px; }
-
-.icon-primary-spinner.small {
-  margin-right: 5px;
-  height: 30px !important;
-  width: 30px !important; }
-
-.isIE .icon-primary-spinner,
-.isIE .icon-primary-spinner.small {
-  animation: spinner 1s linear infinite; }
-
-.ds2-no-colors .icon-primary-spinner {
-  animation: spinner 1s linear infinite;
-  border: 5px dotted transparent;
-  border-radius: 50%; }
-
-@keyframes spinner {
-  0% {
-    transform: rotate(0deg); }
-  100% {
-    transform: rotate(359deg); } }
-
-.b2b-status-tracker > .btn-arrow:nth-of-type(1) {
-  margin-right: 10px; }
-
-.b2b-status-tracker > .btn-arrow:nth-of-type(2) {
-  margin-left: 20px; }
-
-.b2b-status-tracker > .btn-arrow {
-  height: 20px;
-  margin-top: 25px;
-  overflow: visible; }
-  .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-left {
-    margin-right: 5px;
-    color: #0574ac; }
-  .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-right {
-    color: #0574ac; }
-
-.b2b-status-tracker > .b2b-status-tracker-step {
-  padding: 0;
-  position: relative; }
-
-.b2b-status-tracker-step {
-  margin-left: 5px; }
-
-.b2b-status-tracker > .b2b-status-tracker-step .b2b-status-tracker-heading {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 14px;
-  color: #191919;
-  margin-bottom: 10px; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.complete > .progress > .progress-bar {
-  width: 100%;
-  background-color: #1b7e28; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.complete .icoControls-approval {
-  color: #1b7e28; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.current > .progress > .progress-bar {
-  width: 100%;
-  background-color: #333333; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.current .icon-misc-time {
-  color: #333333; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.pending > .progress > .progress-bar {
-  width: 100%;
-  background-color: #ffb81c; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.pending .icoControls-statusokay {
-  color: #ffb81c; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.actionRequired > .progress > .progress-bar {
-  width: 100%;
-  background-color: #cf2a2a; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.actionRequired .icoSecurityalerts-alert {
-  color: #cf2a2a; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.notAvailable > .progress > .progress-bar {
-  width: 100%;
-  background-color: #767676; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.notAvailable .icoControls-restricted {
-  color: #767676; }
-
-.b2b-status-tracker > .b2b-status-tracker-step > .progress {
-  position: relative;
-  border-radius: 1.5px;
-  height: 3px;
-  margin-bottom: 10px;
-  background-color: #c5c5c5; }
-  .b2b-status-tracker > .b2b-status-tracker-step > .progress > .progress-bar {
-    width: 0;
-    height: 3px; }
-
-.b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-estimate {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 14px;
-  color: #191919;
-  margin-bottom: 10px; }
-
-.b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 12px;
-  color: #767676;
-  padding-right: 15px; }
-  .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description a {
-    cursor: pointer; }
-
-.step-indicator {
-  height: auto;
-  padding: 40px 0; }
-
-.step-heading {
-  color: #333333;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 3.8rem;
-  line-height: 0.8; }
-
-.steps {
-  display: flex;
-  height: 5px;
-  margin-top: 60px;
-  position: relative; }
-
-.steps li {
-  color: #5a5a5a;
-  flex: 1;
-  margin-right: 5px;
-  background-color: #c4c4c4;
-  outline: 1px solid transparent; }
-
-.steps li:first-child {
-  border-radius: 4px 0 0 4px; }
-
-.steps li:last-child {
-  margin-right: 0;
-  border-radius: 0 4px 4px 0; }
-
-.steps li.step-on,
-.steps li.step-done {
-  background-color: #007a3e;
-  color: #007a3e;
-  border: 1px solid transparent; }
-
-.step-text {
-  bottom: 29px;
-  display: inline-block;
-  font-size: 1.8rem;
-  margin-top: 0;
-  position: relative;
-  white-space: nowrap; }
-
-.step-on .step-text {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.steps li .step-text[data-large-text]:before {
-  content: attr(data-large-text) " "; }
-
-.step-confirmation {
-  color: #007a3e;
-  margin-bottom: 30px; }
-
-.step-confirmation > div {
-  display: flex; }
-
-.step-confirmation > div i {
-  color: #007a3e;
-  font-size: 50px;
-  margin-right: 10px; }
-
-.step-confirmation.centered > div i {
-  margin-left: -60px; }
-
-.step-confirmation > div h3 {
-  font-size: 2.4rem;
-  margin: 26px 0 20px; }
-
-.step-confirmation > p {
-  margin: 0; }
-
-@media (max-width: 1024px) {
-  .step-indicator {
-    padding: 25px 0; }
-  .steps {
-    margin-top: 0; }
-  .step-heading {
-    font-size: 2.4rem;
-    margin-bottom: 11px; }
-  .step-text {
-    display: none; }
-  .step-on .step-text {
-    bottom: 6px;
-    display: block;
-    font-size: 1.2rem;
-    left: 0;
-    line-height: 1;
-    margin-top: 10px;
-    position: absolute;
-    top: 4px; }
-  .steps li .step-text[data-sm-text]:before {
-    content: attr(data-sm-text) " ";
-    color: #333333; }
-  .step-confirmation {
-    margin-top: 30px !important; } }
-
-@media (max-width: 767px) {
-  .step-confirmation.centered > div i {
-    margin-left: 0; }
-  .step-confirmation.centered > p {
-    margin-left: 40px; }
-  .step-confirmation > div h3 {
-    font-size: 1.8rem;
-    margin: 13px 0 10px; }
-  .step-confirmation > div i {
-    font-size: 30px;
-    margin-right: 10px; } }
-
-.step-indicator.vertical {
-  height: auto; }
-
-.vertical .step-heading {
-  font-size: 24px; }
-
-.vertical .steps {
-  display: block;
-  height: inherit;
-  width: 100%; }
-
-.vertical .steps li {
-  align-items: center;
-  background-color: transparent;
-  display: flex;
-  height: 60px;
-  margin: 0 0 4px;
-  padding: 0 0 0 20px;
-  position: relative; }
-
-.vertical .steps li .step-text {
-  align-self: center;
-  color: #0568ae;
-  display: block;
-  margin: 0;
-  position: relative;
-  font-size: 14px;
-  top: 0; }
-
-.vertical .steps li .step-text[data-large-text]:before {
-  content: attr(data-large-text) " "; }
-
-.vertical .steps li:after {
-  background-color: transparent;
-  border-left: 4px solid #d2d2d2;
-  content: "";
-  height: 60px;
-  left: 0;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  top: 0;
-  width: 4px; }
-
-.vertical .steps li.step-on:after,
-.vertical .steps li.step-done:after {
-  border-color: #0568ae; }
-
-.b2b-step-tracker {
-  height: auto;
-  padding: 0px 0px 0px 0px; }
-  .b2b-step-tracker .btn.btn-left {
-    margin-right: 10px; }
-  .b2b-step-tracker .btn.btn-right {
-    margin-left: 5px; }
-  .b2b-step-tracker .b2b-left-arrow {
-    float: left;
-    margin-top: -5px; }
-  .b2b-step-tracker .b2b-right-arrow {
-    float: right;
-    margin-top: -5px; }
-  .b2b-step-tracker .b2b-steps {
-    display: flex;
-    height: 5px;
-    margin-top: 30px;
-    position: relative; }
-    .b2b-step-tracker .b2b-steps li {
-      color: #767676;
-      flex: 1;
-      margin-right: 5px;
-      background-color: #767676;
-      outline: 1px solid transparent;
-      height: 3px; }
-      .b2b-step-tracker .b2b-steps li.b2b-step-done {
-        background-color: #1b7e28;
-        color: #007a3e;
-        height: 3px; }
-      .b2b-step-tracker .b2b-steps li.b2b-step-on {
-        background-color: #333333;
-        color: #333333;
-        height: 3px;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-      .b2b-step-tracker .b2b-steps li .b2b-step-text {
-        bottom: 29px;
-        display: inline-block;
-        font-size: 14px;
-        margin-top: 0;
-        position: relative;
-        white-space: nowrap; }
-      .b2b-step-tracker .b2b-steps li .b2b-step-text[data-large-text]:before {
-        content: attr(data-large-text) " "; }
-    .b2b-step-tracker .b2b-steps li:first-child {
-      border-radius: 2px 0 0 2px; }
-    .b2b-step-tracker .b2b-steps li:last-child {
-      margin-right: 0;
-      border-radius: 0 2px 2px 0; }
-
-@media (max-width: 1024px) {
-  .b2b-step-tracker {
-    padding: 25px 0; }
-    .b2b-step-tracker .b2b-steps {
-      margin-top: 0; }
-      .b2b-step-tracker .b2b-steps li .b2b-step-text {
-        display: none; }
-      .b2b-step-tracker .b2b-steps li .b2b-step-text[data-sm-text]:before {
-        content: attr(data-sm-text) " ";
-        color: #333333; }
-      .b2b-step-tracker .b2b-steps li.b2b-step-on .b2b-step-text {
-        bottom: 6px;
-        display: block;
-        font-size: 5px;
-        left: 0;
-        line-height: 1;
-        margin-top: 10px;
-        position: absolute;
-        top: 4px; } }
-
-.strength-meter-container {
-  height: 26px;
-  max-width: 450px; }
-
-.strength-meter-gauge {
-  border-radius: 2px;
-  background-color: #d2d2d2;
-  height: 5px;
-  display: block;
-  position: relative;
-  outline: 1px solid transparent; }
-
-.strength-meter-gauge-fill {
-  height: 100%;
-  display: block;
-  border-radius: 2px;
-  text-indent: -9999px;
-  width: 0%;
-  border: 2px solid transparent; }
-
-.strength-meter-gauge-fill.strength-meter-animate {
-  transition: width 0.5s linear, background-color 0.5s linear; }
-
-.strength-meter-animate[style*="20"] {
-  background-color: #cf2a2a; }
-
-.strength-meter-animate[style*="20"] + .strength-meter-divider + .strength-meter-content:after {
-  content: "Unacceptable"; }
-
-.strength-meter-animate[style*="40"] {
-  background-color: #ea7400; }
-
-.strength-meter-animate[style*="40"] + .strength-meter-divider + .strength-meter-content:after {
-  content: "Weak"; }
-
-.strength-meter-animate[style*="60"] {
-  background-color: #ea7400; }
-
-.strength-meter-animate[style*="60"] + .strength-meter-divider + .strength-meter-content:after {
-  content: "Fair"; }
-
-.strength-meter-animate[style*="80"] {
-  background-color: #007a3e; }
-
-.strength-meter-animate[style*="80"] + .strength-meter-divider + .strength-meter-content:after {
-  content: "Good"; }
-
-.strength-meter-animate[style*="100"] {
-  background-color: #007a3e; }
-
-.strength-meter-animate[style*="100"] + .strength-meter-divider + .strength-meter-content:after {
-  content: "Excellent"; }
-
-.strength-meter-divider {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  display: flex;
-  overflow: hidden; }
-
-.strength-meter-divider span {
-  background: transparent;
-  display: block;
-  flex-grow: 1;
-  border-right: solid 1px #fff; }
-
-.strength-meter-divider span:first-child {
-  border-radius: 2px 0 0 2px; }
-
-.strength-meter-divider span + .strength-meter-divider span {
-  border-radius: 0; }
-
-.strength-meter-divider span:last-child {
-  border-radius: 0 2px 2px 0;
-  border-right: 0; }
-
-.strength-meter-content {
-  font-size: 14px;
-  line-height: 1;
-  padding-top: 7px;
-  position: absolute; }
-
-.strength-meter-content:before {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  content: "Password strength: "; }
-
-.strength-meter-content:after {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.strength-meter-container {
-  height: 26px;
-  min-width: 290px;
-  max-width: 450px; }
-
-.strength-meter-container .strength-meter-gauge {
-  border-radius: 2px;
-  background-color: #cccccc;
-  box-shadow: 0 1px 1px -1px #333 inset;
-  height: 5px;
-  display: block;
-  overflow: hidden;
-  position: relative; }
-
-.strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill {
-  height: 100%;
-  box-shadow: 0 1px 1px -1px #999 inset;
-  display: block;
-  text-indent: -9999px;
-  width: 0%; }
-
-.strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill.strength-meter-animate {
-  transition: width 0ms ease-out, background-color 0ms ease-in; }
-
-.strength-meter-container > .strength-meter-gauge > .strength-meter-divider {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  display: flex; }
-
-.strength-meter-container > .strength-meter-gauge > .strength-meter-divider span {
-  background: transparent;
-  display: block;
-  flex-grow: 1;
-  border-right: solid 1px #fff; }
-
-.strength-meter-container > .strength-meter-gauge > .strength-meter-divider span:last-child {
-  border-right: 0; }
-
-.strength-meter-container > .strength-meter-content {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 14px;
-  line-height: 1;
-  padding-top: 7px; }
-
-.strength-meter-container > .strength-meter-content:before {
-  content: none; }
-
-.strength-meter-container > .strength-meter-content > .strength-meter-content-state {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.btn-switch-label {
-  display: flex;
-  align-items: center; }
-  .btn-switch-label:focus .btn-switch {
-    outline: 1px dotted #666;
-    outline-offset: 5px; }
-  .btn-switch-label input:focus .btn-switch {
-    outline: 1px dotted #666;
-    outline-offset: 5px; }
-  .btn-switch-label > span {
-    flex: 1; }
-
-.btn-switch {
-  background-color: #fff;
-  border: 1px solid #d2d2d2;
-  border-radius: 16px;
-  box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.15) inset, 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-  height: 32px;
-  overflow: hidden;
-  position: relative;
-  width: 80px;
-  user-select: none; }
-  /* .btn-switch input[type="checkbox"] {
-    left: 0;
-    margin: 0;
-    opacity: 0;
-    position: absolute;
-    top: 0;
-    transition: none; }
-    .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on .activo {
-      font: 0px/0 "Omnes-ECOMP-W02", Arial; }
-    .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on + .btn + .btn-slider-off .inactivo {
-      font: 0px/0 "Omnes-ECOMP-W02", Arial; } */
-  .btn-switch input:checked + .switch-overlay {
-    left: 0;
-    transition: all .3s linear .0s; }
-    .btn-switch input:checked + .switch-overlay .switch-handle {
-      background-color: #007a3e;
-      background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-      transition: background-color 0.3s linear 0s;
-      border: 1px solid transparent; }
-  .btn-switch input + .switch-overlay {
-    left: -48px;
-    transition: all .3s linear .0s; }
-    .btn-switch input + .switch-overlay .switch-handle {
-      background-color: #f2f2f2;
-      background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-      transition: background-color 0.3s linear 0s;
-      border: 1px solid #d2d2d2; }
-  .btn-switch input[disabled] + .switch-overlay {
-    left: 0;
-    width: 100% !important;
-    background-color: #d2d2d2;
-    color: #959595;
-    cursor: not-allowed !important; }
-    .btn-switch input[disabled] + .switch-overlay .btn-slider-on {
-      display: none; }
-    .btn-switch input[disabled] + .switch-overlay .activo {
-      display: none; }
-    .btn-switch input[disabled] + .switch-overlay .switch-handle {
-      display: none; }
-    .btn-switch input[disabled] + .switch-overlay .btn-slider-off {
-      left: 0;
-      text-align: center;
-      padding: 0; }
-  .btn-switch input[disabled]:checked + .switch-overlay {
-    left: 0;
-    width: 100% !important;
-    background-color: #fff; }
-    .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off {
-      display: none; }
-      .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off + .inactivo {
-        display: none; }
-    .btn-switch input[disabled]:checked + .switch-overlay .switch-handle {
-      display: none; }
-    .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-on {
-      display: block;
-      text-align: center;
-      padding: 0;
-      color: #007a3e !important;
-      font-weight: bold; }
-    .btn-switch input[disabled]:checked + .switch-overlay .activo {
-      display: block;
-      text-align: center;
-      padding: 0;
-      color: #007a3e !important;
-      font-weight: bold; }
-  .btn-switch input[disabled]:checked + .btn-slider-on {
-    display: block; }
-  .btn-switch input[disabled] + .btn-slider-on + .switch-handle {
-    width: 100%;
-    margin: 0; }
-    .btn-switch input[disabled] + .btn-slider-on + .switch-handle + .btn-slider-off {
-      display: block; }
-  /* .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on {
-    display: none; }
-    .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo {
-      border: medium none;
-      color: #666;
-      font: 16px/32px "Omnes-ECOMP-W02", Arial;
-      height: auto;
-      margin: 0 auto;
-      width: auto; }
-      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo:before {
-        display: none; }
-    .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
-      display: block;
-      padding: 0;
-      text-align: center;
-      color: #333333; }
-      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo {
-        border: medium none;
-        color: #666;
-        font: 16px/32px "Omnes-ECOMP-W02", Arial;
-        height: auto;
-        margin: 0 auto;
-        width: auto; }
-        .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo:before {
-          display: none; }
-  .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on {
-    display: block;
-    padding: 0;
-    text-align: center;
-    color: #007a3e; }
-    .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
-      display: none; }
-  .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .activo {
-    color: #007a3e;
-    font-weight: bold; } */
-
-.switch-overlay {
-  border-radius: 16px;
-  color: black !important;
-  font-size: 1.6rem;
-  height: 32px;
-  left: 0;
-  position: absolute;
-  top: -1px;
-  width: 126px;
-  overflow: hidden; }
-
-.btn-slider-on {
-  left: -1px;
-  text-align: left;
-  padding-left: 12px;
-  display: inline-block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  height: 32px;
-  line-height: 32px;
-  position: absolute;
-  top: 1px;
-  width: 80px; }
-
-.btn-slider-off {
-  display: inline-block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  height: 32px;
-  line-height: 32px;
-  position: absolute;
-  top: 1px;
-  width: 80px;
-  right: 1px;
-  text-align: right;
-  padding-right: 11px; }
-
-.switch-handle {
-  border-radius: 50%;
-  display: inline-block;
-  height: 26px;
-  left: 50px;
-  position: absolute;
-  top: 3px;
-  width: 26px; }
-
-.activo {
-  display: block;
-  font-size: 0.1px;
-  line-height: 40px;
-  overflow: hidden; }
-  .activo:before {
-    background-image: none;
-    border-left: 3px solid #007a3e;
-    content: " ";
-    height: 18px;
-    left: 22px;
-    margin: 2px auto;
-    position: absolute;
-    top: 5px;
-    width: 0; }
-
-.inactivo {
-  font-size: 0.1px;
-  line-height: 40px; }
-  .inactivo:before {
-    background-image: none;
-    border: 3px solid #959595;
-    border-radius: 100%;
-    content: " ";
-    display: block;
-    position: absolute;
-    top: 4px;
-    right: 3px;
-    height: 16px;
-    width: 16px; }
-
-.btn-switch.focused {
-  outline: 1px dotted #000;
-  outline-offset: 5px; }
-
-table {
-  max-width: 100%;
-  background-color: transparent;
-  border-collapse: collapse;
-  border-spacing: 0;
-  width: 100%;
-  margin-bottom: 20px; }
-
-table caption {
-  text-align: left; }
-
-table thead th {
-  vertical-align: bottom; }
-
-table th,
-table td {
-  padding: 19px 20px;
-  line-height: 1;
-  font-size: 0.9rem;
-  text-align: left;
-  vertical-align: top;
-  word-wrap: break-word; 
-  font-family: Verdana, Geneva, Tahoma, sans-serif}
-
-table th {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 1.1rem;
-  font-weight: normal;
-  color: #333333;
-  padding: 13px 20px; }
-
-
-table tbody td:first-child {
-  border-left: none; }
-
-.tiny-accordion.iconleft.accordion-table-layout .toggle-header,
-.tiny-accordion.iconleft.accordion-table-layout .toggle-header + .accordion-content,
-.tiny-accordion.iconleft.accordion-table-layout .inactive-toggle-header {
-  padding: 0 0 0 50px; }
-
-.faux-table-cell,
-.inactive-toggle-header .faux-table-cell {
-  display: table-cell;
-  width: 100%;
-  padding: 13px 0 10px 0;
-  font-size: 16px;
-  color: #333333; }
-
-.accordion-content .faux-table-cell {
-  display: table-cell;
-  width: 100%;
-  padding: 0 0 10px 0; }
-
-.faux-table-cell:last-child {
-  text-align: right;
-  min-width: 100px;
-  max-width: 150px;
-  width: 1%;
-  background-color: #f2f2f2;
-  color: #333333;
-  font-size: 14px;
-  border-left: 1px solid #d2d2d2;
-  padding: 0 20px 0 10px; }
-
-.tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
-  opacity: 1; }
-
-.tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
-  opacity: 0;
-  transition: opacity .3s linear .2s; }
-
-@media (max-width: 767px) {
-  table th,
-  table td {
-    padding: 19px 10px; }
-  table th:first-child,
-  table td:first-child {
-    padding: 19px 15px; } }
-
-.data-row-list ul > li {
-  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3Argba(153%2C153%2C153%2C1)%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important; }
-
-table {
-  border-bottom: 1px solid #d2d2d2; }
-
-table th,
-table td {
-  padding: 15px 15px 10px; }
-
-.data-row .col-1 {
-  white-space: nowrap;
-  padding: 15px 15px 0 15px;
-  position: relative;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.4rem;
-  border-top: 1px solid #d2d2d2; }
-
-.data-row.has-button .col-1 {
-  padding: 0; }
-
-.complex-table .data-row .col-1 {
-  color: #0568ae;
-  cursor: pointer; }
-
-.data-row.opened {
-  box-shadow: 0 -2px 0 0 #d2d2d2; }
-
-.data-row.opened td,
-.data-row.opened th {
-  border-left: 1px solid transparent;
-  border-bottom: 1px solid transparent; }
-
-.data-row.opened + .data-row-list {
-  box-shadow: 0 1px 0 0 #d2d2d2; }
-
-.data-row.opened + .data-row-list > td {
-  padding-top: 0; }
-
-.data-row.opened + .data-row-list + .data-row.opened {
-  box-shadow: 0 -1px 0 0 #d2d2d2; }
-
-.data-row button {
-  background-color: transparent;
-  border: medium none;
-  border-radius: 0;
-  color: #0568ae;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.4rem;
-  left: 0;
-  margin: 0;
-  padding: 12px 15px 7px;
-  position: relative;
-  text-align: left;
-  top: 0;
-  vertical-align: middle; }
-
-.data-row button:focus {
-  outline: 1px dotted black; }
-
-.data-row .col-1 i {
-  top: -1px;
-  margin-right: 10px;
-  display: inline-block !important; }
-
-.data-row-list th:first-child {
-  background-color: inherit !important;
-  border-top: none;
-  padding: 0 15px 15px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.4rem; }
-
-.data-row-list ul {
-  margin: 0 0 0 30px; }
-
-.data-row-list ul > li:before {
-  display: none; }
-
-.data-row-list ul > li {
-  /* background-image in tables.less */
-  background-position: left 13px;
-  background-repeat: repeat-x;
-  background-size: 4px 1px;
-  display: table;
-  padding-left: 0;
-  width: 100%; }
-
-.data-row-list li div {
-  display: table-cell;
-  background-color: white;
-  float: left;
-  text-align: left;
-  padding-left: 0;
-  padding-right: 7px; }
-
-.data-row-list li div + div {
-  float: right;
-  text-align: right;
-  padding-right: 0;
-  padding-left: 7px; }
-
-.complex-table td:nth-child(1),
-.complex-table td:nth-child(2),
-.complex-table td:nth-child(3),
-.complex-table td:nth-child(4),
-.complex-table td:nth-child(5),
-.complex-table td:nth-child(6),
-.complex-table td:nth-child(7),
-.complex-table td:nth-child(8),
-.complex-table td:nth-child(9) {
-  white-space: nowrap; }
-
-th:nth-child(8) {
-  word-wrap: break-word;
-  word-spacing: 0; }
-
-.align-col-right {
-  text-align: right; }
-
-.complex-table th:not(:first-child),
-.complex-table td:not(:first-child) {
-  text-align: right; }
-
-.striped tbody > tr td {
-  background-color: transparent !important; }
-
-.striped tbody > tr.data-row.odd,
-.striped tbody > tr.data-row.odd + .data-row-list,
-.striped tbody > tr.data-row.odd + .data-row-list li div {
-  background-color: #f2f2f2 !important; }
-
-.striped tbody > tr:not('.data-row'):nth-child(even) {
-  background-color: #f2f2f2; }
-
-.b2b-table-div .selectWrap {
-  width: 290px;
-  position: relative;
-  display: inline-table;
-  margin-bottom: 0px; }
-
-.b2b-external-sort-div {
-  float: right;
-  padding-bottom: 25px; }
-
-.b2b-external-sort-div .sortButton {
-  font-size: 36px;
-  border: 1px solid #ccc;
-  background: #FFF;
-  border-radius: 6px;
-  text-align: center;
-  background: linear-gradient(#fcfcfc, #f2f2f2);
-  background-blend-mode: multiply;
-  width: 1em; }
-
-.b2b-external-sort-label {
-  padding-bottom: 10px; }
-
-.b2b-external-sort-div a:hover {
-  cursor: pointer; }
-
-.b2b-external-sort-div a:hover, .b2b-external-sort-div a:focus {
-  text-decoration: none; }
-
-.b2b-external-sort-label label {
-  position: relative; }
-
-.b2b-external-sort-margin {
-  margin-right: 13px !important; }
-
-.b2b-table-sorter-icon [class*="icoArrows-"]:before {
-  font-size: 20px; }
-
-@media screen and (max-width: 950px) {
-  .b2b-external-sort-margin .selectWrap {
-    bottom: 0px !important; } }
-
-.tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
-  background: 0 0;
-  cursor: default; }
-
-.tablesorter-default .tablesorter-header .tablesorter-header-inner {
-  /*  background-image: url(images/tables/upanddown.png);*/
-  background-position: center right;
-  background-repeat: no-repeat;
-  cursor: pointer;
-  white-space: normal;
-  display: inline-block;
-  vertical-align: baseline;
-  zoom: 1;
-  *display: inline;
-  *vertical-align: auto;
-  /*  padding: 0 24px 0 0;*/ }
-
-.tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
-  padding: 0; }
-
-.tablesorter-default .tablesorter-header.tablesort-sortable .tablesorter-header-inner span {
-  margin-right: 24px;
-  display: inline-block; }
-
-/*
-.tablesorter-default thead .headerSortUp .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner {
-  background-image: url(images/tables/up.png);
 }
 
-.tablesorter-default thead .headerSortDown .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
-  background-image: url(images/tables/down.png);
-}
-*/
-.tablesorter-default thead .headerSortUp .tablesorter-header-inner,
-.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,
-.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner,
-.tablesorter-default thead .headerSortDown .tablesorter-header-inner,
-.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,
-.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
-  padding-right: 0;
-  line-height: 16px; }
-
-.tablesorter-default thead .headerSortUp .tablesorter-header-inner:after,
-.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner:after,
-.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner:after {
-  font-family: 'icoPrimary' !important;
-  speak: none;
-  font-style: normal;
-  font-size: 24px;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 14px;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  -webkit-user-select: none;
-  user-select: none;
-  content: "\ea3c";
-  /*    position: relative;*/
-  position: absolute;
-  text-decoration: inherit;
-  display: inline-block;
-  transform: rotate(180deg);
-  margin-left: -22px;
-  margin-top: 2px; }
-
-.tablesorter-default thead .headerSortDown .tablesorter-header-inner:after,
-.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner:after,
-.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner:after {
-  font-family: 'icoPrimary' !important;
-  speak: none;
-  font-style: normal;
-  font-size: 24px;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 14px;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  -webkit-user-select: none;
-  user-select: none;
-  content: "\ea3c";
-  /*    position: relative;*/
-  position: absolute;
-  text-decoration: inherit;
-  display: inline-block;
-  margin-left: -22px;
-  margin-top: 2px; }
-
-.tablesorter-search-highlight {
-  font-weight: 700; }
-
-.tablesorter-headerRow th:focus {
-  outline: thin dotted #666;
-  outline-offset: -1px; }
-
-.b2b-table-message {
-  font-family: "Omnes-ECOMP-W02", Arial; }
-  .b2b-table-message .b2b-magnify-glass {
-    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20enable-background%3D%22new%200%200%2036%2036%22%3E%3Cpath%20d%3D%22M27.847%208.26c-1.805-1.803-4.202-2.795-6.751-2.795-2.548%200-4.945.993-6.749%202.796-1.803%201.803-2.796%204.2-2.796%206.75%200%201.879.543%203.681%201.576%205.242l-7.059%207.059c-.357.356-.554.831-.554%201.336-.001.505.196.98.554%201.337.357.356.832.552%201.336.552.503%200%20.977-.196%201.336-.553l7.047-7.048c1.576%201.062%203.402%201.622%205.309%201.622%202.55%200%204.948-.993%206.751-2.796%201.803-1.804%202.796-4.201%202.796-6.751%200-2.549-.993-4.947-2.796-6.751zm-6.761.96c3.186%200%205.778%202.592%205.778%205.778%200%203.186-2.592%205.778-5.778%205.778-3.186%200-5.778-2.592-5.778-5.778%200-3.185%202.592-5.778%205.778-5.778z%22%20fill%3D%22%23767676%22%2F%3E%3C%2Fsvg%3E");
-    background-repeat: no-repeat;
-    background-position: center;
-    height: 50px; }
-  .b2b-table-message .b2b-alert {
-    font-size: 50px; }
-  .b2b-table-message .b2b-loading-dots {
-    font-size: 50px;
-    margin-bottom: 20px; }
-  .b2b-table-message .b2b-message {
-    text-align: center;
-    padding-bottom: 45px;
-    padding-top: 40px;
-    border-style: solid;
-    border-width: 1px;
-    border-top: none;
-    padding-bottom: 45px;
-    border-color: #d2d2d2;
-    width: 100%;
-    min-height: 220px; }
-  .b2b-table-message .b2b-error-title {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #444444;
-    line-height: 26px;
-    margin-top: 10px; }
-  .b2b-table-message .b2b-message-title {
-    color: #444;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-
-.b2b-table-scrollbar {
-  border: 1px solid;
-  width: 651px;
-  position: relative; }
-  .b2b-table-scrollbar .b2b-table-inner-container {
-    width: 650px;
-    padding-left: 150px;
-    overflow-x: scroll; }
-  .b2b-table-scrollbar th:first-child {
-    background-color: #FFFFFF; }
-  .b2b-table-scrollbar td:first-child {
-    background-color: #FFFFFF;
-    border-top: 1px solid #cccccc;
-    border-right: 1px solid #cccccc;
-    margin-top: -0.5px; }
-  .b2b-table-scrollbar tr {
-    th: nth-child(2), td; }
-    .b2b-table-scrollbar tr :nth-child(2) {
-      border-left: none; }
-  .b2b-table-scrollbar tr:last-child > td:first-child {
-    border-bottom: 1px solid #cccccc; }
-
-.b2b-scrollbar-arrow-left {
-  float: left;
-  margin: 10px; }
-
-.b2b-scrollbar-arrow-right {
-  float: right;
-  clear: right;
-  margin: 10px; }
-  .b2b-scrollbar-arrow-right.btn-arrow .btn {
-    margin-right: 0; }
-
-.b2b-table-scrollbar ::-webkit-scrollbar {
-  height: 10px; }
-
-.b2b-table-scrollbar ::-webkit-scrollbar-thumb {
-  background: #666666;
-  border-radius: 5px; }
-
-.tabs {
-  margin-left: 0;
-  margin-bottom: 20px;
-  list-style: none; }
-
-.tabs > li > a {
-  display: block; }
-
-.tabs > li > a:hover,
-.tabs > li > a:focus {
-  text-decoration: none;
-  background-color: #d2d2d2; }
-
-.tabs > .pull-right {
-  float: right; }
-
-.tabs:before,
-.tabs:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.tabs:after {
-  clear: both; }
-
-.tabs > li {
-  float: left; }
-
-.tabs > li > a {
-  padding-right: 20px;
-  padding-left: 20px;
-  margin-right: 3px;
-  line-height: 16px; }
-
-.tabs {
-  margin: 0; }
-
-.tabs > li {
-  margin-bottom: -1px; }
-
-.tabs > li:first-child {
-  margin-left: 20px; }
-
-.tabs > li > a {
-  padding: 12px 20px;
-  border: 1px solid #d2d2d2;
-  border-radius: 6px 6px 0 0;
-  background-color: #f2f2f2;
-  color: #5a5a5a;
-  border-color: #d2d2d2; }
-
-.tabs > li > a {
-  margin-right: 6px; }
-
-.tabs > li > a,
-.tabs > li > a:hover,
-.tabs > li > a:focus {
-  background-image: none;
-  background-color: #ffffff;
-  color: #5a5a5a;
-  border-color: #d2d2d2;
-  border-bottom: 1px solid transparent;
-  cursor: pointer; }
-
-.tabs.tabs-justified,
-.tabs.promo-tabs {
-  width: 100%;
-  border-bottom: 0;
-  margin-bottom: -1px; }
-
-.tabs.tabs-justified > li,
-.tabs.promo-tabs > li {
-  display: table-cell;
-  float: none;
-  width: 1%;
-  border-left: 1px solid #d2d2d2; }
-
-.tabs.tabs-justified > li.active,
-.tabs.promo-tabs > li.active {
-  position: relative;
-  z-index: 1000; }
-
-.tabs.tabs-justified > li > a {
-  padding-right: 5px;
-  padding-left: 5px; }
-
-.tabs.tabs-justified > li > a,
-.tabs.promo-tabs > li > a {
-  text-align: center; }
-
-.tabs.promo-tabs > li > a {
-  padding: 0;
-  margin: 0;
-  border-radius: 0;
-  border: none;
-  color: #0568ae;
-  font-size: 1.2rem;
-  text-align: center;
-  padding: 6px 10px 10px;
-  border-top: 4px solid #e6e6e6;
-  filter: none;
-  border-bottom: 1px solid #d2d2d2;
-  background-color: #f9f9f9; }
-
-.tabs > li:last-child > a {
-  margin-right: 0; }
-
-.tabs.promo-tabs > li.active > a {
-  color: #333333;
-  border-top: 4px solid #ea7400;
-  border-bottom-color: white;
-  background-color: #fff !important;
-  filter: none;
-  cursor: default; }
-
-.tabs.promo-tabs > li:first-child {
-  border-left: none; }
-
-.tabs.promo-tabs > li > a img {
-  max-width: inherit;
-  max-height: 39px;
-  margin: 0 auto 5px auto;
-  display: block; }
-
-.tabbable:before,
-.tabbable:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.tabbable:after {
-  clear: both; }
-
-
-
-.tabs.promo-tabs > li > a {
-  font-size: 2.0rem;
-  height: 70px;
-  padding: 20px 20px 24px;
-  background-color: #FFFFFF;
-  border-top: 5px solid #FFFFFF;
-  white-space: nowrap; }
-
-.tabs.promo-tabs > li.active > a {
-  border-top: 5px solid #0574ac; }
-
-.tabs.promo-tabs > li > a:hover {
-  color: #333333; }
-
-.tabs.promo-tabs > li {
-  width: auto; }
-
-.tabs > li[disabled="disabled"] > a:hover {
-  cursor: not-allowed; }
-
-.b2b-tags {
-  background-color: #f2f2f2;
-  -webkit-transition: all .3s ease-out;
-  -moz-transition: all .3s ease-out;
-  transition: all .3s ease-out;
-  margin: 3px 5px 3px 0;
-  padding: 2px 15px;
-  border-radius: 6px;
-  border: 1px solid #c9c9c9;
-  display: inline-block; }
-  .b2b-tags .tags__item {
-    font-size: 14px;
-    vertical-align: baseline;
-    zoom: 1;
-    color: #333; }
-    .b2b-tags .tags__item i {
-      color: #0574ac;
-      font-size: 14px;
-      font-weight: bold;
-      margin-left: 10px; }
-      .b2b-tags .tags__item i:hover {
-        cursor: pointer; }
-    .b2b-tags .tags__item i:focus {
-      outline: thin dotted #666; }
-    .b2b-tags .tags__item:last-child {
-      margin-right: 0; }
-    .b2b-tags .tags__item:hover {
-      text-decoration: none; }
-    .b2b-tags .tags__item:focus {
-      outline: 1px dotted #666; }
-
-.tooltip-size-control {
-  display: block; }
-
-.tooltip {
-  display: inline-block;
-  height: 20px;
-  vertical-align: middle;
-  margin: 1px 0 0 7px; }
-
-p .tooltip {
-  margin: -3px 7px 0 0; }
-
-label .tooltip {
-  margin: 1px 0 0 7px; }
-
-.tooltip .icon-primary-tooltip {
-  background: none;
-  border: none;
-  display: inline-block;
-  font-size: 20px;
-  height: 20px;
-  margin: 0;
-  position: relative;
-  width: 20px; }
-
-.tooltip .icon-primary-tooltip:before {
-  top: 0; }
-
-.tooltip .icon-primary-tooltip:focus {
-  text-decoration: none;
-  outline: 1px dotted black; }
-
-.tooltip.active .icon-primary-tooltip:focus {
-  outline: none; }
-
-.tooltip .arrow {
-  display: none;
-  border-color: transparent;
-  border-style: solid;
-  background-color: #0568ae;
-  height: 20px;
-  width: 20px;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  opacity: 0;
-  transform: rotate(45deg);
-  z-index: 20; }
-
-.tooltip.active .icon-primary-tooltip[data-placement="top"] .arrow {
-  display: block;
-  bottom: 32px;
-  top: auto;
-  border-width: 0 1px 1px 0; }
-
-.tooltip.active .icon-primary-tooltip[data-placement="bottom"] .arrow {
-  border-width: 1px 0 0 1px;
-  display: block;
-  bottom: -33px;
-  top: auto; }
-
-.tooltip.active .arrow {
-  opacity: 1; }
-
-.tooltip .closingtooltip {
-  display: block; }
-
-.tooltip.active .closingtooltip {
-  display: none; }
-
-.tooltip-wrapper {
-  position: absolute;
-  margin-top: 20px;
-  left: 15px;
-  right: 15px;
-  display: none;
-  opacity: 0;
-  z-index: 1010;
-  text-align: left; }
-
-.helpertext {
-  background-color: #0568ae;
-  border: 1px solid transparent;
-  border-radius: 6px;
-  color: #fff;
-  display: none;
-  margin: 0;
-  padding: 25px;
-  position: relative;
-  text-align: left;
-  width: 100%;
-  top: 0;
-  z-index: 1009; }
-
-.tooltip .helpertext {
-  position: absolute; }
-
-.tooltip.active .icon-primary-tooltip[data-placement="bottom"] + .tooltip-wrapper .helpertext {
-  bottom: inherit;
-  top: 19px; }
-
-.tooltip.active .icon-primary-tooltip[data-placement="top"] + .tooltip-wrapper .helpertext {
-  top: inherit;
-  bottom: 38px; }
-
-.tooltip.active .tooltip-wrapper {
-  opacity: 1;
-  display: block;
-  margin-top: 0; }
-
-.tooltip.active .tooltip-wrapper .helpertext {
-  display: block; }
-
-.tooltip-onclick .btn.icon-primary-tooltip {
-  border: medium none;
-  box-shadow: none;
-  color: #0568ae;
-  font-size: 20px;
-  height: 34px;
-  line-height: 36px;
-  margin: 0;
-  min-width: 50px;
-  padding: 0;
-  position: absolute;
-  right: 0;
-  top: 0; }
-
-.tooltip-onclick .icon-primary-tooltip:before {
-  display: inline;
-  position: relative; }
-
-.tooltip-onclick textarea + .reset-field + .icon-primary-tooltip {
-  top: 4px;
-  right: 5px;
-  min-width: 40px; }
-
-.tooltip-onclick.active .helpertext:before,
-.tooltip-onfocus.active .helpertext:before {
-  background-color: #0568ae;
-  border-color: transparent;
-  border-style: solid;
-  border-width: 1px 1px 0 0;
-  content: "";
-  display: block;
-  height: 15px;
-  left: 17px;
-  margin: 0;
-  position: absolute;
-  top: -7px;
-  transform: rotate(-45deg);
-  width: 15px; }
-
-.tooltip-onclick.active .helpertext {
-  display: block;
-  opacity: 1;
-  margin: 14px 0 0; }
-
-.tooltip-onclick.active .helpertext:before {
-  left: inherit;
-  right: 18px; }
-
-.tooltip-onclick .reset-field {
-  right: 37px; }
-
-.tooltip-onclick .reset-field:before {
-  position: relative;
-  top: -1px; }
-
-.tooltip-onfocus.active .helpertext {
-  display: block;
-  margin: 14px 0 10px 0; }
-
-.popover-title {
-  display: block;
-  font-size: 14px;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-weight: bold;
-  margin-bottom: 8px;
-  white-space: normal; }
-
-.popover-content {
-  display: block;
-  font-size: 12px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  line-height: 1.5rem;
-  white-space: normal; }
-
-.popover-content span,
-.popover-content p {
-  line-height: 1.5rem; }
-
-.popover-content p:last-child {
-  margin-bottom: 0; }
-
-.tooltip .tooltip-element {
-  position: relative; }
-
-.tooltip .icon-primary-tooltip:hover {
-  text-decoration: none; }
-
-.tooltip.active .tooltip-element[data-placement="top"] .arrow {
-  display: block;
-  bottom: 32px;
-  top: auto; }
-
-.tooltip.active .tooltip-element[data-placement="bottom"] .arrow {
-  display: block;
-  border-color: transparent transparent #0574ac;
-  bottom: -33px;
-  top: auto; }
-
-.tooltip.active .tooltip-element[data-placement="bottom"] + .tooltip-wrapper .helpertext {
-  bottom: inherit;
-  top: 19px; }
-
-.tooltip.active .tooltip-element[data-placement="top"] + .tooltip-wrapper .helpertext {
-  top: inherit;
-  bottom: 38px; }
-
-.b2b-tree {
-  padding: 0 10px 0 10px;
-  width: 320px; }
-  .b2b-tree ul {
-    list-style: none;
-    list-style-type: none; }
-  .b2b-tree a {
-    display: block;
-    padding: 0 0 5px 30px;
-    line-height: 22px;
-    margin-left: -10px;
-    font-size: 1.4rem;
-    outline-offset: -1px; }
-  .b2b-tree li:focus {
-    outline: none; }
-    .b2b-tree li:focus > a {
-      outline: thin dotted #666;
-      outline-offset: -1px; }
-  .b2b-tree ul li {
-    border-left: 1px solid #ccc; }
-    .b2b-tree ul li .b2b-tree-tooltip {
-      display: none;
-      position: absolute;
-      top: -25px;
-      left: 100%;
-      white-space: nowrap;
-      margin-left: 10px;
-      z-index: 1010;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      font-size: 12px; }
-    .b2b-tree ul li .b2b-tree-tooltip-content {
-      background-color: #0568ae;
-      margin-left: 9px;
-      border-radius: 6px;
-      color: #fff;
-      padding: 25px; }
-    .b2b-tree ul li .b2b-tree-arrow-left {
-      width: 0;
-      height: 0;
-      border-top: 10px solid transparent;
-      border-bottom: 10px solid transparent;
-      border-right: 10px solid #0568ae;
-      position: absolute;
-      top: 25px; }
-    .b2b-tree ul li.activeTooltip > a .b2b-tree-tooltip {
-      display: block; }
-  .b2b-tree ul ul {
-    padding: 0 0 0 20px; }
-  .b2b-tree ul > li {
-    position: relative;
-    line-height: 18px; }
-  .b2b-tree a > span.b2b-tree-node-icon {
-    background-color: #FFF;
-    display: inline;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    left: -11px;
-    top: 0;
-    line-height: 14px;
-    width: 11px; }
-    .b2b-tree a > span.b2b-tree-node-icon > i {
-      font-size: 20px; }
-  .b2b-tree a:only-child {
-    color: #0574ac; }
-    .b2b-tree a:only-child > span.b2b-tree-node-icon {
-      left: -11px;
-      border-radius: 50%;
-      line-height: 7px;
-      top: 0; }
-      .b2b-tree a:only-child > span.b2b-tree-node-icon > i {
-        background-color: inherit;
-        background: #fff; }
-  .b2b-tree a > span.b2b-tree-node-icon > i.icon-primary-circle {
-    background-color: inherit;
-    background: #fff;
-    font-size: 5px; }
-  .b2b-tree a.b2b-locked-node:after {
-    content: "\ec58";
-    float: right;
-    font-family: 'icoSecurityalerts' !important; }
-  .b2b-tree a:hover .b2b-locked-node:after {
-    text-decoration: none; }
-  .b2b-tree ul li:first-child > a:only-child > span.b2b-tree-node-icon {
-    left: -11px;
-    border-radius: 50%;
-    line-height: 12px; }
-  .b2b-tree ul li:last-child > a:only-child > span.b2b-tree-node-icon {
-    height: 27px;
-    background-color: #fff; }
-  .b2b-tree li a + ul {
-    height: 0;
-    overflow: hidden; }
-  .b2b-tree li a.active + ul {
-    height: auto;
-    overflow: visible; }
-  .b2b-tree li a.grp {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-    .b2b-tree li a.grp.active {
-      color: #333; }
-  .b2b-tree span.end {
-    left: -6px !important;
-    top: 5px !important; }
-  .b2b-tree span.first-link {
-    width: 3px !important;
-    height: 15px !important;
-    top: 0px !important;
-    left: -2px !important;
-    background: #fff; }
-
-/* .b2b-tree-checkbox {
-  padding: 0 10px 0 10px;
-  width: 320px; }
-  .b2b-tree-checkbox ul {
-    list-style: none;
-    list-style-type: none; }
-  .b2b-tree-checkbox a {
-    display: block;
-    padding: 0 0 5px 30px;
-    line-height: 22px;
-    margin-left: -10px;
-    font-size: 14px;
-    outline-offset: -1px; }
-  .b2b-tree-checkbox li:focus {
-    outline: none; }
-    .b2b-tree-checkbox li:focus > a {
-      outline: thin dotted #666;
-      outline-offset: -1px; }
-  .b2b-tree-checkbox ul li {
-    border-left: 1px solid #ccc; }
-  .b2b-tree-checkbox ul ul {
-    padding: 0 0 0 20px; }
-  .b2b-tree-checkbox ul > li {
-    position: relative;
-    line-height: 18px; } */
-  /* .b2b-tree-checkbox a > span.nodeIcon {
-    background-color: #FFF;
-    display: inline;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    left: -11px;
-    top: 0;
-    line-height: 14px;
-    width: 11px; } */
-    /* .b2b-tree-checkbox a > span.nodeIcon > i {
-      font-size: 20px; } */
-    .b2b-tree-checkbox a > span.nodeIcon.end {
-      margin-top: 10px; }
-  .b2b-tree-checkbox a:only-child {
-    color: #0574ac; }
-    .b2b-tree-checkbox a:only-child > span.nodeIcon {
-      left: -11px;
-      border-radius: 50%;
-      line-height: 7px;
-      top: 0; }
-      .b2b-tree-checkbox a:only-child > span.nodeIcon > i {
-        background-color: inherit;
-        background: #fff; }
-  .b2b-tree-checkbox a > span.nodeIcon > i.icon-primary-circle {
-    background-color: inherit;
-    background: #fff;
-    font-size: 5px; }
-  .b2b-tree-checkbox ul li:first-child > a:only-child > span {
-    left: -11px;
-    border-radius: 50%;
-    line-height: 12px;
-    top: 0px; }
-  .b2b-tree-checkbox ul li:first-child > a:only-child > span.end {
-    margin-top: 0px; }
-  .b2b-tree-checkbox ul li:first-child > a:only-child > span i.icon-primary-circle {
-    top: 8px; }
-  .b2b-tree-checkbox ul li:last-child > a:only-child > span {
-    height: 34px;
-    background-color: #fff; }
-  .b2b-tree-checkbox li a + ul {
-    height: 0;
-    overflow: hidden; }
-  .b2b-tree-checkbox li a.active + ul {
-    height: auto; }
-  .b2b-tree-checkbox li a.grp {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  .b2b-tree-checkbox span.end {
-    left: -6px !important; }
-  .b2b-tree-checkbox .checkbox {
-    margin-bottom: 0px;
-    margin-top: 2px;
-    font-size: 14px; }
-    .b2b-tree-checkbox .checkbox input:indeterminate + .skin:after {
-      content: "\2014";
-      padding-left: 2px;
-      font-family: inherit !important;
-      line-height: inherit !important; }
-  /* .b2b-tree-checkbox span.first-link {
-    width: 3px !important;
-    height: 15px !important;
-    top: 0px !important;
-    left: -2px !important;
-    background: #fff; } */
-
-.b2b-widget-window {
-  width: 147px;
-  right: 5px;
-  top: 60px;
-  position: absolute;
-  border: 1px solid #ccc;
-  background-color: #fff;
-  border-radius: 8px;
-  z-index: 1000; }
-  .b2b-widget-window li {
-    margin: 15px; }
-
-.b2b-widget-container {
-  background-color: #fff;
-  border-radius: 8px;
-  border: 1px solid #ccc;
-  position: relative; }
-  .b2b-widget-container .b2b-widget-header {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333;
-    height: 55px;
-    padding-left: 15px;
-    padding-top: 19px; }
-    .b2b-widget-container .b2b-widget-header .header {
-      font-size: 18px; }
-  .b2b-widget-container .b2b-widget-header-icons {
-    font-size: 16px;
-    color: #0574ac; }
-
-.b2b-widget-header-icons button {
-  border: none;
-  background: transparent;
-  color: #0574ac; }
-  .b2b-widget-header-icons button:focus {
-    outline-style: solid;
-    outline-width: 1px;
-    outline-color: #0574ac; }
-  .b2b-widget-header-icons button:first-child {
-    margin-right: 0px; }
-
-.b2b-widget-container .b2b-widget-content {
-  height: 325px;
-  margin: 0;
-  padding: 20px;
-  position: relative;
-  border-top: 1px solid #ccc; }
-
-.b2b-widget-content .form-row:first-child {
-  margin-top: 0; }
-
-.b2b-widget-header-icons button.icoControls-gear:focus, .b2b-widget-header-icons button.icon-primary-close:focus {
-  outline: thin dotted #666; }
-
-.b2b-widget-header .icon-primary-close:before {
-  content: '-';
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  outline: none; }
-
-.b2b-widget-window .arrow_box {
-  background: #fff;
-  border: 1px solid #ccc; }
-
-.b2b-widget-window.arrow_box:after, .b2b-widget-window.arrow_box:before {
-  bottom: 100%;
-  left: 75%;
-  border: solid transparent;
-  content: " ";
-  height: 0;
-  width: 0;
-  position: absolute;
-  pointer-events: none; }
-
-.b2b-widget-window.arrow_box:after {
-  border-color: rgba(255, 255, 255, 0);
-  border-bottom-color: #fff;
-  border-width: 10px;
-  margin-left: 1px; }
-
-.b2b-widget-window.arrow_box:before {
-  border-color: rgba(204, 204, 204, 0);
-  border-bottom-color: #ccc;
-  border-width: 11px;
-  margin-left: 0px; }
-
-/************************** Overrides for Filters ***************************/
-.filter-container .filter-header h2 {
-  line-height: 1 !important;
-  margin: 0 !important; }
-
-.filter-container .icon-primary-spinner:before {
-  content: none; }
-
-.filter-container .fixed-230-subnav {
-  margin: 10px !important;
-  width: inherit !important; }
-
-.filter-container .unlinked:focus {
-  outline: thin dotted #666 !important; }
-
-.filter-container .unlinked.active {
-  color: inherit !important; }
-
-.filter-container .fixed-230-subnav a > i {
-  background: none; }
-
-.filter-container .fixed-230-subnav ul {
-  margin: 0 0 10px 10px; }
-
-/************************** Overrides for Filters ***************************/
-.row .filter-container {
-  background-color: #fff; }
-
-.filter-header {
-  overflow: hidden;
-  padding: 20px 0;
-  position: relative; }
-
-.filter-header h2 {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 2.4rem;
-  margin-bottom: 0; }
-
-.filter-selected {
-  border-top: 1px solid #ccc;
-  padding-top: 20px; }
-
-.filter-selected > span {
-  font-size: 1.3rem;
-  text-transform: uppercase; }
-
-.filter-selected > a.clear-all-filters {
-  float: right;
-  font-size: 1.4rem; }
-
-.filter-selected > span,
-.filter-selected > a.clear-all-filters {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.filter-selected-group {
-  padding-top: 15px; }
-
-.filter-selected-badge {
-  background-color: #f2f2f2;
-  border-radius: 15px;
-  display: inline-block;
-  font-size: 1.4rem;
-  margin-bottom: 10px;
-  padding: 0 0 0 12px; }
-
-.filter-selected-badge .icoControls-optionsoff {
-  background: transparent none repeat scroll 0 0;
-  border: medium none;
-  font-size: 2.5em;
-  margin: 0;
-  padding: 0; }
-
-.filters .fixed-230-subnav > ng-transclude > div:first-child {
-  border-top: 1px solid #ccc; }
-
-.filters .fixed-230-subnav > ng-transclude > div {
-  border-bottom: 1px solid #ccc; }
-
-.filter-results {
-  align-items: center;
-  border-bottom: 1px solid #ccc;
-  display: flex;
-  flex-wrap: wrap;
-  height: 50px;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between; }
-
-.filter-results-sortby > span {
-  text-transform: uppercase; }
-
-.filter-results-view .icon-primary-content-gridguide {
-  font-size: 2em;
-  margin-right: 0; }
-
-.filter-container .fixed-230-subnav > ng-transclude > div > a {
-  font-size: 1.8rem;
-  margin: 0;
-  padding: 15px 20px 15px 0;
-  color: #0574ac !important;
-  cursor: pointer !important;
-  font-family: "Omnes-ECOMP-W02", Arial !important;
-  outline-offset: inherit !important;
-  position: relative;
-  height: auto;
-  width: auto; }
-
-.filter-container .fixed-230-subnav a > i {
-  right: 0;
-  top: 15px; }
-
-.filter-container .fixed-230-subnav .icon-primary-collapsed:before, .filter-container .fixed-230-subnav .icon-primary-expanded:before {
-  float: right; }
-
-.filter-container .fixed-230-subnav ul.collapse {
-  position: inherit;
-  transition: height 0.5s ease;
-  height: 0;
-  overflow: hidden; }
-
-.filter-container .checkbox .icon-primary-spinner {
-  height: 24px;
-  position: absolute;
-  width: 24px; }
-
-.fixed-230-subnav.affix {
-  margin: -28px 0 0; }
-
-#nav-menu .b2b-menu,
-#nav-menu .fixed-230-subnav {
-  margin: 0; }
-
-.b2b-menu > li,
-.fixed-230-subnav > div {
-  border-bottom: 1px solid #ccc;
-  line-height: 4.0rem; }
-
-.b2b-menu > li:first-child,
-.fixed-230-subnav > li:first-child {
-  border-top: 1px solid #ccc; }
-
-.b2b-menu div > a,
-.fixed-230-subnav div > a {
-  color: #0574ac;
-  cursor: pointer;
-  display: block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.4rem;
-  margin: 0;
-  outline-offset: -1px;
-  padding: 0 10px;
-  position: relative; }
-
-.fixed-230-subnav div > a.live {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  color: #666; }
-
-.fixed-230-subnav > ng-transclude > div li > a {
-  display: block;
-  font-size: 1.4rem;
-  line-height: 20px; }
-
-.fixed-230-subnav > ng-transclude > div li > a.active {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  text-decoration: none;
-  color: #666; }
-
-#nav-menu .fixed-230-subnav a > i {
-  top: 10px; }
-
-.fixed-230-subnav > li > a.active > i:after {
-  display: none; }
-
-.b2b-menu ul,
-.fixed-230-subnav ul {
-  margin: 0 0 10px 0; }
-
-.b2b-menu ul div a,
-.fixed-230-subnav ul div a {
-  padding: 0 10px; }
-
-.unlinked {
-  outline: medium none !important;
-  text-decoration: none !important; }
-
-@media (max-width: 1024px) {
-  .filter-container .fixed-230-subnav {
-    margin: 0 20px;
-    width: auto; }
-  .filter-container .fixed-230-subnav > li {
-    margin: 0; }
-  .row .filter-container {
-    display: none;
-    height: 100%;
-    left: 0;
-    position: fixed;
-    overflow: auto;
-    top: 0;
-    transition: all 0.5s ease 0s;
-    width: 285px;
-    z-index: 9999; }
-  .filter-header {
-    padding-left: 20px; }
-  .filter-selected {
-    margin: 0 20px 10px; } }
-
-.b2b-pane-selector-wrapper {
-  width: 100%;
-  display: block;
-  border-top: solid 1px #ccc;
-  border-bottom: solid 1px #ccc; }
-  .b2b-pane-selector-wrapper .side-nav {
-    width: 20% !important;
-    display: inline-block;
-    float: left; }
-  .b2b-pane-selector-wrapper .pane-container {
-    width: 80%;
-    vertical-align: top;
-    margin: 0;
-    padding-top: 30px;
-    border-left: solid 1px #ccc;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    display: none; }
-    .b2b-pane-selector-wrapper .pane-container.active {
-      display: inline-block; }
-    .b2b-pane-selector-wrapper .pane-container .pane-container-top {
-      padding-left: 15px; }
-    .b2b-pane-selector-wrapper .pane-container .panes {
-      display: -webkit-flex;
-      display: flex;
-      border-top: solid 1px #ccc;
-      margin-top: 30px; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block {
-        height: inherit;
-        overflow-y: auto;
-        border-right: solid 1px #ccc;
-        position: relative;
-        flex: 1;
-        -webkit-flex: 1;
-        /* Safari 6.1+ */
-        -ms-flex: 1;
-        /* IE 10 */ }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block:focus {
-          outline: dotted 1px #333333; }
-    .b2b-pane-selector-wrapper .pane-container .search-block {
-      position: relative;
-      float: right; }
-      .b2b-pane-selector-wrapper .pane-container .search-block input[type="search"]:focus {
-        padding-right: 40px; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row p {
-      margin-top: 15px; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div {
-      border-bottom: solid 1px #ccc; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row {
-      display: block;
-      padding: 19px 14px 19px 14px;
-      margin-top: 0px;
-      border: dotted 1px transparent;
-      border-bottom: solid 1px #ccc; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:focus {
-        border: dotted 1px #333333 !important; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:last-child {
-        border-bottom: none; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block > .no-content {
-      text-align: center;
-      border-bottom: none;
-      display: block;
-      position: absolute;
-      top: 45%;
-      left: 0;
-      right: 0; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div:last-child {
-      border-bottom: none; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row span.margin-chk {
-      margin: 15px 15px 0px 15px;
-      float: left; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row .checkbox-selectall {
-      margin: 0px 0 0 24px !important; }
-  .b2b-pane-selector-wrapper .side-nav li {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    border: none;
-    border-top: solid 1px #ccc;
-    display: block !important;
-    width: auto !important;
-    margin-left: 0px !important; }
-    .b2b-pane-selector-wrapper .side-nav li.active {
-      background-color: #f6f6f6;
-      position: inherit !important; }
-      .b2b-pane-selector-wrapper .side-nav li.active > a {
-        font-size: 16px;
-        color: #333;
-        text-decoration: none;
-        border: none;
-        background-color: transparent;
-        padding: 20px 15px;
-        display: block;
-        height: auto;
-        border-left: 4px solid #0574ac; }
-    .b2b-pane-selector-wrapper .side-nav li > a {
-      font-size: 16px;
-      color: #333;
-      text-decoration: none;
-      border: none;
-      background-color: transparent;
-      padding: 20px 15px;
-      display: block;
-      height: auto;
-      text-align: left; }
-    .b2b-pane-selector-wrapper .side-nav li > a:focus {
-      border-right: dotted 1px #333333; }
-    .b2b-pane-selector-wrapper .side-nav li:first-child {
-      border-top: none;
-      margin-left: none !important; }
-/********************* Utility CSS Starts **********************/
-.offscreen-text {
-  position: absolute;
-  left: -10000px;
-  top: auto;
-  width: 1px;
-  height: 1px;
-  overflow: hidden; }
-
-/********************* Utility CSS Ends **********************/
-/* Fix for alignment issue on Cancel link inside modal */
-.modal-footer > .cta-button-group {
-  line-height: 40px; }
-
-/* .att-dark-green { // Not used
-  color: #007a3e;
-} */
-.colors-off-msg {
-  display: none; }
-
-button .colors-off-msg {
-  position: relative; }
-
-.ds2-no-colors .colors-off-msg {
-  display: block; }
-
-.ds2-no-colors [data-colordatatext] button .colors-off-msg {
-  font-size: 1.1rem;
-  line-height: normal;
-  padding: 5px 0;
-  position: absolute;
-  top: 0;
-  white-space: normal;
-  width: 60px; }
-
-/* Not used
-.make-all-white * {
-  color: #fff;
-}
-.make-all-white a {
-  text-decoration: underline;
-} */
-.loader > span {
-  display: block;
-  padding-top: 20px; }
-
-.modal > .loader {
-  left: 50%;
-  margin-left: -25px;
-  margin-top: -25px;
-  position: absolute;
-  top: 50%; }
-
-#pageLevelLoader.modal {
-  background-color: transparent;
-  border: none;
-  box-shadow: none;
-  top: 40%; }
-
-.modal.fade .loader {
-  display: none; }
-
-.modal.fade.in .loader {
-  display: block; }
-
-.btn.disabled[data-loading-text] {
-  padding: 0 19px 0 18px;
-  line-height: 46px; }
-
-.btn.disabled[data-loading-text] img {
-  position: relative;
-  top: 2px; }
-
-/*  Seems to already be in docs.css
-.fixed-230.leftnav {
-  position: relative;
-}
-.fixed-230-subnav {
-  margin: 10px;
-}
-.fixed-230-subnav > li:first-child {
-  border-top: none;
-}
-.fixed-230-subnav > li {
-  border-bottom: 1px solid #d2d2d2;
-}
-.fixed-230-subnav > li > a {
-  display: block;
-  font-size: 1.4rem;
-  line-height: normal;
-  margin: 0 -9px;
-  padding: 11px 35px 12px 9px;
-  outline-offset: 0;
-  position: relative;
-}
-.fixed-230-subnav > li > a.live {
-  color: #333333;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-}
-.fixed-230-subnav a > i {
-  right: 10px;
-  margin: 0;
-  position: absolute;
-  top: 10px;
-}
-.fixed-230-subnav a > i:after {
-  display: none;
-}
-.fixed-230-subnav > li li > a {
-  display: block;
-  font-size: 1.4rem;
-  line-height: 18px;
-}
-.fixed-230-subnav > li li > a.active {
-  color: #333333;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  text-decoration: none;
-}
-.fixed-230-subnav ul {
-  margin: 0 0 10px;
-} */
-.unlinked {
-  color: #0568ae !important;
-  font-family: "Omnes-ECOMP-W02", Arial !important; }
-
-.unlinked.active {
-  color: inherit !important; }
-
-/* @media (max-width: 767px) {
-  .row.has-leftnav {
-    flex-wrap: wrap;
-  }
-  .row.has-leftnav .fluid-space {
-    padding-right: 0;
-  }
-  .row .fixed-230 {
-    background-color: #fff;
-    width: auto;
-  }
-  .row .leftnav {
-    background-color: #fff !important;
-    display: block !important;
-  }
-  .fixed-230-subnav {
-    margin: 10px 0 0;
-    width: 100%;
-  }
-  .fixed-230-subnav > li {
-    margin-left: -15px;
-    margin-right: -15px;
-  }
-  .fixed-230-subnav > li:first-child {
-    border-top: 1px solid #d2d2d2;
-  }
-  .fixed-230-subnav > li > a {
-    margin: 0;
-  }
-  .fixed-230-subnav a:hover,
-  .fixed-230-subnav a:focus {
-    text-decoration: none !important;
-  }
-  .fixed-230-subnav > li li > a {
-    padding: 5px 10px;
-  }
-  .fixed-230-subnav > li li > a.active {
-    color: inherit;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  }
-} */
-@keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-@-moz-keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-@-webkit-keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-@-ms-keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-@-o-keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-.ajaxed,
-.modal.fade.in .modal-header,
-.modal.fade.in .modal-body,
-.modal.fade.in .modal-footer {
-  animation-duration: 0.01s;
-  -o-animation-duration: 0.01s;
-  -ms-animation-duration: 0.01s;
-  -moz-animation-duration: 0.01s;
-  -webkit-animation-duration: 0.01s;
-  animation-name: DOMinsertion;
-  -o-animation-name: DOMinsertion;
-  -ms-animation-name: DOMinsertion;
-  -moz-animation-name: DOMinsertion;
-  -webkit-animation-name: DOMinsertion; }
-
-.dda-css-override ul.nav-tabs {
-  margin-bottom: 0; }
-
-
-.formsWithinProcessButton {
-  margin-right: 0px; }
-
-.heading-sub-section-form {
-  font-size: 2.4rem;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  margin-bottom: 20px;
-  margin-top: 10px; }
-
-.heading-small-form {
-  font-size: 1.6rem;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  margin-top: 0px; }
-
-.icon-primary-form-sizeL {
-  font-size: 50px; }
-
-.icon-primary-form-size {
-  font-size: 30px; }
-
-.spanformfix {
-  margin-right: 15px !important; }
-
-@media (max-width: 767px) {
-  .heading-sub-section-form {
-    font-size: 1.8rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px;
-    padding-top: 10px;
-    margin-top: 30px; }
-  .heading-small-form {
-    font-size: 1.4rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-top: 0px; } }
-
-@media (max-width: 479px) {
-  .icon-primary-form-resizeL {
-    display: none; }
-  .icon-primary-form-resize {
-    display: none; }
-  .heading-center-form {
-    margin-left: 20px; } }
-
-@media (min-width: 480px) {
-  .icon-primary-form-resizeL {
-    display: none; }
-  .icon-primary-form-resize {
-    display: inherit; }
-  .icon-primary-center-min {
-    margin-top: 30px; } }
-
-@media (min-width: 768px) {
-  .icon-primary-form-resizeL {
-    display: inherit;
-    margin-top: 30px; }
-  .icon-primary-form-resize {
-    display: none; }
-  .center-form-align {
-    margin-top: 35px; } }
-
-@media (min-width: 1024px) {
-  .icon-primary-form-resizeL {
-    display: inherit;
-    margin-top: 0px; }
-  .icon-primary-form-resize {
-    display: none; }
-  .center-form-align {
-    margin-top: 5px; } }
-
-.data-row.has-button td.col-1 {
-  padding: 0; }
-
-  
-.icon-primary-circle:before {
-  background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-  content: "";
-  position: absolute;
-  top: 0;
-  z-index: 1; }
-
-.b2b-drag-handle {
-  cursor: move;
-  -ms-interpolation-mode: bicubic;
-  margin-bottom: 40px;
-  height: 23px;
-  padding-right: 10px;
-  float: left; }
-
-.b2b-drag-over {
-  background-color: #d1d1d1; }
-
-.b2-drag-element {
-  background-color: #e8e8e8; }
-
-[draggable] {
-  -moz-user-select: none;
-  -khtml-user-select: none;
-  -webkit-user-select: none;
-  user-select: none; }
-/* Flyout inputs color is not aligned */
-textarea, input {
-  color: #333; }
-
-.isIE .btn-primary.btn:focus::after,
-.isIE .btn-specialty.btn:focus::after,
-.isIE .btn-alt.btn:focus::after {
-  border: 1px dashed #fff !important; }
-.b2b-config-section-container {
-  height: auto;
-  min-height: 330px;
-  width: 815px;
-  background-color: #fff;
-  border: 1px solid #ccc;
-  display: inline-table;
-  border-radius: 6px; }
-
-.b2b-config-section-first-div {
-  border-right: 1px solid #ccc;
-  height: auto;
-  min-height: 330px; }
-
-.b2b-config-section-icon-primary-font {
-  font-size: 50px;
-  height: 31px;
-  line-height: 31px; }
-
-.b2b-config-section-padding {
-  padding: 20px 20px 15px 15px;
-  height: auto; }
-
-.b2b-config-sec-flyout {
-  position: relative;
-  left: 10px;
-  float: right;
-  color: #0574ac;
-  font-size: 16px;
-  font-family: "Omnes-ECOMP-W02", Arial; }
-
-.b2b-config-sec-divider {
-  border-bottom: 1px solid #ccc; }
-
-.b2b-confi-sec-span-border {
-  border-right: 1px solid;
-  height: auto; }
-
-.b2b-config-sec-speed-div {
-  text-align: center;
-  margin-top: 20px; }
-
-.b2b-config-sec-label-font {
-  font-size: 16px; }
-
-.b2b-config-sec-expander-main {
-  padding: 0 5px 0px 15px; }
-
-.b2b-config-sec-expander-body .b2b-config-vlan-padding {
-  padding: 5px 15px 10px 0px; }
-
-.b2b-conif-sec-row-height {
-  height: 110px; }
-
-.b2b-config-sec-expander-body {
-  font-size: 14px; }
-  .b2b-config-sec-expander-body .b2b-config-vlan-data {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    padding-left: 15px; }
-
-.b2b-config-sec-expander-body-first-div {
-  border-top: 1px solid #ccc; }
-
-.b2b-config-sec-expander-body .tooltip {
-  position: static;
-  opacity: 1; }
-
-.b2b-config-section-container .row > [class*="span"] {
-  margin-right: 0px; }
-
-.b2b-config-vlan-icons {
-  font-size: 16px;
-  float: right;
-  margin-right: 0px; }
-
-.b2b-config-section-container .span6 {
-  width: 50%; }
-
-.b2b-config-sec-data-link-style {
-  position: relative;
-  left: 95%;
-  top: 30px;
-  border-radius: 50%;
-  width: 23px;
-  height: 23px;
-  background: #fff;
-  border: 1px solid #ccc;
-  color: #666666; }
-
-.b2b-config-sec-text-align {
-  text-align: center;
-  margin-top: 15px;
-  margin-bottom: 35px;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 14px;
-  color: #333333; }
-
-.b2b-config-port-text-align {
-  text-align: center;
-  margin-top: 15px;
-  margin-bottom: 8px;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 14px;
-  color: #333333; }
-
-.b2b-config-port-text-label {
-  margin-top: 6px;
-  margin-bottom: 8px;
-  font-size: 14px;
-  text-align: center; }
-
-.b2b-confi-sec-last-div p {
-  font-size: 14px;
-  padding: 10px 15px 0 15px; }
-
-.b2b-confi-sec-router-label {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 16px;
-  color: #333333;
-  float: left;
-  width: 100%;
-  margin-bottom: 7px; }
-
-.b2b-config-vlan-label {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 14px;
-  color: #333333;
-  margin-top: 1px;
-  margin-bottom: 9px; }
-
-.b2b-config-vlan-info {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 14px;
-  color: #333333;
-  margin-bottom: 1px; }
-  .b2b-config-vlan-info .icon-misc-pen {
-    padding-left: 7px; }
-
-.b2b-confi-sec-model-label {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 14px;
-  color: #333333; }
-
-.b2b-confi-sec-router-info {
-  float: left;
-  width: 62%; }
-
-.b2b-config-sec-speed-sec {
-  border-right: 1px solid #ccc; }
-
-.b2b-config-sec-speed-label {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 20px;
-  color: #333333;
-  text-align: center; }
-  .b2b-config-sec-speed-label i {
-    margin-left: 15px;
-    font-size: 16px; }
-
-.b2b-config-sec-yellow-flag-div {
-  width: 1.6%;
-  background-color: #ffb18c; }
-
-.b2b-config-sec-expander-icons {
-  margin-top: 6px; }
-  .b2b-config-sec-expander-icons .icon-misc-trash {
-    margin-right: 10px; }
-
-.b2b-config-sec-yellow-flag .b2b-config-sec-expander-icons {
-  left: 40px; }
-
-.b2b-config-sec-expander-body-icons .icon-misc-pen {
+.field-group {
   position: relative;
-  left: 18px; }
-.b2b-directory-listing .center {
   display: block;
-  margin: 2em auto; }
-
-.b2b-directory-listing .listBox {
-  height: 310px;
-  width: 450px;
-  padding-left: 1px;
-  padding-right: 1px;
-  font-family: "Omnes-ECOMP-W02", Arial; }
-
-.b2b-directory-listing .listBox:focus {
-  outline: thin dotted #666; }
-
-.b2b-directory-listing .b2b-directory-listing-no-results {
-  font-weight: bold; }
-
-.b2b-directory-listing .b2b-directory-listing-list {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  color: #5a5a5a;
-  overflow-x: hidden;
-  position: relative;
-  height: 300px;
-  border: 1px solid #333;
-  border-radius: 6px;
-  margin-bottom: 10px; }
-
-.b2b-directory-listing .b2b-directory-listing-item {
-  margin: 1px;
-  border: 1px solid transparent;
-  outline: none;
-  text-align: left;
-  overflow: hidden;
-  cursor: pointer;
-  padding-top: 13px;
-  padding-bottom: 7px;
-  padding-left: 15px;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  word-wrap: break-word; }
-  .b2b-directory-listing .b2b-directory-listing-item:focus {
-    border: 1px #3399FF solid; }
-
-.b2b-directory-listing .b2b-directory-listing-item-selected {
-  color: #fff;
-  background-color: #3399FF; }
-
-.b2b-directory-listing input[type="text"] {
-  padding-right: 30px; }
-  .b2b-directory-listing input[type="text"]:focus, .b2b-directory-listing input[type="text"]:hover {
-    padding-right: 30px; }
-
-.b2b-directory-listing .row .btns {
-  margin-right: 90px;
-  margin-left: -115px;
-  margin-top: 100px; }
-
-.b2b-directory-listing .btn-remove {
-  margin-right: auto !important;
-  margin-bottom: 15px; }
-  .b2b-directory-listing .btn-remove i {
-    margin-right: 0;
-    color: #fff;
-    top: -1px; }
-
-.b2b-directory-listing .btn-remove-all {
-  margin-top: 0;
-  margin-bottom: 61px !important;
-  /* need to be removed */
-  margin-right: auto !important; }
-  .b2b-directory-listing .btn-remove-all i {
-    margin-right: 0;
-    color: #fff;
-    top: -1px; }
-
-.b2b-directory-listing .btn-add {
-  margin-bottom: 15px !important; }
-  .b2b-directory-listing .btn-add i {
-    margin-right: 0;
-    color: #fff;
-    top: -1px; }
-
-.b2b-directory-listing .btn-add-all {
-  margin-top: 0;
-  margin-bottom: 61px !important; }
-  .b2b-directory-listing .btn-add-all i {
-    margin-right: 0;
-    color: #fff;
-    top: -1px; }
-
-.b2b-directory-listing .btn-search[class*="btn"] {
-  right: 0.09rem; }
-
-.b2b-directory-listing .btn {
-  width: 130px; }
-
-.b2b-directory-listing-disabled {
-  cursor: not-allowed; }
-
-.b2b-directory-listing-label-heading {
-  margin-top: 24px;
-  padding-bottom: 5px; }
-
-.b2b-dl-list-box option {
-  padding-top: 13px;
-  padding-bottom: 7px;
-  padding-left: 15px; }
-
-.b2b-dl-modal-button-div {
-  padding-top: 110px;
-  text-align: center; }
-.b2b-tmpl-notification-card {
-  border-radius: 6px;
-  height: auto;
-  width: 420px;
-  background-color: #ffffff;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 8px;
-  overflow: hidden; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-header {
-    padding-left: 30px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333333;
-    font-size: 24px;
-    margin-top: 2px;
-    display: inline-block;
-    min-height: 60px;
-    position: relative; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-body {
-    padding: 0 30px 20px;
-    position: relative; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-header-title {
-    margin-top: 10px; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button {
-    box-shadow: 0 -50px 0 0 #f2f2f2 inset;
-    height: 69px;
-    position: absolute;
-    border-color: #f2f2f2 #f2f2f2 transparent transparent;
-    border-style: solid;
-    border-width: 35px;
-    height: 0;
-    right: -295px;
-    top: -4px;
-    width: 69px;
-    /*Old properties */
-    box-shadow: none;
-    transform: none; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close {
-      height: 48px;
-      right: -40px;
-      top: -40px;
-      width: 48px;
-      position: relative;
-      /*Old properties */
-      transform: none; }
-      .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:before {
-        color: #0568ae;
-        display: block;
-        font-size: 20px;
-        height: auto;
-        right: -4px;
-        top: 4px;
-        width: auto;
-        /*Old properties */
-        left: auto;
-        height: auto;
-        bottom: auto; }
-      .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:focus {
-        outline: 1px dotted black; }
-  .b2b-tmpl-notification-card button.close {
-    -webkit-appearance: none;
-    moz-appearance: none;
-    appearance: none; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-icon-primary-cirlce {
-    width: 30px;
-    height: 30px;
-    border-radius: 50%; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-outer-cirlce {
-    background: #f0f5f5;
-    border-radius: 50%;
-    height: 16px;
-    width: 16px;
-    vertical-align: middle; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-inner-cirlce {
-    background: #fff;
-    width: 22px;
-    height: 22px;
-    position: relative;
-    border-radius: 50%;
-    display: block;
-    left: 4px;
-    top: 4px;
-    border: 1px solid #767676; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-row {
-    padding-top: 10px; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-sub-header {
-    margin-top: 0px; }
-  .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item {
-    background-color: #fff;
-    margin-top: 25px;
-    border-top: 1px solid #ccc; }
-    .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item .cta-button-group {
-      line-height: 40px;
-      padding-top: 20px; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-edit-section .cta-button-group {
-    line-height: 40px;
-    padding-top: 15px; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-add-item-container {
-    padding-top: 30px; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-link-active {
-    pointer-events: none;
-    cursor: default;
-    color: #ccc; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-cursor:hover {
-    cursor: pointer; }
-.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon {
-  text-align: center;
-  margin-top: 91px; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon i {
-    font-size: 99px;
-    color: #1b7e28; }
-
-.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading {
-  color: #333333;
-  text-align: center;
-  margin-top: 20px; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading h1 {
-    font-size: 38px; }
-
-.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading {
-  color: #333333;
-  text-align: center; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading h5 {
-    font-size: 18px; }
-
-.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info {
-  padding-left: 18%;
-  font-size: 16px;
-  margin-top: 20px; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info ul {
-    list-style-type: disc;
-    list-style-position: inside; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info li {
-    padding-top: 5px; }
-
-.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section {
-  font-size: 15px;
-  color: #0574ac;
-  margin-top: 20px;
-  text-align: center;
-  margin-bottom: 55px; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section .b2b-tmpl-order-confirmation-link {
-    margin-right: 8%; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section a {
-    cursor: pointer; }
-.b2b-tmpl-profile-block-container {
-  min-height: 200px;
-  height: auto;
-  background-color: #fff;
-  border-radius: 8px;
-  border: 1px solid #ccc;
-  box-shadow: 0px 1px 1px 1px #ccc;
-  display: inline-table;
-  margin: 15px 15px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-title {
-    font-weight: bold; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-footer {
-    margin-bottom: 12px;
-    margin-top: 5px;
-    height: 35px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p {
-    word-wrap: break-word;
-    height: 61px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:first-child {
-      margin-top: 10px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:after {
-      content: ' ';
-      display: block;
-      border: 0.2px solid #ccc;
-      margin-top: 12px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio {
-    margin-left: 15px;
-    height: 30px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details div {
-    padding: 2px 7px;
-    font-size: 14px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio-label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details a {
-    font-size: 14px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p span {
-    padding-left: 10px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon {
-    color: #1b7e28;
-    float: right;
-    position: relative;
-    left: 10px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon i {
-      color: #1b7e28;
-      float: right; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-link {
-    float: right;
-    position: relative;
-    left: -4px; }
-  .b2b-tmpl-profile-block-container a.link-profile {
-    position: relative;
-    left: -5px;
-    float: right;
-    margin-bottom: 16px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-radio {
-    position: relative;
-    top: -5px; }
-.b2b-static-route-container {
-  padding-left: 32px;
-  display: inline-block; }
-
-.b2b-static-route-label-heading {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 5px !important;
-  color: #333333;
-  font-style: normal;
-  text-align: left; }
-
-label.b2b-static-route-label-heading {
-  margin-bottom: 12px;
-  margin-top: 15px;
-  display: block; }
-
-#b2b-static-route-input {
-  margin: 5px 0 5px; }
-
-.b2b-static-route-list {
-  margin-bottom: 30px;
-  width: 216px;
-  float: left;
-  margin-right: 20px;
-  max-height: 540px;
-  overflow-y: auto; }
-  .b2b-static-route-list .status-text {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    outline: 0; }
-
-.b2b-static-route-list-item {
-  border: 1px #cccccc solid;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 5px;
-  display: flex;
-  cursor: pointer; }
-  .b2b-static-route-list-item > .status-bar {
-    padding: 20px 0 20px;
-    background-color: #ea7400;
-    border-radius: 0;
-    width: 10px;
-    display: inline-block;
-    margin-right: 20px;
-    height: 100%;
-    float: left; }
-    .b2b-static-route-list-item > .status-bar:after {
-      content: '.';
-      visibility: hidden; }
-  .b2b-static-route-list-item > .status-bar-unedited {
-    padding: 20px 0 20px;
-    background-color: #ffb81c;
-    border-radius: 0;
-    width: 10px;
-    display: inline-block;
-    margin-right: 20px;
-    height: 100%;
-    float: left;
-    background-color: transparent; }
-    .b2b-static-route-list-item > .status-bar-unedited:after {
-      content: '.';
-      visibility: hidden; }
-
-.b2b-static-route-list-item:focus {
-  outline: 1px dashed #00f; }
-
-.b2b-static-route-list-item--selected {
-  background: #f2f2f2; }
-
-.b2b-static-route-content {
-  display: inline-block; }
-
-  .selectWrap::after { 
-  align-items: center; 
-  background-position: 7px 7px; 
-  background-repeat: no-repeat; 
-  background-size: auto 23px; 
-  border-left: 1px solid transparent; 
-  color: #0568ae; 
-  display: flex; 
-  font-size: 23px; 
-  height: 36px; 
-  margin-right: 0; 
-  overflow: hidden; 
-  position: absolute; 
-  right: 0; 
-  text-indent: 7px; 
-  top: 0; 
-  user-select: none; 
-  width: 41px; 
-  z-index: 0; 
-  position: absolute !important; 
-  display: flex !important; 
-}
-
-.card{
-  border-radius: 5px;
-}
-
-.card-header{
-  height: 50px;
-}
-
-.card-body{
-  height: 150px;
 }
 
-.card-footer{
-  height: 50px;
-}
-
-.dialog__close-btn {
-  border: 0;
-  background: #087ac2;
-  color: #ffffff;
-  position: absolute;
-  top: 8px;
-  right: 8px;
-  font-size: 1.2em;
-  display: block;
-  border: #087ac2 2px solid;
-}
-
-.dialog{
-  margin-top: 50px;
-}
-
-.modalTitle{
-    font-size: 35px;  
-}
-
-.defaultFontSize{
-  font-size: 15px;
-}
-
-
-.tab-content{
-  margin-right: 20px;
-  /* background-color: #006496; */
-  color: rgb(0, 0, 0);
-}
-
-.btn-sm{
-  width: 30px;
-  height: 15px;
-  font-size: 10px;
-}
-
-.grid{
-  overflow: hidden;
-  padding-left: 10px;
-  padding-bottom: 10px;
-}
-
-.column {
-  float: left;
-  width: 50%;
-  padding: 10px;
-  
-}
-
-/* Clear floats after the columns */
-.row:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-
-
-table, tr, td, th {
-  border: 0;
-}
-
-td{
-  height: 5px;
+label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
+  margin-top: 5px;
 }
 
-
-mat-icon{
-  color: #006496;
-  cursor: pointer;
+.divider{
+  width:1192px;
+  height:auto;
+  display:inline-block;
 }
 
 .onoffswitch {
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/security/security.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/security/security.component.html
index 4df986cc..33102259 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/security/security.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/security/security.component.html
@@ -1,13 +1,10 @@
 <div class="stdForm">
         <br/>
         <div class="tab-content">
-                <h1>Step {{stepNo}} - Report Security</h1>
+                <h3>Step {{stepNo}} - Report Security</h3>
         </div>
         <br/>
-        <br/>
-        <div *ngIf="showSpinner">
-                        <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
-        </div>
+        <span class="ecomp-spinner" *ngIf="showSpinner"></span>     
         
         <div *ngIf="!showSpinner">
         <div class="tab-pane">
@@ -70,10 +67,8 @@
                                 <h4>Report Users</h4>
                         </tr>
                 </table>
-          
-                <div *ngIf="showUserListSpinner">
-                                <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
-                </div>
+                
+                <span class="ecomp-spinner" *ngIf="showUserListSpinner"></span>   
 
                 <div *ngIf="!showUserListSpinner">
                         <table>
@@ -131,11 +126,8 @@
                         <h4>Report Roles</h4>
                 </tr>
                 </table>
-
-                <div *ngIf="showRoleListSpinner">
-                                <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
-                </div>
-              
+                <span class="ecomp-spinner" *ngIf="showRoleListSpinner"></span>   
+                
                 <div *ngIf="!showRoleListSpinner">
                         <table>
                                 <tr>
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/security/security.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/security/security.component.spec.ts
index 44a7ef1f..417b3a18 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/security/security.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/security/security.component.spec.ts
@@ -4,11 +4,11 @@ import { SecurityComponent } from './security.component';
 import { FormsModule } from '@angular/forms';
 import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { componentRefresh } from '@angular/core/src/render3/instructions';
 import { SecurityService } from './security.service';
 import { Observable } from 'rxjs/Observable';
 import 'rxjs/add/observable/of';
 
-
 describe('SecurityComponent', () => {
   let component: SecurityComponent;
   let fixture: ComponentFixture<SecurityComponent>;
@@ -56,6 +56,7 @@ describe('SecurityComponent', () => {
   it('should test ngOnInit method', () => {
       component.reportType = "Dashboard";
        component.ngOnInit();
+     // expect(component.showSpinner).toEqual(true);
       expect(component.stepNo).toEqual('2');
       component.reportType = "test";
 
@@ -90,32 +91,24 @@ describe('SecurityComponent', () => {
   });
 
   it("should test addReportUser method", () => {
-    component.reportUser="ind";
-    component.reportOwnerList=[{"name":"ind"}];
       spyOn(component, 'addReportUser').and.callThrough();
       component.addReportUser();
       expect(component.addReportUser).toHaveBeenCalled();
   });
 
   it("should test removeReportUser method", () => {
-    component.reportOwnerList=[{"name":"reportUserName"}];
-    component.removeReportUser("reportUserName");
+    component.removeReportUser("test");
   });
 
   it("should test addReportRole method", () => {
-    component.reportRole="reportRole";
-    component.reportRoleList=[{"name":"reportRole"}];
     component.addReportRole();
   });
 
   it("should test removeReportRole method", () => {
-    component.reportSecurityRoles=[{"id":"roleId"}];
     component.removeReportRole("test");
   });
 
   it("should test saveSecurityTabData method", () => {
-      component.reportOwner="reportOwner";
-      component.reportOwnerList=[{"name":"reportOwner"}];
       spyOn(component, 'saveSecurityTabData').and.callThrough();
       component.saveSecurityTabData();
       expect(component.saveSecurityTabData).toHaveBeenCalled();
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql-validate-success-dialog/sql-validate-success-dialog.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql-validate-success-dialog/sql-validate-success-dialog.component.html
index 99d1bf2f..3b93ef08 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql-validate-success-dialog/sql-validate-success-dialog.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql-validate-success-dialog/sql-validate-success-dialog.component.html
@@ -1,5 +1,5 @@
 
-<table>
+<table *ngIf="!showMessage">
         <tr>
           <th *ngFor="let itemHeader of headers">
               <h5>{{itemHeader}}</h5>
@@ -10,3 +10,9 @@
         </tr>
        
 </table>
+<div  *ngIf="showMessage">
+        <h2>{{Validatestatus}}</h2>
+        <br>
+        <h3>ErrorMessage:</h3>
+        <label>{{errorMessage}}</label>
+</div>
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql-validate-success-dialog/sql-validate-success-dialog.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql-validate-success-dialog/sql-validate-success-dialog.component.spec.ts
index 92803321..9f98ff18 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql-validate-success-dialog/sql-validate-success-dialog.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql-validate-success-dialog/sql-validate-success-dialog.component.spec.ts
@@ -22,9 +22,4 @@ describe('ValidateSuccessComponentComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
-
-  it('should test ngOnChanges method',()=>{
-    component.tableObj='{"reportDataColumns":"tableObj","reportDataRows":"reportDataRows"}';
-    component.ngOnChanges();
-  })
 });
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql-validate-success-dialog/sql-validate-success-dialog.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql-validate-success-dialog/sql-validate-success-dialog.component.ts
index c9763772..70fd6f67 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql-validate-success-dialog/sql-validate-success-dialog.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql-validate-success-dialog/sql-validate-success-dialog.component.ts
@@ -15,6 +15,11 @@ export class SQLValidateSuccessDialogComponent implements OnInit {
   rows = [];
   finalDisplayObjArr : any[] = new Array();
   subArr : string[] = new Array();
+  showMessage:boolean;
+  errorMessage:string;
+  Validatestatus:string;
+  
+  
   constructor() { }
 
   ngOnInit() {
@@ -22,39 +27,32 @@ export class SQLValidateSuccessDialogComponent implements OnInit {
   }
 
   ngOnChanges(){
-    //console.log(this.tableObj);
     this.rows = new Array();
     this.headers = new Array();
-    this.finalDisplayObjArr = new Array();
-    
+    this.finalDisplayObjArr = new Array();  
     this.tableObj = this.tableObj;
 
-    this.headers = JSON.parse(this.tableObj)["reportDataColumns"];
-    this.rows = JSON.parse(this.tableObj)["reportDataRows"];
-
-    // for(let i=0; i<this.headers.length; i++)
-    // {
-    //   this.subArr.push(this.headers[i]);
-    // }
-    // this.finalDisplayObjArr.push(this.subArr);
-
+    if(JSON.parse(this.tableObj)["errormessage"] != undefined){
+      this.showMessage = true;
+      this.errorMessage = JSON.parse(this.tableObj)["errormessage"];
+      this.Validatestatus = "Sql Verify: failed! "
+ 
+    } else{    
+       this.showMessage = false;
+       this.headers = JSON.parse(this.tableObj)["reportDataColumns"];
+       this.rows = JSON.parse(this.tableObj)["reportDataRows"];
     for(let i=0; i<this.rows.length; i++)
     {
       this.subArr = [];
       
       for(let j=0; j<this.headers.length; j++)
       {
-        //console.log(this.rows[i][this.headers[j]]);
-        this.subArr.push(this.rows[i][this.headers[j]]);  
-            
+        this.subArr.push(this.rows[i][this.headers[j]]);           
       }
-
-     // console.log(this.subArr);
       this.finalDisplayObjArr.push(this.subArr);
-      
-    }
-
-    console.log(this.finalDisplayObjArr);
+       
+     }
+   }
   }
 
   
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.css
index d454a46e..fb9d85b8 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.css
@@ -1,11870 +1,187 @@
-.lds-ring {
-  display: inline-block;
-  position: relative;
-  width: 64px;
-  height: 64px;
-}
-.lds-ring div {
-  box-sizing: border-box;
-  display: block;
-  position: absolute;
-  width: 80px;
-  height: 80px;
-  margin: 6px;
-  margin-top: -10px;
-  border: 10px solid #006496;
-  border-radius: 80%;
-  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-  border-color: #006496 transparent transparent transparent;
-}
-.lds-ring div:nth-child(1) {
-  animation-delay: -0.45s;
-}
-.lds-ring div:nth-child(2) {
-  animation-delay: -0.3s;
-}
-.lds-ring div:nth-child(3) {
-  animation-delay: -0.15s;
-}
-@keyframes lds-ring {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-
-mat-button-toggle{
-  display: block;
-  width: 400px;
-  border-radius: 5px;
-}
-
-label{
-  size: 70px;
-}
-
-input {
-  width: 400px;
-  height: 20px;
-}
-
-.Heading{
-  font-size: 45px;
-}
-
-.stdForm{
-  margin-left: 20px;
+.card {
+    border-radius: 5px;
 }
 
-.field-group {
-  position: relative;
-  display: block;
+.card-header {
+    height: 55px;
 }
 
-label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
-  margin-top: 5px;
+.card-body {
+    height: 150px;
 }
 
-textarea {
-  display: block;
-  width: 1500px;
-  height: 530px;
-  /* max-width: 50%; */
-  padding-top: 15px;
-  padding-right: 15px;
-  padding-bottom: 15px;
-  padding-left: 15px;
-
+.card-footer {
+    height: 55px;
+    width: 800px
 }
 
-.divider{
-  width:1192px;
-  height:auto;
-  display:inline-block;
+.modalTitle {
+    font-size: 35px;
 }
 
-
-select{
-  display: block;
-  width: 400px;
-  max-width: 400px;
-  padding: 15px;
-  background-color: #cfcfcf7a
+.dialog__close-btn {
+    border: 0;
+    background: #087ac2;
+    color: #ffffff;
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    font-size: 1.2em;
+    display: block;
+    border: #087ac2 2px solid;
 }
 
-.webform-component-my-select select {
-  height: 200px;
-}
+.dialog {
 
-.checkbox .skin {
-  background-color: #fff;
-  border: 1px solid #d2d2d2;
-  border-radius: 3px;
-  display: inline-block;
-  height: 24px;
-  width: 24px;
-  position: absolute;
-  left: 0;
-  top: 0;
+    margin-top: 50px;
 }
 
-i, em {
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal;
+.defaultFontSize {
+    font-size: 15px;
 }
 
-
-.b2b-horizontal-table ::-webkit-scrollbar {
-  height: 10px; }
-
-.b2b-horizontal-table ::-webkit-scrollbar-thumb {
-  background: #666666;
-  border-radius: 5px; }
-
-.b2b-horizontal-table .b2b-frozen-col {
-  font-size: 5px;
-  font-weight: normal;
-  font-style: italic; }
-/* 
-.b2b-horizontal-table .b2b-horizontal-table-inner-container {
-  overflow-x: scroll; } */
-
-.b2b-horizontal-table .b2b-horizontal-table-column-info {
-  text-align: center; }
-
-.b2b-horizontal-table .b2b-horizontal-table-legend div[b2b-flyout-toggler] {
-  color: #0568ae;
-  cursor: pointer; }
-
-.b2b-horizontal-table .b2b-horizontal-table-legend .b2b-frozen-cell {
-  width: 16px;
-  height: 16px;
-  background-color: #F2F2F2;
-  display: inline-block;
-  margin-right: 10px; }
-
-.b2b-horizontal-table .b2b-horizontal-table-arrows {
-  margin-bottom: 20px; }
-  .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-disabled-text {
-    color: #767676; }
-  .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-next-link {
-    padding-right: 15px; }
-  .b2b-horizontal-table .b2b-horizontal-table-arrows .b2b-prev-link {
-    padding-left: 15px; }
-
-@-moz-document url-prefix() {
-  .b2b-horizontal-table td:first-child {
-    border-top: none; } }
-* {
-  box-sizing: border-box; }
-
-:root {
-  -ms-overflow-style: -ms-autohiding-scrollbar;
-  overflow-y: scroll;
-  -ms-text-size-adjust: 100%;
-  -webkit-text-size-adjust: 100%;
-  box-sizing: border-box;
-  font: 0.625pc/1.5 sans-serif;
-  text-rendering: optimizeLegibility; }
-
-html {
-  overflow-y: scroll;
-  -webkit-overflow-scrolling: touch;
-  height: 100%;
-  position: relative; }
-
-h1,
-h2,
-h3,
-h4,
-h5,
-p,
-blockquote,
-figure,
-ol,
-ul {
-  margin: 0;
-  padding: 0; }
-
-/* a:focus {
-  outline: thin dotted #191919;
-} */
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: top; }
-
-sup {
-  top: .75em;
-  display: inline-block; }
-
-sub {
-  bottom: -0.25em; }
-
-img {
-  max-width: 100%;
-  height: auto;
-  vertical-align: middle;
-  border: 0;
-  -ms-interpolation-mode: bicubic; }
-
-.img-no-rwd {
-  max-width: inherit !important; }
-
-svg {
-  display: inline-block; }
-
-.responsive-img {
-  width: 100%;
-  height: auto; }
-
-button,
-input,
-select,
-textarea {
-  margin: 0;
-  font-size: 100%;
-  vertical-align: middle; }
-
-::-moz-focus-inner {
-  
-  border: 0; }
-
-button,
-html input[type="button"],
-input[type="reset"],
-input[type="submit"] {
-  appearance: button;
-  cursor: pointer; }
-
-label,
-select,
-button,
-input[type="button"],
-input[type="reset"],
-input[type="submit"],
-input[type="radio"],
-input[type="checkbox"] {
-  cursor: pointer; }
-
-input[type=search] {
-  -webkit-appearance: textfield; }
-
-input[type=search]:-webkit-search-cancel-button,
-input[type=search]:-webkit-search-decoration {
-  -webkit-appearance: none; }
-
-
-
-select {
-  -moz-appearance: none;
-  -webkit-appearance: none; }
-
-[aria-busy=true] {
-  cursor: progress; }
-
-[aria-controls] {
-  cursor: pointer; }
-
-body {
-  background-color: #ffffff;
-  color: #191919;
-  font-family: "Omnes-ECOMP-W02", Arial;
-/*  font-size: 1.6rem;
-  line-height: 2rem;*/
-  margin: 0;
-  position: relative;
-  width: 100%;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased; }
-
-small {
-  font-size: 1.6rem; }
-
-.container {
-  margin: 0 auto;
-  padding: 0; }
-
-.tooltip {
-  display: inline-block;
-  height: 20px;
-  margin: 1px 0 0 7px;
-  vertical-align: middle; }
-
-.tooltip-wrapper {
-  display: none; }
-
-
-
-/* TODO: Build a reference page for these classes */
-.font-regular {
-  font-family: "Omnes-ECOMP-W02", Arial !important; }
-
-.font-light {
-  font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-
-.font-italic {
-  font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-
-.font-light-italic {
-  font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-
-.font-medium {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-
-.font-medium-italic {
-  font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-
-.font-reset {
-  font-style: normal;
-  font-variant: normal;
-  font-weight: normal;
-  text-transform: none; }
-
-.visible-phone {
-  display: none !important; }
-
-.visible-tablet {
-  display: none !important; }
-
-.hidden-desktop {
-  display: none !important; }
-
-.visible-desktop {
-  display: inherit !important; }
-
-.row,
-.row-nowrap {
-  margin-left: 0; }
-
-.row:before,
-.row-nowrap:before,
-.row:after,
-.row-nowrap:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.row:after,
-.row-nowrap:after {
-  clear: both; }
-
-.row:before,
-.row-nowrap:before,
-.row:after,
-.row-nowrap:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.row:after,
-.row-nowrap:after {
-  clear: both; }
-
-.row,
-.row-nowrap {
-  display: flex; }
-
-.row > [class*="span"],
-.row-nowrap > [class*="span"] {
-  float: left;
-  margin-right: 14px;
-  margin-right: 1.40845%\9; }
-
-.row > [class*="span"]:last-child,
-.row-nowrap > [class*="span"]:last-child {
-  margin-right: 0; }
-
-.row > [class*="span"].centered,
-.row-nowrap > [class*="span"].centered {
-  margin-left: auto !important;
-  margin-right: auto !important; }
-
-.row.no-flex,
-.row-nowrap.no-flex {
-  display: block; }
-
-.row.no-flex > [class*="span"],
-.row-nowrap.no-flex > [class*="span"] {
-  margin-right: 1.408450704225352%; }
-
-.row.no-flex > [class*="span"]:last-child,
-.row-nowrap.no-flex > [class*="span"]:last-child {
-  margin-right: 0; }
-
-.row.flex-justify,
-.row-nowrap.flex-justify {
-  justify-content: space-between; }
-
-.row.flex-justify > [class*="span"],
-.row-nowrap.flex-justify > [class*="span"] {
-  flex: 1 1 0; }
-
-.row.flex-justify > .flex-col,
-.row-nowrap.flex-justify > .flex-col {
-  margin-right: 14px;
-  margin-right: 1.40845%\9; }
-
-.row.flex-wrap,
-.row-nowrap.flex-wrap {
-  flex-wrap: wrap; }
-
-.align-items-top {
-  align-items: flex-start; }
-
-.align-items-center {
-  align-items: center; }
-
-.align-items-bottom {
-  align-items: flex-end; }
-
-.align-self-top {
-  align-self: flex-start; }
-
-.align-self-center {
-  align-self: center; }
-
-.align-self-bottom {
-  align-self: flex-end; }
-
-.row .fixed-230 {
-  flex: 0;
-  display: block;
-  width: 230px;
-  vertical-align: top;
-  min-width: 230px;
-  background-color: #efefef; }
-
-.row .fluid-space {
-  flex: 1 1 0;
-  display: block;
-  vertical-align: top;
-  padding-left: 0;
-  padding-right: 20px;
-  width: 100%; }
-
-.row .fixed-230 + .fluid-space {
-  padding-left: 20px;
-  padding-right: 20px; }
-
-.row .fluid-space:last-child {
-  padding-right: 0; }
-
-.span1 {
-  width: 7.042253521126761%; }
-
-.span2 {
-  width: 15.49295774647887%; }
-
-.span3 {
-  width: 23.94366197183099%; }
-
-.span4 {
-  width: 32.3943661971831%; }
-
-.span5 {
-  width: 40.84507042253521%; }
-
-.span6 {
-  width: 49.29577464788733%; }
-
-.span7 {
-  width: 57.74647887323944%; }
-
-.span8 {
-  width: 66.19718309859155%; }
-
-.span9 {
-  width: 74.64788732394367%; }
-
-.span10 {
-  width: 83.09859154929578%; }
-
-.span11 {
-  width: 91.54929577464789%; }
-
-.span12 {
-  width: 100%; }
-
-.offset1 {
-  margin-left: 8.450704225352113%; }
-
-.offset2 {
-  margin-left: 16.90140845070423%; }
-
-.offset3 {
-  margin-left: 25.35211267605634%; }
-
-.offset4 {
-  margin-left: 33.8028169%; }
-
-.offset5 {
-  margin-left: 42.25352113%; }
-
-.offset6 {
-  margin-left: 50.70422535%; }
-
-.offset7 {
-  margin-left: 59.15492958%; }
-
-.offset8 {
-  margin-left: 67.6056338%; }
-
-.offset9 {
-  margin-left: 76.05633803%; }
-
-.offset10 {
-  margin-left: 84.50704225%; }
-
-.offset11 {
-  margin-left: 92.95774648%; }
-
-.align-center {
-  margin: 0 auto;
-  text-align: center; }
-
-[class*="span"].align-center {
-  margin: 0 auto !important;
-  float: none; }
-
-.align-left .container {
-  padding-left: 0 !important;
-  margin: 0 !important; }
-
-/* BEGIN RESPONSIVE-4.LESS ************** */
-@media (min-width: 1025px) {
-  .row > [class*="span"],
-  .row-nowrap > [class*="span"] {
+.tab-content {
     margin-right: 20px;
-    margin-right: 1.487301587301587%\9; }
-  .container {
-    padding-left: 20px;
-    padding-right: 20px;
-    max-width: 1260px; }
-  /* 1col = 6.878306878306879 */
-  /* 1colgutter = 1.587301587301587 */
-  .span0 {
-    display: none; }
-  .span1 {
-    width: 6.878306878306879%; }
-  .span2 {
-    width: 15.34391534391534%; }
-  .span3 {
-    width: 23.80952380952381%; }
-  .span4 {
-    width: 32.27513227513228%; }
-  .span5 {
-    width: 40.74074074074074%; }
-  .span6 {
-    width: 49.20634920634921%; }
-  .span7 {
-    width: 57.67195767195767%; }
-  .span8 {
-    width: 66.13756613756614%; }
-  .span9 {
-    width: 74.60317460317461%; }
-  .span10 {
-    width: 83.06878306878308%; }
-  .span11 {
-    width: 91.53439153439154%; }
-  .span12 {
-    width: 100%; }
-  .offset1 {
-    margin-left: 8.465608465608466%; }
-  .offset2 {
-    margin-left: 16.93121693121693%; }
-  .offset3 {
-    margin-left: 25.3968253968254%; }
-  .offset4 {
-    margin-left: 33.86243386%; }
-  .offset5 {
-    margin-left: 42.32804233%; }
-  .offset6 {
-    margin-left: 50.79365079%; }
-  .offset7 {
-    margin-left: 59.25925926%; }
-  .offset8 {
-    margin-left: 67.72486772%; }
-  .offset9 {
-    margin-left: 76.19047619%; }
-  .offset10 {
-    margin-left: 84.65608466%; }
-  .offset11 {
-    margin-left: 93.12169312%; }
-  .tooltip-size-control {
-    position: relative;
-    width: 400px; }
-  .thumbnails > li {
-    margin-left: 1.40845070422535%; }
-  .row .thumbnails {
-    margin-left: 0; } }
-
-/* END RESPONSIVE-4.LESS ****************** */
-/* BEGIN RESPONSIVE-3.LESS ******************* */
-@media (min-width: 768px) and (max-width: 1024px) {
-  .hidden-desktop {
-    display: inherit !important; }
-  .visible-desktop {
-    display: none !important; }
-  .visible-tablet {
-    display: inherit !important; }
-  .hidden-tablet {
-    display: none !important; }
-  .container {
-    width: 100%;
-    margin: 0 auto;
-    padding-left: 20px;
-    padding-right: 20px; }
-  .span0-md {
-    display: none; }
-  .span1-md {
-    width: 7.042253521126761%; }
-  .span2-md {
-    width: 15.49295774647887%; }
-  .span3-md {
-    width: 23.94366197183099%; }
-  .span4-md {
-    width: 32.3943661971831%; }
-  .span5-md {
-    width: 40.84507042253521%; }
-  .span6-md {
-    width: 49.29577464788733%; }
-  .span7-md {
-    width: 57.74647887323944%; }
-  .span8-md {
-    width: 66.19718309859155%; }
-  .span9-md {
-    width: 74.64788732394367%; }
-  .span10-md {
-    width: 83.09859154929578%; }
-  .span11-md {
-    width: 91.54929577464789%; }
-  .span12-md {
-    width: 100%; }
-  .offset1-md {
-    margin-left: 8.450704225352113%; }
-  .offset2-md {
-    margin-left: 16.90140845070423%; }
-  .offset3-md {
-    margin-left: 25.35211267605634%; }
-  .offset4-md {
-    margin-left: 33.8028169%; }
-  .offset5-md {
-    margin-left: 42.25352113%; }
-  .offset6-md {
-    margin-left: 50.70422535%; }
-  .offset7-md {
-    margin-left: 59.15492958%; }
-  .offset8-md {
-    margin-left: 67.6056338%; }
-  .offset9-md {
-    margin-left: 76.05633803%; }
-  .offset10-md {
-    margin-left: 84.50704225%; }
-  .offset11-md {
-    margin-left: 92.95774648%; }
-  .tooltip-size-control {
-    position: relative;
-    width: 300px; } }
+    /* background-color: #006496; */
+    color: rgb(0, 0, 0);
+}
 
-/* END RESPONSIVE-3.LESS ******************* */
-/* BEGIN RESPONSIVE-2.LESS *************** */
-@media (max-width: 767px) {
-  .hidden-desktop {
-    display: inherit !important; }
-  .visible-desktop {
-    display: none !important; }
-  .visible-phone {
-    display: inherit !important; }
-  .visible-tablet {
-    display: inherit !important; }
-  .hidden-phone {
-    display: none !important; }
-  .hidden-tablet {
-    display: none !important; }
-  .container {
-    width: auto;
-    padding-left: 15px;
-    padding-right: 15px; }
-  /*.row{ display:block; }*/
-  .row > [class*="span"] {
-    float: none;
-    margin-left: 0;
-    margin-right: 0;
-    width: 100%; }
-  .row {
-    display: block; }
-  .row.flex > .flex-col,
-  .row-nowrap.flex > .flex-col {
-    margin-right: 0; }
-  .row .fixed-230 {
-    display: block;
-    width: 100%; }
-  .row .fluid-space {
+.textarea-sql {
     display: block;
-    padding-left: 0;
-    padding-right: 0;
-    width: auto; }
-  .row .fluid-space + .fixed-230 {
-    padding-left: 0; }
-  .row .fluid-space:last-child {
-    padding-right: 0; }
-  .span0-sm {
-    display: none; }
-  .span1-sm {
-    width: 7.042253521126761%; }
-  .span2-sm {
-    width: 15.49295774647887%; }
-  .span3-sm {
-    width: 23.94366197183099%; }
-  .span4-sm {
-    width: 32.3943661971831%; }
-  .span5-sm {
-    width: 40.84507042253521%; }
-  .span6-sm {
-    width: 49.29577464788733%; }
-  .span7-sm {
-    width: 57.74647887323944%; }
-  .span8-sm {
-    width: 66.19718309859155%; }
-  .span9-sm {
-    width: 74.64788732394367%; }
-  .span10-sm {
-    width: 83.09859154929578%; }
-  .span11-sm {
-    width: 91.54929577464789%; }
-  .span12-sm {
-    width: 100%; }
-  .offset1-sm {
-    margin-left: 8.450704225352113%; }
-  .offset2-sm {
-    margin-left: 16.90140845070423%; }
-  .offset3-sm {
-    margin-left: 25.35211267605634%; }
-  .offset4-sm {
-    margin-left: 33.8028169%; }
-  .offset5-sm {
-    margin-left: 42.25352113%; }
-  .offset6-sm {
-    margin-left: 50.70422535%; }
-  .offset7-sm {
-    margin-left: 59.15492958%; }
-  .offset8-sm {
-    margin-left: 67.6056338%; }
-  .offset9-sm {
-    margin-left: 76.05633803%; }
-  .offset10-sm {
-    margin-left: 84.50704225%; }
-  .offset11-sm {
-    margin-left: 92.95774648%; }
-  input {
-    padding: 8px 15px 8px 15px; }
-  .field-group input.input-emphasized[type="search"] + .reset-field:after {
-    top: 14px; }
-  .field-group input.input-emphasized[type="search"] + .reset-field {
-    height: 46px;
-    top: 1px; }
-  .marquee {
-    margin-bottom: 30px; }
-  .marquee .blur-overlay {
-    border-radius: 0;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    margin: 0;
-    padding: 34px 15px 30px; }
-  .marquee + div {
-    margin-top: 30px; }
-  .marquee h1 {
-    font-size: 1.8rem;
-    letter-spacing: -0.035px; }
-  .marquee .lead {
-    font-size: 3.0rem;
-    line-height: 3.6rem;
-    margin-bottom: 0; }
-  .marquee p:not(.lead) {
-    font-family: "Omnes-ECOMP-W02-Light", Arial;
-    font-size: 1.8rem;
-    margin-bottom: 0; }
-  .marquee .btn-fullwidth {
-    margin-top: 10px;
-    width: 100%;
-    float: none; }
-  .tooltip-size-control {
-    width: 100%; }
-  .table-wrapper,
-  .accordion-table-layout {
-    margin-left: -15px;
-    margin-right: -15px; }
-  .table-wrapper caption {
-    padding-left: 15px; } }
-
-@media (max-width: 480px) {
-  .span1-xsm {
-    width: 7.042253521126761%; }
-  .span2-xsm {
-    width: 15.49295774647887%; }
-  .span3-xsm {
-    width: 23.94366197183099%; }
-  .span4-xsm {
-    width: 32.3943661971831%; }
-  .span5-xsm {
-    width: 40.84507042253521%; }
-  .span6-xsm {
-    width: 49.29577464788733%; }
-  .span7-xsm {
-    width: 57.74647887323944%; }
-  .span8-xsm {
-    width: 66.19718309859155%; }
-  .span9-xsm {
-    width: 74.64788732394367%; }
-  .span10-xsm {
-    width: 83.09859154929578%; }
-  .span11-xsm {
-    width: 91.54929577464789%; }
-  .span12-xsm {
-    width: 100%; }
-  .offset1-xsm {
-    margin-left: 8.450704225352113%; }
-  .offset2-xsm {
-    margin-left: 16.90140845070423%; }
-  .offset3-xsm {
-    margin-left: 25.35211267605634%; }
-  .offset4-xsm {
-    margin-left: 33.8028169%; }
-  .offset5-xsm {
-    margin-left: 42.25352113%; }
-  .offset6-xsm {
-    margin-left: 50.70422535%; }
-  .offset7-xsm {
-    margin-left: 59.15492958%; }
-  .offset8-xsm {
-    margin-left: 67.6056338%; }
-  .offset9-xsm {
-    margin-left: 76.05633803%; }
-  .offset10-xsm {
-    margin-left: 84.50704225%; }
-  .offset11-xsm {
-    margin-left: 92.95774648%; } }
-
-/* END RESPONSIVE-2.LESS ******************* */
-/* BEGIN RESPONSIVE-1.LESS ************** */
-.xxxxxxxx-begin-responsive-480px.less {
-  /* placeholder */ }
-
-@media (max-width: 480px) {
-  .hidden-desktop {
-    display: inherit !important; }
-  .hidden-tablet {
-    display: inherit !important; }
-  .hidden-phone {
-    display: none !important; }
-  .visible-desktop {
-    display: none !important; }
-  .visible-tablet {
-    display: none !important; }
-  .visible-phone {
-    display: inherit !important; }
-  .container {
-    width: auto;
+    width: 1500px;
+    height: 530px;
+    /* max-width: 50%; */
+    padding-top: 15px;
+    padding-right: 15px;
+    padding-bottom: 15px;
     padding-left: 15px;
-    padding-right: 15px; } }
-
-[class*="icon-primary-"],
-.nav-links a:after,
-.bellyband-link a:after,
-.breadcrumb > li:after,
-.checkbox input:checked + .skin:after,
-.checkbox input.indeterminate + .skin:after,
-.checkbox input:indeterminate + .skin:after,
-.selectWrap.large:before,
-.form-row.error .error-msg:before,
-.close:before,
-.reset-field:before,
-.cssIcon-globe:before,
-.selectWrap:after {
-  color: #0568ae;
-  left: 6px;
-  top: -3px;
-  width: 2px;
-  height: 3px;
-  border: solid white;
-  border-width: 0 3px 3px 0;
-  -webkit-transform: rotate(45deg);
-  -ms-transform: rotate(45deg);
-  transform: rotate(45deg);}
-
-[class*="icoWeather-"], [class*="icoTrans-"], [class*="icoBubble-"], [class*="icoRetail-"], [class*="icoPeople-"], [class*="icoNumslets-"], [class*="icoLocation-"], [class*="icoHealthcare-"], [class*="icoDocuments-"], [class*="icoDevices-"], [class*="icoDatanetwork-"], [class*="icoControls-"], [class*="icoBuilding-"], [class*="icoArrows-"] {
-  color: #0568ae;
-  display: inline-block;
-  font-style: normal;
-  font-size: 20px;
-  font-weight: normal;
-  font-variant: normal;
-  font-style: normal;
-  width: 20px;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  position: relative;
-  speak: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle; }
-
-[class*="icon-primary-"]:before,
-[class*="icon-primary-"]:after {
-  box-sizing: border-box;
-  display: inline-block;
-  font-size: 1em;
-  height: 1em;
-  position: relative;
-  top: 0;
-  left: 0;
-  vertical-align: middle;
-  width: 1em; }
-
-.icon-primary-att-globe:before,
-.cssIcon-globe:before {
-  content: "\e900";
-  color: #44c7f5; }
-
-.icon-primary-hamburger:before {
-  content: "\e903"; }
-
-.icon-primary-secure:before {
-  content: "\e918"; }
-
-.icon-primary-secureL:before {
-  content: "\e919"; }
-
-.icon-primary-padlockopen:before {
-  content: "\e916"; }
-
-.icon-primary-padlockopenL:before {
-  content: "\e917"; }
-
-.icon-primary-shoppingcart:before {
-  content: "\e914"; }
-
-.icon-primary-shoppingcartL:before {
-  content: "\e915"; }
-
-.icon-primary-print:before {
-  content: "\e921"; }
-
-.icon-primary-printL:before {
-  content: "\e922"; }
-
-.icon-primary-mobilesmartphone:before {
-  content: "\e908"; }
-
-.icon-primary-mobilesmartphoneL:before {
-  content: "\e90c"; }
-
-.icon-primary-tablet:before {
-  content: "\e904"; }
-
-.icon-primary-tabletL:before {
-  content: "\e905"; }
-
-.icon-primary-tv:before {
-  content: "\e906"; }
-
-.icon-primary-tvL:before {
-  content: "\e907"; }
-
-.icon-primary-calendar {
-  width: 100% !important; }
-
-.icon-primary-calendar:before {
-  content: "\e91a";
-  z-index: 1; }
-
-.icon-primary-calendarL:before {
-  content: "\e91b"; }
-
-.icon-primary-star:before {
-  content: "\e96c"; }
-
-.icon-primary-close:before,
-.close:before,
-.reset-field:before {
-  content: "\e910"; }
-
-.icon-primary-down:before {
-  content: "\ea3c"; }
-
-
-
-.icon-primary-add-maximize:before {
-  content: "\e91f"; }
-
-
-
-.icon-primary-questionmark:before {
-  content: "\e90f"; }
-
-.icon-primary-badgealert:before,
-.form-row.error .error-msg:before {
-  content: "\e90e"; }
-
-.icon-primary-approval:before {
-  content: "\e925"; }
-
-.icon-primary-flat-info:before {
-  content: "\e927"; }
-
-.icon-primary-alert:before {
-  content: "\e913"; }
-
-.icon-primary-tooltip:before,
-.icon-primary-flat-faq:before {
-  content: "\e90d"; }
-
-.icon-primary-tooltip {
-  font-size: 20px; }
-
-.nav-links a:after,
-.bellyband-link a:after,
-.breadcrumb > li:after,
-.icon-primary-right:before {
-  content: "\ea3c";
-  transform: rotate(-90deg); }
-
-.icon-primary-left:before {
-  content: "\ea3c";
-  transform: rotate(90deg); }
-
-.icon-primary-accordion-plus:after,
-.icon-primary-collapsed:after,
-.icon-primary-accordion-minus:after,
-.icon-primary-expanded:after {
-  content: "";
-  position: absolute;
-  top: 0;
-  z-index: 1; }
-
-.icon-primary-accordion-minus,
-.icon-primary-expanded,
-.icon-primary-accordion-plus,
-.icon-primary-collapsed {
-  font-size: 20px !important; }
-
-:not(.ds2-no-colors) .icon-primary-accordion-minus:before,
-:not(.ds2-no-colors) .icon-primary-expanded:before {
-  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
-  content: ""; }
-
-:not(.ds2-no-colors) .icon-primary-accordion-plus:before,
-:not(.ds2-no-colors) .icon-primary-collapsed:before {
-  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M10.5%2015.9c-.4%200-.8-.3-.8-.8V5.9c0-.4.3-.8.8-.8s.8.3.8.8v9.3c0%20.4-.4.7-.8.7z%22%2F%3E%3Cpath%20fill%3D%22%230568ae%22%20d%3D%22M15.1%2011.3H5.9c-.4%200-.8-.3-.8-.8s.3-.8.8-.8h9.3c.4%200%20.8.3.8.8s-.4.8-.9.8z%22%2F%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M10.5%2021C4.7%2021%200%2016.3%200%2010.5S4.7%200%2010.5%200%2021%204.7%2021%2010.5%2016.3%2021%2010.5%2021zm0-20C5.3%201%201%205.3%201%2010.5S5.3%2020%2010.5%2020s9.5-4.3%209.5-9.5S15.7%201%2010.5%201z%22%2F%3E%3C%2Fsvg%3E");
-  content: ""; }
-
-.ds2-no-colors .icon-primary-accordion-minus:before,
-.ds2-no-colors .icon-primary-expanded:before {
-  background-image: none;
-  content: "\e901"; }
-
-.ds2-no-colors .icon-primary-accordion-minus:after,
-.ds2-no-colors .icon-primary-expanded:after {
-  content: "\e902"; }
-
-.ds2-no-colors .icon-primary-accordion-plus:before,
-.ds2-no-colors .icon-primary-collapsed:before {
-  background-image: none;
-  content: "\e90b"; }
-
-.ds2-no-colors .icon-primary-accordion-plus:after,
-.ds2-no-colors .icon-primary-collapsed:after {
-  content: "\e911"; }
-
-.icon-primary-circle-arrow {
-  outline: 1px solid transparent;
-  border-radius: 50%;
-  font-size: 20px !important;
-  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
-  margin-right: 7px; }
-
-.icon-primary-circle-arrow:after {
-  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20baseProfile%3D%22tiny%22%3E%3Ccircle%20r%3D%2217%22%20cy%3D%2218%22%20cx%3D%2218%22%20stroke-width%3D%221%22%20fill%3D%22transparent%22%20stroke%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E");
-  content: "";
-  position: absolute;
-  top: 0;
-  z-index: 2; }
-
-.icon-primary-circle-arrow:before {
-  border-radius: 50%;
-  content: "\ea3c";
-  font-size: 12px;
-  top: 0;
-  position: absolute;
-  transform: rotate(-90deg);
-  width: 20px;
-  z-index: 1; }
-
-[class*="icon-primary-"] [class*="icon-primary-"] {
-  display: inline-block;
-  float: left;
-  font-size: 1em;
-  margin-left: -1em;
-  position: absolute; }
-
-[class*="icon-primary-"].white, [class^="ico"][class*="-"].white {
-  color: #fff; }
-
-[class*="icon-primary-"].black, [class^="ico"][class*="-"].black {
-  color: #000; }
-
-[class*="icon-primary-"].blue, [class^="ico"][class*="-"].blue {
-  color: #0568ae; }
-
-[class*="icon-primary-"].green, [class^="ico"][class*="-"].green {
-  color: #007a3e; }
-
-@-webkit-viewport {
-  width: device-width; }
-
-@-moz-viewport {
-  width: device-width; }
-
-@-ms-viewport {
-  width: device-width; }
-
-@-o-viewport {
-  width: device-width; }
-
-@viewport {
-  width: device-width; }
-
-.clearfix:before,
-.clearfix:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.clearfix:after {
-  clear: both; }
-
-.pull-right {
-  float: right !important; }
-
-.pull-left {
-  float: left !important; }
-
-.float-children-left:before,
-.float-children-left:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.float-children-left:after {
-  clear: both; }
-
-.float-children-left > div {
-  float: left;
-  white-space: nowrap; }
-
-.block {
-  display: block !important; }
-
-.inline {
-  display: inline !important; }
-
-.inline-block {
-  display: inline-block !important; }
-
-.table-cell {
-  display: table-cell !important;
-  width: 1%;
-  vertical-align: middle; }
-
-@media (max-width: 767px) {
-  .full-bleed {
-    width: auto;
-    margin-left: -15px;
-    margin-right: -15px;
-    padding: 15px; } }
-
-@media (min-width: 768px) {
-  .full-bleed {
-    width: auto;
-    margin-left: -20px;
-    margin-right: -20px;
-    padding: 20px; } }
-
-@media (max-width: 480px) {
-  .full-bleed {
-    width: auto;
-    margin-left: -15px;
-    margin-right: -15px;
-    padding: 0 15px; } }
-
-.fade {
-  opacity: 0;
-  filter: alpha(opacity=0);
-  transition: opacity .15s linear; }
-
-.fade.in {
-  opacity: 1;
-  filter: alpha(opacity=100); }
-
-.b2bCollapse {
-  display: none; }
-
-.collapse.in {
-  height: auto; }
-
-.nowrap {
-  white-space: nowrap; }
-
-.pre {
-  white-space: pre; }
-
-.hidden-spoken {
-  border: 0 none !important;
-  clip: rect(0px, 0px, 0px, 0px) !important;
-  height: 1px !important;
-  letter-spacing: 0;
-  line-height: 0;
-  overflow: hidden !important;
-  margin-top: -1px;
-  padding: 0 !important;
-  position: absolute !important;
-  width: 1px !important; }
-
-[data-sr-text].hidden-spoken:before {
-  border: 0 none !important;
-  content: attr(data-sr-text);
-  clip: rect(0px, 0px, 0px, 0px) !important;
-  height: 1px !important;
-  letter-spacing: 0;
-  line-height: 0;
-  overflow: hidden !important;
-  padding: 0 !important;
-  position: absolute !important;
-  width: 100% !important;
-  z-index: -1; }
-
-[data-sr-text].hidden-spoken {
-  position: relative !important;
-  width: auto !important; }
-
-[data-show-between] {
-  display: none;
-  visibility: hidden; }
-
-.noscroll-y {
-  overflow-y: hidden !important; }
-
-.invisible {
-  visibility: hidden !important;
-  opacity: 0 !important; }
-
-.transparent {
-  background-color: rgba(255, 255, 255, 0) !important; }
-
-.hide {
-  display: none !important; }
-
-.show {
-  display: block !important; }
-
-.rel {
-  position: relative !important; }
-
-.legend-pad {
-  padding: 0 15px; }
-
-.border-top {
-  border-top-width: 1px !important; }
-
-.border-left {
-  border-left-width: 1px !important; }
-
-.border-right {
-  border-right-width: 1px !important; }
-
-.border-bottom {
-  border-bottom-width: 1px !important; }
-
-.border-dark {
-  border-color: #000; }
-
-.border-light {
-  border-color: #fff; }
-
-.no-border-top {
-  border-top-width: 0 !important; }
-
-.no-border-left {
-  border-left-width: 0 !important; }
-
-.no-border-right {
-  border-right-width: 0 !important; }
-
-.no-border-bottom {
-  border-bottom-width: 0 !important; }
-
-.align-middle {
-  margin: 0 auto !important; }
-
-.align-top {
-  position: absolute;
-  top: 0; }
-
-.align-bottom {
-  position: absolute;
-  bottom: 0; }
-
-.valign-top {
-  vertical-align: top !important; }
-
-.valign-middle {
-  vertical-align: middle !important; }
-
-.valign-bottom {
-  vertical-align: bottom !important; }
-
-.align-children-middle > * {
-  margin: 0 auto; }
-
-[class*="valign-children-"] {
-  display: table; }
-
-[class*="valign-children-"] > * {
-  display: table-cell; }
-
-.valign-children-top > * {
-  vertical-align: top; }
-
-.valign-children-middle > * {
-  vertical-align: middle; }
-
-.valign-children-bottom > * {
-  vertical-align: bottom; }
-
-.no-pad {
-  padding: 0 !important; }
-
-.top-space {
-  margin-top: 60px !important; }
-
-.bottom-space {
-  margin-bottom: 60px !important; }
-
-.top-pad {
-  padding-top: 60px !important; }
-
-.bottom-pad {
-  padding-bottom: 60px !important; }
-
-@media (max-width: 767px) {
-  .top-space {
-    margin-top: 30px !important; }
-  .bottom-space {
-    margin-bottom: 30px !important; }
-  .top-pad {
-    padding-top: 30px !important; }
-  .bottom-pad {
-    padding-bottom: 30px !important; } }
-
-.affix {
-  position: fixed; }
-
-.img-landscape,
-.img-portrait {
-  position: relative; }
-
-@media (orientation: landscape) {
-  .img-landscape {
-    display: block; }
-  .img-portrait {
-    display: none !important; } }
-
-@media (orientation: portrait) {
-  .img-landscape {
-    display: none !important; }
-  .img-portrait {
-    display: block; } }
-
-.dark-bg {
-  background-color: #222222; }
-
-/* ... JAVASCRIPT HOOKS .................
-   ... used by javascript ............... */
-.autoSize,
-.autoSize-this {
-  position: relative; }
-
-.truncate {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis; }
-
-.placeholdersjs {
-  color: #5a5a5a !important; }
-
-.jshook-return-focus-here {
-  display: block; }
-
-.visible-print {
-  display: none !important; }
-
-.hidden-print {
-  display: inherit !important; }
-
-@media print {
-  .visible-print {
-    display: inherit !important; }
-  .hidden-print {
-    display: none !important; }
-  * {
-    color: #000 !important;
-    background: transparent !important;
-    box-shadow: none !important; }
-  a,
-  a:visited {
-    text-decoration: underline; }
-  pre,
-  blockquote {
-    border: 1px solid #000;
-    page-break-inside: avoid; }
-  thead {
-    display: table-header-group; }
-  tr,
-  img {
-    page-break-inside: avoid; }
-  img {
-    max-width: 100% !important; }
-  @page {
-    margin: 0.5cm; }
-  p,
-  h2,
-  h3 {
-    orphans: 3;
-    widows: 3; }
-  h2,
-  h3 {
-    page-break-after: avoid; } }
-
-.mar-top-0 {
-  margin-top: 0px; }
-
-.mar-top-30 {
-  margin-top: 30px; }
-
-a:focus {
-  outline: thin dotted #191919; }
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-weight: normal;
-  text-rendering: optimizeLegibility;
-  margin: 0;
-  line-height: 1; }
-
-.heading-page {
-  font-size: 3.8rem !important;
-  font-family: "Omnes-ECOMP-W02-Light", Arial;
-  margin-bottom: 40px; }
-
-h1.heading-page.ng-scope {}
-
-.heading-major-section {
-  font-size: 3rem !important;
-  font-family: "Omnes-ECOMP-W02-Light", Arial;
-  margin-bottom: 40px !important; }
-
-.heading-sub-section {
-  font-size: 2.4rem !important;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  margin-bottom: 40px; }
-
-.heading-group {
-  font-size: 2rem !important;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  color: #ea7400;
-  margin-bottom: 20px !important; }
-
-.heading-medium {
-  font-size: 2rem !important;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  margin-bottom: 20px; }
-
-.heading-medium-emphasis {
-  font-size: 2rem !important;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  margin-bottom: 20px; }
-
-.heading-small {
-  font-size: 1.8rem !important;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  margin-bottom: 20px; }
-
-.heading-small-emphasis {
-  font-size: 1.8rem !important;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  margin-bottom: 20px; }
-
-.heading-micro {
-  font-size: 1.3rem !important;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  text-transform: uppercase;
-  color: #da0081;
-  margin-bottom: 10px; }
-
-* + .heading-major-section {
-  margin-top: 60px; }
-
-* + .heading-sub-section {
-  margin-top: 60px; }
-
-* + .heading-group {
-  margin-top: 40px !important; }
-
-* + .heading-medium {
-  margin-top: 40px; }
-
-* + .heading-medium-emphasis {
-  margin-top: 40px; }
-
-* + .heading-small {
-  margin-top: 40px; }
-
-* + .heading-small-emphasis {
-  margin-top: 40px; }
-
-* + .heading-micro {
-  margin-top: 20px; }
-
-.lead {
-  color: #666;
-  font-family: "Omnes-ECOMP-W02-Light-Italic", Arial;
-  font-size: 2.4rem;
-  line-height: 2.8rem;
-  margin-top: 10px;
-  letter-spacing: -0.024rem; }
-
-.eyebrow {
-  text-transform: uppercase;
-  line-height: .65 !important; }
-
-.eyebrow,
-.subheading {
-  font-size: 1.4rem !important;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  color: #666; }
-
-.eyebrow + .heading-major-section,
-.eyebrow + .heading-sub-section {
-  margin-top: 4px; }
-
-.subheading {
-  margin-top: 10px; }
-
-@media (max-width: 767px) {
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  .heading-page {
-    font-size: 2rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 30px; }
-  .heading-major-section {
-    font-size: 2rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 30px; }
-  .heading-sub-section {
-    font-size: 2rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  .heading-medium {
-    font-size: 2rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  .heading-medium-emphasis {
-    font-size: 2rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px; }
-  .heading-small {
-    font-size: 1.6rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 10px; }
-  .heading-small-emphasis {
-    font-size: 1.6rem;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 5px; }
-  * + .heading-major-section {
-    margin-top: 30px; }
-  * + .heading-sub-section {
-    margin-top: 30px; }
-  * + .heading-group {
-    margin-top: 20px; }
-  * + .heading-medium {
-    margin-top: 20px; }
-  * + .heading-medium-emphasis {
-    margin-top: 20px; }
-  * + .heading-small {
-    margin-top: 20px; }
-  * + .heading-small-emphasis {
-    margin-top: 20px; }
-  * + .heading-micro {
-    margin-top: 10px; } }
-
-/* Standard Type styles */
-.zeromargin {
-  margin: 0 !important; }
-
-a {
-  color: #0568ae;
-  text-decoration: none; }
-
-a:hover,
-a:focus {
-  text-decoration: underline; }
-
-a:active {
-  color: #0568ae; }
-
-.a-min {
-  font-size: 12px; }
-
-.a-small {
-  font-size: 14px; }
-
-.a-max {
-  font-size: 18px; }
-
-a.show-qualifier {
-  margin-right: 25px;
-  position: relative; }
-
-a.show-qualifier:after {
-  color: #333333;
-  display: inline-block;
-  white-space: pre !important; }
-
-a[href$="pdf"].show-qualifier:after,
-a.show-qualifier.pdf:after {
-  content: " (PDF)"; }
-
-a[href$="psd"].show-qualifier:after,
-a.show-qualifier.psd:after {
-  content: " (PSD)"; }
-
-.standalone-link {
-  display: flex; }
-
-/* 20px for the icon, 10px left of icon */
-.standalone-link.small {
-  font-size: 1.4rem; }
-
-.standalone-link.small i[class*="icon-primary-"] {
-  font-size: 16px;
-  top: 2px; }
-
-.standalone-link.large {
-  font-size: 1.8rem; }
-
-.standalone-link.large i[class*="icon-primary-"] {
-  font-size: 24px;
-  top: -1px; }
-
-p {
-  margin: 0 0 12px 0;
-  line-height: 2rem; }
-
-.p-small {
-  font-size: 1.4rem;
-  line-height: 1.8rem; }
-
-p + .p-small {
-  margin: 10px 0 0; }
-
-.p-micro {
-  font-size: 1.2rem;
-  line-height: 1.5rem; }
-
-p + .p-micro {
-  margin: 10px 0 0; }
-
-.p-max {
-  font-size: 1.8rem; }
-
-p + .p-max {
-  margin: 10px 0 0; }
-
-b,
-strong {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-weight: normal; }
-
-i,
-em {
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal; }
-
-.strike {
-  text-decoration: line-through; }
-
-sup {
-  display: inline-block;
-  font-style: normal;
-  height: 1em;
-  position: relative;
-  vertical-align: text-top;
-  width: auto; }
-
-.text-legal {
-  color: #5a5a5a;
-  font-size: 1.1rem;
-  line-height: 1.5rem;
-  margin: 0 0 10px; }
-
-.text-legal.legal-module {
-  line-height: 1.3rem;
-  margin: 0 0 12px; }
-
-.text-legal b,
-.text-legal strong {
-  font-weight: bold; }
-
-.text-legal a {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.text-left {
-  text-align: left !important; }
-
-.text-right {
-  text-align: right !important; }
-
-.text-center {
-  text-align: center !important; }
-
-.text-justified {
-  text-align: justify !important; }
-
-ul {
-  padding: 0;
-  margin: 0;
-  list-style: none; }
-
-ul.bullet,
-ul.no-bullet,
-ul.lower-alpha,
-ul.lower-roman,
-ol {
-  padding: 0;
-  margin: 12px 0 0 20px; }
-
-ul.bullet li,
-ul.no-bullet li,
-ul.lower-alpha li,
-ul.lower-roman li,
-ol li {
-  padding-left: 15px;
-  line-height: 20px;
-  position: relative; }
-
-ul.bullet li + li,
-ul.no-bullet li + li,
-ul.lower-alpha li + li,
-ul.lower-roman li + li,
-ol li + li {
-  margin-top: 12px; }
-
-ul.bullet > li:before,
-ul.no-bullet > li:before,
-ul.lower-alpha > li:before,
-ul.lower-roman > li:before,
-ol > li:before {
-  background-color: #333333;
-  border: 2px solid #333333;
-  border-radius: 100%;
-  content: " ";
-  display: block;
-  height: 1px;
-  left: 0;
-  position: absolute;
-  top: 8px;
-  width: 1px; }
-
-ul.bullet ul,
-ul.no-bullet ul,
-ul.lower-alpha ul,
-ul.lower-roman ul,
-ol ul,
-ul.bullet ol,
-ul.no-bullet ol,
-ul.lower-alpha ol,
-ul.lower-roman ol,
-ol ol {
-  margin-top: 12px; }
-
-ul + *,
-ol + * {
-  margin-top: 20px; }
-
-ul.no-bullet,
-ul.lower-alpha,
-ul.lower-roman {
-  margin: 0; }
-
-ul.no-bullet > li,
-ul.lower-alpha > li,
-ul.lower-roman > li {
-  padding-left: 0; }
-
-ul.no-bullet > li:before,
-ul.lower-alpha > li:before,
-ul.lower-roman > li:before {
-  display: none !important; }
-
-ol {
-  margin: 20px 0 0 32px; }
-
-ol li {
-  padding-left: 3px; }
-
-ol li:before {
-  display: none; }
-
-ol ol {
-  margin-left: 25px; }
-
-ol ul {
-  margin-left: -5px; }
-
-ul ul,
-ul ol,
-ol ol,
-ol ul {
-  margin-top: 0; }
-
-ul.lower-roman {
-  list-style-type: lower-roman;
-  margin-top: 12px;
-  margin-left: 35px;
-  margin-bottom: 0; }
-
-ul.lower-alpha {
-  list-style-type: lower-alpha;
-  margin-top: 12px;
-  margin-left: 35px;
-  margin-bottom: 0; }
-
-dl {
-  display: table;
-  margin: 0 0 20px;
-  width: 100%; }
-
-dt,
-dd {
-  display: table-cell; }
-
-.btn {
-  background-color: transparent;
-  background-clip: padding-box;
-  border: 1px solid transparent;
-  border-radius: 8px;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
-  cursor: pointer;
-  display: inline-block;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 1.9rem;
-  font-weight: normal;
-  line-height: 1;
-  margin: 0 7px 10px 0;
-  max-width: 470px;
-  min-width: 70px;
-  padding: 14px 19px 11px 18px;
-  position: relative;
-  text-align: center;
-  vertical-align: middle;
-  white-space: nowrap;
-  overflow: hidden; }
-  .btn:focus {
-    outline: 1px dotted #000;
-    outline-offset: -5px; }
-  .btn:last-child {
-    margin-right: 0; }
-  .btn::-moz-focus-inner {
-    padding: 0;
-    border: 0; }
-  .btn i[class*="icon-primary-"].icon-primary-small {
-    font-size: 24px;
-    top: -2px; }
-  .btn i[class*="icon-primary-"].icon-primary-medium {
-    font-size: 30px;
-    top: -2px; }
-  .btn i[class*="icon-primary-"].icon-primary-large {
-    font-size: 36px;
-    top: -2px; }
-
-a.btn {
-  vertical-align: middle; }
-  a.btn:hover {
-    text-decoration: none; }
-
-.field-group + .btn {
-  margin-left: 20px; }
-
-.btn-primary {
-  border-color: #ea7400 transparent #d16500;
-  background-color: #ea7400 transparent #d16500;
-  background: linear-gradient(to bottom, #ea7400 0%, #d16500 100%);
-  color: #ffffff;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-weight: bold; }
-  .btn-primary:hover {
-    text-decoration: none;
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-  .btn-primary:focus {
-    text-decoration: none;
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-  .btn-primary:active {
-    text-decoration: none;
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-
-.btn-arrow {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.6rem;
-  font-weight: normal;
-  background-color: transparent;
-  border: none;
-  padding: 5px 0 0;
-  top: -4px;
-  color: #333333;
-  position: relative; }
-  .btn-arrow:hover {
-    text-decoration: underline; }
-    .btn-arrow:hover .btn-primary {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-arrow:hover .btn-secondary {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-arrow:hover .btn-alt {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-    .btn-arrow:hover .btn-specialty {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-arrow:focus {
-    text-decoration: underline;
-    outline: 1px dotted #666; }
-    .btn-arrow:focus .btn-primary {
-      text-decoration: none;
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-    .btn-arrow:focus .btn-secondary {
-      color: #0568ae;
-      outline-color: #000000 !important;
-      background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-    .btn-arrow:focus .btn-alt {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-    .btn-arrow:focus .btn-specialty {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-arrow:active .btn-primary {
-    text-decoration: none;
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #d16500 0%, #ea7400 100%); }
-  .btn-arrow:active .btn-secondary {
-    color: #0568ae;
-    outline-color: #000000 !important;
-    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-  .btn-arrow:active .btn-alt {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%); }
-  .btn-arrow:active .btn-specialty {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-arrow .btn-alt {
-    border-color: #087ac2 transparent #0568ae;
-    background-color: #0568ae;
-    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-    color: #ffffff; }
-    .btn-arrow .btn-alt:hover {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-arrow .btn-alt:focus {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-    .btn-arrow .btn-alt:active {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-  .btn-arrow::-moz-focus-inner {
-    padding: 0;
-    border: 0; }
-  .btn-arrow .btn {
-    border: 1px solid transparent;
-    border-radius: 100%;
-    height: 36px;
-    margin-bottom: 0;
-    margin-right: 7px;
-    max-width: 36px;
-    min-width: 20px;
-    padding: 0;
-    margin-top: -4px;
-    vertical-align: middle;
-    width: 36px; }
-    .btn-arrow .btn .icon-primary-left {
-      bottom: 0;
-      display: block;
-      height: 100%;
-      left: 0;
-      line-height: 0;
-      position: absolute;
-      right: 0;
-      text-indent: 0;
-      top: 0; }
-      .btn-arrow .btn .icon-primary-left:before {
-        position: absolute;
-        font-size: 1.6rem;
-        left: 1px;
-        top: 9px; }
-    .btn-arrow .btn .icon-primary-right {
-      bottom: 0;
-      display: block;
-      height: 100%;
-      left: 0;
-      line-height: 0;
-      position: absolute;
-      right: 0;
-      text-indent: 0;
-      top: 0;
-      color: #ffffff; }
-      .btn-arrow .btn .icon-primary-right:before {
-        position: absolute;
-        font-size: 1.6rem;
-        left: 17px;
-        top: 9px; }
-  .btn-arrow .btn.btn-primary .icon-primary-left {
-    color: #fff; }
-  .btn-arrow .btn.btn-primary .icon-primary-right {
-    color: #fff; }
-  .btn-arrow .btn.btn-alt .icon-primary-left {
-    color: #fff; }
-  .btn-arrow .btn.btn-alt .icon-primary-right {
-    color: #fff; }
-  .btn-arrow .btn.btn-secondary {
-    border: 1px solid #d2d2d2; }
-    .btn-arrow .btn.btn-secondary .icon-primary-left {
-      color: #0568ae; }
-    .btn-arrow .btn.btn-secondary .icon-primary-right {
-      color: #0568ae; }
-  .btn-arrow .btn.btn-small {
-    height: 20px;
-    max-width: 20px;
-    min-width: 20px;
-    width: 20px;
-    top: -1px; }
-    .btn-arrow .btn.btn-small .icon-primary-left:before {
-      font-size: 5px;
-      top: 4px;
-      left: 0; }
-    .btn-arrow .btn.btn-small .icon-primary-right:before {
-      font-size: 5px;
-      top: 4px;
-      left: 10px; }
-  .btn-arrow .btn.btn-large .icon-primary-left:before {
-    font-size: 112%;
-    top: 12px;
-    left: 23px; }
-  .btn-arrow .btn.btn-large .icon-primary-right:before {
-    font-size: 112%;
-    top: 12px;
-    left: 23px; }
-
-.btn-secondary {
-  border: 1px solid #d2d2d2;
-  background-color: #f2f2f2;
-  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-  color: #0568ae;
-  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-  padding: 14px 18px 11px 17px; }
-  .btn-secondary:hover {
-    color: #0568ae;
-    outline-color: #000000 !important;
-    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-  .btn-secondary:focus {
-    color: #0568ae;
-    outline-color: #000000 !important;
-    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-  .btn-secondary:active {
-    color: #0568ae;
-    outline-color: #000000 !important;
-    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%); }
-
-.btn-alt {
-  border-color: #087ac2 transparent #0568ae;
-  background-color: #0568ae;
-  background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-  color: #ffffff; }
-  .btn-alt:hover {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-  .btn-alt:focus {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-  .btn-alt:active {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%); }
-
-.btn-specialty {
-  border-color: #008744 transparent #007a3e;
-  background-color: #007a3e;
-  background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-  color: #ffffff; }
-  .btn-specialty:hover {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-specialty:focus {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-  .btn-specialty:active {
-    color: #ffffff;
-    outline-color: #ffffff !important;
-    background: linear-gradient(to bottom, #007a3e 0%, #008744 100%); }
-
-.btn-clear {
-  background: transparent !important;
-  border-color: transparent !important;
-  font-weight: normal;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  box-shadow: none;
-  text-decoration: none;
-  color: #0568ae; }
-  .btn-clear:focus {
-    text-decoration: underline; }
-  .btn-clear:hover {
-    text-decoration: underline; }
-
-.isIE .btn:focus {
-  outline: none !important;
-  text-decoration: none !important; }
-  .isIE .btn:focus:after {
-    display: block;
-    content: "";
-    position: absolute;
-    top: 4px;
-    left: 4px;
-    right: 4px;
-    bottom: 4px;
-    border: 1px dotted #000; }
-
-.isIE .btn:active {
-  outline: none !important;
-  text-decoration: none !important; }
-  .isIE .btn:active:after {
-    display: block;
-    content: "";
-    position: absolute;
-    top: 4px;
-    left: 4px;
-    right: 4px;
-    bottom: 4px;
-    border: 1px dotted #000; }
-
-.isIE .btn.active {
-  outline: none !important;
-  text-decoration: none !important; }
-  .isIE .btn.active:not(:focus):after {
-    border: 1px solid #000; }
-  .isIE .btn.active:after {
-    display: block;
-    content: "";
-    position: absolute;
-    top: 4px;
-    left: 4px;
-    right: 4px;
-    bottom: 4px;
-    border: 1px dotted #000; }
-
-.isIE .btn.btn-primary:focus:after {
-  border: 2px dashed #fff; }
-
-.isIE .btn.btn-specialty:focus:after {
-  border: 2px dashed #fff; }
-
-.isIE .btn.btn-alt:focus:after {
-  border: 2px dashed #fff; }
-
-.btn.disabled {
-  background-image: none;
-  background-color: #767676;
-  box-shadow: none;
-  cursor: not-allowed;
-  color: #ffffff;
-  border-color: transparent;
-  outline: 0 !important; }
-  .btn.disabled:hover {
-    color: #f2f2f2;
-    outline: none !important; }
-  .btn.disabled:focus {
-    color: #f2f2f2;
-    outline: none !important; }
-
-.btn[disabled] {
-  background-image: none;
-  background-color: #767676;
-  box-shadow: none;
-  cursor: not-allowed;
-  color: #ffffff;
-  border-color: transparent;
-  outline: 0 !important; }
-  .btn[disabled]:hover {
-    color: #f2f2f2;
-    outline: none !important; }
-  .btn[disabled]:focus {
-    color: #f2f2f2;
-    outline: none !important; }
-
-.btn[disabled="disabled"] {
-  background-image: none;
-  background-color: #767676;
-  box-shadow: none;
-  cursor: not-allowed;
-  color: #ffffff;
-  border-color: transparent;
-  outline: 0 !important; }
-  .btn[disabled="disabled"]:hover {
-    color: #f2f2f2;
-    outline: none !important; }
-  .btn[disabled="disabled"]:focus {
-    color: #f2f2f2;
-    outline: none !important; }
-
-.btn-arrow[disabled] .btn {
-  background-image: none;
-  background-color: #767676;
-  box-shadow: none;
-  cursor: not-allowed;
-  color: #ffffff;
-  border-color: transparent;
-  outline: 0 !important; }
-  .btn-arrow[disabled] .btn:hover {
-    color: #f2f2f2;
-    outline: none !important; }
-  .btn-arrow[disabled] .btn:focus {
-    color: #f2f2f2;
-    outline: none !important; }
-
-.btn-arrow[disabled] .icon-primary-left {
-  color: #fff !important; }
-
-.btn-arrow[disabled] .icon-primary-right {
-  color: #fff !important; }
-
-.btn-arrow.disabled .btn {
-  background-image: none;
-  background-color: #767676;
-  box-shadow: none;
-  cursor: not-allowed;
-  color: #ffffff;
-  border-color: transparent;
-  outline: 0 !important; }
-  .btn-arrow.disabled .btn:hover {
-    color: #f2f2f2;
-    outline: none !important; }
-  .btn-arrow.disabled .btn:focus {
-    color: #f2f2f2;
-    outline: none !important; }
-
-.btn-arrow.disabled .icon-primary-left {
-  color: #fff !important; }
-
-.btn-arrow.disabled .icon-primary-right {
-  color: #fff !important; }
-
-.btn-medium {
-  padding: 12px 19px 11px 18px;
-  font-size: 1.7rem; }
-
-.btn-small {
-  padding: 10px 19px 9px 18px;
-  font-size: 1.5rem;
-  border-radius: 8px; }
-
-.btn-fullwidth {
-  width: 100%; }
-
-*:not(.btn-arrow) > .btn > i[class*="icon-primary-"] {
-  margin-top: -20px;
-  margin-bottom: -20px; }
-
-.enhanced-cta-group {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-direction: row-reverse;
-  flex-direction: row-reverse;
-  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3A%23959595%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important;
-  background-position: 0 -1px;
-  background-repeat: repeat-x; }
-  .enhanced-cta-group > .cta-button-group {
-    border-top: 0;
-    background-image: none !important; }
-    .enhanced-cta-group > .cta-button-group + .cta-button-group a {
-      font-size: 1.4rem;
-      line-height: 1em; }
-      .enhanced-cta-group > .cta-button-group + .cta-button-group a a {
-        margin-right: 0; }
-    .enhanced-cta-group > .cta-button-group hr {
-      min-height: 14px; }
-    .enhanced-cta-group > .cta-button-group + .cta-button-group {
-      -ms-flex-align: center;
-      -ms-grid-row-align: center;
-      align-items: center;
-      -ms-flex-direction: row;
-      flex-direction: row;
-      padding: 10px 0; }
-
-.cta-button-group {
-  text-align: right;
-  -ms-flex-align: baseline;
-  align-items: baseline;
-  padding: 20px 0 10px;
-  width: 100%; }
-  .cta-button-group.nodots {
-    background-image: none !important; }
-  .cta-button-group .hidden-phone {
-    margin-right: 14px; }
-  .cta-button-group .btn + .btn {
-    margin-right: 20px !important; }
-  .cta-button-group .btn:not(.hidden-phone):not(.visible-phone) {
-    margin-right: 0; }
-
-.isMobile .btn-arrow .btn.btn-small .icon-primary-left:before {
-  left: -1px; }
-
-.isMobile .btn-arrow .btn.btn-large .icon-primary-left:before {
-  left: 24px; }
-
-.isMobile .btn-arrow .btn.btn-large .icon-primary-right:before {
-  left: 24px; }
-
-@media (max-width: 1024px) {
-  .field-group + .btn {
-    margin-left: 15px; } }
-
-@media (max-width: 767px) {
-  .cta-button-group {
-    text-align: center; }
-    .cta-button-group > .btn {
-      display: block;
-      float: none;
-      width: 100%;
-      margin-left: auto !important;
-      margin-right: auto !important; } }
-
-.btn-group {
-  border-radius: 8px;
-  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  margin-bottom: 10px;
-  max-width: 470px;
-  min-width: 290px;
-  position: relative;
-  vertical-align: middle;
-  width: 100%; }
-  .btn-group > .btn {
-    box-shadow: none;
-    -ms-flex: 1;
-    flex: 1;
-    position: relative;
-    float: left;
-    margin-right: -1px;
-    margin-bottom: 0;
-    padding-left: 0;
-    padding-right: 0;
-    text-align: center; }
-  .btn-group:not([data-select-color]) .btn.active:not(:first-child) {
-    margin-right: -1px;
-    border-left: 1px solid #d2d2d2 !important; }
-  .btn-group:not([data-select-color]) .btn[disabled]:not(:first-child) {
-    border-left: 1px solid #d2d2d2 !important; }
-  .btn-group:not([data-select-color]) .btn[disabled] + .btn[disabled] {
-    border-left: 1px solid #ebebeb !important; }
-  .btn-group:not([data-select-color]) > .btn.active {
-    border-color: #087ac2 transparent #0568ae;
-    background-color: #0568ae;
-    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
-    color: #ffffff; }
-    .btn-group:not([data-select-color]) > .btn.active:hover {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: #0563a6;
-      border-color: #0563a6; }
-    .btn-group:not([data-select-color]) > .btn.active:focus {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: #0563a6;
-      border-color: #0563a6; }
-    .btn-group:not([data-select-color]) > .btn.active:active {
-      color: #ffffff;
-      outline-color: #ffffff !important;
-      background: #0563a6;
-      border-color: #0563a6; }
-  .btn-group:not([data-select-color]) > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
-    border-radius: 0; }
-  .btn-group:not([data-select-color]) > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0; }
-  .btn-group:not([data-select-color]) > .btn:last-child:not(:first-child) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0; }
-  .btn-group:not([data-select-color]) > .dropdown-toggle:not(:first-child) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0; }
-  .btn-group > .active {
-    text-decoration: none;
-    outline: 1px dotted transparent; }
-    .btn-group > .active:focus {
-      outline: 1px dotted #ffffff; }
-
-.btn-group.btn-fullwidth > .btn {
-  -ms-flex: 1;
-  flex: 1; }
-
-.btn-group[data-select-color] {
-  margin-top: 5px;
-  box-shadow: none;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap; }
-  .btn-group[data-select-color] .btn {
-    border: 1px solid #959595;
-    border-radius: 4px;
-    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-    margin-right: 10px;
-    margin-bottom: 10px;
-    height: 40px;
-    font-size: 16px;
-    color: #333333;
-    max-width: 60px;
-    min-width: 60px;
-    -ms-flex: 0;
-    flex: 0; }
-  .btn-group[data-select-color] > .btn.active:focus {
-    outline: 1px dotted #191919;
-    outline-offset: 4px; }
-
-button .btn-fill {
-  background-clip: padding-box;
-  border: 0;
-  border-radius: 4px;
-  bottom: 0;
-  display: block;
-  height: auto;
-  left: 0;
-  margin: 5px;
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: auto; }
-
-button .btn-fill[style*="#fff"] {
-  border: 1px solid #d2d2d2; }
-
-[data-select-color] .btn.active {
-  background: none !important;
-  outline: 0;
-  margin-right: 10px;
-  border-width: 3px;
-  color: #333333;
-  line-height: 12px; }
-  [data-select-color] .btn.active > .btn-fill {
-    margin: 3px; }
-  [data-select-color] .btn.active:hover {
-    color: #333333; }
-
-[data-select-color] .btn:active {
-  background: none !important;
-  outline: 0;
-  margin-right: 10px;
-  border-width: 3px;
-  color: #333333;
-  line-height: 12px; }
-  [data-select-color] .btn:active > .btn-fill {
-    margin: 3px; }
-  [data-select-color] .btn:active:hover {
-    color: #333333; }
-
-.btn-group[data-select-color="orange"] > .btn.active {
-  border-color: #ea7400; }
-
-.btn-group[data-select-color="blue"] > .btn.active {
-  border-color: #0568ae; }
-
-.btn-group[data-select-color="green"] > .btn.active {
-  border-color: #007a3e; }
-
-.btn-spinbutton-toggle.btn-group {
-  display: block !important;
-  height: 40px !important;
-  margin-top: 5px;
-  max-width: 138px;
-  min-width: 138px;
-  white-space: nowrap; }
-
-.btn-spinbutton-toggle .btn {
-  border-radius: 6px;
-  font-weight: normal;
-  -ms-flex: unset;
-  flex: unset;
-  height: 40px;
-  letter-spacing: normal;
-  min-width: auto;
-  padding: 3px 0 0;
-  text-align: center;
-  min-width: 46px;
-  width: 46px; }
-
-.btn-spinbutton-toggle .btn[data-max-value] {
-  border-bottom: 1px solid #d2d2d2;
-  border-top: 1px solid #d2d2d2;
-  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-  background-color: #fff;
-  cursor: text;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 2rem;
-  font-weight: normal;
-  padding: 4px 0 0;
-  text-align: center;
-  min-width: 46px !important;
-  width: 46px; }
-  .btn-spinbutton-toggle .btn[data-max-value]:focus {
-    border-color: #0568ae;
-    outline: none; }
-    .btn-spinbutton-toggle .btn[data-max-value]:focus + .btn {
-      border-left: 1px solid #0568ae;
-      transition: border 0.3s linear 0s; }
-
-.btn-spinbutton-toggle .icon-primary-subtractminimize {
-  font-size: 30px !important;
-  color: #0568ae !important; }
-
-.btn-spinbutton-toggle .icon-primary-add-maximize {
-  font-size: 30px !important;
-  color: #0568ae !important; }
-
-.btn-spinbutton-toggle .btn[disabled].icon-primary-subtractminimize {
-  background-color: #d2d2d2;
-  color: #767676 !important; }
-
-.btn-spinbutton-toggle .btn[disabled].icon-primary-add-maximize {
-  background-color: #d2d2d2;
-  color: #767676 !important; }
-
-.btn-spinbutton-toggle input.btn[disabled] {
-  background-color: #d2d2d2;
-  color: #5a5a5a;
-  cursor: not-allowed; }
-
-.btn-group.btn-spinbutton-toggle .btn[disabled] + .btn[disabled] {
-  border-left: 1px solid #f0f0f0 !important; }
-
-.btn-group.btn-spinbutton-toggle .btn[data-max-value]:focus + .btn:not(:first-child) {
-  border-left: 1px solid #0568ae !important; }
-
-@media (max-width: 480px) {
-  .btn-group:not([data-select-color]) > .btn {
-    font-size: 1.3rem;
-    min-width: auto; } }
-
-.reset-field,
-.close {
-  float: right;
-  background: none;
-  width: 34px;
-  height: 34px;
-  padding: 0;
-  overflow: hidden;
-  display: inline-block; }
-
-.reset-field {
-  display: none; }
-
-.reset-field:before {
-  font-size: 22px;
-  color: #5a5a5a; }
-
-.input-emphasized + .reset-field:before {
-  font-size: 29px;
-  color: #5a5a5a; }
-
-.reset-field:active,
-.reset-field:hover,
-.reset-field:focus {
-  display: block !important; }
-
-button.close {
-  border: 0;
-  appearance: none; }
-
-.corner-button {
-  box-shadow: 0 -50px 0 0 #f2f2f2 inset;
-  height: 69px;
-  /*overflow: hidden;*/
-  position: absolute;
-  right: -35px;
-  top: -35px;
-  transform: rotate(45deg);
-  width: 69px; }
-
-.corner-button .close:before {
-  bottom: -7px;
-  color: #0568ae;
-  display: block;
-  font-size: 20px;
-  height: 50px;
-  left: -11px;
-  position: absolute;
-  width: 50px; }
 
-.corner-button .close {
-  float: none;
-  height: 45px;
-  margin: 0;
-  position: absolute;
-  right: 12px;
-  top: 45px;
-  transform: rotate(45deg);
-  width: 45px; }
-
-.corner-button .close:focus {
-  outline: 1px dotted black; }
-
-.ds2-no-colors .corner-button .close {
-  border: 1px solid black; }
-
-.field-group input + .reset-field {
-  background: none;
-  height: 36px;
-  width: 45px;
-  display: none;
-  padding: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  box-shadow: none;
-  border: none;
-  content: " "; }
-
-.field-group input[type="search"] + .reset-field,
-.field-group input[type="search"] + .btn-search + .reset-field,
-.tooltip-onclick input + .reset-field,
-.tooltip-onclick input + .icon-primary-tooltip + .reset-field,
-.tooltip-onclick textarea + .reset-field,
-.tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
-  right: 45px; }
-
-.field-group input[type="search"] + .reset-field:after,
-.field-group input[type="search"] + .btn-search + .reset-field:after,
-.tooltip-onclick input + .reset-field:after,
-.tooltip-onclick input + .icon-primary-tooltip + .reset-field:after,
-.tooltip-onclick textarea + .reset-field:after,
-.tooltip-onclick textarea + .icon-primary-tooltip + .reset-field:after {
-  background-color: #d2d2d2;
-  content: "";
-  display: block;
-  height: 20px;
-  position: absolute;
-  right: 0;
-  top: 8px;
-  width: 1px; }
-
-.tooltip-onclick input + .reset-field,
-.tooltip-onclick input + .icon-primary-tooltip + .reset-field {
-  right: 50px !important; }
-
-/* .tooltip-onclick textarea + .reset-field,
-.tooltip-onclick textarea + .icon-primary-tooltip + .reset-field {
-  right: 45px !important;
-  width: 40px; } */
-
-.field-group input.input-emphasized + .reset-field {
-  width: 45px;
-  height: 46px;
-  right: 6px; }
-
-.field-group input.input-emphasized + .reset-field:after {
-  top: 14px; }
-
-.field-group [disabled] + .reset-field {
-  display: none; }
-
-.ds2_touchevents .field-group input + .reset-field:focus,
-.ds2_touchevents .field-group input:focus + .reset-field,
-.ds2_touchevents textarea:focus + .reset-field,
-.ds2_touchevents textarea + .reset-field:focus {
-  display: block;
-  position: absolute;
-  
-  border: none; }
-
-.ds2_touchevents .field-group input {
-  padding: 8px 55px 8px 15px;
-  -webkit-appearance: none; }
-
-.ds2_touchevents textarea:focus {
-  padding: 15px 55px 15px 15px; }
-
-.ds2_touchevents textarea:focus + .reset-field {
-  border: none;
-  position: absolute;
-  right: 6px;
-  top: 5px; }
-
-.ds2_touchevents textarea.hasScrollbar:focus {
-  padding: 15px 35px 15px 15px; }
-
-.ds2_touchevents textarea.hasScrollbar:focus + .reset-field {
-  right: 22px; }
-
-.ds2-no-colors .b2b-tmpl-card-corner-button {
-  border: none !important; }
-
-.ds2-no-colors .b2b-tmpl-card-corner-button .close {
-  border: 1px solid black;
-  top: 0px !important;
-  right: 0px !important; }
-
-.form-row.error .error-msg {
-  display: block;
-  font-size: 14px;
-  line-height: 14px;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  position: relative;
-  padding-left: 18px; }
-
-.form-row.error .error-msg:before {
-  color: #cf2a2a;
-  font-size: 14px;
-  left: 0;
-  line-height: 14px;
-  position: absolute;
-  vertical-align: middle; }
-
-.form-row.error label,
-.form-row.error .error-msg,
-.form-row.error button.awd-select,
-.form-row.error select.awd-select + span,
-.form-row.error .checkbox,
-.form-row.error .radio,
-.form-row.error legend.error,
-.form-row.error input {
-  color: #cf2a2a; }
-
-.form-row.error .btn-group > .btn,
-.form-row.error button.awd-select,
-.form-row.error .awd-select-list,
-.form-row.error select.awd-select + span,
-.form-row.error textarea,
-.form-row.error input,
-.form-row.error .checkbox .skin,
-.form-row.error .radio .skin {
-  border-color: #cf2a2a !important; }
-
-.form-row.error .checkbox input:checked:not(:disabled) + .skin {
-  background-color: #cf2a2a; }
-
-.form-row.error .radio input:checked + .skin:after {
-  background-color: #cf2a2a; }
-
-.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg {
-  margin-top: -11px;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0; }
-
-.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext {
-  margin: 0 0 10px; }
-
-.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:before,
-.error .tooltip-onclick .icon-primary-tooltip.active + .error-msg + .helpertext:after {
-  display: none; }
-
-.error .helpertext {
-  border-color: #cf2a2a;
-  /*border-radius:0;*/ }
-
-.error .helpertext:before {
-  border-top-color: #cf2a2a; }
-
-.error .tooltip-onfocus .helpertext {
-  margin: 14px 0 10px 0; }
-
-.error [class*="price"],
-.error [class*="pricing-"] {
-  color: #cf2a2a; }
-
-input:-ms-clear {
-  display: none; }
-
-input[type]::-webkit-inner-spin-button,
-input[type]::-webkit-outer-spin-button {
-  -webkit-appearance: none; }
-
-input[type] {
-  -moz-appearance: textfield; }
-
-form {
-  margin: 0; }
-
-fieldset {
-  padding: 0;
-  margin: 0;
-  border: 0; }
-
-label,
-legend {
-  display: inline-block;
-  /* font-size: 1.4rem; */
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-legend {
-  display: block; }
-
-.error-msg {
-  display: none; }
+}
 
 select,
 textarea,
 input {
-  border-radius: 6px;
-  color: #5a5a5a;
-  display: inline-block;
-  font-size: 1.6rem;
-  margin: 0px;
-  /* padding: 0 15px 0 15px; */
-  vertical-align: middle;
-  line-height: normal; }
-
-select::-webkit-input-placeholder,
-textarea::-webkit-input-placeholder,
-input::-webkit-input-placeholder {
-  color: #5a5a5a;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal;
-  opacity: 1; }
-
-select:-moz-placeholder,
-textarea:-moz-placeholder,
-input:-moz-placeholder {
-  color: #5a5a5a;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal;
-  opacity: 1; }
-
-select::-moz-placeholder,
-textarea::-moz-placeholder,
-input::-moz-placeholder {
-  color: #5a5a5a;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal;
-  opacity: 1; }
-
-select:-ms-input-placeholder,
-textarea:-ms-input-placeholder,
-input:-ms-input-placeholder {
-  color: #5a5a5a;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  transition: none;
-  opacity: 1; }
-
-select:placeholder,
-textarea:placeholder,
-input:placeholder {
-  color: #5a5a5a;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial;
-  font-style: normal;
-  opacity: 1; }
-
-select:last-child,
-textarea:last-child,
-input:last-child {
-  margin-right: 0; }
-
-input:not([type="button"]) {
-  height: 36px; }
-
-input.input-emphasized {
-  font-size: 1.8rem;
-  height: 48px;
-  padding: 13px 20px 13px; }
-
-input[type="search"]:focus {
-  padding-right: 88px; }
-
-input[type="search"] {
-  padding-right: 40px;
-  -webkit-appearance: none !important; }
-
-input[type="search"].input-emphasized {
-  padding-right: 45px; }
-
-.btn-search[class*="btn"] {
-  background-color: transparent;
-  background-position: 50% 50%;
-  background-size: 20px;
-  background-repeat: no-repeat;
-  border: none;
-  height: 100%;
-  margin-left: 0;
-  margin-top: 0;
-  min-width: 45px !important;
-  outline-offset: 0;
-  padding: 0 !important;
-  position: absolute;
-  right: 0;
-  top: 0;
-  border-radius: 0 5px 5px 0;
-  min-width: 44px;
-  width: 44px; }
-
-.input-emphasized + .btn-search[class*="btn"],
-.input-emphasized + .reset-field + .btn-search[class*="btn"] {
-  background-size: 26px;
-  height: 46px;
-  top: 1px;
-  outline-offset: -3px;
-  margin-bottom: 0;
-  border-radius: 0 5px 5px 0; }
-
-input[type="search"].input-emphasized + .reset-field {
-  right: 45px !important; }
-
-.search-suggestion-wrapper {
-  position: relative;
-  margin-bottom: 15px; }
-
-/*styles from dropdown*/
-.search-suggestion-list {
-  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-  border-radius: 0 0 6px 6px;
-  position: relative;
-  border: 1px solid #0568ae;
-  border-top: 0;
-  padding: 15px 0;
-  background-color: #f2f2f2;
-  z-index: 1000;
-  width: 100%;
-  max-height: 400px;
-  overflow-y: auto; }
-
-.search-suggestion-list:empty {
-  display: none; }
-
-.search-suggestion-item {
-  position: relative;
-  z-index: -1;
-  padding: 0 15px;
-  line-height: 4.0rem;
-  color: #5a5a5a; }
-
-.search-suggestion-item a {
-  text-decoration: none;
-  color: #5a5a5a; }
-
-.search-suggestion-item:hover,
-.search-suggestion-item:focus {
-  cursor: pointer;
-  background-color: #d2d2d2; }
-
-input[data-provide="datepicker"],
-[data-provide="datepicker"]:-moz-placeholder,
-[data-provide="datepicker"]:-ms-input-placeholder,
-[data-provide="datepicker"]:-webkit-input-placeholder {
-  color: #0568ae !important;
-  opacity: 1;
-  filter: alpha(opacity=100); }
-
-input[disabled],
-input[readonly],
-select[disabled],
-select[readonly],
-textarea[disabled],
-textarea[readonly],
-i.icon-primary-calendar.disabled,
-span.icon-primary-calendar.readonly {
-  cursor: not-allowed;
-  background-color: #f2f2f2;
-  box-shadow: none; }
-
-i.icon-primary-calendar.disabled input,
-span.icon-primary-calendar.readonly input {
-  color: #959595 !important; }
-
-
-
-textarea.small {
-  line-height: 20px; }
-
-textarea + .reset-field {
-  display: none; }
-
-textarea::-webkit-input-placeholder {
-  line-height: .99; }
-
-textarea:-moz-placeholder {
-  line-height: .99; }
-
-textarea::-moz-placeholder {
-  line-height: .99; }
-
-textarea:-ms-input-placeholder {
-  line-height: .99; }
-
-textarea:placeholder {
-  line-height: .99; }
-
-textarea,
-input {
-  background-color: #ffffff;
-  border: 1px solid #d2d2d2;
-  -webkit-appearance: none;
-  box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-  transition: border .3s linear 0s;
-  font-family: "Omnes-ECOMP-W02", Arial; }
-
-textarea:focus,
-input:focus {
-  outline: 0;
-  border-color: #0568ae; }
-
-.input-append {
-  display: table; }
-
-.input-append > div {
-  display: table-cell;
-  width: 1%; }
-
-.input-append > .field-group {
-  width: 100%; }
-
-.row .field-group input[class*="span"] {
-  float: none; }
-
-.field-group {
-  position: relative;
-  display: inline-block; }
-
-label + .field-group,
-label + .input-append,
-label + .row,
-label + .row-nowrap,
-label + .form-row {
-  margin-top: 5px; }
-
-.field-group {
-  position: relative;
-  display: block; }
-
-.field-group input:not([type="button"])[disabled] {
-  padding-right: 15px; }
-
-input:invalid,
-textarea:invalid,
-select:invalid {
-  outline: none !important; }
-
-.form-row {
-  margin-top: 20px; }
-
-.form-row.nomar {
-  margin: 0; }
-
-.row-nowrap.no-flex.form-row > label + br {
-  margin-bottom: 5px; }
-
-span.form-row {
-  display: inline-block; }
-
-legend + .form-row {
-  margin-top: 20px; }
-
-.tooltip-onclick input {
-  padding-right: 45px; }
-
-.ds2_touchevents .tooltip-onclick input:focus {
-  padding-right: 95px; }
-
-.btn-calendar-icon {
-  position: absolute;
-  background-color: transparent !important;
-  top: 8px;
-  border: 0 !important;
-  width: 30px;
-  right: 15px; }
-
-.btn-calendar-icon .icon-primary-calendar:before {
-  position: absolute;
-  color: #0568ae; }
-
-.btn-calendar-icon .icon-primary-calendar.disabled {
-  background-color: #f2f2f2; }
-
-.btn-calendar-icon .icon-primary-calendar.disabled:before {
-  color: #959595; }
-
-span.icon-primary-calendar input {
-  padding-left: 35px;
-  color: #0568ae;
-  transition: border-color 0.3s linear 0s;
-  box-shadow: 2px 3px 2px -2px rgba(0, 0, 0, 0.08) inset;
-  position: absolute;
-  top: 0;
-  left: 0; }
-
-.faux-input + input.datepicker-input:not([disabled]) {
-  cursor: pointer;
-  margin-left: 0;
-  background-color: #fff;
-  position: absolute;
-  left: 0;
-  top: 0;
-  z-index: 0; }
-
-.faux-input {
-  background-color: transparent !important;
-  border: 1px solid transparent;
-  border-radius: 4px;
-  font-size: 1.6rem;
-  height: 35px;
-  left: 0;
-  line-height: 35px;
-  margin-bottom: 10px;
-  margin-right: 6px;
-  padding: 0 0 0 35px;
-  position: relative;
-  text-align: left;
-  top: 0;
-  vertical-align: middle;
-  width: 100%;
-  z-index: 1; }
-
-.faux-input:disabled {
-  cursor: not-allowed; }
-
-.faux-input:focus + .datepicker-input,
-[data-calendar-state="opened"] + .datepicker-input {
-  border-color: #0568ae;
-  box-shadow: 2px 3px 2px -2px rgba(5, 116, 172, 0.35) inset;
-  outline: 0 none; }
-
-.form-row.error .error-msg {
-  display: block;
-  font-size: 14px;
-  line-height: 14px;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  position: relative;
-  padding-left: 18px;
-  margin-top: 10px; }
-
-.form-row.error .error-msg > .icon-primary-badgealert {
-  height: 14px;
-  width: 14px;
-  position: absolute;
-  left: 0;
-  margin-right: 0; }
-
-.form-row.error .error-msg > .icon-primary-badgealert:before {
-  color: #cf2a2a;
-  font-size: 14px;
-  left: 0;
-  line-height: 14px;
-  position: absolute;
-  vertical-align: middle; }
-
-.form-row.error label,
-.form-row.error .error-msg,
-.form-row.error button.awd-select,
-.form-row.error select.awd-select + span,
-.form-row.error .checkbox,
-.form-row.error .radio,
-.form-row.error legend.error,
-.form-row.error input,
-.form-row.error textarea {
-  color: #cf2a2a; }
-
-.form-row.error .btn-group > .btn,
-.form-row.error button.awd-select,
-.form-row.error .awd-select-list,
-.form-row.error select.awd-select + span,
-.form-row.error textarea,
-.form-row.error input,
-.form-row.error .checkbox .skin,
-.form-row.error .radio .skin {
-  border-color: #cf2a2a !important; }
-
-.form-row.error .checkbox input:checked:not(:disabled) + .skin {
-  background-color: #cf2a2a; }
-
-.form-row.error .radio input:checked + .skin:after {
-  background-color: #cf2a2a; }
-
-.error [class*="price"],
-.error [class*="pricing-"] {
-  color: #cf2a2a; }
-
-hr,
-.hr-or {
-  display: block;
-  height: 1px;
-  margin: 15px 0;
-  border: none;
-  background-repeat: repeat-x;
-  background-color: #959595;
-  position: relative; }
-
-hr.dark {
-  background-color: #959595; }
-
-hr.lite {
-  background-color: #d2d2d2; }
-
-.hr-or:before {
-  background-color: #fff;
-  color: #666;
-  content: " OR ";
-  display: block;
-  font-size: 1.4rem;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  height: 16px;
-  left: 50%;
-  line-height: 1.6rem;
-  margin-left: -15px;
-  margin-top: -8px;
-  position: absolute;
-  text-align: center;
-  top: 50%;
-  width: 30px;
-  z-index: 1111; }
-
-hr.is-vertical.dark,
-hr.hr-or.dark,
-hr.is-vertical.lite,
-hr.hr-or.lite {
-  display: inline-block;
-  height: auto;
-  margin: 0 15px;
-  min-height: 20px;
-  width: 1px; }
-
-hr.is-vertical.dark,
-hr.hr-or.dark {
-  background-color: #959595; }
-
-hr.is-vertical.lite,
-hr.hr-or.lite {
-  background-color: #d2d2d2; }
-
-.hr-dotted.is-vertical.dark,
-.hr-dotted.is-vertical.lite {
-  background-color: transparent;
-  background-repeat: repeat-y;
-  background-size: 1px 4px;
-  height: auto;
-  min-height: 20px;
-  width: 1px; }
-
-.row-nowrap > .span + hr.is-vertical,
-.row > .span + hr.is-vertical {
-  margin: 0 0 0 -20px; }
-
-
-
-hr.bottom-space-only {
-  margin-top: 0; }
-
-.hr-nomargin {
-  margin: 0; }
-
-.radio {
-  position: relative;
-  min-height: 24px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.6rem;
-  margin-bottom: 5px; }
-  .radio input {
-    -webkit-tap-highlight-color: transparent;
-    height: 10px;
-    margin: 6px;
-    opacity: 0;
-    outline: none;
-    position: absolute;
-    left: 1px;
-    top: 1px;
-    width: 10px; }
-    .radio input:focus + .skin {
-      border-color: #0568ae; }
-      .radio input:focus + .skin:before {
-        content: "";
-        height: 34px;
-        left: -6px;
-        top: -6px;
-        outline: 1px dotted #000000;
-        position: absolute;
-        width: 34px; }
-    .radio input + .skin {
-      border-radius: 100%; }
-    .radio input:checked + .skin:after {
-      background-color: #0568ae;
-      border-radius: 100%;
-      border: 3px solid #FFFFFF;
-      content: "";
-      display: block;
-      height: 16px;
-      position: absolute;
-      width: 16px; }
-    .radio input:disabled + .skin {
-      cursor: not-allowed;
-      background-color: #d2d2d2;
-      border-color: #d2d2d2;
-      color: #666666; }
-      .radio input:disabled + .skin + span {
-        cursor: not-allowed;
-        color: #666666; }
-    .radio input:disabled:checked + .skin:after {
-      background-color: #666666; }
-    .radio input:invalid + .skin {
-      border: solid 1px #cf2a2a; }
-  .radio .skin {
-    background-color: #FFFFFF;
-    border: 1px solid #d2d2d2;
-    border-radius: 3px;
-    display: inline-block;
-    height: 24px;
-    left: 0;
-    position: absolute;
-    top: 0;
-    width: 24px; }
-  .radio span {
-    display: inline-block;
-    margin-left: 34px;
-    margin-top: 0;
-    position: relative;
-    top: 3px; }
-  .radio label {
-    font-size: 1.6rem;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-
-.radio.inline {
-  display: inline-block;
-  margin-bottom: 10px;
-  vertical-align: middle;
-  margin-right: 10px; }
-  .radio.inline:last-child {
-    margin-right: 0; }
-
-.radio-box {
-  border: 1px solid #d2d2d2;
-  border-radius: 8px; }
-  .radio-box > [role="radio"] label {
-    padding: 15px 15px 20px 15px;
-    display: block;
-    width: 100%; }
-    .radio-box > [role="radio"] label .skin + span {
-      top: 2px; }
-  .radio-box > [role="radio"] + div {
-    padding: 0 15px 15px 47px; }
-  .radio-box > [aria-checked="false"] label > input {
-    top: 15px;
-    left: 15px; }
-  .radio-box > [aria-checked="false"] label .skin {
-    top: 15px;
-    left: 15px; }
-  .radio-box > [aria-checked="true"] label > input {
-    top: 13px;
-    left: 13px; }
-  .radio-box > [aria-checked="true"] label .skin {
-    top: 13px;
-    left: 13px; }
-
-.radio-box.active {
-  border: 3px solid #0568ae; }
-  .radio-box.active > [role="radio"] label {
-    padding: 13px 14px 19px 13px; }
-
-.checkbox {
-  position: relative;
-  min-height: 24px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1rem;
-   }
-  .checkbox input {
-    -webkit-tap-highlight-color: transparent;
-    height: 20px;
-    margin-left: 20px;
-    opacity: 0;
-    outline: none;
-    position: absolute;
-    left: 1px;
-    top: 1px;
-    width: 10px; }
-    .checkbox input:focus + .skin {
-      border-color: #0568ae; }
-      .checkbox input:focus + .skin:before {
-        content: "";
-        height: 34px;
-        left: -6px;
-        top: -6px;
-        outline: 1px dotted #000000;
-        position: absolute;
-        width: 34px; }
-    .checkbox input:checked:not(:disabled) + .skin {
-      background-color: #0568ae;
-      border-color: #0568ae; }
-    .checkbox input:checked:disabled + .skin:after {
-      color: #5A5A5A; }
-    .checkbox input:checked + .skin:after {
-      height: 20px;
-      width: 10px;
-      background-color: transparent;
-      font-size: 23.4px;
-      color: #FFFFFF;
-      line-height: 21px; }
-    .checkbox input:disabled + .skin {
-      cursor: not-allowed;
-      background-color: #d2d2d2;
-      border-color: #d2d2d2;
-      color: #666666; }
-      .checkbox input:disabled + .skin + span {
-        cursor: not-allowed;
-        color: #666666; }
-    .checkbox input:invalid + .skin {
-      border: solid 1px #cf2a2a; }
-    .checkbox input:indeterminate + .skin:after {
-      background-color: transparent;
-      font-size: 25px;
-      color: #0574ac;
-      content: "\e920"; }
-  .checkbox .skin {
-    background-color: #fff;
-    border: 1px solid #d2d2d2;
-    border-radius: 3px;
-    display: inline-block;
-    height: 24px;
-    width: 24px;
-    position: absolute;
-    left: 0;
-    top: 0; }
-  .checkbox span {
+    border-radius: 6px;
+    color: #5a5a5a;
     display: inline-block;
-    margin-left: 34px;
-    margin-top: 0;
-    position: relative;
-    top: 3px; }
-  .checkbox label {
     font-size: 1.6rem;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-  .checkbox input {
-    z-index: 9999; }
-  .checkbox input.indeterminate + .skin:after {
-    font-size: 22px;
-    color: #0568ae; }
-
-/* .checkbox.inline {
-  display: inline-block;
-  margin-bottom: 10px;
-  vertical-align: middle;
-  margin-right: 10px; }
-  .checkbox.inline:last-child {
-    margin-right: 0; }
-
-.checkbox.checkbox-selectall {
-  margin: 20px 0 0 24px; }
-
-.terms-after-checkbox {
-  margin-top: 15px; } */
-
-.indeterminate-margin {
-  padding-left: 24px; }
-
-.tiny-accordion {
-  border-bottom: 1px solid #d2d2d2; }
-
-.toggle-header,
-.inactive-toggle-header {
-  border-color: #fff;
-  color: #0568ae;
-  cursor: pointer;
-  display: block;
-  font-size: 2.0rem;
-  line-height: 2.2rem;
-  min-height: 41px;
-  position: relative;
-  padding: 16px 55px 16px 15px; }
-
-.toggle-header.opened {
-  color: #333333; }
-
-.tiny-accordion .toggle-header,
-.tiny-accordion .inactive-toggle-header {
-  padding: 16px 55px 16px 15px;
-  border-top: 1px solid #d2d2d2; }
-
-.tiny-accordion .toggle-header:focus {
-  text-decoration: underline; }
-
-.tiny-accordion.iconleft .toggle-header,
-.tiny-accordion.iconleft .inactive-toggle-header {
-  padding: 15px 15px 15px 50px; }
-
-.accordion-content {
-  font-size: 1.4rem; }
-
-.accordion-content .toggle-header:first-child {
-  margin-top: 16px; }
-
-.tiny-accordion .toggle-header + .accordion-content {
-  padding: 0 50px 15px 15px; }
-
-.tiny-accordion.iconleft .toggle-header + .accordion-content {
-  padding: 0 15px 15px 50px; }
-
-.toggle-header .icon-primary-accordion-plus,
-.toggle-header .icon-primary-accordion-minus {
-  display: inline-block;
-  font-size: 20px;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  right: 15px;
-  vertical-align: middle;
-  top: 16px;
-  font-weight: bold; }
-
-.tiny-accordion.iconleft .toggle-header .icon-primary-accordion-plus,
-.tiny-accordion.iconleft .toggle-header .icon-primary-accordion-minus {
-  left: 15px; }
-
-.inactive-toggle-header:hover {
-  cursor: inherit; }
-
-.tiny-accordion-to-tabs,
-.tiny-tabs {
-  position: relative;
-  width: 100%;
-  margin: 0px;
-  padding: 0px; }
-
-.tiny-tabs [class*="icon-primary-accordion-"] {
-  display: none !important; }
-
-.tiny-accordion-to-tabs:before,
-.tiny-accordion-to-tabs:after,
-.tiny-tabs:before,
-.tiny-tabs:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.tiny-accordion-to-tabs:after,
-.tiny-tabs:after {
-  clear: both; }
-
-.tiny-accordion-to-tabs:before,
-.tiny-accordion-to-tabs:after,
-.tiny-tabs:before,
-.tiny-tabs:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.tiny-accordion-to-tabs:after,
-.tiny-tabs:after {
-  clear: both; }
-
-.tiny-tabs > .toggle-header {
-  display: inline-block;
-  float: left;
-  border-top: none;
-  overflow: hidden;
-  height: 70px;
-  text-align: center;
-  background-color: #fff;
-  border-radius: 0px;
-  padding: 26px 20px 25px 20px !important;
-  border-top: 1px solid #fff;
-  -webkit-filter: none;
-  filter: none;
-  background-clip: padding-box;
-  border-bottom: 1px solid #d2d2d2;
-  font-weight: normal;
-  border-right: 1px solid #d2d2d2;
-  white-space: nowrap; }
-
-.tiny-tabs .toggle-header + div {
-  left: 0px;
-  position: absolute;
-  top: 69px;
-  border-top: 1px solid #d2d2d2;
-  padding: 0;
-  display: block;
-  border-bottom: none;
-  width: 100%; }
-
-.accordion-pad {
-  padding-top: 30px;
-  padding-bottom: 30px; }
-
-.tiny-tabs .opened {
-  color: #333333;
-  border-top: 5px solid #0568ae !important;
-  padding-top: 22px !important;
-  border-bottom: none;
-  background-color: #fff;
-  -webkit-filter: none;
-  filter: none;
-  cursor: default;
-  z-index: 999; }
-
-.tiny-tabs .toggle-header:focus {
-  text-decoration: underline;
-  outline: thin dotted #666;
-  outline-offset: 0; }
-
-.tiny-tabs .toggle-header:first-child {
-  border-left: none;
-  margin-left: 0; }
-
-.tiny-tabs .toggle-header:first-child {
-  border-left: 1px solid #fff; }
-
-.tiny-tabs .opened:first-child {
-  border-left: 1px solid #d2d2d2; }
-
-.tiny-tabs .toggle-header:nth-last-of-type(2) {
-  border-right-color: #fff; }
-
-.tiny-tabs .opened:nth-last-of-type(2) {
-  border-right: 1px solid #d2d2d2; }
-
-@media (max-width: 767px) {
-  .tiny-accordion,
-  .tiny-accordion-to-tabs {
-    margin-left: -15px;
-    margin-right: -15px;
-    width: auto; }
-  .tiny-accordion-to-tabs {
-    display: block;
-    border-bottom: 1px solid #d2d2d2; }
-  .tiny-accordion-to-tabs .toggle-header {
-    display: block;
-    min-height: 41px;
-    padding: 16px 50px 16px 15px;
-    border-top: 1px solid #d2d2d2; }
-  .tiny-accordion-to-tabs .toggle-header:focus {
-    text-decoration: underline; }
-  .tiny-accordion-to-tabs .toggle-header + .accordion-content {
-    padding: 0 50px 15px 15px; } }
-
-@media (min-width: 768px) {
-  .tiny-accordion-to-tabs [class*="icon-primary-accordion-"] {
-    display: none !important; }
-  .tiny-accordion-to-tabs > .toggle-header {
-    display: inline-block;
-    float: left;
-    border-top: none;
-    /*overflow: hidden;*/
-    height: 70px;
-    text-align: center;
-    background-color: #fff;
-    border-radius: 0px;
-    padding: 26px 20px 25px 20px !important;
-    border-top: 1px solid #fff;
-    -webkit-filter: none;
-    filter: none;
-    background-clip: padding-box;
-    border-bottom: 1px solid #d2d2d2;
-    font-weight: normal;
-    border-right: 1px solid #d2d2d2;
-    white-space: nowrap; }
-  .tiny-accordion-to-tabs .toggle-header + div {
-    left: 0px;
-    position: absolute;
-    top: 69px;
-    border-top: 1px solid #d2d2d2;
-    padding-top: 30px;
-    padding-left: 20px;
-    display: block;
-    border-bottom: none;
-    width: 100%; }
-  .tiny-accordion-to-tabs .opened {
-    color: #333333;
-    border-top: 5px solid #0568ae !important;
-    padding-top: 22px !important;
-    border-bottom: none;
-    background-color: #fff;
-    -webkit-filter: none;
-    filter: none;
-    cursor: default;
-    text-decoration: none;
-    z-index: 999; }
-  .tiny-accordion-to-tabs .toggle-header:focus {
-    text-decoration: underline;
-    outline: thin dotted #666;
-    outline-offset: 0px; }
-  .tiny-accordion-to-tabs .toggle-header:nth-last-of-type(2) {
-    border-right: none; }
-  .tiny-accordion-to-tabs .toggle-header:first-child {
-    border-left: none;
-    margin-left: 0; }
-  .tiny-accordion-to-tabs .toggle-header:first-child {
-    border-left: 1px solid #fff; }
-  .tiny-accordion-to-tabs .opened:first-child {
-    border-left: 1px solid #d2d2d2; }
-  .tiny-accordion-to-tabs .opened:nth-last-of-type(2) {
-    border-right: 1px solid #d2d2d2; } }
-
-.toggle-header .tooltip .icon-primary-tooltip {
-  margin-top: -5px; }
-
-.accordion-content {
-  transition: all 0.8s linear; }
-
-.opaque-content {
-  opacity: 0; }
-
-.tiny-tabs .toggle-header {
-  display: inline-block;
-  float: left;
-  border-top: none;
-  overflow: hidden;
-  height: 70px;
-  text-align: center;
-  background-color: #fff;
-  border-radius: 0px;
-  padding: 22px 20px 25px 20px !important;
-  border-top: 5px solid #fff;
-  -webkit-filter: none;
-  filter: none;
-  background-clip: padding-box;
-  border-bottom: 1px solid #ccc;
-  font-weight: normal;
-  border-right: 1px solid #ccc;
-  white-space: nowrap; }
-
-.tiny-tabs .toggle-header:first-child {
-  margin-left: 0; }
-
-.tiny-tabs div:first-child .toggle-header {
-  margin-left: 30px; }
-
-.tiny-tabs > div .toggle-header.opened {
-  border-bottom: 0 !important; }
-
-.tiny-accordion-to-tabs > div > div.toggle-header {
-  background-clip: padding-box;
-  background-color: #fff;
-  border-bottom: 1px solid #ccc;
-  border-radius: 0;
-  border-top: 5px solid #fff;
-  display: inline-block;
-  filter: none;
-  float: left;
-  font-weight: normal;
-  overflow: hidden;
-  padding: 22px 20px 21px !important;
-  text-align: center;
-  white-space: nowrap; }
-
-.tiny-accordion-to-tabs .toggle-header:first-child {
-  margin-left: 0; }
-
-.tiny-accordion-to-tabs div:first-child .toggle-header {
-  margin-left: 30px;
-  border-bottom: 0 !important; }
-
-.tiny-accordion-to-tabs > div .toggle-header.opened {
-  border-bottom: 0 !important; }
-
-@media (max-width: 767px) {
-  .tiny-accordion-to-tabs {
-    display: block !important;
-    border-bottom: 1px solid #ccc !important; }
-  .tiny-accordion-to-tabs > div > div.toggle-header {
-    display: block !important;
-    float: none;
-    text-align: left;
-    min-height: 41px !important;
-    padding: 15px 50px 15px 15px !important;
-    border-top: 1px solid #ccc; }
-  .tiny-accordion-to-tabs > div > div.toggle-header:first-child {
-    margin-left: 0 !important; }
-  .tiny-accordion-to-tabs > div > div.toggle-header + .accordion-content {
-    padding: 0 50px 15px 15px; }
-  .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus {
-    background-position: 0 0;
-    background-size: 20px 40px; }
-  .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-    background-position: 0 -20px;
-    background-size: 20px 40px; }
-  .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus,
-  .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus {
-    display: inline-block;
-    height: 20px;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    right: 15px;
+    margin: 0px;
+    /* padding: 0 15px 0 15px; */
     vertical-align: middle;
-    width: 20px; } }
-
-.alert {
-  background-color: #5a5a5a;
-  border-radius: 8px;
-  color: #fff;
-  margin-top: 15px;
-  padding: 0;
-  position: relative;
-  border: 0; }
-
-.alert h3,
-.alert h4 {
-  color: #fff;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 1.6rem;
-  margin: 0 20px 5px 0; }
-
-.alert div {
-  padding: 15px 20px; }
-
-.alert div:first-child {
-  border-radius: 8px 0 0 8px;
-  width: 1%; }
-
-.alert div:first-child + div {
-  border: 1px solid transparent;
-  border-left: none;
-  border-radius: 0 8px 8px 0; }
-
-.alert-error {
-  background-color: #cf2a2a;
-  border: 1px solid #cf2a2a; }
-
-.alert-info {
-  background-color: #44c8f5;
-  border: 1px solid #44c8f5; }
-
-.alert-success {
-  background-color: #c5d63d;
-  border: 1px solid #c5d63d; }
-
-.alert [class*="icon-primary-"] {
-  color: #fff;
-  font-size: 30px;
-  margin-right: 0; }
-
-.alert .close {
-  height: 30px;
-  position: absolute;
-  right: 1px;
-  top: 1px;
-  width: 30px; }
-
-.alert .close:before {
-  color: #fff;
-  margin-right: 0;
-  position: absolute;
-  right: 9px;
-  top: 9px; }
-
-.alert a {
-  color: #fff;
-  text-decoration: underline; }
-
-.alert .close:focus {
-  outline: 1px dotted #666; }
-
-.alert p {
-  font-size: 1.4rem; }
-
-.alert p:last-child {
-  margin-bottom: 0; }
-
-.alert .standalone-link i[class*="icon-primary-"] {
-  font-size: 20px;
-  margin-right: 5px; }
-
-@media (max-width: 767px) {
-  .alert {
-    border-radius: 0;
-    margin: 0 -15px; }
-  .alert + .alert {
-    margin-top: 4px; }
-  .alert div {
-    padding: 15px 10px; }
-  .alert div:first-child {
-    border-radius: 0;
-    padding: 15px; }
-  .alert h3,
-  .alert h4 {
-    font-size: 1.4rem; }
-  .alert p {
-    font-size: 1.2rem; }
-  .alert .close {
-    right: 5px;
-    top: 5px; }
-  .alert .standalone-link i[class*="icon-primary-"] {
-    font-size: 16px; } }
-
-.alert h3 {
-  margin: 0;
-  font-size: 16px; }
-
-.alert p {
-  font-size: 14px; }
-
-.alert p a {
-  color: #FFFFFF;
-  text-decoration: underline; }
-
-.alert div:first-child + div {
-  padding-right: 25px; }
-
-.alert div:last-child {
-  padding-right: 20px !important; }
-
-.alert p [class*="icon-primary-"] {
-  color: #fff;
-  font-size: 20px;
-  margin-right: 0; }
-
-@media (max-width: 767px) {
-  .alert h3 {
-    font-size: 14px; }
-  .alert div:first-child + div {
-    padding-right: 20px; }
-  .alert div:last-child {
-    padding-right: 15px !important; }
-  .alert div:first-child {
-    padding: 15px; }
-  .alert p {
-    font-size: 12px; }
-  .alert p [class*="icon-primary-"] {
-    font-size: 16px; } }
-
-.b2b-audio {
-  width: auto;
-  margin: 10px auto;
-  height: 35px; }
-  .b2b-audio .controls-wrapper {
-    display: inline-block;
-    font-size: 25px;
-    cursor: pointer; }
-    .b2b-audio .controls-wrapper i {
-      font-size: 25px;
-      margin-right: 0px;
-      color: #444; }
-      .b2b-audio .controls-wrapper i:hover {
-        color: #0574AC; }
-  .b2b-audio .seek-bar-container-wrapper {
-    display: inline-block;
-    outline: 0;
-    min-width: 180px;
-    margin-right: 10px;
-    margin-left: 10px;
-    height: 14px;
-    padding-top: 5px; }
-    .b2b-audio .seek-bar-container-wrapper .timing-container {
-      padding-top: 13px;
-      color: #333;
-      font-size: 12px; }
-      .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-left {
-        float: left;
-        line-height: 100%; }
-      .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-right {
-        float: right;
-        line-height: 100%; }
-      .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-spacer {
-        clear: both; }
-  .b2b-audio .seek-bar-tooltip {
-    text-align: center;
-    min-width: 76px; }
-
-.b2b-audio-popover {
-  width: 22px; }
-  .b2b-audio-popover .volume-popover {
-    height: 100px !important;
-    width: 6px !important;
-    margin: 7px auto; }
-  .b2b-audio-popover .min-label {
-    margin-top: 5px; }
-
-.b2b-audio-native {
-  width: auto;
-  height: auto; }
-
-.b2b-audio-recorder {
-  border: 1px solid #ccc;
-  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15);
-  height: 63px;
-  min-height: 63px;
-  min-width: 347px; }
-  .b2b-audio-recorder .b2b-elapsed-time {
-    margin: 23px 0 24px 15px;
-    font-size: 16px;
-    font-style: italic;
-    color: #767676; }
-  .b2b-audio-recorder .b2b-controls {
-    width: 68px;
-    cursor: pointer; }
-    .b2b-audio-recorder .b2b-controls i.icoControls-record {
-      font-size: 64px;
-      color: black;
-      float: right;
-      margin-right: 10px; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-record:focus, .b2b-audio-recorder .b2b-controls i.icoControls-record:hover {
-        color: #0568ae; }
-    .b2b-audio-recorder .b2b-controls i.icoControls-stop {
-      font-size: 36px;
-      color: black;
-      float: right;
-      margin-right: 20px;
-      margin-top: 12px; }
-      .b2b-audio-recorder .b2b-controls i.icoControls-stop:focus, .b2b-audio-recorder .b2b-controls i.icoControls-stop:hover {
-        color: #0568ae; }
-
-.b2b-top-btn {
-  height: 36px;
-  width: 36px;
-  border-radius: 7px; }
-
-.b2b-top-btn > i {
-  position: absolute;
-  top: 13px;
-  left: 9px;
-  width: 11px;
-  height: 18px; }
-
-.b2b-badge {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  background-color: #5A5A5A;
-  border-radius: 12px;
-  color: #FFFFFF;
-  display: inline-block;
-  font-size: 1.5rem;
-  font-weight: normal;
-  height: 20px;
-  line-height: 0;
-  margin-top: 0;
-  min-width: 20px;
-  padding: 0 5px;
-  text-align: center;
-  vertical-align: baseline; }
-  .b2b-badge:empty {
-    display: none; }
-
-* + .b2b-heading-micro {
-  margin-top: 20px !important; }
-
-.b2b-heading-micro {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-weight: normal;
-  text-rendering: optimizeLegibility;
-  font-size: 1.2rem !important;
-  text-transform: uppercase !important;
-  margin-bottom: 20px !important;
-  line-height: 1.2 !important; }
-
-.b2b-no-colors .b2b-badge {
-  border: 1px solid transparent; }
-
-.btn > .b2b-badge {
-  margin-right: 5px; }
-
-a > .b2b-badge {
-  margin-right: 6px;
-  padding-top: 10px; }
-
-.b2b-badge-urgent {
-  background-color: #cf2a2a; }
-
-.bellyband-container {
-  margin: 0 -15px; }
-
-.bellyband-group {
-  width: auto; }
-
-.bellyband-link {
-  border-top: 1px solid #d2d2d2; }
-
-.bellyband-link a {
-  display: block;
-  height: 40px;
-  line-height: 40px;
-  padding: 0 15px;
-  position: relative;
-  text-decoration: none; }
-
-.bellyband-link a:hover > div span,
-.bellyband-link a:focus > div span {
-  text-decoration: underline; }
-
-.bellyband-link a:after {
-  color: #666;
-  font-size: 2.3rem;
-  height: 20px;
-  position: absolute;
-  right: 5px;
-  top: 12px;
-  width: 18px; }
-
-.dark-bg .bellyband-link a:after {
-  color: white; }
-
-.bellyband-link img[src$="svg"].hidden-desktop,
-.bellyband-link [class*="icon-primary-"].hidden-desktop {
-  display: inline-block !important;
-  float: left;
-  font-size: 24px;
-  height: 24px;
-  margin-right: 5px;
-  margin-top: 8px;
-  width: 24px; }
-
-.dark-bg .bellyband-link [class*="icon-primary-"].hidden-desktop,
-.dark-bg .bellyband-link [class*="icon-primary-"].visible-desktop {
-  color: #fff; }
-
-.bellyband-link img[src$="svg"].visible-desktop {
-  display: none !important; }
-
-.bellyband-link p {
-  margin-top: -10px;
-  margin-left: 29px;
-  font-size: 1.4rem;
-  color: #666; }
-
-@media (min-width: 481px) and (max-width: 767px) {
-  .bellyband-container {
-    display: flex;
-    margin: 0; }
-  .bellyband-group {
-    align-content: flex-start;
-    align-items: stretch;
-    display: inline-flex;
-    flex-direction: column;
-    flex-wrap: wrap;
-    margin-top: 1px;
-    width: 100%; }
-  .bellyband-group .row {
-    display: flex !important; }
-  .bellyband-link {
-    padding-top: 0;
-    position: relative;
-    border-top: none;
-    margin-bottom: 20px;
-    width: 50%; }
-  .bellyband-link a {
-    height: inherit;
-    line-height: inherit;
-    display: flex;
-    padding: 0; }
-  .bellyband-link a:after {
-    display: none; }
-  .bellyband-link a span {
-    display: block;
-    padding-top: 10px; }
-  .bellyband-link p {
-    display: block;
-    padding: 0 15px 0 0;
-    margin-bottom: 0;
-    margin-left: 0;
-    margin-top: 0; }
-  .bellyband-link a:focus p {
-    text-decoration: none; } }
-
-@media (min-width: 768px) {
-  .bellyband-group {
-    margin: 0;
-    max-width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center; }
-  .bellyband-group .row {
-    display: block; }
-  .bellyband-group .row .span {
-    float: none;
-    margin-right: 0;
-    margin-bottom: 30px;
-    display: flex;
-    justify-content: space-between; }
-  .bellyband-link {
-    border-top: none;
-    flex: 0 0 auto;
-    margin-right: 0;
-    margin-bottom: 30px; }
-  .bellyband-link:last-child {
-    margin-right: 0; }
-  .bellyband-link a {
-    height: auto;
-    line-height: 1;
-    text-align: center; }
-  .bellyband-link a:after {
-    display: none; }
-  .bellyband-link img[src$="svg"].hidden-desktop,
-  .bellyband-link [class*="icon-primary-"].hidden-desktop {
-    display: none !important; }
-  .bellyband-link img[src$="svg"].visible-desktop,
-  .bellyband-link [class*="icon-primary-"].visible-desktop {
-    display: block !important;
-    font-size: 50px;
-    height: 50px;
-    margin-right: 0;
-    margin-top: 0;
-    margin-left: auto;
-    margin-right: auto;
-    width: auto; }
-  .bellyband-link a span {
-    display: block;
-    margin-top: 12px;
-    line-height: 2rem; }
-  .bellyband-link p {
-    display: block;
-    text-align: center;
-    margin-top: 6px;
-    margin-left: 0;
-    padding-left: 0 !important;
-    color: #666;
-    line-height: 1.8rem; } }
-
-@media (max-width: 480px) {
-  .bellyband-link-tall a {
-    height: auto;
-    padding: 0 40px 10px 15px; }
-  .bellyband-link-tall p {
-    line-height: 1.8rem;
-    margin-bottom: 0; }
-  .bellyband-link-tall > a:after {
-    margin-top: -8px;
-    top: 50%; } }
-
-.b2b-boardstrip {
-  display: inline-block;
-  width: 100%;
-  border-bottom: 1px solid #9d9d9d;
-  position: relative;
-  padding-top: 15px; }
-  .b2b-boardstrip .boardstrip-reel {
-    margin-bottom: 15px; }
-  .b2b-boardstrip .boardstrip-item--add {
-    border: 1px dashed #ccc;
-    background: #FFFFFF;
-    color: #0574ac;
-    width: 140px;
-    height: 80px;
-    font-size: 14px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    -webkit-border-radius: 3px;
-    -moz-border-radius: 3px;
-    border-radius: 3px;
-    position: absolute;
-    left: 29px;
-    top: 15px; }
-    .b2b-boardstrip .boardstrip-item--add:hover, .b2b-boardstrip .boardstrip-item--add:focus {
-      border: 2px solid #007A3E;
-      cursor: pointer; }
-    .b2b-boardstrip .boardstrip-item--add i {
-      font-size: 14px;
-      margin-left: auto;
-      margin-right: auto;
-      text-align: initial; }
-    .b2b-boardstrip .boardstrip-item--add .centered {
-      margin-left: auto;
-      margin-right: auto;
-      margin-top: 27px;
-      margin-bottom: 35px;
-      display: block; }
-  .b2b-boardstrip .board-viewport {
-    float: left;
-    margin-left: 210px;
-    max-height: 95px;
-    position: relative;
-    height: 95px;
-    overflow: hidden;
-    width: 0px; }
-    .b2b-boardstrip .board-viewport .boardstrip-container {
-      width: 0px;
-      margin-left: 0;
-      left: 0px;
-      position: absolute;
-      list-style: none;
-      -webkit-transition: left 1000ms;
-      transition: left 1000ms; }
-    .b2b-boardstrip .board-viewport .board-item {
-      width: 140px;
-      height: 80px;
-      border: 1px solid #ccc;
-      margin: 0 15px 15px 0;
-      background-color: #FFFFFF;
-      border-radius: 3px;
-      float: left;
-      overflow: hidden; }
-      .b2b-boardstrip .board-viewport .board-item:hover, .b2b-boardstrip .board-viewport .board-item:focus {
-        border: 2px solid #007A3E;
-        background-color: white;
-        cursor: pointer; }
-      .b2b-boardstrip .board-viewport .board-item .board-img {
-        width: 61px;
-        height: 40px;
-        margin: 0 auto; }
-        .b2b-boardstrip .board-viewport .board-item .board-img img {
-          max-width: 100%; }
-      .b2b-boardstrip .board-viewport .board-item .title {
-        text-align: center;
-        line-height: 16px;
-        color: #666;
-        font-size: 14px;
-        font-family: "Omnes-ECOMP-W02", Arial;
-        padding: 10px 0; }
-      .b2b-boardstrip .board-viewport .board-item.selected {
-        background-color: #FFFFFF;
-        border: 2px solid #0574ac; }
-      .b2b-boardstrip .board-viewport .board-item .board-caret {
-        cursor: default;
-        outline: 0;
-        position: absolute;
-        bottom: 7px; }
-        .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-indicator {
-          border-left: 8px solid transparent;
-          border-right: 8px solid transparent;
-          border-bottom: 8px solid #999;
-          width: 0px;
-          height: 0px;
-          position: absolute;
-          left: 61px;
-          bottom: -7px; }
-        .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-arrow-up {
-          width: 0px;
-          height: 0px;
-          border-style: solid;
-          border-width: 0 8px 8px 8px;
-          border-color: transparent transparent #FFFFFF transparent;
-          left: 61px;
-          position: absolute; }
-  .b2b-boardstrip .arrow {
-    font-size: 14px;
-    cursor: pointer;
-    color: #0574ac; }
-    .b2b-boardstrip .arrow:hover {
-      color: #0574ac; }
-    .b2b-boardstrip .arrow.disabled {
-      color: #767676 !important;
-      cursor: not-allowed; }
-  .b2b-boardstrip .prev-items {
-    display: inline-block;
-    margin-top: auto;
-    margin-bottom: auto;
-    margin-right: 15px;
-    position: absolute;
-    left: 0;
-    top: 45px;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -o-user-select: none;
-    user-select: none; }
-  .b2b-boardstrip .next-items {
-    display: inline-block;
-    margin-top: 30px;
-    margin-bottom: auto;
-    margin-left: 10px;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -o-user-select: none;
-    user-select: none; }
-  .b2b-boardstrip .centered {
-    display: table-cell;
-    text-align: center;
-    vertical-align: middle; }
-
-.breadcrumb {
-  padding: 10px 15px;
-  height: 40px;
-  list-style: none;
-  border-bottom: 1px solid #d2d2d2;
-  font-size: 1.2rem;
-  width: 100%;
-  z-index: 1000; }
-
-.breadcrumb > li {
-  position: relative;
-  display: inline-block;
-  margin-right: 15px; }
-
-.breadcrumb > li:after {
-  font-size: 8px;
-  margin-right: 0;
-  right: -8px;
-  color: #333333; }
-
-.breadcrumb > li:last-child {
-  color: #333333; }
-
-.breadcrumb > li:last-child:after {
-  content: ""; }
-
-.breadcrumb li > * {
-  float: none !important;
-  margin: 0; }
-
-.breadcrumb {
-  padding: 10px 15px !important; }
+    line-height: normal;
+}
 
-/* ARROW */
-/* spanish */
-.datepicker {
-  background-color: #FFFFFF;
-  padding: 0;
-  border-radius: 5px;
-  direction: ltr; }
-  .datepicker > div {
-    display: none; }
-  .datepicker table {
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    margin: 0 0 0 0; }
-  .datepicker td {
-    text-align: center;
-    display: block;
-    width: 30px;
-    height: 30px;
-    border: none; }
-    .datepicker td span {
-      display: block;
-      width: 23%;
-      height: 54px;
-      line-height: 54px;
-      float: left;
-      margin: 1%;
-      cursor: pointer;
-      border-radius: 4px; }
-      .datepicker td span:hover {
-        background: #eeeeee; }
-    .datepicker td span.disabled {
-      background: none;
-      color: #5A5A5A;
-      cursor: default; }
-      .datepicker td span.disabled:hover {
-        background: none;
-        color: #5A5A5A;
-        cursor: default; }
-    .datepicker td span.active {
-      color: #FFFFFF;
-      background-color: #0568ae;
-      border-color: #357ebd; }
-      .datepicker td span.active:hover {
-        color: #FFFFFF;
-        background-color: #0568ae;
-        border-color: #357ebd; }
-    .datepicker td span.active.disabled {
-      color: #FFFFFF;
-      background-color: #0568ae;
-      border-color: #357ebd; }
-  .datepicker th {
-    text-align: center;
-    display: block;
-    width: 30px;
-    height: 30px;
-    border: none; }
-  .datepicker tbody:focus {
-    outline: none; }
-  .datepicker td.day {
+.btn {
     background-color: transparent;
-    color: #0568ae;
-    cursor: pointer;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-size: 16px;
-    height: 34px;
-    line-height: 30rem;
-    margin: -2px -1px 0 0;
-    overflow: hidden;
-    text-align: center;
-    width: 42px; }
-  .datepicker:focus {
-    outline: 1px dotted #191919;
-    outline-offset: -2px; }
-  .datepicker th[tabindex]:focus {
-    outline-offset: -15px; }
-  .datepicker td.day.focused {
-    background: #ededed;
-    cursor: pointer; }
-  .datepicker td.day.focused.active {
-    background-color: #ededed;
-    color: #0568ae; }
-  .datepicker td.disabled {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #5A5A5A;
-    cursor: default; }
-    .datepicker td.disabled:hover {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #5A5A5A;
-      cursor: default; }
-      .datepicker td.disabled:hover .show-date {
-        font-family: "Omnes-ECOMP-W02", Arial;
-        color: #5A5A5A; }
-    .datepicker td.disabled .show-date {
-      font-family: "Omnes-ECOMP-W02", Arial;
-      color: #5A5A5A; }
-  .datepicker td.today {
-    color: #FFFFFF;
-    background-color: #0568ae; }
-    .datepicker td.today:hover {
-      color: #FFFFFF;
-      background-color: #0568ae;
-      color: #FFFFFF;
-      background-color: #0568ae; }
-    .datepicker td.today:active {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-    .datepicker td.today:focus {
-      color: #FFFFFF;
-      background-color: #0568ae; }
-  .datepicker td.today.disabled {
-    color: #FFFFFF;
-    background-color: #0568ae; }
-  .datepicker td.today.active {
-    color: #FFFFFF;
-    background-color: #0568ae; }
-    .datepicker td.today.active:hover {
-      color: #FFFFFF; }
-  .datepicker td.selected {
-    color: #FFFFFF;
-    background-color: #959595; }
-    .datepicker td.selected:hover {
-      color: #FFFFFF;
-      background-color: #959595; }
-  .datepicker td.selected.disabled {
-    color: #FFFFFF;
-    background-color: #959595; }
-  .datepicker td.active:not(.new) {
-    color: #FFFFFF;
-    border-color: #357ebd; }
-    .datepicker td.active:not(.new) .show-date {
-      color: #0568ae;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  .datepicker td.active:hover:not(.new) {
-    color: #FFFFFF;
-    border-color: #357ebd; }
-    .datepicker td.active:hover:not(.new) .show-date {
-      color: #0568ae;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-  .datepicker .start-date .show-date {
-    background-color: #0568ae;
-    color: #FFFFFF !important;
-    border-radius: 5px 0 0 5px;
-    z-index: 1; }
-    .datepicker .start-date .show-date:before {
-      background-color: #0568ae;
-      content: "";
-      display: block;
-      height: 26px;
-      left: 20px;
-      position: absolute;
-      width: 100%;
-      z-index: -1; }
-  .datepicker .between-date .show-date {
-    background-color: #0568ae;
-    color: #FFFFFF !important; }
-    .datepicker .between-date .show-date:before {
-      background-color: #0568ae;
-      content: "";
-      display: block;
-      height: 26px;
-      left: 0;
-      position: absolute;
-      width: 100%;
-      z-index: -1; }
-  .datepicker .between-date:first-child .show-date:before {
-    background-color: #FFFFFF;
-    content: "";
-    height: 26px;
-    position: absolute;
-    left: 0;
-    width: 8px; }
-  .datepicker .end-date .show-date {
-    background-color: #0568ae;
-    color: #FFFFFF !important;
-    border-radius: 0 5px 5px 0; }
-    .datepicker .end-date .show-date:before {
-      background-color: #0568ae;
-      content: "";
-      display: block;
-      height: 26px;
-      left: -20px;
-      position: absolute;
-      width: 100%;
-      z-index: -1; }
-  .datepicker .end-date:first-child .show-date:after {
-    background-color: #FFFFFF;
-    content: "";
-    height: 26px;
-    position: absolute;
-    left: 0;
-    width: 8px; }
-  .datepicker .end-date:first-child .show-date::before {
-    background-color: #FFFFFF; }
-  .datepicker tr td.start-date:last-child .show-date:after {
-    background-color: #FFFFFF;
-    content: "";
-    height: 26px;
-    position: absolute;
-    right: 0;
-    width: 8px; }
-  .datepicker tr td.start-date:last-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.start-date:first-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.between-date:last-child .show-date:after {
-    background-color: #FFFFFF;
-    content: "";
-    height: 26px;
-    position: absolute;
-    right: 0;
-    width: 8px; }
-  .datepicker tr td.between-date:last-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.between-date:first-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.end-date:last-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker tr td.end-date:first-child:focus .show-date:after {
-    height: 30px;
-    width: 30px;
-    background-color: transparent; }
-  .datepicker th.datepicker-switch {
-    width: 198px;
-    font-size: 20px;
-    font-weight: normal;
-    cursor: default !important; }
-  .datepicker thead tr:first-child th {
-    cursor: pointer;
-    height: 60px;
-    line-height: 60px; }
-  .datepicker thead tr:first-child th.cw {
-    cursor: default;
-    background-color: transparent; }
-  .datepicker tfoot tr th {
+    background-clip: padding-box;
+    border: 1px solid transparent;
+    border-radius: 8px;
+    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
     cursor: pointer;
-    height: 60px;
-    line-height: 60px;
-    height: auto;
-    line-height: normal; }
-    .datepicker tfoot tr th li {
-      margin-bottom: 5px; }
-  .datepicker .prev {
-    color: transparent;
-    font-size: 0;
-    margin: 0 -1px -1px 0;
-    width: 46px; }
-    .datepicker .prev i {
-      color: #0568ae;
-      position: absolute;
-      font-size: 27px;
-      margin: 0;
-      top: 15px;
-      left: 8px; }
-  .datepicker .next {
-    color: transparent;
-    font-size: 0;
-    margin: 0 -1px -1px 0;
-    width: 46px; }
-    .datepicker .next i {
-      color: #0568ae;
-      position: absolute;
-      font-size: 27px;
-      margin: 0;
-      top: 15px;
-      right: 8px; }
-  .datepicker .cw {
-    font-size: 5px;
-    width: 12px;
-    padding: 0 2px 0 5px;
-    vertical-align: middle; }
-  .datepicker .due-date .show-date {
+    display: inline-block;
     font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    background-color: #cf2a2a;
-    border-radius: 5px;
-    color: #FFFFFF !important; }
-  .datepicker .day.active .show-date:after {
-    border: 2px solid #0568ae;
-    border-radius: 7px;
-    content: "";
-    display: block;
-    height: 30px;
-    left: 4px;
-    position: absolute;
-    top: 0;
-    width: 30px; }
-  .datepicker .day:focus .show-date:after {
-    border: 2px solid #0568ae;
-    border-radius: 7px;
-    content: "";
-    display: block;
-    height: 30px;
-    left: 4px;
-    position: absolute;
-    top: 0;
-    width: 30px;
-    height: 30px;
-    left: 4px;
-    top: 0;
-    width: 30px; }
-  .datepicker .due-date.disabled .show-date:after {
-    border: 2px solid #0568ae;
-    border-radius: 7px;
-    content: "";
-    display: block;
-    height: 30px;
-    left: 4px;
-    position: absolute;
-    top: 0;
-    width: 30px; }
-  .datepicker .day.due-date:focus .show-date:after {
-    height: 30px;
-    left: 4px;
-    top: 0;
-    width: 30px; }
-  .datepicker .due-date.old:after {
-    visibility: hidden; }
-  .datepicker .due-date.new:after {
-    visibility: hidden; }
-  .datepicker .due-date.active:after {
-    border-color: #FFFFFF; }
-  .datepicker .due-date.active.focused {
-    color: #0568ae !important; }
-    .datepicker .due-date.active.focused:after {
-      border-color: #cf2a2a !important; }
-  .datepicker .dow {
-    height: 24px;
-    width: 42px;
+    font-size: 1.9rem;
     font-weight: normal;
+    line-height: 1;
+    margin: 0 7px 10px 0;
+    max-width: 470px;
+    min-width: 70px;
+    padding: 14px 19px 11px 18px;
     position: relative;
-    overflow: hidden;
-    color: transparent;
-    letter-spacing: -6px;
-    margin: 0 -1px -1px 0; }
-    .datepicker .dow span[aria-hidden="true"] {
-      bottom: 0;
-      color: #5A5A5A;
-      display: block;
-      left: 1px;
-      letter-spacing: 0;
-      line-height: .9;
-      margin: 0 auto;
-      padding: 0;
-      position: relative;
-      width: 22px; }
-  .datepicker .calendar-legend {
-    margin-top: 3px;
-    margin-bottom: 20px; }
-    .datepicker .calendar-legend li {
-      font-size: 1.4rem;
-      font-weight: normal;
-      margin-bottom: 5px;
-      padding-left: 10px;
-      padding-top: 5px;
-      position: relative; }
-  .datepicker i.legend-due-date {
-    background-color: #cf2a2a;
-    border-radius: 5px;
-    height: 18px;
-    width: 18px;
-    margin-right: 8px;
-    vertical-align: middle;
-    display: inline-block; }
-  .datepicker i.legend-selected-date {
-    background-color: #FFFFFF;
-    border: 2px solid #0568ae;
-    border-radius: 5px;
-    height: 18px;
-    width: 18px;
-    margin-right: 8px;
-    vertical-align: middle;
-    display: inline-block; }
-  .datepicker i.legend-selectedisdue {
-    background-color: #FFFFFF;
-    border: 2px solid #0568ae;
-    border-radius: 5px;
-    display: inline-block;
-    height: 18px;
-    margin-right: 8px;
-    position: relative;
+    text-align: center;
     vertical-align: middle;
-    width: 18px; }
-    .datepicker i.legend-selectedisdue:after {
-      background-color: #cf2a2a;
-      border-radius: 3px;
-      content: "";
-      display: block;
-      height: 10px;
-      left: 2px;
-      position: absolute;
-      top: 2px;
-      width: 10px; }
-  .datepicker .text-left {
-    width: 100%; }
-  .datepicker .active.old {
-    background-color: #ededed !important;
-    color: #ededed !important; }
-
-.datepicker-inline {
-  width: 220px; }
-
-.datepicker.datepicker-rtl {
-  direction: rtl; }
-  .datepicker.datepicker-rtl td span {
-    float: right; }
-
-.datepicker-dropdown {
-  top: 0;
-  left: 0; }
-  .datepicker-dropdown:before {
-    content: " ";
-    display: inline-block;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid #d2d2d2;
-    border-top: 0;
-    border-bottom-color: rgba(0, 0, 0, 0.2);
-    position: absolute; }
-  .datepicker-dropdown:after {
-    content: " ";
-    display: inline-block;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    border-bottom: 10px solid #fff;
-    border-top: 0;
-    position: absolute; }
-
-.datepicker-dropdown.datepicker-orient-left:before {
-  left: 16px; }
-
-.datepicker-dropdown.datepicker-orient-left:after {
-  left: 16px; }
-
-.datepicker-dropdown.datepicker-orient-right:before {
-  right: 16px; }
-
-.datepicker-dropdown.datepicker-orient-right:after {
-  right: 16px; }
-
-.datepicker-dropdown.datepicker-orient-top:before {
-  top: -10px; }
-
-.datepicker-dropdown.datepicker-orient-top:after {
-  top: -9px; }
-
-.datepicker-dropdown.datepicker-orient-bottom:before {
-  bottom: -7px;
-  border-bottom: 0;
-  border-top: 7px solid #959595; }
-
-.datepicker-dropdown.datepicker-orient-bottom:after {
-  bottom: -6px;
-  border-bottom: 0;
-  border-top: 6px solid #fff; }
-
-.datepicker.days div.datepicker-days {
-  display: block; }
-
-.datepicker.months div.datepicker-months {
-  display: block; }
-
-.datepicker.years div.datepicker-years {
-  display: block; }
-
-.show-date {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  color: #0568ae;
-  height: 26px;
-  line-height: 26px;
-  margin: 4px auto 0;
-  width: 26px; }
-
-.input-group.date .input-group-addon i {
-  cursor: pointer;
-  width: 16px;
-  height: 16px; }
-
-.datepicker.dropdown-menu {
-  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
-  position: absolute;
-  top: 100%;
-  left: 0;
-  float: left;
-  display: none;
-  margin-top: 13px;
-  width: 290px;
-  list-style: none;
-  background-color: #FFFFFF;
-  border: 1px solid #d2d2d2;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  border-radius: 5px;
-  color: #333333;
-  font-size: 13px;
-  line-height: 1.428571429;
-  z-index: 1050; }
-  .datepicker.dropdown-menu th {
-    display: block;
-    float: left;
-    padding: 0;
-    position: relative; }
-  .datepicker.dropdown-menu td {
-    display: block;
-    float: left;
-    padding: 0;
-    position: relative; }
-
-.s {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -62px 0; }
-
-.m {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -5px 0; }
-
-.t {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -19px 0; }
-
-.w {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -34px 0; }
-
-.f {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: -49px 0; }
-
-.d {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: 0 0; }
-
-.l {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: 0 0; }
-
-.v {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: 0 0; }
-
-.j {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: #FFFFFF;
-  background-repeat: no-repeat;
-  background-position: 0 0; }
-
-.b2b-coachmark-label {
-  z-index: 1060;
-  opacity: 1;
-  cursor: not-allowed;
-  position: relative; }
-
-.b2b-coachmark-highlight {
-  border: 1px solid #d3d3d3;
-  cursor: default;
-  z-index: 1045;
-  opacity: 1;
-  background-color: #ffffff;
-  border-radius: 10px;
-  position: relative;
-  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-  padding: 10px;
-  position: absolute; }
-
-.b2b-coachmark-highlight-mask {
-  z-index: 1100;
-  opacity: .1; }
-
-.b2b-coachmark-container {
-  border: 1px solid #cccccc;
-  width: 316px;
-  pointer-events: auto;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  font-size: 16px;
-  -webkit-transition: opacity .2s ease-out;
-  -moz-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
-  background: #fff;
-  border-radius: 20px;
-  box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.15);
-  color: #333;
-  line-height: 20px;
-  position: absolute;
-  top: 50px;
-  left: -97px;
-  display: block;
-  background-color: #ffffff;
-  z-index: 1050;
-  opacity: 1; }
-  .b2b-coachmark-container i.b2b-coachmark-caret {
-    position: absolute;
-    top: -12px;
-    left: 47%;
-    opacity: 1;
-    z-index: 1050; }
-  .b2b-coachmark-container i.b2b-coachmark-caret:before {
-    content: "";
-    border-left: 12px solid transparent;
-    border-right: 12px solid transparent;
-    border-bottom: 12px solid #d3d3d3;
-    position: absolute;
-    top: -1px; }
-  .b2b-coachmark-container i.b2b-coachmark-caret:after {
-    content: "";
-    border-left: 12px solid transparent;
-    border-right: 12px solid transparent;
-    border-bottom: 12px solid #fff;
-    position: absolute; }
-  .b2b-coachmark-container .b2b-coachmark-header {
-    position: relative;
-    height: 47px;
-    overflow: hidden; }
-    .b2b-coachmark-container .b2b-coachmark-header .corner-button {
-      box-shadow: 0 -24px 0 0 #f2f2f2 inset;
-      height: 69px;
-      position: absolute;
-      right: -33px;
-      top: -38px;
-      transform: rotate(45deg);
-      width: 69px; }
-  .b2b-coachmark-container .b2b-coachmark-countlabel {
-    font-size: 12px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333333;
-    margin-left: 20px;
-    margin-top: 20px; }
-  .b2b-coachmark-container .b2b-coachmark-content {
-    padding: 0px 20px 20px 20px;
-    float: left; }
-    .b2b-coachmark-container .b2b-coachmark-content .icon-misc-dimmer {
-      font-size: 32px;
-      float: left;
-      margin-right: 10px;
-      width: 32px; }
-    .b2b-coachmark-container .b2b-coachmark-content .offscreen-text {
-      position: absolute;
-      left: -10000px;
-      top: auto;
-      width: 1px;
-      height: 1px;
-      overflow: hidden; }
-    .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-content-header {
-      font-size: 16px;
-      color: #333333;
-      line-height: 18px;
-      float: left;
-      width: 220px; }
-    .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-description {
-      font-size: 14px;
-      line-height: 18px;
-      color: #333333;
-      width: 100%;
-      float: left;
-      margin-top: 15px; }
-    .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group {
-      margin-top: 20px;
-      float: left;
-      text-align: right;
-      width: 100%; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group .b2b-coachmark-link {
-        font-family: "Omnes-ECOMP-W02-Medium", Arial;
-        font-size: 15px;
-        color: #0574ac;
-        line-height: 18px;
-        margin-right: 20px; }
-      .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group button {
-        font-size: 15px;
-        margin: 0px; }
-
-.datepicker {
-  background-color: #fff;
-  padding: 0;
-  border-radius: 5px;
-  direction: ltr; }
-
-.datepicker-inline {
-  width: 220px; }
-
-.datepicker.datepicker-rtl {
-  direction: rtl; }
-
-.datepicker.datepicker-rtl td span {
-  float: right; }
-
-.datepicker-dropdown {
-  top: 0;
-  left: 0; }
-
-/* ARROW */
-.datepicker-dropdown:before {
-  content: " ";
-  display: inline-block;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-bottom: 10px solid #d2d2d2;
-  border-top: 0;
-  border-bottom-color: rgba(0, 0, 0, 0.2);
-  position: absolute; }
-
-.datepicker-dropdown:after {
-  content: " ";
-  display: inline-block;
-  border-left: 10px solid transparent;
-  border-right: 10px solid transparent;
-  border-bottom: 10px solid #fff;
-  border-top: 0;
-  position: absolute; }
-
-.datepicker-dropdown.datepicker-orient-left:before,
-.datepicker-dropdown.datepicker-orient-left:after {
-  left: 255px; }
-
-.datepicker-dropdown.datepicker-orient-right:before,
-.datepicker-dropdown.datepicker-orient-right:after {
-  right: 16px; }
-
-.datepicker-dropdown.datepicker-orient-top:before {
-  top: -10px; }
-
-.datepicker-dropdown.datepicker-orient-top:after {
-  top: -9px; }
-
-.datepicker-dropdown.datepicker-orient-bottom:before {
-  bottom: -7px;
-  border-bottom: 0;
-  border-top: 7px solid #959595; }
-
-.datepicker-dropdown.datepicker-orient-bottom:after {
-  bottom: -6px;
-  border-bottom: 0;
-  border-top: 6px solid #fff; }
-
-.datepicker > div {
-  display: none; }
-
-.datepicker.days div.datepicker-days {
-  display: block; }
-
-.datepicker.months div.datepicker-months {
-  display: block; }
-
-.datepicker.years div.datepicker-years {
-  display: block; }
-
-.datepicker table {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  margin: 0 0 0 0; }
-
-.datepicker td,
-.datepicker th {
-  text-align: center;
-  display: block;
-  width: 30px;
-  height: 30px;
-  border: none; }
-
-.datepicker tbody :focus {
-  outline: none; }
-
-.datepicker td.day {
-  background-color: transparent;
-  color: #0568ae;
-  cursor: pointer;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 16px;
-  height: 34px;
-  line-height: 30rem;
-  margin: -2px -1px 0 0;
-  overflow: hidden;
-  text-align: center;
-  width: 42px; }
-
-.datepicker :focus {
-  outline: 1px dotted #000;
-  outline-offset: -2px; }
-
-.datepicker td.day.focused {
-  background: #ededed;
-  cursor: pointer; }
-
-.datepicker td.day.focused.active {
-  background-color: #ededed;
-  color: #0568ae; }
-
-.datepicker td.disabled,
-.datepicker td.disabled:hover {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  color: #5a5a5a;
-  cursor: default; }
-
-.datepicker td.today,
-.datepicker td.today:hover,
-.datepicker td.today.disabled {
-  color: #fff;
-  background-color: #0568ae; }
-
-.datepicker td.today.active,
-.datepicker td.today:active,
-.datepicker td.today:hover,
-.datepicker td.today:focus {
-  color: #fff;
-  background-color: #0568ae; }
-
-.datepicker td.today.active:hover {
-  color: #fff; }
-
-.datepicker td.selected,
-.datepicker td.selected:hover,
-.datepicker td.selected.disabled {
-  color: #ffffff;
-  background-color: #959595; }
-
-.datepicker td.active:not(.new),
-.datepicker td.active:hover:not(.new) {
-  color: #ffffff;
-  border-color: #357ebd; }
-
-.show-date {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  color: #0568ae;
-  height: 26px;
-  line-height: 26px;
-  margin: 4px auto 0;
-  width: 26px; }
-
-.datepicker .start-date .show-date,
-.datepicker .between-date .show-date,
-.datepicker .end-date .show-date {
-  background-color: #0568ae;
-  color: #fff !important; }
-
-.datepicker .start-date .show-date {
-  border-radius: 5px 0 0 5px;
-  z-index: 1; }
-
-.datepicker .start-date .show-date:before {
-  background-color: #0568ae;
-  content: "";
-  display: block;
-  height: 26px;
-  left: 20px;
-  position: absolute;
-  width: 100%;
-  z-index: -1; }
-
-.datepicker .between-date .show-date:before {
-  background-color: #0568ae;
-  content: "";
-  display: block;
-  height: 26px;
-  left: 0;
-  position: absolute;
-  width: 100%;
-  z-index: -1; }
-
-.datepicker .end-date .show-date {
-  border-radius: 0 5px 5px 0; }
-
-.datepicker .end-date .show-date:before {
-  background-color: #0568ae;
-  content: "";
-  display: block;
-  height: 26px;
-  left: -20px;
-  position: absolute;
-  width: 100%;
-  z-index: -1; }
-
-.datepicker .between-date:first-child .show-date:before {
-  background-color: #fff;
-  content: "";
-  height: 26px;
-  position: absolute;
-  left: 0;
-  width: 8px; }
-
-.datepicker .end-date:first-child .show-date:after {
-  background-color: #fff;
-  content: "";
-  height: 26px;
-  position: absolute;
-  left: 0;
-  width: 8px; }
-
-.datepicker .end-date:first-child .show-date::before {
-  background-color: #fff; }
-
-.datepicker tr td.start-date:last-child .show-date:after,
-.datepicker tr td.between-date:last-child .show-date:after {
-  background-color: #fff;
-  content: "";
-  height: 26px;
-  position: absolute;
-  right: 0;
-  width: 8px; }
-
-.datepicker tr td.start-date:last-child:focus .show-date:after,
-.datepicker tr td.end-date:last-child:focus .show-date:after,
-.datepicker tr td.between-date:last-child:focus .show-date:after,
-.datepicker tr td.start-date:first-child:focus .show-date:after,
-.datepicker tr td.end-date:first-child:focus .show-date:after,
-.datepicker tr td.between-date:first-child:focus .show-date:after {
-  height: 30px;
-  width: 30px;
-  background-color: transparent; }
-
-.datepicker td.active:not(.new) .show-date,
-.datepicker td.active:hover:not(.new) .show-date {
-  color: #0568ae;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.datepicker td.disabled .show-date,
-.datepicker td.disabled:hover .show-date {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  color: #5a5a5a; }
-
-.datepicker td span {
-  display: block;
-  width: 23%;
-  height: 54px;
-  line-height: 54px;
-  float: left;
-  margin: 1%;
-  cursor: pointer;
-  border-radius: 4px; }
-
-.datepicker td span:hover {
-  background: #eeeeee; }
-
-.datepicker td span.disabled,
-.datepicker td span.disabled:hover {
-  background: none;
-  color: #5a5a5a;
-  cursor: default; }
-
-.datepicker td span.active,
-.datepicker td span.active:hover,
-.datepicker td span.active.disabled {
-  color: #ffffff;
-  background-color: #0568ae;
-  border-color: #357ebd; }
-
-.datepicker th.datepicker-switch {
-  width: 198px;
-  font-size: 20px;
-  font-weight: normal;
-  cursor: default !important; }
-
-.datepicker thead tr:first-child th,
-.datepicker tfoot tr th {
-  cursor: pointer;
-  height: 60px;
-  line-height: 60px; }
-
-.datepicker tfoot tr th {
-  height: auto;
-  line-height: normal; }
-
-.datepicker tfoot tr th li {
-  margin-bottom: 5px; }
-
-.datepicker .prev,
-.datepicker .next {
-  color: transparent;
-  font-size: 0;
-  margin: 0 -1px -1px 0;
-  width: 46px; }
-
-.datepicker .prev i,
-.datepicker .next i {
-  color: #0568ae;
-  position: absolute;
-  font-size: 27px;
-  margin: 0;
-  top: 15px; }
-
-.datepicker .prev i {
-  left: 8px; }
-
-.datepicker .next i {
-  right: 8px; }
-
-.datepicker .cw {
-  font-size: 5px;
-  width: 12px;
-  padding: 0 2px 0 5px;
-  vertical-align: middle; }
-
-.datepicker thead tr:first-child th.cw {
-  cursor: default;
-  background-color: transparent; }
-
-.input-group.date .input-group-addon i {
-  cursor: pointer;
-  width: 16px;
-  height: 16px; }
-
-.datepicker.dropdown-menu {
-  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7);
-  position: absolute;
-  top: 100%;
-  left: 0;
-  float: left;
-  display: none;
-  margin-top: 13px;
-  width: 290px;
-  list-style: none;
-  background-color: #ffffff;
-  border: 1px solid #d2d2d2;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-  border-radius: 5px;
-  color: #333333;
-  font-size: 13px;
-  line-height: 1.428571429;
-  z-index: 1050; }
-
-.datepicker.dropdown-menu th,
-.datepicker.dropdown-menu td {
-  display: block;
-  float: left;
-  padding: 0;
-  position: relative; }
-
-.datepicker .due-date .show-date {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  background-color: #cf2a2a;
-  border-radius: 5px;
-  color: #fff !important; }
-
-.datepicker .day.active .show-date:after,
-.datepicker .day:focus .show-date:after,
-.datepicker .due-date.disabled .show-date:after {
-  border: 2px solid #0568ae;
-  border-radius: 7px;
-  content: "";
-  display: block;
-  height: 30px;
-  left: 4px;
-  position: absolute;
-  top: 0;
-  width: 30px; }
-
-.datepicker .day:focus .show-date:after {
-  height: 30px;
-  left: 4px;
-  top: 0;
-  width: 30px; }
-
-.datepicker .day.due-date:focus .show-date:after {
-  height: 30px;
-  left: 4px;
-  top: 0;
-  width: 30px; }
-
-.datepicker .due-date.old:after,
-.datepicker .due-date.new:after {
-  visibility: hidden; }
-
-.datepicker .due-date.active:after {
-  border-color: #fff; }
-
-.datepicker .due-date.active.focused {
-  color: #0568ae !important; }
-
-.datepicker .due-date.active.focused:after {
-  border-color: #cf2a2a !important; }
-
-.datepicker .dow {
-  height: 24px;
-  width: 42px;
-  font-weight: normal;
-  position: relative;
-  overflow: hidden;
-  color: transparent;
-  letter-spacing: -6px;
-  margin: 0 -1px -1px 0; }
-
-.datepicker .dow span[aria-hidden="true"] {
-  bottom: 0;
-  color: #5a5a5a;
-  display: block;
-  left: 1px;
-  letter-spacing: 0;
-  line-height: .9;
-  margin: 0 auto;
-  padding: 0;
-  position: relative;
-  width: 22px; }
-
-.datepicker .calendar-legend {
-  margin-top: 3px;
-  margin-bottom: 20px; }
-
-.datepicker .calendar-legend li {
-  font-size: 1.4rem;
-  font-weight: normal;
-  margin-bottom: 5px;
-  padding-left: 10px;
-  padding-top: 5px;
-  position: relative; }
-
-.datepicker i.legend-due-date {
-  background-color: #cf2a2a;
-  border-radius: 5px;
-  height: 18px;
-  width: 18px;
-  margin-right: 8px;
-  vertical-align: middle;
-  display: inline-block; }
-
-.datepicker i.legend-selected-date {
-  background-color: #fff;
-  border: 2px solid #0568ae;
-  border-radius: 5px;
-  height: 18px;
-  width: 18px;
-  margin-right: 8px;
-  vertical-align: middle;
-  display: inline-block; }
-
-.datepicker i.legend-selectedisdue {
-  background-color: #fff;
-  border: 2px solid #0568ae;
-  border-radius: 5px;
-  display: inline-block;
-  height: 18px;
-  margin-right: 8px;
-  position: relative;
-  vertical-align: middle;
-  width: 18px; }
-
-.datepicker i.legend-selectedisdue:after {
-  background-color: #cf2a2a;
-  border-radius: 3px;
-  content: "";
-  display: block;
-  height: 10px;
-  left: 2px;
-  position: absolute;
-  top: 2px;
-  width: 10px; }
-
-.datepicker .text-left {
-  width: 100%; }
-
-.datepicker .active.old {
-  background-color: #ededed !important;
-  color: #ededed !important; }
-
-.s,
-.m,
-.t,
-.w,
-.f,
-.d,
-.l,
-.v,
-.j {
-  display: block;
-  height: 20px;
-  width: 12px;
-  margin: 0 auto;
-  background-color: white;
-  background-repeat: no-repeat; }
-
-.s {
-  background-position: -62px 0; }
-
-.m {
-  background-position: -5px 0; }
-
-.t {
-  background-position: -19px 0; }
-
-.w {
-  background-position: -34px 0; }
-
-.f {
-  background-position: -49px 0; }
-
-/* spanish */
-.d {
-  background-position: 0 0; }
-
-.l {
-  background-position: 0 0; }
-
-.v {
-  background-position: 0 0; }
-
-.j {
-  background-position: 0 0; }
-
-.datepicker-container {
-  position: relative; }
-
-.btn-calendar-icon:focus .icon-primary-calendar {
-  outline: 1px dotted #191919; }
-
-.btn-calendar-icon:focus {
-  outline: none; }
-
-/* remove focus outline when dropdown is opened */
-/*resolve blue focus outline over dropdown with error*/
-select {
-  margin-right: -1;
-  max-width: 400px;
-  height: 36px;
-  line-height: 25px;
-  width: 400px;
-  background-color: #f2f2f2; }
-
-.selectWrap.disabled .icon-primary-down {
-  color: #767676; }
-
-.selectWrap.disabled input.awd-select {
-  z-index: 0;
-  padding: 10px 45px 10px 15px;
-  text-indent: 0; }
-
-.selectWrap.disabled button.awd-select {
-  z-index: 0;
-  text-indent: 15px; }
-
-.selectWrap.disabled:after {
-  color: #5A5A5A;
-  cursor: not-allowed; }
-
-input.awd-select {
-  background-color: transparent;
-  border: 1px solid #d2d2d2;
-  border-radius: 6px;
-  box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-  color: #333333;
-  display: block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  /*font-size: 1.6rem;*/
-  height: 36px;
-  line-height: 0;
-  margin-bottom: 0;
-  position: relative;
-  text-align: left;
-  top: 0;
-  width: 100%;
-  z-index: 10;
-  padding: 12px 45px 8px 15px;
-  user-select: none; }
-  input.awd-select:focus {
-    border-color: #0568ae !important;
-    text-overflow: ellipsis;
-    padding-right: 45px; }
-
-button.awd-select {
-  background-color: transparent;
-  border: 1px solid #d2d2d2;
-  border-radius: 6px;
-  box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-  color: #333333;
-  display: block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  /*font-size: 1.6rem;*/
-  height: 36px;
-  line-height: 36px;
-  margin-bottom: 0;
-  position: relative;
-  text-align: left;
-  top: 0;
-  width: 100%;
-  z-index: 10; }
-  button.awd-select:not(.large) {
-    text-indent: 15px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: clip;
-    text-overflow: ellipsis; }
-  button.awd-select img {
-    height: 26px;
-    margin-right: 7px;
-    margin-top: -10px;
-    position: relative;
-    top: 2px;
-    vertical-align: text-bottom; }
-  button.awd-select:focus {
-    border-color: #0568ae !important; }
-  button.awd-select i {
-    font-size: 23px;
-    position: absolute;
-    right: 33px;
-    top: 5px;
-    z-index: 1000; }
-
-button.awd-select.large {
-  align-items: center;
-  display: flex;
-  height: 60px;
-  line-height: 20px;
-  overflow: hidden;
-  padding-left: 70px;
-  vertical-align: middle; }
-  button.awd-select.large img {
-    height: 40px;
-    left: 20px;
-    position: absolute;
-    top: 20px;
-    width: 40px; }
-
-.selectWrap.large {
-  height: 60px; }
-  .selectWrap.large .awd-select-list-item {
-    align-items: center;
-    display: flex;
-    height: 60px;
-    line-height: 20px;
-    overflow: hidden;
-    padding-left: 70px;
-    vertical-align: middle; }
-    .selectWrap.large .awd-select-list-item img {
-      height: 40px;
-      left: 20px;
-      position: absolute;
-      top: 20px;
-      width: 40px;
-      top: 10px; }
-      
-      .inputWrap {
-  border-radius: 6px;
-  position: relative;
-  height: 36px;
-  line-height: 44px;
-  display: block;
-  margin: 0;
-  }
-
-button.awd-select.active {
-  border-radius: 6px 6px 0 0; }
-  button.awd-select.active:focus {
-    border-color: #d2d2d2 !important; }
-
-input.awd-select.active {
-  border-radius: 6px 6px 0 0; }
-  input.awd-select.active:focus {
-    border-color: #d2d2d2 !important; }
-
-.selectWrapper {
-  position: relative; }
-
-span.selectWrap input[readonly]:focus {
-  color: transparent;
-  text-shadow: 0 0 0 #000; }
-
-.isIE.ds2-no-colors .awd-select:focus {
-  outline: 1px dashed transparent; }
-
-.awd-select-list {
-  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-  border-radius: 0 0 6px 6px;
-  position: absolute;
-  border: 1px solid #d2d2d2;
-  border-top: 0;
-  padding: 0;
-  background-color: #f2f2f2;
-  z-index: 1000;
-  width: 100%;
-  max-height: 320px;
-  overflow-y: auto; }
-
-.awd-select-list-item {
-  cursor: pointer;
-  height: 100%;
-  min-height: 36px;
-  line-height: 20px;
-  overflow: hidden;
-  padding: 8px 15px;
-  position: relative;
-  z-index: 1000; }
-  .awd-select-list-item:hover {
-    cursor: pointer;
-    background-color: #d2d2d2;
-    outline: 1px dashed transparent; }
-  .awd-select-list-item:focus {
-    cursor: pointer;
-    background-color: #d2d2d2;
-    outline: 1px dashed transparent; }
-  .awd-select-list-item img {
-    margin-top: 0;
-    margin-right: 7px;
-    height: 26px;
-    width: 26px; }
-
-.selectWrap {
-  border-radius: 6px;
-  position: relative;
-  height: 36px;
-  line-height: 28px;
-  display: block;
-  margin: 0;
-  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-  .selectWrap:not(.large) .awd-select-list-item:first-child {
-    margin-top: 15px; }
-  .selectWrap:not(.large) .awd-select-list-item:last-child {
-    margin-bottom: 15px; }
-  .selectWrap .icon-primary-down {
-    font-size: 23px;
-    margin-top: -11px;
-    position: absolute;
-    right: 4px;
-    top: 50%; }
-  .selectWrap + [aria-expanded="true"] {
-    padding-bottom: 9px;
-    padding-top: 20px; }
-
-.awd-select-list-item[data-hover="true"] {
-  background-color: #d2d2d2; }
-
-span input.awd-select {
-  width: 100%;
-  cursor: pointer;
-  text-overflow: ellipsis;
-  padding-right: 45px; }
-
-li.optgroup-wrapper {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  cursor: default !important;
-  padding: 0px 15px; }
-  li.optgroup-wrapper:first-child {
-    padding-top: 10px; }
-  li.optgroup-wrapper:hover {
-    background-color: #f2f2f2; }
-
-ul.optgroup {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  cursor: pointer !important;
-  margin: 0 -15px; }
-  ul.optgroup li {
-    padding: 0 0 0 33px; }
-
-label + .selectWrap {
-  margin-top: 4px; }
-
-.selectorModule {
-  border-radius: 6px;
-  position: relative;
-  height: 36px;
-  line-height: 28px;
-  display: block;
-  margin: 0;
-  background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); }
-
-.group .selectWrap {
-  margin: 0 0 10px 0; }
-
-select.awd-select {
-  position: relative;
-  top: 0;
-  left: 0;
-  font-size: 16px;
-  z-index: 1010;
-  height: 33px;
-  min-width: 100%;
-  opacity: 0.01; }
-  select.awd-select > optgroup {
-    padding-left: 8px;
-    font-style: normal;
-    margin-top: 10px; }
-    select.awd-select > optgroup:first-child {
-      margin-top: 0; }
-    select.awd-select > optgroup > option {
-      padding-left: 8px; }
-  select.awd-select > option {
-    padding-left: 8px; }
-  select.awd-select + span {
-    background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0);
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 0;
-    display: block;
-    border: 1px solid #d2d2d2;
-    border-radius: 6px;
-    height: 35px;
-    line-height: 0;
-    padding: 18px 45px 15px 15px;
-    width: 100%;
-    font-size: 1.6rem;
-    padding-right: 45px;
     white-space: nowrap;
     overflow: hidden;
-    text-overflow: ellipsis; }
-    select.awd-select + span > i {
-      font-size: 23px;
-      position: absolute;
-      right: 33px;
-      top: 5px;
-      z-index: 1000; }
-      select.awd-select + span > i:before {
-        left: 1px;
-        position: absolute;
-        top: -1px; }
-  select.awd-select:focus + span {
-    border-color: #0568ae; }
-
-.isIE select.awd-select + span {
-  line-height: 1; }
-
-[data-default-option="true"] {
-  color: #767676 !important;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-
-.placeholdercolor {
-  color: #767676 !important;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-
-.filterTank button.awd-select {
-  border-color: #d2d2d2;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #333333; }
-  .filterTank button.awd-select:after {
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2; }
-
-.utility-bg button.awd-select {
-  border-color: #d2d2d2;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #333333; }
-  .utility-bg button.awd-select:after {
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2; }
-
-.utility-bg select.awd-select + span {
-  border-color: #d2d2d2;
-  border-color: #d2d2d2;
-  background-color: #333333;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #FFFFFF; }
-  .utility-bg select.awd-select + span:after {
-    background-color: #FFFFFF !important;
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2;
-    border-color: #d2d2d2; }
-
-.utility-bg select.awd-select:focus + span {
-  border-color: #d2d2d2;
-  border-color: #d2d2d2;
-  background-color: #333333;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #FFFFFF; }
-  .utility-bg select.awd-select:focus + span:after {
-    background-color: #FFFFFF !important;
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2;
-    border-color: #d2d2d2; }
-
-.utility-bg select.awd-select:hover + span {
-  border-color: #d2d2d2;
-  border-color: #d2d2d2;
-  background-color: #333333;
-  background-color: #333333;
-  color: #FFFFFF;
-  color: #FFFFFF; }
-  .utility-bg select.awd-select:hover + span:after {
-    background-color: #FFFFFF !important;
-    background-color: #FFFFFF !important;
-    border-color: #d2d2d2;
-    border-color: #d2d2d2; }
-
-input.awd-select[disabled] {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  input.awd-select[disabled] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-
-button.awd-select[disabled] {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  button.awd-select[disabled]:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled] + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled] + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled]:focus + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-
-select.awd-select[disabled]:hover + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-
-input.awd-select[disabled="disabled"] {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  input.awd-select[disabled="disabled"] + span {
-    cursor: not-allowed;
-    border-color: #d2d2d2;
-    background-color: #d2d2d2;
-    background-image: none;
-    color: #5A5A5A; }
-
-select.awd-select[disabled="disabled"] + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled="disabled"] + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled="disabled"]:focus + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled="disabled"]:focus + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-select.awd-select[disabled="disabled"]:hover + span {
-  cursor: not-allowed;
-  border-color: #d2d2d2;
-  background-color: #d2d2d2;
-  background-image: none;
-  color: #5A5A5A; }
-  select.awd-select[disabled="disabled"]:hover + span:after {
-    background-color: #d2d2d2 !important;
-    border-color: #d2d2d2; }
-
-.ddexpand-wrapper > h2 {
-  margin-bottom: 11px; }
-  .ddexpand-wrapper > h2 + p {
-    margin-bottom: 4px; }
-
-.ddexpand-wrapper .selectWrap + [aria-expanded="true"] .form-row {
-  margin-top: 11px; }
-
-.ddexpand-wrapper .selectWrap + [aria-expanded="true"] .row + .row .form-row {
-  margin-top: 14px; }
-
-.modal .awd-select-list {
-  z-index: 1060 !important; }
-
-.form-row.error button.awd-select.active:focus {
-  border-color: #cf2a2a !important; }
-
-.form-row.error input.awd-select.active:focus {
-  border-color: #cf2a2a !important; }
-
-.awd-module-list .module-list-item[aria-selected="true"] {
-  background-color: #f2f2f2; }
-
-li.module-list-item[aria-selected="true"]:before {
-  color: #0568ae;
-  display: inline-block;
-  font-family: "icoControls" !important;
-  font-style: normal;
-  font-size: 20px;
-  font-weight: normal;
-  font-variant: normal;
-  height: 1em;
-  margin-right: 7px;
-  text-transform: none;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  position: relative;
-  speak: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  width: 1em;
-  content: "\e907";
-  box-sizing: border-box;
-  display: inline-block;
-  font-size: 2em;
-  height: 1em;
-  position: absolute;
-  top: 20px;
-  right: 0px;
-  vertical-align: middle;
-  width: 1em;
-  color: #007a3e; }
-
-@media (min-width: 768px) {
-  span[class*="large"] {
-    max-width: 370px; }
-  .large {
-    max-width: 370px; } }
-
-@media (max-width: 767px) {
-  .selectWrap.large:after {
-    right: 5px; }
-  .selectWrap.large .awd-select-list-item {
-    padding-right: 41px; }
-  .selectWrap + div > h4 {
-    margin-bottom: 0;
-    font-size: 16px; } }
-
-/**********************Dropdown Chrome scrolling fix start ********************/
-input.awd-select {
-  -webkit-user-select: text;
-  -moz-user-select: text;
-  -ms-user-select: text;
-  user-select: text; }
-
-/**********************Dropdown Chrome scrolling fix end ********************/
-.mpc-expanders {
-  border-bottom: 1px solid #e4e4e4;
-  border-top: 1px solid #e4e4e4; }
-
-.mpc-expanders + .mpc-expanders {
-  border-top: 0px; }
-
-.mpc-expanders .heading-medium {
-  margin-bottom: 10px; }
-
-.mpc-expanders .p-small {
-  margin-top: 5px; }
-
-.mpc-expander-body {
-  border-top: 1px solid #e4e4e4; }
-
-.mpc-expander-body .mpc-expanders {
-  border-bottom: 1px solid #e4e4e4;
-  border-top: 0; }
-
-.mpc-expander-body .mpc-expanders:last-child {
-  border-bottom: 0px; }
-
-.ddh-blue {
-  color: #0574ac; }
-
-.b2b-dragdrop {
-  border: 1px dashed #bbb;
-  border-radius: 5px;
-  padding: 0;
-  text-align: center;
-  color: #bbb;
-  position: relative; }
-
-.b2b-dragdrop-over {
-  background: #0091d9;
-  color: #006496; }
-  .b2b-dragdrop-over:after {
-    content: "Drop the file";
-    color: #fff;
-    width: 80px;
-    height: 20px;
-    overflow: hidden;
-    margin: auto;
-    position: absolute;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0; }
-
-.b2b-file-container {
-  position: relative;
-  overflow: hidden;
-  display: inline-table;
-  font-weight: 400; }
-  .b2b-file-container [type=file] {
-    position: absolute;
-    cursor: inherit;
-    display: block;
-    font-size: 0;
-    opacity: 0;
-    height: 0;
-    width: 0;
-    left: 0;
-    top: 0;
-    -ms-filter: "alpha(Opacity=0)"; }
-
-.b2b-upload-link {
-  color: #0568ae; }
-
-.b2b-flyout {
-  position: relative;
-  display: inline-block;
-  cursor: default; }
-
-.b2b-flyout-icon {
-  cursor: pointer; }
-  .b2b-flyout-icon:focus {
-    outline: thin dotted #666;
-    outline-offset: -1px; }
-
-.b2b-flyout .b2b-flyout-container {
-  border: 1px solid #d3d3d3;
-  width: 300px;
-  padding: 20px;
-  pointer-events: auto;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  font-size: 16px;
-  -webkit-transition: opacity .2s ease-out;
-  -moz-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
-  background: #fff;
-  border-radius: 6px;
-  box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25);
-  color: #333;
-  line-height: 20px;
-  position: absolute;
-  top: 35px;
-  opacity: 0;
-  z-index: 1010;
-  display: none; }
-  .b2b-flyout .b2b-flyout-container.open-flyout {
-    opacity: 1;
-    display: block; }
-
-.b2b-flyout i.b2b-flyout-caret {
-  position: absolute;
-  top: -8px;
-  left: 50%;
-  opacity: 0;
-  z-index: 1011;
-  display: none; }
-  .b2b-flyout i.b2b-flyout-caret.open-flyout {
-    opacity: 1;
-    display: block; }
-  .b2b-flyout i.b2b-flyout-caret:before {
-    content: "";
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
-    border-bottom: 8px solid #d3d3d3;
-    position: absolute;
-    top: -1px; }
-  .b2b-flyout i.b2b-flyout-caret:after {
-    content: "";
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
-    border-bottom: 8px solid #fff;
-    position: absolute; }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-left i.b2b-flyout-caret {
-  left: 16px !important; }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-right i.b2b-flyout-caret {
-  left: inherit !important;
-  right: 30px !important; }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-above {
-  box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.25); }
-  .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret {
-    top: auto;
-    bottom: 0px; }
-    .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:before {
-      top: auto;
-      bottom: -9px;
-      border-top: 8px solid #d3d3d3;
-      border-bottom: none; }
-    .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:after {
-      border-top: 8px solid #fff;
-      border-bottom: none; }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-centerLeft i.b2b-flyout-caret {
-  left: inherit !important;
-  right: -7px !important;
-  top: 8px;
-  transform: rotate(90deg); }
-
-.b2b-flyout .b2b-flyout-container.b2b-flyout-centerRight i.b2b-flyout-caret {
-  left: -8px !important;
-  top: 296px;
-  transform: rotate(-90deg); }
-
-.b2b-flyout .buttons-group {
-  margin-top: 20px; }
-  .b2b-flyout .buttons-group .cta-button-group {
-    width: 100%;
-    border-top: 1px solid #ccc;
-    padding: 20px 0 0; }
-    .b2b-flyout .buttons-group .cta-button-group button {
-      margin-bottom: 0; }
-
-.b2b-flyout .heading {
-  font-size: 20px;
-  margin-bottom: 10px; }
-
-.b2b-flyout .body-text {
-  font-size: 14px;
-  margin-bottom: 30px; }
-
-.b2b-footer-wrapper {
-  width: 100%;
-  background-color: #222; }
-
-.b2b-footer-container {
-  width: 980px;
-  margin: 0 auto;
-  padding-top: 15px; }
-  .b2b-footer-container .footer-columns {
-    display: inline-block;
-    text-align: left;
-    vertical-align: top; }
-    .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-      padding-top: 30px; }
-    .b2b-footer-container .footer-columns.three-column {
-      width: 33.3%;
-      padding-left: 75px; }
-    .b2b-footer-container .footer-columns.four-column {
-      width: 25%;
-      padding-left: 75px; }
-    .b2b-footer-container .footer-columns.five-column {
-      width: 20%; }
-    .b2b-footer-container .footer-columns .b2b-footer-header {
-      color: #009fdb;
-      font-size: 18px;
-      font-style: normal;
-      font-family: "Omnes-ECOMP-W02-Medium", Arial;
-      line-height: 23.9px;
-      margin: 0; }
-    .b2b-footer-container .footer-columns li {
-      padding: 7.5px 0; }
-    .b2b-footer-container .footer-columns ul li:first-child {
-      padding-top: 15px; }
-    .b2b-footer-container .footer-columns li a {
-      color: #fff;
-      font-size: 16px;
-      font-family: "Omnes-ECOMP-W02", Arial; }
-  .b2b-footer-container .footer-nav-content {
-    padding-bottom: 10px; }
-    .b2b-footer-container .footer-nav-content li {
-      display: inline;
-      font-size: 14px;
-      color: #fff;
-      vertical-align: middle; }
-      .b2b-footer-container .footer-nav-content li a {
-        color: #fff;
-        font-size: 14px;
-        vertical-align: middle;
-        margin-right: 5px;
-        font-family: "Omnes-ECOMP-W02", Arial; }
-
-.b2b-footer-wrapper .b2b-footer-container hr {
-  background: #d2d2d2;
-  margin-top: 50px; }
-
-.b2b-footer-wrapper .divider-bottom-footer {
-  padding: 45px 0 50px 0; }
-
-.b2b-footer-wrapper .footerLogo {
-  margin: 10px 0 0 0px;
-  vertical-align: top; }
-  .b2b-footer-wrapper .footerLogo div {
-    display: inline-block; }
-  .b2b-footer-wrapper .footerLogo .icon-primary-att-globe {
-    font-size: 40px; }
-  .b2b-footer-wrapper .footerLogo .logo-title {
-    color: #fff;
-    margin-left: 10px;
-    display: inline-block;
-    font-size: 26px;
-    margin-top: 0px; }
-
-.b2b-footer-wrapper .copyright-text {
-  color: #fff;
-  font-size: 11px;
-  text-align: left;
-  font-family: "Omnes-ECOMP-W02", Arial; }
-  .b2b-footer-wrapper .copyright-text a {
-    color: #fff;
-    text-decoration: underline;
-    display: inline-block; }
-    .b2b-footer-wrapper .copyright-text a:hover {
-      text-decoration: none; }
-
-@media (max-width: 768px) {
-  .b2b-footer-wrapper {
-    padding: 0 15px; }
-  .b2b-footer-container {
-    width: 100%; }
-    .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column {
-      width: 50%; }
-  .b2b-footer-wrapper .divider-bottom-footer {
-    padding-top: 15px; }
-    .b2b-footer-wrapper .divider-bottom-footer .footer-links {
-      width: 100%; }
-  .b2b-footer-wrapper .footerLogo {
-    margin: 30px 0 0 0; }
-    .b2b-footer-wrapper .footerLogo .footer-logo {
-      margin: 0;
-      padding-left: 10px; } }
-
-.b2b-header-tabs {
-  background-color: #222;
-  width: 100%;
-  position: relative;
-  height: 45px; }
-  .b2b-header-tabs .icon-primary-att-globe {
-    color: #0568ae; }
-  .b2b-header-tabs a:focus {
-    border: 1px solid white; }
-  .b2b-header-tabs .header__items {
-    width: 980px;
-    margin: 0 auto;
-    display: block;
-    list-style: none;
-    padding: 6px 0px 0px 0px;
-    border-spacing: 30px 0; }
-  .b2b-header-tabs .header__item {
-    display: inline-block;
-    text-align: left;
-    width: auto;
-    font-size: 16px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    cursor: pointer;
-    padding: 5px 15px;
-    color: #fff; }
-    .b2b-header-tabs .header__item.b2b-headermenu {
-      padding: 0; }
-      .b2b-header-tabs .header__item.b2b-headermenu:last-child {
-        background: none; }
-      .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-        color: #fff;
-        text-decoration: none;
-        display: inline-block;
-        padding: 5px 15px; }
-    .b2b-header-tabs .header__item.active {
-      background-color: #fff;
-      border-radius: 2px;
-      border-bottom-left-radius: 0;
-      border-bottom-right-radius: 0; }
-      .b2b-header-tabs .header__item.active a.menu__item {
-        color: #0578ae; }
-  .b2b-header-tabs li:focus {
-    outline: 2px solid #0578ae; }
-  .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-    background-color: #fff;
-    position: absolute;
-    width: 100%;
-    left: 0;
-    top: 42px;
-    border-bottom: solid 1px #ccc;
-    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-    display: none;
-    z-index: 111; }
-  .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-    background-color: #fff;
-    width: 980px;
-    margin: 0 auto; }
-  .b2b-header-tabs .header__item.active .header-secondary-wrapper {
-    display: block; }
-  .b2b-header-tabs .header-secondary .header-subitem {
-    display: inline-block;
-    width: auto;
-    margin: 0 15px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-      display: block; }
-    .b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-      display: inline-block;
-      padding: 15px 0;
-      color: #333; }
-      .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-        color: #0578ae; }
-
-/** Secondary Menu **/
-.b2b-labelhide {
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px); }
-
-/** Tertiary Level Menu **/
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-  position: absolute;
-  z-index: 111;
-  top: 25px; }
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after, .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    content: '';
-    border-left: 8px solid transparent;
-    border-right: 8px solid transparent;
-    position: absolute;
-    -webkit-transition: left .2s ease-out;
-    -moz-transition: left .2s ease-out;
-    transition: left .2s ease-out; }
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-    border-bottom: 8px solid #fff;
-    top: 10px; }
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-    border-bottom: 8px solid #ccc;
-    top: 9px; }
-
-.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-  border-top: solid 1px #ccc; }
-
-.b2b-header-tabs .header-tertiary:after {
-  content: '';
-  clear: both;
-  display: block; }
-
-.b2b-header-tabs .header-tertiary li {
-  display: inline-block;
-  padding: 0;
-  float: left; }
-  .b2b-header-tabs .header-tertiary li a {
-    color: #333;
-    display: block;
-    padding: 10px 15px; }
-  .b2b-header-tabs .header-tertiary li label {
-    text-align: left;
-    display: block;
-    font-size: 16px;
-    font-weight: bold;
-    color: #857B7B;
-    padding: 15px 0 0 15px; }
-
-.b2b-header-tabs .header__item.skip {
-  padding: 0;
-  display: inline-block;
-  cursor: default !important; }
-  .b2b-header-tabs .header__item.skip a {
-    color: transparent;
-    font-size: 12px;
-    line-height: 15px;
-    text-decoration: none; }
-    .b2b-header-tabs .header__item.skip a:focus {
-      color: #fff;
-      outline: 2px solid #0578ae; }
-
-.b2b-header-tabs .selectWrap {
-  min-width: 150px; }
-  .b2b-header-tabs .selectWrap button.awd-select {
-    height: 30px;
-    line-height: 31px;
-    font-size: 1rem;
-    display: inline-block; }
-  .b2b-header-tabs .selectWrap .awd-select-list {
-    background-color: #fff;
-    color: #333;
-    -webkit-transition: opacity .2s ease-out;
-    -moz-transition: opacity .2s ease-out;
-    transition: opacity .2s ease-out;
-    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-
-@media (max-width: 768px) {
-  .b2b-header-tabs {
-    padding: 0 15px; }
-    .b2b-header-tabs .header__items, .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-      width: 100%; }
-    .b2b-header-tabs .header__item {
-      padding: 5px 0; }
-    .b2b-header-tabs .globe-text {
-      display: none; }
-    .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-      padding: 5px 7px 9px 7px; }
-    .b2b-header-tabs .header__item .header-tertiary-wrapper {
-      top: 30px; }
-    .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-      top: 14px; }
-    .b2b-header-tabs .header__item .header-secondary-wrapper {
-      top: 45px; }
-    .b2b-header-tabs .header__item.profile {
-      padding-left: 15px;
-      float: none; } }
-
-/************* Header - Start *************/
-.b2b-header-tabs {
-  background-color: #222;
-  width: 100%;
-  position: relative;
-  height: 45px; }
-
-.b2b-header-tabs .icon-primary-primary-att-globe {
-  color: #0568ae;
-  font-size: 34px;
-  bottom: 1px; }
-
-/*
- *TODO: delete below .icon-primary-att-globel will not be used 
- *instead the one above, icon-primary-primary-att-globe not available here
- */
-.b2b-header-tabs .icon-primary-att-globe {
-  color: #0568ae;
-  font-size: 34px; }
-
-.b2b-header-tabs .globe-text {
-  margin-left: 20px;
-  font-size: 2rem; }
-
-.b2b-header-tabs .header__items {
-  width: 980px;
-  margin: 0 auto;
-  display: block;
-  list-style: none;
-  border-spacing: 30px 0;
-  padding: 3px 0px 0px 0px; }
-
-.b2b-header-tabs .header__item {
-  display: inline-block;
-  text-align: left;
-  width: auto;
-  font-size: 14px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  cursor: pointer;
-  padding: 0 15px 4px 15px;
-  /*margin-top:-3px;*/
-  color: #fff; }
-
-.b2b-header-tabs .header__item.b2b-headermenu {
-  padding: 0; }
-
-.b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-  color: #fff;
-  text-decoration: none;
-  display: inline-block;
-  padding: 8px 15px 12px 15px;
-  font-size: 16px; }
-
-.b2b-header-tabs .header__item.active {
-  background-color: #fff;
-  border-radius: 2px;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0; }
-
-.b2b-header-tabs .header__item.active a.menu__item {
-  color: #0578ae; }
-
-.b2b-header-tabs li:focus {
-  outline: 2px solid #0578ae; }
-
-/** profile pop Over **/
-.b2b-header-tabs .header__item.profile {
-  position: relative;
-  float: right; }
-
-/** Secondary Menu **/
-.b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-  background-color: #fff;
-  position: absolute;
-  width: 100%;
-  left: 0;
-  top: 42px;
-  border-bottom: solid 1px #ccc;
-  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
-  display: none;
-  z-index: 111; }
-
-.b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary {
-  background-color: #fff;
-  width: 980px;
-  margin: 0 auto; }
-
-.b2b-header-tabs .header__item.active .header-secondary-wrapper,
-.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper {
-  display: block; }
-
-.b2b-header-tabs .header-secondary .header-subitem {
-  display: inline-block;
-  width: auto;
-  margin: 0 15px; }
-
-.b2b-header-tabs .header-secondary .header-subitem a.menu__item {
-  display: inline-block;
-  padding: 15px 0;
-  color: #333;
-  font-size: 14px; }
-
-.b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus {
-  color: #0578ae; }
-
-.b2b-label-hide {
-  position: absolute;
-  clip: rect(1px, 1px, 1px, 1px); }
-
-/** Tertiary Level Menu **/
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after,
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-  content: '';
-  border-left: 8px solid transparent;
-  border-right: 8px solid transparent;
-  position: absolute;
-  -webkit-transition: left .2s ease-out;
-  -moz-transition: left .2s ease-out;
-  transition: left .2s ease-out; }
-
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-  position: absolute;
-  z-index: 111;
-  top: 25px; }
-
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after {
-  border-bottom: 8px solid #fff;
-  top: 10px; }
-
-.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before {
-  border-bottom: 8px solid #ccc;
-  top: 9px; }
-
-/** Tertiary Level Menu **/
-.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-  border-top: solid 1px #ccc; }
-
-.b2b-header-tabs .header-tertiary:after {
-  content: '';
-  clear: both;
-  display: block; }
-
-.b2b-header-tabs .header-tertiary li {
-  display: inline-block;
-  padding: 0;
-  float: left; }
-
-.b2b-header-tabs .header-tertiary li a {
-  color: #333;
-  display: block;
-  padding: 7px 15px;
-  max-width: 228px; }
-
-.b2b-header-tabs .header-tertiary li label {
-  text-align: left;
-  display: block;
-  font-size: 14px !important;
-  font-weight: bold;
-  color: #857B7B;
-  padding: 15px 0 0 15px; }
-
-/** Quarternary Level Menu **/
-.b2b-header-tabs .header-quarternary {
-  width: 100%;
-  float: left; }
-
-.b2b-header-tabs .header-quarternary li {
-  padding-left: 15px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  display: none; }
-
-.b2b-header-tabs .header-quarternary li.active {
-  display: block; }
-
-.b2b-header-tabs .header-quarternary li a {
-  color: #666666;
-  font-size: 14px;
-  padding: 0px 10px 10px 10px; }
-
-/** Skip Navigation**/
-.b2b-header-tabs .header__item.skip {
-  padding: 0;
-  display: inline-block;
-  cursor: default !important; }
-
-.b2b-header-tabs .header__item.skip a {
-  color: transparent;
-  font-size: 12px;
-  line-height: 15px;
-  text-decoration: none; }
-
-.b2b-header-tabs .header__item.skip a:focus {
-  color: #fff;
-  outline: 2px solid #0578ae; }
-
-/** Dropdown css inside Header ****/
-.b2b-header-tabs .selectWrap {
-  min-width: 150px; }
-
-.b2b-header-tabs .selectWrap button.awd-select, .b2b-header-tabs .selectWrap input.awd-select {
-  height: 36px;
-  line-height: 31px;
-  font-size: 1rem;
-  display: inline-block; }
-
-.b2b-header-tabs .selectWrap .awd-select-list {
-  background-color: #fff;
-  color: #333;
-  -webkit-transition: opacity .2s ease-out;
-  -moz-transition: opacity .2s ease-out;
-  transition: opacity .2s ease-out;
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
-
-/*
- * responsive header media queries
- */
-@media screen and (max-width: 1100px) {
-  .b2b-header-tabs .globe-text {
-    display: none; }
-  .b2b-header-tabs .header__item.profile {
-    padding-left: 15px;
-    float: none; }
-  .b2b-header-tabs .header__items {
-    padding-top: 0px; } }
-
-@media screen and (max-width: 950px) {
-  .header__item.profile {
-    top: 20px; }
-  .b2b-header-tabs {
-    height: 90px; }
-  .header__item .selectWrap {
-    bottom: 15px; }
-  .b2b-header-tabs .header__items {
-    padding-top: 25px; }
-  .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper {
-    top: 80px; }
-  .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret {
-    top: 35px; }
-  .b2b-header-tabs .header__item.b2b-headermenu a.menu__item {
-    padding-bottom: 30px; }
-  .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary {
-    margin-top: -28px; } }
-
-/*************** Header - END ******************/
-.hp-container {
-  display: block;
-  max-width: 408px; }
-  .hp-container i:focus {
-    outline: thin dotted #666; }
-  .hp-container .icon-misc-pen {
-    cursor: pointer; }
-  .hp-container .icon-misc-trash {
-    cursor: pointer; }
-
-.hp-selected {
-  border-bottom: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
-  margin-bottom: 16px;
-  padding-bottom: 16px; }
-  .hp-selected .selected-days {
-    padding-bottom: 16px; }
-    .hp-selected .selected-days .day {
-      padding-top: 10px;
-      float: left; }
-
-/* .hp-checkbox {
-  padding-top: 20px;
-  margin: 16px auto 0 auto; }
-  .hp-checkbox label {
-    position: relative;
-    width: 20px;
-    margin-right: 34px; }
-    .hp-checkbox label span {
-      position: absolute;
-      top: -20px;
-      left: 0px;
-      margin-left: 0px; } */
-
-.hp-dropdowns {
-  margin-top: 15px;
-  display: flex;
-  display: -webkit-flex;
-  display: -ms-flexbox; }
-
-.hp-buttons {
-  margin-top: 20px;
-  display: flex;
-  display: -webkit-flex;
-  display: -ms-flexbox; }
-
-.hp-dropdowns .radio-buttons {
-  margin-top: 30px; }
-  .hp-dropdowns .radio-buttons .radio {
-    margin-right: 15px; }
-
-
-
-/* TODO: Build a reference page for these classes */
-.font-regular {
-  font-family: "Omnes-ECOMP-W02", Arial !important; }
-
-.font-light {
-  font-family: "Omnes-ECOMP-W02-Light", Arial !important; }
-
-.font-italic {
-  font-family: "Omnes-ECOMP-W02-Italic", Arial !important; }
-
-.font-light-italic {
-  font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; }
-
-.font-medium {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial !important; }
-
-.font-medium-italic {
-  font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; }
-
-.font-reset {
-  font-style: normal;
-  font-variant: normal;
-  font-weight: normal;
-  text-transform: none; }
-
-.b2b-nav-menu {
-  background-color: #efefef;
-  border: 1px solid #efefef;
-  width: 230px;
-  font-size: 1.4rem; }
-
-.b2b-subnav-container > ul {
-  padding: 0px; }
-
-.b2b-subnav-content {
-  margin: 0;
-  margin-bottom: 10px; }
-
-.b2b-subnav-content > li {
-  border-bottom: 1px solid #999999;
-  position: relative;
-  cursor: pointer; }
-
-.b2b-subnav-content > li > a {
-  text-decoration: none;
-  line-height: 18px;
-  display: block;
-  padding: 10px; }
-
-.b2b-subnav-content > li > a.expand {
-  color: #333; }
-
-.b2b-subnav-content > li ul {
-  overflow: hidden;
-  max-height: 0;
-  transition-duration: 0.5s;
-  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
-
-.b2b-subnav-content > li ul.expand {
-  transition-duration: 0.7s;
-  transition-timing-function: ease-in-out;
-  max-height: 1000px;
-  overflow: hidden; }
-
-.b2b-subnav-content > li > a:focus, .b2b-subnav-content > li ul > li > a:focus {
-  outline: thin dotted #666; }
-
-.b2b-subnav-content > li ul > li > a {
-  line-height: 18px;
-  padding: 8px 0;
-  display: block;
-  outline-offset: -4px;
-  padding-left: 10px; }
-
-.b2b-icon-primary-plus-minus {
-  display: inline-block;
-  height: 20px;
-  margin-right: 10px;
-  padding: 0;
-  position: absolute;
-  right: 0px;
-  top: 10px;
-  vertical-align: middle;
-  width: 20px; }
-
-@media (min-width: 320px) and (max-width: 767px) {
-  .b2b-nav-menu {
-    background-color: #fff;
-    border: 1px solid white;
-    width: 100%; }
-  .b2b-subnav-content > li {
-    padding-left: 10px; }
-  .b2b-subnav-container > ul:first-child {
-    border-top: 1px solid #999; }
-  .b2b-icon-primary-plus-minus {
-    right: 10px; }
-  .b2b-subnav-content > li li > a.active {
-    color: #0574ac;
-    text-decoration: none;
-    font-family: "Omnes-ECOMP-W02", Arial; } }
-
-.b2b-list-box-item {
-  white-space: nowrap;
-  margin: 1px;
-  border: 1px solid transparent;
-  outline: none;
-  visibility: inherit;
-  display: inherit;
-  text-align: left;
-  overflow: hidden;
-  cursor: pointer;
-  padding: 5px 0 5px;
-  padding-left: 15px;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none; }
-  .b2b-list-box-item:focus {
-    border: 2px solid #5e8cb3; }
-
-.b2b-list-box-item--selected {
-  background-color: #cfdde9; }
-
-.btn.disabled[ddh-load-button] {
-  line-height: 46px;
-  padding: 0 19px 0 18px; }
-
-.btn.disabled[ddh-load-button] {
-  color: #666666; }
-
-.icon-primary-spinner-ddh.large {
-  height: 50px;
-  width: 50px; }
-
-.icon-primary-spinner-ddh.small {
-  height: 30px;
-  width: 30px; }
-
-.icon-primary-spinner-ddh {
-  -webkit-animation: 1s linear infinite spinner;
-  animation: 1s linear infinite spinner;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgaWQ9InN2Zy1zcGlubmVyIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgIDxwYXRoIGZpbGw9IiNGNUY1RjUiIGQ9Ik0xOCAzNkM4LjEgMzYgMCAyNy45IDAgMThTOC4xIDAgMTggMHMxOCA4LjEgMTggMTgtOC4xIDE4LTE4IDE4em0wLTMxLjVjLTcuNSAwLTEzLjUgNi0xMy41IDEzLjVTMTAuNiAzMS41IDE4IDMxLjVjNy41IDAgMTMuNS02LjEgMTMuNS0xMy41IDAtNy41LTYtMTMuNS0xMy41LTEzLjV6Ii8+CiAgIDxwYXRoIGZpbGw9IiMwNTY4QUUiIGlkPSJzcGlubmVyIiBkPSJNMzAuNyA1LjNsLTMuMSAzLjJjMi40IDIuNCAzLjkgNS44IDMuOSA5LjUgMCA3LjQtNi4xIDEzLjUtMTMuNSAxMy41UzQuNSAyNS40IDQuNSAxOCAxMC42IDQuNSAxOCA0LjVWMEM4LjEgMCAwIDguMSAwIDE4czguMSAxOCAxOCAxOCAxOC04LjEgMTgtMThjMC01LTItOS41LTUuMy0xMi43eiIgdHJhbnNmb3JtPSIiPiAgICAgIAogICA8L3BhdGg+Cjwvc3ZnPg==); }
-
-.btn-small .icon-primary-spinner-ddh {
-  height: 30px !important;
-  width: 30px !important; }
-
-.btn-small .icon-primary-spinner {
-  height: 30px;
-  width: 30px; }
-
-.load-backdrop {
-  position: absolute;
-  top: 50%;
-  left: 50%; }
-
-.small-modal-loader {
-  width: 420px !important;
-  height: 212px !important;
-  text-align: center; }
-
-.small-modal-loader .icon-primary-spinner {
-  margin-bottom: 5px; }
-
-.body.styled-by-modal {
-  position: fixed; }
-
-.b2b-modal-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: -1; }
-
-.b2b-modal-backdrop.fade {
-  background-color: #000;
-  opacity: 0;
-  filter: alpha(opacity=0);
-  transition: all 0.3s linear 0s; }
-
-.b2b-modal-backdrop.fade.in {
-  z-index: 1040;
-  opacity: 0.7;
-  filter: alpha(opacity=70);
-  background-color: #000;
-  transition: opacity 0.3s linear 0s; }
-
-.modalwrapper {
-  height: 100%;
-  width: 100%;
-  left: 0;
-  overflow-y: hidden;
-  position: absolute;
-  right: 0;
-  padding: 20px;
-  top: 0;
-  z-index: -1; }
-
-.modalwrapper.active {
-  z-index: 1050;
-  overflow-y: auto; }
-
-.modal {
-  background-clip: padding-box;
-  background-color: #ffffff;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 8px;
-  box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.4);
-  margin: 0 auto;
-  /*margin-bottom:10%;*/
-  outline: medium none;
-  /*position: absolute;*/
-  height: 0;
-  min-height: 150px;
-  overflow: hidden;
-  /*top: 10%;*/
-  width: 100%;
-  z-index: -1; }
-
-.modalwrapper.modal-docked .modal {
-  max-height: 80%;
-  height: 80%;
-  overflow: hidden;
-  top: 0; }
-
-.modal.fade.in {
-  position: relative;
-  height: auto;
-  overflow: auto;
-  top: 10%;
-  z-index: 1060;
-  transition: opacity .5s linear 0s; }
-
-.modal.fade.in.modal-landscape {
-  overflow-y: auto; }
-
-.modal.fade {
-  transition: opacity .5s linear 0s; }
-
-.fade.in {
-  opacity: 1; }
-
-.fade {
-  opacity: 0; }
-
-.b2b-modal-header {
-  align-items: center;
-  border-radius: 8px 8px 0 0;
-  display: flex;
-  min-height: 60px;
-  overflow: hidden;
-  padding: 30px 46px 30px 30px;
-  position: relative; }
-
-.b2b-modal-header > h2 {
-  line-height: 1;
-  margin: 0;
-  padding: 0; }
-
-.modal-header-portrait {
-  -webkit-overflow-scrolling: auto; }
-
-.modal-header-landscape {
-  -webkit-overflow-scrolling: auto; }
-
-.b2b-modal-body {
-  -webkit-overflow-scrolling: touch;
-  padding: 0 30px 20px;
-  position: relative;
-  width: auto; }
-
-.b2b-modal-body:focus {
-  outline: 1px dotted #333333; }
-
-.modal-form {
-  margin-bottom: 0; }
-
-.b2b-modal-footer {
-  background-color: #fff;
-  width: 100%;
-  padding: 0 30px;
-  border-radius: 0;
-  position: absolute;
-  bottom: 0; }
-
-:not(.modal-docked) .b2b-modal-footer {
-  position: relative; }
-
-.modal-landscape .b2b-modal-footer {
-  position: relative; }
-
-.b2b-modal-footer .cta-button-group {
-  display: flex;
-  justify-content: flex-end;
-  padding: 20px 0 5px;
-  width: 100%;
-  border-top: 1px solid #d2d2d2; }
-
-.b2b-modal-footer .cta-button-group .btn {
-  margin-left: auto;
-  margin-right: auto;
-  float: right;
-  margin-left: 10px; }
-
-.b2b-modal-footer .cta-button-group .marginLeft0 {
-  margin-left: 0px; }
-
-.b2b-modal-footer .cta-button-group .btn-footer-left {
-  margin-right: auto; }
-
-.b2b-modal-footer .cta-button-group .btn + .btn {
-  margin-right: 0 !important; }
-
-[class*="modal-"] {
-  width: 100%; }
-
-.modal-small {
-  max-width: 420px; }
-
-.modal-medium {
-  max-width: 620px; }
-
-.modal-large {
-  max-width: 720px; }
-
-.modal-xlarge {
-  max-width: 860px; }
-
-.modal-jumbo {
-  max-width: 1000px; }
-
-.modalwrapper.modal-docked {
-  height: 100%;
-  display: flex;
-  align-items: center; }
-
-.modalwrapper.modal-docked .b2b-modal-body {
-  height: 80%;
-  overflow-y: scroll;
-  padding-bottom: 60px; }
-
-.modalwrapper.modal-docked .modal {
-  max-height: 80%;
-  height: 80%;
-  overflow: hidden;
-  top: 0; }
-
-.modalwrapper.modal-docked .b2b-modal-body > *:last-child {
-  margin-bottom: 60px; }
-
-@media (max-width: 767px) {
-  .modalwrapper {
-    padding: 15px;
-    overflow-x: hidden; }
-  .modal.fade.in {
-    top: 0;
-    right: 0;
-    left: 0;
-    margin-bottom: 15px;
-    border: none; }
-  .b2b-modal-header {
-    padding: 20px 46px 20px 15px; }
-  .b2b-modal-body {
-    width: 100%;
-    padding: 0 15px 15px; }
-  .modalwrapper.modal-docked {
-    position: absolute;
-    height: 100%;
-    padding: 0; }
-  .modalwrapper.modal-docked .modal.fade.in {
-    margin-bottom: 0;
-    width: 100% !important;
-    max-height: 100%;
-    height: 100%;
-    border-radius: 0; }
-  .modalwrapper.modal-docked .b2b-modal-body {
-    overflow-y: scroll;
-    height: 100%; }
-  .modalwrapper.modal-docked.modal-landscape {
-    overflow-y: hidden;
-    position: fixed; }
-  .modalwrapper.modal-docked.modal-landscape .modal {
-    overflow-y: scroll;
-    max-width: 100%; }
-  .modalwrapper.modal-docked.modal-landscape .b2b-modal-body {
-    height: auto;
-    overflow-y: hidden; }
-  .b2b-modal-footer {
-    padding: 0 15px; }
-  .b2b-modal-footer .cta-button-group {
-    display: block;
-    padding: 15px 0; }
-  .b2b-modal-footer .cta-button-group .btn {
-    float: none; }
-  .b2b-modal-footer .cta-button-group .btn + .btn {
-    margin-bottom: 0; }
-  .b2b-modal-footer .cta-button-group a.visible-phone {
-    align-items: center;
-    display: flex !important;
-    height: 42px;
-    justify-content: center; } }
-
-.b2b-modal-footer > .cta-button-group {
-  line-height: 40px; }
-
-.ajaxed,
-.modal.fade.in .b2b-modal-header,
-.modal.fade.in .b2b-modal-body,
-.modal.fade.in .b2b-modal-footer {
-  animation-duration: 0.01s;
-  -o-animation-duration: 0.01s;
-  -ms-animation-duration: 0.01s;
-  -moz-animation-duration: 0.01s;
-  -webkit-animation-duration: 0.01s;
-  animation-name: DOMinsertion;
-  -o-animation-name: DOMinsertion;
-  -ms-animation-name: DOMinsertion;
-  -moz-animation-name: DOMinsertion;
-  -webkit-animation-name: DOMinsertion; }
-
-.monthselector thead tr th {
-  min-width: 46px; }
-
-.monthselector thead tr:after {
-  content: "";
-  position: absolute;
-  left: 20px;
-  top: 52px;
-  height: 1px;
-  width: 85%;
-  border-bottom: 1px solid #ccc; }
-
-.monthselector tbody tr:last-child {
-  height: 50px; }
-
-.monthselector td.day {
-  margin: 1px 4px !important;
-  width: 64px !important; }
-
-.monthselector .datepicker-switch {
-  width: 195px !important; }
-
-.monthselector .show-date {
-  width: 30px !important; }
-
-.monthselector button.faux-input {
-  width: 100%; }
-  .monthselector button.faux-input:focus {
-    border: 1px solid #0574ac; }
-  .monthselector button.faux-input:disabled {
-    cursor: not-allowed; }
-
-.monthselector .cta-button-group {
-  padding: 0 20px; }
-  .monthselector .cta-button-group a {
-    margin-right: 20px; }
-
-.monthselector .day.active .show-date:after, .monthselector .day:focus .show-date:after, .monthselector .due-date.disabled .show-date:after {
-  height: 30px;
-  left: 9px !important;
-  top: 0;
-  width: 42px !important; }
-
-.monthselector .disabled.day:focus .show-date:after {
-  border: none; }
-
-.monthselector .icon-primary-calendar {
-  display: block; }
-
-.b2b-ml-nav {
-  padding: 0 10px 0 10px;
-  width: 320px; }
-
-.b2b-ml-nav ul {
-  list-style: none;
-  list-style-type: none; }
-
-.b2b-ml-nav a {
-  display: block;
-  padding: 0 0 5px 30px;
-  line-height: 22px;
-  margin-left: -10px;
-  color: #0568ae;
-  font-size: 1.4rem; }
-
-.b2b-ml-nav a:focus {
-  outline-offset: 1px; }
-
-.b2b-ml-nav li:focus {
-  outline: none; }
-
-.b2b-ml-nav li:focus > a {
-  outline: thin dotted #666;
-  outline-offset: 1px; }
-
-.b2b-ml-nav ul li {
-  border-left: 1px solid #ccc; }
-
-.b2b-ml-nav ul ul {
-  padding: 0 0 0 20px; }
-
-.b2b-ml-nav ul > li {
-  position: relative;
-  line-height: 18px; }
-
-.b2b-ml-nav a > span {
-  background-color: #FFF;
-  display: inline;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  left: -11px;
-  top: 0; }
-
-.b2b-ml-nav a > span > i {
-  font-size: 20px; }
-
-.b2b-ml-nav a:only-child > span {
-  left: -6px;
-  border-radius: 50%;
-  line-height: 7px;
-  top: 5px; }
-
-.b2b-ml-nav a:only-child > span > i {
-  background-color: inherit;
-  background: #fff;
-  font-size: 5px; }
-
-.b2b-ml-nav ul li:first-child > a:only-child > span {
-  left: -6px;
-  border-radius: 50%;
-  line-height: 12px;
-  top: 0px; }
-
-.b2b-ml-nav li a + ul {
-  display: none; }
-
-.b2b-ml-nav li a.active + ul {
-  display: block; }
-
-.b2b-ml-nav .selected {
-  color: #333; }
-
-/*to overide ng-doc inline property for library demo - TODO: Move to docs.css*/
-.b2b-ml-nav a [class^="icon-primary-"], a [class*=" icon-primary-"], a [class^="icon-primary-"]:before, a [class*=" icon-primary-"]:before {
-  display: inline-block; }
-
-.b2b-alerts-messages {
-  background-color: #fff;
-  border-radius: 8px;
-  height: auto; }
-  .b2b-alerts-messages h3 {
-    color: #333 !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 0 !important;
-    margin: 1em 0 5px;
-    line-height: 27px;
-    font-size: 18px; }
-  .b2b-alerts-messages h4 {
-    color: #333 !important;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    margin-bottom: 0 !important; }
-  .b2b-alerts-messages .alert-info {
-    background-color: #0574ac;
-    border: 0; }
-  .b2b-alerts-messages .alert-error {
-    background-color: #cf2a2a;
-    border: 0; }
-  .b2b-alerts-messages .alert-success {
-    background-color: #1b7e28;
-    border: 0; }
-  .b2b-alerts-messages div:nth-child(2) {
-    padding: 0 0 15px 10px;
-    vertical-align: baseline; }
-  .b2b-alerts-messages .close:before {
-    color: #767676; }
-  .b2b-alerts-messages p {
-    font-size: 14px;
-    color: #333;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-    .b2b-alerts-messages p a {
-      color: #333; }
-  .b2b-alerts-messages .btn-small {
-    margin-bottom: 0px; }
-
-.b2b-alerts-success {
-  border: 1px solid #1b7e28; }
-
-.b2b-alerts-error {
-  border: 1px solid #cf2a2a; }
-
-.b2b-alerts-info {
-  border: 1px solid #0574ac; }
-
-/* TODO: Rearange this and move to patches if needed */
-.b2b-breadcrumb-css-override > li {
-  margin-right: 24px; }
-
-.b2b-breadcrumb-css-override li > * {
-  float: left !important; }
-
-.b2b-css-override ul.nav-tabs {
-  margin-bottom: 0; }
-
-
-.b2b-top-nav-buttons-css-override {
-  margin-bottom: 0;
-  margin-top: 2px; }
-
-.b2b-auto-width {
-  width: auto !important; }
-
-.b2b-toggle-header-active {
-  color: #0568ae; }
-
-.b2b-toggle-header-inactive {
-  color: #333333; }
-
-.b2b-toggle-header-icon {
-  cursor: pointer; }
-
-
-.icon-primary-circle:before {
-  background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-  content: "";
-  position: absolute;
-  top: 0;
-  z-index: 1; }
-
-.ds2-no-colors .icon-primary-circle:before {
-  background-image: none;
-  content: "\e902"; }
-
-i:focus {
-  outline: thin dotted #666; }
-
-.p-col-md-12 {
-  width: 50%; }
-
-.pager__item {
-  border-radius: 0;
-  cursor: default;
-  display: inline-block;
-  margin: 5px;
-  width: 22px;
-  height: 23px;
-  vertical-align: baseline; }
-
-.pager {
-  padding-top: 10px;
-  padding-bottom: 20px;
-  text-align: center;
-  margin: 0 auto; }
-
-.pager__item--input {
-  color: #067ab4;
-  max-height: 32px;
-  max-width: 40px;
-  padding-left: 0;
-  padding-right: 0;
-  text-align: center;
-  margin-left: 10px; }
-
-.row.section-row {
-  margin-bottom: 20px; }
-
-.pager__item--active {
-  border-bottom: 2px solid #0574ac;
-  border-radius: 0;
-  color: #333333; }
-
-.pager a.pager__item--active:hover {
-  cursor: default; }
-
-.pager a:hover, .pager a:focus {
-  text-decoration: none;
-  color: #333333;
-  cursor: pointer; }
-
-.pager a.disabled:hover, .pager a.disabled:focus {
-  cursor: not-allowed; }
-
-.row.section-row.b2b-page {
-  display: block; }
-
-a.pager__item--next:focus, a.pager__item--prev:focus {
-  text-decoration: none;
-  border: 0; }
-
-.pager__item--next, .pager__item--prev {
-  margin: 5px;
-  padding: 1.5px 6px 1.5px 6px; }
-
-.pager .disabled i {
-  pointer-events: none;
-  cursor: default;
-  color: #c4c4c4; }
-
-.fieldLabel {
-  color: #666666; }
-
-.fieldLabel input {
-  color: #666666; }
-
-.pSelect {
-  float: right;
-  width: 150px; }
-
-.numericResult {
-  margin-bottom: 20px;
-  font-size: 1.6rem;
-  margin-top: 20px;
-  display: inline-block;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.mobile-view > .pager__item {
-  margin: 5px 10px;
-  width: 24px;
-  height: 34px;
-  vertical-align: middle;
-  line-height: 34px; }
-
-.fade1, .fadel {
-  opacity: 0.4; }
-
-.fade2, .fadesl {
-  opacity: 0.6; }
-
-h4#pagination-truncated {
-  margin-top: 50px; }
-
-h4#pagination-large-count {
-  margin-top: 50px; }
-
-.p-col-md-12 input {
-  margin-left: 20px; }
-
-.pager a .icon-primary-right:before {
-  display: inline-block; }
-
-.pager a .icon-primary-left:before {
-  display: inline-block; }
-
-.page-heading {
-  background: white none repeat scroll 0 0;
-  margin-bottom: -12px;
-  padding-left: 10px;
-  padding-right: 10px;
-  position: relative; }
-
-.numericResult:focus {
-  outline: 1px dotted #0574ac; }
-
-.page-heading-group {
-  color: #ef6f00;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.pager > div > span.fieldLabel {
-  margin-left: 18px; }
-
-.pager .fieldLabel .btn-arrow {
-  top: 0;
-  left: 10px;
-  margin-left: -5px; }
-
-.b2b-p-col-md-12 {
-  width: 50%; }
-  .b2b-p-col-md-12 input {
-    margin-left: 20px; }
-
-.b2b-pager__item {
-  border-radius: 0;
-  cursor: default;
-  display: inline-block;
-  margin: 0px 5px 0 5px;
-  height: 23px;
-  vertical-align: baseline; }
-
-.b2b-pager__item--noclick {
-  pointer-events: none !important;
-  cursor: default !important; }
-
-.b2b-pager__item--droppable {
-  pointer-events: all !important; }
-
-.b2b-pager {
-  padding-top: 10px;
-  padding-bottom: 20px;
-  text-align: center;
-  margin: 0 auto; }
-  .b2b-pager a:hover {
-    text-decoration: none;
-    color: #333333;
-    cursor: pointer; }
-  .b2b-pager a:focus {
-    text-decoration: none;
-    color: #333333;
-    cursor: pointer; }
-  .b2b-pager a .icon-primary-right:before {
-    display: inline-block; }
-  .b2b-pager a .icon-primary-left:before {
-    display: inline-block; }
-  .b2b-pager .disabled i {
-    pointer-events: none;
-    cursor: default;
-    color: #c4c4c4; }
-
-.b2b-pager__item--input {
-  color: #067ab4;
-  max-height: 32px;
-  max-width: 60px;
-  padding-left: 0;
-  padding-right: 0;
-  text-align: center;
-  margin-left: 5px; }
-
-.row.section-row {
-  margin-bottom: 20px; }
-
-.b2b-pager__item--active {
-  border-bottom: 2px solid #0574ac;
-  border-radius: 0;
-  color: #333333; }
-
-.row.section-row.b2b-page {
-  display: block; }
-
-a.b2b-pager__item--next:focus {
-  text-decoration: none;
-  border: 0; }
-
-a.b2b-pager__item--next-disabled {
-  outline: 0; }
-
-a.b2b-pager__item--next-disabled > [class^="icon-primary-"] {
-  color: #cccccc;
-  cursor: not-allowed;
-  outline: 0; }
-
-a.b2b-pager__item--prev:focus {
-  text-decoration: none;
-  border: 0; }
-
-a.b2b-pager__item--prev-disabled {
-  outline: 0; }
-
-a.b2b-pager__item--prev-disabled > [class^="icon-primary-"] {
-  color: #cccccc;
-  cursor: not-allowed; }
-
-.b2b-pager__item--next {
-  padding: 1.5px 0px 1.5px 0px; }
-
-.b2b-pager__item--prev {
-  padding: 1.5px 0px 1.5px 0px; }
-
-.fieldLabel {
-  color: #666666; }
-  .fieldLabel input {
-    color: #666666; }
-  .fieldLabel .btn-arrow {
-    top: 0;
-    left: 10px; }
-
-.b2b-pSelect {
-  float: right;
-  width: 150px; }
-
-.b2b-numericResult {
-  margin-bottom: 20px;
-  font-size: 1.6rem;
-  margin-top: 20px; }
-
-.b2b-mobile-view > .b2b-pager__item {
-  margin: 5px 10px;
-  min-width: 23px;
-  height: 34px;
-  vertical-align: middle;
-  line-height: 34px; }
-
-.b2b-fade1 {
-  opacity: 0.4; }
-
-.b2b-fade2 {
-  opacity: 0.6; }
-
-.b2b-fadesl {
-  opacity: 0.6; }
-
-h4#b2b-pagination-truncated {
-  margin-top: 50px; }
-
-h4#b2b-pagination-large-count {
-  margin-top: 50px; }
-
-.b2b-page-heading {
-  background: white none repeat scroll 0 0;
-  margin-bottom: -12px;
-  padding-left: 10px;
-  padding-right: 10px;
-  position: relative; }
-
-.b2b-numericResult:focus {
-  outline: 1px dotted #0574ac; }
-
-.b2b-page-heading-group {
-  color: #ef6f00;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.b2b-pager > div > span.fieldLabel {
-  margin-left: 18px; }
-
-.b2b-go-to-page {
-  margin-top: 14px; }
-
-.b2b-go-to-page-inline {
-  display: inline-block; }
-
-input.b2b-phone-mask-input {
-  padding-right: 15px; }
-  input.b2b-phone-mask-input:hover, input.b2b-phone-mask-input:focus {
-    padding-right: 15px; }
-
-/************************** Start - Should be removed after the styling in global is fixed *******************/
-input::-ms-clear {
-  display: none; }
-
-/************************** End - Should be removed after the styling in global is fixed *******************/
-@media (max-width: 767px) {
-  input::-ms-clear {
-    display: block; } }
-
-.pivot-link-group {
-  background-color: #5a5a5a;
-  border-top: 1px solid #959595; }
-
-.pivot-links > li {
-  border-bottom: 1px solid #959595; }
-
-.pivot-links > li > a {
-  color: #fff;
-  display: block;
-  padding: 12px 15px 10px;
-  line-height: normal; }
-
-.b2b-profile-block-container {
-  min-height: 200px;
-  height: auto;
-  background-color: #fff;
-  border-radius: 8px;
-  border: 1px solid #ccc;
-  box-shadow: 0px 1px 1px 1px  #ccc;
-  display: inline-table;
-  margin: 15px 15px; }
-
-.b2b-profile-block-details p, .b2b-profile-block-details div {
-  padding: 2px 7px;
-  font-size: 1.4rem; }
-
-.b2b-profile-block-details .radio-label, .b2b-profile-block-details a {
-  font-size: 1.4rem; }
-
-.b2b-profile-block-details p label, .b2b-profile-block-details p span {
-  padding-left: 10px; }
-
-.b2b-profile-block-footer {
-  margin-bottom: 12px;
-  margin-top: 5px;
-  height: 35px; }
-
-.b2b-profile-block-details p {
-  word-wrap: break-word;
-  height: 61px; }
-  .b2b-profile-block-details p:first-child {
-    margin-top: 10px; }
-  .b2b-profile-block-details p:after {
-    content: ' ';
-    display: block;
-    border: 0.2px solid #ccc;
-    margin-top: 12px; }
-
-.b2b-profile-block-details .radio {
-  margin-left: 15px;
-  height: 30px; }
-
-.b2b-approval-icon {
-  color: #1b7e28;
-  float: right;
-  position: relative;
-  left: 10px; }
-  .b2b-approval-icon i {
-    color: #1b7e28;
-    float: right; }
-
-.b2b-profile-link {
-  float: right;
-  position: relative;
-  left: -4px; }
-
-a.link-profile {
-  position: relative;
-  left: -5px;
-  float: right;
-  margin-bottom: 16px; }
-
-.b2b-profile-block-radio {
-  position: relative;
-  top: -5px; }
-
-.b2b-profile-card {
-  min-width: 229px;
-  min-height: 354px;
-  margin: 10px;
-  border: solid 1px #CCC;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  display: inline-block;
-  vertical-align: top; }
-  .b2b-profile-card .top-block {
-    padding: 15px 20px;
-    background-color: #e4e4e4;
-    max-height: 153px; }
-  .b2b-profile-card .bottom-block {
-    padding: 15px 20px 15px 20px;
-    background-color: #fff; }
-  .b2b-profile-card .profile-image {
-    background: #e4e4e4;
-    margin-bottom: 15px;
-    text-align: center; }
-    .b2b-profile-card .profile-image .default-img {
-      display: inline-block;
-      width: 60px;
-      height: 60px;
-      margin-bottom: 10px;
-      border: 6px solid #fff;
-      border-radius: 99em;
-      -webkit-border-radius: 99em;
-      -moz-border-radius: 99em;
-      /* background-color: #eee; */ }
-
-.profile-image img {
-  display: inline-block;
-  width: 60px;
-  height: 60px;
-  margin-bottom: 10px;
-  border: 6px solid #fff;
-  border-radius: 99em;
-  -webkit-border-radius: 99em;
-  -moz-border-radius: 99em;
-  /* background-color: #eee; */ }
-
-.b2b-profile-card .profile-image .default-img {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  color: #333;
-  background-color: #fff;
-  font-size: 32px;
-  line-height: 22px;
-  padding: 5px;
-  padding-top: 13px;
-  width: 60px;
-  height: 60px;
-  text-transform: uppercase; }
-
-.b2b-profile-card .profile-image .name {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 16px;
-  color: #333;
-  text-align: center;
-  margin-bottom: 5px;
-  margin-top: 5px;
-  overflow: hidden;
-  word-break: break-word;
-  white-space: normal;
-  text-transform: capitalize; }
-
-.b2b-profile-card .profile-image .status-icon {
-  border-radius: 10px;
-  border: 1px solid #fff;
-  margin: 0 3px 0 0;
-  width: 10px;
-  height: 10px;
-  display: inline-block;
-  vertical-align: middle; }
-
-.b2b-profile-card .profile-image .status {
-  font-size: 12px;
-  line-height: 15px;
-  text-align: center;
-  margin: 0 15px 0 0;
-  color: #444; }
-
-.b2b-profile-card .status .circle {
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  margin: 30px 6px 0px 20px;
-  text-align: center;
-  background-color: #444; }
-
-.b2b-profile-card .profile-image .status-green {
-  background-color: #0c0; }
-
-.b2b-profile-card .profile-image .status-red {
-  background-color: red; }
-
-.b2b-profile-card .profile-image .status-blue {
-  background-color: #00f; }
+}
 
-.b2b-profile-card .profile-image .status-yellow {
-  background-color: #ff0; }
+.btn:focus {
+    outline: 1px dotted #000;
+    outline-offset: -5px;
+}
 
-.b2b-profile-card .profile-image .status .status-badge {
-  margin-left: 5px;
-  border: dotted 1px #444;
-  background-color: transparent;
-  font-weight: 400;
-  color: #444;
-  height: 17px;
-  padding: 0 5px;
-  font-size: 11px;
-  padding-left: 5px;
-  padding-right: 5px; }
+.btn:last-child {
+    margin-right: 0;
+}
 
-.b2b-profile-card .profile-details {
-  background: #fff; }
-  .b2b-profile-card .profile-details label {
-    display: block;
-    cursor: text;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    font-weight: bolder;
-    font-size: 14px;
-    color: #333;
+.btn::-moz-focus-inner {
     padding: 0;
-    margin: 0; }
-  .b2b-profile-card .profile-details div {
-    margin: 0;
-    font-size: 14px;
-    color: #333;
-    padding-bottom: 6.5px; }
-
-.b2b-profile-card .b2b-add-user {
-  background: white;
-  border-style: dotted;
-  font-size: 16px;
-  color: #333;
-  position: relative; }
-  .b2b-profile-card .b2b-add-user i {
-    font-size: 30px;
-    padding-bottom: 15px; }
-
-.b2b-profile-card .atcenter {
-  cursor: pointer;
-  margin-top: 60%;
-  vertical-align: middle;
-  text-align: center; }
-
-.b2b-profile-card .tooltip {
-  cursor: pointer; }
-  .b2b-profile-card .tooltip .helpertext {
-    position: relative;
-    color: white; }
-
-.b2b-profile-card .tooltip-wrapper {
-  position: relative; }
-
-/* Overrides for tooltip absolute positioning */
-@media (min-width: 1025px) {
-  .b2b-profile-card .tooltip-size-control {
-    width: 100% !important; } }
-
-@-webkit-keyframes progress-bar-stripes {
-  from {
-    background-position: 0 0; }
-  to {
-    background-position: 80px 0; } }
-
-@keyframes progress-bar-stripes {
-  from {
-    background-position: 0 0; }
-  to {
-    background-position: 80px 0; } }
-
-.progress {
-  background-color: #e4e4e4;
-  border-radius: 4px;
-  height: 14px;
-  margin-bottom: 20px;
-  min-width: 250px;
-  overflow: hidden;
-  padding: 0;
-  position: relative; }
-
-a .progress {
-  margin-bottom: 0; }
-
-.progress .bar {
-  background-color: #666;
-  border-radius: 4px;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  height: 100%;
-  width: 0; }
-
-.progress-arrow {
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
-  justify-content: flex-end; }
-
-.progress-link + .usage-bar {
-  margin-top: 5px; }
-
-.progress-success .bar, .progress .bar-success {
-  background-color: #1b7e28; }
-
-.progress-warning .bar, .progress .bar-warning {
-  background-color: #ef6f00; }
-
-.progress-danger .bar, .progress .bar-danger {
-  background-color: #cf2a2a; }
-
-.progress.increment {
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex; }
-
-.progress.increment .bar:first-child:not(:last-child) {
-  border-right: none;
-  border-radius: 4px 0 0 4px; }
-
-.progress.increment .bar:last-child:not(:first-child) {
-  border-left: none;
-  border-radius: 0 4px 4px 0; }
-
-.progress.increment .bar + .bar:not(:last-child) {
-  border-left: none;
-  border-right: none;
-  border-radius: 0; }
-
-.progress.increment .bar:not(:first-child) {
-  border-left: 1px solid white !important; }
-
-.usage-bar {
-  display: table;
-  float: none;
-  width: 100%;
-  margin-bottom: 1px; }
-
-.usage-bar > .usage-text {
-  display: table-cell;
-  width: 1%; }
-
-.progress + .usage-bar {
-  margin-top: -15px; }
-
-.usage-bar .usage-text {
-  font-size: 1.4rem; }
-
-.usage-bar .usage-text:first-child {
-  white-space: nowrap; }
-
-.usage-bar .usage-text.text-right {
-  vertical-align: top;
-  font-size: 1.4rem;
-  width: auto !important; }
-
-.usage-bar .usage-text.text-right:before {
-  content: "";
-  display: table;
-  height: .1em; }
-
-.usage-bar.billing-cycle .usage-text {
-  font-size: 1.4rem; }
-
-.usage-bar.billing-cycle .usage-text.text-right {
-  vertical-align: bottom; }
-
-.progress.autocolor [data-percentage="1"], .progress.autocolor [data-percentage="2"], .progress.autocolor [data-percentage="3"], .progress.autocolor [data-percentage="4"], .progress.autocolor [data-percentage="5"], .progress.autocolor [data-percentage="6"], .progress.autocolor [data-percentage="7"], .progress.autocolor [data-percentage="8"], .progress.autocolor [data-percentage="9"], .progress.autocolor [data-percentage="10"] .progress.autocolor [data-percentage^="2"], .progress.autocolor [data-percentage^="3"], .progress.autocolor [data-percentage^="4"], .progress.autocolor [data-percentage^="5"], .progress.autocolor [data-percentage="60"], .progress.autocolor [data-percentage="61"], .progress.autocolor [data-percentage="62"], .progress.autocolor [data-percentage="63"], .progress.autocolor [data-percentage="64"] {
-  background-color: #1b7e28; }
-
-.progress.autocolor [data-percentage="65"], .progress.autocolor [data-percentage="66"], .progress.autocolor [data-percentage="67"], .progress.autocolor [data-percentage="68"], .progress.autocolor [data-percentage="69"], .progress.autocolor [data-percentage^="7"], .progress.autocolor [data-percentage^="8"] {
-  background-color: #ef6f00; }
-
-.progress.autocolor [data-percentage^="9"], .progress.autocolor [data-percentage="100"] {
-  background-color: #cf2a2a; }
-
-.b2b-seek-bar-container {
-  position: relative; }
-  .b2b-seek-bar-container div {
-    position: absolute; }
-  .b2b-seek-bar-container .b2b-seek-bar-track-container {
-    width: 100%; }
-  .b2b-seek-bar-container .b2b-seek-bar-track {
-    width: 100%;
-    height: 6px;
-    background-color: #cccccc;
-    border-radius: 10px; }
-  .b2b-seek-bar-container .b2b-seek-bar-track-fill {
-    width: 100%;
-    height: 6px;
-    background-color: #cccccc;
-    border-radius: 10px;
-    width: 0;
-    background-color: #157BB2;
-    transition: width 0s linear; }
-
-.seek-bar-container .seek-bar-knob-container {
-  transition: left 0s linear; }
-
-.b2b-seek-bar-container .b2b-seek-bar-knob {
-  width: 14px;
-  height: 14px;
-  border-radius: 10px;
-  top: -4px;
-  left: -8px;
-  border: 1px solid #cccccc;
-  background: white;
-  cursor: pointer; }
-
-.b2b-seek-bar-container .b2b-seek-bar-knob:focus {
-  outline: thin dotted #666; }
-
-.b2b-seek-bar-container.vertical {
-  width: 100%;
-  height: 100%;
-  margin: 0 auto;
-  position: relative;
-  border-radius: 10px; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-track-container {
-    position: relative;
-    height: 100%; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-track {
-    position: absolute;
-    height: 100%; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-track-fill {
-    position: absolute;
-    bottom: 0;
-    height: 0;
-    width: 100%; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-knob-container {
-    transition: bottom .01s linear;
-    position: relative;
-    bottom: 0; }
-  .b2b-seek-bar-container.vertical .b2b-seek-bar-knob {
-    position: absolute;
-    border-radius: 10px;
-    top: -7px;
-    left: -4px; }
-
-.form-search .search-query {
-  width: 100% !important; }
-
-.form-search .well {
-  margin-top: 0; }
-
-.form-search > ul.nav > li.section {
-  min-height: 20px !important; }
-
-input.b2b-search-input-field {
-  margin-bottom: 0px; }
-
-.search-suggestion-list {
-  background-color: #FFFFFF;
-  border: 1px solid #ccc;
-  border-radius: 0 0 6px 6px;
-  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
-  margin-top: -5px;
-  max-height: 400px;
-  overflow-x: hidden;
-  overflow-y: auto;
-  padding: 15px 0;
-  position: absolute;
-  width: 100%;
-  z-index: 1000; }
-  .search-suggestion-list > li.active {
-    background-color: #cccccc; }
-  .search-suggestion-list:empty {
-    display: none; }
-
-.b2b-search-hightlight {
-  font-weight: bold; }
-
-input[type="text"]::-moz-placeholder {
-  color: #767676;
-  font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-
-input[type="text"]:focus {
-  z-index: 1000; }
-
-input[type="text"] + .reset-field {
-  background-color: #FFFFFF;
-  height: 90%;
-  top: 5%; }
-
-.btn-search:focus {
-  outline: 1px dotted #0574ac; }
-
-.field-group input:not([type="button"])[disabled] ~ .btn-search {
-  background-color: #eee; }
-
-.btn-search[class*="btn"] {
-  background-color: #FFFFFF;
-  background-size: 20px 20px;
-  border-radius: 0 1.5rem 1.5rem 0;
-  height: 3rem;
-  min-width: 4.4rem !important;
-  right: 0.15rem;
-  top: 0.15rem;
-  width: 4.4rem; }
-
-.search-suggestion-wrapper {
-  margin-bottom: 15px;
-  position: relative; }
-  .search-suggestion-wrapper .no-result {
-    padding: 0px 15px; }
-
-.search-suggestion-item {
-  color: #333333;
-  line-height: 4rem;
-  padding: 0 15px;
-  position: relative;
-  z-index: 1000; }
-  .search-suggestion-item:hover {
-    background-color: #e4e4e4;
-    cursor: pointer; }
-  .search-suggestion-item:focus {
-    background-color: #e4e4e4;
-    cursor: pointer; }
-  .search-suggestion-item a {
-    color: #333333;
-    text-decoration: none; }
-
-.btn-search i {
-  color: #767676; }
-
-input.b2b-search-input-field:focus ~ .btn-search > i, .btn-search:focus > i {
-  color: #0568ae; }
-
-button.btn-search[disabled] {
-  cursor: not-allowed; }
-  button.btn-search[disabled] i {
-    color: #767676; }
-
-.innershadow {
-  -webkit-background-blend-mode: mutilply;
-  box-shadow: 0 3px 0 2px rgba(0, 0, 0, 0.08); }
-
-.linkSelectorModule {
-  position: relative;
-  height: 32px;
-  line-height: 20px;
-  border: 0px;
-  width: auto;
-  display: block; }
-  .linkSelectorModule .icon-primary-down {
-    font-size: 23px;
-    margin-top: -10px;
-    position: absolute;
-    top: 50%;
-    margin-left: -30px; }
-  .linkSelectorModule .selectModule {
-    background-color: transparent;
-    border: none;
-    color: #0568ae;
-    cursor: pointer;
-    border: 1px solid transparent;
-    box-shadow: none;
-    padding-right: 35px;
-    position: relative;
-    user-select: none;
-    font-size: 1.6rem; }
-    .linkSelectorModule .selectModule:focus {
-      border: 1px dotted #ccc;
-      box-shadow: none;
-      -moz-user-select: none; }
-    .linkSelectorModule .selectModule:hover {
-      text-decoration: underline; }
-  .linkSelectorModule .active + .moduleWrapper:before {
-    background-color: #FFFFFF;
-    border-color: #d2d2d2;
-    border-style: solid;
-    border-width: 1px 1px 0 0;
-    content: "";
-    display: block;
-    height: 15px;
-    right: 122px;
-    margin: 0;
-    position: absolute;
-    top: -8px;
-    -webkit-transform: rotate(-45deg);
-    transform: rotate(-45deg);
-    width: 15px; }
-  .linkSelectorModule .moduleWrapper {
-    top: 40px; }
-  .linkSelectorModule ul.awd-module-list {
-    border-radius: 6px 6px 0px 0px; }
-
-.selectorModule .icon-primary-down {
-  font-size: 23px;
-  margin-top: -11px;
-  position: absolute;
-  right: 4px;
-  top: 50%; }
-
-.selectorModule .selectModule {
-  border: 1px solid #d2d2d2;
-  border-radius: 6px;
-  box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15);
-  display: block;
-  width: 100%;
-  padding-left: 15px;
-  background-color: transparent;
-  cursor: pointer; }
-  .selectorModule .selectModule:focus {
-    border: 1px solid #0568ae;
-    -moz-user-select: none; }
-  .selectorModule .selectModule span.module-data {
-    position: absolute;
-    bottom: 6px;
-    line-height: 20px; }
-  .selectorModule .selectModule img + span.module-data {
-    padding-left: 45px; }
-
-.selectorModule .selectModule.active {
-  border-bottom-right-radius: 0px;
-  border-bottom-left-radius: 0px; }
-
-.selectorModule .moduleWrapper {
-  position: absolute;
-  width: 100% !important;
-  border-top: none; }
-
-.selectorModule ul.awd-module-list {
-  border-radius: 0px 0px 6px 6px; }
-
-.selectorModule .large > img {
-  height: 30px;
-  position: absolute;
-  width: 30px;
-  top: 20px;
-  left: 15px; }
-
-.selectModule {
-  background-color: transparent;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  color: #333333;
-  font-size: 1.6rem;
-  height: 36px;
-  line-height: 35px;
-  margin-bottom: 0;
-  position: relative;
-  text-align: left;
-  top: 0;
-  z-index: 10;
-  padding: 0px;
-  margin: 0px;
-  cursor: pointer; }
-
-.moduleWrapper {
-  background-color: #FFFFFF;
-  position: absolute;
-  color: #191919;
-  z-index: 9999;
-  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
-  border-radius: 0px 0px 6px 6px; }
-  .moduleWrapper .module-list-item img {
-    height: 30px;
-    position: absolute;
-    width: 30px;
-    top: 30px;
-    left: 15px;
-    align-self: center; }
-  .moduleWrapper span {
-    display: block;
-    white-space: nowrap;
-    font-size: 1.5rem; }
-
-.awd-module-list {
-  overflow-y: auto;
-  z-index: 9999;
-  max-height: 360px;
-  border: 1px solid #d2d2d2; }
-  .awd-module-list .module-list-item > .module-data {
-    overflow: ellipsis;
-    white-space: nowrap;
-    line-height: 20px;
-    font-size: 1.6rem;
-    border-bottom: 1px dotted #959595;
-    margin: 0px 15px 0px 15px;
-    padding-right: 50px;
-    padding-bottom: 14px;
-    padding-top: 14px;
-    align-self: center;
-    width: 100%; }
-  .awd-module-list .module-list-item:hover {
-    background-color: #f2f2f2; }
-  .awd-module-list .module-list-item:active {
-    background-color: #f2f2f2; }
-  .awd-module-list .module-list-item[aria-selected="true"] {
-    background-color: #f2f2f2; }
-
-.module-list-item {
-  cursor: pointer;
-  overflow: hidden;
-  position: relative;
-  overflow: ellipsis;
-  white-space: nowrap;
-  z-index: 1000;
-  color: #191919;
-  display: flex; }
-  .module-list-item:last-of-type .module-data {
-    border-bottom: none; }
-  .module-list-item img + span.module-data {
-    padding-left: 45px; }
-
-.module-groups:first-of-type .module-list-item:last-of-type .module-data {
-  border-bottom: 1px solid #959595; }
-
-.module-groupitem {
-  padding-bottom: 4px; }
-
-.selectorModule.large {
-  height: 72px;
-  vertical-align: middle;
-  text-align: left; }
-  .selectorModule.large .moduleWrapper {
-    top: 71px; }
-  .selectorModule.large input {
-    height: 72px;
-    vertical-align: middle;
-    text-align: left; }
-  .selectorModule.large button {
-    height: 72px;
-    vertical-align: middle;
-    text-align: left; }
-  .selectorModule.large .selectModule img {
-    left: 15px;
-    top: 21px; }
-
-ul.module-groupitem li {
-  margin: 0 -15px 0 -15px; }
-
-span.module-data span {
-  display: block;
-  line-height: 20px;
-  font-size: 1.5rem; }
-
-li.module-groups {
-  cursor: default !important;
-  padding: 18px 15px 0px 15px; }
-
-li.module-list-item[selected]:before {
-  box-sizing: border-box;
-  display: inline-block;
-  font-size: 2em;
-  height: 1em;
-  position: absolute;
-  top: 20px;
-  right: 0px;
-  vertical-align: middle;
-  width: 1em;
-  color: #007a3e; }
-
-ul.module-optinalcta {
-  position: relative;
-  height: 44px;
-  margin-top: 0px;
-  border-bottom: 1px solid #d2d2d2;
-  border-left: 1px solid #d2d2d2;
-  border-right: 1px solid #d2d2d2;
-  border-radius: 0px 0px 6px 6px; }
-  ul.module-optinalcta li {
-    position: absolute;
-    bottom: 10px; }
-  ul.module-optinalcta a {
-    text-indent: 15px;
-    padding: 15px; }
-
-.b2b-slider-container {
-  position: relative; }
-  .b2b-slider-container.slider-disabled {
-    cursor: not-allowed !important; }
-  .b2b-slider-container div {
-    position: absolute; }
-  .b2b-slider-container .slider-track-container {
-    width: 100%;
-    cursor: pointer; }
-  .b2b-slider-container .slider-track {
-    width: 100%;
-    height: 6px;
-    background-color: #cccccc;
-    border-radius: 10px;
-    border: 1px solid #cccccc; }
-  .b2b-slider-container .slider-track-fill {
-    width: 100%;
-    height: 6px;
-    background-color: #cccccc;
-    border-radius: 10px;
-    width: 0;
-    background-color: #157BB2;
-    transition: width 0s linear;
-    border: 1px solid #cccccc; }
-  .b2b-slider-container .slider-knob-container {
-    transition: left 0s linear; }
-    .b2b-slider-container .slider-knob-container.slider-knob-hidden {
-      display: none !important; }
-  .b2b-slider-container .slider-knob {
-    width: 14px;
-    height: 14px;
-    border-radius: 10px;
-    top: -4px;
-    left: -8px;
-    border: 1px solid #cccccc;
-    background: white;
-    cursor: pointer; }
-    .b2b-slider-container .slider-knob:focus {
-      outline: thin dotted #666; }
-
-.b2b-slider-endpoints-container {
-  margin-top: 13px;
-  color: #333;
-  font-size: 12px; }
-  .b2b-slider-endpoints-container .b2b-slider-endpoints-left {
-    float: left;
-    line-height: 100%; }
-  .b2b-slider-endpoints-container .b2b-slider-endpoints-right {
-    float: right;
-    line-height: 100%; }
-  .b2b-slider-endpoints-container::after {
-    clear: both;
-    content: "";
-    display: block; }
-
-.b2b-slider-container.vertical {
-  width: 100%;
-  height: 100%;
-  margin: 0 auto;
-  position: relative;
-  border-radius: 10px; }
-  .b2b-slider-container.vertical .slider-track-container {
-    position: relative;
-    height: 100%; }
-  .b2b-slider-container.vertical .slider-track {
-    position: absolute;
-    height: 100%; }
-  .b2b-slider-container.vertical .slider-track-fill {
-    position: absolute;
-    bottom: 0;
-    height: 0;
-    width: 100%; }
-  .b2b-slider-container.vertical .slider-knob-container {
-    transition: bottom 0s linear;
-    position: relative;
-    bottom: 0; }
-    .b2b-slider-container.vertical .slider-knob-container.slider-knob-hidden {
-      display: none !important; }
-  .b2b-slider-container.vertical .slider-knob {
-    position: absolute;
-    border-radius: 10px;
-    top: -7px;
-    left: -4px; }
-
-.icon-primary-spinner {
-  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20id%3D%22svg-spinner%22%20x%3D%220px%22%20y%3D%220px%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%20%3Cpath%20fill%3D%22%23F5F5F5%22%20d%3D%22M18%2036C8.1%2036%200%2027.9%200%2018S8.1%200%2018%200s18%208.1%2018%2018-8.1%2018-18%2018zm0-31.5c-7.5%200-13.5%206-13.5%2013.5S10.6%2031.5%2018%2031.5c7.5%200%2013.5-6.1%2013.5-13.5%200-7.5-6-13.5-13.5-13.5z%22%2F%3E%0A%20%20%20%3Cpath%20fill%3D%22%230568AE%22%20id%3D%22spinner%22%20d%3D%22M30.7%205.3l-3.1%203.2c2.4%202.4%203.9%205.8%203.9%209.5%200%207.4-6.1%2013.5-13.5%2013.5S4.5%2025.4%204.5%2018%2010.6%204.5%2018%204.5V0C8.1%200%200%208.1%200%2018s8.1%2018%2018%2018%2018-8.1%2018-18c0-5-2-9.5-5.3-12.7z%22%3E%0A%20%20%20%20%20%20%3CanimateTransform%20%0A%20%20%20%20%20%20%20%20%20attributeType%3D%22xml%22%0A%20%20%20%20%20%20%20%20%20attributeName%3D%22transform%22%0A%20%20%20%20%20%20%20%20%20type%3D%22rotate%22%0A%20%20%20%20%20%20%20%20%20from%3D%220%2018%2018%22%0A%20%20%20%20%20%20%20%20%20to%3D%22360%2018%2018%22%0A%20%20%20%20%20%20%20%20%20dur%3D%221.0s%22%0A%20%20%20%20%20%20%20%20%20repeatCount%3D%22indefinite%22%0A%20%20%20%20%20%20%2F%3E%0A%20%20%20%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
-  height: 50px;
-  width: 50px; }
-
-.icon-primary-spinner.small {
-  margin-right: 5px;
-  height: 30px !important;
-  width: 30px !important; }
-
-.isIE .icon-primary-spinner,
-.isIE .icon-primary-spinner.small {
-  animation: spinner 1s linear infinite; }
-
-.ds2-no-colors .icon-primary-spinner {
-  animation: spinner 1s linear infinite;
-  border: 5px dotted transparent;
-  border-radius: 50%; }
-
-@keyframes spinner {
-  0% {
-    transform: rotate(0deg); }
-  100% {
-    transform: rotate(359deg); } }
-
-.b2b-status-tracker > .btn-arrow:nth-of-type(1) {
-  margin-right: 10px; }
-
-.b2b-status-tracker > .btn-arrow:nth-of-type(2) {
-  margin-left: 20px; }
-
-.b2b-status-tracker > .btn-arrow {
-  height: 20px;
-  margin-top: 25px;
-  overflow: visible; }
-  .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-left {
-    margin-right: 5px;
-    color: #0574ac; }
-  .b2b-status-tracker > .btn-arrow > .btn-secondary > .icon-primary-right {
-    color: #0574ac; }
-
-.b2b-status-tracker > .b2b-status-tracker-step {
-  padding: 0;
-  position: relative; }
-
-.b2b-status-tracker-step {
-  margin-left: 5px; }
-
-.b2b-status-tracker > .b2b-status-tracker-step .b2b-status-tracker-heading {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 14px;
-  color: #191919;
-  margin-bottom: 10px; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.complete > .progress > .progress-bar {
-  width: 100%;
-  background-color: #1b7e28; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.complete .icoControls-approval {
-  color: #1b7e28; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.current > .progress > .progress-bar {
-  width: 100%;
-  background-color: #333333; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.current .icon-misc-time {
-  color: #333333; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.pending > .progress > .progress-bar {
-  width: 100%;
-  background-color: #ffb81c; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.pending .icoControls-statusokay {
-  color: #ffb81c; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.actionRequired > .progress > .progress-bar {
-  width: 100%;
-  background-color: #cf2a2a; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.actionRequired .icoSecurityalerts-alert {
-  color: #cf2a2a; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.notAvailable > .progress > .progress-bar {
-  width: 100%;
-  background-color: #767676; }
-
-.b2b-status-tracker > .b2b-status-tracker-step.notAvailable .icoControls-restricted {
-  color: #767676; }
-
-.b2b-status-tracker > .b2b-status-tracker-step > .progress {
-  position: relative;
-  border-radius: 1.5px;
-  height: 3px;
-  margin-bottom: 10px;
-  background-color: #c5c5c5; }
-  .b2b-status-tracker > .b2b-status-tracker-step > .progress > .progress-bar {
-    width: 0;
-    height: 3px; }
-
-.b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-estimate {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 14px;
-  color: #191919;
-  margin-bottom: 10px; }
-
-.b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 12px;
-  color: #767676;
-  padding-right: 15px; }
-  .b2b-status-tracker > .b2b-status-tracker-step > .b2b-status-tracker-description a {
-    cursor: pointer; }
-
-.step-indicator {
-  height: auto;
-  padding: 40px 0; }
-
-.step-heading {
-  color: #333333;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 3.8rem;
-  line-height: 0.8; }
-
-.steps {
-  display: flex;
-  height: 5px;
-  margin-top: 60px;
-  position: relative; }
-
-.steps li {
-  color: #5a5a5a;
-  flex: 1;
-  margin-right: 5px;
-  background-color: #c4c4c4;
-  outline: 1px solid transparent; }
-
-.steps li:first-child {
-  border-radius: 4px 0 0 4px; }
-
-.steps li:last-child {
-  margin-right: 0;
-  border-radius: 0 4px 4px 0; }
-
-.steps li.step-on,
-.steps li.step-done {
-  background-color: #007a3e;
-  color: #007a3e;
-  border: 1px solid transparent; }
-
-.step-text {
-  bottom: 29px;
-  display: inline-block;
-  font-size: 1.8rem;
-  margin-top: 0;
-  position: relative;
-  white-space: nowrap; }
-
-.step-on .step-text {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.steps li .step-text[data-large-text]:before {
-  content: attr(data-large-text) " "; }
-
-.step-confirmation {
-  color: #007a3e;
-  margin-bottom: 30px; }
-
-.step-confirmation > div {
-  display: flex; }
-
-.step-confirmation > div i {
-  color: #007a3e;
-  font-size: 50px;
-  margin-right: 10px; }
-
-.step-confirmation.centered > div i {
-  margin-left: -60px; }
-
-.step-confirmation > div h3 {
-  font-size: 2.4rem;
-  margin: 26px 0 20px; }
-
-.step-confirmation > p {
-  margin: 0; }
+    border: 0;
+}
 
-@media (max-width: 1024px) {
-  .step-indicator {
-    padding: 25px 0; }
-  .steps {
-    margin-top: 0; }
-  .step-heading {
-    font-size: 2.4rem;
-    margin-bottom: 11px; }
-  .step-text {
-    display: none; }
-  .step-on .step-text {
-    bottom: 6px;
-    display: block;
-    font-size: 1.2rem;
-    left: 0;
-    line-height: 1;
-    margin-top: 10px;
-    position: absolute;
-    top: 4px; }
-  .steps li .step-text[data-sm-text]:before {
-    content: attr(data-sm-text) " ";
-    color: #333333; }
-  .step-confirmation {
-    margin-top: 30px !important; } }
+.btn i[class*="icon-primary-"].icon-primary-small {
+    font-size: 17px;
+    top: -2px;
+}
 
-@media (max-width: 767px) {
-  .step-confirmation.centered > div i {
-    margin-left: 0; }
-  .step-confirmation.centered > p {
-    margin-left: 40px; }
-  .step-confirmation > div h3 {
-    font-size: 1.8rem;
-    margin: 13px 0 10px; }
-  .step-confirmation > div i {
+.btn i[class*="icon-primary-"].icon-primary-medium {
     font-size: 30px;
-    margin-right: 10px; } }
-
-.step-indicator.vertical {
-  height: auto; }
-
-.vertical .step-heading {
-  font-size: 24px; }
-
-.vertical .steps {
-  display: block;
-  height: inherit;
-  width: 100%; }
-
-.vertical .steps li {
-  align-items: center;
-  background-color: transparent;
-  display: flex;
-  height: 60px;
-  margin: 0 0 4px;
-  padding: 0 0 0 20px;
-  position: relative; }
-
-.vertical .steps li .step-text {
-  align-self: center;
-  color: #0568ae;
-  display: block;
-  margin: 0;
-  position: relative;
-  font-size: 14px;
-  top: 0; }
-
-.vertical .steps li .step-text[data-large-text]:before {
-  content: attr(data-large-text) " "; }
-
-.vertical .steps li:after {
-  background-color: transparent;
-  border-left: 4px solid #d2d2d2;
-  content: "";
-  height: 60px;
-  left: 0;
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  top: 0;
-  width: 4px; }
-
-.vertical .steps li.step-on:after,
-.vertical .steps li.step-done:after {
-  border-color: #0568ae; }
-
-.b2b-step-tracker {
-  height: auto;
-  padding: 0px 0px 0px 0px; }
-  .b2b-step-tracker .btn.btn-left {
-    margin-right: 10px; }
-  .b2b-step-tracker .btn.btn-right {
-    margin-left: 5px; }
-  .b2b-step-tracker .b2b-left-arrow {
-    float: left;
-    margin-top: -5px; }
-  .b2b-step-tracker .b2b-right-arrow {
-    float: right;
-    margin-top: -5px; }
-  .b2b-step-tracker .b2b-steps {
-    display: flex;
-    height: 5px;
-    margin-top: 30px;
-    position: relative; }
-    .b2b-step-tracker .b2b-steps li {
-      color: #767676;
-      flex: 1;
-      margin-right: 5px;
-      background-color: #767676;
-      outline: 1px solid transparent;
-      height: 3px; }
-      .b2b-step-tracker .b2b-steps li.b2b-step-done {
-        background-color: #1b7e28;
-        color: #007a3e;
-        height: 3px; }
-      .b2b-step-tracker .b2b-steps li.b2b-step-on {
-        background-color: #333333;
-        color: #333333;
-        height: 3px;
-        font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-      .b2b-step-tracker .b2b-steps li .b2b-step-text {
-        bottom: 29px;
-        display: inline-block;
-        font-size: 14px;
-        margin-top: 0;
-        position: relative;
-        white-space: nowrap; }
-      .b2b-step-tracker .b2b-steps li .b2b-step-text[data-large-text]:before {
-        content: attr(data-large-text) " "; }
-    .b2b-step-tracker .b2b-steps li:first-child {
-      border-radius: 2px 0 0 2px; }
-    .b2b-step-tracker .b2b-steps li:last-child {
-      margin-right: 0;
-      border-radius: 0 2px 2px 0; }
-
-@media (max-width: 1024px) {
-  .b2b-step-tracker {
-    padding: 25px 0; }
-    .b2b-step-tracker .b2b-steps {
-      margin-top: 0; }
-      .b2b-step-tracker .b2b-steps li .b2b-step-text {
-        display: none; }
-      .b2b-step-tracker .b2b-steps li .b2b-step-text[data-sm-text]:before {
-        content: attr(data-sm-text) " ";
-        color: #333333; }
-      .b2b-step-tracker .b2b-steps li.b2b-step-on .b2b-step-text {
-        bottom: 6px;
-        display: block;
-        font-size: 5px;
-        left: 0;
-        line-height: 1;
-        margin-top: 10px;
-        position: absolute;
-        top: 4px; } }
-
-.strength-meter-container {
-  height: 26px;
-  max-width: 450px; }
-
-.strength-meter-gauge {
-  border-radius: 2px;
-  background-color: #d2d2d2;
-  height: 5px;
-  display: block;
-  position: relative;
-  outline: 1px solid transparent; }
-
-.strength-meter-gauge-fill {
-  height: 100%;
-  display: block;
-  border-radius: 2px;
-  text-indent: -9999px;
-  width: 0%;
-  border: 2px solid transparent; }
-
-.strength-meter-gauge-fill.strength-meter-animate {
-  transition: width 0.5s linear, background-color 0.5s linear; }
-
-.strength-meter-animate[style*="20"] {
-  background-color: #cf2a2a; }
-
-.strength-meter-animate[style*="20"] + .strength-meter-divider + .strength-meter-content:after {
-  content: "Unacceptable"; }
-
-.strength-meter-animate[style*="40"] {
-  background-color: #ea7400; }
-
-.strength-meter-animate[style*="40"] + .strength-meter-divider + .strength-meter-content:after {
-  content: "Weak"; }
-
-.strength-meter-animate[style*="60"] {
-  background-color: #ea7400; }
-
-.strength-meter-animate[style*="60"] + .strength-meter-divider + .strength-meter-content:after {
-  content: "Fair"; }
-
-.strength-meter-animate[style*="80"] {
-  background-color: #007a3e; }
-
-.strength-meter-animate[style*="80"] + .strength-meter-divider + .strength-meter-content:after {
-  content: "Good"; }
-
-.strength-meter-animate[style*="100"] {
-  background-color: #007a3e; }
-
-.strength-meter-animate[style*="100"] + .strength-meter-divider + .strength-meter-content:after {
-  content: "Excellent"; }
-
-.strength-meter-divider {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  display: flex;
-  overflow: hidden; }
-
-.strength-meter-divider span {
-  background: transparent;
-  display: block;
-  flex-grow: 1;
-  border-right: solid 1px #fff; }
-
-.strength-meter-divider span:first-child {
-  border-radius: 2px 0 0 2px; }
-
-.strength-meter-divider span + .strength-meter-divider span {
-  border-radius: 0; }
-
-.strength-meter-divider span:last-child {
-  border-radius: 0 2px 2px 0;
-  border-right: 0; }
-
-.strength-meter-content {
-  font-size: 14px;
-  line-height: 1;
-  padding-top: 7px;
-  position: absolute; }
-
-.strength-meter-content:before {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  content: "Password strength: "; }
-
-.strength-meter-content:after {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.strength-meter-container {
-  height: 26px;
-  min-width: 290px;
-  max-width: 450px; }
-
-.strength-meter-container .strength-meter-gauge {
-  border-radius: 2px;
-  background-color: #cccccc;
-  box-shadow: 0 1px 1px -1px #333 inset;
-  height: 5px;
-  display: block;
-  overflow: hidden;
-  position: relative; }
-
-.strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill {
-  height: 100%;
-  box-shadow: 0 1px 1px -1px #999 inset;
-  display: block;
-  text-indent: -9999px;
-  width: 0%; }
-
-.strength-meter-container > .strength-meter-gauge > .strength-meter-gauge-fill.strength-meter-animate {
-  transition: width 0ms ease-out, background-color 0ms ease-in; }
-
-.strength-meter-container > .strength-meter-gauge > .strength-meter-divider {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  display: flex; }
-
-.strength-meter-container > .strength-meter-gauge > .strength-meter-divider span {
-  background: transparent;
-  display: block;
-  flex-grow: 1;
-  border-right: solid 1px #fff; }
-
-.strength-meter-container > .strength-meter-gauge > .strength-meter-divider span:last-child {
-  border-right: 0; }
-
-.strength-meter-container > .strength-meter-content {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 14px;
-  line-height: 1;
-  padding-top: 7px; }
-
-.strength-meter-container > .strength-meter-content:before {
-  content: none; }
-
-.strength-meter-container > .strength-meter-content > .strength-meter-content-state {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.btn-switch-label {
-  display: flex;
-  align-items: center; }
-  .btn-switch-label:focus .btn-switch {
-    outline: 1px dotted #666;
-    outline-offset: 5px; }
-  .btn-switch-label input:focus .btn-switch {
-    outline: 1px dotted #666;
-    outline-offset: 5px; }
-  .btn-switch-label > span {
-    flex: 1; }
-
-.btn-switch {
-  background-color: #fff;
-  border: 1px solid #d2d2d2;
-  border-radius: 16px;
-  box-shadow: 0 4px 5px -5px rgba(0, 0, 0, 0.15) inset, 0 5px 5px -5px rgba(0, 0, 0, 0.15);
-  height: 32px;
-  overflow: hidden;
-  position: relative;
-  width: 80px;
-  user-select: none; }
-  /* .btn-switch input[type="checkbox"] {
-    left: 0;
-    margin: 0;
-    opacity: 0;
-    position: absolute;
-    top: 0;
-    transition: none; }
-    .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on .activo {
-      font: 0px/0 "Omnes-ECOMP-W02", Arial; }
-    .btn-switch input[type="checkbox"] + .switch-overlay .btn-slider-on + .btn + .btn-slider-off .inactivo {
-      font: 0px/0 "Omnes-ECOMP-W02", Arial; } */
-  .btn-switch input:checked + .switch-overlay {
-    left: 0;
-    transition: all .3s linear .0s; }
-    .btn-switch input:checked + .switch-overlay .switch-handle {
-      background-color: #007a3e;
-      background: linear-gradient(to bottom, #008744 0%, #007a3e 100%);
-      transition: background-color 0.3s linear 0s;
-      border: 1px solid transparent; }
-  .btn-switch input + .switch-overlay {
-    left: -48px;
-    transition: all .3s linear .0s; }
-    .btn-switch input + .switch-overlay .switch-handle {
-      background-color: #f2f2f2;
-      background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%);
-      transition: background-color 0.3s linear 0s;
-      border: 1px solid #d2d2d2; }
-  .btn-switch input[disabled] + .switch-overlay {
-    left: 0;
-    width: 100% !important;
-    background-color: #d2d2d2;
-    color: #959595;
-    cursor: not-allowed !important; }
-    .btn-switch input[disabled] + .switch-overlay .btn-slider-on {
-      display: none; }
-    .btn-switch input[disabled] + .switch-overlay .activo {
-      display: none; }
-    .btn-switch input[disabled] + .switch-overlay .switch-handle {
-      display: none; }
-    .btn-switch input[disabled] + .switch-overlay .btn-slider-off {
-      left: 0;
-      text-align: center;
-      padding: 0; }
-  .btn-switch input[disabled]:checked + .switch-overlay {
-    left: 0;
-    width: 100% !important;
-    background-color: #fff; }
-    .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off {
-      display: none; }
-      .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-off + .inactivo {
-        display: none; }
-    .btn-switch input[disabled]:checked + .switch-overlay .switch-handle {
-      display: none; }
-    .btn-switch input[disabled]:checked + .switch-overlay .btn-slider-on {
-      display: block;
-      text-align: center;
-      padding: 0;
-      color: #007a3e !important;
-      font-weight: bold; }
-    .btn-switch input[disabled]:checked + .switch-overlay .activo {
-      display: block;
-      text-align: center;
-      padding: 0;
-      color: #007a3e !important;
-      font-weight: bold; }
-  .btn-switch input[disabled]:checked + .btn-slider-on {
-    display: block; }
-  .btn-switch input[disabled] + .btn-slider-on + .switch-handle {
-    width: 100%;
-    margin: 0; }
-    .btn-switch input[disabled] + .btn-slider-on + .switch-handle + .btn-slider-off {
-      display: block; }
-  /* .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on {
-    display: none; }
-    .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo {
-      border: medium none;
-      color: #666;
-      font: 16px/32px "Omnes-ECOMP-W02", Arial;
-      height: auto;
-      margin: 0 auto;
-      width: auto; }
-      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on .activo:before {
-        display: none; }
-    .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
-      display: block;
-      padding: 0;
-      text-align: center;
-      color: #333333; }
-      .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo {
-        border: medium none;
-        color: #666;
-        font: 16px/32px "Omnes-ECOMP-W02", Arial;
-        height: auto;
-        margin: 0 auto;
-        width: auto; }
-        .btn-switch input[type="checkbox"][disabled] + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off .inactivo:before {
-          display: none; }
-  .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on {
-    display: block;
-    padding: 0;
-    text-align: center;
-    color: #007a3e; }
-    .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .btn-slider-on + .switch-handle + .btn-slider-off {
-      display: none; }
-  .btn-switch input[type="checkbox"][disabled]:checked + .switch-overlay .activo {
-    color: #007a3e;
-    font-weight: bold; } */
-
-.switch-overlay {
-  border-radius: 16px;
-  color: black !important;
-  font-size: 1.6rem;
-  height: 32px;
-  left: 0;
-  position: absolute;
-  top: -1px;
-  width: 126px;
-  overflow: hidden; }
-
-.btn-slider-on {
-  left: -1px;
-  text-align: left;
-  padding-left: 12px;
-  display: inline-block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  height: 32px;
-  line-height: 32px;
-  position: absolute;
-  top: 1px;
-  width: 80px; }
-
-.btn-slider-off {
-  display: inline-block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  height: 32px;
-  line-height: 32px;
-  position: absolute;
-  top: 1px;
-  width: 80px;
-  right: 1px;
-  text-align: right;
-  padding-right: 11px; }
-
-.switch-handle {
-  border-radius: 50%;
-  display: inline-block;
-  height: 26px;
-  left: 50px;
-  position: absolute;
-  top: 3px;
-  width: 26px; }
-
-.activo {
-  display: block;
-  font-size: 0.1px;
-  line-height: 40px;
-  overflow: hidden; }
-  .activo:before {
-    background-image: none;
-    border-left: 3px solid #007a3e;
-    content: " ";
-    height: 18px;
-    left: 22px;
-    margin: 2px auto;
-    position: absolute;
-    top: 5px;
-    width: 0; }
-
-.inactivo {
-  font-size: 0.1px;
-  line-height: 40px; }
-  .inactivo:before {
-    background-image: none;
-    border: 3px solid #959595;
-    border-radius: 100%;
-    content: " ";
-    display: block;
-    position: absolute;
-    top: 4px;
-    right: 3px;
-    height: 16px;
-    width: 16px; }
-
-.btn-switch.focused {
-  outline: 1px dotted #000;
-  outline-offset: 5px; }
-
-table {
-  max-width: 100%;
-  background-color: transparent;
-  border-collapse: collapse;
-  border-spacing: 0;
-  width: 100%;
-  margin-bottom: 20px; }
-
-table caption {
-  text-align: left; }
-
-table thead th {
-  vertical-align: bottom; }
-
-table th,
-table td {
-  padding: 19px 20px;
-  line-height: 1;
-  font-size: 1.4rem;
-  text-align: left;
-  vertical-align: top;
-  word-wrap: break-word; }
-
-table th {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 1.6rem;
-  font-weight: normal;
-  color: #333333;
-  padding: 13px 20px; }
-
-table tbody td {
-  border-left: 1px solid #d2d2d2;
-  border-top: 1px solid #d2d2d2; }
-
-table tbody td:first-child {
-  border-left: none; }
-
-.tiny-accordion.iconleft.accordion-table-layout .toggle-header,
-.tiny-accordion.iconleft.accordion-table-layout .toggle-header + .accordion-content,
-.tiny-accordion.iconleft.accordion-table-layout .inactive-toggle-header {
-  padding: 0 0 0 50px; }
-
-.faux-table-cell,
-.inactive-toggle-header .faux-table-cell {
-  display: table-cell;
-  width: 100%;
-  padding: 13px 0 10px 0;
-  font-size: 16px;
-  color: #333333; }
-
-.accordion-content .faux-table-cell {
-  display: table-cell;
-  width: 100%;
-  padding: 0 0 10px 0; }
-
-.faux-table-cell:last-child {
-  text-align: right;
-  min-width: 100px;
-  max-width: 150px;
-  width: 1%;
-  background-color: #f2f2f2;
-  color: #333333;
-  font-size: 14px;
-  border-left: 1px solid #d2d2d2;
-  padding: 0 20px 0 10px; }
-
-.tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
-  opacity: 1; }
-
-.tiny-accordion.iconleft.accordion-table-layout .toggle-header.opened .hide-when-expanded {
-  opacity: 0;
-  transition: opacity .3s linear .2s; }
-
-@media (max-width: 767px) {
-  table th,
-  table td {
-    padding: 19px 10px; }
-  table th:first-child,
-  table td:first-child {
-    padding: 19px 15px; } }
-
-.data-row-list ul > li {
-  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewport%3D%220%200%201%201%22%20style%3D%22width%3A100%25%3B%20height%3A1px%3B%22%3E%3Cstyle%3Eline%7Bstroke%3Argba(153%2C153%2C153%2C1)%3Bstroke-width%3A2%3B%7D%3C%2Fstyle%3E%3Cline%20y2%3D%221%22%20y1%3D%221%22%20x1%3D%221%22%20x2%3D%22100%25%22%20stroke-dasharray%3D%221%2C%203%22%2F%3E%3C%2Fsvg%3E") !important; }
-
-table {
-  border-bottom: 1px solid #d2d2d2; }
-
-table th,
-table td {
-  padding: 15px 15px 10px; }
-
-.data-row .col-1 {
-  white-space: nowrap;
-  padding: 15px 15px 0 15px;
-  position: relative;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.4rem;
-  border-top: 1px solid #d2d2d2; }
-
-.data-row.has-button .col-1 {
-  padding: 0; }
-
-.complex-table .data-row .col-1 {
-  color: #0568ae;
-  cursor: pointer; }
-
-.data-row.opened {
-  box-shadow: 0 -2px 0 0 #d2d2d2; }
-
-.data-row.opened td,
-.data-row.opened th {
-  border-left: 1px solid transparent;
-  border-bottom: 1px solid transparent; }
-
-.data-row.opened + .data-row-list {
-  box-shadow: 0 1px 0 0 #d2d2d2; }
-
-.data-row.opened + .data-row-list > td {
-  padding-top: 0; }
-
-.data-row.opened + .data-row-list + .data-row.opened {
-  box-shadow: 0 -1px 0 0 #d2d2d2; }
-
-.data-row button {
-  background-color: transparent;
-  border: medium none;
-  border-radius: 0;
-  color: #0568ae;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.4rem;
-  left: 0;
-  margin: 0;
-  padding: 12px 15px 7px;
-  position: relative;
-  text-align: left;
-  top: 0;
-  vertical-align: middle; }
-
-.data-row button:focus {
-  outline: 1px dotted black; }
-
-.data-row .col-1 i {
-  top: -1px;
-  margin-right: 10px;
-  display: inline-block !important; }
-
-.data-row-list th:first-child {
-  background-color: inherit !important;
-  border-top: none;
-  padding: 0 15px 15px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.4rem; }
-
-.data-row-list ul {
-  margin: 0 0 0 30px; }
-
-.data-row-list ul > li:before {
-  display: none; }
-
-.data-row-list ul > li {
-  /* background-image in tables.less */
-  background-position: left 13px;
-  background-repeat: repeat-x;
-  background-size: 4px 1px;
-  display: table;
-  padding-left: 0;
-  width: 100%; }
-
-.data-row-list li div {
-  display: table-cell;
-  background-color: white;
-  float: left;
-  text-align: left;
-  padding-left: 0;
-  padding-right: 7px; }
-
-.data-row-list li div + div {
-  float: right;
-  text-align: right;
-  padding-right: 0;
-  padding-left: 7px; }
-
-.complex-table td:nth-child(1),
-.complex-table td:nth-child(2),
-.complex-table td:nth-child(3),
-.complex-table td:nth-child(4),
-.complex-table td:nth-child(5),
-.complex-table td:nth-child(6),
-.complex-table td:nth-child(7),
-.complex-table td:nth-child(8),
-.complex-table td:nth-child(9) {
-  white-space: nowrap; }
-
-th:nth-child(8) {
-  word-wrap: break-word;
-  word-spacing: 0; }
-
-.align-col-right {
-  text-align: right; }
-
-.complex-table th:not(:first-child),
-.complex-table td:not(:first-child) {
-  text-align: right; }
-
-.striped tbody > tr td {
-  background-color: transparent !important; }
-
-.striped tbody > tr.data-row.odd,
-.striped tbody > tr.data-row.odd + .data-row-list,
-.striped tbody > tr.data-row.odd + .data-row-list li div {
-  background-color: #f2f2f2 !important; }
-
-.striped tbody > tr:not('.data-row'):nth-child(even) {
-  background-color: #f2f2f2; }
-
-.b2b-table-div .selectWrap {
-  width: 290px;
-  position: relative;
-  display: inline-table;
-  margin-bottom: 0px; }
-
-.b2b-external-sort-div {
-  float: right;
-  padding-bottom: 25px; }
-
-.b2b-external-sort-div .sortButton {
-  font-size: 36px;
-  border: 1px solid #ccc;
-  background: #FFF;
-  border-radius: 6px;
-  text-align: center;
-  background: linear-gradient(#fcfcfc, #f2f2f2);
-  background-blend-mode: multiply;
-  width: 1em; }
-
-.b2b-external-sort-label {
-  padding-bottom: 10px; }
-
-.b2b-external-sort-div a:hover {
-  cursor: pointer; }
-
-.b2b-external-sort-div a:hover, .b2b-external-sort-div a:focus {
-  text-decoration: none; }
-
-.b2b-external-sort-label label {
-  position: relative; }
-
-.b2b-external-sort-margin {
-  margin-right: 13px !important; }
-
-.b2b-table-sorter-icon [class*="icoArrows-"]:before {
-  font-size: 20px; }
-
-@media screen and (max-width: 950px) {
-  .b2b-external-sort-margin .selectWrap {
-    bottom: 0px !important; } }
-
-.tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
-  background: 0 0;
-  cursor: default; }
-
-.tablesorter-default .tablesorter-header .tablesorter-header-inner {
-  /*  background-image: url(images/tables/upanddown.png);*/
-  background-position: center right;
-  background-repeat: no-repeat;
-  cursor: pointer;
-  white-space: normal;
-  display: inline-block;
-  vertical-align: baseline;
-  zoom: 1;
-  *display: inline;
-  *vertical-align: auto;
-  /*  padding: 0 24px 0 0;*/ }
-
-.tablesorter-default .tablesorter-header.sorter-false .tablesorter-header-inner {
-  padding: 0; }
-
-.tablesorter-default .tablesorter-header.tablesort-sortable .tablesorter-header-inner span {
-  margin-right: 24px;
-  display: inline-block; }
-
-/*
-.tablesorter-default thead .headerSortUp .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner {
-  background-image: url(images/tables/up.png);
+    top: -2px;
 }
 
-.tablesorter-default thead .headerSortDown .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
-  background-image: url(images/tables/down.png);
+.btn i[class*="icon-primary-"].icon-primary-large {
+    font-size: 36px;
+    top: -2px;
 }
-*/
-.tablesorter-default thead .headerSortUp .tablesorter-header-inner,
-.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner,
-.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner,
-.tablesorter-default thead .headerSortDown .tablesorter-header-inner,
-.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner,
-.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner {
-  padding-right: 0;
-  line-height: 16px; }
-
-.tablesorter-default thead .headerSortUp .tablesorter-header-inner:after,
-.tablesorter-default thead .tablesorter-headerAsc .tablesorter-header-inner:after,
-.tablesorter-default thead .tablesorter-headerSortUp .tablesorter-header-inner:after {
-  font-family: 'icoPrimary' !important;
-  speak: none;
-  font-style: normal;
-  font-size: 24px;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 14px;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  -webkit-user-select: none;
-  user-select: none;
-  content: "\ea3c";
-  /*    position: relative;*/
-  position: absolute;
-  text-decoration: inherit;
-  display: inline-block;
-  transform: rotate(180deg);
-  margin-left: -22px;
-  margin-top: 2px; }
-
-.tablesorter-default thead .headerSortDown .tablesorter-header-inner:after,
-.tablesorter-default thead .tablesorter-headerDesc .tablesorter-header-inner:after,
-.tablesorter-default thead .tablesorter-headerSortDown .tablesorter-header-inner:after {
-  font-family: 'icoPrimary' !important;
-  speak: none;
-  font-style: normal;
-  font-size: 24px;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 14px;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  -webkit-user-select: none;
-  user-select: none;
-  content: "\ea3c";
-  /*    position: relative;*/
-  position: absolute;
-  text-decoration: inherit;
-  display: inline-block;
-  margin-left: -22px;
-  margin-top: 2px; }
-
-.tablesorter-search-highlight {
-  font-weight: 700; }
-
-.tablesorter-headerRow th:focus {
-  outline: thin dotted #666;
-  outline-offset: -1px; }
-
-.b2b-table-message {
-  font-family: "Omnes-ECOMP-W02", Arial; }
-  .b2b-table-message .b2b-magnify-glass {
-    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20enable-background%3D%22new%200%200%2036%2036%22%3E%3Cpath%20d%3D%22M27.847%208.26c-1.805-1.803-4.202-2.795-6.751-2.795-2.548%200-4.945.993-6.749%202.796-1.803%201.803-2.796%204.2-2.796%206.75%200%201.879.543%203.681%201.576%205.242l-7.059%207.059c-.357.356-.554.831-.554%201.336-.001.505.196.98.554%201.337.357.356.832.552%201.336.552.503%200%20.977-.196%201.336-.553l7.047-7.048c1.576%201.062%203.402%201.622%205.309%201.622%202.55%200%204.948-.993%206.751-2.796%201.803-1.804%202.796-4.201%202.796-6.751%200-2.549-.993-4.947-2.796-6.751zm-6.761.96c3.186%200%205.778%202.592%205.778%205.778%200%203.186-2.592%205.778-5.778%205.778-3.186%200-5.778-2.592-5.778-5.778%200-3.185%202.592-5.778%205.778-5.778z%22%20fill%3D%22%23767676%22%2F%3E%3C%2Fsvg%3E");
-    background-repeat: no-repeat;
-    background-position: center;
-    height: 50px; }
-  .b2b-table-message .b2b-alert {
-    font-size: 50px; }
-  .b2b-table-message .b2b-loading-dots {
-    font-size: 50px;
-    margin-bottom: 20px; }
-  .b2b-table-message .b2b-message {
-    text-align: center;
-    padding-bottom: 45px;
-    padding-top: 40px;
-    border-style: solid;
-    border-width: 1px;
-    border-top: none;
-    padding-bottom: 45px;
-    border-color: #d2d2d2;
-    width: 100%;
-    min-height: 220px; }
-  .b2b-table-message .b2b-error-title {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #444444;
-    line-height: 26px;
-    margin-top: 10px; }
-  .b2b-table-message .b2b-message-title {
-    color: #444;
-    font-family: "Omnes-ECOMP-W02", Arial; }
-
-.b2b-table-scrollbar {
-  border: 1px solid;
-  width: 651px;
-  position: relative; }
-  .b2b-table-scrollbar .b2b-table-inner-container {
-    width: 650px;
-    padding-left: 150px;
-    overflow-x: scroll; }
-  .b2b-table-scrollbar th:first-child {
-    background-color: #FFFFFF; }
-  .b2b-table-scrollbar td:first-child {
-    background-color: #FFFFFF;
-    border-top: 1px solid #cccccc;
-    border-right: 1px solid #cccccc;
-    margin-top: -0.5px; }
-  .b2b-table-scrollbar tr {
-    th: nth-child(2), td; }
-    .b2b-table-scrollbar tr :nth-child(2) {
-      border-left: none; }
-  .b2b-table-scrollbar tr:last-child > td:first-child {
-    border-bottom: 1px solid #cccccc; }
-
-.b2b-scrollbar-arrow-left {
-  float: left;
-  margin: 10px; }
-
-.b2b-scrollbar-arrow-right {
-  float: right;
-  clear: right;
-  margin: 10px; }
-  .b2b-scrollbar-arrow-right.btn-arrow .btn {
-    margin-right: 0; }
-
-.b2b-table-scrollbar ::-webkit-scrollbar {
-  height: 10px; }
-
-.b2b-table-scrollbar ::-webkit-scrollbar-thumb {
-  background: #666666;
-  border-radius: 5px; }
-
-.tabs {
-  margin-left: 0;
-  margin-bottom: 20px;
-  list-style: none; }
-
-.tabs > li > a {
-  display: block; }
-
-.tabs > li > a:hover,
-.tabs > li > a:focus {
-  text-decoration: none;
-  background-color: #d2d2d2; }
-
-.tabs > .pull-right {
-  float: right; }
-
-.tabs:before,
-.tabs:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.tabs:after {
-  clear: both; }
-
-.tabs > li {
-  float: left; }
-
-.tabs > li > a {
-  padding-right: 20px;
-  padding-left: 20px;
-  margin-right: 3px;
-  line-height: 16px; }
-
-.tabs {
-  margin: 0; }
-
-.tabs > li {
-  margin-bottom: -1px; }
-
-.tabs > li:first-child {
-  margin-left: 20px; }
-
-.tabs > li > a {
-  padding: 12px 20px;
-  border: 1px solid #d2d2d2;
-  border-radius: 6px 6px 0 0;
-  background-color: #f2f2f2;
-  color: #5a5a5a;
-  border-color: #d2d2d2; }
-
-.tabs > li > a {
-  margin-right: 6px; }
-
-.tabs > li > a,
-.tabs > li > a:hover,
-.tabs > li > a:focus {
-  background-image: none;
-  background-color: #ffffff;
-  color: #5a5a5a;
-  border-color: #d2d2d2;
-  border-bottom: 1px solid transparent;
-  cursor: pointer; }
-
-.tabs.tabs-justified,
-.tabs.promo-tabs {
-  width: 100%;
-  border-bottom: 0;
-  margin-bottom: -1px; }
-
-.tabs.tabs-justified > li,
-.tabs.promo-tabs > li {
-  display: table-cell;
-  float: none;
-  width: 1%;
-  border-left: 1px solid #d2d2d2; }
-
-.tabs.tabs-justified > li.active,
-.tabs.promo-tabs > li.active {
-  position: relative;
-  z-index: 1000; }
-
-.tabs.tabs-justified > li > a {
-  padding-right: 5px;
-  padding-left: 5px; }
-
-.tabs.tabs-justified > li > a,
-.tabs.promo-tabs > li > a {
-  text-align: center; }
-
-.tabs.promo-tabs > li > a {
-  padding: 0;
-  margin: 0;
-  border-radius: 0;
-  border: none;
-  color: #0568ae;
-  font-size: 1.2rem;
-  text-align: center;
-  padding: 6px 10px 10px;
-  border-top: 4px solid #e6e6e6;
-  filter: none;
-  border-bottom: 1px solid #d2d2d2;
-  background-color: #f9f9f9; }
-
-.tabs > li:last-child > a {
-  margin-right: 0; }
-
-.tabs.promo-tabs > li.active > a {
-  color: #333333;
-  border-top: 4px solid #ea7400;
-  border-bottom-color: white;
-  background-color: #fff !important;
-  filter: none;
-  cursor: default; }
-
-.tabs.promo-tabs > li:first-child {
-  border-left: none; }
-
-.tabs.promo-tabs > li > a img {
-  max-width: inherit;
-  max-height: 39px;
-  margin: 0 auto 5px auto;
-  display: block; }
-
-.tabbable:before,
-.tabbable:after {
-  display: table;
-  content: "";
-  line-height: 0; }
-
-.tabbable:after {
-  clear: both; }
-
-
-
-.tabs.promo-tabs > li > a {
-  font-size: 2.0rem;
-  height: 70px;
-  padding: 20px 20px 24px;
-  background-color: #FFFFFF;
-  border-top: 5px solid #FFFFFF;
-  white-space: nowrap; }
-
-.tabs.promo-tabs > li.active > a {
-  border-top: 5px solid #0574ac; }
-
-.tabs.promo-tabs > li > a:hover {
-  color: #333333; }
-
-.tabs.promo-tabs > li {
-  width: auto; }
-
-.tabs > li[disabled="disabled"] > a:hover {
-  cursor: not-allowed; }
-
-.b2b-tags {
-  background-color: #f2f2f2;
-  -webkit-transition: all .3s ease-out;
-  -moz-transition: all .3s ease-out;
-  transition: all .3s ease-out;
-  margin: 3px 5px 3px 0;
-  padding: 2px 15px;
-  border-radius: 6px;
-  border: 1px solid #c9c9c9;
-  display: inline-block; }
-  .b2b-tags .tags__item {
-    font-size: 14px;
-    vertical-align: baseline;
-    zoom: 1;
-    color: #333; }
-    .b2b-tags .tags__item i {
-      color: #0574ac;
-      font-size: 14px;
-      font-weight: bold;
-      margin-left: 10px; }
-      .b2b-tags .tags__item i:hover {
-        cursor: pointer; }
-    .b2b-tags .tags__item i:focus {
-      outline: thin dotted #666; }
-    .b2b-tags .tags__item:last-child {
-      margin-right: 0; }
-    .b2b-tags .tags__item:hover {
-      text-decoration: none; }
-    .b2b-tags .tags__item:focus {
-      outline: 1px dotted #666; }
-
-.tooltip-size-control {
-  display: block; }
-
-.tooltip {
-  display: inline-block;
-  height: 20px;
-  vertical-align: middle;
-  margin: 1px 0 0 7px; }
-
-p .tooltip {
-  margin: -3px 7px 0 0; }
-
-label .tooltip {
-  margin: 1px 0 0 7px; }
-
-.tooltip .icon-primary-tooltip {
-  background: none;
-  border: none;
-  display: inline-block;
-  font-size: 20px;
-  height: 20px;
-  margin: 0;
-  position: relative;
-  width: 20px; }
-
-.tooltip .icon-primary-tooltip:before {
-  top: 0; }
-
-.tooltip .icon-primary-tooltip:focus {
-  text-decoration: none;
-  outline: 1px dotted black; }
-
-.tooltip.active .icon-primary-tooltip:focus {
-  outline: none; }
-
-.tooltip .arrow {
-  display: none;
-  border-color: transparent;
-  border-style: solid;
-  background-color: #0568ae;
-  height: 20px;
-  width: 20px;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  opacity: 0;
-  transform: rotate(45deg);
-  z-index: 20; }
-
-.tooltip.active .icon-primary-tooltip[data-placement="top"] .arrow {
-  display: block;
-  bottom: 32px;
-  top: auto;
-  border-width: 0 1px 1px 0; }
-
-.tooltip.active .icon-primary-tooltip[data-placement="bottom"] .arrow {
-  border-width: 1px 0 0 1px;
-  display: block;
-  bottom: -33px;
-  top: auto; }
-
-.tooltip.active .arrow {
-  opacity: 1; }
-
-.tooltip .closingtooltip {
-  display: block; }
-
-.tooltip.active .closingtooltip {
-  display: none; }
-
-.tooltip-wrapper {
-  position: absolute;
-  margin-top: 20px;
-  left: 15px;
-  right: 15px;
-  display: none;
-  opacity: 0;
-  z-index: 1010;
-  text-align: left; }
-
-.helpertext {
-  background-color: #0568ae;
-  border: 1px solid transparent;
-  border-radius: 6px;
-  color: #fff;
-  display: none;
-  margin: 0;
-  padding: 25px;
-  position: relative;
-  text-align: left;
-  width: 100%;
-  top: 0;
-  z-index: 1009; }
-
-.tooltip .helpertext {
-  position: absolute; }
-
-.tooltip.active .icon-primary-tooltip[data-placement="bottom"] + .tooltip-wrapper .helpertext {
-  bottom: inherit;
-  top: 19px; }
-
-.tooltip.active .icon-primary-tooltip[data-placement="top"] + .tooltip-wrapper .helpertext {
-  top: inherit;
-  bottom: 38px; }
-
-.tooltip.active .tooltip-wrapper {
-  opacity: 1;
-  display: block;
-  margin-top: 0; }
-
-.tooltip.active .tooltip-wrapper .helpertext {
-  display: block; }
-
-.tooltip-onclick .btn.icon-primary-tooltip {
-  border: medium none;
-  box-shadow: none;
-  color: #0568ae;
-  font-size: 20px;
-  height: 34px;
-  line-height: 36px;
-  margin: 0;
-  min-width: 50px;
-  padding: 0;
-  position: absolute;
-  right: 0;
-  top: 0; }
-
-.tooltip-onclick .icon-primary-tooltip:before {
-  display: inline;
-  position: relative; }
-
-.tooltip-onclick textarea + .reset-field + .icon-primary-tooltip {
-  top: 4px;
-  right: 5px;
-  min-width: 40px; }
-
-.tooltip-onclick.active .helpertext:before,
-.tooltip-onfocus.active .helpertext:before {
-  background-color: #0568ae;
-  border-color: transparent;
-  border-style: solid;
-  border-width: 1px 1px 0 0;
-  content: "";
-  display: block;
-  height: 15px;
-  left: 17px;
-  margin: 0;
-  position: absolute;
-  top: -7px;
-  transform: rotate(-45deg);
-  width: 15px; }
 
-.tooltip-onclick.active .helpertext {
-  display: block;
-  opacity: 1;
-  margin: 14px 0 0; }
-
-.tooltip-onclick.active .helpertext:before {
-  left: inherit;
-  right: 18px; }
-
-.tooltip-onclick .reset-field {
-  right: 37px; }
-
-.tooltip-onclick .reset-field:before {
-  position: relative;
-  top: -1px; }
-
-.tooltip-onfocus.active .helpertext {
-  display: block;
-  margin: 14px 0 10px 0; }
-
-.popover-title {
-  display: block;
-  font-size: 14px;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-weight: bold;
-  margin-bottom: 8px;
-  white-space: normal; }
-
-.popover-content {
-  display: block;
-  font-size: 12px;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  line-height: 1.5rem;
-  white-space: normal; }
-
-.popover-content span,
-.popover-content p {
-  line-height: 1.5rem; }
-
-.popover-content p:last-child {
-  margin-bottom: 0; }
-
-.tooltip .tooltip-element {
-  position: relative; }
-
-.tooltip .icon-primary-tooltip:hover {
-  text-decoration: none; }
-
-.tooltip.active .tooltip-element[data-placement="top"] .arrow {
-  display: block;
-  bottom: 32px;
-  top: auto; }
-
-.tooltip.active .tooltip-element[data-placement="bottom"] .arrow {
-  display: block;
-  border-color: transparent transparent #0574ac;
-  bottom: -33px;
-  top: auto; }
-
-.tooltip.active .tooltip-element[data-placement="bottom"] + .tooltip-wrapper .helpertext {
-  bottom: inherit;
-  top: 19px; }
-
-.tooltip.active .tooltip-element[data-placement="top"] + .tooltip-wrapper .helpertext {
-  top: inherit;
-  bottom: 38px; }
-
-.b2b-tree {
-  padding: 0 10px 0 10px;
-  width: 320px; }
-  .b2b-tree ul {
-    list-style: none;
-    list-style-type: none; }
-  .b2b-tree a {
-    display: block;
-    padding: 0 0 5px 30px;
-    line-height: 22px;
-    margin-left: -10px;
-    font-size: 1.4rem;
-    outline-offset: -1px; }
-  .b2b-tree li:focus {
-    outline: none; }
-    .b2b-tree li:focus > a {
-      outline: thin dotted #666;
-      outline-offset: -1px; }
-  .b2b-tree ul li {
-    border-left: 1px solid #ccc; }
-    .b2b-tree ul li .b2b-tree-tooltip {
-      display: none;
-      position: absolute;
-      top: -25px;
-      left: 100%;
-      white-space: nowrap;
-      margin-left: 10px;
-      z-index: 1010;
-      font-family: "Omnes-ECOMP-W02", Arial;
-      font-size: 12px; }
-    .b2b-tree ul li .b2b-tree-tooltip-content {
-      background-color: #0568ae;
-      margin-left: 9px;
-      border-radius: 6px;
-      color: #fff;
-      padding: 25px; }
-    .b2b-tree ul li .b2b-tree-arrow-left {
-      width: 0;
-      height: 0;
-      border-top: 10px solid transparent;
-      border-bottom: 10px solid transparent;
-      border-right: 10px solid #0568ae;
-      position: absolute;
-      top: 25px; }
-    .b2b-tree ul li.activeTooltip > a .b2b-tree-tooltip {
-      display: block; }
-  .b2b-tree ul ul {
-    padding: 0 0 0 20px; }
-  .b2b-tree ul > li {
-    position: relative;
-    line-height: 18px; }
-  .b2b-tree a > span.b2b-tree-node-icon {
-    background-color: #FFF;
-    display: inline;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    left: -11px;
-    top: 0;
-    line-height: 14px;
-    width: 11px; }
-    .b2b-tree a > span.b2b-tree-node-icon > i {
-      font-size: 20px; }
-  .b2b-tree a:only-child {
-    color: #0574ac; }
-    .b2b-tree a:only-child > span.b2b-tree-node-icon {
-      left: -11px;
-      border-radius: 50%;
-      line-height: 7px;
-      top: 0; }
-      .b2b-tree a:only-child > span.b2b-tree-node-icon > i {
-        background-color: inherit;
-        background: #fff; }
-  .b2b-tree a > span.b2b-tree-node-icon > i.icon-primary-circle {
-    background-color: inherit;
-    background: #fff;
-    font-size: 5px; }
-  .b2b-tree a.b2b-locked-node:after {
-    content: "\ec58";
-    float: right;
-    font-family: 'icoSecurityalerts' !important; }
-  .b2b-tree a:hover .b2b-locked-node:after {
-    text-decoration: none; }
-  .b2b-tree ul li:first-child > a:only-child > span.b2b-tree-node-icon {
-    left: -11px;
-    border-radius: 50%;
-    line-height: 12px; }
-  .b2b-tree ul li:last-child > a:only-child > span.b2b-tree-node-icon {
-    height: 27px;
-    background-color: #fff; }
-  .b2b-tree li a + ul {
-    height: 0;
-    overflow: hidden; }
-  .b2b-tree li a.active + ul {
-    height: auto;
-    overflow: visible; }
-  .b2b-tree li a.grp {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-    .b2b-tree li a.grp.active {
-      color: #333; }
-  .b2b-tree span.end {
-    left: -6px !important;
-    top: 5px !important; }
-  .b2b-tree span.first-link {
-    width: 3px !important;
-    height: 15px !important;
-    top: 0px !important;
-    left: -2px !important;
-    background: #fff; }
-
-/* .b2b-tree-checkbox {
-  padding: 0 10px 0 10px;
-  width: 320px; }
-  .b2b-tree-checkbox ul {
-    list-style: none;
-    list-style-type: none; }
-  .b2b-tree-checkbox a {
-    display: block;
-    padding: 0 0 5px 30px;
-    line-height: 22px;
-    margin-left: -10px;
-    font-size: 14px;
-    outline-offset: -1px; }
-  .b2b-tree-checkbox li:focus {
-    outline: none; }
-    .b2b-tree-checkbox li:focus > a {
-      outline: thin dotted #666;
-      outline-offset: -1px; }
-  .b2b-tree-checkbox ul li {
-    border-left: 1px solid #ccc; }
-  .b2b-tree-checkbox ul ul {
-    padding: 0 0 0 20px; }
-  .b2b-tree-checkbox ul > li {
-    position: relative;
-    line-height: 18px; } */
-  /* .b2b-tree-checkbox a > span.nodeIcon {
-    background-color: #FFF;
-    display: inline;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    left: -11px;
-    top: 0;
-    line-height: 14px;
-    width: 11px; } */
-    /* .b2b-tree-checkbox a > span.nodeIcon > i {
-      font-size: 20px; } */
-    .b2b-tree-checkbox a > span.nodeIcon.end {
-      margin-top: 10px; }
-  .b2b-tree-checkbox a:only-child {
-    color: #0574ac; }
-    .b2b-tree-checkbox a:only-child > span.nodeIcon {
-      left: -11px;
-      border-radius: 50%;
-      line-height: 7px;
-      top: 0; }
-      .b2b-tree-checkbox a:only-child > span.nodeIcon > i {
-        background-color: inherit;
-        background: #fff; }
-  .b2b-tree-checkbox a > span.nodeIcon > i.icon-primary-circle {
-    background-color: inherit;
-    background: #fff;
-    font-size: 5px; }
-  .b2b-tree-checkbox ul li:first-child > a:only-child > span {
-    left: -11px;
-    border-radius: 50%;
-    line-height: 12px;
-    top: 0px; }
-  .b2b-tree-checkbox ul li:first-child > a:only-child > span.end {
-    margin-top: 0px; }
-  .b2b-tree-checkbox ul li:first-child > a:only-child > span i.icon-primary-circle {
-    top: 8px; }
-  .b2b-tree-checkbox ul li:last-child > a:only-child > span {
-    height: 34px;
-    background-color: #fff; }
-  .b2b-tree-checkbox li a + ul {
-    height: 0;
-    overflow: hidden; }
-  .b2b-tree-checkbox li a.active + ul {
-    height: auto; }
-  .b2b-tree-checkbox li a.grp {
-    font-family: "Omnes-ECOMP-W02-Italic", Arial; }
-  .b2b-tree-checkbox span.end {
-    left: -6px !important; }
-  .b2b-tree-checkbox .checkbox {
-    margin-bottom: 0px;
-    margin-top: 2px;
-    font-size: 14px; }
-    .b2b-tree-checkbox .checkbox input:indeterminate + .skin:after {
-      content: "\2014";
-      padding-left: 2px;
-      font-family: inherit !important;
-      line-height: inherit !important; }
-  /* .b2b-tree-checkbox span.first-link {
-    width: 3px !important;
-    height: 15px !important;
-    top: 0px !important;
-    left: -2px !important;
-    background: #fff; } */
-
-.b2b-widget-window {
-  width: 147px;
-  right: 5px;
-  top: 60px;
-  position: absolute;
-  border: 1px solid #ccc;
-  background-color: #fff;
-  border-radius: 8px;
-  z-index: 1000; }
-  .b2b-widget-window li {
-    margin: 15px; }
-
-.b2b-widget-container {
-  background-color: #fff;
-  border-radius: 8px;
-  border: 1px solid #ccc;
-  position: relative; }
-  .b2b-widget-container .b2b-widget-header {
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333;
-    height: 55px;
-    padding-left: 15px;
-    padding-top: 19px; }
-    .b2b-widget-container .b2b-widget-header .header {
-      font-size: 18px; }
-  .b2b-widget-container .b2b-widget-header-icons {
-    font-size: 16px;
-    color: #0574ac; }
-
-.b2b-widget-header-icons button {
-  border: none;
-  background: transparent;
-  color: #0574ac; }
-  .b2b-widget-header-icons button:focus {
-    outline-style: solid;
-    outline-width: 1px;
-    outline-color: #0574ac; }
-  .b2b-widget-header-icons button:first-child {
-    margin-right: 0px; }
-
-.b2b-widget-container .b2b-widget-content {
-  height: 325px;
-  margin: 0;
-  padding: 20px;
-  position: relative;
-  border-top: 1px solid #ccc; }
-
-.b2b-widget-content .form-row:first-child {
-  margin-top: 0; }
-
-.b2b-widget-header-icons button.icoControls-gear:focus, .b2b-widget-header-icons button.icon-primary-close:focus {
-  outline: thin dotted #666; }
-
-.b2b-widget-header .icon-primary-close:before {
-  content: '-';
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  outline: none; }
-
-.b2b-widget-window .arrow_box {
-  background: #fff;
-  border: 1px solid #ccc; }
-
-.b2b-widget-window.arrow_box:after, .b2b-widget-window.arrow_box:before {
-  bottom: 100%;
-  left: 75%;
-  border: solid transparent;
-  content: " ";
-  height: 0;
-  width: 0;
-  position: absolute;
-  pointer-events: none; }
-
-.b2b-widget-window.arrow_box:after {
-  border-color: rgba(255, 255, 255, 0);
-  border-bottom-color: #fff;
-  border-width: 10px;
-  margin-left: 1px; }
-
-.b2b-widget-window.arrow_box:before {
-  border-color: rgba(204, 204, 204, 0);
-  border-bottom-color: #ccc;
-  border-width: 11px;
-  margin-left: 0px; }
-
-/************************** Overrides for Filters ***************************/
-.filter-container .filter-header h2 {
-  line-height: 1 !important;
-  margin: 0 !important; }
-
-.filter-container .icon-primary-spinner:before {
-  content: none; }
-
-.filter-container .fixed-230-subnav {
-  margin: 10px !important;
-  width: inherit !important; }
-
-.filter-container .unlinked:focus {
-  outline: thin dotted #666 !important; }
-
-.filter-container .unlinked.active {
-  color: inherit !important; }
-
-.filter-container .fixed-230-subnav a > i {
-  background: none; }
-
-.filter-container .fixed-230-subnav ul {
-  margin: 0 0 10px 10px; }
-
-/************************** Overrides for Filters ***************************/
-.row .filter-container {
-  background-color: #fff; }
-
-.filter-header {
-  overflow: hidden;
-  padding: 20px 0;
-  position: relative; }
-
-.filter-header h2 {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 2.4rem;
-  margin-bottom: 0; }
-
-.filter-selected {
-  border-top: 1px solid #ccc;
-  padding-top: 20px; }
-
-.filter-selected > span {
-  font-size: 1.3rem;
-  text-transform: uppercase; }
-
-.filter-selected > a.clear-all-filters {
-  float: right;
-  font-size: 1.4rem; }
-
-.filter-selected > span,
-.filter-selected > a.clear-all-filters {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial; }
-
-.filter-selected-group {
-  padding-top: 15px; }
-
-.filter-selected-badge {
-  background-color: #f2f2f2;
-  border-radius: 15px;
-  display: inline-block;
-  font-size: 1.4rem;
-  margin-bottom: 10px;
-  padding: 0 0 0 12px; }
-
-.filter-selected-badge .icoControls-optionsoff {
-  background: transparent none repeat scroll 0 0;
-  border: medium none;
-  font-size: 2.5em;
-  margin: 0;
-  padding: 0; }
-
-.filters .fixed-230-subnav > ng-transclude > div:first-child {
-  border-top: 1px solid #ccc; }
-
-.filters .fixed-230-subnav > ng-transclude > div {
-  border-bottom: 1px solid #ccc; }
-
-.filter-results {
-  align-items: center;
-  border-bottom: 1px solid #ccc;
-  display: flex;
-  flex-wrap: wrap;
-  height: 50px;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
-  justify-content: space-between; }
-
-.filter-results-sortby > span {
-  text-transform: uppercase; }
-
-.filter-results-view .icon-primary-content-gridguide {
-  font-size: 2em;
-  margin-right: 0; }
-
-.filter-container .fixed-230-subnav > ng-transclude > div > a {
-  font-size: 1.8rem;
-  margin: 0;
-  padding: 15px 20px 15px 0;
-  color: #0574ac !important;
-  cursor: pointer !important;
-  font-family: "Omnes-ECOMP-W02", Arial !important;
-  outline-offset: inherit !important;
-  position: relative;
-  height: auto;
-  width: auto; }
-
-.filter-container .fixed-230-subnav a > i {
-  right: 0;
-  top: 15px; }
-
-.filter-container .fixed-230-subnav .icon-primary-collapsed:before, .filter-container .fixed-230-subnav .icon-primary-expanded:before {
-  float: right; }
-
-.filter-container .fixed-230-subnav ul.collapse {
-  position: inherit;
-  transition: height 0.5s ease;
-  height: 0;
-  overflow: hidden; }
-
-.filter-container .checkbox .icon-primary-spinner {
-  height: 24px;
-  position: absolute;
-  width: 24px; }
-
-.fixed-230-subnav.affix {
-  margin: -28px 0 0; }
-
-#nav-menu .b2b-menu,
-#nav-menu .fixed-230-subnav {
-  margin: 0; }
-
-.b2b-menu > li,
-.fixed-230-subnav > div {
-  border-bottom: 1px solid #ccc;
-  line-height: 4.0rem; }
-
-.b2b-menu > li:first-child,
-.fixed-230-subnav > li:first-child {
-  border-top: 1px solid #ccc; }
-
-.b2b-menu div > a,
-.fixed-230-subnav div > a {
-  color: #0574ac;
-  cursor: pointer;
-  display: block;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 1.4rem;
-  margin: 0;
-  outline-offset: -1px;
-  padding: 0 10px;
-  position: relative; }
-
-.fixed-230-subnav div > a.live {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  color: #666; }
-
-.fixed-230-subnav > ng-transclude > div li > a {
-  display: block;
-  font-size: 1.4rem;
-  line-height: 20px; }
-
-.fixed-230-subnav > ng-transclude > div li > a.active {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  text-decoration: none;
-  color: #666; }
-
-#nav-menu .fixed-230-subnav a > i {
-  top: 10px; }
-
-.fixed-230-subnav > li > a.active > i:after {
-  display: none; }
-
-.b2b-menu ul,
-.fixed-230-subnav ul {
-  margin: 0 0 10px 0; }
-
-.b2b-menu ul div a,
-.fixed-230-subnav ul div a {
-  padding: 0 10px; }
-
-.unlinked {
-  outline: medium none !important;
-  text-decoration: none !important; }
-
-@media (max-width: 1024px) {
-  .filter-container .fixed-230-subnav {
-    margin: 0 20px;
-    width: auto; }
-  .filter-container .fixed-230-subnav > li {
-    margin: 0; }
-  .row .filter-container {
-    display: none;
-    height: 100%;
-    left: 0;
-    position: fixed;
-    overflow: auto;
-    top: 0;
-    transition: all 0.5s ease 0s;
-    width: 285px;
-    z-index: 9999; }
-  .filter-header {
-    padding-left: 20px; }
-  .filter-selected {
-    margin: 0 20px 10px; } }
-
-.b2b-pane-selector-wrapper {
-  width: 100%;
-  display: block;
-  border-top: solid 1px #ccc;
-  border-bottom: solid 1px #ccc; }
-  .b2b-pane-selector-wrapper .side-nav {
-    width: 20% !important;
-    display: inline-block;
-    float: left; }
-  .b2b-pane-selector-wrapper .pane-container {
-    width: 80%;
-    vertical-align: top;
-    margin: 0;
-    padding-top: 30px;
-    border-left: solid 1px #ccc;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    display: none; }
-    .b2b-pane-selector-wrapper .pane-container.active {
-      display: inline-block; }
-    .b2b-pane-selector-wrapper .pane-container .pane-container-top {
-      padding-left: 15px; }
-    .b2b-pane-selector-wrapper .pane-container .panes {
-      display: -webkit-flex;
-      display: flex;
-      border-top: solid 1px #ccc;
-      margin-top: 30px; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block {
-        height: inherit;
-        overflow-y: auto;
-        border-right: solid 1px #ccc;
-        position: relative;
-        flex: 1;
-        -webkit-flex: 1;
-        /* Safari 6.1+ */
-        -ms-flex: 1;
-        /* IE 10 */ }
-        .b2b-pane-selector-wrapper .pane-container .panes div.pane-block:focus {
-          outline: dotted 1px #333333; }
-    .b2b-pane-selector-wrapper .pane-container .search-block {
-      position: relative;
-      float: right; }
-      .b2b-pane-selector-wrapper .pane-container .search-block input[type="search"]:focus {
-        padding-right: 40px; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row p {
-      margin-top: 15px; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div {
-      border-bottom: solid 1px #ccc; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row {
-      display: block;
-      padding: 19px 14px 19px 14px;
-      margin-top: 0px;
-      border: dotted 1px transparent;
-      border-bottom: solid 1px #ccc; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:focus {
-        border: dotted 1px #333333 !important; }
-      .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:last-child {
-        border-bottom: none; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block > .no-content {
-      text-align: center;
-      border-bottom: none;
-      display: block;
-      position: absolute;
-      top: 45%;
-      left: 0;
-      right: 0; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div:last-child {
-      border-bottom: none; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row span.margin-chk {
-      margin: 15px 15px 0px 15px;
-      float: left; }
-    .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row .checkbox-selectall {
-      margin: 0px 0 0 24px !important; }
-  .b2b-pane-selector-wrapper .side-nav li {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    border: none;
-    border-top: solid 1px #ccc;
-    display: block !important;
-    width: auto !important;
-    margin-left: 0px !important; }
-    .b2b-pane-selector-wrapper .side-nav li.active {
-      background-color: #f6f6f6;
-      position: inherit !important; }
-      .b2b-pane-selector-wrapper .side-nav li.active > a {
-        font-size: 16px;
-        color: #333;
-        text-decoration: none;
-        border: none;
-        background-color: transparent;
-        padding: 20px 15px;
-        display: block;
-        height: auto;
-        border-left: 4px solid #0574ac; }
-    .b2b-pane-selector-wrapper .side-nav li > a {
-      font-size: 16px;
-      color: #333;
-      text-decoration: none;
-      border: none;
-      background-color: transparent;
-      padding: 20px 15px;
-      display: block;
-      height: auto;
-      text-align: left; }
-    .b2b-pane-selector-wrapper .side-nav li > a:focus {
-      border-right: dotted 1px #333333; }
-    .b2b-pane-selector-wrapper .side-nav li:first-child {
-      border-top: none;
-      margin-left: none !important; }
-/********************* Utility CSS Starts **********************/
-.offscreen-text {
-  position: absolute;
-  left: -10000px;
-  top: auto;
-  width: 1px;
-  height: 1px;
-  overflow: hidden; }
-
-/********************* Utility CSS Ends **********************/
-/* Fix for alignment issue on Cancel link inside modal */
-.modal-footer > .cta-button-group {
-  line-height: 40px; }
-
-/* .att-dark-green { // Not used
-  color: #007a3e;
-} */
-.colors-off-msg {
-  display: none; }
-
-button .colors-off-msg {
-  position: relative; }
-
-.ds2-no-colors .colors-off-msg {
-  display: block; }
-
-.ds2-no-colors [data-colordatatext] button .colors-off-msg {
-  font-size: 1.1rem;
-  line-height: normal;
-  padding: 5px 0;
-  position: absolute;
-  top: 0;
-  white-space: normal;
-  width: 60px; }
-
-/* Not used
-.make-all-white * {
-  color: #fff;
+.btn-alt {
+    border-color: #087ac2 transparent #0568ae;
+    background-color: #0568ae;
+    background: linear-gradient(to bottom, #087ac2 0%, #0568ae 100%);
+    color: #ffffff;
 }
-.make-all-white a {
-  text-decoration: underline;
-} */
-.loader > span {
-  display: block;
-  padding-top: 20px; }
-
-.modal > .loader {
-  left: 50%;
-  margin-left: -25px;
-  margin-top: -25px;
-  position: absolute;
-  top: 50%; }
-
-#pageLevelLoader.modal {
-  background-color: transparent;
-  border: none;
-  box-shadow: none;
-  top: 40%; }
-
-.modal.fade .loader {
-  display: none; }
-
-.modal.fade.in .loader {
-  display: block; }
 
-.btn.disabled[data-loading-text] {
-  padding: 0 19px 0 18px;
-  line-height: 46px; }
-
-.btn.disabled[data-loading-text] img {
-  position: relative;
-  top: 2px; }
-
-/*  Seems to already be in docs.css
-.fixed-230.leftnav {
-  position: relative;
-}
-.fixed-230-subnav {
-  margin: 10px;
-}
-.fixed-230-subnav > li:first-child {
-  border-top: none;
-}
-.fixed-230-subnav > li {
-  border-bottom: 1px solid #d2d2d2;
-}
-.fixed-230-subnav > li > a {
-  display: block;
-  font-size: 1.4rem;
-  line-height: normal;
-  margin: 0 -9px;
-  padding: 11px 35px 12px 9px;
-  outline-offset: 0;
-  position: relative;
-}
-.fixed-230-subnav > li > a.live {
-  color: #333333;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-}
-.fixed-230-subnav a > i {
-  right: 10px;
-  margin: 0;
-  position: absolute;
-  top: 10px;
-}
-.fixed-230-subnav a > i:after {
-  display: none;
-}
-.fixed-230-subnav > li li > a {
-  display: block;
-  font-size: 1.4rem;
-  line-height: 18px;
-}
-.fixed-230-subnav > li li > a.active {
-  color: #333333;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  text-decoration: none;
+.btn-alt:hover {
+    color: #ffffff;
+    outline-color: #ffffff !important;
+    background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%);
 }
-.fixed-230-subnav ul {
-  margin: 0 0 10px;
-} */
-.unlinked {
-  color: #0568ae !important;
-  font-family: "Omnes-ECOMP-W02", Arial !important; }
-
-.unlinked.active {
-  color: inherit !important; }
-
-/* @media (max-width: 767px) {
-  .row.has-leftnav {
-    flex-wrap: wrap;
-  }
-  .row.has-leftnav .fluid-space {
-    padding-right: 0;
-  }
-  .row .fixed-230 {
-    background-color: #fff;
-    width: auto;
-  }
-  .row .leftnav {
-    background-color: #fff !important;
-    display: block !important;
-  }
-  .fixed-230-subnav {
-    margin: 10px 0 0;
-    width: 100%;
-  }
-  .fixed-230-subnav > li {
-    margin-left: -15px;
-    margin-right: -15px;
-  }
-  .fixed-230-subnav > li:first-child {
-    border-top: 1px solid #d2d2d2;
-  }
-  .fixed-230-subnav > li > a {
-    margin: 0;
-  }
-  .fixed-230-subnav a:hover,
-  .fixed-230-subnav a:focus {
-    text-decoration: none !important;
-  }
-  .fixed-230-subnav > li li > a {
-    padding: 5px 10px;
-  }
-  .fixed-230-subnav > li li > a.active {
-    color: inherit;
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  }
-} */
-@keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-@-moz-keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-@-webkit-keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-@-ms-keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-@-o-keyframes DOMinsertion {
-  from {
-    outline-color: transparent; }
-  to {
-    outline-color: transparent; } }
-
-.ajaxed,
-.modal.fade.in .modal-header,
-.modal.fade.in .modal-body,
-.modal.fade.in .modal-footer {
-  animation-duration: 0.01s;
-  -o-animation-duration: 0.01s;
-  -ms-animation-duration: 0.01s;
-  -moz-animation-duration: 0.01s;
-  -webkit-animation-duration: 0.01s;
-  animation-name: DOMinsertion;
-  -o-animation-name: DOMinsertion;
-  -ms-animation-name: DOMinsertion;
-  -moz-animation-name: DOMinsertion;
-  -webkit-animation-name: DOMinsertion; }
 
-.dda-css-override ul.nav-tabs {
-  margin-bottom: 0; }
-
-
-.formsWithinProcessButton {
-  margin-right: 0px; }
-
-.heading-sub-section-form {
-  font-size: 2.4rem;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  margin-bottom: 20px;
-  margin-top: 10px; }
-
-.heading-small-form {
-  font-size: 1.6rem;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  margin-top: 0px; }
-
-.icon-primary-form-sizeL {
-  font-size: 50px; }
-
-.icon-primary-form-size {
-  font-size: 30px; }
-
-.spanformfix {
-  margin-right: 15px !important; }
-
-@media (max-width: 767px) {
-  .heading-sub-section-form {
-    font-size: 1.8rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-bottom: 20px;
-    padding-top: 10px;
-    margin-top: 30px; }
-  .heading-small-form {
-    font-size: 1.4rem;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    margin-top: 0px; } }
-
-@media (max-width: 479px) {
-  .icon-primary-form-resizeL {
-    display: none; }
-  .icon-primary-form-resize {
-    display: none; }
-  .heading-center-form {
-    margin-left: 20px; } }
-
-@media (min-width: 480px) {
-  .icon-primary-form-resizeL {
-    display: none; }
-  .icon-primary-form-resize {
-    display: inherit; }
-  .icon-primary-center-min {
-    margin-top: 30px; } }
-
-@media (min-width: 768px) {
-  .icon-primary-form-resizeL {
-    display: inherit;
-    margin-top: 30px; }
-  .icon-primary-form-resize {
-    display: none; }
-  .center-form-align {
-    margin-top: 35px; } }
-
-@media (min-width: 1024px) {
-  .icon-primary-form-resizeL {
-    display: inherit;
-    margin-top: 0px; }
-  .icon-primary-form-resize {
-    display: none; }
-  .center-form-align {
-    margin-top: 5px; } }
-
-.data-row.has-button td.col-1 {
-  padding: 0; }
-
-  
-.icon-primary-circle:before {
-  background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E");
-  content: "";
-  position: absolute;
-  top: 0;
-  z-index: 1; }
-
-.b2b-drag-handle {
-  cursor: move;
-  -ms-interpolation-mode: bicubic;
-  margin-bottom: 40px;
-  height: 23px;
-  padding-right: 10px;
-  float: left; }
-
-.b2b-drag-over {
-  background-color: #d1d1d1; }
-
-.b2-drag-element {
-  background-color: #e8e8e8; }
-
-[draggable] {
-  -moz-user-select: none;
-  -khtml-user-select: none;
-  -webkit-user-select: none;
-  user-select: none; }
-/* Flyout inputs color is not aligned */
-textarea, input {
-  color: #333; }
-
-.isIE .btn-primary.btn:focus::after,
-.isIE .btn-specialty.btn:focus::after,
-.isIE .btn-alt.btn:focus::after {
-  border: 1px dashed #fff !important; }
-.b2b-config-section-container {
-  height: auto;
-  min-height: 330px;
-  width: 815px;
-  background-color: #fff;
-  border: 1px solid #ccc;
-  display: inline-table;
-  border-radius: 6px; }
-
-.b2b-config-section-first-div {
-  border-right: 1px solid #ccc;
-  height: auto;
-  min-height: 330px; }
-
-.b2b-config-section-icon-primary-font {
-  font-size: 50px;
-  height: 31px;
-  line-height: 31px; }
-
-.b2b-config-section-padding {
-  padding: 20px 20px 15px 15px;
-  height: auto; }
-
-.b2b-config-sec-flyout {
-  position: relative;
-  left: 10px;
-  float: right;
-  color: #0574ac;
-  font-size: 16px;
-  font-family: "Omnes-ECOMP-W02", Arial; }
-
-.b2b-config-sec-divider {
-  border-bottom: 1px solid #ccc; }
-
-.b2b-confi-sec-span-border {
-  border-right: 1px solid;
-  height: auto; }
-
-.b2b-config-sec-speed-div {
-  text-align: center;
-  margin-top: 20px; }
-
-.b2b-config-sec-label-font {
-  font-size: 16px; }
-
-.b2b-config-sec-expander-main {
-  padding: 0 5px 0px 15px; }
-
-.b2b-config-sec-expander-body .b2b-config-vlan-padding {
-  padding: 5px 15px 10px 0px; }
-
-.b2b-conif-sec-row-height {
-  height: 110px; }
-
-.b2b-config-sec-expander-body {
-  font-size: 14px; }
-  .b2b-config-sec-expander-body .b2b-config-vlan-data {
-    font-family: "Omnes-ECOMP-W02-Medium", Arial;
-    padding-left: 15px; }
-
-.b2b-config-sec-expander-body-first-div {
-  border-top: 1px solid #ccc; }
-
-.b2b-config-sec-expander-body .tooltip {
-  position: static;
-  opacity: 1; }
-
-.b2b-config-section-container .row > [class*="span"] {
-  margin-right: 0px; }
-
-.b2b-config-vlan-icons {
-  font-size: 16px;
-  float: right;
-  margin-right: 0px; }
-
-.b2b-config-section-container .span6 {
-  width: 50%; }
-
-.b2b-config-sec-data-link-style {
-  position: relative;
-  left: 95%;
-  top: 30px;
-  border-radius: 50%;
-  width: 23px;
-  height: 23px;
-  background: #fff;
-  border: 1px solid #ccc;
-  color: #666666; }
-
-.b2b-config-sec-text-align {
-  text-align: center;
-  margin-top: 15px;
-  margin-bottom: 35px;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 14px;
-  color: #333333; }
-
-.b2b-config-port-text-align {
-  text-align: center;
-  margin-top: 15px;
-  margin-bottom: 8px;
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 14px;
-  color: #333333; }
-
-.b2b-config-port-text-label {
-  margin-top: 6px;
-  margin-bottom: 8px;
-  font-size: 14px;
-  text-align: center; }
-
-.b2b-confi-sec-last-div p {
-  font-size: 14px;
-  padding: 10px 15px 0 15px; }
-
-.b2b-confi-sec-router-label {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 16px;
-  color: #333333;
-  float: left;
-  width: 100%;
-  margin-bottom: 7px; }
-
-.b2b-config-vlan-label {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 14px;
-  color: #333333;
-  margin-top: 1px;
-  margin-bottom: 9px; }
-
-.b2b-config-vlan-info {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 14px;
-  color: #333333;
-  margin-bottom: 1px; }
-  .b2b-config-vlan-info .icon-misc-pen {
-    padding-left: 7px; }
-
-.b2b-confi-sec-model-label {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 14px;
-  color: #333333; }
-
-.b2b-confi-sec-router-info {
-  float: left;
-  width: 62%; }
-
-.b2b-config-sec-speed-sec {
-  border-right: 1px solid #ccc; }
-
-.b2b-config-sec-speed-label {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 20px;
-  color: #333333;
-  text-align: center; }
-  .b2b-config-sec-speed-label i {
-    margin-left: 15px;
-    font-size: 16px; }
-
-.b2b-config-sec-yellow-flag-div {
-  width: 1.6%;
-  background-color: #ffb18c; }
-
-.b2b-config-sec-expander-icons {
-  margin-top: 6px; }
-  .b2b-config-sec-expander-icons .icon-misc-trash {
-    margin-right: 10px; }
-
-.b2b-config-sec-yellow-flag .b2b-config-sec-expander-icons {
-  left: 40px; }
-
-.b2b-config-sec-expander-body-icons .icon-misc-pen {
-  position: relative;
-  left: 18px; }
-.b2b-directory-listing .center {
-  display: block;
-  margin: 2em auto; }
-
-.b2b-directory-listing .listBox {
-  height: 310px;
-  width: 450px;
-  padding-left: 1px;
-  padding-right: 1px;
-  font-family: "Omnes-ECOMP-W02", Arial; }
-
-.b2b-directory-listing .listBox:focus {
-  outline: thin dotted #666; }
-
-.b2b-directory-listing .b2b-directory-listing-no-results {
-  font-weight: bold; }
-
-.b2b-directory-listing .b2b-directory-listing-list {
-  font-family: "Omnes-ECOMP-W02", Arial;
-  color: #5a5a5a;
-  overflow-x: hidden;
-  position: relative;
-  height: 300px;
-  border: 1px solid #333;
-  border-radius: 6px;
-  margin-bottom: 10px; }
-
-.b2b-directory-listing .b2b-directory-listing-item {
-  margin: 1px;
-  border: 1px solid transparent;
-  outline: none;
-  text-align: left;
-  overflow: hidden;
-  cursor: pointer;
-  padding-top: 13px;
-  padding-bottom: 7px;
-  padding-left: 15px;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  word-wrap: break-word; }
-  .b2b-directory-listing .b2b-directory-listing-item:focus {
-    border: 1px #3399FF solid; }
-
-.b2b-directory-listing .b2b-directory-listing-item-selected {
-  color: #fff;
-  background-color: #3399FF; }
-
-.b2b-directory-listing input[type="text"] {
-  padding-right: 30px; }
-  .b2b-directory-listing input[type="text"]:focus, .b2b-directory-listing input[type="text"]:hover {
-    padding-right: 30px; }
-
-.b2b-directory-listing .row .btns {
-  margin-right: 90px;
-  margin-left: -115px;
-  margin-top: 100px; }
-
-.b2b-directory-listing .btn-remove {
-  margin-right: auto !important;
-  margin-bottom: 15px; }
-  .b2b-directory-listing .btn-remove i {
-    margin-right: 0;
-    color: #fff;
-    top: -1px; }
-
-.b2b-directory-listing .btn-remove-all {
-  margin-top: 0;
-  margin-bottom: 61px !important;
-  /* need to be removed */
-  margin-right: auto !important; }
-  .b2b-directory-listing .btn-remove-all i {
-    margin-right: 0;
-    color: #fff;
-    top: -1px; }
-
-.b2b-directory-listing .btn-add {
-  margin-bottom: 15px !important; }
-  .b2b-directory-listing .btn-add i {
-    margin-right: 0;
-    color: #fff;
-    top: -1px; }
-
-.b2b-directory-listing .btn-add-all {
-  margin-top: 0;
-  margin-bottom: 61px !important; }
-  .b2b-directory-listing .btn-add-all i {
-    margin-right: 0;
-    color: #fff;
-    top: -1px; }
-
-.b2b-directory-listing .btn-search[class*="btn"] {
-  right: 0.09rem; }
-
-.b2b-directory-listing .btn {
-  width: 130px; }
-
-.b2b-directory-listing-disabled {
-  cursor: not-allowed; }
-
-.b2b-directory-listing-label-heading {
-  margin-top: 24px;
-  padding-bottom: 5px; }
-
-.b2b-dl-list-box option {
-  padding-top: 13px;
-  padding-bottom: 7px;
-  padding-left: 15px; }
-
-.b2b-dl-modal-button-div {
-  padding-top: 110px;
-  text-align: center; }
-.b2b-tmpl-notification-card {
-  border-radius: 6px;
-  height: auto;
-  width: 420px;
-  background-color: #ffffff;
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-radius: 8px;
-  overflow: hidden; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-header {
-    padding-left: 30px;
-    font-family: "Omnes-ECOMP-W02", Arial;
-    color: #333333;
-    font-size: 24px;
-    margin-top: 2px;
-    display: inline-block;
-    min-height: 60px;
-    position: relative; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-body {
-    padding: 0 30px 20px;
-    position: relative; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-header-title {
-    margin-top: 10px; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button {
-    box-shadow: 0 -50px 0 0 #f2f2f2 inset;
-    height: 69px;
-    position: absolute;
-    border-color: #f2f2f2 #f2f2f2 transparent transparent;
-    border-style: solid;
-    border-width: 35px;
-    height: 0;
-    right: -295px;
-    top: -4px;
-    width: 69px;
-    /*Old properties */
-    box-shadow: none;
-    transform: none; }
-    .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close {
-      height: 48px;
-      right: -40px;
-      top: -40px;
-      width: 48px;
-      position: relative;
-      /*Old properties */
-      transform: none; }
-      .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:before {
-        color: #0568ae;
-        display: block;
-        font-size: 20px;
-        height: auto;
-        right: -4px;
-        top: 4px;
-        width: auto;
-        /*Old properties */
-        left: auto;
-        height: auto;
-        bottom: auto; }
-      .b2b-tmpl-notification-card .b2b-tmpl-card-corner-button .close:focus {
-        outline: 1px dotted black; }
-  .b2b-tmpl-notification-card button.close {
-    -webkit-appearance: none;
-    moz-appearance: none;
-    appearance: none; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-icon-primary-cirlce {
-    width: 30px;
-    height: 30px;
-    border-radius: 50%; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-outer-cirlce {
-    background: #f0f5f5;
-    border-radius: 50%;
-    height: 16px;
-    width: 16px;
-    vertical-align: middle; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-inner-cirlce {
-    background: #fff;
-    width: 22px;
-    height: 22px;
-    position: relative;
-    border-radius: 50%;
-    display: block;
-    left: 4px;
-    top: 4px;
-    border: 1px solid #767676; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-row {
-    padding-top: 10px; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-sub-header {
-    margin-top: 0px; }
-  .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item {
-    background-color: #fff;
-    margin-top: 25px;
-    border-top: 1px solid #ccc; }
-    .b2b-tmpl-notification-card .b2b-tmpl-favourite-view-item .cta-button-group {
-      line-height: 40px;
-      padding-top: 20px; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-edit-section .cta-button-group {
-    line-height: 40px;
-    padding-top: 15px; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-add-item-container {
-    padding-top: 30px; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-link-active {
-    pointer-events: none;
-    cursor: default;
-    color: #ccc; }
-  .b2b-tmpl-notification-card .b2b-tmpl-card-cursor:hover {
-    cursor: pointer; }
-.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon {
-  text-align: center;
-  margin-top: 91px; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-icon i {
-    font-size: 99px;
-    color: #1b7e28; }
-
-.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading {
-  color: #333333;
-  text-align: center;
-  margin-top: 20px; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-heading h1 {
-    font-size: 38px; }
-
-.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading {
-  color: #333333;
-  text-align: center; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-sub-heading h5 {
-    font-size: 18px; }
-
-.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info {
-  padding-left: 18%;
-  font-size: 16px;
-  margin-top: 20px; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info ul {
-    list-style-type: disc;
-    list-style-position: inside; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-info li {
-    padding-top: 5px; }
-
-.b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section {
-  font-size: 15px;
-  color: #0574ac;
-  margin-top: 20px;
-  text-align: center;
-  margin-bottom: 55px; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section .b2b-tmpl-order-confirmation-link {
-    margin-right: 8%; }
-  .b2b-tmpl-order-confirmation .b2b-tmpl-order-confirmation-link-section a {
-    cursor: pointer; }
-.b2b-tmpl-profile-block-container {
-  min-height: 200px;
-  height: auto;
-  background-color: #fff;
-  border-radius: 8px;
-  border: 1px solid #ccc;
-  box-shadow: 0px 1px 1px 1px #ccc;
-  display: inline-table;
-  margin: 15px 15px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-title {
-    font-weight: bold; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-footer {
-    margin-bottom: 12px;
-    margin-top: 5px;
-    height: 35px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p {
-    word-wrap: break-word;
-    height: 61px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:first-child {
-      margin-top: 10px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p:after {
-      content: ' ';
-      display: block;
-      border: 0.2px solid #ccc;
-      margin-top: 12px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio {
-    margin-left: 15px;
-    height: 30px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details div {
-    padding: 2px 7px;
-    font-size: 14px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details .radio-label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details a {
-    font-size: 14px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p label, .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-details p span {
-    padding-left: 10px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon {
-    color: #1b7e28;
-    float: right;
-    position: relative;
-    left: 10px; }
-    .b2b-tmpl-profile-block-container .b2b-tmpl-approval-icon i {
-      color: #1b7e28;
-      float: right; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-link {
-    float: right;
-    position: relative;
-    left: -4px; }
-  .b2b-tmpl-profile-block-container a.link-profile {
-    position: relative;
-    left: -5px;
-    float: right;
-    margin-bottom: 16px; }
-  .b2b-tmpl-profile-block-container .b2b-tmpl-profile-block-radio {
-    position: relative;
-    top: -5px; }
-.b2b-static-route-container {
-  padding-left: 32px;
-  display: inline-block; }
-
-.b2b-static-route-label-heading {
-  font-family: "Omnes-ECOMP-W02-Medium", Arial;
-  font-size: 5px !important;
-  color: #333333;
-  font-style: normal;
-  text-align: left; }
-
-label.b2b-static-route-label-heading {
-  margin-bottom: 12px;
-  margin-top: 15px;
-  display: block; }
-
-#b2b-static-route-input {
-  margin: 5px 0 5px; }
-
-.b2b-static-route-list {
-  margin-bottom: 30px;
-  width: 216px;
-  float: left;
-  margin-right: 20px;
-  max-height: 540px;
-  overflow-y: auto; }
-  .b2b-static-route-list .status-text {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    outline: 0; }
-
-.b2b-static-route-list-item {
-  border: 1px #cccccc solid;
-  font-family: "Omnes-ECOMP-W02", Arial;
-  font-size: 5px;
-  display: flex;
-  cursor: pointer; }
-  .b2b-static-route-list-item > .status-bar {
-    padding: 20px 0 20px;
-    background-color: #ea7400;
-    border-radius: 0;
-    width: 10px;
-    display: inline-block;
-    margin-right: 20px;
-    height: 100%;
-    float: left; }
-    .b2b-static-route-list-item > .status-bar:after {
-      content: '.';
-      visibility: hidden; }
-  .b2b-static-route-list-item > .status-bar-unedited {
-    padding: 20px 0 20px;
-    background-color: #ffb81c;
-    border-radius: 0;
-    width: 10px;
-    display: inline-block;
-    margin-right: 20px;
-    height: 100%;
-    float: left;
-    background-color: transparent; }
-    .b2b-static-route-list-item > .status-bar-unedited:after {
-      content: '.';
-      visibility: hidden; }
-
-.b2b-static-route-list-item:focus {
-  outline: 1px dashed #00f; }
-
-.b2b-static-route-list-item--selected {
-  background: #f2f2f2; }
-
-.b2b-static-route-content {
-  display: inline-block; }
-
-  .selectWrap::after { 
-  align-items: center; 
-  background-position: 7px 7px; 
-  background-repeat: no-repeat; 
-  background-size: auto 23px; 
-  border-left: 1px solid transparent; 
-  color: #0568ae; 
-  display: flex; 
-  font-size: 23px; 
-  height: 36px; 
-  margin-right: 0; 
-  overflow: hidden; 
-  position: absolute; 
-  right: 0; 
-  text-indent: 7px; 
-  top: 0; 
-  user-select: none; 
-  width: 41px; 
-  z-index: 0; 
-  position: absolute !important; 
-  display: flex !important; 
+.btn-alt:focus {
+    color: #ffffff;
+    outline-color: #ffffff !important;
+    background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%);
 }
 
-.card{
-  border-radius: 5px;
+.btn-alt:active {
+    color: #ffffff;
+    outline-color: #ffffff !important;
+    background: linear-gradient(to bottom, #0568ae 0%, #087ac2 100%);
 }
 
-.card-header{
-  height: 55px;
+.btn-small {
+    padding: 10px 19px 9px 18px;
+    font-size: 17px;
+    border-radius: 8px;
 }
 
-.card-body{
-  height: 150px;
+.stdForm {
+    margin-left: 20px;
 }
 
-.card-footer{
-  height: 55px;
+.field-group {
+    position: relative;
+    display: block;
 }
 
-.dialog__close-btn {
-  border: 0;
-  background: #087ac2;
-  color: #ffffff;
-  position: absolute;
-  top: 8px;
-  right: 8px;
-  font-size: 1.2em;
-  display: block;
-  border: #087ac2 2px solid;
+label + .field-group, label + .input-append, label + .row, label + .row-nowrap, label + .form-row {
+    margin-top: 5px;
 }
 
-.dialog {
-  
-  margin-top: 50px;
+.divider {
+    width: 1192px;
+    height: auto;
+    display: inline-block;
 }
 
-.modalTitle{
-    font-size: 35px;  
+.card-body-style{
+    width: 800px;
+    height: 615px;
 }
-
-.defaultFontSize{
-  font-size: 15px;
+.div-scroll{
+    height:600px;
+    overflow: scroll;
 }
 
-
-.tab-content{
-  margin-right: 20px;
-  /* background-color: #006496; */
-  color: rgb(0, 0, 0);
+.close-model{
+    font-size: 17px;
 }
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.html
index 31383c35..270ee870 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.html
@@ -1,68 +1,78 @@
 <app-save-sql-changes-dialog-component [(visible)]="showSaveSQLDialog">
 
-        <div class="card">
-            <div class="card-body" style="height: 200px;">
-                <div class="modalTitle">{{SQLstatus}}</div>
-                <button *ngIf="SQLclosable" (click)="closeSaveModal()" aria-label="Close" class="dialog__close-btn">X</button>
-                <br/>
-                <label>{{SQLmessage}}</label>
-            </div>
-            <div class="card-footer">
-                <button style="font-size: 17px;" (click)="showSaveSQLDialog = !showSaveSQLDialog" class="btn btn-alt btn-small">Close</button>
-            </div>
+    <div class="card">
+        <div class="card-body">
+            <div class="modalTitle">{{SQLstatus}}</div>
+            <button (click)="closeSaveModal()" *ngIf="SQLclosable" aria-label="Close" class="dialog__close-btn">X
+            </button>
+            <br/>
+            <label>{{SQLmessage}}</label>
         </div>
-</app-save-sql-changes-dialog-component> 
+        <div class="card-footer">
+            <button (click)="showSaveSQLDialog = !showSaveSQLDialog" class="btn btn-alt btn-small close-model">Close
+            </button>
+        </div>
+    </div>
+</app-save-sql-changes-dialog-component>
 
 
 <app-sql-validate-changes-dialog-component [(visible)]="showValidateSQLDialog">
 
-        <div class="card">
-            <div class="card-body" style="width: 800px; height: 615px; ">
-                <div style="height:600px; overflow: scroll;">
+    <div class="card">
+        <div class="card-body card-body-style">
+            <div class="div-scroll">
                 <div class="modalTitle">{{Validatestatus}}</div>
-                <button *ngIf="Validateclosable" (click)="closeValidateModal()" aria-label="Close" class="dialog__close-btn">X</button>
+                <div *ngIf="showErrorSqlMessage" [innerHTML]="errorMessageString"></div>
+                <button (click)="closeValidateModal()" *ngIf="Validateclosable" aria-label="Close"
+                        class="dialog__close-btn">X
+                </button>
                 <br/>
                 <div *ngIf="ValidatePostResponse.query">
-                <app-sql-validate-success-dialog-component  [tableObj] = "GetValidateResponseString()"></app-sql-validate-success-dialog-component>
+                    <app-sql-validate-success-dialog-component
+                        [tableObj]="GetValidateResponseString()"></app-sql-validate-success-dialog-component>
                 </div>
                 <div *ngIf="ValidatePostResponse.errormessage">
-                <app-sql-validate-error-dialog-component  [tableObj] = "GetValidateResponseString()"></app-sql-validate-error-dialog-component>
+                    <app-sql-validate-error-dialog-component
+                        [tableObj]="GetValidateResponseString()"></app-sql-validate-error-dialog-component>
                 </div>
-                </div>
-            </div>
-            <div class="card-footer" style="width: 800px;">
-                <button style="font-size: 17px;" (click)="closeValidateModal()" class="btn btn-alt btn-small">Close</button>
             </div>
         </div>
-</app-sql-validate-changes-dialog-component> 
+        <div class="card-footer">
+            <button (click)="closeValidateModal()" class="btn btn-alt btn-small close-model">Close</button>
+        </div>
+    </div>
+</app-sql-validate-changes-dialog-component>
 
 
 <div class="stdForm">
     <br/>
     <div class="tab-content">
-        <h1>Step 2 - Report SQL</h1>
+        <h3>Step 2 - Report SQL</h3>
     </div>
     <br/>
-    <br/>
-    <div *ngIf="showSpinner">
-            <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
-    </div>
+    <span *ngIf="showSpinner" class="ecomp-spinner"></span>
     <div *ngIf="!showSpinner">
-<div  class="forms-group">
-<div class="tab-pane">
-<div class="field-group">
-    <label>Report SQL</label> <br/>
-    <textarea class="defaultFontSize" id="sqlText" type="textarea" name="sqlText" [(ngModel)]="sqlText" value="{{finalGetObj['query']}}"></textarea>
-</div>
-<br/>
-<div class="field-group">
+        <div class="forms-group">
+            <div class="tab-pane">
+                <div class="field-group">
+                    <label>Report SQL</label> <br/>
+                    <textarea [(ngModel)]="sqlText" class="defaultFontSize textarea-sql" id="sqlText" name="sqlText" type="textarea"
+                              value="{{finalGetObj['query']}}"></textarea>
+                </div>
+                <br/>
+                <div class="field-group">
     <pre>
-<button style="font-size: 17px;" class="btn btn-alt btn-small" (click)="saveSQL()" >Save</button><div class="divider"></div><button style="font-size: 17px;" class="btn btn-alt btn-small" (click)="validate()" >Validate & Test Run SQL</button>
+      <div class="divider"></div><button (click)="validate()" class="btn btn-alt btn-small">Validate & Save</button>
     </pre>
-</div>
-<br/>
-<br/>
-</div>
-</div>
-</div>
+                </div>
+                <br/>
+                <br/>
+            </div>
+        </div>
+    </div>
 
+    <style scoped>
+        h1 {
+            font-size: 16px;
+        }
+    </style>
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.spec.ts
index 68085b1e..52082c9f 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.spec.ts
@@ -16,6 +16,7 @@ describe('SQLComponentComponent', () => {
   let fixture: ComponentFixture<SQLComponent>;
   const reportId =  "test";
   const finalGetObj = {"query":"dummyQuery"};
+  let elements = [];
   let environment = [
     {
      "baseUrl": 'just for test'
@@ -31,7 +32,9 @@ describe('SQLComponentComponent', () => {
     })
     .compileComponents();
     sqlService = TestBed.get(SqlService);
+    let response : any;
     spyOn(sqlService, 'getSQLTabData').and.returnValue(Observable.of(environment));
+    spyOn(sqlService, 'postSQLValidateAndSave').and.returnValue(Observable.of(environment));
   }));
 
   beforeEach(() => {
@@ -79,27 +82,6 @@ describe('SQLComponentComponent', () => {
       expect(component.SQLclosable).toEqual(true);
   });
 
-  it('should test saveSQL method else condition',()=>{
-    component.SQLPostResponse = false;
-    component.saveSQL();
-  })
-
-  it('should test validate method',()=>{
-    component.sqlText="sqlText";
-    var response={"data":{"elements":'{"elements":""}'}}
-    let spy=spyOn(sqlService,'postSQLValidateAndSave').and.returnValue(Observable.of(response))
-    component.validate();
-    expect(spy).toHaveBeenCalled();
-  })
-
-  it('should test validate method',()=>{
-    component.sqlText="sqlText";
-    var response={"data":{"elements":'{"query":"query"}'}}
-    let spy=spyOn(sqlService,'postSQLValidateAndSave').and.returnValue(Observable.of(response))
-    component.validate();
-    expect(spy).toHaveBeenCalled();
-  })
-
   it('should test closeSaveModal method', () => {
       component.closeSaveModal();
       expect(component.showSaveSQLDialog).toEqual(component.showSaveSQLDialog);
@@ -131,4 +113,10 @@ describe('SQLComponentComponent', () => {
       expect(component.GetValidateResponseString()).toEqual("test");
   });
 
+//     it('should test validate method', () => {
+//       spyOn(component, 'validate').and.callThrough();
+//       component.validate();
+//       expect(component.validate).toHaveBeenCalled();
+// });
+
 });
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.ts
index a73d26a5..f8aa1ab6 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/sql/sql.component.ts
@@ -1,169 +1,155 @@
-import { Component, OnInit, Input, AfterViewInit } from '@angular/core';
-import { HttpClient, HttpHeaders } from '@angular/common/http';
-import { environment } from '../../../../../../environments/environment';
-import { Router } from '@angular/router';
-import { SqlService } from './sql.service';
+import {Component, OnInit, Input, AfterViewInit, ViewEncapsulation} from '@angular/core';
+import {HttpClient, HttpHeaders} from '@angular/common/http';
+import {environment} from '../../../../../../environments/environment';
+import {Router} from '@angular/router';
+import {SqlService} from './sql.service';
+import {error} from 'util';
 
 @Component({
-  selector: 'app-sqlcomponent',
-  templateUrl: './sql.component.html',
-  styleUrls: ['./sql.component.css']
+    selector: 'app-sqlcomponent',
+    templateUrl: './sql.component.html',
+    styleUrls: ['./sql.component.css'],
+    encapsulation: ViewEncapsulation.None,
 })
 export class SQLComponent implements OnInit {
 
-  @Input("reportId") reportId1 : string;
-  @Input("reportMode") reportMode : string;
-
-
-  showSaveSQLDialog: boolean;
-  SQLPostResponse : any;
-  ValidatePostResponse : any;
-  showValidateSQLDialog : boolean;
-  SQLstatus : string;
-  Validatestatus : string;
-  SQLmessage : string;
-  Validatemessage : string;
-  sqlText : string;
-  showModal : boolean;
-  ValidateResponseString : string;
-
-  finalGetObj : any;
-  showSpinner : boolean;
-
-  @Input() SQLclosable = true;
-  @Input() Validateclosable = true;
-  
-
-  constructor(private _http : HttpClient, private _router : Router, private _sqlService : SqlService) { 
-    this.showSaveSQLDialog = false;
-    this.SQLPostResponse = true;
-    this.ValidatePostResponse = {};
-  }
-
-  ngOnInit() {
-    this.showSaveSQLDialog = false;
-    this.SQLPostResponse = true;
-    this.ValidatePostResponse = {};
-
-    this._sqlService.getSQLTabData(this.reportId1)
-    .subscribe((response) => {
-        this.showSpinner = true;
-
-        this.finalGetObj = response;
-        this.sqlText = this.finalGetObj.query;
-
-        this.showSpinner = false;
-    });
-  }
-
-
-  ngOnChanges()
-  {
-    this.showSaveSQLDialog = false;
-    this.SQLPostResponse = true;
-    this.ValidatePostResponse = {};
-
-    this._sqlService.getSQLTabData(this.reportId1)
-    .subscribe((response) => {
-        this.showSpinner = true;
-        this.finalGetObj = response;
-        this.sqlText = this.finalGetObj.query;
-
-        this.showSpinner = false;
-    });
-  }
-
-
-  saveSQL()
-  {
-
-    this.SQLPostResponse = true;
-
-  if(this.SQLPostResponse === true)
-  {
-    this.SQLstatus = "Success!";
-    this.SQLmessage = "Your change has been saved! Definition is updated.";
-      this.showSaveSQLDialog = !this.showSaveSQLDialog;
-      this.SQLclosable = true; 
-  }
-  else
-  {
-    this.SQLstatus = "Failure!";
-    this.SQLmessage = "Definition could not be updated.";
-      this.showSaveSQLDialog = !this.showSaveSQLDialog;
-      this.SQLclosable = true;
-  }
-}
+    @Input('reportId') reportId1: string;
+    @Input('reportMode') reportMode: string;
 
 
+    showSaveSQLDialog: boolean;
+    SQLPostResponse: any;
+    ValidatePostResponse: any;
+    showValidateSQLDialog: boolean;
+    SQLstatus: string;
+    Validatestatus: string;
+    SQLmessage: string;
+    Validatemessage: string;
+    sqlText: string;
+    showModal: boolean;
+    ValidateResponseString: string;
 
-validate()
-{
-  this._sqlService.postSQLValidateAndSave(this.sqlText)
-    .subscribe((response) => {
-      this.showSpinner = true;
+    finalGetObj: any;
+    showSpinner: boolean;
+    showErrorSqlMessage: boolean;
+    errorMessageString = '';
 
-        this.ValidateResponseString = response["data"]["elements"];
-        this.SetValidateResponseString(this.ValidateResponseString);
+    @Input() SQLclosable = true;
+    @Input() Validateclosable = true;
 
-        this.ValidatePostResponse = JSON.parse(response["data"]["elements"]);
-        
-        if(this.ValidatePostResponse["query"] !== undefined)
-        {
-            this.showModal = true;
-            this.Validatestatus = "SQL Test Run - Executed!";
-            this.showValidateSQLDialog = !this.showValidateSQLDialog;
-            this.Validateclosable = true; 
-        }
-        else
-        {
-          this.showModal = false;
-            this.Validatestatus = "SQL Test Run - Failed!";
-            this.showValidateSQLDialog = !this.showValidateSQLDialog;
-            this.Validateclosable = true;
-        }
-        this.showSpinner = false;
-    });
 
+    constructor(private _http: HttpClient, private _router: Router, private _sqlService: SqlService) {
+        this.showSaveSQLDialog = false;
+        this.SQLPostResponse = true;
+        this.ValidatePostResponse = {};
+        this.showErrorSqlMessage = false;
+    }
 
+    ngOnInit() {
+        this.showSaveSQLDialog = false;
+        this.SQLPostResponse = true;
+        this.ValidatePostResponse = {};
+        this._sqlService.getSQLTabData(this.reportId1)
+            .subscribe((response) => {
+                this.showSpinner = true;
+                this.finalGetObj = response;
+                this.sqlText = this.finalGetObj.query;
+                this.showSpinner = false;
+            });
+    }
 
-}
 
-closeSaveModal() {
-  this.showSaveSQLDialog = !this.showSaveSQLDialog;
-  this.SQLclosable = false;
-}
+    ngOnChanges() {
+        this.showSaveSQLDialog = false;
+        this.SQLPostResponse = true;
+        this.ValidatePostResponse = {};
+        this._sqlService.getSQLTabData(this.reportId1)
+            .subscribe((response) => {
+                this.showSpinner = true;
+                this.finalGetObj = response;
+                this.sqlText = this.finalGetObj.query;
 
-closeValidateModal() {
-  if(this.reportMode === "Create")
-  {
-    if(this.Validatestatus == "SQL Test Run - Failed!")
-    {
-      this.sqlText = this.sqlText;
+                this.showSpinner = false;
+            });
     }
-    else
-    {
-    this._http.get(environment.baseUrl + "report/wizard/retrieve_def_tab_wise_data/InSession")
-    .subscribe((response) => {
 
-      console.log(response);
 
-      this._router.navigate(["v2/reports", "Edit",response["reportId"]]); 
-      });
+    saveSQL() {
+        this.SQLPostResponse = true;
+        if (this.SQLPostResponse === true) {
+            this.SQLstatus = 'Success!';
+            this.SQLmessage = 'Your change has been saved! Definition is updated.';
+            this.showSaveSQLDialog = !this.showSaveSQLDialog;
+            this.SQLclosable = true;
+        } else {
+            this.SQLstatus = 'Failure!';
+            this.SQLmessage = 'Definition could not be updated.';
+            this.showSaveSQLDialog = !this.showSaveSQLDialog;
+            this.SQLclosable = true;
+        }
     }
-  }
-  this.showValidateSQLDialog = !this.showValidateSQLDialog;
-  this.Validateclosable = false;
-}
 
-SetValidateResponseString(ValidateResponseString1 : string)
-{
-  this.ValidateResponseString = ValidateResponseString1;
-}
 
-GetValidateResponseString()
-{
-  return this.ValidateResponseString;
-}
+    validate() {
+        this._sqlService.postSQLValidateAndSave(this.sqlText)
+            .subscribe((response) => {
+                this.showSpinner = true;
+                this.ValidateResponseString = response['data']['elements'];
+                this.SetValidateResponseString(this.ValidateResponseString);
+                this.ValidatePostResponse = JSON.parse(response['data']['elements']);
+                if (this.ValidatePostResponse['query'] !== undefined) {
+                    this.showErrorSqlMessage = false;
+                    this.showModal = true;
+                    this.Validatestatus = 'SQL Test Run - Executed!';
+                    this.showValidateSQLDialog = !this.showValidateSQLDialog;
+                    this.Validateclosable = true;
+                } else {
+                    this.showErrorSqlMessage = false;
+                    this.showModal = false;
+                    this.Validatestatus = 'SQL Test Run - Failed!';
+                    this.showValidateSQLDialog = !this.showValidateSQLDialog;
+                    this.Validateclosable = true;
+                }
+                this.showSpinner = false;
+            }, error => {
+                this.errorMessageString = error.error;
+                this.ValidatePostResponse = {};
+                this.ValidateResponseString = '';
+                this.showErrorSqlMessage = true;
+                this.showModal = false;
+                this.Validatestatus = 'SQL Test Run - Failed!';
+                this.showValidateSQLDialog = !this.showValidateSQLDialog;
+                this.Validateclosable = true;
+        });
+    }
+
+    closeSaveModal() {
+        this.showSaveSQLDialog = !this.showSaveSQLDialog;
+        this.SQLclosable = false;
+    }
+
+    closeValidateModal() {
+        if (this.reportMode === 'Create') {
+            if (this.Validatestatus == 'SQL Test Run - Failed!') {
+                this.sqlText = this.sqlText;
+            } else {
+                this._http.get(environment.baseUrl + 'report/wizard/retrieve_def_tab_wise_data/InSession')
+                    .subscribe((response) => {
+                        console.log(response);
+                        this._router.navigate(['v2/reports', 'Edit', response['reportId']]);
+                    });
+            }
+        }
+        this.showValidateSQLDialog = !this.showValidateSQLDialog;
+        this.Validateclosable = false;
+    }
+
+    SetValidateResponseString(ValidateResponseString1: string) {
+        this.ValidateResponseString = ValidateResponseString1;
+    }
+
+    GetValidateResponseString() {
+        return this.ValidateResponseString;
+    }
 
 }
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/header-tabs-component/header-tabs.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/header-tabs-component/header-tabs.component.html
index a240c634..7fdc5d50 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/header-tabs-component/header-tabs.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/header-tabs-component/header-tabs.component.html
@@ -1,5 +1,6 @@
 
-<div *ngIf="reportType === 'Linear' || reportMode === 'Create'">
+<div *ngIf="reportMode !== 'Create'">
+<div *ngIf=" reportType === 'Linear'" >
   <mat-tab-group>
     <mat-tab label="Definition"><ng-template matTabContent><app-definition [reportId]="reportId" [reportMode]="reportMode"></app-definition></ng-template></mat-tab>
     <mat-tab label="SQL"><ng-template matTabContent><app-sqlcomponent [reportId]="reportId" [reportMode]="reportMode"></app-sqlcomponent></ng-template></mat-tab>
@@ -19,4 +20,18 @@
         <mat-tab label="Log"><ng-template matTabContent><app-log [reportId]="reportId" [reportType]="reportType"></app-log></ng-template></mat-tab>
         <mat-tab label="Run"><ng-template matTabContent><app-run [reportId]="reportId" [reportType]="reportType"></app-run></ng-template></mat-tab>
       </mat-tab-group>
+  </div>
+</div>
+
+<div *ngIf="reportMode === 'Create'">
+    <mat-tab-group>
+      <mat-tab label="Definition"><ng-template matTabContent><app-definition [reportId]="reportId" [reportMode]="reportMode" (outputReportType)="getReportType($event)" ></app-definition></ng-template></mat-tab>
+      <mat-tab label="SQL" *ngIf=" reportType === 'Linear'"><ng-template matTabContent><app-sqlcomponent [reportId]="reportId" [reportMode]="reportMode"></app-sqlcomponent></ng-template></mat-tab>
+      <mat-tab label="Columns" *ngIf=" reportType === 'Linear'"><ng-template matTabContent><app-columns [reportId]="reportId"></app-columns></ng-template></mat-tab>
+      <mat-tab label="Form Fields" *ngIf=" reportType === 'Linear'"><ng-template matTabContent><app-form-fields [reportId]="reportId"></app-form-fields></ng-template></mat-tab>
+      <mat-tab label="Chart Wizard" *ngIf=" reportType === 'Linear'"><ng-template matTabContent><app-chart-wizard [reportId]="reportId"></app-chart-wizard></ng-template></mat-tab>
+      <mat-tab label="Security"><ng-template matTabContent><app-security [reportId]="reportId"></app-security></ng-template></mat-tab>
+      <mat-tab label="Log"><ng-template matTabContent><app-log [reportId]="reportId"></app-log></ng-template></mat-tab>
+      <mat-tab label="Run"><ng-template matTabContent><app-run [reportId]="reportId"></app-run></ng-template></mat-tab>
+    </mat-tab-group>
   </div>
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/header-tabs-component/header-tabs.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/header-tabs-component/header-tabs.component.ts
index e95481b7..af1f33f5 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/header-tabs-component/header-tabs.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/header-tabs-component/header-tabs.component.ts
@@ -97,6 +97,7 @@ export class HeaderTabsComponent implements OnInit {
         console.log(this.finalReportId, this.repMode);
       }
     }
+    
    }
 
    ngAfterViewInit()
@@ -139,46 +140,10 @@ export class HeaderTabsComponent implements OnInit {
    ngOnChanges(changes: SimpleChanges)
    {
     this.tabChanged = (tabChangeEvent: MatTabChangeEvent): void => {
-      console.log('tabChangeEvent => ', tabChangeEvent);
-      console.log('index => ', tabChangeEvent.index);
     };
-
-    // this.navLinks = [{
-    //   path : "definition/" + changes["reportId"]["currentValue"],
-    //   label : "Definition"
-    // },  
-    // {
-    //   path : "sql",
-    //   label : "SQL"
-    // },
-    // {
-    //   path : "columns",
-    //   label : "Columns"
-    // },
-    // {
-    //   path : "formFields",
-    //   label : "Form Fields"
-    // },
-    // {
-    //   path : "chartWizard",
-    //   label : "Chart Wizard"
-    // },
-    // {
-    //   path : "security",
-    //   label : "Security"
-    // },
-    // {
-    //   path : "log",
-    //   label : "Log"
-    // },
-    // {
-    //   path : "run/" + changes["reportId"]["currentValue"],
-    //   label : "Run"
-    // }];
-      console.log(changes);
-
-      // this._router.navigate(["search/definition", 7]);  
    }
   
-
-}
+   getReportType(reportTypeObject: any){
+      this.reportType= reportTypeObject['reportType'];
+   }
+}
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/report-list.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/report-list.component.css
index c62e7dbc..c040874a 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/report-list.component.css
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/report-list.component.css
@@ -80,11 +80,11 @@ background-color: #0568ae}
   box-sizing: border-box;
   display: block;
   position: absolute;
-  width: 80px;
-  height: 80px;
+  width: 35px;
+  height: 35px;
   margin: 6px;
   margin-top: 40px;
-  border: 10px solid #006496;
+  border: 6px solid #006496;
   border-radius: 80%;
   animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
   border-color: #006496 transparent transparent transparent;
@@ -142,6 +142,14 @@ mat-button-toggle{
   border-radius: 5px;
 }
 
+td.mat-cell{
+  padding-left: 3px;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-right: 1px solid #999;
+  border-left: 1px solid #999;
+}
+
 input {
   width: 400px;
   height: 20px;
@@ -232,11 +240,6 @@ i, em {
   border: #087ac2 2px solid;
 }
 
-.modalTitle{
-    font-size: 35px;  
-}
-
-
 .full-width-table {
   width: 100%;
 }
@@ -303,5 +306,5 @@ tr:nth-child(odd) {
 }
 
 .modalTitle{
-    font-size: 35px;  
+    font-size: 28px;  
 }
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/report-list.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/report-list.component.html
index f4c1be70..0295bdd6 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/report-list.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/report-list.component.html
@@ -14,21 +14,11 @@
     </app-definition-save-dialog-component> 
 
 <div *ngIf="!toggle1">
-    <!-- <div  *ngFor="let reportId of reportIdArr">
-      <h4>{{reportId}}<mat-icon aria-hidden="false" aria-label="edit" (click)="displayReport(reportId)">edit</mat-icon></h4>
-      <br/>
-    </div>
-  -->
-  <div class="stdForm">
     <div class="tab-content">
-            <h1>Report Search</h1>
+            <h3>Report Search</h3>
     </div>
-  </div>
-  <div *ngIf="showSpinner">
-      <div class="lds-ring"><div></div><div></div><div></div><div></div></div>
-</div>
-  <!-- <div *ngIf="!showSpinner"> -->
-<div class="app-data-table">
+<span class="ecomp-spinner" *ngIf="showSpinner"></span>
+<div>
     <mat-form-field>
         <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Search Report">
       </mat-form-field>
@@ -62,17 +52,17 @@
 
           <ng-container matColumnDef="copy">
               <th mat-header-cell *matHeaderCellDef mat-sort-header>Copy</th>
-              <td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="file_copy" (click)="displayReport(row.rep_id)">file_copy</mat-icon></td>
+              <td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="file_copy" (click)="copydisplayReport(row.rep_id)">file_copy</mat-icon></td>
             </ng-container>
 
             <ng-container matColumnDef="edit">
                 <th mat-header-cell *matHeaderCellDef mat-sort-header>Edit</th>
-                <td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="edit" (click)="displayReport(row.rep_id)">edit</mat-icon></td>
+                <td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="edit" *ngIf="row.canEdit"  (click)="displayReport(row.rep_id)">edit</mat-icon></td>
               </ng-container> 
 
               <ng-container matColumnDef="delete">
                   <th mat-header-cell *matHeaderCellDef mat-sort-header>Delete</th>
-                  <td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="delete" (click)="confirmDelete(row.rep_id)">delete</mat-icon></td>
+                  <td mat-cell *matCellDef="let row"><mat-icon aria-hidden="false" aria-label="delete" *ngIf="row.canDelete" (click)="confirmDelete(row.rep_id)">delete</mat-icon></td>
                 </ng-container>
 
                 <ng-container matColumnDef="schedule">
@@ -100,7 +90,6 @@
 </div>
 
 
-<!-- </div> -->
 
 <div *ngIf="toggle1">
     <h1>Report Run</h1>
@@ -108,4 +97,20 @@
     <app-run-report [reportId]="reportId"></app-run-report>
 </div>
 
-<!-- </div> -->
\ No newline at end of file
+
+<style scoped>
+  ::ng-deep .mat-sort-header-arrow.ng-trigger.ng-trigger-arrowPosition {
+      color: black;
+  opacity: 0;
+  }
+  
+  ::ng-deep .mat-sort-header-pointer-left.ng-trigger.ng-trigger-leftPointer {
+  transform: rotate(-45deg);
+  color: black;
+  }
+  ::ng-deep .mat-sort-header-pointer-right.ng-trigger.ng-trigger-rightPointer {
+  transform: rotate(45deg);
+  color: black;
+  }
+  
+  </style>
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/report-list.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/report-list.component.ts
index 2cf95427..1c2d443e 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/report-list.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/report-list.component.ts
@@ -8,231 +8,189 @@ import { Router } from '@angular/router';
 import { environment } from '../../../../environments/environment';
 import { ReportListService } from './report-list.service';
 
-@Component({
-  selector: 'app-all-reports',
-  templateUrl: './report-list.component.html',
-  styleUrls: ['./report-list.component.css']
-})
+@Component( {
+    selector: 'app-all-reports',
+    templateUrl: './report-list.component.html',
+    styleUrls: ['./report-list.component.css']
+} )
 export class ReportListComponent implements AfterViewInit, OnInit {
-  @ViewChild(MatPaginator, {static: false} as any) paginator: MatPaginator;
-  @ViewChild(MatSort, {static: false} as any) sort: MatSort;
-  @ViewChild(MatTable, {static: false} as any) table: MatTable<AllReportsItem>;
-
-  @Input("reportId") reportId1 : string;
-
-
-  dataSource: AllReportsDataSource;
-  dataSource1 : any;
-  finalGETObj : {};
-  finalGETObjRowsArr : [][];
-  rowArr : {}[];
-  reportIdArr : string[];
-  toggle : boolean;
-  intermediateDisplayedColumns : string[];
-  displayedColumns : string[];
-  finalRowArr : AllReportsItem[];
-  rowObj : any;
-  reportId : string;
-  toggle1 : boolean;
-  showSpinner : boolean;
-  showDialog : boolean;
-  closable : boolean;
-  delete : boolean;
-  newReportId : string;
-  constructor(private _http : HttpClient, private _router : Router, private _reportListService : ReportListService){
-
-    this.showDialog = false;
-    this.closable = false;
-    this.delete = false;
-
-    this.initializeReportList();
-
-
-  }
-
-
-  initializeReportList()
-  {
+    @ViewChild( MatPaginator, { static: false } as any ) paginator: MatPaginator;
+    @ViewChild( MatSort, { static: false } as any ) sort: MatSort;
+    @ViewChild( MatTable, { static: false } as any ) table: MatTable<AllReportsItem>;
+    @Input( "reportId" ) reportId1: string;
+    dataSource: AllReportsDataSource;
+    dataSource1: any;
+    finalGETObj: {};
+    finalGETObjRowsArr: [][];
+    rowArr: {}[];
+    reportIdArr: string[];
+    toggle: boolean;
+    intermediateDisplayedColumns: string[];
+    displayedColumns = ["rep_id", "rep_name", "descr", "owner", "create_date", "copy", "edit", "delete", "schedule", "run"];
+    finalRowArr: AllReportsItem[];
+    rowObj: any;
+    reportId: string;
+    toggle1: boolean;
+    showSpinner: boolean;
+    showDialog: boolean;
+    closable: boolean;
+    delete: boolean;
+    newReportId: string;
+    constructor( private _http: HttpClient, private _router: Router, private _reportListService: ReportListService ) {
+        this.showDialog = false;
+        this.closable = false;
+        this.delete = false;
+        this.initializeReportList();
+    }
     
-    this.showSpinner = true;
-    this.dataSource = new AllReportsDataSource();
-    this.dataSource1 = new MatTableDataSource();
-    this.intermediateDisplayedColumns = new Array();
-
-
-    this.finalGETObj = new Object();
-
-    this.finalGETObj = new Object();
-    this.finalGETObjRowsArr = new Array();
-    this.rowArr = new Array();
-    this.reportIdArr = new Array();
-    this.toggle = false;
-    this.toggle1 = false;
-
-    this.finalRowArr = new Array();
-   
-
-    this._http.get(environment.baseUrl + "raptor.htm?action=report.search.execute&r_page=0")
-    .subscribe((responseObj) => {
-      this.finalGETObj = responseObj;
-      this.finalGETObjRowsArr = this.finalGETObj["rows"];
-
-      let j=0;
-      while(this.finalGETObj["columns"][0][j])
-      {
-        if(this.finalGETObj["columns"][0][j]["columnId"] !== "no")
-        {
-          this.intermediateDisplayedColumns.push(this.finalGETObj["columns"][0][j]["columnId"]);
-        }
-        j++;
-      }
-
-      this.displayedColumns = this.intermediateDisplayedColumns;
-
-      let i=0;
-
-      while(this.finalGETObjRowsArr[0][i])
-      {
-        this.rowArr = this.finalGETObjRowsArr[0][i];
-        this.rowObj = new Object();
-        let j=0;
-        while(this.rowArr[j])
-        {
-          
-
-          if(this.rowArr[j]["columnId"] === "rep_id")
-          {
-            this.rowObj["rep_id"] = this.rowArr[j]["searchresultField"]["displayValue"];
-            this.reportIdArr.push(this.rowArr[j]["searchresultField"]["displayValue"]);
-          }
-
-          if(this.rowArr[j]["columnId"] === "rep_name")
-          {
-            this.rowObj["rep_name"] = this.rowArr[j]["searchresultField"]["displayValue"];
-          }
-
-          if(this.rowArr[j]["columnId"] === "descr")
-          {
-            this.rowObj["descr"] = this.rowArr[j]["searchresultField"]["displayValue"];
-          }
-
-          if(this.rowArr[j]["columnId"] === "owner")
-          {
-            this.rowObj["owner"] = this.rowArr[j]["searchresultField"]["displayValue"];
-          }
-
-          if(this.rowArr[j]["columnId"] === "create_date")
-          {
-            this.rowObj["create_date"] = this.rowArr[j]["searchresultField"]["displayValue"];
-          }
-
-          if(this.rowArr[j]["columnId"] === "copy")
-          {
-            this.rowObj["copy"] = this.rowArr[j]["searchresultField"]["displayValue"];          }
-
-          if(this.rowArr[j]["columnId"] === "edit")
-          {
-            this.rowObj["edit"] = this.rowArr[j]["searchresultField"]["displayValue"];
-          }
-
-          if(this.rowArr[j]["columnId"] === "delete")
-          {
-            this.rowObj["delete"] = this.rowArr[j]["searchresultField"]["displayValue"];
-          }
-
-          if(this.rowArr[j]["columnId"] === "schedule")
-          {
-            this.rowObj["schedule"] = this.rowArr[j]["searchresultField"]["displayValue"];
-          }
-
-          if(this.rowArr[j]["columnId"] === "run")
-          {
-            this.rowObj["run"] = this.rowArr[j]["searchresultField"]["displayValue"];
-          }
-
-          
-          j++;
-        }
-        this.finalRowArr.push(this.rowObj);
-        i++;
-      }
-
-      this.showSpinner = false;
-
-      if(!this.showSpinner)
-      {
-
-        
-       this.dataSource.data = this.finalRowArr;
-       this.dataSource1 = new MatTableDataSource(this.finalRowArr);
-       this.dataSource1.sort = this.sort;
-    this.dataSource1.paginator = this.paginator;
-       this.table.dataSource = this.dataSource;
-      }
-    });
-  }
-
-  ngOnInit() {
-      this.toggle = false;  
-  }
-
-  ngAfterViewInit() {
-    this.dataSource.sort = this.sort;
-    this.dataSource.paginator = this.paginator;
-    this.table.dataSource = this.dataSource;
-  }
+    initializeReportList() {
+        this.showSpinner = true;
+        this.dataSource = new AllReportsDataSource();
+        this.dataSource1 = new MatTableDataSource();
+        this.intermediateDisplayedColumns = new Array();
+        this.finalGETObj = new Object();
+        this.finalGETObj = new Object();
+        this.finalGETObjRowsArr = new Array();
+        this.rowArr = new Array();
+        this.reportIdArr = new Array();
+        this.toggle = false;
+        this.toggle1 = false;
+        this.finalRowArr = new Array();
+        this._reportListService.getAllReports()
+            .subscribe(( responseObj ) => {
+                this.finalGETObj = responseObj;
+                this.finalGETObjRowsArr = this.finalGETObj["rows"];
+                let j = 0;
+                while ( this.finalGETObj["columns"][0][j] ) {
+                    if ( this.finalGETObj["columns"][0][j]["columnId"] !== "no" ) {
+                        this.intermediateDisplayedColumns.push( this.finalGETObj["columns"][0][j]["columnId"] );
+                    }
+                    j++;
+                }
+                this.displayedColumns = this.intermediateDisplayedColumns;
+                let i = 0;
+                while ( this.finalGETObjRowsArr[0][i] ) {
+                    this.rowArr = this.finalGETObjRowsArr[0][i];
+                    this.rowObj = new Object();
+                    let j = 0;
+                    while ( this.rowArr[j] ) {
+                        if ( this.rowArr[j]["columnId"] === "rep_id" ) {
+                            this.rowObj["rep_id"] = this.rowArr[j]["searchresultField"]["displayValue"];
+                            this.reportIdArr.push( this.rowArr[j]["searchresultField"]["displayValue"] );
+                        }
+
+                        if ( this.rowArr[j]["columnId"] === "rep_name" ) {
+                            this.rowObj["rep_name"] = this.rowArr[j]["searchresultField"]["displayValue"];
+                        }
+
+                        if ( this.rowArr[j]["columnId"] === "descr" ) {
+                            this.rowObj["descr"] = this.rowArr[j]["searchresultField"]["displayValue"];
+                        }
+
+                        if ( this.rowArr[j]["columnId"] === "owner" ) {
+                            this.rowObj["owner"] = this.rowArr[j]["searchresultField"]["displayValue"];
+                        }
+
+                        if ( this.rowArr[j]["columnId"] === "create_date" ) {
+                            this.rowObj["create_date"] = this.rowArr[j]["searchresultField"]["displayValue"];
+                        }
+
+                        if ( this.rowArr[j]["columnId"] === "copy" ) {
+                            this.rowObj["copy"] = this.rowArr[j]["searchresultField"]["displayValue"];
+                        }
+
+                        if ( this.rowArr[j]["columnId"] === "edit" ) {
+                            this.rowObj["edit"] = this.rowArr[j]["searchresultField"]["displayValue"];
+                            this.rowObj["canEdit"] = this.rowArr[j]["searchresultField"]["authorized"];
+                        }
+
+                        if ( this.rowArr[j]["columnId"] === "delete" ) {
+                            this.rowObj["delete"] = this.rowArr[j]["searchresultField"]["displayValue"];
+                            this.rowObj["canDelete"] = this.rowArr[j]["searchresultField"]["authorized"];
+                        }
+
+                        if ( this.rowArr[j]["columnId"] === "schedule" ) {
+                            this.rowObj["schedule"] = this.rowArr[j]["searchresultField"]["displayValue"];
+                        }
+
+                        if ( this.rowArr[j]["columnId"] === "run" ) {
+                            this.rowObj["run"] = this.rowArr[j]["searchresultField"]["displayValue"];
+                        }
+                        j++;
+                    }
+                    this.finalRowArr.push( this.rowObj );
+                    i++;
+                }
+                this.showSpinner = false;
+                if ( !this.showSpinner ) {
+                    this.dataSource.data = this.finalRowArr;
+                    this.dataSource1 = new MatTableDataSource( this.finalRowArr );
+                    this.dataSource1.sort = this.sort;
+                    this.dataSource1.paginator = this.paginator;
+                    this.table.dataSource = this.dataSource;
+                }
+            } );
+    }
 
-  displayReport(reportId : string)
-  {
-    this.reportId = reportId;
+    ngOnInit() {
+        sessionStorage.clear();
+        const myItem = localStorage.getItem('id');
+        localStorage.clear();
+        localStorage.setItem('id', myItem);
+        this.toggle = false;
+    }
 
-    this._router.navigate(["v2/reports", "Edit",reportId]);  
+    ngAfterViewInit() {
+        this.dataSource.sort = this.sort;
+        this.dataSource.paginator = this.paginator;
+        this.table.dataSource = this.dataSource;
+    }
 
-    
-    
-  }
+    displayReport( reportId: string ) {
+        this.reportId = reportId;
+        this._router.navigate( ["v2/reports", "Edit", reportId] );
+    }
 
-  runReport(reportId : string)
-  {
-    this.reportId = reportId;
+    runReport( reportId: string ) {
+        this.reportId = reportId;
+        this._router.navigate( ['v2/run', reportId] );
+    }
 
-    this._router.navigate(['v2/run', reportId]);
+    applyFilter( filterValue: string ) {
+        this.dataSource1.filter = filterValue.trim().toLowerCase();
+    }
 
-  }
 
-  applyFilter(filterValue: string) {
-    this.dataSource1.filter = filterValue.trim().toLowerCase();
-  }
+    confirmDelete( reportId: string ) {
+        this.showDialog = true;
+        this.closable = true;
+        this.newReportId = reportId;
+    }
 
 
-  confirmDelete(reportId : string)
-  {
-    this.showDialog = true;
-    this.closable = true;
+    deleteReport() {
+        this._reportListService.deleteReport( this.newReportId )
+            .subscribe(( responseDelete ) => {
+                this.initializeReportList();
+                this.showDialog = !this.showDialog;
+                this.closable = false;
 
-    this.newReportId = reportId;
-  }
+            } );
+    }
 
+    close() {
+        this.showDialog = !this.showDialog;
+        this.closable = false;
+    }
+    
+    openReportSchedule( reportId: string ) {
+        this._router.navigate( ['v2/schedule_report', reportId] );
+    }
 
-  deleteReport()
+ copydisplayReport(reportId : string)
   {
-    this._reportListService.deleteReport(this.newReportId)
-    .subscribe((responseDelete) => {
-      this.initializeReportList();
-      this.showDialog = !this.showDialog;
-      this.closable = false;
-        
-    });
+    this.reportId = reportId;
+    this._router.navigate(["v2/reports", "Copy",reportId]);     
   }
 
-  close() {
-    this.showDialog = !this.showDialog;
-    this.closable = false;
-  }
-  
-  
-  openReportSchedule(reportId:string){
-      this._router.navigate(['v2/schedule_report', reportId]);
-    }
-  
 }
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/report-list.service.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/report-list.service.ts
index 248892a4..560bd6e1 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/report-list.service.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/report-list.service.ts
@@ -14,4 +14,7 @@ export class ReportListService {
   {
     return this._http.get(environment.baseUrl + "/raptor.htm?action=report.delete&c_master=" + reportId);
   }
+  getAllReports():Observable<any>{
+      return this._http.get(environment.baseUrl +  "raptor.htm?action=report.search.execute&r_page=0");
+    }
 }
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/search/search.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/search/search.component.html
index 1629ac24..5f131fb6 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/search/search.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/search/search.component.html
@@ -34,9 +34,9 @@
   ============LICENSE_END============================================
    
 -->
-<div class="container">
+<div class="main-container">
   <div id="page-content">
-  <h1 class="heading-page" id="profileSearch">Profile Search</h1>
+  <h3 class="heading-page" id="profileSearch">Profile Search</h3>
   <div class="prifile-search-box">
     <mat-form-field>
       <input matInput type="text" (keyup)="applyFilter($event.target.value)" placeholder="Search in entire table">
@@ -77,8 +77,8 @@
         <th mat-header-cell *matHeaderCellDef  id="heading5"> {{userHeaders[6]}} </th>
         <td mat-cell *matCellDef="let rowData" > 
           <span class="icon-trash" id="{{i}}-button-role-edit">
-            <a href="/v2/userProfile/self_profile?profile_id={{rowData.id}}" class="icon-misc-pen"
-							style="font-size: 20px;"><i class="ion ion-md-create"></i></a>
+            <a (click) ="getUser(rowData.id)" class="icon-misc-pen"
+							id="edit-button"><i class="ion ion-md-create"></i></a>
           </span>
         </td>
       </ng-container>
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/search/search.component.scss b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/search/search.component.scss
index f35a92a7..3b9e9d3b 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/search/search.component.scss
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/search/search.component.scss
@@ -66,4 +66,8 @@ table {
 
 td[_ngcontent-c4], th[_ngcontent-c4] {
   width: 15%;
+}
+
+#edit-button{
+  font-size: 20px;cursor: pointer;color: #007bff;
 }
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/search/search.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/search/search.component.spec.ts
index ab0efdb2..2140e0ae 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/search/search.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/search/search.component.spec.ts
@@ -1,3 +1,4 @@
+
 /*
  * ============LICENSE_START==========================================
  * ONAP Portal SDK
@@ -16,33 +17,16 @@
  *
  * Unless required by applicable law or agreed to in writing, software
  * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Unless otherwise specified, all documentation contained herein is licensed
- * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
- * you may not use this documentation except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *             https://creativecommons.org/licenses/by/4.0/
- *
- * Unless required by applicable law or agreed to in writing, documentation
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
  * limitations under the License.
  *
  * ============LICENSE_END============================================
  *
  * 
  */
-
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
 import { SearchComponent } from './search.component';
-import { CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, NgModule, Component } from '@angular/core';
-import { MatTableModule, MatTableDataSource, MatMenuModule, MatSortModule, MatPaginatorModule, MatDialogModule } from '@angular/material';
+import { CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA, NgModule } from '@angular/core';
+import { MatTableModule, MatTableDataSource, MatMenuModule, MatSortModule, MatPaginatorModule } from '@angular/material';
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { RouterTestingModule } from '@angular/router/testing';
@@ -51,23 +35,13 @@ import { NgbModule, NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { BrowserDynamicTestingModule } from '@angular/platform-browser-dynamic/testing';
 import { NgbModalBackdrop } from '@ng-bootstrap/ng-bootstrap/modal/modal-backdrop';
 import { NgModel } from '@angular/forms';
-import { Observable } from 'rxjs';
-import 'rxjs/add/observable/empty';
-import 'rxjs/add/observable/of';
-import { environment } from 'src/environments/environment';
-import { User } from 'src/app/shared/services/user/user';
-import { DataSource } from '@angular/cdk/table';
-import { InformationModalComponent } from 'src/app/modals/information-modal/information-modal.component';
-
 describe('SearchComponent', () => {
   let component: SearchComponent;
   let fixture: ComponentFixture<SearchComponent>;
-  let resp : any;
-
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA],
-      declarations: [ SearchComponent , ConfirmationModalComponent, InformationModalComponent],
+      declarations: [ SearchComponent , ConfirmationModalComponent],
       imports: [NoopAnimationsModule,
         MatPaginatorModule,
         MatSortModule,
@@ -75,39 +49,35 @@ describe('SearchComponent', () => {
         MatMenuModule,
         HttpClientTestingModule,
         RouterTestingModule,
-        MatDialogModule,
-        NgbModule.forRoot()
       ]
     })
-    TestBed.overrideModule(BrowserDynamicTestingModule,{
-      set:{
-        entryComponents:[ConfirmationModalComponent,InformationModalComponent]
-      }
-    })
     .compileComponents();
   })); 
-
   beforeEach(() => {
     fixture = TestBed.createComponent(SearchComponent);
     component = fixture.componentInstance;
-    component.response = resp;
     fixture.detectChanges();
   });
-
   it('should create', () => {
     expect(component).toBeTruthy();
   });
-
   it('should test getUsers method', () => {
       component.getUsers();
+      expect(component.showSpinner).toEqual(true);
+      let response;
+      component.response.subscribe(data => {
+          expect(response).toEqual(data);
+          expect(component.result).toEqual(JSON.parse(response.data));
+          expect(component.profileList).toEqual(JSON.parse(component.result.profileList));
+          expect(component.dataSource).toEqual(new MatTableDataSource(component.profileList));
+          expect(component.dataSource.paginator).toEqual(component.paginator);
+          expect(component.dataSource.sort).toEqual(component.sort);
+          expect(component.showSpinner).toEqual(false);
+      });   
   });
-
-  it('should test openConfirmationModal method', () => {
-     component.openConfirmationModal("just","test");
-  });    
-
-  it('should test openInformationModal method', () => {
-    component.openInformationModal("just","test");
- });
-  
-});  
+  // it('should test applyFilter method', () => {
+  //   let filterValue = "test"
+  //   component.applyFilter(filterValue);
+  //   expect(component.dataSource.filter).toEqual(filterValue.trim().toLowerCase());
+  // });
+});
\ No newline at end of file
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/search/search.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/search/search.component.ts
index a02158b6..9ae59ca8 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/search/search.component.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/search/search.component.ts
@@ -44,6 +44,7 @@ import { MatSort } from '@angular/material/sort';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { ConfirmationModalComponent } from 'src/app/modals/confirmation-modal/confirmation-modal.component';
 import { InformationModalComponent } from 'src/app/modals/information-modal/information-modal.component';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-search',
@@ -57,7 +58,7 @@ export class SearchComponent implements OnInit {
   result: any;
   profileList:any;
   userHeaders = ["User ID","Last Name","First Name","Email","orgUserId","orgManagerUserId","Edit","Active?"];
-  constructor(public profileservice:ProfileService, public ngbModal: NgbModal) { }
+  constructor(public profileservice:ProfileService, public ngbModal: NgbModal,private _router: Router) { }
   dataSource: MatTableDataSource<[]>;
     
   @ViewChild(MatPaginator, {}) paginator: MatPaginator;
@@ -126,4 +127,9 @@ export class SearchComponent implements OnInit {
     modalInfoRef.componentInstance.message = _message;
     return modalInfoRef;
   }
+
+
+  getUser(id: any) {
+    this._router.navigate(['v2/userProfile/self_profile'], { queryParams: { profile_id: id } });
+}
 }
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/self/self.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/self/self.component.html
index ff319de4..94a62d39 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/self/self.component.html
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/self/self.component.html
@@ -34,12 +34,12 @@
   ============LICENSE_END============================================
    
   -->
-<div class="container">
+<div class="main-container">
 	<div id="page-content">
-		<h1 class="heading-page" id="profileSearch">Self Profile Detail</h1>
-		<h3 class="heading-small" *ngIf="isAppCentralized=='true'" style="color:red;">Please use Portal for access
-			management</h3>
-		<h3 class="heading-small" *ngIf="isAppCentralized=='false'">Please edit the profile details below:</h3>
+		<h3 class="heading-page" id="profileSearch">Self Profile Detail</h3>
+		<h4 class="heading-small" *ngIf="isAppCentralized=='true'" style="color:red;">Please use Portal for access
+			management</h4>
+		<h4 class="heading-small" *ngIf="isAppCentralized=='false'">Please edit the profile details below:</h4>
 		<br>
 		<div class="input-group-first">
 			<div class="form-row">
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/self/self.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/self/self.component.spec.ts
index 52bb01f0..97e164df 100644
--- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/self/self.component.spec.ts
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/ext/profile/self/self.component.spec.ts
@@ -48,30 +48,19 @@ import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { UserService } from 'src/app/shared/services/user/user.service';
 import { Observable } from 'rxjs';
+import { ActivatedRoute } from '@angular/router';
 import { RouterTestingModule } from '@angular/router/testing';
-import { ModalDismissReasons, NgbModule } from '@ng-bootstrap/ng-bootstrap';
-import { ProfileService } from '../profile.service';
-import { InformationModalComponent } from 'src/app/modals/information-modal/information-modal.component';
-import { BrowserDynamicTestingModule } from '@angular/platform-browser-dynamic/testing';
-import { ErrorModalComponent } from 'src/app/modals/error-modal/error-modal.component';
-import { ConfirmationModalComponent } from 'src/app/modals/confirmation-modal/confirmation-modal.component';
 
 describe('SelfComponent', () => {
   let component: SelfComponent;
   let fixture: ComponentFixture<SelfComponent>;
   let userService:UserService;
-  let profileService:ProfileService;
-  var _element={"_element":{"selected":true}}
- 
+  let tableobj:any=JSON.stringify({"errormessage":"DummyError","stacktrace":"trace"});
+
   beforeEach(async(() => {
     TestBed.configureTestingModule({
       schemas: [CUSTOM_ELEMENTS_SCHEMA],
-      declarations: [ 
-        SelfComponent,
-        InformationModalComponent,
-        ErrorModalComponent,
-        ConfirmationModalComponent
-      ],
+      declarations: [ SelfComponent ],
       imports: [
         ReactiveFormsModule, 
         FormsModule,
@@ -80,18 +69,9 @@ describe('SelfComponent', () => {
         MatSlideToggleModule,
         BrowserAnimationsModule,
         HttpClientTestingModule,
-        RouterTestingModule,
-        NgbModule.forRoot()
+        RouterTestingModule
         ]
     })
-    TestBed.overrideModule(BrowserDynamicTestingModule,{
-      set:{
-        entryComponents:[
-          InformationModalComponent,
-          ErrorModalComponent,
-          ConfirmationModalComponent]
-      }
-    })
     .compileComponents();
   }));
 
@@ -100,14 +80,12 @@ describe('SelfComponent', () => {
     component = fixture.componentInstance;
     fixture.detectChanges();
     userService=TestBed.get(UserService);
-    profileService=TestBed.get(ProfileService);
   });
 
   it('should create', () => {
     expect(component).toBeTruthy();
   });
 
-
   describe('should test ngOnInit method',()=>{
     it('should test subscribe',()=>{
     let spy=spyOn(userService,'getFunctionalMenuStaticDetailSession').and.returnValue(Observable.of('you object'));
@@ -116,70 +94,4 @@ describe('SelfComponent', () => {
     })
   })
 
-  it('should test getDismissReason method',()=>{
-    component['getDismissReason'](ModalDismissReasons.ESC);
-    component['getDismissReason'](ModalDismissReasons.BACKDROP_CLICK);
-    component['getDismissReason']("");
-  })
-
-  it('should test getProfileById method',()=>{
-    let spy=spyOn(profileService,'getProfileById').and.callThrough();
-    component.getProfileById("indrijeet");
-    expect(spy).toHaveBeenCalled();
-  })
-
-  it('should test getSelfProfileDetail method',()=>{
-    let spy=spyOn(profileService,'getSelfProfile').and.callThrough();
-    component.getSelfProfileDetail();
-    expect(spy).toHaveBeenCalled();
-  })
-
-  it('should test saveProfile method first if condition',()=>{
-    component.oriProfile={"loginId":"loginId1"};
-    component.profile.loginId="loginId2";
-    component.saveProfile()
-  })
-
-  it('should test saveProfile method second if condition',()=>{
-    component.oriProfile={
-                          "loginId":"loginId",
-                          "loginPwd":"loginPwd1"
-                        };
-    component.profile.loginId="loginId";
-    component.profile.loginPwd="loginPwd2"
-    component.saveProfile()
-  })
-
-  it('should test saveProfile method',()=>{
-    component.oriProfile={
-                          "loginId":"loginId",
-                          "loginPwd":"loginPwd"
-                        };
-    component.profile.loginId="loginId";
-    component.profile.loginPwd="loginPwd";
-    component.stateList=[{"value":"value"}];
-    component.profile.state="value";
-    component.ociCountries=[{"value":"India"}];
-    component.profile.country="India";
-    component.ociTimeZones=[{"value":"Indian"}];
-    component.profile.timeZoneId="Indian";
-    component.postData={
-    profile: "profile",
-    selectedCountry:"selectedCountry",
-    selectedState:"selectedState",
-    selectedTimeZone:"selectedTimeZone"
-        };
-    component.profileId="profileId";
-    let spy= spyOn(profileService,'saveProfile').and.returnValue(Observable.of('your object'));
-    component.saveProfile()
-    expect(spy).toHaveBeenCalled();
-  });
-
-  it('should test toggleRoles method',()=>{
-    component.ociavailableRoles=[{"ociavailableRoles":"ociavailableRoles"}];
-    component.finalSelectedRoles=[{"finalSelectedRoles":"finalSelectedRoles"}];
-    component.toggleRoles(_element);
-    component.addUserRole(_element);
-  })
-
 });
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/refresh/refresh.component.html b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/refresh/refresh.component.html
new file mode 100644
index 00000000..2abb76dd
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/refresh/refresh.component.html
@@ -0,0 +1,3 @@
+<p>
+  refresh works!
+</p>
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/refresh/refresh.component.scss b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/refresh/refresh.component.scss
new file mode 100644
index 00000000..e69de29b
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/refresh/refresh.component.scss
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/refresh/refresh.component.spec.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/refresh/refresh.component.spec.ts
new file mode 100644
index 00000000..0f78d233
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/refresh/refresh.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RefreshComponent } from './refresh.component';
+
+describe('RefreshComponent', () => {
+  let component: RefreshComponent;
+  let fixture: ComponentFixture<RefreshComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ RefreshComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(RefreshComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/refresh/refresh.component.ts b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/refresh/refresh.component.ts
new file mode 100644
index 00000000..0af59383
--- /dev/null
+++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/refresh/refresh.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-refresh',
+  templateUrl: './refresh.component.html',
+  styleUrls: ['./refresh.component.scss']
+})
+export class RefreshComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}