.box {
    margin-top:20px;
}

time {
    margin:40px 0 !important;
}
    time > span {
        color:red;
    }
    time > .separator {
        color:white !important;
    }
    .Isobutton {
            display: inline-block;
            padding: 0.1em 1.0em;
            background: #EEE;
            border: none;
            border-radius: 7px;
            background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
            color: #222;
            font-size: .9em
            text-shadow: 0 1px white;
            cursor: pointer;
        }
            .Isobutton:hover {
                background-color: #8CF;
                color: #222;
            }
            .Isobutton:active,
            .Isobutton.is-checked {
                background-color: #28F;
            }
            .Isobutton.is-checked {
                color: white;
                text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
            }
            .Isobutton:active {
                box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
            }
        .button-group:after {
            content: '';
            display: none;
            clear: both;
        }
        .button-group .Isobutton {
            border-radius: 0;
            margin-left: -2px;
            margin-right: 0;
        }
        .button-group .tooltip > .tooltip-inner {
            background-color: red;
            font-size: small;
        }
        .button-group .tooltip > .tooltip-arrow {
            border-bottom-color: red;
        }
        .button-group .first {
            border-radius: 0 0.5em 0.5em 0;
        }
        .button-group .last {
            border-radius: 0.5em 0 0 0.5em;
        }