.mce-container { position: static; box-sizing: content-box; float: none; width: auto; height: auto; padding: 0; margin: 0; font-size: 12px; font-weight: 400; line-height: normal; color: #333; text-align: left; text-decoration: none; white-space: nowrap; vertical-align: top; direction: ltr; cursor: inherit; background: transparent; border: 0; outline: 0; -webkit-tap-highlight-color: transparent } .mce-container * { position: static; box-sizing: content-box; float: none; width: auto; height: auto; padding: 0; margin: 0; font-size: 12px; font-weight: 400; line-height: normal; color: #333; text-align: left; text-decoration: none; white-space: nowrap; vertical-align: top; direction: ltr; cursor: inherit; background: transparent; border: 0; outline: 0; -webkit-tap-highlight-color: transparent } .mce-widget { position: static; box-sizing: content-box; float: none; width: auto; height: auto; padding: 0; margin: 0; font-size: 12px; font-weight: 400; line-height: normal; color: #333; text-align: left; text-decoration: none; white-space: nowrap; vertical-align: top; direction: ltr; cursor: inherit; background: transparent; border: 0; outline: 0; -webkit-tap-highlight-color: transparent } .mce-widget * { position: static; box-sizing: content-box; float: none; width: auto; height: auto; padding: 0; margin: 0; font-size: 12px; font-weight: 400; line-height: normal; color: #333; text-align: left; text-decoration: none; white-space: nowrap; vertical-align: top; direction: ltr; cursor: inherit; background: transparent; border: 0; outline: 0; -webkit-tap-highlight-color: transparent } .mce-widget button { box-sizing: border-box } .mce-container *[unselectable] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .mce-fade { opacity: 0; transition: opacity 0.15s linear } .mce-fade.mce-in { opacity: 1 } .mce-tinymce { position: relative; display: block; visibility: visible !important; border-radius: 2px } .mce-fullscreen { z-index: 100; height: 100%; padding: 0; margin: 0; overflow: hidden; background: #fff; border: 0 } div.mce-fullscreen { position: fixed; top: 0; left: 0; width: 100%; height: auto } .mce-wordcount { position: absolute; top: 0; right: 0; padding: 8px } div.mce-edit-area { min-height: 50px; resize: vertical; padding: 1px; overflow: auto; background: #fff; filter: none } .mce-edit-area iframe { min-height: 100%; } .mce-statusbar { position: relative } .mce-statusbar .mce-container-body { position: relative } .mce-fullscreen .mce-resizehandle { display: none } .mce-charmap { border-collapse: collapse } .mce-charmap td { width: 20px; height: 20px; padding: 2px; line-height: 20px; text-align: center; vertical-align: middle; cursor: default; border: 1px solid #9e9e9e } .mce-charmap td div { text-align: center } .mce-charmap td:hover { background: #d9d9d9 } .mce-grid td div { width: 12px; height: 12px; margin: 2px; cursor: pointer; border-spacing: 2px; border-collapse: separate; border: 1px solid #d6d6d6 } .mce-grid a { display: block; border: 1px solid transparent } .mce-grid a:hover,.mce-grid .breadcrumb li>a:hover,.breadcrumb .mce-grid li>a:hover { border-color: #a1a1a1 } .mce-grid-border { margin: 0 4px } .mce-grid-border a { width: 13px; height: 13px; border-color: #d6d6d6 } .mce-grid-border a:hover,.mce-grid-border .breadcrumb li>a:hover,.breadcrumb .mce-grid-border li>a:hover,.mce-grid-border a.mce-active { background: #dff5f9; border-color: #a1a1a1 } .mce-text-center { text-align: center } div.mce-tinymce-inline { width: 100%; box-shadow: none } .mce-toolbar-grp .mce-flow-layout-item { margin-bottom: 0 } .mce-container,.mce-container-body { display: block } .mce-autoscroll { overflow: hidden } .mce-scrollbar { position: absolute; top: 2px; right: 2px; width: 7px; height: 100%; zoom:1; opacity: 0.4 } .mce-scrollbar:hover,.mce-scrollbar.mce-active { zoom:1; background-color: #aaa; border-radius: 7px; opacity: 0.6 } .mce-scrollbar-h { top: auto; right: auto; bottom: 2px; left: 2px; width: 100%; height: 7px } .mce-scrollbar-thumb { position: absolute; width: 5px; height: 100%; background-color: #000; border: 1px solid rgba(85,85,85,0.6); border-radius: 7px } .mce-scrollbar-h .mce-scrollbar-thumb { width: 100%; height: 5px } .mce-scroll { position: relative } .mce-panel { border: 0 solid #ccc } .mce-floatpanel { position: absolute; box-shadow: 0 5px 10px rgba(0,0,0,0.2) } .mce-floatpanel.mce-fixed { position: fixed } .mce-floatpanel .mce-arrow { position: absolute; display: block; width: 0; height: 0; border-width: 11px } .mce-floatpanel .mce-arrow::after { position: absolute; display: block; width: 0; height: 0; content: ""; border-width: 10px } .mce-floatpanel.mce-popover { top: 0; left: 0; background: #fff; border: 1px solid rgba(0,0,0,0.25); border-radius: 6px } .mce-floatpanel.mce-popover.mce-bottom { margin-top: 10px; } .mce-floatpanel.mce-popover.mce-bottom>.mce-arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #9e9e9e; border-bottom-color: rgba(0,0,0,0.25) } .mce-floatpanel.mce-popover.mce-bottom>.mce-arrow::after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff } .mce-floatpanel.mce-popover.mce-bottom.mce-start { margin-left: -22px } .mce-floatpanel.mce-popover.mce-bottom.mce-start>.mce-arrow { left: 20px } .mce-floatpanel.mce-popover.mce-bottom.mce-end { margin-left: 22px } .mce-floatpanel.mce-popover.mce-bottom.mce-end>.mce-arrow { right: 10px; left: auto } #mce-modal-block { position: fixed; top: 0; left: 0; width: 100%; height: 100%; zoom:1; background: #000; opacity: 0 } #mce-modal-block.mce-in { zoom:1; opacity: 0.3 } .mce-window-move { cursor: move } .mce-window { position: fixed; top: 0; left: 0; background: #fff; border-radius: 6px; opacity: 0; transition: opacity 150ms ease-in } .mce-window iframe { width: 100%; height: 100%; } .mce-window.mce-fullscreen { border-radius: 0 } .mce-window.mce-fullscreen .mce-foot { border-radius: 0 } .mce-window.mce-in { opacity: 1 } .mce-window-head { position: relative; padding: 9px 15px; border-bottom: 1px solid #c5c5c5 } .mce-window-head .mce-close { position: absolute; top: 9px; right: 15px; height: 20px; overflow: hidden; font-size: 18px; font-weight: 600; line-height: 20px; color: #858585; cursor: pointer } .mce-close:hover { color: #adadad } .mce-window-head .mce-title { padding-right: 10px; font-size: 14px; font-weight: 400; line-height: 20px; text-rendering: optimizeLegibility } .mce-window .mce-container-body { display: block } .mce-foot { display: block; background-color: #fff; border-top: 1px solid #c5c5c5; border-radius: 0 0 6px 6px } .mce-window-head .mce-dragh { position: absolute; top: 0; left: 0; width: 90%; height: 100%; cursor: move } .mce-abs-layout { position: relative } body .mce-abs-layout-item { position: absolute } .mce-abs-end { position: absolute; width: 1px; height: 1px } .mce-container-body.mce-abs-layout { overflow: hidden } .mce-tooltip { position: absolute; padding: 5px; zoom:1} .mce-tooltip-inner { max-width: 200px; padding: 5px 8px 4px; font-size: 12px; color: #fff; text-align: center; white-space: normal; background-color: #000; border-radius: 3px } .mce-tooltip-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000 } .mce-tooltip-arrow-n { border-bottom-color: #000 } .mce-tooltip-arrow-s { border-top-color: #000 } .mce-tooltip-arrow-e { border-left-color: #000 } .mce-tooltip-arrow-w { border-left-color: #000 } .mce-tooltip-nw,.mce-tooltip-sw { margin-left: -14px } .mce-tooltip-n .mce-tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-top: none; border-right-color: transparent; border-bottom-style: solid; border-left-color: transparent } .mce-tooltip-nw .mce-tooltip-arrow { top: 0; left: 10px; border-top: none; border-right-color: transparent; border-bottom-style: solid; border-left-color: transparent } .mce-tooltip-ne .mce-tooltip-arrow { top: 0; right: 10px; border-top: none; border-right-color: transparent; border-bottom-style: solid; border-left-color: transparent } .mce-tooltip-s .mce-tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-right-color: transparent; border-bottom: none; border-left-color: transparent } .mce-tooltip-sw .mce-tooltip-arrow { bottom: 0; left: 10px; border-top-style: solid; border-right-color: transparent; border-bottom: none; border-left-color: transparent } .mce-tooltip-se .mce-tooltip-arrow { right: 10px; bottom: 0; border-top-style: solid; border-right-color: transparent; border-bottom: none; border-left-color: transparent } .mce-tooltip-e .mce-tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-top-color: transparent; border-right: none; border-bottom-color: transparent; border-left-style: solid } .mce-tooltip-w .mce-tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-top-color: transparent; border-bottom-color: transparent } .mce-btn { position: relative; display: inline-block; background-color: #fff } .mce-btn:hover,.mce-btn:focus { color: #eee; background-color: #eee } .mce-btn.mce-disabled button,.mce-btn.mce-disabled:hover button { cursor: default; zoom:1; box-shadow: none; opacity: 0.4 } .mce-btn.mce-active { background-color: #d6d6d6 } .mce-btn.mce-active:hover { background-color: #d6d6d6 } .mce-btn:not(.mce-disabled):active { background-color: #d6d6d6 } .mce-btn button { padding: 2px 6px; overflow: visible; font-size: 12px; color: #333; text-align: center; cursor: pointer } .mce-btn button::-moz-focus-inner { padding: 0; border: 0 } .mce-primary { min-width: 50px; color: #fff; background-color: #006dcc; border: 1px solid #b1b1b1; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) rgba(0,0,0,0.25) } .mce-primary:hover,.mce-primary:focus { background-color: #005fb3 } .mce-primary.mce-disabled button,.mce-primary.mce-disabled:hover button { cursor: default; zoom:1; opacity: 0.4 } .mce-primary.mce-active { background-color: #005299 } .mce-primary.mce-active:hover { background-color: #005299 } .mce-primary:not(.mce-disabled):active { background-color: #005299 } .mce-primary button { color: #fff } .mce-primary button i { color: #fff } .mce-btn-large button { padding: 9px 14px; font-size: 12px; line-height: normal; border-radius: 5px } .mce-btn-large i { margin-top: 2px } .mce-btn-small button { padding: 1px 5px; font-size: 12px } .mce-btn-small i { line-height: 20px; vertical-align: top } .mce-btn .mce-caret,.mce-btn-small .mce-caret { margin-top: 8px; margin-left: 0 } .mce-caret { display: inline-block; width: 0; height: 0; vertical-align: top; content: ""; border-top: 4px solid #333; border-right: 4px solid transparent; border-left: 4px solid transparent } .mce-disabled .mce-caret { border-top-color: #aaa } .mce-caret.mce-up { border-top: 0; border-bottom: 4px solid #333 } .mce-btn-group .mce-btn { border: solid 1px #ccc; border-right: none; border-radius: 0 } .mce-btn-group .mce-first { border-radius: 3px 0 0 3px } .mce-btn-group .mce-last { border-right: solid 1px #ccc; border-radius: 0 3px 3px 0 } .mce-btn-group .mce-first.mce-last { border-radius: 3px } .mce-btn-group .mce-btn.mce-flow-layout-item { margin: 0 } i.mce-i-checkbox { display: inline-block; width: 14px; height: 14px; margin: 0 3px 0 0; overflow: hidden; text-align: center; text-indent: -10em; background-color: #f0f0f0; border: 1px solid #c5c5c5; border-radius: 3px } .mce-checked i.mce-i-checkbox { font-size: 12px; line-height: 16px; color: #333; text-indent: 0 } .mce-checkbox { cursor: pointer } .mce-checkbox:focus i.mce-i-checkbox,.mce-checkbox.mce-focus i.mce-i-checkbox { border: 1px solid rgba(82,168,236,0.8) } .mce-checkbox.mce-disabled .mce-label,.mce-checkbox.mce-disabled i.mce-i-checkbox { color: #acacac } .mce-colorbutton .mce-ico { position: relative } .mce-colorbutton-grid { margin: 4px } .mce-colorbutton button { padding-right: 4px } .mce-colorbutton .mce-preview { position: absolute; top: 50%; left: 50%; display: block; width: 13px; height: 2px; padding-right: 3px; margin-top: 7px; margin-left: -14px; overflow: hidden; background: #808080 } .mce-colorbutton.mce-btn-small .mce-preview { width: 16px; padding-right: 0; margin-left: -16px } .mce-colorbutton .mce-open { padding-left: 4px; border-right: 1px solid transparent; border-left: 1px solid transparent } .mce-colorbutton:hover .mce-open { border-right-color: #bdbdbd; border-left-color: #bdbdbd } .mce-colorbutton.mce-btn-small .mce-open { padding: 0 3px } .mce-combobox { display: inline-block; } .mce-combobox input { height: 28px; border: 1px solid #c5c5c5 } .mce-combobox.mce-disabled input { color: #adadad } .mce-combobox.mce-has-open input { border-radius: 4px 0 0 4px } .mce-combobox .mce-btn { background-color: #c5c5c5; border-left: 0; border-radius: 0 4px 4px 0 } .mce-combobox button { height: 26px } .mce-combobox.mce-disabled .mce-btn button { cursor: default; zoom:1; box-shadow: none; opacity: 0.4 } .mce-path { display: inline-block; padding: 8px; white-space: normal; } .mce-path .mce-txt { display: inline-block; padding-right: 3px } .mce-path .mce-path-body { display: inline-block } .mce-path-item { display: inline-block; color: #333; cursor: pointer; } .mce-path-item:hover { text-decoration: underline } .mce-path-item:focus { color: #fff; background: #666 } .mce-path .mce-divider { display: inline } .mce-disabled .mce-path-item { color: #aaa } .mce-fieldset { border: 0 solid #9e9e9e; border-radius: 3px } .mce-fieldset>.mce-container-body { margin-top: -15px } .mce-fieldset-title { padding: 0 5px; margin-left: 5px } .mce-fit-layout { display: inline-block; } .mce-fit-layout-item { position: absolute } .mce-flow-layout-item { display: inline-block; margin: 2px 0 2px 2px; } .mce-flow-layout-item.mce-last { max-width: 100%; margin-right: 2px } .mce-flow-layout-item.mce-last>div { display: flex; flex-wrap: wrap; max-width: 100%; padding-right: 25px; } .mce-rtl .mce-flow-layout-item.mce-last>div { padding-left: 25px; padding-right: 0; } .mce-flow-layout { white-space: normal } .mce-tinymce-inline .mce-flow-layout { white-space: nowrap } .mce-iframe { width: 100%; height: 100%; border: 0 solid #9e9e9e } .mce-label { display: inline-block; overflow: hidden; border: 0 } .mce-label.mce-autoscroll { overflow: auto } .mce-label.mce-disabled { color: #aaa } .mce-label.mce-multiline { white-space: pre-wrap } .mce-menubar { border: 1px solid #eee } .mce-menubar .mce-menubtn { background: transparent; filter: none; border-color: transparent; border-radius: 0;; box-shadow: none } .mce-menubar .mce-menubtn button span { color: #333 } .mce-menubar .mce-menubtn:hover,.mce-menubar .mce-menubtn.mce-active,.mce-menubar .mce-menubtn:focus { background: #e6e6e6; filter: none; border-color: transparent; box-shadow: none } .mce-menubar .mce-caret { border-top-color: #333 } .mce-menubtn.mce-disabled span { color: #aaa } .mce-menubtn span { margin-right: 2px; line-height: 20px; color: #333 } .mce-menubtn.mce-btn-small span { font-size: 12px } .mce-menubtn.mce-fixed-width span { display: inline-block; overflow-x: hidden; text-overflow: ellipsis } .mce-menubtn.mce-fixed-width.mce-btn-small span { width: 70px } .mce-listbox button { position: relative; padding-right: 20px; text-align: left } .mce-listbox .mce-caret { position: absolute; top: 50%; right: 8px; margin-top: -2px } .mce-menu-item { display: block; padding: 6px 15px 6px 12px; margin-bottom: 1px; clear: both; font-weight: 400; line-height: normal; color: #333; white-space: nowrap; cursor: pointer; border-left: 4px solid transparent } .mce-menu-item:hover,.mce-menu-item.mce-selected,.mce-menu-item:focus { color: #fff; text-decoration: none; background-color: #3ed2f0 } .mce-menu-item:hover .mce-menu-shortcut,.mce-menu-item.mce-selected .mce-menu-shortcut,.mce-menu-item:focus .mce-menu-shortcut { color: #fff } .mce-menu-item .mce-caret { margin-top: 4px; margin-right: 6px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #333 } .mce-menu-item.mce-selected .mce-caret,.mce-menu-item:focus .mce-caret,.mce-menu-item:hover .mce-caret { border-left-color: #fff } .mce-menu-item .mce-ico,.mce-menu-item .mce-text { color: #333 } .mce-menu-item.mce-disabled .mce-text,.mce-menu-item.mce-disabled .mce-ico { color: #adadad } .mce-menu-item.mce-disabled:hover { background: #ccc } .mce-menu-shortcut { display: inline-block; padding: 0 15px 0 20px; color: #adadad } .mce-menu-align .mce-menu-shortcut { position: absolute; right: 0; } .mce-menu-align .mce-caret { position: absolute; right: 0 } .mce-menu-item.mce-active i { visibility: visible } .mce-menu-item-normal.mce-active { background-color: #dff5f9 } .mce-menu-item-normal.mce-active .mce-text { color: #333 } .mce-menu-item-normal.mce-active:hover .mce-text,.mce-menu-item-normal.mce-active:hover .mce-ico { color: #fff } .mce-menu-item-preview.mce-active { border-left: 5px solid #aaa } div.mce-menu .mce-menu-item-sep,.mce-menu-item-sep:hover { height: 1px; padding: 0; margin: 9px 1px; overflow: hidden; cursor: default; background: #cbcbcb; filter: none; border: 0; border-bottom: 1px solid #fff } .mce-menu { position: absolute; top: 0; left: 0; z-index: 1000; min-width: 160px; max-height: 400px; padding: 5px 0; margin: 2px 0 0; overflow: auto; overflow-x: hidden; background: #fff; border: 1px solid #989898; border-radius: 6px; box-shadow: 0 5px 10px rgba(0,0,0,0.2) } .mce-menu i { display: none } .mce-menu-has-icons i { display: inline-block; } .mce-menu-sub-tr-tl { margin: -6px 0 0 -1px } .mce-menu-sub-br-bl { margin: 6px 0 0 -1px } .mce-menu-sub-tl-tr { margin: -6px 0 0 1px } .mce-menu-sub-bl-br { margin: 6px 0 0 1px } .mce-container-body .mce-resizehandle { position: absolute; right: 0; bottom: 0; width: 16px; height: 16px; margin: 0; cursor: s-resize; visibility: visible } .mce-container-body .mce-resizehandle-both { cursor: se-resize } i.mce-i-resize { color: #333 } .mce-spacer { visibility: hidden } .mce-splitbtn .mce-open { padding-left: 4px; border-right: 1px solid transparent; border-left: 1px solid transparent } .mce-splitbtn .mce-open.mce-active { box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05) } .mce-splitbtn button { padding-right: 4px } .mce-splitbtn.mce-btn-small .mce-open { padding: 0 3px } .mce-stack-layout-item { display: block } .mce-tabs { display: block; border-bottom: 1px solid #c5c5c5 } .mce-tab { display: inline-block; height: 13px; padding: 8px; cursor: pointer; background: #e3e3e3; border: 1px solid #c5c5c5 } .mce-tab:hover { background: #fdfdfd } .mce-tab.mce-active { height: 14px; margin-bottom: -1px; background: #fdfdfd; border-bottom-color: transparent } .mce-textbox { z-index: 1; display: inline-block; height: 28px; padding: 0 4px; color: #333; white-space: pre-wrap; resize: none; background: #fff; border: 1px solid #c5c5c5; border-radius: 3px; transition: border linear 0.2s,box-shadow linear 0.2s; } .mce-textbox:focus,.mce-textbox.mce-focus { border-color: rgba(82,168,236,0.8) } .mce-textbox.mce-multiline { padding: 4px } .mce-textbox.mce-disabled { color: #adadad } .mce-placeholder .mce-textbox { color: #aaa } .mce-throbber { position: absolute; top: 0; left: 0; width: 100%; height: 100%; zoom:1;background: #fff no-repeat center center; filter: alpha(opacity=60); opacity: 0.6 } .mce-i-none { width: 16px; height: 16px; margin: 2px 0 } .mce-ico { font-size: 16px; line-height: 20px } .mce-i-selected { visibility: hidden } i.mce-i-backcolor { background: #bbb } .mce-rtl i.mce-i-checkbox { direction: rtl }