#mdedit-main {
flex-grow: 1;
display: flex;
flex-direction: row;
/*align-items: flex-start;*/
padding-left: 6px;
padding-right: 6px;
padding-bottom: 6px;
}
#mdedit-left {
position: relative;
width: 48vw;
}
#mdedit-right {
position: relative;
flex-grow: 1;
}
.mdedit-container {
position: absolute;
top: 44px;
bottom: 0;
left: 0;
right: 0;
}
#mdedit-editor {
width: calc(100% - 2px);
height: calc(100% - 46px);
border: 1px solid #444;
background-color: #eee;
color: #111;
}
#mdedit-editor {
outline: 0;
}
#mdedit-separator {
cursor: ew-resize;
width: 2px;
border-left: 6px solid #fff;
border-right: 6px solid #fff;
background-color: #888;
}
#mdedit-preview-container {
padding: 0.5rem;
border: 1px solid #444;
overflow-x: auto;
overflow-y: auto;
}
#mdedit-preview {
min-height: 200px;
padding-left: 4px;
padding-right: 4px;
}