@syncfusion/ej2-react-richtexteditor 20.2.50 → 20.3.50

package/styles/highcontrast-light.css

@@ -120,8 +120,20 @@
 .e-rte-dropdown-popup .e-image::before {
   content: "\e335";
 }
+.e-rte-toolbar .e-audio::before,
+.e-rte-dropdown-popup .e-audio::before {
+  content: "\e940";
+}
+.e-rte-toolbar .e-video::before,
+.e-rte-dropdown-popup .e-video::before {
+  content: "\e941";
+}
 .e-rte-toolbar .e-replace::before,
-.e-rte-dropdown-popup .e-replace::before {
+.e-rte-toolbar .e-audio-replace::before,
+.e-rte-toolbar .e-video-replace::before,
+.e-rte-dropdown-popup .e-replace::before,
+.e-rte-dropdown-popup .e-audio-replace::before,
+.e-rte-dropdown-popup .e-video-replace::before {
   content: "\e359";
 }
 .e-rte-toolbar .e-align::before,
@@ -133,7 +145,11 @@
   content: "\e35b";
 }
 .e-rte-toolbar .e-remove::before,
-.e-rte-dropdown-popup .e-remove::before {
+.e-rte-toolbar .e-audio-remove::before,
+.e-rte-toolbar .e-video-remove::before,
+.e-rte-dropdown-popup .e-remove::before,
+.e-rte-dropdown-popup .e-audio-remove::before,
+.e-rte-dropdown-popup .e-video-remove::before {
   content: "\e33e";
 }
 .e-rte-toolbar .e-insert-link::before,
@@ -141,7 +157,11 @@
   content: "\e34e";
 }
 .e-rte-toolbar .e-display::before,
-.e-rte-dropdown-popup .e-display::before {
+.e-rte-toolbar .e-audio-display::before,
+.e-rte-toolbar .e-video-display::before,
+.e-rte-dropdown-popup .e-display::before,
+.e-rte-dropdown-popup .e-audio-display::before,
+.e-rte-dropdown-popup .e-video-display::before {
   content: "\e358";
 }
 .e-rte-toolbar .e-alt-text::before,
@@ -149,7 +169,9 @@
   content: "\e33c";
 }
 .e-rte-toolbar .e-img-dimension::before,
-.e-rte-dropdown-popup .e-img-dimension::before {
+.e-rte-toolbar .e-video-dimension::before,
+.e-rte-dropdown-popup .e-img-dimension::before,
+.e-rte-dropdown-popup .e-video-dimension::before {
   content: "\e336";
 }
 .e-rte-toolbar .e-maximize::before,
@@ -408,31 +430,31 @@
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table {
-  max-height: 309px !important;
+  max-height: 309px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table-prop-dialog {
-  max-height: 400px !important;
+  max-height: 400px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-link-dialog {
-  max-height: 404px !important;
+  max-height: 404px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-dialog {
-  min-height: 430px !important;
+  min-height: 430px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-link-dialog {
-  max-height: 226px !important;
+  max-height: 226px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-size-dialog {
-  max-height: 305px !important;
+  max-height: 305px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog,
 .e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-alt-dialog {
-  min-height: 430px !important;
+  min-height: 430px !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-richtexteditor {
@@ -458,13 +480,13 @@
 }
 .e-richtexteditor.e-rte-full-screen {
   bottom: 0;
-  height: 100% !important;
+  height: 100% !important; /* stylelint-disable-line declaration-no-important */
   left: 0;
   overflow: auto;
   position: fixed;
   right: 0;
   top: 0;
-  width: 100% !important;
+  width: 100% !important; /* stylelint-disable-line declaration-no-important */
   z-index: 999;
 }
 .e-richtexteditor.e-rte-full-screen .e-resize-handle {
@@ -474,25 +496,25 @@
   height: calc(100% - 42px);
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-edit-table {
-  max-height: 295px !important;
+  max-height: 295px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog {
-  max-height: 375px !important;
+  max-height: 375px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog {
-  max-height: 406px !important;
+  max-height: 406px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog {
-  max-height: 433px !important;
+  max-height: 433px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog {
-  max-height: 228px !important;
+  max-height: 228px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog {
-  max-height: 291px !important;
+  max-height: 291px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog {
-  max-height: 433px !important;
+  max-height: 433px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-richtexteditor.e-rtl .e-rte-character-count {
   left: 0;
@@ -694,6 +716,7 @@
 }
 .e-richtexteditor .e-rte-content,
 .e-richtexteditor .e-source-content {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-overflow-scrolling: touch;
   overflow: auto;
   transition: 100ms ease-out;
@@ -730,39 +753,39 @@
 .e-richtexteditor .e-rte-content .e-content h1,
 .e-richtexteditor .e-source-content .e-content h1 {
   font-size: 2.17em;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 1;
   margin: 10px 0;
 }
 .e-richtexteditor .e-rte-content .e-content h2,
 .e-richtexteditor .e-source-content .e-content h2 {
   font-size: 1.74em;
-  font-weight: 400;
+  font-weight: normal;
   margin: 10px 0;
 }
 .e-richtexteditor .e-rte-content .e-content h3,
 .e-richtexteditor .e-source-content .e-content h3 {
   font-size: 1.31em;
-  font-weight: 400;
+  font-weight: normal;
   margin: 10px 0;
 }
 .e-richtexteditor .e-rte-content .e-content h4,
 .e-richtexteditor .e-source-content .e-content h4 {
   font-size: 16px;
-  font-weight: 400;
+  font-weight: normal;
   line-height: 1.5;
   margin: 0;
 }
 .e-richtexteditor .e-rte-content .e-content h5,
 .e-richtexteditor .e-source-content .e-content h5 {
   font-size: 0.8em;
-  font-weight: 400;
+  font-weight: normal;
   margin: 0;
 }
 .e-richtexteditor .e-rte-content .e-content h6,
 .e-richtexteditor .e-source-content .e-content h6 {
   font-size: 0.65em;
-  font-weight: 400;
+  font-weight: normal;
   margin: 0;
 }
 .e-richtexteditor .e-rte-content .e-content blockquote,
@@ -790,7 +813,7 @@
 .e-richtexteditor .e-rte-content .e-content b,
 .e-richtexteditor .e-source-content .e-content strong,
 .e-richtexteditor .e-source-content .e-content b {
-  font-weight: 700;
+  font-weight: bold;
 }
 .e-richtexteditor .e-rte-content .e-content a,
 .e-richtexteditor .e-source-content .e-content a {
@@ -958,37 +981,37 @@
   font-weight: bold;
 }
 .e-rte-dropdown-popup ul .e-item.e-segoe-ui {
-  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-family: "Segoe UI", "Tahoma", "Geneva", "Verdana", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-arial {
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: "Arial", "Helvetica", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-courier-new {
-  font-family: Courier New, Courier, monospace;
+  font-family: "Courier New", "Courier", monospace;
 }
 .e-rte-dropdown-popup ul .e-item.e-georgia {
-  font-family: Georgia, "Times New Roman", Times, serif;
+  font-family: "Georgia", "Times New Roman", "Times", serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-helvetica-neue {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-impact {
-  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
+  font-family: "Impact", "Haettenschweiler", "Arial Narrow Bold", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-lucida-console {
-  font-family: Lucida Console, Monaco, monospace;
+  font-family: "Lucida Console", "Monaco", monospace;
 }
 .e-rte-dropdown-popup ul .e-item.e-tahoma {
-  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-family: "Segoe UI", "Tahoma", "Geneva", "Verdana", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-times-new-roman {
-  font-family: "Times New Roman", Times, serif;
+  font-family: "Times New Roman", "Times", serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-trebuchet-ms {
-  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
+  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Arial", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-verdana {
-  font-family: Verdana, Geneva, Tahoma, sans-serif;
+  font-family: "Verdana", "Geneva", "Tahoma", sans-serif;
 }
 .e-rte-dropdown-popup ul .e-item.e-roboto {
   font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif;
@@ -1005,7 +1028,9 @@
   margin: 0 6px;
 }
 
-.e-rte-image.e-imgbreak {
+.e-rte-image.e-imgbreak,
+.e-rte-audio.e-audio-break,
+.e-rte-video.e-video-break {
   border: 0;
   cursor: pointer;
   display: block;
@@ -1015,7 +1040,9 @@
   position: relative;
 }
 
-.e-rte-image {
+.e-rte-image,
+.e-rte-audio,
+.e-rte-video {
   border: 0;
   cursor: pointer;
   display: block;
@@ -1025,7 +1052,9 @@
   position: relative;
 }
 
-.e-rte-image.e-imginline {
+.e-rte-image.e-imginline,
+.e-rte-audio.e-audio-inline,
+.e-rte-video.e-video-inline {
   display: inline-block;
   float: none;
   max-width: calc(100% - 10px);
@@ -1033,7 +1062,8 @@
   vertical-align: bottom;
 }
 
-.e-rte-image.e-imgcenter {
+.e-rte-image.e-imgcenter,
+.e-rte-video.e-video-center {
   cursor: pointer;
   display: block;
   float: none;
@@ -1042,14 +1072,16 @@
   position: relative;
 }
 
-.e-rte-image.e-imgleft {
+.e-rte-image.e-imgleft,
+.e-rte-video.e-video-left {
   float: left;
   margin: 0 auto;
   margin-right: 5px;
   text-align: left;
 }
 
-.e-rte-image.e-imgright {
+.e-rte-image.e-imgright,
+.e-rte-video.e-video-right {
   float: right;
   margin: 0 auto;
   margin-left: 5px;
@@ -1183,7 +1215,10 @@
   height: 1px;
 }
 
-.e-richtexteditor .e-linkheader {
+.e-richtexteditor .e-linkheader,
+.e-richtexteditor .e-audioheader,
+.e-richtexteditor .e-videoheader,
+.e-richtexteditor .e-video-url-wrap {
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 15px;
   opacity: 0.87;
@@ -1191,31 +1226,49 @@
   padding-top: 20px;
 }
 .e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-delete-btn.e-icons,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
   margin-top: 0;
 }
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
   margin-right: 30px;
 }
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list {
   border-bottom: 0 solid transparent;
   min-height: initial;
 }
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
   margin-left: 0;
   margin-right: 0;
 }
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files {
   border-top: 0 solid transparent;
 }
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-file-select-wrap {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-file-select-wrap,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-file-select-wrap {
   display: none;
 }
-.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload {
+.e-richtexteditor .e-img-uploadwrap.e-droparea .e-upload,
+.e-richtexteditor .e-aud-uploadwrap.e-droparea .e-upload,
+.e-richtexteditor .e-vid-uploadwrap.e-droparea .e-upload {
   border: 0 solid transparent;
   float: none;
 }
-.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn {
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-browsebtn,
+.e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-browsebtn,
+.e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn {
   display: block;
   height: 36px;
   margin: 0 auto;
@@ -1223,19 +1276,31 @@
   position: relative;
   top: -50px;
 }
-.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn {
+.e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-browsebtn,
+.e-richtexteditor .e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
+  top: -120px;
+}
+.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
+.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
+.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
   display: none;
 }
-.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea {
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea,
+.e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea,
+.e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea {
   line-height: 10;
   min-height: 50px;
   position: relative;
 }
-.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text {
+.e-richtexteditor .e-dialog .e-img-uploadwrap.e-droparea .e-rte-upload-text,
+.e-richtexteditor .e-dialog .e-aud-uploadwrap.e-droparea .e-rte-upload-text,
+.e-richtexteditor .e-dialog .e-vid-uploadwrap.e-droparea .e-rte-upload-text {
   display: inline-block;
   line-height: normal;
 }
-.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea {
+.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
+.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
+.e-richtexteditor .e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea {
   line-height: 4;
 }
 .e-richtexteditor .e-rte-inline-dropdown ul {
@@ -2092,7 +2157,7 @@
   overflow: hidden;
 }
 
-.e-rte-dialog-minheight {
+.e-dialog.e-rte-dialog-minheight {
   min-height: 296px;
 }
 
@@ -2112,12 +2177,28 @@
   border-collapse: separate;
 }
 
-.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea {
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea {
   line-height: 10;
   min-height: 50px;
   position: relative;
 }
-.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn {
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-browsebtn,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-browsebtn {
   display: block;
   height: 36px;
   margin: 0 auto;
@@ -2125,14 +2206,32 @@
   position: relative;
   top: -50px;
 }
-.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload {
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-upload,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-upload,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-upload {
   border: 0 solid transparent;
   float: none;
 }
-.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap {
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-file-select-wrap,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-vid-uploadwrap.e-droparea .e-file-select-wrap {
   display: none;
 }
-.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader {
+.e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
+.e-rte-audio-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader,
+.e-rte-video-dialog.e-dialog.e-device.e-dlg-modal .e-linkheader {
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 15px;
   opacity: 0.87;
@@ -2289,7 +2388,9 @@
 .e-richtexteditor .e-toolbar-wrapper + .e-rte-toolbar:not(.e-rte-tb-float) {
   border: 0;
 }
-.e-richtexteditor img.e-img-focus::selection {
+.e-richtexteditor img.e-img-focus::selection,
+.e-richtexteditor audio.e-audio-focus::selection,
+.e-richtexteditor .e-video-focus::selection {
   background: transparent;
   color: transparent;
 }
@@ -2304,7 +2405,9 @@
   border-left: solid 2px #fff;
 }
 .e-richtexteditor .e-rte-content .e-content .e-img-focus:not(.e-resize),
-.e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize) {
+.e-richtexteditor .e-rte-content .e-content .e-video-focus:not(.e-resize),
+.e-richtexteditor .e-source-content .e-content .e-img-focus:not(.e-resize),
+.e-richtexteditor .e-source-content .e-content .e-video-focus:not(.e-resize) {
   border: solid 2px #4a90e2;
 }
 .e-richtexteditor .e-rte-content .e-content a,
@@ -2384,6 +2487,43 @@
 .e-richtexteditor.e-rte-tb-expand.e-rte-resize .e-source-content {
   border-bottom: 0;
 }
+.e-richtexteditor .e-audio-wrap,
+.e-richtexteditor .e-embed-video-wrap {
+  display: inline-block;
+}
+.e-richtexteditor .e-clickelem,
+.e-richtexteditor .e-video-clickelem {
+  display: block;
+  margin: 0;
+  outline: none;
+  padding: 0;
+  position: relative;
+}
+.e-richtexteditor .e-clickelem::after,
+.e-richtexteditor .e-video-clickelem::after {
+  background: transparent;
+  bottom: 0;
+  content: "";
+  cursor: default;
+  display: block;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.e-richtexteditor .e-videoheader,
+.e-richtexteditor .e-embed-videoheader,
+.e-richtexteditor .e-video-url-wrap {
+  padding-bottom: 5px;
+  padding-top: 15px;
+}
+.e-richtexteditor .e-video-url-wrap .e-radio-wrapper {
+  padding: 5px;
+}
+.e-richtexteditor .e-video-url-wrap textarea {
+  height: 80px;
+}
 
 .e-rte-quick-popup {
   border: 1px solid #000;
@@ -2444,7 +2584,9 @@
   border-color: #000;
 }
 
-.e-dialog .e-img-uploadwrap .e-droptext {
+.e-dialog .e-img-uploadwrap .e-droptext,
+.e-dialog .e-aud-uploadwrap .e-droptext,
+.e-dialog .e-vid-uploadwrap .e-droptext {
   border: dashed 2px #757575;
   border-radius: 4px;
   color: #000;
@@ -2454,12 +2596,16 @@
   height: 185px;
   margin: 0 auto;
   text-align: center;
-  width: 300px;
+  width: 288px;
+}
+
+.e-dialog .e-vid-uploadwrap .e-droptext {
+  height: 108px;
 }
 
 .e-dialog.e-device.e-dlg-modal .e-img-uploadwrap .e-droptext {
   margin: 0 auto;
-  width: 250px;
+  width: 238px;
 }
 
 .e-linkheader {
@@ -2478,7 +2624,8 @@
   z-index: 1000;
 }
 
-span.e-rte-imageboxmark {
+span.e-rte-imageboxmark,
+span.e-rte-videoboxmark {
   background: #4a90e2;
   border: 1px solid #fff;
   display: block;
@@ -2488,7 +2635,8 @@ span.e-rte-imageboxmark {
   z-index: 1000;
 }
 
-.e-mob-rte span.e-rte-imageboxmark {
+.e-mob-rte span.e-rte-imageboxmark,
+.e-mob-rte span.e-rte-videoboxmark {
   background: #fff;
   border: 1px solid #4a90e2;
   border-radius: 15px;
@@ -2496,12 +2644,14 @@ span.e-rte-imageboxmark {
   width: 20px;
 }
 
-.e-mob-rte.e-mob-span span.e-rte-imageboxmark {
+.e-mob-rte.e-mob-span span.e-rte-imageboxmark,
+.e-mob-rte.e-mob-span span.e-rte-videoboxmark {
   background: #4a90e2;
   border: 1px solid #fff;
 }
 
-.e-rte-content .e-content img.e-resize {
+.e-rte-content .e-content img.e-resize,
+.e-rte-content .e-content video.e-resize {
   z-index: 1000;
 }