/**/
.mdl-button--fab.mdl-button--colored {
    background-image: linear-gradient(to right, #8e2de2, #4a00e0);
}
.mdl-button--fab.mdl-button--colored:hover {
    background-image: linear-gradient(to right, #fc5c7d, #6a82fb);
}

.content-card__title {
    box-shadow: none;
}

.drawer-top,
.sectionedit1 {
    display: none;
    visibility: hidden;
}

ul.tabs > li {
display: inline-block;
}
ul.tabs > li a {
    padding: 0 10px;
}


/**/
.page-content pre {
	line-height: 1.4;
}
pre, .page-content pre, .page-content code, .page-content samp, .page-content kbd {
    background: #eff0f1;
    border-color: #eee;
    border: 1px solid #eff0f1;
    border-left-width: 5px;
    border-right-width: 5px;
    padding: 2px;
}
pre:hover {
    background: #ffffed;
    border-color: #ffffed;
    border-left-color: #f0f0c882;
}

img {
    max-width: 100%;
    height: auto;
}

/* Media Manager */
#media__manager {
    display: flex;
}
ul > li.media > div {
    display: inline-block;
    padding: 0px 6px;
}
.qq-upload-drop-area, .qq-upload-button {
    padding: 20px;
    border: 1px dashed brown;
}
.qq-upload-drop-area.qq-upload-drop-area-active {
    background: aliceblue;
    border-style: solid;
}
/**/
.secedit button {
    opacity: 0.1;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
h1:hover+div+.secedit button,
h2:hover+div+.secedit button,
div:hover+.secedit button {
    opacity: 0.7;
}
.secedit button:hover {
    opacity: 1;
}

@media only screen and (max-width: 500px) {
    /* Disables Columns */
    .dokuwiki .wrap_column, .catpagecol {
        float: none;
        width: auto !important;
    }
}
@media only screen and (max-width: 1080px) {
    body {
        font-size: 14px;
    }
    h1 {
        font-size: 36px;
    }
    h2, h3 {
        font-size: 28px;
        line-height: 34px;
        margin: 10px 0;
    }
    p, ul, ol {
        font-size: 1.1em;
        line-height: 1.7em;
    }
    .mdl-button {
        font-size: 14px;
        height: 38px;
        margin: auto;
        min-width: 38px;
        width: 38px;
    }
    .mdl-button .material-icons {
        font-size: 14px;
    }

    .content-youarehere > p, footer > div > ul {
        font-size: 8pt;
        line-height: 12pt;
    }
}

@media print {
    header, footer, .content-actions, .content-youarehere {
        display: none;
        visibility: hidden;
    }
    body,
    .mdl-layout__container {
        position: relative;
        width: auto;
    }
    .mdl-layout {
        width: auto;
        height: auto;
    }
    .mdl-layout__content {
        background: transparent;
    }
    .mdl-layout--fixed-drawer>.mdl-layout__content {
        margin: 10px auto;
    }
    .content-card {
        box-shadow: none;
        margin: auto;
    }
}