.md-editor {
    display: block;
    border: 1px solid #ddd
}

    .md-editor .md-footer, .md-editor > .md-header {
        display: block;
        padding: 6px 4px;
        background: #f5f5f5
    }

    .md-editor > .md-header {
        margin: 0
    }

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

    .md-editor > textarea {
        font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
        font-size: 14px;
        outline: 0;
        margin: 0;
        display: block;
        padding: 0;
        width: 100%;
        border: 0;
        border-top: 1px dashed #ddd;
        border-bottom: 1px dashed #ddd;
        border-radius: 0;
        box-shadow: none;
        background: #eee
    }

        .md-editor > textarea:focus {
            box-shadow: none;
            background: #fff
        }

    .md-editor.active {
        border-color: #66afe9;
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.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-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%
}

.md-editor.active {
    box-shadow: none !important
}

.md-editor > textarea, .md-editor > .md-preview {
    padding: 14px
}

.md-editor > .md-header > .btn-group {
    margin-right: .3125rem
}

[dir=rtl] .md-editor > .md-header > .btn-group {
    margin-right: 0;
    margin-left: .3125rem
}

[dir=rtl] .md-controls {
    float: left
}

    [dir=rtl] .md-controls .md-control {
        right: auto;
        left: 5px;
        padding-left: 3px;
        padding-right: 10px
    }

[dir=rtl] .md-fullscreen-mode .md-fullscreen-controls {
    right: auto;
    left: 20px;
    text-align: left
}

.default-style .md-editor > .md-header, .default-style .md-editor .md-footer, .default-style .md-editor > textarea, .default-style .md-editor > .md-preview {
    background: #fff
}

.default-style .md-editor {
    border-color: rgba(24,28,33,0.1)
}

    .default-style .md-editor.md-fullscreen-mode {
        z-index: 1090
    }

    .default-style .md-editor:not(.md-fullscreen-mode) > .md-header, .default-style .md-editor:not(.md-fullscreen-mode) .md-footer {
        padding-left: .5625rem !important;
        padding-right: .5625rem !important
    }

    .default-style .md-editor > textarea, .default-style .md-editor > .md-preview {
        border-color: rgba(24,28,33,0.1);
        padding: 1.125rem !important
    }

.material-style .md-editor > .md-header, .material-style .md-editor .md-footer, .material-style .md-editor > textarea, .material-style .md-editor > .md-preview {
    background: #fff
}

.material-style .md-editor {
    border-color: rgba(24,28,33,0.1)
}

    .material-style .md-editor.md-fullscreen-mode {
        z-index: 1090
    }

    .material-style .md-editor:not(.md-fullscreen-mode) > .md-header, .material-style .md-editor:not(.md-fullscreen-mode) .md-footer {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

.material-style .md-fullscreen-mode > .md-header .btn {
    box-shadow: none !important
}

.material-style :not(.input-group) > div.md-editor[class] > textarea.md-input[class], .material-style .md-editor > .md-preview {
    border-color: rgba(24,28,33,0.1);
    padding: 1rem !important
}

.dark-style .md-editor > .md-header, .dark-style .md-editor .md-footer, .dark-style .md-editor > textarea, .dark-style .md-editor > .md-preview {
    background: rgba(255,255,255,0.05)
}

.dark-style .md-editor {
    border-color: rgba(255,255,255,0.15)
}

    .dark-style .md-editor.md-fullscreen-mode {
        z-index: 1090
    }

    .dark-style .md-editor:not(.md-fullscreen-mode) > .md-header, .dark-style .md-editor:not(.md-fullscreen-mode) .md-footer {
        padding-left: .5625rem !important;
        padding-right: .5625rem !important
    }

    .dark-style .md-editor > textarea, .dark-style .md-editor > .md-preview {
        border-color: rgba(255,255,255,0.15);
        padding: 1.125rem !important
    }