cronapp-framework-js 2.9.2 → 2.9.3-SP.10

package/css/themes/custom/dsgov/navbar-dsgov.css

@@ -2,28 +2,30 @@
     background: var(--colorDefault40, #1351b4);
 }
 
-.crn-navigator-horizontal .navbar-default {
+.navbar.navbar-default {
     background: var(--backgroundColor40, #ffffff);
     box-shadow: 0 1px 6px rgb(0 0 0 / 16%);
     border: 0;
 }
 
-.crn-navigator-horizontal .navbar-default .container-fluid {
+.navbar.navbar-default .container-fluid {
     display: flex;
     justify-content: space-between;
     padding: 0 var(--menuSideSize);
 }
 
-.crn-navigator-horizontal .navbar-default .container-fluid #navbar {
+.navbar.navbar-default .container-fluid #navbar {
     width: 100%;
 }
 
-.crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav {
+
+.navbar.navbar-default .container-fluid #navbar .navbar-nav .nav,
+.crn-navigator-horizontal .navbar.navbar-default .container-fluid #navbar .navbar-nav {
     float: right !important;
 }
 
-.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav>li>a,
-.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav>li.open>a {
+.navbar.navbar-default .container-fluid #navbar2 .navbar-nav>li>a,
+.navbar.navbar-default .container-fluid #navbar2 .navbar-nav>li.open>a {
     background: var(--colorNeutral10, #F1F1F1);
     border-radius: var(--borderRadiusFull, 99999px);
     padding: 5px;
@@ -31,7 +33,7 @@
     align-items: center;
 }
 
-.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav {
+.navbar.navbar-default .container-fluid #navbar2 .navbar-nav {
     margin: 9px 0px;
 }
 
@@ -51,8 +53,10 @@
     color: var(--colorDefault40, #1351b4);
 }
 
-#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li a,
-#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li a {
+.navbar.navbar-default .container-fluid #navbar .navbar-nav li a,
+.navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a,
+#main-nav-bar .navbar.navbar-default .container-fluid #navbar .navbar-nav li a,
+#main-nav-bar .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a {
     color: var(--colorDefault40, #1351b4);
     font-size: var(--textNormalSize, 16px);
     display: flex;
@@ -60,17 +64,21 @@
     justify-content: space-between;
 }
 
-#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li a:hover,
-#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
-.navbar-default .navbar-nav>.open>a,
-.navbar-default .navbar-nav>.open>a:focus,
-.navbar-default .navbar-nav>.open>a:hover {
+.navbar.navbar-default .container-fluid #navbar .navbar-nav li a:hover,
+.navbar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
+#main-nav-bar .navbar.navbar-default .container-fluid #navbar .navbar-nav li a:hover,
+#main-nav-bar .navbar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
+.navbar.navbar-default .navbar-nav>.open>a,
+.navbar.navbar-default .navbar-nav>.open>a:focus,
+.navbar.navbar-default .navbar-nav>.open>a:hover {
     color: var(--colorDefault50, #11479e);
     background: transparent;
 }
 
-#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
-#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover {
+.navbar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
+.navbar.navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover,
+#main-nav-bar .navbar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
+#main-nav-bar .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover {
     color: var(--colorDefault40, #1351b4);
     background: var(--colorDefault10, #d6daeb);
 }
@@ -82,12 +90,14 @@
     border: 0;
 }
 
-.navbar-default .container-fluid #navbar2 .navbar-nav .dropdown-menu {
+.navbar.navbar-default .container-fluid #navbar2 .navbar-nav .dropdown-menu {
     top: auto;
 }
 
-#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
-#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
+.navbar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
+.navbar.navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a,
+#main-nav-bar .navbar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
+#main-nav-bar .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
     color: var(--colorDefault40, #1351b4);
     padding-top: 10px;
     padding-bottom: 10px;
@@ -95,8 +105,8 @@
     justify-content: flex-start;
 }
 
-.navbar-default .container-fluid #navbar .navbar-nav .dropdown-menu li:last-child a,
-.navbar-default .container-fluid #navbar2 .navbar-nav .dropdown-menu li:last-child a {
+.navbar.navbar-default .container-fluid #navbar .navbar-nav .dropdown-menu li:last-child a,
+.navbar.navbar-default .container-fluid #navbar2 .navbar-nav .dropdown-menu li:last-child a {
     border: 0;
 }
 
@@ -116,16 +126,16 @@
     border-bottom: 0;
 }
 
-.navbar-default .container-fluid #navbar .navbar-nav .dropdown-menu {
+.navbar.navbar-default .container-fluid #navbar .navbar-nav .dropdown-menu {
     margin-top: -4px;
 }
 
-.navbar-default .container-fluid #navbar2 .navbar-nav .dropdown-menu {
+.navbar.navbar-default .container-fluid #navbar2 .navbar-nav .dropdown-menu {
     margin-top: 11px;
 }
 
-.crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav li a span.caret:hover,
-.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav li a span.caret:hover {
+.navbar.navbar-default .container-fluid #navbar .navbar-nav li a span.caret:hover,
+.navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a span.caret:hover {
     background: var(--colorDefault10, #d6daeb);
     color: var(--colorDefault40, #1351b4);
 }
@@ -141,22 +151,25 @@
     padding: 0 var(--menuItemPaddingSize, 15px);
 }
 
-.crn-navigator-horizontal .navbar-default .navbar-brand {
+.navbar.navbar-default .navbar-brand {
     padding-left: 0;
 }
 
 .navbar-default .navbar-toggle,
-.crn-navigator-horizontal .navbar-default .container-fluid .navbar-header {
+.navbar.navbar-default .container-fluid .navbar-header {
     margin-right: 0;
     margin-left: 0;
 }
 
-#main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li a,
-#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li a {
+.navbar.navbar-default .container-fluid #navbar .navbar-nav li a,
+.navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a,
+#main-nav-bar .navbar.navbar-default .container-fluid #navbar .navbar-nav li a,
+#main-nav-bar .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a {
     justify-content: flex-start;
 }
 
-#main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li a.dropdown-toggle {
+.navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a.dropdown-toggle,
+#main-nav-bar .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a.dropdown-toggle {
     gap: 9px;
     width: fit-content;
 }
@@ -182,35 +195,39 @@
 }
 
 @media (max-width: 767px) {
-    .crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav {
+    .navbar.navbar-default .container-fluid #navbar .navbar-nav {
         float: none !important;
     }
 
-    #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li>a,
-    #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li>a {
+    .navbar.navbar-default .container-fluid #navbar .navbar-nav li>a,
+    .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li>a,
+    #main-nav-bar .navbar.navbar-default .container-fluid #navbar .navbar-nav li>a,
+    #main-nav-bar .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li>a {
         border-bottom: 1px solid var(--backgroundColor50, #dfdfdf);
     }
 
-    .crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav li a span.caret,
-    .crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav li a span.caret {
+    .navbar.navbar-default .container-fluid #navbar .navbar-nav li a span.caret,
+    .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a span.caret {
         color: var(--colorDefault40, #1351b4);
     }
 
-    .crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav>li>a,
-    .crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav>li.open>a {
+    .navbar.navbar-default .container-fluid #navbar2 .navbar-nav>li>a,
+    .navbar.navbar-default .container-fluid #navbar2 .navbar-nav>li.open>a {
         background: transparent;
         border-radius: inherit;
     }
 
-    #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li a.dropdown-toggle {
+    .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a.dropdown-toggle,
+    #main-nav-bar .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a.dropdown-toggle {
         width: inherit;
     }
 
-    .crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav {
+    .navbar.navbar-default .container-fluid #navbar2 .navbar-nav {
         margin: 0;
     }
 
-    #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li a {
+    .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a,
+    #main-nav-bar .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li a {
         line-height: 25px;
         padding-top: 17px;
         padding-bottom: 13px;
@@ -225,6 +242,10 @@
         background: var(--colorLight10);
     }
 
+    .navbar.navbar-default .container-fluid #navbar .navbar-nav li.open>a,
+    .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li.open>a,
+    .navbar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
+    .navbar.navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a,
     #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li.open>a,
     #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li.open>a,
     #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
@@ -236,7 +257,7 @@
         width: auto;
     }
 
-    .crn-navigator-horizontal .navbar-default .container-fluid {
+    .navbar.navbar-default .container-fluid {
         display: block;
     }
 }

package/css/themes/custom/flatly/custom-flatly.css

@@ -302,7 +302,7 @@
     --borderBtnStable: transparent;
     --borderBtnRoyal: transparent;
     --borderBtnDark: transparent;
-    
+
     /* Components - Text color */
     --colorDefault: var(--colorDefault40, #798d8f);
     --colorPrimary: var(--colorPrimary40, #2c3e50);
@@ -557,17 +557,23 @@ a:hover {
 /* Page login */
 .bg,
 .siginPanel,
-.bg-login #container-second,
 .login-view {
     background: var(--backgroundLogin40, #ffffff);
 }
 
-.bg-login #container-second h1,
-.bg-login #container-second p,
-#crn-botao-cadastre,
-.login-view .sign-up,
-.crn-anchor-signup-back {
-    color: var(--textColor40, #2c3e50);
+.bg-login #container-second {
+    background: linear-gradient(-140deg, var(--colorPrimary20, #b1b3b7), var(--colorPrimary30, #81878e), var(--colorPrimary40, #2c3e50), var(--colorPrimary50, #273646), var(--colorPrimary60, #202d3b));
+}
+
+.bg-login #container-first {
+    background: transparent;
+    border-style: solid;
+    border-width: 1px 0 1px 1px;
+    border-color: var(--colorDefault10, #dfe3e3);
+}
+
+.bg-login2 #container-first {
+    border-width: 0;
 }
 
 .bg-login #container-first .btn-login-mutual,
@@ -859,18 +865,6 @@ td.k-state-focused.k-state-selected,
     border-color: transparent;
 }
 
-.k-edit-form-container .k-edit-buttons .k-primary {
-    background: var(--colorSuccess40, #18bc9c);
-    border-color: transparent;
-    color: var(--textColorSuccess40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-primary:hover {
-    color: var(--textColorSuccess40, #ffffff);
-    background: var(--colorSuccess50, #15a589);
-    border-color: transparent;
-}
-
 .k-scheduler-navigation .k-link {
     background: var(--backgroundColor40, #fcfcfc);
     color: var(--colorPrimary40, #2c3e50);
@@ -977,4 +971,58 @@ td.k-state-focused {
 .k-list-optionlabel:hover.k-state-selected {
     color: var(--colorDefault40, #798d8f);
     background: transparent;
+}
+
+/* Form */
+.form-control.k-textbox,
+.input-group .form-control:last-child,
+.k-textbox,
+input.k-textbox,
+textarea.k-textbox,
+.k-multiselect .k-multiselect-wrap,
+.k-combobox .k-dropdown-wrap,
+.k-autocomplete,
+.k-autocomplete.k-state-default,
+.cronDynamicSelect .k-dropdown-wrap,
+.mce-tinymce.mce-panel,
+.k-grid .k-dropdown .k-dropdown-wrap,
+.k-animation-container .k-dropdown .k-dropdown-wrap,
+.cardinput {
+    border-width: 2px;
+    border-color: var(--colorDefault10, #dfe3e3);
+    box-shadow: none;
+}
+
+.k-autocomplete.k-state-focused,
+.k-dropdown-wrap.k-state-focused,
+.k-multiselect.k-header.k-state-focused,
+.k-numeric-wrap.k-state-focused,
+.k-picker-wrap.k-state-focused,
+.k-textbox:focus,
+.cardinput:focus-within {
+    border-color: var(--textColor40, #393939);
+}
+
+.cardinput {
+    padding: 0;
+}
+
+/* Input with icon */
+.layout-template-modern {
+    background: var(--colorNeutral00, #ffffff);
+    border-radius: var(--borderRadiusSmallest, 4px);
+    border: 2px solid var(--colorDefault10, #dfe3e3);
+    padding: 0;
+}
+
+.layout-template-modern:focus-within {
+    background: var(--colorNeutral00, #ffffff);
+    border: 2px solid var(--textColor40, #393939);
+    outline: 0;
+}
+
+.layout-template-modern input.k-textbox:hover,
+.layout-template-modern input.k-textbox {
+    padding-left: 0;
+    box-shadow: none;
 }

package/css/themes/custom/flatly/navbar-flatly.css

@@ -17,12 +17,18 @@
     color: var(--colorCalm40, #033c73);
 }
 
+.navbar-default .navbar-nav>li>a,
 #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li a,
 #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li a {
     color: var(--textColorPrimary40, #ffffff);
     font-size: var(--textNormalSize, 14px);
 }
 
+.navbar-default .navbar-nav>li>a:focus,
+.navbar-default .navbar-nav>li>a:hover,
+.nav .open>a,
+.nav .open>a:focus,
+.nav .open>a:hover,
 #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li a:hover,
 #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li a:hover,
 #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
@@ -34,12 +40,19 @@
     background: transparent;
 }
 
+.navbar-default #navbar .navbar-nav li .dropdown-menu a:hover,
+.navbar-default #navbar2 .navbar-nav li .dropdown-menu a:hover,
+.navbar-default #navbar .navbar-nav li .dropdown-menu a:focus,
+.navbar-default #navbar2 .navbar-nav li .dropdown-menu a:focus,
+.dropdown-menu>li>a:focus,
+.dropdown-menu>li>a:hover,
 #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
 #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover {
     color: var(--textColorPrimary40, #ffffff);
     background: var(--colorPrimary40, #2c3e50);
 }
 
+.dropdown-menu>li>a,
 .dropdown-menu {
     color: var(--textColor30, #81878e);
 }
@@ -88,4 +101,12 @@
         color: var(--colorSuccess40, #18bc9c);
         background: transparent;
     }
+}
+
+@media only screen and (min-width: 768px) {
+
+    .navbar-default #navbar .navbar-nav li .dropdown-menu a,
+    .navbar-default #navbar2 .navbar-nav li .dropdown-menu a {
+        color: var(--textColor30, #81878e);
+    }
 }

package/css/themes/custom/fuse/custom-fuse.css

@@ -420,7 +420,7 @@
     color: var(--textColor40, #383838);
 }
 
-.color-info:hover{
+.color-info:hover {
     color: var(--textColor40, #383838);
 }
 
@@ -527,10 +527,6 @@ div[data-component="crn-accordion"] .title {
     background: var(--backgroundColor40, #060606);
 }
 
-.bg-login #container-second {
-    background: var(--colorPrimary40, #4f46e5);
-}
-
 .login-view {
     background: var(--colorNeutral00, #FFFFFF);
     border: 0;
@@ -539,28 +535,16 @@ div[data-component="crn-accordion"] .title {
     padding: 30px;
 }
 
+.bg-login #container-second {
+    background: var(--colorPrimary40, #4f46e5);
+}
+
 .bg-login #container-second h1,
 .bg-login #container-second p {
     color: var(--textColorDefault40, #ffffff);
-    background: initial;
-    border: 0;
-}
-
-#crn-botao-cadastre,
-.login-view .sign-up,
-.crn-anchor-signup-back {
-    color: var(--textColor40, #383838);
-    background: initial;
-    border: 0;
-}
-
-#crn-botao-cadastre:hover,
-.login-view .sign-up:hover,
-.crn-anchor-signup-back:hover {
-    color: var(--textColor40, #383838);
 }
 
-.login-view .crn-button-signup-register,
+#crn-botao-cadastre .login-view .crn-button-signup-register,
 .login-view .btn.btn-default {
     background: var(--colorPrimary40, #4f46e5);
     border-color: transparent;
@@ -938,7 +922,7 @@ textarea.k-textbox {
     margin-left: 0;
 }
 
-.cardinput input.k-textbox{
+.cardinput input.k-textbox {
     height: auto;
 }
 
@@ -1256,10 +1240,41 @@ div[data-component="crn-grid"] .k-grid-header th.k-header {
     color: var(--textColor40, #383838);
 }
 
-.panel-info .panel-heading h1{
+.panel-info .panel-heading h1 {
     color: var(--textColor40, #383838);
 }
 
 .panel-info {
     border-color: var(--textColor20, #b2b2b2);
+}
+
+#cron-breadcrumbs {
+    background: transparent;
+}
+
+/* Input with icon */
+.layout-template-modern {
+    background: var(--colorNeutral00, #ffffff);
+    border-radius: 5px;
+    border: 1px solid var(--colorLight60, #bbbbbb);
+    padding: 0;
+    min-height: 43px;
+}
+
+.layout-template-modern:focus-within {
+    border: 1px solid var(--colorLight60, #bbbbbb);
+    background: var(--colorNeutral00, #ffffff);
+}
+
+.layout-template-modern input.k-textbox {
+    padding-left: 5px;
+}
+
+.layout-template-modern .k-button:hover,
+.layout-template-modern .k-button {
+    color: var(--colorDefault40, #3b448e);
+}
+
+.layout-template-modern.input-group .k-button {
+    padding: 0px 14px;
 }

package/css/themes/custom/journal/custom-journal.css

@@ -269,7 +269,7 @@
     --colorNeutral210: #090909;
     --colorNeutral220: #000000;
 
-    /* === Variables used exclusively in the color palette property === */    
+    /* === Variables used exclusively in the color palette property === */
     /* Components - Button */
     --btnLink: var(--colorPrimary40, #eb6864);
     --btnDefault: var(--colorDefault40, #2ca4a8);
@@ -458,17 +458,27 @@ a:hover {
 /* Page login */
 .bg,
 .siginPanel,
-.bg-login #container-second,
 .login-view {
     background: var(--backgroundLogin40, #ffffff);
 }
 
-.bg-login #container-second h1,
-.bg-login #container-second p,
-#crn-botao-cadastre,
-.login-view .sign-up,
-.crn-anchor-signup-back {
-    color: var(--textColor40, #222222);
+.bg-login #container-second {
+    background: linear-gradient(-140deg, var(--colorPrimary20, #f4bebc), var(--colorPrimary30, #f09997), var(--colorPrimary40, #eb6864), var(--colorPrimary50, #ce5b58), var(--colorPrimary60, #ac4c49));
+}
+
+.bg-login #container-first {
+    background: transparent;
+    border-style: solid;
+    border-width: 1px 0 1px 1px;
+    border-color: var(--colorDefault10, #e9e9e9);
+}
+
+.bg-login2 #container-first {
+    border-width: 0;
+}
+
+.bg-login #container-first #crn-botao-signup:hover {
+    color: var(--colorDefault30, #8689af);
 }
 
 .bg-login #container-first .btn-login-mutual,
@@ -807,18 +817,6 @@ div[data-component="crn-textinputbutton"] div[data-component="crn-button"] butto
     border-color: transparent;
 }
 
-.k-edit-form-container .k-edit-buttons .k-primary {
-    background: var(--colorSuccess40, #22b24c);
-    border-color: transparent;
-    color: var(--textColorSuccess40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-primary:hover {
-    color: var(--textColorSuccess40, #ffffff);
-    background: var(--colorSuccess50, #1e9c43);
-    border-color: transparent;
-}
-
 .k-scheduler-navigation .k-link {
     background: var(--backgroundColor40, #ffffff);
     color: var(--colorPrimary40, #eb6864);
@@ -914,18 +912,6 @@ td.k-state-focused {
     background: transparent;
 }
 
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel {
-    background: var(--colorDanger40, #f57a00);
-    border-color: transparent;
-    color: var(--textColorDanger40, #ffffff);
-}
-
-.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:hover {
-    color: var(--textColorDanger40, #ffffff);
-    background: var(--colorDanger50, #d76b00);
-    border-color: transparent;
-}
-
 .k-list .k-item.k-state-hover.k-state-selected,
 .k-list .k-item:hover.k-state-selected,
 .k-list-optionlabel:hover.k-state-selected {
@@ -1005,4 +991,99 @@ td.k-state-focused.k-state-selected,
 
 .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
     border-top-color: var(--backgroundColor40, #ffffff);
+}
+
+/* Form */
+.k-scheduler-edit-form .k-textbox,
+.k-multiselect-wrap,
+.k-autocomplete.k-state-default,
+.k-dropdown-wrap.k-state-default,
+.k-numeric-wrap.k-state-default,
+.k-picker-wrap.k-state-default,
+.k-textbox,
+.cardinput,
+.form-control {
+    color: var(--textColor30, #7f7f7f);
+    background: var(--backgroundColor40, #ffffff);
+    border: 1px solid #cccccc;
+    border-radius: var(--borderRadiusSmallest, 4px);
+    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
+}
+
+input::placeholder,
+.k-input::placeholder,
+.form-control::placeholder {
+    font-family: "Georgia", var(--fontFamily);
+    font-size: var(--textNormalSize, 15px);
+    color: var(--textColor30, #7f7f7f);
+}
+
+.k-autocomplete.k-state-default.k-state-focused:hover,
+.k-widget.k-multiselect.k-state-focused:hover,
+.k-dropdown .k-state-focused:hover,
+.k-autocomplete.k-state-focused:hover,
+.k-dropdown-wrap.k-state-focused:hover,
+.k-multiselect.k-header.k-state-focused:hover,
+.k-numeric-wrap.k-state-focused:hover,
+.k-picker-wrap.k-state-focused:hover,
+.k-autocomplete.k-state-default.k-state-focused.k-state-hover,
+.k-widget.k-multiselect.k-state-focused.k-state-hover,
+.k-dropdown .k-state-focused.k-state-hover,
+.k-autocomplete.k-state-focused.k-state-hover,
+.k-dropdown-wrap.k-state-focused.k-state-hover,
+.k-multiselect.k-header.k-state-focused.k-state-hover,
+.k-numeric-wrap.k-state-focused.k-state-hover,
+.k-picker-wrap.k-state-focused.k-state-hover,
+.k-autocomplete.k-state-default.k-state-focused,
+.k-widget.k-multiselect.k-state-focused,
+.k-dropdown .k-state-focused,
+.k-autocomplete.k-state-focused,
+.k-dropdown-wrap.k-state-focused,
+.k-multiselect.k-header.k-state-focused,
+.k-numeric-wrap.k-state-focused,
+.k-picker-wrap.k-state-focused,
+.k-textbox:focus,
+.cardinput:focus-within,
+.k-textbox:focus:hover,
+.cardinput:focus-within:hover,
+.cronMultiSelect.k-state-focused,
+.cronMultiSelect.k-state-focused.k-state-hover,
+.cronMultiSelect.k-state-focused:hover {
+    border-color: var(--colorCalm30, #82bded);
+    outline: 0;
+    box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorCalm30, #82bded);
+}
+
+.cardinput .k-textbox.form-control:focus {
+    box-shadow: none;
+}
+
+.cardinput {
+    padding: 0;
+}
+
+/* Input with icon */
+.layout-template-modern {
+    background: var(--colorNeutral00, #ffffff);
+    border-radius: var(--borderRadiusSmallest, 4px);
+    border: 1px solid #cccccc;
+    padding: 0;
+}
+
+.layout-template-modern:focus-within {
+    background: var(--colorNeutral00, #ffffff);
+    border-color: var(--colorCalm30, #82bded);
+    outline: 0;
+    box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorCalm30, #82bded);
+}
+
+.layout-template-modern input.k-textbox:hover,
+.layout-template-modern input.k-textbox {
+    padding-left: 0;
+    box-shadow: none;
+}
+
+.layout-template-modern .k-button,
+.layout-template-modern .k-button:hover {
+    border: 0;
 }