/*! SCEditor | (C) 2011-2016, Sam Clarke | sceditor.com/license */
.sceditor-button div,div.sceditor-grip
{
background-image:url(famfamfam.png);
background-repeat:no-repeat;
width:16px;
height:16px
}
.sceditor-button-youtube div
{
background-position:0 0
}
.sceditor-button-link div
{
background-position:0 -16px
}
.sceditor-button-unlink div
{
background-position:0 -32px
}
.sceditor-button-underline div
{
background-position:0 -48px
}
.sceditor-button-time div
{
background-position:0 -64px
}
.sceditor-button-table div
{
background-position:0 -80px
}
.sceditor-button-superscript div
{
background-position:0 -96px
}
.sceditor-button-subscript div
{
background-position:0 -112px
}
.sceditor-button-strike div
{
background-position:0 -128px
}
.sceditor-button-source div
{
background-position:0 -144px
}
.sceditor-button-size div
{
background-position:0 -160px
}
.sceditor-button-rtl div
{
background-position:0 -176px
}
.sceditor-button-right div
{
background-position:0 -192px
}
.sceditor-button-removeformat div
{
background-position:0 -208px
}
.sceditor-button-quote div
{
background-position:0 -224px
}
.sceditor-button-print div
{
background-position:0 -240px
}
.sceditor-button-pastetext div
{
background-position:0 -256px
}
.sceditor-button-paste div
{
background-position:0 -272px
}
.sceditor-button-outdent div
{
background-position:0 -288px
}
.sceditor-button-orderedlist div
{
background-position:0 -304px
}
.sceditor-button-maximize div
{
background-position:0 -320px
}
.sceditor-button-ltr div
{
background-position:0 -336px
}
.sceditor-button-left div
{
background-position:0 -352px
}
.sceditor-button-justify div
{
background-position:0 -368px
}
.sceditor-button-italic div
{
background-position:0 -384px
}
.sceditor-button-indent div
{
background-position:0 -400px
}
.sceditor-button-image div
{
background-position:0 -416px
}
.sceditor-button-horizontalrule div
{
background-position:0 -432px
}
.sceditor-button-format div
{
background-position:0 -448px
}
.sceditor-button-font div
{
background-position:0 -464px
}
.sceditor-button-emoticon div
{
background-position:0 -480px
}
.sceditor-button-email div
{
background-position:0 -496px
}
.sceditor-button-date div
{
background-position:0 -512px
}
.sceditor-button-cut div
{
background-position:0 -528px
}
.sceditor-button-copy div
{
background-position:0 -544px
}
.sceditor-button-color div
{
background-position:0 -560px
}
.sceditor-button-code div
{
background-position:0 -576px
}
.sceditor-button-center div
{
background-position:0 -592px
}
.sceditor-button-bulletlist div
{
background-position:0 -608px
}
.sceditor-button-bold div
{
background-position:0 -624px
}
div.sceditor-grip
{
background-position:0 -640px
}
.rtl div.sceditor-grip
{
background-position:0 -650px
}
.sceditor-container
{
display:-ms-flexbox;
display:-webkit-box;
display:flex;
-ms-flex-direction:column;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
position:relative;
background:#fff;
border:1px solid #d9d9d9;
font-size:14px;
font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
color:#333;
line-height:2;
font-weight:700;
height:250px;
border-radius:4px;
background-clip:padding-box
}
.sceditor-container *,.sceditor-container :after,.sceditor-container :before
{
-webkit-box-sizing:content-box;
box-sizing:content-box
}
.sceditor-container,.sceditor-container div,div.sceditor-dropdown,div.sceditor-dropdown div
{
padding:0;
margin:0;
z-index:3
}
.sceditor-container iframe,.sceditor-container textarea
{
display:block;
-ms-flex:1 1 0%;
-webkit-box-flex:1;
flex:1 1 0%;
line-height:2;
border:0;
outline:none;
font-family:Arial;
font-size:14px;
color:#111;
padding:0;
margin:5px;
resize:none;
background:#fff;
height:auto!important;
width:auto!important;
width:calc(100% - 10px)!important;
min-height:1px
}
.sceditor-container textarea
{
margin:7px 5px;
font-size:14px;
}
div.sceditor-dnd-cover
{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
background:hsla(0,0%,100%,.2);
border:5px dashed #aaa;
z-index:200;
font-size:2em;
text-align:center;
color:#aaa
}
div.sceditor-dnd-cover p
{
position:relative;
top:45%;
pointer-events:none
}
div.sceditor-resize-cover
{
position:absolute;
top:0;
left:0;
background:#000;
width:100%;
height:100%;
z-index:10;
opacity:.3
}
div.sceditor-grip
{
overflow:hidden;
width:10px;
height:10px;
cursor:pointer;
position:absolute;
bottom:0;
right:0;
z-index:3;
line-height:0
}
div.sceditor-grip.has-icon
{
background-image:none
}
.sceditor-maximize
{
position:fixed;
top:0;
left:0;
height:100%!important;
width:100%!important;
border-radius:0;
background-clip:padding-box;
z-index:2000
}
body.sceditor-maximize,html.sceditor-maximize
{
height:100%;
width:100%;
padding:0;
margin:0;
overflow:hidden
}
.sceditor-maximize div.sceditor-grip
{
display:none
}
.sceditor-maximize div.sceditor-toolbar
{
border-radius:0;
background-clip:padding-box
}
div.sceditor-dropdown
{
position:absolute;
border:1px solid #ccc;
background:#fff;
z-index:4000;
padding:10px;
font-weight:400;
font-size:15px;
border-radius:2px;
background-clip:padding-box;
-webkit-box-shadow:1px 2px 4px rgba(0,0,0,.2);
box-shadow:1px 2px 4px rgba(0,0,0,.2)
}
div.sceditor-dropdown *,div.sceditor-dropdown :after,div.sceditor-dropdown :before
{
-webkit-box-sizing:border-box;
box-sizing:border-box
}
div.sceditor-dropdown a,div.sceditor-dropdown a:link
{
color:#333
}
div.sceditor-dropdown form
{
margin:0
}
div.sceditor-dropdown label
{
display:inline-block;
font-weight:700;
color:#3c3c3c;
padding:4px 0
}
div.sceditor-dropdown input,div.sceditor-dropdown textarea
{
font-family:Arial,Helvetica Neue,Helvetica,sans-serif;
outline:0;
padding:4px;
border:1px solid #ccc;
border-top-color:#888;
margin:0 0 .75em;
border-radius:1px;
background-clip:padding-box
}
div.sceditor-dropdown textarea
{
padding:6px
}
div.sceditor-dropdown input:focus,div.sceditor-dropdown textarea:focus
{
border-color:#666 #aaa #aaa;
-webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,.1);
box-shadow:inset 0 1px 5px rgba(0,0,0,.1)
}
div.sceditor-dropdown .button
{
font-weight:700;
color:#444;
padding:6px 12px;
background:#ececec;
border:1px solid #ccc;
border-radius:2px;
background-clip:padding-box;
cursor:pointer;
margin:.3em 0 0
}
div.sceditor-dropdown .button:hover
{
background:#f3f3f3;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15);
box-shadow:0 1px 1px rgba(0,0,0,.15)
}
div.sceditor-font-picker,div.sceditor-fontsize-picker,div.sceditor-format
{
padding:6px 0
}
div.sceditor-color-picker
{
padding:4px
}
div.sceditor-emoticons,div.sceditor-more-emoticons
{
padding:0
}
.sceditor-pastetext textarea
{
border:1px solid #bbb;
width:20em
}
.sceditor-emoticons img,.sceditor-more-emoticons img
{
padding:0;
cursor:pointer;
margin:2px
}
.sceditor-more
{
border-top:1px solid #bbb;
display:block;
text-align:center;
cursor:pointer;
font-weight:700;
padding:6px 0
}
.sceditor-dropdown a:hover
{
background:#eee
}
.sceditor-font-option,.sceditor-fontsize-option,.sceditor-format a
{
display:block;
padding:7px 10px;
cursor:pointer;
text-decoration:none;
color:#222
}
.sceditor-fontsize-option
{
padding:7px 13px
}
.sceditor-color-column
{
float:right
}
.sceditor-color-option
{
display:block;
border:2px solid #fff;
height:18px;
width:18px;
overflow:hidden
}
.sceditor-color-option:hover
{
border:1px solid #aaa
}
div.sceditor-toolbar
{
-ms-flex-negative:0;
flex-shrink:0;
overflow:hidden;
padding:3px 5px 2px;
background:#fff;
border-bottom:1px solid silver;
line-height:0;
text-align:left;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
border-radius:3px 3px 0 0;
background-clip:padding-box
}
div.sceditor-group
{
display:inline-block;
margin:1px 5px 1px 0;
padding:1px;
border-bottom:0px solid #aaa;
border-radius:0px;

}
.sceditor-button
{
float:right;
cursor:pointer;
padding:3px 5px;
margin:1px 5px 1px 0;
width:20px;
height:24px;
border-radius:0px;
background-clip:padding-box
}
.sceditor-button.active,.sceditor-button:active,.sceditor-button:hover
{
background:#d9d9d9;
-webkit-box-shadow:inset 1px 1px 0 rgba(15, 110, 191, 0.7),inset 1px 0 rgba(15, 110, 191, 0.7),inset 0 1px 0 rgba(15, 110, 191, 0.7);
box-shadow:inset 1px 1px 0 rgba(15, 110, 191, 0.7),inset 1px 0 rgba(15, 110, 191, 0.7),inset 0 1px 0 rgba(15, 110, 191, 0.7)
}
.sceditor-button:active
{
background:#d9d9d9;
-webkit-box-shadow:inset 1px 1px 0 rgba(15, 110, 191, 0.7),inset -1px 0 rgba(15, 110, 191, 0.7),inset 0 -1px 0 rgba(0,0,0,.2),inset 0 0 8px rgba(15, 110, 191, 0.7);
box-shadow:inset 1px 1px 0 rgba(15, 110, 191, 0.7),inset -1px 0 rgba(15, 110, 191, 0.7),inset 0 -1px 0 rgba(0,0,0,.2),inset 0 0 8px rgba(15, 110, 191, 0.7)
}
.sceditor-button.disabled:hover
{
background:inherit;
cursor:default;
-webkit-box-shadow:none;
box-shadow:none
}
.sceditor-button,.sceditor-button div
{
display:block
}
.sceditor-button svg
{
display:inline-block;
height:16px;
width:16px;
margin:2px 0;
fill:#111;
text-decoration:none;
pointer-events:none;
line-height:1
}
.sceditor-button.disabled svg
{
fill:#888
}
.sceditor-button div
{
display:inline-block;
margin:2px 0;
padding:0;
overflow:hidden;
line-height:0;
font-size:0;
color:rgba(0,0,0,0)
}
.sceditor-button.has-icon div
{
display:none
}
.sceditor-button.disabled div
{
opacity:.6
}
.sceditor-button.text,.sceditor-button.text-icon,.sceditor-button.text-icon div,.sceditor-button.text div,.text-icon .sceditor-button,.text-icon .sceditor-button div,.text .sceditor-button,.text .sceditor-button div
{
display:inline-block;
width:auto;
line-height:16px;
font-size:1em;
color:inherit;
text-indent:0
}
.sceditor-button.has-icon div,.sceditor-button.text div,.text-icon .sceditor-button.has-icon div,.text .sceditor-button div
{
padding:0 2px;
background:none
}
.sceditor-button.text svg,.text .sceditor-button svg
{
display:none
}
.sceditor-button.text-icon div,.text-icon .sceditor-button div
{
padding:0 2px 0 20px
}
.rtl div.sceditor-toolbar
{
text-align:center
}
.rtl .sceditor-button
{
float:right;
background:#fff;
padding:2px;
border:1px solid #FFFFFF;
}
.rtl div.sceditor-grip
{
right:auto;
left:0
}
.sceditor-button-video div
{
background-image: url(video.png)
}
.sceditor-button-mention div
{
background-image: url(mention.png)
}

.sceditor-button-undo div
{
background-image: url(undo.png)
}
.sceditor-button-redo div
{
background-image: url(redo.png)
}

.sceditor-button-codebrush div { background: url("code.gif"); }
.sceditor-header-option {
display: block;
cursor: pointer;
font-size: 14px;
text-decoration: none;
color: #222;
}
.sceditor-header-option b
{
border: 0;
margin: 0;
padding: .25em;
}
.sceditor-header-option:hover { background: #eee; }
.urlex
{
font-family: "Droid Arabic Kufi","tahoma",sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 5px !important;
    margin: 1px;
    outline: none;
    position: relative;
    -webkit-transition: none;
    -moz-transition: none;
    text-decoration:underline;
    background-color: #ecececbf;
    color: #949599;
    border-width: 1px;
    border-color: #b5c5cb;
    border-radius: 1px;
    border-style: solid;
 direction:ltr;
}
@media (max-width:520px) {
.sceditor-container textarea{
max-width: 100%;
min-height:auto !important
}
}
/* for 480px or less */
@media screen and (max-width: 480px) {
.sceditor-container textarea{
max-width: 100%;
min-height:auto !important
}
}