#backtop-content {
z-index: 1;
height: calc(100vh - 64px);
overflow: hidden; }
.full-screen {
position: fixed;
top: 0;
left: 0;
min-width: 100vw;
min-height: 100vh;
z-index: 10; }
/* Login Form */
.login-form {
max-width: 600px;
margin: auto; }
.login-form .login-button {
width: 85%; }
.login-form .login-error {
color: #f5222d;
margin-top: 10px; }
/* Nav Menu */
.ant-menu-inline-collapsed .hide-collapsed {
opacity: 0; }
.ant-menu-item .hide-collapsed {
transition: opacity 0.3s; }
/* Card */
.card-content {
/* margin: 24px 16px; */
border: 0; }
.card-header {
height: 65px;
border-bottom: 1px solid #e8e8e8; }
.card-header .ant-card-body {
padding: 15px; }
/* Modal */
.relative-modal-wrap {
position: absolute;
margin: auto;
width: 90%;
top: -5%;
overflow: hidden; }
/* Layout */
.ant-layout {
background-color: white; }
fieldset fieldset {
border: solid 1px grey;
padding: 20px;
margin-bottom: 15px; }
fieldset fieldset legend {
padding: 0px 10px;
width: auto; }
fieldset .no-border-fieldset > fieldset {
border: none;
padding: 0px;
margin-bottom: 0px; }
.page-content {
height: calc(100vh - 109px);
overflow-y: auto;
width: 100%;
background-color: #555; }
.listing-wrapper {
height: calc(100vh - 114px);
overflow-y: scroll;
width: 100%;
background-color: #fff; }
/* Toolbar */
.toolbar {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 5px 10px; }
.toolbar-group {
display: flex;
flex-wrap: wrap; }
.page-toolbar {
margin: 0px;
background-color: #f0f2f5;
line-height: 35px; }
/* Menu */
.ant-menu-sub .ant-menu-item {
padding-left: 30px !important; }
/* Dropdown */
.ant-dropdown-menu-item .anticon {
font-size: 18px; }
/* Input */
.ant-form-item {
margin-bottom: 12px; }
.input-changed label {
color: darkorange;
font-weight: bold; }
.ant-input-group-addon {
padding: 0;
border: 0; }
.ant-input-group-addon button {
border-top-left-radius: 0;
border-bottom-left-radius: 0; }
/* Phone Input */
.react-phone-number-input__input {
padding: 4px 11px !important;
height: 32px !important;
border: 1px solid #d9d9d9 !important;
border-radius: 4px !important; }
.react-phone-number-input__input:focus, .react-phone-number-input__input:hover {
border-color: #40a9ff !important;
border-right-width: 1px !important; }
.react-phone-number-input__icon {
width: 25px !important;
height: auto !important;
border: 0 !important; }
/* Tree */
.ant-tree li ul {
padding: 0 0 0 25px; }
.ant-tree-node-content-wrapper {
/* width: 97%; */
padding: 10px !important;
height: 50px !important;
border-radius: 4px;
background-color: #f5f5f5;
cursor: grab !important; }
.tree-actions {
margin-top: -5px; }
.tree-title-content {
display: flex;
justify-content: space-between; }
.tree-header-buttons {
display: flex;
justify-content: space-between; }
.ant-tree-child-tree-open {
height: auto !important; }
/* List */
.ant-list-bordered .list-item-container {
border-bottom: 1px solid #e8e8e8; }
.ant-list-items {
padding: 0;
margin-bottom: 0; }
.ant-empty-normal {
margin: 0; }
.ant-empty-image {
display: none; }
/* Upload button */
.upload_button button {
padding: 0 15px; }
/* Files explorer */
.files-explorer > .card-content > .ant-card-body {
padding-top: 10px; }
.files-explorer .content-explorer-top {
display: flex;
justify-content: space-between;
align-items: end; }
.files-explorer .explorer-header {
display: flex;
justify-content: space-between;
padding: 10px 0;
align-items: center; }
.files-explorer .explorer-header .ant-breadcrumb {
height: 25px; }
.files-explorer .explorer-breadcrumb {
margin-bottom: -15px; }
.files-explorer .explorer-breadcrumb .ant-card-body {
padding-top: 10px;
padding-bottom: 10px; }
.files-explorer .explorer-breadcrumb .ant-breadcrumb-link {
cursor: pointer;
color: #1890ff; }
.files-explorer .explorer-breadcrumb .ant-breadcrumb > span:last-child .ant-breadcrumb-link {
cursor: default !important;
color: #8c8c8c !important; }
.files-explorer .explorer-buttons {
margin-bottom: 15px; }
.files-explorer .explorer-buttons button {
margin-right: 5px; }
.files-explorer .explorer-buttons .anticon {
font-size: 16px; }
.files-explorer .list-item-container {
background-color: #fafafa; }
.files-explorer .ant-list-item {
padding-top: 7px;
padding-bottom: 7px; }
.files-explorer .list-file-item {
width: 100%;
display: flex;
justify-content: space-between; }
.files-explorer .list-file-item > div {
display: flex;
align-items: center; }
.files-explorer .list-file-item .dropdown-container, .files-explorer .list-file-item .file-info {
display: inline-block; }
.files-explorer .list-file-item .file-info {
margin-right: 10px;
text-align: right; }
.files-explorer .list-file-item .anticon {
font-size: 20px; }
.files-explorer .list-directory-item {
cursor: pointer;
display: flex;
justify-content: space-between; }
.files-explorer .list-directory-item .ant-list-item {
width: 100%; }
.files-explorer .list-directory-item:hover, .files-explorer .list-directory-item.selected {
background-color: #91d5ff; }
.files-explorer .list-directory-item.disabled {
cursor: not-allowed; }
.files-explorer .list-directory-item.disabled:hover {
background-color: unset; }
.files-explorer .list-directory-item.disabled .list-file-item div:first-child {
opacity: 0.5; }
.target-directory:hover {
background-color: #f5f5f5;
cursor: pointer; }
.target-directory-selected {
background-color: #91d5ff !important; }
.target-directory .ant-list-item {
padding-top: 7px;
padding-bottom: 7px; }
/* React draft Editor */
.rdw-editor-wrapper {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
line-height: 1; }
.rdw-editor-wrapper a {
color: inherit;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; }
.rdw-editor-wrapper a:hover {
color: #555555; }
.rdw-editor-wrapper b, .rdw-editor-wrapper strong {
font-weight: bold; }
.rdw-editor-wrapper i, .rdw-editor-wrapper em {
font-style: italic; }
.rdw-editor-wrapper h1 {
font-size: 1.75rem;
font-weight: bold;
margin-top: 1.0rem;
margin-bottom: 0.50rem; }
.rdw-editor-wrapper h2 {
font-size: 1.50rem;
font-weight: bold;
margin-top: 1.0rem;
margin-bottom: 0.25rem; }
.rdw-editor-wrapper h3 {
font-size: 1.375rem;
font-weight: bold;
margin-top: 1.0rem;
margin-bottom: 0.25rem; }
.rdw-editor-wrapper h4 {
font-size: 1.250rem;
font-weight: bold;
margin-top: 1.0rem;
margin-bottom: 0.25rem; }
.rdw-editor-wrapper h5 {
font-size: 1.125rem;
font-weight: bold;
margin-bottom: 0.25rem; }
.rdw-editor-wrapper h6 {
font-size: 1.0rem;
font-weight: bold;
margin-top: 1.0rem;
margin-bottom: 0.25rem; }
.rdw-editor-wrapper h1:first-child, .rdw-editor-wrapper h2:first-child, .rdw-editor-wrapper h3:first-child, .rdw-editor-wrapper h4:first-child, .rdw-editor-wrapper h5:first-child, .rdw-editor-wrapper h6:first-child {
margin-top: 0.50rem; }
.rdw-editor-wrapper p {
margin-bottom: 0.5rem; }
.rdw-editor-wrapper p:first-child {
margin-top: 0.5rem; }
.rdw-editor-wrapper ul {
margin-bottom: 0.5rem; }
.rdw-editor-wrapper ol {
margin-bottom: 0.5rem; }
.rdw-editor-wrapper img {
display: block;
width: auto;
height: auto;
max-width: 100%;
margin: 0.5rem auto; }
.rdw-editor-wrapper hr {
margin-bottom: 0.5rem; }
.rdw-editor-main {
background: #fefefe;
color: #222;
line-height: 1; }
.public-DraftStyleDefault-block {
margin: 0.5rem 0 !important; }
.group-box-hidden {
opacity: 0;
height: 0 !important;
min-height: 0 !important;
pointer-events: none;
overflow: hidden !important; }
/* Listing */
.ant-pagination-options {
float: left; }
/* Mail */
.mail-display-info .pull-left {
margin-left: 20px;
margin-right: 20px;
text-align: right;
float: left; }
.mail-display-info .pull-left h4 {
font-weight: bold;
text-decoration: underline; }
.mail-composer textarea {
height: 250px !important; }
.mail-composer .attachments-list {
list-style-type: none;
padding: 0; }
.mail-composer .attachments-list li {
margin-bottom: 5px; }
/* Modal File Browser */
.browser-header {
display: flex;
justify-content: space-between;
width: 100%; }
.browser-breadcrumb {
list-style: none;
display: flex;
padding: 0; }
.browser-breadcrumb .breadcrumb-separator {
margin: 0px 7px; }
.browser-breadcrumb .breadcrumb-link {
color: #1890ff;
cursor: pointer; }
.browser-body {
height: calc(100vh - 300px);
display: flex;
flex-direction: column; }
.items-list {
flex-grow: 1;
height: 100%;
overflow: auto;
background-color: #f6f6f6;
border: 3px solid #e8e8e8;
border-top: none; }
.list-item-container {
background-color: #f6f6f6; }
.items-list .ant-list-bordered {
border-left: none;
border-right: none;
border-bottom: none; }
.list-folder-item, .list-file-item.selectable {
cursor: pointer; }
.list-folder-item:hover, .list-file-item.selectable:hover, .list-file-item.selected {
background-color: #91d5ff; }
.filename-block {
flex-grow: 1;
margin-top: 10px; }
.react-phone-number-input__row {
/* This is done to stretch the contents of this component */
display: flex;
align-items: center; }
.react-phone-number-input__phone {
/* The phone number input stretches to fill all empty space */
flex: 1;
/* The phone number input should shrink
to make room for the extension input */
min-width: 0; }
.react-phone-number-input__icon {
/* The flag icon size is 4x3 hence the exact `width` and `height` values */
width: calc(0.31em * 4);
height: calc(0.31em * 3);
/* `1px` is still too much for a "retina" screen but there's no way in CSS to specify "hairline" border width. */
border: 1px solid rgba(0, 0, 0, 0.5);
/* Makes sure `width`x`height` is exactly `4x3` and `border` width is not included in it */
box-sizing: content-box; }
.react-phone-number-input__icon--international {
/* The international icon size is square */
/* and also has no border hence the `2 * 1px` `width` and `height` compensation */
width: calc(0.31em * 3 + 2 * 1px);
height: calc(0.31em * 3 + 2 * 1px);
/* The international icon size is square, hence the exact `padding` value */
/* for precise alignment with `4x3` sized country flags. */
padding-left: calc(0.31em / 2);
padding-right: calc(0.31em / 2);
border: none; }
.react-phone-number-input__error {
margin-left: calc(0.31em * 4 + 2 * 1px + 0.3em + 0.35em + 0.5em);
margin-top: calc(0.3rem);
color: #D30F00; }
.react-phone-number-input__icon-image {
max-width: 100%;
max-height: 100%; }
/* Removes `` up/down arrows in Webkit browsers. */
.react-phone-number-input__ext-input::-webkit-inner-spin-button,
.react-phone-number-input__ext-input::-webkit-outer-spin-button {
margin: 0 !important;
-webkit-appearance: none !important;
-moz-appearance: textfield !important; }
.react-phone-number-input__ext-input {
width: 3em; }
.react-phone-number-input__ext {
white-space: nowrap; }
.react-phone-number-input__ext,
.react-phone-number-input__ext-input {
margin-left: 0.5em; }
/* Styling native country ``. */
.react-phone-number-input__country--native {
position: relative;
align-self: stretch;
display: flex;
align-items: center;
margin-right: 0.5em; }
.react-phone-number-input__country-select {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
border: 0;
opacity: 0;
cursor: pointer; }
.react-phone-number-input__country-select-arrow {
display: block;
content: '';
width: 0;
height: 0;
margin-bottom: 0.1em;
margin-top: 0.3em;
margin-left: 0.3em;
border-width: 0.35em 0.2em 0 0.2em;
border-style: solid;
border-left-color: transparent;
border-right-color: transparent;
color: #B8BDC4;
opacity: 0.7;
transition: color 0.1s; }
/* A "divider" `` for a native ``. */
.react-phone-number-input__country-select-divider {
font-size: 1px;
background: black; }
.react-phone-number-input__country-select:focus + .react-phone-number-input__country-select-arrow,
.react-phone-number-input__country.rrui__select--focus .rrui__select__arrow {
color: #03B2CB; }
/* Styling phone number input */
.react-phone-number-input__input--style {
height: calc(0.3rem * 6);
outline: none;
border-radius: 0;
padding: 0;
appearance: none;
border: none;
border-bottom: 1px solid #C5D2E0;
transition: border 0.1s;
font-size: inherit; }
.react-phone-number-input__input--style:focus {
border-color: #03B2CB; }
.react-phone-number-input__input--style--disabled {
cursor: default; }
.react-phone-number-input__input--style--invalid,
.react-phone-number-input__input--style--invalid:focus {
border-color: #EB2010; }
/* Overrides Chrome autofill yellow background color */
.react-phone-number-input__input:-webkit-autofill {
box-shadow: 0 0 0 1000px white inset; }
/* A small fix for `react-responsive-ui` */
.react-phone-number-input__country .rrui__select__button {
border-bottom: none; }
.rdw-option-wrapper {
border: 1px solid #F1F1F1;
padding: 5px;
min-width: 25px;
height: 20px;
border-radius: 2px;
margin: 0 4px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
background: white;
text-transform: capitalize; }
.rdw-option-wrapper:hover {
box-shadow: 1px 1px 0px #BFBDBD; }
.rdw-option-wrapper:active {
box-shadow: 1px 1px 0px #BFBDBD inset; }
.rdw-option-active {
box-shadow: 1px 1px 0px #BFBDBD inset; }
.rdw-option-disabled {
opacity: 0.3;
cursor: default; }
.rdw-dropdown-wrapper {
height: 30px;
background: white;
cursor: pointer;
border: 1px solid #F1F1F1;
border-radius: 2px;
margin: 0 3px;
text-transform: capitalize;
background: white; }
.rdw-dropdown-wrapper:focus {
outline: none; }
.rdw-dropdown-wrapper:hover {
box-shadow: 1px 1px 0px #BFBDBD;
background-color: #FFFFFF; }
.rdw-dropdown-wrapper:active {
box-shadow: 1px 1px 0px #BFBDBD inset; }
.rdw-dropdown-carettoopen {
height: 0px;
width: 0px;
position: absolute;
top: 35%;
right: 10%;
border-top: 6px solid black;
border-left: 5px solid transparent;
border-right: 5px solid transparent; }
.rdw-dropdown-carettoclose {
height: 0px;
width: 0px;
position: absolute;
top: 35%;
right: 10%;
border-bottom: 6px solid black;
border-left: 5px solid transparent;
border-right: 5px solid transparent; }
.rdw-dropdown-selectedtext {
display: flex;
position: relative;
height: 100%;
align-items: center;
padding: 0 5px; }
.rdw-dropdown-optionwrapper {
z-index: 100;
position: relative;
border: 1px solid #F1F1F1;
width: 98%;
background: white;
border-radius: 2px;
margin: 0;
padding: 0;
max-height: 250px;
overflow-y: scroll; }
.rdw-dropdown-optionwrapper:hover {
box-shadow: 1px 1px 0px #BFBDBD;
background-color: #FFFFFF; }
.rdw-dropdownoption-default {
min-height: 25px;
display: flex;
align-items: center;
padding: 0 5px; }
.rdw-dropdownoption-highlighted {
background: #F1F1F1; }
.rdw-dropdownoption-active {
background: #f5f5f5; }
.rdw-dropdownoption-disabled {
opacity: 0.3;
cursor: default; }
.rdw-inline-wrapper {
display: flex;
align-items: center;
margin-bottom: 6px;
flex-wrap: wrap; }
.rdw-inline-dropdown {
width: 50px; }
.rdw-inline-dropdownoption {
height: 40px;
display: flex;
justify-content: center; }
.rdw-block-wrapper {
display: flex;
align-items: center;
margin-bottom: 6px;
flex-wrap: wrap; }
.rdw-block-dropdown {
width: 110px; }
.rdw-fontsize-wrapper {
display: flex;
align-items: center;
margin-bottom: 6px;
flex-wrap: wrap; }
.rdw-fontsize-dropdown {
min-width: 40px; }
.rdw-fontsize-option {
display: flex;
justify-content: center; }
.rdw-fontfamily-wrapper {
display: flex;
align-items: center;
margin-bottom: 6px;
flex-wrap: wrap; }
.rdw-fontfamily-dropdown {
width: 115px; }
.rdw-fontfamily-placeholder {
white-space: nowrap;
max-width: 90px;
overflow: hidden;
text-overflow: ellipsis; }
.rdw-fontfamily-optionwrapper {
width: 140px; }
.rdw-list-wrapper {
display: flex;
align-items: center;
margin-bottom: 6px;
flex-wrap: wrap; }
.rdw-list-dropdown {
width: 50px;
z-index: 90; }
.rdw-list-dropdownOption {
height: 40px;
display: flex;
justify-content: center; }
.rdw-text-align-wrapper {
display: flex;
align-items: center;
margin-bottom: 6px;
flex-wrap: wrap; }
.rdw-text-align-dropdown {
width: 50px;
z-index: 90; }
.rdw-text-align-dropdownOption {
height: 40px;
display: flex;
justify-content: center; }
.rdw-right-aligned-block {
text-align: right; }
.rdw-left-aligned-block {
text-align: left !important; }
.rdw-center-aligned-block {
text-align: center !important; }
.rdw-justify-aligned-block {
text-align: justify !important; }
.rdw-right-aligned-block > div {
display: inline-block; }
.rdw-left-aligned-block > div {
display: inline-block; }
.rdw-center-aligned-block > div {
display: inline-block; }
.rdw-justify-aligned-block > div {
display: inline-block; }
.rdw-colorpicker-wrapper {
display: flex;
align-items: center;
margin-bottom: 6px;
position: relative;
flex-wrap: wrap; }
.rdw-colorpicker-modal {
position: absolute;
top: 35px;
left: 5px;
display: flex;
flex-direction: column;
width: 175px;
height: 175px;
border: 1px solid #F1F1F1;
padding: 15px;
border-radius: 2px;
z-index: 100;
background: white;
box-shadow: 3px 3px 5px #BFBDBD; }
.rdw-colorpicker-modal-header {
display: flex;
padding-bottom: 5px; }
.rdw-colorpicker-modal-style-label {
font-size: 15px;
width: 50%;
text-align: center;
cursor: pointer;
padding: 0 10px 5px; }
.rdw-colorpicker-modal-style-label-active {
border-bottom: 2px solid #0a66b7; }
.rdw-colorpicker-modal-options {
margin: 5px auto;
display: flex;
width: 100%;
height: 100%;
flex-wrap: wrap;
overflow: scroll; }
.rdw-colorpicker-cube {
width: 22px;
height: 22px;
border: 1px solid #F1F1F1; }
.rdw-colorpicker-option {
margin: 3px;
padding: 0;
min-height: 20px;
border: none;
width: 22px;
height: 22px;
min-width: 22px;
box-shadow: 1px 2px 1px #BFBDBD inset; }
.rdw-colorpicker-option:hover {
box-shadow: 1px 2px 1px #BFBDBD; }
.rdw-colorpicker-option:active {
box-shadow: -1px -2px 1px #BFBDBD; }
.rdw-colorpicker-option-active {
box-shadow: 0px 0px 2px 2px #BFBDBD; }
.rdw-link-wrapper {
display: flex;
align-items: center;
margin-bottom: 6px;
position: relative;
flex-wrap: wrap; }
.rdw-link-dropdown {
width: 50px; }
.rdw-link-dropdownOption {
height: 40px;
display: flex;
justify-content: center; }
.rdw-link-dropdownPlaceholder {
margin-left: 8px; }
.rdw-link-modal {
position: absolute;
top: 35px;
left: 5px;
display: flex;
flex-direction: column;
width: 235px;
height: 205px;
border: 1px solid #F1F1F1;
padding: 15px;
border-radius: 2px;
z-index: 100;
background: white;
box-shadow: 3px 3px 5px #BFBDBD; }
.rdw-link-modal-label {
font-size: 15px; }
.rdw-link-modal-input {
margin-top: 5px;
border-radius: 2px;
border: 1px solid #F1F1F1;
height: 25px;
margin-bottom: 15px;
padding: 0 5px; }
.rdw-link-modal-input:focus {
outline: none; }
.rdw-link-modal-buttonsection {
margin: 0 auto; }
.rdw-link-modal-target-option {
margin-bottom: 20px; }
.rdw-link-modal-target-option > span {
margin-left: 5px; }
.rdw-link-modal-btn {
margin-left: 10px;
width: 75px;
height: 30px;
border: 1px solid #F1F1F1;
border-radius: 2px;
cursor: pointer;
background: white;
text-transform: capitalize; }
.rdw-link-modal-btn:hover {
box-shadow: 1px 1px 0px #BFBDBD; }
.rdw-link-modal-btn:active {
box-shadow: 1px 1px 0px #BFBDBD inset; }
.rdw-link-modal-btn:focus {
outline: none !important; }
.rdw-link-modal-btn:disabled {
background: #ece9e9; }
.rdw-link-dropdownoption {
height: 40px;
display: flex;
justify-content: center; }
.rdw-history-dropdown {
width: 50px; }
.rdw-embedded-wrapper {
display: flex;
align-items: center;
margin-bottom: 6px;
position: relative;
flex-wrap: wrap; }
.rdw-embedded-modal {
position: absolute;
top: 35px;
left: 5px;
display: flex;
flex-direction: column;
width: 235px;
height: 180px;
border: 1px solid #F1F1F1;
padding: 15px;
border-radius: 2px;
z-index: 100;
background: white;
justify-content: space-between;
box-shadow: 3px 3px 5px #BFBDBD; }
.rdw-embedded-modal-header {
font-size: 15px;
display: flex; }
.rdw-embedded-modal-header-option {
width: 50%;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; }
.rdw-embedded-modal-header-label {
width: 95px;
border: 1px solid #f1f1f1;
margin-top: 5px;
background: #6EB8D4;
border-bottom: 2px solid #0a66b7; }
.rdw-embedded-modal-link-section {
display: flex;
flex-direction: column; }
.rdw-embedded-modal-link-input {
width: 88%;
height: 35px;
margin: 10px 0;
border: 1px solid #F1F1F1;
border-radius: 2px;
font-size: 15px;
padding: 0 5px; }
.rdw-embedded-modal-link-input-wrapper {
display: flex;
align-items: center; }
.rdw-embedded-modal-link-input:focus {
outline: none; }
.rdw-embedded-modal-btn-section {
display: flex;
justify-content: center; }
.rdw-embedded-modal-btn {
margin: 0 3px;
width: 75px;
height: 30px;
border: 1px solid #F1F1F1;
border-radius: 2px;
cursor: pointer;
background: white;
text-transform: capitalize; }
.rdw-embedded-modal-btn:hover {
box-shadow: 1px 1px 0px #BFBDBD; }
.rdw-embedded-modal-btn:active {
box-shadow: 1px 1px 0px #BFBDBD inset; }
.rdw-embedded-modal-btn:focus {
outline: none !important; }
.rdw-embedded-modal-btn:disabled {
background: #ece9e9; }
.rdw-embedded-modal-size {
align-items: center;
display: flex;
margin: 8px 0;
justify-content: space-between; }
.rdw-embedded-modal-size-input {
width: 80%;
height: 20px;
border: 1px solid #F1F1F1;
border-radius: 2px;
font-size: 12px; }
.rdw-embedded-modal-size-input:focus {
outline: none; }
.rdw-emoji-wrapper {
display: flex;
align-items: center;
margin-bottom: 6px;
position: relative;
flex-wrap: wrap; }
.rdw-emoji-modal {
overflow: auto;
position: absolute;
top: 35px;
left: 5px;
display: flex;
flex-wrap: wrap;
width: 235px;
height: 180px;
border: 1px solid #F1F1F1;
padding: 15px;
border-radius: 2px;
z-index: 100;
background: white;
box-shadow: 3px 3px 5px #BFBDBD; }
.rdw-emoji-icon {
margin: 2.5px;
height: 24px;
width: 24px;
cursor: pointer;
font-size: 22px;
display: flex;
justify-content: center;
align-items: center; }
.rdw-spinner {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%; }
.rdw-spinner > div {
width: 12px;
height: 12px;
background-color: #333;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
.rdw-spinner .rdw-bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s; }
.rdw-spinner .rdw-bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s; }
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0); }
40% {
-webkit-transform: scale(1); } }
@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0); }
40% {
-webkit-transform: scale(1);
transform: scale(1); } }
.rdw-image-wrapper {
display: flex;
align-items: center;
margin-bottom: 6px;
position: relative;
flex-wrap: wrap; }
.rdw-image-modal {
position: absolute;
top: 35px;
left: 5px;
display: flex;
flex-direction: column;
width: 235px;
border: 1px solid #F1F1F1;
padding: 15px;
border-radius: 2px;
z-index: 100;
background: white;
box-shadow: 3px 3px 5px #BFBDBD; }
.rdw-image-modal-header {
font-size: 15px;
margin: 10px 0;
display: flex; }
.rdw-image-modal-header-option {
width: 50%;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column; }
.rdw-image-modal-header-label {
width: 80px;
background: #f1f1f1;
border: 1px solid #f1f1f1;
margin-top: 5px; }
.rdw-image-modal-header-label-highlighted {
background: #6EB8D4;
border-bottom: 2px solid #0a66b7; }
.rdw-image-modal-upload-option {
width: 100%;
color: gray;
cursor: pointer;
display: flex;
border: none;
font-size: 15px;
align-items: center;
justify-content: center;
background-color: #f1f1f1;
outline: 2px dashed gray;
outline-offset: -10px;
margin: 10px 0;
padding: 9px 0; }
.rdw-image-modal-upload-option-highlighted {
outline: 2px dashed #0a66b7; }
.rdw-image-modal-upload-option-label {
cursor: pointer;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 15px; }
.rdw-image-modal-upload-option-label span {
padding: 0 20px; }
.rdw-image-modal-upload-option-image-preview {
max-width: 100%;
max-height: 200px; }
.rdw-image-modal-upload-option-input {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1; }
.rdw-image-modal-url-section {
display: flex;
align-items: center; }
.rdw-image-modal-url-input {
width: 90%;
height: 35px;
margin: 15px 0 12px;
border: 1px solid #F1F1F1;
border-radius: 2px;
font-size: 15px;
padding: 0 5px; }
.rdw-image-modal-btn-section {
margin: 10px auto 0; }
.rdw-image-modal-url-input:focus {
outline: none; }
.rdw-image-modal-btn {
margin: 0 5px;
width: 75px;
height: 30px;
border: 1px solid #F1F1F1;
border-radius: 2px;
cursor: pointer;
background: white;
text-transform: capitalize; }
.rdw-image-modal-btn:hover {
box-shadow: 1px 1px 0px #BFBDBD; }
.rdw-image-modal-btn:active {
box-shadow: 1px 1px 0px #BFBDBD inset; }
.rdw-image-modal-btn:focus {
outline: none !important; }
.rdw-image-modal-btn:disabled {
background: #ece9e9; }
.rdw-image-modal-spinner {
position: absolute;
top: -3px;
left: 0;
width: 100%;
height: 100%;
opacity: 0.5; }
.rdw-image-modal-alt-input {
width: 70%;
height: 20px;
border: 1px solid #F1F1F1;
border-radius: 2px;
font-size: 12px;
margin-left: 5px; }
.rdw-image-modal-alt-input:focus {
outline: none; }
.rdw-image-modal-alt-lbl {
font-size: 12px; }
.rdw-image-modal-size {
align-items: center;
display: flex;
margin: 8px 0;
justify-content: space-between; }
.rdw-image-modal-size-input {
width: 40%;
height: 20px;
border: 1px solid #F1F1F1;
border-radius: 2px;
font-size: 12px; }
.rdw-image-modal-size-input:focus {
outline: none; }
.rdw-image-mandatory-sign {
color: red;
margin-left: 3px;
margin-right: 3px; }
.rdw-remove-wrapper {
display: flex;
align-items: center;
margin-bottom: 6px;
position: relative;
flex-wrap: wrap; }
.rdw-history-wrapper {
display: flex;
align-items: center;
margin-bottom: 6px;
flex-wrap: wrap; }
.rdw-history-dropdownoption {
height: 40px;
display: flex;
justify-content: center; }
.rdw-history-dropdown {
width: 50px; }
.rdw-link-decorator-wrapper {
position: relative; }
.rdw-link-decorator-icon {
position: absolute;
left: 40%;
top: 0;
cursor: pointer;
background-color: white; }
.rdw-mention-link {
text-decoration: none;
color: #1236ff;
background-color: #f0fbff;
padding: 1px 2px;
border-radius: 2px; }
.rdw-suggestion-wrapper {
position: relative; }
.rdw-suggestion-dropdown {
position: absolute;
display: flex;
flex-direction: column;
border: 1px solid #F1F1F1;
min-width: 100px;
max-height: 150px;
overflow: auto;
background: white;
z-index: 100; }
.rdw-suggestion-option {
padding: 7px 5px;
border-bottom: 1px solid #f1f1f1; }
.rdw-suggestion-option-active {
background-color: #F1F1F1; }
.rdw-hashtag-link {
text-decoration: none;
color: #1236ff;
background-color: #f0fbff;
padding: 1px 2px;
border-radius: 2px; }
.rdw-image-alignment-options-popup {
position: absolute;
background: white;
display: flex;
padding: 5px 2px;
border-radius: 2px;
border: 1px solid #F1F1F1;
width: 105px;
cursor: pointer;
z-index: 100; }
.rdw-alignment-option-left {
justify-content: flex-start; }
.rdw-image-alignment-option {
height: 15px;
width: 15px;
min-width: 15px; }
.rdw-image-alignment {
position: relative; }
.rdw-image-imagewrapper {
position: relative; }
.rdw-image-center {
display: flex;
justify-content: center; }
.rdw-image-left {
display: flex; }
.rdw-image-right {
display: flex;
justify-content: flex-end; }
.rdw-image-alignment-options-popup-right {
right: 0; }
.rdw-editor-main {
height: 100%;
overflow: auto;
box-sizing: border-box; }
.rdw-editor-toolbar {
padding: 6px 5px 0;
border-radius: 2px;
border: 1px solid #F1F1F1;
display: flex;
justify-content: flex-start;
background: white;
flex-wrap: wrap;
font-size: 15px;
margin-bottom: 5px;
user-select: none; }
.public-DraftStyleDefault-block {
margin: 1em 0; }
.rdw-editor-wrapper:focus {
outline: none; }
.rdw-editor-wrapper {
box-sizing: content-box; }
.rdw-editor-main blockquote {
border-left: 5px solid #f1f1f1;
padding-left: 5px; }
.rdw-editor-main pre {
background: #f1f1f1;
border-radius: 3px;
padding: 1px 10px; }
/**
* Draft v0.9.1
*
* Copyright (c) 2013-present, Facebook, Inc.
* All rights reserved.
*
* This source code is licensed under the BSD-style license found in the
* LICENSE file in the root directory of this source tree. An additional grant
* of patent rights can be found in the PATENTS file in the same directory.
*/
.DraftEditor-editorContainer, .DraftEditor-root, .public-DraftEditor-content {
height: inherit;
text-align: initial; }
.public-DraftEditor-content[contenteditable=true] {
-webkit-user-modify: read-write-plaintext-only; }
.DraftEditor-root {
position: relative; }
.DraftEditor-editorContainer {
background-color: rgba(255, 255, 255, 0);
border-left: .1px solid transparent;
position: relative;
z-index: 1; }
.public-DraftEditor-block {
position: relative; }
.DraftEditor-alignLeft .public-DraftStyleDefault-block {
text-align: left; }
.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root {
left: 0;
text-align: left; }
.DraftEditor-alignCenter .public-DraftStyleDefault-block {
text-align: center; }
.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root {
margin: 0 auto;
text-align: center;
width: 100%; }
.DraftEditor-alignRight .public-DraftStyleDefault-block {
text-align: right; }
.DraftEditor-alignRight .public-DraftEditorPlaceholder-root {
right: 0;
text-align: right; }
.public-DraftEditorPlaceholder-root {
color: #9197a3;
position: absolute;
z-index: 0; }
.public-DraftEditorPlaceholder-hasFocus {
color: #bdc1c9; }
.DraftEditorPlaceholder-hidden {
display: none; }
.public-DraftStyleDefault-block {
position: relative;
white-space: pre-wrap; }
.public-DraftStyleDefault-ltr {
direction: ltr;
text-align: left; }
.public-DraftStyleDefault-rtl {
direction: rtl;
text-align: right; }
.public-DraftStyleDefault-listLTR {
direction: ltr; }
.public-DraftStyleDefault-listRTL {
direction: rtl; }
.public-DraftStyleDefault-ol, .public-DraftStyleDefault-ul {
margin: 16px 0;
padding: 0; }
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
margin-left: 1.5em; }
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
margin-right: 1.5em; }
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
margin-left: 3em; }
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
margin-right: 3em; }
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
margin-left: 4.5em; }
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
margin-right: 4.5em; }
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
margin-left: 6em; }
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
margin-right: 6em; }
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
margin-left: 7.5em; }
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
margin-right: 7.5em; }
.public-DraftStyleDefault-unorderedListItem {
list-style-type: square;
position: relative; }
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
list-style-type: disc; }
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
list-style-type: circle; }
.public-DraftStyleDefault-orderedListItem {
list-style-type: none;
position: relative; }
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
left: -36px;
position: absolute;
text-align: right;
width: 30px; }
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
position: absolute;
right: -36px;
text-align: left;
width: 30px; }
.public-DraftStyleDefault-orderedListItem:before {
content: counter(ol0) ". ";
counter-increment: ol0; }
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
content: counter(ol1) ". ";
counter-increment: ol1; }
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
content: counter(ol2) ". ";
counter-increment: ol2; }
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
content: counter(ol3) ". ";
counter-increment: ol3; }
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
content: counter(ol4) ". ";
counter-increment: ol4; }
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
counter-reset: ol0; }
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
counter-reset: ol1; }
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
counter-reset: ol2; }
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
counter-reset: ol3; }
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
counter-reset: ol4; }
/*# sourceMappingURL=react-draft-wysiwyg.css.map*/
.sun-editor {
width: auto;
height: auto;
box-sizing: border-box;
font-family: Helvetica Neue,sans-serif;
border: 1px solid #dadada;
background-color: #fff;
color: #000;
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none; }
.sun-editor * {
box-sizing: border-box;
-webkit-user-drag: none;
overflow: visible; }
.sun-editor-common button, .sun-editor-common input, .sun-editor-common select, .sun-editor-common textarea {
font-size: 14px;
line-height: 1.5; }
.sun-editor-common blockquote, .sun-editor-common body, .sun-editor-common button, .sun-editor-common code, .sun-editor-common dd, .sun-editor-common div, .sun-editor-common dl, .sun-editor-common dt, .sun-editor-common fieldset, .sun-editor-common form, .sun-editor-common h1, .sun-editor-common h2, .sun-editor-common h3, .sun-editor-common h4, .sun-editor-common h5, .sun-editor-common h6, .sun-editor-common input, .sun-editor-common legend, .sun-editor-common li, .sun-editor-common ol, .sun-editor-common p, .sun-editor-common pre, .sun-editor-common select, .sun-editor-common td, .sun-editor-common textarea, .sun-editor-common th, .sun-editor-common ul {
margin: 0;
padding: 0;
border: 0; }
.sun-editor-common dl, .sun-editor-common li, .sun-editor-common menu, .sun-editor-common ol, .sun-editor-common ul {
list-style: none !important; }
.sun-editor-common hr {
margin: 6px 0 !important; }
.sun-editor textarea {
resize: none;
border: 0;
padding: 0; }
.sun-editor button {
border: 0;
background-color: transparent;
touch-action: manipulation;
cursor: pointer;
outline: none; }
.sun-editor button, .sun-editor input, .sun-editor select, .sun-editor textarea {
vertical-align: middle; }
.sun-editor button span {
display: block;
margin: 0;
padding: 0; }
.sun-editor button .txt {
display: block;
margin-top: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.sun-editor button * {
pointer-events: none;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden; }
.sun-editor .se-svg, .sun-editor button > svg {
width: 16px;
height: 16px;
margin: auto;
fill: currentColor;
display: block;
text-align: center;
float: none; }
.sun-editor .close > svg, .sun-editor .se-dialog-close > svg {
width: 10px;
height: 10px; }
.sun-editor .se-btn-select > svg {
float: right;
width: 10px;
height: 10px; }
.sun-editor .se-btn-list > .se-list-icon {
display: inline-block;
width: 16px;
height: 16px;
margin: -1px 10px 0 0;
vertical-align: middle; }
.sun-editor .se-line-breaker > button > svg {
width: 24px;
height: 24px; }
.sun-editor button > i:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-size: 15px;
line-height: 2; }
.sun-editor button > [class=se-icon-text] {
font-size: 20px;
line-height: 1; }
.sun-editor .se-arrow, .sun-editor .se-arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border: 11px solid transparent; }
.sun-editor .se-arrow.se-arrow-up {
top: -11px;
left: 20px;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #dadada; }
.sun-editor .se-arrow.se-arrow-up:after {
top: 1px;
margin-left: -11px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff; }
.sun-editor .se-toolbar .se-arrow.se-arrow-up:after {
border-bottom-color: #fafafa; }
.sun-editor .se-arrow.se-arrow-down {
top: 0;
left: 0;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #dadada; }
.sun-editor .se-arrow.se-arrow-down:after {
top: -12px;
margin-left: -11px;
content: " ";
border-bottom-width: 0;
border-top-color: #fff; }
.sun-editor .se-toolbar .se-arrow.se-arrow-down:after {
border-top-color: #fafafa; }
.sun-editor .se-container {
position: relative;
width: 100%;
height: 100%; }
.sun-editor button {
color: #000; }
.sun-editor .se-btn {
float: left;
width: 34px;
height: 34px;
border: 0;
border-radius: 4px;
margin: 1px !important;
padding: 0;
font-size: 12px;
line-height: 27px; }
.sun-editor .se-btn:enabled:focus, .sun-editor .se-btn:enabled:hover {
background-color: #e1e1e1;
border-color: #d1d1d1;
outline: 0 none; }
.sun-editor .se-btn:enabled:active {
background-color: #d1d1d1;
border-color: #c1c1c1;
-webkit-box-shadow: inset 0 3px 5px #c1c1c1;
box-shadow: inset 0 3px 5px #c1c1c1; }
.sun-editor .se-btn-primary {
color: #000;
background-color: #c7deff;
border: 1px solid #80bdff;
border-radius: 4px; }
.sun-editor .se-btn-primary:focus, .sun-editor .se-btn-primary:hover {
color: #000;
background-color: #80bdff;
border-color: #3f9dff;
outline: 0 none; }
.sun-editor .se-btn-primary:active {
color: #fff;
background-color: #3f9dff;
border-color: #4592ff;
-webkit-box-shadow: inset 0 3px 5px #4592ff;
box-shadow: inset 0 3px 5px #4592ff; }
.sun-editor input, .sun-editor select, .sun-editor textarea {
color: #000;
border: 1px solid #ccc;
border-radius: 4px; }
.sun-editor input:focus, .sun-editor select:focus, .sun-editor textarea:focus {
border: 1px solid #80bdff;
outline: 0;
-webkit-box-shadow: 0 0 0 .2rem #c7deff;
box-shadow: 0 0 0 .2rem #c7deff;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.sun-editor .se-btn:enabled.active {
color: #4592ff;
outline: 0 none; }
.sun-editor .se-btn:enabled.active:focus, .sun-editor .se-btn:enabled.active:hover {
background-color: #e1e1e1;
border-color: #d1d1d1;
outline: 0 none; }
.sun-editor .se-btn:enabled.active:active {
background-color: #d1d1d1;
border-color: #c1c1c1;
-webkit-box-shadow: inset 0 3px 5px #c1c1c1;
box-shadow: inset 0 3px 5px #c1c1c1; }
.sun-editor .se-btn:enabled.on {
background-color: #e1e1e1;
border-color: #d1d1d1;
outline: 0 none; }
.sun-editor .se-btn:enabled.on:focus, .sun-editor .se-btn:enabled.on:hover {
background-color: #d1d1d1;
border-color: #c1c1c1;
outline: 0 none; }
.sun-editor .se-btn:enabled.on:active {
background-color: #c1c1c1;
border-color: #b1b1b1;
-webkit-box-shadow: inset 0 3px 5px #b1b1b1;
box-shadow: inset 0 3px 5px #b1b1b1; }
.sun-editor .se-btn-list:disabled, .sun-editor .se-btn:disabled, .sun-editor button:disabled {
cursor: not-allowed;
background-color: inherit;
color: #bdbdbd; }
.sun-editor .se-loading-box {
position: absolute;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fff;
opacity: .7;
filter: alpha(opacity=70);
z-index: 2147483647; }
.sun-editor .se-loading-box .se-loading-effect {
position: absolute;
display: block;
top: 50%;
left: 50%;
height: 25px;
width: 25px;
border-top: 2px solid #07d;
border-right: 2px solid transparent;
border-radius: 50%;
animation: spinner .8s linear infinite;
margin: -25px 0 0 -25px; }
.sun-editor .se-line-breaker {
position: absolute;
display: none;
width: 100%;
height: 1px;
cursor: text;
border-top: 1px solid #3288ff;
z-index: 7; }
.sun-editor .se-line-breaker > button.se-btn {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
top: -15px;
float: none;
left: -50%;
background-color: #fff;
border: 1px solid #0c2240;
opacity: .6;
cursor: pointer; }
.sun-editor .se-line-breaker > button.se-btn:hover {
opacity: .9;
background-color: #fff;
border-color: #041b39; }
.sun-editor .se-line-breaker-component {
position: absolute;
display: none;
width: 24px;
height: 24px;
background-color: #fff;
border: 1px solid #0c2240;
opacity: .6;
border-radius: 4px;
cursor: pointer;
z-index: 7; }
.sun-editor .se-line-breaker-component:hover {
opacity: .9; }
.sun-editor .se-toolbar {
display: block;
position: relative;
height: auto;
width: 100%;
overflow: visible;
padding: 0;
margin: 0;
background-color: #fafafa;
outline: 1px solid #dadada;
z-index: 5; }
.sun-editor .se-toolbar-cover {
position: absolute;
display: none;
font-size: 36px;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #fefefe;
opacity: .5;
filter: alpha(opacity=50);
cursor: not-allowed;
z-index: 4; }
.sun-editor .se-toolbar-separator-vertical {
display: inline-block;
height: 0;
width: 0;
margin: 1px;
vertical-align: top; }
.sun-editor .se-toolbar.se-toolbar-balloon, .sun-editor .se-toolbar.se-toolbar-inline {
display: none;
position: absolute;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
.sun-editor .se-toolbar.se-toolbar-balloon {
z-index: 2147483647;
width: auto; }
.sun-editor .se-toolbar.se-toolbar-sticky {
position: fixed;
top: 0; }
.sun-editor .se-toolbar-sticky-dummy {
display: none;
position: static;
z-index: -1; }
.sun-editor .se-btn-module {
display: inline-block; }
.sun-editor .se-btn-module-border {
border: 1px solid #dadada;
border-radius: 4px; }
.sun-editor .se-btn-module-enter {
display: block;
width: 100%;
height: 1px;
margin-bottom: 5px;
background-color: transparent; }
.sun-editor .se-toolbar-more-layer {
margin: 0 -3px;
background-color: #fafafa; }
.sun-editor .se-toolbar-more-layer .se-more-layer {
display: none;
border-top: 1px solid #dadada; }
.sun-editor .se-toolbar-more-layer .se-more-layer .se-more-form {
display: inline-block;
width: 100%;
height: auto;
padding: 4px 3px 0; }
.sun-editor .se-btn-module .se-btn-more.se-btn-more-text {
width: auto;
padding: 0 4px; }
.sun-editor .se-btn-module .se-btn-more:focus, .sun-editor .se-btn-module .se-btn-more:hover {
color: #000;
background-color: #d1d1d1;
border-color: #c1c1c1;
outline: 0 none; }
.sun-editor .se-btn-module .se-btn-more.on {
color: #333;
background-color: #d1d1d1;
border-color: #c1c1c1;
outline: 0 none; }
.sun-editor .se-btn-module .se-btn-more.on:hover {
color: #000;
background-color: #c1c1c1;
border-color: #b1b1b1;
outline: 0 none; }
.sun-editor .se-menu-list, .sun-editor .se-menu-list li {
float: left;
padding: 0;
margin: 0; }
.sun-editor .se-menu-list li {
position: relative; }
.sun-editor .se-btn-select {
width: auto;
display: flex;
padding: 4px 6px; }
.sun-editor .se-btn-select .txt {
flex: auto;
text-align: left; }
.sun-editor.se-rtl .se-btn-select svg {
margin: auto 1px; }
.sun-editor .se-btn-select.se-btn-tool-font {
width: 100px; }
.sun-editor .se-btn-select.se-btn-tool-format {
width: 82px; }
.sun-editor .se-btn-select.se-btn-tool-size {
width: 78px; }
.sun-editor .se-btn-tray {
position: relative;
width: 100%;
height: auto;
padding: 4px 3px 0;
margin: 0; }
.sun-editor .se-menu-tray {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0; }
.sun-editor .se-submenu {
overflow-x: hidden;
overflow-y: auto; }
.sun-editor .se-list-layer {
display: none;
position: absolute;
top: 0;
left: 0;
height: auto;
z-index: 5;
border: 1px solid #bababa;
border-radius: 4px;
padding: 6px 0;
background-color: #fff;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
outline: 0 none; }
.sun-editor .se-list-layer .se-list-inner {
padding: 0;
margin: 0;
overflow-x: initial;
overflow-y: initial;
overflow: visible; }
.sun-editor .se-list-layer button {
margin: 0;
width: 100%; }
.sun-editor .se-list-inner ul {
width: 100%;
padding: 0; }
.sun-editor .se-list-inner li > button {
min-width: 100%;
width: max-content; }
.sun-editor .se-list-inner .se-list-basic li {
width: 100%; }
.sun-editor .se-list-inner .se-list-basic li button.active {
background-color: #80bdff;
border: 1px solid #3f9dff;
border-left: 0;
border-right: 0; }
.sun-editor .se-list-inner .se-list-basic li button.active:hover {
background-color: #3f9dff;
border: 1px solid #4592ff;
border-left: 0;
border-right: 0; }
.sun-editor .se-list-inner .se-list-basic li button.active:active {
background-color: #4592ff;
border: 1px solid #407dd1;
border-left: 0;
border-right: 0;
-webkit-box-shadow: inset 0 3px 5px #407dd1;
box-shadow: inset 0 3px 5px #407dd1; }
.sun-editor .se-list-inner .se-list-checked li button > .se-svg {
float: left;
padding: 6px 6px 0 0; }
.sun-editor .se-list-inner .se-list-checked li button > .se-svg > svg {
display: none; }
.sun-editor .se-list-inner .se-list-checked li button.se-checked {
color: #4592ff; }
.sun-editor .se-list-inner .se-list-checked li button.se-checked > .se-svg > svg {
display: block; }
.sun-editor .se-btn-list {
width: 100%;
height: auto;
min-height: 32px;
padding: 0 14px;
cursor: pointer;
font-size: 12px;
line-height: normal;
text-indent: 0;
text-decoration: none;
text-align: left; }
.sun-editor .se-btn-list.default_value {
background-color: #f3f3f3;
border-top: 1px dotted #b1b1b1;
border-bottom: 1px dotted #b1b1b1; }
.sun-editor .se-btn-list:focus, .sun-editor .se-btn-list:hover {
background-color: #e1e1e1;
border-color: #d1d1d1;
outline: 0 none; }
.sun-editor .se-btn-list:active {
background-color: #d1d1d1;
border-color: #c1c1c1;
-webkit-box-shadow: inset 0 3px 5px #c1c1c1;
box-shadow: inset 0 3px 5px #c1c1c1; }
.sun-editor .se-list-layer.se-list-font-size {
min-width: 140px;
max-height: 300px; }
.sun-editor .se-list-layer.se-list-font-family {
min-width: 156px; }
.sun-editor .se-list-layer.se-list-font-family .default {
border-bottom: 1px solid #ccc; }
.sun-editor .se-list-layer.se-list-line {
width: 125px; }
.sun-editor .se-list-layer.se-list-align .se-list-inner {
left: 9px;
width: 125px; }
.sun-editor .se-list-layer.se-list-format {
min-width: 156px; }
.sun-editor .se-list-layer.se-list-format li {
padding: 0;
width: 100%; }
.sun-editor .se-list-layer.se-list-format ul .se-btn-list {
line-height: 100%; }
.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value=h1] {
height: 40px; }
.sun-editor .se-list-layer.se-list-format ul .se-btn-list[data-value=h2] {
height: 34px; }
.sun-editor .se-list-layer.se-list-format ul p {
font-size: 13px; }
.sun-editor .se-list-layer.se-list-format ul div {
font-size: 13px;
padding: 4px 2px; }
.sun-editor .se-list-layer.se-list-format ul h1 {
font-size: 2em;
font-weight: 700;
color: #333; }
.sun-editor .se-list-layer.se-list-format ul h2 {
font-size: 1.5em;
font-weight: 700;
color: #333; }
.sun-editor .se-list-layer.se-list-format ul h3 {
font-size: 1.17em;
font-weight: 700;
color: #333; }
.sun-editor .se-list-layer.se-list-format ul h4 {
font-size: 1em;
font-weight: 700;
color: #333; }
.sun-editor .se-list-layer.se-list-format ul h5 {
font-size: .83em;
font-weight: 700;
color: #333; }
.sun-editor .se-list-layer.se-list-format ul h6 {
font-size: .67em;
font-weight: 700;
color: #333; }
.sun-editor .se-list-layer.se-list-format ul blockquote {
font-size: 13px;
color: #999;
height: 22px;
margin: 0;
background-color: transparent;
line-height: 1.5;
border-color: #b1b1b1;
padding: 0 0 0 7px;
border-left: 5px #b1b1b1;
border-style: solid; }
.sun-editor .se-list-layer.se-list-format ul pre {
font-size: 13px;
color: #666;
padding: 4px 11px;
margin: 0;
background-color: #f9f9f9;
border: 1px solid #e1e1e1;
border-radius: 4px; }
.sun-editor .se-selector-table {
display: none;
position: absolute;
top: 34px;
left: 1px;
z-index: 5;
padding: 5px 0;
float: left;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
.sun-editor .se-selector-table .se-table-size {
font-size: 18px;
padding: 0 5px; }
.sun-editor .se-selector-table .se-table-size-picker {
position: absolute !important;
z-index: 3;
font-size: 18px;
width: 10em;
height: 10em;
cursor: pointer; }
.sun-editor .se-selector-table .se-table-size-highlighted {
position: absolute !important;
z-index: 2;
font-size: 18px;
width: 1em;
height: 1em;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QTZCNzMzN0I3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QTZCNzMzNkI3RUYxMUU4ODcwQ0QwMjM1NTgzRTJDNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzYyNEUxRUI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzYyNEUxRkI3RUUxMUU4ODZGQzgwRjNBODgyNTdFOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl0yAuwAAABBSURBVDhPY/wPBAxUAGCDGvdBeWSAeicIDTfIXREiQArYeR9hEBOEohyMGkQYjBpEGAxjg6ib+yFMygCVvMbAAABj0hwMTNeKJwAAAABJRU5ErkJggg==") repeat; }
.sun-editor .se-selector-table .se-table-size-unhighlighted {
position: relative !important;
z-index: 1;
font-size: 18px;
width: 10em;
height: 10em;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat; }
.sun-editor .se-selector-table .se-table-size-display {
padding-left: 5px; }
.sun-editor .se-list-layer.se-table-split {
top: 36px; }
.sun-editor .se-list-layer .se-selector-color {
display: flex;
width: max-content;
max-width: 270px;
height: auto;
padding: 0;
margin: auto; }
.sun-editor .se-list-layer .se-selector-color .se-color-pallet {
width: 100%;
height: 100%;
padding: 0; }
.sun-editor .se-list-layer .se-selector-color .se-color-pallet li {
display: flex;
float: left;
position: relative;
margin: 0; }
.sun-editor .se-list-layer .se-selector-color .se-color-pallet button {
display: block;
cursor: default;
width: 30px;
height: 30px;
text-indent: -9999px; }
.sun-editor .se-list-layer .se-selector-color .se-color-pallet button.active, .sun-editor .se-list-layer .se-selector-color .se-color-pallet button:focus, .sun-editor .se-list-layer .se-selector-color .se-color-pallet button:hover {
border: 3px solid #fff; }
.sun-editor .se-form-group {
display: flex;
width: 100%;
min-height: 40px;
height: auto;
padding: 4px; }
.sun-editor .se-form-group input {
flex: auto;
display: inline-block;
width: auto;
height: 33px;
font-size: 12px;
margin: 1px 0;
padding: 0;
border-radius: .25rem;
border: 1px solid #ccc; }
.sun-editor .se-form-group button, .sun-editor .se-submenu-form-group button {
float: right;
width: 34px;
height: 34px;
margin: 0 2px !important; }
.sun-editor .se-form-group button.se-btn {
border: 1px solid #ccc; }
.sun-editor .se-form-group > div {
position: relative; }
.sun-editor .se-form-group label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700; }
.sun-editor .se-form-group-label {
width: 100%;
height: auto;
padding: 0 4px; }
.sun-editor .se-form-group-label label {
font-size: 13px;
font-weight: 700; }
.sun-editor .se-submenu .se-form-group input {
width: auto;
height: 33px;
color: #555; }
.sun-editor .se-submenu .se-form-group .se-color-input {
width: 72px;
text-transform: uppercase;
border: none;
border-bottom: 2px solid #b1b1b1;
outline: none; }
.sun-editor .se-submenu .se-form-group .se-color-input:focus {
border-bottom: 3px solid #b1b1b1; }
.sun-editor .se-wrapper {
position: relative !important;
width: 100%;
height: auto;
overflow: hidden;
z-index: 1; }
.sun-editor .se-wrapper .se-wrapper-inner {
width: 100%;
height: 100%;
min-height: 65px;
overflow-y: auto;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
user-select: auto;
-o-user-select: auto;
-moz-user-select: auto;
-khtml-user-select: auto;
-webkit-user-select: auto;
-ms-user-select: auto; }
.sun-editor .se-wrapper .se-wrapper-inner:focus {
outline: none; }
.sun-editor .se-wrapper .se-wrapper-code {
background-color: #191919;
color: #fff;
font-size: 13px;
word-break: break-all;
padding: 4px;
margin: 0;
resize: none !important; }
.sun-editor .se-wrapper .se-wrapper-wysiwyg {
background-color: #fff;
display: block; }
.sun-editor .se-wrapper .se-wrapper-code-mirror {
font-size: 13px; }
.sun-editor .se-wrapper .se-placeholder {
position: absolute;
display: none;
white-space: nowrap;
text-overflow: ellipsis;
z-index: 1;
color: #b1b1b1;
font-size: 13px;
line-height: 1.5;
top: 0;
left: 0;
right: 0;
overflow: hidden;
margin-top: 0;
padding-top: 16px;
padding-left: 16px;
margin-left: 0;
padding-right: 16px;
margin-right: 0;
pointer-events: none;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden; }
.sun-editor .se-resizing-bar {
display: flex;
width: auto;
height: auto;
min-height: 16px;
border-top: 1px solid #dadada;
padding: 0 4px;
background-color: #fafafa;
cursor: ns-resize; }
.sun-editor .se-resizing-bar.se-resizing-none {
cursor: default; }
.sun-editor .se-resizing-back {
position: absolute;
display: none;
cursor: default;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2147483647; }
.sun-editor .se-resizing-bar .se-navigation {
flex: auto;
position: relative;
width: auto;
height: auto;
color: #666;
margin: 0;
padding: 0;
font-size: 10px;
font-weight: 700;
line-height: 1.5;
background: transparent; }
.sun-editor .se-resizing-bar .se-char-counter-wrapper {
flex: none;
position: relative;
display: block;
width: auto;
height: auto;
margin: 0;
padding: 0;
color: #999;
font-size: 13px;
background: transparent; }
.sun-editor .se-resizing-bar .se-char-counter-wrapper.se-blink {
color: #b94a48;
animation: blinker .2s linear infinite; }
.sun-editor .se-resizing-bar .se-char-counter-wrapper .se-char-label {
margin-right: 4px; }
.sun-editor .se-dialog {
position: absolute;
display: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2147483647; }
.sun-editor .se-dialog button, .sun-editor .se-dialog input, .sun-editor .se-dialog label {
font-size: 14px;
line-height: 1.5;
color: #111;
margin: 0; }
.sun-editor .se-dialog .se-dialog-back {
background-color: #222;
opacity: .5; }
.sun-editor .se-dialog .se-dialog-back, .sun-editor .se-dialog .se-dialog-inner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-content {
position: relative;
width: auto;
max-width: 500px;
margin: 1.75rem auto;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
@media screen and (max-width: 509px) {
.sun-editor .se-dialog .se-dialog-inner .se-dialog-content {
width: 100%; } }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-content label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-content .se-btn-primary {
display: inline-block;
padding: 6px 12px;
margin: 0 0 10px !important;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
border-radius: 4px; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-header {
height: 50px;
padding: 6px 15px;
border-bottom: 1px solid #e5e5e5; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close {
float: right;
font-weight: 700;
text-shadow: 0 1px 0 #fff;
-webkit-appearance: none;
filter: alpha(opacity=100);
opacity: 1; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-header .se-modal-title {
float: left;
font-size: 14px;
font-weight: 700;
margin: 0;
padding: 0;
line-height: 2.5; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-body {
position: relative;
padding: 15px 15px 5px; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form {
margin-bottom: 10px; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer {
margin-top: 10px;
margin-bottom: 0; }
.sun-editor .se-dialog .se-dialog-inner input:disabled {
background-color: #f3f3f3; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text {
width: 100%; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text .size-h, .sun-editor .se-dialog .se-dialog-inner .se-dialog-size-text .size-w {
width: 70px;
text-align: center; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-size-x {
margin: 0 8px;
width: 25px;
text-align: center; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer {
height: auto;
min-height: 55px;
padding: 10px 15px 0;
text-align: right;
border-top: 1px solid #e5e5e5; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer > div {
float: left; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-footer > div > label {
margin: 0 5px 0 0; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-radio {
margin-left: 12px;
margin-right: 6px; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-check {
margin-left: 12px;
margin-right: 4px; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer .se-dialog-btn-check {
margin-left: 0;
margin-right: 4px; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form-footer label:first-child {
margin-right: 16px;
margin-left: 0; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files {
position: relative;
display: flex;
align-items: center; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files > input {
flex: auto; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button {
flex: auto;
opacity: .8;
border: 1px solid #ccc; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button.se-file-remove > svg {
width: 8px;
height: 8px; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:hover {
background-color: #f0f0f0;
outline: 0 none; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-dialog-form-files .se-dialog-files-edge-button:active {
background-color: #e9e9e9;
-webkit-box-shadow: inset 0 3px 5px #d6d6d6;
box-shadow: inset 0 3px 5px #d6d6d6; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select {
display: inline-block;
width: auto;
height: 34px;
font-size: 14px;
text-align: center;
line-height: 1.42857143; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-control {
display: inline-block;
width: 70px;
height: 34px;
font-size: 14px;
text-align: center;
line-height: 1.42857143; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form {
display: block;
width: 100%;
height: 34px;
font-size: 14px;
line-height: 1.42857143;
padding: 0 4px; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-input-url {
direction: ltr; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-input-url:disabled {
text-decoration: line-through;
color: #999; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-video-ratio {
width: 70px;
margin-left: 4px; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form a {
color: #004cff; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert {
border: 1px solid #ccc; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:hover {
background-color: #e1e1e1;
border-color: #d1d1d1;
outline: 0 none; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-btn-revert:active {
background-color: #d1d1d1;
border-color: #c1c1c1;
-webkit-box-shadow: inset 0 3px 5px #c1c1c1;
box-shadow: inset 0 3px 5px #c1c1c1; }
.sun-editor .se-dialog-tabs {
width: 100%;
height: 25px;
border-bottom: 1px solid #e5e5e5; }
.sun-editor .se-dialog-tabs button {
background-color: #e5e5e5;
border-right: 1px solid #e5e5e5;
float: left;
outline: none;
padding: 2px 13px;
transition: .3s; }
.sun-editor .se-dialog-tabs button:hover {
background-color: #fff; }
.sun-editor .se-dialog-tabs button.active {
background-color: #fff;
border-bottom: 0; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-form.se-math-exp {
resize: vertical;
height: 4rem;
border: 1px solid #ccc;
font-size: 13px;
padding: 4px;
direction: ltr; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-input-select.se-math-size {
width: 6em;
height: 28px;
margin-left: 1em; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview {
font-size: 13px; }
.sun-editor .se-dialog .se-dialog-inner .se-dialog-form .se-math-preview > span {
display: inline-block;
-webkit-box-shadow: 0 0 0 .1rem #c7deff;
box-shadow: 0 0 0 .1rem #c7deff; }
.sun-editor .se-dialog .se-dialog-inner .se-link-preview {
display: block;
height: auto;
max-height: 18px;
font-size: 13px;
font-weight: 400;
font-family: inherit;
color: #666;
background-color: transparent;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
white-space: pre; }
.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form {
width: 100%;
display: flex;
margin-top: 4px; }
.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form .se-svg.se-anchor-preview-icon {
flex: unset;
display: none;
line-height: 1.5;
color: #4592ff; }
.sun-editor .se-dialog .se-dialog-inner .se-anchor-preview-form .se-link-preview {
flex: auto;
margin: 0; }
.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel {
height: 34px; }
.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-btn {
width: 46px;
color: #3f9dff; }
.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-wrapper {
display: flex;
line-height: 1.5;
padding-top: 6px; }
.sun-editor .se-dialog .se-dialog-inner .se-anchor-rel-preview {
text-align: left; }
.sun-editor .se-controller .se-arrow.se-arrow-up {
border-bottom-color: rgba(0, 0, 0, 0.25); }
.sun-editor .se-controller {
position: absolute;
display: none;
overflow: visible;
z-index: 6;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 4px;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
line-break: auto; }
.sun-editor .se-controller .se-btn-group {
position: relative;
display: flex;
vertical-align: middle;
padding: 2px;
top: 0;
left: 0; }
.sun-editor .se-controller .se-btn-group .se-btn-group-sub {
left: 50%;
min-width: auto;
width: max-content;
display: none; }
.sun-editor .se-controller .se-btn-group .se-btn-group-sub button {
margin: 0;
min-width: 72px; }
.sun-editor .se-controller .se-btn-group button {
position: relative;
min-height: 34px;
height: auto;
border: none;
border-radius: 4px;
margin: 1px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation; }
.sun-editor .se-controller .se-btn-group button:focus:enabled, .sun-editor .se-controller .se-btn-group button:hover:enabled {
background-color: #e1e1e1;
border-color: #d1d1d1;
outline: 0 none; }
.sun-editor .se-controller .se-btn-group button:active:enabled {
background-color: #d1d1d1;
border-color: #c1c1c1;
-webkit-box-shadow: inset 0 3px 5px #c1c1c1;
box-shadow: inset 0 3px 5px #c1c1c1; }
.sun-editor .se-controller .se-btn-group button span {
display: block;
padding: 0;
margin: 0; }
.sun-editor .se-controller .se-btn-group button:enabled.active {
color: #4592ff;
outline: 0 none; }
.sun-editor .se-controller .se-btn-group button:enabled.active:focus, .sun-editor .se-controller .se-btn-group button:enabled.active:hover {
background-color: #e1e1e1;
border-color: #d1d1d1;
outline: 0 none; }
.sun-editor .se-controller .se-btn-group button:enabled.active:active {
background-color: #d1d1d1;
border-color: #c1c1c1;
-webkit-box-shadow: inset 0 3px 5px #c1c1c1;
box-shadow: inset 0 3px 5px #c1c1c1; }
.sun-editor .se-controller .se-btn-group button:enabled.on {
background-color: #e1e1e1;
border-color: #d1d1d1;
outline: 0 none; }
.sun-editor .se-controller .se-btn-group button:enabled.on:focus, .sun-editor .se-controller .se-btn-group button:enabled.on:hover {
background-color: #d1d1d1;
border-color: #c1c1c1;
outline: 0 none; }
.sun-editor .se-controller .se-btn-group button:enabled.on:active {
background-color: #c1c1c1;
border-color: #b1b1b1;
-webkit-box-shadow: inset 0 3px 5px #b1b1b1;
box-shadow: inset 0 3px 5px #b1b1b1; }
.sun-editor .se-controller .se-form-group input {
min-width: 120px; }
.sun-editor .se-controller-resizing {
margin-top: -50px !important;
padding: 0;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.42857143; }
.sun-editor .se-controller-resizing .se-btn-group .se-btn-group-sub.se-resizing-align-list {
width: 74px; }
.sun-editor .se-resizing-container {
position: absolute;
display: none;
outline: 1px solid #3f9dff;
background-color: transparent; }
.sun-editor .se-resizing-container .se-modal-resize {
position: absolute;
display: inline-block;
background-color: #3f9dff;
opacity: .3; }
.sun-editor .se-resizing-container .se-resize-dot {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.sun-editor .se-resizing-container .se-resize-dot > span {
position: absolute;
width: 7px;
height: 7px;
background-color: #3f9dff;
border: 1px solid #4592ff; }
.sun-editor .se-resizing-container .se-resize-dot > span.tl {
top: -5px;
left: -5px;
cursor: nw-resize; }
.sun-editor .se-resizing-container .se-resize-dot > span.tr {
top: -5px;
right: -5px;
cursor: ne-resize; }
.sun-editor .se-resizing-container .se-resize-dot > span.bl {
bottom: -5px;
left: -5px;
cursor: sw-resize; }
.sun-editor .se-resizing-container .se-resize-dot > span.br {
right: -5px;
bottom: -5px;
cursor: se-resize; }
.sun-editor .se-resizing-container .se-resize-dot > span.lw {
left: -7px;
bottom: 50%;
cursor: w-resize; }
.sun-editor .se-resizing-container .se-resize-dot > span.th {
left: 50%;
top: -7px;
cursor: n-resize; }
.sun-editor .se-resizing-container .se-resize-dot > span.rw {
right: -7px;
bottom: 50%;
cursor: e-resize; }
.sun-editor .se-resizing-container .se-resize-dot > span.bh {
right: 50%;
bottom: -7px;
cursor: s-resize; }
.sun-editor .se-resizing-container .se-resize-display {
position: absolute;
right: 0;
bottom: 0;
padding: 5px;
margin: 5px;
font-size: 12px;
color: #fff;
background-color: #333;
border-radius: 4px; }
.sun-editor .se-controller-table, .sun-editor .se-controller-table-cell {
width: auto; }
.sun-editor .se-controller-link, .sun-editor .se-controller-table, .sun-editor .se-controller-table-cell {
padding: 0;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.42857143; }
.sun-editor .se-controller-link:after, .sun-editor .se-controller-link:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.sun-editor .se-controller-link .link-content {
padding: 0;
margin: 0; }
.sun-editor .se-controller-link .link-content a {
display: inline-block;
color: #4592ff;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
margin-left: 5px; }
.sun-editor .se-file-browser {
position: absolute;
display: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2147483647; }
.sun-editor .se-file-browser button, .sun-editor .se-file-browser input, .sun-editor .se-file-browser label {
font-size: 14px;
line-height: 1.5;
color: #111;
margin: 0; }
.sun-editor .se-file-browser .se-file-browser-back {
background-color: #222;
opacity: .5; }
.sun-editor .se-file-browser .se-file-browser-back, .sun-editor .se-file-browser .se-file-browser-inner {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
position: relative;
width: 960px;
max-width: 100%;
margin: 20px auto;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
.sun-editor .se-file-browser .se-file-browser-header {
height: auto;
min-height: 50px;
padding: 6px 15px;
border-bottom: 1px solid #e5e5e5; }
.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close {
float: right;
font-weight: 700;
text-shadow: 0 1px 0 #fff;
-webkit-appearance: none;
filter: alpha(opacity=100);
opacity: 1; }
.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-close > svg {
width: 12px;
height: 12px; }
.sun-editor .se-file-browser .se-file-browser-header .se-file-browser-title {
font-size: 16px;
font-weight: 700;
margin: 0;
padding: 0;
line-height: 2.2; }
.sun-editor .se-file-browser .se-file-browser-tags {
display: block;
width: 100%;
padding: 0;
text-align: left;
margin: 0 -15px; }
.sun-editor .se-file-browser .se-file-browser-tags a {
display: inline-block;
background-color: #f5f5f5;
padding: 6px 12px;
margin: 8px 0 8px 8px;
color: #333;
text-decoration: none;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
cursor: pointer; }
.sun-editor .se-file-browser .se-file-browser-tags a:hover {
background-color: #e1e1e1; }
.sun-editor .se-file-browser .se-file-browser-tags a:active {
background-color: #d1d1d1; }
.sun-editor .se-file-browser .se-file-browser-tags a.on {
background-color: #ebf3fe;
color: #4592ff; }
.sun-editor .se-file-browser .se-file-browser-tags a.on:hover {
background-color: #d8e8fe; }
.sun-editor .se-file-browser .se-file-browser-tags a.on:active {
background-color: #c7deff; }
.sun-editor .se-file-browser .se-file-browser-body {
position: relative;
height: auto;
min-height: 350px;
padding: 20px;
overflow-y: auto; }
.sun-editor .se-file-browser .se-file-browser-body .se-file-browser-list {
position: relative;
width: 100%; }
@media screen and (max-width: 992px) {
.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
width: 748px; } }
@media screen and (max-width: 768px) {
.sun-editor .se-file-browser .se-file-browser-inner .se-file-browser-content {
width: 600px; } }
.sun-editor .se-file-browser .se-file-browser-list .se-file-item-column {
position: relative;
display: block;
height: auto;
float: left; }
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {
width: calc(25% - 20px);
margin: 0 10px; }
@media screen and (max-width: 992px) {
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {
width: calc(33% - 20px); } }
@media screen and (max-width: 768px) {
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-column {
width: calc(50% - 20px); } }
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img {
position: relative;
display: block;
cursor: pointer;
width: 100%;
height: auto;
border-radius: 4px;
outline: 0;
margin: 10px 0; }
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img:hover {
opacity: .8;
-webkit-box-shadow: 0 0 0 .2rem #3288ff;
box-shadow: 0 0 0 .2rem #3288ff; }
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > img {
position: relative;
display: block;
width: 100%;
border-radius: 4px;
outline: 0;
height: auto; }
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > .se-file-img-name {
position: absolute;
z-index: 1;
font-size: 13px;
color: #fff;
left: 0;
bottom: 0;
padding: 5px 10px;
background-color: transparent;
width: 100%;
height: 30px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; }
.sun-editor .se-file-browser .se-file-browser-list.se-image-list .se-file-item-img > .se-file-img-name.se-file-name-back {
background-color: #333;
opacity: .6; }
.sun-editor .se-notice {
position: absolute;
top: 0;
display: none;
z-index: 7;
width: 100%;
height: auto;
word-break: break-all;
font-size: 13px;
color: #b94a48;
background-color: #f2dede;
padding: 15px;
margin: 0;
border: 1px solid #eed3d7;
user-select: auto;
-o-user-select: auto;
-moz-user-select: auto;
-khtml-user-select: auto;
-webkit-user-select: auto;
-ms-user-select: auto; }
.sun-editor .se-notice button {
float: right;
padding: 7px; }
.sun-editor .se-tooltip {
position: relative;
overflow: visible; }
.sun-editor .se-tooltip .se-tooltip-inner {
visibility: hidden;
position: absolute;
display: block;
width: auto;
top: 120%;
left: 50%;
background: transparent;
opacity: 0;
z-index: 1;
line-height: 1.5;
transition: opacity .5s;
margin: 0;
padding: 0;
bottom: auto;
float: none;
pointer-events: none;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden; }
.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text {
position: relative;
display: inline-block;
width: auto;
left: -50%;
font-size: .9em;
margin: 0;
padding: 4px 6px;
border-radius: 2px;
background-color: #333;
color: #fff;
text-align: center;
line-height: unset;
white-space: nowrap;
cursor: auto; }
.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text:after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border: 5px solid transparent;
border-bottom-color: #333; }
.sun-editor .se-tooltip:hover .se-tooltip-inner {
visibility: visible;
opacity: 1; }
.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut {
display: block !important; }
.sun-editor .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut > .se-shortcut-key {
display: inline;
font-weight: 700; }
.sun-editor.se-rtl .se-btn-tray {
direction: rtl; }
.sun-editor.se-rtl .se-btn-select .txt {
flex: auto;
text-align: right;
direction: rtl; }
.sun-editor.se-rtl .se-btn-list {
text-align: right; }
.sun-editor.se-rtl .se-btn-list > .se-list-icon {
margin: -1px 0 0 10px; }
.sun-editor.se-rtl .se-menu-list, .sun-editor.se-rtl .se-menu-list li {
float: right; }
.sun-editor.se-rtl .se-list-layer * {
direction: rtl; }
.sun-editor.se-rtl .se-list-layer.se-list-format ul blockquote {
padding: 0 7px 0 0;
border-right-width: 5px;
border-left-width: 0; }
.sun-editor.se-rtl .se-list-layer .se-selector-color .se-color-pallet li {
float: right; }
.sun-editor.se-rtl .se-list-inner .se-list-checked li button > .se-svg {
float: right;
padding: 6px 0 0 6px; }
.sun-editor.se-rtl .se-tooltip .se-tooltip-inner .se-tooltip-text, .sun-editor.se-rtl .se-wrapper .se-placeholder {
direction: rtl; }
.sun-editor.se-rtl .se-tooltip .se-tooltip-inner .se-tooltip-text .se-shortcut {
direction: ltr; }
.sun-editor.se-rtl .se-dialog * {
direction: rtl; }
.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-header .se-dialog-close {
float: left; }
.sun-editor.se-rtl .se-dialog-tabs button, .sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-header .se-modal-title {
float: right; }
.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-size-text {
padding-right: 34px; }
.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer .se-btn-primary {
float: left; }
.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer > div {
float: right; }
.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-footer > div > label {
margin: 0 0 0 5px; }
.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-dialog-form-footer label:first-child {
margin-left: 16px;
margin-right: 0; }
.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-anchor-rel-preview {
margin-left: 4px;
text-align: right; }
.sun-editor.se-rtl .se-dialog .se-dialog-inner .se-anchor-rel-btn {
float: right; }
.sun-editor.se-rtl .se-file-browser * {
direction: rtl; }
.sun-editor.se-rtl .se-file-browser .se-file-browser-tags {
text-align: right; }
.sun-editor.se-rtl .se-file-browser .se-file-browser-tags a {
margin: 8px 8px 0; }
.sun-editor.se-rtl .se-file-browser .se-file-browser-header .se-file-browser-close {
float: left; }
.sun-editor.se-rtl .se-controller .se-btn-group, .sun-editor.se-rtl .se-resizing-container .se-resize-display {
direction: rtl; }
@keyframes blinker {
50% {
opacity: 0; } }
@keyframes spinner {
to {
transform: rotate(361deg); } }
.sun-editor-editable {
font-family: Helvetica Neue,sans-serif;
font-size: 13px;
color: #333;
line-height: 1.5;
background-color: #fff;
word-break: normal;
word-wrap: break-word;
padding: 16px;
margin: 0; }
.sun-editor-editable * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: inherit;
font-size: inherit;
color: inherit; }
.sun-editor-editable.se-rtl * {
direction: rtl; }
.sun-editor-editable audio, .sun-editor-editable figcaption, .sun-editor-editable figure, .sun-editor-editable iframe, .sun-editor-editable img, .sun-editor-editable td, .sun-editor-editable th, .sun-editor-editable video {
position: relative; }
.sun-editor-editable .__se__float-left {
float: left; }
.sun-editor-editable .__se__float-right {
float: right; }
.sun-editor-editable .__se__float-center {
float: center; }
.sun-editor-editable .__se__float-none {
float: none; }
.sun-editor-editable span {
display: inline;
vertical-align: baseline;
margin: 0;
padding: 0; }
.sun-editor-editable span.katex {
display: inline-block;
direction: ltr; }
.sun-editor-editable a {
color: #004cff;
text-decoration: none; }
.sun-editor-editable span[style~="color:"] a {
color: inherit; }
.sun-editor-editable a:focus, .sun-editor-editable a:hover {
cursor: pointer;
color: #0093ff;
text-decoration: underline; }
.sun-editor-editable a.on {
color: #0093ff;
background-color: #e8f7ff; }
.sun-editor-editable pre {
display: block;
padding: 8px;
margin: 0 0 10px;
font-family: monospace;
color: #666;
line-height: 1.45;
background-color: #f9f9f9;
border: 1px solid #e1e1e1;
border-radius: 2px;
white-space: pre-wrap;
word-wrap: break-word;
overflow: visible; }
.sun-editor-editable ol {
list-style-type: decimal; }
.sun-editor-editable ol, .sun-editor-editable ul {
list-style-position: inside;
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
padding-inline-start: 40px; }
.sun-editor-editable ul {
list-style-type: disc; }
.sun-editor-editable li {
display: list-item;
text-align: -webkit-match-parent;
margin-bottom: 5px; }
.sun-editor-editable ol ol, .sun-editor-editable ol ul, .sun-editor-editable ul ol, .sun-editor-editable ul ul {
margin: 0; }
.sun-editor-editable ol ol, .sun-editor-editable ul ol {
list-style-type: lower-alpha; }
.sun-editor-editable ol ol ol, .sun-editor-editable ul ol ol, .sun-editor-editable ul ul ol {
list-style-type: upper-roman; }
.sun-editor-editable ol ul, .sun-editor-editable ul ul {
list-style-type: circle; }
.sun-editor-editable ol ol ul, .sun-editor-editable ol ul ul, .sun-editor-editable ul ul ul {
list-style-type: square; }
.sun-editor-editable sub, .sun-editor-editable sup {
font-size: 75%;
line-height: 0; }
.sun-editor-editable sub {
vertical-align: sub; }
.sun-editor-editable sup {
vertical-align: super; }
.sun-editor-editable p {
display: block;
margin: 0 0 10px; }
.sun-editor-editable div {
display: block;
margin: 0;
padding: 0; }
.sun-editor-editable blockquote {
display: block;
font-family: inherit;
font-size: inherit;
color: #999;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
padding: 0 5px 0 20px;
border: solid #b1b1b1;
border-width: 0 0 0 5px; }
.sun-editor-editable blockquote blockquote {
border-color: #c1c1c1; }
.sun-editor-editable blockquote blockquote blockquote {
border-color: #d1d1d1; }
.sun-editor-editable blockquote blockquote blockquote blockquote {
border-color: #e1e1e1; }
.sun-editor-editable.se-rtl blockquote {
padding-left: 5px;
padding-right: 20px;
border-left-width: 0;
border-right-width: 5px; }
.sun-editor-editable h1 {
font-size: 2em;
margin-block-start: .67em;
margin-block-end: .67em; }
.sun-editor-editable h1, .sun-editor-editable h2 {
display: block;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: 700; }
.sun-editor-editable h2 {
font-size: 1.5em;
margin-block-start: .83em;
margin-block-end: .83em; }
.sun-editor-editable h3 {
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em; }
.sun-editor-editable h3, .sun-editor-editable h4 {
display: block;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: 700; }
.sun-editor-editable h4 {
font-size: 1em;
margin-block-start: 1.33em;
margin-block-end: 1.33em; }
.sun-editor-editable h5 {
font-size: .83em;
margin-block-start: 1.67em;
margin-block-end: 1.67em; }
.sun-editor-editable h5, .sun-editor-editable h6 {
display: block;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: 700; }
.sun-editor-editable h6 {
font-size: .67em;
margin-block-start: 2.33em;
margin-block-end: 2.33em; }
.sun-editor-editable hr {
display: flex;
border-width: 1px 0 0;
border-color: #000;
border-image: initial;
height: 1px; }
.sun-editor-editable hr.__se__solid {
border-style: solid none none; }
.sun-editor-editable hr.__se__dotted {
border-style: dotted none none; }
.sun-editor-editable hr.__se__dashed {
border-style: dashed none none; }
.sun-editor-editable table {
display: table;
table-layout: auto;
border: 1px solid #ccc;
width: 100%;
max-width: 100%;
margin: 0 0 10px;
background-color: transparent;
border-spacing: 0;
border-collapse: collapse; }
.sun-editor-editable.se-rtl table {
margin: 0 0 10px auto; }
.sun-editor-editable table thead {
border-bottom: 2px solid #333; }
.sun-editor-editable table tr {
border: 1px solid #efefef; }
.sun-editor-editable table th {
background-color: #f3f3f3; }
.sun-editor-editable table td, .sun-editor-editable table th {
border: 1px solid #e1e1e1;
padding: .4em;
background-clip: padding-box; }
.sun-editor-editable table.se-table-size-auto {
width: auto !important; }
.sun-editor-editable table.se-table-size-100 {
width: 100% !important; }
.sun-editor-editable table.se-table-layout-auto {
table-layout: auto !important; }
.sun-editor-editable table.se-table-layout-fixed {
table-layout: fixed !important; }
.sun-editor-editable table td.se-table-selected-cell, .sun-editor-editable table th.se-table-selected-cell {
border: 1px double #4592ff;
background-color: #f1f7ff; }
.sun-editor-editable.se-disabled * {
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none; }
.sun-editor-editable .se-component {
display: flex;
padding: 1px;
margin: 0 0 10px; }
.sun-editor-editable[contenteditable=true] .se-component {
outline: 1px dashed #e1e1e1;
min-width: 16px;
min-height: 16px; }
.sun-editor-editable[contenteditable=true] .se-component.se-component-copy {
-webkit-box-shadow: 0 0 0 .2rem #80bdff;
box-shadow: 0 0 0 .2rem #3f9dff;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.sun-editor-editable audio, .sun-editor-editable iframe, .sun-editor-editable img, .sun-editor-editable video {
display: block;
margin: 0;
padding: 0;
width: auto;
height: auto;
max-width: 100%; }
.sun-editor-editable[contenteditable=true] figure:after {
position: absolute;
content: "";
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: default;
display: block;
background: transparent; }
.sun-editor-editable[contenteditable=true] figure a, .sun-editor-editable[contenteditable=true] figure iframe, .sun-editor-editable[contenteditable=true] figure img, .sun-editor-editable[contenteditable=true] figure video {
z-index: 0; }
.sun-editor-editable[contenteditable=true] figure figcaption {
display: block;
z-index: 2; }
.sun-editor-editable[contenteditable=true] figure figcaption:focus {
border-color: #80bdff;
outline: 0;
-webkit-box-shadow: 0 0 0 .2rem #c7deff;
box-shadow: 0 0 0 .2rem #c7deff; }
.sun-editor-editable .se-image-container, .sun-editor-editable .se-video-container {
width: auto;
height: auto;
max-width: 100%; }
.sun-editor-editable figure {
display: block;
outline: none;
margin: 0;
padding: 0; }
.sun-editor-editable figure figcaption {
padding: 1em .5em;
margin: 0;
background-color: #f9f9f9;
outline: none; }
.sun-editor-editable figure figcaption p {
line-height: 2;
margin: 0; }
.sun-editor-editable .se-image-container a img {
padding: 1px;
margin: 1px;
outline: 1px solid #4592ff; }
.sun-editor-editable .se-video-container iframe, .sun-editor-editable .se-video-container video {
outline: 1px solid #9e9e9e;
position: absolute;
top: 0;
left: 0;
border: 0;
width: 100%;
height: 100%; }
.sun-editor-editable .se-video-container figure {
left: 0;
width: 100%;
max-width: 100%; }
.sun-editor-editable audio {
width: 300px;
height: 54px; }
.sun-editor-editable audio.active {
outline: 2px solid #80bdff; }
.sun-editor-editable.se-show-block div, .sun-editor-editable.se-show-block h1, .sun-editor-editable.se-show-block h2, .sun-editor-editable.se-show-block h3, .sun-editor-editable.se-show-block h4, .sun-editor-editable.se-show-block h5, .sun-editor-editable.se-show-block h6, .sun-editor-editable.se-show-block li, .sun-editor-editable.se-show-block ol, .sun-editor-editable.se-show-block p, .sun-editor-editable.se-show-block pre, .sun-editor-editable.se-show-block ul {
border: 1px dashed #3f9dff !important;
padding: 14px 8px 8px !important; }
.sun-editor-editable.se-show-block ol, .sun-editor-editable.se-show-block ul {
border: 1px dashed #d539ff !important; }
.sun-editor-editable.se-show-block pre {
border: 1px dashed #27c022 !important; }
.se-show-block p {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPAQMAAAAF7dc0AAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAaSURBVAjXY/j/gwGCPvxg+F4BQiAGDP1HQQByxxw0gqOzIwAAAABJRU5ErkJggg==") no-repeat; }
.se-show-block div {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPAQMAAAAxlBYoAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j//wcDDH+8XsHwDYi/hwNx1A8w/nYLKH4XoQYJAwCXnSgcl2MOPgAAAABJRU5ErkJggg==") no-repeat; }
.se-show-block h1 {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAfSURBVAjXY/j/v4EBhr+9B+LzEPrDeygfhI8j1CBhAEhmJGY4Rf6uAAAAAElFTkSuQmCC") no-repeat; }
.se-show-block h2 {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAmSURBVAjXY/j/v4EBhr+dB+LtQPy9geEDEH97D8T3gbgdoQYJAwA51iPuD2haEAAAAABJRU5ErkJggg==") no-repeat; }
.se-show-block h3 {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQPy9geHDeQgN5p9HqEHCADeWI+69VG2MAAAAAElFTkSuQmCC") no-repeat; }
.se-show-block h4 {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPAQMAAADTSA1RAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j//wADDH97DsTXIfjDdiDdDMTfIRhZHRQDAKJOJ6L+K3y7AAAAAElFTkSuQmCC") no-repeat; }
.se-show-block h5 {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAlSURBVAjXY/j/v4EBhr+1A/F+IO5vYPiwHUh/B2IQfR6hBgkDABlWIy5uM+9GAAAAAElFTkSuQmCC") no-repeat; }
.se-show-block h6 {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPAQMAAAA4f7ZSAAAABlBMVEWAgID////n1o2sAAAAAnRSTlP/AOW3MEoAAAAiSURBVAjXY/j/v4EBhr+dB+LtQLy/geFDP5S9HSKOrA6KAR9GIza1ptJnAAAAAElFTkSuQmCC") no-repeat; }
.se-show-block li {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA7SURBVDhPYxgFcNDQ0PAfykQBIHEYhgoRB/BpwCfHBKWpBkaggYxQGgOgBzyQD1aLLA4TGwWDGjAwAACR3RcEU9Ui+wAAAABJRU5ErkJggg==") no-repeat; }
.se-show-block ol {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABHSURBVDhPYxgFcNDQ0PAfhKFcFIBLHCdA1oBNM0kGEmMAPgOZoDTVANUNxAqQvURMECADRiiNAWCagDSGGhyW4DRrMAEGBgAu0SX6WpGgjAAAAABJRU5ErkJggg==") no-repeat; }
.se-show-block ul {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA1SURBVDhPYxgFDA0NDf+hTBSALI5LDQgwQWmqgVEDKQcsUBoF4ItFGEBXA+QzQpmDGjAwAAA8DQ4Lni6gdAAAAABJRU5ErkJggg==") no-repeat; }
.sun-editor-editable .__se__p-bordered, .sun-editor .__se__p-bordered {
border-top: 1px solid #b1b1b1;
border-bottom: 1px solid #b1b1b1;
padding: 4px 0; }
.sun-editor-editable .__se__p-spaced, .sun-editor .__se__p-spaced {
letter-spacing: 1px; }
.sun-editor-editable .__se__p-neon, .sun-editor .__se__p-neon {
font-weight: 200;
font-style: italic;
background: #000;
color: #fff;
padding: 6px 4px;
border: 2px solid #fff;
border-radius: 6px;
text-transform: uppercase;
animation: neonFlicker 1.5s infinite alternate; }
@keyframes neonFlicker {
0%, 19%, 21%, 23%, 25%, 54%, 56%, to {
text-shadow: -.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 2px #f40,0 0 4px #f40,0 0 6px #f40,0 0 8px #f40,0 0 10px #f40;
box-shadow: 0 0 .5px #fff,inset 0 0 .5px #fff,0 0 2px #08f,inset 0 0 2px #08f,0 0 4px #08f,inset 0 0 4px #08f; }
20%, 24%, 55% {
text-shadow: none;
box-shadow: none; } }
.sun-editor-editable .__se__t-shadow, .sun-editor .__se__t-shadow {
text-shadow: -.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 .2rem #999,0 0 .4rem #888,0 0 .6rem #777,0 0 .8rem #666,0 0 1rem #555; }
.sun-editor-editable .__se__t-code, .sun-editor .__se__t-code {
font-family: monospace;
color: #666;
background-color: rgba(27, 31, 35, 0.05);
border-radius: 6px;
padding: .2em .4em; }