.hidden {display: none;}

.pro-mode .item-divider {
    display: none;
}
.pro-mode h1.timer {
    padding: .5em;
}
.pro-mode>*>div.card:nth-child(2) {
    margin-top: 0;
    margin-bottom: 0;
}
.pro-mode>*>div.card:nth-child(3) {
    border-top: 2px solid #444;
    margin-top: 0;
    padding-top: .75em;
}

.card.mainpadding {
    padding: 2em;
}
.timer-box, .timer-buttons {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background: rgba(17, 193, 243, .4);
}
.button-edit {
    font-weight: bold;
    /*color: black;*/
    background: rgba(136, 224, 249, 1);
}
.DANGER .popup .button-positive {background:red !important;}
.timer-buttons .button {
    margin: 5px;
}
.timer-running .timer-box, .timer-running .timer-buttons {
    background: rgba(255, 201, 0, .4);
}
.timer-box h1 {
    font-family: monospace;
    padding: 1em;
}
.activity-button {
    position: relative;
    margin: .5em !important;
    text-align: center;
    padding: 1em;
    padding-right: 1.5em;
}

.log .note, .current .note, textarea.note {
    font-style: italic;
    color: #286090;
}

.log-ended {
    color: red;
}

.side-marker {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: .5em;
}
.side-marker-left {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: .5em;
}
.overflowhidden {
    overflow: hidden;
}
.sync-syncing {color: orange !important;}
.sync-change {color: greenyellow !important; transition: color 200ms;}
.sync-uptodate {color: blue !important; transition: color 1s;}
.sync-complete {color: green !important; transition: color 1s;}
.sync-error {color: red !important;}
.sync-unset {color: darkred !important;}

.VERSION {
    font-family: monospace;
}    
.mq-appcache-update .VERSION {
    color: red;
}