/*===============================================
  Bootstrap Markdown Editor
================================================= */
.md-editor {
    display:block;
}

/* toolbar header */
.md-editor .md-footer,.md-editor>.md-header {
    display:block;
    padding:8px 4px;
    background: #fafafa;
}
.md-editor>.md-header {margin:0}

.md-editor>.md-header .btn-group .btn-default,
.md-editor>.md-header .btn-group .btn-primary {
	color: #666;
	border-color: rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

/* preview area */
.md-editor>.md-preview {
    background:#fff;
    border-top:1px dashed #ddd;
    border-bottom:1px dashed #ddd;
    min-height:10px;
    overflow:auto
}

/* editor area */
.md-editor>textarea {
    font-size:14px;
    outline:0;
    margin:0;
    display:block;
    padding:15px;
    width:100%;
    border:0;
    border-top:1px solid #ddd;
    border-radius:0;
    box-shadow:none;
    background:#fff
}
.md-editor>textarea:focus {
    box-shadow:none;
    background:#fff
}
/* focus/active area */
// .md-editor.active {
//     border-color:#66afe9;
//     outline:0;
//     -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
//     box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
// }

.md-editor .md-controls {
    float:right;
    padding:3px
}

.md-editor .md-controls .md-control {
    right:5px;
    color:#bebebe;
    padding:3px 3px 3px 10px
}
.md-editor .md-controls .md-control:hover {
    color:#333
}
.md-editor .md-controls .md-control-fullscreen {
   position: relative;
   top: 4px;
}

.md-editor.md-fullscreen-mode {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:99999;
    padding:60px 30px 15px;
    background:#fff!important;
    border:0!important
}

.md-editor.md-fullscreen-mode .md-footer {
    display:none
}

.md-editor.md-fullscreen-mode .md-input,.md-editor.md-fullscreen-mode .md-preview {
    margin:0 auto!important;
    height:100%!important;
    font-size:20px!important;
    padding:20px!important;
    color:#999;
    line-height:1.6em!important;
    resize:none!important;
    box-shadow:none!important;
    background:#fff!important;
    border:0!important
}

.md-editor.md-fullscreen-mode .md-preview {
    color:#333;
    overflow:auto
}

.md-editor.md-fullscreen-mode .md-input:focus,.md-editor.md-fullscreen-mode .md-input:hover {
    color:#333;
    background:#fff!important
}

.md-editor.md-fullscreen-mode .md-header {
    background:0 0;
    text-align:center;
    position:fixed;
    width:100%;
    top:20px
}

.md-editor.md-fullscreen-mode .btn-group {
    float:none
}

.md-editor.md-fullscreen-mode .btn {
    border:0;
    background:0 0;
    color:#b3b3b3
}

.md-editor.md-fullscreen-mode .btn.active,.md-editor.md-fullscreen-mode .btn:active,.md-editor.md-fullscreen-mode .btn:focus,.md-editor.md-fullscreen-mode .btn:hover {
    box-shadow:none;
    color:#333
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls {
    position:absolute;
    top:20px;
    right:20px;
    text-align:right;
    z-index:1002;
    display:block
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a {
    color:#b3b3b3;
    clear:right;
    margin:10px;
    width:30px;
    height:30px;
    text-align:center
}

.md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover {
    color:#333;
    text-decoration:none
}

.md-editor.md-fullscreen-mode .md-editor {
    height:100%!important;
    position:relative
}

.md-editor .md-fullscreen-controls {
    display:none
}

.md-nooverflow {
    overflow:hidden;
    position:fixed;
    width:100%
}