/*------------- Application specific styles ------------------*/
body.dui.dui.dui-theme-default {
    --dui-tabs-content-padding: 0;
}

.dui-calendar-day {
    border: 1px solid var(--dui-clr-dominant-l-4);
}
body.dui .dui-calendar .dui-month-days-row > .dui-calendar-day {
    border: 1px solid var(--dui-clr-dominant-l-4);
}

.dui-datatable tbody tr.data-table-group-row {
    background-color: var(--dui-clr-dominant-l-3);
}
.dui-datatable-responsive-stacked > .dui-datatable > tbody > tr.data-table-group-row {
    width: 100%;
    box-sizing: border-box;
}
.dui-datatable-responsive-stacked > .dui-datatable > tbody > tr.data-table-group-row > td {
    display: flex;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .dui-datatable-responsive-priority-details .dui-datatable-responsive-details-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
    }

    .dui-datatable-responsive-priority-details .dui-datatable-responsive-details-item {
        min-width: 0;
    }
}

.vertick-calendar-time-entry {
    background-color: var(--vertick-calendar-project-color);
    color: var(--dui-clr-white);
}

.vertick-calendar-time-entry-circle {
    font-size: 0.625rem;
    line-height: 1;
}