cronapp-framework-js 2.8.31 → 2.9.0

package/components/css/checkbox-color.css

@@ -1,17 +1,43 @@
+/* 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);
+}
 
 /* white */
 
-.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 {
+.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:before, .checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-white .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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);
@@ -19,214 +45,279 @@
 
 /* gray */
 
-.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 {
+.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:before, .checkbox-gray .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-gray .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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;
 }
 
 /* black */
 
-.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 {
+.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:before, .checkbox-black .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-black .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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;
 }
 
 /* blue */
 
-.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 {
+.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:before, .checkbox-blue .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-blue .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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);
 }
 
 /* light blue */
 
-.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 {
+.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:before, .checkbox-light-blue .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-light-blue .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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;
 }
 
 /* Dark blue */
 
-.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 {
+.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:before, .checkbox-dark-blue .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-dark-blue .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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;
 }
 
 /* Purple */
 
-.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 {
+.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:before, .checkbox-purple .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-purple .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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;
 }
 
 /* Light purple */
 
-.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 {
+.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:before, .checkbox-light-purple .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-light-purple .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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;
 }
 
 /* dark-purple */
 
-.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 {
+.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:before, .checkbox-dark-purple .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-dark-purple .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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;
 }
 
 /* red */
 
-.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 {
+.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:before, .checkbox-red .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-red .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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;
 }
 
 /* light-red */
 
-.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 {
+.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:before, .checkbox-light-red .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-light-red .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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);
 }
 
 /* dark-red */
 
-.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 {
+.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:before, .checkbox-dark-red .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-dark-red .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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);
 }
 
 /* orange */
 
-.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 {
+.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:before, .checkbox-orange .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-orange .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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);
 }
 
 /* light-orange */
 
-.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 {
+.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:before, .checkbox-light-orange .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-light-orange .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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;
@@ -234,32 +325,42 @@
 
 /* dark-orange */
 
-.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 {
+.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:before, .checkbox-dark-orange .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-dark-orange .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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;
 }
 
 /* yellow */
 
-.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 {
+.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:before, .checkbox-yellow .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-yellow .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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;
@@ -267,16 +368,21 @@
 
 /* light-yellow */
 
-.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 {
+.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:before, .checkbox-light-yellow .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-light-yellow .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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;
@@ -284,48 +390,63 @@
 
 /* dark-yellow */
 
-.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 {
+.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:before, .checkbox-dark-yellow .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-dark-yellow .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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;
 }
 
 /* green */
 
-.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 {
+.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:before, .checkbox-green .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-green .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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;
 }
 
 /* light-green */
 
-.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 {
+.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:before, .checkbox-light-green .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-light-green .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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;
@@ -333,16 +454,21 @@
 
 /* dark-green */
 
-.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 {
+.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:before, .checkbox-dark-green .k-checkbox:indeterminate+.k-checkbox-label:before {
+.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:checked+.k-checkbox-label:after, .checkbox-dark-green .k-checkbox:indeterminate+.k-checkbox-label:after {
+.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;
 }

package/components/css/color-default.css

@@ -1,6 +1,8 @@
 @import 'checkbox-color.css';
 @import 'combobox-color.css';
 @import 'option-color.css';
+@import 'designtime.css';
+@import 'font-size.css';
 
 :root {
     --white: #ffffff;

package/components/css/crn-input-password.css

@@ -0,0 +1,32 @@
+.cardinput{
+    display: flex;
+    gap: 10px;
+    border: 1px solid #999999;
+    border-radius: 5px;
+    padding: 0.5rem;
+}
+
+.cardinput .k-textbox.form-control{
+    border: none;
+}
+
+.cardinput .k-textbox.form-control:focus{
+    border: none;
+}
+
+.cardinput button{
+    border: none;
+    background: none;
+    box-shadow: none;
+    padding: 0px 14px;
+}
+
+.cardinput button:hover,
+.cardinput button:focus, 
+.cardinput button:active{
+    background: transparent;
+}
+
+.cardinput button:hover{
+    color: #000;
+}