body, html {
  height: 100%;
  overflow:hidden;
}
body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: rgb(209,228,234);
  background: radial-gradient(ellipse at center,  rgba(209,228,234,1) 0%,rgba(186,228,244,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e4ea', endColorstr='#bae4f4',GradientType=1 );
}

#editor-map{
  overflow: auto;
  height:100%;
}
.editor-wrap {
  z-index:10;
  position:fixed;
  width: 60%;
  height: 200px;
  left:20%;
  bottom:0;
  opacity: 0.9;
}
.editor-wrap .CodeMirror {
  font-size: 18px;
  height: 100%;
}
.style-editor-wrap {
  z-index:10;
  position:fixed;
  width:20%;
  height: 800px;
  left:-20%;
  top:0;
  overflow: auto;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  opacity: 0.7;
}
.style-editor-wrap .CodeMirror {
  font-size: 18px;
  height: 100%;
}
.preview-wrap {
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index:99;
}
.preview-wrap .markdown-body {
  box-sizing: border-box;
  width: 100%;
  /*max-width: 980px;*/
  /*padding: 45px;
  font-size: 18px;*/
}

/*.preview-wrap .markdown-body ul > li {
  list-style-type: disc;
}
.preview-wrap .markdown-body ol > li {
  list-style-type: decimal;
}*/

.chosen{
 /*border:1px solid black;*/
  background-color: #5cb85c;
}