body.sf-editor-body-overflow {overflow:hidden;}
.sf-editor { font-family: Arial; font-size: 13px;}
.sf-editor-inner {  overflow:auto; padding: 20px; box-sizing:border-box; resize: vertical; }
.sf-editor-toolbar { z-index: 9999; padding: 0; height: 44px; border:1px solid #ccc; background-color:#fff; border-radius: 3px;  }
.sf-editor-toolbar ul { list-style-type: none; margin:0; padding:0; overflow:hidden; white-space:nowrap; }
.sf-editor-toolbar li { display:inline-block; }
.sf-editor-toolbar a { display: block; padding: 10px 10px; line-height: 24px; overflow:hidden; text-decoration: none; }
.sf-editor-toolbar img { line-height: inherit; display: block; float:left; }
.sf-editor-toolbar span { display: block; margin-left: 30px; color:#000; font-size:  12px; }
.sf-editor-source-code { font-family: Courier New, Courier, monospace; font-size: 13px; display: none; border:0; width: 100%; padding:0; min-height: 200px; }

        
.sf-editor[class~="fullscreen"],
.sf-inline-editor[class~="fullscreen"] { position:fixed !important; left:0; right:0; top:0; bottom:0; z-index: 9999; background-color:#fff; }     
.sf-inline-editor[class~="fullscreen"]  { height:calc(100%); overflow:auto; }
.sf-editor[class~="fullscreen"] .sf-editor-toolbar,
.sf-inline-editor[class~="fullscreen"] .sf-editor-toolbar { position: absolute; z-index: 1; top:0; right:0; left:0; }   
.sf-editor[class~="fullscreen"] .sf-editor-inner { position: absolute; top: 40px; bottom:0; left:0; right:0; }

.sf-inline-editor[class~="fullscreen"][class~="source"] .sf-editor-source-code { height: calc(100% - 44px); border:0; box-sizing:border-box; height: calc(100%-50px); position:absolute; left:0; right:0; top:50px; }

.sf-editor-fullscreen,
.sf-inline-editor[class~="fullscreen"] .cms-edit-area { position: fixed; top: 44px; left:0; right: 0; bottom: 0; overflow:auto;}

.sf-editor[class~="source"] .sf-editor-source-code { display: block; }
.sf-editor[class~="source"] .sf-editor-inner { display: none; }

.sf-inline-editor .sf-editor-toolbar { transition: all 0.2s ease-in-out; opacity: 0; visibility: hidden; position: absolute; top: -45px; font-family: Arial; font-size: 13px; border:1px solid #ccc; }
.sf-inline-editor .sf-editor-toolbar[class~="sf-editor-toolbar-focused"],
.sf-inline-editor[class~="fullscreen"] .sf-editor-toolbar { opacity: 1; visibility: visible; }

.sf-inline-editor[class~="fullscreen"] .sf-editor-toolbar { position: fixed; }
.sf-editor-image-chooser-outer { overflow:hidden; }
.sf-editor-image-chooser-left { float:left; width: 30%; }
.sf-editor-image-chooser-right { float:left; width: 70%; }
.sf-editor-image-chooser-list {  list-style-type: none; margin:0; padding:0; overflow:hidden; margin-top: 10px; max-height: 260px; overflow:auto; }
.sf-editor-image-chooser-list li { margin-right: 2px; margin-bottom: 2px; float:left; overflow:hidden; } 
.sf-editor-image-chooser-list li a { display: block; width: 100%; position:relative; }
.sf-editor-image-chooser-list li span { transition: all 0.2s ease-in-out; display: block; position:absolute; left:0; right:0; top:0; bottom:0; opacity: 0; background:rgba(255,255,255, 0.8); background-image:url(/_Themes/PhotoScheme/_global/check.png); background-repeat:no-repeat; background-position:center; }
.sf-editor-image-chooser-list li span.active { opacity: 1; }
.sf-editor-image-chooser-list li img {  display: block; max-height: 80px; max-width: 300px; }
.sf-editor-image-label { display: block; cursor: pointer; color: #000; font-size: 12px; }
.sf-editor-input-text { width: 100%; outline: none; transition: all 0.2s ease-in-out; border:0; border-bottom: 1px solid #ccc; box-sizing: border-box; padding: 5px 0px; margin-top: 5px; margin-bottom: 15px;  }
.sf-editor-input-text:focus { border-bottom: 1px solid #000; }


.formImageUploader {  }
    .loader { background-color:#fff; border-radius:3px; display:none; position:absolute;left:50%; top:50%; margin-top:-8px; margin-left:-8px; z-index:2; }
    .loader[class~="active"] {display:block;}

.formImageUploader { display:inline; position:absolute; z-index:1; right:0; bottom:0; cursor:pointer; }
    .formImageUploader iframe { display:none; }
    .formImageUploader input { opacity: 0; cursor:pointer; font-size: 1000px; }

/*THEMES*/
.sf-editor[class~="bright"] {  border:1px solid #ccc;  color:#000;   }
.sf-editor[class~="bright"] .sf-editor-toolbar { border-bottom: 1px solid #ccc; background-color:#fff;  }
.sf-editor[class~="bright"] .sf-editor-toolbar a { color:#000; }
.sf-editor[class~="bright"] .sf-editor-toolbar a:hover,
.sf-editor[class~="bright"] .sf-editor-toolbar a.active { background-color:#f2f2f2 !Important;  }

.sf-inline-editor[class~="bright"] .sf-editor-toolbar { border-bottom: 1px solid #ccc; background-color:#fff; color:#000; font-family: Arial; }
.sf-inline-editor[class~="bright"] .sf-editor-toolbar a { color:#000; }
.sf-inline-editor[class~="bright"] .sf-editor-toolbar a:hover,
.sf-inline-editor[class~="bright"] .sf-editor-toolbar a.active { background-color:#f2f2f2;  }
.sf-inline-editor[class~="bright"] .sf-editor-toolbar span { color:#000; }

.sf-inline-editor[class~="source"] .sf-editor-source-code { outline: none; border:1px solid #ccc; background-color:#fff; padding: 20px; position:relative; z-index: 9999;}


.sf-editor[class~="dark"] {  border:1px solid #fff;  color:#fff;   }
.sf-editor[class~="dark"] .sf-editor-toolbar { border-bottom: 1px solid #fff; background-color:#000;  }
.sf-editor[class~="dark"] .sf-editor-toolbar a { color:#fff; }
.sf-editor[class~="dark"] .sf-editor-toolbar a:hover,
.sf-editor[class~="dark"] .sf-editor-toolbar a.active { background-color:#f2f2f2;  }