cronapp-framework-js 2.9.1-SNAPSHOT.2 → 2.9.1

package/components/css/checkbox-color.css

@@ -1,474 +1,1088 @@
-/* theme */
-
-.checkbox-theme .k-checkbox:focus+.k-checkbox-label:before,
-.checkbox-theme .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-theme .k-radio:focus+.k-radio-label:before,
-.checkbox-theme .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 var(--light-blue);
-    border-color: var(--light-blue);
-}
-
-.checkbox-theme .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-theme .k-checkbox:indeterminate+.k-checkbox-label:before {
-    border-color: var(--light-blue);
-    background-color: var(--light-blue);
-}
-
-.checkbox-theme .k-checkbox:checked+.k-checkbox-label:after,
-.checkbox-theme .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--blue);
-    border-color: var(--light-blue);
+.k-checkbox-label:before {
+    background: transparent;
+}
+
+.k-checkbox-label:active:before,
+.k-checkbox:active+.k-checkbox-label:before,
+.k-checkbox:checked+.k-checkbox-label:before,
+.k-checkbox:indeterminate+.k-checkbox-label:before {
+    box-shadow: none;
+}
+
+/* default */
+.k-checkbox:checked+.k-checkbox-label:before,
+.k-checkbox:indeterminate+.k-checkbox-label:before,
+.k-checkbox-label:hover:before,
+.k-checkbox:checked+.k-checkbox-label:hover:before,
+.k-checkbox:checked:hover+.k-checkbox-label:before,
+.k-checkbox:hover+.k-checkbox-label:before,
+.k-checkbox-label:active:before,
+.k-checkbox:active+.k-checkbox-label:before,
+.k-checkbox:focus+.k-checkbox-label:before,
+.k-checkbox:hover+.k-checkbox-label:before,
+.k-checkbox:checked+.k-checkbox-label:after,
+.k-checkbox:indeterminate+.k-checkbox-label:after,
+.k-checkbox-label:before,
+.checkbox-default .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-default .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-default .k-checkbox-label:hover:before,
+.checkbox-default .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-default .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-default .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-default .k-checkbox-label:active:before,
+.checkbox-default .k-checkbox:active+.k-checkbox-label:before,
+.checkbox-default .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-default .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-default .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-default .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-default .k-checkbox-label:before {
+    border-color: var(--colorDefault40, #3b448e);
+}
+
+.k-checkbox-label:hover:before,
+.k-checkbox:checked+.k-checkbox-label:hover:before,
+.k-checkbox:checked:hover+.k-checkbox-label:before,
+.k-checkbox:hover+.k-checkbox-label:before,
+.k-checkbox:focus+.k-checkbox-label:before,
+.k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-default .k-checkbox-label:hover:before,
+.checkbox-default .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-default .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-default .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-default .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-default .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--colorDefault50, #343c7c);
+}
+
+.k-checkbox:checked+.k-checkbox-label:before,
+.k-checkbox:indeterminate+.k-checkbox-label:before,
+.k-checkbox:checked+.k-checkbox-label:after,
+.k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-default .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-default .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-default .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-default .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background: var(--colorDefault40, #3b448e);
+    color: var(--textColorDefault40, #ffffff);
+}
+
+/* primary */
+.checkbox-primary .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-primary .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-primary .k-checkbox-label:hover:before,
+.checkbox-primary .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-primary .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-primary .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-primary .k-checkbox-label:active:before,
+.checkbox-primary .k-checkbox:active+.k-checkbox-label:before,
+.checkbox-primary .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-primary .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-primary .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-primary .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-primary .k-checkbox-label:before {
+    border-color: var(--colorPrimary40, #5665be);
+}
+
+.checkbox-primary .k-checkbox-label:hover:before,
+.checkbox-primary .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-primary .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-primary .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-primary .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-primary .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--colorPrimary50, #4b58a6);
+}
+
+.checkbox-primary .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-primary .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-primary .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-primary .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background: var(--colorPrimary40, #5665be);
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+/* success */
+.checkbox-success .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-success .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-success .k-checkbox-label:hover:before,
+.checkbox-success .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-success .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-success .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-success .k-checkbox-label:active:before,
+.checkbox-success .k-checkbox:active+.k-checkbox-label:before,
+.checkbox-success .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-success .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-success .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-success .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-success .k-checkbox-label:before {
+    border-color: var(--colorSuccess40, #33cd5f);
+}
+
+.checkbox-success .k-checkbox-label:hover:before,
+.checkbox-success .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-success .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-success .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-success .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-success .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--colorSuccess50, #2db353);
+}
+
+.checkbox-success .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-success .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-success .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-success .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background: var(--colorSuccess40, #33cd5f);
+    color: var(--textColorSuccess40, #ffffff);
+}
+
+/* info */
+.checkbox-info .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-info .k-checkbox-label:hover:before,
+.checkbox-info .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-info .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-info .k-checkbox-label:active:before,
+.checkbox-info .k-checkbox:active+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-info .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-info .k-checkbox-label:before {
+    border-color: var(--colorCalm40, #11c1f3);
+}
+
+.checkbox-info .k-checkbox-label:hover:before,
+.checkbox-info .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-info .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--colorCalm50, #0fa9d5);
+}
+
+.checkbox-info .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-info .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-info .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background: var(--colorCalm40, #11c1f3);
+    color: var(--textColorCalm40, #ffffff);
+}
+
+/* warning */
+.checkbox-warning .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-warning .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-warning .k-checkbox-label:hover:before,
+.checkbox-warning .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-warning .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-warning .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-warning .k-checkbox-label:active:before,
+.checkbox-warning .k-checkbox:active+.k-checkbox-label:before,
+.checkbox-warning .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-warning .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-warning .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-warning .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-warning .k-checkbox-label:before {
+    border-color: var(--colorWarning40, #ffc900);
+}
+
+.checkbox-warning .k-checkbox-label:hover:before,
+.checkbox-warning .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-warning .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-warning .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-warning .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-warning .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--colorWarning50, #dfb000);
+}
+
+.checkbox-warning .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-warning .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-warning .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-warning .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background: var(--colorWarning40, #ffc900);
+    color: var(--textColorWarning40, #ffffff);
+}
+
+/* danger */
+.checkbox-danger .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-danger .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-danger .k-checkbox-label:hover:before,
+.checkbox-danger .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-danger .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-danger .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-danger .k-checkbox-label:active:before,
+.checkbox-danger .k-checkbox:active+.k-checkbox-label:before,
+.checkbox-danger .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-danger .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-danger .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-danger .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-danger .k-checkbox-label:before {
+    border-color: var(--colorDanger40, #ef473a);
+}
+
+.checkbox-danger .k-checkbox-label:hover:before,
+.checkbox-danger .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-danger .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-danger .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-danger .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-danger .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--colorDanger50, #d13e33);
+}
+
+.checkbox-danger .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-danger .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-danger .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-danger .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background: var(--colorDanger40, #ef473a);
+    color: var(--textColorDanger40, #ffffff);
+}
+
+/* light */
+.checkbox-light .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-light .k-checkbox-label:hover:before,
+.checkbox-light .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-light .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-light .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light .k-checkbox-label:active:before,
+.checkbox-light .k-checkbox:active+.k-checkbox-label:before,
+.checkbox-light .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-light .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-light .k-checkbox-label:before {
+    border-color: var(--colorLight40, #ffffff);
+}
+
+.checkbox-light .k-checkbox-label:hover:before,
+.checkbox-light .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-light .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-light .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-light .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--colorLight50, #dfdfdf);
+}
+
+.checkbox-light .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-light .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-light .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background: var(--colorLight40, #ffffff);
+    color: var(--textColorLight40, #444444);
+}
+
+/* Stable */
+.checkbox-stable .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox-label:hover:before,
+.checkbox-stable .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-stable .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox-label:active:before,
+.checkbox-stable .k-checkbox:active+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-stable .k-checkbox-label:before {
+    border-color: var(--colorStable40, #f8f8f8);
+}
+
+.checkbox-stable .k-checkbox-label:hover:before,
+.checkbox-stable .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-stable .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--colorStable50, #d9d9d9);
+}
+
+.checkbox-stable .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-stable .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-stable .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background: var(--colorStable40, #f8f8f8);
+    color: var(--textColorStable40, #ffffff);
+}
+
+/* Royal */
+.checkbox-royal .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-royal .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-royal .k-checkbox-label:hover:before,
+.checkbox-royal .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-royal .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-royal .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-royal .k-checkbox-label:active:before,
+.checkbox-royal .k-checkbox:active+.k-checkbox-label:before,
+.checkbox-royal .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-royal .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-royal .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-royal .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-royal .k-checkbox-label:before {
+    border-color: var(--colorRoyal40, #886aea);
+}
+
+.checkbox-royal .k-checkbox-label:hover:before,
+.checkbox-royal .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-royal .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-royal .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-royal .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-royal .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--colorRoyal50, #775dcd);
+}
+
+.checkbox-royal .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-royal .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-royal .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-royal .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background: var(--colorRoyal40, #886aea);
+    color: var(--textColorRoyal40, #ffffff);
+}
+
+/* Dark */
+.checkbox-dark .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-dark .k-checkbox-label:hover:before,
+.checkbox-dark .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-dark .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-dark .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark .k-checkbox-label:active:before,
+.checkbox-dark .k-checkbox:active+.k-checkbox-label:before,
+.checkbox-dark .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-dark .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-dark .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-dark .k-checkbox-label:before {
+    border-color: var(--colorDark40, #444444);
+}
+
+.checkbox-dark .k-checkbox-label:hover:before,
+.checkbox-dark .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-dark .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-dark .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-dark .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--colorDark50, #3c3c3c);
+}
+
+.checkbox-dark .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-dark .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-dark .k-checkbox:indeterminate+.k-checkbox-label:after {
+    background: var(--colorDark40, #444444);
+    color: var(--textColorDark40, #ffffff);
 }
 
 /* white */
-
+.checkbox-white .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-white .k-checkbox-label:hover:before,
+.checkbox-white .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-white .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-white .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-white .k-checkbox-label:active:before,
+.checkbox-white .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-white .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-white .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-white .k-radio:focus+.k-radio-label:before,
-.checkbox-white .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 #707070;
-    border-color: #707070;
+.checkbox-white .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-white .k-checkbox-label:before {
+    border-color: var(--white, #ffffff);
 }
 
-.checkbox-white .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:before {
-    border-color: #707070;
-    background-color: #707070;
+.checkbox-white .k-checkbox-label:hover:before,
+.checkbox-white .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-white .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-white .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-white .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-white .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--gray_border, #707070);
 }
 
+.checkbox-white .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-white .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--white);
-    border-color: #707070;
-    color: var(--black);
+    background: var(--white, #ffffff);
+    color: var(--black, #000000);
 }
 
 /* gray */
-
+.checkbox-gray .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-gray .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-gray .k-checkbox-label:hover:before,
+.checkbox-gray .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-gray .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-gray .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-gray .k-checkbox-label:active:before,
+.checkbox-gray .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-gray .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-gray .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-gray .k-radio:focus+.k-radio-label:before,
-.checkbox-gray .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 #707070;
-    border-color: #707070;
+.checkbox-gray .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-gray .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-gray .k-checkbox-label:before {
+    border-color: var(--gray, #333333);
 }
 
-.checkbox-gray .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-gray .k-checkbox:indeterminate+.k-checkbox-label:before {
-    border-color: #707070;
-    background-color: #707070;
+.checkbox-gray .k-checkbox-label:hover:before,
+.checkbox-gray .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-gray .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-gray .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-gray .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-gray .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--gray_border, #707070);
 }
 
+.checkbox-gray .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-gray .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-gray .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-gray .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--gray);
-    border-color: #707070;
+    background: var(--gray, #333333);
+    color: var(--white, #ffffff);
 }
 
 /* black */
-
+.checkbox-black .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-black .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-black .k-checkbox-label:hover:before,
+.checkbox-black .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-black .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-black .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-black .k-checkbox-label:active:before,
+.checkbox-black .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-black .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-black .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-black .k-radio:focus+.k-radio-label:before,
-.checkbox-black .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 #707070;
-    border-color: #707070;
+.checkbox-black .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-black .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-black .k-checkbox-label:before {
+    border-color: var(--black, #000000);
 }
 
-.checkbox-black .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-black .k-checkbox:indeterminate+.k-checkbox-label:before {
-    border-color: #707070;
-    background-color: #707070;
+.checkbox-black .k-checkbox-label:hover:before,
+.checkbox-black .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-black .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-black .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-black .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-black .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--gray_border, #707070);
 }
 
+.checkbox-black .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-black .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-black .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-black .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--black);
-    border-color: #707070;
+    background: var(--black, #000000);
+    color: var(--white, #ffffff);
 }
 
 /* blue */
-
+.checkbox-blue .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-blue .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-blue .k-checkbox-label:hover:before,
+.checkbox-blue .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-blue .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-blue .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-blue .k-checkbox-label:active:before,
+.checkbox-blue .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-blue .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-blue .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-blue .k-radio:focus+.k-radio-label:before,
-.checkbox-blue .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 var(--light-blue);
-    border-color: var(--light-blue);
+.checkbox-blue .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-blue .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-blue .k-checkbox-label:before {
+    border-color: var(--blue, #0247FE);
 }
 
-.checkbox-blue .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-blue .k-checkbox:indeterminate+.k-checkbox-label:before {
-    border-color: var(--light-blue);
-    background-color: var(--light-blue);
+.checkbox-blue .k-checkbox-label:hover:before,
+.checkbox-blue .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-blue .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-blue .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-blue .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-blue .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--light-blue, #85A5FF);
 }
 
+.checkbox-blue .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-blue .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-blue .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-blue .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--blue);
-    border-color: var(--light-blue);
+    background: var(--blue, #0247FE);
+    color: var(--white, #ffffff);
 }
 
 /* light blue */
-
+.checkbox-light-blue .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light-blue .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-light-blue .k-checkbox-label:hover:before,
+.checkbox-light-blue .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-light-blue .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-light-blue .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light-blue .k-checkbox-label:active:before,
+.checkbox-light-blue .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-light-blue .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-light-blue .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-light-blue .k-radio:focus+.k-radio-label:before,
-.checkbox-light-blue .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 #3155b8;
-    border-color: #3155b8;
+.checkbox-light-blue .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-light-blue .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-light-blue .k-checkbox-label:before {
+    border-color: var(--light-blue, #85A5FF);
 }
 
-.checkbox-light-blue .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-light-blue .k-checkbox:indeterminate+.k-checkbox-label:before {
-    border-color: #3155b8;
-    background-color: #3155b8;
+.checkbox-light-blue .k-checkbox-label:hover:before,
+.checkbox-light-blue .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-light-blue .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-light-blue .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light-blue .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-light-blue .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--light-blue_border, #3155b8);
 }
 
+.checkbox-light-blue .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light-blue .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-light-blue .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-light-blue .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--light-blue);
-    border-color: #3155b8;
+    background: var(--light-blue, #85A5FF);
+    color: var(--white, #ffffff);
 }
 
 /* Dark blue */
-
+.checkbox-dark-blue .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark-blue .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-dark-blue .k-checkbox-label:hover:before,
+.checkbox-dark-blue .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-dark-blue .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-dark-blue .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark-blue .k-checkbox-label:active:before,
+.checkbox-dark-blue .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-dark-blue .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-dark-blue .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-dark-blue .k-radio:focus+.k-radio-label:before,
-.checkbox-dark-blue .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 #4869c7;
-    border-color: #4869c7;
+.checkbox-dark-blue .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-dark-blue .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-dark-blue .k-checkbox-label:before {
+    border-color: var(--dark-blue, #00217A);
 }
 
-.checkbox-dark-blue .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-dark-blue .k-checkbox:indeterminate+.k-checkbox-label:before {
-    border-color: #4869c7;
-    background-color: #4869c7;
+.checkbox-dark-blue .k-checkbox-label:hover:before,
+.checkbox-dark-blue .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-dark-blue .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-dark-blue .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark-blue .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-dark-blue .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--dark-blue_border, #4869c7);
 }
 
+.checkbox-dark-blue .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark-blue .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-dark-blue .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-dark-blue .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--dark-blue);
-    border-color: #4869c7;
+    background: var(--dark-blue, #00217A);
+    color: var(--white, #ffffff);
 }
 
 /* Purple */
-
+.checkbox-purple .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-purple .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-purple .k-checkbox-label:hover:before,
+.checkbox-purple .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-purple .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-purple .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-purple .k-checkbox-label:active:before,
+.checkbox-purple .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-purple .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-purple .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-purple .k-radio:focus+.k-radio-label:before,
-.checkbox-purple .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 #8645f4;
-    border-color: #8645f4;
+.checkbox-purple .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-purple .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-purple .k-checkbox-label:before {
+    border-color: var(--purple, #3D01A4);
 }
 
-.checkbox-purple .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-purple .k-checkbox:indeterminate+.k-checkbox-label:before {
-    border-color: #8645f4;
-    background-color: #8645f4;
+.checkbox-purple .k-checkbox-label:hover:before,
+.checkbox-purple .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-purple .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-purple .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-purple .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-purple .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--purple_border, #8645f4);
 }
 
+.checkbox-purple .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-purple .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-purple .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-purple .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--purple);
-    border-color: #8645f4;
+    background: var(--purple, #3D01A4);
+    color: var(--white, #ffffff);
 }
 
 /* Light purple */
-
+.checkbox-light-purple .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light-purple .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-light-purple .k-checkbox-label:hover:before,
+.checkbox-light-purple .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-light-purple .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-light-purple .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light-purple .k-checkbox-label:active:before,
+.checkbox-light-purple .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-light-purple .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-light-purple .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-light-purple .k-radio:focus+.k-radio-label:before,
-.checkbox-light-purple .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 #6b4ba2;
-    border-color: #6b4ba2;
+.checkbox-light-purple .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-light-purple .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-light-purple .k-checkbox-label:before {
+    border-color: var(--light-purple, #B285FF);
 }
 
-.checkbox-light-purple .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-light-purple .k-checkbox:indeterminate+.k-checkbox-label:before {
-    background-color: #6b4ba2;
+.checkbox-light-purple .k-checkbox-label:hover:before,
+.checkbox-light-purple .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-light-purple .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-light-purple .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light-purple .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-light-purple .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--light-purple_border, #6b4ba2);
 }
 
+.checkbox-light-purple .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light-purple .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-light-purple .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-light-purple .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--light-purple);
-    border-color: #6b4ba2;
+    background: var(--light-purple, #B285FF);
+    color: var(--white, #ffffff);
 }
 
 /* dark-purple */
-
+.checkbox-dark-purple .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark-purple .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-dark-purple .k-checkbox-label:hover:before,
+.checkbox-dark-purple .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-dark-purple .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-dark-purple .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark-purple .k-checkbox-label:active:before,
+.checkbox-dark-purple .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-dark-purple .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-dark-purple .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-dark-purple .k-radio:focus+.k-radio-label:before,
-.checkbox-dark-purple .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 #6b4ba2;
-    border-color: #6b4ba2;
+.checkbox-dark-purple .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-dark-purple .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-dark-purple .k-checkbox-label:before {
+    border-color: var(--dark-purple, #2D007A);
 }
 
-.checkbox-dark-purple .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-dark-purple .k-checkbox:indeterminate+.k-checkbox-label:before {
-    background-color: #6b4ba2;
+.checkbox-dark-purple .k-checkbox-label:hover:before,
+.checkbox-dark-purple .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-dark-purple .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-dark-purple .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark-purple .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-dark-purple .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--light-purple_border, #6b4ba2);
 }
 
+.checkbox-dark-purple .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark-purple .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-dark-purple .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-dark-purple .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--dark-purple);
-    border-color: #6b4ba2;
+    background: var(--dark-purple, #2D007A);
+    color: var(--white, #ffffff);
 }
 
 /* red */
-
+.checkbox-red .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-red .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-red .k-checkbox-label:hover:before,
+.checkbox-red .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-red .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-red .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-red .k-checkbox-label:active:before,
+.checkbox-red .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-red .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-red .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-red .k-radio:focus+.k-radio-label:before,
-.checkbox-red .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 #680f06;
-    border-color: #680f06;
+.checkbox-red .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-red .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-red .k-checkbox-label:before {
+    border-color: var(--red, #FE2712);
 }
 
-.checkbox-red .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-red .k-checkbox:indeterminate+.k-checkbox-label:before {
-    background-color: #680f06;
+.checkbox-red .k-checkbox-label:hover:before,
+.checkbox-red .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-red .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-red .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-red .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-red .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--red_border, #680f06);
 }
 
+.checkbox-red .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-red .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-red .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-red .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--red);
-    border-color: #680f06;
+    background: var(--red, #FE2712);
+    color: var(--white, #ffffff);
 }
 
 /* light-red */
-
+.checkbox-light-red .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light-red .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-light-red .k-checkbox-label:hover:before,
+.checkbox-light-red .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-light-red .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-light-red .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light-red .k-checkbox-label:active:before,
+.checkbox-light-red .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-light-red .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-light-red .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-light-red .k-radio:focus+.k-radio-label:before,
-.checkbox-light-red .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 var(--dark-red);
-    border-color: var(--dark-red);
+.checkbox-light-red .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-light-red .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-light-red .k-checkbox-label:before {
+    border-color: var(--light-red, #FE8F84);
 }
 
-.checkbox-light-red .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-light-red .k-checkbox:indeterminate+.k-checkbox-label:before {
-    background-color: var(--dark-red);
+.checkbox-light-red .k-checkbox-label:hover:before,
+.checkbox-light-red .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-light-red .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-light-red .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light-red .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-light-red .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--dark-red, #7A0B00);
 }
 
+.checkbox-light-red .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light-red .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-light-red .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-light-red .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--light-red);
-    border-color: var(--dark-red);
+    background: var(--light-red, #FE8F84);
+    color: var(--white, #ffffff);
 }
 
 /* dark-red */
-
+.checkbox-dark-red .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark-red .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-dark-red .k-checkbox-label:hover:before,
+.checkbox-dark-red .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-dark-red .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-dark-red .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark-red .k-checkbox-label:active:before,
+.checkbox-dark-red .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-dark-red .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-dark-red .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-dark-red .k-radio:focus+.k-radio-label:before,
-.checkbox-dark-red .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 var(--light-red);
-    border-color: var(--light-red);
+.checkbox-dark-red .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-dark-red .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-dark-red .k-checkbox-label:before {
+    border-color: var(--dark-red, #7A0B00);
 }
 
-.checkbox-dark-red .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-dark-red .k-checkbox:indeterminate+.k-checkbox-label:before {
-    background-color: var(--light-red);
+.checkbox-dark-red .k-checkbox-label:hover:before,
+.checkbox-dark-red .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-dark-red .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-dark-red .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark-red .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-dark-red .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--light-red, #FE8F84);
 }
 
+.checkbox-dark-red .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark-red .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-dark-red .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-dark-red .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--dark-red);
-    border-color: var(--light-red);
+    background: var(--dark-red, #7A0B00);
+    color: var(--white, #ffffff);
 }
 
 /* orange */
-
+.checkbox-orange .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-orange .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-orange .k-checkbox-label:hover:before,
+.checkbox-orange .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-orange .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-orange .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-orange .k-checkbox-label:active:before,
+.checkbox-orange .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-orange .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-orange .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-orange .k-radio:focus+.k-radio-label:before,
-.checkbox-orange .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 var(--light-orange);
-    border-color: var(--light-orange);
+.checkbox-orange .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-orange .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-orange .k-checkbox-label:before {
+    border-color: var(--orange, #FB9B02);
 }
 
-.checkbox-orange .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-orange .k-checkbox:indeterminate+.k-checkbox-label:before {
-    background-color: var(--light-orange);
+.checkbox-orange .k-checkbox-label:hover:before,
+.checkbox-orange .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-orange .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-orange .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-orange .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-orange .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--orange_focus_hover, #FFD085);
 }
 
+.checkbox-orange .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-orange .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-orange .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-orange .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--orange);
-    border-color: var(--light-orange);
+    background: var(--orange, #FB9B02);
+    color: var(--white, #ffffff);
 }
 
 /* light-orange */
-
+.checkbox-light-orange .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light-orange .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-light-orange .k-checkbox-label:hover:before,
+.checkbox-light-orange .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-light-orange .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-light-orange .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light-orange .k-checkbox-label:active:before,
+.checkbox-light-orange .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-light-orange .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-light-orange .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-light-orange .k-radio:focus+.k-radio-label:before,
-.checkbox-light-orange .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 var(--dark-orange);
-    border-color: var(--dark-orange);
+.checkbox-light-orange .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-light-orange .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-light-orange .k-checkbox-label:before {
+    border-color: var(--light-orange, #FFD085);
 }
 
-.checkbox-light-orange .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-light-orange .k-checkbox:indeterminate+.k-checkbox-label:before {
-    background-color: var(--dark-orange);
+.checkbox-light-orange .k-checkbox-label:hover:before,
+.checkbox-light-orange .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-light-orange .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-light-orange .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light-orange .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-light-orange .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--dark-orange, #7A4B00);
 }
 
+.checkbox-light-orange .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light-orange .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-light-orange .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-light-orange .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--light-orange);
-    border-color: var(--dark-orange);
-    color: #492b10;
+    background: var(--light-orange, #FFD085);
+    color: var(--white, #ffffff);
 }
 
-/* dark-orange */
 
+/* dark-orange */
+.checkbox-dark-orange .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark-orange .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-dark-orange .k-checkbox-label:hover:before,
+.checkbox-dark-orange .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-dark-orange .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-dark-orange .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark-orange .k-checkbox-label:active:before,
+.checkbox-dark-orange .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-dark-orange .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-dark-orange .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-dark-orange .k-radio:focus+.k-radio-label:before,
-.checkbox-dark-orange .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 #cd9946;
-    border-color: #cd9946;
+.checkbox-dark-orange .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-dark-orange .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-dark-orange .k-checkbox-label:before {
+    border-color: var(--dark-orange, #7A4B00);
 }
 
-.checkbox-dark-orange .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-dark-orange .k-checkbox:indeterminate+.k-checkbox-label:before {
-    background-color: #cd9946;
+.checkbox-dark-orange .k-checkbox-label:hover:before,
+.checkbox-dark-orange .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-dark-orange .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-dark-orange .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark-orange .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-dark-orange .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--dark-orange_border, #cd9946);
 }
 
+.checkbox-dark-orange .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark-orange .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-dark-orange .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-dark-orange .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--dark-orange);
-    border-color: #cd9946;
+    background: var(--dark-orange, #7A4B00);
+    color: var(--white, #ffffff);
 }
 
 /* yellow */
-
+.checkbox-yellow .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-yellow .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-yellow .k-checkbox-label:hover:before,
+.checkbox-yellow .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-yellow .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-yellow .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-yellow .k-checkbox-label:active:before,
+.checkbox-yellow .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-yellow .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-yellow .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-yellow .k-radio:focus+.k-radio-label:before,
-.checkbox-yellow .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 var(--dark-yellow);
-    border-color: var(--dark-yellow);
+.checkbox-yellow .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-yellow .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-yellow .k-checkbox-label:before {
+    border-color: var(--yellow, #FFFF33);
 }
 
-.checkbox-yellow .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-yellow .k-checkbox:indeterminate+.k-checkbox-label:before {
-    background-color: var(--dark-yellow);
+.checkbox-yellow .k-checkbox-label:hover:before,
+.checkbox-yellow .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-yellow .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-yellow .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-yellow .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-yellow .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--yellow_focus_hover, #7A7A00);
 }
 
+.checkbox-yellow .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-yellow .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-yellow .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-yellow .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--yellow);
-    border-color: var(--dark-yellow);
-    color: #474432;
+    background: var(--yellow, #FFFF33);
+    color: var(--white, #ffffff);
 }
 
 /* light-yellow */
-
+.checkbox-light-yellow .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light-yellow .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-light-yellow .k-checkbox-label:hover:before,
+.checkbox-light-yellow .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-light-yellow .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-light-yellow .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light-yellow .k-checkbox-label:active:before,
+.checkbox-light-yellow .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-light-yellow .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-light-yellow .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-light-yellow .k-radio:focus+.k-radio-label:before,
-.checkbox-light-yellow .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 var(--dark-yellow);
-    border-color: var(--dark-yellow);
+.checkbox-light-yellow .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-light-yellow .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-light-yellow .k-checkbox-label:before {
+    border-color: var(--light-yellow, #FFFF85);
 }
 
-.checkbox-light-yellow .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-light-yellow .k-checkbox:indeterminate+.k-checkbox-label:before {
-    background-color: var(--dark-yellow);
+.checkbox-light-yellow .k-checkbox-label:hover:before,
+.checkbox-light-yellow .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-light-yellow .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-light-yellow .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light-yellow .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-light-yellow .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--dark-yellow, #7A7A00);
 }
 
+.checkbox-light-yellow .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light-yellow .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-light-yellow .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-light-yellow .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--light-yellow);
-    border-color: var(--dark-yellow);
-    color: #474432;
+    background: var(--light-yellow, #FFFF85);
+    color: var(--white, #ffffff);
 }
 
 /* dark-yellow */
-
+.checkbox-dark-yellow .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark-yellow .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-dark-yellow .k-checkbox-label:hover:before,
+.checkbox-dark-yellow .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-dark-yellow .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-dark-yellow .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark-yellow .k-checkbox-label:active:before,
+.checkbox-dark-yellow .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-dark-yellow .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-dark-yellow .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-dark-yellow .k-radio:focus+.k-radio-label:before,
-.checkbox-dark-yellow .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 #dddd7c;
-    border-color: #dddd7c;
+.checkbox-dark-yellow .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-dark-yellow .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-dark-yellow .k-checkbox-label:before {
+    border-color: var(--dark-yellow, #7A7A00);
 }
 
-.checkbox-dark-yellow .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-dark-yellow .k-checkbox:indeterminate+.k-checkbox-label:before {
-    background-color: #dddd7c;
+.checkbox-dark-yellow .k-checkbox-label:hover:before,
+.checkbox-dark-yellow .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-dark-yellow .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-dark-yellow .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark-yellow .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-dark-yellow .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--yellow_focus_hover, #dddd7c);
 }
 
+.checkbox-dark-yellow .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark-yellow .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-dark-yellow .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-dark-yellow .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--dark-yellow);
-    border-color: #dddd7c;
+    background: var(--dark-yellow, #7A7A00);
+    color: var(--white, #ffffff);
 }
 
 /* green */
-
+.checkbox-green .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-green .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-green .k-checkbox-label:hover:before,
+.checkbox-green .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-green .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-green .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-green .k-checkbox-label:active:before,
+.checkbox-green .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-green .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-green .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-green .k-radio:focus+.k-radio-label:before,
-.checkbox-green .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 #24470c;
-    border-color: #24470c;
+.checkbox-green .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-green .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-green .k-checkbox-label:before {
+    border-color: var(--green, #66B032);
 }
 
-.checkbox-green .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-green .k-checkbox:indeterminate+.k-checkbox-label:before {
-    background-color: #24470c;
+.checkbox-green .k-checkbox-label:hover:before,
+.checkbox-green .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-green .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-green .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-green .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-green .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--green_border, #24470c);
 }
 
+.checkbox-green .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-green .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-green .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-green .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--green);
-    border-color: #24470c;
+    background: var(--green, #66B032);
+    color: var(--white, #ffffff);
 }
 
 /* light-green */
-
+.checkbox-light-green .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light-green .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-light-green .k-checkbox-label:hover:before,
+.checkbox-light-green .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-light-green .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-light-green .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light-green .k-checkbox-label:active:before,
+.checkbox-light-green .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-light-green .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-light-green .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-light-green .k-radio:focus+.k-radio-label:before,
-.checkbox-light-green .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 var(--dark-green);
-    border-color: var(--dark-green);
+.checkbox-light-green .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-light-green .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-light-green .k-checkbox-label:before {
+    border-color: var(--light-green, #B7FF85);
 }
 
-.checkbox-light-green .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-light-green .k-checkbox:indeterminate+.k-checkbox-label:before {
-    background-color: var(--dark-green);
+.checkbox-light-green .k-checkbox-label:hover:before,
+.checkbox-light-green .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-light-green .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-light-green .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-light-green .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-light-green .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--dark-green, #337A00);
 }
 
+.checkbox-light-green .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-light-green .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-light-green .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-light-green .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--light-green);
-    border-color: var(--dark-green);
-    color: #24470c;
+    background: var(--light-green, #B7FF85);
+    color: var(--white, #ffffff);
 }
 
 /* dark-green */
-
+.checkbox-dark-green .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark-green .k-checkbox:indeterminate+.k-checkbox-label:before,
+.checkbox-dark-green .k-checkbox-label:hover:before,
+.checkbox-dark-green .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-dark-green .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-dark-green .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark-green .k-checkbox-label:active:before,
+.checkbox-dark-green .k-checkbox:active+.k-checkbox-label:before,
 .checkbox-dark-green .k-checkbox:focus+.k-checkbox-label:before,
 .checkbox-dark-green .k-checkbox:hover+.k-checkbox-label:before,
-.checkbox-dark-green .k-radio:focus+.k-radio-label:before,
-.checkbox-dark-green .k-radio:hover+.k-radio-label:before {
-    box-shadow: 0 0 5px 0 #66B032;
-    border-color: #66B032;
+.checkbox-dark-green .k-checkbox:checked+.k-checkbox-label:after,
+.checkbox-dark-green .k-checkbox:indeterminate+.k-checkbox-label:after,
+.checkbox-dark-green .k-checkbox-label:before {
+    border-color: var(--dark-green, #337A00);
 }
 
-.checkbox-dark-green .k-checkbox:checked+.k-checkbox-label:before,
-.checkbox-dark-green .k-checkbox:indeterminate+.k-checkbox-label:before {
-    background-color: #66B032;
+.checkbox-dark-green .k-checkbox-label:hover:before,
+.checkbox-dark-green .k-checkbox:checked+.k-checkbox-label:hover:before,
+.checkbox-dark-green .k-checkbox:checked:hover+.k-checkbox-label:before,
+.checkbox-dark-green .k-checkbox:hover+.k-checkbox-label:before,
+.checkbox-dark-green .k-checkbox:focus+.k-checkbox-label:before,
+.checkbox-dark-green .k-checkbox:hover+.k-checkbox-label:before {
+    box-shadow: 0 0 5px 0 var(--green, #66B032);
 }
 
+.checkbox-dark-green .k-checkbox:checked+.k-checkbox-label:before,
+.checkbox-dark-green .k-checkbox:indeterminate+.k-checkbox-label:before,
 .checkbox-dark-green .k-checkbox:checked+.k-checkbox-label:after,
 .checkbox-dark-green .k-checkbox:indeterminate+.k-checkbox-label:after {
-    background-color: var(--dark-green);
-    border-color: #66B032;
+    background: var(--dark-green, #337A00);
+    color: var(--white, #ffffff);
 }