@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

.stw-dashboard-container .rz-datatable-data td .rz-cell-data, .stw-dashboard-container .rz-grid-table td .rz-cell-data {
    position: relative;
    z-index: 1;
    line-height: .9rem !important;
}

.rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
    line-height: .9rem !important;
}

tr.rz-group-row rz-cell-data {
    z-index: 0 !important;
    position: relative;
}

.dashboardTable > .rz-grid-table-composite .rz-datatable-thead th,
.dashboardTable > .rz-grid-table-composite.rz-grid-table thead th, th.rz-unselectable-text.rz-frozen-cell {
    background-color: #dbedff;
    left: 0px !important;
}

.dashboardTable > .rz-grid-table-composite .rz-datatable-tfoot td,
.dashboardTable > .rz-grid-table-composite.rz-grid-table tfoot td, tfoot td.rz-frozen-cell,
tfoot td.rz-composite-cell, tfoot.rz-datatable-tfoot {
    background-color: #dbedff;
    left: 0px !important;
    font-weight: bold;
}

.dashboardTable > .rz-data-grid-data .rz-grid-table.rz-grid-table-fixed.rz-grid-table-composite .rz-datatable-tfoot td.rz-frozen-cell {
    background-color: #dbedff;
}

.dashboardTable {
    --rz-link-color: var(--rz-primary);
    --rz-link-hover-color: var(--rz-primary-dark);
    --rz-tabs-tab-text-transform: none;
    --rz-grid-header-cell-border: 2px solid var(--rz-base-50);
    --rz-grid-header-background-color: #dbedff;
}

    .dashboardTable > .rz-paginator {
        background-color: #dbedff;
    }

.rz-grid-cell {
    padding: 0.125rem 1rem;
}

.rz-grid-table td {
    padding: 0.16rem .125rem;
}

.dashboardTable > .rz-paginator {
    background-color: rgb(219 237 255) !important;
}

.dashboardTable > .rz-datatable-data td .rz-cell-data, .rz-grid-table td .rz-cell-data {
    position: relative;
    z-index: 0 !important;
}

.dashboardTable > table > tbody > tr.rz-data-row td, .rz-data-row .rz-cell-data {
    transition: background-color var(--rz-transition), color var(--rz-transition);
    padding: 0px !important;
}

.dashboardTable > .rz-selectable tbody tr.rz-data-row td, .rz-selectable tbody tr.rz-data-row .rz-cell-data {
    transition: background-color var(--rz-transition), color var(--rz-transition);
}

.dashboardTable th, .dashboardTable td {
    max-width: 540px !important;
    padding: 0.125rem .125rem !important;
}

.dashboardTable .rz-rowgroup-header .fa, .dashboardTable .rz-row-toggler {
    color: #8280d9;
    min-width: auto;
}

.dashboardTable > .rz-group-header,
.standardGrid > .rz-group-header {
    padding: 0.5rem;
    background-color: var(--rz-grid-header-background-color);
    border-color: #212529;
}

.dashboardTable .rz-grid-table, .adjustFieldTable .rz-grid-table {
    width: auto !important;
    min-width: -webkit-fill-available !important;
}

    .dashboardTable .rz-datatable-data th,
    .dashboardTable .rz-datatable-data td:not(:last-child),
    .dashboardTable .rz-grid-table td:not(:last-child) {
        left: 0px !important;
    }

.dashboardTable tbody, .standardGrid tbody > tr:not(.rz-expanded-row-content):nth-child(even) > td {
    background-color: var(--rz-grid-stripe-background-color);
    border-color: #6c757d;
}

.dashboardTable tbody, .standardGrid tbody > tr:not(.rz-expanded-row-content):nth-child(odd) > td {
    background-color: var(--rz-grid-background-color);
    border-color: #6c757d;
}

.standardGrid {
    --rz-link-color: var(--rz-primary);
    --rz-link-hover-color: var(--rz-primary-dark);
    --rz-tabs-tab-text-transform: none;
    --rz-grid-header-cell-border: 2px solid var(--rz-base-50);
    --rz-grid-header-background-color: #dbedff;
    --rz-grid-header-border-color: #6c757d;
    --rz-grid-header-cell-border: #6c757d;
    height: 680px;
}

    .standardGrid .rz-data-grid {
        border: none;
    }

    .standardGrid h1 {
        font-size: 1.3rem;
    }

    .standardGrid h2 {
        font-size: 0.9rem;
        color: #96999b;
    }



#attachmentsAndNotes {
    --mud-palette-primary: #7b9dd4;
}

    #attachmentsAndNotes #files {
        width: 50%;
        padding: 20px;
        height: 100%;
        background-color: #f7fbff;
        border-radius: var(--rz-accordion-border-radius);
        box-shadow: var(--rz-accordion-shadow);
    }

    #attachmentsAndNotes select {
        width: 100%;
    }

.standardGrid .tabs-padding {
    padding: 0 1em;
}

.standardGrid .rz-grid-table {
    width: auto !important;
    min-width: -webkit-fill-available !important;
}

.underline {
    text-decoration: underline;
}

.budget {
    --rz-grid-header-background-color: #BFEACD;
    --rz-grid-background-color: rgba(191, 234, 205,0.3);
    --rz-grid-stripe-background-color: rgba(191, 234, 205,0.3);
}

.impressions {
    --rz-grid-header-background-color: #E5DAFF;
    --rz-grid-background-color: rgba(229, 218, 255,0.3);
    --rz-grid-stripe-background-color: rgba(229, 218, 255,0.3);
}

.cpm {
    --rz-grid-header-background-color: #FAE6B4;
    --rz-grid-background-color: rgba(250, 230, 180,0.3);
    --rz-grid-stripe-background-color: rgba(250, 230, 180,0.3);
}

.delivered {
    --rz-grid-header-background-color: #F9D7C5;
    --rz-grid-background-color: rgba(249, 215, 197,0.3);
    --rz-grid-stripe-background-color: rgba(249, 215, 197,0.3);
}

.agencygoals {
    --rz-grid-header-background-color: #E5DAFF;
}

.agencygoalsforcell {
    background-color: rgba(229, 218, 255,0.3) !important;
}

.uamgoalsforcell {
    background-color: rgba(191, 234, 205,0.3) !important;
}

.proposedforcell {
    background-color: rgba(250, 230, 180,0.3) !important;
}

.orderedforcell {
    background-color: rgba(249, 215, 197,0.3) !important;
}

.variancebybudgetforcell {
    background-color: rgb(245,242,241) !important;
}

.variancebyimpsforcell {
    background-color: rgb(245,242,241) !important;
}

.uamgoals {
    --rz-grid-header-background-color: #BFEACD;
}

.proposed {
    --rz-grid-header-background-color: #FAE6B4;
}

.ordered {
    --rz-grid-header-background-color: #F9D7C5;
}

.variance {
    --rz-grid-header-background-color: #F8D7DA;
}

.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data {
    --rz-link-color: var(--rz-primary);
    color: white;
    font-weight: 550;
    --rz-text-color: white !important;
    /*border-color: red !important;
    border-top-width: 2px;
    border-top-style: solid;
    border-bottom-width: 2px;
    border-bottom-style: solid;*/
}

.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td.rz-frozen-cell:before {
    background-color: grey;
}

tr.rz-data-row.rz-state-highlight > .expanded-row.rz-frozen-cell.rz-frozen-cell-left.rz-frozen-cell-left-end::before {
    background-color: grey !important;
}

.rz-state-highlight > td {
    background-color: grey !important;
}

.expanded-row {
    background-color: rgb(251, 247, 25) !important;
}

.expanded-row.rz-frozen-cell.rz-frozen-cell-left.rz-frozen-cell-left-end::before {
    background-color: rgb(251, 247, 25) !important;
}