From 1f70835b3f98985633f1c4320df159d5494aec02 Mon Sep 17 00:00:00 2001
From: Mykyta Synelnikov <nsinelnikov.work@gmail.com>
Date: Wed, 27 Mar 2024 15:27:06 +0200
Subject: [PATCH] - new gulp version; - reviewed #1479;

---
 assets/css/admin/block.css                   |   17 +-
 assets/css/admin/builder-rtl.css             |   33 +-
 assets/css/admin/builder.css                 |  838 ++++---
 assets/css/admin/common.css                  |    8 +-
 assets/css/admin/common.sass                 |    6 -
 assets/css/admin/dashboard.css               |   84 +-
 assets/css/admin/dashboard.min.css           |    2 +-
 assets/css/admin/dashboard.sass              |   46 +-
 assets/css/admin/directories-screen.css      |   15 +-
 assets/css/admin/extensions.css              |  145 +-
 assets/css/admin/forms-rtl.css               |    8 +-
 assets/css/admin/forms-screen.css            |   23 +-
 assets/css/admin/forms.css                   |  558 +++--
 assets/css/admin/global.css                  |   95 +-
 assets/css/admin/global.min.css              |    2 +-
 assets/css/admin/global.sass                 |    2 +-
 assets/css/admin/modal.css                   |  219 +-
 assets/css/admin/modal.sass                  |   14 +-
 assets/css/admin/nav-menu.css                |   19 +-
 assets/css/admin/roles.css                   |   33 +-
 assets/css/admin/settings.css                |  211 +-
 assets/css/admin/users.css                   |   30 +-
 assets/css/common.css                        |   23 +-
 assets/css/um-members-rtl.css                |  124 +-
 assets/css/um-members.css                    | 2154 ++++++++++--------
 gulpfile.js                                  |  278 ++-
 includes/admin/templates/dashboard/users.php |  153 +-
 27 files changed, 2934 insertions(+), 2206 deletions(-)

diff --git a/assets/css/admin/block.css b/assets/css/admin/block.css
index 69ad1ae3..bc34c405 100644
--- a/assets/css/admin/block.css
+++ b/assets/css/admin/block.css
@@ -1,14 +1,17 @@
 .um_block_settings .um_block_settings_hide {
-  display: none; }
-
+  display: none;
+}
 .um_block_settings .components-select-control .components-select-control__input[multiple] {
-  height: auto; }
-  .um_block_settings .components-select-control .components-select-control__input[multiple] + .components-input-control__suffix {
-    display: none; }
+  height: auto;
+}
+.um_block_settings .components-select-control .components-select-control__input[multiple] + .components-input-control__suffix {
+  display: none;
+}
 
 .um-block-notice {
   background: #fff;
-  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
   font-size: 13px;
   padding: 20px;
-  border: 1px solid #000; }
+  border: 1px solid #000;
+}
\ No newline at end of file
diff --git a/assets/css/admin/builder-rtl.css b/assets/css/admin/builder-rtl.css
index 28ebb947..a7fe152f 100644
--- a/assets/css/admin/builder-rtl.css
+++ b/assets/css/admin/builder-rtl.css
@@ -1,29 +1,38 @@
 .um-admin-drag-ctrls-demo.um-admin-drag-ctrls {
   left: 12px;
-  right: auto; }
+  right: auto;
+}
 
 .um-admin-drag-row-icons {
   left: 0;
-  right: auto; }
-  .um-admin-drag-row-icons a {
-    float: right; }
+  right: auto;
+}
+.um-admin-drag-row-icons a {
+  float: right;
+}
 
 .um-admin-drag-ctrls.columns {
   right: 0 !important;
-  left: auto; }
-  .um-admin-drag-ctrls.columns a {
-    float: right; }
+  left: auto;
+}
+.um-admin-drag-ctrls.columns a {
+  float: right;
+}
 
 .um-admin-drag-rowsub-icons {
   right: auto;
-  left: 0; }
+  left: 0;
+}
 
 .um-admin-drag-fld-icons {
-  float: left; }
-  .um-admin-drag-fld-icons a {
-    float: right; }
+  float: left;
+}
+.um-admin-drag-fld-icons a {
+  float: right;
+}
 
 .um-admin-drag-fld-title,
 .um-admin-drag-fld-type {
   float: right;
-  margin: 0 20px 0 0; }
+  margin: 0 20px 0 0;
+}
\ No newline at end of file
diff --git a/assets/css/admin/builder.css b/assets/css/admin/builder.css
index c34e6978..104f6dd7 100644
--- a/assets/css/admin/builder.css
+++ b/assets/css/admin/builder.css
@@ -1,123 +1,145 @@
 @-webkit-keyframes um-ajax-spinning {
   0% {
     -webkit-transform: rotate(0deg);
-    transform: rotate(0deg); }
+    transform: rotate(0deg);
+  }
   100% {
     -webkit-transform: rotate(360deg);
-    transform: rotate(360deg); } }
-
+    transform: rotate(360deg);
+  }
+}
 @-moz-keyframes um-ajax-spinning {
   0% {
     -webkit-transform: rotate(0deg);
-    transform: rotate(0deg); }
+    transform: rotate(0deg);
+  }
   100% {
     -webkit-transform: rotate(360deg);
-    transform: rotate(360deg); } }
-
+    transform: rotate(360deg);
+  }
+}
 @-ms-keyframes um-ajax-spinning {
   0% {
     -webkit-transform: rotate(0deg);
-    transform: rotate(0deg); }
+    transform: rotate(0deg);
+  }
   100% {
     -webkit-transform: rotate(360deg);
-    transform: rotate(360deg); } }
-
+    transform: rotate(360deg);
+  }
+}
 @keyframes um-ajax-spinning {
   0% {
     -webkit-transform: rotate(0deg);
-    transform: rotate(0deg); }
+    transform: rotate(0deg);
+  }
   100% {
     -webkit-transform: rotate(360deg);
-    transform: rotate(360deg); } }
-
+    transform: rotate(360deg);
+  }
+}
 .um-admin-row-loading {
   position: absolute;
   width: 100%;
-  height: calc( 100% + 30px);
+  height: calc(100% + 30px);
   top: -30px;
   left: 0;
   background: rgba(241, 241, 241, 0.6);
   z-index: 999;
-  display: none; }
-  .um-admin-row-loading > span {
-    display: block;
-    -webkit-transition: 0.1s opacity;
-    -moz-transition: 0.1s opacity;
-    -ms-transition: 0.1s opacity;
-    -o-transition: 0.1s opacity;
-    transition: 0.1s opacity;
-    color: #c6c6c6 !important;
-    -webkit-animation: um-ajax-spinning 1.1s infinite linear;
-    animation: um-ajax-spinning 1.1s infinite linear;
-    border-top: 0.2em solid black;
-    border-right: 0.2em solid black;
-    border-bottom: 0.2em solid black;
-    border-left: 0.2em solid #c6c6c6;
-    font-size: 1.75em;
-    filter: alpha(opacity=0);
-    -ms-transform: translateZ(0);
-    transform: translateZ(0);
-    border-radius: 50%;
-    width: 40px;
-    height: 40px;
-    margin: -20px 0 0 -20px;
-    outline: 0;
-    padding: 0;
-    vertical-align: baseline;
-    position: absolute;
-    left: 50%;
-    top: 50%; }
+  display: none;
+}
+.um-admin-row-loading > span {
+  display: block;
+  -webkit-transition: 0.1s opacity;
+  -moz-transition: 0.1s opacity;
+  -ms-transition: 0.1s opacity;
+  -o-transition: 0.1s opacity;
+  transition: 0.1s opacity;
+  color: #c6c6c6 !important;
+  -webkit-animation: um-ajax-spinning 1.1s infinite linear;
+  animation: um-ajax-spinning 1.1s infinite linear;
+  border-top: 0.2em solid rgb(0, 0, 0);
+  border-right: 0.2em solid rgb(0, 0, 0);
+  border-bottom: 0.2em solid rgb(0, 0, 0);
+  border-left: 0.2em solid #c6c6c6;
+  font-size: 1.75em;
+  filter: alpha(opacity=0);
+  -ms-transform: translateZ(0);
+  transform: translateZ(0);
+  border-radius: 50%;
+  width: 40px;
+  height: 40px;
+  margin: -20px 0 0 -20px;
+  outline: 0;
+  padding: 0;
+  vertical-align: baseline;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+}
 
 .um-admin-boxed-links {
   width: 100%;
-  text-align: center; }
-  .um-admin-boxed-links a {
-    width: 33.3%;
-    float: left;
-    border-left: 1px solid #fff;
-    border-right: 1px solid #fff;
-    padding: 30px 25px !important;
-    background: #f8f8f8;
-    text-align: center;
-    display: inline-block !important;
-    font-size: 14px;
-    transition: all .2s linear;
-    text-decoration: none;
-    color: #666;
-    margin: 0 !important;
-    box-sizing: border-box !important;
-    border-radius: 2px;
-    font-weight: 600; }
-    .um-admin-boxed-links a:hover {
-      background: #eee; }
-    .um-admin-boxed-links a.um-admin-activebg {
-      background: #0085ba;
-      color: #fff; }
-      .um-admin-boxed-links a.um-admin-activebg:hover {
-        background: #0085ba;
-        color: #fff; }
-  .um-admin-boxed-links i {
-    font-size: 28px;
-    vertical-align: middle;
-    margin: 0 10px 0 0; }
+  text-align: center;
+}
+.um-admin-boxed-links a {
+  width: 33.3%;
+  float: left;
+  border-left: 1px solid #fff;
+  border-right: 1px solid #fff;
+  padding: 30px 25px !important;
+  background: #f8f8f8;
+  text-align: center;
+  display: inline-block !important;
+  font-size: 14px;
+  transition: all 0.2s linear;
+  text-decoration: none;
+  color: #666;
+  margin: 0 !important;
+  box-sizing: border-box !important;
+  border-radius: 2px;
+  font-weight: 600;
+}
+.um-admin-boxed-links a:hover {
+  background: #eee;
+}
+.um-admin-boxed-links a.um-admin-activebg {
+  background: #0085ba;
+  color: #fff;
+}
+.um-admin-boxed-links a.um-admin-activebg:hover {
+  background: #0085ba;
+  color: #fff;
+}
+.um-admin-boxed-links i {
+  font-size: 28px;
+  vertical-align: middle;
+  margin: 0 10px 0 0;
+}
 
 .um-admin-half {
   float: left;
-  width: 48%; }
-  .um-admin-half select {
-    box-sizing: border-box; }
-  .um-admin-half.um-admin-right {
-    float: right; }
-  .um-admin-half p:first-child {
-    margin-top: 0; }
-  .um-admin-half .um {
-    opacity: 1;
-    margin-bottom: 0 !important; }
+  width: 48%;
+}
+.um-admin-half select {
+  box-sizing: border-box;
+}
+.um-admin-half.um-admin-right {
+  float: right;
+}
+.um-admin-half p:first-child {
+  margin-top: 0;
+}
+.um-admin-half .um {
+  opacity: 1;
+  margin-bottom: 0 !important;
+}
 
 .um-admin-tri {
   float: left;
   width: 33%;
-  position: relative; }
+  position: relative;
+}
 
 .um-admin-error-block,
 .um-admin-success-block {
@@ -131,16 +153,20 @@
   padding: 12px;
   font-size: 13px;
   line-height: 1em !important;
-  margin: 0 0 16px 0; }
+  margin: 0 0 16px 0;
+}
 
 .um-admin-success-block {
-  background: #7acf58; }
+  background: #7acf58;
+}
 
 .um-admin-cur-condition-template {
-  display: none; }
+  display: none;
+}
 
 .dynamic-mce-content {
-  display: none; }
+  display: none;
+}
 
 .um-admin-btns {
   line-height: 1.5em;
@@ -149,70 +175,88 @@
   flex-direction: row;
   justify-content: flex-start;
   align-items: baseline;
-  flex-wrap: wrap; }
-  .um-admin-btns .um-no-custom-fields {
-    margin: 0; }
-  .um-admin-btns a {
-    margin: 0 3px 8px 0 !important;
-    font-size: 12px !important;
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    align-items: center;
-    flex-wrap: nowrap;
-    display: flex !important; }
-    .um-admin-btns a.with-icon span {
-      color: #aaa;
-      font-size: 15px !important;
-      padding-left: 5px;
-      height: auto;
-      width: auto; }
-    .um-admin-btns a.with-icon:hover span {
-      color: #cb3838; }
+  flex-wrap: wrap;
+}
+.um-admin-btns .um-no-custom-fields {
+  margin: 0;
+}
+.um-admin-btns a {
+  margin: 0 3px 8px 0 !important;
+  font-size: 12px !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: nowrap;
+  display: flex !important;
+}
+.um-admin-btns a.with-icon span {
+  color: #aaa;
+  font-size: 15px !important;
+  padding-left: 5px;
+  height: auto;
+  width: auto;
+}
+.um-admin-btns a.with-icon:hover span {
+  color: #cb3838;
+}
 
 .um-admin-btn-toggle {
-  padding: 10px 0; }
-  .um-admin-btn-toggle p {
-    margin: 0 5px 0 0 !important; }
-    .um-admin-btn-toggle p.um-admin-reset-conditions a {
-      margin-bottom: 5px; }
-  .um-admin-btn-toggle a {
-    text-decoration: none;
-    color: #999; }
-    .um-admin-btn-toggle a.um-admin-new-condition {
-      margin-bottom: 5px; }
-    .um-admin-btn-toggle a.active {
-      color: #0085ba; }
-      .um-admin-btn-toggle a.active:hover {
-        color: #0085ba; }
-  .um-admin-btn-toggle i {
-    margin: 0 5px 0 0 !important;
-    height: 100%;
-    color: #666;
-    position: relative;
-    top: 1px; }
+  padding: 10px 0;
+}
+.um-admin-btn-toggle p {
+  margin: 0 5px 0 0 !important;
+}
+.um-admin-btn-toggle p.um-admin-reset-conditions a {
+  margin-bottom: 5px;
+}
+.um-admin-btn-toggle a {
+  text-decoration: none;
+  color: #999;
+}
+.um-admin-btn-toggle a.um-admin-new-condition {
+  margin-bottom: 5px;
+}
+.um-admin-btn-toggle a.active {
+  color: #0085ba;
+}
+.um-admin-btn-toggle a.active:hover {
+  color: #0085ba;
+}
+.um-admin-btn-toggle i {
+  margin: 0 5px 0 0 !important;
+  height: 100%;
+  color: #666;
+  position: relative;
+  top: 1px;
+}
 
 .um-admin-btn-content {
   display: none;
-  padding: 5px 0 0 0; }
-  .um-admin-btn-content p {
-    float: left;
-    margin-right: 10px !important;
-    padding: 0 !important; }
-    .um-admin-btn-content p.um-admin-conditions-notice {
-      width: 100%;
-      margin: 0 0 9px 0 !important; }
-  .um-admin-btn-content .um-admin-cur-condition:not(:last-child) {
-    margin: 0 0 5px 0; }
+  padding: 5px 0 0 0;
+}
+.um-admin-btn-content p {
+  float: left;
+  margin-right: 10px !important;
+  padding: 0 !important;
+}
+.um-admin-btn-content p.um-admin-conditions-notice {
+  width: 100%;
+  margin: 0 0 9px 0 !important;
+}
+.um-admin-btn-content .um-admin-cur-condition:not(:last-child) {
+  margin: 0 0 5px 0;
+}
 
 .um-admin-builder i {
   font-size: 15px !important;
   height: 100% !important;
   line-height: 100% !important;
-  margin: 0 5px 0 0 !important; }
-
+  margin: 0 5px 0 0 !important;
+}
 .um-admin-builder .um-admin-drag {
-  margin-top: 40px; }
+  margin-top: 40px;
+}
 
 .um-admin-drag-add-field {
   display: block;
@@ -221,52 +265,66 @@
   line-height: 30px;
   text-align: center;
   color: #aaa;
-  text-decoration: none; }
-  .um-admin-drag-add-field:hover {
-    color: #0085ba; }
-  .um-admin-drag-add-field i {
-    font-size: 23px !important;
-    margin: 0 !important; }
+  text-decoration: none;
+}
+.um-admin-drag-add-field:hover {
+  color: #0085ba;
+}
+.um-admin-drag-add-field i {
+  font-size: 23px !important;
+  margin: 0 !important;
+}
 
 .um-admin-drag-ctrls {
   position: absolute;
   top: -30px;
-  left: 0; }
-  .um-admin-drag-ctrls.um-admin-drag-ctrls-demo {
-    position: absolute;
-    right: 7px;
-    top: -30px;
-    left: auto; }
-  .um-admin-drag-ctrls a {
-    float: left;
-    margin: 0 5px 0 0;
-    height: 30px;
-    line-height: 30px;
-    background: #eee;
-    color: #888;
-    padding: 0 8px;
-    text-decoration: none;
-    border-radius: 2px 2px 0 0; }
-    .um-admin-drag-ctrls a:hover {
-      background-color: #e5e5e5; }
-    .um-admin-drag-ctrls a.active, .um-admin-drag-ctrls a.active:hover {
-      background-color: #0085ba;
-      color: #fff; }
-  .um-admin-drag-ctrls.columns a {
-    width: 30px !important;
-    background-image: url(../../img/builder/1-column.gif);
-    background-repeat: no-repeat;
-    background-position: center; }
-    .um-admin-drag-ctrls.columns a:nth-child(2) {
-      background-image: url(../../img/builder/2-columns.gif); }
-    .um-admin-drag-ctrls.columns a:last-child {
-      background-image: url(../../img/builder/3-columns.gif); }
-    .um-admin-drag-ctrls.columns a.active {
-      background-image: url(../../img/builder/1-column-active.gif); }
-      .um-admin-drag-ctrls.columns a.active:nth-child(2) {
-        background-image: url(../../img/builder/2-columns-active.gif); }
-      .um-admin-drag-ctrls.columns a.active:last-child {
-        background-image: url(../../img/builder/3-columns-active.gif); }
+  left: 0;
+}
+.um-admin-drag-ctrls.um-admin-drag-ctrls-demo {
+  position: absolute;
+  right: 7px;
+  top: -30px;
+  left: auto;
+}
+.um-admin-drag-ctrls a {
+  float: left;
+  margin: 0 5px 0 0;
+  height: 30px;
+  line-height: 30px;
+  background: #eee;
+  color: #888;
+  padding: 0 8px;
+  text-decoration: none;
+  border-radius: 2px 2px 0 0;
+}
+.um-admin-drag-ctrls a:hover {
+  background-color: #e5e5e5;
+}
+.um-admin-drag-ctrls a.active, .um-admin-drag-ctrls a.active:hover {
+  background-color: #0085ba;
+  color: #fff;
+}
+.um-admin-drag-ctrls.columns a {
+  width: 30px !important;
+  background-image: url(../../img/builder/1-column.gif);
+  background-repeat: no-repeat;
+  background-position: center;
+}
+.um-admin-drag-ctrls.columns a:nth-child(2) {
+  background-image: url(../../img/builder/2-columns.gif);
+}
+.um-admin-drag-ctrls.columns a:last-child {
+  background-image: url(../../img/builder/3-columns.gif);
+}
+.um-admin-drag-ctrls.columns a.active {
+  background-image: url(../../img/builder/1-column-active.gif);
+}
+.um-admin-drag-ctrls.columns a.active:nth-child(2) {
+  background-image: url(../../img/builder/2-columns-active.gif);
+}
+.um-admin-drag-ctrls.columns a.active:last-child {
+  background-image: url(../../img/builder/3-columns-active.gif);
+}
 
 .um-admin-drag {
   width: 100%;
@@ -275,7 +333,8 @@
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   position: relative;
-  padding: 60px 20px 20px 20px; }
+  padding: 60px 20px 20px 20px;
+}
 
 .um-admin-drag-row {
   width: 100%;
@@ -285,51 +344,59 @@
   -webkit-box-sizing: border-box;
   position: relative;
   padding: 60px 20px 20px 20px;
-  margin: 0 0 60px 0; }
-  .um-admin-drag-row:last-child {
-    margin-bottom: 0; }
+  margin: 0 0 60px 0;
+}
+.um-admin-drag-row:last-child {
+  margin-bottom: 0;
+}
 
 .um-admin-drag-row-icons {
   position: absolute;
   right: 0;
   top: -30px;
-  height: 30px; }
-  .um-admin-drag-row-icons a {
-    text-decoration: none;
-    color: #fff;
-    width: 40px;
-    height: 30px;
-    line-height: 30px;
-    text-align: center;
-    display: block !important;
-    float: left;
-    background: #0085ba;
-    padding: 0 4px;
-    transition: all .2s linear;
-    border-left: 1px solid #379dd5; }
-    .um-admin-drag-row-icons a:hover {
-      background: #008ec2; }
-  .um-admin-drag-row-icons span {
-    cursor: move !important;
-    text-decoration: none;
-    color: #fff;
-    width: 40px;
-    height: 30px;
-    line-height: 30px;
-    text-align: center;
-    display: block !important;
-    float: left;
-    background: #0085ba;
-    padding: 0 4px;
-    transition: all .2s linear;
-    border-left: 1px solid #379dd5; }
-    .um-admin-drag-row-icons span:hover {
-      background: #008ec2; }
-  .um-admin-drag-row-icons i {
-    font-size: 18px !important;
-    margin: 0 !important;
-    top: 2px;
-    position: relative; }
+  height: 30px;
+}
+.um-admin-drag-row-icons a {
+  text-decoration: none;
+  color: #fff;
+  width: 40px;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  display: block !important;
+  float: left;
+  background: #0085ba;
+  padding: 0 4px;
+  transition: all 0.2s linear;
+  border-left: 1px solid #379dd5;
+}
+.um-admin-drag-row-icons a:hover {
+  background: #008ec2;
+}
+.um-admin-drag-row-icons span {
+  cursor: move !important;
+  text-decoration: none;
+  color: #fff;
+  width: 40px;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  display: block !important;
+  float: left;
+  background: #0085ba;
+  padding: 0 4px;
+  transition: all 0.2s linear;
+  border-left: 1px solid #379dd5;
+}
+.um-admin-drag-row-icons span:hover {
+  background: #008ec2;
+}
+.um-admin-drag-row-icons i {
+  font-size: 18px !important;
+  margin: 0 !important;
+  top: 2px;
+  position: relative;
+}
 
 .um-admin-drag-rowsub {
   position: relative;
@@ -338,51 +405,59 @@
   -webkit-box-sizing: border-box;
   background: #f1f1f1;
   padding: 20px;
-  margin: 0 0 60px 0; }
-  .um-admin-drag-rowsub:last-child {
-    margin-bottom: 0; }
+  margin: 0 0 60px 0;
+}
+.um-admin-drag-rowsub:last-child {
+  margin-bottom: 0;
+}
 
 .um-admin-drag-rowsub-icons {
   position: absolute;
   right: 0;
   top: -30px;
-  height: 30px; }
-  .um-admin-drag-rowsub-icons a {
-    text-decoration: none;
-    color: #fff;
-    width: 40px;
-    height: 30px;
-    line-height: 30px;
-    text-align: center;
-    display: block !important;
-    float: left;
-    background: #0085ba;
-    padding: 0 4px;
-    transition: all .2s linear;
-    border-left: 1px solid #379dd5; }
-    .um-admin-drag-rowsub-icons a:hover {
-      background: #008ec2; }
-  .um-admin-drag-rowsub-icons span {
-    cursor: move !important;
-    text-decoration: none;
-    color: #fff;
-    width: 40px;
-    height: 30px;
-    line-height: 30px;
-    text-align: center;
-    display: block !important;
-    float: left;
-    background: #0085ba;
-    padding: 0 4px;
-    transition: all .2s linear;
-    border-left: 1px solid #379dd5; }
-    .um-admin-drag-rowsub-icons span:hover {
-      background: #008ec2; }
-  .um-admin-drag-rowsub-icons i {
-    font-size: 18px !important;
-    margin: 0 !important;
-    top: 2px;
-    position: relative; }
+  height: 30px;
+}
+.um-admin-drag-rowsub-icons a {
+  text-decoration: none;
+  color: #fff;
+  width: 40px;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  display: block !important;
+  float: left;
+  background: #0085ba;
+  padding: 0 4px;
+  transition: all 0.2s linear;
+  border-left: 1px solid #379dd5;
+}
+.um-admin-drag-rowsub-icons a:hover {
+  background: #008ec2;
+}
+.um-admin-drag-rowsub-icons span {
+  cursor: move !important;
+  text-decoration: none;
+  color: #fff;
+  width: 40px;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  display: block !important;
+  float: left;
+  background: #0085ba;
+  padding: 0 4px;
+  transition: all 0.2s linear;
+  border-left: 1px solid #379dd5;
+}
+.um-admin-drag-rowsub-icons span:hover {
+  background: #008ec2;
+}
+.um-admin-drag-rowsub-icons i {
+  font-size: 18px !important;
+  margin: 0 !important;
+  top: 2px;
+  position: relative;
+}
 
 .um-admin-drag-col {
   float: left;
@@ -390,51 +465,65 @@
   background: #fff;
   border: 1px dashed #bbb;
   box-sizing: border-box;
-  padding: 20px; }
-  .um-admin-drag-col.cols-3 {
-    width: 32%; }
-    .um-admin-drag-col.cols-3.cols-last {
-      width: 32%; }
-    .um-admin-drag-col.cols-3.cols-middle {
-      width: 32%;
-      margin: 0 2%; }
-    .um-admin-drag-col.cols-3 .um-admin-drag-fld-title {
-      height: auto;
-      line-height: 18px;
-      margin: 10px;
-      margin-bottom: 0; }
-    .um-admin-drag-col.cols-3 .um-admin-drag-fld-type {
-      height: auto;
-      line-height: 18px;
-      margin: 0 0 10px 0; }
-    .um-admin-drag-col.cols-3 .um-admin-drag-fld-icons {
-      float: none;
-      position: absolute;
-      bottom: 0;
-      right: 0;
-      height: 30px;
-      display: none; }
-      .um-admin-drag-col.cols-3 .um-admin-drag-fld-icons.um-field-type-group {
-        float: left;
-        position: relative;
-        bottom: auto;
-        right: auto;
-        height: 30px;
-        display: block; }
-    .um-admin-drag-col.cols-3 .um-admin-drag-fld:hover .um-admin-drag-fld-icons {
-      display: block; }
-  .um-admin-drag-col.cols-1 {
-    width: 100%; }
-    .um-admin-drag-col.cols-1.cols-last {
-      width: 100%; }
-  .um-admin-drag-col.cols-2 {
-    width: 49%;
-    margin: 0 1% 0 0; }
-    .um-admin-drag-col.cols-2.cols-last {
-      width: 49%;
-      margin: 0 0 0 1%; }
-  .um-admin-drag-col > .um-admin-drag-fld:last-of-type {
-    margin-bottom: 20px; }
+  padding: 20px;
+}
+.um-admin-drag-col.cols-3 {
+  width: 32%;
+}
+.um-admin-drag-col.cols-3.cols-last {
+  width: 32%;
+}
+.um-admin-drag-col.cols-3.cols-middle {
+  width: 32%;
+  margin: 0 2%;
+}
+.um-admin-drag-col.cols-3 .um-admin-drag-fld-title {
+  height: auto;
+  line-height: 18px;
+  margin: 10px;
+  margin-bottom: 0;
+}
+.um-admin-drag-col.cols-3 .um-admin-drag-fld-type {
+  height: auto;
+  line-height: 18px;
+  margin: 0 0 10px 0;
+}
+.um-admin-drag-col.cols-3 .um-admin-drag-fld-icons {
+  float: none;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  height: 30px;
+  display: none;
+}
+.um-admin-drag-col.cols-3 .um-admin-drag-fld-icons.um-field-type-group {
+  float: left;
+  position: relative;
+  bottom: auto;
+  right: auto;
+  height: 30px;
+  display: block;
+}
+.um-admin-drag-col.cols-3 .um-admin-drag-fld:hover .um-admin-drag-fld-icons {
+  display: block;
+}
+.um-admin-drag-col.cols-1 {
+  width: 100%;
+}
+.um-admin-drag-col.cols-1.cols-last {
+  width: 100%;
+}
+.um-admin-drag-col.cols-2 {
+  width: 49%;
+  margin: 0 1% 0 0;
+}
+.um-admin-drag-col.cols-2.cols-last {
+  width: 49%;
+  margin: 0 0 0 1%;
+}
+.um-admin-drag-col > .um-admin-drag-fld:last-of-type {
+  margin-bottom: 20px;
+}
 
 .um-admin-drag-addrow {
   text-align: center;
@@ -443,12 +532,15 @@
   cursor: pointer;
   border: 1px dashed #bbb;
   padding: 10px 0;
-  margin: 20px 0 0 0; }
-  .um-admin-drag-addrow i {
-    font-size: 23px !important;
-    margin: 0 !important; }
-  .um-admin-drag-addrow:hover {
-    color: #0085ba; }
+  margin: 20px 0 0 0;
+}
+.um-admin-drag-addrow i {
+  font-size: 23px !important;
+  margin: 0 !important;
+}
+.um-admin-drag-addrow:hover {
+  color: #0085ba;
+}
 
 .um-admin-drag-fld {
   display: block;
@@ -456,10 +548,12 @@
   border: 1px solid #dddddd;
   margin: 0 0 15px 0;
   background: #f5f5f5;
-  cursor: move !important; }
-  .um-admin-drag-fld.um-field-type-group {
-    background: #555;
-    border: 0; }
+  cursor: move !important;
+}
+.um-admin-drag-fld.um-field-type-group {
+  background: #555;
+  border: 0;
+}
 
 .um-admin-drag-fld-title {
   float: left;
@@ -468,19 +562,23 @@
   color: #666;
   height: 30px;
   line-height: 30px;
-  margin: 0 0 0 20px; }
-  .um-admin-drag-fld-title.um-field-type-group {
-    color: #fff; }
-  .um-admin-drag-fld-title i {
-    width: 24px;
-    display: inline-block;
-    text-align: center; }
+  margin: 0 0 0 20px;
+}
+.um-admin-drag-fld-title.um-field-type-group {
+  color: #fff;
+}
+.um-admin-drag-fld-title i {
+  width: 24px;
+  display: inline-block;
+  text-align: center;
+}
 
 .um-admin-drag-group {
   background: #fcfcfc;
   cursor: default;
   padding: 20px;
-  border: 1px dashed #bbb; }
+  border: 1px dashed #bbb;
+}
 
 .um-admin-drag-fld-type {
   float: left;
@@ -489,60 +587,72 @@
   line-height: 30px;
   margin: 0 0 0 20px;
   font-weight: 400;
-  color: #999; }
-  .um-admin-drag-fld-type.um-field-type-group {
-    color: #fff; }
+  color: #999;
+}
+.um-admin-drag-fld-type.um-field-type-group {
+  color: #fff;
+}
 
 .um-admin-drag-fld-icons {
-  float: right; }
-  .um-admin-drag-fld-icons a {
-    text-decoration: none;
-    color: #fff;
-    width: 40px;
-    height: 30px;
-    line-height: 30px;
-    text-align: center;
-    display: block !important;
-    float: left;
-    background: #0085ba;
-    padding: 0 4px;
-    transition: all .2s linear;
-    border-left: 1px solid #379dd5; }
-    .um-admin-drag-fld-icons a:hover {
-      background: #008ec2; }
-  .um-admin-drag-fld-icons i {
-    font-size: 18px !important;
-    margin: 0 !important;
-    top: 2px;
-    position: relative; }
-  .um-admin-drag-fld-icons.um-field-type-group a.um_admin_duplicate_field {
-    display: none !important; }
+  float: right;
+}
+.um-admin-drag-fld-icons a {
+  text-decoration: none;
+  color: #fff;
+  width: 40px;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  display: block !important;
+  float: left;
+  background: #0085ba;
+  padding: 0 4px;
+  transition: all 0.2s linear;
+  border-left: 1px solid #379dd5;
+}
+.um-admin-drag-fld-icons a:hover {
+  background: #008ec2;
+}
+.um-admin-drag-fld-icons i {
+  font-size: 18px !important;
+  margin: 0 !important;
+  top: 2px;
+  position: relative;
+}
+.um-admin-drag-fld-icons.um-field-type-group a.um_admin_duplicate_field {
+  display: none !important;
+}
 
 .um-row-placeholder {
   width: 100%;
   border: 2px dashed #aaa;
-  box-sizing: border-box; }
+  box-sizing: border-box;
+}
 
 .um-rowsub-placeholder {
   width: 100%;
   border: 2px dashed #ccc;
   box-sizing: border-box;
-  display: block; }
+  display: block;
+}
 
 .um-fld-placeholder {
   display: block;
   border: 1px dashed #ddd;
   background: #fff;
   box-sizing: border-box;
-  width: 100%; }
+  width: 100%;
+}
 
 .um-admin-modal #UM_preview_form .um-admin-modal-body {
-  position: relative; }
-  .um-admin-modal #UM_preview_form .um-admin-modal-body .um-admin-preview-overlay {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    background-color: rgba(255, 255, 255, 0);
-    z-index: 100; }
+  position: relative;
+}
+.um-admin-modal #UM_preview_form .um-admin-modal-body .um-admin-preview-overlay {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: rgba(255, 255, 255, 0);
+  z-index: 100;
+}
\ No newline at end of file
diff --git a/assets/css/admin/common.css b/assets/css/admin/common.css
index 5db149f9..1358ba92 100644
--- a/assets/css/admin/common.css
+++ b/assets/css/admin/common.css
@@ -126,10 +126,4 @@ body.um .picker .picker__footer > button:not(:disabled):not(.button) {
 }
 body.um .picker .picker__footer > button.picker__button--close {
   margin-top: 5px;
-}
-
-#um-metaboxes-contentbox-1 a,
-#um-metaboxes-contentbox-2 a,
-#um-metaboxes-contentbox-3 a {
-  white-space: normal;
-}
+}
\ No newline at end of file
diff --git a/assets/css/admin/common.sass b/assets/css/admin/common.sass
index aa35e9c0..8eaa35aa 100644
--- a/assets/css/admin/common.sass
+++ b/assets/css/admin/common.sass
@@ -114,9 +114,3 @@ body.um
         color: #fff
       & > button.picker__button--close
         margin-top: 5px
-
-#um-metaboxes-contentbox-1,
-#um-metaboxes-contentbox-2,
-#um-metaboxes-contentbox-3
-  a
-    white-space: normal
diff --git a/assets/css/admin/dashboard.css b/assets/css/admin/dashboard.css
index 0504fde1..d850aa2c 100644
--- a/assets/css/admin/dashboard.css
+++ b/assets/css/admin/dashboard.css
@@ -8,60 +8,74 @@
   border-radius: 3px;
   top: 5px;
   left: 3px;
-  border: none !important; }
-
+  border: none !important;
+}
 #um-metaboxes-general.wrap a.red,
 #um-metaboxes-general.wrap span.red {
-  color: #c74a4a; }
-
+  color: #c74a4a;
+}
 #um-metaboxes-general.wrap span.ok {
-  color: #7acf58; }
+  color: #7acf58;
+}
 
 .um-metabox-holder p.sub {
   padding: 0 4px 2px 4px;
   margin: 0 0 8px 0;
   color: #8F8F8F;
   font-size: 14px;
-  border-bottom: 1px solid #ECECEC; }
-
-.um-metabox-holder .table {
-  float: left;
-  width: 45%; }
-  .um-metabox-holder .table td {
-    white-space: nowrap;
-    font-size: 12px; }
-
+  border-bottom: 1px solid #ECECEC;
+}
 .um-metabox-holder a.warning {
   color: #c74a4a !important;
   background: transparent !important;
-  border: 0; }
-
-.um-metabox-holder .table_right {
-  float: right;
-  width: 45%; }
-
-.um-metabox-holder td.b {
-  padding-right: 6px;
-  text-align: right;
-  font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
-  font-size: 14px;
-  width: 1%; }
-  .um-metabox-holder td.b a {
-    font-size: 18px; }
-
+  border: 0;
+}
 .um-metabox-holder .norm i {
   display: inline-block;
   width: 30px;
-  text-align: center; }
-
+  text-align: center;
+}
 .um-metabox-holder .norm p {
-  margin: 5px 0; }
-
+  margin: 5px 0;
+}
 .um-metabox-holder .norm .count {
   font-size: 16px;
-  font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
+  font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
   color: #999;
   width: 40px;
   display: inline-block;
   text-align: right;
-  margin-right: 10px; }
+  margin-right: 10px;
+}
+
+#um-users-overview-table {
+  width: 100%;
+}
+#um-users-overview-table td {
+  width: 50%;
+  vertical-align: middle;
+  padding: 0 0 0 5px;
+  box-sizing: border-box;
+}
+#um-users-overview-table td:first-child {
+  padding: 0 5px 0 0;
+}
+#um-users-overview-table td > span {
+  width: 100%;
+  direction: ltr;
+  display: grid;
+  grid-gap: 6px;
+  grid-template-columns: repeat(2, minmax(20px, auto));
+  align-content: start;
+  align-items: center;
+  justify-content: start;
+  justify-items: center;
+}
+#um-users-overview-table td > span a {
+  word-break: break-word;
+}
+#um-users-overview-table td > span a.count {
+  justify-self: end;
+  font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
+  font-size: 18px;
+}
\ No newline at end of file
diff --git a/assets/css/admin/dashboard.min.css b/assets/css/admin/dashboard.min.css
index 121b1a39..e667635c 100644
--- a/assets/css/admin/dashboard.min.css
+++ b/assets/css/admin/dashboard.min.css
@@ -1 +1 @@
-#um-metaboxes-general h1 sup{font-size:14px;position:relative;font-weight:400;background:#0085ba;color:#fff!important;padding:2px 4px!important;border-radius:3px;top:5px;left:3px;border:none!important}#um-metaboxes-general.wrap a.red,#um-metaboxes-general.wrap span.red{color:#c74a4a}#um-metaboxes-general.wrap span.ok{color:#7acf58}.um-metabox-holder p.sub{padding:0 4px 2px 4px;margin:0 0 8px 0;color:#8f8f8f;font-size:14px;border-bottom:1px solid #ececec}.um-metabox-holder .table{float:left;width:45%}.um-metabox-holder .table td{white-space:nowrap;font-size:12px}.um-metabox-holder a.warning{color:#c74a4a!important;background:0 0!important;border:0}.um-metabox-holder .table_right{float:right;width:45%}.um-metabox-holder td.b{padding-right:6px;text-align:right;font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;font-size:14px;width:1%}.um-metabox-holder td.b a{font-size:18px}.um-metabox-holder .norm i{display:inline-block;width:30px;text-align:center}.um-metabox-holder .norm p{margin:5px 0}.um-metabox-holder .norm .count{font-size:16px;font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;color:#999;width:40px;display:inline-block;text-align:right;margin-right:10px}
\ No newline at end of file
+#um-metaboxes-general h1 sup{font-size:14px;position:relative;font-weight:400;background:#0085ba;color:#fff!important;padding:2px 4px!important;border-radius:3px;top:5px;left:3px;border:none!important}#um-metaboxes-general.wrap a.red,#um-metaboxes-general.wrap span.red{color:#c74a4a}#um-metaboxes-general.wrap span.ok{color:#7acf58}.um-metabox-holder p.sub{padding:0 4px 2px 4px;margin:0 0 8px 0;color:#8f8f8f;font-size:14px;border-bottom:1px solid #ececec}.um-metabox-holder a.warning{color:#c74a4a!important;background:0 0!important;border:0}.um-metabox-holder .norm i{display:inline-block;width:30px;text-align:center}.um-metabox-holder .norm p{margin:5px 0}.um-metabox-holder .norm .count{font-size:16px;font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;color:#999;width:40px;display:inline-block;text-align:right;margin-right:10px}#um-users-overview-table{width:100%}#um-users-overview-table td{width:50%;vertical-align:middle;padding:0 0 0 5px;box-sizing:border-box}#um-users-overview-table td:first-child{padding:0 5px 0 0}#um-users-overview-table td>span{width:100%;direction:ltr;display:grid;grid-gap:6px;grid-template-columns:repeat(2,minmax(20px,auto));align-content:start;align-items:center;justify-content:start;justify-items:center}#um-users-overview-table td>span a{word-break:break-word}#um-users-overview-table td>span a.count{justify-self:end;font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;font-size:18px}
\ No newline at end of file
diff --git a/assets/css/admin/dashboard.sass b/assets/css/admin/dashboard.sass
index 63702151..57bbcde8 100644
--- a/assets/css/admin/dashboard.sass
+++ b/assets/css/admin/dashboard.sass
@@ -30,31 +30,11 @@
     font-size: 14px
     border-bottom: 1px solid #ECECEC
 
-  .table
-    float: left
-    width: 45%
-    td
-      white-space: nowrap
-      font-size: 12px
-
   a.warning
     color: #{$admin-warning} !important
     background: transparent !important
     border: 0
 
-  .table_right
-    float: right
-    width: 45%
-
-  td.b
-    padding-right: 6px
-    text-align: right
-    font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif
-    font-size: 14px
-    width: 1%
-    a
-      font-size: 18px
-
   .norm
     i
       display: inline-block
@@ -72,3 +52,29 @@
       display: inline-block
       text-align: right
       margin-right: 10px
+
+#um-users-overview-table
+  width: 100%
+  td
+    width: 50%
+    vertical-align: middle
+    padding: 0 0 0 5px
+    box-sizing: border-box
+    &:first-child
+      padding: 0 5px 0 0
+  td > span
+    width: 100%
+    direction: ltr
+    display: grid
+    grid-gap: 6px
+    grid-template-columns: repeat(2, minmax(20px, auto))
+    align-content: start
+    align-items: center
+    justify-content: start
+    justify-items: center
+    a
+      word-break: break-word
+      &.count
+        justify-self: end
+        font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif
+        font-size: 18px
diff --git a/assets/css/admin/directories-screen.css b/assets/css/admin/directories-screen.css
index 0f801ad2..1bcc98b0 100644
--- a/assets/css/admin/directories-screen.css
+++ b/assets/css/admin/directories-screen.css
@@ -1,13 +1,16 @@
 .um-admin.post-type-um_directory .wp-list-table.posts .manage-column.column-id {
-  width: 60px; }
-
+  width: 60px;
+}
 .um-admin.post-type-um_directory .wp-list-table.posts .manage-column.column-shortcode {
-  width: 35%; }
-
+  width: 35%;
+}
 .um-admin.post-type-um_directory .wp-list-table.posts .column-is_default {
   width: 120px;
-  text-align: center !important; }
+  text-align: center !important;
+}
 
 @media screen and (max-width: 782px) {
   .um-admin.post-type-um_directory .wp-list-table.posts td.column-is_default {
-    text-align: left !important; } }
+    text-align: left !important;
+  }
+}
\ No newline at end of file
diff --git a/assets/css/admin/extensions.css b/assets/css/admin/extensions.css
index 791e3607..59d7033a 100644
--- a/assets/css/admin/extensions.css
+++ b/assets/css/admin/extensions.css
@@ -10,8 +10,8 @@
   -ms-grid-template-columns: repeat(3, 1fr);
   -ms-grid-gap: 10px;
   -ms-grid-auto-rows: minmax(max-content, auto);
-  align-items: center; }
-
+  align-items: center;
+}
 #um-extensions-wrap .plugin-card {
   display: flex;
   flex-direction: column;
@@ -20,8 +20,8 @@
   flex-wrap: nowrap;
   width: 100%;
   margin: 0;
-  padding: 20px; }
-
+  padding: 20px;
+}
 #um-extensions-wrap .plugin-image-wrapper {
   display: flex;
   flex-direction: row;
@@ -35,43 +35,48 @@
   border-radius: 60px;
   box-shadow: 0 2px 9px rgba(50, 50, 93, 0.21);
   border: solid 4px #fff;
-  overflow: hidden; }
-  #um-extensions-wrap .plugin-image-wrapper a {
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    padding: 0;
-    background-color: #7856ff; }
-
+  overflow: hidden;
+}
+#um-extensions-wrap .plugin-image-wrapper a {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  background-color: #7856ff;
+}
 #um-extensions-wrap a.plugin-image {
-  display: block; }
-  #um-extensions-wrap a.plugin-image img {
-    display: block; }
-  #um-extensions-wrap a.plugin-image.svg-image {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    flex-wrap: nowrap; }
-    #um-extensions-wrap a.plugin-image.svg-image img {
-      filter: invert(1);
-      background-color: transparent;
-      width: 38px;
-      height: auto; }
-  #um-extensions-wrap a.plugin-image:not(.svg-image) img {
-    width: 70px;
-    margin: 0;
-    height: 70px;
-    padding: 0; }
-
+  display: block;
+}
+#um-extensions-wrap a.plugin-image img {
+  display: block;
+}
+#um-extensions-wrap a.plugin-image.svg-image {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+#um-extensions-wrap a.plugin-image.svg-image img {
+  filter: invert(1);
+  background-color: transparent;
+  width: 38px;
+  height: auto;
+}
+#um-extensions-wrap a.plugin-image:not(.svg-image) img {
+  width: 70px;
+  margin: 0;
+  height: 70px;
+  padding: 0;
+}
 #um-extensions-wrap #um_bbpress_image {
   background-color: #fff !important;
   filter: none !important;
-  width: 70px !important; }
-
+  width: 70px !important;
+}
 #um-extensions-wrap #um_mycred_image {
-  background-color: #fff; }
-
+  background-color: #fff;
+}
 #um-extensions-wrap #um_groups_image,
 #um-extensions-wrap #um_profile-tabs_image,
 #um-extensions-wrap #um_user-tags_image,
@@ -80,44 +85,46 @@
 #um-extensions-wrap #um_verified-users_image,
 #um-extensions-wrap #um_private-content_image,
 #um-extensions-wrap #um_online-users_image {
-  width: 36px !important; }
-
+  width: 36px !important;
+}
 #um-extensions-wrap #um_notices_image,
 #um-extensions-wrap #um_social-activity_image,
 #um-extensions-wrap #um_profile-completeness_image,
 #um-extensions-wrap #um_private-messages_image,
 #um-extensions-wrap #um_user-photos_image,
 #um-extensions-wrap #um_terms-conditions_image {
-  width: 29px !important; }
-
+  width: 29px !important;
+}
 #um-extensions-wrap #um_social-login_image {
-  width: 28px !important; }
-
+  width: 28px !important;
+}
 #um-extensions-wrap #um_real-time-notifications_image,
 #um-extensions-wrap #um_user-notes_image {
-  width: 26px !important; }
-
+  width: 26px !important;
+}
 #um-extensions-wrap #um_followers_image,
 #um-extensions-wrap #um_user-locations_image {
-  width: 32px !important; }
-
+  width: 32px !important;
+}
 #um-extensions-wrap #um_user-bookmarks_image {
-  width: 23px !important; }
-
+  width: 23px !important;
+}
 #um-extensions-wrap .plugin-card-top {
   margin: 0;
   padding: 20px 0 0 0;
   width: 100%;
-  min-height: 100px; }
-  #um-extensions-wrap .plugin-card-top h3 {
-    text-align: center;
-    margin: 0 0 20px 0;
-    padding: 0; }
-  #um-extensions-wrap .plugin-card-top .desc {
-    text-align: center;
-    margin: 0 !important;
-    padding: 0 !important; }
-
+  min-height: 100px;
+}
+#um-extensions-wrap .plugin-card-top h3 {
+  text-align: center;
+  margin: 0 0 20px 0;
+  padding: 0;
+}
+#um-extensions-wrap .plugin-card-top .desc {
+  text-align: center;
+  margin: 0 !important;
+  padding: 0 !important;
+}
 #um-extensions-wrap .plugin-action-links {
   display: flex;
   flex-direction: row;
@@ -125,22 +132,28 @@
   align-items: baseline;
   flex-wrap: nowrap;
   width: 100%;
-  padding: 20px 0 0 0; }
+  padding: 20px 0 0 0;
+}
 
 @media (max-width: 1152px) {
   #um-extensions-wrap .plugin-card-top {
-    min-height: 120px; } }
-
+    min-height: 120px;
+  }
+}
 @media (max-width: 992px) {
   #um-extensions-wrap #the-list {
     grid-template-columns: repeat(2, 1fr);
-    -ms-grid-template-columns: repeat(2, 1fr); } }
-
+    -ms-grid-template-columns: repeat(2, 1fr);
+  }
+}
 @media (max-width: 782px) {
   #um-extensions-wrap #the-list {
     grid-template-columns: repeat(1, 1fr);
-    -ms-grid-template-columns: repeat(1, 1fr); } }
-
+    -ms-grid-template-columns: repeat(1, 1fr);
+  }
+}
 @media screen and (max-width: 782px) {
   #um-extensions-wrap .plugin-card-top {
-    min-height: 80px; } }
+    min-height: 80px;
+  }
+}
\ No newline at end of file
diff --git a/assets/css/admin/forms-rtl.css b/assets/css/admin/forms-rtl.css
index ced0caf4..02e638cf 100644
--- a/assets/css/admin/forms-rtl.css
+++ b/assets/css/admin/forms-rtl.css
@@ -1,5 +1,7 @@
 .um-form-fields-section {
   padding: 0 0 0 10px;
-  float: right; }
-  .um-form-fields-section label input {
-    float: right; }
+  float: right;
+}
+.um-form-fields-section label input {
+  float: right;
+}
\ No newline at end of file
diff --git a/assets/css/admin/forms-screen.css b/assets/css/admin/forms-screen.css
index ccc42f00..27ae7402 100644
--- a/assets/css/admin/forms-screen.css
+++ b/assets/css/admin/forms-screen.css
@@ -1,17 +1,18 @@
 .um-admin.post-type-um_form .manage-column.column-id {
-  width: 60px; }
-
+  width: 60px;
+}
 .um-admin.post-type-um_form .manage-column.column-mode {
-  width: 100px; }
-
+  width: 100px;
+}
 .um-admin.post-type-um_form .manage-column.column-is_default {
-  width: 60px; }
-
+  width: 60px;
+}
 .um-admin.post-type-um_form .manage-column.column-title {
-  width: 200px; }
-
+  width: 200px;
+}
 .um-admin.post-type-um_form .manage-column.column-shortcode {
-  width: 200px; }
-
+  width: 200px;
+}
 .um-admin.post-type-um_form td.column-shortcode, .um-admin.post-type-um_form td.column-id {
-  font-size: 14px; }
+  font-size: 14px;
+}
\ No newline at end of file
diff --git a/assets/css/admin/forms.css b/assets/css/admin/forms.css
index f56b0922..6001b47d 100644
--- a/assets/css/admin/forms.css
+++ b/assets/css/admin/forms.css
@@ -1,20 +1,21 @@
 .um-form-table .um-forms-line[data-conditional] {
-  display: none; }
-
+  display: none;
+}
 .um-form-table .um-forms-line label .um-req {
   color: #a00;
   margin: 0 0 0 3px;
-  font-weight: normal; }
-
+  font-weight: normal;
+}
 .um-form-table .um-forms-line .um-text-delete {
   color: #a00;
-  float: left; }
-  .um-form-table .um-forms-line .um-text-delete:hover {
-    color: red; }
-
+  float: left;
+}
+.um-form-table .um-forms-line .um-text-delete:hover {
+  color: red;
+}
 .um-form-table .um-forms-line .um-multi-text-add-option {
-  margin-bottom: 14px; }
-
+  margin-bottom: 14px;
+}
 .um-form-table .um-forms-line .icon_preview {
   display: none;
   max-width: 200px;
@@ -25,115 +26,131 @@
   background: #f7f7f7;
   border-radius: 3px;
   height: auto;
-  width: auto !important; }
-
+  width: auto !important;
+}
 .um-form-table .um-forms-line td .um-same-page-update-wrapper {
   display: none;
-  margin: 7px 0 0 0; }
-  .um-form-table .um-forms-line td .um-same-page-update-wrapper input.um-admin-form-same-page-update {
-    margin: 7px 0 0 0; }
-  .um-form-table .um-forms-line td .um-same-page-update-wrapper .upgrade_log {
-    margin: 7px 0 0 0;
-    width: 100%;
-    height: 150px;
-    overflow: auto;
-    border: 1px solid #a1a1a1; }
-
-.um-form-table .um-forms-line[data-field_type="same_page_update"] {
-  vertical-align: baseline; }
-  .um-form-table .um-forms-line[data-field_type="same_page_update"] th,
-  .um-form-table .um-forms-line[data-field_type="same_page_update"] td {
-    vertical-align: baseline; }
-
+  margin: 7px 0 0 0;
+}
+.um-form-table .um-forms-line td .um-same-page-update-wrapper input.um-admin-form-same-page-update {
+  margin: 7px 0 0 0;
+}
+.um-form-table .um-forms-line td .um-same-page-update-wrapper .upgrade_log {
+  margin: 7px 0 0 0;
+  width: 100%;
+  height: 150px;
+  overflow: auto;
+  border: 1px solid #a1a1a1;
+}
+.um-form-table .um-forms-line[data-field_type=same_page_update] {
+  vertical-align: baseline;
+}
+.um-form-table .um-forms-line[data-field_type=same_page_update] th,
+.um-form-table .um-forms-line[data-field_type=same_page_update] td {
+  vertical-align: baseline;
+}
 .um-form-table.um-third-column .um-forms-line th {
-  width: 33%; }
-
+  width: 33%;
+}
 .um-form-table.um-half-column .um-forms-line th {
-  width: 50%; }
-
+  width: 50%;
+}
 .um-form-table.um-two-thirds-column .um-forms-line th {
-  width: 83%; }
-
+  width: 83%;
+}
 .um-form-table.um-top-label .um-forms-line td {
-  padding: 0 0 15px 0; }
-  .um-form-table.um-top-label .um-forms-line td label {
-    margin: 0 0 5px 0;
-    display: inline-block; }
-
-.um-form-table.um-top-label .um-forms-line[data-field_type="icon"] td label {
+  padding: 0 0 15px 0;
+}
+.um-form-table.um-top-label .um-forms-line td label {
+  margin: 0 0 5px 0;
+  display: inline-block;
+}
+.um-form-table.um-top-label .um-forms-line[data-field_type=icon] td label {
   width: 100%;
   display: block;
-  margin: 0 0 5px 0; }
+  margin: 0 0 5px 0;
+}
 
 .um-external-link-icon {
   width: 1em;
   height: 1em;
   margin: 0;
   vertical-align: middle;
-  fill: currentcolor; }
+  fill: currentcolor;
+}
 
 .um_admin_fonticon_wrapper {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
-  flex-wrap: nowrap; }
-  .um_admin_fonticon_wrapper .um-admin-icon-value {
-    line-height: 1; }
-    .um_admin_fonticon_wrapper .um-admin-icon-value i {
-      top: 0; }
+  flex-wrap: nowrap;
+}
+.um_admin_fonticon_wrapper .um-admin-icon-value {
+  line-height: 1;
+}
+.um_admin_fonticon_wrapper .um-admin-icon-value i {
+  top: 0;
+}
 
-input[type="text"].um-forms-field,
-input[type="url"].um-forms-field,
-input[type="number"].um-forms-field,
-input[type="date"].um-forms-field,
-input[type="time"].um-forms-field,
-input[type="password"].um-forms-field,
+input[type=text].um-forms-field,
+input[type=url].um-forms-field,
+input[type=number].um-forms-field,
+input[type=date].um-forms-field,
+input[type=time].um-forms-field,
+input[type=password].um-forms-field,
 select.um-forms-field,
 textarea.um-forms-field {
-  box-sizing: border-box; }
-  input[type="text"].um-forms-field.um-long-field,
-  input[type="url"].um-forms-field.um-long-field,
-  input[type="number"].um-forms-field.um-long-field,
-  input[type="date"].um-forms-field.um-long-field,
-  input[type="time"].um-forms-field.um-long-field,
-  input[type="password"].um-forms-field.um-long-field,
-  select.um-forms-field.um-long-field,
-  textarea.um-forms-field.um-long-field {
-    width: 100% !important; }
-  input[type="text"].um-forms-field.um-medium-field,
-  input[type="url"].um-forms-field.um-medium-field,
-  input[type="number"].um-forms-field.um-medium-field,
-  input[type="date"].um-forms-field.um-medium-field,
-  input[type="time"].um-forms-field.um-medium-field,
-  input[type="password"].um-forms-field.um-medium-field,
-  select.um-forms-field.um-medium-field,
-  textarea.um-forms-field.um-medium-field {
-    width: 50% !important; }
-  input[type="text"].um-forms-field.um-small-field,
-  input[type="url"].um-forms-field.um-small-field,
-  input[type="number"].um-forms-field.um-small-field,
-  input[type="date"].um-forms-field.um-small-field,
-  input[type="time"].um-forms-field.um-small-field,
-  input[type="password"].um-forms-field.um-small-field,
-  select.um-forms-field.um-small-field,
-  textarea.um-forms-field.um-small-field {
-    width: 25% !important; }
+  box-sizing: border-box;
+}
+input[type=text].um-forms-field.um-long-field,
+input[type=url].um-forms-field.um-long-field,
+input[type=number].um-forms-field.um-long-field,
+input[type=date].um-forms-field.um-long-field,
+input[type=time].um-forms-field.um-long-field,
+input[type=password].um-forms-field.um-long-field,
+select.um-forms-field.um-long-field,
+textarea.um-forms-field.um-long-field {
+  width: 100% !important;
+}
+input[type=text].um-forms-field.um-medium-field,
+input[type=url].um-forms-field.um-medium-field,
+input[type=number].um-forms-field.um-medium-field,
+input[type=date].um-forms-field.um-medium-field,
+input[type=time].um-forms-field.um-medium-field,
+input[type=password].um-forms-field.um-medium-field,
+select.um-forms-field.um-medium-field,
+textarea.um-forms-field.um-medium-field {
+  width: 50% !important;
+}
+input[type=text].um-forms-field.um-small-field,
+input[type=url].um-forms-field.um-small-field,
+input[type=number].um-forms-field.um-small-field,
+input[type=date].um-forms-field.um-small-field,
+input[type=time].um-forms-field.um-small-field,
+input[type=password].um-forms-field.um-small-field,
+select.um-forms-field.um-small-field,
+textarea.um-forms-field.um-small-field {
+  width: 25% !important;
+}
 
-input[type="number"].um-forms-field {
-  padding-right: 0; }
+input[type=number].um-forms-field {
+  padding-right: 0;
+}
 
 .um-multi-text-list,
 .um-multi-selects-list,
 .um-md-default-filters-list {
   float: left;
   width: 100%;
-  margin: 0 0 10px 0; }
+  margin: 0 0 10px 0;
+}
 
 .um-hidden-multi-text,
 .um-hidden-multi-selects,
 .um-hidden-md-default-filters {
-  display: none !important; }
+  display: none !important;
+}
 
 .um-md-default-filters-option-line {
   float: left;
@@ -141,128 +158,153 @@ input[type="number"].um-forms-field {
   clear: both;
   border-bottom: 1px solid #eee;
   padding: 0 0 5px 0;
-  margin: 5px 0 0 0; }
-  .um-md-default-filters-option-line .um-field-wrapper {
-    float: left;
-    width: calc( 100% - 60px);
-    line-height: 30px;
-    box-sizing: border-box; }
-  .um-md-default-filters-option-line .um-field-wrapper2 {
-    float: left;
-    width: calc( 100% - 60px);
-    line-height: 30px;
-    box-sizing: border-box; }
-    .um-md-default-filters-option-line .um-field-wrapper2.um {
-      margin: 5px 0 0 0; }
-    .um-md-default-filters-option-line .um-field-wrapper2 .ui-slider-range.ui-widget-header {
-      background: #44b0ec;
-      border: 1px solid #44b0ec !important;
-      margin-top: -1px; }
-    .um-md-default-filters-option-line .um-field-wrapper2 > select {
-      width: 100%;
-      float: left; }
-    .um-md-default-filters-option-line .um-field-wrapper2 > input {
-      width: 100%;
-      float: left; }
-      .um-md-default-filters-option-line .um-field-wrapper2 > input.um-timepicker-filter, .um-md-default-filters-option-line .um-field-wrapper2 > input.um-datepicker-filter {
-        width: calc( 50% - 7px) !important;
-        float: left; }
-        .um-md-default-filters-option-line .um-field-wrapper2 > input.um-timepicker-filter:first-child, .um-md-default-filters-option-line .um-field-wrapper2 > input.um-datepicker-filter:first-child {
-          margin-right: 11px; }
-    .um-md-default-filters-option-line .um-field-wrapper2 .um-slider {
-      margin: 5px 9px 0 9px;
-      width: calc( 100% - 18px);
-      box-sizing: border-box;
-      display: block; }
-  .um-md-default-filters-option-line .um-field-control {
-    float: left;
-    width: 60px;
-    line-height: 30px;
-    padding: 0 10px;
-    box-sizing: border-box; }
+  margin: 5px 0 0 0;
+}
+.um-md-default-filters-option-line .um-field-wrapper {
+  float: left;
+  width: calc(100% - 60px);
+  line-height: 30px;
+  box-sizing: border-box;
+}
+.um-md-default-filters-option-line .um-field-wrapper2 {
+  float: left;
+  width: calc(100% - 60px);
+  line-height: 30px;
+  box-sizing: border-box;
+}
+.um-md-default-filters-option-line .um-field-wrapper2.um {
+  margin: 5px 0 0 0;
+}
+.um-md-default-filters-option-line .um-field-wrapper2 .ui-slider-range.ui-widget-header {
+  background: #44b0ec;
+  border: 1px solid #44b0ec !important;
+  margin-top: -1px;
+}
+.um-md-default-filters-option-line .um-field-wrapper2 > select {
+  width: 100%;
+  float: left;
+}
+.um-md-default-filters-option-line .um-field-wrapper2 > input {
+  width: 100%;
+  float: left;
+}
+.um-md-default-filters-option-line .um-field-wrapper2 > input.um-timepicker-filter, .um-md-default-filters-option-line .um-field-wrapper2 > input.um-datepicker-filter {
+  width: calc(50% - 7px) !important;
+  float: left;
+}
+.um-md-default-filters-option-line .um-field-wrapper2 > input.um-timepicker-filter:first-child, .um-md-default-filters-option-line .um-field-wrapper2 > input.um-datepicker-filter:first-child {
+  margin-right: 11px;
+}
+.um-md-default-filters-option-line .um-field-wrapper2 .um-slider {
+  margin: 5px 9px 0 9px;
+  width: calc(100% - 18px);
+  box-sizing: border-box;
+  display: block;
+}
+.um-md-default-filters-option-line .um-field-control {
+  float: left;
+  width: 60px;
+  line-height: 30px;
+  padding: 0 10px;
+  box-sizing: border-box;
+}
 
 .um-multi-selects-option-line {
   float: left;
   width: 100%;
   padding: 0;
   clear: both;
-  margin: 0 0 5px 0; }
-  .um-multi-selects-option-line.um-admin-drag-fld {
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    align-items: center;
-    flex-wrap: nowrap;
-    background: none;
-    border: none; }
-    .um-multi-selects-option-line.um-admin-drag-fld .um-field-wrapper {
-      width: calc( 100% - 90px); }
-    .um-multi-selects-option-line.um-admin-drag-fld .um-field-icon {
-      float: left;
-      width: 20px;
-      text-align: left;
-      line-height: 30px; }
-  .um-multi-selects-option-line .um-field-wrapper {
-    float: left;
-    width: calc( 100% - 60px);
-    line-height: 30px;
-    box-sizing: border-box; }
-    .um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields {
-      margin: 5px 0 0 0; }
-      .um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label {
-        float: left;
-        width: 100%;
-        line-height: 30px;
-        box-sizing: border-box;
-        margin: 0 !important;
-        padding: 0 !important;
-        font-weight: bold;
-        display: flex;
-        flex-direction: row;
-        justify-content: space-beetween;
-        align-items: baseline;
-        flex-wrap: nowrap; }
-        .um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label input[type="text"],
-        .um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label select {
-          width: auto;
-          display: inline;
-          font-weight: normal;
-          max-width: 70%;
-          flex: 0.9; }
-    .um-multi-selects-option-line .um-field-wrapper input,
-    .um-multi-selects-option-line .um-field-wrapper select {
-      float: left;
-      width: 100%;
-      margin: 0; }
-  .um-multi-selects-option-line .um-field-control {
-    float: left;
-    width: 60px;
-    line-height: 30px;
-    padding: 0 10px;
-    box-sizing: border-box; }
+  margin: 0 0 5px 0;
+}
+.um-multi-selects-option-line.um-admin-drag-fld {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: nowrap;
+  background: none;
+  border: none;
+}
+.um-multi-selects-option-line.um-admin-drag-fld .um-field-wrapper {
+  width: calc(100% - 90px);
+}
+.um-multi-selects-option-line.um-admin-drag-fld .um-field-icon {
+  float: left;
+  width: 20px;
+  text-align: left;
+  line-height: 30px;
+}
+.um-multi-selects-option-line .um-field-wrapper {
+  float: left;
+  width: calc(100% - 60px);
+  line-height: 30px;
+  box-sizing: border-box;
+}
+.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields {
+  margin: 5px 0 0 0;
+}
+.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label {
+  float: left;
+  width: 100%;
+  line-height: 30px;
+  box-sizing: border-box;
+  margin: 0 !important;
+  padding: 0 !important;
+  font-weight: bold;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-beetween;
+  align-items: baseline;
+  flex-wrap: nowrap;
+}
+.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label input[type=text],
+.um-multi-selects-option-line .um-field-wrapper.um-custom-order-fields label select {
+  width: auto;
+  display: inline;
+  font-weight: normal;
+  max-width: 70%;
+  flex: 0.9;
+}
+.um-multi-selects-option-line .um-field-wrapper input,
+.um-multi-selects-option-line .um-field-wrapper select {
+  float: left;
+  width: 100%;
+  margin: 0;
+}
+.um-multi-selects-option-line .um-field-control {
+  float: left;
+  width: 60px;
+  line-height: 30px;
+  padding: 0 10px;
+  box-sizing: border-box;
+}
 
 .um-multi-text-option-line {
   float: left;
   width: 100%;
   padding: 0;
   clear: both;
-  margin: 0 0 5px 0; }
-  .um-multi-text-option-line .um-field-wrapper {
-    float: left;
-    width: calc( 100% - 90px);
-    line-height: 30px;
-    box-sizing: border-box; }
-    .um-multi-text-option-line .um-field-wrapper input,
-    .um-multi-text-option-line .um-field-wrapper select {
-      float: left;
-      width: 100%;
-      margin: 0; }
-  .um-multi-text-option-line .um-field-control {
-    float: left;
-    width: 60px;
-    line-height: 30px;
-    padding: 0 10px;
-    box-sizing: border-box; }
+  margin: 0 0 5px 0;
+}
+.um-multi-text-option-line .um-field-wrapper {
+  float: left;
+  width: calc(100% - 90px);
+  line-height: 30px;
+  box-sizing: border-box;
+}
+.um-multi-text-option-line .um-field-wrapper input,
+.um-multi-text-option-line .um-field-wrapper select {
+  float: left;
+  width: 100%;
+  margin: 0;
+}
+.um-multi-text-option-line .um-field-control {
+  float: left;
+  width: 60px;
+  line-height: 30px;
+  padding: 0 10px;
+  box-sizing: border-box;
+}
 
 .um-form-fields-section {
   float: left;
@@ -271,52 +313,66 @@ input[type="number"].um-forms-field {
   padding: 0 10px 0 0;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box; }
-  .um-form-fields-section label {
-    float: left;
-    width: 100%;
-    margin: 0;
-    padding: 0; }
-    .um-form-fields-section label input {
-      float: left;
-      margin-top: 0; }
-    .um-form-fields-section label span {
-      float: left;
-      width: calc( 100% - 20px); }
+  -webkit-box-sizing: border-box;
+}
+.um-form-fields-section label {
+  float: left;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
+.um-form-fields-section label input {
+  float: left;
+  margin-top: 0;
+}
+.um-form-fields-section label span {
+  float: left;
+  width: calc(100% - 20px);
+}
 
 @media screen and (max-width: 782px) {
-  input[type="text"].um-forms-field.um-medium-field,
+  input[type=text].um-forms-field.um-medium-field,
   select.um-forms-field.um-medium-field,
   textarea.um-forms-field.um-medium-field {
-    width: 100% !important; }
-  input[type="text"].um-forms-field.um-small-field,
+    width: 100% !important;
+  }
+  input[type=text].um-forms-field.um-small-field,
   select.um-forms-field.um-small-field,
   textarea.um-forms-field.um-small-field {
-    width: 50% !important; }
+    width: 50% !important;
+  }
   .um-form-fields-section {
-    width: 100% !important; }
+    width: 100% !important;
+  }
   .um-admin-metabox .um-form-fields-section label {
     line-height: 22px !important;
-    margin: 0 0 12px 0 !important; }
-    .um-admin-metabox .um-form-fields-section label span {
-      width: calc( 100% - 30px); }
+    margin: 0 0 12px 0 !important;
+  }
+  .um-admin-metabox .um-form-fields-section label span {
+    width: calc(100% - 30px);
+  }
   .um-multi-text-option-line,
   .um-multi-selects-option-line {
-    margin: 0 0 6px 0; }
+    margin: 0 0 6px 0;
+  }
   .um-forms-line label {
     float: left;
-    width: 100%; }
+    width: 100%;
+  }
   .um-form-table.um-third-column .um-forms-line th, .um-form-table.um-half-column .um-forms-line th, .um-form-table.um-two-thirds-column .um-forms-line th {
     float: left;
     width: 100%;
-    margin-bottom: 5px; }
-    .um-form-table.um-third-column .um-forms-line th label, .um-form-table.um-half-column .um-forms-line th label, .um-form-table.um-two-thirds-column .um-forms-line th label {
-      float: left;
-      width: 100%; }
+    margin-bottom: 5px;
+  }
+  .um-form-table.um-third-column .um-forms-line th label, .um-form-table.um-half-column .um-forms-line th label, .um-form-table.um-two-thirds-column .um-forms-line th label {
+    float: left;
+    width: 100%;
+  }
   .um-form-table.um-third-column .um-forms-line td, .um-form-table.um-half-column .um-forms-line td, .um-form-table.um-two-thirds-column .um-forms-line td {
     float: left;
-    width: 100%; } }
-
+    width: 100%;
+  }
+}
 .um-sortable-items-field .um-sortable-item {
   cursor: move !important;
   padding: 5px;
@@ -333,38 +389,48 @@ input[type="number"].um-forms-field {
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
-  flex-wrap: nowrap; }
-  .um-sortable-items-field .um-sortable-item.um-hidden-item {
-    display: none; }
-  .um-sortable-items-field .um-sortable-item .um-field-icon {
-    width: 20px;
-    text-align: left;
-    margin: 0 10px 0 0; }
+  flex-wrap: nowrap;
+}
+.um-sortable-items-field .um-sortable-item.um-hidden-item {
+  display: none;
+}
+.um-sortable-items-field .um-sortable-item .um-field-icon {
+  width: 20px;
+  text-align: left;
+  margin: 0 10px 0 0;
+}
 
-.wp-picker-container input.wp-color-picker[type="text"] {
+.wp-picker-container input.wp-color-picker[type=text] {
   width: 68px !important;
   float: left !important;
   padding: 2px 4px !important;
-  border-width: 1px !important; }
+  border-width: 1px !important;
+}
 
 span.um-admin-icon-value {
   margin: 0 10px;
-  font-size: 13px; }
-  span.um-admin-icon-value i {
-    font-size: 28px;
-    color: #0085ba;
-    position: relative;
-    top: 5px; }
+  font-size: 13px;
+}
+span.um-admin-icon-value i {
+  font-size: 28px;
+  color: #0085ba;
+  position: relative;
+  top: 5px;
+}
 
 span.um-admin-icon-clear {
   display: none;
   cursor: pointer;
   position: relative;
-  color: #ccc; }
-  span.um-admin-icon-clear.show {
-    display: inline-block; }
-  span.um-admin-icon-clear:hover {
-    color: #777; }
-  span.um-admin-icon-clear i {
-    font-size: 20px;
-    vertical-align: middle; }
+  color: #ccc;
+}
+span.um-admin-icon-clear.show {
+  display: inline-block;
+}
+span.um-admin-icon-clear:hover {
+  color: #777;
+}
+span.um-admin-icon-clear i {
+  font-size: 20px;
+  vertical-align: middle;
+}
\ No newline at end of file
diff --git a/assets/css/admin/global.css b/assets/css/admin/global.css
index 1dc29641..1c512a8a 100644
--- a/assets/css/admin/global.css
+++ b/assets/css/admin/global.css
@@ -1,34 +1,44 @@
 ul#adminmenu li#toplevel_page_ultimatemember a.wp-has-current-submenu:after {
-  display: none !important; }
-
+  display: none !important;
+}
 ul#adminmenu li#toplevel_page_ultimatemember.wp-has-submenu.wp-not-current-submenu:hover:after {
-  right: -9999999px; }
-
+  right: -9999999px;
+}
 ul#adminmenu > li#toplevel_page_ultimatemember.current > a.current:after {
-  display: none !important; }
+  display: none !important;
+}
 
 .um-admin-notice {
   border-color: #0085ba;
-  color: #555; }
-  .um-admin-notice.error {
-    border-color: #dc3232; }
-  .um-admin-notice.notice-warning {
-    border-color: #dba617; }
-  .um-admin-notice a {
-    text-decoration: none;
-    color: #0085ba; }
-    .um-admin-notice a:hover {
-      color: #44b0ec; }
-    .um-admin-notice a.button-primary {
-      background-color: #0085ba;
-      border-color: #0085ba; }
-      .um-admin-notice a.button-primary:hover {
-        background-color: #008ec2;
-        border-color: #008ec2; }
-    .um-admin-notice a.button-secondary {
-      opacity: 0.7; }
-      .um-admin-notice a.button-secondary:hover {
-        opacity: 0.9; }
+  color: #555;
+}
+.um-admin-notice.error {
+  border-color: #dc3232;
+}
+.um-admin-notice.notice-warning {
+  border-color: #dba617;
+}
+.um-admin-notice a {
+  text-decoration: none;
+  color: #0085ba;
+}
+.um-admin-notice a:hover {
+  color: #44b0ec;
+}
+.um-admin-notice a.button-primary {
+  background-color: #0085ba;
+  border-color: #0085ba;
+}
+.um-admin-notice a.button-primary:hover {
+  background-color: #008ec2;
+  border-color: #008ec2;
+}
+.um-admin-notice a.button-secondary {
+  opacity: 0.7;
+}
+.um-admin-notice a.button-secondary:hover {
+  opacity: 0.9;
+}
 
 /* UM Tooltip ( future helptip ) */
 .um .ui-tooltip.um_tooltip {
@@ -41,19 +51,28 @@ ul#adminmenu > li#toplevel_page_ultimatemember.current > a.current:after {
   font-size: 12px;
   border-radius: 5px;
   border: none !important;
-  text-shadow: none !important; }
+  text-shadow: none !important;
+}
 
 .um_tooltip {
   cursor: pointer;
-  vertical-align: middle; }
-  .um_tooltip:hover {
-    opacity: 1; }
-    .um_tooltip:hover:before {
-      opacity: 0.8; }
-  .um_tooltip.dashicons, .um_tooltip.dashicons:before {
-    height: 22px; }
-  .um_tooltip.dashicons-editor-help:before {
-    float: left;
-    font-size: 20px;
-    line-height: 20px;
-    color: rgba(0, 0, 0, 0.85) !important; }
+  vertical-align: middle;
+}
+.um_tooltip:hover {
+  opacity: 1;
+}
+.um_tooltip:hover:before {
+  opacity: 0.8;
+}
+.um_tooltip.dashicons {
+  height: 22px;
+}
+.um_tooltip.dashicons:before {
+  height: 22px;
+}
+.um_tooltip.dashicons-editor-help:before {
+  float: left;
+  font-size: 20px;
+  line-height: 20px;
+  color: rgba(0, 0, 0, 0.85) !important;
+}
\ No newline at end of file
diff --git a/assets/css/admin/global.min.css b/assets/css/admin/global.min.css
index f1fbda47..d8429501 100644
--- a/assets/css/admin/global.min.css
+++ b/assets/css/admin/global.min.css
@@ -1 +1 @@
-ul#adminmenu li#toplevel_page_ultimatemember a.wp-has-current-submenu:after{display:none!important}ul#adminmenu li#toplevel_page_ultimatemember.wp-has-submenu.wp-not-current-submenu:hover:after{right:-9999999px}ul#adminmenu>li#toplevel_page_ultimatemember.current>a.current:after{display:none!important}.um-admin-notice{border-color:#0085ba;color:#555}.um-admin-notice.error{border-color:#dc3232}.um-admin-notice.notice-warning{border-color:#dba617}.um-admin-notice a{text-decoration:none;color:#0085ba}.um-admin-notice a:hover{color:#44b0ec}.um-admin-notice a.button-primary{background-color:#0085ba;border-color:#0085ba}.um-admin-notice a.button-primary:hover{background-color:#008ec2;border-color:#008ec2}.um-admin-notice a.button-secondary{opacity:.7}.um-admin-notice a.button-secondary:hover{opacity:.9}.um .ui-tooltip.um_tooltip{padding:8px;color:#eee!important;background:rgba(0,0,0,.85)!important;position:absolute;z-index:10002;max-width:300px;font-size:12px;border-radius:5px;border:none!important;text-shadow:none!important}.um_tooltip{cursor:pointer;vertical-align:middle}.um_tooltip:hover{opacity:1}.um_tooltip:hover:before{opacity:.8}.um_tooltip.dashicons,.um_tooltip.dashicons:before{height:22px}.um_tooltip.dashicons-editor-help:before{float:left;font-size:20px;line-height:20px;color:rgba(0,0,0,.85)!important}
\ No newline at end of file
+ul#adminmenu li#toplevel_page_ultimatemember a.wp-has-current-submenu:after{display:none!important}ul#adminmenu li#toplevel_page_ultimatemember.wp-has-submenu.wp-not-current-submenu:hover:after{right:-9999999px}ul#adminmenu>li#toplevel_page_ultimatemember.current>a.current:after{display:none!important}.um-admin-notice{border-color:#0085ba;color:#555}.um-admin-notice.error{border-color:#dc3232}.um-admin-notice.notice-warning{border-color:#dba617}.um-admin-notice a{text-decoration:none;color:#0085ba}.um-admin-notice a:hover{color:#44b0ec}.um-admin-notice a.button-primary{background-color:#0085ba;border-color:#0085ba}.um-admin-notice a.button-primary:hover{background-color:#008ec2;border-color:#008ec2}.um-admin-notice a.button-secondary{opacity:.7}.um-admin-notice a.button-secondary:hover{opacity:.9}.um .ui-tooltip.um_tooltip{padding:8px;color:#eee!important;background:rgba(0,0,0,.85)!important;position:absolute;z-index:10002;max-width:300px;font-size:12px;border-radius:5px;border:none!important;text-shadow:none!important}.um_tooltip{cursor:pointer;vertical-align:middle}.um_tooltip:hover{opacity:1}.um_tooltip:hover:before{opacity:.8}.um_tooltip.dashicons{height:22px}.um_tooltip.dashicons:before{height:22px}.um_tooltip.dashicons-editor-help:before{float:left;font-size:20px;line-height:20px;color:rgba(0,0,0,.85)!important}
\ No newline at end of file
diff --git a/assets/css/admin/global.sass b/assets/css/admin/global.sass
index 5e62c3bd..f6e87482 100644
--- a/assets/css/admin/global.sass
+++ b/assets/css/admin/global.sass
@@ -57,7 +57,7 @@ ul#adminmenu
   &.dashicons
     height: 22px
     &:before
-      @extend .#{$helptip}.dashicons
+      height: 22px
   &.dashicons-editor-help:before
     float: left
     font-size: 20px
diff --git a/assets/css/admin/modal.css b/assets/css/admin/modal.css
index a666a9eb..aa09bc48 100644
--- a/assets/css/admin/modal.css
+++ b/assets/css/admin/modal.css
@@ -5,7 +5,8 @@
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 10000; }
+  z-index: 10000;
+}
 
 .um-admin-modal {
   border-radius: 3px;
@@ -17,59 +18,78 @@
   z-index: 10001;
   box-sizing: border-box;
   width: 730px;
-  margin-left: -365px; }
-  .um-admin-modal.normal {
-    width: 730px;
-    margin-left: -365px; }
-  .um-admin-modal.smaller {
-    width: 500px;
-    margin-left: -250px; }
-  .um-admin-modal.small {
-    width: 400px;
-    margin-left: -200px; }
-  .um-admin-modal input[type="submit"].button-primary {
-    padding: 0 12px !important;
-    vertical-align: middle !important;
-    line-height: 24px !important; }
-  .um-admin-modal .um-admin-modal-body {
-    padding: 10px 20px 10px 20px;
-    max-height: 500px;
-    overflow: auto; }
-    .um-admin-modal .um-admin-modal-body.um-admin-metabox label {
-      margin: 0 !important; }
-    .um-admin-modal .um-admin-modal-body.um-admin-metabox .um-admin-editor-h {
-      margin-top: 12px; }
-      .um-admin-modal .um-admin-modal-body.um-admin-metabox .um-admin-editor-h label {
-        margin: 0 0 4px 0 !important; }
-    .um-admin-modal .um-admin-modal-body.um-admin-metabox .wp-editor-wrap {
-      margin: 0 0 4px 0 !important; }
-      .um-admin-modal .um-admin-modal-body.um-admin-metabox .wp-editor-wrap textarea {
-        border: 0 !important; }
-  .um-admin-modal a.button-primary {
-    padding: 0 12px !important;
-    vertical-align: middle !important; }
-  .um-admin-modal a.button {
-    padding: 0 12px !important;
-    vertical-align: middle !important; }
-    .um-admin-modal a.button i:before {
-      display: block;
-      top: 0; }
-  .um-admin-modal h3 {
-    font-size: 14px;
-    line-height: 14px;
-    font-weight: normal;
-    color: #fff; }
-  .um-admin-modal h4 {
-    margin: 0 0 10px 0 !important; }
-  .um-admin-modal label {
-    font-size: 13px;
-    color: #aaa; }
-  .um-admin-modal p {
-    font-size: 13px;
-    color: #aaa; }
-  .um-admin-modal.loading .um-admin-modal-body {
-    height: 200px;
-    background: url(../../img/ajax-loader.gif) no-repeat center; }
+  margin-left: -365px;
+}
+.um-admin-modal.normal {
+  width: 730px;
+  margin-left: -365px;
+}
+.um-admin-modal.smaller {
+  width: 500px;
+  margin-left: -250px;
+}
+.um-admin-modal.small {
+  width: 400px;
+  margin-left: -200px;
+}
+.um-admin-modal input[type=submit].button-primary {
+  padding: 0 12px !important;
+  vertical-align: middle !important;
+  line-height: 24px !important;
+}
+.um-admin-modal .um-admin-modal-body {
+  padding: 10px 20px 10px 20px;
+  max-height: 500px;
+  overflow: auto;
+}
+.um-admin-modal .um-admin-modal-body.um-admin-metabox label {
+  margin: 0 !important;
+}
+.um-admin-modal .um-admin-modal-body.um-admin-metabox .um-admin-editor-h {
+  margin-top: 12px;
+}
+.um-admin-modal .um-admin-modal-body.um-admin-metabox .um-admin-editor-h label {
+  margin: 0 0 4px 0 !important;
+}
+.um-admin-modal .um-admin-modal-body.um-admin-metabox .wp-editor-wrap {
+  margin: 0 0 4px 0 !important;
+}
+.um-admin-modal .um-admin-modal-body.um-admin-metabox .wp-editor-wrap textarea {
+  border: 0 !important;
+}
+.um-admin-modal a.button-primary {
+  padding: 0 12px !important;
+  vertical-align: middle !important;
+}
+.um-admin-modal a.button {
+  padding: 0 12px !important;
+  vertical-align: middle !important;
+}
+.um-admin-modal a.button i:before {
+  display: block;
+  top: 0;
+}
+.um-admin-modal h3 {
+  font-size: 14px;
+  line-height: 14px;
+  font-weight: normal;
+  color: #fff;
+}
+.um-admin-modal h4 {
+  margin: 0 0 10px 0 !important;
+}
+.um-admin-modal label {
+  font-size: 13px;
+  color: #aaa;
+}
+.um-admin-modal p {
+  font-size: 13px;
+  color: #aaa;
+}
+.um-admin-modal.loading .um-admin-modal-body {
+  height: 200px;
+  background: url(../../img/ajax-loader.gif) no-repeat center;
+}
 
 .um-admin-modal-close {
   position: absolute;
@@ -78,63 +98,76 @@
   top: 14px;
   font-size: 22px;
   text-decoration: none;
-  opacity: 0.4; }
-  .um-admin-modal-close:hover {
-    opacity: 1; }
+  opacity: 0.4;
+}
+.um-admin-modal-close:hover {
+  opacity: 1;
+}
 
 .um-admin-modal-head {
   padding: 4px 20px;
   background: #0085ba;
   position: relative;
-  border-radius: 3px 3px 0 0; }
+  border-radius: 3px 3px 0 0;
+}
 
 .um-admin-modal-foot {
   padding: 20px 0 !important;
   border-top: 1px solid #ddd;
   text-align: center;
   background: #eee;
-  border-radius: 0 0 3px 3px; }
-  .um-admin-modal-foot a,
-  .um-admin-modal-foot input {
-    margin: 0 10px !important;
-    font-size: 14px !important; }
+  border-radius: 0 0 3px 3px;
+}
+.um-admin-modal-foot a,
+.um-admin-modal-foot input {
+  margin: 0 10px !important;
+  font-size: 14px !important;
+}
 
 #UM_fonticons div.um-admin-metabox {
-  padding-bottom: 22px !important; }
+  padding-bottom: 22px !important;
+}
 
 p._icon_search {
   position: relative;
   width: 85% !important;
   margin: 0 auto !important;
-  padding: 12px 0 0 0 !important; }
-  p._icon_search:before {
-    position: absolute;
-    right: 6px;
-    top: 12px;
-    font-size: 20px;
-    content: "\f4a4";
-    font-family: "Ionicons";
-    color: #999; }
-    p._icon_search:before input[type="text"] {
-      padding-right: 40px !important; }
+  padding: 12px 0 0 0 !important;
+}
+p._icon_search:before {
+  position: absolute;
+  right: 6px;
+  top: 12px;
+  font-size: 20px;
+  content: "\f4a4";
+  font-family: "Ionicons";
+  color: #999;
+}
+p._icon_search:before input[type=text] {
+  padding-right: 40px !important;
+}
 
 .um-admin-icons {
   padding: 0 0 15px 12px;
-  float: left; }
-  .um-admin-icons span {
-    cursor: pointer;
-    float: left;
-    margin: 5px;
-    color: #777;
-    border: 4px solid #eee;
-    border-radius: 3px; }
-    .um-admin-icons span:hover, .um-admin-icons span.highlighted {
-      color: #0085ba;
-      border-color: #0085ba; }
-  .um-admin-icons i {
-    vertical-align: middle !important;
-    font-size: 24px;
-    width: 24px;
-    text-align: center;
-    padding: 15px 20px;
-    display: inline-block; }
+  float: left;
+}
+.um-admin-icons span {
+  cursor: pointer;
+  float: left;
+  margin: 5px;
+  color: #777;
+  border: 4px solid #eee;
+  border-radius: 3px;
+}
+.um-admin-icons span:hover, .um-admin-icons span.highlighted {
+  color: #0085ba;
+  border-color: #0085ba;
+}
+.um-admin-icons i {
+  vertical-align: middle !important;
+  font-size: 24px;
+  width: 24px;
+  text-align: center;
+  padding: 15px 20px;
+  display: inline-block;
+}
\ No newline at end of file
diff --git a/assets/css/admin/modal.sass b/assets/css/admin/modal.sass
index d450f068..3c4a3f4e 100644
--- a/assets/css/admin/modal.sass
+++ b/assets/css/admin/modal.sass
@@ -1,11 +1,11 @@
 .um-admin-overlay
-	background: rgba( 0, 0, 0, 0.7)
-	width: 100%
-	height: 100%
-	position: fixed
-	top: 0
-	left: 0
-	z-index: 10000
+  background: rgba( 0, 0, 0, 0.7)
+  width: 100%
+  height: 100%
+  position: fixed
+  top: 0
+  left: 0
+  z-index: 10000
 
 .um-admin-modal
   border-radius: 3px
diff --git a/assets/css/admin/nav-menu.css b/assets/css/admin/nav-menu.css
index e1c369b3..9065644c 100644
--- a/assets/css/admin/nav-menu.css
+++ b/assets/css/admin/nav-menu.css
@@ -1,11 +1,14 @@
 .wp-admin p.um-nav-roles {
   display: none;
-  margin-top: 5px; }
-  .wp-admin p.um-nav-roles label {
-    margin-top: 2px !important;
-    margin-bottom: 2px !important; }
-    .wp-admin p.um-nav-roles label input[type="checkbox"] {
-      margin-top: 2px !important; }
-
+  margin-top: 5px;
+}
+.wp-admin p.um-nav-roles label {
+  margin-top: 2px !important;
+  margin-bottom: 2px !important;
+}
+.wp-admin p.um-nav-roles label input[type=checkbox] {
+  margin-top: 2px !important;
+}
 .wp-admin p.um-nav-mode {
-  margin-top: 10px; }
+  margin-top: 10px;
+}
\ No newline at end of file
diff --git a/assets/css/admin/roles.css b/assets/css/admin/roles.css
index 039088db..63ff1d51 100644
--- a/assets/css/admin/roles.css
+++ b/assets/css/admin/roles.css
@@ -1,39 +1,46 @@
 #um-roles .row-actions .reset a {
-  color: #a00; }
-  #um-roles .row-actions .reset a:hover {
-    color: red; }
+  color: #a00;
+}
+#um-roles .row-actions .reset a:hover {
+  color: red;
+}
 
 .wp-list-table.roles .column-core,
 .wp-list-table.roles .column-users {
   width: 15%;
-  text-align: center !important; }
-
+  text-align: center !important;
+}
 .wp-list-table.roles .column-admin_access,
 .wp-list-table.roles .column-priority {
   width: 10%;
-  text-align: center !important; }
+  text-align: center !important;
+}
 
 @media screen and (max-width: 782px) {
   .wp-list-table.roles .column-core,
   .wp-list-table.roles .column-users,
   .wp-list-table.roles .column-admin_access,
   .wp-list-table.roles .column-priority {
-    text-align: left !important; } }
-
+    text-align: left !important;
+  }
+}
 #um-admin-form-wp-capabilities .um-metadata-line th {
-  width: auto; }
-
+  width: auto;
+}
 #um-admin-form-wp-capabilities .um-metadata-line td {
-  width: 20px; }
+  width: 20px;
+}
 
 #um_edit_role #titlewrap > span {
   width: 40px;
   font-size: 24px;
   float: left;
   display: block;
-  line-height: 37px; }
+  line-height: 37px;
+}
 
 #um-admin-form-publish #major-publishing-actions {
   padding-top: 0;
   padding-left: 0;
-  padding-right: 0; }
+  padding-right: 0;
+}
\ No newline at end of file
diff --git a/assets/css/admin/settings.css b/assets/css/admin/settings.css
index 55cec4ca..54385c77 100644
--- a/assets/css/admin/settings.css
+++ b/assets/css/admin/settings.css
@@ -1,5 +1,6 @@
 .um-settings-section .description {
-  font-style: italic; }
+  font-style: italic;
+}
 
 .um-notification-status {
   margin-right: 18px;
@@ -9,74 +10,93 @@
   float: left;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box; }
-  .um-notification-status.um-notification-is-active {
-    color: #7acf58; }
+  -webkit-box-sizing: border-box;
+}
+.um-notification-status.um-notification-is-active {
+  color: #7acf58;
+}
 
 .um-email-configure span {
-  line-height: 24px; }
+  line-height: 24px;
+}
 
 .um-long-field {
-  width: 100%; }
+  width: 100%;
+}
 
 .um-medium-field {
-  width: 50%; }
+  width: 50%;
+}
 
 .um-small-field {
-  width: 25%; }
+  width: 25%;
+}
 
 .column-configure {
   width: 10%;
-  text-align: right; }
+  text-align: right;
+}
 
 th.column-email.column-primary {
-  padding-left: 48px; }
+  padding-left: 48px;
+}
 
 .um-form-table .um-forms-line td {
-  padding-right: 0; }
+  padding-right: 0;
+}
 
 #um-settings-emails {
-  margin: 15px 0; }
+  margin: 15px 0;
+}
 
 #um-settings-template-versions {
-  margin: 15px 0; }
-  #um-settings-template-versions .wp-list-table .column-core_version {
-    width: 100px;
-    text-align: center; }
-  #um-settings-template-versions .wp-list-table .column-theme_version {
-    width: 100px;
-    text-align: center; }
-  #um-settings-template-versions .wp-list-table .column-status {
-    width: 260px; }
+  margin: 15px 0;
+}
+#um-settings-template-versions .wp-list-table .column-core_version {
+  width: 100px;
+  text-align: center;
+}
+#um-settings-template-versions .wp-list-table .column-theme_version {
+  width: 100px;
+  text-align: center;
+}
+#um-settings-template-versions .wp-list-table .column-status {
+  width: 260px;
+}
 
 #um-settings-form {
   float: left;
   width: 100%;
-  margin: 0; }
-  #um-settings-form .subsubsub {
-    float: left;
-    width: 100%; }
-  #um-settings-form h2.title a.um-back-button {
-    font-weight: normal;
-    font-size: 30px;
-    line-height: 1;
-    text-decoration: none;
-    margin-right: 5px; }
+  margin: 0;
+}
+#um-settings-form .subsubsub {
+  float: left;
+  width: 100%;
+}
+#um-settings-form h2.title a.um-back-button {
+  font-weight: normal;
+  font-size: 30px;
+  line-height: 1;
+  text-decoration: none;
+  margin-right: 5px;
+}
 
 .um-settings-line .multi-checkbox-line {
   float: left;
   width: 100%;
   clear: both;
   margin: 0 0 10px 0;
-  padding: 0; }
-
+  padding: 0;
+}
 .um-settings-line .multi-checkbox-column {
   float: left;
   margin: 0;
-  padding: 0; }
-  .um-settings-line .multi-checkbox-column label {
-    float: left;
-    width: 100%; }
+  padding: 0;
+}
+.um-settings-line .multi-checkbox-column label {
+  float: left;
+  width: 100%;
+}
 
 .wrap-licenses .form-table,
 .wrap-licenses thead,
@@ -86,8 +106,8 @@ th.column-email.column-primary {
 .wrap-licenses td,
 .wrap-licenses th,
 .wrap-licenses caption {
-  display: block; }
-
+  display: block;
+}
 .wrap-licenses .form-table tr {
   float: left;
   margin: 0 15px 15px 0;
@@ -98,23 +118,23 @@ th.column-email.column-primary {
   padding: 14px;
   min-height: 240px;
   position: relative;
-  box-sizing: border-box; }
-
+  box-sizing: border-box;
+}
 .wrap-licenses .form-table th {
   background: #f9f9f9;
   padding: 14px;
   border-bottom: 1px solid #ccc;
   margin: -14px -14px 20px;
-  width: 100%; }
-
+  width: 100%;
+}
 .wrap-licenses .form-table td {
-  padding: 0; }
-
+  padding: 0;
+}
 .wrap-licenses td input.regular-text {
   margin: 0 0 8px;
-  width: 100%; }
-
-.wrap-licenses .edd-license-data[class*="edd-license-"] {
+  width: 100%;
+}
+.wrap-licenses .edd-license-data[class*=edd-license-] {
   position: absolute;
   background: #fafafa;
   padding: 14px;
@@ -123,75 +143,92 @@ th.column-email.column-primary {
   min-height: 67px;
   width: 100%;
   bottom: 14px;
-  box-sizing: border-box; }
-  .wrap-licenses .edd-license-data[class*="edd-license-"] a {
-    color: #444; }
-    .wrap-licenses .edd-license-data[class*="edd-license-"] a:hover {
-      text-decoration: none; }
-
+  box-sizing: border-box;
+}
+.wrap-licenses .edd-license-data[class*=edd-license-] a {
+  color: #444;
+}
+.wrap-licenses .edd-license-data[class*=edd-license-] a:hover {
+  text-decoration: none;
+}
 .wrap-licenses .edd-license-data.license-expires-soon-notice {
   background-color: #00a0d2;
   color: #fff;
-  border-color: #00a0d2; }
-  .wrap-licenses .edd-license-data.license-expires-soon-notice a {
-    color: #fff; }
-    .wrap-licenses .edd-license-data.license-expires-soon-notice a:hover {
-      text-decoration: none; }
-
+  border-color: #00a0d2;
+}
+.wrap-licenses .edd-license-data.license-expires-soon-notice a {
+  color: #fff;
+}
+.wrap-licenses .edd-license-data.license-expires-soon-notice a:hover {
+  text-decoration: none;
+}
 .wrap-licenses .edd-license-data.edd-license-expired {
   background-color: #e24e4e;
   color: #fff;
-  border-color: #e24e4e; }
-  .wrap-licenses .edd-license-data.edd-license-expired a {
-    color: #fff; }
-    .wrap-licenses .edd-license-data.edd-license-expired a:hover {
-      text-decoration: none; }
-
+  border-color: #e24e4e;
+}
+.wrap-licenses .edd-license-data.edd-license-expired a {
+  color: #fff;
+}
+.wrap-licenses .edd-license-data.edd-license-expired a:hover {
+  text-decoration: none;
+}
 .wrap-licenses .edd-license-data.edd-license-valid {
   background-color: #5abc55;
   color: #fff;
-  border-color: #5abc55; }
-
+  border-color: #5abc55;
+}
 .wrap-licenses .edd-license-data.edd-license-error, .wrap-licenses .edd-license-data.edd-license-missing, .wrap-licenses .edd-license-data.edd-license-invalid, .wrap-licenses .edd-license-data.edd-license-site_inactive, .wrap-licenses .edd-license-data.edd-license-item_name_mismatch {
   background-color: #ffebcd;
-  border-color: #ffebcd; }
-
+  border-color: #ffebcd;
+}
 .wrap-licenses .edd-license-data p {
   font-size: 13px;
-  margin-top: 0; }
-
+  margin-top: 0;
+}
 .wrap-licenses ~ p.submit {
-  clear: both; }
+  clear: both;
+}
 
 @media screen and (max-width: 980px) {
   .wrap-licenses .form-table tr {
-    width: calc( 50% - 15px);
-    max-width: none; } }
-
+    width: calc(50% - 15px);
+    max-width: none;
+  }
+}
 @media screen and (max-width: 782px) {
   #um-settings-template-versions .wp-list-table .column-core_version,
   #um-settings-template-versions .wp-list-table .column-theme_version {
     width: auto;
-    text-align: left; }
+    text-align: left;
+  }
   .wrap-licenses .form-table tr {
     width: 100%;
     margin-right: 0;
-    max-width: none; }
+    max-width: none;
+  }
   .um-settings-line .multi-checkbox-column {
-    width: 100% !important; }
-    .um-settings-line .multi-checkbox-column label {
-      line-height: 30px !important; }
+    width: 100% !important;
+  }
+  .um-settings-line .multi-checkbox-column label {
+    line-height: 30px !important;
+  }
   .um-medium-field {
-    width: 100%; }
+    width: 100%;
+  }
   .um-small-field {
-    width: 50%; } }
-
+    width: 50%;
+  }
+}
 .um_setting_ajax_button_response.complete {
   color: #7acf58;
-  font-style: italic; }
+  font-style: italic;
+}
 
 .wp-core-ui .button.um_license_activate, .wp-core-ui .button.um_license_deactivate, .wp-core-ui .button.um_license_reactivate {
-  margin-top: 5px; }
+  margin-top: 5px;
+}
 
 .um-media-upload .um-media-upload-url {
-  margin-bottom: 5px; }
+  margin-bottom: 5px;
+}
\ No newline at end of file
diff --git a/assets/css/admin/users.css b/assets/css/admin/users.css
index 806eb9b5..bb7b01fc 100644
--- a/assets/css/admin/users.css
+++ b/assets/css/admin/users.css
@@ -1,29 +1,33 @@
 .um-admin.users-php .subsubsub li.subsep {
   display: block;
   visibility: hidden;
-  height: 0; }
+  height: 0;
+}
 
 .um-admin-modal .um-admin-infobox label {
   font-weight: bold;
   display: block;
   color: #333;
-  cursor: default; }
-
+  cursor: default;
+}
 .um-admin-modal .um-admin-infobox p {
   color: #666;
-  padding-top: 15px; }
-
+  padding-top: 15px;
+}
 .um-admin-modal .um-admin-infobox > p:not(:first-child) {
-  border-top: 1px solid #e5e5e5; }
-
+  border-top: 1px solid #e5e5e5;
+}
 .um-admin-modal .um-admin-infobox > p:first-child {
   margin-top: 0;
-  padding-top: 0; }
-
+  padding-top: 0;
+}
 .um-admin-modal .um-admin-infobox > .um-row > p {
-  border-top: 1px solid #e5e5e5; }
-  .um-admin-modal .um-admin-infobox > .um-row > p:last-child {
-    margin-bottom: 0; }
+  border-top: 1px solid #e5e5e5;
+}
+.um-admin-modal .um-admin-infobox > .um-row > p:last-child {
+  margin-bottom: 0;
+}
 
 #UM_preview_registration .um-admin-modal-foot {
-  display: none; }
+  display: none;
+}
\ No newline at end of file
diff --git a/assets/css/common.css b/assets/css/common.css
index bbe821a6..cffc705e 100644
--- a/assets/css/common.css
+++ b/assets/css/common.css
@@ -2,8 +2,8 @@
 .um .tipsy,
 .um-page .tipsy {
   z-index: 9999999999;
-  font-size: inherit; }
-
+  font-size: inherit;
+}
 .um .tipsy-inner,
 .um-page .tipsy-inner {
   background-color: #333333;
@@ -15,20 +15,21 @@
   line-height: 17px;
   word-wrap: break-word;
   -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale; }
-
+  -moz-osx-font-smoothing: grayscale;
+}
 .um .tipsy-arrow-n,
 .um-page .tipsy-arrow-n {
-  border-bottom-color: #333; }
-
+  border-bottom-color: #333;
+}
 .um .tipsy-arrow-s,
 .um-page .tipsy-arrow-s {
-  border-top-color: #333; }
-
+  border-top-color: #333;
+}
 .um .tipsy-arrow-e,
 .um-page .tipsy-arrow-e {
-  border-left-color: #333; }
-
+  border-left-color: #333;
+}
 .um .tipsy-arrow-w,
 .um-page .tipsy-arrow-w {
-  border-right-color: #333; }
+  border-right-color: #333;
+}
\ No newline at end of file
diff --git a/assets/css/um-members-rtl.css b/assets/css/um-members-rtl.css
index 301343a7..8ac2812a 100644
--- a/assets/css/um-members-rtl.css
+++ b/assets/css/um-members-rtl.css
@@ -1,85 +1,93 @@
 .um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row {
-  justify-content: flex-start; }
-
+  justify-content: flex-start;
+}
 .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label {
-  margin: 0 0 0 10px; }
-
+  margin: 0 0 0 10px;
+}
 .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type {
-  margin: 0 0 0 10px; }
-
+  margin: 0 0 0 10px;
+}
 .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a a {
-  margin: 0 0 0 5px; }
-
+  margin: 0 0 0 5px;
+}
 .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a .um-new-dropdown {
   right: -12px;
-  left: auto; }
-
+  left: auto;
+}
 .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a a {
-  margin: 0 0 0 5px; }
-
+  margin: 0 0 0 5px;
+}
 .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input, .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input {
-  margin: 0 0 0 5px !important; }
-  .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input:nth-child(even), .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input:nth-child(even) {
-    margin: 0 5px 0 0 !important; }
-
+  margin: 0 0 0 5px !important;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input:nth-child(even), .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input:nth-child(even) {
+  margin: 0 5px 0 0 !important;
+}
 .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag {
-  margin: 0 0 5px 10px; }
-  .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag:first-child {
-    margin-left: 10px; }
-  .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove {
-    margin-left: 0;
-    margin-right: 10px; }
-
+  margin: 0 0 5px 10px;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag:first-child {
+  margin-left: 10px;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove {
+  margin-left: 0;
+  margin-right: 10px;
+}
 .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn:before {
   margin-right: 0;
-  margin-left: 8px; }
-
+  margin-left: 8px;
+}
 .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo {
-  margin: 0 0 0 15px; }
-
+  margin: 0 0 0 15px;
+}
 .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content {
-  margin: 0 0 0 10px; }
-
+  margin: 0 0 0 10px;
+}
 .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-new-dropdown {
   right: auto;
   left: 0;
-  text-align: right; }
-
+  text-align: right;
+}
 .um-directory .um-members-pagination-box .um-members-pagi {
-  align-items: center; }
-  .um-directory .um-members-pagination-box .um-members-pagi .pagi.pagi-arrow {
-    transform: rotate(180deg); }
-
+  align-items: center;
+}
+.um-directory .um-members-pagination-box .um-members-pagi .pagi.pagi-arrow {
+  transform: rotate(180deg);
+}
 .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type {
-  margin: 0 0 0 2px; }
-
+  margin: 0 0 0 2px;
+}
 .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-new-dropdown {
   right: auto;
-  left: 0; }
-
+  left: 0;
+}
 .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo {
-  margin: 0 0 0 10px; }
-
+  margin: 0 0 0 10px;
+}
 .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons {
-  margin: 0 0 0 10px; }
-
+  margin: 0 0 0 10px;
+}
 .um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type {
-  margin: 0 0 0 5px; }
-
+  margin: 0 0 0 5px;
+}
 .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo {
-  margin: 0 0 0 10px; }
-
+  margin: 0 0 0 10px;
+}
 .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer {
-  align-items: flex-start; }
-  .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons {
-    margin: 0 0 0 10px; }
-    .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper {
-      margin: 0 0 5px 10px; }
-
+  align-items: flex-start;
+}
+.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons {
+  margin: 0 0 0 10px;
+}
+.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper {
+  margin: 0 0 5px 10px;
+}
 .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo {
-  margin: 0 0 0 10px; }
-
+  margin: 0 0 0 10px;
+}
 .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons {
-  margin: 0 0 0 10px; }
-  .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper {
-    margin: 0 0 5px 10px; }
+  margin: 0 0 0 10px;
+}
+.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper {
+  margin: 0 0 5px 10px;
+}
\ No newline at end of file
diff --git a/assets/css/um-members.css b/assets/css/um-members.css
index ced7458c..edecd6cc 100644
--- a/assets/css/um-members.css
+++ b/assets/css/um-members.css
@@ -1,35 +1,43 @@
 @-webkit-keyframes um-ajax-spinning {
   0% {
     -webkit-transform: rotate(0deg);
-    transform: rotate(0deg); }
+    transform: rotate(0deg);
+  }
   100% {
     -webkit-transform: rotate(360deg);
-    transform: rotate(360deg); } }
-
+    transform: rotate(360deg);
+  }
+}
 @-moz-keyframes um-ajax-spinning {
   0% {
     -webkit-transform: rotate(0deg);
-    transform: rotate(0deg); }
+    transform: rotate(0deg);
+  }
   100% {
     -webkit-transform: rotate(360deg);
-    transform: rotate(360deg); } }
-
+    transform: rotate(360deg);
+  }
+}
 @-ms-keyframes um-ajax-spinning {
   0% {
     -webkit-transform: rotate(0deg);
-    transform: rotate(0deg); }
+    transform: rotate(0deg);
+  }
   100% {
     -webkit-transform: rotate(360deg);
-    transform: rotate(360deg); } }
-
+    transform: rotate(360deg);
+  }
+}
 @keyframes um-ajax-spinning {
   0% {
     -webkit-transform: rotate(0deg);
-    transform: rotate(0deg); }
+    transform: rotate(0deg);
+  }
   100% {
     -webkit-transform: rotate(360deg);
-    transform: rotate(360deg); } }
-
+    transform: rotate(360deg);
+  }
+}
 .um-new-dropdown {
   font-size: 16px;
   margin: 0;
@@ -46,18 +54,22 @@
   -webkit-box-sizing: border-box;
   border-radius: 5px 5px 5px 5px;
   -moz-border-radius: 5px 5px 5px 5px;
-  -webkit-border-radius: 5px 5px 5px 5px; }
-  .um-new-dropdown ul {
-    margin: 0;
-    padding: 0; }
-    .um-new-dropdown ul li {
-      list-style-type: none;
-      padding: 0;
-      margin: 0; }
-      .um-new-dropdown ul li a {
-        display: block;
-        padding: 8px 12px;
-        line-height: 1; }
+  -webkit-border-radius: 5px 5px 5px 5px;
+}
+.um-new-dropdown ul {
+  margin: 0;
+  padding: 0;
+}
+.um-new-dropdown ul li {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}
+.um-new-dropdown ul li a {
+  display: block;
+  padding: 8px 12px;
+  line-height: 1;
+}
 
 .um-new-dropdown-arr {
   position: absolute;
@@ -66,23 +78,27 @@
   height: 24px;
   overflow: hidden;
   z-index: 15;
-  color: #eee; }
-  .um-new-dropdown-arr * {
-    display: block;
-    width: 24px;
-    height: 24px;
-    vertical-align: bottom;
-    overflow: hidden;
-    line-height: 24px; }
+  color: #eee;
+}
+.um-new-dropdown-arr * {
+  display: block;
+  width: 24px;
+  height: 24px;
+  vertical-align: bottom;
+  overflow: hidden;
+  line-height: 24px;
+}
 
 body #content .um-directory a {
   text-decoration: none;
   border-bottom: none;
-  box-shadow: none; }
-  body #content .um-directory a:hover, body #content .um-directory a:focus {
-    text-decoration: none;
-    border-bottom: none;
-    box-shadow: none; }
+  box-shadow: none;
+}
+body #content .um-directory a:hover, body #content .um-directory a:focus {
+  text-decoration: none;
+  border-bottom: none;
+  box-shadow: none;
+}
 
 .um-directory {
   display: flex;
@@ -90,928 +106,1146 @@ body #content .um-directory a {
   justify-content: flex-start;
   align-items: stretch;
   flex-wrap: nowrap;
-  position: relative; }
-  .um-directory a {
-    text-decoration: none;
-    border-bottom: none;
-    box-shadow: none; }
-    .um-directory a:hover, .um-directory a:focus {
-      text-decoration: none;
-      border-bottom: none;
-      box-shadow: none; }
-  .um-directory .select2-container--disabled {
-    opacity: 0.6; }
-  .um-directory .um-members-overlay {
-    display: none;
-    position: absolute;
-    width: 100%;
-    top: 0;
-    bottom: 0;
-    background: none;
-    z-index: 2; }
-    .um-directory .um-members-overlay .um-ajax-loading {
-      -webkit-transition: 0.1s opacity;
-      -moz-transition: 0.1s opacity;
-      -ms-transition: 0.1s opacity;
-      -o-transition: 0.1s opacity;
-      transition: 0.1s opacity;
-      color: #c6c6c6 !important;
-      -webkit-animation: um-ajax-spinning 1.1s infinite linear;
-      animation: um-ajax-spinning 1.1s infinite linear;
-      border-top: 0.2em solid rgba(198, 198, 198, 0.2);
-      border-right: 0.2em solid rgba(198, 198, 198, 0.2);
-      border-bottom: 0.2em solid rgba(198, 198, 198, 0.2);
-      border-left: .2em solid #c6c6c6;
-      font-size: 1.75em;
-      position: absolute;
-      left: calc(50% - 1.75em);
-      top: calc(50% - 1.75em);
-      filter: alpha(opacity=0);
-      -ms-transform: translateZ(0);
-      transform: translateZ(0);
-      border-radius: 50%;
-      display: block;
-      width: 2.5em;
-      height: 2.5em;
-      margin: 0;
-      outline: 0;
-      padding: 0;
-      vertical-align: baseline; }
-  .um-directory .um-member-directory-header {
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: stretch;
-    flex-wrap: nowrap;
-    width: 100%; }
-    .um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-filters-bar {
-      padding: 0 0 10px 0; }
-    .um-directory .um-member-directory-header .um-member-directory-header-row:not(.um-member-directory-filters-bar) {
-      display: flex;
-      flex-direction: row;
-      justify-content: flex-start;
-      align-items: baseline;
-      flex-wrap: nowrap;
-      margin: 0 0 10px 0; }
-    .um-directory .um-member-directory-header .um-member-directory-header-row.um-header-row-invisible {
-      margin: 0; }
-    .um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row {
-      justify-content: flex-end; }
-    .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line {
-      display: flex;
-      flex-direction: row;
-      justify-content: flex-start;
-      align-items: center;
-      flex-wrap: nowrap;
-      width: 60%; }
-      .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label {
-        flex: 1;
-        margin: 0 10px 0 0;
-        min-width: 90px;
-        max-width: 85%; }
-        .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label span {
-          display: none;
-          margin: 0 5px 0 0; }
-        .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label .um-search-line {
-          -webkit-appearance: textfield;
-          width: 100%;
-          box-sizing: border-box;
-          -moz-box-sizing: border-box;
-          -webkit-box-sizing: border-box; }
-      .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line .um-do-search {
-        min-width: 15%;
-        width: auto; }
-    .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      align-items: center;
-      flex-wrap: nowrap;
-      width: 100%; }
-      .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type {
-        font-size: 30px;
-        line-height: 30px;
-        margin: 0 10px 0 0;
-        width: 30px; }
-        .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type .um-member-directory-view-type-a {
-          color: #ddd;
-          display: none; }
-        .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type.um-disabled {
-          cursor: default; }
-          .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type.um-disabled a {
-            cursor: default; }
-        .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:hover {
-          color: #ccc; }
-        .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:focus {
-          color: #ddd; }
-      .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting {
-        display: flex;
-        flex-direction: row;
-        justify-content: flex-start;
-        align-items: baseline;
-        flex-wrap: nowrap;
-        flex: 5; }
-        .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a {
-          display: flex;
-          flex-direction: row;
-          justify-content: flex-start;
-          align-items: baseline;
-          flex-wrap: nowrap;
-          position: relative;
-          cursor: pointer; }
-          .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a a {
-            margin: 0 5px 0 0; }
-          .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a i.um-faicon-caret-down {
-            display: inline; }
-          .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a i.um-faicon-caret-up {
-            display: none; }
-          .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a.um-member-directory-sorting-visible i.um-faicon-caret-down {
-            display: none; }
-          .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a.um-member-directory-sorting-visible i.um-faicon-caret-up {
-            display: inline; }
-          .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a .um-new-dropdown {
-            top: 24px;
-            width: 200px;
-            left: -12px; }
-            .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a .um-new-dropdown li a[data-selected="1"] {
-              display: none; }
-      .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters {
-        display: flex;
-        flex-direction: row;
-        justify-content: flex-end;
-        align-items: baseline;
-        flex-wrap: nowrap;
-        flex: 2;
-        text-align: right; }
-        .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a {
-          display: flex;
-          flex-direction: row;
-          justify-content: flex-start;
-          align-items: baseline;
-          flex-wrap: nowrap;
-          cursor: pointer; }
-          .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a a {
-            margin: 0 5px 0 0; }
-          .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a i.um-faicon-caret-down {
-            display: inline; }
-          .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a i.um-faicon-caret-up {
-            display: none; }
-          .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a.um-member-directory-filters-visible i.um-faicon-caret-down {
-            display: none; }
-          .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a.um-member-directory-filters-visible i.um-faicon-caret-up {
-            display: inline; }
-    .um-directory .um-member-directory-header .um-member-directory-header-row .um-search {
-      margin: 0;
-      width: 100%;
-      display: grid;
-      grid-template-rows: auto 1fr;
-      grid-template-columns: repeat(3, 1fr);
-      grid-gap: 10px;
-      grid-auto-rows: minmax(max-content, auto);
-      -ms-grid-template-rows: auto 1fr;
-      -ms-grid-template-columns: repeat(3, 1fr);
-      -ms-grid-gap: 10px;
-      -ms-grid-auto-rows: minmax(max-content, auto);
-      align-items: center; }
-      .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter {
-        display: flex;
-        flex-direction: row;
-        justify-content: flex-start;
-        align-items: baseline;
-        flex-wrap: nowrap;
-        width: 100%;
-        position: relative; }
-        .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter .select2-container {
-          float: left;
-          width: 100% !important; }
-        .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter .um-s1 {
-          width: 100%; }
-        .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-text-filter-type input {
-          width: 100%; }
-        .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type {
-          flex-direction: column;
-          align-items: stretch; }
-          .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider {
-            width: calc( 100% - 16px); }
-            .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider .ui-slider-range.ui-widget-header {
-              background: #44b0ec;
-              border: 1px solid #44b0ec !important;
-              margin-top: -1px; }
-            .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider.ui-slider.ui-slider-horizontal {
-              border: 1px solid #ddd !important;
-              box-sizing: border-box;
-              margin: 4px 8px 0 8px; }
-          .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider-range {
-            display: flex;
-            flex-direction: row;
-            justify-content: flex-start;
-            align-items: baseline;
-            flex-wrap: nowrap;
-            margin: 6px 0 0 8px;
-            font-size: 0.8em; }
-        .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type, .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type {
-          display: flex;
-          flex-direction: row;
-          justify-content: flex-start;
-          align-items: baseline;
-          flex-wrap: nowrap; }
-          .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input, .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input {
-            width: calc( 50% - 5px);
-            margin: 0 5px 0 0 !important;
-            box-sizing: border-box;
-            -moz-box-sizing: border-box;
-            -webkit-box-sizing: border-box; }
-            .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input:nth-child(even), .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input:nth-child(even) {
-              margin: 0 0 0 5px !important; }
-      .um-directory .um-member-directory-header .um-member-directory-header-row .um-search[style*="overflow: hidden;"] .um-search-filter {
-        pointer-events: none; }
-      .um-directory .um-member-directory-header .um-member-directory-header-row .um-search.um-search-invisible {
-        display: none; }
-    .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line {
-      display: flex;
-      flex-direction: row;
-      justify-content: flex-start;
-      align-items: baseline;
-      flex-wrap: wrap;
-      margin: 0;
-      padding: 0;
-      box-sizing: border-box;
-      border: none; }
-      .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag {
-        display: flex;
-        flex-direction: row;
-        justify-content: flex-start;
-        align-items: center;
-        flex-wrap: nowrap;
-        margin: 0 10px 5px 0;
-        padding: 0 10px;
-        border-radius: 3px;
-        cursor: default;
-        background: #f1f1f1;
-        font-size: 13px; }
-        .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag:first-child {
-          margin-left: 0; }
-        .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove {
-          float: right;
-          display: inline-block;
-          margin-left: 10px;
-          cursor: pointer;
-          font-weight: bold;
-          font-size: 20px; }
-          .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove:hover {
-            color: #a00; }
-      .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-clear-filters {
-        display: none; }
-        .um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-clear-filters a {
-          padding: 3px 10px;
-          margin: 0 10px; }
-  .um-directory .um-members-wrapper {
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: stretch;
-    flex-wrap: nowrap;
-    width: 100%;
-    margin: 0 0 10px 0;
-    padding: 0;
-    position: relative;
-    height: 300px; }
-    .um-directory .um-members-wrapper .um-members-intro {
-      text-align: center;
-      margin: 0 0 10px 0; }
-    .um-directory .um-members-wrapper .um-members-total {
-      font-size: 20px;
-      font-weight: 300; }
-    .um-directory .um-members-wrapper .um-members {
-      width: 100%;
-      margin: 0;
-      padding: 0;
-      -ms-word-break: break-all;
-      word-break: break-word;
-      word-wrap: break-word; }
-      .um-directory .um-members-wrapper .um-members .um-member {
-        border: 1px solid #ddd;
-        box-sizing: border-box;
-        -moz-box-sizing: border-box;
-        -webkit-box-sizing: border-box; }
-        .um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1 a img {
-          -moz-border-radius: 999px !important;
-          -webkit-border-radius: 999px !important;
-          border-radius: 999px !important; }
-        .um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1.radius-2 a img {
-          -moz-border-radius: 4px !important;
-          -webkit-border-radius: 4px !important;
-          border-radius: 4px !important; }
-        .um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1.radius-3 a img {
-          -moz-border-radius: 0 !important;
-          -webkit-border-radius: 0 !important;
-          border-radius: 0 !important; }
-        .um-directory .um-members-wrapper .um-members .um-member .um-member-card .um-member-name {
-          display: flex;
-          flex-direction: row;
-          justify-content: flex-start;
-          align-items: baseline;
-          flex-wrap: nowrap; }
-          .um-directory .um-members-wrapper .um-members .um-member .um-member-card .um-member-name a {
-            display: flex;
-            flex-direction: row;
-            justify-content: flex-start;
-            align-items: center;
-            flex-wrap: nowrap; }
-      .um-directory .um-members-wrapper .um-members img {
-        display: block;
-        overflow: hidden;
-        -moz-border-radius: 0;
-        -webkit-border-radius: 0;
-        border-radius: 0;
-        margin: 0;
-        padding: 0; }
-      .um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer {
-        width: 5%; }
-      .um-directory .um-members-wrapper .um-members.um-members-grid .um-member {
-        float: left;
-        width: 30%;
-        background: #fff;
-        text-align: center;
-        margin-bottom: 40px;
-        position: relative; }
-        .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status {
-          display: none;
-          background: #999; }
-          .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.awaiting_admin_review, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.inactive, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.rejected {
-            display: block;
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            padding: 7px 15px;
-            color: #fff;
-            z-index: 10;
-            font-size: 13px;
-            box-sizing: border-box;
-            -moz-box-sizing: border-box;
-            -webkit-box-sizing: border-box; }
-          .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.awaiting_admin_review {
-            background: #c74a4a; }
-        .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo {
-          padding: 40px 0 20px 0;
-          text-align: center; }
-          .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a {
-            text-decoration: none;
-            box-shadow: none !important;
-            display: inline !important; }
-            .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a img {
-              display: inline !important;
-              border: 5px solid #fff;
-              background: #fff;
-              width: 140px;
-              height: 140px;
-              float: none !important; }
-        .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.awaiting_admin_review, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.inactive, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.rejected {
-          opacity: 0.7; }
-        .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.with-cover .um-member-photo {
-          padding-top: 0; }
-          .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.with-cover .um-member-photo a img {
-            width: 90px;
-            height: 90px;
-            position: relative;
-            top: -35px;
-            margin-bottom: -45px;
-            float: none;
-            opacity: 1; }
-        .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover {
-          background-color: #eee;
-          box-sizing: border-box;
-          position: relative; }
-          .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover[data-ratio] {
-            overflow-y: hidden; }
-          .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover .um-member-cover-e {
-            text-align: center;
-            box-sizing: border-box; }
-            .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover .um-member-cover-e img {
-              width: 100% !important; }
-        .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card {
-          padding-bottom: 15px; }
-          .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card.no-photo {
-            padding-top: 30px; }
-          .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name {
-            margin: 0 0 4px 0;
-            justify-content: center; }
-            .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a {
-              font-size: 16px;
-              line-height: 26px;
-              color: #444;
-              font-weight: 700; }
-          .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn {
-            margin: 2px 0;
-            height: 40px; }
-            .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn {
-              padding: 10px 15px !important;
-              transition: none !important;
-              display: inline-block !important;
-              margin: 0 auto !important;
-              min-width: 110px;
-              width: auto;
-              text-align: center;
-              font-size: 13px; }
-              .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn:before {
-                font-family: "FontAwesome";
-                margin-right: 8px;
-                width: 14px;
-                text-align: left;
-                display: inline-block;
-                font-size: 16px;
-                position: relative;
-                left: 0;
-                top: 1px;
-                content: "\f013"; }
-          .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-tagline {
-            font-size: 13px;
-            line-height: 22px;
-            color: #999;
-            padding: 0 15px; }
-          .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta {
-            display: none;
-            margin: 20px 15px 0 15px;
-            padding: 15px 0;
-            border-top: 1px solid #e5e5e5; }
-            .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta.no-animate {
-              display: block; }
-            .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline {
-              font-size: 13px;
-              padding: 12px 0 0 0;
-              line-height: 16px;
-              vertical-align: middle; }
-              .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline strong {
-                display: block;
-                clear: both; }
-              .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline span {
-                display: block;
-                text-align: center; }
-            .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect {
-              padding-top: 20px; }
-              .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect a {
-                display: inline-block;
-                width: 40px;
-                line-height: 40px;
-                height: 40px;
-                -moz-border-radius: 999px;
-                -webkit-border-radius: 999px;
-                border-radius: 999px;
-                color: #fff !important;
-                opacity: 0.85;
-                margin: 0 1px;
-                font-size: 22px;
-                transition: 0.25s; }
-                .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect a:hover {
-                  opacity: 1;
-                  color: #fff; }
-          .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less {
-            display: none; }
-            .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less a {
-              color: #666;
-              display: inline-block; }
-              .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less a i {
-                display: block;
-                font-size: 32px;
-                height: 32px;
-                line-height: 32px; }
-          .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-more a {
-            color: #666;
-            display: inline-block; }
-            .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-more a i {
-              display: block;
-              font-size: 32px;
-              height: 32px;
-              line-height: 32px; }
-      .um-directory .um-members-wrapper .um-members.um-members-list {
-        display: grid;
-        grid-template-rows: auto 1fr;
-        grid-template-columns: repeat(1, 1fr);
-        grid-gap: 10px;
-        grid-auto-rows: minmax(max-content, auto);
-        -ms-grid-template-rows: auto 1fr;
-        -ms-grid-template-columns: repeat(1, 1fr);
-        -ms-grid-gap: 10px;
-        -ms-grid-auto-rows: minmax(max-content, auto);
-        align-items: center; }
-        .um-directory .um-members-wrapper .um-members.um-members-list .um-member {
-          display: flex;
-          flex-direction: column;
-          justify-content: flex-start;
-          align-items: stretch;
-          flex-wrap: nowrap;
-          width: 100%;
-          padding: 15px;
-          margin: 0;
-          background: #fff;
-          box-sizing: border-box;
-          -moz-box-sizing: border-box;
-          -webkit-box-sizing: border-box; }
-          .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status {
-            display: none;
-            background: #999; }
-            .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.awaiting_admin_review, .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.inactive, .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.rejected {
-              display: block;
-              width: 100%;
-              padding: 7px 15px;
-              margin-bottom: 10px;
-              color: #fff;
-              font-size: 13px;
-              box-sizing: border-box;
-              -moz-box-sizing: border-box;
-              -webkit-box-sizing: border-box; }
-            .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.awaiting_admin_review {
-              background: #c74a4a; }
-          .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container {
-            display: flex;
-            flex-direction: row;
-            justify-content: flex-start;
-            align-items: flex-start;
-            flex-wrap: nowrap;
-            width: 100%;
-            margin: 0 0 10px 0;
-            padding: 0; }
-            .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo {
-              width: 100px;
-              margin: 0 15px 0 0;
-              padding: 0; }
-              .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a {
-                width: 100px;
-                height: 100px;
-                display: block; }
-                .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a img {
-                  width: 100px;
-                  height: 100px;
-                  position: relative;
-                  top: 0;
-                  margin: 0;
-                  margin-bottom: 0;
-                  border: none; }
-            .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card {
-              display: flex;
-              flex-direction: row;
-              justify-content: flex-start;
-              align-items: flex-start;
-              flex-wrap: nowrap;
-              width: calc( 100% - 115px);
-              padding: 0;
-              margin: 0;
-              box-sizing: border-box;
-              -moz-box-sizing: border-box;
-              -webkit-box-sizing: border-box; }
-              .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card.no-photo {
-                width: 100%; }
-              .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content {
-                display: flex;
-                flex-direction: column;
-                justify-content: flex-start;
-                align-items: stretch;
-                flex-wrap: nowrap;
-                width: calc( 100% - 30px);
-                margin: 0 10px 0 0; }
-                .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header {
-                  width: 100%; }
-                  .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header .um-member-name {
-                    margin: 0 0 4px 0; }
-                    .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header .um-member-name a {
-                      font-size: 16px;
-                      line-height: 26px;
-                      color: #444;
-                      font-weight: 700; }
-                .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-tagline {
-                  display: flex;
-                  flex-direction: row;
-                  justify-content: flex-start;
-                  align-items: baseline;
-                  flex-wrap: wrap;
-                  width: 100%;
-                  font-size: 13px;
-                  color: #999;
-                  padding: 0;
-                  box-sizing: border-box; }
-                .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main {
-                  width: 100%;
-                  padding: 0;
-                  box-sizing: border-box;
-                  display: none; }
-                  .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main.no-animate {
-                    display: block; }
-                  .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta {
-                    float: left;
-                    width: 100%;
-                    display: block;
-                    margin: 10px 0 0 0;
-                    box-sizing: border-box;
-                    border: none; }
-                    .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-metaline {
-                      display: flex;
-                      flex-direction: row;
-                      justify-content: flex-start;
-                      align-items: center;
-                      flex-wrap: wrap;
-                      font-size: 13px;
-                      padding: 12px 0 0 0;
-                      line-height: 16px;
-                      width: 100%; }
-                    .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-connect {
-                      padding-top: 10px; }
-                      .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-connect a {
-                        display: inline-block;
-                        width: 40px;
-                        line-height: 40px;
-                        height: 40px;
-                        -moz-border-radius: 999px;
-                        -webkit-border-radius: 999px;
-                        border-radius: 999px;
-                        color: #fff !important;
-                        opacity: 0.85;
-                        margin: 0 1px;
-                        font-size: 22px;
-                        transition: 0.25s;
-                        text-align: center; }
-                        .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-connect a:hover {
-                          opacity: 1;
-                          color: #fff; }
-              .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions {
-                display: flex;
-                flex-direction: column;
-                justify-content: flex-start;
-                align-items: flex-end;
-                flex-wrap: nowrap;
-                width: 20px;
-                text-align: right;
-                padding: 0; }
-                .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog {
-                  position: relative; }
-                  .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-member-actions-a {
-                    line-height: 1;
-                    display: block;
-                    color: #666; }
-                    .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-member-actions-a i {
-                      display: block;
-                      font-size: 20px;
-                      line-height: 1; }
-                  .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-new-dropdown {
-                    width: 180px;
-                    right: 0;
-                    text-align: left; }
-                .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions a {
-                  box-sizing: border-box; }
-          .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer {
-            display: flex;
-            flex-direction: row;
-            justify-content: flex-end;
-            align-items: center;
-            flex-wrap: nowrap;
-            width: 100%; }
-            .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons {
-              display: flex;
-              flex-direction: row;
-              justify-content: flex-start;
-              align-items: baseline;
-              flex-wrap: nowrap;
-              width: calc( 100% - 145px);
-              margin: 0 10px 0 0; }
-              .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper {
-                display: flex;
-                flex-direction: row;
-                justify-content: flex-start;
-                align-items: baseline;
-                flex-wrap: nowrap;
-                margin: 0; }
-              .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons > :not(:last-child) {
-                margin: 0 10px 0 0; }
-            .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons {
-              width: 20px;
-              text-align: right; }
-              .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-more {
-                display: flex;
-                flex-direction: column;
-                justify-content: flex-start;
-                align-items: baseline;
-                flex-wrap: nowrap; }
-                .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-more a {
-                  color: #666;
-                  display: inline-block; }
-                  .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-more a i {
-                    display: block;
-                    font-size: 28px;
-                    height: 28px;
-                    line-height: 28px; }
-              .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-less {
-                display: flex;
-                flex-direction: column;
-                justify-content: flex-start;
-                align-items: baseline;
-                flex-wrap: nowrap;
-                display: none; }
-                .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-less a {
-                  color: #666;
-                  display: inline-block; }
-                  .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-less a i {
-                    display: block;
-                    font-size: 28px;
-                    height: 28px;
-                    line-height: 28px; }
-            .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-photo.no-reveal .um-member-card-footer-buttons {
-              width: 100%; }
-            .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-photo:not(.no-reveal) .um-member-card-footer-buttons {
-              width: calc( 100% - 30px); }
-            .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons {
-              width: calc( 100% - 125px); }
-      .um-directory .um-members-wrapper .um-members .um-members-none {
-        text-align: center;
-        font-size: 18px; }
-  .um-directory .um-members-pagination-box {
-    width: 100%;
-    float: left;
-    margin: 0 0 10px 0;
-    padding: 0; }
-    .um-directory .um-members-pagination-box .um-members-pagi {
-      display: flex;
-      flex-direction: row;
-      justify-content: center;
-      align-items: baseline;
-      flex-wrap: nowrap;
-      width: 100%;
-      margin: 0;
-      padding: 0;
-      font-size: 15px; }
-      .um-directory .um-members-pagination-box .um-members-pagi .pagi {
-        cursor: pointer;
-        display: inline-block;
-        width: auto;
-        height: 34px;
-        line-height: 34px;
-        transition: all .2s linear;
-        padding: 0 14px;
-        color: #666 !important;
-        font-weight: normal; }
-        .um-directory .um-members-pagination-box .um-members-pagi .pagi.pagi-arrow {
-          line-height: 38px; }
-          .um-directory .um-members-pagination-box .um-members-pagi .pagi.pagi-arrow i:before {
-            font-size: 20px;
-            vertical-align: middle !important;
-            height: 34px;
-            line-height: 34px;
-            top: -2px;
-            position: relative; }
-        .um-directory .um-members-pagination-box .um-members-pagi .pagi.current {
-          cursor: default;
-          color: #fff !important; }
-          .um-directory .um-members-pagination-box .um-members-pagi .pagi.current:hover {
-            color: #fff !important; }
-        .um-directory .um-members-pagination-box .um-members-pagi .pagi.disabled {
-          cursor: default;
-          opacity: .4; }
-        .um-directory .um-members-pagination-box .um-members-pagi .pagi.none {
-          color: #aaa !important; }
-    .um-directory .um-members-pagination-box .um-members-pagidrop {
-      width: 100%;
-      float: left;
-      margin: 0;
-      text-align: center;
-      padding: 5px 0;
-      font-size: 15px; }
-  .um-directory.um-loaded .um-members-wrapper {
-    height: auto; }
-  .um-directory[data-view_type="list"] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type="list"] {
-    display: block; }
-  .um-directory[data-view_type="grid"] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type="grid"] {
-    display: block; }
-  .um-directory[data-view_type="map"] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type="map"] {
-    display: block; }
-  .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line {
-    width: 100%; }
-  .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row {
-    justify-content: flex-start; }
-  .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line {
-    flex-wrap: wrap; }
-    .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type {
-      width: 20px;
-      font-size: 20px;
-      line-height: 20px;
-      margin: 0 2px 0 0; }
-    .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting {
-      width: calc( 100% - 25px);
-      justify-content: flex-end; }
-      .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-new-dropdown {
-        right: 0;
-        left: auto; }
-    .um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters {
-      flex: none;
-      width: 100%; }
-  .um-directory.uimob340 .um-member-directory-header .um-search {
-    grid-template-columns: repeat(1, 1fr); }
-  .um-directory.uimob340 .um-members-wrapper .um-members .um-member {
-    width: 100%; }
-  .um-directory.uimob340 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer {
-    width: 0; }
-  .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member {
-    padding: 10px; }
-    .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo {
-      width: 50px;
-      margin: 0 10px 0 0; }
-      .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a {
-        width: 50px;
-        height: 50px; }
-        .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a img {
-          width: 50px;
-          height: 50px; }
-    .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card {
-      width: calc( 100% - 60px); }
-    .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer {
-      align-items: flex-start; }
-      .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons {
-        display: flex;
-        flex-direction: column;
-        justify-content: flex-start;
-        align-items: stretch;
-        flex-wrap: nowrap;
-        width: calc( 100% - 90px);
-        margin: 0 10px 0 0; }
-        .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper {
-          margin: 0 0 5px 0; }
-          .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper a.um-button {
-            width: 100% !important; }
-      .um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons {
-        width: calc( 100% - 70px); }
-  .um-directory.uimob340 .um-members-pagination-box .um-members-pagi {
-    display: none; }
-  .um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line {
-    width: 100%; }
-  .um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row {
-    justify-content: flex-start; }
-  .um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type {
-    width: 20px;
-    font-size: 20px;
-    line-height: 20px;
-    margin: 0 5px 0 0; }
-  .um-directory.uimob500 .um-member-directory-header .um-search {
-    grid-template-columns: repeat(1, 1fr); }
-  .um-directory.uimob500 .um-members-wrapper .um-members .um-member {
-    width: 100%; }
-  .um-directory.uimob500 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer {
-    width: 0; }
-  .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo {
-    width: 70px;
-    margin: 0 10px 0 0; }
-    .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a {
-      width: 70px;
-      height: 70px; }
-      .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a img {
-        width: 70px;
-        height: 70px; }
-  .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card {
-    width: calc( 100% - 80px); }
-  .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer {
-    align-items: flex-start; }
-    .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons {
-      flex-wrap: wrap;
-      width: calc( 100% - 110px);
-      margin: 0 10px 0 0; }
-      .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper {
-        margin: 0 10px 5px 0; }
-    .um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons {
-      width: calc( 100% - 90px); }
-  .um-directory.uimob500 .um-members-pagination-box .um-members-pagi {
-    display: none; }
-  .um-directory.uimob800 .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line {
-    width: 100%; }
-  .um-directory.uimob800 .um-member-directory-header .um-search {
-    grid-template-columns: repeat(2, 1fr); }
-  .um-directory.uimob800 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer {
-    width: 4%; }
-  .um-directory.uimob800 .um-members-wrapper .um-members.um-members-grid .um-member {
-    width: 48%; }
-  .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo {
-    width: 80px;
-    margin: 0 10px 0 0; }
-    .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a {
-      width: 80px;
-      height: 80px; }
-      .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a img {
-        width: 80px;
-        height: 80px; }
-  .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card {
-    width: calc( 100% - 90px); }
-  .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer {
-    align-items: flex-start; }
-    .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons {
-      flex-wrap: wrap;
-      width: calc( 100% - 120px);
-      margin: 0 10px 0 0; }
-      .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper {
-        margin: 0 10px 5px 0; }
-    .um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons {
-      width: calc( 100% - 100px); }
-  .um-directory.uimob960 .um-member-directory-header .um-search {
-    grid-template-columns: repeat(2, 1fr); }
-  .um-directory.uimob960 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer {
-    width: 4%; }
-  .um-directory.uimob960 .um-members-wrapper .um-members.um-members-grid .um-member {
-    width: 48%; }
+  position: relative;
+}
+.um-directory a {
+  text-decoration: none;
+  border-bottom: none;
+  box-shadow: none;
+}
+.um-directory a:hover, .um-directory a:focus {
+  text-decoration: none;
+  border-bottom: none;
+  box-shadow: none;
+}
+.um-directory .select2-container--disabled {
+  opacity: 0.6;
+}
+.um-directory .um-members-overlay {
+  display: none;
+  position: absolute;
+  width: 100%;
+  top: 0;
+  bottom: 0;
+  background: none;
+  z-index: 2;
+}
+.um-directory .um-members-overlay .um-ajax-loading {
+  -webkit-transition: 0.1s opacity;
+  -moz-transition: 0.1s opacity;
+  -ms-transition: 0.1s opacity;
+  -o-transition: 0.1s opacity;
+  transition: 0.1s opacity;
+  color: #c6c6c6 !important;
+  -webkit-animation: um-ajax-spinning 1.1s infinite linear;
+  animation: um-ajax-spinning 1.1s infinite linear;
+  border-top: 0.2em solid rgba(198, 198, 198, 0.2);
+  border-right: 0.2em solid rgba(198, 198, 198, 0.2);
+  border-bottom: 0.2em solid rgba(198, 198, 198, 0.2);
+  border-left: 0.2em solid #c6c6c6;
+  font-size: 1.75em;
+  position: absolute;
+  left: calc(50% - 1.75em);
+  top: calc(50% - 1.75em);
+  filter: alpha(opacity=0);
+  -ms-transform: translateZ(0);
+  transform: translateZ(0);
+  border-radius: 50%;
+  display: block;
+  width: 2.5em;
+  height: 2.5em;
+  margin: 0;
+  outline: 0;
+  padding: 0;
+  vertical-align: baseline;
+}
+.um-directory .um-member-directory-header {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: stretch;
+  flex-wrap: nowrap;
+  width: 100%;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-filters-bar {
+  padding: 0 0 10px 0;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row:not(.um-member-directory-filters-bar) {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: baseline;
+  flex-wrap: nowrap;
+  margin: 0 0 10px 0;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row.um-header-row-invisible {
+  margin: 0;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row {
+  justify-content: flex-end;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: nowrap;
+  width: 60%;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label {
+  flex: 1;
+  margin: 0 10px 0 0;
+  min-width: 90px;
+  max-width: 85%;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label span {
+  display: none;
+  margin: 0 5px 0 0;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line label .um-search-line {
+  -webkit-appearance: textfield;
+  width: 100%;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line .um-do-search {
+  min-width: 15%;
+  width: auto;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: nowrap;
+  width: 100%;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type {
+  font-size: 30px;
+  line-height: 30px;
+  margin: 0 10px 0 0;
+  width: 30px;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type .um-member-directory-view-type-a {
+  color: #ddd;
+  display: none;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type.um-disabled {
+  cursor: default;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type.um-disabled a {
+  cursor: default;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:hover {
+  color: #ccc;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type:not(.um-disabled) .um-member-directory-view-type-a:focus {
+  color: #ddd;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: baseline;
+  flex-wrap: nowrap;
+  flex: 5;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: baseline;
+  flex-wrap: nowrap;
+  position: relative;
+  cursor: pointer;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a a {
+  margin: 0 5px 0 0;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a i.um-faicon-caret-down {
+  display: inline;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a i.um-faicon-caret-up {
+  display: none;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a.um-member-directory-sorting-visible i.um-faicon-caret-down {
+  display: none;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a.um-member-directory-sorting-visible i.um-faicon-caret-up {
+  display: inline;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a .um-new-dropdown {
+  top: 24px;
+  width: 200px;
+  left: -12px;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-member-directory-sorting-a .um-new-dropdown li a[data-selected="1"] {
+  display: none;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: baseline;
+  flex-wrap: nowrap;
+  flex: 2;
+  text-align: right;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: baseline;
+  flex-wrap: nowrap;
+  cursor: pointer;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a a {
+  margin: 0 5px 0 0;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a i.um-faicon-caret-down {
+  display: inline;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a i.um-faicon-caret-up {
+  display: none;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a.um-member-directory-filters-visible i.um-faicon-caret-down {
+  display: none;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a.um-member-directory-filters-visible i.um-faicon-caret-up {
+  display: inline;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-search {
+  margin: 0;
+  width: 100%;
+  display: grid;
+  grid-template-rows: auto 1fr;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 10px;
+  grid-auto-rows: minmax(max-content, auto);
+  -ms-grid-template-rows: auto 1fr;
+  -ms-grid-template-columns: repeat(3, 1fr);
+  -ms-grid-gap: 10px;
+  -ms-grid-auto-rows: minmax(max-content, auto);
+  align-items: center;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: baseline;
+  flex-wrap: nowrap;
+  width: 100%;
+  position: relative;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter .select2-container {
+  float: left;
+  width: 100% !important;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter .um-s1 {
+  width: 100%;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-text-filter-type input {
+  width: 100%;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type {
+  flex-direction: column;
+  align-items: stretch;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider {
+  width: calc(100% - 16px);
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider .ui-slider-range.ui-widget-header {
+  background: #44b0ec;
+  border: 1px solid #44b0ec !important;
+  margin-top: -1px;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider.ui-slider.ui-slider-horizontal {
+  border: 1px solid #ddd !important;
+  box-sizing: border-box;
+  margin: 4px 8px 0 8px;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-slider-filter-type .um-slider-range {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: baseline;
+  flex-wrap: nowrap;
+  margin: 6px 0 0 8px;
+  font-size: 0.8em;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type, .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: baseline;
+  flex-wrap: nowrap;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input, .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input {
+  width: calc(50% - 5px);
+  margin: 0 5px 0 0 !important;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-datepicker-filter-type input:nth-child(even), .um-directory .um-member-directory-header .um-member-directory-header-row .um-search .um-search-filter.um-timepicker-filter-type input:nth-child(even) {
+  margin: 0 0 0 5px !important;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-search[style*="overflow: hidden;"] .um-search-filter {
+  pointer-events: none;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-search.um-search-invisible {
+  display: none;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: baseline;
+  flex-wrap: wrap;
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  border: none;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: nowrap;
+  margin: 0 10px 5px 0;
+  padding: 0 10px;
+  border-radius: 3px;
+  cursor: default;
+  background: #f1f1f1;
+  font-size: 13px;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag:first-child {
+  margin-left: 0;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove {
+  float: right;
+  display: inline-block;
+  margin-left: 10px;
+  cursor: pointer;
+  font-weight: bold;
+  font-size: 20px;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-members-filter-tag .um-members-filter-remove:hover {
+  color: #a00;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-clear-filters {
+  display: none;
+}
+.um-directory .um-member-directory-header .um-member-directory-header-row .um-filtered-line .um-clear-filters a {
+  padding: 3px 10px;
+  margin: 0 10px;
+}
+.um-directory .um-members-wrapper {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: stretch;
+  flex-wrap: nowrap;
+  width: 100%;
+  margin: 0 0 10px 0;
+  padding: 0;
+  position: relative;
+  height: 300px;
+}
+.um-directory .um-members-wrapper .um-members-intro {
+  text-align: center;
+  margin: 0 0 10px 0;
+}
+.um-directory .um-members-wrapper .um-members-total {
+  font-size: 20px;
+  font-weight: 300;
+}
+.um-directory .um-members-wrapper .um-members {
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  -ms-word-break: break-all;
+  word-break: break-word;
+  word-wrap: break-word;
+}
+.um-directory .um-members-wrapper .um-members .um-member {
+  border: 1px solid #ddd;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}
+.um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1 a img {
+  -moz-border-radius: 999px !important;
+  -webkit-border-radius: 999px !important;
+  border-radius: 999px !important;
+}
+.um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1.radius-2 a img {
+  -moz-border-radius: 4px !important;
+  -webkit-border-radius: 4px !important;
+  border-radius: 4px !important;
+}
+.um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1.radius-3 a img {
+  -moz-border-radius: 0 !important;
+  -webkit-border-radius: 0 !important;
+  border-radius: 0 !important;
+}
+.um-directory .um-members-wrapper .um-members .um-member .um-member-card .um-member-name {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: baseline;
+  flex-wrap: nowrap;
+}
+.um-directory .um-members-wrapper .um-members .um-member .um-member-card .um-member-name a {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.um-directory .um-members-wrapper .um-members img {
+  display: block;
+  overflow: hidden;
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+  margin: 0;
+  padding: 0;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer {
+  width: 5%;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member {
+  float: left;
+  width: 30%;
+  background: #fff;
+  text-align: center;
+  margin-bottom: 40px;
+  position: relative;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status {
+  display: none;
+  background: #999;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.awaiting_admin_review, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.inactive, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.rejected {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  padding: 7px 15px;
+  color: #fff;
+  z-index: 10;
+  font-size: 13px;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-status.awaiting_admin_review {
+  background: #c74a4a;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo {
+  padding: 40px 0 20px 0;
+  text-align: center;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a {
+  text-decoration: none;
+  box-shadow: none !important;
+  display: inline !important;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a img {
+  display: inline !important;
+  border: 5px solid #fff;
+  background: #fff;
+  width: 140px;
+  height: 140px;
+  float: none !important;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.awaiting_admin_review, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.inactive, .um-directory .um-members-wrapper .um-members.um-members-grid .um-member.rejected {
+  opacity: 0.7;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.with-cover .um-member-photo {
+  padding-top: 0;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.with-cover .um-member-photo a img {
+  width: 90px;
+  height: 90px;
+  position: relative;
+  top: -35px;
+  margin-bottom: -45px;
+  float: none;
+  opacity: 1;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover {
+  background-color: #eee;
+  box-sizing: border-box;
+  position: relative;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover[data-ratio] {
+  overflow-y: hidden;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover .um-member-cover-e {
+  text-align: center;
+  box-sizing: border-box;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-cover .um-member-cover-e img {
+  width: 100% !important;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card {
+  padding-bottom: 15px;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card.no-photo {
+  padding-top: 30px;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name {
+  margin: 0 0 4px 0;
+  justify-content: center;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-name a {
+  font-size: 16px;
+  line-height: 26px;
+  color: #444;
+  font-weight: 700;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn {
+  margin: 2px 0;
+  height: 40px;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn {
+  padding: 10px 15px !important;
+  transition: none !important;
+  display: inline-block !important;
+  margin: 0 auto !important;
+  min-width: 110px;
+  width: auto;
+  text-align: center;
+  font-size: 13px;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn:before {
+  font-family: "FontAwesome";
+  margin-right: 8px;
+  width: 14px;
+  text-align: left;
+  display: inline-block;
+  font-size: 16px;
+  position: relative;
+  left: 0;
+  top: 1px;
+  content: "\f013";
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-tagline {
+  font-size: 13px;
+  line-height: 22px;
+  color: #999;
+  padding: 0 15px;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta {
+  display: none;
+  margin: 20px 15px 0 15px;
+  padding: 15px 0;
+  border-top: 1px solid #e5e5e5;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta.no-animate {
+  display: block;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline {
+  font-size: 13px;
+  padding: 12px 0 0 0;
+  line-height: 16px;
+  vertical-align: middle;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline strong {
+  display: block;
+  clear: both;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-metaline span {
+  display: block;
+  text-align: center;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect {
+  padding-top: 20px;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect a {
+  display: inline-block;
+  width: 40px;
+  line-height: 40px;
+  height: 40px;
+  -moz-border-radius: 999px;
+  -webkit-border-radius: 999px;
+  border-radius: 999px;
+  color: #fff !important;
+  opacity: 0.85;
+  margin: 0 1px;
+  font-size: 22px;
+  transition: 0.25s;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-meta .um-member-connect a:hover {
+  opacity: 1;
+  color: #fff;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less {
+  display: none;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less a {
+  color: #666;
+  display: inline-block;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-less a i {
+  display: block;
+  font-size: 32px;
+  height: 32px;
+  line-height: 32px;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-more a {
+  color: #666;
+  display: inline-block;
+}
+.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-member-meta-main .um-member-more a i {
+  display: block;
+  font-size: 32px;
+  height: 32px;
+  line-height: 32px;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list {
+  display: grid;
+  grid-template-rows: auto 1fr;
+  grid-template-columns: repeat(1, 1fr);
+  grid-gap: 10px;
+  grid-auto-rows: minmax(max-content, auto);
+  -ms-grid-template-rows: auto 1fr;
+  -ms-grid-template-columns: repeat(1, 1fr);
+  -ms-grid-gap: 10px;
+  -ms-grid-auto-rows: minmax(max-content, auto);
+  align-items: center;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: stretch;
+  flex-wrap: nowrap;
+  width: 100%;
+  padding: 15px;
+  margin: 0;
+  background: #fff;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status {
+  display: none;
+  background: #999;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.awaiting_admin_review, .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.inactive, .um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.rejected {
+  display: block;
+  width: 100%;
+  padding: 7px 15px;
+  margin-bottom: 10px;
+  color: #fff;
+  font-size: 13px;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-status.awaiting_admin_review {
+  background: #c74a4a;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-wrap: nowrap;
+  width: 100%;
+  margin: 0 0 10px 0;
+  padding: 0;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo {
+  width: 100px;
+  margin: 0 15px 0 0;
+  padding: 0;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a {
+  width: 100px;
+  height: 100px;
+  display: block;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-photo a img {
+  width: 100px;
+  height: 100px;
+  position: relative;
+  top: 0;
+  margin: 0;
+  margin-bottom: 0;
+  border: none;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-wrap: nowrap;
+  width: calc(100% - 115px);
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card.no-photo {
+  width: 100%;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: stretch;
+  flex-wrap: nowrap;
+  width: calc(100% - 30px);
+  margin: 0 10px 0 0;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header {
+  width: 100%;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header .um-member-name {
+  margin: 0 0 4px 0;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-card-header .um-member-name a {
+  font-size: 16px;
+  line-height: 26px;
+  color: #444;
+  font-weight: 700;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-tagline {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: baseline;
+  flex-wrap: wrap;
+  width: 100%;
+  font-size: 13px;
+  color: #999;
+  padding: 0;
+  box-sizing: border-box;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main {
+  width: 100%;
+  padding: 0;
+  box-sizing: border-box;
+  display: none;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main.no-animate {
+  display: block;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta {
+  float: left;
+  width: 100%;
+  display: block;
+  margin: 10px 0 0 0;
+  box-sizing: border-box;
+  border: none;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-metaline {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: wrap;
+  font-size: 13px;
+  padding: 12px 0 0 0;
+  line-height: 16px;
+  width: 100%;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-connect {
+  padding-top: 10px;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-connect a {
+  display: inline-block;
+  width: 40px;
+  line-height: 40px;
+  height: 40px;
+  -moz-border-radius: 999px;
+  -webkit-border-radius: 999px;
+  border-radius: 999px;
+  color: #fff !important;
+  opacity: 0.85;
+  margin: 0 1px;
+  font-size: 22px;
+  transition: 0.25s;
+  text-align: center;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-content .um-member-meta-main .um-member-meta .um-member-connect a:hover {
+  opacity: 1;
+  color: #fff;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-end;
+  flex-wrap: nowrap;
+  width: 20px;
+  text-align: right;
+  padding: 0;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog {
+  position: relative;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-member-actions-a {
+  line-height: 1;
+  display: block;
+  color: #666;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-member-actions-a i {
+  display: block;
+  font-size: 20px;
+  line-height: 1;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions .um-member-cog .um-new-dropdown {
+  width: 180px;
+  right: 0;
+  text-align: left;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-container .um-member-card .um-member-card-actions a {
+  box-sizing: border-box;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  flex-wrap: nowrap;
+  width: 100%;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: baseline;
+  flex-wrap: nowrap;
+  width: calc(100% - 145px);
+  margin: 0 10px 0 0;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: baseline;
+  flex-wrap: nowrap;
+  margin: 0;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons > :not(:last-child) {
+  margin: 0 10px 0 0;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons {
+  width: 20px;
+  text-align: right;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-more {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: baseline;
+  flex-wrap: nowrap;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-more a {
+  color: #666;
+  display: inline-block;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-more a i {
+  display: block;
+  font-size: 28px;
+  height: 28px;
+  line-height: 28px;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-less {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: baseline;
+  flex-wrap: nowrap;
+  display: none;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-less a {
+  color: #666;
+  display: inline-block;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-reveal-buttons .um-member-less a i {
+  display: block;
+  font-size: 28px;
+  height: 28px;
+  line-height: 28px;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-photo.no-reveal .um-member-card-footer-buttons {
+  width: 100%;
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-photo:not(.no-reveal) .um-member-card-footer-buttons {
+  width: calc(100% - 30px);
+}
+.um-directory .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons {
+  width: calc(100% - 125px);
+}
+.um-directory .um-members-wrapper .um-members .um-members-none {
+  text-align: center;
+  font-size: 18px;
+}
+.um-directory .um-members-pagination-box {
+  width: 100%;
+  float: left;
+  margin: 0 0 10px 0;
+  padding: 0;
+}
+.um-directory .um-members-pagination-box .um-members-pagi {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: baseline;
+  flex-wrap: nowrap;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  font-size: 15px;
+}
+.um-directory .um-members-pagination-box .um-members-pagi .pagi {
+  cursor: pointer;
+  display: inline-block;
+  width: auto;
+  height: 34px;
+  line-height: 34px;
+  transition: all 0.2s linear;
+  padding: 0 14px;
+  color: #666 !important;
+  font-weight: normal;
+}
+.um-directory .um-members-pagination-box .um-members-pagi .pagi.pagi-arrow {
+  line-height: 38px;
+}
+.um-directory .um-members-pagination-box .um-members-pagi .pagi.pagi-arrow i:before {
+  font-size: 20px;
+  vertical-align: middle !important;
+  height: 34px;
+  line-height: 34px;
+  top: -2px;
+  position: relative;
+}
+.um-directory .um-members-pagination-box .um-members-pagi .pagi.current {
+  cursor: default;
+  color: #fff !important;
+}
+.um-directory .um-members-pagination-box .um-members-pagi .pagi.current:hover {
+  color: #fff !important;
+}
+.um-directory .um-members-pagination-box .um-members-pagi .pagi.disabled {
+  cursor: default;
+  opacity: 0.4;
+}
+.um-directory .um-members-pagination-box .um-members-pagi .pagi.none {
+  color: #aaa !important;
+}
+.um-directory .um-members-pagination-box .um-members-pagidrop {
+  width: 100%;
+  float: left;
+  margin: 0;
+  text-align: center;
+  padding: 5px 0;
+  font-size: 15px;
+}
+.um-directory.um-loaded .um-members-wrapper {
+  height: auto;
+}
+.um-directory[data-view_type=list] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type=list] {
+  display: block;
+}
+.um-directory[data-view_type=grid] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type=grid] {
+  display: block;
+}
+.um-directory[data-view_type=map] .um-member-directory-header .um-member-directory-header-row .um-member-directory-view-type .um-member-directory-view-type-a[data-type=map] {
+  display: block;
+}
+.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line {
+  width: 100%;
+}
+.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row {
+  justify-content: flex-start;
+}
+.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line {
+  flex-wrap: wrap;
+}
+.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type {
+  width: 20px;
+  font-size: 20px;
+  line-height: 20px;
+  margin: 0 2px 0 0;
+}
+.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting {
+  width: calc(100% - 25px);
+  justify-content: flex-end;
+}
+.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-sorting .um-new-dropdown {
+  right: 0;
+  left: auto;
+}
+.um-directory.uimob340 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters {
+  flex: none;
+  width: 100%;
+}
+.um-directory.uimob340 .um-member-directory-header .um-search {
+  grid-template-columns: repeat(1, 1fr);
+}
+.um-directory.uimob340 .um-members-wrapper .um-members .um-member {
+  width: 100%;
+}
+.um-directory.uimob340 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer {
+  width: 0;
+}
+.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member {
+  padding: 10px;
+}
+.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo {
+  width: 50px;
+  margin: 0 10px 0 0;
+}
+.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a {
+  width: 50px;
+  height: 50px;
+}
+.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a img {
+  width: 50px;
+  height: 50px;
+}
+.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card {
+  width: calc(100% - 60px);
+}
+.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer {
+  align-items: flex-start;
+}
+.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: stretch;
+  flex-wrap: nowrap;
+  width: calc(100% - 90px);
+  margin: 0 10px 0 0;
+}
+.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper {
+  margin: 0 0 5px 0;
+}
+.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper a.um-button {
+  width: 100% !important;
+}
+.um-directory.uimob340 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons {
+  width: calc(100% - 70px);
+}
+.um-directory.uimob340 .um-members-pagination-box .um-members-pagi {
+  display: none;
+}
+.um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line {
+  width: 100%;
+}
+.um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row.um-member-directory-search-row {
+  justify-content: flex-start;
+}
+.um-directory.uimob500 .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-view-type {
+  width: 20px;
+  font-size: 20px;
+  line-height: 20px;
+  margin: 0 5px 0 0;
+}
+.um-directory.uimob500 .um-member-directory-header .um-search {
+  grid-template-columns: repeat(1, 1fr);
+}
+.um-directory.uimob500 .um-members-wrapper .um-members .um-member {
+  width: 100%;
+}
+.um-directory.uimob500 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer {
+  width: 0;
+}
+.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo {
+  width: 70px;
+  margin: 0 10px 0 0;
+}
+.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a {
+  width: 70px;
+  height: 70px;
+}
+.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a img {
+  width: 70px;
+  height: 70px;
+}
+.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card {
+  width: calc(100% - 80px);
+}
+.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer {
+  align-items: flex-start;
+}
+.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons {
+  flex-wrap: wrap;
+  width: calc(100% - 110px);
+  margin: 0 10px 0 0;
+}
+.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper {
+  margin: 0 10px 5px 0;
+}
+.um-directory.uimob500 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons {
+  width: calc(100% - 90px);
+}
+.um-directory.uimob500 .um-members-pagination-box .um-members-pagi {
+  display: none;
+}
+.um-directory.uimob800 .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line {
+  width: 100%;
+}
+.um-directory.uimob800 .um-member-directory-header .um-search {
+  grid-template-columns: repeat(2, 1fr);
+}
+.um-directory.uimob800 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer {
+  width: 4%;
+}
+.um-directory.uimob800 .um-members-wrapper .um-members.um-members-grid .um-member {
+  width: 48%;
+}
+.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo {
+  width: 80px;
+  margin: 0 10px 0 0;
+}
+.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a {
+  width: 80px;
+  height: 80px;
+}
+.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-photo a img {
+  width: 80px;
+  height: 80px;
+}
+.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card {
+  width: calc(100% - 90px);
+}
+.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer {
+  align-items: flex-start;
+}
+.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons {
+  flex-wrap: wrap;
+  width: calc(100% - 120px);
+  margin: 0 10px 0 0;
+}
+.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer .um-member-card-footer-buttons .um-members-list-footer-button-wrapper {
+  margin: 0 10px 5px 0;
+}
+.um-directory.uimob800 .um-members-wrapper .um-members.um-members-list .um-member .um-member-card-footer.no-reveal:not(.no-photo) .um-member-card-footer-buttons {
+  width: calc(100% - 100px);
+}
+.um-directory.uimob960 .um-member-directory-header .um-search {
+  grid-template-columns: repeat(2, 1fr);
+}
+.um-directory.uimob960 .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer {
+  width: 4%;
+}
+.um-directory.uimob960 .um-members-wrapper .um-members.um-members-grid .um-member {
+  width: 48%;
+}
 
 .select2-container .select2-results li.select2-results__option[aria-disabled=true] {
-  display: none; }
+  display: none;
+}
\ No newline at end of file
diff --git a/gulpfile.js b/gulpfile.js
index 5a9ae908..12039bd5 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -2,97 +2,283 @@
   Ultimate Member dependencies
 */
 
-var gulp = require('gulp')
-, uglify = require('gulp-uglify'),
-  sass = require('gulp-sass'),
-  rename = require('gulp-rename'),
-  cleanCSS   = require( 'gulp-clean-css' );
+// var gulp = require('gulp')
+// , uglify = require('gulp-uglify'),
+//   sass = require('gulp-sass'),
+//   rename = require('gulp-rename'),
+//   cleanCSS   = require( 'gulp-clean-css' );
+
+const { src, dest, parallel } = require( 'gulp' );
+const sass        = require( 'gulp-sass' )( require( 'sass' ) );
+const uglify      = require( 'gulp-uglify' );
+const cleanCSS    = require( 'gulp-clean-css' );
+const rename      = require( 'gulp-rename' );
 
 // task
-gulp.task( 'default', function ( done ) {
-	sass.compiler = require( 'node-sass' );
+// gulp.task( 'default', function ( done ) {
+// 	sass.compiler = require( 'node-sass' );
+//
+// 	gulp.src(['assets/sass/*.sass']).pipe( sass().on( 'error', sass.logError ) ).pipe( gulp.dest( 'assets/css' ) );
+//
+//     gulp.src(['assets/js/*.js','!assets/js/*.min.js']) // path to your files
+//         .pipe( uglify() )
+//         .pipe( rename({ suffix: '.min' }) )
+//         .pipe( gulp.dest( 'assets/js/' ) );
+//
+// 	gulp.src(['assets/js/admin/*.js','!assets/js/admin/*.min.js']) // path to your files
+//         .pipe( uglify() )
+//         .pipe( rename({ suffix: '.min' }) )
+//         .pipe( gulp.dest( 'assets/js/admin/' ) );
+// 	gulp.src(['assets/css/admin/*.css', '!assets/css/admin/*.min.css',])
+// 		.pipe( cleanCSS() )
+// 		.pipe( rename( { suffix: '.min' } ) )
+// 		.pipe( gulp.dest( 'assets/css/admin/' ) );
+//
+// 	gulp.src(['assets/css/*.css', '!assets/css/*.min.css',])
+// 		.pipe( cleanCSS() )
+// 		.pipe( rename( { suffix: '.min' } ) )
+// 		.pipe( gulp.dest( 'assets/css/' ) );
+//
+// 	// full CSS files
+// 	gulp.src(['assets/css/admin/*.sass'])
+// 		.pipe( sass().on( 'error', sass.logError ) )
+// 		.pipe( gulp.dest( 'assets/css/admin/' ) );
+// 	// min CSS files
+// 	gulp.src(['assets/css/admin/*.sass'])
+// 		.pipe( sass().on( 'error', sass.logError ) )
+// 		.pipe( cleanCSS() )
+// 		.pipe( rename( { suffix: '.min' } ) )
+// 		.pipe( gulp.dest( 'assets/css/admin/' ) );
+//
+// 	// full CSS files
+// 	gulp.src(['assets/css/*.sass'])
+// 		.pipe( sass().on( 'error', sass.logError ) )
+// 		.pipe( gulp.dest( 'assets/css/' ) );
+// 	// min CSS files
+// 	gulp.src(['assets/css/*.sass'])
+// 		.pipe( sass().on( 'error', sass.logError ) )
+// 		.pipe( cleanCSS() )
+// 		.pipe( rename( { suffix: '.min' } ) )
+// 		.pipe( gulp.dest( 'assets/css/' ) );
+//
+// 	gulp.src(['assets/libs/legacy/fonticons/*.css', '!assets/libs/legacy/fonticons/*.min.css',])
+// 		.pipe( cleanCSS() )
+// 		.pipe( rename( { suffix: '.min' } ) )
+// 		.pipe( gulp.dest( 'assets/libs/legacy/fonticons/' ) );
+//
+// 	// Dropdown lib
+// 	// full CSS files
+// 	gulp.src(['assets/libs/dropdown/*.sass'])
+// 		.pipe( sass().on( 'error', sass.logError ) )
+// 		.pipe( gulp.dest( 'assets/libs/dropdown/' ) );
+// 	// min CSS files
+// 	gulp.src(['assets/libs/dropdown/*.sass'])
+// 		.pipe( sass().on( 'error', sass.logError ) )
+// 		.pipe( cleanCSS() )
+// 		.pipe( rename( { suffix: '.min' } ) )
+// 		.pipe( gulp.dest( 'assets/libs/dropdown/' ) );
+// 	gulp.src(['assets/libs/dropdown/*.js', '!assets/libs/dropdown/*.min.js',])
+// 		.pipe( uglify() )
+// 		.pipe( rename({ suffix: '.min' }) )
+// 		.pipe( gulp.dest( 'assets/libs/dropdown/' ) );
+//
+// 	// Modal lib
+// 	// full CSS files
+// 	gulp.src(['assets/libs/modal/*.sass'])
+// 		.pipe( sass().on( 'error', sass.logError ) )
+// 		.pipe( gulp.dest( 'assets/libs/modal/' ) );
+// 	// min CSS files
+// 	gulp.src(['assets/libs/modal/*.sass'])
+// 		.pipe( sass().on( 'error', sass.logError ) )
+// 		.pipe( cleanCSS() )
+// 		.pipe( rename( { suffix: '.min' } ) )
+// 		.pipe( gulp.dest( 'assets/libs/modal/' ) );
+// 	gulp.src(['assets/libs/modal/*.js', '!assets/libs/modal/*.min.js',])
+// 		.pipe( uglify() )
+// 		.pipe( rename({ suffix: '.min' }) )
+// 		.pipe( gulp.dest( 'assets/libs/modal/' ) );
+//
+// 	// Raty lib
+// 	gulp.src(['assets/libs/raty/*.css', '!assets/libs/raty/*.min.css',])
+// 		.pipe( cleanCSS() )
+// 		.pipe( rename( { suffix: '.min' } ) )
+// 		.pipe( gulp.dest( 'assets/libs/raty/' ) );
+// 	gulp.src(['assets/libs/raty/*.js', '!assets/libs/raty/*.min.js',])
+// 		.pipe( uglify() )
+// 		.pipe( rename({ suffix: '.min' }) )
+// 		.pipe( gulp.dest( 'assets/libs/raty/' ) );
+//
+// 	// Tipsy lib
+// 	gulp.src(['assets/libs/tipsy/*.css', '!assets/libs/tipsy/*.min.css',])
+// 		.pipe( cleanCSS() )
+// 		.pipe( rename( { suffix: '.min' } ) )
+// 		.pipe( gulp.dest( 'assets/libs/tipsy/' ) );
+// 	gulp.src(['assets/libs/tipsy/*.js', '!assets/libs/tipsy/*.min.js',])
+// 		.pipe( uglify() )
+// 		.pipe( rename({ suffix: '.min' }) )
+// 		.pipe( gulp.dest( 'assets/libs/tipsy/' ) );
+//
+// 	// Pickadate lib
+// 	gulp.src(['assets/libs/pickadate/*.css', '!assets/libs/pickadate/*.min.css',])
+// 		.pipe( cleanCSS() )
+// 		.pipe( rename( { suffix: '.min' } ) )
+// 		.pipe( gulp.dest( 'assets/libs/pickadate/' ) );
+// 	gulp.src(['assets/libs/pickadate/*.js', '!assets/libs/pickadate/*.min.js',])
+// 		.pipe( uglify() )
+// 		.pipe( rename({ suffix: '.min' }) )
+// 		.pipe( gulp.dest( 'assets/libs/pickadate/' ) );
+// 	gulp.src(['assets/libs/pickadate/translations/*.js', '!assets/libs/pickadate/translations/*.min.js',])
+// 		.pipe( uglify() )
+// 		.pipe( rename({ suffix: '.min' }) )
+// 		.pipe( gulp.dest( 'assets/libs/pickadate/translations/' ) );
+//
+//     done();
+// });
+//
+// function js( path ) {
+// 	return src( ['assets/' + path + '/js/*.js', '!assets/' + path + '/js/*.min.js'] )
+// 		.pipe( uglify() )
+// 		.pipe( rename( { suffix: '.min' } ) )
+// 		.pipe( dest( 'assets/' + path + '/js' ) );
+// }
+//
+// function css( path ) {
+// 	sass.compiler = require( 'node-sass' );
+//
+// 	var src_array = exclude_css( path );
+// 	return src( src_array )
+// 		.pipe( sass().on( 'error', sass.logError ) )
+// 		.pipe( dest( 'assets/' + path + '/css' ) );
+// }
+//
+// function min_css( path ) {
+// 	sass.compiler = require( 'node-sass' );
+//
+// 	var src_array = exclude_css( path );
+// 	return src( src_array )
+// 		.pipe( sass().on( 'error', sass.logError ) )
+// 		.pipe( cleanCSS() )
+// 		.pipe( rename( { suffix: '.min' } ) )
+// 		.pipe( dest( 'assets/' + path + '/css' ) );
+// }
 
-	gulp.src(['assets/sass/*.sass']).pipe( sass().on( 'error', sass.logError ) ).pipe( gulp.dest( 'assets/css' ) );
+function defaultTask( done ) {
+	// sass.compiler = require( 'node-sass' );
 
-    gulp.src(['assets/js/*.js','!assets/js/*.min.js']) // path to your files
-        .pipe( uglify() )
-        .pipe( rename({ suffix: '.min' }) )
-        .pipe( gulp.dest( 'assets/js/' ) );
+	src(['assets/sass/*.sass']).pipe( sass().on( 'error', sass.logError ) ).pipe( dest( 'assets/css' ) );
 
-	gulp.src(['assets/js/admin/*.js','!assets/js/admin/*.min.js']) // path to your files
-        .pipe( uglify() )
-        .pipe( rename({ suffix: '.min' }) )
-        .pipe( gulp.dest( 'assets/js/admin/' ) );
-	gulp.src(['assets/css/admin/*.css', '!assets/css/admin/*.min.css',])
+	src(['assets/js/*.js','!assets/js/*.min.js']) // path to your files
+		.pipe( uglify() )
+		.pipe( rename({ suffix: '.min' }) )
+		.pipe( dest( 'assets/js/' ) );
+
+	src(['assets/js/admin/*.js','!assets/js/admin/*.min.js']) // path to your files
+		.pipe( uglify() )
+		.pipe( rename({ suffix: '.min' }) )
+		.pipe( dest( 'assets/js/admin/' ) );
+	src(['assets/css/admin/*.css', '!assets/css/admin/*.min.css',])
 		.pipe( cleanCSS() )
 		.pipe( rename( { suffix: '.min' } ) )
-		.pipe( gulp.dest( 'assets/css/admin/' ) );
+		.pipe( dest( 'assets/css/admin/' ) );
 
-	gulp.src(['assets/css/*.css', '!assets/css/*.min.css',])
+	src(['assets/css/*.css', '!assets/css/*.min.css',])
 		.pipe( cleanCSS() )
 		.pipe( rename( { suffix: '.min' } ) )
-		.pipe( gulp.dest( 'assets/css/' ) );
+		.pipe( dest( 'assets/css/' ) );
 
 	// full CSS files
-	gulp.src(['assets/css/admin/*.sass'])
+	src(['assets/css/admin/*.sass'])
 		.pipe( sass().on( 'error', sass.logError ) )
-		.pipe( gulp.dest( 'assets/css/admin/' ) );
+		.pipe( dest( 'assets/css/admin/' ) );
 	// min CSS files
-	gulp.src(['assets/css/admin/*.sass'])
+	src(['assets/css/admin/*.sass'])
 		.pipe( sass().on( 'error', sass.logError ) )
 		.pipe( cleanCSS() )
 		.pipe( rename( { suffix: '.min' } ) )
-		.pipe( gulp.dest( 'assets/css/admin/' ) );
+		.pipe( dest( 'assets/css/admin/' ) );
 
 	// full CSS files
-	gulp.src(['assets/css/*.sass'])
+	src(['assets/css/*.sass'])
 		.pipe( sass().on( 'error', sass.logError ) )
-		.pipe( gulp.dest( 'assets/css/' ) );
+		.pipe( dest( 'assets/css/' ) );
 	// min CSS files
-	gulp.src(['assets/css/*.sass'])
+	src(['assets/css/*.sass'])
 		.pipe( sass().on( 'error', sass.logError ) )
 		.pipe( cleanCSS() )
 		.pipe( rename( { suffix: '.min' } ) )
-		.pipe( gulp.dest( 'assets/css/' ) );
+		.pipe( dest( 'assets/css/' ) );
 
-	gulp.src(['assets/libs/legacy/fonticons/*.css', '!assets/libs/legacy/fonticons/*.min.css',])
+	src(['assets/libs/legacy/fonticons/*.css', '!assets/libs/legacy/fonticons/*.min.css',])
 		.pipe( cleanCSS() )
 		.pipe( rename( { suffix: '.min' } ) )
-		.pipe( gulp.dest( 'assets/libs/legacy/fonticons/' ) );
+		.pipe( dest( 'assets/libs/legacy/fonticons/' ) );
+
+	// Dropdown lib
+	// full CSS files
+	src(['assets/libs/dropdown/*.sass'])
+		.pipe( sass().on( 'error', sass.logError ) )
+		.pipe( dest( 'assets/libs/dropdown/' ) );
+	// min CSS files
+	src(['assets/libs/dropdown/*.sass'])
+		.pipe( sass().on( 'error', sass.logError ) )
+		.pipe( cleanCSS() )
+		.pipe( rename( { suffix: '.min' } ) )
+		.pipe( dest( 'assets/libs/dropdown/' ) );
+	src(['assets/libs/dropdown/*.js', '!assets/libs/dropdown/*.min.js',])
+		.pipe( uglify() )
+		.pipe( rename({ suffix: '.min' }) )
+		.pipe( dest( 'assets/libs/dropdown/' ) );
+
+	// Modal lib
+	// full CSS files
+	src(['assets/libs/modal/*.sass'])
+		.pipe( sass().on( 'error', sass.logError ) )
+		.pipe( dest( 'assets/libs/modal/' ) );
+	// min CSS files
+	src(['assets/libs/modal/*.sass'])
+		.pipe( sass().on( 'error', sass.logError ) )
+		.pipe( cleanCSS() )
+		.pipe( rename( { suffix: '.min' } ) )
+		.pipe( dest( 'assets/libs/modal/' ) );
+	src(['assets/libs/modal/*.js', '!assets/libs/modal/*.min.js',])
+		.pipe( uglify() )
+		.pipe( rename({ suffix: '.min' }) )
+		.pipe( dest( 'assets/libs/modal/' ) );
 
 	// Raty lib
-	gulp.src(['assets/libs/raty/*.css', '!assets/libs/raty/*.min.css',])
+	src(['assets/libs/raty/*.css', '!assets/libs/raty/*.min.css',])
 		.pipe( cleanCSS() )
 		.pipe( rename( { suffix: '.min' } ) )
-		.pipe( gulp.dest( 'assets/libs/raty/' ) );
-	gulp.src(['assets/libs/raty/*.js', '!assets/libs/raty/*.min.js',])
+		.pipe( dest( 'assets/libs/raty/' ) );
+	src(['assets/libs/raty/*.js', '!assets/libs/raty/*.min.js',])
 		.pipe( uglify() )
 		.pipe( rename({ suffix: '.min' }) )
-		.pipe( gulp.dest( 'assets/libs/raty/' ) );
+		.pipe( dest( 'assets/libs/raty/' ) );
 
 	// Tipsy lib
-	gulp.src(['assets/libs/tipsy/*.css', '!assets/libs/tipsy/*.min.css',])
+	src(['assets/libs/tipsy/*.css', '!assets/libs/tipsy/*.min.css',])
 		.pipe( cleanCSS() )
 		.pipe( rename( { suffix: '.min' } ) )
-		.pipe( gulp.dest( 'assets/libs/tipsy/' ) );
-	gulp.src(['assets/libs/tipsy/*.js', '!assets/libs/tipsy/*.min.js',])
+		.pipe( dest( 'assets/libs/tipsy/' ) );
+	src(['assets/libs/tipsy/*.js', '!assets/libs/tipsy/*.min.js',])
 		.pipe( uglify() )
 		.pipe( rename({ suffix: '.min' }) )
-		.pipe( gulp.dest( 'assets/libs/tipsy/' ) );
+		.pipe( dest( 'assets/libs/tipsy/' ) );
 
 	// Pickadate lib
-	gulp.src(['assets/libs/pickadate/*.css', '!assets/libs/pickadate/*.min.css',])
+	src(['assets/libs/pickadate/*.css', '!assets/libs/pickadate/*.min.css',])
 		.pipe( cleanCSS() )
 		.pipe( rename( { suffix: '.min' } ) )
-		.pipe( gulp.dest( 'assets/libs/pickadate/' ) );
-	gulp.src(['assets/libs/pickadate/*.js', '!assets/libs/pickadate/*.min.js',])
+		.pipe( dest( 'assets/libs/pickadate/' ) );
+	src(['assets/libs/pickadate/*.js', '!assets/libs/pickadate/*.min.js',])
 		.pipe( uglify() )
 		.pipe( rename({ suffix: '.min' }) )
-		.pipe( gulp.dest( 'assets/libs/pickadate/' ) );
-	gulp.src(['assets/libs/pickadate/translations/*.js', '!assets/libs/pickadate/translations/*.min.js',])
+		.pipe( dest( 'assets/libs/pickadate/' ) );
+	src(['assets/libs/pickadate/translations/*.js', '!assets/libs/pickadate/translations/*.min.js',])
 		.pipe( uglify() )
 		.pipe( rename({ suffix: '.min' }) )
-		.pipe( gulp.dest( 'assets/libs/pickadate/translations/' ) );
+		.pipe( dest( 'assets/libs/pickadate/translations/' ) );
 
-    done();
-});
+	done();
+}
+exports.default = defaultTask;
diff --git a/includes/admin/templates/dashboard/users.php b/includes/admin/templates/dashboard/users.php
index a018976a..5be7fde9 100644
--- a/includes/admin/templates/dashboard/users.php
+++ b/includes/admin/templates/dashboard/users.php
@@ -1,93 +1,74 @@
-<?php if ( ! defined( 'ABSPATH' ) ) exit; ?>
+<?php
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+?>
 
-
-<div class="table">
-
-	<table>
-		<tr class="first">
-			<td class="first b">
-				<a href="<?php echo esc_url( admin_url( 'users.php' ) ); ?>">
+<table id="um-users-overview-table">
+	<tr>
+		<td>
+			<span>
+				<a class="count" href="<?php echo esc_url( admin_url( 'users.php' ) ); ?>">
 					<?php echo UM()->query()->count_users(); ?>
 				</a>
-			</td>
-			<td class="t">
 				<a href="<?php echo esc_url( admin_url( 'users.php' ) ); ?>">
 					<?php _e( 'Users', 'ultimate-member' ); ?>
 				</a>
-			</td>
-		</tr>
-
-		<tr>
-			<td class="first b">
-				<a href="<?php echo esc_url( admin_url( 'users.php?um_status=approved' ) ); ?>">
-					<?php echo UM()->query()->count_users_by_status( 'approved' ); ?>
-				</a>
-			</td>
-			<td class="t">
-				<a href="<?php echo esc_url( admin_url( 'users.php?um_status=approved' ) ); ?>">
-					<?php _e( 'Approved', 'ultimate-member' ); ?>
-				</a>
-			</td>
-		</tr>
-
-		<tr>
-			<td class="first b">
-				<a href="<?php echo esc_url( admin_url( 'users.php?um_status=rejected' ) ); ?>">
-					<?php echo UM()->query()->count_users_by_status( 'rejected' ); ?>
-				</a>
-			</td>
-			<td class="t">
-				<a href="<?php echo esc_url( admin_url( 'users.php?um_status=rejected' ) ); ?>">
-					<?php _e( 'Rejected', 'ultimate-member' ); ?>
-				</a>
-			</td>
-		</tr>
-	</table>
-
-</div>
-
-<div class="table table_right">
-
-	<table>
-		<tr class="first">
-			<td class="b">
-				<a href="<?php echo esc_url( admin_url( 'users.php?um_status=awaiting_admin_review' ) ); ?>">
-					<?php echo UM()->query()->count_users_by_status( 'awaiting_admin_review' ); ?>
-				</a>
-			</td>
-			<td class="last t">
-				<a href="<?php echo esc_url( admin_url( 'users.php?um_status=awaiting_admin_review' ) ); ?>" class="warning">
-					<?php _e( 'Pending Review', 'ultimate-member' ); ?>
-				</a>
-			</td>
-		</tr>
-
-		<tr>
-			<td class="b">
-				<a href="<?php echo esc_url( admin_url( 'users.php?um_status=awaiting_email_confirmation' ) ); ?>">
-					<?php echo UM()->query()->count_users_by_status( 'awaiting_email_confirmation' ); ?>
-				</a>
-			</td>
-			<td class="last t">
-				<a href="<?php echo esc_url( admin_url( 'users.php?um_status=awaiting_email_confirmation' ) ); ?>" class="warning">
-					<?php _e( 'Awaiting Email Confirmation', 'ultimate-member' ); ?>
-				</a>
-			</td>
-		</tr>
-
-		<tr>
-			<td class="first b">
-				<a href="<?php echo esc_url( admin_url( 'users.php?um_status=inactive' ) ); ?>">
-					<?php echo UM()->query()->count_users_by_status( 'inactive' ); ?>
-				</a>
-			</td>
-			<td class="t">
-				<a href="<?php echo esc_url( admin_url( 'users.php?um_status=inactive' ) ); ?>">
-					<?php _e( 'Inactive', 'ultimate-member' ); ?>
-				</a>
-			</td>
-		</tr>
-	</table>
-
-</div>
+			</span>
+		</td>
+		<td>
+			<span>
+			<a class="count" href="<?php echo esc_url( admin_url( 'users.php?um_status=awaiting_admin_review' ) ); ?>">
+				<?php echo UM()->query()->count_users_by_status( 'awaiting_admin_review' ); ?>
+			</a>
+			<a href="<?php echo esc_url( admin_url( 'users.php?um_status=awaiting_admin_review' ) ); ?>" class="warning">
+				<?php _e( 'Pending Review', 'ultimate-member' ); ?>
+			</a>
+			</span>
+		</td>
+	</tr>
+	<tr>
+		<td>
+			<span>
+			<a class="count" href="<?php echo esc_url( admin_url( 'users.php?um_status=approved' ) ); ?>">
+				<?php echo UM()->query()->count_users_by_status( 'approved' ); ?>
+			</a>
+			<a href="<?php echo esc_url( admin_url( 'users.php?um_status=approved' ) ); ?>">
+				<?php _e( 'Approved', 'ultimate-member' ); ?>
+			</a>
+			</span>
+		</td>
+		<td>
+			<span>
+			<a class="count" href="<?php echo esc_url( admin_url( 'users.php?um_status=awaiting_email_confirmation' ) ); ?>">
+				<?php echo UM()->query()->count_users_by_status( 'awaiting_email_confirmation' ); ?>
+			</a>
+			<a href="<?php echo esc_url( admin_url( 'users.php?um_status=awaiting_email_confirmation' ) ); ?>" class="warning">
+				<?php _e( 'Awaiting Email Confirmation', 'ultimate-member' ); ?>
+			</a>
+			</span>
+		</td>
+	</tr>
+	<tr>
+		<td>
+			<span>
+			<a class="count" href="<?php echo esc_url( admin_url( 'users.php?um_status=rejected' ) ); ?>">
+				<?php echo UM()->query()->count_users_by_status( 'rejected' ); ?>
+			</a>
+			<a href="<?php echo esc_url( admin_url( 'users.php?um_status=rejected' ) ); ?>">
+				<?php _e( 'Rejected', 'ultimate-member' ); ?>
+			</a></span>
+		</td>
+		<td>
+			<span>
+			<a class="count" href="<?php echo esc_url( admin_url( 'users.php?um_status=inactive' ) ); ?>">
+				<?php echo UM()->query()->count_users_by_status( 'inactive' ); ?>
+			</a>
+			<a href="<?php echo esc_url( admin_url( 'users.php?um_status=inactive' ) ); ?>">
+				<?php _e( 'Inactive', 'ultimate-member' ); ?>
+			</a>
+			</span>
+		</td>
+	</tr>
+</table>
 <div class="clear"></div>