PHRAS-3084

resources/www/admin/styles/main.scss

@@ -189,6 +189,31 @@ $mainMenuLinkBackgroundHoverColor: transparent;
   color: #ffffff;
 }
 
+.select-all-line {
+  color: #afafaf;
+  cursor: pointer;
+}
+.users_check_line_wrap {
+  position: absolute;
+  div {
+    padding: 5px 10px;
+    background-color: #cccccc;
+    color: #000000;
+    cursor: pointer;
+
+    &:hover {
+      padding: 5px 10px;
+      background-color: #4d4d4d;
+      color: #ffffff;
+    }
+  }
+}
+
+.fa-right {
+  color: #2475b5;
+  font-size: 16px;
+}
+
 /******* EDIT USERS ***********************************************************/
 div.no_switch {
   width: 12px;
@@ -211,7 +236,7 @@ div.switch_quota.mixed,
 div.switch_masks.mixed,
 div.switch_time.mixed,
 div.switch_right.mixed {
-  background-image: url('#{$iconsPath}ccoch2.gif');
+  background-image: url('#{$iconsPath}square-duotone.svg');
   background-repeat: no-repeat;
   background-position: center center;
 }
@@ -219,7 +244,7 @@ div.switch_quota.checked,
 div.switch_masks.checked,
 div.switch_time.checked,
 div.switch_right.checked {
-  background-image: url('#{$iconsPath}ccoch1.gif');
+  background-image: url('#{$iconsPath}check-square-regular.svg');
   background-repeat: no-repeat;
   background-position: center center;
 }
@@ -227,7 +252,7 @@ div.switch_quota.unchecked,
 div.switch_masks.unchecked,
 div.switch_time.unchecked,
 div.switch_right.unchecked {
-  background-image: url('#{$iconsPath}ccoch0.gif');
+  background-image: url('#{$iconsPath}square-regular.svg');
   background-repeat: no-repeat;
   background-position: center center;
 }

resources/www/common/images/icons/check-square-regular.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="check-square" class="svg-inline--fa fa-check-square fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm0 400H48V80h352v352zm-35.864-241.724L191.547 361.48c-4.705 4.667-12.303 4.637-16.97-.068l-90.781-91.516c-4.667-4.705-4.637-12.303.069-16.971l22.719-22.536c4.705-4.667 12.303-4.637 16.97.069l59.792 60.277 141.352-140.216c4.705-4.667 12.303-4.637 16.97.068l22.536 22.718c4.667 4.706 4.637 12.304-.068 16.971z"></path></svg>

resources/www/common/images/icons/square-duotone.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fa" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-square fa-w-14 fa-2x"><g class="fa-group"><path fill="currentColor" d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48zm-16 368a16 16 0 0 1-16 16H80a16 16 0 0 1-16-16V112a16 16 0 0 1 16-16h288a16 16 0 0 1 16 16z" class="fa-secondary"></path><path fill="currentColor" d="M64 400V112a16 16 0 0 1 16-16h288a16 16 0 0 1 16 16v288a16 16 0 0 1-16 16H80a16 16 0 0 1-16-16z" class="fa-primary"></path></g></svg>

resources/www/common/images/icons/square-regular.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" class="svg-inline--fa fa-square fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"></path></svg>