body {
    background-color: rgba(0, 0, 0, 0.05);
}
* {
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
}

header {
    background-color: #526E8A;
    z-index: 90;
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 42px;
    background-image: url('data:image/png;base64,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');
}

header h1 {
    padding: 0;
    margin: 0;
    font-weight: 100;
    color: #fff;
    font-size: 22px;
}

nav {
    background-color: #526E8A;
    color: #fff;
    z-index: 80;
}

nav .user-name {
    padding-left: 8px;
    padding-right: 8px;
}

nav a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    height: 42px;
    width: 42px;
    text-align: center;
}

nav a:hover {
    color: rgba(255, 255, 255, 0.7);
}



#main {
    background-color: white;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}

footer {
    color: rgba(0, 0, 0, 0.4);
    text-align: center;
}

.header-toolbar {
    background-color: #526E8A;
    color: #fff;
}

.header-toolbar-input {
    border: none;
    border-radius: 3px;
    height: 32px;
    padding-left: 8px;
}

.section-input {
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    height: 32px;
    padding-left: 8px;
}

button {
    border: none;
    text-transform: uppercase;
    background-color: transparent;
    text-align: center;
    height: 32px;
    border-radius: 3px;
    line-height: 30px;
    text-decoration: none;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;

}

.header-toolbar button {
    color: white;
}

.header-toolbar button:hover:not([disabled]):not(.disabled) {
    background-color: rgba(255, 255, 255, 0.1);
}

button.promoted {
    background-color: #4D97FF;
    color: white;
}

button.promoted:hover:not([disabled]):not(.disabled) {
    background-color: #64aaff;
}

button.disabled, button[disabled] {
    background-color: rgba(0, 0, 0, 0.1);
    color: #111;
}

.icon-button {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    width: 32px;
    padding: 0 !important;
}

/* Time Entries table */
.time-entries-table, textarea, input  {
    font-size: 14px;
}
.time-entries-table {
    border-spacing: 0;
}
.time-entries-table td {
    padding: 4px;

}
.day-head td {
    font-size: 16px;
    font-weight: bold;
    color: #707070;
    padding-top: 16px;
    padding-bottom: 8px;
}

.day-column-head td {
    color: #979797;
    font-size: 12px;
    font-weight: bold;
}

.day-separator td {
    height: 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.day-totals td {
    color: #9a9a9a;
}

.week-totals td {
    color: #9a9a9a;
}


.edit-row td {
    background-color: rgba(0, 0, 0, 0.1);
}


.editing-details td {
    padding-top: 8px !important;
    border-top: 1px solid #a3a3a3;
}

.editing-description textarea {
    padding: 4px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}

.editing-sync-error {

}

.editing-toolbar td {
    padding-bottom: 8px !important;
    border-bottom: 1px solid #a3a3a3;
}

.duration-input {
    width: 60px;
}

section {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px;
    margin-top: 8px;
}

section > *:first-child {
    margin-top: 0;
}

h2 {
    font-weight: 300;
    font-size: 26px;
}

h3 {
    font-weight: 300;
    font-size: 22px;
}

h4 {
    font-weight: 300;
    font-size: 18px;
}

.data-table {
    border-spacing: 1px;
}

.data-table tr:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0.05);
}

.data-table thead td {
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
}

.data-table td {
    padding: 4px;
}

.link-button img {
    height: 42px;
}

.sync-status.awaiting-sync {

}
.sync-status.syncing {
    color: #c0b308;
}
.sync-status.synced {
    color: #41b883;
}
.sync-status.failed {
    color: #b84d43;
}
.sync-status.modified {
    color: #b84d43;
}
/* Customer */
.day-column-head > tr > td:nth-child(1) {
    min-width: 300px;
}
/* Service Item */
.day-column-head > tr > td:nth-child(2) {
    min-width: 300px;
}
/* Description */
.day-column-head > tr > td:nth-child(3) {

}
/* Duration */
.day-column-head > tr > td:nth-child(4) {
    min-width: 250px;
}
/* Billable */
.day-column-head > tr > td:nth-child(5) {
    min-width: 100px;
}
/* Sync Status */
.day-column-head > tr > td:nth-child(6) {
    min-width: 100px;
}