@import url(fontawesome-all.min.css);
/*
    Cedric-crispin.com - Mining pool website - [Official website](https://www.cedric-crispin.com)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: baseline;
}

h1, h2, h3 {
    font-weight: bold;
}

h4, h5, h6 {
    font-weight: normal;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

#navigation {
    z-index: 4;
}

#sidebar {
    padding: 73px 0px 0px 0px;
    z-index: 3;
}

#sidebar a, #navigation div.mainmenu a {
    padding: 8px;
}

#navigation div.mainmenu span {
    padding: 12px 8px;
}

#navigation div.mainmenu a.menu {
    padding: 14px 8px;
}

#navigation div.mainmenu button.fa-search {
    padding: 20px 8px;
}

#sidebar a img {
    vertical-align: middle;
}

#navigation div.mainmenu a img, img.content {
    padding: 8px;
    vertical-align: middle;
}

#navigation div.mainmenu input.wallet {
    margin: 10px 0px;
    padding: 9px 8px 10px 8px;
}

#navigation div.mainmenu input.wallet-unfocused {
    width: 35%;
}

#overlay {
    cursor: pointer;
}

#content {
    padding: 73px 8px 0px 8px;
}

div.w3-flex {
    gap: 16px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
}

div.w3-flex div.w3-black {
    flex-grow: 1;
}

h1.content, h2.content, h3.content, h4.content, h5.content, p.content, div.quote {
    margin: 8px 0px;
}

div.w3-panel h3, div.w3-panel h4, div.w3-panel p {
    margin: 8px 16px;
}

div.content {
    margin: 8px auto 16px auto;
    padding: 0px;
    width: 98%;
}

.quarter {
    width: 25%;
}

div.block {
    margin: 0px 0px 32px 0px;
    padding: 0px;
}

div.block img {
    margin: 0px;
    padding: 0px;
    width: 80%;
}

.nopadding {
    padding: 0px;
}

.nomargin {
    margin: 0px;
}

h1.settings, h2.settings, h3.settings, h4.settings, h5.settings, p.settings, ul.settings, label.settings {
    margin: 8px 16px;
    padding: 0;
}

ul.settings li {
    margin: 8px 0px;
    padding: 0;
    list-style: none;
}

span.logo, img.logo {
    padding: 8px 16px 8px 8px;
    vertical-align: middle;
}

span.block, img.block {
    padding: 8px;
}

input.settings {
    margin: 8px 0px;
}

table.poolstatistics, table#minerstatistics, table#minerfoundblocks, table#minerlastearning, table#minerearnings, table#minerbalance, table#minerpayouts, table#poolstratumserver, table#miningsoftware {
    width: 100%;
}

div.canvas {
    position: relative;
    margin: auto 0px;
    padding: 8px;
    width: 100%;
    height: 40vh;
}

table.poolperformance, table.minerperformance, table.minerearningsperformance {
    margin: 0;
    width: 100%;
}

div.startminingexplanation {
    margin: 0px auto 0px auto;
    width: 55%;
}

h2.startminingexplanation, h3.startminingexplanation, h4.startminingexplanation, h5.startminingexplanation, p.startminingexplanation {
    margin: 8px 0px;
    padding: 0;
}

th.startminingexplanation, td.startminingexplanation {
    text-align: center;
}

div.danger, div.warning, div.info {
    margin: 0;
    padding: 0;
}

h2.wallet
{
    text-decoration: underline;
}

div#notes {
    margin: 24px 0px 48px 0px;
}

div#notes div {
    width: 33%;
}

div#footer {
    margin: 0px 0px 24px 0px;
}

.invisible {
    display: none;
}

.fade {
    opacity: 0.1;
}