@syncfusion/ej2-react-inplace-editor 20.1.47 → 20.2.38

package/styles/inplace-editor/bootstrap5.css

@@ -4,11 +4,9 @@
   box-shadow: none;
   margin-top: 3px;
 }
-
 .e-popup.e-ddl .e-input-group {
   width: auto;
 }
-
 .e-popup.e-ddl .e-input-group input {
   line-height: 15px;
 }
@@ -22,7 +20,6 @@
   display: flex;
   width: auto;
 }
-
 .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
   border: 0;
 }
@@ -38,8 +35,7 @@
   text-indent: 16px;
 }
 
-.e-bigger .e-popup.e-ddl .e-list-group-item,
-.e-bigger .e-popup.e-ddl .e-fixed-head {
+.e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
   font-size: 14px;
   line-height: 32px;
   padding-left: 0;
@@ -50,8 +46,7 @@
   padding-left: 0;
 }
 
-.e-bigger .e-popup.e-ddl .e-input-group input,
-.e-bigger .e-popup.e-ddl .e-input-group input.e-input {
+.e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
   font-size: 16px;
   height: 36px;
 }
@@ -63,7 +58,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -91,6 +85,13 @@
   color: #6c757d;
 }
 
+.e-input-group.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-input-group.e-control-wrapper.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon,
+.e-float-input.e-control-wrapper.e-ddl.e-readonly .e-input[readonly] ~ span.e-input-group-icon.e-ddl-icon.e-search-icon {
+  background: #e9ecef;
+}
+
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
 .e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
 .e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
@@ -125,9 +126,7 @@
   font-size: 16px;
 }
 
-.e-bigger.e-small .e-ddl.e-popup .e-list-item,
-.e-bigger.e-small .e-ddl.e-popup .e-list-group-item,
-.e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
+.e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
   font-size: 14px;
   line-height: 34px;
   padding-left: 0;
@@ -138,8 +137,7 @@
   padding-left: 4px;
 }
 
-.e-bigger.e-small .e-ddl.e-popup .e-input-group input,
-.e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
+.e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
   height: 30px;
 }
 
@@ -153,7 +151,7 @@
 }
 
 .e-multiselect .e-input-group-icon.e-ddl-icon {
-  border-radius: 0 4px 4px 0;
+  border-radius: 0 2px 2px 0;
   border-right-width: 0;
 }
 
@@ -173,7 +171,7 @@
   width: 24px;
 }
 
-.e-multi-select-wrapper .e-searcher input[type='text'] {
+.e-multi-select-wrapper .e-searcher input[type=text] {
   color: #212529;
   height: 100%;
 }
@@ -190,7 +188,6 @@
     transform: rotate(360deg);
   }
 }
-
 @keyframes fabric-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -199,21 +196,18 @@
     transform: rotate(360deg);
   }
 }
-
 /*! inplaceeditor icons */
 .e-inplaceeditor .e-save-icon::before,
 .e-inplaceeditor-tip .e-save-icon::before {
-  content: '\e774';
+  content: "\e774";
 }
-
 .e-inplaceeditor .e-cancel-icon::before,
 .e-inplaceeditor-tip .e-cancel-icon::before {
-  content: '\e7e7';
+  content: "\e7e7";
 }
-
 .e-inplaceeditor .e-editable-overlay-icon::before,
 .e-inplaceeditor-tip .e-editable-overlay-icon::before {
-  content: '\e730';
+  content: "\e730";
 }
 
 /*! inplaceeditor layout */
@@ -221,107 +215,88 @@
 .e-inplaceeditor.e-bigger .e-editable-value-wrapper {
   padding: 7px 12px 7px 12px;
 }
-
 .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-value,
 .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-value {
   font-size: 16px;
   margin: 0 30px 0 0;
 }
-
 .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon,
 .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon {
   right: 8px;
   width: 20px;
 }
-
 .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before,
 .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-editable-overlay-icon::before {
   font-size: 16px;
 }
-
 .e-bigger .e-inplaceeditor .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner,
 .e-inplaceeditor.e-bigger .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
   right: 8px;
 }
-
 .e-bigger .e-inplaceeditor .e-editable-value-container,
 .e-inplaceeditor.e-bigger .e-editable-value-container {
   padding: 7px 12px 7px 12px;
 }
-
 .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-value,
 .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-value {
   font-size: 16px;
   margin: 0 30px 0 0;
 }
-
 .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon,
 .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon {
   right: 8px;
   width: 20px;
 }
-
 .e-bigger .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before,
 .e-inplaceeditor.e-bigger .e-editable-value-container .e-editable-overlay-icon::before {
   font-size: 16px;
 }
-
 .e-bigger .e-inplaceeditor .e-editable-value-container .e-spinner-pane .e-spinner-inner,
 .e-inplaceeditor.e-bigger .e-editable-value-container .e-spinner-pane .e-spinner-inner {
   right: 8px;
 }
-
 .e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-save,
 .e-inplaceeditor.e-bigger .e-editable-action-buttons .e-btn-save {
   margin: 0 4px 0 0;
 }
-
 .e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel,
 .e-inplaceeditor.e-bigger .e-editable-action-buttons .e-btn-cancel {
   margin: 0 0 0 4px;
 }
-
 .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-value,
 .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-editable-value {
   margin: 0 0 0 30px;
 }
-
 .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon,
 .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon {
   left: 8px;
   right: auto;
 }
-
 .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane,
 .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner,
 .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-spinner-pane,
 .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
   left: 8px;
 }
-
 .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-value,
 .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-editable-value {
   margin: 0 0 0 30px;
 }
-
 .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-overlay-icon,
 .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-editable-overlay-icon {
   left: 8px;
   right: auto;
 }
-
 .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane,
 .e-bigger .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner,
 .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-spinner-pane,
 .e-inplaceeditor.e-bigger.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner {
   left: 8px;
 }
-
 .e-bigger .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-save,
 .e-inplaceeditor.e-bigger.e-rtl .e-editable-action-buttons .e-btn-save {
   margin: 0 0 0 4px;
 }
-
 .e-bigger .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-cancel,
 .e-inplaceeditor.e-bigger.e-rtl .e-editable-action-buttons .e-btn-cancel {
   margin: 0 4px 0 0;
@@ -332,17 +307,14 @@
   position: relative;
   width: auto;
 }
-
 .e-inplaceeditor .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
   display: block;
   visibility: hidden;
 }
-
 .e-inplaceeditor .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
   display: block;
   visibility: hidden;
 }
-
 .e-inplaceeditor .e-editable-value-wrapper {
   display: inline-block;
   padding: 3px 8px 5px 8px;
@@ -350,14 +322,12 @@
   width: auto;
   word-break: break-word;
 }
-
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
   display: inline-block;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 14px;
   margin: 0 28px 0 0;
 }
-
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
   bottom: 0;
   cursor: pointer;
@@ -370,7 +340,6 @@
   visibility: hidden;
   width: 20px;
 }
-
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before {
   -ms-flex-align: center;
       align-items: center;
@@ -378,34 +347,27 @@
   display: flex;
   font-size: 14px;
 }
-
 .e-inplaceeditor .e-editable-value-wrapper.e-hide {
   display: none;
 }
-
 .e-inplaceeditor .e-editable-value-wrapper.e-editable-open {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
-
 .e-inplaceeditor .e-editable-value-wrapper.e-loading {
   pointer-events: none;
 }
-
 .e-inplaceeditor .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
   left: unset;
   right: 8px;
 }
-
 .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-overlay-icon {
   visibility: visible;
 }
-
 .e-inplaceeditor .e-editable-value-wrapper:hover.e-editable-open .e-editable-overlay-icon {
   visibility: hidden;
 }
-
 .e-inplaceeditor .e-editable-value-container {
   display: inline-block;
   padding: 3px 8px 5px 8px;
@@ -413,14 +375,12 @@
   width: auto;
   word-break: break-word;
 }
-
 .e-inplaceeditor .e-editable-value-container .e-editable-value {
   display: inline-block;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 14px;
   margin: 0 28px 0 0;
 }
-
 .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
   bottom: 0;
   cursor: pointer;
@@ -433,7 +393,6 @@
   visibility: hidden;
   width: 20px;
 }
-
 .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon::before {
   -ms-flex-align: center;
       align-items: center;
@@ -441,83 +400,66 @@
   display: flex;
   font-size: 14px;
 }
-
 .e-inplaceeditor .e-editable-value-container.e-hide {
   display: none;
 }
-
 .e-inplaceeditor .e-editable-value-container.e-editable-open {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
-
 .e-inplaceeditor .e-editable-value-container.e-loading {
   pointer-events: none;
 }
-
 .e-inplaceeditor .e-editable-value-container .e-spinner-pane .e-spinner-inner {
   left: unset;
   right: 8px;
 }
-
 .e-inplaceeditor .e-editable-value-container:hover .e-editable-overlay-icon {
   visibility: visible;
 }
-
 .e-inplaceeditor .e-editable-value-container:hover.e-editable-open .e-editable-overlay-icon {
   visibility: hidden;
 }
-
 .e-inplaceeditor .e-editable-action-buttons {
   margin-top: 4px;
   position: absolute;
   right: 0;
   z-index: 100;
 }
-
 .e-inplaceeditor.e-overlay {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
-
 .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-value {
   margin: 0 0 0 28px;
 }
-
 .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-editable-overlay-icon {
   left: 8px;
   right: auto;
 }
-
 .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane {
   right: unset;
 }
-
 .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane,
 .e-inplaceeditor.e-rtl .e-editable-value-wrapper .e-spinner-pane .e-spinner-inner {
   left: 8px;
 }
-
 .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-value {
   margin: 0 0 0 28px;
 }
-
 .e-inplaceeditor.e-rtl .e-editable-value-container .e-editable-overlay-icon {
   left: 8px;
   right: auto;
 }
-
 .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane {
   right: unset;
 }
-
 .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane,
 .e-inplaceeditor.e-rtl .e-editable-value-container .e-spinner-pane .e-spinner-inner {
   left: 8px;
 }
-
 .e-inplaceeditor.e-rtl .e-editable-action-buttons {
   left: 0;
   right: auto;
@@ -529,17 +471,14 @@
 .e-inplaceeditor-tip.e-bigger {
   width: auto;
 }
-
 .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
 .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
   stroke-width: inherit;
 }
-
 .e-inplaceeditor .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,
 .e-inplaceeditor-tip .e-editable-elements:not(.e-richtexteditor) + .e-editable-loading .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle {
   stroke-width: inherit;
 }
-
 .e-inplaceeditor .e-editable-loading,
 .e-inplaceeditor-tip .e-editable-loading {
   display: none;
@@ -547,90 +486,74 @@
   position: absolute;
   top: 0;
 }
-
 .e-inplaceeditor .e-editable-loading.e-show,
 .e-inplaceeditor-tip .e-editable-loading.e-show {
   display: block;
 }
-
 .e-inplaceeditor .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner,
 .e-inplaceeditor-tip .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
   left: auto;
   right: 5px;
   transform: translateX(-30%) translateY(-50%);
 }
-
 .e-inplaceeditor .e-editable-form,
 .e-inplaceeditor-tip .e-editable-form {
   width: 100%;
 }
-
 .e-inplaceeditor .e-editable-form.e-loading .e-input-group-icon,
 .e-inplaceeditor-tip .e-editable-form.e-loading .e-input-group-icon {
   visibility: hidden;
 }
-
 .e-inplaceeditor .e-component-group,
 .e-inplaceeditor-tip .e-component-group {
   margin-bottom: 4px;
 }
-
 .e-inplaceeditor .e-component-group .e-editable-component,
 .e-inplaceeditor-tip .e-component-group .e-editable-component {
   min-width: 150px;
   position: relative;
 }
-
 .e-inplaceeditor .e-control-overlay,
 .e-inplaceeditor-tip .e-control-overlay {
   visibility: hidden;
 }
-
 .e-inplaceeditor .e-control-overlay.e-richtexteditor,
 .e-inplaceeditor-tip .e-control-overlay.e-richtexteditor {
-  opacity: .5;
+  opacity: 0.5;
   pointer-events: none;
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
   visibility: visible;
 }
-
 .e-inplaceeditor .e-editable-action-buttons .e-btn-save,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save {
   margin: 0 4px 0 0;
 }
-
 .e-inplaceeditor .e-editable-action-buttons .e-btn-save .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save .e-btn-icon.e-icons {
   font-size: 16px;
 }
-
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel {
   margin: 0 0 0 4px;
 }
-
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel .e-btn-icon.e-icons {
   font-size: 16px;
 }
-
 .e-inplaceeditor .e-editable-action-buttons.e-hide,
 .e-inplaceeditor-tip .e-editable-action-buttons.e-hide {
   visibility: hidden;
 }
-
 .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-save,
 .e-inplaceeditor-tip.e-rtl .e-editable-action-buttons .e-btn-save {
   margin: 0 0 0 4px;
 }
-
 .e-inplaceeditor.e-rtl .e-editable-action-buttons .e-btn-cancel,
 .e-inplaceeditor-tip.e-rtl .e-editable-action-buttons .e-btn-cancel {
   margin: 0 4px 0 0;
 }
-
 .e-inplaceeditor.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner,
 .e-inplaceeditor-tip.e-rtl .e-editable-loading.e-show:not(.e-rte-spin-wrap) .e-spinner-inner {
   left: 5px;
@@ -638,33 +561,32 @@
   transform: translateX(30%) translateY(-50%);
 }
 
+.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content,
+.e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content {
+  padding: 0;
+}
 .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper,
 .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
   padding: 16px;
 }
-
 .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container,
 .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-container {
   padding: 16px;
 }
-
 .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper,
 .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper {
   padding: 16px;
 }
-
 .e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container,
 .e-inplaceeditor-tip.e-bigger.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container {
   padding: 16px;
 }
-
 .e-bigger .e-inplaceeditor-tip .e-editable-title,
 .e-inplaceeditor-tip.e-bigger .e-editable-title {
   font-size: 14px;
   min-height: 46px;
   padding: 12px 16px 12px 16px;
 }
-
 .e-bigger .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title,
 .e-inplaceeditor-tip.e-bigger.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title {
   padding: 12px 16px 12px 16px;
@@ -674,21 +596,17 @@
   opacity: 1;
   width: auto;
 }
-
 .e-inplaceeditor-tip.e-tooltip-wrap {
   max-width: 100%;
 }
-
 .e-inplaceeditor-tip.e-tooltip-wrap .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
 .e-inplaceeditor-tip.e-tooltip-wrap .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
   display: block;
   visibility: hidden;
 }
-
 .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
   padding: 0;
 }
-
 .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title {
   -ms-flex-line-pack: center;
       align-content: center;
@@ -704,13 +622,11 @@
       justify-content: center;
   padding: 9px 12px 9px 12px;
 }
-
 .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper {
   display: -ms-flexbox;
   display: flex;
   padding: 12px;
 }
-
 .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons {
   float: right;
   margin-top: 4px;
@@ -718,13 +634,11 @@
   right: auto;
   top: auto;
 }
-
 .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container {
   display: -ms-flexbox;
   display: flex;
   padding: 12px;
 }
-
 .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-container .e-editable-action-buttons {
   float: right;
   margin-top: 4px;
@@ -732,27 +646,21 @@
   right: auto;
   top: auto;
 }
-
 .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-wrapper {
   padding: 12px;
 }
-
 .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content .e-editable-title + .e-editable-container {
   padding: 12px;
 }
-
 .e-inplaceeditor-tip.e-hide {
   visibility: hidden;
 }
-
 .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-title {
   padding: 9px 12px 9px 12px;
 }
-
 .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-wrapper .e-editable-action-buttons {
   float: left;
 }
-
 .e-inplaceeditor-tip.e-rtl.e-tooltip-wrap .e-tip-content .e-editable-container .e-editable-action-buttons {
   float: left;
 }
@@ -774,10 +682,6 @@
   border-radius: 4px;
 }
 
-.e-bigger .e-inplaceeditor-tip.e-tooltip-wrap .e-tip-content {
-  padding: 0;
-}
-
 .e-control.e-inplaceeditor .e-editable-value-wrapper {
   min-height: 30px;
 }
@@ -792,8 +696,7 @@
   font-size: 14px;
 }
 
-.e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-icon.e-icons
-.e-bigger.e-inplaceeditor .e-editable-action-buttons .e-btn-icon.e-icons {
+.e-bigger .e-inplaceeditor .e-editable-action-buttons .e-btn-icon.e-icons .e-bigger.e-inplaceeditor .e-editable-action-buttons .e-btn-icon.e-icons {
   font-size: 22px;
 }
 
@@ -802,64 +705,50 @@
   border-bottom: 1px dashed #212529;
   color: #212529;
 }
-
 .e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon {
   color: #6c757d;
 }
-
 .e-inplaceeditor .e-editable-value-wrapper.e-loading .e-editable-value {
   border-bottom: 0;
 }
-
 .e-inplaceeditor .e-editable-value-wrapper:hover {
   background: #e9ecef;
   border-radius: 4px;
 }
-
 .e-inplaceeditor .e-editable-value-wrapper:hover .e-editable-value {
   border-bottom-color: transparent;
 }
-
 .e-inplaceeditor .e-editable-value-container .e-editable-value {
   border-bottom: 1px dashed #212529;
   color: #212529;
 }
-
 .e-inplaceeditor .e-editable-value-container .e-editable-overlay-icon {
   color: #6c757d;
 }
-
 .e-inplaceeditor .e-editable-value-container.e-loading .e-editable-value {
   border-bottom: 0;
 }
-
 .e-inplaceeditor .e-editable-value-container:hover {
   background: #e9ecef;
   border-radius: 4px;
 }
-
 .e-inplaceeditor .e-editable-value-container:hover .e-editable-value {
   border-bottom-color: transparent;
 }
-
-.e-inplaceeditor[data-underline='false'] .e-editable-value-wrapper .e-editable-value {
+.e-inplaceeditor[data-underline=false] .e-editable-value-wrapper .e-editable-value {
   border-bottom: 0;
 }
-
-.e-inplaceeditor[data-underline='false'] .e-editable-value-container .e-editable-value {
+.e-inplaceeditor[data-underline=false] .e-editable-value-container .e-editable-value {
   border-bottom: 0;
 }
-
 .e-inplaceeditor.e-disable {
   pointer-events: none;
   -ms-touch-action: none;
       touch-action: none;
 }
-
 .e-inplaceeditor.e-disable .e-editable-value-wrapper .e-editable-value {
   border-bottom-color: transparent;
 }
-
 .e-inplaceeditor.e-disable .e-editable-value-container .e-editable-value {
   border-bottom-color: transparent;
 }
@@ -872,14 +761,19 @@
   border: 1px solid #dee2e6;
   border-radius: 4px;
 }
-
 .e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
 .e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn .e-btn-icon.e-icons,
 .e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn .e-btn-icon.e-icons {
   color: #6c757d;
 }
-
+.e-inplaceeditor .e-editable-action-buttons .e-btn-save.e-icon-btn:hover,
+.e-inplaceeditor .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-save.e-icon-btn:hover,
+.e-inplaceeditor-tip .e-editable-action-buttons .e-btn-cancel.e-icon-btn:hover {
+  background-color: #5a6268;
+  border: 1px solid #545b62;
+}
 .e-inplaceeditor .e-editable-value-wrapper {
   background-color: transparent;
   border-radius: 4px;
@@ -893,38 +787,30 @@
   background: #fff;
   box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
 }
-
 .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-tip-content {
   border-radius: 4px;
   color: #212529;
 }
-
 .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-inner {
   color: #f8f9fa;
 }
-
 .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-top {
   border-bottom-color: #f8f9fa;
 }
-
 .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-arrow-tip-outer.e-tip-bottom {
   border-top-color: #f8f9fa;
 }
-
 .e-inplaceeditor-tip.e-tooltip-wrap.e-popup.e-popup {
   border: 1px solid #ced4da;
 }
-
 .e-inplaceeditor-tip.e-tooltip-wrap.e-popup .e-editable-title {
   background: #f8f9fa;
   border-bottom: 0;
   color: #212529;
 }
-
 .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
   border-bottom-color: #ced4da;
 }
-
 .e-inplaceeditor-tip.e-editable-tip-title.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
   color: #f8f9fa;
-}
+}