NC SalesForce Certinia by MAA

@-moz-document domain(force.com) {
    /* ==UserStyle==
    @name           NC Certinia
    @namespace      force.com
    @version        1.0.7
    @description    UI improvement for Certinia
    @author         MAA
    ==/UserStyle== */
    :root {
        --nc-primary: #f00055;
        --bg-error: #ff3f3fb5;
        --bg-odd-rows: #a3b9c145;
        --bg-even-rows: #f1f1f1;
        --bg-overlay: #00000005;
        --border-color: #00000012;
    }

    /* Custom Styles */
    [data-ffid="TimecardGrid"] *,
    [data-ffid="TimecardGrid"] *::before,
    [data-ffid="TimecardGrid"] *::after {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    table[id^="gridview-"][data-boundview="gridview-1037"].f-grid-row-collapsed > tbody > tr.timecard-task-summary-row {
        position: static;
    }

    [bgcolor="#DBDBDB"] {
        background-color: transparent !important;
    }

    body .timecard-task-summary-add-task-text a[onclick^="TaskSummarySettings.openTaskSelector"]:after {
        content: ' +'
    }

    #ff-taskentry-taskgrid-1202-body .f-grid-item:not(:last-child) {
        border-bottom: 1px solid var(--border-color) !important;
    }

    .f-grid-row-summary .f-grid-cell-weekDay1 .f-grid-cell-inner,
    .f-grid-row-summary .f-grid-cell-weekDay2 .f-grid-cell-inner,
    .f-grid-row-summary .f-grid-cell-weekDay3 .f-grid-cell-inner,
    .f-grid-row-summary .f-grid-cell-weekDay4 .f-grid-cell-inner,
    .f-grid-row-summary .f-grid-cell-weekDay5 .f-grid-cell-inner,
    .f-grid-row-summary .f-grid-cell-weekDay6 .f-grid-cell-inner,
    .f-grid-row-summary .f-grid-cell-weekDay7 .f-grid-cell-inner,
    .f-grid-row-summary .f-grid-td.f-grid-cell-ff-grid-column-rowsummary-1047 .f-grid-cell-inner {
        background-color: #434343 !important;
        color: white !important;
        font-weight: bold;
    }

    #container-1032 {
        border-color: transparent!important;
        background-color: transparent;
    }

    a {
        text-decoration: none!important;
    }

    .f-form-trigger-wrap-default {
        background-color: transparent;
    }

    table[id^="gridview-"][data-boundview]:nth-child(odd of :not(table table)) [data-ffid="projectAssignmentId"] input {
        background-color: transparent;
    }

    .f-panel-default {
        background-color: transparent;
    }

    .f-grid-header-ct {
        background-color: transparent;
        border-bottom-color: transparent;
    }

    .f-grid-body {
        background-color: transparent;
    }

    .f-panel-header-default-top + .f-grid-body,
    .f-panel-header-form-top + .f-grid-body,
    .f-grid-header-ct + .f-grid-body {
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: transparent;
    }

    .f-grid-item {
        color: var(--nc-primary);
        background-color: transparent;
    }


    .f-column-header {
        background-color: transparent;
        border-left: 1px solid var(--border-color) !important;
    }

    .f-grid-item.f-grid-item-over *:hover {
        border-color: transparent!important;
        background-color: transparent;
    }

    .f-grid-cell {
        border-left: 1px solid var(--border-color) !important;
    }

    .timecard-grid-required-cell-ff {
        background-color: var(--bg-error);
        border-left: transparent 2px solid !important;

        [class^="ffdc-icon-"]:before,
        [class*=" ffdc-icon-"]:before {
            color: #fff!important;
        }
    }

    .timecard-weekly-notes-icon-cell:hover {
        border-left: transparent 1px solid !important;
        border-right: 1px solid !important;
    }

    .timecard-schedule-panel-ff {
        display: none!important;
    }

    .timecard-task-summary-column {
        background-color: transparent!important;
    }

    .timecard-task-summary-row {
        position: relative;
    }

    .timecard-task-summary-row:after {
        content: "";
        position: absolute;
        inset: 0;
        background-color: var(--bg-overlay);
        pointer-events: none;
    }

    .timecard-task-summary-add-task-text {
        padding-left: 1.7rem;
        text-align: left;
    }

    /* ACTIVE CHANGES PENDING SAVE/SUBMIT */
    .timecard-grid-dirty-cell-ff {
        color: #000;
        background-color: transparent;
        overflow: visible;
        border-left: transparent !important;
    }


    /* PROJECT WEEKDAYS HEADERS */
    [data-ffid="weekDay1"],
    [data-ffid="weekDay2"],
    [data-ffid="weekDay3"],
    [data-ffid="weekDay4"],
    [data-ffid="weekDay5"],
    [data-ffid="weekDay6"],
    [data-ffid="weekDay7"] {
        border-left: 1px solid var(--border-color) !important;
        background-color: transparent!important;
    }

    /* TASKS WEEKDAYS HEADERS */
    [data-ffid="taskWeekDay1"],
    [data-ffid="taskWeekDay2"],
    [data-ffid="taskWeekDay3"],
    [data-ffid="taskWeekDay4"],
    [data-ffid="taskWeekDay5"],
    [data-ffid="taskWeekDay6"],
    [data-ffid="taskWeekDay7"] {
        border-left: 1px solid var(--border-color) !important;

        background-color: transparent!important;
    }

    [data-columnid="statusId"].timecard-grid-dirty-cell-ff {
        color: #fff;
        text-transform: uppercase;
        background-color: transparent;
        overflow: visible;
        border-left: transparent !important;

        :before {
            content: "";
            position: absolute;
            background-color: var(--bg-error);
            inset: 0;
            z-index: -1;
        }
    }

    body .f-boundlist-item-over {
        background: var(--nc-primary);
        border-color: #fff;
        color: #fff;
    }

    /* SAVE BUTTON */
    [data-ffid="saveButtonId"]:not(.f-btn-disabled) {
        background-color: #32b732;
        border: 1px solid #32b732;
        animation: grow 1.5s 3;

        span {
            color: #fff;
        }
    }

    [data-ffid="saveButtonId"]:not(.f-btn-disabled):hover {
        background-color: #4ec44e;
    }

    [id^="gridview-"][data-boundview="gridview-1037"] {
        border-bottom: 2px solid var(--border-color) !important;
    }

    [id^="gridview-"][data-boundview="gridview-1037"]:nth-child(odd) {
        background-color: var(--bg-odd-rows);
    }

    [id^="gridview-"][data-boundview="gridview-1037"]:nth-child(even) {
        background-color: var(--bg-even-rows);
    }

    .f-column-header-text-inner {
        letter-spacing: -0.5px;
        color: #777777 !important;
        overflow: visible;
    }

    .f-column-header-inner.f-leaf-column-header:hover {
        background-color: transparent;
    }

    table > tbody > tr > td .f-column-header:nth-child(2) {
        padding-left: 2rem;
    }

    table.f-grid-item tbody tr.f-grid-rowbody-tr .f-grid-cell:first-of-type + .f-grid-cell {
        padding-left: 2.5rem;
    }

    [data-ffid="projectAssignmentId"] input {
        font-weight: 600!important;
        background-color: inherit!important
    }

    div[id^="ff-taskselector-taskselectorpanel-"] .f-grid-item tr.f-grid-tree-node-leaf > td:nth-child(2) {
        pointer-events: none;
    }


    @keyframes pulse {
        0%,
        100% {
            opacity: 0;
        }
        50% {
            opacity: 1;
        }
    }

    @keyframes grow {
        0%,
        100% {
            transform: scale(1.2)
        }
        50% {
            transform: scale(1)
        }
    }
}