cronapp-framework-js 2.9.3 → 2.9.4-RC.3

package/css/themes/custom/dsgov/custom-dsgov.css

@@ -1,12 +1,14 @@
 @import 'button-dsgov.css';
 @import 'calendar-dsgov.css';
 @import 'form-dsgov.css';
+@import 'checkbox-dsgov.css';
 @import 'navbar-dsgov.css';
 @import 'slider-dsgov.css';
 @import 'table-grid-dsgov.css';
-@import 'color-dsgov.css';
+@import 'option-dsgov.css';
 @import 'panel-dsgov.css';
 @import '../../../fonts/material-icons/font-material-icon.css';
+@import 'scheduler-dsgov.css';
 
 /* Fonts */
 @import '../../../fonts/raleway/raleway.css';
@@ -90,8 +92,8 @@
 
     /* Color - Default */
     --colorDefault10: #d6daeb;
-    --colorDefault20: #aeb7da;
-    --colorDefault30: #7c8ec8;
+    --colorDefault20: #ACC2E5;
+    --colorDefault30: #5A85CB;
     --colorDefault40: #1351b4;
     --colorDefault50: #11479e;
     --colorDefault60: #0e3b84;
@@ -105,7 +107,7 @@
     --textColorDefault70: #ffffff;
 
     /* Color - Primary */
-    --colorPrimary10: #d6daeb;
+    --colorPrimary10: #C3CDDD;
     --colorPrimary20: #aeb7da;
     --colorPrimary30: #7c8ec8;
     --colorPrimary40: #1351b4;
@@ -144,13 +146,13 @@
     --colorWarning50: #dfb306;
     --colorWarning60: #bb9605;
     --colorWarning70: #8c7004;
-    --textColorWarning10: #8c8c8c;
-    --textColorWarning20: #bbbbbb;
-    --textColorWarning30: #dfdfdf;
-    --textColorWarning40: #ffffff;
-    --textColorWarning50: #ffffff;
-    --textColorWarning60: #ffffff;
-    --textColorWarning70: #ffffff;
+    --textColorWarning10: #1c1c1c;
+    --textColorWarning20: #252525;
+    --textColorWarning30: #2d2d2d;
+    --textColorWarning40: #333333;
+    --textColorWarning50: #838383;
+    --textColorWarning60: #b2b2b2;
+    --textColorWarning70: #d7d7d7;
 
     /* Color - Danger */
     --colorDanger10: #f7d6d5;
@@ -169,29 +171,28 @@
     --textColorDanger70: #ffffff;
 
     /* Color - Royal (mobile) */
-    --colorRoyal10: #e2ddf9;
-    --colorRoyal20: #c8bef4;
-    --colorRoyal30: #ab9aef;
-    --colorRoyal40: #886aea;
-    --colorRoyal50: #775dcd;
-    --colorRoyal60: #644eab;
-    --colorRoyal70: #4a3a80;
+    --colorRoyal10: #e2e2f5;
+    --colorRoyal20: #c8c9ec;
+    --colorRoyal30: #abace4;
+    --colorRoyal40: #8889db;
+    --colorRoyal50: #7778c0;
+    --colorRoyal60: #6464a0;
+    --colorRoyal70: #4a4b78;
     --textColorRoyal10: #8c8c8c;
     --textColorRoyal20: #bbbbbb;
     --textColorRoyal30: #dfdfdf;
     --textColorRoyal40: #ffffff;
     --textColorRoyal50: #ffffff;
     --textColorRoyal60: #ffffff;
-    --textColorRoyal70: #ffffff;
 
     /* Color - Calm (mobile) */
-    --colorCalm10: #d8d9e3;
-    --colorCalm20: #b3b5ca;
-    --colorCalm30: #8689af;
-    --colorCalm40: #3b448e;
-    --colorCalm50: #343c7c;
-    --colorCalm60: #2b3268;
-    --colorCalm70: #20254e;
+    --colorCalm10: #d6dbf1;
+    --colorCalm20: #aebae5;
+    --colorCalm30: #7d93d8;
+    --colorCalm40: #155bcb;
+    --colorCalm50: #1250b2;
+    --colorCalm60: #0f4395;
+    --colorCalm70: #0c326f;
     --textColorCalm10: #8c8c8c;
     --textColorCalm20: #bbbbbb;
     --textColorCalm30: #dfdfdf;
@@ -208,13 +209,13 @@
     --colorLight50: #dfdfdf;
     --colorLight60: #bbbbbb;
     --colorLight70: #8c8c8c;
-    --textColorLight10: #000000;
-    --textColorLight20: #000000;
-    --textColorLight30: #000000;
-    --textColorLight40: #000000;
-    --textColorLight50: #7b7b7b;
-    --textColorLight60: #aeaeae;
-    --textColorLight70: #d5d5d5;
+    --textColorLight10: #1c1c1c;
+    --textColorLight20: #252525;
+    --textColorLight30: #2d2d2d;
+    --textColorLight40: #333333;
+    --textColorLight50: #838383;
+    --textColorLight60: #b2b2b2;
+    --textColorLight70: #d7d7d7;
 
     /* Color - Stable (mobile) */
     --colorStable10: #fdfdfd;
@@ -224,22 +225,22 @@
     --colorStable50: #d9d9d9;
     --colorStable60: #b6b6b6;
     --colorStable70: #888888;
-    --textColorStable10: #252525;
-    --textColorStable20: #323232;
-    --textColorStable30: #3c3c3c;
-    --textColorStable40: #444444;
-    --textColorStable50: #898989;
-    --textColorStable60: #b5b5b5;
-    --textColorStable70: #d9d9d9;
+    --textColorStable10: #1c1c1c;
+    --textColorStable20: #252525;
+    --textColorStable30: #2d2d2d;
+    --textColorStable40: #333333;
+    --textColorStable50: #838383;
+    --textColorStable60: #b2b2b2;
+    --textColorStable70: #d7d7d7;
 
     /* Color - Dark (mobile) */
-    --colorDark10: #d9d9d9;
-    --colorDark20: #b5b5b5;
-    --colorDark30: #898989;
-    --colorDark40: #444444;
-    --colorDark50: #3c3c3c;
-    --colorDark60: #323232;
-    --colorDark70: #252525;
+    --colorDark10: #d5d6d8;
+    --colorDark20: #aeafb4;
+    --colorDark30: #7b7e88;
+    --colorDark40: #071d41;
+    --colorDark50: #061939;
+    --colorDark60: #051530;
+    --colorDark70: #041024;
     --textColorDark10: #8c8c8c;
     --textColorDark20: #bbbbbb;
     --textColorDark30: #dfdfdf;
@@ -422,7 +423,7 @@ body {
     font-family: var(--fontFamily, "Rawline", "Raleway", sans-serif);
     font-weight: 400;
     font-size: var(--textNormalSize, 16.8px);
-    color: var(--textColor40, #383838);
+    color: var(--textColor40, #333333);
 }
 
 a,
@@ -440,7 +441,7 @@ h6,
 .h5,
 .h6 {
     font-family: var(--fontFamily, "Rawline", "Raleway", sans-serif);
-    color: var(--textColor40, #383838);
+    color: var(--textColor40, #333333);
 }
 
 h1,
@@ -492,7 +493,11 @@ input {
 }
 
 .color-stable {
-    color: var(--colorStable50, #d9d9d9);
+    color: var(--colorStable60, #b6b6b6);
+}
+
+.color-stable:hover {
+    color: var(--colorStable70, #888888);
 }
 
 /* Link */
@@ -511,8 +516,16 @@ a:hover {
     background: var(--backgroundLogin40, #ffffff);
 }
 
+.bg-login1 {
+    box-shadow: 1px 4px 9px 0px rgb(0 0 0 / 16%);
+}
+
+#bg-signup1.bg-login1 #container-first {
+    box-shadow: none;
+}
+
 .bg-login #container-second {
-    background: linear-gradient(-140deg, var(--colorPrimary20, #aeb7da), var(--colorPrimary30, #7c8ec8), var(--colorPrimary40, #1351b4), var(--colorPrimary50, #11479e), var(--colorPrimary60, #0e3b84));
+    background: var(--colorDefault40, #1351b4);
 }
 
 .bg-login #container-first {
@@ -547,48 +560,49 @@ a:hover {
     margin: 10px 0;
 }
 
-/* Fixar o menu no topo */
-#main-nav-bar.crn-navigator-horizontal {
-    position: fixed;
-    width: 100%;
-    z-index: 900;
-}
-
 /* Tabs */
+
 .ctn-tab .nav-tabs li.active {
     border: 0;
-    border-bottom: 2px solid var(--colorPrimary40, #1351b4);
+    border-bottom: 5px solid var(--colorPrimary40, #1351b4);
     color: var(--colorPrimary40, #1351b4);
     background: transparent;
     border-radius: 0;
 }
 
+.ctn-tab .nav-tabs li {
+    border-bottom: 5px solid transparent;
+}
+
 .ctn-tab .nav-tabs li.active a,
 .ctn-tab .nav-tabs li.active a:hover {
     color: var(--colorPrimary40, #1351b4);
 }
 
+.ctn-tab .nav-tabs li.active:hover {
+    border-color: var(--colorPrimary40, #1351b4);
+}
+
+.ctn-tab .nav-tabs li a:hover,
 .ctn-tab .nav-tabs li a {
-    color: var(--textColor40, #383838);
+    color: var(--textColor40, #333333);
+    font-weight: 500;
 }
 
+.ctn-tab .nav-tabs li:hover,
 .ctn-tab .nav-tabs li.active a:hover,
 .ctn-tab .nav-tabs li a:hover {
     border-radius: 0;
     background: var(--colorNeutral20, #E3E3E3);
 }
 
-#main-view.container-fluid {
-    padding-top: 68px;
-    margin-top: 0;
+.lead {
+    margin-bottom: 0;
 }
 
 /* Drag File Upload */
 .dynamic-image-container {
-    border-radius: var(--borderRadiusSmallest, 5px);
     text-align: left;
-    border-width: 1px;
-    border-color: var(--colorDefault40, #1351b4);
     padding: 6px 10px;
     max-width: 436px;
     width: 100%;
@@ -625,6 +639,7 @@ a:hover {
     width: 92%;
     text-align: left;
     margin: 0;
+    font-style: italic;
 }
 
 .dynamic-image-container .btn.remove-image-button {
@@ -643,8 +658,6 @@ a:hover {
 }
 
 .dynamic-image-container .start-camera-button-attribute {
-    bottom: 0;
-    overflow: hidden;
     display: none;
 }
 
@@ -653,7 +666,8 @@ a:hover {
 }
 
 /* Banner */
-.jumbotron {
+.container .jumbotron,
+.container-fluid .jumbotron {
     background: var(--colorDefault10, #d6daeb);
     border-radius: var(--borderRadiusSmallest, 5px);
 }
@@ -662,45 +676,9 @@ a:hover {
 .jumbotron h1,
 .jumbotron .h2,
 .jumbotron h2 {
-    color: var(--textColor40, #383838);
+    color: var(--textColor40, #333333);
 }
 
-/* Option */
-.option-light .k-radio:checked+.k-radio-label:before,
-.option-light .k-radio-label:before {
-    border-color: var(--colorLight50, #dfdfdf);
-}
-
-.option-light .k-radio-label:after,
-.option-light .k-radio:checked+.k-radio-label:after {
-    background: var(--colorLight50, #dfdfdf);
-    border-color: var(--colorLight50, #dfdfdf);
-}
-
-.option-light .k-radio:focus+.k-radio-label::before,
-.option-light .k-radio:hover+.k-radio-label::before {
-    box-shadow: 0 0 5px 0 var(--colorLight50, #dfdfdf);
-    border-color: var(--colorLight50, #dfdfdf);
-}
-
-.option-stable .k-radio:checked+.k-radio-label:before,
-.option-stable .k-radio-label:before {
-    border-color: var(--colorStable50, #d9d9d9);
-}
-
-.option-stable .k-radio-label:after,
-.option-stable .k-radio:checked+.k-radio-label:after {
-    background: var(--colorStable50, #d9d9d9);
-    border-color: var(--colorStable50, #d9d9d9);
-}
-
-.option-stable .k-radio:focus+.k-radio-label::before,
-.option-stable .k-radio:hover+.k-radio-label::before {
-    box-shadow: 0 0 5px 0 var(--colorStable50, #d9d9d9);
-    border-color: var(--colorStable50, #d9d9d9);
-}
-
-
 /* Rich Text Editor */
 .mce-tinymce.mce-panel {
     overflow: hidden;
@@ -732,172 +710,6 @@ a:hover {
     color: var(--colorNeutral160, #383838);
 }
 
-/* Scheduler */
-.k-scheduler {
-    border: 0;
-    border-radius: var(--borderRadiusSmallest, 5px);
-    overflow: hidden;
-}
-
-.k-scheduler .k-scheduler-toolbar {
-    background: var(--colorNeutral00, #FFFFFF);
-    padding: var(--distanceExtraSmall, 10px);
-    border-bottom: 0;
-}
-
-.k-scheduler .k-scheduler-toolbar .k-scheduler-views {
-    float: left;
-    background: transparent;
-}
-
-.k-scheduler .k-scheduler-toolbar li,
-.k-scheduler .k-scheduler-toolbar li:first-child,
-.k-scheduler .k-scheduler-toolbar li:last-child,
-.k-scheduler .k-scheduler-toolbar li.k-state-default.k-state-selected,
-.k-scheduler .k-scheduler-toolbar li.k-state-default.k-state-hover {
-    border-radius: var(--borderRadiusFull, 99999px);
-    border-color: var(--colorDefault40, #1351b4);
-    border-width: 1px;
-}
-
-.k-scheduler .k-scheduler-toolbar li,
-.k-scheduler .k-scheduler-toolbar li:first-child,
-.k-scheduler .k-scheduler-toolbar li:last-child {
-    background: transparent;
-    overflow: hidden;
-}
-
-.k-scheduler .k-scheduler-toolbar li {
-    margin-right: var(--distanceExtraSmall, 10px);
-}
-
-.k-scheduler .k-scheduler-toolbar li.k-nav-today,
-.k-scheduler .k-scheduler-toolbar li.k-view-day {
-    margin-left: 0;
-}
-
-.k-scheduler .k-scheduler-toolbar li a,
-.k-scheduler .k-scheduler-toolbar li a.k-link {
-    padding: var(--distanceExtraSmall, 10px) var(--distanceMedium, 20px);
-    display: flex;
-    align-items: center;
-}
-
-.k-scheduler .k-scheduler-toolbar li.k-state-selected a,
-.k-scheduler .k-scheduler-toolbar li.k-state-selected a.k-link {
-    background: var(--colorDefault40, #1351b4);
-    color: var(--colorNeutral00, #FFFFFF);
-}
-
-.k-scheduler .k-scheduler-layout {
-    border: 1px solid var(--colorDefault10, #d6daeb);
-    width: calc(100% - 2px);
-}
-
-.k-scheduler .k-scheduler-layout .k-scheduler-header .k-scheduler-header-wrap>.k-scheduler-table th {
-    background: var(--colorNeutral10, #F1F1F1);
-    color: var(--colorDefault40, #1351b4);
-}
-
-.k-scheduler .k-scheduler-content .k-loading-mask {
-    z-index: 0;
-}
-
-.k-scheduler .k-scheduler-header th,
-.k-scheduler .k-scheduler-header-wrap,
-.k-scheduler .k-scheduler-table td,
-.k-scheduler .k-scheduler-times,
-.k-scheduler .k-scheduler-times th,
-.k-scheduler .k-scheduler-times tr {
-    background: var(--colorNeutral00, #FFFFFF);
-    border-color: var(--colorDefault10, #d6daeb);
-    font-weight: 500;
-}
-
-.k-scheduler .k-scheduler-footer {
-    background: var(--colorDefault10, #d6daeb);
-    padding: var(--distanceExtraSmall, 10px);
-    border: 0;
-}
-
-.k-scheduler .k-scheduler-footer ul {
-    background: transparent;
-}
-
-.k-scheduler .k-scheduler-footer .k-scheduler-fullday {
-    border-radius: var(--borderRadiusFull, 99999px);
-    padding: var(--distanceExtraSmall, 10px) var(--distanceMedium, 20px);
-    cursor: pointer;
-    background: var(--colorPrimary40, #5665be);
-    border-color: var(--colorPrimary40, #5665be);
-    color: var(--textColorPrimary40, #ffffff);
-}
-
-.k-scheduler div.k-scheduler-footer ul li:hover a{
-    background: var(--colorPrimary50, #37479e);
-}
-
-.k-scheduler .k-scheduler-footer .k-scheduler-fullday span,
-.k-scheduler .k-scheduler-footer .k-scheduler-fullday a {
-    color: var(--textColorPrimary40, #ffffff);
-}
-
-.k-scheduler .k-nav-prev a>span,
-.k-scheduler .k-nav-next a>span {
-    color: var(--colorDefault40, #1351b4);
-    border: 0;
-    border-radius: var(--borderRadiusMedium);
-    height: 28px;
-}
-
-.k-scheduler .k-nav-next.k-state-hover a>span,
-.k-scheduler .k-nav-prev a>span {
-    color: var(--textColorDefault40, #1351b4);
-}
-
-.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-selected,
-.k-scheduler-navigation .k-nav-prev .k-link {
-    background: var(--colorPrimary40, #5665be);
-    border-color: var(--colorPrimary40, #5665be);
-    color: var(--textColorPrimary40, #ffffff);
-}
-
-.k-scheduler-navigation .k-nav-today.k-state-hover .k-link {
-    background: var(--colorPrimary60, #325172);
-    color: var(--textColorPrimary40, #ffffff);
-}
-
-.k-scheduler-footer .k-icon,
-.k-scheduler .k-scheduler-toolbar .k-scheduler-views li .k-link,
-.k-scheduler-navigation .k-nav-today .k-link,
-.k-scheduler-navigation .k-nav-prev .k-link span,
-.k-scheduler-navigation .k-nav-next .k-link span,
-.k-scheduler-toolbar .k-nav-current .k-icon,
-.k-scheduler-toolbar .k-nav-current .k-lg-date-format,
-.k-scheduler-toolbar .k-nav-current .k-sm-date-format,
-.k-scheduler-navigation .k-nav-today .k-link,
-.k-scheduler-navigation .k-nav-next a>span,
-.k-scheduler .k-scheduler-toolbar .k-scheduler-views li a,
-.k-scheduler .k-scheduler-toolbar .k-scheduler-views li a.k-link {
-    color: var(--colorDefault40, #1351b4);
-}
-
-.k-scheduler-toolbar .k-nav-current.k-state-hover .k-link {
-    color: var(--textColorPrimary40, #ffffff);
-    background: var(--colorPrimary60, #2e3b85);
-}
-
-.k-scheduler-toolbar .k-nav-current.k-state-hover .k-link span {
-    color: var(--textColorPrimary40, #ffffff);
-}
-
-.k-scheduler-navigation .k-nav-prev .k-link span,
-.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-selected .k-link,
-.k-scheduler-navigation .k-nav-next.k-state-hover .k-link span,
-.k-scheduler-navigation .k-nav-prev.k-state-hover .k-link span {
-    color: var(--textColorPrimary40, #ffffff);
-}
-
 /* Rating */
 *[id^="crn-rating"] .fa {
     margin-left: var(--distanceSmallest, 5px);
@@ -909,47 +721,6 @@ a:hover {
 }
 
 /* Modal */
-
-.k-dialog-buttongroup .k-button.k-primary {
-    background: var(--colorDefault40, #1351b4);
-    border-color: transparent;
-    color: var(--textColorDefault40, #ffffff);
-}
-
-.k-dialog-buttongroup .k-button.k-primary:focus,
-.k-dialog-buttongroup .k-button.k-primary:hover {
-    background: var(--colorDefault30, #7c8ec8);
-    color: var(--textColorDefault40, #ffffff);
-    border-color: transparent;
-}
-
-.k-dialog-buttongroup .k-button.k-primary.active,
-.k-dialog-buttongroup .k-button.k-primary:active {
-    background: var(--colorDefault20, #7c8ec8);
-    color: var(--textColorDefault40, #ffffff);
-    border-color: transparent;
-}
-
-.k-dialog-buttongroup .k-button {
-    background: transparent;
-    color: var(--colorPrimary40, #1351b4);
-    border: 1px solid var(--colorPrimary40, #1351b4);
-}
-
-.k-dialog-buttongroup .k-button:focus,
-.k-dialog-buttongroup .k-button:hover {
-    background: var(--colorPrimary10, #d6daeb);
-    color: var(--colorPrimary40, #1351b4);
-    border: 1px solid var(--colorPrimary40, #1351b4);
-}
-
-.k-dialog-buttongroup .k-button.active,
-.k-dialog-buttongroup .k-button:active {
-    background: var(--colorPrimary20, #aeb7da);
-    color: var(--colorPrimary40, #1351b4);
-    border: 1px solid var(--colorPrimary40, #1351b4);
-}
-
 .modal .modal-header .close {
     color: var(--colorDefault40, #1351b4);
     opacity: 1;
@@ -1021,21 +792,31 @@ a:hover {
 }
 
 /* Carousel */
-
 .carousel .carousel-control .glyphicon {
+    text-shadow: none;
     color: var(--colorDefault40, #1351b4);
 }
 
+.carousel .carousel-control .glyphicon-chevron-right:before {
+    content: "\f105";
+    font-family: "FontAwesome";
+}
+
+.carousel .carousel-control .glyphicon-chevron-left:before {
+    content: "\f104";
+    font-family: "FontAwesome";
+}
+
 .carousel .carousel-indicators li {
-    border: 1px solid var(--colorDefault20, #aeb7da);
-    background: transparent;
-    height: 15px;
-    width: 15px;
+    border: 1px solid transparent;
+    background: var(--colorStable70, #888888);
+    height: 10px;
+    width: 10px;
     margin: 0 5px;
 }
 
 .carousel .carousel-indicators li:hover {
-    background: var(--colorDefault20, #aeb7da);
+    background: var(--colorStable70, #888888);
 }
 
 .carousel .carousel-indicators li.active,
@@ -1114,6 +895,8 @@ div.stiJsViewerMenu {
 }
 
 /* Treeview */
+.k-treeview .k-item>.k-group .k-item .k-in.k-state-hover,
+.k-treeview .k-item>.k-group .k-item .k-in.k-state-selected,
 .k-treeview .k-in.k-state-hover,
 .k-treeview .k-in.k-state-selected {
     color: var(--colorNeutral00, #FFFFFF);
@@ -1122,8 +905,16 @@ div.stiJsViewerMenu {
 
 .k-treeview .k-item {
     color: var(--colorDefault40, #1351b4);
-    background: var(--colorDefault10, #d6daeb);
-    border-radius: var(--borderRadiusExtraSmall, 10px);
+    background: transparent;
+    border-radius: var(--borderRadiusSmallest);
+}
+
+.k-treeview span.k-in {
+    color: var(--colorDefault40, #1351b4);
+}
+
+.k-treeview .k-item>.k-group .k-item .k-in {
+    color: var(--textColor40, #333333);
 }
 
 /* Signatura Pdd */
@@ -1136,9 +927,9 @@ div[id^="crn-signature-pad"] canvas {
 /* Tooltip - validation */
 
 .k-widget.k-tooltip-validation {
-    border-color: var(--colorWarning30);
-    background: var(--colorWarning30);
-    color: var(--colorWarning70)
+    border-color: var(--colorWarning30, #ffda7b);
+    background: var(--colorWarning30, #ffda7b);
+    color: var(--colorWarning70, #8c7004)
 }
 
 .k-tooltip-validation .k-i-warning {
@@ -1147,19 +938,19 @@ div[id^="crn-signature-pad"] canvas {
 }
 
 .k-tooltip-validation .k-callout-n {
-    border-bottom-color: var(--colorWarning30)
+    border-bottom-color: var(--colorWarning30, #ffda7b)
 }
 
 .k-tooltip-validation .k-callout-w {
-    border-right-color: var(--colorWarning30)
+    border-right-color: var(--colorWarning30, #ffda7b)
 }
 
 .k-tooltip-validation .k-callout-s {
-    border-top-color: var(--colorWarning30)
+    border-top-color: var(--colorWarning30, #ffda7b)
 }
 
 .k-tooltip-validation .k-callout-e {
-    border-left-color: var(--colorWarning30)
+    border-left-color: var(--colorWarning30, #ffda7b)
 }
 
 .form-group .k-widget.k-tooltip-validation {
@@ -1184,7 +975,7 @@ div[id^="crn-signature-pad"] canvas {
 
 .k-notification-info {
     background: var(--colorCalm10, #d6dbf1);
-    color: var(--textColor40, #383838);
+    color: var(--textColor40, #333333);
     border-color: transparent;
 }
 
@@ -1195,8 +986,8 @@ div[id^="crn-signature-pad"] canvas {
 }
 
 .k-notification-success {
-    background: var(--colorSuccess10);
-    color: var(--textColor40, #383838);
+    background: var(--colorSuccess10, #d6e2d6);
+    color: var(--textColor40, #333333);
     border-color: transparent;
 }
 
@@ -1208,19 +999,19 @@ div[id^="crn-signature-pad"] canvas {
 
 .k-notification-warning {
     background: var(--colorWarning20, #ffe6ae);
-    color: var(--textColor40, #383838);
+    color: var(--textColor40, #333333);
     border-color: transparent;
 }
 
 .k-notification-warning .k-icon::before {
-    color: var(--textColor40, #383838);
+    color: var(--textColor40, #333333);
     content: "\f071";
     font-family: "FontAwesome";
 }
 
 .k-notification-error {
     background: var(--colorDanger10, #f7d6d5);
-    color: var(--textColor40, #383838);
+    color: var(--textColor40, #333333);
     border-color: transparent;
 }
 
@@ -1231,17 +1022,21 @@ div[id^="crn-signature-pad"] canvas {
 }
 
 .k-notification-wrap .k-icon {
-    margin-right: 10px;
-    margin-top: -5px;
+    margin-right: 4px;
+    margin-top: 0px;
     font-size: var(--textBigSize, 20px);
 }
 
 .k-notification {
-    border-radius: 0;
+    border-radius: var(--borderRadiusNone, 0);
 }
 
 .k-notification-wrap {
-    padding: 19px 15px;
+    padding: 9px 15px;
+    font-size: var(--textNormalSize, 16.8px);
+}
+
+.k-notification .k-notification-wrap .k-icon {
     font-size: var(--textNormalSize, 16.8px);
 }
 
@@ -1259,7 +1054,7 @@ div[id^="crn-signature-pad"] canvas {
 #forgotPasswordModal .modal-footer .btn.btn-success:hover,
 #modalPassword .modal-footer .k-button.k-success:hover,
 #modalPassword .modal-footer .btn.btn-success:hover {
-    background: var(--colorPrimary10, #d6daeb);
+    background: var(--colorPrimary10, #C3CDDD);
     color: var(--colorPrimary40, #1351b4);
     border: 1px solid var(--colorPrimary40, #1351b4);
 }
@@ -1277,19 +1072,51 @@ div[id^="crn-signature-pad"] canvas {
 #forgotPasswordModal .modal-footer .btn.btn-danger:hover,
 #modalPassword .modal-footer .k-button.k-danger:hover,
 #modalPassword .modal-footer .btn.btn-danger:hover {
-    background: var(--colorDefault30, #7c8ec8);
-    color: var(--textColorDefault40, #8a7676);
+    background: var(--colorDefault30, #5A85CB);
+    color: var(--textColorDefault40, #ffffff);
 }
 
 /* Pricacy */
+.privacy-view .dialog-cookies {
+    background: white;
+    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 60%);
+}
+
+.privacy-view .modal-cookies .modal-header .close span,
+.privacy-view .modal-cookies h1,
+.privacy-view,
+#modalCookies p,
+#modalCookies label,
 .privacy-view .dialog-cookies .cookiealert-container .display-cookiealert p {
-    color: var(--textColorDefault40, #ffffff);
+    color: var(--textColor40, #333333);
 }
 
 .privacy-view .dialog-cookies a {
-    color: var(--colorPrimary30, #7c8ec8);
+    display: inline-block;
+    padding: 4px 12px;
+    text-decoration: none;
 }
 
-#cron-breadcrumbs{
+.privacy-view .modal-cookies {
+    background: var(--backgroundColor40, #ffffff);
+}
+
+.privacy-view .modal-cookies .modal-header .close span,
+.modal .modal-header .close {
+    font-size: var(--textExtraBigSize, 34.84px);
+    line-height: var(--textMediumSize, 24.19px);
+}
+
+.privacy-view .modal-cookies .modal-header h1 {
+    width: 93%;
+    margin-bottom: 0;
+}
+
+/* Breadcrumbs */
+#cron-breadcrumbs {
     background: transparent;
+}
+
+#cron-breadcrumbs .k-breadcrumb-item .k-breadcrumb-root-link:hover:last-child {
+    text-decoration: none;
 }