@import url("https://fonts.googleapis.com/css?family=Roboto+Mono|Source+Sans+Pro:300,400,600");

:root {
    --base-font-size: 12px;
    --base-background-color: #4C8577;
    --sidebar-width: 300px;
    --sidebar-background: var(--base-background-color);
    --code-inline-background: rgba(69, 134, 160, 0.2);
    --code-inline-color: #fff;
    --content-max-widht: 55em;
}

table th,
table tr,
table td {
    width: 100%;
}

td:hover {
    background-color: #4C8577;
}

/* standard tags */
hr {
    width: 100%;
    /* border-bottom: solid 2px #4C8557 !important; */
}

/* draft container */
div.draft-container-flex {
    display: flex;
    /* flex-direction: row;
    flex-wrap: wrap; */
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    border: solid 2px #4C8577;
    padding: 0 0 1.7em 0;
    margin: 3em 0;
}

/* images */
img.square-draft {
    min-width: 100px;
    width:25%;
    max-width: 50%;
}
.tab-panel {
    /* text-align: center; */
}
.tab-panel>img.square-draft {
    width: 400px;
}

/* sidebar */
ul.app-sub-sidebar>li {
    margin-left: 0;
}
ul.app-sub-sidebar>li::before {
    content: '»';
}