.content {
    left: 100px;
}

.app-sub-sidebar li:before {
    content: none;
}

.sidebar ul li p.active > a:first-child {
    color: var(--theme-color, #42b983);
    font-weight: 600;
}

.center {
    text-align: center;
}

:root {
    /* Tab blocks */
    --docsifytabs-border-color: #ededed;
    --docsifytabs-border-px: 1px;
    --docsifytabs-border-radius-px: ;
    --docsifytabs-margin: 1.5em 0;

    /* Tabs */
    --docsifytabs-tab-background: #f8f8f8;
    --docsifytabs-tab-background--active: var(--docsifytabs-content-background);
    --docsifytabs-tab-color: #999;
    --docsifytabs-tab-color--active: inherit;
    --docsifytabs-tab-highlight-px: 3px;
    --docsifytabs-tab-highlight-color: var(--theme-color, currentColor);
    --docsifytabs-tab-padding: 0.6em 1em;

    /* Tab content */
    --docsifytabs-content-background: inherit;
    --docsifytabs-content-padding: 0.5rem 1.75rem;

}

*:focus {
    outline: none !important
}

.docsify-tabs__tab {
    cursor: pointer;
}

.docsify-tabs__content table {
    display: table;
}

.docsify-tabs__content table tr, th, data {
    border: none;
}

.markdown-section {
    margin: 0 auto;
    max-width: 800px !important;
    padding: 30px 15px 40px;
    position: relative;
}

.try-your__self {
    border: 1px solid var(--theme-color, #42b983);
    padding: 8px 12px;
    text-decoration: none;
}

.try-your__self:hover {
    cursor: pointer;
}

.h-momo {
    height: 20px;
    padding: .15em 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
    border-radius: 2px;
    box-shadow: inset 0 -1px 0 rgba(27, 31, 35, .12);
    text-decoration: none;
    color: #ffffff !important;
}

.h-primary {
    background-color: #7057ff;
}

.h-green {
    background-color: #28a745;
}

.h-purple {
    background-color: #6f42c1;
}

.h-yellow {
    background-color: #ffd33d;
}

.h-orange {
    background-color: #f66a0a;
}

.h-pink {
    background-color: #ea4aaa;
}

a.btn-demo {
    display: inline-block;
    margin: .375em .25em;
    padding: 0.5rem 2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    border: 1px solid var(--theme-color,#42b983);
    border-radius: 4px;
    box-shadow: var(--cover-button-box-shadow);
    background: #fff;
    text-align: center;
    -webkit-text-decoration: var(--cover-button-text-decoration);
    text-decoration: var(--cover-button-text-decoration);
    -webkit-text-decoration-color: var(--cover-button-text-decoration-color);
    text-decoration-color: var(--cover-button-text-decoration-color);
    color: var(--theme-color,#42b983);
    white-space: nowrap;
    transition: var(--cover-button-transition);
}

a.btn-demo:hover {
    border: 1.5px solid var(--theme-color, #42b983);
}

@media all and (max-width: 30em) {
     a.btn-demo {
        display: block;
        margin: 0.4em auto;
    }
}
