1 files changed, 85 insertions, 3 deletions

diff --git a/Pages/Component/AclDialog.razor.css b/Pages/Component/AclDialog.razor.css
index 7a7e545..74e405f 100644
--- a/Pages/Component/AclDialog.razor.css
+++ b/Pages/Component/AclDialog.razor.css
@@ -1,8 +1,90 @@
-table td:nth-child(2n) {
-    white-space: nowrap;
-    width:       1px;
+div.vcontainer{ 
+    display:        flex;
+    flex-direction: column;
+    height:         100%;
+}
+
+div.hcontainer {
+    display:        flex;
+    flex-direction: row;
+    flex-grow:      1;
+}
+
+div.hcontainer > div {
+    width:          50%;
+    flex-direction: column;
+    display:        flex;
+}
+
+div.hcontainer > div:first-child {
+    border-right:  1px solid white;
+    padding-right: 15px;
+}
+
+div.hcontainer > div:last-child {
+    padding-left: 15px;
+}
+
+div.hcontainer > div > p {
+    margin:     auto 0 auto 0;
+    text-align: center;
+}
+
+div.principal-select {
+    align-items:    center;
+    display:        flex;
+    flex-direction: row;
+}
+
+div.principal-select * {
+    margin: 0;
+}
+
+div.principal-select :not(:last-child) {
+    margin-right: 5px;
+}
+
+div.principal-select input[type="text"] {
+    flex-grow: 1;
+}
+
+div.hcontainer > div:last-child > label {
+    font-family: 'Lucida Console';
 }
 
 table p {
     margin: 8px 0 8px 0;
+}
+
+table tr {
+    background: none !important;
+}
+
+table td {
+    white-space:   nowrap;
+    text-overflow: ellipsis;
+    font-size:     8pt;
+    font-family:   'Lucida Console';
+}
+
+table td:last-child {
+    font-size: 12pt;
+}
+
+table td:nth-last-child(2) {
+    border-right: none !important;
+}
+
+table tr:nth-child(2n+1) td:not(:first-child) {
+    background: rgba(255, 255, 255, 0.1);
+}
+
+table td:nth-child(2n) {
+    width:       1px;
+    white-space: nowrap;
+}
+
+table td > div {
+    width:  min-content;
+    margin: auto;
 }
\ No newline at end of file