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

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

@@ -22,6 +22,8 @@
 .k-button.k-default,
 .btn.btn-default {
     box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorDefault40, #fffef9);
 }
 
 .k-grid-header .k-header {
@@ -31,7 +33,6 @@
 .k-grid-toolbar:first-child,
 .k-grouping-header+.k-grid-toolbar {
     background: var(--backgroundColor40, #f2f2f2);
-
 }
 
 .k-grid-header th.k-header {
@@ -96,8 +97,8 @@
 .k-tool.k-state-selected,
 .k-grid td.k-state-selected:hover,
 .k-grid tr.k-state-selected:hover td {
-    background: var(--backgroundColor40, #f2f2f2);
-    color: var(--textColor40, #434343);
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorDefault40, #fffef9);
 }
 
 .k-grid-header th.k-header,
@@ -115,7 +116,6 @@
 .k-grid-toolbar:first-child,
 .k-grouping-header+.k-grid-toolbar {
     background: var(--backgroundColor40, #f2f2f2);
-
 }
 
 .k-grid-header th.k-header {
@@ -163,17 +163,118 @@
     border-radius: 5px;
 }
 
+/*Buttons*/
+
+.btn.btn-default:focus,
+.btn.btn-default:hover {
+    background: var(--colorDefault20, #b9abce);
+    color: var(--textColorRoyal40, #fffef9);
+}
+
 .k-button.k-primary {
     background: var(--colorSuccess40, #62a86b);
+    color: var(--textColorRoyal40, #fffef9);
+}
+
+.btn.btn-primary:hover {
+    background: var(--colorPrimary50, #478fba);
+    color: var(--textColorRoyal40, #fffef9);
 }
 
 .k-button.k-primary:focus,
 .k-button.k-primary:hover {
     background: var(--colorSucess60, #487b4e);
+    color: var(--textColorRoyal40, #fffef9);
+}
+
+.btn.btn-success {
+    background: var(--colorSuccess40, #62a86b);
+    color: var(--textColorRoyal40, #fffef9);
+}
+
+.btn.btn-success:focus,
+.btn.btn-success:hover {
+    background: var(--colorSuccess60, #3a8143);
+}
+
+.btn.btn-info {
+    background: var(--colorCalm40, #8ac8ee);
+    color: var(--textColorRoyal40, #fffef9);
+}
+
+.btn.btn-info:focus,
+.btn.btn-info:hover {
+    background: var(--colorCalm50, #64acd7);
+    color: var(--textColorRoyal40, #fffef9);
+}
+
+.btn.btn-warning {
+    background: var(--colorWarning40, #e98053);
+    color: var(--textColorRoyal40, #fffef9);
+}
+
+.btn.btn-warning:focus,
+.btn.btn-warning:hover {
+    background: var(--colorWarning50, #dc7144);
+    color: var(--textColorRoyal40, #fffef9);
+}
+
+.btn.btn-danger {
+    background: var(--colorDanger40, #e34646);
+    color: var(--textColorRoyal40, #fffef9);
+}
+
+.btn.btn-danger:focus,
+.btn.btn-danger:hover {
+    background: var(--colorDanger50, #d43131);
+    color: var(--textColorRoyal40, #fffef9);
+}
+
+.btn.btn-light {
+    background: var(--colorLight40, #eadede);
+}
+
+.btn.btn-light:focus .btn.btn-light:hover {
+    background: var(--colorLight60, #dcc8c8);
+}
+
+.btn.btn-stable {
+    background: var(--colorStable40, #cfcfcf);
+}
+
+.btn.btn-stable:focus,
+.btn.btn-stable:hover {
+    background: var(--colorStable60, #b8b8b8);
+}
+
+.btn.btn-link span {
+    color: var(--colorPrimary40, #68afd9);
+}
+
+.btn.btn-royal {
+    background: var(--colorRoyal40, #2f1a4f);
+    color: var(--textColorRoyal40, #fffef9);
+}
+
+.btn.btn-royal:focus,
+.btn.btn-royal:hover {
+    background: var(--colorDefault20, #b9abce);
+    color: var(--textColorRoyal40, #fffef9);
+}
+
+.btn.btn-dark {
+    background: var(--colorDark40, #343434);
+    color: var(--textColorRoyal40, #fffef9);
+}
+
+.btn.btn-dark:focus,
+.btn.btn-dark:hover {
+    background: var(--colorDark60, #1f1f1f);
+    color: var(--textColorRoyal40, #fffef9);
 }
 
 .k-widget.k-tooltip {
-    background: var(--colorStable20, #e6e6e6);
+    background: var(--colorDefault40, #442b69);
 }
 
 .k-widget.k-tooltip.k-slider-tooltip {
@@ -228,9 +329,16 @@ thead.k-grid-header th.k-header:last-child {
     background: var(--colorDefault40, #487b4e);
 }
 
-.carousel .carousel-caption h1,
+.carousel .carousel-caption h1 {
+    color: var(--textColor40, #434343);
+    font-size: 30px;
+    font-weight: 400;
+}
+
 .carousel .carousel-caption h2 {
     color: var(--textColor40, #434343);
+    font-size: 18px;
+    font-weight: 400;
 }
 
 label {
@@ -252,6 +360,7 @@ label {
 }
 
 .k-dropdown-wrap .k-input:focus:hover {
+    background: var(--colorDefault20, #b9abce);
     border-radius: 20px;
 }
 
@@ -282,11 +391,16 @@ label {
     color: var(--texColorPrimary40, #fffef9);
     border-color: var(--colorDefault40, #487b4e);
     border-radius: 10px;
+    margin: -5px;
+}
+
+.k-dropdown-wrap .k-input {
+    width: auto;
 }
 
 .k-state-default>.k-select {
-    background: var(--colorDefault40, #487b4e);
-    border-radius: 10px;
+    background: transparent;
+    border: unset;
 }
 
 .k-pager-wrap .k-link.k-state-disabled:hover {
@@ -344,4 +458,185 @@ cron-grid .k-tooltip span:before {
 
 .layout-template-modern:focus-within {
     background: none
+}
+
+.k-calendar .k-link.k-nav-fast,
+.k-calendar .k-header .k-link.k-nav-next,
+.k-calendar .k-header .k-link.k-nav-prev {
+    background: var(--backgroundColor70, #d9d9d9);
+    color: var(--textColor40, #434343);
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 700;
+
+}
+
+.k-calendar .k-content .k-link {
+    display: block;
+    overflow: hidden;
+    min-height: 1.8333em;
+    line-height: 1.8333em;
+    padding: 0 0.45em 0 0.1em;
+    color: var(--textColor40, #434343);
+}
+
+.k-calendar-container.k-popup.k-group.k-reset.k-state-border-up,
+.k-calendar .k-header {
+    background: var(--backgroundColor70, #d9d9d9);
+}
+
+.k-calendar .k-link {
+    background: var(--backgroundColor10, #fffef9);
+}
+
+.k-calendar .k-footer .k-nav-today {
+    background: var(--backgroundColor70, #d9d9d9);
+}
+
+.k-calendar-container>.k-calendar {
+    background: var(--backgroundColor70, #d9d9d9);
+}
+
+.k-button.k-scheduler-delete {
+    background: var(--colorDanger40, #e34646);
+    color: var(--textColorDanger40, #fffef9);
+}
+
+.k-button.k-scheduler-delete:hover {
+    background: var(--colorDanger50, #d43131);
+    color: var(--textColorDanger40, #fffef9);
+}
+
+.k-button.k-scheduler-delete:active {
+    background: var(--colorDanger70, #7c2626);
+    color: var(--textColorDanger40, #fffef9);
+}
+
+.k-button.k-scheduler-Excluirsérie {
+    background: var(--colorDanger40, #e34646);
+    color: var(--textColorDanger40, #fffef9);
+}
+
+.k-button.k-scheduler-Excluirsérie:hover {
+    background: var(--colorDanger50, #d43131);
+    color: var(--textColorDanger40, #fffef9);
+}
+
+.k-button.k-scheduler-Excluirsérie:active {
+    background: var(--colorDanger70, #7c2626);
+    color: var(--textColorDanger40, #fffef9);
+}
+
+.k-icon.i-i-arrow-60-right::before {
+    background: var(--colorDefault40, #442b69);
+}
+
+.k-icon.i-i-arrow-60-left::before {
+    background: var(--colorDefault40, #442b69);
+}
+
+/* Calendar*/
+
+k-icon k-i-arrow-60-right {
+    color: red !important;
+}
+
+.k-calendar .k-content,
+.k-calendar .k-content th {
+    text-align: center;
+}
+
+.k-calendar.kstate-selected.k-state-hover.k-link {
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorDefault40, #fffef9);
+}
+
+.k-calendar th {
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorDefault40, #fffef9);
+    border: solid 1px #fffef9;
+    border-radius: 5px;
+}
+
+.k-calendar .k-state-selected .k-link {
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorDefault40, #fffef9);
+    box-shadow: transparent;
+    border: unset;
+}
+
+.k-calendar .k-state-selected.k-state-hover .k-link {
+    background: var(--colorDefault20, #b9abce);
+    color: var(--textColorDefault40, #fffef9);
+    box-shadow: transparent;
+    border: unset;
+}
+
+.k-calendar-container.k-group {
+    border: unset;
+}
+
+
+td.k-state-focused.k-state-selected {
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorDefault40, #fffef9);
+    box-shadow: unset;
+}
+
+.k-link-selected {
+    background: var(--colorDefault40, #442b69);
+    color: white;
+}
+
+span.k-icon.k-i-calendar::before,
+.k-i-clock:before {
+    color: var(--colorDefault40, #442b69);
+}
+
+.k-button.k-button-icon .k-icon:before,
+.k-grid-filter .k-icon:before,
+.k-header .k-icon:before {
+    text-indent: 0;
+    color: var(--textColorDanger40, #fffef9);
+}
+
+td.k-today {
+    background: var(--colorRoyal60, #6c5b87);
+    color: var(--textColorDefault40, #fffef9);
+}
+
+.k-state-focused,
+.k-state-selected {
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorDefault40, #fffef9);
+    box-shadow: unset;
+}
+
+.k-icon k-i-close::before,
+.k-nav-next {
+    color: var(--colorDefault40, #442b69);
+}
+
+.k-webkit .k-pager-numbers .k-current-page .k-link {
+    width: 3.2em;
+    padding: 0 0.429em 0 0.714em;
+    border-radius: 4px;
+    border-right: 1px solid #ccc;
+    color: var(--textColorDefault40, #fffef9);
+}
+
+.k-link .k-state-selected .k-state-focused {
+    background: var(--colorDefault40, #442b69);
+    color: var(--textColorDefault40, #fffef9);
+}
+
+.k-calendar .k-content .k-link:hover,
+.k-scheduler-edit-form .k-edit-field .k-button:hover {
+    background: var(--colorDefault20, #b9abce);
+    color: var(--textColorDefault40, #fffef9);
+}
+
+.k-scheduler-edit-form .k-edit-field .k-button:active {
+    background: var(--colorDefault70, #25183a);
+    color: var(--textColorDefault70, #fffef9);
 }

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

@@ -10,11 +10,11 @@
 
 .navbar-inverse {
     background: var(--colorDefault40, #442b69);
-    border: none
+    border: none;
 }
 
 .navbar-inverse .badge {
-    background: #ffffff;
+    background: var(--textColorDefault40, #fffef9);
     color: var(--textColor20, #b4b4b4);
 }
 
@@ -33,13 +33,22 @@
 .navbar-default .navbar-nav>.open>a:focus,
 .navbar-default .navbar-nav>.open>a:hover {
     color: var(--textColorDefault60, #fffef9);
-    background: var(--colorDefault40, #442b69);
+    background: var(--colorDefault20, #b9abce);
+}
+
+.navbar-default #navbar .navbar-nav li a:active,
+.navbar-default #navbar .navbar-nav li a:visited {
+    background: var(--colorRoyal60, #6c5b87);
+}
+
+.navbar-default #navbar .navbar-nav li a:hover {
+    background: var(--colorDefault20, #b9abce);
 }
 
 .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: var(--colorDefault40, #442b69);
+    background: var(--colorDefault20, #b9abce);
     border-radius: 0;
 }
 
@@ -124,8 +133,9 @@
 .nav .open>a,
 .nav .open>a:focus,
 .nav .open>a:hover {
-    background: var(--colorDefault10, #d8d9e3);
+    background: var(--colorRoyal60, #6c5b87);
     border-color: transparent;
+    color: var(--textColorDefault40, #fffef9);
 }
 
 .dropdown-menu>li>a {

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

@@ -6,8 +6,8 @@
 
 .panel-footer {
     color: var(--textColor40, #434343);
-    background: var(--colorStable20, #e6e6e6);
-    border: 1px solid var(--colorStable20, #e6e6e6);
+    background: var(--colorStable20, #e4e4e4);
+    border: 1px solid var(--colorStable20, #e4e4e4);
 }
 
 .panel-body .lead {
@@ -47,7 +47,7 @@
 /* Info */
 .panel-info>.panel-heading {
     color: var(--textColorCalm40, #fffef9);
-    background: var(--colorCalm40, #029acf);
+    background: var(--colorCalm40, #8ac8ee);
     border-color: transparent
 }
 
@@ -75,7 +75,7 @@
 /* Stable */
 .panel-stable>.panel-heading {
     color: var(--textColorStable40, #434343);
-    background: var(--colorStable50, #b5b5b5);
+    background: var(--colorStable40, #cfcfcf);
     border-color: transparent
 }
 

package/css/themes/custom/navigator/custom-navigator.css

@@ -11,7 +11,9 @@
 }
 
 .crn-navigator-vertical .navbar-default #navbar .navbar-nav li .dropdown-menu a,
-.crn-navigator-vertical .navbar-default #navbar2 .navbar-nav li .dropdown-menu a {
+.crn-navigator-vertical .navbar-default #navbar2 .navbar-nav li .dropdown-menu a,
+.crn-navigator-vertical.navbar-default #navbar .navbar-nav li .dropdown-menu a,
+.crn-navigator-vertical.navbar-default #navbar2 .navbar-nav li .dropdown-menu a {
     color: var(--textColor10, #111111);
     margin: 0;
 }
@@ -40,7 +42,8 @@
         background: var(--colorDefault40, #0f172a);
     }
 
-    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-header {
         padding-left: 15px;
     }
 
@@ -48,11 +51,13 @@
         width: 100%;
     }
 
-    .crn-navigator-vertical>.navbar>.container-fluid>#navbar {
+    .crn-navigator-vertical>.navbar>.container-fluid>#navbar,
+    .crn-navigator-vertical.navbar>.container-fluid>#navbar {
         width: 100%;
     }
 
-    .crn-navigator-vertical>.navbar>.container-fluid {
+    .crn-navigator-vertical>.navbar>.container-fluid,
+    .crn-navigator-vertical.navbar>.container-fluid {
         padding-right: 0;
         padding-left: 0;
         display: flex;
@@ -63,16 +68,22 @@
     .crn-navigator-vertical>.navbar>.container-fluid .navbar-collapse,
     .crn-navigator-vertical>.navbar>.container-fluid .navbar-header,
     .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse,
-    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header,
+    .crn-navigator-vertical.navbar>.container-fluid .navbar-collapse,
+    .crn-navigator-vertical.navbar>.container-fluid .navbar-header,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-header{
         margin-right: 0;
         margin-left: 0;
     }
 
-    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header>.navbar-toggle {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header>.navbar-toggle,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-header>.navbar-toggle {
         display: none;
     }
 
-    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.collapse {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.collapse,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse.collapse {
         padding-right: 0;
         padding-left: 0;
         overflow-x: visible;
@@ -82,7 +93,8 @@
         box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
     }
 
-    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.in {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse.in,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse.in{
         overflow-y: auto;
         display: block;
     }
@@ -94,31 +106,39 @@
         box-shadow: none;
     }
 
-    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav {
         float: none;
         margin: 0;
     }
 
-    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a {
         line-height: 20px;
     }
 
     .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu .dropdown-header,
-    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu .dropdown-header,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a{
         padding: 5px 15px 5px 25px;
     }
 
-    .crn-navigator-vertical .navbar>.container-fluid>.navbar-collapse>.navbar-nav>li>a {
+    .crn-navigator-vertical .navbar>.container-fluid>.navbar-collapse>.navbar-nav>li>a,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav>li>a{
         padding-top: 15px;
         padding-bottom: 15px;
     }
 
-    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>li {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>li,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav>li{
         float: none;
     }
 
     .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu,
-    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a {
         position: static;
         float: none;
         width: auto;
@@ -133,31 +153,38 @@
     }
 
     .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a:hover,
-    .crn-navigator-vertical>.navbar>.navbar-nav .open .dropdown-menu>li>a:focus {
+    .crn-navigator-vertical>.navbar>.navbar-nav .open .dropdown-menu>li>a:focus,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav .open .dropdown-menu>li>a:hover,
+    .crn-navigator-vertical.navbar>.navbar-nav .open .dropdown-menu>li>a:focus {
         color: #fff;
         background: #282d57;
     }
 
-    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .dropdown-menu {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav .dropdown-menu,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav .dropdown-menu{
         margin-left: 11px;
     }
 
-    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right {
         float: none !important;
         margin-right: 0;
     }
 
-    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right .dropdown-menu {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right .dropdown-menu,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right .dropdown-menu {
         left: 0;
         right: 0;
     }
 
-    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right img {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right img,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-collapse>.navbar-nav>.navbar-right img{
         margin-left: 0;
         margin-top: 0;
     }
 
-    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header>.navbar-brand img {
+    .crn-navigator-vertical>.navbar>.container-fluid>.navbar-header>.navbar-brand img,
+    .crn-navigator-vertical.navbar>.container-fluid>.navbar-header>.navbar-brand img{
         margin-top: 0;
     }
 }