cronapp-framework-js 2.9.2 → 2.9.3

package/css/themes/custom/aquamarine/custom-aquamarine.css

@@ -514,10 +514,16 @@ a:hover {
     margin-top: 20px;
 }
 
-#crn-botao-cadastre,
-.login-view .sign-up,
-.crn-anchor-signup-back {
-    color: var(--textColor40, #111111);
+.bg-login #container-second {
+    background: linear-gradient(-140deg, var(--colorPrimary20, #b1c1d5), var(--colorPrimary30, #819fc0), var(--colorPrimary40, #2c72a8), var(--colorPrimary50, #276493), var(--colorPrimary60, #20547b));
+}
+
+.bg-login #container-first #crn-botao-signup {
+    color: var(--colorPrimary40, #2c72a8);
+}
+
+.bg-login #container-first #crn-botao-signup:hover {
+    color: var(--colorPrimary50, #276493);
 }
 
 /* Checkbox - radio */
@@ -1258,7 +1264,7 @@ thead.k-grid-header th.k-header:last-child {
 .k-scheduler-navigation .k-nav-prev .k-link:hover,
 .k-scheduler div.k-scheduler-footer .k-link:hover,
 .k-scheduler div.k-scheduler-footer ul li:hover,
-.k-scheduler-edit-form .k-edit-field .k-button:hover{
+.k-scheduler-edit-form .k-edit-field .k-button:hover {
     color: var(--colorDefault40, #2ca4a8);
     box-shadow: none;
     background: var(--colorDefault20, #b1d3d5);
@@ -1483,4 +1489,26 @@ div[data-component^='crn-slider'] .form-control {
 .option-light .k-radio:hover+.k-radio-label::before {
     box-shadow: 0 0 5px 0 var(--textColorLight40, #444444);
     border-color: var(--textColorLight40, #444444);
+}
+
+#cron-breadcrumbs {
+    background: transparent;
+}
+
+/* Input with icon */
+.layout-template-modern {
+    background: var(--textColorDefault40, #ffffff);
+    border-radius: var(--borderRadiusSmall, 15px);
+    border: 1px solid var(--colorLight50, #c2c2c2);
+    padding: 0;
+}
+
+.layout-template-modern:focus-within {
+    border: 1px solid var(--colorLight50, #c2c2c2);
+    background: var(--textColorDefault40, #ffffff);
+}
+
+.layout-template-modern input.k-textbox:hover,
+.layout-template-modern input.k-textbox {
+    padding-left: 0;
 }

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

@@ -2,7 +2,7 @@
     filter: brightness(0) invert(1);
 }
 
-.crn-navigator-horizontal .navbar-default {
+.navbar.navbar-default {
     background: linear-gradient(90deg, var(--colorDefault70, #185a5c) 0%, var(--colorPrimary60, #20547b) 100%);
     border: 0;
 }
@@ -31,16 +31,16 @@
 #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 .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: rgba(255, 255, 255, 0.05);
 }
 
-.crn-navigator-horizontal .navbar-default .navbar-nav>.open>a,
-.crn-navigator-horizontal .navbar-default .navbar-nav>.open>a:focus,
-.crn-navigator-horizontal .navbar-default .navbar-nav>.open>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 {
     border-top: var(--menuItemBarSize, 6px) solid rgba(0, 0, 0, 0.25);
     padding-bottom: calc(var(--menuItemPaddingSize, 15px) - var(--menuItemBarSize, 6px) + 2px);
     padding-top: calc(var(--menuItemPaddingSize, 15px) - (var(--menuItemBarSize, 6px)/2));
@@ -70,9 +70,10 @@
     background: transparent;
 }
 
-.crn-navigator-vertical .navbar-default .navbar-nav a{
+.crn-navigator-vertical .navbar-default .navbar-nav a {
     border-left: var(--menuItemBarSize, 6px) solid transparent;
 }
+
 .crn-navigator-vertical .navbar-default .navbar-nav>.open>a,
 .crn-navigator-vertical .navbar-default .navbar-nav>.open>a:focus,
 .crn-navigator-vertical .navbar-default .navbar-nav>.open>a:hover {

package/css/themes/custom/cerulean/custom-cerulean.css

@@ -723,17 +723,22 @@ 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, #555555);
+.bg-login #container-second {
+    background: linear-gradient(-140deg, var(--colorPrimary20, #b1d3f2), var(--colorPrimary30, #82bded), var(--colorPrimary40, #2fa4e7), var(--colorPrimary50, #2990ca), var(--colorPrimary60, #2278a9));
+}
+
+.bg-login1 #container-first {
+    border-style: solid;
+    border-width: 1px 0 1px 1px;
+    border-color: var(--colorDefault40, #f5f5f5);
+}
+
+.bg-login1#bg-signup1 #container-first {
+    border-width: 1px 1px 0 1px;
 }
 
 .bg-login #container-first .btn-login-mutual,
@@ -880,6 +885,15 @@ td.k-state-focused.k-state-selected {
     background: linear-gradient(var(--colorSuccess30, #9fc085), var(--colorSuccess50, #659332) 60%, var(--colorSuccess60, #547b2a));
 }
 
+.cardinput,
+.form-control {
+    border-color: var(--textColor20, #b8b8b8);
+}
+
+.cardinput {
+    padding: 0;
+}
+
 .cardinput button i {
     color: var(--colorPrimary40, #2fa4e7);
 }
@@ -952,4 +966,31 @@ td.k-state-focused.k-state-selected {
 
 .k-window-titlebar {
     background: transparent;
+}
+
+/* Input with icon */
+.layout-template-modern {
+    background: transparent;
+    border-radius: var(--borderRadiusSmallest, 4px);
+    border: 1px solid var(--textColor20, #b8b8b8);
+    padding: 0;
+}
+
+.layout-template-modern:focus-within {
+    border: 1px solid var(--colorPrimary30, #82bded);
+    background: transparent;
+    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(--colorPrimary40, #3b448e);
+    border: 0;
 }

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

@@ -18,12 +18,18 @@
     color: var(--colorCalm40, #033c73);
 }
 
+.navbar.navbar-default .container-fluid #navbar .navbar-nav li a,
+.navbar.navbar-default .container-fluid #navbar2 .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(--textColorPrimary40, #ffffff);
     font-size: var(--textNormalSize, 14px);
 }
 
+.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-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,
@@ -39,6 +45,8 @@
     color: var(--textColor40, #555555);
 }
 
+.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, #ffffff);

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

@@ -8,6 +8,10 @@
     color: var(--colorPrimary40, #2780e3);
 }
 
+.k-scheduler-edit-form .k-edit-field .k-button,
+.k-edit-form-container .k-edit-buttons .k-primary,
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel,
 .btn,
 .k-button {
     border-radius: 0;
@@ -27,6 +31,8 @@
 }
 
 /* Primary */
+.k-scheduler-edit-form .k-edit-field .k-button:active,
+.k-edit-form-container .k-edit-buttons .k-primary:active,
 .btn.btn-primary.active,
 .btn.btn-primary:active,
 .k-button.k-primary.active,
@@ -54,6 +60,8 @@
 }
 
 /* Danger */
+.k-edit-form-container .k-edit-buttons .k-scheduler-canceltimezone:active,
+.k-edit-form-container .k-edit-buttons .k-scheduler-cancel:active,
 .btn.btn-danger.active,
 .btn.btn-danger:active,
 .k-button.k-danger.active,

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,
@@ -905,11 +926,8 @@ thead.k-grid-header th.k-header:first-child,
 .k-scheduler-toolbar>ul li:first-child .k-link,
 .k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li,
 .k-scheduler-toolbar>ul.k-scheduler-views li:first-child+li .k-link,
-.k-edit-form-container .k-edit-buttons .k-button,
-.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 +958,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;
@@ -955,7 +971,6 @@ thead.k-grid-header th.k-header:first-child,
 }
 
 .k-scheduler-edit-form .k-edit-field .k-button,
-.k-edit-form-container .k-edit-buttons .k-primary,
 .k-scheduler .k-state-selected>.k-link,
 .k-scheduler .k-scheduler-toolbar .k-state-selected,
 .k-scheduler .k-today.k-state-selected,
@@ -971,7 +986,6 @@ thead.k-grid-header th.k-header:first-child,
 .k-scheduler div.k-scheduler-footer .k-link:hover,
 .k-scheduler div.k-scheduler-footer ul li:hover,
 .k-scheduler-edit-form .k-edit-field .k-button:hover,
-.k-edit-form-container .k-edit-buttons .k-primary:hover,
 .k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-hover a,
 .k-scheduler .k-scheduler-toolbar ul.k-scheduler-views li.k-state-hover,
 .k-scheduler .k-scheduler-toolbar ul li.k-state-hover {
@@ -1046,8 +1060,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 +1095,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 +1115,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 +1140,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);