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

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

@@ -2,7 +2,7 @@
     background: var(--textColor40, #393939);
 }
 
-.crn-navigator-horizontal .navbar {
+.navbar {
     background: var(--backgroundColor40, #ffffff);
     border-bottom: 1px solid var(--colorDefault10, #e9e9e9);
 }
@@ -17,6 +17,7 @@
     color: var(--colorPrimary40, #eb6864);
 }
 
+.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,
 #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li a span,
@@ -25,6 +26,11 @@
     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,
@@ -36,24 +42,29 @@
     background: var(--backgroundColor50, #dfdfdf);
 }
 
+.navbar-default #navbar .navbar-nav li .dropdown-menu a:hover,
+.navbar-default #navbar2 .navbar-nav li .dropdown-menu 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, #eb6864);
 }
 
+.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 span,
 #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover span {
     color: var(--textColorPrimary40, #ffffff);
 }
 
+.dropdown-menu>li>a,
 .dropdown-menu {
     color: var(--textColor40, #222222);
     background: var(--backgroundColor40, #ffffff);
 }
 
-#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, #222222);
 }
 
@@ -65,13 +76,7 @@
 
 .crn-navigator-vertical .navbar {
     background: var(--backgroundColor40, #ffffff);
-}
-
-.crn-navigator-vertical .navbar-default #navbar .navbar-nav li .dropdown-menu li a:hover,
-.crn-navigator-vertical .navbar-default #navbar .navbar-nav li .dropdown-menu li a:focus,
-#main-nav-bar.crn-navigator-vertical .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu li a:hover,
-#main-nav-bar.crn-navigator-vertical .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu li a:hover {
-    background: var(--colorPrimary60, #7d7d7d);
+    border: 0;
 }
 
 /* Menu mobile */
@@ -94,6 +99,15 @@
     border-color: 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(--textColor40, #222222);
+        font-size: var(--textNormalSize, 14px);
+    }
+}
+
 @media (max-width: 767px) {
 
     .navbar-default {
@@ -101,12 +115,12 @@
         border-color: var(--colorNeutral30, #D5D5D5);
     }
 
-    #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.crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a span,
-    #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a span,
-    #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a i,
-    #main-nav-bar.crn-navigator-horizontal .navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a i,
+    #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,
+    #main-nav-bar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a span,
+    #main-nav-bar.navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a span,
+    #main-nav-bar.navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a i,
+    #main-nav-bar.navbar-default .container-fluid #navbar2 .navbar-nav li .dropdown-menu a i,
     #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li a span,
     #main-nav-bar .navbar-default .container-fluid #navbar2 .navbar-nav li a span,
     #main-nav-bar .navbar-default .container-fluid #navbar .navbar-nav li .dropdown-menu a span,

package/css/themes/custom/lumen/custom-lumen.css

@@ -266,6 +266,7 @@
     --colorNeutral210: #090909;
     --colorNeutral220: #000000;
 
+    /* === Variables used exclusively in the color palette property === */
     /* Components - Button */
     --btnLink: var(--colorPrimary40, #158cba);
     --btnDefault: var(--colorDefault40, #f0f0f0);
@@ -279,6 +280,29 @@
     --btnRoyal: var(--colorRoyal40, #886aea);
     --btnDark: var(--colorDark40, #555555);
 
+    --textColorDefault: var(--textColorDefault40, #ffffff);
+    --textColorPrimary: var(--textColorPrimary40, #ffffff);
+    --textColorSuccess: var(--textColorSuccess40, #ffffff);
+    --textColorCalm: var(--textColorCalm40, #ffffff);
+    --textColorWarning: var(--textColorWarning40, #ffffff);
+    --textColorDanger: var(--textColorDanger40, #ffffff);
+    --textColorLight: var(--textColorLight40, #000000);
+    --textColorStable: var(--textColorStable40, #444444);
+    --textColorRoyal: var(--textColorRoyal40, #ffffff);
+    --textColorDark: var(--textColorDark40, #ffffff);
+
+    --borderBtnLink: transparent;
+    --borderBtnDefault: var(--colorDefault50, #d2d2d2);
+    --borderBtnPrimary: var(--colorPrimary60, #0f6788);
+    --borderBtnSuccess: var(--colorSuccess50, #239f27);
+    --borderBtnCalm: var(--colorCalm50, #66b1ce);
+    --borderBtnWarning: var(--colorWarning50, #df7418);
+    --borderBtnDanger: var(--colorDanger50, #df392f);
+    --borderBtnLight: var(--colorLight50, #d7d7d7);
+    --borderBtnStable: var(--colorStable50, #d9d9d9);
+    --borderBtnRoyal: var(--colorRoyal50, #775dcd);
+    --borderBtnDark: var(--colorDark60, #3e3e3e);
+
     /* Components - Text color */
     --colorDefault: var(--colorDefault50, #d2d2d2);
     --colorPrimary: var(--colorPrimary40, #158cba);
@@ -303,6 +327,17 @@
     --checkboxRoyal: var(--colorRoyal40, #886aea);
     --checkboxDark: var(--colorDark40, #555555);
 
+    --borderCheckboxDefault: var(--colorDefault50, #d2d2d2);
+    --borderCheckboxPrimary: var(--colorPrimary40, #158cba);
+    --borderCheckboxSuccess: var(--colorSuccess40, #28b62c);
+    --borderCheckboxCalm: var(--colorCalm40, #75caeb);
+    --borderCheckboxWarning: var(--colorWarning40, #ff851b);
+    --borderCheckboxDanger: var(--colorDanger40, #ff4136);
+    --borderCheckboxLight: var(--colorLight50, #d7d7d7);
+    --borderCheckboxStable: var(--colorStable50, #d9d9d9);
+    --borderCheckboxRoyal: var(--colorRoyal40, #886aea);
+    --borderCheckboxDark: var(--colorDark40, #555555);
+
     /* Components - Combobox */
     --comboboxDefault: var(--colorDefault40, #f0f0f0);
     --comboboxPrimary: var(--colorPrimary40, #158cba);
@@ -315,6 +350,17 @@
     --comboboxRoyal: var(--colorRoyal40, #886aea);
     --comboboxDark: var(--colorDark40, #555555);
 
+    --borderComboboxDefault: var(--colorDefault50, #d2d2d2);
+    --borderComboboxPrimary: var(--colorPrimary40, #158cba);
+    --borderComboboxSuccess: var(--colorSuccess40, #28b62c);
+    --borderComboboxCalm: var(--colorCalm40, #75caeb);
+    --borderComboboxWarning: var(--colorWarning40, #ff851b);
+    --borderComboboxDanger: var(--colorDanger40, #ff4136);
+    --borderComboboxLight: var(--colorLight50, #d7d7d7);
+    --borderComboboxStable: var(--colorStable50, #d9d9d9);
+    --borderComboboxRoyal: var(--colorRoyal40, #886aea);
+    --borderComboboxDark: var(--colorDark40, #555555);
+
     /* Components - Radio input */
     --optionDefault: var(--colorDefault50, #d2d2d2);
     --optionPrimary: var(--colorPrimary40, #158cba);
@@ -327,6 +373,17 @@
     --optionRoyal: var(--colorRoyal40, #886aea);
     --optionDark: var(--colorDark40, #555555);
 
+    --borderOptionDefault: var(--colorDefault50, #d2d2d2);
+    --borderOptionPrimary: var(--colorPrimary40, #158cba);
+    --borderOptionSuccess: var(--colorSuccess40, #28b62c);
+    --borderOptionCalm: var(--colorCalm40, #75caeb);
+    --borderOptionWarning: var(--colorWarning40, #ff851b);
+    --borderOptionDanger: var(--colorDanger40, #ff4136);
+    --borderOptionLight: var(--colorLight50, #d7d7d7);
+    --borderOptionStable: var(--colorStable50, #d9d9d9);
+    --borderOptionRoyal: var(--colorRoyal40, #886aea);
+    --borderOptionDark: var(--colorDark40, #555555);
+
     /* Components - Panel */
     --panelDefault: var(--colorPrimary40, #158cba);
     --panelPrimary: var(--colorLight40, #f6f6f6);
@@ -338,6 +395,19 @@
     --panelStable: var(--colorStable50, #d9d9d9);
     --panelRoyal: var(--colorRoyal40, #886aea);
     --panelDark: var(--colorDark40, #555555);
+
+    --borderPanelDefault: var(--colorPrimary40, #158cba);
+    --borderPanelPrimary: var(--colorLight50, #d7d7d7);
+    --borderPanelSuccess: var(--colorSuccess40, #28b62c);
+    --borderPanelCalm: var(--colorCalm40, #75caeb);
+    --borderPanelWarning: var(--colorWarning40, #ff851b);
+    --borderPanelDanger: var(--colorDanger40, #ff4136);
+    --borderPanelLight: var(--colorLight40, #f6f6f6);
+    --borderPanelStable: var(--colorStable50, #d9d9d9);
+    --borderPanelRoyal: var(--colorRoyal40, #886aea);
+    --borderPanelDark: var(--colorDark40, #555555);
+
+    /* === End - Variables used exclusively in the color palette property === */
 }
 
 h1,
@@ -597,20 +667,23 @@ h6,
 /* Page login */
 .bg,
 .siginPanel,
-.bg-login #container-second,
 .login-view {
     background: var(--backgroundLogin40, #ffffff);
 }
 
-.bg-login #container-second h1,
-.bg-login #container-second p {
-    color: var(--textColorPrimary40, #ffffff);
+.bg-login #container-second {
+    background: linear-gradient(-140deg, var(--colorPrimary20, #aecadd), var(--colorPrimary30, #7daecc), var(--colorPrimary40, #158cba), var(--colorPrimary50, #127ba3), var(--colorPrimary60, #0f6788));
 }
 
-#crn-botao-cadastre,
-.login-view .sign-up,
-.crn-anchor-signup-back {
-    color: var(--textColor40, #555555);
+.bg-login #container-first {
+    background: transparent;
+    border-style: solid;
+    border-width: 1px 0 1px 1px;
+    border-color: var(--colorDefault40, #f0f0f0);
+}
+
+.bg-login2 #container-first {
+    border-width: 0;
 }
 
 .bg-login #container-first .btn-login-mutual,
@@ -632,6 +705,18 @@ h6,
     outline: none;
 }
 
+.bg-login #container-first #crn-botao-signup,
+.bg-login #crn-botao-cadastre,
+#crn-botao-cadastre {
+    color: var(--colorDefault70, #838383);
+}
+
+.bg-login #container-first #crn-botao-signup:hover,
+.bg-login #crn-botao-cadastre:focus,
+.bg-login #crn-botao-cadastre:hover {
+    color: var(--colorDefault60, #b0b0b0)
+}
+
 /* Link */
 a,
 a:focus,
@@ -649,8 +734,10 @@ a:hover {
 .k-multiselect-wrap,
 .k-textbox>input,
 .form-control {
+    border-style: solid;
+    border-width: 2px 1px 1px 1px;
     border-color: var(--backgroundColor50, #dfdfdf);
-    border-top: 2px solid var(--backgroundColor50, #dfdfdf);
+    border-radius: var(--borderRadiusSmallest, 4px);
 }
 
 /* Abas */
@@ -1045,7 +1132,7 @@ td.k-state-focused.k-state-selected,
 .k-listview>.k-state-focused.k-state-selected,
 .k-state-selected td.k-state-focused,
 td.k-state-focused.k-state-selected {
-    box-shadow: inset 0 0 10px 3px var(--colorPrimary20, #aecadd);
+    box-shadow: inset 0 0 10px 3px var(--colorPrimary40, #158cba);
     color: var(--textColor40, #555555);
     background: transparent;
 }
@@ -1086,4 +1173,46 @@ td.k-state-focused {
 .k-popup .k-list .k-state-focused {
     box-shadow: inset 0 0 2px 0 var(--colorPrimary30, #7daecc), inset 0 0 7px 0 var(--colorPrimary40, #158cba);
     background: transparent;
+}
+
+.cardinput {
+    border-style: solid;
+    border-width: 2px 1px 1px 1px;
+    border-color: var(--backgroundColor50, #dfdfdf);
+    border-radius: var(--borderRadiusSmallest, 4px);
+    padding: 0;
+}
+
+.cardinput button i {
+    color: var(--colorDefault60, #3b448e);
+    font-size: var(--textNormalSize, 14px);
+}
+
+
+/* Input with icon */
+.layout-template-modern {
+    background: transparent;
+    border-radius: var(--borderRadiusSmallest, 4px);
+    padding: 0;
+    border-style: solid;
+    border-width: 2px 1px 1px 1px;
+    border-color: var(--backgroundColor50, #dfdfdf);
+}
+
+.layout-template-modern:focus-within {
+    background: transparent;
+    border-color: var(--textColor40, #393939);
+    outline: 0;
+}
+
+.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;
+    color: var(--colorDefault60, #3b448e);
 }

package/css/themes/custom/lumen/panel-lumen.css

@@ -1,105 +1,73 @@
 .panel {
     background: var(--backgroundColor40, #ffffff);
     box-shadow: none;
+    border: 1px solid var(--colorDefault40, #f0f0f0);
+    border-width: 0 1px 4px 1px;
 }
 
 .panel-footer {
-    color: var(--textColor40, #3e3f3a);
-    background: var(--colorLight40, #f8f5f0);
+    color: var(--textColor40, #555555);
+    background: var(--colorLight40, #f6f6f6);
     border-color: transparent;
 }
 
 /* Default */
 .panel-default .panel-heading {
     color: var(--textColorPrimary40, #ffffff);
-    background: var(--colorPrimary40, #325d88);
+    background: var(--colorPrimary40, #158cba);
     border-color: transparent;
 }
 
-.panel-default {
-    border-color: var(--colorPrimary40, #325d88);
-}
-
 /* Primary */
-
 .panel-primary>.panel-heading {
-    color: var(--textColor40, #3e3f3a);
-    background: var(--colorLight40, #f8f5f0);
+    color: var(--textColor40, #555555);
+    background: var(--colorLight40, #f6f6f6);
     border-color: transparent;
 }
 
-.panel-primary {
-    border-color: var(--colorLight50, #d9d7d2);
-}
-
 /* Sucess */
-
 .panel-success>.panel-heading {
     color: var(--textColorSuccess40, #ffffff);
-    background: var(--colorSuccess40, #93c54b);
+    background: var(--colorSuccess40, #28b62c);
     border-color: transparent
 }
 
-.panel-success {
-    border-color: var(--colorSuccess40, #93c54b);
-}
-
 /* Info */
 .panel-info>.panel-heading {
     color: var(--textColorCalm40, #ffffff);
-    background: var(--colorCalm40, #29abe0);
+    background: var(--colorCalm40, #75caeb);
     border-color: transparent
 }
 
-.panel-info {
-    border-color: var(--colorCalm40, #29abe0);
-}
-
 /* Warning */
 .panel-warning>.panel-heading {
     color: var(--textColorWarning40, #ffffff);
-    background: var(--colorWarning40, #f47c3c);
+    background: var(--colorWarning40, #ff851b);
     border-color: transparent
 }
 
-.panel-warning {
-    border-color: var(--colorWarning40, #f47c3c);
-}
-
 /* Danger */
 .panel-danger>.panel-heading {
     color: var(--textColorDanger40, #ffffff);
-    background: var(--colorDanger40, #d9534f);
+    background: var(--colorDanger40, #ff4136);
     border-color: transparent
 }
 
-.panel-danger {
-    border-color: var(--colorDanger40, #d9534f);
-}
-
 /* Light */
 .panel-light>.panel-heading {
-    color: var(--textColor40, #3e3f3a);
-    background: var(--colorLight40, #f8f5f0);
+    color: var(--textColor40, #555555);
+    background: var(--colorLight40, #f6f6f6);
     border-color: transparent
 }
 
-.panel-light {
-    border-color: var(--colorLight40, #f8f5f0);
-}
-
 /* Stable */
 .panel-stable>.panel-heading,
 .panel-stable>.panel-footer {
     color: var(--textColorStable40, #444444);
-    background: var(--colorStable50, #f8f8f8);
+    background: var(--colorStable50, #d9d9d9);
     border-color: transparent
 }
 
-.panel-stable {
-    border-color: var(--colorStable50, #f8f8f8);
-}
-
 /* Royal */
 .panel-royal>.panel-heading,
 .panel-royal>.panel-footer {
@@ -108,18 +76,10 @@
     border-color: transparent
 }
 
-.panel-royal {
-    border-color: var(--colorRoyal40, #886aea);
-}
-
 /* Dark */
 .panel-dark>.panel-heading,
 .panel-dark>.panel-footer {
     color: var(--textColorDark40, #ffffff);
     background: var(--colorDark40, #555555);
     border-color: transparent
-}
-
-.panel-dark {
-    border-color: var(--colorDark40, #555555);
 }

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

@@ -505,6 +505,10 @@ textarea.k-textbox:hover {
     border-radius: 0;
 }
 
+.cardinput{
+    padding: 0;
+}
+
 .k-autocomplete.k-state-focused,
 .k-dropdown-wrap.k-state-focused,
 .k-multiselect.k-header.k-state-focused,
@@ -589,8 +593,7 @@ textarea.k-textbox:hover {
 
 /* Page login */
 .bg,
-.siginPanel,
-.bg-login #container-second {
+.siginPanel {
     background: linear-gradient(-140deg, var(--backgroundLogin20, #80c8ff), var(--backgroundLogin30, #4db2ff), var(--backgroundLogin40, #0091ff), var(--backgroundLogin50, #0082e6), var(--backgroundLogin60, #004880));
 }
 
@@ -601,19 +604,6 @@ textarea.k-textbox:hover {
     border-radius: 3px;
 }
 
-.bg-login #container-second h1,
-.bg-login #container-second p {
-    color: var(--textColorPrimary40, #ffffff);
-}
-
-#crn-botao-cadastre,
-.login-view .sign-up,
-.crn-anchor-signup-back {
-    color: var(--textColor40, #111111);
-}
-
-.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);
@@ -621,8 +611,6 @@ textarea.k-textbox: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);
@@ -1143,4 +1131,8 @@ div[data-component^='crn-textinputicon'] .k-button {
 
 .k-edit-form-container .k-textbox {
     border-width: 0 0 1px 0;
+}
+
+#cron-breadcrumbs{
+    background: transparent;
 }