cronapp-framework-js 2.9.6-SP.38 → 2.9.6-SP.39

package/components/crn-navbar.components.json

@@ -17,7 +17,7 @@
     "xattr-class": {
       "order": 998,
       "fixed": true,
-      "onSave": "javascript:function(){ let parent=this.currentObject.parent(),menuVertical=parent.find(\"#main-nav-bar\"),uiView=parent.find(\"[ui-view]\");arguments[0].indexOf(\"horizontal\")>-1?(uiView.removeClass(\"main-view-vertical\").removeClass(\"main-view-retratil\").addClass(\"main-view-horizontal\"),menuVertical.removeClass(\"crn-navigator-retratil\").removeClass(\"collapsible-menu-hide\"),parent.find(\".main-title\").removeClass(\"hide\"),parent.find(\"#checkCollapsibleMenu\").remove(),parent.find(\".labelCollapsibleMenu\").remove()):arguments[0].indexOf(\"retratil\")>-1?(uiView.removeClass(\"main-view-horizontal\").removeClass(\"main-view-vertical\").addClass(\"main-view-vertical\").addClass(\"main-view-retratil\"),parent.find(\".main-title\").addClass(\"hide\"),menuVertical.addClass(\"collapsible-menu-hide\"),menuVertical[0].insertAdjacentHTML(\"beforebegin\",'<input type=\"checkbox\" id=\"checkCollapsibleMenu\"><label for=\"checkCollapsibleMenu\" class=\"labelCollapsibleMenu\"><i class=\"glyphicon glyphicon-menu-right\" id=\"iconCollapsibleMenu\"></i></label>')):arguments[0].indexOf(\"vertical\")>-1&&(uiView.removeClass(\"main-view-horizontal\").removeClass(\"main-view-retratil\").addClass(\"main-view-vertical\"),menuVertical.removeClass(\"crn-navigator-retratil\").removeClass(\"collapsible-menu-hide\"),parent.find(\".main-title\").removeClass(\"hide\"),parent.find(\"#checkCollapsibleMenu\").remove(),parent.find(\".labelCollapsibleMenu\").remove()); return arguments[0]; }",
+      "onSave": "javascript:function(){ let currentElementId = this.currentObject.attr('id'); let selectedPosition = arguments[0]; let parent = this.currentObject.parent(); let menuVertical = this.currentObject; let uiView = parent.find(\"[ui-view]\"); if (selectedPosition.indexOf(\"horizontal\") > -1) { uiView.removeClass(\"main-view-vertical\").removeClass(\"main-view-retratil\").addClass(\"main-view-horizontal\"); menuVertical.removeClass(\"crn-navigator-retratil\").removeClass(\"collapsible-menu-hide\"); parent.find(\".main-title\").removeClass(\"hide\"); parent.find(\"#checkCollapsibleMenu\").remove(); parent.find(\".labelCollapsibleMenu\").remove(); } else if (selectedPosition.indexOf(\"retratil\") > -1) { uiView.removeClass(\"main-view-horizontal\").removeClass(\"main-view-vertical\").addClass(\"main-view-vertical\").addClass(\"main-view-retratil\"); parent.find(\".main-title\").addClass(\"hide\"); menuVertical.addClass(\"collapsible-menu-hide\"); menuVertical[0].insertAdjacentHTML(\"beforebegin\", '<input type=\"checkbox\" id=\"checkCollapsibleMenu\"><label for=\"checkCollapsibleMenu\" class=\"labelCollapsibleMenu\"><i class=\"glyphicon glyphicon-menu-right\" id=\"iconCollapsibleMenu\"></i></label>'); } else if (selectedPosition.indexOf(\"vertical\") > -1) { uiView.removeClass(\"main-view-horizontal\").removeClass(\"main-view-retratil\").addClass(\"main-view-vertical\"); menuVertical.removeClass(\"crn-navigator-retratil\").removeClass(\"collapsible-menu-hide\"); parent.find(\".main-title\").removeClass(\"hide\"); parent.find(\"#checkCollapsibleMenu\").remove(); parent.find(\".labelCollapsibleMenu\").remove(); } return selectedPosition; }",
       "displayName_pt_BR": "Posição",
       "displayName_en_US": "Position",
       "selector": "div"

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

@@ -44,7 +44,7 @@
     --menuItemIconWidth: 25px;
 
     /* Background */
-    --backgroundColor10: #fbfbfb;
+    --backgroundColor10: #fffef9;
     --backgroundColor20: #f8f8f8;
     --backgroundColor30: #f5f5f5;
     --backgroundColor40: #f2f2f2;
@@ -199,7 +199,7 @@
     --colorLight40: #eadede;
     --colorLight50: #cdc2c2;
     --colorLight60: #dcc8c8;
-    --colorLight70: #807a7a;
+    --colorLight70: #cebaba;
     --textColorLight10: #252525;
     --textColorLight20: #313131;
     --textColorLight30: #3b3b3b;
@@ -416,6 +416,38 @@
     border-radius: var(--borderRadiusExtraSmall, 10px);
 }
 
+.btn.btn-primary {
+    background: var(--colorPrimary40, #68afd9);
+    border-color: transparent;
+    color: var(--textColorPrimary40, #fffef9);
+}
+
+.btn.btn-info:active {
+    background: var(--colorCalm60, #6593ae);
+}
+
+.btn.btn-stable:active {
+    background: var(--colorStable70, #717171);
+}
+
+.btn.btn-light:hover {
+    color: var(--textColorLight40, #434343);
+    background: var(--colorLight50, #cdc2c2);
+    border-color: transparent;
+    outline: none;
+}
+
+.btn.btn-light:active {
+    background: var(--colorLight70, #cebaba);
+}
+
+.btn.btn-royal:active {
+    background: var(--colorRoyal70, #1a0e2b);
+}
+
+.btn.btn-dark:active {
+    background: var(--colorDark70, #1c1c1c);
+}
 
 
 .k-button.active,
@@ -619,8 +651,10 @@ input .k-textbox {
 }
 
 .login-view .reset-password {
-    text-align: right;
-    right: 20px;
+    text-align: end;
+    width:100%;
+    max-width: 600px;
+    right: 10px;
 }
 
 .login-view input.k-textbox {
@@ -666,10 +700,6 @@ textarea.k-textbox {
     filter: brightness(0) invert(1);
 }
 
-.navbar-brand>img {
-    filter: brightness(0) invert(1)
-}
-
 /*Backgrounds login*/
 
 .bg-login #container-second {
@@ -774,6 +804,14 @@ label.labelCollapsibleMenu {
     color: var(--colorWarning50, #dc7144);
 }
 
+.color-danger {
+    color: var(--colorDanger40, #e34646);
+}
+
+.color-danger:hover {
+    color: var(--colorDanger60, #a63333);
+}
+
 .color-light {
     color: var(--colorLight40, #eadede);
 }
@@ -1453,10 +1491,61 @@ span.k-datetimepicker .k-select+.k-select {
 
 /*Modais*/
 
+.modal-title {
+    margin: 0;
+    line-height: 1.42857143;
+    text-align: center;
+    color: var(--textColor40, #434343);
+}
+
+.modal-body {
+    position: relative;
+    padding: 15px;
+    text-align: center;
+    color: var(--textColor40, #434343);
+}
+
 .cronapp-icon.cronapp-error {
     color: var(--colorDanger40, #e34646);
 }
 
+.k-dialog-buttongroup .k-button {
+    background: var(--colorDanger40, #e34646);
+    color: var(--textColorDanger40, #fffef9);
+}
+
+.k-dialog-buttongroup .k-button:hover,
+.k-dialog-buttongroup .k-button:focus {
+    background: var(--colorDanger50, #d43131);
+    color: var(--textColorDanger50, #fffef9);
+    box-shadow: unset;
+}
+
+.k-dialog-buttongroup .k-button:active {
+    background: var(--colorDanger70, #7c2626);
+}
+
+
+#modalTemplateCancel.btn.btn-secondary:active {
+    background: var(--colorDefault70, #25183a);
+    border:unset;
+}
+
+.modal-footer .btn+.btn {
+    margin-bottom: 0;
+    margin-left: 5px;
+    background: var(--colorDanger40, #e34646);
+}
+
+.modal-footer .btn+.btn:hover {
+    background: var(--colorDanger50, #d43131);
+}
+
+.modal-footer .btn+.btn:active {
+    background: var(--colorDanger70, #7c2626);
+}
+
+
 #modalBodyConfirmDialog .title {
     font-size: var(--textMediumSize, 18px);
     font-weight: 700;
@@ -1474,7 +1563,6 @@ span.k-datetimepicker .k-select+.k-select {
     color: var(--colorDefault40, #442b69);
 }
 
-.k-scheduler-edit-form .k-edit-field .k-button:active,
 .k-edit-form-container .k-edit-buttons .k-primary:active,
 .k-scheduler-edit-form .k-edit-field .k-button.active,
 .k-edit-form-container .k-edit-buttons .k-primary.active,
@@ -1507,4 +1595,16 @@ button.btn.k-button.btn-block.btn-danger.btn-fab {
     border-color: transparent;
     color: var(--textColorDanger40, #fffef9);
     border-radius: 20px;
+}
+
+/*Fonts*/
+
+.h5 {
+    font-size: var(--textNormalSize, 14px);
+    color: var(--textColor40, #434343);
+}
+
+p {
+    font-size: var(--textNormalSize, 12px);
+    color: var(--textColor40, #434343);
 }

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

@@ -391,7 +391,7 @@ label {
     color: var(--texColorPrimary40, #fffef9);
     border-color: var(--colorDefault40, #487b4e);
     border-radius: 10px;
-    margin-left: -4px;
+    margin: -5px;
 }
 
 .k-dropdown-wrap .k-input {
@@ -401,7 +401,6 @@ label {
 .k-state-default>.k-select {
     background: transparent;
     border: unset;
-    margin-right: -2px;
 }
 
 .k-pager-wrap .k-link.k-state-disabled:hover {
@@ -464,8 +463,8 @@ cron-grid .k-tooltip span:before {
 .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(--colorDefault40, #442b69);
-    color: var(--textColorDefault40, #fffef9);
+    background: var(--backgroundColor70, #d9d9d9);
+    color: var(--textColor40, #434343);
     font-size: 12px;
     font-style: normal;
     font-weight: 700;
@@ -473,7 +472,6 @@ cron-grid .k-tooltip span:before {
 }
 
 .k-calendar .k-content .k-link {
-    color: white;
     display: block;
     overflow: hidden;
     min-height: 1.8333em;
@@ -482,10 +480,22 @@ cron-grid .k-tooltip span:before {
     color: var(--textColor40, #434343);
 }
 
-.k-calendar-container.k-popup.k-group.k-reset.k-state-border-up {
+.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);
@@ -525,6 +535,17 @@ cron-grid .k-tooltip span: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);
@@ -533,14 +554,40 @@ cron-grid .k-tooltip span:before {
 .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);
@@ -565,6 +612,31 @@ td.k-today {
     box-shadow: unset;
 }
 
-.k-icon k-i-close::before {
+.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/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;
     }
 }

package/css/themes/custom/theme-general/menu-vertical-retratil.css

@@ -12,7 +12,6 @@ label.labelCollapsibleMenu {
     font-size: var(--textBigSize, 24px);
     border-radius: 50%;
     background: var(--textColorDefault40, #ffffff);
-    ;
     box-shadow: 0px 0px 6px 0 rgb(0 0 0 / 22%);
     -moz-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.22);
     -webkit-box-shadow: 0px 0px 6px 0 rgb(0 0 0 / 22%);
@@ -29,8 +28,8 @@ label.labelCollapsibleMenu:hover {
     cursor: pointer;
 }
 
-.k-checkbox:checked+.k-checkbox-label:hover:before,
-.k-checkbox:checked+.k-checkbox-label:before {
+.k-checkbox:checked + .k-checkbox-label:hover:before,
+.k-checkbox:checked + .k-checkbox-label:before {
     border-color: var(--textColorDefault40, #ffffff);
 }
 
@@ -48,11 +47,13 @@ label.labelCollapsibleMenu,
 }
 
 #view-canvas .crn-navigator-retratil .navbar-default .navbar-brand,
+#view-canvas .crn-navigator-retratil.navbar-default .navbar-brand,
 .collapsible-menu-hide {
     width: 75px;
 }
 
-.collapsible-menu-hide.crn-navigator-retratil .navbar .container-fluid .navbar-header .navbar-brand #crn-navbar-logo {
+.collapsible-menu-hide.crn-navigator-retratil .navbar .container-fluid .navbar-header .navbar-brand #crn-navbar-logo,
+.collapsible-menu-hide.crn-navigator-retratil.navbar .container-fluid .navbar-header .navbar-brand #crn-navbar-logo {
     display: block;
     width: 100%;
     height: auto;
@@ -65,65 +66,73 @@ label.labelCollapsibleMenu,
     width: calc(100vw - 75px - 5vw);
 }
 
-.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle {
+.crn-navigator-retratil.collapsible-menu-hide cron-dynamic-menu ul li[data-component="crn-menu-item"] .dropdown-toggle {
     min-width: calc(var(--menuItemIconWidth) - 30px) !important;
 }
 
 /* Efeito check */
-#checkCollapsibleMenu:checked~.collapsible-menu-ergon {
+
+#checkCollapsibleMenu:checked ~ .collapsible-menu-ergon {
     transform: translateX(272px);
 }
 
-#checkCollapsibleMenu:checked~.labelCollapsibleMenu {
+#checkCollapsibleMenu:checked ~ .labelCollapsibleMenu {
     transform: translateX(185px) rotate(180deg);
 }
 
-#checkCollapsibleMenu:checked~.collapsible-menu-hide {
+#checkCollapsibleMenu:checked ~ .collapsible-menu-hide {
     width: 270px;
     overflow-x: hidden;
 }
 
-#checkCollapsibleMenu:checked~#crn-navbar-logo {
+#checkCollapsibleMenu:checked ~ #crn-navbar-logo {
     height: calc(var(--textNormalSize, 14px) * 2.25);
     width: 100%;
 }
 
-#checkCollapsibleMenu:checked~.main-view-vertical {
+#checkCollapsibleMenu:checked ~ .main-view-vertical {
     width: calc(100vw - var(--menuVerticalWidth, 170px) - 5vw);
     margin-left: calc(var(--menuVerticalWidth) + 2vw);
 }
 
 #view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar .navbar-nav li a span,
 #view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar2 .navbar-nav li a span,
-.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle span,
-.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home .nav-item span {
+.crn-navigator-retratil.collapsible-menu-hide cron-dynamic-menu ul li[data-component="crn-menu-item"] .dropdown-toggle span,
+.crn-navigator-retratil.collapsible-menu-hide cron-dynamic-menu ul .nav-item span,
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide.navbar-default #navbar .navbar-nav li a span,
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide.navbar-default #navbar2 .navbar-nav li a span {
     display: none;
 }
 
 #view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar .navbar-nav li,
-#view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar2 .navbar-nav li {
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar2 .navbar-nav li,
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide.navbar-default #navbar .navbar-nav li,
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide.navbar-default #navbar2 .navbar-nav li{
     width: 100%;
 }
 
 #view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar .navbar-nav li a,
-#view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar2 .navbar-nav li a {
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide .navbar-default #navbar2 .navbar-nav li a,
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide.navbar-default #navbar .navbar-nav li,
+#view-canvas .crn-navigator-retratil.collapsible-menu-hide.navbar-default #navbar2 .navbar-nav li{
     justify-content: center;
+    display: flex;
 }
 
-.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle,
-.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home .nav-item .dropdown-toggle {
+.crn-navigator-retratil.collapsible-menu-hide cron-dynamic-menu ul li[data-component="crn-menu-item"] .dropdown-toggle,
+.crn-navigator-retratil.collapsible-menu-hide cron-dynamic-menu ul .nav-item .dropdown-toggle {
     text-align: center;
     padding: 10px 20px;
 }
 
-#checkCollapsibleMenu:checked~.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle,
-#checkCollapsibleMenu:checked~.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home .nav-item .dropdown-toggle {
+#checkCollapsibleMenu:checked ~ .crn-navigator-retratil.collapsible-menu-hide cron-dynamic-menu ul li[data-component="crn-menu-item"] .dropdown-toggle,
+#checkCollapsibleMenu:checked ~ .crn-navigator-retratil.collapsible-menu-hide cron-dynamic-menu ul .nav-item .dropdown-toggle {
     text-align: left;
     pointer-events: initial;
     display: flex;
 }
 
-#checkCollapsibleMenu:checked~.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home li[data-component="crn-menu-item"] .dropdown-toggle span,
-#checkCollapsibleMenu:checked~.crn-navigator-retratil.collapsible-menu-hide ul#crn-dynamic-menu-home .nav-item span {
+#checkCollapsibleMenu:checked ~ .crn-navigator-retratil.collapsible-menu-hide cron-dynamic-menu ul li[data-component="crn-menu-item"] .dropdown-toggle span,
+#checkCollapsibleMenu:checked ~ .crn-navigator-retratil.collapsible-menu-hide cron-dynamic-menu ul .nav-item span {
     display: block;
 }