html, body {
    height: 100%;
}

body > section {
    height: 100%;
}

body .mainwrapper {
    position: absolute;
    top: 60px;
    bottom: 0;
    width: 100%;
}

body .mainwrapper .leftpanel {
    bottom: 0;
}

.mainpanel {
    height: 100%;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 4px 8px;
    vertical-align: middle;
}

.CodeMirror {
    min-height: 100%;
}


.ml20 {
    margin-left: 20px;
}

.yoho-log-dark {
    background-color: #000;
    overflow: auto;
}

.yoho-log-dark p {
    font-family: "Courier New";
}

.yoho-log-dark p span {
    margin-right: 15px;
}

.yoho-log-dark .timer {
    color: #F6F792;
    width: 235px;
    display: inline-block;
}

.yoho-log-dark .pid {
    color: #F5A503;
}

.yoho-log-dark .level {
    color: #77C4D3;
}

.yoho-log-dark .level.error {
    color: #EA2E49;
}

.yoho-log-dark .message {
    color: #DAEDE2;
    word-break:break-all;
}

.yoho-log-dark .host {
    width: 140px;
    display: inline-block;
}

.label.production {
    background-color: #428bca;
}

.label.preview {
    background-color: #F5A503;
}

.label.test {
    background-color: #5cb85c;
}

.project-env {
    cursor: pointer;
}