/* ========================== */
/* Dropdown Trees */
.paged-job-cat-wrap h3{
    font-family: "Open Sans Semibold";
}
.paged-job-comp-holder h3,
.paged-job-comp-holder h4{
    font-family: "Open Sans Bold";
}

.paged-job-wrap h1, 
.paged-job-wrap h2, 
.paged-job-wrap h3{
    color: var(--main-orange-dark);
}
.paged-job-inner-wrap{
    padding-left: unset;
    padding-right: unset;
}
.paged-job-apply{
    background-color: var(--main-orange-dark);
}
.e-treeview.e-fullrow-wrap .e-text-content {
    display: flex;
    align-items: center;
    overflow-x: hidden;
}
.e-ul:nth-child(n+1) {
    padding-left: 0px !important;
}
.e-treeview {
    margin-left: unset;
}
    .e-treeview .e-list-text {
        padding: 0 0 0 10px;
        flex-grow: 1;
    }
        .e-treeview .e-list-text .row {
            justify-content: space-between;
            align-items: center;
        }
.paged-job-cat-list .text-info {
    background: var(--main-orange-dark);
    border: 1px solid var(--main-orange-extradark);
    border-radius: 5px;
    right: 30px;
    padding: unset;
    line-height: 0.85rem;
    width: 35px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center !important;
    opacity: 0.65;
}
    .paged-job-cat-list .text-info span {
        color: var(--white);
        font-size: 0.75rem;
    }
.e-list-item:not(.e-node-collapsed):not(.e-checklist) .text-info {
    opacity: 1;
}
.e-checkbox-wrapper[aria-checked="true"] + .e-list-text .text-info {
    opacity: 1;
}
.paged-job-cat-wrap .btn-clear {
    background-color: var(--light-orange);
}
    .paged-job-cat-wrap .btn-clear:hover {
        background-color: var(--light-brown);
    }
    .paged-job-cat-wrap .btn-clear:hover {
        color: var(--white);
    }
.paged-job-cat-list .e-checkbox-wrapper .e-frame.e-check, .paged-job-cat-list .e-css.e-checkbox-wrapper .e-frame.e-check, .paged-job-cat-list .e-checkbox-wrapper .e-frame.e-stop, .paged-job-cat-list .e-css.e-checkbox-wrapper .e-frame.e-stop {
    background-color: var(--main-orange);
    border-color: var(--main-orange);
}
.e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame {
    background-color: transparent;
    border-color: var(--light-orange);
    border-radius: 5px;
}
    .e-checkbox-wrapper:hover .e-frame, .e-css.e-checkbox-wrapper:hover .e-frame {
        background-color: transparent;
        border-color: var(--main-orange);
    }
.paged-job-cat-list::-webkit-scrollbar-thumb{
    background-color: var(--light-orange-light);
    border-radius: 10px;
}
/* Pagination */
.dx-pager .page-link {
    font-size: 12px;
    padding: 4px 13px !important;
    color: var(--main-orange) !important;
}
.dx-pager .page-item.active .page-link {
    color: white !important;
    background-color: var(--main-orange);
    border-color: var(--main-orange);
}
.page-item .dxbs-pager-prev,
.page-item .dxbs-pager-next,
.page-item .dxbs-pager-first,
.page-item .dxbs-pager-last {
    color: var(--main-orange);
}
.page-item.disabled .dxbs-pager-prev,
.page-item.disabled .dxbs-pager-next,
.page-item.disabled .dxbs-pager-first,
.page-item.disabled .dxbs-pager-last {
    color: var(--light-orange);
}
.page-item.disabled .page-link,
.page-link {
    border-color: var(--light-orange);
}

/* ========================== */
/* Job Detail Page */
.job-detail-info-wrap .job-detail-info tr {
    margin-bottom: 0.2rem;
}
.job-detail-info-wrap .job-detail-info tr td:nth-of-type(2n){
    padding-right: 5px;
}
.job-detail-info-wrap .job-detail-info .img {
    position: relative;
    top: -2px;
}
    .job-detail-info-wrap .job-detail-info .img img {
        height: 20px;
        width: 20px;
        padding-right: 5px;
    }
.job-detail-reg-cta-block,
.job-detail-related-jobs-block {
    background: rgba(232,232,232,0.3);
    padding: 10px 20px;
    margin-bottom: 1rem;
}
.job-detail-reg-cta-block hr,
.job-detail-related-jobs-block  hr{
    margin: 0.7rem 0;
}
.job-detail-reg-cta-block .cta-btns .btn {
    padding: 5px 10px;
    border-radius: 3px;
    margin: unset;
}
.job-detail-related-jobs-block .related-job{
    margin-bottom: 1rem;
}
    .job-detail-related-jobs-block .related-job:last-of-type {
        margin-bottom: unset;
    }