cronapp-framework-js 2.9.2-SP.7 → 2.9.2-SP.9

package/css/themes/custom/cosmo/custom-cosmo.css

@@ -518,21 +518,32 @@ 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, #333333);
+.bg-login #container-second {
+    background: linear-gradient(-140deg, var(--colorPrimary20, #b0c5f0), var(--colorPrimary30, #80a7ea), var(--colorPrimary40, #2780e3), var(--colorPrimary50, #2270c7), var(--colorPrimary60, #1d5ea6));
+}
+
+.bg-login1 #container-first {
+    border-style: solid;
+    border-width: 1px 0 1px 1px;
+    border-color: var(--colorStable40, #f8f8f8);
+}
+
+.bg-login1#bg-signup1 #container-first {
+    border-width: 1px 1px 0 1px;
+}
+
+.bg-login #container-first #crn-botao-signup {
+    color: var(--colorPrimary40, #2780e3);
+}
+
+.bg-login #container-first #crn-botao-signup:hover {
+    color: var(--colorPrimary50, #2270c7);
 }
 
-.bg-login #container-first .btn-login-mutual,
-.bg-login #container-first .btn-login,
 .login-view .crn-button-signup-register,
 .login-view .btn.btn-default {
     background: var(--colorPrimary40, #3b448e);
@@ -540,8 +551,6 @@ a:hover {
     color: var(--textColorPrimary40, #ffffff);
 }
 
-.bg-login #container-first .btn-login-mutual:hover,
-.bg-login #container-first .btn-login:hover,
 .login-view .crn-button-signup-register:hover,
 .login-view .btn.btn-default:hover {
     color: var(--textColorPrimary40, #ffffff);
@@ -550,6 +559,13 @@ a:hover {
     outline: none;
 }
 
+#bg-signup1.bg-login1 #container-first,
+#bg-signup1.bg-login1 #container-second,
+.bg-login1 #container-first,
+.bg-login1 #container-second{
+    border-radius: 0;
+}
+
 /* Input */
 
 .k-autocomplete .k-input,
@@ -581,9 +597,10 @@ a:hover {
 }
 
 /* Banner */
-
+.container .jumbotron,
+.container-fluid .jumbotron,
 .jumbotron {
-    background: var(--colorDefault50, #3c3c3c);
+    background: var(--colorLight50, #dfdfdf);
     border-radius: var(--borderRadiusNone, 0);
 }
 
@@ -591,7 +608,7 @@ a:hover {
 .jumbotron h1,
 .jumbotron .h2,
 .jumbotron h2 {
-    color: var(--textColorDefault40, #ffffff);
+    color: var(--textColor40, #333333);
 }
 
 /* Slider */
@@ -627,6 +644,8 @@ a:hover {
 .k-treeview .k-item {
     background: var(--colorDefault40, #222222);
     color: var(--textColorDefault40, #ffffff);
+    border-radius: var(--borderRadiusNone, 0);
+    border-color: transparent;
 }
 
 .k-treeview .k-in.k-state-selected {
@@ -637,6 +656,12 @@ a:hover {
 .k-treeview .k-in.k-state-hover {
     background: var(--colorDefault60, #191919);
     color: var(--textColorDefault40, #ffffff);
+    border-color: transparent;
+}
+
+.k-treeview .k-icon,
+.k-treeview .k-in {
+    color: var(--textColorDefault40, #ffffff);
 }
 
 /* button - btn-fab */
@@ -681,6 +706,9 @@ a:hover {
     color: var(--textColor40, #333333);
 }
 
+.k-grid table tbody input:hover,
+.k-grid table tbody input:focus,
+.k-grid table tbody input,
 .k-grid table tbody .k-state-selected:hover {
     color: var(--textColorDefault40, #ffffff);
 }
@@ -847,12 +875,6 @@ a:hover {
 .k-multiselect-wrap.k-state-hover,
 .k-state-hover>.k-multiselect-wrap,
 .k-multiselect,
-.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,
 .k-input,
 .k-multiselect-wrap,
 .k-textbox>input,
@@ -860,7 +882,6 @@ input.k-textbox,
 input.k-textbox:hover,
 textarea.k-textbox,
 textarea.k-textbox:hover,
-.k-dropdown .k-state-focused,
 .k-filebrowser-dropzone,
 .k-listbox .k-item:hover:not(.k-state-disabled),
 .k-mobile-list .k-edit-label.k-check:active,
@@ -909,7 +930,6 @@ thead.k-grid-header th.k-header:first-child,
 .k-scheduler-edit-form .k-edit-field .k-button,
 .k-grid .k-hierarchy-cell .k-icon,
 .k-scheduler-table .k-icon,
-.k-treeview .k-icon,
 .k-autocomplete,
 .k-block,
 .k-calendar .k-link,
@@ -940,11 +960,9 @@ thead.k-grid-header th.k-header:first-child,
 .k-timepicker,
 .k-tooltip,
 .k-touch-scrollbar,
-.k-treeview .k-in,
 .k-upload,
 .k-window,
-.k-window-titleless .k-window-content,
-.k-treeview .k-item {
+.k-window-titleless .k-window-content {
     border-radius: var(--borderRadiusNone, 0);
     border-color: var(--textColor10, #d7d7d7);
     box-shadow: none;
@@ -1046,8 +1064,7 @@ cron-calendar.k-widget {
 .k-calendar .k-state-selected.k-state-hover,
 .k-listview>.k-state-focused.k-state-selected,
 .k-state-selected td.k-state-focused,
-td.k-state-focused.k-state-selected,
-.k-state-selected {
+td.k-state-focused.k-state-selected {
     box-shadow: inset 0 0 10px 3px var(--colorDefault30, #7f7f7f);
 }
 
@@ -1082,6 +1099,7 @@ td.k-state-focused.k-state-selected,
 }
 
 /* .cronMultiSelect, */
+.k-autocomplete.k-state-default,
 .k-multiselect-clearable .k-multiselect-wrap,
 .k-dropdown-wrap.k-state-default {
     color: var(--textColor40, #393939);
@@ -1101,6 +1119,23 @@ td.k-state-focused.k-state-selected,
     box-shadow: none;
 }
 
+.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,
@@ -1109,16 +1144,52 @@ td.k-state-focused.k-state-selected,
 .k-numeric-wrap.k-state-focused,
 .k-picker-wrap.k-state-focused,
 .k-textbox:focus,
-.cardinput:focus-within {
+.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(--colorPrimary30, #82bded);
     outline: 0;
     box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorPrimary30, #82bded);
 }
 
+.cardinput .k-textbox.form-control:focus {
+    box-shadow: none;
+}
+
 .k-popup .k-list .k-state-focused {
     border-radius: var(--borderRadiusNone, 0);
 }
 
 .cardinput {
     padding: 0;
+}
+
+/* Input with icon */
+.layout-template-modern {
+    background: transparent;
+    border-radius: var(--borderRadiusNone, 0);
+    border: 1px solid var(--textColor10, #d7d7d7);
+    padding: 0;
+}
+
+.layout-template-modern:focus-within {
+    background: transparent;
+    border-color: var(--colorPrimary30, #82bded);
+    outline: 0;
+    box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorPrimary30, #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:hover,
+.layout-template-modern .k-button {
+    color: var(--colorDefault40, #3b448e);
+    padding: 6px 10px;
 }

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

@@ -17,25 +17,33 @@
     color: var(--colorPrimary40, #2780e3);
 }
 
-#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(--textColorDefault40, #ffffff);
     font-size: var(--textNormalSize, 14px);
 }
 
-#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,
-#main-nav-bar .navbar-default .container-fluid #navbar2 .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 #navbar2 .navbar-nav 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 a:hover,
+#main-nav-bar .navbar.navbar-default .container-fluid #navbar2 .navbar-nav 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,
+.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(--textColorDefault40, #ffffff);
     background: var(--colorDefault70, #131313);
 }
 
-#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(--textColorPrimary40, #ffffff);
     background: var(--colorPrimary40, #2780e3);
 }
@@ -45,6 +53,8 @@
     background: var(--backgroundColor40, #ffffff);
 }
 
+.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.crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
 #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
     color: var(--textColor40, #333333);
@@ -86,6 +96,8 @@
 
 @media (max-width: 767px) {
 
+    .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.crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
     #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
         color: var(--textColorDefault40, #ffff);

package/css/themes/custom/cyborg/custom-cyborg.css

@@ -634,31 +634,52 @@ input {
 }
 
 /* Page login */
+.bg-login #container-first .img-login[src="node_modules/cronapp-framework-js/img/cronapp-logo-login.png"],
 .login-view img[src="node_modules/cronapp-framework-js/img/cronapp-logo-login.png"] {
     filter: brightness(0) invert(1);
 }
 
-.bg-login #container-second,
 .siginPanel,
 .login-view {
     background: var(--backgroundLogin40, #060606);
 }
 
-.bg-login #container-second h1,
-.bg-login #container-second p {
-    color: var(--textColorPrimary40, #ffffff);
+.bg-login #container-second {
+    background: linear-gradient(-140deg, var(--colorPrimary20, #b0d1ea), var(--colorPrimary30, #81bae0), var(--colorPrimary40, #2a9fd6), var(--colorPrimary50, #258bbb), var(--colorPrimary60, #1f749d));
 }
 
-#crn-botao-cadastre,
-.login-view .sign-up,
-.crn-anchor-signup-back {
-    color: var(--textColor40, #888888);
+.bg-login #container-first #crn-botao-signup {
+    color: var(--colorPrimary40, #2a9fd6);
 }
 
-#crn-botao-cadastre:hover,
-.login-view .sign-up:hover,
-.crn-anchor-signup-back:hover {
-    color: var(--textColor40, #888888);
+.bg-login #container-first #crn-botao-signup:hover {
+    color: var(--colorPrimary50, #258bbb);
+}
+
+.bg-login #container-first {
+    background: var(--colorDefault70, #2f2f2f);
+    border-style: solid;
+    border-width: 1px 0 1px 1px;
+    border-color: var(--colorDefault70, #2f2f2f);
+    box-shadow: none;
+}
+
+.bg-login2 #container-first {
+    border-width: 0;
+    background: transparent;
+}
+
+#bg-signup1.bg-login1 #container-first {
+    box-shadow: none;
+}
+
+.bg-login #container-first h1{
+    color: var(--textColorPrimary40, #ffffff);
+}
+
+.bg-login #container-second h1,
+.bg-login #container-first h1 {
+    font-size: var(--textExtraBigSize, 45px);
 }
 
 .bg-login #container-first .btn-login-mutual,
@@ -785,6 +806,61 @@ textarea.k-textbox:hover,
     background: var(--colorNeutral00, #ffffff);
 }
 
+.k-autocomplete.k-state-default .k-input,
+.k-combobox .k-state-default .k-input,
+.k-multiselect-wrap,
+.k-numeric-wrap.k-state-default .k-input,
+.k-picker-wrap.k-state-default .k-input,
+.k-progress-status-wrap,
+.k-slider-selection,
+.k-slider-track {
+    box-shadow: none;
+}
+
+.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(--colorPrimary30, #82bded);
+    outline: 0;
+    box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorPrimary30, #82bded);
+}
+
+.cardinput .k-textbox.form-control:focus {
+    box-shadow: none;
+}
+
+.cardinput {
+    padding: 0;
+}
+
 /* button - btn-fab */
 .btn.btn-fab,
 .btn-fab {
@@ -1264,4 +1340,31 @@ td.k-state-focused.k-state-selected {
 
 .k-scheduler .k-scheduler-toolbar ul .k-nav-current.k-state-hover a {
     background: transparent;
+}
+
+/* Input with icon */
+.layout-template-modern {
+    background: var(--colorNeutral00, #ffffff);
+    border-radius: var(--borderRadiusSmallest, 4px);
+    border: 1px solid var(--textColor10, #d7d7d7);
+    padding: 0;
+}
+
+.layout-template-modern:focus-within {
+    background: var(--colorNeutral00, #ffffff);
+    border-color: var(--colorPrimary30, #82bded);
+    outline: 0;
+    box-shadow: inset 0 1px 1px transparent, 0 0 8px var(--colorPrimary30, #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:hover,
+.layout-template-modern .k-button {
+    color: var(--colorDefault40, #3b448e);
+    padding: 6px 10px;
 }

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

@@ -2,7 +2,7 @@
     filter: brightness(0) invert(1);
 }
 
-.crn-navigator-horizontal .navbar {
+.navbar {
     background: var(--backgroundColor40, #060606);
     border-bottom: 1px solid var(--colorDefault70, #2f2f2f);
 }
@@ -17,15 +17,15 @@
     color: var(--colorDefault40, #555555);
 }
 
-.navbar-nav>li>a,
+.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(--textColor40, #ffffff);
     font-size: var(--textNormalSize, 14px);
 }
 
-.navbar-nav>li>a:focus,
-.navbar-nav>li>a:hover,
+.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,
@@ -54,8 +54,8 @@
     background: var(--colorDefault70, #2f2f2f);
 }
 
-#main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
-#main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
+#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 {
     color: var(--textColor10, #e2e2e2);
 }
 
@@ -71,6 +71,7 @@ img.user-avatar[src="node_modules/cronapp-framework-js/dist/img/img-user.svg"] {
 
 .crn-navigator-vertical .navbar {
     background: var(--backgroundColor40, #060606);
+    border: 0;
 }
 
 /* Menu mobile */
@@ -95,8 +96,15 @@ img.user-avatar[src="node_modules/cronapp-framework-js/dist/img/img-user.svg"] {
         background: var(--backgroundColor40, #f1f1f1);
     }
 
-    #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a,
-    #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a {
+    #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 {
         color: var(--textColor40, #393939);
     }
+}
+
+@media only screen and (min-width: 768px) {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.collapse {
+        box-shadow: none;
+        border: 0;
+    }
 }

package/css/themes/custom/darkly/custom-darkly.css

@@ -715,24 +715,42 @@ a:hover {
 /* Page login */
 .bg,
 .siginPanel,
-.bg-login #container-second,
 .login-view {
     background: var(--backgroundLogin40, #222222);
 }
 
+.bg-login #container-second {
+    background: linear-gradient(-140deg, var(--colorPrimary20, #b2bac5), var(--colorPrimary30, #8492a6), var(--colorPrimary40, #375a7f), var(--colorPrimary50, #304f6f), var(--colorPrimary60, #28425d));
+}
+
+.bg-login #container-first .img-login[src="node_modules/cronapp-framework-js/img/cronapp-logo-login.png"],
 .login-view img[src="node_modules/cronapp-framework-js/img/cronapp-logo-login.png"] {
     filter: brightness(0) invert(1);
 }
 
-.bg-login #container-second h1,
-.bg-login #container-second p {
-    color: var(--textColorPrimary40, #ffffff);
+.bg-login #container-first #crn-botao-signup {
+    color: var(--colorSuccess40, #00bc8c);
 }
 
-#crn-botao-cadastre,
-.login-view .sign-up,
-.crn-anchor-signup-back {
-    color: var(--textColor40, #ffffff);
+.bg-login #container-first #crn-botao-signup:hover {
+    color: var(--colorSuccess50, #00bc8c);
+}
+
+.bg-login #container-first {
+    background: var(--colorDefault50, #3c3c3c);
+    border-style: solid;
+    border-width: 1px 0 1px 1px;
+    border-color: var(--colorDefault50, #3c3c3c);
+    box-shadow: none;
+}
+
+#bg-signup1.bg-login1 #container-first {
+    box-shadow: none;
+}
+
+.bg-login #crn-botao-cadastre:focus,
+.bg-login #crn-botao-cadastre:hover {
+    color: var(--textColor20, #ffffff)
 }
 
 .bg-login #container-first .btn-login-mutual,
@@ -945,6 +963,10 @@ textarea.k-textbox:hover,
     color: var(--colorDefault40, #444444);
 }
 
+.cardinput {
+    padding: 0;
+}
+
 .k-grid-header,
 .table>thead>tr>th {
     background: var(--colorDefault40, #444444);
@@ -1202,4 +1224,29 @@ td.k-state-focused.k-state-selected,
 
 .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
     border-top-color: var(--colorNeutral00, #ffffff)
+}
+
+/* Input with icon */
+.layout-template-modern {
+    background: var(--colorNeutral00, #ffffff);
+    border-radius: var(--borderRadiusSmallest, 4px);
+    border: 1px solid var(--textColor30, #858585);
+    padding: 0;
+}
+
+.layout-template-modern:focus-within {
+    background: var(--colorNeutral00, #ffffff);
+    border-color: var(--textColor30, #858585);
+    outline: 0;
+}
+
+.layout-template-modern input.k-textbox:hover,
+.layout-template-modern input.k-textbox {
+    padding-left: 0;
+    box-shadow: none;
+}
+
+div[data-component^='crn-textinputicon'] .layout-template-modern .k-button,
+div[data-component^='crn-textinputicon'] .layout-template-modern .k-button:hover {
+    color: var(--colorDefault40, #3b448e);
 }

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

@@ -511,20 +511,37 @@ a:hover {
     background: var(--backgroundLogin40, #ffffff);
 }
 
-#crn-botao-cadastre,
-.login-view .sign-up,
-.crn-anchor-signup-back {
-    color: var(--textColor40, #383838);
+.bg-login #container-second {
+    background: linear-gradient(-140deg, var(--colorPrimary20, #aeb7da), var(--colorPrimary30, #7c8ec8), var(--colorPrimary40, #1351b4), var(--colorPrimary50, #11479e), var(--colorPrimary60, #0e3b84));
+}
+
+.bg-login #container-first {
+    background: transparent;
+    border-style: solid;
+    border-width: 1px 0 1px 1px;
+    border-color: var(--colorStable40, #f8f8f8);
+}
+
+.bg-login2 #container-first {
+    border-width: 0;
 }
 
 .login-view {
     max-width: 500px;
 }
 
+.bg-login #container-first input.k-textbox,
 .login-view input {
     width: 100% !important;
 }
 
+.bg-login #container-first input.k-textbox:focus,
+.login-view input:focus {
+    width: 100% !important;
+    box-shadow: 0 0 0 3px var(--colorWarning50, #dfb306) !important;
+    border-color: var(--colorWarning50, #dfb306);
+}
+
 .login-view .btn,
 .login-view .k-button {
     margin: 10px 0;
@@ -1155,6 +1172,10 @@ div[id^="crn-signature-pad"] canvas {
     font-style: italic;
 }
 
+.form-group .k-widget.k-tooltip-validation:empty {
+    display: none !important;
+}
+
 .form-group input.k-invalid {
     border-color: var(--colorDanger40, #e52207);
 }
@@ -1267,4 +1288,8 @@ div[id^="crn-signature-pad"] canvas {
 
 .privacy-view .dialog-cookies a {
     color: var(--colorPrimary30, #7c8ec8);
+}
+
+#cron-breadcrumbs{
+    background: transparent;
 }