7 <DIV class=" roo-layout-region roo-layout-panel roo-layout-panel-center" xbuilderid="roo-gen6" style="left: 0px; top: 0px; width: 1142px; height: 723px;">
8 <DIV unselectable="on" class="roo-unselectable roo-layout-panel-hd breadcrumb roo-layout-title-center" xbuilderid="roo-gen7" style="display: none;">
9 <SPAN class="roo-unselectable roo-layout-panel-hd-text" unselectable="on">Account Management</SPAN>
10 <DIV class="roo-unselectable roo-layout-panel-hd-tools" unselectable="on" xbuilderid="roo-gen8"></DIV>
12 <DIV class="roo-layout-panel-body tab-content roo-tabs-top" xbuilderid="roo-gen9" style="overflow: hidden; height: 723px;">
13 <NAV class="navbar-light bg-light" xbuilderid="roo-gen24">
14 <UL class="nav nav-tabs" role="tablist" xbuilderid="roo-gen25" style="display: none;">
15 <LI class="nav-item" xbuilderid="roo-gen28">
16 <A class="nav-link active" href="#" unselectable="on" title="" xbuilderid="roo-gen27">Account Management</A>
20 <DIV id="tab-body26" class=" tab-content roo-layout-tabs-body" style="position: relative; height: 723px;">
21 <DIV xbuilderid="roo-gen10" class=" roo-layout-container roo-layout-nested-layout tab-pane roo-layout-active-content" xtype="Roo.bootstrap.panel.Nest" style="position: relative; display: block; zoom: 1; visibility: visible; width: 1142px; height: 723px;">
22 <DIV class=" roo-layout-region roo-layout-panel roo-layout-panel-center" xbuilderid="roo-gen13" style="left: 255px; top: 0px; width: 887px; height: 723px;">
23 <DIV unselectable="on" class="roo-unselectable roo-layout-panel-hd breadcrumb roo-layout-title-center" xbuilderid="roo-gen14" style="display: none;">
24 <SPAN class="roo-unselectable roo-layout-panel-hd-text" unselectable="on">Members List</SPAN>
25 <DIV class="roo-unselectable roo-layout-panel-hd-tools" unselectable="on" xbuilderid="roo-gen15"></DIV>
27 <DIV class="roo-layout-panel-body tab-content roo-tabs-top" xbuilderid="roo-gen16" style="overflow: hidden; height: 723px;">
28 <NAV class="navbar-light bg-light" xbuilderid="roo-gen99">
29 <UL class="nav nav-tabs" role="tablist" xbuilderid="roo-gen100" style="">
30 <LI class="nav-item" xbuilderid="roo-gen103">
31 <A class="nav-link active" href="#" unselectable="on" title="" xbuilderid="roo-gen102">Members List</A>
33 <LI class="nav-item" xbuilderid="roo-gen118">
34 <A class="nav-link" href="#" unselectable="on" title="" xbuilderid="roo-gen117">Permission List</A>
38 <DIV id="tab-body101" class=" tab-content roo-layout-tabs-body" style="position: relative; height: 681px;">
39 <DIV class="roo-layout-grid-wrapper roo-layout-inactive-content tab-pane" xbuilderid="roo-gen108" style="position: absolute; display: block; zoom: 1;"></DIV>
40 <DIV class="roo-layout-grid-wrapper roo-layout-active-content tab-pane" xbuilderid="roo-gen30" style="position: relative; display: block; zoom: 1; visibility: visible;">
41 <DIV xbuilderid="roo-gen31">
42 <DIV class="navbar roo-navbar-simple navbar-light bg-light" xbuilderid="roo-comp-1004" style="width: 855px;">
43 <DIV class="x-dlg-mask" xbuilderid="roo-gen32" style="width: 32px; height: 16px; display: none;"></DIV>
44 <UL class="nav navbar-nav mr-auto" xbuilderid="roo-comp-1006" style="width: 100%;">
45 <DIV class="nav-item" xbuilderid="roo-comp-1008" style="width: 100%;">
46 <DIV xbuilderid="roo-comp-1010" style="width: 100%;">
47 <DIV class="row clearfix roo-toolbar" xbuilderid="roo-comp-1012">
48 <DIV class="column col-md-3" xbuilderid="roo-comp-1014">
49 <DIV class="form-group" xbuilderid="roo-comp-1016">
50 <DIV class="input-group">
51 <INPUT xbuilderid="roo-gen34" type="text" value="" class="form-control" placeholder="search for account" autocomplete="new-password"></INPUT>
52 <SPAN class="roo-input-after input-group-append input-group-btn" xbuilderid="roo-gen42"><BUTTON class="btn roo-button btn-outline-secondary btn-default" xbuilderid="roo-comp-1017">
53 <SPAN class="roo-button-text"><I class="fa fa-search"></I></SPAN>
58 <DIV class="column col-md-9 text-right" xbuilderid="roo-comp-1019">
59 <BUTTON class="btn roo-button btn-outline-secondary btn-default roo-toolbar-button" xbuilderid="roo-comp-1021">
60 <SPAN class="glyphicon glyphicon-plus"></SPAN>
61 <SPAN class="roo-button-text">Add</SPAN>
63 <BUTTON class="btn roo-button btn-outline-secondary btn-default roo-toolbar-button" xbuilderid="roo-comp-1023" style="display: none;">
64 <SPAN class="glyphicon glyphicon-edit"></SPAN>
65 <SPAN class="roo-button-text">Edit</SPAN>
67 <BUTTON class="btn roo-button btn-primary roo-toolbar-button" xbuilderid="roo-comp-1025" style="display: none;">
68 <SPAN class="glyphicon glyphicon-trash"></SPAN>
69 <SPAN class="roo-button-text">Delete</SPAN>
71 <BUTTON class="btn roo-button btn-outline-secondary btn-default roo-toolbar-button" xbuilderid="roo-comp-1027" style="display: none;">
72 <SPAN class="glyphicon glyphicon-plus"></SPAN>
73 <SPAN class="roo-button-text">Add To Group</SPAN>
75 <BUTTON class="btn roo-button btn-outline-secondary btn-default roo-toolbar-button" xbuilderid="roo-comp-1029" style="display: none;">
76 <SPAN class="glyphicon glyphicon-trash"></SPAN>
77 <SPAN class="roo-button-text">Remove From Group</SPAN>
79 <BUTTON class="btn roo-button btn-outline-secondary btn-default roo-toolbar-button" xbuilderid="roo-comp-1031" style="display: none;">
80 <SPAN class="glyphicon glyphicon-user"></SPAN>
81 <SPAN class="roo-button-text">Switch to Selected User</SPAN>
90 <DIV xbuilderid="roo-comp-1033" class="table-fixed roo-layout-component-panel" style="width: 887px; height: 607px;">
91 <TABLE class="table table-body-fixed table-hover table-responsive table-fixed">
92 <THEAD xbuilderid="roo-gen66">
94 <TH class="sortable col-xs-1 col-1 col-sm-1 col-md-1" style=" text-align:center;" sort="active" xbuilderid="roo-gen68">
95 <I class="glyphicon"></I>Active
97 <TH class="sortable col-xs-3 col-3 col-sm-3 col-md-3" style="" sort="name" xbuilderid="roo-gen69">
98 <I class="glyphicon"></I>Name
100 <TH class="sortable col-xs-2 col-2 col-sm-2 col-md-2" style="" sort="role" xbuilderid="roo-gen70">
101 <I class="glyphicon"></I>Role / Position
103 <TH class="x-hcol-3 col-xs-2 col-2 col-sm-2 col-md-2" style="" sort="phone">Phone</TH>
104 <TH class="sortable col-xs-4 col-4 col-sm-2 col-md-4" style="" sort="email" xbuilderid="roo-gen71">
105 <I class="glyphicon"></I>Email
109 <TBODY xbuilderid="roo-gen65" style="width: 887px; height: 461px;">
110 <TR xbuilderid="roo-gen107" style="width: 887px;">
111 <TD colspan="5"></TD>
114 <TFOOT xbuilderid="roo-gen67">
115 <TR xbuilderid="roo-gen105" style="width: 887px;">
116 <TD colspan="5" xbuilderid="roo-gen106" style="width: 887px;">
117 <DIV class="navbar roo-navbar-simple navbar-light bg-light" xbuilderid="roo-comp-1034" name="footer">
118 <UL class="nav nav-PagingToolbar navbar-nav"></UL>
119 <DIV class="x-dlg-mask" xbuilderid="roo-gen78" style="width: 32px; height: 16px; display: none;"></DIV>
120 <DIV class="btn-group pagination" xbuilderid="roo-comp-1035">
121 <BUTTON class="btn roo-button btn-outline-secondary btn-default prev btn-outline-secondary" disabled="disabled" xbuilderid="roo-comp-1037" tooltip="First Page">
122 <SPAN class="roo-button-text"> <I class="fa fa-step-backward"></I></SPAN>
124 <BUTTON class="btn roo-button btn-outline-secondary btn-default prev btn-outline-secondary" disabled="disabled" xbuilderid="roo-comp-1038" tooltip="Previous Page">
125 <SPAN class="roo-button-text"> <I class="fa fa-backward"></I></SPAN>
127 <BUTTON class="btn roo-button btn-outline-secondary btn-default x-paging-position btn-outline-secondary" disabled="disabled" xbuilderid="roo-comp-1039">
128 <SPAN class="roo-button-text">Page<INPUT type="text" size="3" value="1" class="x-grid-page-number" xbuilderid="roo-gen87"></INPUT><SPAN class="x-paging-after" xbuilderid="roo-gen90">of 1</SPAN></SPAN>
130 <BUTTON class="btn roo-button btn-outline-secondary btn-default next btn-outline-secondary" disabled="disabled" xbuilderid="roo-comp-1040" tooltip="Next Page">
131 <SPAN class="roo-button-text"> <I class="fa fa-forward"></I></SPAN>
133 <BUTTON class="btn roo-button btn-outline-secondary btn-default next btn-outline-secondary" disabled="disabled" xbuilderid="roo-comp-1041" tooltip="Last Page">
134 <SPAN class="roo-button-text"> <I class="fa fa-step-forward"></I></SPAN>
136 <BUTTON class="btn roo-button btn-outline-secondary btn-default btn-outline-secondary" xbuilderid="roo-comp-1042" tooltip="Refresh">
137 <SPAN class="roo-button-text"> <I class="fa fa-refresh"></I></SPAN>
140 <BUTTON class="btn roo-button btn-outline-secondary btn-default roo-toolbar-button" xbuilderid="roo-comp-1036" name="activeButton">
141 <SPAN class="roo-button-text">Show Inactive</SPAN>
153 <DIV class=" roo-layout-region roo-layout-panel roo-layout-panel-west" xbuilderid="roo-gen17" style="width: 250px; left: 0px; top: 0px; height: 723px;">
154 <DIV unselectable="on" class="roo-unselectable roo-layout-panel-hd breadcrumb roo-layout-title-west" xbuilderid="roo-gen18" style="display: none;">
155 <SPAN class="roo-unselectable roo-layout-panel-hd-text" unselectable="on">Groups</SPAN>
156 <DIV class="roo-unselectable roo-layout-panel-hd-tools" unselectable="on" xbuilderid="roo-gen19"></DIV>
158 <DIV class="roo-layout-panel-body tab-content roo-tabs-top" xbuilderid="roo-gen20" style="overflow: hidden; height: 723px;">
159 <NAV class="navbar-light bg-light" xbuilderid="roo-gen142">
160 <UL class="nav nav-tabs" role="tablist" xbuilderid="roo-gen143" style="display: none;">
161 <LI class="nav-item" xbuilderid="roo-gen146">
162 <A class="nav-link active" href="#" unselectable="on" title="" xbuilderid="roo-gen145">Groups</A>
166 <DIV id="tab-body144" class=" tab-content roo-layout-tabs-body" style="position: relative; height: 723px;">
167 <DIV class="roo-layout-grid-wrapper roo-layout-active-content tab-pane" xbuilderid="roo-gen120" style="position: relative; display: block; zoom: 1; visibility: visible;">
168 <DIV xbuilderid="roo-gen121">
169 <DIV class="navbar roo-navbar-simple navbar-light bg-light" xbuilderid="roo-comp-1045" style="width: 218px;">
170 <DIV class="x-dlg-mask" xbuilderid="roo-gen122" style="width: 32px; height: 16px; display: none;"></DIV>
171 <UL class="nav navbar-nav mr-auto" xbuilderid="roo-comp-1047">
172 <DIV class="nav-item account-management-group-nav-item" xbuilderid="roo-comp-1049">
173 <BUTTON class="btn roo-button btn-outline-secondary btn-default dropdown dropdown-toggle" xbuilderid="roo-comp-1051">
174 <SPAN class="roo-button-text">Manage Groups</SPAN>
175 <SPAN class="caret"></SPAN>
176 <UL class="dropdown-menu" style="z-index:1000" xbuilderid="roo-comp-1053">
177 <LI class="dropdown-menu-item" xbuilderid="roo-comp-1055">
178 <A class="dropdown-item" href="#">
179 <I class="fa fa-fa fa-plus"></I>
183 <LI class="dropdown-menu-item" xbuilderid="roo-comp-1057">
184 <A class="dropdown-item" href="#">
185 <I class="fa fa-fa fa-pencil"></I>
189 <LI class="dropdown-menu-item" xbuilderid="roo-comp-1059">
190 <A class="dropdown-item" href="#">
191 <I class="fa fa-fa fa-trash"></I>
195 <LI class="dropdown-menu-item" xbuilderid="roo-comp-1061">
196 <A class="dropdown-item" href="#">
197 <I class="fa fa-fa fa-refresh"></I>
207 <DIV xbuilderid="roo-comp-1063" class="table-fixed roo-layout-component-panel" style="width: 250px; height: 669px;">
208 <TABLE class="table table-body-fixed table-striped table-hover table-responsive table-fixed">
209 <THEAD xbuilderid="roo-gen137">
211 <TH class="x-hcol-0 col-xs-12 col-12 col-sm-12 col-md-12" style="" sort="name">Name</TH>
214 <TBODY xbuilderid="roo-gen136" style="width: 250px; height: 620px;">
215 <TR xbuilderid="roo-gen148" style="width: 250px;">
216 <TD colspan="1"></TD>
225 <DIV xbuilderid="roo-gen17-split" class="roo-layout-split roo-layout-split-west roo-splitbar-h roo-layout-split-h" style="left: 250px; top: 0px; height: 723px;"> </DIV>
230 <DIV xbuilderid="roo-gen21" class=" x-unselectable roo-splitbar-proxy roo-splitbar-proxy-h"></DIV>