Filter results

view-webapp/src/main/sass/main.scss

@@ -425,6 +425,45 @@
     color: darkgray;
   }
 
+  .toggle {
+    display: inline-block;
+    cursor: pointer;
+    text-align: center;
+    input {
+      display: none !important;
+    }
+    label {
+      display: inline-block;
+      text-align: center;
+      cursor: pointer;
+    }
+    .checkbox {
+      width: 50px;
+      height: 26px;
+      border-radius: 18px;
+      background-color: #F7D6A3;
+      display: inline-flex;
+      align-items: center;
+      padding-left: 5px;
+      padding-right: 5px;
+      cursor: pointer;
+      .circle {
+        background-color: #6B5E8A;
+        transform: translateX(0px);
+        border-radius: 50%;
+        width: 20px;
+        height: 20px;
+        transition: 300ms;
+      }
+    }
+    input:checked + .checkbox {
+      background-color: rgb(218, 114, 80);
+      .circle {
+        transform: translateX(20px);
+      }
+    }
+  }
+
   @media print {
 
     body {