cronapp-framework-js 2.9.6 → 3.0.0

package/css/themes/custom/material-round/custom-material-round.css

@@ -16,10 +16,10 @@
 
     --textSmallSize: 10px;
     --textNormalSize: 12px;
-    --textMediumSize: 16px;
-    --textBigSize: 22px;
-    --textExtraBigSize: 28px;
-    --textFullSize: 34px;
+    --textMediumSize: 18px;
+    --textBigSize: 24px;
+    --textExtraBigSize: 30px;
+    --textFullSize: 36px;
 
     --textColor10: #d8d8d8;
     --textColor20: #b4b4b4;
@@ -50,7 +50,7 @@
     --backgroundColor40: #f2f2f2;
     --backgroundColor50: #d4d4d4;
     --backgroundColor60: #b1b1b1;
-    --backgroundColor70: #858585;
+    --backgroundColor70: #d9d9d9;
 
     /* Background Login */
     --backgroundLogin10: rgba(155, 125, 202, 1);
@@ -83,8 +83,8 @@
 
     /* Color - Theme default */
     --colorDefault10: #d9d7dd;
-    --colorDefault20: #b5b0be;
-    --colorDefault30: #89819a;
+    --colorDefault20: #b9abce;
+    --colorDefault30: #5d3e8b;
     --colorDefault40: #442b69;
     --colorDefault50: #3c265c;
     --colorDefault60: #32204d;
@@ -102,7 +102,7 @@
     --colorPrimary20: #bed8eb;
     --colorPrimary30: #99c5e2;
     --colorPrimary40: #68afd9;
-    --colorPrimary50: #5b99be;
+    --colorPrimary50: #478fba;
     --colorPrimary60: #4c809f;
     --colorPrimary70: #396077;
     --textColorPrimary10: #8c8b88;
@@ -119,7 +119,7 @@
     --colorSuccess30: #96c09b;
     --colorSuccess40: #62a86b;
     --colorSuccess50: #56935e;
-    --colorSuccess60: #487b4e;
+    --colorSuccess60: #3a8143;
     --colorSuccess70: #365c3b;
     --textColorSuccess10: #8c8b88;
     --textColorSuccess20: #bbbab6;
@@ -134,7 +134,7 @@
     --colorWarning20: #f3c5b8;
     --colorWarning30: #eea78f;
     --colorWarning40: #e98053;
-    --colorWarning50: #cc7049;
+    --colorWarning50: #dc7144;
     --colorWarning60: #ab5e3d;
     --colorWarning70: #80462d;
     --textColorWarning10: #8c8b88;
@@ -150,15 +150,14 @@
     --colorDanger20: #f0b5b5;
     --colorDanger30: #ea8a8a;
     --colorDanger40: #e34646;
-    --colorDanger50: #c73d3d;
+    --colorDanger50: #d43131;
     --colorDanger60: #a63333;
     --colorDanger70: #7c2626;
     --textColorDanger10: #8c8b88;
     --textColorDanger20: #bbbab6;
     --textColorDanger30: #dfdeda;
     --textColorDanger40: #fffef9;
-    --textColorDanger50: #fffefa;
-    --textColorDanger60: #fffefc;
+    --textColorDanger60: #fffef9;
     --textColorDanger70: #fffffd;
 
     /* Color - Royal (mobile) */
@@ -167,7 +166,7 @@
     --colorRoyal30: #827d8d;
     --colorRoyal40: #2f1a4f;
     --colorRoyal50: #291745;
-    --colorRoyal60: #22133a;
+    --colorRoyal60: #6c5b87;
     --colorRoyal70: #1a0e2b;
     --textColorRoyal10: #8c8b88;
     --textColorRoyal20: #bbbab6;
@@ -182,7 +181,7 @@
     --colorCalm20: #c9e3f6;
     --colorCalm30: #add6f2;
     --colorCalm40: #8ac8ee;
-    --colorCalm50: #79afd0;
+    --colorCalm50: #64acd7;
     --colorCalm60: #6593ae;
     --colorCalm70: #4c6e82;
     --textColorCalm10: #8c8b88;
@@ -199,7 +198,7 @@
     --colorLight30: #efe6e6;
     --colorLight40: #eadede;
     --colorLight50: #cdc2c2;
-    --colorLight60: #aba3a3;
+    --colorLight60: #dcc8c8;
     --colorLight70: #807a7a;
     --textColorLight10: #252525;
     --textColorLight20: #313131;
@@ -211,11 +210,11 @@
 
     /* Color - Stable (mobile) */
     --colorStable10: #f2f2f2;
-    --colorStable20: #e6e6e6;
+    --colorStable20: #e4e4e4;
     --colorStable30: #dbdbdb;
     --colorStable40: #cfcfcf;
     --colorStable50: #b5b5b5;
-    --colorStable60: #989898;
+    --colorStable60: #b8b8b8;
     --colorStable70: #717171;
     --textColorStable10: #252525;
     --textColorStable20: #313131;
@@ -231,7 +230,7 @@
     --colorDark30: #838383;
     --colorDark40: #343434;
     --colorDark50: #2e2e2e;
-    --colorDark60: #262626;
+    --colorDark60: #1f1f1f;
     --colorDark70: #1c1c1c;
     --textColorDark10: #8c8b88;
     --textColorDark20: #bbbab6;
@@ -352,11 +351,11 @@
     --comboboxDark: var(--colorDark40, #343434);
 
     --borderComboboxDefault: var(--backgroundColor60, #b1b1b1);
-    --borderComboboxPrimary: var(--colorPrimary50, #5b99be);
+    --borderComboboxPrimary: var(--colorPrimary50, #478fba);
     --borderComboboxSuccess: var(--colorSuccess50, #56935e);
-    --borderComboboxCalm: var(--colorCalm50, #79afd0);
-    --borderComboboxWarning: var(--colorWarning50, #cc7049);
-    --borderComboboxDanger: var(--colorDanger50, #c73d3d);
+    --borderComboboxCalm: var(--colorCalm50, #64acd7);
+    --borderComboboxWarning: var(--colorWarning50, #dc7144);
+    --borderComboboxDanger: var(--colorDanger50, #d43131);
     --borderComboboxLight: var(--colorLight50, #cdc2c2);
     --borderComboboxStable: var(--colorStable50, #b5b5b5);
     --borderComboboxRoyal: var(--colorRoyal50, #291745);
@@ -406,7 +405,7 @@
     --borderPanelLight: var(--colorLight60, #bbbbbb);
     --borderPanelStable: var(--colorStable60, #b6b6b6);
     --borderPanelRoyal: var(--colorRoyal60, #644eab);
-    --borderPanelDark: var(--colorDark60, #262626);
+    --borderPanelDark: var(--colorDark60, #1f1f1f);
 
     /* === End - Variables used exclusively in the color palette property === */
 }
@@ -417,6 +416,19 @@
     border-radius: var(--borderRadiusExtraSmall, 10px);
 }
 
+
+
+.k-button.active,
+.k-button:active,
+.btn.active,
+.btn:active,
+.k-button.k-default.active,
+.k-button.k-default:active,
+.btn.btn-default.active,
+.btn.btn-default:active {
+    background: var(--colorDefault70, #25183a);
+}
+
 /* Input */
 .form-control {
     display: block;
@@ -498,7 +510,20 @@ input.k-textbox:hover:focus,
     color: var(--colorDefault40, #442b69);
 }
 
+.cardinput button i,
+.input-group.layout-template-modern .k-button i:hover {
+    color: var(--colorDefault20, #b9abce);
+}
+
 /* Date and Hour */
+
+.bootstrap-datetimepicker-widget .timepicker-hour,
+.bootstrap-datetimepicker-widget .timepicker-minute,
+.bootstrap-datetimepicker-widget .timepicker-second {
+    width: calc(var(--textNormalSize, 14px) * 2.1);
+    color: var(--colorDefault40, #442b69);
+}
+
 .bootstrap-datetimepicker-widget.dropdown-menu {
     padding: 20px;
     background: var(--backgroundColor50, #f2f2f2);
@@ -520,7 +545,7 @@ div[data-component^='crn-textinputicon'] .k-button {
 
 .bootstrap-datetimepicker-widget table td.active,
 .bootstrap-datetimepicker-widget table td.active:hover {
-    background: var(--colorDefault40, #442b69);
+    background: var(--colorRoyal60, #6c5b87);
 }
 
 .table-condensed>thead>tr>th {
@@ -550,11 +575,11 @@ div[data-component^='crn-textinputicon'] .k-button {
 }
 
 .siginPanel {
-    background: #5d3e8b;
+    background: var(--colorDefault30, #5d3e8b);
 }
 
 .login-view {
-    background: #5d3e8b;
+    background: var(--colorDefault30, #5d3e8b);
 }
 
 .login-view .sign-up {
@@ -589,20 +614,24 @@ input .k-textbox {
 .login-view .btn-block {
     width: 136px;
     margin: auto;
-    display: block;
+    display: flex;
     border-radius: 30px;
 }
 
 .login-view .reset-password {
     text-align: right;
+    right: 20px;
 }
 
 .login-view input.k-textbox {
-    width: 600px;
+    width: 100%;
+    max-width: 600px;
+    display: flex;
 }
 
 .k-state-hover>.k-multiselect-wrap {
     background: var(--colorNeutral30, #d5d5d5);
+    display: flex;
 }
 
 textarea.k-textbox {
@@ -633,10 +662,850 @@ textarea.k-textbox {
     color: var(--textColor40, #434343);
 }
 
-#crn-image-login img[src="node_modules/cronapp-framework-js/img/cronapp-logo-login.png"] {
+#crn-image-login img[src="node_modules/cronapp-framework-js/img/cronapp-logo-login.png"],
+#crn-image-login img[src="public/assets/app-logo-login.svg"]{
     filter: brightness(0) invert(1);
 }
 
 .navbar-brand>img {
     filter: brightness(0) invert(1)
+}
+
+/*Backgrounds login*/
+
+.bg-login #container-second {
+    background: var(--colorDefault40, #442b69);
+}
+
+.bg-login #container-first {
+    background: var(--colorDefault30, #5d3e8b);
+}
+
+.bg-login #container-first .img-login {
+    filter: brightness(0) invert(1);
+}
+
+.bg-login #container-first .form-group label,
+.bg-login #container-first .form-group label,
+.bg-login #container-first h1,
+.bg-login #container-first #crn-simple-text-login,
+.bg-login #container-second p,
+.bg-login #container-second h1 {
+    color: var(--textColorDefault40, #fffef9);
+}
+
+.bg-login #container-first #crn-botao-signup,
+.bg-login #crn-botao-cadastre,
+#crn-botao-cadastre {
+    color: var(--textColorDefault40, #fffef9);
+}
+
+#crn-botao-cadastre:hover {
+    color: var(--textColorDefault40, #fffef9);
+}
+
+.login-view .sign-up:hover {
+    color: var(--textColorDefault40, #fffef9);
+}
+
+.bg-login #container-first .btn-login {
+    background: var(--colorDefault40, #442b69);
+}
+
+.bg-login #container-first .btn-login:hover {
+    background: var(--colorDefault20, #b9abce);
+}
+
+.bg-login #container-first .btn-login:active {
+    background: var(--colorDefault60, #32204d);
+}
+
+btn k-button btn-block btn-primary crn-button-signup-register {
+    background: var(--colorDefault40, #442b69);
+}
+
+label.labelCollapsibleMenu {
+    background: var(--textColorDefault30, #dfdfdf);
+}
+
+/*Links Colors*/
+
+.color-default {
+    color: var(--colorDefault40, #442b69);
+}
+
+.color-default:focus,
+.color-default:hover {
+    color: var(--colorDefault20, #b9abce);
+}
+
+.color-primary {
+    color: var(--colorPrimary40, #68afd9);
+}
+
+.color-primary:focus,
+.color-primary:hover {
+    color: var(--colorPrimary50, #478fba);
+}
+
+.color-success {
+    color: var(--colorSuccess40, #62a86b);
+}
+
+.color-success:focus,
+.color-success:hover {
+    color: var(--colorSuccess60, #3a8143);
+}
+
+.color-info {
+    color: var(--colorCalm40, #8ac8ee);
+}
+
+.color-info:focus,
+.color-info:hover {
+    color: var(--colorCalm50, #64acd7);
+}
+
+.color-warning {
+    color: var(--colorWarning40, #e98053);
+}
+
+.color-warning:focus,
+.color-warning:hover {
+    color: var(--colorWarning50, #dc7144);
+}
+
+.color-light {
+    color: var(--colorLight40, #eadede);
+}
+
+.color-light:focus,
+.color-light:hover {
+    color: var(--colorLight60, #dcc8c8);
+}
+
+.color-stable {
+    color: var(--colorStable40, #cfcfcf);
+}
+
+.color-stable:focus,
+.color-stable:hover {
+    color: var(--colorStable60, #b8b8b8);
+}
+
+.color-royal {
+    color: var(--colorRoyal40, #2f1a4f);
+}
+
+.color-royal:focus,
+.color-royal:hover {
+    color: var(--colorDefault20, #b9abce);
+}
+
+.color-dark {
+    color: var(--colorDark40, #343434);
+}
+
+.color-dark:focus,
+.color-dark:hover {
+    color: var(--colorDark40, #343434);
+}
+
+.k-slider .k-draghandle,
+.k-slider .k-draghandle.k-state-focused,
+.k-slider .k-draghandle.k-state-focused:link {
+    background: var(--colorDefault40, #442b69);
+    border-color: transparent;
+}
+
+.ctn-tab .nav-tabs {
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorDefault40, #fffef9);
+}
+
+.ctn-tab .nav-tabs li a:hover {
+    background: var(--colorDefault20, #b9abce);
+    color: var(--textColorDefault40, #fffef9);
+}
+
+.ctn-tab .nav-tabs li.active a {
+    background: var(--colorRoyal60, #6c5b87);
+    color: var(--textColorDefault40, #fffef9);
+}
+
+.ctn-tab .nav-tabs li a,
+.ctn-tab .nav-tabs li.active a,
+.ctn-tab .nav-tabs li.active a:hover {
+    color: var(--textColorDefault40, #fffef9);
+}
+
+#cron-breadcrumbs {
+    border-radius: 10px;
+    background: var(--textColorDefault40, #fffef9);
+    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
+}
+
+.container-fluid .jumbotron {
+    background: var(--textColorDefault40, #fffef9);
+    border-radius: 5px;
+}
+
+/* Lista Opção*/
+
+.k-radio-label:after,
+.k-radio:checked+.k-radio-label:after,
+.option-default .k-radio-label:after,
+.option-default .k-radio:checked+.k-radio-label:after {
+    background: var(--colorDefault40, #442b69);
+}
+
+.k-radio:checked+.k-radio-label:before,
+.option-default .k-radio:checked+.k-radio-label:before,
+.k-radio-label:after,
+.k-radio:checked+.k-radio-label:after,
+.option-default .k-radio-label:after,
+.option-default .k-radio:checked+.k-radio-label:after {
+    border-color: var(--colorDefault40, #442b69);
+}
+
+.option-primary .k-radio-label:after,
+.option-primary .k-radio:checked+.k-radio-label:after {
+    background: var(--colorPrimary40, #68afd9);
+}
+
+.option-primary .k-radio:checked+.k-radio-label:before,
+.option-primary .k-radio-label:after,
+.option-primary .k-radio:checked+.k-radio-label:after {
+    border-color: var(--colorPrimary40, #68afd9);
+}
+
+.option-success .k-radio-label:after,
+.option-success .k-radio:checked+.k-radio-label:after {
+    background: var(--colorSuccess40, #62a86b);
+}
+
+.option-success .k-radio:checked+.k-radio-label:before,
+.option-success .k-radio-label:after,
+.option-success .k-radio:checked+.k-radio-label:after {
+    border-color: var(--colorSuccess40, #62a86b);
+}
+
+.option-info .k-radio-label:after,
+.option-info .k-radio:checked+.k-radio-label:after {
+    background: var(--colorCalm40, #8ac8ee);
+
+}
+
+.option-info .k-radio:checked+.k-radio-label:before,
+.option-info .k-radio-label:after,
+.option-info .k-radio:checked+.k-radio-label:after {
+    border-color: var(--colorCalm40, #8ac8ee);
+}
+
+.option-warning .k-radio:checked+.k-radio-label:before {
+    border-color: var(--colorWarning40, #e98053);
+}
+
+.option-warning .k-radio-label:after,
+.option-warning .k-radio:checked+.k-radio-label:after {
+    background: var(--colorWarning40, #e98053);
+}
+
+.option-danger .k-radio-label:after,
+.option-danger .k-radio:checked+.k-radio-label:after {
+    background: var(--colorDanger40, #e34646);
+}
+
+.option-danger .k-radio:checked+.k-radio-label:before,
+.option-danger .k-radio-label:after,
+.option-danger .k-radio:checked+.k-radio-label:after {
+    border-color: var(--colorDanger40, #e34646);
+}
+
+.option-light .k-radio-label:after,
+.option-light .k-radio:checked+.k-radio-label:after {
+    background: var(--colorLight40, #eadede);
+}
+
+.option-light .k-radio:checked+.k-radio-label:before,
+.option-light .k-radio-label:after,
+.option-light .k-radio:checked+.k-radio-label:after {
+    border-color: var(--colorLight40, #eadede);
+}
+
+.option-stable .k-radio:checked+.k-radio-label:before {
+    border-color: var(--colorStable40, #cfcfcf);
+}
+
+.option-stable .k-radio-label:after,
+.option-stable .k-radio:checked+.k-radio-label:after {
+    background: var(--colorStable40, #cfcfcf);
+    border-color: var(--colorStable40, #cfcfcf);
+}
+
+.option-royal .k-radio:checked+.k-radio-label:before,
+.option-royal .k-radio-label:after,
+.option-royal .k-radio:checked+.k-radio-label:after {
+    border-color: var(--colorRoyal40, #2f1a4f);
+}
+
+.option-royal .k-radio-label:after,
+.option-royal .k-radio:checked+.k-radio-label:after {
+    background: var(--colorRoyal40, #2f1a4f);
+}
+
+.option-dark .k-radio:checked+.k-radio-label:before,
+.option-dark .k-radio-label:after,
+.option-dark .k-radio:checked+.k-radio-label:after {
+    border-color: var(--colorDark40, #343434);
+}
+
+.option-dark .k-radio-label:after,
+.option-dark .k-radio:checked+.k-radio-label:after {
+    background: var(--colorDark40, #343434);
+}
+
+
+/*Checkbox*/
+
+/*Default*/
+.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, #442b69);
+    color: var(--textColorDefault40, #fffef9);
+}
+
+/*Primary*/
+.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, #68afd9);
+    color: var(--textColorPrimary40, #fffef9);
+}
+
+/*Success*/
+.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, #62a86b);
+    color: var(--textColorSuccess40, #fffef9);
+}
+
+/*Info*/
+.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, #8ac8ee);
+    color: var(--textColorCalm40, #fffef9);
+}
+
+/*Warning*/
+.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, #e98053);
+    color: var(--textColorWarning40, #fffef9);
+}
+
+/*Danger*/
+.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, #e34646);
+    color: var(--textColorDanger40, #fffef9);
+}
+
+/*Light*/
+.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, #eadede);
+    color: var(--textColorLight40, #434343);
+}
+
+/*Stable*/
+.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, #cfcfcf);
+    color: var(--textColorStable40, #434343);
+}
+
+/*Royal*/
+.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, #2f1a4f);
+    color: var(--textColorRoyal40, #fffef9);
+}
+
+/*Dark*/
+.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, #343434);
+    color: var(--textColorDark40, #fffef9);
+}
+
+/* Button dynamic image*/
+.dynamic-image-container .btn {
+    background: var(--colorDefault40);
+}
+
+.dynamic-image-container .btn:focus,
+.dynamic-image-container .btn:hover {
+    background: var(--colorDefault20, #b9abce);
+}
+
+.dynamic-image-container .btn:active {
+    background: var(--colorDefault60, #32204d);
+}
+
+/*Buttons Multiselect*/
+
+.k-multiselect .k-button {
+    border: unset;
+}
+
+/*Default*/
+.combobox-default .k-multiselect .k-button {
+    background: var(--colorDefault40, #442b69);
+    border-color: var(--colorDefault50, #3c265c);
+    color: var(--textColorDefault40, #fffef9);
+}
+
+/*Primary*/
+.combobox-primary .k-multiselect .k-button.k-state-hover,
+.combobox-primary .k-multiselect .k-button {
+    background: var(--colorPrimary40, #68afd9);
+    border-color: var(--colorPrimary5, #478fba);
+    color: var(--textColorPrimary40, #fffef9);
+}
+
+/*Success*/
+.combobox-success .k-multiselect .k-button {
+    background: var(--colorSuccess40, #62a86b);
+    border-color: var(--colorSuccess50, #56935e);
+    color: var(--textColorSuccess40, #fffef9);
+}
+
+/*Info*/
+.combobox-info .k-multiselect .k-button.k-state-hover,
+.combobox-info .k-multiselect .k-button {
+    background: var(--colorCalm40, #8ac8ee);
+    border-color: var(--colorCalm50, #64acd7);
+    color: var(--textColorCalm40, #fffef9);
+}
+
+/*Warning*/
+.combobox-warning .k-multiselect .k-button.k-state-hover,
+.combobox-warning .k-multiselect .k-button {
+    background: var(--colorWarning40, #e98053);
+    border-color: var(--colorWarning50, #dc7144);
+    color: var(--textColorWarning40, #fffef9);
+}
+
+/*Danger*/
+.combobox-danger .k-multiselect .k-button.k-state-hover,
+.combobox-danger .k-multiselect .k-button {
+    background: var(--colorDanger40, #e34646);
+    border-color: var(--colorDanger50, #d43131);
+    color: var(--textColorDanger40, #fffef9);
+}
+
+/*Light*/
+.combobox-light .k-multiselect .k-button {
+    background: var(--colorLight40, #eadede);
+    border-color: var(--colorLight50, #cdc2c2);
+    color: var(--textColorLight40, #434343);
+}
+
+/*Stable*/
+.combobox-stable .k-multiselect .k-button.k-state-hover,
+.combobox-stable .k-multiselect .k-button {
+    background: var(--colorStable40, #cfcfcf);
+    border-color: var(--colorStable50, #b5b5b5);
+    color: var(--textColorStable40, #434343);
+}
+
+/*Royal*/
+.combobox-royal .k-multiselect .k-button.k-state-hover,
+.combobox-royal .k-multiselect .k-button {
+    background: var(--colorRoyal40, #2f1a4f);
+    border-color: var(--colorRoyal50, #291745);
+    color: var(--textColorRoyal40, #ffffff);
+}
+
+/*Dark*/
+.combobox-dark .k-multiselect .k-button {
+    border-color: var(--colorDark50, #2e2e2e);
+    background: var(--colorDark40, #343434);
+    color: var(--textColorDark40, #fffef9);
+}
+
+/*Tree*/
+.k-treeview .k-icon {
+    background-color: transparent;
+    border-radius: 4px;
+    color: var(--textColor40, #434343);
+}
+
+/*Buttons form*/
+/*Save*/
+#varsgrid1568-update-1d4e5d7b-dca8-4a1d-90fd-72648cf5dc8d {
+    background: var(--colorDefault20, #b9abce);
+}
+
+#varsgrid1568-update-1d4e5d7b-dca8-4a1d-90fd-72648cf5dc8d:hover {
+    background: var(--colorDefault40, #442b69);
+}
+
+#varsgrid1568-update-1d4e5d7b-dca8-4a1d-90fd-72648cf5dc8d:active {
+    background: var(--colorDefault60, #32204d);
+}
+
+/*Cancel*/
+#varsgrid1568-cancel-1d4e5d7b-dca8-4a1d-90fd-72648cf5dc8d {
+    background: var(--colorDanger40, #e34646);
+}
+
+#varsgrid1568-cancel-1d4e5d7b-dca8-4a1d-90fd-72648cf5dc8d:hover {
+    background: var(--colorDanger50, #d43131);
+}
+
+#varsgrid1568-cancel-1d4e5d7b-dca8-4a1d-90fd-72648cf5dc8d:active {
+    background: var(--colorDanger60, #a63333);
+}
+
+/*Agendador*/
+
+.k-scheduler .k-today.k-state-selected,
+.k-scheduler-navigation .k-nav-prev .k-link,
+.k-scheduler .k-state-selected>.k-link,
+.k-scheduler div.k-scheduler-footer .k-link {
+    background: var(--colorDefault40, #442b69);
+    border-color: transparent;
+    color: var(--textColorDefault40, #fffef9);
+}
+
+.k-scheduler-navigation .k-nav-prev .k-link:hover,
+.k-scheduler div.k-scheduler-footer .k-link:hover {
+    background: var(--colorDefault20, #b9abce);
+    color: var(--textColorDefault40, #fffef9);
+}
+
+.k-scheduler div.k-scheduler-footer .k-link:active {
+    background: var(--colorRoyal70, #1a0e2b);
+}
+
+.k-scheduler-navigation .k-nav-next .k-link,
+.k-i-calendar:before,
+a.k-link,
+.k-kicon.k-i-reload::before {
+    color: var(--textColorDefault40, #fffef9);
+}
+
+.k-scheduler-navigation .k-nav-next .k-link:hover,
+.k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-hover a {
+    background: var(--colorDefault20, #b9abce);
+    color: var(--textColorDefault40, #fffef9);
+}
+
+cron-scheduler a.k-link,
+cron-scheduler .k-link:link {
+    color: var(--textColor40, #434343);
+    background: var(--backgroundColor70, #d9d9d9);
+    border-color: var(--textColorDefault40, #fffef9);
+}
+
+.k-scheduler-toolbar>ul>li {
+    border-color: var(--backgroundColor, #f2f2f2);
+}
+
+.k-scheduler .k-scheduler-header th,
+.k-scheduler .k-scheduler-header-wrap,
+.k-scheduler .k-scheduler-table td,
+.k-scheduler .k-scheduler-times,
+.k-scheduler .k-scheduler-times th,
+.k-scheduler .k-scheduler-times tr,
+cron-scheduler a.k-link,
+cron-scheduler .k-link:link,
+.k-scheduler-calendar .k-link:link,
+.k-scheduler-calendar .k-footer .k-nav-today:hover,
+.k-scheduler-calendar a.k-link,
+.k-scheduler-toolbar,
+.k-calendar .k-link {
+    border-color: var(--textColorDefault40, #fffef9);
+}
+
+.k-scheduler-toolbar .k-nav-current .k-lg-date-format:hover {
+    color: var(--colorDefault20, #b9abce);
+}
+
+.k-scheduler-toolbar .k-nav-current .k-lg-date-format,
+.k-scheduler-toolbar .k-nav-current .k-link {
+    background: var(--backgroundColor, #f2f2f2);
+}
+
+.k-scheduler-edit-form .k-edit-field .k-button {
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorDefault40, #fffef9);
+}
+
+.k-webkit .k-scheduler-toolbar>ul li:first-child .k-link:hover {
+    background: var(--colorDefault20, #b9abce);
+    color: var(--textColorDefault40, #fffef9);
+}
+
+.k-event {
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorDefault40, #fffef9);
+    font-size: 12px;
+    border-color: transparent;
+    border: unset;
+}
+
+.k-event:hover {
+    background: var(--colorDefault20, #b9abce);
+    color: var(--textColorDefault40, #fffef9);
+    font-size: 12px;
+    border-color: transparent;
+    border: unset;
+}
+
+.k-event.k-state-selected {
+    background: var(--colorDefault70, #25183a);
+    color: var(--textColorDefault40, #fffef9);
+    border-color: transparent;
+    border: unset;
+}
+
+.k-scheduler div.k-scheduler-footer ul li,
+.k-scheduler div.k-scheduler-footer ul li:focus,
+.k-scheduler div.k-scheduler-footer ul li:hover {
+    background: transparent;
+    border-color: transparent;
+}
+
+.k-scheduler-table td {
+    background: var(--backgroundColor, #f2f2f2);
+    border-color: var(--textColorDefault40, #fffef9);
+}
+
+.k-task {
+    position: relative;
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorDefault40, #fffef9);
+    border-radius: 5px;
+}
+
+/* Button edit form*/
+
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
+.k-button.k-danger,
+.btn.btn-danger {
+    background: var(--colorDanger40, #e34646);
+    border-color: transparent;
+    color: var(--textColorDanger40, #fffef9);
+    border-radius: 10px;
+}
+
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:focus,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:focus,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:hover,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover,
+.k-button.k-danger:focus,
+.k-button.k-danger:hover,
+.btn.btn-danger:focus,
+.btn.btn-danger:hover {
+    color: var(--textColorDanger40, #fffef9);
+    background: var(--colorDanger50, #d43131);
+    border-color: transparent;
+    outline: none;
+}
+
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:active,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:active,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone.active,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel.active,
+.k-button.k-danger.active,
+.k-button.k-danger:active,
+.btn.btn-danger.active,
+.btn.btn-danger:active {
+    background: var(--colorDanger70, #7c2626);
+    border-color: transparent;
+    color: var(--textColorDanger40, #fffef9);
+}
+
+.btn.k-button.btn-block.btn-primary.crn-button-signup-register {
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorDanger40, #fffef9);
+}
+
+.btn.k-button.btn-block.btn-primary.crn-button-signup-register:hover {
+    background: var(--colorDefault20, #b9abce);
+    color: var(--textColorDanger40, #fffef9);
+}
+
+.btn.k-button.btn-block.btn-primary.crn-button-signup-register:active {
+    background: var(--colorDefault60, #32204d);
+    color: var(--textColorDanger40, #fffef9);
+}
+
+.k-numeric-wrap .k-link {
+    background: transparent;
+}
+
+span.k-select {
+    color: var(--textColorDanger40, #fffef9);
+}
+
+span.k-datetimepicker .k-select,
+span.k-datetimepicker .k-select+.k-select {
+    right: 0;
+    background: transparent;
+}
+
+/*Widget*/
+
+.k-window .k-window-titlebar.k-header,
+.k-edit-form-container .k-edit-buttons {
+    background: var(--textColorDefault40, #fffef9);
+    margin-bottom: 20px;
+    text-align: end;
+}
+
+.k-widget.k-window {
+    border-radius: 20px;
+    background: var(--textColorDefault40, #fffef9);
+    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
+}
+
+.k-window .k-window-titlebar.k-header {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-weight: 700;
+    margin-top: -20px;
+}
+
+.k-window .k-window-titlebar.k-header .k-window-title {
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 20px;
+    margin-top: 32px;
+}
+
+.k-scheduler-edit-form .k-textbox[name=title],
+.k-scheduler-edit-form textarea.k-textbox {
+    width: 100%;
+    border: unset;
+    border-bottom: solid 1px;
+    border-radius: 0px;
+}
+
+/*Button serie edit*/
+.k-button.kscheduler-Editarocorrênciaatual {
+    background: var(--colorDefault40, #442b69);
+    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
+}
+
+.k-button.kscheduler-Editarocorrênciaatual:hover {
+    background: var(--colorDefault20, #b9abce);
+    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
+}
+
+.k-button.kscheduler-Editarocorrênciaatual:active {
+    background: var(--colorDefault60, #32204d);
+    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
+}
+
+.k-button.k-scheduler-Editarsérie {
+    background: var(--colorDanger40, #e34646);
+    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
+}
+
+.k-button.k-scheduler-Editarsérie:hover {
+    background: var(--colorDanger50, #d43131);
+    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
+}
+
+.k-button.k-scheduler-Editarsérie:active {
+    background: var(--colorDanger60, #a63333);
+    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
+}
+
+/*Modais*/
+
+.cronapp-icon.cronapp-error {
+    color: var(--colorDanger40, #e34646);
+}
+
+#modalBodyConfirmDialog .title {
+    font-size: var(--textMediumSize, 18px);
+    font-weight: 700;
+    line-height: 1;
+    color: var(--textColor40, #434343);
+}
+
+.k-dialog.k-dialog-titleless .k-content {
+    box-sizing: content-box;
+    background: var(--textColorDefault40, #fffef9);
+}
+
+.k-i-arrow-60-down:before,
+.k-i-arrow-60-up:before {
+    color: var(--colorDefault40, #442b69);
+}
+
+.k-scheduler-edit-form .k-edit-field .k-button:active,
+.k-edit-form-container .k-edit-buttons .k-primary:active,
+.k-scheduler-edit-form .k-edit-field .k-button.active,
+.k-edit-form-container .k-edit-buttons .k-primary.active,
+.k-dialog-buttongroup .k-button.k-primary.active,
+.k-dialog-buttongroup .k-button.k-primary:active,
+.k-button.k-primary.active,
+.k-button.k-primary:active,
+.btn.btn-primary.active,
+.btn.btn-primary:active {
+    background: var(--colorPrimary60, #4c809f);
+}
+
+.k-button.k-primary.k-scheduler-update {
+    background: var(--colorDefault40, #442b69);
+    border-radius: 10px;
+}
+
+.k-button.k-primary.k-scheduler-update:hover {
+    background: var(--colorDefault20, #b9abce);
+    border-radius: 10px;
+}
+
+.k-button.k-primary.k-scheduler-update:active {
+    background: var(--colorDefault60, #32204d);
+    border-radius: 10px;
+}
+
+button.btn.k-button.btn-block.btn-danger.btn-fab {
+    background: var(--colorDanger40, #e34646);
+    border-color: transparent;
+    color: var(--textColorDanger40, #fffef9);
+    border-radius: 20px;
 }