@syncfusion/blazor-themes 31.1.19 → 31.1.21

package/Compiled-Themes/bootstrap5.3-dark-lite.css

@@ -8116,7 +8116,7 @@ button .e-badge.e-badge-circle.e-badge-ghost {
 .e-css.e-btn.e-outline.e-primary:disabled,
 .e-css.e-btn.e-outline.e-primary.e-disabled {
   background: rgba(var(--color-sf-primary), 0.65);
-  border-color: rgba(var(--color-sf-primary), 0.65);
+  border-color: var(--color-sf-primary-bg-color-disabled);
   box-shadow: none;
   color: var(--color-sf-primary-bg-color-disabled);
 }
@@ -22432,10 +22432,8 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-item {
   list-style: none;
-  padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -22459,6 +22457,10 @@ body.e-colorpicker-overflow {
 .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
   content: none;
 }
+.e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -22473,7 +22475,6 @@ body.e-colorpicker-overflow {
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -22509,7 +22510,7 @@ body.e-colorpicker-overflow {
   margin: 0 0 0 8px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -22522,24 +22523,29 @@ body.e-colorpicker-overflow {
 .e-treeview .e-list-text {
   box-sizing: border-box;
   display: inline-block;
-  line-height: 34px;
+  line-height: 22px;
   margin: 0;
-  min-height: 34px;
-  padding: 0 8px;
+  min-height: 22px;
+  padding: 7px 8px;
   text-decoration: none;
   vertical-align: middle;
 }
 .e-treeview .e-list-text .e-input-group {
-  height: 30px;
+  height: 32px;
   margin-bottom: 0;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
+  height: 32px;
+  padding-top: 5px;
+  padding-bottom: 5px;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -22556,11 +22562,11 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 12px;
+  padding: 7px 12px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 12px;
+  padding: 7px 12px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -22854,6 +22860,12 @@ body.e-colorpicker-overflow {
 .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
   color: var(--color-sf-content-text-color-selected);
 }
+.e-treeview .e-list-item.e-active > .e-text-content .e-check {
+  border-color: var(--color-sf-content-text-color-selected);
+}
+.e-treeview .e-list-item.e-active > .e-text-content .e-stop {
+  border-color: var(--color-sf-content-text-color-selected);
+}
 .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
   background-color: var(--color-sf-content-bg-color-selected);
   border-color: var(--color-sf-content-bg-color-selected);
@@ -23347,7 +23359,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 12px;
-  line-height: 35px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -40109,7 +40120,7 @@ ejs-filemanager {
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
   background: rgba(var(--color-sf-primary), 0.65);
-  border-color: rgba(var(--color-sf-primary), 0.65);
+  border-color: var(--color-sf-primary-bg-color-disabled);
   box-shadow: none;
   color: var(--color-sf-primary-bg-color-disabled);
   border-color: var(--color-sf-primary-bg-color);
@@ -46962,10 +46973,10 @@ span.e-table-box.e-rbox-select {
 .e-toast-container .e-toast .e-toast-message .e-toast-title:first-child,
 .e-toast-container .e-toast .e-toast-message .e-toast-content:first-child {
   padding: 0;
-  padding-bottom: 12px;
+  padding-bottom: 8px;
   padding-left: 12px;
   padding-right: 12px;
-  padding-top: 12px;
+  padding-top: 8px;
 }
 .e-toast-container .e-toast .e-toast-message .e-toast-title:last-child,
 .e-toast-container .e-toast .e-toast-message .e-toast-content:last-child {
@@ -47005,7 +47016,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast.e-toast-header-icon .e-toast-message .e-toast-title:first-child,
 .e-toast-container .e-toast.e-toast-header-icon .e-toast-message .e-toast-content:first-child {
-  padding-left: 48px;
+  padding-left: 44px;
 }
 .e-toast-container .e-toast.e-toast-header-close-icon .e-toast-message .e-toast-title:first-child,
 .e-toast-container .e-toast.e-toast-header-close-icon .e-toast-message .e-toast-content:first-child {
@@ -47026,14 +47037,16 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast .e-toast-icon {
   align-items: center;
-  font-size: 14px;
-  height: 20px;
+  font-size: 18px;
+  height: 18px;
   justify-content: center;
   margin-right: 14px;
-  width: 20px;
-  left: 16px;
-  margin-left: 13px;
-  margin-top: 13px;
+  width: 18px;
+  left: 0;
+  margin-left: 12px;
+  margin-top: 10px;
+  padding-bottom: 6px;
+  position: absolute;
 }
 .e-toast-container .e-toast .e-toast-progress {
   bottom: 0;
@@ -47113,7 +47126,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast.e-toast-info .e-toast-message .e-toast-title {
   color: var(--color-sf-info-dark);
-  border-color: var(--color-sf-info-dark);
+  border-color: var(--color-sf-info);
 }
 .e-toast-container .e-toast.e-toast-info .e-toast-message .e-toast-content {
   color: var(--color-sf-info-dark);
@@ -47135,7 +47148,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast.e-toast-warning .e-toast-message .e-toast-title {
   color: var(--color-sf-warning-dark);
-  border-color: var(--color-sf-warning-dark);
+  border-color: var(--color-sf-border-warning);
 }
 .e-toast-container .e-toast.e-toast-warning .e-toast-message .e-toast-content {
   color: var(--color-sf-warning-dark);

package/Compiled-Themes/bootstrap5.3-dark.css

@@ -10342,7 +10342,7 @@ button .e-badge.e-badge-circle.e-badge-ghost {
 .e-css.e-btn.e-outline.e-primary:disabled,
 .e-css.e-btn.e-outline.e-primary.e-disabled {
   background: rgba(var(--color-sf-primary), 0.65);
-  border-color: rgba(var(--color-sf-primary), 0.65);
+  border-color: var(--color-sf-primary-bg-color-disabled);
   box-shadow: none;
   color: var(--color-sf-primary-bg-color-disabled);
 }
@@ -29964,10 +29964,8 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-item {
   list-style: none;
-  padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -29991,6 +29989,10 @@ body.e-colorpicker-overflow {
 .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
   content: none;
 }
+.e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -30005,7 +30007,6 @@ body.e-colorpicker-overflow {
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -30041,7 +30042,7 @@ body.e-colorpicker-overflow {
   margin: 0 0 0 8px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -30054,24 +30055,29 @@ body.e-colorpicker-overflow {
 .e-treeview .e-list-text {
   box-sizing: border-box;
   display: inline-block;
-  line-height: 34px;
+  line-height: 22px;
   margin: 0;
-  min-height: 34px;
-  padding: 0 8px;
+  min-height: 22px;
+  padding: 7px 8px;
   text-decoration: none;
   vertical-align: middle;
 }
 .e-treeview .e-list-text .e-input-group {
-  height: 30px;
+  height: 32px;
   margin-bottom: 0;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
+  height: 32px;
+  padding-top: 5px;
+  padding-bottom: 5px;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -30088,11 +30094,11 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 12px;
+  padding: 7px 12px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 12px;
+  padding: 7px 12px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -30386,6 +30392,12 @@ body.e-colorpicker-overflow {
 .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
   color: var(--color-sf-content-text-color-selected);
 }
+.e-treeview .e-list-item.e-active > .e-text-content .e-check {
+  border-color: var(--color-sf-content-text-color-selected);
+}
+.e-treeview .e-list-item.e-active > .e-text-content .e-stop {
+  border-color: var(--color-sf-content-text-color-selected);
+}
 .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
   background-color: var(--color-sf-content-bg-color-selected);
   border-color: var(--color-sf-content-bg-color-selected);
@@ -30568,17 +30580,25 @@ body.e-colorpicker-overflow {
 }
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
-  line-height: 40px;
-  min-height: 40px;
+  line-height: 24px;
+  min-height: 24px;
+  padding: 9px 12px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {
-  height: 40px;
+  height: 38px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
 .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
   height: 36px;
 }
+.e-bigger .e-treeview .e-list-text .e-input-group .e-input,
+.e-treeview.e-bigger .e-list-text .e-input-group .e-input {
+  line-height: 24px;
+  min-height: 24px;
+  padding-top: 7px;
+  padding-bottom: 7px;
+}
 .e-bigger .e-treeview .e-checkbox-wrapper,
 .e-treeview.e-bigger .e-checkbox-wrapper {
   margin: 0 0 0 12px;
@@ -31043,7 +31063,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 12px;
-  line-height: 35px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -52068,7 +52087,7 @@ ejs-filemanager {
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
   background: rgba(var(--color-sf-primary), 0.65);
-  border-color: rgba(var(--color-sf-primary), 0.65);
+  border-color: var(--color-sf-primary-bg-color-disabled);
   box-shadow: none;
   color: var(--color-sf-primary-bg-color-disabled);
   border-color: var(--color-sf-primary-bg-color);
@@ -59893,10 +59912,10 @@ span.e-table-box.e-rbox-select {
 .e-toast-container .e-toast .e-toast-message .e-toast-title:first-child,
 .e-toast-container .e-toast .e-toast-message .e-toast-content:first-child {
   padding: 0;
-  padding-bottom: 12px;
+  padding-bottom: 8px;
   padding-left: 12px;
   padding-right: 12px;
-  padding-top: 12px;
+  padding-top: 8px;
 }
 .e-toast-container .e-toast .e-toast-message .e-toast-title:last-child,
 .e-toast-container .e-toast .e-toast-message .e-toast-content:last-child {
@@ -59936,7 +59955,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast.e-toast-header-icon .e-toast-message .e-toast-title:first-child,
 .e-toast-container .e-toast.e-toast-header-icon .e-toast-message .e-toast-content:first-child {
-  padding-left: 48px;
+  padding-left: 44px;
 }
 .e-toast-container .e-toast.e-toast-header-close-icon .e-toast-message .e-toast-title:first-child,
 .e-toast-container .e-toast.e-toast-header-close-icon .e-toast-message .e-toast-content:first-child {
@@ -59957,14 +59976,16 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast .e-toast-icon {
   align-items: center;
-  font-size: 14px;
-  height: 20px;
+  font-size: 18px;
+  height: 18px;
   justify-content: center;
   margin-right: 14px;
-  width: 20px;
-  left: 16px;
-  margin-left: 13px;
-  margin-top: 13px;
+  width: 18px;
+  left: 0;
+  margin-left: 12px;
+  margin-top: 10px;
+  padding-bottom: 6px;
+  position: absolute;
 }
 .e-toast-container .e-toast .e-toast-progress {
   bottom: 0;
@@ -60044,7 +60065,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast.e-toast-info .e-toast-message .e-toast-title {
   color: var(--color-sf-info-dark);
-  border-color: var(--color-sf-info-dark);
+  border-color: var(--color-sf-info);
 }
 .e-toast-container .e-toast.e-toast-info .e-toast-message .e-toast-content {
   color: var(--color-sf-info-dark);
@@ -60066,7 +60087,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast.e-toast-warning .e-toast-message .e-toast-title {
   color: var(--color-sf-warning-dark);
-  border-color: var(--color-sf-warning-dark);
+  border-color: var(--color-sf-border-warning);
 }
 .e-toast-container .e-toast.e-toast-warning .e-toast-message .e-toast-content {
   color: var(--color-sf-warning-dark);
@@ -60267,12 +60288,13 @@ span.e-table-box.e-rbox-select {
 }
 .e-bigger .e-toast-container .e-toast .e-toast-icon,
 .e-toast-container.e-bigger .e-toast .e-toast-icon {
-  font-size: 18px;
-  height: 24px;
+  font-size: 20px;
+  height: 20px;
   margin-right: 16px;
-  width: 24px;
-  left: 18px;
-  margin-top: 13px;
+  width: 20px;
+  left: 0;
+  margin-top: 14px;
+  margin-left: 12px;
 }
 .e-bigger .e-toast-container .e-toast .e-toast-progress,
 .e-toast-container.e-bigger .e-toast .e-toast-progress {

package/Compiled-Themes/bootstrap5.3-lite.css

@@ -8412,7 +8412,7 @@ button .e-badge.e-badge-circle.e-badge-ghost {
 .e-css.e-btn.e-outline.e-primary:disabled,
 .e-css.e-btn.e-outline.e-primary.e-disabled {
   background: rgba(var(--color-sf-primary), 0.65);
-  border-color: rgba(var(--color-sf-primary), 0.65);
+  border-color: var(--color-sf-primary-bg-color-disabled);
   box-shadow: none;
   color: var(--color-sf-primary-bg-color-disabled);
 }
@@ -22728,10 +22728,8 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-item {
   list-style: none;
-  padding: 2px 0;
 }
 .e-treeview .e-list-item .e-ul {
-  margin: 2px 0 -2px;
   padding: 0 0 0 20px;
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
@@ -22755,6 +22753,10 @@ body.e-colorpicker-overflow {
 .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
   content: none;
 }
+.e-treeview .e-list-item .e-text-content .e-list-text:has(> .e-input-group) {
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
 .e-treeview .e-icons .e-spinner-pane {
   position: relative;
 }
@@ -22769,7 +22771,6 @@ body.e-colorpicker-overflow {
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
-  border: 1px solid;
   cursor: pointer;
   margin: 0;
   padding: 0 0 0 20px;
@@ -22805,7 +22806,7 @@ body.e-colorpicker-overflow {
   margin: 0 0 0 8px;
 }
 .e-treeview .e-checkbox-wrapper + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-checkbox-wrapper .e-ripple-container {
   bottom: -7px;
@@ -22818,24 +22819,29 @@ body.e-colorpicker-overflow {
 .e-treeview .e-list-text {
   box-sizing: border-box;
   display: inline-block;
-  line-height: 34px;
+  line-height: 22px;
   margin: 0;
-  min-height: 34px;
-  padding: 0 8px;
+  min-height: 22px;
+  padding: 7px 8px;
   text-decoration: none;
   vertical-align: middle;
 }
 .e-treeview .e-list-text .e-input-group {
-  height: 30px;
+  height: 32px;
   margin-bottom: 0;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
+  padding-top: 6px;
+  padding-bottom: 6px;
+  height: 32px;
+  padding-top: 5px;
+  padding-bottom: 5px;
 }
 .e-treeview .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
@@ -22852,11 +22858,11 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 12px;
+  padding: 7px 12px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 12px;
+  padding: 7px 12px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -23150,6 +23156,12 @@ body.e-colorpicker-overflow {
 .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
   color: var(--color-sf-content-text-color-selected);
 }
+.e-treeview .e-list-item.e-active > .e-text-content .e-check {
+  border-color: var(--color-sf-content-text-color-selected);
+}
+.e-treeview .e-list-item.e-active > .e-text-content .e-stop {
+  border-color: var(--color-sf-content-text-color-selected);
+}
 .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
   background-color: var(--color-sf-content-bg-color-selected);
   border-color: var(--color-sf-content-bg-color-selected);
@@ -23643,7 +23655,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 12px;
-  line-height: 35px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -40405,7 +40416,7 @@ ejs-filemanager {
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
   background: rgba(var(--color-sf-primary), 0.65);
-  border-color: rgba(var(--color-sf-primary), 0.65);
+  border-color: var(--color-sf-primary-bg-color-disabled);
   box-shadow: none;
   color: var(--color-sf-primary-bg-color-disabled);
   border-color: var(--color-sf-primary-bg-color);
@@ -47274,10 +47285,10 @@ span.e-table-box.e-rbox-select {
 .e-toast-container .e-toast .e-toast-message .e-toast-title:first-child,
 .e-toast-container .e-toast .e-toast-message .e-toast-content:first-child {
   padding: 0;
-  padding-bottom: 12px;
+  padding-bottom: 8px;
   padding-left: 12px;
   padding-right: 12px;
-  padding-top: 12px;
+  padding-top: 8px;
 }
 .e-toast-container .e-toast .e-toast-message .e-toast-title:last-child,
 .e-toast-container .e-toast .e-toast-message .e-toast-content:last-child {
@@ -47317,7 +47328,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast.e-toast-header-icon .e-toast-message .e-toast-title:first-child,
 .e-toast-container .e-toast.e-toast-header-icon .e-toast-message .e-toast-content:first-child {
-  padding-left: 48px;
+  padding-left: 44px;
 }
 .e-toast-container .e-toast.e-toast-header-close-icon .e-toast-message .e-toast-title:first-child,
 .e-toast-container .e-toast.e-toast-header-close-icon .e-toast-message .e-toast-content:first-child {
@@ -47338,14 +47349,16 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast .e-toast-icon {
   align-items: center;
-  font-size: 14px;
-  height: 20px;
+  font-size: 18px;
+  height: 18px;
   justify-content: center;
   margin-right: 14px;
-  width: 20px;
-  left: 16px;
-  margin-left: 13px;
-  margin-top: 13px;
+  width: 18px;
+  left: 0;
+  margin-left: 12px;
+  margin-top: 10px;
+  padding-bottom: 6px;
+  position: absolute;
 }
 .e-toast-container .e-toast .e-toast-progress {
   bottom: 0;
@@ -47425,7 +47438,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast.e-toast-info .e-toast-message .e-toast-title {
   color: var(--color-sf-info-dark);
-  border-color: var(--color-sf-info-dark);
+  border-color: var(--color-sf-info);
 }
 .e-toast-container .e-toast.e-toast-info .e-toast-message .e-toast-content {
   color: var(--color-sf-info-dark);
@@ -47447,7 +47460,7 @@ span.e-table-box.e-rbox-select {
 }
 .e-toast-container .e-toast.e-toast-warning .e-toast-message .e-toast-title {
   color: var(--color-sf-warning-dark);
-  border-color: var(--color-sf-warning-dark);
+  border-color: var(--color-sf-border-warning);
 }
 .e-toast-container .e-toast.e-toast-warning .e-toast-message .e-toast-content {
   color: var(--color-sf-warning-dark);