:root {
    --RebateHub-Navy: #002180;
    --RebateHub-Navy-light: #002fb5;
    --ffffff-10: rgba(255, 255, 255, 0.10);
    --ffffff-20: rgba(255, 255, 255, 0.20);
    --rebate-hub-navy-10: rgba(0, 33, 128, 0.10);
    --color-1-a-1-a-1-a: #1A1A1A;
    --f-2-f-2-f-2: #F2F2F2;
    --ffffff: #FFF;
    --e-5-e-5-e-5: #E5E5E5;
    --px-16: clamp(4px, 1vw, 16px);
    --px-24: clamp(6px, 1.5vw, 24px);
    --px-n24: clamp(-24px, -1.5vw, -6px);
    --px-40: clamp(10px, 2.5vw, 40px);
}
.divider{
    border-top:1px solid var(--ffffff-10);
}
.desktop-visable{
    display:none;
}
.mobile-visable {
    display: block;
}
#MsgDiv {
    overflow: hidden;
}
html, body {
    font-family: Epilogue;
}
body {
    gap: var(--px-24);
    padding: 0 16px 16px 16px;
    margin: 0;
    background: var(--rebate-hub-navy-10);
    height:100%;
}
html{
    height:100%;
}
#username {
    display: none;
}
.top-navbar {
    padding: var(--px-40) 8px;
    background: var(--RebateHub-Navy);
    display: flex;
    justify-content: space-between;
    color: white;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    border-bottom: 16px solid #e5e8f2;
}
    .top-navbar .logo {
        height: 24px;
    }
.rh-back-button {
    color: #FFF;
    font-family: Epilogue;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    position:relative;
}
    .rh-back-button a {
        color: #FFF;
        display: flex;
        gap: 3px;
        text-decoration: none;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
    }
    .rh-back-button a:hover {
        text-decoration: none;
    }

.left-navbar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #e5e8f2;
    z-index: 2000;
    padding: 16px;
    border-bottom: 100px solid #e5e8f2;
    translate: 0 100px;
}
.left-navbar > div {
    padding: 8px;
    border-radius: 16px;
    width: 100%;
    height: 100%;
    background: var(--RebateHub-Navy);
}
    .left-navbar > div > img.logo {
        display:none;
        width: 100%;
        height: auto;
        padding-left: clamp(4px, 1vw, var(--px-16));
        padding-right: clamp(4px, 1vw, var(--px-16));
    }
        .left-navbar > div > .navbar-links {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            height: 100%;
        }
    .left-navbar > div > .navbar-links > div {
        width:100%;
        display: flex;
        flex-direction: row;
        gap:8px;
    }
            .left-navbar > div > .navbar-links a img {
                width: auto;
                height: 38px;
            }
        .left-navbar > div > .navbar-links a span {
        }
        .left-navbar > div > .navbar-links a {
            width: 100%;
            display: flex;
            flex-direction:column;
            padding: var(--px-16);
            gap: 6px;
            color: white;
            text-decoration: none;
            border-radius: 12px;
            align-content:center;
            align-items:center;
            justify-content:space-between;
        }
            .left-navbar > div > .navbar-links a.active {
                background: var(--ffffff-10);
            }
            .left-navbar > div > .navbar-links a span {
                font-family: Epilogue;
                font-size: 12px;
                font-style: normal;
                font-weight: 700;
                line-height: 18px;
                text-align: center;
            }
            .left-navbar > div > .navbar-links a span.user {
                font-family: Epilogue;
                font-size: 12px;
                font-style: normal;
                font-weight: 700;
                line-height: 18px;
            }
            .left-navbar > div > .navbar-links a:hover {
                background: var(--ffffff-20);
            }
.body-content {
    padding: 16px;
    border-radius: 16px;
    background: white;
    width: 100%;
    position: relative;
}
.Page-title {
    color: var(--RebateHub-Navy);
    font-family: Epilogue;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    line-height: 32px;
}
.main-address {
    color: var(--RebateHub-Navy);
    font-family: Epilogue;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    line-height: 24px;
    text-wrap: balance;
    margin-bottom: 8px;
    margin-top: 16px;
}
.jobs-main-title-div {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
    .jobs-main-title-div > div {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .jobs-main-title-div > div button.rh-btn-primary-outline {
        border: 1px solid #808080;
        background: #0000;
        color: #808080;
    }
    .jobs-main-title-div > div {
        align-content: center;
    }
.jobs-search-div {
    display: flex;
    gap: var(--px-40);
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: var(--px-16);
}
    .jobs-search-div > div {
        align-content: center;
    }
        .jobs-search-div > div:last-child {
            margin-left: auto;
        }

.calculation-btns{
    display:flex;
    gap:10px;
}
.calculation-btns button {
    width:100%;
}
.rh-btn {
    display: inline-flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 400px;
    white-space: nowrap;
    font-family: Epilogue;
}
.rh-btn-large {
    display: inline-flex;
    padding: 8px 80px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    color: #FFF;
    font-family: Changa;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}
.jobs-list-div {
    margin: 0 -16px;
}

.rh-btn-primary {
    color: white;
    border: none;
    background: var(--RebateHub-Navy);
}
    .rh-btn-primary:hover {
        background: var(--RebateHub-Navy-light);
    }
.rh-btn-primary-outline {
    background: white;
    border: 1px solid var(--RebateHub-Navy);
    color: var(--RebateHub-Navy);
}
    .rh-btn-primary-outline:hover {
        border: 1px solid var(--RebateHub-Navy-light);
        color: var(--RebateHub-Navy-light);
    }
.rh-btn-danger-outline {
    background: white;
    border: 1px solid #E10E0E;
    color: #E10E0E;
}

    .rh-btn-danger-outline:hover {
        border: 1px solid #f51414;
        color: #f51414;
    }
.rh-btn-primary-link {
    font-weight:700;
    background: none;
    border: none;
    color: var(--RebateHub-Navy);
}

    .rh-btn-primary-link:hover {
        border: none;
        color: var(--RebateHub-Navy-light);
    }
.rh-btn-icon {
    width: 16px;
    height: 16px;
}
.rh-btn-none {
    background: none;
    border: none;
    color: var(--RebateHub-Navy);
}
.rh-btn-none:hover {
    color: var(--RebateHub-Navy-light);
}
.rh-modal {
    position: absolute;
    inset: 0;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: var(--px-40);
    background: #00000040;
    z-index: 200;
    display: none;
}
.rh-modal.rh-show {
    display:flex;
}
    .rh-modal .rh-modal-body {
        display: flex;
        width: 800px;
        padding: var(--px-40);
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-radius: var(--px-16);
        background: #FFF;
        border-color: var(--RebateHub-Navy);
        height: 100%;
        overflow: auto;
    }
    .rh-modal .rh-modal-body .panel {
        width:100%;
    }
.rh-audit-request-counter {
    position: absolute !important;
    background: #BFD730;
    border: 2px solid white;
    border-radius: 100px;
    display: flex !important;
    text-align: center !important;
    align-content: center !important;
    align-items: center;
    justify-content: center;
    top: -5px;
    right: -5px;
    font-size: 12px !important;
    line-height: 0px !important;
    padding: 4px 2px 2px 1px;
    min-width: 21px;
    min-height: 21px;
}

.rh-audit-request {
    width: 100%;
    border-collapse: initial;
}

.rh-audit-request thead th {
    display: none;
    padding: 1px 16px;
}

.rh-audit-request th {
    color: var(--RebateHub-Navy);
    text-align: center;
    font-family: Epilogue;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}

.rh-audit-request th.address {
    text-align: left;
    min-width: 100%;
    font-weight:700;
}

.rh-audit-request th.status {
    text-align: left;
    min-width: 250px;
}

.rh-audit-request tr {
    position: relative;
}

.rh-audit-request tr:not(.rh-table-divider) {
    display: flex;
    flex-direction: column;
}

        .rh-audit-request tr td {
            display: block;
        }

    .rh-audit-request tbody tr:not(.rh-table-divider) td:not(:first-child) {
        background: white;
        color: var(--RebateHub-Navy);
        text-align: left;
        font-family: Epilogue;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        padding: 8px 16px;
    }

    .rh-audit-request a img {
        transition: all 0.2s;
    }
    .rh-audit-request a:not(.collapsed) img {
        transform: rotate(180deg);
    }

    .rh-audit-request tr.rh-table-collapse td:first-child {
        background: white;
        color: var(--RebateHub-Navy);
        text-align: left;
        font-family: Epilogue;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        padding: 8px 16px;
    }
    .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse) td:first-child {
        padding: 10px;
        background: var(--RebateHub-Navy);
        text-align: center;
        color: white;
        margin-bottom: 8px;
        margin-top: 8px;
    }
    .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse) td.collapse-btn {
        background: var(--f-2-f-2-f-2) !important;
        justify-content: center;
        padding: 0;
    }
    .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse) td a {
        width:100%;
    }
        .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse) td:first-child > div {
            display: flex;
            align-content: center;
            align-items: center;
            justify-content: space-between;
        }

            .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse) td:first-child > div > div {
                display: flex;
                align-content: center;
                align-items: center;
                gap: 16px;
            }

                .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse) td:first-child > div > div > span:first-child {
                    font-weight: 700;
                }
    .rh-audit-request tr.rh-table-collapse td div {
        padding: 8px 16px;
    }
    .rh-audit-request tr td.border-td {
        display: none;
    }
    .rh-audit-request tr.rh-table-collapse td:first-child {
        margin: 0;
        padding: 0;
    }
.audit-request-items{
    display:flex;
    flex-direction:column;
    gap:16px;
}
.audit-request-item {
    display: flex;
    padding: 8px 16px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid var(--e-5-e-5-e-5, #E5E5E5);
    background: var(--f-2-f-2-f-2, #F2F2F2);
    color: var(--RebateHub-Navy);
    font-family: Epilogue;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    cursor:pointer;
}

.audit-request-item > div:last-child {
    font-weight: 700;
}
.audit-request-control{
    text-align:end;
}
#AuditRequestModal .title {
    color: var(--RebateHub-Navy);
    font-family: Changa;
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
}
#AuditRequestModal .question {
    color: var(--RebateHub-Navy);
    font-family: Epilogue;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
#AuditRequestModal input {
    width: 100%;
}
    #AuditRequestModal input:not([type="checkbox"]):not([type="radio"]), #AuditRequestModal select, #AuditRequestModal textarea {
        max-width: none;
        border-radius: 8px;
        border: 1px solid var(--e-5-e-5-e-5);
        background: var(--ffffff);
        padding: 8px 16px;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        font-family: Epilogue;
        min-height: 38px;
    }
#AuditRequestModal div {
    width: 100%;
}
.rh-jobs {
    width: 100%;
    border-collapse: initial;
}
    .rh-jobs thead th {
        display: none;
        padding: 1px 16px;
    }
    .rh-jobs th {
        color: var(--RebateHub-Navy);
        text-align: center;
        font-family: Epilogue;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }
        .rh-jobs th.address {
            text-align: left;
            min-width: 100%;
        }
        .rh-jobs th.status {
            text-align: left;
            min-width: 250px;
        }
    .rh-jobs tr {
        position:relative;
    }
    .rh-jobs tr:not(.rh-table-divider) {
        display: flex;
        flex-direction: column;
    }
        .rh-jobs tr td {
            display: block;
        }
    .rh-jobs tbody td:nth-child(2), .rh-jobs tbody td:nth-child(3) {
        display: none;
    }
    .rh-jobs tbody tr:not(.rh-table-divider) td:not(:first-child) {
        background: white;
        color: var(--RebateHub-Navy);
        text-align: left;
        font-family: Epilogue;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        padding: 8px 16px;
    }

        .rh-jobs tbody tr:not(.rh-table-divider) td:not(:first-child):not(.rh-job-manage-btn) {
            margin-right: 40px;
        }
    .rh-jobs tr:not(.rh-table-divider) td:first-child {
        border-radius: 0;
        padding: 10px;
        background: var(--RebateHub-Navy);
        text-align: center;
        color: white;
        margin-bottom: 8px;
        margin-top: 8px;
    }
        .rh-jobs tr:not(.rh-table-divider) td:first-child > div {
            display: flex;
            align-content: center;
            align-items: center;
            justify-content: space-between;
        }
            .rh-jobs tr:not(.rh-table-divider) td:first-child > div > div {
                display: flex;
                align-content: center;
                align-items: center;
                gap: 16px;
            }
            .rh-jobs tr:not(.rh-table-divider) td:first-child > div > div > span:first-child {
                font-weight:700;
            }
    .rh-jobs tr:not(.rh-table-divider) td:last-child {
        border-radius: 0;
        text-align:right;
    }
    .rh-jobs .rh-job-type-icon {
        width: 40px;
        height: 32px;
    }
    .rh-jobs thead th:nth-child(5) span:first-child {
        display: block;
    }
    .rh-jobs thead th:nth-child(5) span:last-child {
        display: none;
    }
    .rh-jobs tr .rh-td-label {
        display: block;
        color: #1A1A1A;
        font-family: Epilogue;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        margin-bottom:4px;
    }
    .rh-jobs tbody tr:not(.rh-table-divider) td.address {
        text-align: left;
        text-wrap: balance;
    }
    .rh-jobs tbody tr:not(.rh-table-divider) td.customername {
        font-weight: 700;
        text-align: left;
        text-wrap: balance;
    }

    .rh-jobs tbody tr:not(.rh-table-divider) td.status {
        text-align: left;
    }
.rh-job-manage-btn {
    position: absolute;
    background: var(--f-2-f-2-f-2) !important;
    top: 60px;
    right: 0;
    bottom: -8px;
    padding:0 !important;
}
    .rh-job-manage-btn a {
        padding: 10px;
        display: flex;
        align-items: center;
        align-content: center;
        height: 100%;
    }
    .rh-job-manage-btn a img {
        width:19px;
        height: auto;
    }
.rh-job-manage-btn span {
    display:none;
}
.rh-table-divider{
    display:none;
}
.rh-table-divider td {
    height: 16px;
}
.rh-job-status {
    display: flex;
    padding: 8px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    border-radius: 400px;
    font-family: Epilogue;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    background: #e5e8f2;
    color: #535458;
    width: fit-content;
    font-family: Epilogue;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    white-space:nowrap;
}
/*
    Deleted = -3,
        Unavailable = -2,
        Cancelled = -1,
        InspectionAssigned = 3,
        InspectionPassed = 4,
        InstallAssigned = 5,
        InstallInProgress = 6,
        AuditAssigned = 7,
        AuditReview = 12,
        AuditFailed = 8,
        AuditPassed = 9,
        Invoiced = 11,
        SentToAP = 13,
        RejectedByAP = 15,
        PartlyUploaded = 16,
        Uploaded = 17,
        Withdrawn = 18,
        PartlyRegistered = 19,
        Registered = 20,
        EvidenceRequested = 21,
        EvidenceProvided = 22,
        AcpPassed = 23

*/
/* Black */
.rh-job-status--3, .rh-job-status--2, .rh-job-status--1 {
    background: #000000;
    color: #ffffff;
}

/* Yellow */
.rh-job-status-3, .rh-job-status-4 {
    background: rgba(252, 201, 0, 0.10);
    color: #FCC900;
}
/* Gray */
.rh-job-status-5, .rh-job-status-21 {
    background: rgba(120, 120, 120, 0.12);
    color: #6B6B6B;
}
/* Orange */
.rh-job-status-6 {
    background: rgba(255, 142, 13, 0.10);
    color: #FF8E0D;
}
/* Red */
.rh-job-status-8 {
    background: rgba(255, 91, 80, 0.10);
    color: #df4655;
}
/* Soft purple */
.rh-job-status-12 {
    background: rgba(111, 66, 193, 0.15);
    color: #6f42c1;
}
/* Blue */
.rh-job-status-7, .rh-job-status-10, .rh-job-status-11, .rh-job-status-13, .rh-job-status-15, .rh-job-status-16, .rh-job-status-18, .rh-job-status-19, .rh-job-status-20, .rh-job-status-22 {
    background: rgba(13, 187, 255, 0.10);
    color: #0DBBFF;
}
/* Green */
.rh-job-status-9, .rh-job-status-17, .rh-job-status-23 {
    background: rgba(131, 213, 0, 0.10);
    color: #83D500;
}
/* Yellow Compliance In Progress */
.rh-job-status.rh-status-compliance-in-progress {
    background: rgba(252, 201, 0, 0.10);
    color: #FCC900;
}
.rh-progressbar{
    display:flex;
    gap:8px;
    justify-content:start;
}
    .rh-progressbar .rh-pr-step {
        width: 24px;
        height: 4px;
        flex-shrink: 0;
        border-radius: 400px;
        background: var(--rebate-hub-navy-10);
    }
        .rh-progressbar .rh-pr-step.rh-yellow {
            background: #9fb8ff;
        }
        .rh-progressbar .rh-pr-step.rh-green {
            background: var(--RebateHub-Navy);
        }


.filter-title {
    color: var(--RebateHub-Navy);
    font-family: Changa;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
}
.filter-subtitle {
    color: var(--RebateHub-Navy);
    font-family: Epilogue;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}
.filter-buttons {
    width:100%;
    text-align: right;
}
.filter-buttons button {
    margin-left:18px;
}

div:has(>input[type="checkbox"]), div:has(>input[type="radio"]) {
    display: flex;
    gap: 5px;
    align-content: center;
    align-items: center;
}
input[type="radio"] {
    height: 20px;
    width: 20px;
    background: var(--RebateHub-Navy);
    border-color: var(--RebateHub-Navy);
    accent-color: var(--RebateHub-Navy);
    margin-bottom: 6px;
}


div:has(>input[type="checkbox"]) > label, div:has(>input[type="radio"]) > label {
    margin: 0 !important;
}
input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    accent-color: var(--RebateHub-Navy);
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    font-size: 2rem;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: white;
    margin-bottom: 6px;
}
    input[type="checkbox"]:focus {
        border: 1px solid #e5e5e5;
        outline: none;
    }
    a:focus {
        outline: none;
    }
    input[type="checkbox"]:checked {
        border: 0.25rem solid var(--RebateHub-Navy);
        background: var(--RebateHub-Navy);
    }
    input[type="checkbox"]::before {
        content: "";
        width: 100%;
        height: 100%;
        clip-path: polygon(28% 38%, 41% 53%, 75% 24%, 86% 38%, 40% 78%, 15% 50%);
        transform: scale(0);
        background-color: white;
        width:16px;
    }
    input[type="checkbox"]:checked::before {
        transform: scale(1);
    }
.rh-scen-section {
    margin: 24px 0 8px 0;
    font-family: Epilogue;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    color: var(--color-1-a-1-a-1-a);
}
.rh-scenario{
    margin-bottom:24px;
}
.rh-bold {
    font-weight: 700;
}
.rh-Tab-Title {
    color: var(--RebateHub-Navy);
    font-family: Epilogue;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    font-size: 16px;
    margin-top: 16px;
}
.rh-Tab-Subtitle {
    color: var(--color-1-a-1-a-1-a);
    font-family: Epilogue;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-top: 24px;
    margin-bottom: 16px;
}
.rh-Tab-Subtitle-secondary {
    color: var(--RebateHub-Navy);
    font-family: Epilogue;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    margin-top: 24px;
}
label {
    color: var(--color-1-a-1-a-1-a);
    font-family: Epilogue;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px !important;
}
.tabBody{
    background:white;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:20px;
}
    .tabBody input:not([type='checkbox']):not([type='radio']), .tabBody select, .tabBody textarea {
        max-width: none;
        border-radius: 8px;
        border: 1px solid var(--e-5-e-5-e-5);
        background: var(--ffffff);
        padding: 8px 16px;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        font-family: Epilogue;
        min-height: 38px;
    }
    .tabBody select {
        max-width: none;
        border-radius: 8px;
        border: none;
        border-right: 10px solid transparent;
        outline: 1px solid var(--e-5-e-5-e-5);
        background: var(--ffffff);
        padding: 8px 16px;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        width: 100%;
    }
.selectize-input {
    border-radius: 8px;
    width:100%;
}
input:disabled, select:disabled, textarea:disabled {
    background-color: var(--e-5-e-5-e-5);
}
input[type='checkbox']:checked:disabled {
    background-color: #5e5e5e;
    border-color: #5e5e5e;
    accent-color: #5e5e5e;
    cursor:not-allowed;
}
.rh-input-addon {
    display: flex;
}
    .rh-input-addon > div:first-child {
        display: flex;
        align-content: center;
        align-items: center;
        background: var(--e-5-e-5-e-5);
        border-radius: 8px 0 0 8px;
    }
    .rh-input-addon > div:last-child {
        display: flex;
        align-content: center;
        align-items: center;
        width:100%;
    }
    .rh-input-addon span {
        color: var(--color-1-a-1-a-1-a);
        font-family: Epilogue;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        margin: auto;
        padding: 0 var(--px-16);
    }
    .rh-input-addon input {
        border-radius: 0px 8px 8px 0px !important;
    }
.rh-nav-pills {
    display: flex;
    gap: 0;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: auto;
    white-space: nowrap;
    background: var(--f-2-f-2-f-2);
}
.rh-nav-pills {
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
    .rh-nav-pills li a {
        color: #808080;
        text-decoration: none;
        background: var(--f-2-f-2-f-2);
        border-radius: 0;
        color: #808080;
        font-family: Epilogue;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
        padding: 8px 16px;
        justify-content: center;
        align-items: center;
        display: flex;
        gap: 8px;
    }
    .rh-nav-pills li.active a {
        background: var(--RebateHub-Navy);
        color: white;
    }
        .rh-nav-pills li:hover a {
            background: var(--RebateHub-Navy);
            color: white;
        }
.rh-btn-group {
    display: flex;
    gap: 1rem;
    margin-top: 16px;
    margin-bottom: 16px;
}
.rh-btn-group > button {
    width:100%;
}
.input-info {
    color: var(--color-1-a-1-a-1-a);
    font-family: Epilogue;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
.declaration {
    color: var(--color-1-a-1-a-1-a);
    font-family: Epilogue;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.rooms-div {
    border-radius: 8px;
    background: #f9fafb;
    border: 1px solid #e0e4ea;
    padding:20px;
}

.rh-nav-pills li:not(.rh-red-dot):not(.rh-red-orange) span:last-child {
    display: none;
}
.rh-nav-pills li.rh-red-dot span:last-child {
    width: 8px;
    height: 8px;
    border-radius: 400px;
    background: #DC1215;
    margin-bottom: 3px;
}
.rh-nav-pills li.rh-red-orange span:last-child {
    width: 8px;
    height: 8px;
    border-radius: 400px;
    background: #ff8c00;
    margin-bottom: 3px;
}

.rh-nav-pills li span {
    white-space:nowrap;
}
.rh-nav-pills li span:first-child:not(:last-child) {
    display: block;
}
.rh-nav-pills li span:nth-child(2) {
    display: none;
}
.img-preview-small {
    gap: var(--px-16);
    display: grid;
    grid-template-columns: repeat(auto-fill, 120px);
}
    .img-preview-small > div {
        width: 120px;
        height:120px;
    }

    .img-preview-small > div > img, .img-preview-small label {
        border-radius: var(--px-16);
        text-align: center;
        font-size: 20px;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        background: var(--f-2-f-2-f-2);
        object-fit: cover;
    }
        .img-preview-small label input {
            display: none;
        }
        .img-preview-small label img {
            width: 24px;
            height: 24px;
        }
.rh-input-file-label input{
    display:none;
}
.rh-input-file-label {
    border-radius: 8px;
    border: 1px dashed #808080;
    background: var(--ffffff);
    color: #808080;
    font-family: Epilogue;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 8px 16px;
    width: 100%;
    position: relative;
}
    .rh-input-file-label::after {
        content: url('../images/upload-file.svg');
        position:absolute;
        right:10px;
    }
.rh-signature-canvas {
    border-radius: 8px;
    border: 1px solid var(--e-5-e-5-e-5);
    background: var(--f-2-f-2-f-2);
    width: 300px;
    height: 120px;
}
.rh-Title {
    color: var(--RebateHub-Navy);
    font-family: Epilogue;
    font-feature-settings: normal;
    font-size: 20px;
    font-style: normal;
    font-variation-settings: normal;
    font-weight: 700;
    line-height: 28px;
    display: flex;
    flex-direction: column;
}
    .rh-Title::after {
        content: '';
        width: 100px;
        border: 2px solid #ccfb50;
        margin:10px 0 10px 0;
    }
.rh-type-div {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 1rem;
}
    .rh-type-div > a{
        text-decoration:none;
    }
    .rh-type-div > a > div {
        width: 24rem;
        height: 24rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border: 2px solid rgb(222, 226, 230);
        border-radius: 1rem;
        padding: 2rem;
        background: white;
    }
    .rh-type-div > a:hover > div {
        border-color: var(--RebateHub-Navy);
    }
    .rh-type-div .rh-icon {
        width: 8rem;
        margin: .5rem;
        margin:auto;
    }
    .rh-type-div .rh-text {
        color: var(--RebateHub-Navy);
        font-family: Epilogue;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        padding: 0;
        margin: 0;
    }
        .rh-type-div .rh-text p {
            color: var(--RebateHub-Navy);
            font-family: Epilogue;
            font-weight: 700;
            line-height: 24px;
            padding: 0;
            margin: 0;
        }
.rh-create-steps {
    display: flex;
    align-items: start;
    align-content: start;
    background: white;
    justify-content: center;
    padding: 20px;
    border-radius: 20px 20px 0 0;
}
    .rh-create-steps > div {
        display: flex;
        flex-direction: column;
        color: rgb(17 25 40);
        font-weight: 500;
        font-size: 18px;
        line-height: 18px;
        text-align: center;
        margin: 0 10px;
    }
        .rh-create-steps > div p {
            display: flex;
            margin: auto;
            align-content: center;
            align-items: center;
            justify-content: center;
            background: var(--RebateHub-Navy-light);
            border-radius: 6rem;
            padding: 5px;
            width: 6rem;
            height: 6rem;
            font-size: 18px;
            color: white;
        }
        .rh-create-steps > div div.active p {
            background: var(--RebateHub-Navy);
        }
        .rh-create-steps > div > div.line {
            margin-top: 3rem;
            width: 100px;
            height: 2px;
            border: 2px solid rgb(231 231 231);
        }
.rh-loading-back {
    position: absolute;
    inset: 0;
    background: #F2F2F2AB;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.rh-loading {
    color: var(--RebateHub-Navy)
}

    .rh-loading,
    .rh-loading div,
    .rh-loading div:after {
        box-sizing: border-box;
    }

.rh-loading {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .rh-loading div {
        animation: rh-loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 40px 40px;
    }

        .rh-loading div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 7.2px;
            height: 7.2px;
            border-radius: 50%;
            background: currentColor;
            margin: -3.6px 0 0 -3.6px;
        }

        .rh-loading div:nth-child(1) {
            animation-delay: -0.036s;
        }

            .rh-loading div:nth-child(1):after {
                top: 62.62742px;
                left: 62.62742px;
            }

        .rh-loading div:nth-child(2) {
            animation-delay: -0.072s;
        }

            .rh-loading div:nth-child(2):after {
                top: 67.71281px;
                left: 56px;
            }

        .rh-loading div:nth-child(3) {
            animation-delay: -0.108s;
        }

            .rh-loading div:nth-child(3):after {
                top: 70.90963px;
                left: 48.28221px;
            }

        .rh-loading div:nth-child(4) {
            animation-delay: -0.144s;
        }

            .rh-loading div:nth-child(4):after {
                top: 72px;
                left: 40px;
            }

        .rh-loading div:nth-child(5) {
            animation-delay: -0.18s;
        }

            .rh-loading div:nth-child(5):after {
                top: 70.90963px;
                left: 31.71779px;
            }

        .rh-loading div:nth-child(6) {
            animation-delay: -0.216s;
        }

            .rh-loading div:nth-child(6):after {
                top: 67.71281px;
                left: 24px;
            }

        .rh-loading div:nth-child(7) {
            animation-delay: -0.252s;
        }

            .rh-loading div:nth-child(7):after {
                top: 62.62742px;
                left: 17.37258px;
            }

        .rh-loading div:nth-child(8) {
            animation-delay: -0.288s;
        }

            .rh-loading div:nth-child(8):after {
                top: 56px;
                left: 12.28719px;
            }

@keyframes rh-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.rh-uploaded-file{
    display:flex;
    gap:5px;

}
.px-none {
    padding-left: 0;
    padding-right: 0;
}
.py-none {
    padding-top: 0;
    padding-bottom: 0;
}

    .rh-radio-inline > div label {
        white-space:nowrap;
    }
.rh-login-body {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    background: var(--RebateHub-Navy);
    width: 100%;
    height: 100%;
    overflow: auto;
}
.rh-login-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    margin: 2rem 16px;
    width: 100%;
    max-width: 480px;
}


    .rh-login-form section {
        display: flex;
        margin:0rem;
        padding: 40px 24px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 40px;
        border-radius: 16px;
        background: #fff;
        width:100%;
    }
    .rh-login-form section form {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

        .rh-login-form section form label {
            margin-bottom:8px;
        }
        .rh-login-form section form a {
            color: var(--RebateHub-Navy);
            text-align: center;
            font-family: Epilogue;
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: 18px;
        }
.rh-login-title {
    color: var(--color-1-a-1-a-1-a);
    text-align: center;
    font-family: Changa;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin:0;
    padding:0;
}
.rh-login-form label {
    color: var(--color-1-a-1-a-1-a);
    font-family: Epilogue;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.rh-login-form input:not([type='checkbox']):not([type='radio']), .rh-login-form select, .rh-login-form textarea {
    max-width: none;
    border-radius: 8px;
    border: 1px solid var(--e-5-e-5-e-5);
    background: var(--ffffff);
    padding: 8px 16px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    color: var(--808080);
    font-family: Epilogue;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.rh-login-form form {
    width: 100%;
}



.rh-selection-title {
    color: #FFF;
    text-align: center;
    font-family: Changa;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin: 0 0 8px 0;
}

.rh-selection-subtitle {
    color: #FFF;
    text-align: center;
    font-family: Epilogue;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.rh-selection-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 2rem;
    gap: 0;
    width: 100%;
}

.selection-link-panel {
    display: flex;
    flex-direction:row;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    width:100%;
}
.selection-link-panel > a {
    width: 100%;
}
.page-selection {
    text-decoration: none;
}
.page-selection > div {
    display: flex;
    padding: 16px 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    background: var(--f-2-f-2-f-2);
}
    .page-selection .rh-icon {
        height:38px;
    }
    .page-selection .rh-text {
        color: var(--RebateHub-Navy);
        text-align: center;
        font-family: Epilogue;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        margin: 0 var(--px-16);
    }
.rh-notification-panel .rh-text {
    color: #FFF;
    text-align: center;
    font-family: Changa;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
}
.rh-notification-item {
    display: flex;
    padding: var(--px-16) var(--px-24);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    border-radius: var(--px-16);
    background: var(--ffffff-10);
}
    .rh-notification-item a {
        color: white;
    }
    .rh-notification-item .glyphicon {
        color: white;
    }
.rh-notification-item .rh-notification-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
}
    .rh-notification-item  .rh-notification-number {
        color: #FFF;
        font-family: Epilogue;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }
    .rh-notification-item .rh-date {
        color: #FFF;
        font-family: Epilogue;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }
    .rh-notification-item .rh-content {
        color: #FFF;
        font-family: Epilogue;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
    }
.rh-notification-arrow {
    display: flex;
    justify-content: center;
    align-content:center;
    align-items:center;
}
.rh-searchDiv {
    position: relative;
    max-width: 800px;
}
    .rh-searchDiv img {
        position: absolute;
        left: 10px;
        width: 16px;
        height: 16px;
        top: 50%;
        transform: translateY(-50%);
        filter: brightness(0) saturate(100%) invert(53%) sepia(1%) saturate(0%) hue-rotate(73deg) brightness(95%) contrast(92%);
    }
    .rh-searchDiv input {
        width: 100%;
        max-width: unset;
        padding-left: 36px;
        border-radius: 400px;
        border: 1px solid var(--e-5-e-5-e-5);
        background: var(--ffffff);
        color: #808080;
        font-family: Epilogue;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        padding-top: 12px;
        padding-bottom: 8px;
    }
.field-validation-valid, .field-validation-error {
    height:unset;
    font-size: 16px;
    display:block;
}

.rh-radio-inline {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex-wrap:wrap;
}

.rh-calc-Title {
    color: var(--RebateHub-Navy);
    font-family: Epilogue;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    font-size: 16px;
    margin-top: 24px;
}
.rh-calc-Subtitle {
    color: var(--color-1-a-1-a-1-a);
    font-family: Epilogue;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 12px;
}
.rh-calc-body {
    gap: 24px;
}


.rh-users, .rh-companies {
    width: 100%;
    border-collapse: initial;
}

.rh-users, .rh-companies, .rh-company-files {
    width: 100%;
    border-collapse: initial;
}
    .rh-users thead th, .rh-companies thead th {
        display: none;
        padding: 1px 16px;
    }

    .rh-companies th:first-child, .rh-companies tr td:first-child {
        text-align: center;
    }

    .rh-users th, .rh-company-files th, .rh-company-files td, .rh-companies th:not(:first-child) {
        text-align: left;
    }

    .rh-users th, .rh-companies th, .rh-company-files th {
        color: var(--RebateHub-Navy);
        font-family: Epilogue;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }
    .rh-users tr:not(.rh-table-divider) td, .rh-companies tr:not(.rh-table-divider) td, .rh-company-files tr td {
        background: white;
        color: var(--RebateHub-Navy);
        font-family: Epilogue;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        padding: 8px 16px;
    }

    .rh-company-files tr td {
        color: #808080;
        font-family: Epilogue;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }
    .rh-company-files tr th {
        color: var(--RebateHub-Navy);
        font-family: Epilogue;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px;
    }
    .rh-company-files td, .rh-company-files th {
        border-bottom: 2px solid #E5E5E5;
        padding: 8px 0px !important;
    }
    .rh-company-files tr td:last-child {
        text-align:end;
    }
    .rh-companies tr:not(.rh-table-divider) td:nth-child(6){
        white-space:nowrap;

    }

    .rh-users tr:not(.rh-table-divider) td, .rh-companies tr:not(.rh-table-divider) td {
        border-radius: 0;
    }
    .rh-users tr:not(.rh-table-divider) td, .rh-companies tr:not(.rh-table-divider) td {
        border: none;
    }
        .rh-users tr:not(.rh-table-divider) td:last-child div, .rh-companies tr:not(.rh-table-divider) td:last-child div {
            display: flex;
            gap: 8px;
            align-items: center;
            justify-content: end;
        }
    .rh-users .inactive, .rh-companies .inactive {
        color: #F4090A;
    }
.rh-icon-disabled {
    filter: invert(92%) sepia(0%) saturate(0%) hue-rotate(335deg) brightness(99%) contrast(97%);
}
.rh-user-details {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex-shrink: 0;
    background:white;
}

    .rh-user-details .subtitle {
        color: var(--RebateHub-Navy);
        font-family: Epilogue;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }
    .rh-user-details div:has(> input[type="checkbox"]){
        align-items:initial;
    }

    .rh-user-details input:not([type='checkbox']):not([type='radio']), .rh-user-details select, .rh-user-details textarea {
        max-width: none;
        border-radius: 8px;
        border: 1px solid var(--e-5-e-5-e-5);
        background: var(--ffffff);
        padding: 8px 16px;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        font-family: Epilogue;
        min-height: 38px;
    }
/*

    Mobile

*/
@media (max-width:767.98px) {
    .rh-nav-pills li:not(:last-child):not(:first-child) {
        display: inline-block;
        margin: 0 5px;
    }

    .rh-nav-pills li:last-child, .rh-nav-pills li:first-child {
        display: inline-block;
        margin: 0;
    }
    .col-sm-12 {
        width: 100%;
    }
    .left-navbar::before {
        content: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='lineAC' d='M 0 0 A 16 16 0 0 0 16 16 l -16 0 l 0 -16' stroke='none' fill='%23e5e8f2'/%3E%3C/svg%3E");
        position: absolute;
        top: -16px;
        left: 16px;
    }
    .left-navbar::after {
        position: absolute;
        top: -16px;
        content: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='lineAC' d='M 0 16 A 16 16 0 0 0 16 0 l 16 0 l 0 16' stroke='none' fill='%23e5e8f2'/%3E%3C/svg%3E");
        right: 16px;
    }
    .top-navbar::before {
        content: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='lineAC' d='M 16 0 A 16 16 0 0 0 0 16 l -16 0 l 0 -16' stroke='none' fill='%23e5e8f2'/%3E%3C/svg%3E");
        position: absolute;
        top: calc(100% + 16px);
        left: 16px;
    }
    .top-navbar::after {
        content: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='lineAC' d='M 0 0 A 16 16 0 0 1 16 16 l 0 -16 l -16 0' stroke='none' fill='%23e5e8f2'/%3E%3C/svg%3E%0A");
        position: absolute;
        top: calc(100% + 16px);
        right: 16px;
    }
}


/*
    ********************************************************************************************************************************
    Desktop
    ********************************************************************************************************************************
*/
@media (min-width: 768px) {
    body {
        display: flex;
        flex-direction: column-reverse;
        gap: var(--px-24);
        overflow: hidden;
        position: absolute;
        height: 100%;
        width: 100%;
    }
    .rh-scen-section {
        margin: 24px 0 8px 0;
        font-family: Epilogue;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        color: var(--color-1-a-1-a-1-a);
    }
    .rh-job-status {
        font-size: 16px;
        line-height: 24px;
    }
    .rh-Tab-Title {
        color: var(--RebateHub-Navy);
        font-family: Epilogue;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        font-size: 24px;
        margin: 0;
    }
    .left-navbar > div > .navbar-links a img{
        width:35px;
        height:auto;
    }
    .rh-Tab-Subtitle {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        margin-top: 40px;
    }
    .jobs-list-div {
        margin: 0;
    }
    .tabBody {
        padding: 40px;
    }
    .calculation-btns {
        display: block;
    }
    label {
        font-size: 16px;
        line-height: 24px;
    }

        .calculation-btns button {
            width: max-content;
        }
    .rh-login-form {
        gap: 40px;
    }
    .rh-radio-inline {
        flex-direction: row;
        column-gap: 40px;
    }
    .jobs-main-title-div {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .jobs-main-title-div > div {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .rh-login-form section {
        margin: 0rem;
        padding: 80px 40px;
        gap: 40px;
    }
    .rh-selection-panel {
        margin: 2rem;
        gap: 40px;
        width: 358px;
    }
    .left-navbar {
        width: 240px;
        min-width: 240px;
        height: 100%;
        position: relative;
        z-index: 2000;
        padding: 0;
        background: white;
        border: none;
        translate: none;
    }
        .left-navbar > div > .navbar-links a span {
            display: block;
            text-align: left;
            font-size: 16px;
            line-height: 24px;
        }
        .left-navbar > div {
            padding: 40px 8px 8px 8px;
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

    .rh-users thead, .rh-companies thead {
        display: table-header-group;
    }

    .rh-users tr:not(.rh-table-divider), .rh-companies tr:not(.rh-table-divider) {
        display: table-row;
    }

    .rh-users thead th, .rh-companies thead th {
        display: table-cell;
    }

    .rh-users tr:not(.rh-table-divider) td:first-child, .rh-companies tr:not(.rh-table-divider) td:first-child {
        border-start-start-radius: 16px;
        border-end-start-radius: 16px;
    }
    .rh-users tr:not(.rh-table-divider) td:last-child, .rh-companies tr:not(.rh-table-divider) td:last-child {
        border-start-end-radius: 16px;
        border-end-end-radius: 16px;
    }

    .rh-users tr:not(.rh-table-divider) td:first-child, .rh-companies tr:not(.rh-table-divider) td:first-child {
        border-top: 1px solid white;
        border-bottom: 1px solid white;
        border-left: 1px solid white;
    }
    .rh-users tr:not(.rh-table-divider) td:last-child, .rh-companies tr:not(.rh-table-divider) td:last-child {
        border-top: 1px solid white;
        border-bottom: 1px solid white;
        border-right: 1px solid white;
    }
    .rh-users tr:not(.rh-table-divider) td:not(:first-child):not(:last-child), .rh-companies tr:not(.rh-table-divider) td:not(:first-child):not(:last-child) {
        border-top: 1px solid white;
        border-bottom: 1px solid white;
    }

    .rh-users tr:not(.rh-table-divider):hover td:first-child, .rh-companies tr:not(.rh-table-divider):hover td:first-child {
        border-top: 1px solid var(--RebateHub-Navy);
        border-bottom: 1px solid var(--RebateHub-Navy);
        border-left: 1px solid var(--RebateHub-Navy);
    }

    .rh-users tr:not(.rh-table-divider):hover td:last-child, .rh-companies tr:not(.rh-table-divider):hover td:last-child {
        border-top: 1px solid var(--RebateHub-Navy);
        border-bottom: 1px solid var(--RebateHub-Navy);
        border-right: 1px solid var(--RebateHub-Navy);
    }

    .rh-users tr:not(.rh-table-divider):hover td:not(:first-child):not(:last-child), .rh-companies tr:not(.rh-table-divider):hover td:not(:first-child):not(:last-child) {
        border-top: 1px solid var(--RebateHub-Navy);
        border-bottom: 1px solid var(--RebateHub-Navy);
    }
    .rh-jobs thead {
        display: table-header-group;
    }
    .rh-jobs tr:not(.rh-table-divider) {
        display: table-row;
    }
    .rh-jobs thead th:nth-child(4) {
        display: none;
    }
    .rh-jobs tbody tr:not(.rh-table-divider) td:nth-child(4){
        display:block;
    }
    .rh-jobs thead th:nth-child(1), .rh-jobs thead th:nth-child(2), .rh-jobs thead th:nth-child(3), .rh-jobs thead th:nth-child(8) {
        display: table-cell;
        white-space: nowrap;
    }
    .rh-jobs tbody tr:not(.rh-table-divider) td:not(:first-child) {
        background: white;
        font-size: 16px;
        font-style: normal;
        padding: 16px;
    }
        .rh-jobs tbody tr:not(.rh-table-divider) td:not(:first-child):not(.customername):not(.address):not(.status) {
            text-align: center;
        }

    .rh-jobs tbody tr:not(.rh-table-divider) td:not(:first-child) {
        border-bottom: 1px solid white;
        border-top: 1px solid white;
    }
    .rh-jobs tbody tr:not(.rh-table-divider):hover td:not(:first-child):not(.customername):not(.address) {
        border-bottom: 1px solid var(--RebateHub-Navy);
        border-top: 1px solid var(--RebateHub-Navy);
    }
    .rh-jobs tbody tr:not(.rh-table-divider):hover td:not(:first-child).customername {
        border-top: 1px solid var(--RebateHub-Navy);
    }
    .rh-jobs tbody tr:not(.rh-table-divider):hover td:not(:first-child).address {
        border-bottom: 1px solid var(--RebateHub-Navy);
    }
    .rh-jobs tbody tr:not(.rh-table-divider) td:not(:first-child).customername {
        padding-bottom: 0px;
    }

    .rh-jobs tbody tr:not(.rh-table-divider) td:not(:first-child).address {
        padding-top: 0px;
    }
        .rh-jobs tbody tr:not(.rh-table-divider) td:not(:first-child):not(.rh-job-manage-btn) {
            margin:0;
        }
    .rh-jobs tr:not(.rh-table-divider) td:first-child {
        border-radius: 12px 0 0 12px;
        padding:16px;
    }
        .rh-jobs tr:not(.rh-table-divider) td:first-child > div > div {
            display: none;
        }
        .rh-jobs tr:not(.rh-table-divider) td:first-child > div {
            justify-content:center;
        }
    .rh-jobs tr:not(.rh-table-divider) td:last-child {
        border-radius: 0 12px 12px 0;
        text-align: center;
    }
    .rh-jobs tr:not(.rh-table-divider) td:last-child {
        border-right: 1px solid white;
    }
    .rh-jobs tr:not(.rh-table-divider):hover td:last-child {
        border-right: 1px solid var(--RebateHub-Navy);
    }
    .rh-job-manage-btn {
        position: relative;
        background: white !important;
        top: 0;
        bottom: 0;
        padding:16px !important;
    }

        .rh-job-manage-btn a {
            padding: 0;
            gap: 8px;
        }
    .rh-jobs tr:not(.rh-table-divider) .rh-job-manage-btn a {
        color: #808080;
    }
        .rh-jobs tr:not(.rh-table-divider) .rh-job-manage-btn a img {
            filter: invert(54%) sepia(10%) saturate(7%) hue-rotate(109deg) brightness(91%) contrast(98%);
        }

    .rh-jobs tr:not(.rh-table-divider):hover .rh-job-manage-btn a {
        color: var(--RebateHub-Navy);
    }

        .rh-jobs tr:not(.rh-table-divider):hover .rh-job-manage-btn a img {
            filter: unset;
        }
        .rh-job-manage-btn span {
            display: inline;
        }
    .rh-table-divider {
        display: table-row;
    }
    .left-navbar > div > img.logo {
        display: block;
    }
    .left-navbar > div > .navbar-links {
        flex-direction: column;
    }

    .left-navbar > div > .navbar-links > div {
        flex-direction: column;
    }
    body {
        flex-direction: row;
        gap: var(--px-24);
        background: white;
        padding: var(--px-24);
    }
    .left-navbar > div > .navbar-links a {
        flex-direction: row;
        gap:24px;
        justify-content:start;
    }
    .body-content {
        overflow: auto;
        padding: 40px;
        border-radius: var(--px-16);
        background: var(--rebate-hub-navy-10);
        width: 100%;
        height: 100%;
        margin: 0;
    }
    #username {
        display: flex;
        gap:20px;
    }
    #username img {
        width:16px;
        height:16px;
    }

    .Page-title {
        font-family: Changa;
        font-size: 40px;
        line-height: 48px;
    }

    .rh-jobs tbody tr:not(.rh-table-divider) td:nth-child(2), .rh-jobs tbody tr:not(.rh-table-divider) td:nth-child(3) {
        display: table-cell;
    }
    .rh-jobs tr .rh-td-label {
        display: none;
    }
    .top-navbar {
        display:none;
    }
    .jobs-search-div {
        padding: 0;
        margin-bottom: 40px;
        flex-wrap: initial;
    }
    .rh-jobs tbody tr:not(.rh-table-divider) td:nth-child(5) {
        text-align: left;
    }
    .rh-nav-pills li span:first-child:not(:last-child) {
        display: none;
    }

    .rh-nav-pills li {
        display: unset;
        margin: 0;
    }
    .rh-nav-pills li span:nth-child(2) {
        display: block;
    }
    .rh-nav-pills {
        gap: 8px;
        background: #e5e8f2;
    }
        .rh-nav-pills li a {
            border-radius: var(--px-16) var(--px-16) 0px 0px;
            font-size: 16px;
            line-height: 24px;
        }
    .rh-btn-group {
        display: block;
    }

        .rh-btn-group > button {
            width: unset;
        }


    .rh-audit-request tr td {
        display: table-cell;
    }
    .rh-audit-request thead th {
        display: table-cell;
    }

    .rh-audit-request tr:not(.rh-table-divider) {
        display: table-row;
    }
        .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse) td:first-child {
            border-radius: 12px 0 0 12px;
            padding: 16px;
        }

        .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse) td:last-child {
            border-radius: 0 12px 12px 0;
            padding: 12px;
        }

            .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse) td:first-child > div > div {
                display: none;
            }

            .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse) td:first-child > div {
                justify-content: center;
            }

    .rh-audit-request tr .rh-td-label {
        display: none;
    }
    .rh-audit-request tr td.border-td {
        display: table-cell;
    }
    .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse) td.collapse-btn {
        background: white !important;
        padding: 16px;
        padding-right: 0px;
        min-height: 80px;
    }
    .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse) td a {
        padding-right: 0;
        justify-content: end;
    }
    .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse) td:not(:first-child) {
        border-top: 1px solid white;
    }
    .rh-audit-request tr:not(.rh-table-divider).rh-table-collapse td {
        border-bottom: 1px solid white;
    }
    .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse):hover td:not(:first-child), .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse):has(+ tr.rh-table-collapse:hover) td:not(:first-child) {
        border-top: 1px solid var(--RebateHub-Navy);
    }
    .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse):hover td:last-child, .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse):has(+ tr.rh-table-collapse:hover) td:last-child {
        border-right: 1px solid var(--RebateHub-Navy);
        border-bottom: 1px solid var(--RebateHub-Navy);
    }
    .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse):hover + tr.rh-table-collapse td, .rh-audit-request tr:not(.rh-table-divider):not(.rh-table-collapse):has(+ tr.rh-table-collapse:hover) + tr.rh-table-collapse td {
        border-bottom: 1px solid var(--RebateHub-Navy);
    }
}
@media (min-width: 1360px){
    .rh-searchDiv input {
        width: 560px;
        max-width: unset;
        margin-left:auto;
    }
}
.rh-jobs tbody tr:not(.rh-table-divider) td:nth-child(5) .rh-td-label {
    display: block;
}
@media (min-width: 768px) and (max-width: 1259.98px) {

    .rh-jobs tbody td:nth-child(1), .rh-jobs tbody td:nth-child(2), .rh-jobs tbody td:nth-child(3), .rh-jobs tbody td:nth-child(8) {
        display: table-cell;
    }
    .rh-jobs tbody td:nth-child(5), .rh-jobs tbody td:nth-child(6), .rh-jobs tbody td:nth-child(7) {
        display: block;
    }

    .rh-jobs tbody td:nth-child(5) {
        border-bottom: none !important;
    }
    .rh-jobs tbody td:nth-child(6) {
        border-bottom: none !important;
        border-top: none !important;
    }
    .rh-jobs tbody td:nth-child(7) {
        border-top: none !important;
    }
    .rh-jobs thead th:nth-child(1), .rh-jobs thead th:nth-child(2), .rh-jobs thead th:nth-child(3), .rh-jobs thead th:nth-child(5), .rh-jobs thead th:nth-child(8) {
        display: table-cell;
    }
    .rh-jobs tbody tr:not(.rh-table-divider) td:nth-child(5) {
        text-align: left;
    }

    .rh-jobs thead th:nth-child(5) span:first-child {
        display: block;
    }

    .rh-jobs thead th:nth-child(5) span:last-child {
        display: none;
    }

    .rh-jobs tbody tr:not(.rh-table-divider) td:nth-child(4) .rh-td-label, .rh-jobs tbody tr:not(.rh-table-divider) td:nth-child(5) .rh-td-label, .rh-jobs tbody tr:not(.rh-table-divider) td:nth-child(6) .rh-td-label, .rh-jobs tbody tr:not(.rh-table-divider) td:nth-child(7) .rh-td-label {
        display: block;
        text-align: left;
    }
}
@media (min-width: 1260px) {

    .rh-jobs tbody td:not(.customername):not(.address) {
        display: table-cell;
    }

    .rh-jobs thead th {
        display: table-cell;
    }
    .rh-jobs thead th:nth-child(5) span:first-child {
        display: none;
    }

    .rh-jobs thead th:nth-child(5) span:last-child {
        display: block;
    }
    .rh-progressbar {
        justify-content: center;
    }
    .rh-jobs tbody tr:not(.rh-table-divider) td:nth-child(5) > .rh-td-label {
        display: none;
    }
}

.view-switch-radio .active {
    background: var(--RebateHub-Navy);
    color: white;
    border: 2px solid #befb00;
}
.view-switch-radio button {
    text-decoration: none;
    min-width: 150px;
    border: none;
    font-weight: 700;
    width: 100%;
    padding: 4px 16px;
}
    .view-switch-radio button:not(.active):hover {
        background: var(--RebateHub-Navy);
    }
    .view-switch-radio button.active:hover {
        background: var(--RebateHub-Navy);
    }
.view-switch-radio :not(.active) {
    background: #e1e1e1;
    border: 2px solid #e1e1e1;
    color: white;
}

    .view-switch-radio button:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .view-switch-radio button:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.view-switch-radio {
    display: flex;
    justify-content: center;
}

@media (min-width: 768px) {
    .desktop-visable {
        display: block;
    }
    .mobile-visable{
        display:none;
    }
    .view-switch-radio button {
        width:unset;
    }
}

.progress-bar-popover-title {
    font-size: 24px;
    line-height: 36px;
    text-decoration: none;
    color: rgb(228, 68, 68);
    text-align: center;
    padding: 15px 0;
}

.progress-bar-popover-wrapper {
    position: relative;
    margin-top: 1.5rem;
    display: inline-block;
}

.progress-bar-popover-content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transform: translate(0, 0);
    background-color: white;
    padding: 0;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.31);
    width: auto;
    border-radius: 8px;
    border: 1px solid #b9b9b9;
}

.progress-bar-popover-wrapper .progress-bar-popover-content.showDown {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -30px) !important;
    transition: transform 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97), opacity 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
    top: 0;
}

.progress-bar-popover-wrapper .progress-bar-popover-content.showUp {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, 30px) !important;
    transition: transform 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97), opacity 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
    top: 0;
}

.progress-bar-popover-message {
    text-align: center;
}

.progress-bar-popover-content span.red {
    color: #ff0000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z' fill='%23ff0000'%3E%3C/path%3E%3C/svg%3E");
}

.progress-bar-popover-content span.yellow {
    color: #ff8c00;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8' fill='%23ff8c00'%3E%3C/path%3E%3Cpath d='M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z' fill='%23ff8c00'%3E%3C/path%3E%3C/svg%3E");
}

.progress-bar-popover-content span.green {
    color: #007f00;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 5.18 10.59 16.6l-4.24-4.24 1.41-1.41 2.83 2.83 10-10zm-2.21 5.04c.13.57.21 1.17.21 1.78 0 4.42-3.58 8-8 8s-8-3.58-8-8 3.58-8 8-8c1.58 0 3.04.46 4.28 1.25l1.44-1.44C16.1 2.67 14.13 2 12 2 6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10c0-1.19-.22-2.33-.6-3.39z' fill='%23007f00'%3E%3C/path%3E%3C/svg%3E");
}

.progress-bar-popover-content span {
    background-position: 0 6px;
    background-size: 20px;
    background-repeat: no-repeat;
    font-family: Epilogue;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 6px 16px 6px 32px;
    font-size: 14px;
    cursor: pointer;
    height: 30px;
    display: inline-block;
}

.progress-bar-popover-content ul {
    text-align: left;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

    .progress-bar-popover-content ul li {
        padding: 3px 16px;
        white-space: nowrap;
    }

        .progress-bar-popover-content ul li:first-child {
            border-radius: 8px 8px 0 0;
        }

        .progress-bar-popover-content ul li:last-child {
            border-radius: 0 0 8px 8px;
        }

        .progress-bar-popover-content ul li:hover {
            background: #f2f2f2;
        }