html, body {width: 100%; height: 100%; margin: 0; padding: 0; word-wrap: break-word; overflow:auto; overflow-x: hidden;}
h1 {font-size: 18px;}
.m-container {position: absolute; top: 50px; bottom: 0; left: 0; right: 0; padding-bottom: 20px; overflow:auto; overflow-x: hidden;}
.left-container {position: absolute; top: 100px; bottom: 0; width: 100%; padding: 20px 30% 0 5%; overflow:auto; overflow-x: hidden;}
.toolbar {position: relative; margin-left: 60px; width: 100%; height: 50px; line-height: 50px;}
.mid-toolbar {width: 14%; margin: 20px 0 0 0;}
.h-line {width: 100%; height: 1px; border-top: solid #ACC0D8 1px; margin-bottom: 10px;}
.footer {width: 100%; position: absolute; bottom: 0; margin: 0; height: 1.5rem; padding: 0rem 0rem 0rem !important;}
.footer a {color:gray; font-size:16px;}
.text-center {text-align: center!important;}
.md-editor-column {width: 50%; height: 80%; overflow: auto; position: relative;}
.md-preview-column {width: 50%; height: 80%; overflow: auto; position: relative; background-color: #f8f8ff;}
.code-editor-column, .code-preview-column {width: 43%; height: 80%; overflow: auto; position: relative;}
.md-editor, .code-editor, .code-preview {width: 100%; height: 100%; overflow: auto; white-space: pre-wrap; border:thin solid #e8e8e8;} /* display white-space and line-break */
.md-preview {width: 100%; height: 100%; overflow: auto; padding: 0 6px 0 6px;}
.output-result {width: 100%; overflow: auto; position: relative; padding: 20px 40px 0px 40px; background-color: #f8f8ff;}