/* All classes used must begin with "__se__". */
/* used color #000 , #fff , #CCC, #f9f9f9 */
/* font color #333, background color: #fff */
/* grey color #e1e1e1 , #d1d1d1 , #c1c1c1 , #b1b1b1 */
/* blue color #c7deff , #80bdff , #3f9dff , #4592ff */
/* red color #b94a48 , #f2dede , #eed3d7 */

/* keditor contents */
.keditor-editable {
    font-family: Helvetica Neue, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: #333;
    text-align: left;
    background-color: #fff;
    word-break: normal;
    word-wrap: break-word;
    padding: 16px;
    margin: 0;
}

.keditor-editable * {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/** controllers on tag */
.keditor-editable td, .keditor-editable th, 
.keditor-editable figure, .keditor-editable figcaption, .keditor-editable img, 
.keditor-editable iframe, .keditor-editable video, .keditor-editable audio {
    position: relative;
}

.keditor-editable img, .keditor-editable iframe, .keditor-editable video, .keditor-editable audio {
    display: block;
    margin: 0;
    padding: 0;
    max-width: 100%;
}

/* float */
.keditor-editable .__se__float-left {
    float: left;
}
.keditor-editable .__se__float-right {
    float: right;
}
.keditor-editable .__se__float-center {
    float: center;
}
.keditor-editable .__se__float-none {
    float: none;
}

/* span */
.keditor-editable span {
    display: inline;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}

/* a */
.keditor-editable a {
    color: #0098f7;
    text-decoration: none;
}
.keditor-editable a:hover, .keditor-editable a:focus {
    cursor: pointer;
    color: #0093ff;
    text-decoration: underline;
}

/* pre */
.keditor-editable pre {
    display: block;
    padding: 8px;
    margin: 0 0 10px;
    line-height: 1.45;
    color: #666;
    background-color: #f9f9f9;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    overflow: auto;
}

/* ol, ul */
.keditor-editable ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.keditor-editable ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.keditor-editable li {
    display: list-item;
    text-align: -webkit-match-parent;
    margin-bottom: 5px;
}

/* sub, sup */
.keditor-editable sub, .keditor-editable sup {
    font-size: 75%;
    line-height: 0;
}
.keditor-editable sub {
    vertical-align: sub;
}
.keditor-editable sup {
    vertical-align: super;
}

/** format style */
/* p */
.keditor-editable p {
    display: block;
    margin: 0 0 10px;
    font-size: 16px;

}

/* div */
.keditor-editable div {
    display: block;
    margin: 0;
    padding: 0;
}

/* blockquote */
.keditor-editable blockquote {
    display: block;
    color: #999;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 20px;
    margin-inline-end: 40px;
    border-style: solid;
    border-width: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 5px;
    border-left-width: 5px;
}
.keditor-editable blockquote {
    border-color: #b1b1b1;
}
.keditor-editable blockquote blockquote {
    border-color: #c1c1c1;
}
.keditor-editable blockquote blockquote blockquote {
    border-color: #d1d1d1;
}
.keditor-editable blockquote blockquote blockquote blockquote {
    border-color: #e1e1e1;
}

/* h1 */
.keditor-editable h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
/* h2 */
.keditor-editable h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
/* h3 */
.keditor-editable h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
/* h4 */
.keditor-editable h4 {
    display: block;
    font-size: 1em;
    margin-block-start: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
/* h5 */
.keditor-editable h5 {
    display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
/* h6 */
.keditor-editable h6 {
    display: block;
    font-size: 0.67em;
    margin-block-start: 2.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

/* hr */
.keditor-editable hr {
    display: block;
    border-width: 1px 0 0;
    border-color: black;
    border-image: initial;
    height: 1px;
}
.keditor-editable hr.__se__solid {
    border-style: solid none none;
}
.keditor-editable hr.__se__dotted {
    border-style: dotted none none;
}
.keditor-editable hr.__se__dashed {
    border-style: dashed none none;
}

/* table */
.keditor-editable table {
    display: table;
    table-layout: auto;
    border: 1px solid rgb(204, 204, 204);
    width: 100%;
    max-width: 100%;
    margin: 0 0 10px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
}
.keditor-editable table thead {
    border-bottom: 2px solid #333;
}
.keditor-editable table tr {
    border: 1px solid #efefef;
}
.keditor-editable table th {
    background-color: #f3f3f3;
}
.keditor-editable table th, .keditor-editable table td {
    border: 1px solid #e1e1e1;
    padding:0.4em;
    background-clip: padding-box;
}

/** component (image, iframe video) */
.keditor-editable .ke-component {
    display: flex;
    padding: 1px;
    margin: 0 0 10px;
}
.keditor-editable[contenteditable=true] .ke-component {
    outline: 1px dashed #e1e1e1;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

/** image, video iframe figure cover */
.keditor-editable figure {
    display: block;
    outline: none;
    margin: 0;
    padding: 0;
}
.keditor-editable figure figcaption {
    padding: 1em .5em;
    margin: 0;
    background-color: #f9f9f9;
    outline: none;
}
.keditor-editable figure figcaption p{
    line-height: 2;
    margin: 0;
}

/* image */
.keditor-editable .ke-image-container a img {
    padding: 1px;
    margin: 1px;
    outline: 1px solid #4592ff;
}

/** video iframe tags */
.keditor-editable .ke-video-container iframe {
    outline: 1px solid #9e9e9e;
}