diff --git a/config/permissions.php b/config/permissions.php
index 0fa38651ee..73217898bb 100644
--- a/config/permissions.php
+++ b/config/permissions.php
@@ -14,6 +14,7 @@ return [
             'label'      => '',
             'note'       => 'Determines whether the user has full access to all aspects of the admin. This setting overrides any more specific permissions throughout the system. ',
             'display'    => true,
+            'css-style'  => 'danger',
         ],
     ],
 
@@ -23,6 +24,7 @@ return [
             'label'      => '',
             'note'       => 'Determines whether the user has access to all settings except admin settings (LDAP, Branding, etc) ',
             'display'    => true,
+            'css-style'  => 'warning',
         ],
     ],
 
@@ -32,6 +34,7 @@ return [
             'label'      => '',
             'note'       => 'This will allow users to import even if access to users, assets, etc is denied elsewhere.',
             'display'    => true,
+            'css-style'  => 'primary',
         ],
     ],
 
@@ -41,6 +44,7 @@ return [
             'label'      => 'View',
             'note'       => 'Determines whether the user has the ability to view reports.',
             'display'    => true,
+            'css-style'  => 'primary',
         ],
     ],
 
diff --git a/resources/views/groups/edit.blade.php b/resources/views/groups/edit.blade.php
index 8ea6341cb1..cdb6cddf1c 100755
--- a/resources/views/groups/edit.blade.php
+++ b/resources/views/groups/edit.blade.php
@@ -31,14 +31,19 @@
             @if (count($section_permission) == 1)
 
 
-                    <div class="col-md-3 col-lg-4 col-sm-6 col-xl-1">
-                        <div class="box box-{{ (($localPermission['permission']=='superuser') ? 'danger' : (($localPermission['permission']=='admin') ? 'warning' : 'default'))  }} flex-aligned-box">
+                    <div class="col-md-3">
+                        <div class="box box-solid box-{{ (array_key_exists('css-style', $localPermission) ? $localPermission['css-style'] : 'default')  }} flex-aligned-box">
+                            <div class="box-header with-border">
+                                <h3 class="box-title">
+                                    @unless (empty($localPermission['label']))
+                                    {{ $section . ': ' . $localPermission['label'] }}
+                                    @else
+                                       {{ $section }}
+                                    @endunless
+                                </h3>
+                            </div>
                             <div class="box-body text-center flex-aligned-box">
-                                @unless (empty($localPermission['label']))
-                                    <h3>{{ $section . ': ' . $localPermission['label'] }}</h3>
-                                @else
-                                    <h3>{{ $section }}</h3>
-                                @endunless
+
                                     <p class="text-left">{{ $localPermission['note'] }}</p>
                                     <br><br>
 
@@ -65,6 +70,51 @@
                                     </div>
 
 
+                            </div>
+
+                        </div>
+                    </div>
+                @else
+
+                    <div class="col-md-3">
+                        <div class="box box-solid box-default flex-aligned-box">
+                            <div class="box-header with-border">
+                                <h3 class="box-title">
+                                    @unless (empty($localPermission['label']))
+                                        {{ $section . ': ' . $localPermission['label'] }}
+                                    @else
+                                        {{ $section }}
+                                    @endunless
+                                </h3>
+                            </div>
+                            <div class="box-body text-center flex-aligned-box">
+
+                                <p class="text-left">{{ $localPermission['note'] }}</p>
+                                <br><br>
+
+                                <div class="col-md-12 bottom-align-text text-center">
+                                    <div class="btn-group" data-toggle="buttons" style="padding-top: 20px; padding-bottom: 20px;">
+
+                                        <label class="btn btn-default">
+                                            {{ Form::radio('permission['.$localPermission['permission'].']',
+                                                    '1',(array_key_exists($localPermission['permission'], $groupPermissions) ? $groupPermissions[$localPermission['permission'] ] == '1' : null),
+                                                    ['id'=> 'permission['.$localPermission['permission'].']',
+                                                    'aria-label'=> 'permission['.$localPermission['permission'].']']) }}
+
+                                            <i class="fa fa-check" aria-hidden="true"></i> {{ trans('admin/groups/titles.grant')}}
+                                        </label>
+
+                                        <label class="btn btn-danger">
+                                            {{ Form::radio('permission['.$localPermission['permission'].']',
+                                                '0',(array_key_exists($localPermission['permission'], $groupPermissions) ? $groupPermissions[$localPermission['permission'] ] == '0' : null),
+                                                ['id'=> 'permission['.$localPermission['permission'].']',
+                                                'aria-label'=> 'permission['.$localPermission['permission'].']']) }}
+                                            <i class="fa fa-times" aria-hidden="true"></i> {{ trans('admin/groups/titles.deny')}}
+                                        </label>
+                                    </div>
+                                </div>
+
+
                             </div>
                         </div>
                     </div>
@@ -98,32 +148,6 @@
 
             });
 
-
-
-
-            $('.tooltip-base').tooltip({container: 'body'});
-            $(".superuser").change(function() {
-                var perms = $(this).val();
-                if (perms =='1') {
-                    $("#nonadmin").hide();
-                } else {
-                    $("#nonadmin").show();
-                }
-            });
-
-            // Check/Uncheck all radio buttons in the group
-            $('tr.header-row input:radio').on('ifClicked', function () {
-                value = $(this).attr('value');
-                area = $(this).data('checker-group');
-                $('.radiochecker-'+area+'[value='+value+']').iCheck('check');
-            });
-
-
-            $('.header-name').click(function() {
-                $(this).parent().nextUntil('tr.header-row').slideToggle(500);
-            });
-
-
         });