td.weekend {
    border-bottom: solid thick;
}

.float {
    position:fixed;
    /* The labels on cards have z-index of 100. The button should appear above them! */
    z-index: 101;
    top:24px;
    /* The width of the text container is 700px. */
    right:calc(50% - 350px);
}

.ui.inverted.button, .ui.inverted.label {
    background: #555;
}

.ui.dark.button {
    background: #000;
    color: #fff;
}

.ui.inverted.dark.button {
    background: #fff;
    color: #000;
}

@media only screen and (max-width: 767.98px) {
    tr.weekend {
        border-bottom: solid thick;
    }
    .ui.ui.table td.warning, .ui.ui.ui.ui.table tr.warning {
        background: #fffaf3 !important;
    }
    .ui.ui.table td.negative, .ui.ui.ui.ui.table tr.negative {
        box-shadow: 0 0 0 #e0b4b4 inset !important;
        background: #fff6f6 !important;
    }
    .float {
        right:2em;
    }
    .float-space {
        /* Make space for a float. */
        max-width:calc(100% - 100px);
    }
}