Cambios en el css de los checkbox

app/Views/pages/home.php

@@ -22,15 +22,15 @@
                 <ul class="ks-cboxtags">
 					    <li>
 					    	<input type="checkbox" id="checkboxOne" value="Order one">
-					    	<label for="checkboxOne">News <span>200</span></label>
+					    	<label for="checkboxOne">News </label>
 					    </li>
 					    <li>
 					    	<input type="checkbox" id="checkboxTwo" value="Order Two">
-					    	<label for="checkboxTwo">Direct Message <span>234</span></label>
+					    	<label for="checkboxTwo">Direct Message </label>
 					    </li>
 					    <li>
 					    	<input type="checkbox" id="checkboxThree" value="Order Two">
-					    	<label for="checkboxThree">Followers <span>1,189</span></label>
+					    	<label for="checkboxThree">Followers </label>
 					    </li>
 					  </ul>
 

public/css/style.css

@@ -346,7 +346,7 @@ h6 {
   height: 60px;
   box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
   /*COLOR HEADER*/
-  background-image: linear-gradient(to right, #fa6e59 , #f8a055);
+  background-image: linear-gradient(to right, #fa6e59, #f8a055);
   padding-left: 20px;
 }
 
@@ -1199,9 +1199,12 @@ h6 {
 
 /*FILA RECETAS*/
 .imagen-container {
-  width: 290px; /*ancho fijo*/
-  height: 194px; /*altura fija*/
-  overflow: hidden; /*para recortar la imagen*/
+  width: 290px;
+  /*ancho fijo*/
+  height: 194px;
+  /*altura fija*/
+  overflow: hidden;
+  /*para recortar la imagen*/
 }
 
 .imagen-container img {
@@ -1238,7 +1241,7 @@ h6 {
 .card {
   margin-bottom: 30px;
   border: none;
-  border-radius: 5pxy ;
+  border-radius: 5pxy;
   box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
 
 }
@@ -1284,12 +1287,20 @@ h6 {
   background-color: rgba(255, 255, 255, 0.6);
 }
 
+/*Checkbox barra lateral*/
+
 ul.ks-cboxtags {
   list-style: none;
-  padding: 20px; }
-  ul.ks-cboxtags li {
-    display: block; }
-    ul.ks-cboxtags li label {
+  padding: 20px;
+
+}
+
+ul.ks-cboxtags li {
+  display: block;
+  
+}
+
+ul.ks-cboxtags li label {
   display: inline-block;
   background-color: rgba(255, 255, 255, 0.9);
   border: 1px solid rgba(0, 0, 0, 0.1);
@@ -1307,12 +1318,17 @@ ul.ks-cboxtags {
   -webkit-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
-      display: block; }
+  display: block;
+
+}
 
 ul.ks-cboxtags li label {
   padding: 10px 20px;
-  cursor: pointer; }
-  ul.ks-cboxtags li label::before {
+  cursor: pointer;
+ 
+}
+
+ul.ks-cboxtags li label::before {
   display: inline-block;
   font-style: normal;
   font-variant: normal;
@@ -1332,16 +1348,13 @@ ul.ks-cboxtags li label {
   transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
   position: absolute;
   right: 40px;
-    margin-top: -5px; }
-  ul.ks-cboxtags li label span {
-    background: #f9e090;
-    font-size: 12px;
-    padding: 2px 5px;
-    border-radius: 30px;
-    color: #fff;
-    margin-left: 10px; }
+  margin-top: -5px;
 
-ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
+}
+
+
+
+ul.ks-cboxtags li input[type="checkbox"]:checked+label::before {
   content: "\f058";
   -webkit-transform: rotate(-360deg);
   -ms-transform: rotate(-360deg);
@@ -1351,22 +1364,33 @@ ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
   -o-transition: transform .3s ease-in-out;
   transition: transform .3s ease-in-out;
   transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
-  color: #fff; }
+  color: #fff;
 
-ul.ks-cboxtags li input[type="checkbox"]:checked + label {
-  border: 1px solid #c400c6;
+}
+
+ul.ks-cboxtags li input[type="checkbox"]:checked+label {
+  border: 1px solid #98099b;
   background-color: #c400c6;
   color: #fff;
   -webkit-transition: all .2s;
   -o-transition: all .2s;
-  transition: all .2s; }
-  ul.ks-cboxtags li input[type="checkbox"]:checked + label span {
+  transition: all .2s;
+  
+}
+
+ul.ks-cboxtags li input[type="checkbox"]:checked+label span {
   background: #fff;
-    color: #000; }
+  color: #000;
+  
+}
 
 ul.ks-cboxtags li input[type="checkbox"] {
-  display: absolute; }
+  display: absolute;
+ 
+}
 
 ul.ks-cboxtags li input[type="checkbox"] {
   position: absolute;
-  opacity: 0; }
\ No newline at end of file
+  opacity: 0;
+
+}
\ No newline at end of file