cronapp-framework-js 2.9.6-SP.4 → 2.9.6-SP.40

package/css/themes/custom/krypton/grid-krypton.css

@@ -22,11 +22,11 @@
 .k-button.k-default,
 .btn.btn-default {
     box-shadow: transparent;
-    background: var(--colorPrimary, linear-gradient(180deg, #197FDD 0%, #08427A 100%));
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
 }
 
 .k-button:hover {
-    background: var(--colorPrimary, linear-gradient(180deg, #197FDD 0%, #08427A 100%));
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
     box-shadow: 0px 0px 3px #187AD4;
 }
 
@@ -49,7 +49,7 @@
 }
 
 .k-slider .k-button {
-    background: var(--colorDefault, linear-gradient(180deg, #262C32 0%, #2D3843 100%));
+    background: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
     color: var(--textColorPrimary40, #f0f0f0);
     border-radius: 5px;
     transform: translate(-50%, -50%);
@@ -65,13 +65,13 @@
 }
 
 .k-grid .k-pager-numbers .k-state-selected {
-    background: var(--colorDefault, linear-gradient(180deg, #262C32 0%, #2D3843 100%));
+    background: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
     color: var(--textColor40, #f0f0f0);
     border-radius: 5px;
 }
 
 .k-button.k-primary {
-    background: var(--colorPrimary, linear-gradient(180deg, #197FDD 0%, #08427A 100%));
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
 }
 
 .k-button.k-primary:focus,
@@ -89,7 +89,7 @@
 
 .k-grid-header:first-child th.k-header:first-child {
     border-radius: 10px;
-    background: var(--colorPrimary, linear-gradient(180deg, #197FDD 0%, #08427A 100%));
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
 }
 
 .k-grid-header th.k-header {
@@ -115,7 +115,7 @@
 }
 
 .k-grid-header .k-header {
-    background: var(--colorDefault, linear-gradient(180deg, #262C32 0%, #2D3843 100%));
+    background: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
 }
 
 .k-grid-toolbar:first-child,
@@ -124,18 +124,18 @@
 }
 
 .k-grid-header th.k-header {
-    background: var(--colorPrimary, linear-gradient(180deg, #197FDD 0%, #08427A 100%));
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
     color: var(--textColor40, #f0f0f0);
     border: transparent;
     height: 8px;
 }
 
 .k-grid tbody td>.k-grid-delete {
-    background: var(--colorDanger, linear-gradient(180deg, #F03A3A 0%, #7E2121 100%));
+    background: linear-gradient(180deg, var(--colorDanger40, #f03a3a) 0%, var(--colorDanger70, #832020) 100%);
 }
 
 .k-grid tbody td>.k-grid-delete:hover {
-    background: var(--colorDanger, linear-gradient(180deg, #F03A3A 0%, #7E2121 100%));
+    background: linear-gradient(180deg, var(--colorDanger40, #f03a3a) 0%, var(--colorDanger70, #832020) 100%);
     box-shadow: 0px 0px 3px #DE3636;
 }
 
@@ -145,21 +145,13 @@
 
 .k-slider-horizontal .k-slider-selection,
 .k-slider-horizontal .k-slider-track {
-    background: var(--backgroundColor30, #546270);
+    background: var(--textColor40, #f0f0f0);
     height: 10px;
     margin-top: 0px;
     top: 0%;
     border-radius: 20px;
 }
 
-.k-slider .k-button {
-    background: var(--colorPrimary, linear-gradient(180deg, #197FDD 0%, #08427A 100%));
-    color: var(--textColorPrimary40, #f0f0f0);
-    border-radius: 5px;
-    box-shadow: none;
-    top: 1px;
-}
-
 .k-draghandle .k-state-focused:link {
     height: initial;
 }
@@ -170,23 +162,23 @@
 }
 
 .k-grid .k-pager-numbers .k-state-selected {
-    background: var(--colorPrimary, linear-gradient(180deg, #197FDD 0%, #08427A 100%));
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
     color: var(--textColorPrimary40, #f0f0f0);
     border-radius: 5px;
     border: none;
 }
 
 .k-pager-wrap>.k-link>.k-icon {
-    color: var(--textColorDefault40, #f0f0f0);
+    color: var(--colorPrimary60, #125da2);
 }
 
 .k-button.k-primary {
-    background: var(--colorSuccess, linear-gradient(180deg, #0EDA0A 0%, #0D840A 100%));
+    background: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108D0D) 100%);
 }
 
 .k-button.k-primary:focus,
 .k-button.k-primary:hover {
-    background: var(--colorSuccess, linear-gradient(180deg, #0EDA0A 0%, #0D840A 100%));
+    background: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108D0D) 100%);
     box-shadow: 0px 0px 3px #2FFC2B;
 }
 
@@ -195,13 +187,108 @@
 }
 
 .k-widget.k-tooltip.k-slider-tooltip {
-    background: var(--colorPrimary, linear-gradient(180deg, #197FDD 0%, #08427A 100%));
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
+}
+
+/*Modais*/
+
+.modal-content {
+    position: relative;
+    background: var(--backgroundColor30, #546270);
+    color: var(--textColor40, #f0f0f0);
+    background-clip: padding-box;
+    border: 1px solid #999;
+    border: 1px solid rgba(0,0,0,.2);
+    border-radius: 30px;
+    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
+    box-shadow: 0 3px 9px rgba(0,0,0,.5);
+    outline: 0;
+    text-align: center;
+    width: 435px;
+    height: 240px;
+}
+
+.modal-title {
+    margin: 0;
+    line-height: 1.42857143;
+    font-weight: 700;
+    margin-top: 20px;
+}
+
+.modal-header {
+    padding: 15px;
+    border-bottom: unset;
+    margin-bottom: -10px;
+}
+
+.close {
+    color: transparent;
+    text-shadow: unset;
+}
+
+#modalTemplateCancel {
+    background: linear-gradient(180deg, var(--colorDanger40, #f03a3a) 0%, var(--colorDanger70, #832020) 100%);
+}
+
+.modal-footer {
+    padding: 15px;
+    text-align: right;
+    border-top: unset;
+    margin-top: 20px;
+}
+
+
+/* Modal Notification*/
+.k-dialog-buttongroup .k-button.k-primary {
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
+    color: var(--textColorPrimary40, #f0f0f0);
+}
+
+.k-dialog-buttongroup .k-button.k-primary:hover {
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
+    box-shadow: 0px 0px 3px 0px #187AD4;
+}
+
+.k-dialog-buttongroup .k-button.k-primary:active:focus,
+.k-dialog-buttongroup .k-button.k-primary:focus {
+    background: var(--colorPrimary70, #09467F);
+    box-shadow: unset;
+}
+
+.k-dialog-buttongroup .k-button {
+    background: linear-gradient(180deg, var(--colorDanger40, #f03a3a) 0%, var(--colorDanger70, #832020) 100%);
+    color: var(--textColorDanger40, #f0f0f0);
+    box-shadow: none;
+}
+
+.k-dialog-buttongroup .k-button:hover {
+    background: linear-gradient(180deg, var(--colorDanger40, #f03a3a) 0%, var(--colorDanger70, #832020) 100%);
+    box-shadow: 0px 0px 3px 0px #DE3636;
+}
+
+.k-dialog-buttongroup .k-button:active,
+.k-dialog-buttongroup .k-button:selected {
+    background: var(--colorDanger60, #7E2121);
+}
+
+.k-dialog-buttongroup .k-button:focus {
+    background: var(--colorDanger60, #7E2121);
+}
+
+.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-normal {
+    border-radius: 0;
+    justify-content: center;
+    border: 0;
+    margin-bottom: 20px;
 }
 
 .k-widget {
+    background: var(--backgroundColor30, #546270);
     color: var(--textColor40, #f0f0f0);
     border-bottom: none;
+    border-radius: 30px;
 }
+/* End modal*/
 
 thead.k-grid-header th.k-header:last-child {
     border-radius: 10px;
@@ -218,7 +305,7 @@ thead.k-grid-header th.k-header:last-child {
     height: 15px;
     padding: 1px;
     margin: 2px;
-    background: var(--colorPrimary, linear-gradient(180deg, #197FDD 0%, #08427A 100%));
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
     border-color: transparent;
     border: none;
 }
@@ -226,13 +313,13 @@ thead.k-grid-header th.k-header:last-child {
 .k-slider-buttons .k-button:focus,
 .k-grid .k-slider .k-button:hover,
 .k-slider .k-button:hover {
-    background: var(--colorPrimary, linear-gradient(180deg, #197FDD 0%, #08427A 100%));
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
     color: var(--textColor40, #f0f0f0);
     box-shadow: 0px 0px 3px #187AD4;
 }
 
 .k-slider .k-slider-selection {
-    background: var(--colorPrimary, linear-gradient(180deg, #197FDD 0%, #08427A 100%));
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
     border-radius: 20px 0px 0px 20px;
     top: 2px;
     left: 2px;
@@ -253,7 +340,7 @@ thead.k-grid-header th.k-header:last-child {
 
 .carousel-control .glyphicon-chevron-left,
 .carousel-control .glyphicon-chevron-right {
-    background: var(--colorDefault, linear-gradient(180deg, #262C32 0%, #2D3843 100%));
+    background: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
     color: var(--textColor40, #f0f0f0);
     border-radius: 20px;
     font-size: 20px;
@@ -262,11 +349,11 @@ thead.k-grid-header th.k-header:last-child {
 }
 
 .carousel-indicators li {
-    border-color: var(--colorDefault, linear-gradient(180deg, #262C32 0%, #2D3843 100%));
+    border-color: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
 }
 
 .carousel-indicators .active {
-    background: var(--colorDefault, linear-gradient(180deg, #262C32 0%, #2D3843 100%));
+    background: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
 }
 
 .carousel .carousel-caption h1,
@@ -293,24 +380,20 @@ label {
 
 .k-dropdown-wrap .k-input {
     background: var(--textColor40, #f0f0f0);
-    color: var(--textColor70, #838383);
+    color: var(--texColorPrimary40, #f0f0f0);
     border-radius: 20px;
 }
 
-.k-state-hover,
-.k-state-hover:hover {
-    background: transparent;
-}
-
 .k-webkit .k-pager-numbers .k-current-page .k-link {
-    background: var(--colorPrimary, linear-gradient(180deg, #197FDD 0%, #08427A 100%));
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
+    color: var(--texColorPrimary40, #f0f0f0);
     border-color: transparent;
     border-radius: 10px;
     width: auto;
 }
 
 .k-webkit .k-pager-numbers .k-current-page .k-link:hover {
-    background: var(--colorPrimary, linear-gradient(180deg, #197FDD 0%, #08427A 100%));
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
     box-shadow: 0px 0px 3px #187AD4;
 }
 
@@ -325,14 +408,18 @@ label {
 }
 
 .k-pager-sizes .k-dropdown-wrap .k-input {
-    background: var(--colorPrimary, linear-gradient(180deg, #197FDD 0%, #08427A 100%));
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
     color: var(--texColorPrimary40, #f0f0f0);
     border-color: transparent;
     border-radius: 10px;
+    text-indent: initial;
+    margin-left: -3px;
+    width: auto;
+    text-align: center;
 }
 
 .k-state-default>.k-select {
-    background: var(--colorPrimary, linear-gradient(180deg, #197FDD 0%, #08427A 100%));
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
     border-radius: 10px;
 }
 
@@ -364,13 +451,23 @@ label {
 }
 
 .k-popup {
-    background: var(--backgroundColor, #14202A);
+    background: var(--backgroundColor30, #546270);
+    color: var(--textColorDefault40, #f0f0f0);
+}
+
+.k-popup .k-list .k-item {
+    color: var(--textColorDefault40, #f0f0f0);
+}
+
+.k-popup .k-list .k-item:hover {
+    color: var(--textColorTexts, #14202A);
 }
 
 .k-popup .k-list .k-state-focused {
-    box-shadow: none;
-    background: var(--backgroundColor, #14202A);
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
     color: var(--textColor40, #f0f0f0);
+    box-shadow: none;
+    border: unset;
 }
 
 .k-list>.k-state-hover {
@@ -416,8 +513,7 @@ cron-grid .k-tooltip span:before {
     background: var(--backgroundColor30, #546270);
 }
 
-.navbar-nav>li>a,
-    {
+.navbar-nav>li>a {
     color: var(--textColor40, #f0f0f0);
 }
 
@@ -428,4 +524,41 @@ cron-grid .k-tooltip span:before {
 .k-dropdown-wrap,
 .k-dropdown-wrap.k-state-defaul:active {
     background: transparent;
+}
+
+.k-pager-nav.k-pager-first+.k-link {
+    border-right: unset;
+}
+
+.k-pager-wrap .k-link.k-pager-last {
+    border-right-width: unset;
+    border-right-style: unset;
+}
+
+.k-state-default>.k-select {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--textColorDefault40, #f0f0f0);
+}
+
+.k-pager-wrap .k-link {
+    border-color: unset;
+    border: unset;
+    background: var(--textColorDefault40, #f0f0f0);
+}
+
+.k-slider .k-button {
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
+    color: var(--textColorDefault40, #f0f0f0);
+    border-radius: 5px;
+    box-shadow: none;
+    top: 3px;
+}
+
+.k-i-arrow-end-right:before,
+.k-i-arrow-end-left:before,
+.k-i-reload:before,
+.k-i-arrow-60-down:before {
+    color: var(--colorPrimary60, #125da2);
 }

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

@@ -3,13 +3,13 @@
 }
 
 .navbar {
-    background: linear-gradient(180deg, #262C32 0%, #2D3843 100%);
+    background: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
     border-bottom: none;
     text-transform: uppercase;
 }
 
 .navbar-inverse {
-    background: linear-gradient(180deg, #262C32 0%, #2D3843 100%);
+    background: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
     border: none
 }
 
@@ -38,9 +38,9 @@
 
 .navbar-default #navbar .navbar-nav li .dropdown-menu li a:hover,
 .navbar-default #navbar2 .navbar-nav li .dropdown-menu li a:hover {
-    color: var(--textColorDefault40, #fffef9);
-    background: linear-gradient(180deg, #262C32 0%, #2D3843 100%);
-    border-radius: 0;
+    color: var(--textColorTexts, #14202A);
+    background: var(--textColor40, #f0f0f0);
+    border-radius: 10px;
 }
 
 .dropdown-menu {
@@ -52,7 +52,9 @@
 
 .navbar-default #navbar .navbar-nav li .dropdown-menu a,
 .navbar-default #navbar2 .navbar-nav li .dropdown-menu a {
-    color: var(--textColor40, #f0f0f0);
+    color: var(--textColorTexts, #14202A);
+    background: var(--textColor40, #f0f0f0);
+    border-radius: 10px;
     margin: 0;
 }
 
@@ -146,12 +148,13 @@
 }
 
 .dropdown-menu>li>a {
-    color: var(--textColor40, #f0f0f0);
+    color: var(--textColorTexts, #14202A);
 }
 
+.navbar-nav>li>.dropdown-menu,
 .dropdown-menu>li>a:focus,
 .dropdown-menu>li>a:hover {
-    color: var(--textColor40, #f0f0f0);
-    background: var(--colorDefault, linear-gradient(180deg, #262C32 0%, #2D3843 100%));
-    border-radius: 0;
+    color: var(--textColorTexts, #14202A);
+    background: var(--textColor40, #f0f0f0);
+    border-radius: 10px;
 }

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

@@ -19,6 +19,10 @@
 
 }
 
+.panel-heading {
+    border-bottom: unset;
+}
+
 .panel-body {
     padding: 31px 15px;
     border-radius: var(--borderRadiusSmallest, 2px);
@@ -36,7 +40,7 @@
 /* Default */
 .panel-default .panel-heading {
     color: var(--textColor40, #f0f0f0);
-    background: var(--colorDefault, linear-gradient(180deg, #262C32 0%, #2D3843 100%));
+    background: linear-gradient(180deg, var(--colorDefault40, #262c32) 0%, var(--colorDefault70, #15181b) 100%);
     border-color: transparent;
     border-radius: 10px;
 }
@@ -44,7 +48,7 @@
 /* Primary */
 .panel-primary>.panel-heading {
     color: var(--textColor40, #f0f0f0);
-    background: var(--colorPrimary, linear-gradient(180deg, #197FDD 0%, #08427A 100%));
+    background: linear-gradient(180deg, var(--colorPrimary40, #197fdd) 0%, var(--colorPrimary70, #09467F) 100%);
     border-color: transparent;
     border-radius: 10px;
 }
@@ -52,7 +56,7 @@
 /* Success */
 .panel-success>.panel-heading {
     color: var(--textColor40, #f0f0f0);
-    background: var(--colorSuccess, linear-gradient(180deg, #0EDA0A 0%, #0D840A 100%));
+    background: linear-gradient(180deg, var(--colorSuccess40, #2ffc2b) 0%, var(--colorSuccess70, #108D0D) 100%);
     border-color: transparent;
     border-radius: 10px;
 }
@@ -60,7 +64,7 @@
 /* Info */
 .panel-info>.panel-heading {
     color: var(--textColor40, #f0f0f0);
-    background: var(--colorCalm, linear-gradient(180deg, #44E1D8 0%, #25968F 100%));
+    background: linear-gradient(180deg, var(--colorCalm40, #44e1d8) 0%, var(--colorCalm70, #077988) 100%);
     border-color: transparent;
     border-radius: 10px;
 }
@@ -68,7 +72,7 @@
 /* Warning */
 .panel-warning>.panel-heading {
     color: var(--textColor40, #f0f0f0);
-    background: var(--colorWarning, linear-gradient(180deg, #F58D11 0%, #B36305 100%));
+    background: linear-gradient(180deg, var(--colorWarning40, #f58d11) 0%, var(--colorWarning70, #864d09) 100%);
     border-color: transparent;
     border-radius: 10px;
 }
@@ -76,7 +80,7 @@
 /* Danger */
 .panel-danger>.panel-heading {
     color: var(--textColorDanger40, #fffef9);
-    background: var(--colorDanger, linear-gradient(180deg, #F03A3A 0%, #7E2121 100%));
+    background: linear-gradient(180deg, var(--colorDanger40, #f03a3a) 0%, var(--colorDanger70, #832020) 100%);
     border-color: transparent;
     border-radius: 10px;
 }
@@ -84,7 +88,7 @@
 /* Light */
 .panel-light>.panel-heading {
     color: var(--textColor40, #f0f0f0);
-    background: var(--colorLight, linear-gradient(180deg, #8DA0B3 0%, #2D3843 100%));
+    background: linear-gradient(180deg, var(--colorLight40, #8da0b2) 0%, var(--colorLight70, #4d5861) 100%);
     border-color: transparent;
     border-radius: 10px;
 }
@@ -92,7 +96,7 @@
 /* Stable */
 .panel-stable>.panel-heading {
     color: var(--textColor40, #f0f0f0);
-    background: var(--colorStable, linear-gradient(180deg, #818181 0%, #3E3E3E 100%));
+    background: linear-gradient(180deg, var(--colorStable40, #818181) 0%, var(--colorStable70, #3e4042) 100%);
     border-color: transparent;
     border-radius: 10px;
 }
@@ -100,7 +104,7 @@
 /* Royal */
 .panel-royal>.panel-heading {
     color: var(--textColor40, #f0f0f0);
-    background: var(--colorRoyal, linear-gradient(180deg, #0E3760 0%, #2D3843 100%));
+    background: linear-gradient(180deg, var(--colorRoyal40, #0e3760) 0%, var(--colorRoyal70, #1A2E43) 100%);
     border-color: transparent;
     border-radius: 10px;
 }
@@ -108,7 +112,7 @@
 /* Dark */
 .panel-dark>.panel-heading {
     color: var(--textColor40, #f0f0f0);
-    background: var(--colorDark, linear-gradient(180deg, #000000 0%, #0F1E2E 100%));
+    background: linear-gradient(180deg, var(--colorDark40, #000000) 0%, var(--colorDark70, #0F1E2E) 100%);
     border-color: transparent;
     border-radius: 10px;
 }