[v-cloak] {
    display: none;
}

.workspace-bg {
    /*background-color: #e1d8cf;*/
    background-color: #f5ebe1;
}

.entity-listing thead th,
.entity-listing thead th a {
    text-align: center;
    vertical-align: middle;
    background-color: #4d7eba;
    color: white;
    text-transform: uppercase;
    border-radius: 0;
}

.entity-listing thead th a {
    text-decoration: underline;
    text-decoration-color: #bbb;
}

.modal-header {
    border-bottom: 1px solid #ddd;
}

.modal-body {
    background-color: #f0f0f0;
}

.modal-footer {
    border-top: 1px solid #ddd;
}

.entity-id {
    display: inline-block;
    text-align: center;
    padding: 0.3em 0.3em 0.3em 0.3em;
    line-height: 0.7rem;
    font-family: monospace;
    font-size: 0.7rem;
    color: #66666f;
    background-color: white;
    border: 1px solid #88888f;
    border-radius: 2px;
}

.date-time {
    font-family: monospace;
}

.badge-red {
    color: white;
    background-color: #EA6759;
}

.units-in-heading {
    display: block;
    font-weight: normal;
}

.card > .table.todo-calendar td
{
    padding-left: 0.33rem;
    padding-right: 0.33rem;
}

.todo-calendar .todo-calendar-item {
    font-size: 0.82rem;
}

.todo-calendar .todo-calendar-item span:last-child {
    font-size: 0.8rem;
}

.todo-calendar hr {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    border-color: #bbb;
}

#todo-listing .delete-todo,
#todo-listing .postpone-todo,
#todo-listing .anticipate-todo,
#todo-listing .clone-todo {
    position: absolute;
    right: -0.1rem;
    font-size: 0.67rem;
}

#todo-listing .delete-todo {
    top: -0.25rem;
}

#todo-listing .postpone-todo {
    top: 0.75rem;
}

#todo-listing .anticipate-todo {
    top: 1.75rem;
}

#todo-listing .clone-todo {
    top: 2.75rem;
}

/* ================================================================================================================== */
/* === SALES & INVOICE PAGES ======================================================================================== */
/* ================================================================================================================== */

table tr td.invoice-description,
table tr td.sale-description,
table.table-sm tbody tr td {
/*table.table-sm thead tr th {*/
    font-size: 0.84rem;
    color: #666;
    line-height: 1.33em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

table.table-sm thead tr th.sale-item,
table.table-sm tbody tr td.sale-item {
    font-size: 0.72rem;
    line-height: 1.25em;
    padding: 0.2rem 0.2em 0.3rem 0.2rem;
    background-color: white;
    border: 1px solid #ddd;
}

table .invoice-reference,
table .sale-reference,
table tr td.amount {
    font-family: "Courier New", Courier, monospace;
    min-width: 3em;
}

.payment-delay {
    font-size: 90%;
}

table.sales .sale-date-sold {
    padding: 0.1em 0.2em;
    background-color: #ebebff;
    border-radius: 2px;
}

.todo-bg-pmg {
    background-color: #e8e8f0;
}