cronapp-framework-js/components/css/checkbox-color.css

Javascript library for CronApp's projects

.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-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-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: 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-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-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: 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-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-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: 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-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-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: 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-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-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: 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-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-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: 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-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-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: 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-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-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: 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-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-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: 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-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-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: 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-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-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: 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-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-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: 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-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-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: 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-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-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: var(--light-orange, #FFD085);
    color: var(--white, #ffffff);
}


/* 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-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-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: 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-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-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: 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-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-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: 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-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-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: 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-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-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: 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,
.checkbo