Redesign checkboxes

app/webpacker/css/admin/dropdown.scss

@@ -102,6 +102,43 @@
 		.menu_items {
 			max-height: 200px;
 			overflow-y: scroll;
+
+			label.menu_item {
+				margin-bottom: 5px;
+				color: #454545;
+				font-weight: 400;
+				cursor: pointer;
+				padding-top: 4px;
+				padding-bottom: 5px;
+
+				input {
+					position: relative;
+					top: 1px;
+					-moz-appearance:none;
+					-webkit-appearance:none;
+					-o-appearance:none;
+					outline: none;
+					content: none;
+					cursor: pointer;
+
+					&:before {
+						font-family: "FontAwesome";
+						content: "\f00c";
+						font-size: 15px;
+						color: transparent !important;
+						background: transparent !important;
+						display: block;
+						width: 15px;
+						height: 15px;
+						border: 1px solid #809cb1;
+						margin-right: 7px;
+					}
+
+					&:checked:before {
+						color: #5498DA !important;
+					}
+				}
+			}
 		}
 	}