@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Sora:wght@100..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

:root {
    --nx-dashboard-bg: #f8fbff;
    --nx-dashboard-text: #111827;
    --nx-dashboard-muted: #64748b;
    --nx-dashboard-border: #cfdae8;
    --nx-dashboard-primary: #2563eb;
    --nx-text-primary: #121b2b;
    --nx-heading-font: "Sora", sans-serif;
    --white: #fff;
    --ind-text: #C3CCD0;
    --primary: #2563eb;
}

::-webkit-scrollbar {
    width: .8rem;
}

::-webkit-scrollbar-track {
    background: #ECF3F6;
}

::-webkit-scrollbar-thumb {
    background-color: #B8CDD7;
    border-radius: 6px;
    border: 2px solid #f1f1f1;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #507b8b;
}

.current-badge-green {
    padding: .5em;
    border-radius: 16px;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--main-font);
    background-color: var(--current-bg);
    color: var(--current);
}

.current-badge-green:hover {
    color: var(--current);
}

.current-badge-orange {
    padding: .5em;
    border-radius: 16px;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--main-font);
    background-color: var(--incative-bg);
    color: var(--incative);
}

.current-badge-orange:hover {
    color: var(--incative);
}

.current-badge-purple {
    padding: .5em;
    border-radius: 16px;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--main-font);
    background-color: var(--planed-bg);
    color: var(--planed);
}

.current-badge-purple:hover {
    color: var(--planed);
}

.current-badge-yellow {
    padding: .5em;
    border-radius: 16px;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--main-font);
    background-color: var(--past-bg);
    color: var(--past);
}

.current-badge-yellow:hover {
    color: var(--past);
}

.formbuilder-radio-group.form-group.field-radio-group-1716211567679 {
    margin-bottom: 15px;
}

.btn.btn-lightblue {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 1.2rem;
    padding: .7rem;
}

.dropdown.profile-drop {
    background-color: var(--secondary);
    border-radius: .5rem;
}

.btn-check:focus+.btn.btn-lightblue,
.btn.btn-lightblue:focus {
    border-radius: 40px;
}

.chices-crm-main-header.collapsed h1 {
    margin-left: 15%;
    transition: all 0.5s;
}

.chices-crm-main-header.collapse-in h1 {
    margin-left: 30.6%;
    transition: all 0.5s;
    text-align: start;
    font-size: 1.6rem;
}

.dashboard-link:hover,
.dashboard-link.active .dashboard-icon path,
.dashboard-link:hover .dashboard-icon path {
    fill: var(--white);
}

.dropdown-item.active,
.dropdown-item:active {
    color: inherit;
}

input[type="checkbox"]:disabled {
    cursor: default;
    opacity: 0.5;
}

.top-header-bar-2 li i.fa {
    color: var(--light-blue);
    vertical-align: middle;
    font-size: 2.1rem;
    width: 65px;
    height: 65px;
    padding: .7em;
    background-color: var(--secondary);
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.side-panel.prompt-history-panel a:hover {
    background-color: #f4f4ee !important;
}

.hopscotch-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9990;

    pointer-events: none;
}

.hopscotch-highlight {
    position: relative;
    z-index: 10001 !important;

    box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.9) !important;
    outline: 3px solid #ffcc00;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;

    pointer-events: auto;
}

.hopscotch-highlight:not(:hover) {
    background-color: rgba(255, 255, 255) !important;
    color: var(--text) !important;
}

.hopscotch-highlight.dashboard-link.active .dashboard-icon path {
    fill: #6393A9;
}

.hopscotch-highlight.dashboard-link.active:hover .dashboard-icon path,
.hopscotch-highlight.dashboard-link.active:active .dashboard-icon path {
    fill: #ffffff;
}

.dropdown-menu.walk-through {
    max-height: 20rem;
    min-width: 600px;
    overflow-y: auto;
}

.upload-btn-wrapper.pop {
    background-color: var(--table-head);
    height: 100px;
    border-radius: 15px;
    border: 2px dotted #d9d9d9;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
}

h4.inside-heading-cus.first a {
    color: var(--text);
    font-weight: 600;
}

.row.main-thead h5.top-heading-cus {
    font-size: 1rem;
    padding: 1rem;
}

.col-md-4.label_col label {
    font-size: 1rem;
    font-weight: 500;
    padding: 1rem .5rem;
    color: var(--description);
}

h4.red {
    color: #FF3B30;
}

.home-detail-left h4 {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 26.8px;
}

p.mb-2.last-full {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 33px;
}

.card-inner {
    font-family: "poppins", sans-serif;
}

.card-inner p {
    font-size: 1.2rem;
    line-height: 30px;
    font-weight: 600;
    color: var(--text);
}

.card-employe::before {
    content: "";
    height: 70px;
    position: absolute;
    top: 44px;
    left: 0;
}

.ce2::before {
    border-left: 6px solid var(--green);
}

.ci-1 h1 {
    color: var(--green) !important;
    color: var(--green) !important;
}

.card-inner.ci-green.mt-3 p {
    color: var(--white);
}

.btn-check:active+.btn-light,
.btn-check:checked+.btn-light,
.btn-light.active,
.btn-light:active,
.show>.btn-light.dropdown-toggle {
    border-color: #c3ccd1;
}

.datepicker table tr:nth-child(odd) {
    background: #f4f4f4;
}

.datepicker table tr td.active.active {
    color: #ffffff !important;
}

.datepicker.datepicker.datepicker-dropdown {
    z-index: 1500 !important;
}

select.w-100 {
    border: 1px solid #ced4da;
}

input.form-control.search-name.me-2 {
    width: auto;
    font-size: 1.3rem;
    padding: 8px 30px;
    border-radius: 5px;
    background-color: transparent !important;
    border: 1px solid var(--border-outgray);
    color: var(--text) !important;
}

.commonform1 {
    border-radius: 25px !important;
}

#Newtable,
#New,
.commonform {
    border-radius: 1.5rem !important;
}

.vertical-line {
    border-left: 2px solid black;
    height: 1.5rem;
    text-align: center;
    position: absolute;
    top: -1.5rem !important;
    left: 50%;
}

.left-horizontal-line {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(-100%, -50%);
    border-top: 2px solid #0D2C48;
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: inherit;
}

td {
    vertical-align: middle;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 30px;
}

.table-views {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.table-views img {
    background-color: var(--secondary);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: .4em;
}

nav.crm-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: ">";
}

ol.breadcrumb.crm-breadcrumb-inner,
.home-document-modal-card label {
    margin-bottom: .5rem;
    font-weight: 500;
}

#calendar .fc-view-container table {
    border: none;

    border-radius: 25px;

    box-shadow: none;
}

#calendar .fc-view-container table thead {
    border: none;
    border: none;
}

#calendar .fc-view-container {
    box-shadow: none;
    border-radius: 25px;
    overflow: hidden;
}

.house-card.mb-4 h6 {
    font-size: 1.3rem;
}

li.traker-li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 20px;
    padding: 1em 1.5em;
    color: var(--text);
}

ul.tracker-ui::-webkit-scrollbar {
    width: 8px;
}

ul.tracker-ui::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.house-info img {
    border-radius: 50%;
    width: 140px;
    height: 140px;
    margin: auto;
    margin-bottom: 8px;
}

.house-info p {
    font-size: 1rem;
    font-weight: 500;
    color: var(--text);
}

.house-info span {
    color: var(--border-outgray);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 30px;
}

.house-info {
    border-bottom: 1px solid #EEEAEA;
}

p.house-p {
    font-size: 1.1rem;
    font-weight: 500;
}

.edits svg {
    background-color: var(--primary);
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
    border-radius: 50%;
    padding: .5em;
    width: 2.5rem;
    height: 2.5rem;
}

.edits {
    background-color: var(--secondary);
    flex-grow: 1;

    border-radius: .7rem;
    text-align: center;
    height: 9rem;
    padding: 1rem;
}

.edits.edit-round {
    background-color: transparent;
    border: 1px solid var(--primary);
}

.bootstrap-select .dropdown-item.active:hover {
    color: #000000;
    background-color: #0d6efd !important;
}

.home-grey-btn-cus h3 {
    font-size: .9rem;
    margin: 0;
    color: #7a7a7a;
    font-weight: 400;
}

.home-grey-btn-cus.admin-home {
    border: 1px solid #c6c6c6 !important;
    border-radius: 10px;
    padding: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
}

input.form-control::placeholder {
    font-size: 1.3rem;
    color: var(--graph);
}

.border-radius-end-0,
.right-radius-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.card.card-edit.top-cards {
    overflow-y: scroll;
    height: 75vh;
}

.edits.active svg path,
.edits:hover svg path {
    background-color: white;
    fill: var(--primary) !important;
}

.edits.active,
.edits:hover,
a.solo-btn-tab:hover,
a.solo-btn-tab.active {
    background-color: var(--primary);
    color: white;
}

.edits.active svg,
.edits:hover svg {
    background-color: white;
}

.Recruitmtnt-main-section3.download_report_employee {
    max-width: 100% !important;
    width: 100%;
    margin: 0;
}

.row.form-group.name p,
.row.form-group.phone p {
    font-weight: 500;
}

.activity-newbtns a.blue-btn-pol,
.activity-newbtns a.blue-btn-outline-pol {
    padding: .6em 2.5em;
    font-size: 1rem;
}

.activity-newimg img {
    border-radius: 1rem;
    margin-bottom: 10px;
    width: 100%;
    height: 15rem;
    object-fit: cover;
    object-position: top;
}

.row.row-in.acknowledgement-main-activity-suit-c {
    position: absolute;
    bottom: 30px;
    left: 0;
    padding: 0 30px 0;
}

.row.row-in.acknowledgement-main-activity-suit-c h2 {
    color: white;
    font-weight: 600;
    padding-left: 1rem;
}

.row.row-in.acknowledgement-main-activity-suit-c i.fa.fa-gbp {
    color: white !important;
    padding-right: 5px;
}

.row.row-in.acknowledgement-main-activity-suit-c p {
    color: white;
    font-size: 1rem;
    font-weight: 500;
}

.homes_activity_suit_details .acknowledgement-main-activity-suit-row-b {
    padding: 0em 1.5em;
}

.homes_activity_suit_details .acknowledgement-main-activity-suit {
    background: white;
    box-shadow: 0 0 41px 0 rgb(0 0 0 / 4%);
    border-radius: 2em;
    border: none;
}

.homes_activity_suit_details .acknowledgement-main-activity-suit img {
    width: 100%;
    padding: 22px;
    border-radius: 2.5rem !important;
    height: 25rem;
    object-fit: cover;
    object-position: center;
}

.newcost-left i.fa.fa-gbp,
.newcost-right i.fa.fa-gbp {
    color: var(--text) !important;
    font-size: 1rem;
}

.img-gradient::after {
    content: "";
    position: absolute;
    top: 60%;
    left: 21px;
    right: 21px;
    bottom: 21px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0));
    pointer-events: none;
    border-radius: 1rem;
}

td.twoc.editable-box {
    color: var(--text);
    font-style: normal;
}

.row.main-thead {
    background-color: var(--table-head);
    display: flex;
    align-items: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

h5.top-heading-cus {
    font-size: 1.3rem;
    padding: .6em 1.5em;
    color: var(--description);
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.independance-work-page .acknowledgement_main_form1 input[type="checkbox"] {
    box-shadow: none;
    height: 20px;
    width: 20px;
    margin-left: 0;
    background-color: #ECF2F4;
    border: 1px solid var(--ind-text);
}

.independance-work-page .main-reffral-form-cus .form-row h4.inside-content-cus.first {
    font-size: 1.1rem;
    margin-left: 20px;
    padding: 0 10px;
}

.independance-work-page .form-row.inside-row-cus.testarea-col {
    padding: 20px 30px 20px 30px !IMPORTANT;
}

.independance-work-page .form-row.inside-box-border-row-cus {
    text-align: center;
    border: 1px solid #eaecf0;
    margin: 30px 25px;
    padding: 25px 0 !IMPORTANT;
    background: var(--secondary);
    border-radius: 20px;
}

.independance-work-page .form-row.inside-box-border-row-cus a.signhere-btn-cus {
    margin: 15px auto;
}

.general-information h2 {
    font-weight: 600;
    padding: .5em 1em;
    font-size: 1.3rem;
    font-family: "Montserrat", sans-serif;
    background-color: var(--table-head);
    color: var(--text);
    margin-bottom: 0px;
    border-radius: 1.4rem 1.4rem 0 0;
}

.general-information-4 {
    background-color: #f6f8f9;
    padding: 30px;
    border-radius: 1rem;
    margin-bottom: 20px;
}

.col-md-12.general-information-1.gen-map a {
    color: var(--primary);
    text-decoration: underline;
    font-weight: 500;
}

.general-information-4 h3 {
    font-weight: 600;
    font-size: 1.5rem;
    color: var(--text);
}

.col-md-12.general-information-1 {
    background-color: var(--white);
    box-shadow: 0 0 41px 0 rgb(0 0 0 / 4%);
    border-radius: 2em;
}

.col-md-12.general-information-4.gen-4,
.col-md-12.general-information-1.gen-1 {
    border-radius: 0 0 2em 2em;
}

.col-md-12.general-information-1 h3 {
    font-weight: 600;
    font-size: 1.6rem;
    color: var(--text);
}

.col-md-12.general-information-1.gen-map {
    padding: 1.5em;
}

.Recruitmtnt-main-section3 h5.general-information-6 {
    margin: 1.5rem 0 5px;
    color: var(--text);
    font-weight: 600;
    text-align: left;
    font-size: 1.5rem;
}

.col-md-12.general-information-1.gen-1.gen-map-1 {
    padding: 0em 2em;
}

.gen-1 {
    border-radius: 0 0 2em 2em !important;
}

ul.worksheetul {
    margin-top: 1rem;
    padding: 0 0rem 0 1rem;
    list-style: disc;
}

ul.worksheetul li {
    font-size: 1rem;
    font-weight: 500;
    color: var(--description);
    padding: .3em 0;
}

.general-information-1 .switch-btn label {
    font-weight: 400;
    display: block;
    float: right;
    margin-right: 40px;
    margin-bottom: 15px;
}

.row.form-group.gen-u {
    margin-bottom: 2em;
}

h4.general-information-5 {
    font-size: 1.2rem;
    margin: 0;
    padding: 1rem 0px 5px 0;
}

.col-md-12.outerh3 h3 {
    padding: .4rem 0;
    font-size: 1.6rem;
    font-weight: 600;
}

.col-md-8.value_col label {
    font-size: 1rem;
    font-weight: 500;
    padding: 1rem .5rem;
    color: var(--text);
    font-weight: 600;
}

.main-job-advert-table-sec-cus1 table {
    overflow: hidden !important;
    width: 100%;
    box-shadow: 0 0 41px 0 rgb(0 0 0 / 4%);
}

i {
    font-size: 1.5rem;
    color: var(--light-blue) !important;
}

.btn_check_cus div#crm-sel-attendee h4 {
    width: 100%;
    border-radius: 5px;
    padding: 12px 0px;

    border: 1px solid var(--primary);
    color: var(--primary);
    text-align: center;
    font-size: 15px;
}

.card.card1 {
    box-shadow: 0 0 41px 0 rgb(0 0 0 / 4%);
    border-radius: 1.5rem;
}

.allbtns {
    width: 100%;
    display: flex;
    gap: 10px;
}

.modal-footer {
    border-top: none;
    padding: 0;
}

.icon-doc {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: end;
}

.employees_streength_weakness .strength-and-weakness-1 {
    padding: .7em 2em;
    border-bottom: 1px solid #EAECF0;
}

.row.strength-and-weakness {
    border-radius: 2em !important;
    background-color: var(--white);
    margin: 0 5px;
    max-width: 100% !important;
    margin-bottom: 0;
    box-shadow: 0 0 41px 0 rgb(0 0 0 / 4%);
}

input.uploadimg.form-control {
    border: 1px solid var(--ind-text) !important;
    border-radius: 2em ! IMPORTANT;
}

.train-head {
    background-color: var(--table-head);
    border-top-left-radius: 2em;
    border-top-right-radius: 2em;
    padding: .2em 1.5em;
}

h2.page-title-cus {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--text);
}

.train-main {
    background-color: white;
    border-radius: 2em;
    box-shadow: 0 0 41px 0 rgb(0 0 0 / 4%);
}

input.point {
    border-radius: .7em;
    border: 1px solid var(--ind-text);
}

.attend,
.common-ad {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: 0 !important;
    outline: 0 !important;
    outline-offset: -2px;
}

button.btn.dropdown-toggle.btn-light {
    padding: 1em;
    background-color: transparent;
}

.lenservice.house-info {
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #80808038;
}

.employecheck {
    display: flex;
    gap: 10px;
}

.common-input {
    border: 1px solid var(--ind-text) !important;
}

.Recruitmtnt-main-section3-main-row .card {
    width: 90%;
    position: relative;
    border: 1px solid #2b7ed6;
    box-shadow: 10px 10px 14px 2px #2b7ed61f;
}

.Recruitmtnt-main-section3-main-row .right_side .card::after {
    content: "";
    position: absolute;
    top: 35px;
    right: -55px;
    width: 55px;
    height: 6px;
    background-color: #2b7ed6;
}

.Recruitmtnt-main-section3-main-row .right_side .card::before {
    content: "";
    position: absolute;
    top: 35%;
    right: -58px;
    width: 24px;
    height: 24px;
    border-top: 6px solid #2b7ed6;
    border-right: 6px solid #2b7ed6;
    transform: rotate(45deg);
}

.Recruitmtnt-main-section3-main-row .down_side .card::after {
    content: "";
    position: absolute;
    bottom: -42px;
    left: 156px;
    width: 6px;
    height: 42px;
    background-color: #2c7dd6;
    transform: translateX(-50%);
}

.Recruitmtnt-main-section3-main-row .down_side .card::before {
    content: "";
    position: absolute;
    bottom: -53px;
    left: 43.7%;
    width: 24px;
    height: 24px;
    border-top: 6px solid #2c7dd6;
    border-right: 6px solid #2c7dd6;
    transform: rotate(136deg) translateX(-50%);
}

.Recruitmtnt-main-section3-main-row .left_side .card::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -55px;
    width: 55px;
    height: 6px;
    background-color: #2c7dd6;
}

.Recruitmtnt-main-section3-main-row .left_side .card::before {
    content: "";
    position: absolute;
    top: 37%;
    left: -58px;
    width: 24px;
    height: 24px;
    border-top: 6px solid #2c7dd6;
    border-right: 6px solid #2c7dd6;
    transform: rotate(-136deg);
}

.button-not-allowed {
    cursor: not-allowed !important;
    pointer-events: auto !important;
}

.row.interview-tab {
    border-top: 2px solid #E9EDF0;
    padding-top: 1.5rem;
}

a.solo-btn-tab img {
    width: 1.5rem;
    height: 1.5rem;
}

hr.cream {
    color: #dbc9c9;
    margin: 1rem 0;
}

.mints {
    text-align: right;
    font-size: .8rem;
    color: #a3a9ac;
}

.sub_name {
    color: var(--text);
    font-size: 1.1rem;
}

.content-cv {
    color: #A4AAAD !important;
}

.blue-light {
    background-color: var(--secondary);
    color: #6393A9;
    border-radius: .6rem;
    padding: .7em .9em;
}

a.upload-current {
    color: #707070;
    display: flex;
    gap: 5px;
    justify-content: center;
}

.edits p {
    line-height: 19.32px;
    color: var(--text);
    line-height: 23px;
}

.row.monthresi {
    background-color: var(--table-head);
    padding: 1em;
    border-top-left-radius: 2em;
    border-top-right-radius: 2em;
}

.form-check.hobby {
    padding: 1em;
}

.hobbyy,
.row.form-group.main-form-radio-cus {
    border-bottom: 1px solid #EAECF0;
    margin: 0;
}

ul.direct-work-list li {
    color: var(--description);
    font-weight: 500;
    font-size: 1.2rem;
    padding-bottom: .5em;
}

a.hobbies-links {
    color: var(--text);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.7;
    text-decoration: underline;
}

h3.main-employees-sub-title-cus {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--description);
}

p.main-employees-sub-title-cus.below-table {
    color: #575E62;
    font-weight: 500;
}

/* .input-icon input {
    padding-right: 30px;
} */

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: wrap;
    font-size: 1rem !important;
}

p.colorrmove {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--text);
}

.top_heading_part {
    border-bottom: 1px solid #C3CCD0;
    margin-bottom: 5px;
}

.main_refferals_page ul.direct-work-list {
    list-style: disc;
}

.col-md-12.full-width-col {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .8em;
}

.links-pro {
    font-size: 1rem;
    text-decoration: underline;
    font-weight: 500;
    color: var(--primary);
}

.col-lg-12.ref-edit {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 1em;
    margin-bottom: 1em;
}

p.edit-ref {
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--description);
}

.main_referrals_step_form .step {
    height: 30px;
    width: 30px;
    border: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #EDF6FB;
    font-size: 1.4rem;
}

.main_referrals_step_form .step a {
    color: #000;
}

.common-a {
    display: flex;
    gap: 15px;
    justify-content: end;
}

span.count-popup {
    margin-left: -7px;
}

.dash-tab {
    display: grid;
    text-align: center;
}

input.form-control.search-name {
    width: 60%;
}

tr.home-pop-heading {
    background-color: var(--body);
}

.dashboard-home-manager-details,
.dashboard-home-manager-details .table {
    background: transparent !important;
    box-shadow: none !important;
}

td.dash_tab-td {
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 20px;
    color: var(--description);
}

td.main-home-table-btn-cusc h4 {
    font-size: 1rem;
    border: 1px solid #A4AAAD;
    display: inline-flex;
    padding: 5px 10px;
    border-radius: 25px;
}

a.label-link-cus,
.main-div5 td {
    color: var(--text);
}

input.home-check {
    width: 22px;
    height: 22px;
}

span.home-pop {
    font-size: 1.2rem;
}

table.dataTable.row-border>tbody>tr:first-child>th,
table.dataTable.row-border>tbody>tr:first-child>td,
table.dataTable.display>tbody>tr:first-child>th,
table.dataTable.display>tbody>tr:first-child>td {
    border-top: none;
    border: none;
    box-shadow: none !important;
}

table.dataTable tbody th {
    padding: 1rem 1.5rem;
    font-weight: 500;
}

table.dataTable.stripe>tbody>tr.odd>*,
table.dataTable.display>tbody>tr.odd>*,
table.dataTable.hover>tbody>tr:hover>*,
table.dataTable.display>tbody>tr:hover>*,
table.dataTable.order-column>tbody tr>.sorting_1,
table.dataTable.order-column>tbody tr>.sorting_2,
table.dataTable.order-column>tbody tr>.sorting_3,
table.dataTable.display>tbody tr>.sorting_1,
table.dataTable.display>tbody tr>.sorting_2,
table.dataTable.display>tbody tr>.sorting_3 {
    box-shadow: none !important;
}

.right-horizontal-line {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(100%, -50%);
    border-top: 2px solid #0D2C48;
}

.center-bagde {
    text-align: center;
    background-color: #0D2C48;
    color: white;
    padding: 10px;
    border-radius: 2.4rem;
}

.center-bagde h5,
.center-bagde-dark h5,
.center-bagde-light h5 {
    font-weight: 600;
    font-size: 1rem;
    color: white;
    margin: 0;
    color: white;
}

.center-bagde-light p {
    margin: 0;
    color: white;
}

.leftside-time p,
.rightside-time p {
    font-weight: 500;
    font-size: 1rem;
    color: #a0a2a4;
    margin-top: 14px;
}

span.outline-left,
span.outline-right {
    padding: 0rem 1rem .5rem 1rem;
    font-size: .9rem;
    font-weight: 600;
    border-radius: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.outline-right {
    border: 2px solid #0D2C48;
    color: #0D2C48;
    position: relative;
    display: inline-block;
}

.center-bagde-dark {
    text-align: center;
    border-radius: 50%;
    width: 4.5rem;
    height: 4.5rem;
    box-sizing: content-box;
    padding: 0.8rem 0.4rem 0;
    margin: auto;
    color: white;
    z-index: 10;
    position: relative;
    background-color: #0D2C48;
}

.center-bagde p,
.center-bagde-dark p {
    margin: 0;
    color: white;
    font-size: .9rem;
    color: white;
}

.input-group.unique-input-group {
    border: 1px solid #c2ccce;
    border-radius: 10px;
    flex-direction: row-reverse;
}

.unique-input-group .dropdown-toggle {
    border: none !important;
    box-shadow: none !important;
    background: transparent;
}

.input-group-append.unique-append {
    width: 58px;
    border: none;
    border-right: 1px solid #c2ccce;
    margin: 4px 0;
}

.change-pass,
#table_widths div#example_wrapper {
    width: 100%;
    padding: 0;
}

.accordion-button .icon {
    transition: transform 0.2s;
}

.accordion-button:not(.collapsed) .icon {
    content: "−";
}

.accordion-button {
    justify-content: space-between;
}

tr.main-home-table-data-cus3.vehicleimg.border-bottom img {
    width: 30px;
}

.image-img img,
tr.main-home-table-data-cus3.border-bottom1 td img {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 50%;
}

.common-icon {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}

.datepicker td {
    padding: inherit;
}

.col-md-12.change-main-section-btn-1.btnchange {
    display: flex;
    gap: 32px;
    align-items: center;
    margin: 0 26px;
}

.form-field.file_upload_cus input[type="file"] {
    position: relative !important;
    z-index: 9;
}

.starrating_field .star-rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
}

.starrating_field .star-rating label {
    color: #ccc;
    cursor: pointer;
}

.starrating_field .star-rating :checked~label {
    color: #f90;
}

.starrating_field .star-rating label:hover,
.starrating_field .star-rating label:hover~label {
    color: #fc0;
}

.starrating_field .star-rating label.star {
    font-size: 1.4rem;
    width: 2rem;
}

td.width-3,
th.width-3 {
    width: 3% !important;
}

td.width-5,
th.width-5 {
    width: 5% !important;
}

td.width-10,
th.width-10 {
    width: 10% !important;
}

td.width-15,
th.width-15 {
    width: 15% !important;
}

td.width-20,
th.width-20 {
    width: 20% !important;
}

td.width-25,
th.width-25 {
    width: 25% !important;
}

td.width-35,
th.width-35 {
    width: 35% !important;
}

td.width-40,
th.width-40 {
    width: 40% !important;
}

td.width-45,
th.width-45 {
    width: 45% !important;
}

td.width-50,
th.width-50 {
    width: 50% !important;
}

td.width-60,
th.width-60 {
    width: 60% !important;
}

td.width-70,
th.width-70 {
    width: 70% !important;
}

td.width-80,
th.width-80 {
    width: 80% !important;
}

.fixed_table_scrolling .heading-cusc th {
    padding: 10px 5px;
}

.fixed_table_scrolling .main-table-data-cus3 td {
    padding: 15px 5px 15px 5px;
}

.Recruitmtnt-main-section3 nav.main-tabs .nav-tabs .nav-item {
    background: white;
    color: #2a7fd6;
    border: 1px solid #2a7fd6;
    padding: 10px;
    font-size: 1.3rem;
    border-radius: 10px;
}

.Recruitmtnt-main-section3 nav.main-tabs .nav-tabs .nav-item.active {
    color: white;
    background-color: #2a7fd6;
    font-size: 1.3rem;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 10px;
}

div#nav-tab {
    gap: 20px;
    border: none;
}

ul.pagination .page-item.active .page-link {
    background-color: var(--primary);
    border-color: var(--primary);
}

table.dataTable.no-footer,
table.dataTable .dataTables_empty {
    border-bottom: unset;
}

.upload-btn-wrapper label.custom-file-upload {
    display: block;
    margin: 0.6rem;
    font-size: 0.9rem;
}

.choices_progress_bar .main-div3 span.count_perc {
    font-size: 1.1rem;
    position: absolute;
    color: black;
    padding: 3px 0px;
    border-radius: 5px;
    margin-top: -10px;
    font-weight: 500;
}

.choices_progress_bar .main-div3 {
    background: #EAF4F9;
    padding: 22px 20px;
    width: 100%;
    border-radius: 1rem;
}

.choices_progress_bar .main-div3 .progress {
    background: #D7E6ED;
    margin-left: 40px;
    width: 90%;
    border-radius: 10px;
}

.Recruitmtnt-main-section3 h3.highlight_heading_cus {
    margin: 0;
    border-radius: 5px;
    padding: 12px 0;
    color: #5f5f5f;
    border: 1px solid #8dc640;
    text-align: center;
    font-size: 18px;
}

.main_home_view_page .Home-detail-row {
    height: 385px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.main_home_view_page .Home-detail-row::-webkit-scrollbar {
    width: 8px;
    height: 10px;
}

.main_home_view_page .Home-detail-row::-webkit-scrollbar-track {
    background: #F4F4F4;
}

.main_home_view_page .Home-detail-row::-webkit-scrollbar-thumb {
    background-color: #1A75BC;
    border-radius: 20px;
}

.form-row.btn-row a.resident-profile-bts {
    transition-duration: 0.3s;
    transition-property: transform;
    text-align: center;
}

.change-main-section-btn {
    margin-top: 30px;
    display: none;
}

.variable-block .nav-link[data-toggle]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "";
    color: #444444;
    position: absolute;
    right: 250px;
    transition: transform 0.3s ease;
}

.card-header {
    background-color: var(--table-head);
    border-bottom: none;
    cursor: pointer;
}

.card,
.card-header:first-child,
.row.variable-block.mb-3 .card {
    border-radius: 15px;
}

body>section:nth-child(1)>div>div>div:nth-child(2)>div>ul>li:nth-child(4)>span {
    margin-left: -17px;
    color: white;
}

.nav-link {
    display: block;
    padding: .5rem 0rem;
    color: var(--text);
}

.top-header-bar-2 .notification .dropdown-menu.show {
    max-height: 20rem;
    min-width: 20rem;
    overflow-y: auto;
    overflow-x: hidden;
}

ul.inside_notifications {
    padding-top: 10px;
}

.fixed_table_scrolling a.choices_btn_orange,
.inside_notifications .col-md-2,
.inside_notifications .col-md-3,
.inside_notifications .col-md-7,
.inside_notifications .col-md-8,
.inside_notifications .col-md-4,
.inside_notifications .col-md-6 {
    padding: 5px 5px;
}

ul.inside_notifications li {
    width: 100%;
    border-top: 1px solid lightgray;
    padding: 8px 15px !important;
}

ul.inside_notifications li img.not_img {
    width: 75%;
    height: 40px;
    object-fit: cover;
    border-radius: 100px;
    margin: 0 auto;
}

ul.inside_notifications li h5.not_name {
    font-weight: 600;
    font-size: 14px;
    color: #5f5f5f;
    margin-bottom: 3px;
}

ul.inside_notifications li p.not_text {
    margin-bottom: 3px;
    font-size: 12px;
}

ul.inside_notifications li span.not_time {
    margin-bottom: 3px;
    font-size: 12px;
    color: #6a6a6a;
}

/* .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
} */

.top-header-bar-2 img {
    width: 40px;
    height: 40px;
    border-radius: .5rem;
    vertical-align: middle;
    object-fit: cover;
}

h4.main-heading-header-second-cus {
    position: absolute;
    right: -310px;
    top: 37px;
    font-weight: 900;
    font-family: unset;
    font-size: 15px;
    color: White !Important;
}

.col-md-6.top-header-bar-2 {
    max-width: 100%;
    padding: 10px 0px
}

label .label-info-text {
    padding-left: 5px;
}

.main_recruitment_page .icon i.fa,
.main_recruitment_page .icon2 i.fa.fa-address-book-o,
.main_recruitment_page .icon3 i.fa.fa-users,
.main_recruitment_page .icon4 i.fa.fa-calendar-check-o,
.main_recruitment_page .icon5 i.fa.fa-wrench,
.main_recruitment_page .icon6 i.fa.fa-list,
.main_recruitment_page .icon7 i.fa.fa-rocket,
.main_recruitment_page .icon8 i.fa.fa-clock-o {
    font-size: 41px;
    padding: 20px 0 0;
}

.main_recruitment_page .col-md-3.one.padding-col .main-text p {
    padding: 20px 0px !important;
    text-transform: uppercase;
}

.main_recruitment_page .main-text-last-cus p {
    padding: 21px 0;
}

.main_recruitment_page .col-md-4.icon0 {
    background: #cb9d27;
    text-align: center;
    color: white;
    height: 115px;
}

.main_recruitment_page .col-md-4.icon4 {
    background: #40a4c6;
    text-align: center;
    color: white;
    height: 90px;
}

.main_recruitment_page .col-md-4.icon5 {
    background: #2ab775;
    text-align: center;
    color: white;
    height: 90px;
}

.main_recruitment_page .col-md-4.icon6 {
    background: #6453a3;
    text-align: center;
    color: white;
    height: 90px;
}

.main_recruitment_page .col-md-4.icon7 {
    background: #a5519f;
    text-align: center;
    color: white;
    height: 90px;
}

.main_recruitment_page .col-md-4.icon8 {
    background: #374ba1;
    text-align: center;
    color: white;
    height: 90px;
}

#RECRUITMENT>div>div>div:nth-child(4)>div:nth-child(2)>div>div.col-md-8.main-text>p {
    padding: 18px 0 !important;
}

.row.main-candiate-table-sec-cus table {
    box-shadow: 0 0 10px #ccc;
    max-width: 100%;
    flex: 100;
}

tr.heading-cusa,
.main_referrals_step_form .main-heading-stepa-tab2 tr.main-reffral-form-cus-table-heading {
    background: #111f2c !important;
    color: white;
    border-radius: 10px;
}

.heading-cusa th {
    padding: 10px 15px;
    text-align: center;
}

.document_upload .fire-extinguisher-check-1 td {
    font-weight: 500;
    text-align: left;
}

.main-table-data-cus1 td {
    padding: 15px 20px;
    font-weight: 500;
    text-align: center;
}

.main-table-data-cus2 td {
    padding: 15px 20px;
    font-weight: 500;
}

table.dataTable tbody td {
    padding: 1rem 1.5rem;
    font-weight: 500;
    vertical-align: middle;
    text-align: left;
}

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important;
    width: 100% !important;
    margin-top: 0 !important;
}

.tabel-fixed-layout {
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
    table-layout: fixed;
    word-wrap: break-word;
}

.info-icon.adjust {
    top: 10px;
    left: 35%;
    right: unset;
}

tr.heading-cus4>th:nth-child(1) {
    width: 13%;
}

.heading-cus4 th,
.dbs_check_page .main-job-advert-table-sec-cus4 .heading-cus4 th {
    padding: 13px 20px;
    text-align: center;
}

.main-table-data-cus4 td {
    font-weight: 500;
    text-align: left;
    text-align: left;
}

.main-job-advert-table-sec-cus4 table {
    box-shadow: 0 0 41px 0 rgb(0 0 0 / 4%);
    max-width: 100% !important;
    border-radius: 10px;
    overflow: hidden;
    flex: 100% !important;
    width: 100% !important;
}

.main-table-data-cus td.one,
.main-table-data-cus1 td.onea,
.main-table-data-cus2 td.oneb,
.main-table-data-cus4 td.one4,
td.one4 {
    color: #669dd5;
}

.candidates-main-add-new-item-popup .modal-header {
    border-top: 5px solid yellowgreen;
    border-radius: 5px;
    padding: 0 !important;
    border-bottom: none;
}

.crmview-form-wrapper .modal-header {
    padding: 0 !important;
    border-bottom: none;
}

.candidates-main-add-new-item-popup .modal-header .close,
.candidate-shedule-main .modal-header .close,
.canditate-detail-email-main .modal-header .close {
    margin-top: -2px;
    position: absolute;
    right: -10px;
    top: -9px;
    color: white;
    background: #dd1f26;
    opacity: 1;
    padding: 3px 7px;
    border-radius: 50%;
}

.candidates-main-add-new-item-popup .modal-body a,
.schedule_main_page #add-new-popup .modal-body a {
    background: orange;
    padding: 6px 30px;
    color: white;
    text-decoration: none;
    border-radius: 3px;
    float: right;
}

.candidates-main-add-new-item-popup .modal-body p {
    margin-bottom: 0;
    padding-top: 5px;
    color: #ccc;
    font-size: 17px;
}

.icon-md {
    font-size: 1.5rem;
    color: var(--light-blue) !important;
    font-size: 1.5rem !important;
}

.candidates-main-add-new-item-popup .modal-body {
    position: relative;
    padding: 20px;
    position: relative;
    padding: 30px 15px 9px;
}

.job_advert_page_cus .modal-body,
.schedule_main_page .job-adverts-main-add-new-item-popup .modal-body {
    position: relative;
    padding: 30px 15px 9px;
}

.candidate-shedule-main #myModal .modal-dialog {
    width: 800px;
    margin: 30px auto;
}

.canditate-detail-email-main .modal-dialog {
    width: 270px;
    margin: 30px auto;
    width: 600px;
}

.canditate-detail-email-main button.btn.btn-primary {
    margin: 0 auto;
    display: block;
    background: orange;
    border: none;
    padding: 6px 30px;
}

.crmview-form-wrapper button.btn.btn-primary {
    margin-right: 6px;
    padding: 6px 50px;
    display: block;
    opacity: unset;
}

.crmview-form-wrapper input[type="radio"] {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    margin-bottom: 0;
    margin-right: 0.3125rem;
    width: 20px !IMPORTANT;
    height: 20px !important;
}

.name h4.link {
    color: #0000ffad;
    color: #0000ffad;
}

.candidate-shedule-main .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #111f2c;
    color: white;
}

.row.candidate-shedule-main2 {
    border-bottom: 1px solid;
    margin: 20px 0;
}

.canditate-detail-email-main .modal-header {
    padding: 0;
    border-bottom: none;
}

#DASHBOARD>div>div>div:nth-child(4)>div:nth-child(2)>div>div.col-md-8.main-text>p {
    padding-top: 21px;
}

button.change_signature {
    background: #f89520 !important;
    color: white !important;
    font-weight: 300 !important;
    padding: 5px 15px !important;
    border-radius: 8px !important;
    margin-top: 20px;
}

a.change_signature {
    background: #f89520 !important;
    color: white !important;
    font-weight: 300 !important;
    padding: 5px 15px !important;
    border-radius: 8px !important;
    margin-top: 20px !important;
    width: 60% !important;
}

table {
    background: white;
    width: 100%;
}

.general-information-1 input[type=file] {
    background: none;
}

.row.main-candiate-table-sec-cus,
.row.main-candiate-table-sec-cus1,
.row.main-candiate-table-sec-cus2,
.row.main-job-advert-table-sec-cus,
.row.main-home-home-table-sec-cus,
.row.main-resident-resident-table-sec-cus {
    margin: 40px 0;
}

.main-resident-table-data-cus3 td {
    padding: 15px 15px 10px 15px;
    font-weight: 500;
    text-align: left;
}

.acknowledgement_main_form h4.email-text,
h4.email-text {
    text-transform: none;
}

.main-resident-resident-table-sec-cus1 table {
    box-shadow: 0 0 41px 0 rgb(0 0 0 / 4%);
    max-width: 100%;
    margin: 0 0px;
    flex: 100%;
    border-radius: 10px;
    overflow: hidden !important;
    width: 100%;
}

.main-resident-table-data-cus3 img {
    width: 70px;
    height: 50px;
    border-radius: 5px;
    object-fit: cover;
}

.main-resident-table-data-cus3 td.onec {
    color: #669dd5;
    color: #669dd5;
    width: 20%;
}

.main-resident-resident-table-sec-cus1 i.fa {
    position: relative;
    right: 11px;
}

.file_upload_custom_main h3,
.main_referrals_step_form .file_upload_custom_main h3 {
    border: 1px dotted black;
    text-align: center;
    padding: 20px 15px;
    width: 60%;
    font-size: 16px;
    position: absolute;
    height: 140px;
    left: 0;
    right: 0;
}

.file_upload_custom_main h3 i,
.main_referrals_step_form .file_upload_custom_main h3 i,
.schedule_main_page .file_upload_custom_main h3 i {
    font-size: 50px;
    margin-bottom: 10px;
}

.file_upload_custom_main input,
.main_referrals_step_form .file_upload_custom_main input {
    width: 68%;
    height: 140px;
    opacity: 0;
}

.inner_form_heading h4 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 25px;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 30px;
    font-size: 25px;
}

.homes_activity_suit_details .inner_form_heading h4,
.inHouse_education_page .inner_form_heading h4 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 25px;
}

.fire-extinguisher-check {
    padding: 0px !important;
}

.fire-extinguisher-check ul {
    padding: 0;
    list-style: none;
    margin-top: 20px;
    padding-left: 30px;
}

.fire-extinguisher-check ul i.fa.fa-square {
    margin-right: 30px;
    font-size: 10px;
}

.fire-extinguisher-check ul li {
    margin-bottom: 30px;
    vertical-align: middle;
}

.fire-extinguisher-check ul a {
    background: #f99621;
    padding: 8px 30px;
    margin-left: 10px;
    color: white !important;
    border-radius: 5px;
    margin-right: 6px;
    text-decoration: none;
}

.Recruitmtnt-main-section3.independence-cust-1 h1 {
    margin: 25px 0px 20px;
    color: #5f5f5f !important;
    font-weight: 600;
    font-family: Comic Sans MS;
    text-transform: capitalize;
    text-align: center;
    font-size: 26px;
}

.tab-section-cust-1 {
    margin-top: 15px;
    padding: 0px !important;
    border-radius: 5px;
}

.tab-section-cust-1 .nav-pills .nav-link.active {
    color: #fff;
    background-color: #266aa5;
    border-left: 5px solid #8ec63f !important;
}

.tab-section-cust-1 a {
    font-size: 16px;
    border-left: 5px solid #8ec63f00 !important;
    margin-bottom: 5px;
}

.tab-section-cust-1 a:hover {
    color: white;
    background-color: #266aa5;
    font-size: 16px;
}

.main-image-sec-cus input[type=file] {
    display: block;
    position: absolute;
    top: 50px;
    padding: 90px 0px;
    opacity: 0;
}

.key-data-main-heading h3 {
    font-weight: 600;
    font-size: 22px;
    font-family: Montserrat-Bold;
    color: black;
    margin-bottom: 0px;
    border-radius: 5px 5px 0 0;
}

.onprobation-select-cus {
    padding-left: 17px;
}

.Recruitmtnt-main-section3.independence-cust-1 p {
    margin: 0px;
    color: #000 !important;
    font-size: 16px;
}

.Recruitmtnt-main-section3.independence-cust-1 img {
    max-width: 100%;
    vertical-align: middle;
    padding: 30px 0px;
    width: 100%;
    height: auto;
    object-position: center;
}

.Recruitmtnt-main-section3 .card.top-cards input[type="checkbox"] {
    width: 20px;
    display: inline-block;
    margin: 0px 10px 0 0;
    height: 20px;
}

.switch {
    align-items: center;
    background-color: gray;
    border-radius: 3rem;
    cursor: pointer;
    display: flex;
    height: 2rem;
    justify-content: space-between;
    padding: 0 .9rem;
    position: relative;
    user-select: none;
    width: 4.4rem;
}

.checkbox:checked~.switch {
    background-color: #a8c2cf;
}

.checkbox:not(:checked)~.switch {
    background-color: #2b7ed6;
}

.switch__left,
.switch__right {
    color: white;
    font-weight: bold;
    text-transform: capitalize;
}

.checkbox:checked~.switch .switch__left,
.checkbox:not(:checked)~.switch .switch__right {
    visibility: hidden;
}

label.switch span.switch__left {
    position: relative;
    top: 0rem;
    font-size: .85rem;
    font-weight: 500;
}

label.switch span.switch__right {
    position: relative;
    top: 0;
    right: .4rem;
    font-size: .85rem;
}

.switch__circle {
    height: 40px;
    padding: 5px;
    position: absolute;
    transition: all 0.1s linear;
    width: 40px;
}

.checkbox:checked~.switch .switch__circle {
    left: 0;
    right: calc(100% - 32px);
    top: -0rem;
}

.checkbox:not(:checked)~.switch .switch__circle {
    left: calc(100% - 32px);
    right: 0;
    top: -0rem;
}

.switch-on-of-cust input {
    position: absolute;
    top: 0px;
    right: 60px;
}

.switch__circle-inner {
    background-color: white;
    border-radius: 50%;
    display: block;
    height: 1.3rem;
    width: 1.3rem;
}

div#fb-editor .form-wrap.form-builder .cb-wrap ul.frmb-control.fixed {
    position: fixed !IMPORTANT;
    top: 5% !important;
    width: 20%;
    margin: 0 0 0 10px;
    z-index: 999;
}

form#choicescrmFrmBuilder .row.buttons_cus .col-md-2 button {
    display: block;
    width: 90%;
    padding: 5px 0;
}

.row.listing-form {
    border: 1px solid #A4AAAD;
    border-radius: 25px;
    padding: 1rem;
}

div#fb-render .formbuilder-radio input[type="radio"] {
    display: inline-block !important;
}

div#fb-render .formbuilder-radio label {
    font-weight: normal;
    display: inline-block !important;
}

.crmview-form-wrapper .acknowledgement_main_form1 h2 {
    color: #595959;
    font-size: 20px;
    margin: 0 0 20px;
    font-weight: 700 !IMPORTANT;
    letter-spacing: unset;
}

.crmview-form-wrapper .acknowledgement_main_form1:first-child {
    padding-top: 0;
}

select.form-control.unique-select,
input.form-control.unique-input,
.crmview-form-wrapper .acknowledgement_main_form1:last-child {
    border: none;
}

.rating {
    font-size: 1.2rem;
    font-weight: 400;
    font-family: poppins;
}

.acknowledgement_main_form1 .crminline-group .radio-group input[type="radio"] {
    display: inline-block;
    margin: 3px 10px;
    color: #8cc93e;
}

.acknowledgement_main_form1 .crminline-group .radio-group .col-md-6,
.acknowledgement_main_form1 .crminline-checkbox-group-inline .checkbox-group .col-md-6 {
    padding: 7px 15px;
}

.acknowledgement_main_form1 .crminline-checkbox-group-inline .checkbox-group input[type="checkbox"] {
    margin: -2px 10px 3px;
    color: #8cc93e;
    border-radius: 3px;
}

.crmview-form-wrapper input[type="date"],
.crmview-form-wrapper input[type="time"] {
    color: #5b5b5b;
    border-radius: .7em;
    border: 1px solid var(--ind-text);
}

.crmview-form-wrapper input[type="date"]::-webkit-calendar-picker-indicator,
.crmview-form-wrapper .formbuilder-select select {
    color: #5b5b5b;
}

.main_referrals_step_form h3.main-reffral-form-cus-table-heading {
    font-family: Montserrat, sans-serif !important;
    font-size: 22px;
    margin-bottom: 0;
}

.main_referrals_step_form h1 {
    margin: 25px 0px 15px;
    text-align: center;
}

.main_referrals_step_form input.invalid {
    background-color: #ffdddd;
}

.main_referrals_step_form .table-cus-scroll-bar {
    overflow-x: scroll;
}

.main_referrals_step_form .step-form-table-cus th {
    padding: 0 15px;
}

.main_referrals_step_form table.step-form-table-cus {
    margin: 30px 0;
}

.main_referrals_step_form .tab button {
    font-family: Montserrat, sans-serif !important;
}

.main_referrals_step_form span.number_cus_cls {
    font-family: Montserrat, sans-serif !important;
    z-index: 999;
    position: relative;
}

.main_referrals_step_form .step.active {
    opacity: 1;
    background-color: #1a75bc;
    color: white;
}

.main_referrals_step_form .step.finish {
    background-color: #4CAF50;
    background-color: #1a75bc;
    color: white;
}

.edits.active p,
.edits:hover p,
.activity-newbtns a.blue-btn-pol:hover,
.main_referrals_step_form .step.active a,
.main_referrals_step_form .step.finish a {
    color: white;
}

.main_referrals_step_form span.step:after {
    content: "";
    width: 58px;
    height: 2px;
    display: block;
    background: #ccc;
    z-index: -1 !important;
    position: absolute;
    top: 295px;
}

.main_referrals_step_form span.step.active:after {
    content: "";
    width: 58px;
    height: 2px;
    display: block;
    background: #ccc;
    z-index: -1 !important;
    position: absolute;
    top: 295px;
    background: none;
    z-index: 1 !important;
}

.main_referrals_step_form span.step.finish:after {
    background: none;
    z-index: 1 !important;
}

.main_referrals_step_form .tabcontent {
    float: left;
    padding: 0px 12px;
    width: 100%;
    border-left: none;
    height: unset;
}

.main_referrals_step_form .main-reffral-form-cus .form-row input.invalid {
    background-color: #ffdddd !IMPORTANT;
}

.main_referrals_step_form .select_related_forms_btn,
.main_employee_resident_view_page .select_related_forms_btn,
.vehicle_view_page .select_related_forms_btn,
.homes_activity_suit_details .select_related_forms_btn,
.inHouse_education_page .select_related_forms_btn,
.resident_hobbies .select_related_forms_btn {
    background: #f89520 !important;
    margin-top: 20px;
}

.main_referrals_step_form .main-reffral-form-cus .form-row label,
.main_employee_resident_view_page .main-reffral-form-cus .form-row label,
.vehicle_view_page .row.signe-row-cus .col-6.date-input label,
.resident_hobbies .main-reffral-form-cus .form-row label {
    font-weight: 600;
    color: #5f5f5f;
}

.main_referrals_step_form [type="radio"]:checked {
    color: #2563eb !important;
    float: left;
    margin-right: 10px;
}

.main_referrals_step_form [type="radio"] {
    float: left;
    margin-right: 10px;
}

.main_referrals_step_form .main-reffral-form-cus .form-row [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.main_referrals_step_form .main-reffral-form-cus .form-row [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.main_referrals_step_form .main-reffral-form-cus .form-row input[type=date]::-webkit-inner-spin-button,
.main_employee_resident_view_page .main-reffral-form-cus .form-row input[type=date]::-webkit-inner-spin-button,
.vehicle_view_page .main-reffral-form-cus .form-row input[type=date]::-webkit-inner-spin-button,
.independance-work-page .main-reffral-form-cus .form-row input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

.main_referrals_step_form .main-reffral-form-cus .form-row .col-6.gender-field .col-6,
.main_employee_resident_view_page .main-reffral-form-cus .form-row .col-6.gender-field .col-6,
.vehicle_view_page .main-reffral-form-cus .form-row .col-6.gender-field .col-6 {
    flex: 30% !important;
    max-width: 30%;
}

.main_referrals_step_form .main-reffral-form-cus .col-12 h3.form-middle-titile {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #5f5f5f;
    padding: 20px 0 0;
    border-top: 0px solid black;
    font-family: Montserrat, sans-serif !important;
    text-transform: uppercase;
    margin: 0;
}

.main_referrals_step_form input[type="date"] {
    text-transform: uppercase;
}

.main_referrals_step_form #regForm .add-btn a {
    display: block;
    text-align: center;
    width: 100%;
}

.main_referrals_step_form tr.main-reffral-form-cus-table-heading {
    background: #111f2c;
    color: white;
    border-radius: 10px;
    overflow: hidden;
}

.main_referrals_step_form .table td,
.main_referrals_step_form .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: none;
    font-family: Montserrat, sans-serif !important;
}

.main_referrals_step_form table.table.main-reffral-form-cus-table {
    box-shadow: 0 0 41px 0 rgb(0 0 0 / 4%);
    max-width: 100%;
    margin: 0px 0px;

    border-radius: 10px;
    overflow: hidden !important;
    width: 100%;
}

.main_referrals_step_form .main-famaily-detail-sec-main-heading {
    background: #111f2c;
    width: 100%;
    color: white;
    padding: 10px 21px;
}

.accordion-button:focus,
.btn-check:focus+.btn,
.btn:focus,
table.table.dataTable.table-striped>tbody>tr:nth-of-type(2n

    /**/
    +1)>*,
td.width-10.table-views,
.main_referrals_step_form #regForm>div:nth-child(9)>div {
    box-shadow: none;
}

.main_referrals_step_form .acknowledgement_main_form1 textarea {
    padding: 10px 10px !important;
}

.main_referrals_step_form .main-heading-stepa-tab2 tr.main-reffral-form-cus-table-heading th {
    font-size: 15px;
    padding: 10px 11px;
    text-align: center;
}

.main_referrals_step_form a.cross-icon {
    color: #6c757d !important;
    font-size: 20px !important;
    border: 1px solid !important;
    padding: 5px 10px !important;
    border: 2px solid #6c757d !important;
}

.main_referrals_step_form table a {
    border-color: none !important;
}

.main_employee_resident_view_page .key-data-main-heading h4,
.main_employee_resident_view_page .key-data-main-heading1 h4 {
    font-weight: bold;
    margin: 0 !important;
    font-size: 20px;
}

.main_employee_resident_view_page .main-image-sec-cus p,
.main_home_view_page .main-image-sec-cus p {
    color: black !important;
    padding-left: 29px;
    padding: 10px 17px;
}

.main_employee_resident_view_page .main-image-sec-cus input[type=file],
.main_home_view_page .main-image-sec-cus input[type=file],
.calendar_main .main-image-sec-cus input[type=file] {
    display: block;
    position: absolute;
    top: 40px;
    padding: 90px 0;
    opacity: 0;
}

.col-md-12.second-heading-grneral,
.main_employee_resident_view_page#edit-popup .form-check-inline label {
    padding-left: 10px;
}

.main_employee_resident_view_page#view-popup .modal-body p,
.main_home_view_page#view-popup .modal-body p {
    margin-bottom: 0;
    padding-top: 5px;
    color: #5f5f5f !important;
    font-size: 14px;
}

.main_employee_resident_view_page#view-popup .modal-body h4,
.main_home_view_page#view-popup .modal-body h4,
.vehicle_view_page#view-popup .modal-body h4 {
    font-size: 14px;
    padding: 10px 0;
}

.main_employee_resident_view_page#add-new-popup .modal-header,
.main_home_view_page#add-new-popup .modal-header,
.vehicle_view_page#add-new-popup .modal-header {
    border-top: none;
    border-radius: 2px !important;
    background-color: black;
    border-top-left-radius: 5px !important;
}

.main_employee_resident_view_page#add-new-popup .modal-header h3,
.main_home_view_page#add-new-popup .modal-header h3,
.vehicle_view_page#add-new-popup .modal-header h3 {
    padding-left: 29px;
    color: white;
    padding-bottom: 10px;
    padding-top: 15px;
}

.main_employee_resident_view_page#add-new-popup .modal-body a,
.main_home_view_page#add-new-popup .modal-body a {
    background: orange;
    padding: 6px 30px;
    color: white;
    text-decoration: none;
    border-radius: 3px;
    float: right;
    margin-top: 120px;
}

.main_employee_resident_view_page#add-new-popup .col-md-6,
.main_employee_resident_view_page#add-new-popup .col-md-12,
.main_home_view_page#add-new-popup .col-md-6,
.main_home_view_page #add-new-popup .col-md-12,
.vehicle_view_page#add-new-popup .col-md-6,
.vehicle_view_page#add-new-popup .col-md-12,
.vehicle_view_page#view-incident .col-md-12 {
    padding: 0 30px 0 30px !important;
    margin-bottom: 10px;
}

.main_employee_resident_view_page#add-new-popup label,
.main_home_view_page#add-new-popup label,
.vehicle_view_page#add-new-popup label {
    font-weight: 400;
    text-transform: uppercase;
    display: block;
}

.main_employee_resident_view_page .with_reminder_btn_date a,
.main_home_view_page .with_reminder_btn_date a,
.vehicle_view_page .with_reminder_btn_date a,
.maching_matrix_2 .with_reminder_btn_date a {
    margin: 0 !important;
    float: none !important;
    background: transparent !important;
    color: black !important;
    padding: 0 !important;
}

.main_employee_resident_view_page .col-md-12 hr.black-border,
.main_home_view_page .col-md-12 hr.black-border,
.vehicle_view_page .col-md-12 hr.black-border,
.activity_suit_page .col-md-12 hr.black-border,
.independance-work-page .col-md-12 hr.black-border,
.direct_work_page .col-md-12 hr.black-border {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid black;
}

.main_employee_resident_view_page .col-12 button.main-save,
.vehicle_view_page .col-12 button.main-save {
    background: #8dc640;
    color: white;
    font-weight: 300;
    padding: 5px 15px;
    border-radius: 8px;
    margin: 20px 25px;
}

.main_employee_resident_view_page .row.signe-row-cus .col-6 input.form-control,
.vehicle_view_page .row.signe-row-cus .col-6 input.form-control {
    border: 1px solid;
    border-radius: 5px;
    padding: 25px 10px;
}

.main_employee_resident_view_page .main-reffral-form-cus .form-row input.form-control,
.main_employee_resident_view_page .main-reffral-form-cus .form-row textarea.form-control,
.resident_hobbies .main-reffral-form-cus .form-row input.form-control,
.resident_hobbies .main-reffral-form-cus .form-row textarea.form-control {
    background-color: #e9e7e8;
    border: none;
    border-radius: 5px;
    padding: 25px 10px;
}

.main_employee_resident_view_page .bigtextarea,
.vehicle_view_page .bigtextarea,
.independance-work-page .bigtextarea {
    width: 95%;
    margin: 0 auto;
}

.main_employee_resident_view_page .main-reffral-form-cus .col-12 h3.form-middle-titile,
.vehicle_view_page .main-reffral-form-cus .col-12 h3.form-middle-titile {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #5f5f5f;
    padding: 10px 0;
}

.main_employee_resident_view_page .main-reffral-form-cus.resident-profile h2.left-side-text,
.main_employee_resident_view_page .main-reffral-form-cus.resident-profile h2.Right-side-text,
.vehicle_view_page .main-reffral-form-cus.resident-profile h2.left-side-text,
.vehicle_view_page .main-reffral-form-cus.resident-profile h2.Right-side-text {
    width: 49%;
    display: inline-block;
    padding: 2px 10px;
    font-size: 14px;
    margin-top: 10px;
}

.main_employee_resident_view_page .main-reffral-form-cus.resident-profile hr.black-border,
.vehicle_view_page .main-reffral-form-cus.resident-profile hr.black-border,
.employee_documents_categories .main-reffral-form-cus.resident-profile hr.black-border,
.employee_supervision_history .main-reffral-form-cus.resident-profile hr.black-border,
.management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col .col-12 hr.black-border,
.management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col .col-12 hr.black-border {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.employee_supervision_history .main-reffral-form-cus.resident-profile.buttons-row,
.management_employee_month_details .main-reffral-form-cus.resident-profile.buttons-row,
.management_resident_month_details .main-reffral-form-cus.resident-profile.buttons-row {
    padding-bottom: 0;
    padding: 20px 20px 50px 20px !important;
}

.main_employee_resident_view_page .main-reffral-form-cus.resident-profile.buttons-row .form-row,
.vehicle_view_page .main-reffral-form-cus.resident-profile.buttons-row .form-row,
.employee_supervision_history .main-reffral-form-cus.resident-profile.buttons-row .form-row,
.admin_setting_main .main-reffral-form-cus.resident-profile.buttons-row .form-row {
    padding: 0px 0px;
    padding-left: 0;
    text-align: center;
}

.main_employee_resident_view_page .main-reffral-form-cus.resident-profile.buttons-row h1,
.vehicle_view_page .main-reffral-form-cus.resident-profile.buttons-row h1,
.employee_documents_categories .main-reffral-form-cus.resident-profile.buttons-row h1 {
    margin: 10px;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.main_employee_resident_view_page .resident-profile.buttons-row h1,
.homes_documents .resident-profile.buttons-row h1,
.direct_work_page .resident-profile.buttons-row h1,
.employee_documents_categories .resident-profile.buttons-row h1,
.resident_hobbies .resident-profile.buttons-row h1 {
    margin-top: 0;
    margin-left: 0;
    text-transform: capitalize;
}

.main_employee_resident_view_page h1.second-col-sec-title {
    margin-left: 10px !important;
}

.main_employee_resident_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text,
.vehicle_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text {
    width: 23%;
    margin: 5px 0 5px 0;
}

.main_employee_resident_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a,
.vehicle_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a {
    width: 100%;
    display: block;
    text-align: center;
    padding: 8px 10px;
    float: unset !IMPORTANT;
}

.main_employee_resident_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a.first-btn,
.vehicle_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a.first-btn {
    background: #53ba61;
    color: white;
    border-radius: 7px;
    float: right;
}

.main_employee_resident_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a.second-btn,
.vehicle_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a.second-btn {
    background: #d03233;
    color: white;
    border-radius: 7px;
    float: right;
}

.main_employee_resident_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a.third-btn,
.vehicle_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.Right-side-text a.third-btn {
    background: transparent;
    border: 1px solid #717171;
    color: #717171;
    border-radius: 7px;
    float: right;
}

.main_employee_resident_view_page .col-md-12.tracker-title h1,
.vehicle_view_page .col-md-12.tracker-title h1 {
    margin-top: 25px !important;
    font-size: 23px;
}

.main_employee_resident_view_page .col-md-6.main-two-col,
.vehicle_view_page .col-md-6.main-two-col {
    margin: 0 10px;
    display: inline-block;
    max-width: 48%;
}

.main_employee_resident_view_page .main-two-col:nth-child(2) h1 {
    margin: 20px 0px 20px;
    color: #5f5f5f;
    font-weight: 600;
    font-family: Montserrat;
    text-transform: capitalize;
    text-align: left;
    font-size: 22px;
}

.main_home_view_page#edit-popup .modal-header,
.vehicle_view_page#edit-popup .modal-header,
.vehicle_view_page#view-popup .modal-header,
.schedule_main_page #add-new-popup .modal-header {
    border-top: none;
    border-radius: 2px !important;
    background-color: #111f2c;
    border-top-left-radius: 5px !important;
}

.main_home_view_page#edit-popup .modal-header h3,
.vehicle_view_page#edit-popup .modal-header h3,
.schedule_main_page #add-new-popup .modal-header h3 {
    padding-left: 29px;
    color: white;
    padding-bottom: 10px;
    padding-top: 15px;
    font-size: 18px;
}

.main_home_view_page .key-data-main-heading h4,
.vehicle_view_page .key-data-main-heading h4,
.interview_page_cus .key-data-main-heading h4 {
    font-weight: bold;
    padding-left: 31px;
    margin: 0 !important;
    font-size: 20px;
}

.main_home_view_page .main-image-sec-cus img,
.vehicle_view_page .main-image-sec-cus img {
    width: 100%;
    position: relative;
}

.main_home_view_page#edit-popup label {
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    font-size: 15px;
}

.main_home_view_page .edit-main-form-input-sec input.form-control,
.main_home_view_page .edit-main-form-input-sec select {
    padding: 20px 10px;
    background: #eee;
    border: none;
    margin-bottom: 10px;
    box-shadow: none;
    font-size: 16px;
}

.main_home_view_page .edit-main-form-input-sec textarea {
    padding: 7px 10px;
    background: #eee;
    border: none;
    margin-bottom: 10px;
    box-shadow: none;
    width: 100%;
}

.main_home_view_page .key-data-main-heading1 h4 {
    font-weight: bold;
    margin: 0 !important;
    font-size: 20px;
    margin-bottom: 10px !important;
}

.main_home_view_page body>section:nth-child(1)>div>div {
    background-color: inherit;
}

.main_home_view_page .key-data-main-heading h3 {
    font-weight: 600;
    padding-left: 0px;
    font-size: 22px;
    padding-top: 20px;
    font-family: Montserrat-Bold;
    color: black;
}

.main_home_view_page#view-popup .modal-header {
    border-top: none;
    border-radius: 2px !important;
    background-color: #111f2c;
    border-top-left-radius: 5px !important;
    font-size: 18px;
}

.main_home_view_page#view-popup .modal-header h3,
.vehicle_view_page#view-popup .modal-header h3 {
    padding-left: 0;
    color: white;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 18px;
}

.main_home_view_page#view-popup .modal-body {
    overflow-y: scroll;
    padding: 6px 30px;
}

.main_home_view_page#view-popup .modal-header button.close,
.vehicle_view_page#view-popup .modal-header button.close {
    margin-top: -2px;
    position: absolute;
    right: -5px !important;
    top: -5px;
    color: white !important;
    background: #dd1f26;
    opacity: 1;
    padding: 3px 7px !important;
    border-radius: 50%;
    z-index: 12 !important;
}

.main_home_view_page .row.main-home-home-table-sec-cus1,
.vehicle_view_page .row.main-home-home-table-sec-cus1 {
    margin-top: 20px;
    margin-bottom: 30px !important;
}

.main_home_view_page .Recruitmtnt-main-section2 {
    background-color: #1a75bc;
    padding-bottom: 60px;
    max-width: 20%;
}

.main_home_view_page#edit-popup .modal-dialog {
    max-width: 900px;
}

.main_employee_resident_view_page#view-popup .modal-dialog,
.main_home_view_page#view-popup .modal-dialog {
    max-width: 800px;
}

.main_home_view_page#view-popup .modal-content,
.vehicle_view_page#view-popup .modal-content {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 0 !important;
}

.main_home_view_page .row.signe-row-cus textarea#exampleFormControlTextarea1,
.independance-work-page .row.signe-row-cus textarea#exampleFormControlTextarea1 {
    margin-top: 40px;
    border: 1px solid;
}

.main_home_view_page button.main-save {
    margin: 0 auto 10px;
    display: block;
}

.main_home_view_page .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.main_home_view_page .upload-btn-wrapper a {
    border: none;
    color: white !important;
    background-color: white;
    padding: 6px 20px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    background: #f89520;
    display: block;
    text-align: center;
    width: 100%;
}

.main_home_view_page .general-information-1 select {
    background-image: url(../images/back_black.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right;
}

.main_home_view_page .modal select {
    background-image: url(../images/back_black.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 25px !important;
}

.main_home_view_page .with_reminder_btn_date .input-group.date,
.mangement_add_page .with_reminder_btn_date .input-group.date,
.mangement_edit_page .with_reminder_btn_date .input-group.date {
    position: absolute;
    display: inline;
    width: auto !important;
}

.vehicle_view_page#edit-popup .modal-body {
    overflow-y: scroll;
    padding-top: 30px;
}

.calendar_main .key-data-main-heading h3,
.calendar_main .key-data-main-heading h4 {
    font-weight: bold;
    padding-left: 31px;
    margin: 0 !important;
    font-size: 14px;
}

.vehicle_view_page .key-data-main-heading1 h4 {
    font-weight: bold;
    padding-left: 31px;
    margin: 0 !important;
    font-size: 20px;
    margin-bottom: 10px !important;
}

.vehicle_view_page .key-data-main-heading h3 {
    font-weight: bold;
    padding-left: 31px;
    margin: 0 !important;
    font-size: 14px;
    font-weight: 600;
    padding-left: 0;
    padding-bottom: 0px;
    font-size: 20px;
    padding-top: 10px;
    font-family: Montserrat-Bold;
    color: black;
}

.vehicle_view_page#view-popup .modal-body p {
    margin-bottom: 0;
    padding-top: 5px;
    color: #000 !important;
    font-size: 14px;
    opacity: 0.4;
}

.main_employee_resident_view_page#add-new-popup .modal-dialog,
.main_home_view_page#add-new-popup .modal-dialog,
.vehicle_view_page#view-popup .modal-dialog,
.vehicle_view_page#add-new-popup .modal-dialog {
    max-width: 700px;
}

.main_home_view_page .job-adverts-main-add-new-item-popup .modal-body,
.vehicle_view_page .job-adverts-main-add-new-item-popup .modal-body {
    padding: 0px 15px 9px;
}

.vehicle_view_page h1.second-title,
.independance-work-page h1.second-title {
    margin-top: 20px;
    text-transform: capitalize;
}

.vehicle_view_page .row.signe-row-cus .col-6.date-input {
    max-width: 40%;
    margin: 30px 50px;
}

.vehicle_view_page .main-reffral-form-cus.resident-profile img {
    max-width: 100%;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: 15px;
    width: 180px;
    height: 180px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}

.main_employee_resident_view_page .main-reffral-form-cus.resident-profile,
.vehicle_view_page .main-reffral-form-cus.resident-profile {
    padding-bottom: 0;
}

.vehicle_view_page .main-reffral-form-cus.resident-profile .form-row,
.homes_documents .main-reffral-form-cus.resident-profile .form-row,
.employee_documents_categories .main-reffral-form-cus.resident-profile .form-row {
    padding: 0px 0px;
    padding-left: 0;
}

.main_employee_resident_view_page .profile-bar-left h2.left-side-text,
.main_employee_resident_view_page .profile-bar-left h2.Right-side-text,
.main_home_view_page .profile-bar-left h2.left-side-text,
.main_home_view_page .profile-bar-left h2.Right-side-text,
.vehicle_view_page .profile-bar-left h2.left-side-text,
.vehicle_view_page .profile-bar-left h2.Right-side-text {
    padding: 5px 10px !IMPORTANT;
}

.vehicle_view_page .main-reffral-form-cus.resident-profile.Home-detail-row {
    padding: 0px 15px;
}

.main_employee_resident_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.left-side-text,
.vehicle_view_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.left-side-text {
    width: 75%;
}

.main_employee_resident_view_page .main-reffral-form-cus.resident-profile .form-row .col-4,
.vehicle_view_page .main-reffral-form-cus.resident-profile .form-row .col-4 {
    padding: 5px 0;
}

.vehicle_view_page .main-reffral-form-cus.resident-profile .form-row.btn-row {
    width: 100%;
    width: 100%;
    padding: 5px 5px;
}

.management_employee_month_details .employee-resident-monthly-3aa .form-row.btn-row {
    width: 100%;
    padding: 5px 5px;
}

.vehicle_view_page .progress-bar:before {
    content: "27%";
    font-size: 20px;
    position: absolute;
    background-color: #d77d27;
    color: white;
    padding: 0px 15px;
    border-radius: 5px;
    margin-left: -110px;
}

.vehicle_view_page .main-div3 {
    background: #f99621;
    padding: 15px 15px;
    width: 100%;
    border-radius: 5px;
}

.vehicle_view_page .progress {
    background: #d77d27;
    margin-left: 120px;
    width: 65%;
    background: #d77d27;
}

.progress-bar {
    background: var(--primary) !important;
}

.vehicle_view_page .progress-bar {
    background: white;
    color: #dc7e27;
}

.vehicle_view_page#view-incident hr {
    width: 95%;
}

.vehicle_view_page .row.form-group.name {
    margin: 0px auto 0px;
}

.vehicle_view_page#view-incident .col-md-6 {
    padding: 0 30px 0 30px !important;
    margin-bottom: 0px;
}

.vehicle_view_page#view-incident label {
    font-weight: 500;
    text-transform: capitalize;
    display: block;
}

.vehicle_view_page#view-incident .edit-main-form-input-sec textarea {
    padding: 10px 10px;
    background: #eee;
    border: none;

    box-shadow: none;
}

.vehicle_view_page#view-incident .edit-main-form-input-sec input[type="text"] {
    padding: 7px 15px;
    background: #eee;
    border: none;

    box-shadow: none;
    border-radius: .25rem;
    width: 100%;
}

.vehicle_view_page#upload-doc .modal-content {
    width: 70%;
    box-shadow: 0px 0px 21px -6px rgb(0 0 0 / 75%);
}

.vehicle_view_page#upload-doc h5 {
    font-weight: 500;
    font-size: 16px;
    font-family: Montserrat-Bold;
    color: black;
    padding: 10px 10px;
}

.vehicle_view_page .main-reffral-form-cus.resident-profile.firstt-left-side.pik {
    height: 530px;
}

.vehicle_view_page .view-incident .modal-body a.linkclick {
    float: none !important;
    padding: 0px !important;
    background: #fff !important;
    color: #000 !important;
    margin: 0px !important;
    border: none !important;
}

.vehicle_view_page a.btn.btn-danger {
    float: left !important;
    margin: 0px !important;
}

/* .dropdown-menu.walk-through li:hover,
.change-pass li:hover {
    background-color: var(--secondary);
} */

.form_task_view_form.action_plan [type="checkbox"]:checked {
    background-color: #2563eb;
}

.date-picker-wrapper .footer span.custom-shortcut a {
    color: #434647;
    display: block;
    padding: 5.2px 10px;
}

.date-picker-wrapper .footer span.custom-shortcut:hover {
    background: #0f80ad;
}

.date-picker-wrapper .footer span.custom-shortcut:hover a {
    color: #ffffff;
}

.date-picker-wrapper .footer {
    background: #ffffff;
    border: 1px solid #bfbfbf;
}

.view-uploaded-file.disabled {
    opacity: 0.7;
}

.view-uploaded-file.disabled:hover {
    cursor: not-allowed;
    background-color: unset !important;
}

.main_company_page table.filter_data a.activeBtn {
    background: green;
    border: 2px solid green !important;
}

.main_company_page table.filter_data a.inactiveBtn {
    background: red;
    border: 2px solid red !important;
}

.main_company_page .main-table-data-cus4 td:nth-child(2) {
    width: 250px;
    display: block;
    text-align: center !important;
}

.main_company_page .main-table-data-cus4 td:last-child {
    display: flex;
    width: 190px;
}

.dashboard-page .main-heading-cus-section-2 span {
    color: yellowgreen;
}

.dashboard-page .main-div2 {
    background: var(--secondary);
    padding: 20px 20px;
    border-radius: 10px;
    border: 1px solid #D5E7F9;
}

.dashboard-page a.green_btn {
    background: #00BA88;
    padding: 8px 35px;
    color: white;
    font-weight: 600;
    border-radius: 6px;
    font-size: 1rem;
}

.dashboard-page a.red_btn {
    background: #E03A58;
    padding: 8px 35px;
    color: white;
    font-weight: 600;
    border-radius: 6px;
    font-size: 1rem;
}

.dashboard-page .main-div4 {
    background: var(--white);
    box-shadow: 0 0 41px 0 rgb(0 0 0 / 4%);
    border-radius: .9rem;
}

.dashboard-page .main-div4 h3 {
    padding: .9em 1em;
    font-weight: 600;
    font-size: 1.4rem;
    color: var(--text);
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

a.view-btn img {
    border-radius: .4rem;
    width: 40px;
    background: #f4fafd;
}

.dashboard-page .main-div4 hr.single-line {
    margin: 0;
    background: #d2c6c6;
}

.dashboard-page .main-div4 i.fa.fa-chevron-circle-right {
    float: right;
    color: #1e7bbe;
    font-size: 40px;
    margin-top: -5px;
}

.dashboard-page .main-div5 {
    overflow: hidden;
    margin-top: .6rem;
}

select#homeschanges:focus,
select#homeschanges:focus-visible {
    border-color: #697280;
}

.dashboard-page .main-div5 table.table.first td {
    padding: 15px 50px;
}

.dashboard-page .main-div5 i.fa.fa-circle {
    color: yellowgreen;
    font-size: 12px;
    position: relative;
    right: 9px;
    margin-left: -10px;
}

.dashboard-page .main-div-btn a.osted-btn {
    display: block;
    text-align: center;
    font-size: 1.3rem;
    border-radius: 5px;
    color: var(--text);
    font-weight: 500;
    line-height: 22.72px;
}

.form_task_btn_page .documents-1-cust .col-4 {
    padding: 25px 10px !important;
    margin: 0 0px;
    width: 33%;
    max-width: 33%;
    flex: 33%;
}

.form_task_btn_page .documents-1-cust a,
.homes_documents .documents-1-cust a,
.homes_documents .documents-1-cust .main-reffral-form-cus.resident-profile .form-row.btn-row {
    width: 100%;
    margin: 0px !important;
}

.form_task_btn_page .past-monthly-reviews-1 {
    padding: 0px;
    flex: 100% !important;
    max-width: 100%;
    margin: 0px auto;
}

.reports_log_with_timeline .form_headerdetails label {
    display: inline-block;
    width: 49%;
    margin: 10px 0;
}

.reports_log_with_timeline .row.time_line {
    margin-bottom: 12px !important;
    width: 100%;
    margin: 0;
    border: 1px solid #CFD5D8;
    border-radius: 2em;
}

.reports_log_with_timeline .row.time_line:after {
    content: "";
    display: block;
    height: 8px;
    width: 75%;
    right: 60px;
    background: #D9D9D9 !important;
    position: absolute;
    margin: auto;
    border-radius: 10px;
    margin-top: 90px;
}

.reports_log_with_timeline .row.time_line:before {
    content: "";
    background: #f4f4f4;

    width: 45px;
    position: absolute;
    right: 0;
    margin-top: -20px;
    z-index: 99;
    right: -30px;
}

.reports_log_with_timeline .row.time_line ul.dates_cus {
    width: 100%;
    display: block;
    margin-top: -20px;
    padding-left: 35px;
    white-space: nowrap;
}

.reports_log_with_timeline .row.time_line ul.dates_cus li.date_item {
    display: inline-block;
    padding: 0 30px;
}

.reports_log_with_timeline .row.time_line .step-indicator .step-first .step-icon {
    clip-path: unset !important;
    height: 30px;
    width: 30px;
    border-radius: 100%;
}

.reports_log_with_timeline .row.time_line ul.dates_cus li.date_item:nth-child(odd) .step-icon {
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    position: relative;
    top: 1px;
}

.reports_log_with_timeline .row.time_line ul.dates_cus li.date_item:nth-child(even) .step-icon {
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    position: relative;
    top: 10px;
}

.reports_log_with_timeline .row.time_line ul.dates_cus li.date_item:nth-child(odd) p {
    position: relative;
    top: -75px;
    position: relative;
    top: -80px;
    left: -20px;
    text-align: center;
}

.reports_log_with_timeline .row.time_line ul.dates_cus li.date_item:nth-child(even) p {
    position: relative;
    top: 20px;
    left: -20px;
    text-align: center;
}

.reports_log_with_timeline .row.time_line ul.dates_cus li.date_item:nth-child(odd) span {
    position: relative;
    top: -45px;
    left: -25px;
    text-align: center;
    width: 100%;
    display: block;
    color: var(--description);
    font-weight: 600;
    font-size: 1rem;
}

.reports_log_with_timeline .row.time_line ul.dates_cus li.date_item:nth-child(even) span {
    position: relative;
    top: -120px;
    left: -25px;
    text-align: center;
    width: 100%;
    display: block;
    color: var(--description);
    font-weight: 600;
    font-size: 1rem;
}

.reports_log_with_timeline .row.time_line ul.dates_cus li.date_item.active span {
    color: var(--description);
}

.reports_log_with_timeline .row.time_line ul.dates_cus li.date_item.active .step-icon {
    background: var(--primary);
    z-index: 1;
}

.reports_log_with_timeline .row.time_line .indicator-line {
    width: 100%;
    height: 10px;
    background: #c1c1c1;
    flex: 1;
    border-radius: 10px;
    display: none;
}

.reports_log_with_timeline .row.time_line .indicator-line:after {
    content: "";
    font-family: "FontAwesome";
    color: #c1c1c1;
    float: right;
    margin-top: -11px;
    margin-right: -5px;
    font-size: 20px;
}

.reports_log_with_timeline .row.time_line .indicator-line:before {
    content: "";
    font-family: "FontAwesome";
    color: #c1c1c1;
    float: right;
    margin-right: -5px;
    font-size: 20px;
    content: "";
    font-family: "FontAwesome";
    color: #c1c1c1;
    margin-top: -10px;
    position: absolute;
    font-size: 20px;
}

.reports_log_with_timeline .row.time_line .step-indicator .step-icon {
    height: 35px;
    width: 30px;
    border-radius: 50%;
    background: var(--primary);
    z-index: 1;
}

.reports_log_with_timeline .row.time_line .step p {
    color: var(--description);
    font-size: 1rem;
    font-weight: 600;
}

.reports_log_with_timeline .row.time_line .step.active p {
    color: crimson;
}

a.solo-btn-tab {
    border: 1px solid #D2DFE5;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: .8rem;
    border-radius: .6rem;
    color: var(--text);
    background-color: var(--secondary);
}

.solo-btn-tab .icon-white {
    display: none;
    display: none;
}

.main_recruitment_page .col-md-3.one.padding-col.second .main-text p {
    padding: 30px 0px !important;
}

p.text-light-role {
    color: var(--border-outgray) !important;
}

.round-cards {
    background-color: var(--secondary);
    border-radius: 1.2rem;
    text-align: center;
    padding: 1rem 0;
}

.alert_system .panel-inner-data-main-colom-cus2 img {
    border: 2px solid #cd222a;
    width: 130px !important;
    height: 130px !important;
}

.alert_system .panel-inner-data-main-row-cus h4 {
    font-size: 1.1rem;
    font-family: Montserrat;
    font-weight: 600;
    text-align: center;
}

.alert_system .panel-inner-data-main-row-cus p {
    font-size: 1rem;
    font-family: Montserrat;
    font-weight: 600;
    color: var(--description);
}

h2.Recruitmtnt-main-section-cust {
    margin: 0px 0px 10px;
    color: #5f5f5f !important;
    font-weight: 600;
    font-family: Montserrat;
    text-transform: capitalize;
    text-align: left;
    font-size: 20px;
}

.alert_system .panel-inner-data-main-colom-cus3 img {
    border: 2px solid #FF9838;
    width: 130px !important;
    height: 130px !important;
}

.job_advert_page_cus.matrics-popup .modal-body h3 {
    color: black;
    font-size: 20px;
    margin-bottom: 0;
    padding-top: 5px;
    font-weight: 600;
}

.extend i,
.closeadvert i {
    background-color: var(--light-red);
    color: var(--red) !important;
}

.job_advert_page_cus.matrics-popup .row.form-group.name label {
    font-size: 14px;
    display: block;
}

.job_advert_page_cus.matrics-popup .row.form-group.name {
    border-bottom: none;
    width: 100%;
    margin: 30px auto;
}

.job_advert_page_cus.matrics-popup .modal-dialog .row.form-group.name input.form-control {
    width: 50%;
    display: inline-block;
}

.job_advert_page_cus.matrics-popup .row.form-group.name .center-save-col a.save-pop-btn {
    background: #8ec63f !important;
    color: white;
    border-radius: 5px;
}

.job_advert_page_cus.matrics-popup .row.form-group.name .col-md-12.center-save-col {
    text-align: center;
    margin-top: 15px;
}

.job_advert_page_cus.matrics-popup .modal-dialog .row.form-group.name .col-md-6.inline-fields input.form-control {
    width: 100% !important;
    font-size: 15px;
}

.job_advert_page_cus .job-adverts-main-add-new-item-popup .modal-body a {
    float: unset;
    padding: 10px 40px;
}

.job_advert_page_cus .job-advert-main-section-btn,
.consequencelog_resident .col-md-4.Candidates-main-section-btn {
    align-self: center;
    text-align: right;
}

.candidate_details_new .nav-tabs .nav-link {
    border: 1px solid var(--primary);
    background-color: transparent;
    color: var(--primary);
    font-weight: 400;
    font-size: 1rem;
    padding: .7rem 2.5rem;
    border-radius: .6rem;
    text-align: center;
    margin-bottom: 1.5rem;
}

.candidate_details_new .main_tabs_wrapper .nav-tabs .nav-link.active,
.candidate_details_new .main_tabs_wrapper .nav-tabs .nav-link:hover {
    color: white;
    border-color: transparent;
    text-align: center;
    background-color: var(--primary);
}

.candidate_details_new .main_tabs_wrapper div#myTabContent {
    background: white;
    padding: 15px 25px;
    border-radius: 1.5rem;
    box-shadow: 0 0 41px 0 rgb(0 0 0 / 4%);
}

.candidate_details_new .first_info_content h2 {
    color: black;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 20px;
}

.candidate_details_new .first_info_content ul.info_list li,
.candidate_details_new .first_info_content p {
    font-size: 14px;
    padding: 3px 0;
    color: black;
    font-weight: 600;
}

.candidate_details_new .first_info_content h3 {
    color: black;
    font-size: 18px;
}

.candidate_details_new .first_info_content h4 {
    color: black !important;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.second_notes_content img.comments_img {
    width: 4rem;
    height: 4rem;
    margin: 0 auto;
}

.recruitment_candidate .row.main-job-advert-table-sec-cus1 table td.two.complete {
    width: 10%;
}

.recruitment_candidate.fixed_table_scrolling .main-table-data-cus3 td:nth-child(2) {
    width: 20%;
}

.edit_candidate .add-row,
.add_candidate .add-row {
    padding: 7px 30px;
    margin: 20px 0 20px;
}

.edit_candidate .col-md-4 a.edit-pop-btn,
.add_candidate .col-md-4 a.edit-pop-btn {
    color: #5b5b5b;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
}

.edit_candidate .general-information-1 input[type=file] {
    background: none;
    height: 40px;
}

.edit_candidate .row.btn-row .col-md-4 {
    align-self: center;
    max-width: 100% !important;
    align-self: center;
}

.edit_candidate .row.btn-row .col-md-4 a.view_document {
    position: absolute;
    margin-top: -25px;
}

.add_candidate .general-information-1 input[type="radio"] {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    margin-bottom: 0;
    margin-right: .3125rem;
}

.interview_page_cus .row.form-group.edit-main-form-input-sec.resident-form select.custom-select {
    background-color: white;
    background-image: url(../../images/caret.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.interview_page_cus .row.main-job-advert-table-sec-cus1 table {
    width: 1300px;
}

.interview_page_cus .main-table-data-cus3 td {
    padding: 25px 10px 20px 10px;
    font-weight: 500;
    text-align: center;
}

.schedule_main_page .candidates-main-add-new-item-popup .modal-body .col-md-3 a {
    margin-right: 12%;
}

.schedule_main_page .file_upload_custom_main h3 {
    border: 1px dotted black;
    text-align: center;
    padding: 20px 15px;
    width: 90%;
    font-size: 16px;
    position: absolute;
    height: 140px;
    left: 0;
    right: 0;
    top: 12px;
    color: black !important;
}

.schedule_main_page .file_upload_custom_main input {
    width: 83%;
    height: 140px;
    opacity: 0;
    cursor: pointer;
}

.schedule_main_page div#RECRUITMENT select#cars {
    padding: 0px 10px;
}

.schedule_main_page #view-edit-info .modal-header {
    border-top: none !important;
    border-radius: 0px !important;
    background-color: #111f2c;
    border-top-left-radius: 5px !important;
}

.schedule_main_page #view-edit-info>div>div>div.modal-header>a,
.schedule_main_page #add-new-popup>div>div>div>div.modal-header>a {
    background: #f99621;
    padding: 5px 24px;
    color: white !important;
    border-radius: 5px;
    margin-right: 6px;
    text-decoration: none;
    margin: 10px 20px;
}

.schedule_main_page .main-job-advert-table-sec-cus1 td.pending {
    color: #98362b;
}

.schedule_main_page .main-job-advert-table-sec-cus1 table {
    width: 1500px;
}

.schedule_main_page .row.form-group.row-second-view-edit {
    padding: 40px 20px;
}

.schedule_main_page .candidates-main-add-new-item-popup .modal-body p {
    margin-bottom: 0;
    padding-top: 5px;
    color: black !important;
    font-size: 15px;
}

.schedule_main_page .main-job-advert-table-sec-cus1 td {
    width: auto;
    padding: 25px 10px 20px 10px;
    font-weight: 500;
    text-align: center;
}

.schedule_main_page #view-edit-info h3 {
    font-size: 18px;
    padding: 10px 10px;
    color: white;
    margin: 7px 10px;
}

.schedule_main_page #view-edit-info .modal-dialog {
    max-width: 800px !important;
    margin: 1.75rem auto;
}

.job_advert_page_cus.matrics-popup .modal-body input.form-control,
.schedule_main_page #add-new-popup input.form-control {
    background: #eee;
}

.schedule_main_page #add-new-popup .row.form-group.name {
    border-bottom: none;
    width: 100%;
    margin: 10px auto;
}

.schedule_main_page #add-new-popup .col-md-6,
#add-new-popup .col-md-12 {
    padding: 0 15px 0 15px !important;
    margin-bottom: 10px;
}

.schedule_main_page #add-new-popup label {
    font-weight: 400;
    display: inline-block;
}

.schedule_main_page #add-new-popup .modal-dialog {
    max-width: 900px;
    margin-top: 7%;
}

.dbs_check_page .col-md-4.job-advert-main-section-btn4 {
    align-self: center;
    margin-top: 25px;
}

.dbs_check_page .main-job-advert-table-sec-cus4 tr.heading-cus4>th:nth-child(1) {
    width: 16% !important;
}

.dbs_check_page .main-job-advert-table-sec-cus4 table {
    width: 100% !important;
    max-width: 100% !important;
    display: inline-table !IMPORTANT;
}

.dbs_check_page .col-md-12.form-col .col-md-2.five-col {
    padding: 15px 0px 10px;
}

.new_starters_page .main-table-data-cus1 td {
    padding: 15px 20px;
    font-weight: 500;
    text-align: left;
}

.new_starters_page .heading-cus th {
    text-align: center;
    padding: 13px 10px;
    text-align: left;
}

.new_starters_page .heading-cus th:nth-child(1) {
    width: 15%;
}

.new_starters_page .main-newstarter-table-sec-cus td.pending {
    color: #98362b;
    color: #98362b;
}

.probation_staf_page input.datepicker.filters {
    padding: 5px 10px !important;
    border: none;
    box-shadow: 0 0 10px #ccc;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
    width: 100% !important;
    display: block;
    height: 34px;
    margin-bottom: 25px;
    background-color: white !important;
}

.refrence_page_cus .main-refrence-table-sec-cus2 table {
    width: 100% !important;
    margin: 0 !important;
}

.main_refferals_page .resident-profile a.resident-profile-bts.first {
    padding: 15px 24px;
    color: white !important;
    border-radius: 5px;
    margin-right: 6px;
}

.view_referrals_page .resident-profile.buttons-row,
.email_document_refrrals .resident-profile.buttons-row {
    margin-bottom: 0;
    max-width: 90%;
    margin: 0px 30px;
    flex: 90%;
    border-radius: 10px !IMPORTANT;
    padding: 50px 0 20px 0px;
}

.view_referrals_page .row.form-group.email-row-main input[type="checkbox"] {
    box-shadow: none;
    height: 25px;
    width: 25px;
    margin-left: 0;
}

.view_referrals_page .row.form-group.email-row-main .form-check {
    margin-bottom: 12px;
    padding: 0px;
}

.view_referrals_page .row.form-group.email-row-main .col-md-7 {
    padding: 0 90px 0px 30px;
}

.view_referrals_page .row.form-group.email-row-main .form-check label,
.view_referrals_page .row.table_box_cus button {
    margin-top: 5px;
}

.referrals_database_page .col-md-8 h1.main-employees-title-cus {
    margin: 25px 0;
    text-transform: capitalize;
}

.referrals_database_page .col-md-4.job-advert-main-section-btn {
    align-self: center;
    margin-top: 20px;
    text-align: right;
}

.referrals_database_page h1 {
    margin: 10px 0 20px;
    text-transform: uppercase;
}

.referrals_database_page .row.form-group.edit-main-form-input-sec.resident-form.top-form .col-5.search-result span.search-reslt {
    border: 2px solid tomato;
    padding: 10px 30px;
    border-radius: 10px;
    margin-left: 20px;
}

.referrals_database_page .row.form-group.edit-main-form-input-sec.resident-form.top-form .col-2:last-child {
    align-self: center;
    margin-top: 15px;
}

.referrals_database_page .row.form-group.edit-main-form-input-sec.resident-form.top-form a.main-search-btn.choices_btn_orange {
    padding: 7px 24px;
}

.email_list_refrrals .buttons_row a.button,
.email_document_refrrals .buttons_row a.button.choices_btn_orange {
    width: 100% !important;
    display: block;
    padding: 10px 10px;
}

.email_list_refrrals .buttons_row .search {
    width: 100%;
    position: relative;
    display: flex;
}

.email_list_refrrals .buttons_row .searchTerm {
    width: 100%;
    border-right: none;
    padding: 20px 20px;
    height: 20px;
    border-radius: 5px 5px 5px 5px;
    outline: none;
    background: #e9e7e8;
    border: none;
    position: relative;
}

.email_list_refrrals .buttons_row .searchTerm:focus {
    outline: none;
    box-shadow: unset;
    background: #e9e7e8 !important;
}

.edit_candidate .general-information-1 input[type=file]:focus,
.add_candidate .general-information-1 input[type=file]:focus,
.email_list_refrrals .buttons_row .search button {
    outline: none;
}

.email_list_refrrals .buttons_row .search button.close_icon {
    margin-right: 0;
    position: absolute;
    right: 11%;
    top: 8px;
}

.email_list_refrrals .buttons_row .searchButton {
    width: 30px;
    text-align: center;
    color: #5f5f5f;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 1%;
    top: 5px;
}

.email_list_refrrals .row:first-child {
    margin-bottom: 18px;
}

.email_list_refrrals .row.email_list_section {
    background: white;
    padding: 5px 15px;
    border-radius: 10px;
    border-left: 5px solid #1b73bb;
    margin: 7px 20px;
}

.email_list_refrrals .row.email_list_section p.email_sub_text {
    padding-top: 5px;
    margin-bottom: 0;
}

.email_list_refrrals .row.email_list_section h3.icon_heading {
    margin-bottom: 2px;
    font-size: 18px;
    text-transform: unset;
}

.email_list_refrrals .row.email_list_section i.fa.fa-envelope {
    color: #1b76bd;
    font-size: 17px;
    margin-right: 10px;
}

.row.email_list_section h4.email_time {
    color: #a4a4a4 !important;
    font-weight: 300;
    font-size: 15px;
    margin-top: 2px;
}

.row.email_list_section a.delet_icon {
    color: #a4a4a4;
    display: inline-block;
    padding-top: 0px;
    font-size: 20px;
    padding-left: 15px;
}

.email_list_refrrals .row.email_list_section table.email_list td:first-child {
    width: 5%;
}

.email_list_refrrals .row.email_list_section table.email_list td {
    background: white;
    border: none;
    padding: 2px 12px;
    font-size: 15px;
}

.email_list_refrrals .row.email_list_section table.email_list td.email_sub_text a {
    color: #3b3a3a;
}

.email_list_refrrals .row.email_list_section table.email_list td.icon_heading {
    font-weight: 600;
    width: 22%;
    font-weight: 600;
}

td.width-30,
th.width-30,
.email_list_refrrals.email_send table.email_list td.icon_heading {
    width: 30% !important;
}

.email_list_refrrals .crm-pagination-wrapper ul.pagination {
    float: right;
    margin-top: 15px;
}

.email_document_refrrals .row.form-group.edit-main-form-input-sec.resident-form select.custom-select {
    border-radius: 7px;
    border: none;
    z-index: 99;
    width: 100% !IMPORTANT;
    display: inline-block;
    background: white;
    box-shadow: 0px 0px 9px -6px rgba(0, 0, 0, 0.75);
    background-image: url(../images/caret.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    padding: 7px 18px;
    margin-top: 20px;
}

.email_document_refrrals .resident-profile button.resident-profile-bts i {
    padding-right: 6px;
}

.email_document_refrrals .resident-profile button.resident-profile-bts.second {
    background: #40a4c6;
    padding: 7px 24px;
    color: white !important;
    border-radius: 5px;
    margin-right: 6px;
}

.email_document_refrrals .resident-profile button.resident-profile-bts.first {
    background: #8ec63f;
    padding: 7px 24px;
    color: white !important;
    border-radius: 5px;
    margin-right: 6px;
}

.email_document_refrrals .resident-profile button.resident-profile-bts.third {
    background: #f99621;
    padding: 7px 24px;
    color: white !important;
    border-radius: 5px;
    margin-right: 6px;
}

.email_document_refrrals .edit-main-form-input-sec .col-md-12.center-btn {
    text-align: center;
    padding-top: 54px;
}

.email_document_refrrals .email-row-main label span {
    font-weight: 400;
    font-size: 13px;
}

.col-md-12.email_detail {
    box-shadow: 0 0 41px 0 rgb(0 0 0 / 4%);
    border-radius: 25px;
    padding: 20px;
    margin: 0 6px;
    background-color: white;
}

.referrals_email_detail .email_detail h3.email_heading {
    margin-bottom: 0;
    margin-top: 5px;
    color: var(--text);
    font-weight: 600;
    font-size: 15px;
}

.referrals_email_detail .email_detail ul.inside_lists {
    list-style: none;
    padding: 0;
    display: inline-block;
}

.referrals_email_detail .email_detail ul.inside_lists li,
.referrals_email_detail ul.inside_doc_lists li {
    padding: 2px 0px;
    display: inline-block;
}

.referrals_email_detail .email_detail ul.inside_lists li i.fa,
.referrals_email_detail .email_detail ul.inside_doc_lists li i.fa {
    margin-right: 5px;
    color: #1a75bc;
}

.referrals_email_detail .email_detail img.email_avater {
    height: 40px;
    width: 46px;
    border-radius: 11px;
    padding: 10px;
    object-fit: cover;
    background: #f4f4f4;
}

.referrals_email_detail .email_detail .row.doc_bar {
    background: #fcfcfc;
    padding: 2px 10px;
    border: 1px solid #dadce0;
    color: #616161;
    margin-top: 20px;
    margin-bottom: 30px;
}

.referrals_email_detail .email_detail ul.inside_doc_lists {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.referrals_email_detail .email_detail .button_area a {
    border: 2px solid #dadce0;
    color: #616161;
    padding: 5px 25px;
    border-radius: 5px;
    text-decoration: none;
}

.referrals_email_detail .email_detail .button_area a i.fa {
    margin-right: 8px;
}

.referrals_email_detail .email_detail ul.inside_lists .expand_details td {
    padding: 5px 10px;
    background: white;
    font-size: 14px;
}

tr.main-data-sec-cus.performance td,
.common-ad p,
.email_document_refrrals .email-row-main label,
.referrals_email_detail .email_detail ul.inside_lists .expand_details td.header-title {
    font-weight: 600;
}

.referrals_email_detail .email_detail ul.inside_lists li.detail_link table.expand_details.open {
    display: block;
    padding: 10px 10px;
    box-shadow: 0px 0px 10px -5px rgb(0 0 0 / 75%);
    border-radius: 5px;
    position: absolute;
    z-index: 999;
    max-width: 70%;
}

.referrals_email_detail .email-row-main h3.pb-3 {
    padding-bottom: 0 !important;
    display: inline-block;
    margin-top: 0;
}

.referrals_email_detail .email_detail ul.inside_lists a {
    color: #222A2E;
    font-size: 13px;
}

.referrals_email_detail a.crmreplyall {
    color: var(--description);
    font-size: 13px;
    font-weight: 600;
}

.referrals_email_detail a.crmreplyall i {
    color: #5f5f5f;
    font-size: 20px;
    margin-right: 5px;
}

.matching_metrix_1 .main-home-table-data-cus3 td {
    padding: 15px 20px 15px 20px;
    font-weight: 500;
}

.matching_metrix_1 .main-home-home-table-sec-cus1 {
    margin-top: 10px;
}

.inside-forms tr.main-table-data-cus3 td:nth-child(2),
.matching_metrix_1 .main-home-home-table-sec-cus1 .heading-cusc th.first {
    width: 35%;
}

.matching_metrix_1 .button-row a.next-btn {
    float: right;
    margin-top: 20px;
    margin-bottom: 20px;
}

.maching_matrix_2 .main-home-home-table-sec-cus1.col-md-6,
.maching_matrix_2 .main-home-home-table-sec-cus1.col-md-5,
.maching_matrix_2 .main-home-home-table-sec-cus1.sizes {
    float: left;
    padding-left: 0px;
    padding-right: 0px;
}

.maching_matrix_2 .main-home-home-table-sec-cus1 i.fa {
    position: relative;
    right: 11px;
    font-size: 26px;
}

.maching_matrix_2 .main-home-home-table-sec-cus1 i.fa.fa-close {
    color: var(--red) !important;
}

.maching_matrix_2 .main-home-home-table-sec-cus1 i.fa.fa-check {
    color: var(--green) !important;
}

.homes_activity_suit_details .main-reffral-form-cus,
.homes_apps_page .main-reffral-form-cus,
.employee_supervision_history .main-reffral-form-cus {
    box-shadow: 0 0 10px #ccc;
    max-width: 100%;
    margin: 20px 0;
    flex: 100%;
    border-radius: 10px;
}

.homes_activity_suit_details .main-checkbox-section label {
    max-width: 70%;
    display: inline-block;
    margin-left: 10px;
}

.homes_activity_suit_details .main-checkbox-section input[type="checkbox"] {
    max-width: 30%;
    display: inline-block;
    margin-top: 0;
}

.homes_activity_suit_details .acknowledgement-main-activity-suit-c h3 {
    font-size: 17px;
    font-family: Montserrat-Semibold;
}

.candidate_details_new .main_tabs_wrapper .nav-tabs .nav-link:first-child,
.homes_activity_suit_details .acknowledgement-main-activity-suit-c p {
    margin-left: 0;
}

.homes_activity_suit_details .acknowledgement-main-activity-suit-c .col-md-4,
.homes_activity_suit_details .acknowledgement-main-activity-suit-c .col-md-6 {
    padding-left: 30px !important;
}

.homes_documents .main-reffral-form-cus.resident-profile .form-row .col-6 {
    padding: 10px 0px;
}

.homes_documents .main-reffral-form-cus.resident-profile {
    padding-bottom: 0;
    padding: 20px 20px !Important;
}

.homes_documents .resident-profile a.resident-profile-bts {
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 14px 5px !important;
    margin: 0 10px;
}

.homes_documents .resident-profile {
    margin: 30px 0px;
}

.homes_documents .resident-profile.buttons-row h2.small-heading,
.direct_work_page .resident-profile.buttons-row h2.small-heading,
.employee_documents_categories .resident-profile.buttons-row h2.small-heading {
    color: #5f5f5f;
    font-family: Montserrat;
    text-align: left;
    font-size: 18px;
    margin-bottom: 30px;
}

.homes_documents .col-md-6.main-two-col,
.employee_documents_categories .col-md-6.main-two-col {
    margin: 0 10px;
    display: inline-block;
    max-width: 47%;
}

.homes_documents .main-reffral-form-cus.resident-profile.inner-btn-row,
.employee_documents_categories .main-reffral-form-cus.resident-profile.inner-btn-row {
    padding: 10px 0px;
    height: 250px;
}

.homes_documents .main-two-col h4 {
    text-transform: capitalize;
    font-size: 20px;
    margin-top: 10px;
}

.homes_documents .documents-1-cust h4 {
    margin: 10px 0px 10px;
}

.row.main-job-advert-table-sec-cus table,
.row.main-home-home-table-sec-cus table,
.row.main-resident-resident-table-sec-cus table,
.homes_documents .main-reffral-form-cus {
    box-shadow: 0 0 10px #ccc;
}

.homes_documents .documents-1-cust {
    width: 100% !important;
    margin: 0 15px;
}

.homes_documents .documents-1-cust .col-4 {
    padding: 10px 10px !important;
    margin: 0 0px;
    width: 33%;
    max-width: 33%;
    flex: 33%;
}

.homes_documents .documents-1-cust .main-reffral-form-cus.resident-profile {
    padding: 10px 10px 10px 15px !important;
}

.homes_reports_page input#reportrange {
    padding: 5px 10px !important;
    border: none;
    box-shadow: 0 0 10px #ccc;
    border-radius: 5px;
    font-weight: 500;
    width: 100% !important;
    display: block;
    background-color: white;
}

.homes_reports_page .row.inside_row_report .col-md-6,
homes_reports_page .row.inside_row_report .col-md-4,
homes_reports_page .row.inside_row_report .col-md-3,
homes_reports_page .row.inside_row_report .col-md-12 {
    margin: 10px 0;
}

.main_referrals_step_form .main-reffral-form-cus-table input.form-control,
.homes_reports_page input#reportrange:focus {
    background: white !important;
}

.homes_reports_page div#optionsTag label,
.homes_reports_page div#viewTag label {
    display: block;
    width: 100% !IMPORTANT;
}

.hidden_lable {
    visibility: hidden;
    margin-bottom: 15px;
}

.document_upload h2.sub-text-cust {
    margin: 0px 0px 10px;
    color: #5f5f5f !important;
    font-weight: 600;
    font-family: Montserrat;
    text-transform: uppercase;
    text-align: left;
    font-size: 20px;
}

div.document_upload#upload-doc .upload-btn-wrapper {
    display: block;
    width: 55%;
}

div.document_upload#upload-doc .upload-btn-wrapper a {
    display: block;
    float: left;
    width: 100%;
}

.activity_suit_page .row.acknowledgement-main-activity-suit-b {
    padding: 20px 0 0;
    border-bottom: 1px solid #ccc;
    max-width: 100%;
}

.activity_suit_page .row.acknowledgement-main-activity-suit-c {
    padding-top: 30px;
}

.starrating_field span.fa.fa-star,
.activity_suit_page .acknowledgement-main-activity-suit-c span {
    margin-bottom: 20px;
}

.main_home_view_page#view-popup .col-md-6,
.main_home_view_page#view-popup .col-md-12,
.vehicle_view_page#view-popup .col-md-6,
.activity_suit_page .acknowledgement-main-activity-suit-b .col-md-8 {
    padding-left: 0;
}

.activity_suit_page .acknowledgement-main-activity-suit-main-btn a {
    margin-bottom: 10px;
    display: block;
    padding: 5px 10px;
    width: 100%;
}

.add_activity_suit_page .general-information {
    background-color: white;
    border-radius: 5px;
    padding: 0 !important;
}

.add_activity_suit_page .general-information-1 .main-image-sec-cus p {
    color: black !important;
    padding-left: 29px;
    padding: 10px 0px 0;
}

.add_activity_suit_page .key-data-main-heading h3 {
    font-weight: 600;
    padding: 10px 0 10px 15px;
    font-size: 22px;
    font-family: Montserrat-Bold;
    color: black;
    margin-bottom: 0px;
    border-radius: 5px 5px 0 0;
}

.add_activity_suit_page .row.form-group.phone {
    max-width: 100%;
    margin: 10px auto;
}

.candidates-main-add-new-item-popup .modal-body span,
.second_notes_content .row.comment_items h4.name.pb-2,
.inHouse_education_page h4 {
    font-size: 20px;
}

.inHouse_education_page a i.fa.fa-file-archive-o {
    padding-right: 10px;
}

.inHouse_education_page .acknowledgement_main_form1 .col-6 {
    margin-bottom: 50px;
}

.inHouse_education_page table.table.main-reffral-form-cus-table {
    margin: 0px 10px;
}

.inHouse_education_page tr.main-reffral-form-cus-table-heading {
    background: #111f2c !important;
    color: white;
}

#RECRUITMENT>div.row.main-candiate-table-sec-cus1>table>tbody>tr:nth-child(even),
#REFERRALS>div.row.main-newstarter-table-sec-cus>table>tbody>tr:nth-child(even),
#HOME>div.row.main-refrence-table-sec-cus2>table>tbody>tr:nth-child(even),
#EMPLOYEES>.main-job-advert-table-sec-cus1>table>tbody>tr:nth-child(even),
#RESIDENT>div.row.main-job-advert-table-sec-cus4>table>tbody>tr:nth-child(even),
#RECRUITMENT>div.row.main-home-home-table-sec-cus1>table>tbody>tr:nth-child(even),
#RECRUITMENT>div.row.main-resident-resident-table-sec-cus1>table>tbody>tr:nth-child(even),
.email_list_refrrals .row.email_list_section table.email_list tr,
.matching_metrix_1 .main-home-home-table-sec-cus1>table>tbody>tr:nth-child(even),
.maching_matrix_2 .main-home-home-table-sec-cus1>table>tbody>tr:nth-child(even),
.inHouse_education_page tr.main-data-sec-cus {
    background: white;
}

.inHouse_education_page .acknowledgement_main_form i.fa.fa-file-archive-o {
    margin-right: 10px;
    font-size: 21px;
}

.inHouse_education_page .main-data-sec-cus a {
    padding: 0;
    text-align: left;
    margin: 0 !important;
    background: none !important;
    color: blue !important;
    width: 100%;
}

.independance-work-page .row.signe-row-cus h1.signed-title {
    margin: 70px 0px 20px 25px;
    color: #5f5f5f;
    font-weight: 600;
    font-family: Montserrat;
    text-transform: capitalize;
    text-align: left;
    font-size: 25px;
}

.independance-work-page h1.third-title {
    margin-top: 40px;
    text-transform: capitalize;
}

.independance-work-page .form-row.inside-row-cus.last-list-area ul.independ-main-bottom-list li {
    padding: 9px 0;
}

.independance-work-page .form-row.submit a.uploadhere-btn-cus {
    float: none;
    margin: 30px auto !important;
}

.independance-work-page .main-reffral-form-cus .form-row hr.inside-divider {
    border: none;
    height: 2px;
    background: #777;
    margin: 30px 50px;
}

.independance-work-page .main-reffral-form-cus .form-row .col-12 a.signhere-btn-cus {
    float: left;
    margin-bottom: 20px;
    margin-left: 25px;
    margin-top: 20px;
}

.direct_work_page .resident-profile.main-reffral-form-cus {
    max-width: 90%;
    margin: 30px 30px;
    flex: 90%;
    border-radius: 10px !IMPORTANT;
    padding: 0px 0 20px 0px;
    box-shadow: 0 0 10px #ccc;
    border-radius: 10px;
    background: white;
}

.direct_work_page h1 {
    margin: 25px 25px 20px;
}

.main_employee_resident_view_page p.reffrals-text,
.main_home_view_page p.reffrals-text,
.vehicle_view_page p.reffrals-text,
.direct_work_page p.reffrals-text {
    margin: 0 25px 20px;
}

.main_home_view_page .row.signe-row-cus h1.signed-title span,
.vehicle_view_page .row.signe-row-cus h1.signed-title span,
.activity_suit_page .row.signe-row-cus h1.signed-title span,
.independance-work-page .row.signe-row-cus h1.signed-title span,
.direct_work_page .row.signe-row-cus h1.signed-title span {
    font-size: 15px;
}

.main_employee_resident_view_page .main-reffral-form-cus.resident-profile.buttons-row,
.vehicle_view_page .main-reffral-form-cus.resident-profile.buttons-row,
.direct_work_page .main-reffral-form-cus.resident-profile.buttons-row {
    padding-bottom: 0;
    padding: 20px 20px 50px 20px !important;
    margin-bottom: 30px;
}

.direct_work_page p.heading-below-text {
    margin-left: 25px;
    color: #5f5f5f;
    font-weight: 500;
    font-family: Montserrat;
    text-align: left;
    font-size: 18px;
}

.direct_work_page .main-reffral-form-cus.resident-profile.Home-detail-row h2.small-heading {
    margin: 20px 25px 20px;
    color: black;
    font-weight: 700;
    font-family: Montserrat-medium;
    text-align: left;
    font-size: 18px;
}

.direct_work_page ul.direct-work-list,
.consequencelog_resident ul.direct-work-list,
.resident_hobbies ul.direct-work-list {
    list-style: none;
    padding: 0;
}

.main-reffral-form-cus.resident-profile.Home-detail-row ul.direct-work-list li:before,
.consequencelog_resident .main-reffral-form-cus.resident-profile.Home-detail-row ul.direct-work-list li:before {
    content: "";
    height: 10px;
    width: 10px;
    display: inline-block;
    background: #4576bb;
    border-radius: 50px;
    margin-right: 10px;
}

.direct_work_page a.resident-profile-bts.readmore {
    margin-right: 6px;
    width: 25%;
    font-size: 17px;
}

.direct_work_page .resident-profile a.resident-profile-bts.fourth,
.management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.fourth,
.management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.fourth {
    background: #4576bb;
    padding: 15px 24px;
    color: white !important;
    border-radius: 5px;
    margin-right: 6px;
}

.direct_work_page .resident-profile a.resident-profile-bts.first,
.management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.first,
.management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.first,
.management_resident_month_details .col-md-6.employee-resident-monthly-1 a.resident-profile-bts.first {
    background: #8ec63f;
    padding: 15px 24px;
    color: white !important;
    border-radius: 5px;
    margin-right: 6px;
}

.direct_work_page .main-reffral-form-cus.resident-profile.buttons-row h1 {
    text-transform: capitalize;
    font-size: 18px;
    font-family: Montserrat-medium;
}

.form-assign-popup textarea.form-control,
.form-assign-popup input {
    background: none;
    border: 1px solid var(--ind-text);
    box-shadow: none !important;
}

.form-assign-popup select {
    background: none;
    border: 1px solid var(--ind-text);
    box-shadow: none !important;
    background-image: url(../images/back_black.png) !important;
    background-size: 20px !IMPORTANT;
    background-repeat: no-repeat !important;
    background-position: right !important;
    padding-right: 25px !important;
}

.main_employees_page h4.main-heading-header-second-cus {
    position: absolute;
    right: -310px;
    top: 37px;
    font-weight: 900;
    font-family: unset;
    font-size: 15px;
    color: black;
}

.main_employees_page .main-employee select:focus {
    background-color: white !important;
    outline: none;
}

.employee_attendance_record .heading-cus4 th {
    padding: 13px 20px;
    text-align: left;
}

.employee_attendance_record .first_cloumn_inattendance_record span {
    margin: 0 20px 0 0;
}

.employee_attendance_record .attendance-search-form-1 {
    padding: 0px !important;
    margin-bottom: 30px;
    margin-top: 30px;
}

.employee_attendance_record .main-table-data-cus4 td {
    text-align: left;
    padding: 20px 20px 15px 20px;
}

.employee_attendance_record .attendance-search-form button.main-save.crm-reset-bradford {
    margin-top: 15px;
}

.employee_attendance_record .attendance-search-form span.reset-count-times {
    background: transparent;
    color: var(--text);
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    height: 2rem;
    width: 2rem;
    border: 1px solid var(--ind-text);
}

.homes_documents .main-reffral-form-cus .form-row .col-12,
.homes_documents .main-reffral-form-cus .form-row .col-6,
.employee_documents_categories .main-reffral-form-cus .form-row .col-12,
.employee_documents_categories .main-reffral-form-cus .form-row .col-6 {
    padding: 15px 0px;
}

.employee_documents_categories .main-reffral-form-cus.resident-profile {
    padding-bottom: 0;
    padding: 20px 20px !Important;
    box-shadow: 0 0 10px #ccc;
}

.employee_documents_categories .resident-profile a.resident-profile-bts {
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 14px 5px !important;
    margin: 0 10px !IMPORTANT;
}

.employee_documents_categories .resident-profile {
    max-width: 100%;
    margin: 30px 0px;
    flex: 100%;
    border-radius: 10px !IMPORTANT;
    padding: 10px 0 20px 0px;
}

.main_refferals_page .main-reffral-form-cus.resident-profile.buttons-row,
.employee_documents_categories .main-reffral-form-cus.resident-profile.buttons-row {
    margin-bottom: 30px;
}

.homes_documents .col-md-12.tracker-title h1,
.employee_documents_categories .col-md-12.tracker-title h1 {
    margin-top: 40px !important;
}

.employee_performance_review .main-home-table-btn-cusc a {
    padding: 5px 4px !important;
}

.employee_supervision_history .main-reffral-form-cus.resident-profile.buttons-row h1 {
    margin: 10px;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-size: 20px;
}

.employees_streength_weakness .strength-and-weakness-1 .w3-light-grey {
    background-color: #e1eec0 !important;
}

.employees_streength_weakness .strength-and-weakness-1 .w3-container.w3-green {
    background-color: #8ec63f !important;
    margin: 12px 0;
    text-align: center;
    color: black !important;
}

.employees_streength_weakness .strength-and-weakness-1 h4 {
    font-size: 1.4rem;
    font-weight: 500;
    margin: 0;
}

.employees_streength_weakness .greenh {
    width: 25px !important;
    height: 25px !important;
    margin-top: -0.8em !important;
    text-align: center !important;
    line-height: 1.6em !important;
    border-color: transparent !important;
    color: var(--white) !important;
    background: var(--primary) !important;
    outline: none;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.employees_streength_weakness .green {
    float: left;
    clear: left;
    width: 300px;
    margin: 15px;
}

.employees_streength_weakness .green .ui-slider-range {
    background: var(--primary);
}

.employees_streength_weakness .green .ui-slider-handle {
    border-color: var(--primary);
}

.resident_clothing_itinerary .col-md-2.Candidates-main-section-btn {
    align-self: center;
    margin-top: 50px;
}

.top-header-bar-2 i.fa.fa-envelope,
.top-header-bar-2 i.fa.fa-bell,
.Recruitmtnt-main-section2 .tab .fa,
.main_employees_page .main-employee select#cars,
.resident_clothing_itinerary form.main-clothing-inner-fom select#cars {
    padding: 0 10px;
}

.resident_clothing_itinerary .col-md-12.below-btn a {
    background: #f99621;
    padding: 15px 60px;
    color: white !important;
    border-radius: 5px;
    margin-right: 6px;
}

.main_home_view_page#edit-popup .modal-body a,
.schedule_main_page #view-edit-info p a,
.email_list_refrrals .row.email_list_section table.email_list td.email_sub_text,
.resident_clothing_itinerary .Candidates-main-section-btn a {
    float: left;
}

.consequencelog_resident .main-reffral-form-cus.resident-profile.Home-detail-row h2.small-heading {
    margin: 20px 25px 10px;
    color: black;
    font-weight: 700;
    font-family: Montserrat-medium;
    text-align: left;
    font-size: 18px;
}

.direct_work_page .main-reffral-form-cus.resident-profile.Home-detail-row ul.direct-work-list li,
.consequencelog_resident .main-reffral-form-cus.resident-profile.Home-detail-row ul.direct-work-list li {
    padding: 15px 0;
}

.consequencelog_resident .main-reffral-form-cus.resident-profile.Home-detail-row {
    max-width: 100%;
    margin: 30px 5px;
    flex: 100%;
    border-radius: 10px !IMPORTANT;
    padding: 0px 0 20px 0px;
    box-shadow: 0 0 10px #ccc;
}

.consequencelog_resident .main-reffral-form-cus.Home-detail-row .form-row .col-12 {
    padding: 0px 30px;
}

.alert_system .panel-inner-data-main-colom-cus4 h4,
.alert_system .panel-inner-data-main-colom-cus4 p,
.employee_attendance_record .attendance-search-form-1 label,
.consequencelog_resident .main-table-data-cus2 td.twob.red {
    color: red;
}

.main-table-data-cus1 td.threea,
.main-table-data-cus2 td.threeb,
.main-table-data-cus4 td.three4,
.main-resident-table-data-cus3 td.threec,
.new_starters_page .main-newstarter-table-sec-cus td.complete,
.consequencelog_resident .main-table-data-cus2 td.twob.white {
    color: #8ec63f;
}

.res_education_tracker .main-resident-table-data-cus3 td {
    text-align: center;
    padding: 20px 10px 15px 10px;
}

.res_education_tracker h1.small-headings {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 21px;
    margin-top: 15px;
}

.res_education_tracker h1.small-headings.second span {
    margin-left: 30px;
}

.res_education_tracker h1.small-headings.third span {
    background: white;
    box-shadow: 0px 0px 9px -6px rgba(0, 0, 0, 0.75);
    border-radius: 5px;
    margin-left: 20px;
    padding: 10px 50px;
}

.res_education_tracker .row.main-resident-resident-table-sec-cus1-main-row {
    margin-bottom: 25px;
}

.res_education_tracker .main-resident-resident-table-sec-cus1 table {
    box-shadow: 0 0 41px 0 rgb(0 0 0 / 4%);
    max-width: 100%;
    margin: 0 0px;
    flex: 100%;
    border-radius: 10px;
    overflow: hidden !important;
    margin-top: 100px;
}

.pagination_wrapper nav,
.employee_disciplinary_detail .past-monthly-reviews-1 a,
.res_education_tracker a.education-btn {
    float: right;
}

.resident_hobbies .main-reffral-form-cus .form-row {
    padding: 10px 25px;
}

.main_referrals_step_form .main-reffral-form-cus .form-row .col-12,
.main_referrals_step_form .main-reffral-form-cus .form-row .col-6,
.resident_hobbies .main-reffral-form-cus .form-row .col-12,
.main-reffral-form-cus .form-row .col-6 {
    padding: 15px 20px;
}

.resident_hobbies .main-reffral-form-cus.resident-profile.Home-detail-row ul.direct-work-list li:before {
    content: "";
    height: 10px;
    width: 10px;
    display: inline-block;
    background: var(--text);
    border-radius: 50px;
    margin-right: 10px;
}

.resident_hobbies .main-reffral-form-cus.resident-profile.Home-detail-row ul.direct-work-list li {
    padding: 4px 0;
}

.main_refferals_page .main-reffral-form-cus.Home-detail-row .form-row .col-12,
.independance-work-page .main-reffral-form-cus.Home-detail-row .form-row .col-12,
.direct_work_page .main-reffral-form-cus.Home-detail-row .form-row .col-12,
.resident_hobbies .main-reffral-form-cus.Home-detail-row .form-row .col-12 {
    padding: 15px 30px 40px 30px;
}

.resident_hobbies .form-check.form-check-inline {
    margin-right: 15px;
}

.resident_hobbies .form-check label {
    text-transform: none;
    font-weight: 300;
    float: left;
    width: 60%;
    text-align: left;
}

.saving_resident h3.main-employees-sub-title-cus.below-table {
    margin: 0px 0;
    padding-left: 0px;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    margin-left: 20px;
}

.saving_resident .row.form-group.edit-main-form-input-sec.resident-form.top-form input.form-control,
.calendar_main .row.form-group.edit-main-form-input-sec.resident-form.top-form input.form-control {
    background: white !IMPORTANT;
    box-shadow: 0px 0px 9px -6px rgba(0, 0, 0, 0.75) !important;
}

.saving_resident hr.saving-top-line {
    display: block;
    width: 100%;
    color: black;
    background: black;
    margin: 0 auto;
}

.saving_resident .row.form-group.edit-main-form-input-sec.resident-form.top-form a.main-search-btn {
    position: absolute;
    top: -8px;
}

.weekly_meal_planner h2.acknowledgement-main-activity-suit-11 {
    background-color: #11202c;
    color: white;
    font-size: 20px;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    margin: 25px 0px 0px;
    font-weight: 600;
    font-family: Montserrat;
    text-transform: capitalize;
}

.weekly_meal_planner .row.acknowledgement-main-activity-suit-a .col-md-8 {
    padding-top: 15px;
}

.weekly_meal_planner .acknowledgement-main-activity-suit {
    box-shadow: 0 0 10px #ccc;
    padding: 4px 0;
    margin: 25px 0;
    border-radius: 5px;
}

.weekly_meal_planner .acknowledgement-main-activity-suit h2.main-july-headings {
    text-align: center;
    padding: 23% 20px;
    font-size: 44px;
    border: 2px solid black;
    color: #aaa;
    margin-bottom: 0;
    height: 35vh;
}

.weekly_meal_planner .edit-main-form-input-sec h3.result-heading-cus {
    text-align: center;
    padding: 25px 0;
    color: #ff6347;
    font-size: 20px;
    margin-bottom: 0;
}

.main_employee_resident_view_page#edit-popup hr,
.main_employee_resident_view_page#add-new-popup hr,
.main_home_view_page#edit-popup hr,
.main_home_view_page#add-new-popup hr,
.vehicle_view_page#edit-popup hr,
.vehicle_view_page#add-new-popup hr,
.schedule_main_page #add-new-popup hr,
.calendar_main#add-popup hr {
    width: 90%;
}

.calendar_main .edit-main-form-input-sec input.form-control,
.calendar_main .edit-main-form-input-sec select {
    padding: 20px 10px;
    background: #eee;
    border: none;
    margin-bottom: 10px;
    box-shadow: none;
}

.calendar_main .row.form-group.edit-main-form-input-sec.resident-form {
    margin-top: 30px;
    width: 100%;
}

.bootstrap-timepicker-widget .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.calendar_main#add-popup .col-md-6.Edit-popup-main-btn-cus .col-md-6 {
    padding: 0 !important;
    display: block;
    margin-bottom: 5px;
    align-self: center;
}

.calendar_main#add-popup .col-md-6.Edit-popup-main-btn-cus {
    padding-left: 0 !important;
    padding-top: 50px;
    padding-left: 0 !important;
    padding-top: 30px !important;
}

.main_referrals_step_form .step-form-table-cus td,
.main_referrals_step_form .main-reffral-form-cus .form-row,
.calendar_main#add-popup .resident-profile.buttons-row .col-6,
.calendar_main#add-popup .resident-profile.buttons-row .col-12 {
    padding: 10px 15px;
}

.calendar_main#add-popup .resident-profile.buttons-row textarea.form-control {
    background-color: #e9e7e8;
    border: none;
    border-radius: 5px;
    padding: 10px 10px;
}

.calendar_main .edit-btn {
    background: #8ec63f;
    padding: 7px 7px;
    color: white;
    border-radius: 3px;
    margin-right: 6px;
}

.calendar_main .bootstrap-select .bs-ok-default:after {
    border-color: black !important;
    width: .5em;
    height: 0.8em;
    border-width: 0 .20em .20em 0;
}

.calendar_main#confirm .modal-header h3 {
    font-weight: 600;
    padding-left: 20px;
    padding-bottom: 10px;
    font-size: 20px;
    padding-top: 20px;
    color: black;
    margin: 0;
}

.calendar_main div#confirm button.btn.cancle {
    background: #f4f4f4;
    border: 2px solid #f4f4f4 !important;
    padding: 4px 15px;
    color: black;
    border-radius: 5px;
    margin-right: 6px;
    text-decoration: none;
}

.main_employee_resident_view_page .main-reffral-form-cus.resident-profile.buttons-row .form-row.second,
.vehicle_view_page .main-reffral-form-cus.resident-profile.buttons-row .form-row.second,
.refrence_page_cus .row.main-refrence-table-sec-cus2,
.employee_documents_categories .main-reffral-form-cus.resident-profile.buttons-row .form-row.second,
.employee_supervision_history .main-reffral-form-cus.resident-profile.buttons-row .form-row.second,
.admin_setting_main .main-reffral-form-cus.resident-profile.buttons-row .form-row.second {
    margin-top: 30px;
}

.admin_setting_main .main-reffral-form-cus.resident-profile.buttons-row a.resident-profile-bts {
    margin: 7px 0;
    height: 70px;
    align-self: center;
    padding: 25px 20px;
    font-size: 15px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.management_employee table.filter_data .main-table-data-cus4 a.send.inline {
    display: block;
    font-size: 12px;
}

.management_employee .main-table-data-cus4 td img {
    margin: auto;
    width: 80px;
    height: 50px;
    border-radius: 5px;
    object-fit: contain;
}

.management_activity_req table.filter_data a.action_btns {
    padding: 1px 10px;
    margin: 10px 0;
    border-radius: 5px;
    margin-right: 6px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}

.visit_user_permission .col-md-3.job-advert-main-section-btn a {
    float: unset;
    display: block;
}

.visit_user_permission .row.form-group.edit-main-form-input-sec.resident-form {
    margin: 0 0px 16px;
}

.visit_user_permission .row.form-group.edit-main-form-input-sec.resident-form nav.main-tabs .nav-tabs .nav-item {
    margin-bottom: -1px;
    margin: 0 5px 15px;
    border-radius: 5px !IMPORTANT;
}

.management_set_permission_page .col-md-12.main-inside-tab-text h2.main-title-cus {
    color: #5f5f5f !important;
    font-weight: 600;
    font-family: Montserrat;
    text-transform: capitalize;
    font-size: 25px;
}

.management_set_permission_page .col-md-12.main-inside-tab-text h4.subheadings-set-user {
    color: #5f5f5f !important;
    font-weight: 600;
    font-family: Montserrat;
    text-transform: capitalize;
    font-size: 20px;
    margin-bottom: 30px;
}

.management_set_permission_page .col-md-4.second.main-set-permission h1.main-employees-title-cus,
.management_set_permission_page .col-md-4.second.main-set-permission p.subheadings-set-user {
    text-align: center;
    margin-top: 20px;
}

.management_set_permission_page .radio-button {
    position: relative;
    display: inline;
}

.management_set_permission_page .checkbox {
    position: relative;
    display: inline;
    display: block;
}

.management_set_permission_page .radio-button input,
.management_set_permission_page .checkbox input {
    position: absolute;
    margin: 5px;
    padding: 0;

    visibility: hidden;
}

.management_set_permission_page .radio-button .label-visible,
.management_set_permission_page .checkbox .label-visible {
    margin-left: 2em;
    margin-bottom: 0;
}

.management_set_permission_page .fake-checkbox {
    position: absolute;
    display: block;
    top: 0;
    left: 3px;
    width: 20px;
    height: 20px;
    border: 1px solid slategray;
    background-color: white;
}

.management_set_permission_page .fake-checkbox:after {
    content: "";
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    background: var(--primary);
    transform: translateX(-50%) translateY(-50%);
}

.dataTables_wrapper.no-footer .dataTables_scrollBody,
.house-card .lenservice.house-info:last-child,
.row.form-group.main-form-radio-cus:last-child {
    border-bottom: none;
}

.management_set_permission_page .fake-radiobutton {
    position: absolute;
    display: block;
    top: 0;
    left: 3px;
    width: 20px;
    height: 20px;
    border: 1px solid slategray;
    background-color: white;
    border-radius: 50%;
}

.management_set_permission_page .fake-radiobutton:after {
    content: "";
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    background: var(--primary);
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
}

.management_set_permission_page .row.form-group.main-form-radio-cus label.main-inside-tab-radio-label {
    color: var(--text);
    font-weight: 500;
    font-family: Montserrat;
    text-transform: capitalize;
    text-align: left;
    font-size: 1rem;
}

.management_set_permission_page .row.form-group.main-form-radio-cus .col-md-6 {
    padding: 1rem 1.5rem;
}

.management_set_permission_page input:required {
    border-color: red !important;
}

.managment_monthly_review_page .panel.panel-default {
    background: white;
    padding: 25px 10px 20px;
    margin-bottom: 30px;
    box-shadow: 0 0 10px #ccc;
    border-radius: 5px;
}

.managment_monthly_review_page .row.panel-inner-data-main-row-cus {
    padding: 30px 30px 0px;
}

.managment_monthly_review_page .panel-inner-data-main-row-cus img {
    margin: 0px 0px 20px;
    height: 120px !important;
    width: 120px !important;
    margin: 12px auto;
    border-radius: 50%;
    overflow: hidden !important;
    display: block;
    object-fit: contain !important;
}

.managment_monthly_review_page .panel-inner-data-main-row-cus h4 {
    font-size: 20px;
    font-family: Montserrat;
    font-weight: 600;
    color: #11202c;
    text-align: center;
}

.managment_monthly_review_page .panel-inner-data-main-colom-cus2 img {
    border: 2px solid #8dc640;
}

.managment_monthly_review_page .panel-inner-data-main-row-cus p {
    font-size: 13px;
}

.managment_monthly_review_page .panel-group a {
    color: black;
    font-size: 18px;
    font-family: Montserrat;
    margin: 40px 0 20px;
    font-weight: 400;
    color: black;
    text-align: left;
    font-size: 23px !important;
    font-weight: bold;
    margin-left: 10px;
}

.alert_system .panel-inner-data-main-colom-cus2 h4,
.managment_monthly_review_page .panel-title span {
    color: #cd222a;
}

.managment_monthly_review_page .col-md-2.panel-inner-data-main-colom-cus2 {
    max-width: 20%;
    flex: 25%;
    text-align: center;
    padding: 0 5px;
}

.all_reviews_page .all-reviews-text a.reviewcolor {
    margin: 7px 0;
    align-self: center;
    padding: 20% 10%;
    font-size: 21px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    color: white;
    font-weight: 600;
}

.all_reviews_page .all-reviews-text a.reviewcolor.first {
    background: #4576bb;
}

.all_reviews_page .all-reviews-text a.reviewcolor.second {
    background: #c7549f;
}

.all_reviews_page .all-reviews-text a.reviewcolor.third {
    background: #f99621;
}

.all_reviews_page .all-reviews-text a.reviewcolor.four {
    background: #40a4c6;
}

.management_employee_month_details .employee-resident-monthly-1a h4 {
    width: 100%;
    border-radius: 5px;
    padding: 12px 0;

    border: 1px solid var(--primary);
    color: var(--primary);
    text-align: center;
    font-size: 15px;
}

.management_employee_month_details .employee-resident-monthly-1 button.form-control {
    border: none;
    border-radius: 5px;
    background-color: #8ec63f;
    color: white;
    margin-top: 2px;
}

.management_employee_month_details .employee-resident-monthly-2 h4 {
    width: 100%;
    border-radius: 5px;
    padding: 12px 0;
    color: black;
    border: 1px solid var(--primary);
    color: var(--primary);
    text-align: center;
    font-size: 15px;
}

.management_employee_month_details .employee-resident-monthly-2a {
    background-color: var(--primary);
    border: none;
    border-radius: 25px;
    padding: 1rem;
    min-height: 6rem;
}

.management_employee_month_details p.employee-resident-monthly-2aa {
    text-align: left;
    font-weight: 400;
    color: white;
    font-size: 1.3rem;
}

.management_employee_month_details p.employee-resident-monthly-2ab {
    text-align: left;
    font-weight: 400;
    color: black;
}

.management_employee_month_details .employee-resident-monthly-3 h2.update-text {
    font-size: 22px;
    margin: 25px 0px 20px;
    color: #5f5f5f !important;
    font-weight: 600;
    font-family: Montserrat;
    text-transform: capitalize;
}

.management_employee_month_details img.employee-resident-monthly-3a {
    width: 29%;
    height: auto;
    border-radius: 10px;
    object-position: left;
    display: block;
    margin-bottom: 20px;
    margin-top: 10px;
}

.management_employee_month_details .employee-resident-monthly-3a2 button.form-control {
    width: 100%;
    border-radius: 5px;
    color: black;
    border: 1px solid black;
    background-color: #efefef;
}

.management_employee_month_details .employee-resident-monthly-3a3 button {
    width: 100%;
    border-radius: 5px;
    color: white;
    padding: 7px;
    border: none;
    background-color: #8ec63f;
    margin-bottom: 15px;
}

.management_employee_month_details .employee-resident-monthly-3aa h3,
.management_resident_month_details .employee-resident-monthly-3aa h3 {
    font-size: 18px;
    margin: 25px 0px 20px;
    color: #5f5f5f !important;
    font-weight: 600;
    font-family: Montserrat;
    text-transform: capitalize;
}

.management_employee_month_details .employee-resident-monthly-3ab a {
    width: 100%;
    text-align: center;
    border: 1px solid black;
    padding: 7px 70px;
    color: black !important;
    font-family: Montserrat;
    border-radius: 5px;
}

.management_employee_month_details .employee-resident-monthly-3ab h4 {
    font-size: 18px;
    margin: 25px 0px 20px;
    color: #000000 !important;
    font-weight: 900;
    font-family: Montserrat;
    text-transform: capitalize;
}

.management_employee_month_details .employee-resident-monthly-3ac1 {
    margin-top: 16px;
}

.management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts i,
.management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts i,
.management_resident_month_details .col-md-6.employee-resident-monthly-1 a.resident-profile-bts i {
    padding-right: 6px;
    display: none;
}

.management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.second,
.management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.second,
.management_resident_month_details .col-md-6.employee-resident-monthly-1 a.resident-profile-bts.second {
    background: #40a4c6;
    padding: 15px 24px;
    color: white !important;
    border-radius: 5px;
    margin-right: 6px;
}

.management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.six,
.management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.six {
    background: #c7549f;
    padding: 15px 24px;
    color: white !important;
    border-radius: 5px;
    margin-right: 6px;
}

.management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts,
.management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts,
.management_resident_month_details .col-md-6.employee-resident-monthly-1 a.resident-profile-bts {
    display: block;
    text-align: center;
    font-size: 12px;
    padding: 10px 5px !important;
    margin-right: 0 !IMPORTANT;
    margin: 10px 10px;
}

.management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col h4,
.management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col h4 {
    font-size: 16px;
    margin: 25px 0px 20px;
    color: #5f5f5f !important;
    font-weight: 600;
    font-family: Montserrat;
    text-transform: capitalize;
}

.management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col .col-12 h2.left-side-text,
.management_employee_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col .col-12 h2.Right-side-text,
.management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col .col-12 h2.left-side-text,
.management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col .col-12 h2.Right-side-text {
    width: 48%;
    display: inline-block;
    padding: 2px 10px;
    font-size: 14px;
    margin-top: 10px;
}

.managment_view_succes_login .general-information-1 label {
    font-weight: 400;
    display: block;
    margin-top: 5px;
    margin-bottom: 0;
}

.managment_view_succes_login .edit-main-form-input-sec .col-md-4 {
    padding-left: 0px !important;
}

.management_resident_month_details .employee-resident-monthly {
    margin: 25px 0;
}

.management_resident_month_details .employee-resident-monthly-1 button {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 5px;
}

.management_resident_month_details .employee-resident-monthly-2 {
    background-color: rgb(221, 221, 221);
    border: 1px solid black;
}

.management_resident_month_details p.employee-resident-monthly-2a {
    text-align: center;
    margin: 10px 0 0;
    font-weight: 900;
    color: black;
}

.management_resident_month_details .employee-resident-monthly-3 h2.resident-name-here {
    font-size: 20px;
    margin: 25px 0px 20px;
    color: #5f5f5f !important;
    font-weight: 600;
    font-family: Montserrat;
    text-transform: capitalize;
}

.management_resident_month_details img.employee-resident-monthly-3a {
    width: 29%;
    height: auto;
    border-radius: 10px;
    object-position: left;
    display: block;
    margin-bottom: 20px;
}

.management_resident_month_details .employee-resident-monthly-3b input {
    box-shadow: none;
    height: 25px;
    width: 25px;
    margin-left: -15px;
}

.management_resident_month_details .employee-resident-monthly-3b label.form-check-label {
    text-transform: none;
    font-weight: 300;
    width: 100%;
    text-align: left;
    margin-left: 30px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.management_resident_month_details .employee-resident-monthly-3aa h1 {
    margin: 25px 0px 20px;
    color: #5f5f5f !important;
    font-weight: 600;
    font-family: Montserrat;
    text-transform: capitalize;
    text-align: left;
    font-size: 25px;
}

.referrals_database_page .row.form-group.edit-main-form-input-sec.resident-form.top-form .col-5.search-result,
.managment_monthly_review_page div#accordion,
.management_resident_month_details .employee-resident-monthly-3ac1 {
    margin-top: 25px;
}

.management_resident_month_details .employee-resident-monthly-3ac1 a {
    padding: 8px 25px;
    color: white !important;
    background-color: #8ec63f;
    border-radius: 5px;
}

.management_resident_month_details .employee-resident-monthly-3ae button {
    margin-bottom: 15px;
    margin-top: 30px;
}

.management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col {
    border-radius: 10px !IMPORTANT;
    padding: 10px 20px;
    box-shadow: 0 0 10px #ccc;
    margin: 30px 10px 0px;
    max-width: 47.5%;
    border: none;
}

.management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.third {
    background: #f99621;
    padding: 15px 24px;
    color: white !important;
    border-radius: 5px;
    margin-right: 6px;
}

.management_resident_month_details .row.employee-resident-monthly-3 .col-md-6.two-main-col a.resident-profile-bts.five {
    background: #7a5ea8;
    padding: 15px 24px;
    color: white !important;
    border-radius: 5px;
    margin-right: 6px;
}

.management_resident_month_details .form-row.btn-row h4.static-text-btn {
    margin: 5px auto !IMPORTANT;
    width: 100%;
    border-radius: 5px;
    padding: 10px 0;
    border: 1px solid #8dc640;
    text-align: center;
    font-size: 15px !IMPORTANT;
}

.manag_monthly_review_main .monthly-reviews-details-3 {
    margin-top: 110px;
    margin-bottom: 80px;
}

.manag_monthly_review_main .monthly-reviews-details-3a a,
.manag_monthly_review_main .monthly-reviews-details-3b a {
    border-radius: 10px;
    padding: 50px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.maintanance_edit .general-information-1 .image-uploader .upload-text {
    padding: 0 20px;
    text-align: center;
}

.form_builder_add_page .form-wrap.form-builder .section-field,
.form_builder_edit_page .form-wrap.form-builder .section-field {
    background: #529493 !important;
    position: sticky;
    top: 90px;
    z-index: 1000;
    border-top: 3px solid;
}

.form_builder_add_page .form-wrap.form-builder .section-field:not(:first-of-type),
.form_builder_edit_page .form-wrap.form-builder .section-field:not(:first-of-type) {
    margin-top: 2rem;
}

.form_builder_add_page .form-wrap.form-builder .header-field,
.form_builder_edit_page .form-wrap.form-builder .header-field {
    background: #daeded !important;
}

.form_builder_add_page .bootstrap-select button.btn.dropdown-toggle.btn-light {
    box-shadow: none !important;
    width: 100%;

    border: 1px solid #c3cccf;
    border-radius: .6rem !important;

    color: #5b5b5b;
    font-weight: 500;
    display: block;
    height: auto;

    background-image: url(../images/back_black.png) !IMPORTANT;
    background-size: 20px !important;
    background-repeat: no-repeat !IMPORTANT;
    background-position: right !IMPORTANT;
}

.form_builder_add_page .bootstrap-select .bs-ok-default:after,
.form_builder_edit_page .bootstrap-select .bs-ok-default:after,
.form_task_view_form .bootstrap-select .bs-ok-default:after {
    border-color: black;
    width: .5em;
    height: 0.8em;
    border-width: 0 .20em .20em 0;
}

.form_builder_add_page a.cross-icon,
.form_builder_edit_page a.cross-icon {
    color: #6c757d;
    font-size: 20px;
    border: 1px solid;
    padding: 5px 10px;
}

.form_builder_add_page .form-wrap.form-builder .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.form_builder_edit_page .form-wrap.form-builder .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 1px solid #aaa !IMPORTANT;
    position: unset;
    padding: 2px 5px;
}

.form_builder_add_page .form-wrap.form-builder li.select2-selection__choice,
.form_builder_edit_page .form-wrap.form-builder li.select2-selection__choice {
    padding: 0 !important;
    margin: 5px 3px !IMPORTANT;
}

.form_builder_add_page .form-wrap.form-builder span.select2.select2-container textarea,
.form_builder_edit_page .form-wrap.form-builder span.select2.select2-container textarea {
    margin: 0;
    display: inline-block;
    border: none !IMPORTANT;
}

.form_builder_add_page .form-wrap.form-builder .stage-wrap.empty,
.form_builder_edit_page .form-wrap.form-builder .stage-wrap.empty {
    padding: 6.2rem 0;
}

.form_builder_edit_page .col-md-6.add-btn button {
    border: none;
    color: white !important;
    background-color: white;
    padding: 6px 20px;
    border-radius: 8px;
    font-size: 17px;
    font-weight: bold;
    background: #f89520;
    display: block;
    text-align: center;
    width: 50%;
}

.form_builder_edit_page .bootstrap-select button.btn.dropdown-toggle.btn-light {
    box-shadow: none !important;
    width: 100%;

    border: 1px solid #c3cccf;
    border-radius: 5px;

    color: #5b5b5b;
    font-weight: 500;
    display: block;
    height: auto;

    background-image: url(../images/back_black.png) !IMPORTANT;
    background-size: 20px !important;
    background-repeat: no-repeat !IMPORTANT;
    background-position: right !IMPORTANT;
    outline: none !important;
}

.text-white.date {
    font-size: .9rem;
    text-decoration: underline;
}

.row.main-resident-resident-table-sec-cus1,
.maching_matrix_2 .main-home-home-table-sec-cus1,
.main_forms_list_cus .main-home-home-table-sec-cus1,
.form_builder_edit_page button#choicescrm-clear-action,
.form_builder_edit_page button#choicescrm-get-action {
    margin-top: 20px;
}

.form_builder_edit_page .general-information .nav-tabs a.nav-item {
    margin-bottom: -1px;
    margin: 0px;
    width: 49%;

    text-align: center;
}

.form_builder_edit_page .general-information-1 input[type="radio"] {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    margin-right: .3125rem;
}

.form_builder_edit_page .add-row {
    text-align: center;
    background-color: #8ec63f;
    border: none;
    color: white;
    padding: 7px 30px;
    margin: 20px 0 20px;
    border-radius: 5px;
}

.add_candidate .row.btn-row .col-md-4,
.schedule_main_page .col-md-4.Candidates-main-section-btn,
.view_referrals_page .row.table_box_cus .col-md-3,
.view_referrals_page .row.table_box_cus .col-md-2,
.email_list_refrrals .row.form-group.buttons_row .col-2,
.email_list_refrrals .buttons_row .col-4.search,
.email_document_refrrals .col-md-4.job-advert-main-section-btn,
.homes_apps_page .row.acknowledgement-main-activity-suit-a .col-md-8.app-col-cus,
.inHouse_education_page .col-md-12.top-section-btn .col-md-4,
.employees_streength_weakness .strength-and-weakness-1 .col-md-8,
.saving_resident .row.form-group.edit-main-form-input-sec.resident-form.top-form .col-2,
.saving_resident .col-md-4.job-advert-main-section-btn,
.managment_access_main .col-md-8.main-text,
.admin_setting_main .main-reffral-form-cus.resident-profile.buttons-row .form-row .col-3,
.form_builder_add_page .add-btn,
.row.btn-row .col-md-4,
.form_builder_edit_page .col-md-6.add-btn,
.form_builder_edit_page .col-md-6.close-btn,
.form_builder_edit_page .row.btn-row .col-md-4 {
    align-self: center;
}

.modal-dialog.modal-primary,
.form_builder_edit_page .modal-dialog.modal-primary {
    max-width: 800px !important;
}

.document_upload .fire-extinguisher-check tr.no-found,
.form_builder_edit_page div#modalviewform {
    background: unset;
}

.form_tag_cus .reports-responsive {
    width: 100%;
    overflow-x: scroll;
}

table.filter_data ul.inline_btn {
    width: 250px;
}

.solo-btn-tab:hover .icon-white,
.solo-btn-tab.active .icon-white,
.form_tag_cus td.text-left.filter_btn a.choices_btn_orange {
    display: inline;
}

label.singleline {
    position: absolute;
    left: 17%;
    width: auto;
}

.modal-body.resident-body {
    overflow-y: scroll;
    height: 600px;
}

.custom-switch {
    outline: none;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    width: 4.4em;
    height: 2.2em;
    font-size: 0.85rem;
    background-color: #e9ecef;
    border-radius: 2em;

    outline: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    position: relative;
    font-size: 0.7rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.custom-switch::after {
    content: "Off";
    position: absolute;
    left: 70%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #6c757d;
    transition: color 0.3s ease, content 0.3s ease;
}

.custom-switch:checked::after {
    content: "On";
    color: #fff;
    left: 30%;
    top: 50%;
}

.custom-switch::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 1.5em;
    height: 1.5em;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s ease;
}

.custom-switch:checked::before {
    transform: translateX(2.4em);
}

.form-check-input[type="checkbox"][role="switch"] {
    background-image: none !important;
}

.custom-switch:checked,
.custom-switch:checked:hover {
    background-color: #2A7FD6;
}

.custom-switch:not(:checked):hover,
.custom-switch:not(:checked):focus,
.custom-switch:not(:checked):active {
    background-color: #e9ecef;
}

.custom-switch:checked:focus,
.custom-switch:checked:active {
    background-color: #2A7FD6;
    outline: none;
    box-shadow: none;
}

.custom-switch:focus,
.custom-switch:active {
    outline: none;
    box-shadow: none;
}

.card-inner-icon {
    padding: 0;
    width: 3rem;
    height: 3rem;
}

.card-inner-icon img {
    border-radius: .4rem;
}

.home_h1 .card-inner-icon img {
    background: #dcfff6;
}

.home_h2 .card-inner-icon img {
    background: #e0f3ff;
}

.home_h3 .card-inner-icon img {
    background: #ffe7f1;
}

.blue-outline-custom-btn i {
    color: var(--primary) !important;
    transition: color 0.3s ease;
}

.blue-outline-custom-btn:hover {
    color: #fff !important;
    background-color: var(--primary);
}

.form_builder_add_page .form-wrap.form-builder .section-field .field-label,
.form_builder_edit_page .form-wrap.form-builder .section-field .field-label,
.blue-outline-custom-btn:hover i {
    color: #fff !important;
}

.blue-outline-big-button.open-signature-modal {
    padding: .6rem 2rem;
}

.acknowledgement_main_form h4 {
    font-size: 20px;
    font-weight: 300;
    color: black;
    margin: 0;
}

.acknowledgement_main_form a img {
    width: 11%;
    position: relative;
    bottom: 3px;
    display: none;
}

button.choices_btn_orange.disabled {
    background-color: #fff !important;
    color: orange;
}

p.colorrmove.\31 03.mb-3.Final,
span.colorrmovename.\31 03.Final,
p.colorrmove.\31 00.mb-3.Original,
span.colorrmovename.\31 00.Original {
    left: -50px !important;
}

a.btn.choices_btn_orange.mr-2 {
    padding: 3px !important;
}

.btn.disabled,
.btn:disabled {
    opacity: 0.35;
    pointer-events: none;
}

.col-md-4.lastmargin-33 {
    margin-left: 33%;
}

.row.two_btn_row.mb-3.lastmargin-25 {
    margin-left: 24%;
}

ul.breadcrumb li {
    display: inline;
    font-size: 18px;
}

ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/ ";
}

ul.breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
}

ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
}

.image-uploader.drag-over {
    background-color: #f3f3f3;
}

.education-tracker .modal-dialog {
    max-width: 50%;
    margin: 1.75rem auto;
}

.report-botstep-filter .bootstrap-select>.dropdown-toggle {
    padding: 5px 10px !important;
    border: none;
    box-shadow: 0 0 10px #ccc;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 500;
    width: 100% !important;
    display: block;
    padding-right: 30px !IMPORTANT;
    background-color: #ffffff;
}

#table_widths.main-table-data-cus4 td,
#table_widths tr.main-table-data-cus3 td {
    padding: 10px !important;
    font-weight: 500;
}

#table_widths button.choices_btn_orange,
#table_widths a.choices_btn_orange {
    padding: 5px !important;
}

a.btn.btn-success.vehicleback.crmnov.back_button_main {
    padding: 3px 22px;
    background: #2A7FD6;
    border: none;
    border-radius: 12px;
}

h2.first-heading.vehicle_blogger {
    line-height: 22.15px;
}

.text-align-left {
    text-align: left;
    font-size: 14px;
    color: grey;
    line-height: 2.2;
    border-bottom: 1px solid #80808038;
    padding: 0;
}

.text-align-right {
    text-align: right;
    font-weight: 500;
    font-size: 13px;
    line-height: 2.2;
    border-bottom: 1px solid #80808038;
    padding: 0;
}

.job_advert_page_cus .main-table-btn-cusc a,
.row.vehicleimg {
    padding: 5px 10px;
}

.mt-12 {
    margin-top: 12px;
}

input.form-control.datepicker.vehiclepageinput ::after {
    color: #344357;
    content: "";
    display: block;
    font-family: "Font Awesome 5 Free";
    font-size: 1rem;
    font-weight: 600;
    margin:
        auto;
    position: absolute;
    right: 15px;
    bottom: 10px;
}

textarea.form-control.vehiclepagetextarea {
    background: white !important;
    border: 1px solid #d3dce4 !important;
}

.col-md-12.btnvehicle {
    margin-top: 9px;
}

.vehicleimg-upload {
    align-items: center;
    display: inline-flex;
    position: relative;
}

.main-image-sec-cus.edit-img img {
    width: 115px;
    border-radius: 50%;
    height: 115px;
}

.row.form-group.edit-main-form-input-sec.imgvehicle {
    margin-top: 1em;
}

.edits::active {
    background: blue;
}

.vehicle_view_page#view-incident .viewModalW .col-md-12 {
    padding: 0 !important;
    margin-bottom: 10px;
}

.vehicle_view_page#view-incident .viewModalW .col-md-6 {
    padding: 0 20px 0 0 !important;
    margin-bottom: 10px;
}

.row.form-group.edit-main-form-input-sec.ptl-0 {
    padding: 0 9px !important;
}

.row.form-group.edit-main-form-input-sec.updateviewtab {
    margin-bottom: 0em;
}

.btn-outline-blue-outline {
    background: transparent;
    border: 1px solid #2A7FD6;
    color: #2A7FD6;
    border-radius: .7rem;
    padding: .6rem 5.2rem;
    opacity: 1 !IMPORTANT;
}

.blue-bg {
    background-image: url("../images/popup-bg.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 1.3rem;
}

.btn-outline-secondary-outline {
    background: #F2F6FA;
    border: 1px solid #A4AAAD;
    color: #A4AAAD;
    border-radius: .7rem;
    padding: .6rem 5.2rem;
    opacity: 1 !IMPORTANT;
    color: #A4AAAD !important;
    color: #A4AAAD !important;
}

.btn-primary-fill {
    color: rgb(255 255 255);
    background-color: #2A7FD6;
    border: 0;
    border-radius: .7rem;
    padding: .6rem 5.2rem;
    opacity: 1 !IMPORTANT;
    color: rgb(255 255 255) !important;
}

.warning-box {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 10px;
    padding: 16px;
    margin: 20px 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.warning-icon {
    font-size: 1.1rem;
    flex-shrink: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.warning-box span:not(.warning-icon) {
    font-size: 0.95rem;
    color: #856404;
    line-height: 1.6;
}

.info-box {
    background: #d1ecf1;
    border: 1px solid #bee5eb;
    border-radius: 10px;
    padding: 12px 16px;
    margin: 16px 0;
    font-size: 0.95rem;
    color: #0c5460;
    line-height: 1.6;
}

.info-box strong {
    color: #0a3f45;
    font-weight: 600;
}

.move_existing_home .general-information-1 {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.move_existing_home h2 {
    color: #2c3e50;
    font-weight: 600;
    margin-bottom: 1.5rem;
    font-size: 1.75rem;
}

.form-section {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 24px;
    transition: all 0.3s ease;
}

.form-section.active {
    background: #fff;
    border: 2px solid #2A7FD6;
    background-image: linear-gradient(135deg, rgba(42, 127, 214, 0.02) 0%, rgba(42, 127, 214, 0.05) 100%);
}

.form-section-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-section-title .step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #e9ecef;
    color: #666;
    font-weight: 700;
    font-size: 0.9rem;
}

.form-section.active .form-section-title .step-number {
    background: #2A7FD6;
    color: #fff;
}

.form-control:focus {
    border-color: #A4AAAD;
    box-shadow: none;
    border-color: #2A7FD6;
    box-shadow: 0 0 0 3px rgba(42, 127, 214, 0.1);
}

.selectpicker:focus {
    border-color: #2A7FD6;
    box-shadow: 0 0 0 3px rgba(42, 127, 214, 0.1);
}

.schedule-option {
    display: flex;
    align-items: center;
    gap: 12px;
    border: 2px solid #dcdcdc;
    border-radius: 10px;
    padding: 18px;
    margin-bottom: 12px;
    cursor: pointer;
    background: #fff;
    transition: all 0.3s ease;
}

.schedule-option input[type="radio"] {
    transform: scale(1.3);
    cursor: pointer;
    flex-shrink: 0;
}

.schedule-option:hover {
    border-color: #b0bfcf;
    background: #f8f9fa;
}

.schedule-option input[type="radio"]:checked+span {
    font-weight: 600;
    color: #2A7FD6;
}

.schedule-option:has(input:checked) {
    border-color: #2A7FD6 !important;
    background-color: rgba(42, 127, 214, 0.08) !important;
}

.steps-wrapper.step-last {
    position: relative;
    width: 60%;
}

.progress-line {
    position: absolute;
    top: 1.5rem;
    left: 10%;
    right: 10%;
    height: .25rem;
    background: rgba(242, 246, 250, 1);
}

.progress-line-fill {
    content: "";
    position: absolute;
    height: 3px;
    background: #2b7fd6;
    top: 0;
    left: 0;
    width: 0%;
    transition: width 0.4s ease;
}

.circle {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    line-height: 40px;
    background: rgba(242, 246, 250, 1);
    display: inline-block;
    font-weight: 600;
    color: rgba(164, 170, 173, 1);
    transition: 0.3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 111;
    font-size: 1.6rem;
}

.circle.active,
.circle.completed {
    background: rgba(42, 127, 214, 1);
    color: #fff;
}

.badge-item {
    margin: .2rem;
    padding: .5rem .9rem;
    border-radius: 3rem;
    background: rgba(242, 246, 250, 1);
    font-size: 1rem;
    color: rgba(87, 94, 98, 1);
}

#whoCanAccessModal label {
    color: rgba(87, 94, 98, 1);
    padding: 0 0 .4rem 0;
}

.badge-item i {
    color: rgba(87, 94, 98, 1) !important;
    margin-left: .2rem;
}

.step .label {
    color: rgba(87, 94, 98, 1);
    font-weight: 400;
    margin-top: .4rem;
}

#whoCanAccessModal #prevBtn {
    background: transparent;
    border: 1px solid rgba(42, 127, 214, 1);
    color: rgba(42, 127, 214, 1);
    border-radius: .7rem;
    padding: .6rem 5rem;
    opacity: 1 !IMPORTANT;
}

#whoCanAccessModal #prevBtn:disabled {
    color: rgba(164, 170, 173, 1);
    background-color: rgba(242, 246, 250, 1);
    border: 1px solid rgba(242, 246, 250, 1);
    border-radius: .7rem;
    padding: .6rem 5rem;
    opacity: 1 !IMPORTANT;
}

.steps-wrapper {
    position: relative;
    width: 100%;
    position: relative;
    width: 100%;
    margin: 3rem auto 3rem auto !important;
}

button#nextBtn {
    color: rgb(255 255 255);
    background-color: rgba(42, 127, 214, 1);
    border: 0;
    border-radius: .7rem;
    padding: .6rem 5rem;
    opacity: 1 !IMPORTANT;
}

#whoCanAccessModal .modal-body {
    background-image: url("/images/popup-bg.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 1.3rem;
}

.badge-item span {
    margin-left: 6px;
    cursor: pointer;
    font-weight: bold;
}

.house-card {
    background: linear-gradient(to bottom left, #BEDEFE 0%, #FFFFFF 35%);
    box-shadow: 0 0 41px 0 rgb(0 0 0 / 4%);
    border-radius: 25px;
    padding: 2rem;
    text-align: center;
    padding: 1.5rem;
}

.employee-home-history-card .accordion-item {
    border: 1px solid #d1e2ec !important;
    border-radius: .7rem !important;
    padding: 1rem 1.4rem;
}

.employee-home-history-card .accordion-collapse.collapse.show {
    height: 10rem;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #b8c7dc transparent;
}

.employee-home-history-card .accordion-collapse.collapse.show::-webkit-scrollbar {
    width: 0.375rem;
}

.employee-home-history-card .accordion-collapse.collapse.show::-webkit-scrollbar-thumb {
    background: #c5d2e3;
    border-radius: 6.25rem;
}

.employee-home-history-card .accordion-collapse.collapse.show::-webkit-scrollbar-thumb:hover {
    background: #9eb6d6;
}

.employee-home-history-card .accordion-button {
    background: transparent;
    color: #222a2e;
    box-shadow: none;
    font-size: 1.05rem;
}

.employee-home-history-card .accordion-button:not(.collapsed) {
    background: transparent;
    color: #173f78;
    box-shadow: none;
}

.employee-home-history-timeline {
    position: relative;
    margin-left: 0;
}

.employee-home-history-item {
    position: relative;
    padding-bottom: 1.1rem;
}

.employee-home-history-text {
    font-size: 0.95rem;
    line-height: 1.25;
    text-align: start;
}

i.fa-solid.fa-arrow-down,
.change-pass li a,
.employee-home-history-text h4 {
    font-size: 1rem;
}

.employee-home-history-text p {
    margin-bottom: 0.3rem;
}

p.badge.bg-primary-custom {
    background-color: #2b7ed6;
    padding: 0.4rem .6rem !important;
    border-radius: 2rem;
    font-size: .7rem;
    color: white;
}

.view-history {
    color: #fff !important;
    background-color: #2A7FD6;
    padding: .4rem 1rem;
    border-radius: .4rem;
    font-size: .8rem !important;
}

*::-webkit-scrollbar {
    height: .4rem;
    width: .4rem;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
    scroll-behavior: smooth;
    scrollbar-color: auto;
    scrollbar-width: thin;
    font-family: "Inter", sans-serif;
}

span {
    font-family: "Inter", sans-serif;
}

h1,
h3,
h4,
h5,
h6 {
    font-family: "Inter", sans-serif;
    color: var(--nx-text-primary);
    font-family: var(--nx-heading-font) !important;
}

h2 {
    font-family: "Inter", sans-serif;
    color: var(--nx-text-primary);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.7rem;
    font-weight: 600;
}

a.text-decoration-none.breadcrumb-link {
    color: var(--primary);
    color: #646f87;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
    scroll-behavior: smooth;
    font-family: "Inter", sans-serif;
    background: linear-gradient(90deg, rgba(37, 99, 235, .05), #fff 42%);
}

.recruitment-w {
    max-width: 60%;
    margin: auto;
}

.modal-header {
    padding: 0;
    border: 0;
}

.blue-outline-big-button-view {
    font-size: .95rem;
    padding: .6rem 1.3rem;
    border-radius: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.blue-outline-big-button:disabled,
.blue-big-button:disabled,
.blue-outline-big-button-view:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.add-blue {
    color: var(--primary) !important;
    color: var(--nx-dashboard-primary) !important;
}

.blue-outline-big-button:hover .add-blue {
    color: var(--white) !important;
}

i.fa.fa-plus,
.blue-big-button .add,
.blue-big-button:hover .add {
    color: white !important;
}

.blue-outline-big-button-view .icon-md {
    margin-right: 0.5rem;
    color: var(--nx-dashboard-primary) !important;
}

.blue-outline-big-button {
    font-size: .95rem;
    padding: .6rem 1.3rem;
    border-radius: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    border: 0.1rem solid #ced7e3;
    color: #131a2b;
}

.blue-big-button {
    font-size: .95rem;
    padding: .6rem 1.3rem;
    border-radius: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    background-color: var(--nx-dashboard-primary);
    color: var(--white);
}

.blue-outline-big-button:hover {
    background-color: #c8ddf9;
    color: var(--nx-dashboard-primary);
}

.blue-btn:hover {
    border: 1px solid var(--nx-dashboard-primary);
    color: var(--nx-dashboard-primary);
    background-color: var(--white);
}

.blue-big-button:hover {
    border: 1px solid var(--nx-dashboard-primary);
    color: var(--nx-dashboard-primary);
    background-color: transparent;
}

.chices-crm-main-header {
    align-items: center;
    background: linear-gradient(90deg, #ebf1fc, #e9eef8 38%, #fff) !important;
    border-bottom: .0725rem solid var(--nx-dashboard-border);
    box-shadow: none !important;
    display: flex;
    height: 3.8rem !important;
    padding: 0 1.5rem;
    transition: all .3s ease;
    position: fixed;
    width: 100%;
    z-index: 111;
}

.chices-crm-main-header.collapse-in {
    padding-left: 15rem;
    padding-right: 0;
}

.chices-crm-main-header.collapsed {
    padding-left: 5rem;
    padding-right: 0;
}

.chices-crm-main-header>[class*="col-"],
.recruitment-inner-redesign .bootstrap-select .filter-option,
.training-record-redesign .training-record-table-card .common-table-header {
    align-items: center;
    display: flex;
}

.main-heading-header-welcome {
    color: var(--nx-dashboard-muted) !important;
    font-family: Inter, "Montserrat", sans-serif !important;
    font-size: .875rem !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    margin: 0 !important;
}

.main-heading-header-welcome span {
    color: var(--nx-dashboard-text) !important;
    font-weight: 600 !important;
}

.top-header-bar-2 {
    text-align: right;
    padding-right: 10px;
    gap: .25rem;
    width: 100%;
}

.top-header-bar-2 ul {
    gap: .25rem;
}

.top-header-bar-2 .dropdown>a,
.top-header-bar-2 .notification>a.nav-link {
    align-items: center;
    background: transparent !important;
    border-radius: .75rem;
    color: var(--nx-dashboard-muted) !important;
    display: inline-flex;
    height: 2.5rem;
    justify-content: center;
    padding: 0 !important;
    position: relative;
    transition: background-color .2s ease, color .2s ease;
    width: 2.5rem;
}

.top-header-bar-2 .dropdown>a:hover,
.top-header-bar-2 .notification>a.nav-link:hover {
    background: #f1f5f9 !important;
    color: var(--nx-dashboard-text) !important;
}

.nx-topbar-lucide,
.nx-mobile-menu-icon {
    color: currentColor;
    height: 1rem;
    width: 1rem;
}

.top-header-bar-2 span.top-header-bar-2b {
    color: var(--white);
    height: 1rem;
    width: 1rem;
    font-size: 10px;
    position: absolute;
    right: 30px;
    top: 25px;
    border-radius: 50%;
    background-color: #F56464;
    text-align: center;
    align-items: center;
    background: var(--nx-dashboard-primary) !important;
    border: .125rem solid #fff;
    border-radius: 999rem;
    color: #fff !important;
    display: inline-flex;
    font-size: .5rem !important;
    font-weight: 700;
    height: 1rem !important;
    justify-content: center;
    min-width: 1rem;
    padding: 0 .25rem;
    position: absolute;
    right: .25rem;
    top: .25rem;
}

.top-header-bar-2 .dropdown-menu {
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .875rem !important;
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, .12) !important;
    margin-top: .5rem !important;
    min-width: 10.5rem;
}

.profile-drop .btn-lightblue {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    border-radius: .75rem !important;
    color: var(--nx-dashboard-text) !important;
    display: inline-flex;
    font-size: .95rem !important;
    font-weight: 500 !important;
    gap: .625rem;
    min-height: 2.5rem;
    padding: .375rem .625rem !important;
    transition: background-color .2s ease;
}

.profile-drop .btn-lightblue:hover,
.profile-drop .btn-lightblue:focus {
    background: #f1f5f9 !important;
}

.profile-drop .not_img,
.top-header-bar-2 img.not_img {
    background: linear-gradient(135deg, var(--nx-dashboard-primary), #60a5fa);
    border-radius: 999rem !important;
    height: 1.9rem !important;
    object-fit: cover;
    width: 1.9rem !important;
}

.nx-profile-chevron {
    color: var(--nx-dashboard-muted);
    height: .875rem;
    width: .875rem;
}

.topbar-divider-item {
    display: flex;
    align-items: center;
}

.topbar-divider {
    background: var(--nx-dashboard-border);
    display: inline-block;
    height: 1.5rem;
    margin: 0 .375rem;
    width: .0725rem;
}

.Recruitmtnt-main-section2 {
    background: linear-gradient(180deg, rgba(37, 99, 235, .1), rgba(37, 99, 235, .05) 45%, #fff) !important;
    box-shadow: .75rem 0 2rem rgba(15, 23, 42, .08) !important;
    max-width: 15%;
    padding: 0 !important;
    transition: all .3s ease !important;
    width: 15%;
    position: fixed;
    z-index: 111;
    height: 100%;
    border-right: 1px solid #d6dee8;
}

.Recruitmtnt-main-section2.collapsed {
    flex: 4%;
    max-width: 4%;
    width: 4%;
}

.Recruitmtnt-main-section2a {
    align-items: center;
    /* border-bottom: .0725rem solid var(--nx-dashboard-border); */
    display: flex;
    min-height: 3.8rem;
    overflow: hidden;
    padding: .5rem 1rem;
}

.Recruitmtnt-main-section2a .main-logo {
    max-height: 3.25rem !important;
    object-fit: contain;
    margin: auto;
}

.Recruitmtnt-main-section2a .mini-logo {
    height: 2.25rem !important;
    object-fit: contain;
    width: 2.25rem !important;
}

.Recruitmtnt-main-section2 ul.sidebarq {
    height: calc(100vh - 8.5rem) !important;
    margin: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1rem .5rem !important;
}

.top-header-bar-2 li,
.Recruitmtnt-main-section2 ul.sidebarq li {
    list-style: none;
}

.Recruitmtnt-main-section2 ul a.tablinks {
    align-items: center;
    background: transparent !important;
    border-radius: .75rem !important;
    color: var(--nx-dashboard-muted) !important;
    display: flex;
    font-size: .875rem !important;
    font-weight: 500 !important;
    gap: .75rem !important;
    line-height: 1.25 !important;
    margin: 0 0 .25rem !important;
    min-height: 2.5rem;
    padding: .625rem .75rem !important;
    text-decoration: none !important;
    transition: background-color .15s ease, box-shadow .15s ease, color .15s ease, transform .15s ease;
}

.Recruitmtnt-main-section2 ul a.tablinks:hover {
    background: var(--nx-dashboard-primary) !important;
    color: #fff !important;
    transform: translateX(.125rem);
}

.Recruitmtnt-main-section2 ul a.tablinks.active {
    background-color: var(--primary);
    color: var(--white);
    background: var(--nx-dashboard-primary) !important;
    box-shadow: 0 .25rem .75rem rgba(37, 99, 235, .2);
    color: #fff !important;
}

.Recruitmtnt-main-section2 ul a.tablinks.active::after {
    animation: nx-ping-beacon 1.6s cubic-bezier(0, 0, .2, 1) infinite;
    background: #10b981;
    border: .125rem solid rgba(255, 255, 255, .9);
    border-radius: 999rem;
    content: "";
    height: .625rem;
    margin-left: auto;
    width: .625rem;
}

.Recruitmtnt-main-section2 ul a.tablinks.collapsed-link {
    width: 3rem !important;
    height: 3rem !important;
    padding: 1rem !important;
    border-radius: 50% !important;
    margin: 0.5rem auto;
    border-radius: .75rem !important;
    height: 2.5rem !important;
    justify-content: center;
    margin: 0 auto .25rem !important;
    padding: 0 !important;
    width: 2.5rem !important;
}

.nx-sidebar-lucide,
.Recruitmtnt-main-section2 ul a.tablinks .dashboard-icon {
    color: currentColor !important;
    flex-shrink: 0;
    height: 1rem !important;
    stroke: currentColor !important;
    width: 1rem !important;
}

.Recruitmtnt-main-section2 ul a.tablinks .dashboard-icon path {
    fill: none !important;
    stroke: currentColor !important;
}

.side-menu-collapse-icon img {
    height: .875rem !important;
    width: .875rem !important;
}

.modal-body.home-pop-body {
    padding: 0 1.5rem;
    padding: 0;
}

.modal-body.home-pop-body table.table {
    background: transparent !important;
    box-shadow: none !important;
    margin: 0;
}

.modal-content {
    border-radius: 1.5rem;
}

.dashboard-redesign {
    background: var(--nx-dashboard-bg);
    color: var(--nx-dashboard-text);
    font-family: "Inter", sans-serif;
    min-height: calc(100vh - 8.75rem);
}

.dashboard-quick-links a {
    background-image: linear-gradient(to right, #e1e7f78f, #ffffff);
}

.dashboard-page .main-div5 .table td {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: transparent;
    border-bottom: 1px solid #d2c6c638;
    padding: 15px 30px;
    font-size: 1.3rem;
    font-size: .96rem !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 0 !important;
}

.dashboard-page .dashboard-home-manager-details {
    background: linear-gradient(to bottom left, #BEDEFE 0%, #FFFFFF 45%) !important;
    padding: 1.3rem 1.3rem 1.3rem 1.4rem;
    box-shadow: 0 0 2.5rem 0 rgb(0 0 0 / 4%);
    /* border-radius: .9rem; */
    overflow: hidden;
    background: white !important;
    padding: 0;
}

.dashboard-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
    animation: dashboard-fade-up .3s ease-out both;
}

.dashboard-title-icon {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 1rem;
    background: rgba(37, 99, 235, .1);
    color: var(--nx-dashboard-primary);
}

.dashboard-stat-icon svg {
    width: 1.5rem;
    height: 1.5rem;
    width: 1.25rem;
    height: 1.25rem;
}

.dashboard-title-icon svg,
.dashboard-small-icon svg,
.dashboard-link-icon svg {
    width: 1.25rem;
    height: 1.25rem;
}

.dashboard-title-wrap h1 {
    font-family: "Inter", sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

.dashboard-sub-card p {
    color: var(--nx-dashboard-muted);
}

.dashboard-title-wrap p {
    color: var(--nx-dashboard-muted);
    font-size: 0.875rem;
    margin: 0.125rem 0 0;
    font-weight: 400;
}

.dashboard-date {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.35;
    text-align: right;
}

.dashboard-date span {
    color: var(--nx-dashboard-muted);
    display: block;
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
}

.dashboard-btn {
    border-radius: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4375rem;
    min-height: 2rem;
    padding: 0.6rem 1rem;
    font-size: 0.85rem;
    font-weight: 500;
    line-height: 1.2;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
    white-space: nowrap;
}

.dashboard-btn svg {
    width: 0.9375rem;
    height: 0.9375rem;
}

.form-control::placeholder,
.form-select::placeholder {
    color: var(--nx-text-primary) !important;
    font-size: .85rem !important;
    opacity: 1;
}

.dashboard-btn-primary {
    background: var(--nx-dashboard-primary);
    border: 0.0725rem solid var(--nx-dashboard-primary);
    box-shadow: 0 0.0725rem 0.125rem rgba(15, 23, 42, .08);
    color: #fff !important;
}

.dashboard-btn-primary:hover {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #fff !important;
}

.dashboard-btn-primary [data-lucide="trophy"] {
    color: #fcd34d;
}

.dashboard-btn-outline {
    background: transparent;
    border: 0.0725rem solid var(--nx-dashboard-border);
    color: var(--nx-dashboard-text) !important;
    box-shadow: 0 0.0725rem 0.125rem rgba(15, 23, 42, .05);
}

.dashboard-btn-outline:hover {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8 !important;
}

.dashboard-assist-card {
    display: flex;
    align-items: center;
    border: 0.0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 0.0725rem 0.125rem rgba(15, 23, 42, .06);
    overflow: hidden;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding: 1.25rem;
    animation: dashboard-fade-up .3s ease-out .04s both;
    background-color: white;
}

.dashboard-actions,
.dashboard-title-wrap,
.dashboard-assist-copy {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.dashboard-assist-copy p,
.dashboard-card-heading p {
    font-size: 0.875rem;
    font-weight: 600;
    margin: 0;
    color: var(--nx-text-primary);
}

.dashboard-small-icon {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.75rem;
    background: rgba(37, 99, 235, .1);
    color: var(--nx-dashboard-primary);
}

.dashboard-assist-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.dashboard-action-divider {
    width: 0.0725rem;
    height: 1.25rem;
    background: var(--nx-dashboard-border);
    margin: 0 0.25rem;
}

.dashboard-stat-card {
    display: flex;
    align-items: center;
    border: 0.0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 0.0725rem 0.125rem rgba(15, 23, 42, .06);
    overflow: hidden;
    gap: 1rem;
    padding: 1.5rem;
    animation: dashboard-fade-up .3s ease-out .08s both;
    transition: box-shadow .2s ease, transform .2s ease;
}

.dashboard-redesign .row.g-4>[class*="col-"]:nth-child(2) .dashboard-stat-card {
    animation-delay: .15s;
}

.dashboard-redesign .row.g-4>[class*="col-"]:nth-child(3) .dashboard-stat-card {
    animation-delay: .22s;
}

.dashboard-stat-card:hover {
    box-shadow: 0 0.5rem 1.25rem rgba(15, 23, 42, .08);
}

.dashboard-stat-icon {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
    box-shadow: inset 0 0 0 0.0725rem rgba(15, 23, 42, .05);
}

.dashboard-stat-card p {
    color: var(--nx-dashboard-muted);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1.25;
    margin: 0;
    text-transform: uppercase;
}

.dashboard-stat-card h2 {
    font-family: "Inter", sans-serif;
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1.15;
    margin: 0.25rem 0 0;
}

.dashboard-stat-amber {
    background: #fffbeb;
    color: #f59e0b;
}

.dashboard-stat-red {
    background: #f7d9db;
    color: #dc2626;
}

.dashboard-stat-primary,
.dashboard-quick-link:hover .dashboard-chevron {
    background: rgba(37, 99, 235, .1);
    color: var(--nx-dashboard-primary);
}

.dashboard-stat-emerald,
.dashboard-link-emerald,
.recruitment-alert-summary-green,
.vehicle-key-icon-emerald,
.independence-icon-emerald {
    background: #ecfdf5;
    color: #059669;
}

.dashboard-card {
    padding: 1.2rem;
    border: 0.0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 0.0725rem 0.125rem rgba(15, 23, 42, .06);
    overflow: hidden;
    padding: 1.5rem;
    animation: dashboard-fade-up .3s ease-out .2s both;
    background-color: white;
}

.dashboard-card-heading {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.875rem;
}

.dashboard-card-heading svg {
    width: 1rem;
    height: 1rem;
    color: var(--nx-dashboard-muted);
}

.dashboard-home-select {
    margin-bottom: 0.875rem;
}

.dashboard-home-select label {
    color: var(--nx-dashboard-muted);
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0.375rem;
}

.dashboard-home-select select,
.dashboard-home-manager-details select {
    appearance: none;
    background-color: #fff;
    /* background-image: linear-gradient(45deg, transparent 50%, var(--nx-dashboard-muted) 50%), linear-gradient(135deg, var(--nx-dashboard-muted) 50%, transparent 50%);
    background-position: calc(100% - 1rem) 50%, calc(100% - .6875rem) 50%;
    background-repeat: no-repeat;
    background-size: .3125rem .3125rem, .3125rem .3125rem; */
    border: 0.0725rem solid var(--nx-dashboard-border);
    border-radius: .9rem;
    box-shadow: none;
    color: var(--nx-dashboard-text);
    font-size: .875rem;
    font-weight: 500;
    min-height: 2.5rem;
    padding: .5rem 2.25rem .5rem .875rem;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.dashboard-home-select select:focus,
.dashboard-home-manager-details select:focus {
    border-color: rgba(37, 99, 235, .45);
    box-shadow: 0 0 0 .1875rem rgba(37, 99, 235, .1);
    outline: 0;
}

.dashboard-home-manager-details .table td {
    color: var(--nx-dashboard-muted);
    border-bottom: 0.0725rem solid var(--nx-dashboard-border);
    font-size: 0.875rem;
    padding: 0.75rem 0;
}

.dashboard-home-manager-details .table td b {
    color: var(--nx-dashboard-text);
    display: inline-block;
    font-weight: 500;
    margin-top: 0.125rem;
    font-size: .96rem;
    text-align: end;
}

.dashboard-home-manager-details .ofsteds {
    background: #ecfdf5;
    border: 0.0725rem solid #a7f3d0 !important;
    border-radius: 62.4375rem;
    color: #047857 !important;
    font-size: 0.8rem !important;
    padding: 0rem .5rem;
}

b.dash_tab-td2 {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 30px;
    color: var(--text);
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.875rem;
    color: #64748b;
}

.dashboard-warning-row .dash_tab-td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.dashboard-warning-row {
    background: #fffbeb !important;
    border: 0.0725rem solid #fde68a !important;
    border-radius: 0.9rem;
    color: #92400e !important;
    display: block;
    margin-top: 0.625rem;
    padding: 0.625rem 0.75rem !important;
    font-size: .9rem;
}

.dashboard-sub-card {
    background: rgba(255, 251, 235, .5);
    border: 0.0725rem solid #fde68a;
    border-radius: 0.625rem;
    padding: 0.75rem;
}

.dashboard-sub-card h5 {
    color: var(--nx-dashboard-text);
    font-size: 0.875rem;
    font-weight: 600;
}

.dashboard-sub-card.overdue-card {
    background: #fef2f2;
    border-color: #fecaca;
}

.dashboard-quick-links {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: 100%;
}

.dashboard-quick-link {
    display: flex;
    align-items: center;
    border: 0.0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 0.0725rem 0.125rem rgba(15, 23, 42, .06);
    overflow: hidden;
    color: var(--nx-dashboard-text) !important;
    flex: 1;
    gap: 1rem;
    min-height: 5.75rem;
    padding: 1.25rem;
    text-align: left;
    animation: dashboard-fade-up .25s ease-out .3s both;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.dashboard-quick-link:nth-child(2) {
    animation-delay: .37s;
}

.dashboard-quick-link:nth-child(3) {
    animation-delay: .44s;
}

.dashboard-quick-link:hover {
    box-shadow: 0 0.5rem 1.25rem rgba(15, 23, 42, .08);
    border-color: rgba(37, 99, 235, .3);
    color: var(--nx-dashboard-text) !important;
}

.dashboard-link-icon {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.75rem;
    box-shadow: inset 0 0 0 0.0725rem rgba(15, 23, 42, .05);
}

.dashboard-link-sky,
.vehicle-key-icon-sky,
.independence-icon-sky {
    background: #f0f9ff;
    color: #0284c7;
}

.dashboard-link-violet,
.independence-icon-violet {
    background: #f5f3ff;
    color: #7c3aed;
}

.dashboard-quick-link>span:not(.dashboard-link-icon) {
    flex: 1;
    font-size: 0.875rem;
    font-weight: 500;
}

.dashboard-chevron {
    background: #f1f5f9;
    border-radius: 50%;
    color: var(--nx-dashboard-muted);
    height: 1.75rem;
    padding: 0.375rem;
    transition: background-color .2s ease, color .2s ease;
    width: 1.75rem;
}

.dashboard-chart-card canvas {
    display: block;
    max-width: 37.5rem;
    width: 100% !important;
}

.dashboard-flash-amber {
    animation: dashboard-flash-amber 2s ease-in-out infinite;
    border-color: #fde68a;
}

.dashboard-flash-red {
    animation: dashboard-flash-red 2s ease-in-out infinite;
    border-color: #fecaca;
}

.dashboard-stat-card.dashboard-flash-amber {
    animation: dashboard-fade-up .3s ease-out .08s both, dashboard-flash-amber 2s ease-in-out .38s infinite;
}

.dashboard-stat-card.dashboard-flash-red {
    animation: dashboard-fade-up .3s ease-out .15s both, dashboard-flash-red 2s ease-in-out .45s infinite;
}

.Recruitmtnt-main-section3.collapsed {
    max-width: 96% !important;
    flex: 96% !important;
}

.Recruitmtnt-main-section3,
.fillform {
    transition: all .3s ease !important;
    background: var(--nx-dashboard-bg);
    color: var(--nx-dashboard-text);
    padding: 2rem 1.5rem 2.5rem !important;
    margin-left: auto;
    max-width: 85% !important;
    flex: 85% !important;
    margin-top: 3rem;
    min-height: 55rem !important;
}

.bottom-logo {
    position: absolute;
    bottom: 2%;
    padding: 0;
    display: flex;
    justify-content: center;
}

.task-redesign h2 {
    color: var(--nx-dashboard-text);
    font-family: "Inter", sans-serif;
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

.selectpicker,
.form-control select {
    border: 1px solid #dbdbdb;
    border-radius: .8rem !important;
    padding: .5rem .8rem;
    font-size: 0.95rem;
    transition: all 0.3s ease;
}

.Recruitmtnt-main-section3 select~button.dropdown-toggle,
.modal select~button.dropdown-toggle {
    padding: .6rem .8rem !important;
    border: none;
    border-radius: .5rem;
    font-size: 1.3rem;
    font-weight: 400;
    border: 1px solid var(--border-outgray);
    color: var(--text) !important;
    border: none;
    border-radius: .7rem;
    font-weight: 400;
    border: 1px solid #d7dfea;
    color: var(--text) !important;
    font-size: 1rem !important;
    border-radius: 1rem;
}

.task-redesign select.form-control,
.task-redesign .bootstrap-select>.dropdown-toggle {
    background-color: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem;
    height: 2.25rem;
    min-height: 2.25rem;
    padding: .5rem .75rem;
}

.task-redesign .bootstrap-select.custom-user-dropdown,
.task-redesign .bootstrap-select:has(> select.custom-user-dropdown),
.task-redesign select.custom-user-dropdown {
    min-height: 2.25rem !important;
}

.task-redesign .bootstrap-select.custom-user-dropdown>.dropdown-toggle,
.task-redesign .bootstrap-select:has(> select.custom-user-dropdown)>.dropdown-toggle {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
    line-height: 1.2;
    min-height: 2.25rem;
    padding: .5rem 2rem .5rem .75rem !important;
}

.task-redesign .bootstrap-select.custom-user-dropdown>.dropdown-toggle::after,
.task-redesign .bootstrap-select:has(> select.custom-user-dropdown)>.dropdown-toggle::after {
    border: solid var(--nx-dashboard-muted);
    border-width: 0 .09375rem .09375rem 0;
    margin-top: -.1875rem;
    position: absolute;
    right: .875rem;
    transform: rotate(45deg);
    width: .4375rem;
}

.task-redesign .bootstrap-select.custom-user-dropdown .dropdown-menu,
.task-redesign .bootstrap-select:has(> select.custom-user-dropdown) .dropdown-menu {
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, .12);
    margin-top: .375rem;
    overflow: hidden;
}

.task-redesign .bootstrap-select.custom-user-dropdown .bs-searchbox .form-control,
.task-redesign .bootstrap-select:has(> select.custom-user-dropdown) .bs-searchbox .form-control,
.calendar-redesign .bootstrap-select.custom-user-dropdown .bs-searchbox .form-control,
.calendar-redesign .bootstrap-select:has(> select.custom-user-dropdown) .bs-searchbox .form-control,
.calendar-event-modal .bootstrap-select.custom-user-dropdown .bs-searchbox .form-control,
.calendar-event-modal .bootstrap-select:has(> select.custom-user-dropdown) .bs-searchbox .form-control {
    border-radius: .625rem !important;
    height: 2rem;
    min-height: 2rem;
}

.task-redesign .bootstrap-select.custom-user-dropdown .dropdown-item,
.task-redesign .bootstrap-select:has(> select.custom-user-dropdown) .dropdown-item,
.candidate-form-redesign .bootstrap-select .dropdown-item {
    color: var(--nx-dashboard-text);
    font-size: .875rem;
    padding: .5rem .75rem;
}

.task-redesign .bootstrap-select.custom-user-dropdown .dropdown-item:hover,
.task-redesign .bootstrap-select:has(> select.custom-user-dropdown) .dropdown-item:hover,
.calendar-redesign .bootstrap-select.custom-user-dropdown .dropdown-item:hover,
.calendar-redesign .bootstrap-select:has(> select.custom-user-dropdown) .dropdown-item:hover,
.calendar-event-modal .bootstrap-select.custom-user-dropdown .dropdown-item:hover,
.calendar-event-modal .bootstrap-select:has(> select.custom-user-dropdown) .dropdown-item:hover,
.candidate-form-redesign .bootstrap-select .dropdown-item:hover,
.candidate-form-redesign .bootstrap-select .dropdown-item:focus,
.candidate-form-redesign .bootstrap-select .dropdown-item.active,
.candidate-form-redesign .bootstrap-select .dropdown-item.selected {
    background: #f1f5f9;
    color: var(--nx-dashboard-primary);
}

.task-redesign .bootstrap-select .filter-option,
.calendar-redesign .bootstrap-select .filter-option,
.document_upload .bootstrap-select .filter-option {
    align-items: center;
    display: flex;
    height: 100%;
}

.task-redesign select.form-control:focus,
.task-redesign .bootstrap-select>.dropdown-toggle:focus,
.calendar-event-modal .form-control:focus,
.calendar-event-modal .bootstrap-select>.dropdown-toggle:focus,
.leaderboard-redesign .form-control:focus,
.form-view-redesign .form-control:focus,
.form-view-redesign input:focus,
.form-view-redesign select:focus,
.form-view-redesign textarea:focus,
.form-view-redesign .bootstrap-select>.dropdown-toggle:focus,
.candidate-form-redesign .form-control:focus,
.candidate-form-redesign textarea:focus,
.candidate-form-redesign .bootstrap-select>.dropdown-toggle:focus {
    border-color: rgba(37, 99, 235, .45) !important;
    box-shadow: 0 0 0 .1875rem rgba(37, 99, 235, .1) !important;
}

.task-redesign .documents-1-cust {
    margin: 0 0 1.5rem !important;
}

.task-redesign .main-reffral-form-cus.resident-profile {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

.task-redesign .documents-1-cust .form-row,
.task-redesign .documents-1-cust .row {
    gap: .5rem;
    margin: 0;
}

.task-redesign .documents-1-cust [class*="col-"] {
    flex: 0 0 auto;
    margin-bottom: 0 !important;
    max-width: none;
    padding: 0;
    width: auto;
}

.task-redesign a.dash-tab {
    align-items: center;
    border-radius: .75rem !important;
    display: inline-flex;
    gap: .7rem;
    justify-content: center;
    min-height: 2.5rem;
    padding: .5rem 1rem !important;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease;
    white-space: nowrap;
}

.task-redesign .blue-big-button.dash-tab,
.calendar-redesign .blue-big-button.calendar-add-btn {
    background: var(--nx-dashboard-primary) !important;
    border: .0725rem solid var(--nx-dashboard-primary) !important;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .08);
    color: #fff !important;
}

.task-redesign .blue-outline-big-button.dash-tab {
    background: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    box-shadow: none;
    color: var(--nx-dashboard-text) !important;
}

.task-redesign .blue-outline-big-button.dash-tab:hover,
.calendar-redesign .fc-button:hover,
.calendar-redesign .fc-button:focus {
    background: #f8fafc !important;
    border-color: rgba(37, 99, 235, .4) !important;
    color: var(--nx-dashboard-primary) !important;
}

.task-redesign .count-popup {
    background: #f1f5f9;
    border-radius: 999rem;
    color: var(--nx-dashboard-muted);
    display: inline-flex;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    padding: .25rem .5rem;
}

.task-redesign .blue-big-button.dash-tab .count-popup {
    background: rgba(255, 255, 255, .2);
    color: #fff;
}

.task-redesign .main-home-home-table-sec-cus1.commontable,
.nx-data-table,
.nx-data-table.dataTables_wrapper {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .06);
    overflow: hidden;
}

.task-redesign table.commonform,
.task-redesign table.commontab {
    border-collapse: separate !important;
    border-spacing: 0;
    margin: 0 !important;
}

.task-redesign table.commonform thead th {
    background: #fff !important;
    border-bottom: .0725rem solid var(--nx-dashboard-border) !important;
    color: #646f87 !important;
    font-weight: 500 !important;
    padding: .45rem 1rem !important;
    text-align: left;
    white-space: nowrap;
    font-size: .9rem;
}

.task-redesign table.commonform tbody td {
    background: #fff !important;
    border-bottom: .0725rem solid #eef2f7 !important;
    color: var(--nx-dashboard-muted);
    font-size: .875rem;
    padding: .45rem 1rem !important;
    vertical-align: middle;
}

.task-redesign table.commonform tbody tr:last-child td {
    border-bottom: 0 !important;
    color: gray !important;
    font-weight: 400;
}

.task-redesign table.commonform td:first-child a {
    color: var(--nx-dashboard-muted) !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-weight: 600;
}

.task-redesign table.commonform td.blue a,
.task-redesign table.commonform td.twoc.blue a {
    color: var(--nx-dashboard-primary);
    font-weight: 500;
}

.task-redesign .main-home-table-btn-cusc h4 {
    color: #636363;
    font-family: "Inter", sans-serif;
    font-size: .875rem;
    font-weight: 500;
    margin: 0;
}

.task-redesign .current-badge-green {
    border: 0 !important;
    border-radius: 999rem !important;
    display: inline-flex;
    font-size: .75rem !important;
    font-weight: 500 !important;
    line-height: 1.2;
    padding: .25rem .625rem !important;
    text-decoration: none !important;
    background: #dcfce7 !important;
    color: #15803d !important;
}

.task-redesign .current-badge-yellow {
    border: 0 !important;
    border-radius: 999rem !important;
    display: inline-flex;
    font-size: .75rem !important;
    font-weight: 500 !important;
    line-height: 1.2;
    padding: .25rem .625rem !important;
    text-decoration: none !important;
    background: #fef3c7 !important;
    color: #b45309 !important;
}

.home-ofsted-requires-improvement-to-be-good {
    background: #fef3c7 !important;
    color: #b45309 !important;
}

.task-redesign .current-badge-orange {
    border: 0 !important;
    border-radius: 999rem !important;
    display: inline-flex;
    font-size: .75rem !important;
    font-weight: 500 !important;
    line-height: 1.2;
    padding: .25rem .625rem !important;
    text-decoration: none !important;
    background: #dbeafe !important;
    color: #1d4ed8 !important;
}

.task-redesign .current-badge-purple {
    border: 0 !important;
    border-radius: 999rem !important;
    display: inline-flex;
    font-size: .75rem !important;
    font-weight: 500 !important;
    line-height: 1.2;
    padding: .25rem .625rem !important;
    text-decoration: none !important;
    background: #f1f5f9 !important;
    color: #64748b !important;
}

.home-redesign .current-badge-yellow,
.home-ofsted-not-rated,
.home-ofsted-badge:not([class*="home-ofsted-outstanding"]):not([class*="home-ofsted-good"]):not([class*="home-ofsted-sustained-effectiveness"]):not([class*="home-ofsted-requires-improvement-to-be-good"]):not([class*="home-ofsted-declined-in-effectiveness"]):not([class*="home-ofsted-inadequate"]) {
    background: #f1f5f9 !important;
    color: #64748b !important;
}

.task-redesign .task-action-view {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: .5rem;
    color: var(--nx-dashboard-muted) !important;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    padding: 0 !important;
    text-decoration: none !important;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease;
    width: 2rem;
}

.task-redesign .task-action-view:hover {
    background: #f1f5f9;
    box-shadow: none;
    color: var(--nx-dashboard-text) !important;
}

.task-redesign .task-action-view svg,
.task-redesign .task-action-view .icon-md,
.document_upload #example .view svg,
.document_upload #example .view .icon-md,
.inHouse_education_page .in-house-tracker-panel .incidentinfo .icon-md,
.inHouse_education_page .in-house-tracker-panel .educationreport .icon-md,
.inHouse_education_page .in-house-tracker-panel .incidentinfo svg,
.inHouse_education_page .in-house-tracker-panel .educationreport svg {
    color: inherit !important;
    height: 1rem !important;
    margin: 0 !important;
    width: 1rem !important;
}

.task-redesign .pagination_wrapper {
    border-top: .0725rem solid var(--nx-dashboard-border);
    display: flex;
    justify-content: center;
    padding: 1rem;
}

.task-redesign .pagination,
.document_upload .dataTables_paginate .pagination {
    flex-wrap: wrap;
    gap: .25rem;
    justify-content: center;
    margin: 0;
}

.task-redesign .pagination span,
.task-redesign .pagination a {
    border-radius: .9rem !important;
    font-size: .875rem;
    min-height: 2rem;
    min-width: 2rem;
}

.task-redesign .pagination .page-link {
    border-radius: .9rem !important;
    font-size: .875rem;
    min-height: 2rem;
    min-width: 2rem;
    border: 0;
    background: transparent;
    color: var(--nx-text-primary);
    padding: 0 !important;
    min-width: 0;
    min-height: 0;
    margin-left: 0;
    margin-right: 0 !important;
}

.task-redesign .pagination .active .page-link,
.task-redesign .pagination .page-item.active span,
.recruitment-table-card .dataTables_paginate .paginate_button.current,
.recruitment-table-card .dataTables_paginate .paginate_button.current:hover,
.calendar-redesign .fc-state-active,
.recruitment-table-card div.dataTables_wrapper div.dataTables_paginate .paginate_button.current,
.recruitment-table-card div.dataTables_wrapper div.dataTables_paginate .paginate_button.current:hover,
.common-table-wrap .dataTables_paginate .paginate_button.current,
.common-table-wrap .dataTables_paginate .paginate_button.current:hover {
    background: var(--nx-dashboard-primary) !important;
    border-color: var(--nx-dashboard-primary) !important;
    color: #fff !important;
}

.recruitment-page-header h2 {
    color: var(--nx-dashboard-text);
    font-family: Sora, Inter, sans-serif;
    font-size: 1.5rem !important;
    font-weight: 600;
    line-height: 1.25;
}

.recruitment-page-header p {
    color: var(--nx-dashboard-muted);
    font-size: .875rem;
    margin-top: .125rem !important;
}

.recruitment-redesign .Recruitmtnt-main-section3-main-row.recruitment-pipeline-grid {
    align-items: stretch;
    display: grid;
    gap: .5rem;
    grid-template-columns: minmax(0, 1fr) 1.25rem minmax(0, 1fr) 1.25rem minmax(0, 1fr);
}

.recruitment-redesign .recruitment-pipeline-card {
    animation: dashboard-fade-up .3s ease-out both;
    margin: 0 !important;
    max-width: none;
    padding: 0 !important;
    width: auto;
}

.recruitment-redesign .recruitment-step-alert {
    animation-delay: 0s;
    grid-column: 1;
    grid-row: 1;
}

.recruitment-redesign .recruitment-step-job {
    animation-delay: .06s;
    grid-column: 3;
    grid-row: 1;
}

.recruitment-redesign .recruitment-step-candidates {
    animation-delay: .12s;
    grid-column: 5;
    grid-row: 1;
}

.recruitment-redesign .recruitment-step-reference {
    animation-delay: .3s;
    grid-column: 1;
    grid-row: 3;
}

.recruitment-redesign .recruitment-step-dbs {
    animation-delay: .24s;
    grid-column: 3;
    grid-row: 3;
}

.recruitment-redesign .recruitment-step-interviews {
    animation-delay: .18s;
    grid-column: 5;
    grid-row: 3;
}

.recruitment-redesign .recruitment-step-schedule {
    animation-delay: .36s;
    grid-column: 1;
    grid-row: 5;
}

.recruitment-redesign .recruitment-step-starters {
    animation-delay: .42s;
    grid-column: 3;
    grid-row: 5;
}

.recruitment-redesign .recruitment-step-probations {
    animation-delay: .48s;
    grid-column: 5;
    grid-row: 5;
}

.recruitment-redesign .recruitment-pipeline-card a {
    display: block;
    height: 100%;
    text-decoration: none;
}

.recruitment-redesign .Recruitmtnt-main-section3-main-row .card {
    background: #fff;
    border: .0725rem solid var(--recruitment-step-border, var(--nx-dashboard-border));
    border-radius: 1rem;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .06);
    height: 100%;
    width: 100%;
    overflow: hidden;
    transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}

.recruitment-redesign .recruitment-pipeline-card a:hover .card,
.recruitment-redesign .recruitment-pipeline-card a:focus .card {
    border-color: var(--recruitment-step-color, var(--nx-dashboard-primary));
    box-shadow: 0 .5rem 1.25rem rgba(15, 23, 42, .08);
    transform: translateY(-.125rem);
}

.recruitment-redesign .Recruitmtnt-main-section3-main-row .common-main-ad {
    align-items: center !important;
    display: flex;
    height: 100%;
    justify-content: center !important;
    padding: 1.25rem !important;
}

.recruitment-redesign .common-ad {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.recruitment-step-icon {
    align-items: center;
    background: var(--recruitment-step-bg, rgba(37, 99, 235, .1));
    border-radius: .75rem;
    color: var(--recruitment-step-color, var(--nx-dashboard-primary));
    display: inline-flex;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.recruitment-step-icon svg,
.additional-support-title-icon svg,
.additional-support-title-icon i,
.home-key-header-icon svg,
.home-key-header-icon i,
.independence-icon-box svg,
.independence-icon-box i {
    height: 1.5rem;
    width: 1.5rem;
}

.recruitment-redesign .common-ad p {
    color: var(--nx-dashboard-text);
    font-family: Inter, "Montserrat", sans-serif;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.35;
    margin: 0;
}

.recruitment-pipeline-arrow,
.recruitment-pipeline-down {
    align-items: center;
    animation: dashboard-fade-up .3s ease-out both;
    align-self: stretch;
    color: var(--nx-dashboard-primary, #2563eb);
    display: flex !important;
    justify-content: center;
    min-height: 2rem;
    opacity: 1 !important;
    position: relative;
    visibility: visible !important;
    width: 100%;
    z-index: 2;
}

.recruitment-pipeline-arrow svg,
.recruitment-pipeline-down svg {
    display: none !important;
    fill: none !important;
    height: 1.5rem;
    opacity: 1 !important;
    stroke: currentColor !important;
    visibility: visible !important;
    width: 1.5rem;
}

.recruitment-pipeline-arrow::before {
    color: currentColor;
    display: block;
    font-size: 1.625rem;
    font-weight: 300;
    line-height: 1;
}

.recruitment-pipeline-arrow-right::before {
    content: "↓";
    transform: rotate(-90deg);
}

.recruitment-pipeline-arrow-left::before {
    content: "↓";
    transform: rotate(90deg);
}

.recruitment-pipeline-down::before {
    color: currentColor;
    display: block;
    font-size: 1.625rem;
    font-weight: 300;
    line-height: 1;
    content: "↓";
}

.recruitment-pipeline-grid>.recruitment-pipeline-arrow:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
}

.recruitment-pipeline-grid>.recruitment-pipeline-arrow:nth-child(4) {
    grid-column: 4;
    grid-row: 1;
}

.recruitment-pipeline-down-right {
    grid-column: 5;
    grid-row: 2;
}

.recruitment-pipeline-grid>.recruitment-pipeline-arrow:nth-child(8) {
    grid-column: 2;
    grid-row: 3;
}

.recruitment-pipeline-grid>.recruitment-pipeline-arrow:nth-child(10) {
    grid-column: 4;
    grid-row: 3;
}

.recruitment-pipeline-down-left {
    grid-column: 1;
    grid-row: 4;
}

.recruitment-pipeline-grid>.recruitment-pipeline-arrow:nth-child(14) {
    grid-column: 2;
    grid-row: 5;
}

.recruitment-pipeline-grid>.recruitment-pipeline-arrow:nth-child(16) {
    grid-column: 4;
    grid-row: 5;
}

.recruitment-step-alert {
    --recruitment-step-bg: #fffbeb;
    --recruitment-step-border: #fde68a;
    --recruitment-step-color: #f59e0b;
}

.recruitment-step-job {
    --recruitment-step-bg: #f0f9ff;
    --recruitment-step-border: #bae6fd;
    --recruitment-step-color: #0284c7;
}

.recruitment-step-candidates {
    --recruitment-step-bg: #f5f3ff;
    --recruitment-step-border: #ddd6fe;
    --recruitment-step-color: #7c3aed;
}

.recruitment-step-reference {
    --recruitment-step-bg: #ecfdf5;
    --recruitment-step-border: #a7f3d0;
    --recruitment-step-color: #059669;
}

.recruitment-step-dbs {
    --recruitment-step-bg: #fff1f2;
    --recruitment-step-border: #fecdd3;
    --recruitment-step-color: #e11d48;
}

.recruitment-step-interviews {
    --recruitment-step-bg: #eef2ff;
    --recruitment-step-border: #c7d2fe;
    --recruitment-step-color: #4f46e5;
}

.recruitment-step-schedule {
    --recruitment-step-bg: #f0fdfa;
    --recruitment-step-border: #99f6e4;
    --recruitment-step-color: #0d9488;
}

.recruitment-step-starters {
    --recruitment-step-bg: #fff7ed;
    --recruitment-step-border: #fed7aa;
    --recruitment-step-color: #ea580c;
}

.recruitment-step-probations {
    --recruitment-step-bg: rgba(37, 99, 235, .1);
    --recruitment-step-border: rgba(37, 99, 235, .2);
    --recruitment-step-color: var(--nx-dashboard-primary);
}

.recruitment-inner-redesign .row,
.Recruitmtnt-main-section3:has(.recruitment-table-card)>.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
}

.recruitment-inner-redesign h2 {
    color: #646f87;
    font-family: var(--nx-heading-font) !important;
    font-size: .9rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.2;
}

.recruitment-tabs-header {
    align-items: center;
    display: flex;
    gap: .75rem;
    margin-bottom: 1rem;
}

.recruitment-tabs-back {
    align-items: center;
    display: inline-flex;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .75rem;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem;
    font-weight: 500;
    gap: .5rem;
    min-height: 2.25rem;
    padding: .5rem .75rem;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.recruitment-tabs-back:hover,
.recruitment-tabs-back:focus,
.interview-key-link:hover,
.home-month-btn:hover,
.home-month-btn:focus {
    background: #eff6ff;
    border-color: rgba(37, 99, 235, .25);
    color: var(--nx-dashboard-primary) !important;
}

.recruitment-tabs-title {
    align-items: center;
    display: inline-flex;
    color: var(--nx-dashboard-muted);
    font-family: Inter, "Montserrat", sans-serif !important;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .06em;
    margin: 0;
    text-transform: uppercase;
}

.recruitment-tabs-list {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.recruitment-inner-redesign .solo-btn-tab {
    align-items: center;
    background: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .75rem !important;
    color: var(--nx-dashboard-text) !important;
    display: inline-flex;
    font-size: .87rem;
    font-weight: 500;
    gap: .5rem;
    justify-content: center;
    min-height: 2.25rem;
    padding: .5rem .75rem !important;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
    width: auto;
}

.recruitment-inner-redesign .solo-btn-tab:hover,
.recruitment-inner-redesign .solo-btn-tab:focus,
.recruitment-inner-redesign .blue-outline-big-button:hover,
.recruitment-inner-redesign .blue-outline-big-button:focus {
    background: #eff6ff !important;
    border-color: rgba(37, 99, 235, .25) !important;
    color: var(--nx-dashboard-primary) !important;
    transform: translateY(-.0725rem);
}

.recruitment-inner-redesign .solo-btn-tab.active {
    background: var(--nx-dashboard-primary) !important;
    border-color: var(--nx-dashboard-primary) !important;
    color: #fff !important;
    box-shadow: 0 .5rem 1rem rgba(37, 99, 235, .18);
}

.recruitment-tabs-icon,
.recruitment-inner-redesign .solo-btn-tab img {
    flex: 0 0 auto;
    height: 1rem;
    object-fit: contain;
    width: 1rem;
}

.recruitment-inner-toolbar {
    animation: dashboard-fade-up .3s ease-out both;
    animation-delay: .05s;
}

.recruitment-inner-redesign .key-data-main-heading h5 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.25;
}

.recruitment-inner-redesign .key-data-main-heading h5::after {
    color: var(--nx-dashboard-muted);
    display: block;
    font-family: Inter, "Montserrat", sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4;
    margin-top: .25rem;
}

.job_advert_page_cus.recruitment-inner-redesign .key-data-main-heading h5::after {
    content: "Manage and track all active recruitment adverts.";
}

.recruitment_candidate.recruitment-inner-redesign .key-data-main-heading h5::after {
    content: "Track and manage all recruitment candidates.";
}

.interview_page_cus.recruitment-inner-redesign .key-data-main-heading h5::after {
    content: "Manage and track all candidate interviews.";
}

.dbs_check_page.recruitment-inner-redesign .key-data-main-heading h5::after {
    content: "Track DBS application progress for all candidates.";
}

.refrence_page_cus.recruitment-inner-redesign .key-data-main-heading h5::after {
    content: "Track reference collection status for all candidates.";
}

.schedule_main_page .recruitment-inner-redesign .key-data-main-heading h5::after {
    content: "Track employment verification progress for all candidates.";
}

.new_starters_page.recruitment-inner-redesign .key-data-main-heading h5::after {
    content: "Review new starter readiness and setup progress.";
}

.probation_staf_page.recruitment-inner-redesign .key-data-main-heading h5::after {
    content: "Manage staff probation periods and outcomes.";
}

.recruitment-filter-card {
    animation: dashboard-fade-up .3s ease-out both;
    animation-delay: .1s;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .05);
    margin: 0 0 1.5rem !important;
    overflow: visible;
    padding: 1rem .75rem 0;
    position: relative;
    z-index: 20;
}

.recruitment-inner-redesign .form-control,
.recruitment-inner-redesign .custom-select {
    background-color: #fff !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem !important;
    font-weight: 500 !important;
    border-color: var(--nx-dashboard-border);
}

.recruitment-inner-redesign .bootstrap-select.show,
.recruitment-inner-redesign .bootstrap-select.open {
    z-index: 2050;
}

.recruitment-inner-redesign .bootstrap-select>.dropdown-toggle {
    background-color: #fff !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem !important;
    font-weight: 500 !important;
    border-color: var(--nx-dashboard-border);
    align-items: center;
    display: inline-flex;
    height: 2.5rem;
    padding-right: 2rem !important;
}

.candidate-form-redesign .bootstrap-select>.dropdown-toggle {
    align-items: center;
    display: inline-flex;
    height: 2.5rem;
    padding-right: 2rem !important;
}

.recruitment-inner-redesign .bootstrap-select>.dropdown-toggle::after {
    border: solid var(--nx-dashboard-muted);
    border-width: 0 .09375rem .09375rem 0;
    content: "";
    display: inline-block;
    height: .5rem;
    margin-top: -.25rem;
    position: absolute;
    right: .875rem;
    top: 50%;
    transform: rotate(45deg);
    width: .5rem;
}

.recruitment-inner-redesign .bootstrap-select>.dropdown-toggle:focus,
.recruitment-inner-redesign .form-control:focus {
    border-color: var(--nx-dashboard-primary) !important;
    box-shadow: 0 0 0 .1875rem rgba(37, 99, 235, .12) !important;
}

.recruitment-inner-redesign .bootstrap-select .dropdown-menu.inner {
    border: 0;
    border-radius: .625rem;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.recruitment-inner-redesign .bootstrap-select .bs-searchbox {
    padding: .375rem .375rem .5rem;
}

.recruitment-inner-redesign .bootstrap-select .dropdown-item {
    border-radius: .625rem;
    color: var(--nx-dashboard-text);
    font-size: .875rem;
    font-weight: 500;
    padding: .5rem .625rem;
}

.recruitment-inner-redesign .bootstrap-select .dropdown-item:hover,
.recruitment-inner-redesign .bootstrap-select .dropdown-item:focus,
.recruitment-inner-redesign .bootstrap-select .dropdown-item.active,
.recruitment-inner-redesign .bootstrap-select .dropdown-item.selected,
.recruitment-alert-summary-primary,
.home-edit-modal .bootstrap-select .dropdown-item.active,
.home-edit-modal .bootstrap-select .dropdown-item:active,
.vehicle-form-type-badge-manual {
    background: #eff6ff;
    color: var(--nx-dashboard-primary);
}

.recruitment-inner-redesign .input-icon i,
.job-advert-form-redesign .input-icon i,
.vehicle-detail-redesign .input-icon i,
.reports-redesign .input-icon i,
.score-assessment-redesign .input-icon i,
.reset-password-redesign .input-icon i,
.reset-password-redesign .input-icon svg {
    color: var(--nx-dashboard-muted);
    position: absolute;
    right: .875rem;
    top: 50%;
    transform: translateY(-50%);
}

.auth-login-redesign .input-icon i,
.auth-login-redesign .input-icon svg {
    color: var(--nx-dashboard-muted);
    left: .875rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.recruitment-inner-redesign .blue-big-button {
    align-items: center;
    border-radius: .75rem !important;
    display: inline-flex;
    font-size: .875rem !important;
    font-weight: 500 !important;
    gap: .5rem;
    justify-content: center;
    min-height: 2.5rem;
    padding: .5rem .875rem !important;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
    background: var(--nx-dashboard-primary) !important;
    border: .0725rem solid var(--nx-dashboard-primary) !important;
    box-shadow: 0 .5rem 1rem rgba(37, 99, 235, .18);
    color: #fff !important;
}

.recruitment-inner-redesign .blue-big-button:hover,
.recruitment-inner-redesign .blue-big-button:focus {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    color: #fff !important;
    transform: translateY(-.0725rem);
}

.recruitment-inner-redesign .blue-outline-big-button {
    align-items: center;
    border-radius: .75rem !important;
    display: inline-flex;
    font-size: .875rem !important;
    font-weight: 500 !important;
    gap: .5rem;
    justify-content: center;
    min-height: 2.5rem;
    padding: .5rem .875rem !important;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
    background: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    color: var(--nx-dashboard-text) !important;
}

.form-view-redesign .blue-outline-big-button {
    background: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    color: var(--nx-dashboard-text) !important;
}

.recruitment-table-card .dataTables_wrapper {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    width: 100%;
}

.recruitment-table-card .dataTables_filter,
.recruitment-table-card .dataTables_length {
    padding: 1rem 1rem .5rem;
}

.recruitment-table-card .dataTables_filter label,
.recruitment-table-card .dataTables_length label {
    color: var(--nx-dashboard-muted) !important;
    font-size: .75rem;
    font-weight: 600;
}

.recruitment-table-card .dataTables_filter input {
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .75rem !important;
    color: var(--nx-dashboard-text);
    font-size: .875rem;
    min-height: 2.25rem;
    padding: .4375rem .75rem !important;
}

.dataTables_filter input {
    margin-left: 0.5rem !important;
    padding: .4rem .7rem;
    border-radius: 0.8rem !important;
    background-color: transparent;
    border: .0725rem solid #d2dce8;
}

.recruitment-table-card table.commonform,
.recruitment-table-card table.commontab {
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 !important;
    min-width: 100%;
    width: 100% !important;
}

.recruitment-table-card .dataTables_empty {
    color: var(--nx-dashboard-muted) !important;
    font-style: italic;
    padding: 2.5rem 1rem !important;
    text-align: center !important;
}

.recruitment-table-card table.commonform tbody tr,
.recruitment-table-card table.commontab tbody tr {
    transition: background-color .2s ease;
}

.recruitment-table-card .common-icon,
.recruitment-table-card td:last-child {
    align-items: center;
    gap: .25rem;
}

.recruitment-table-card .dataTables_info {
    color: var(--nx-dashboard-muted) !important;
    font-size: .75rem;
    font-weight: 600;
    padding: .875rem 1rem !important;
}

.recruitment-table-card .dataTables_paginate {
    align-items: center;
    display: flex !important;
    gap: .25rem;
    justify-content: flex-end;
    padding: .75rem 1rem !important;
    white-space: normal !important;
}

.recruitment-table-card .dataTables_paginate span {
    align-items: center;
    display: inline-flex;
    gap: .25rem;
}

.recruitment-table-card .dataTables_paginate .paginate_button,
.common-table-wrap .dataTables_paginate .paginate_button {
    background: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .5rem !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .75rem;
    line-height: 1.2;
    margin: 0 !important;
    min-height: 1.75rem;
    min-width: 1.75rem;
    padding: .375rem .625rem !important;
}

.recruitment-table-card .dataTables_paginate .paginate_button:hover,
.recruitment-table-card div.dataTables_wrapper div.dataTables_paginate .paginate_button:hover:not(.disabled),
.common-table-wrap .dataTables_paginate .paginate_button:hover {
    background: #eff6ff !important;
    border-color: rgba(37, 99, 235, .25) !important;
    color: var(--nx-dashboard-primary) !important;
}

.recruitment-table-card .dataTables_paginate .paginate_button.disabled,
.common-table-wrap .dataTables_paginate .paginate_button.disabled {
    color: var(--nx-dashboard-muted) !important;
    opacity: .5;
}

.recruitment-inner-redesign .badge,
.recruitment-table-card td span[class*="badge"] {
    border-radius: 999rem !important;
    display: inline-flex;
    font-size: .75rem !important;
    font-weight: 600 !important;
    line-height: 1;
    padding: .375rem .625rem !important;
}

.recruitment-table-card td .badge,
.recruitment-table-card td .current-badge-green,
.recruitment-table-card td .complete {
    border-radius: 999rem !important;
    display: inline-flex;
    font-size: .75rem !important;
    font-weight: 600 !important;
    line-height: 1;
    padding: .375rem .625rem !important;
    background: #dcfce7 !important;
    color: #166534 !important;
}

.recruitment-table-card td span.text-success {
    background: #dcfce7 !important;
    color: #166534 !important;
}

.recruitment-table-card td .current-badge-yellow,
.recruitment-table-card td .pending {
    border-radius: 999rem !important;
    display: inline-flex;
    font-size: .75rem !important;
    font-weight: 600 !important;
    line-height: 1;
    padding: .375rem .625rem !important;
    background: #fef3c7 !important;
    color: #92400e !important;
}

.recruitment-table-card td span.text-warning {
    background: #fef3c7 !important;
    color: #92400e !important;
}

.recruitment-table-card td .current-badge-purple {
    border-radius: 999rem !important;
    display: inline-flex;
    font-size: .75rem !important;
    font-weight: 600 !important;
    line-height: 1;
    padding: .375rem .625rem !important;
    background: #e0f2fe !important;
    color: #075985 !important;
}

.recruitment-table-card td span.text-info,
.home-redesign .current-badge-purple,
.home-ofsted-sustained-effectiveness {
    background: #e0f2fe !important;
    color: #075985 !important;
}

.recruitment-table-card td .current-badge-orange {
    border-radius: 999rem !important;
    display: inline-flex;
    font-size: .75rem !important;
    font-weight: 600 !important;
    line-height: 1;
    padding: .375rem .625rem !important;
    background: #fee2e2 !important;
    color: #991b1b !important;
}

.recruitment-table-card td span.text-danger,
.home-redesign .current-badge-orange,
.home-ofsted-inadequate {
    background: #fee2e2 !important;
    color: #991b1b !important;
}

.recruitment-table-card .modal-content,
.recruitment-inner-redesign .modal-content,
.recruitment-inner-modal .modal-content,
.calendar_main.job-adverts-main-add-new-item-popup .modal-content,
.form-view-modal .modal-content,
.job-advert-details-modal .modal-content,
.job-advert-confirm-modal .modal-content,
.interview-key-modal .modal-content {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .2);
    overflow: hidden;
}

.recruitment-table-card .modal-header,
.recruitment-inner-redesign .modal-header,
.recruitment-inner-modal .modal-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0;
    /* margin-bottom: 1.2rem; */
    padding-bottom: .5rem;
}

.recruitment-table-card .modalh4,
.recruitment-inner-redesign .modalh4,
.recruitment-inner-redesign .modal-header h3,
.recruitment-inner-modal .modalh4,
.recruitment-inner-modal .modal-header h3,
.home-key-section-header h4 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
}

.recruitment-table-card .close,
.recruitment-inner-redesign .close,
.recruitment-inner-modal .close,
.interview-key-modal .close {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999rem;
    color: var(--nx-dashboard-muted);
    display: inline-flex;
    height: 1.75rem;
    justify-content: center;
    padding: 0 !important;
    width: 1.75rem;
}

.recruitment-table-card .close:hover,
.recruitment-inner-redesign .close:hover,
.recruitment-inner-modal .close:hover,
.calendar_main.job-adverts-main-add-new-item-popup .modal-header .close:hover,
.calendar-event-modal .modal-header .close:hover,
.form-view-modal .modal-header .close:hover,
.job-advert-details-modal .modal-header .close:hover,
.job-advert-confirm-modal .modal-header .close:hover,
.interview-key-modal .close:hover {
    background: #f1f5f9;
    color: var(--nx-dashboard-text);
}

.calendar_main div#calendar tbody.fc-body .fc-widget-content:last-child {
    border-right: none;
}

.calendar_main div#calendar tbody.fc-body .fc-widget-content {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#calendar .fc-view-container table td {
    border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

#calendar .fc-view-container table th {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

a,
.alert_system .panel-title>a:hover,
.alert_system .panel-title>a:active,
.alert_system .panel-title>a:focus,
.managment_monthly_review_page .panel-title>a:hover,
.managment_monthly_review_page .panel-title>a:active,
.managment_monthly_review_page .panel-title>a:focus,
.dashboard-redesign a,
.calendar-redesign a {
    text-decoration: none;
}

.calendar-redesign h2 {
    color: var(--nx-dashboard-text);
    font-family: "Inter", sans-serif;
    font-size: 1.875rem;
    font-weight: 600;
    line-height: 1.2;
}

.calendar-add-btn,
.calendar-clear-btn {
    align-items: center;
    border-radius: .75rem !important;
    display: inline-flex;
    font-size: .875rem !important;
    font-weight: 500 !important;
    gap: .5rem;
    justify-content: center;
    min-height: 2.25rem;
    padding: .5rem .875rem !important;
    white-space: nowrap;
}

.calendar-add-btn svg,
.calendar-clear-btn svg,
.calendar_main.job-adverts-main-add-new-item-popup .modal-header .close svg,
.calendar-event-modal .modal-header .close svg,
.home-documents-upload-btn svg,
.home-documents-redesign .home-document-action svg,
.maintenance-hero .blue-big-button svg,
.team-performance-redesign .common-icon a svg,
.team-performance-redesign .common-icon a i,
.job-advert-details-modal .modal-header .close svg,
.job-advert-confirm-modal .modal-header .close svg,
.interview-key-modal .close svg,
.reg40-redesign .reg40-icon-btn svg,
.reg40-redesign .reg40-icon-btn i,
.resident-tracker-redesign .resident-tracker-view-btn i,
.resident-tracker-redesign .resident-tracker-view-btn svg,
.home-engagement-item svg,
.qualification-add-btn svg,
.qualification-add-btn i,
.vehicle-incident-view-header .close svg,
.vehicle-incident-view-header .close i,
.vehicle-incident-upload-header .close svg,
.vehicle-incident-upload-header .close i,
.reports-redesign .blue-big-button svg,
.reports-redesign .blue-outline-big-button svg,
.report-log-pdf-button svg,
.vehicle-forms-search svg,
.vehicle-key-modal-header .close svg,
.home-tracker-view-btn .icon-md,
.home-tracker-view-btn svg,
.wheel-of-fortune-2 svg,
.wheel-of-fortune-2 i,
.meal-planner-submit-row .blue-big-button svg,
.meal-planner-submit-row .blue-big-button i,
.in-house-upload-wrapper .blue-outline-big-button svg,
.in-house-upload-wrapper .blue-outline-big-button i,
.independence-signature-clear-btn svg,
.independence-signature-clear-btn i,
.independence-signature-confirm-btn svg,
.independence-signature-confirm-btn i,
.action_plan .action-plan-view-link i,
.action_plan .action-plan-view-link svg,
.training-record-header-action .blue-big-button svg,
.home-document-choose-file-btn i,
.home-document-choose-file-btn svg,
.attendance-record-redesign .crm-reset-bradford svg,
.attendance-record-redesign .crm-reset-bradford i,
.attendance-record-redesign .attendance-record-view-link i,
.attendance-record-redesign .attendance-record-view-link svg,
.attendance-record-view-link i,
.attendance-record-view-link svg,
.employee-performance-redesign .common-icon a svg,
.employee-performance-redesign .common-icon a i,
.summary-report-redesign .common-icon a svg,
.summary-report-redesign .common-icon a i,
.disciplinary-redesign .disciplinary-doc-action-link i,
.disciplinary-redesign .disciplinary-doc-action-link svg,
.res_education_tracker.education-tracker-redesign a.education-btn.blue-big-button i {
    height: 1rem;
    width: 1rem;
}

.calendar-redesign .blue-outline-big-button.calendar-clear-btn {
    background: transparent !important;
    border: 0;
    color: #dc2626 !important;
    text-align: left;
    justify-content: left;
}

.calendar-filter-row {
    animation: dashboard-fade-up .3s ease-out .05s both;
    overflow: visible;
    position: relative;
    z-index: 30;
}

.calendar-redesign select.form-control,
.calendar-redesign .bootstrap-select>.dropdown-toggle {
    background-color: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .75rem !important;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .05) !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem;
    height: 2.25rem;
    min-height: 2.25rem;
    padding: .5rem .75rem;
}

.calendar-redesign .bootstrap-select.custom-user-dropdown.show,
.calendar-redesign .bootstrap-select.custom-user-dropdown.open,
.calendar-redesign .bootstrap-select:has(> select.custom-user-dropdown).show,
.calendar-redesign .bootstrap-select:has(> select.custom-user-dropdown).open,
.calendar-event-modal .bootstrap-select.custom-user-dropdown.show,
.calendar-event-modal .bootstrap-select.custom-user-dropdown.open,
.calendar-event-modal .bootstrap-select:has(> select.custom-user-dropdown).show,
.calendar-event-modal .bootstrap-select:has(> select.custom-user-dropdown).open {
    z-index: 1070;
}

.calendar-redesign .bootstrap-select.custom-user-dropdown>.dropdown-toggle,
.calendar-redesign .bootstrap-select:has(> select.custom-user-dropdown)>.dropdown-toggle,
.calendar-event-modal .bootstrap-select.custom-user-dropdown>.dropdown-toggle,
.calendar-event-modal .bootstrap-select:has(> select.custom-user-dropdown)>.dropdown-toggle {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
    height: 2.25rem;
    line-height: 1.2;
    min-height: 2.25rem;
    padding: .5rem 2rem .5rem .75rem !important;
}

.calendar-redesign .bootstrap-select.custom-user-dropdown>.dropdown-toggle::after,
.calendar-redesign .bootstrap-select:has(> select.custom-user-dropdown)>.dropdown-toggle::after,
.calendar-event-modal .bootstrap-select.custom-user-dropdown>.dropdown-toggle::after,
.calendar-event-modal .bootstrap-select:has(> select.custom-user-dropdown)>.dropdown-toggle::after {
    border: solid var(--nx-dashboard-muted);
    border-width: 0 .09375rem .09375rem 0;
    height: .4375rem;
    margin-top: -.1875rem;
    position: absolute;
    right: .875rem;
    transform: rotate(45deg);
    width: .4375rem;
}

.calendar-redesign .bootstrap-select.custom-user-dropdown .dropdown-menu,
.calendar-redesign .bootstrap-select:has(> select.custom-user-dropdown) .dropdown-menu {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, .12);
    left: 0 !important;
    margin-top: .375rem;
    max-width: 100%;
    min-width: 100% !important;
    overflow: hidden;
    right: auto !important;
    width: 100% !important;
    z-index: 1070;
}

.calendar-redesign .bootstrap-select.custom-user-dropdown .dropdown-menu.inner,
.calendar-redesign .bootstrap-select:has(> select.custom-user-dropdown) .dropdown-menu.inner {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-top: 0;
    max-width: none;
    min-width: 100% !important;
    width: 100% !important;
}

.calendar-redesign .bootstrap-select.custom-user-dropdown .dropdown-item,
.calendar-redesign .bootstrap-select:has(> select.custom-user-dropdown) .dropdown-item,
.calendar-event-modal .bootstrap-select.custom-user-dropdown .dropdown-item,
.calendar-event-modal .bootstrap-select:has(> select.custom-user-dropdown) .dropdown-item {
    color: var(--nx-dashboard-text);
    font-size: .875rem;
    padding: .5rem .75rem;
    text-transform: capitalize;
}

.calendar-content-row {
    animation: dashboard-fade-up .3s ease-out .1s both;
    position: relative;
    z-index: 1;
}

.calendar-card {
    background: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: 1rem !important;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .06) !important;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.calendar-redesign #calendar {
    color: var(--nx-dashboard-text);
    padding: 0;
}

.calendar-redesign .fc-toolbar {
    align-items: center;
    display: flex;
    gap: .75rem;
    /* justify-content: center; */
    margin: 0;
    padding: 1rem;
}
.calendar-redesign .fc-button-group {
    display: flex;
    gap: 1rem;
}
.calendar-redesign .fc-toolbar .fc-left,
.calendar-redesign .fc-toolbar .fc-right,
.calendar-redesign .fc-toolbar .fc-center {
    float: none;
}

.calendar-redesign .fc-toolbar h2 {
    color: var(--nx-dashboard-text);
    font-family: "Inter", sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    min-width: 10rem;
    text-align: center;
}

.calendar-redesign .fc-button {
    background: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .75rem !important;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .05) !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem !important;
    height: 2.8rem !important;
    line-height: 1 !important;
    padding: .5rem .75rem !important;
    text-shadow: none !important;
    text-transform: capitalize;
}

.calendar-redesign .fc-icon-left-single-arrow,
.calendar-redesign .fc-icon-right-single-arrow {
    font-family: Arial, sans-serif !important;
    height: 1rem;
    line-height: 1;
    overflow: visible;
    position: relative;
    top: 0;
    width: 1rem;
}

.calendar-redesign .fc-icon-left-single-arrow::after {
    content: "‹";
    color: currentColor;
    display: block;
    font-size: 1.625rem;
    font-weight: 400;
    left: 50%;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -55%);
}

.calendar-redesign .fc-icon-right-single-arrow::after {
    content: "›";
    color: currentColor;
    display: block;
    font-size: 1.625rem;
    font-weight: 400;
    left: 50%;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -55%);
}

.calendar-redesign .fc table,
.calendar-redesign .fc th,
.calendar-redesign .fc td {
    border-color: var(--nx-dashboard-border) !important;
}

.calendar-redesign .fc-widget-header {
    background: #fff !important;
    color: var(--nx-dashboard-muted);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.calendar-redesign .fc-other-month {
    background: rgba(241, 245, 249, .55) !important;
}

.calendar-redesign .fc-day-number {
    align-items: center;
    border-radius: 999rem;
    color: var(--nx-dashboard-text);
    display: inline-flex;
    font-size: .875rem;
    font-weight: 500;
    height: 1.75rem;
    justify-content: center;
    margin: .5rem;
    padding: 0 !important;
    width: 1.75rem;
}

.calendar-redesign .fc-today {
    background: rgb(246 249 252) !important;
}

.calendar-redesign .fc-today .fc-day-number {
    background: var(--nx-dashboard-primary);
    color: #fff;
}

.calendar-redesign .fc-day-grid-event {
    border: 0 !important;
    border-radius: .5rem !important;
    font-size: .75rem !important;
    font-weight: 600;
    margin: .125rem .5rem !important;
    padding: .125rem .5rem !important;
    background-color: #f3e8fe !important;
}

.calendar_main span.fc-title {
    color: #ffffff;
    color: #7e22ce !important;
}

.calendar-redesign .fc-content {
    overflow: hidden;
    text-overflow: ellipsis;
}

#sidebar-events::before {
    color: var(--nx-dashboard-text);
    content: "Events";
    display: block;
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 .75rem;
}

#sidebar-events {
    animation: dashboard-fade-up .3s ease-out .15s both;
}

#sidebar-events>.text-muted {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .75rem;
    margin: 0;
    padding: 1rem;
}

#sidebar-events .event-one {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .06);
    color: #fff;
    padding: 1rem;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    background-color: #dbeafe;
}

#sidebar-events .event-two {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .06);
    color: #fff;
    padding: 1rem;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    background-color: #f3e8fe;
}

#sidebar-events .event-three {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .06);
    color: #fff;
    padding: 1rem;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    background-color: #fef3c7;
}

#sidebar-events .event-one:hover,
#sidebar-events .event-two:hover,
#sidebar-events .event-three:hover {
    border-color: rgba(37, 99, 235, .35);
    box-shadow: 0 .5rem 1.25rem rgba(15, 23, 42, .08);
}

#sidebar-events .event-one h3 {
    color: var(--nx-dashboard-primary) !important;
    font-family: "Inter", sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 .5rem;
}

#sidebar-events .event-two h3 {
    color: #7e22ce !important;
    font-family: "Inter", sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 .5rem;
}

#sidebar-events .event-three h3 {
    color: #b45309 !important;
    font-family: "Inter", sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 .5rem;
}

#sidebar-events .event-one h3 span {
    color: var(--nx-dashboard-primary) !important;
    flex: 1;
    font-family: Inter, "Montserrat", sans-serif;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25;
    text-align: left;
}

#sidebar-events .event-two h3 span {
    color: #7e22ce !important;
    flex: 1;
    font-family: Inter, "Montserrat", sans-serif;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25;
    text-align: left;
}

#sidebar-events .event-three h3 span {
    color: #b45309 !important;
    flex: 1;
    font-family: Inter, "Montserrat", sans-serif;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25;
    text-align: left;
}

#sidebar-events .event-one p,
#sidebar-events .event-two p,
#sidebar-events .event-three p {
    color: #fff;
    font-size: .875rem;
    margin: 0;
}

#sidebar-events .edit-event svg {
    height: 2rem;
    width: 2rem;
    padding: .4rem;
    border-radius: 2rem;
}

.calendar-event-modal .modal-content {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .2);
    overflow: hidden;
    overflow: visible;
}

.calendar-event-modal .bootstrap-select.custom-user-dropdown .dropdown-menu,
.calendar-event-modal .bootstrap-select:has(> select.custom-user-dropdown) .dropdown-menu {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, .12);
    left: 0 !important;
    margin-top: .375rem;
    max-width: 100%;
    min-width: 100% !important;
    overflow: hidden;
    right: auto !important;
    width: 100% !important;
    z-index: 1070;
    max-height: 16rem !important;
}

.calendar-event-modal .bootstrap-select.custom-user-dropdown .dropdown-menu.inner,
.calendar-event-modal .bootstrap-select:has(> select.custom-user-dropdown) .dropdown-menu.inner {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-top: 0;
    max-width: none;
    min-width: 100% !important;
    width: 100% !important;
    max-height: 12rem !important;
    overflow-y: auto;
}

.calendar_main.job-adverts-main-add-new-item-popup .modal-header,
.calendar-event-modal .modal-header {
    background: #fff;
    border: 0;
    min-height: 0;
    padding: 1rem 1rem 0;
}

.calendar_main.job-adverts-main-add-new-item-popup .modal-header .close,
.calendar-event-modal .modal-header .close {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999rem;
    color: var(--nx-dashboard-muted);
    display: inline-flex;
    height: 1.75rem;
    justify-content: center;
    margin-left: auto;
    width: 1.75rem;
}

.calendar_main.job-adverts-main-add-new-item-popup .modalh4,
.calendar-event-modal .modalh4 {
    color: var(--nx-dashboard-text);
    font-family: "Inter", sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem !important;
}

.calendar-event-modal label {
    color: var(--nx-dashboard-muted);
    font-size: .75rem;
    font-weight: 600;
    margin-bottom: .375rem;
}

.calendar-event-modal .form-control,
.calendar-event-modal .bootstrap-select>.dropdown-toggle {
    background: #fff !important;
    /* border: .0725rem solid var(--nx-dashboard-border) !important; */
    border-radius: .75rem !important;
    box-shadow: none !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem;
    min-height: 2.25rem;
    padding: .5rem .75rem;
}

.calendar-event-modal textarea.form-control {
    background: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem;
    min-height: 2.25rem;
    padding: .5rem .75rem;
    min-height: 5.5rem;
}

.calendar-event-modal .input-icon i,
.calendar-event-modal .input-icon svg {
    color: var(--nx-dashboard-muted);
    height: 1rem;
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
}

.calendar-event-modal .blue-big-button.savings-btn {
    border-radius: .75rem !important;
    font-size: .875rem !important;
    font-weight: 500 !important;
    min-height: 2.5rem;
}

.calendar_main.job-adverts-main-add-new-item-popup .allbtns,
.form-view-modal .allbtns {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
}

.calendar_main.job-adverts-main-add-new-item-popup .allbtns .btn {
    border-radius: .75rem !important;
    min-width: 6rem;
    width: auto !important;
}

.document_upload,
.leaderboard-redesign,
.team-performance-redesign,
.score-assessment-redesign,
.home-tracker-redesign,
.add-activity-redesign,
.activity-detail-redesign,
.activity-suite-redesign,
.summary-report-redesign {
    background: var(--nx-dashboard-bg);
    color: var(--nx-dashboard-text);
    font-family: Inter, "Montserrat", sans-serif;
    min-height: calc(100vh - 8.75rem);
}

.document_upload h2 {
    color: var(--nx-dashboard-text);
    font-family: Inter, "Montserrat", sans-serif;
    font-size: 1.875rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0;
}

.document_upload .Edit-popup-main-btn-document {
    max-width: 18rem;
}

.document_upload select.form-control,
.document_upload .bootstrap-select>.dropdown-toggle,
.document_upload .dataTables_length select {
    background-color: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem !important;
    height: 2.25rem !important;
    min-height: 2.25rem;
    padding: .5rem .75rem !important;
}

.document_upload select.form-control:focus,
.document_upload .bootstrap-select>.dropdown-toggle:focus,
.document_upload .dataTables_filter input:focus,
.document_upload .dataTables_length select:focus,
.home-documents-search-slot .dataTables_filter input:focus {
    border-color: rgba(37, 99, 235, .45) !important;
    box-shadow: 0 0 0 .1875rem rgba(37, 99, 235, .1) !important;
    outline: 0;
}

.document_upload .filter_data.commontable,
.add-activity-main-row,
.activity-detail-main-row,
.activity-suite-main-row,
.summary-report-main-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.document_upload #example_wrapper {
    padding: 0;
    width: 100%;
}

.document_upload .dataTables_wrapper .dataTables_length {
    margin-bottom: 1rem;
    color: var(--nx-dashboard-muted);
    font-size: .875rem;
    padding: 1rem 1rem 0;
}

.document_upload .dataTables_wrapper .dataTables_filter {
    margin-bottom: 1rem;
    color: var(--nx-dashboard-muted);
    font-size: .875rem;
    padding: 1rem 1rem 0;
    text-align: right;
}

.document_upload .dataTables_wrapper .dataTables_filter label,
.document_upload .dataTables_wrapper .dataTables_length label {
    align-items: center;
    color: var(--nx-dashboard-muted);
    display: inline-flex;
    gap: .5rem;
    margin: 0;
}

.document_upload .dataTables_filter input {
    background-color: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem !important;
    height: 2.25rem !important;
    min-height: 2.25rem;
    padding: .5rem .75rem !important;
    margin-left: .5rem;
    width: 14rem;
}

.document_upload table.commonform,
.document_upload table.commontab,
.document_upload #example,
.nx-data-table table,
.nx-data-table-table {
    border-collapse: separate !important;
    border-spacing: 0;
    margin: 0 !important;
    width: 100% !important;
}

.document_upload table.commonform thead th,
.document_upload table.commontab thead th,
.document_upload #example thead th {
    background: #fff !important;
    border-bottom: .0725rem solid var(--nx-dashboard-border) !important;
    color: #646f87 !important;
    font-size: .95rem !important;
    font-weight: 500 !important;
    padding: .75rem 1rem !important;
    text-align: left;
    white-space: nowrap;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.document_upload table.commonform tbody td,
.document_upload table.commontab tbody td,
.document_upload #example tbody td {
    background: #fff !important;
    border-bottom: .0725rem solid #eef2f7 !important;
    color: #11181E;
    font-size: .875rem;
    line-height: 1.45;
    padding: .8rem 1rem !important;
    vertical-align: middle;
}

.document_upload .document-create-date {
    margin: 0;
    color: inherit;
    font-size: .875rem;
    font-weight: 400;
}

.document_upload #example tbody td:first-child .document-create-date,
.leaderboard-redesign table.commonform tbody td:first-child,
.team-performance-redesign table.commonform tbody td:first-child,
.score-assessment-redesign .main-reffral-form-cus-table tbody td:first-child,
.employee-performance-redesign table.commonform tbody td:first-child,
.resident-hobbies-redesign a.hobbies-links {
    color: var(--nx-dashboard-text);
    font-weight: 500;
}

.document_upload #example tbody td:nth-child(2) .document-create-date {
    background: #f1f5f9;
    border-radius: 999rem;
    color: var(--nx-dashboard-muted);
    display: inline-flex;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.2;
    padding: .25rem .625rem;
}

.document_upload #example .view,
.document_upload #example .choices_btn_orange.view {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    border-radius: .5rem !important;
    color: var(--nx-dashboard-muted) !important;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    min-height: 0;
    min-width: 0;
    padding: 0 !important;
    text-decoration: none !important;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease;
    width: 2rem;
}

.document_upload #example .view:hover,
.document_upload #example .choices_btn_orange.view:hover {
    background: #f1f5f9 !important;
    box-shadow: none;
    color: var(--nx-dashboard-text) !important;
}

.document_upload .dataTables_info {
    color: var(--nx-dashboard-muted) !important;
    font-size: .875rem;
    padding: 1rem !important;
}

.document_upload .dataTables_paginate {
    display: flex;
    justify-content: center;
    padding: 1rem !important;
}

.document_upload .dataTables_paginate .paginate_button,
.document_upload .dataTables_paginate .page-link {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    border-radius: .75rem !important;
    color: var(--nx-dashboard-text) !important;
    display: inline-flex;
    font-size: .875rem;
    justify-content: center;
    min-height: 2rem;
    min-width: 2rem;
    padding: .375rem .625rem !important;
}

.recruitment-table-card .common-icon a:hover,
.recruitment-table-card td:last-child a:hover,
.recruitment-table-card td a.incidentinfo:hover {
    background: #eff6ff;
    color: var(--nx-dashboard-primary) !important;
    transform: translateY(-.0725rem);
    background: #f1f5f9 !important;
    color: var(--nx-dashboard-primary) !important;
}

.document_upload .dataTables_paginate .paginate_button:hover,
.document_upload .dataTables_paginate .page-link:hover,
#table_widths.recruitment-table-card #jobadverts-table td:last-child a:hover,
#table_widths.recruitment-table-card #candidate-table td:last-child a:hover,
#table_widths.recruitment-table-card #candidate-table td:nth-child(5) a:hover,
#table_widths.recruitment-table-card #dbs-table td:last-child a:hover,
#table_widths.recruitment-table-card #reference-table td:last-child a:hover,
#table_widths.recruitment-table-card #schedule-table td:last-child a:hover,
#table_widths.recruitment-table-card #new-starter-table td:last-child a:hover,
#table_widths.recruitment-table-card #probation-table td:last-child a:hover,
#table_widths.recruitment-table-card #interview-table td:last-child a:hover,
#table_widths.recruitment-table-card #interview-table td:nth-child(5) a[target="_blank"]:hover {
    background: #f1f5f9 !important;
    color: var(--nx-dashboard-primary) !important;
}

.document_upload .dataTables_paginate .paginate_button.current,
.document_upload .dataTables_paginate .paginate_button.active,
.document_upload .dataTables_paginate .page-item.active .page-link {
    background: var(--nx-dashboard-primary) !important;
    color: #fff !important;
}

.document_upload .dataTables_paginate .paginate_button.disabled,
.document_upload .dataTables_paginate .page-item.disabled .page-link {
    color: #cbd5e1 !important;
    pointer-events: none;
}

.document_upload #example .dataTables_empty {
    color: var(--nx-dashboard-muted) !important;
    font-size: .875rem;
    padding: 3rem 1rem !important;
    text-align: center;
}

.home-documents-redesign .home-documents-panel {
    padding: 1rem;
}

.home-documents-redesign .vehicle-forms-toolbar-main {
    gap: .75rem;
    min-width: 0;
}

.home-documents-upload-btn,
.training-record-header-action .blue-big-button {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
    min-height: 2.75rem;
    padding: .7rem 1rem !important;
}

.home-documents-table-card .common-table-header,
.training-record-redesign .modal-header .modalh4 {
    align-items: center;
    display: flex;
    gap: .5rem;
}

.home-documents-table-card .common-table-header i,
.home-documents-table-card .common-table-header svg,
.disciplinary-redesign .disciplinary-table-card .common-table-header i,
.disciplinary-redesign .disciplinary-table-card .common-table-header svg {
    color: var(--nx-dashboard-muted);
    height: 1.15rem;
    width: 1.15rem;
}

.home-documents-search-slot .dataTables_filter {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.home-documents-search-slot .dataTables_filter label {
    align-items: center;
    color: var(--nx-dashboard-muted);
    display: inline-flex;
    font-size: .875rem;
    font-weight: 500;
    gap: .5rem;
    margin: 0;
    white-space: nowrap;
}

.home-documents-search-slot .dataTables_filter input {
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E") no-repeat .65rem center/1rem 1rem;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
    color: var(--nx-dashboard-text);
    font-size: .875rem !important;
    margin: 0 !important;
    min-height: 2.25rem;
    padding: .5rem .75rem .5rem 2.15rem !important;
    width: 16rem;
}

.home-document-name {
    align-items: center;
    color: var(--nx-dashboard-text) !important;
    display: inline-flex;
    font-weight: 600 !important;
    gap: .625rem;
}

.home-documents-redesign .icon-doc {
    align-items: center;
    display: flex;
    gap: .25rem;
    justify-content: end !important;
}

.home-documents-redesign .home-document-action {
    align-items: center;
    border-radius: .5rem;
    color: var(--nx-dashboard-muted) !important;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
    width: 2rem;
}

.home-documents-redesign .home-document-action:hover {
    background: #f1f5f9;
    color: var(--nx-dashboard-primary) !important;
    transform: translateY(-.0625rem);
}

.home-documents-redesign .home-document-action-delete:hover {
    background: #fef2f2;
    color: #dc2626 !important;
}

.home-documents-redesign .home-document-action svg:focus,
.home-documents-redesign .home-document-action-delete:focus-visible {
    border: 0;
    outline: 0;
}

.home-documents-filter-group label,
.independence-summary-row .top-heading-cus.second,
.independence-summary-row .top-heading-cus.third {
    color: var(--nx-dashboard-muted);
    font-size: .8rem;
    font-weight: 600;
    margin: 0;
}

.home-documents-redesign .home-documents-clear-btn {
    align-items: center;
    display: inline-flex;
    gap: .4rem;
    height: 2.5rem;
    white-space: nowrap;
}

.home-documents-redesign .home-documents-clear-btn svg,
.home-documents-redesign .home-documents-clear-btn i[data-lucide],
.additional-support-edit-btn svg,
.additional-support-edit-btn i,
.resident-tracker-redesign .resident-tracker-filter-label i,
.report-log-sensitivity-badge button svg,
.independence-sign-btn svg,
.independence-sign-btn i,
.training-record-redesign .training-action-btn i,
.training-record-redesign .training-action-btn svg,
.attendance-record-redesign .attendance-history-trigger i,
.attendance-record-redesign .attendance-history-trigger svg,
.summary-report-clear-btn i,
.summary-report-clear-btn svg,
.disciplinary-redesign .disciplinary-outcome-btn i,
.disciplinary-redesign .disciplinary-outcome-btn svg {
    height: .9rem;
    width: .9rem;
}

.home-documents-table-title {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.1rem;
    font-weight: 600;
}

.home-documents-redesign .home-documents-table-card .common-table th {
    background: #f8fafc !important;
    border-radius: 0 !important;
    color: var(--nx-dashboard-text) !important;
    font-weight: 600 !important;
    text-transform: capitalize;
}

.home-document-modal .modal-content,
.home-document-confirm-modal .modal-content {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1.25rem;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .18);
}

.home-document-modal .modal-header,
.home-document-confirm-modal .modal-header {
    align-items: center;
    border: 0;
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 1.75rem 1rem !important;
}

.home-document-modal .modal-header .modalh4,
.home-document-confirm-modal .modal-header .modalh4 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.23rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    gap: .5rem;
}

.home-document-modal .modal-header .modalh4 svg {
    color: var(--nx-dashboard-primary);
    width: 1.4rem;
}

.home-document-modal .modal-header .close,
.home-document-confirm-modal .modal-header .close {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--nx-dashboard-muted);
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    opacity: 1;
    padding: 0;
    width: 2rem;
}

.home-document-modal .modal-header .close svg,
.home-document-confirm-modal .modal-header .close svg,
.leaderboard-title-icon svg,
.recruitment-alert-summary-icon svg,
.recruitment-alert-section-icon svg,
.home-stat-icon svg,
.home-key-section-icon svg,
.home-key-section-icon i,
.add-activity-dropzone-inner i,
.add-activity-dropzone-inner svg {
    height: 1.25rem;
    width: 1.25rem;
}

.home-document-modal .modal-body,
.home-document-confirm-modal .modal-body {
    padding: 1rem 1.75rem 1.75rem !important;
}

.home-document-modal .Edit-popup-main-btn-document {
    max-width: none;
}

.home-document-upload-box {
    align-items: center;
    border: .125rem dashed var(--nx-dashboard-border);
    border-radius: .875rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;

    min-height: 7rem;
    padding: 1rem;
    position: relative;
}

.home-document-upload-box svg {
    color: var(--nx-dashboard-muted);
    height: 2rem;
    width: 2rem;
}

.home-document-upload-box .edit-pop-btn {
    background: transparent !important;
    border: 0 !important;
    color: var(--nx-dashboard-muted) !important;
    font-size: 1rem;
    font-weight: 400;
    padding: 0 !important;
}

.home-document-upload-box input[type="file"] {
    cursor: pointer;
    inset: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
}

.home-document-image-upload-box .input-images {
    min-height: 100%;
    width: 100%;
}

.home-document-image-upload-box .image-uploader {
    min-height: 100%;
    width: 100%;
    background: transparent;
    border: 0;
    inset: 0;
    min-height: 100%;
    position: absolute;
}

.home-document-image-upload-box .image-uploader input[type="file"] {
    height: 100%;
    inset: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.home-document-image-upload-box .image-uploader .upload-text {
    color: var(--nx-dashboard-muted);
    font-size: 1rem;
    font-weight: 400;
    gap: .25rem;
    text-align: center;
}

.home-document-upload-lucide,
.home-document-image-upload-box .image-uploader .uploaded {
    position: relative;
    z-index: 3;
}

.home-document-confirm-actions,
.home-document-modal-actions,
.candidate-schedule2-modal .allbtns {
    display: flex;
    gap: .75rem;
    justify-content: flex-end;
}

.home-document-modal-actions .btn,
.home-document-modal-actions .blue-big-button,
.home-document-confirm-actions .btn {
    min-width: 7rem;
}

.home-app-card {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: 1rem !important;
    box-shadow: 0 .0725rem .1875rem rgba(15, 23, 42, .06);
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
    width: 100%;
    padding: 1rem 0;
}

.home-app-card:hover,
.home-app-card:focus-within {
    border-color: rgba(37, 99, 235, .3) !important;
    box-shadow: 0 .875rem 1.75rem rgba(15, 23, 42, .08);
    transform: translateY(-.0725rem);
}

.home-app-card a {
    align-items: center;
    color: var(--nx-dashboard-text) !important;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    justify-content: center;
    text-align: center;
    text-decoration: none;
}

.home-app-logo {
    align-items: center;
    background: #f8fafc;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    display: inline-flex;
    height: 5rem;
    justify-content: center;
    overflow: hidden;
    width: 5rem;
}

.home-app-logo img {
    display: block;
    max-height: 4.75rem;
    max-width: 4.75rem;
    object-fit: contain;
}

.home-app-card .app-main-title,
.vehicle-edit-section-header h4 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}

.maintenance-hero {
    align-items: center;
    justify-content: space-between;
}

.maintenance-hero .blue-big-button {
    background: #fff !important;
    border-color: #fff !important;
    color: var(--nx-dashboard-primary) !important;
    gap: .5rem;
    min-height: 2.75rem;
}

.maintenance-hero .blue-big-button:hover,
.maintenance-hero .blue-big-button:focus {
    background: rgba(255, 255, 255, .92) !important;
    color: var(--nx-dashboard-primary) !important;
}

.maintenance-filter-panel {
    margin-bottom: 1.5rem;
    overflow: visible;
}

.maintenance-filter-field label {
    color: var(--nx-dashboard-muted);
    display: block;
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: .35rem;
}

/* .maintenance-redesign .bootstrap-select .dropdown-menu,
.vehicle-forms-redesign .bootstrap-select .dropdown-menu {
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, .12);
    z-index: 2080 !important;
} */

.maintenance-redesign .bootstrap-select.open,
.maintenance-redesign .bootstrap-select.show,
.maintenance-redesign .btn-group.bootstrap-select.open,
.maintenance-redesign .btn-group.bootstrap-select.show,
.vehicle-forms-redesign .bootstrap-select.open,
.vehicle-forms-redesign .bootstrap-select.show,
.vehicle-forms-redesign .btn-group.bootstrap-select.open,
.vehicle-forms-redesign .btn-group.bootstrap-select.show {
    position: relative;
    z-index: 2080 !important;
}

.maintenance-add-page #RECRUITMENT {
    animation: dashboard-fade-up .35s ease-out both;
    margin: 0 auto;
    max-width: none;
}

.maintenance-add-page-heading {
    margin-bottom: 2rem;
}

.maintenance-add-page-heading h1 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 .5rem;
}

.maintenance-add-page-heading p {
    color: var(--nx-dashboard-muted);
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
}

.maintenance-add-form-card {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1.25rem;
    box-shadow: 0 .0725rem .1875rem rgba(15, 23, 42, .06);
    overflow: visible;
    padding: 1.5rem;
    position: relative;
}

.maintenance-add-page textarea.form-control {
    min-height: 9rem;
    resize: vertical;
}

.maintenance-upload-field .image-uploader {
    background: #fff;
    border: .125rem dashed var(--nx-dashboard-border) !important;
    border-radius: 1rem;
    box-shadow: none;
    color: var(--nx-dashboard-muted);
    cursor: pointer;
    min-height: 12.5rem;
    transition: border-color .2s ease, background-color .2s ease;
}

.maintenance-upload-field .image-uploader:hover {
    background: #f8fafc;
    border-color: rgba(37, 99, 235, .45) !important;
}

.maintenance-upload-field .image-uploader .upload-text i {
    align-items: center;
    background: #eef4ff;
    border-radius: 1rem;
    color: var(--nx-dashboard-primary);
    display: inline-flex;
    font-size: 0;
    height: 4rem;
    justify-content: center;
    margin-bottom: 1rem;
    width: 4rem;
}

.maintenance-upload-field .image-uploader .upload-text i::before {
    background: currentColor;
    content: "";
    display: block;
    height: 2rem;
    width: 2rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 13v8'/%3E%3Cpath d='M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242'/%3E%3Cpath d='m8 17 4-4 4 4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 13v8'/%3E%3Cpath d='M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242'/%3E%3Cpath d='m8 17 4-4 4 4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.maintenance-upload-field .image-uploader .upload-text span {
    color: var(--nx-dashboard-text);
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
}

.maintenance-upload-field .image-uploader .upload-text span::after {
    color: var(--nx-dashboard-muted);
    content: "No file chosen";
    display: block;
    font-size: .875rem;
    font-weight: 500;
    margin-top: .5rem;
}

.maintenance-detail-page #RECRUITMENT {
    animation: dashboard-fade-up .35s ease-out both;
    margin: 0 auto;
    max-width: 64rem;
}

.maintenance-detail-card {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1.25rem;
    box-shadow: 0 .0725rem .1875rem rgba(15, 23, 42, .06);
    margin-bottom: 1.5rem;
    overflow: visible;
}

.maintenance-detail-card-header {
    padding: 1.5rem 1.5rem 0;
}

.maintenance-detail-card-header h2,
.vehicle-detail-modal .modal-header h3,
.vehicle-detail-modal .modalh4,
.independence-summary-row .top-heading-cus.first {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0;
}

.maintenance-detail-card-header-inline {
    align-items: center;
    display: flex;
    gap: .625rem;
}

.maintenance-detail-card-header-inline svg,
.maintenance-detail-card-header-inline i {
    color: var(--nx-dashboard-primary);
    height: 1.25rem;
    width: 1.25rem;
}

.maintenance-detail-field label,
.maintenance-detail-page .edit-main-form-input-sec label {
    color: var(--nx-dashboard-muted);
    display: block;
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: .5rem;
}

.maintenance-detail-value {
    align-items: center;
    background: #f8fafc;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    color: var(--nx-dashboard-text);
    display: flex;
    font-size: .9rem;
    font-weight: 500;
    min-height: 2.75rem;
    padding: .75rem .875rem;
}

.maintenance-detail-description {
    align-items: flex-start;
    line-height: 1.6;
    min-height: 4rem;
    white-space: pre-wrap;
}

.maintenance-status-action-field {
    align-items: flex-start;
    flex-direction: column;
}

.maintenance-photo-grid {
    background: #f8fafc;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
    min-height: 7.5rem;
    padding: 1rem;
}

.maintenance-photo-item {
    border-radius: .875rem;
    overflow: hidden;
}

.maintenance-photo-item img {
    aspect-ratio: 1;
    border-radius: .875rem;
    cursor: pointer;
    height: auto;
    object-fit: cover;
    padding: 0 !important;
    width: 100%;
}

.maintenance-empty-photo {
    align-items: center;
    color: var(--nx-dashboard-muted);
    display: flex;
    flex-direction: column;
    font-size: .875rem;
    gap: .5rem;
    grid-column: 1 / -1;
    justify-content: center;
    min-height: 6rem;
}

.maintenance-empty-photo svg,
.maintenance-empty-photo i,
.form-view-hero-icon svg,
.reports-blue-icon svg,
.reports-blue-icon i {
    height: 2rem;
    width: 2rem;
}

.maintenance-timeline-toggle {
    align-items: center;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    display: flex;
    gap: .75rem;
    padding: 1rem;
}

.maintenance-timeline-toggle label {
    align-items: center;
    color: var(--nx-dashboard-text);
    display: inline-flex;
    font-size: .95rem;
    font-weight: 700;
    gap: .5rem;
}

.maintenance-timeline-toggle svg,
.maintenance-timeline-toggle i,
.reports-card-title svg,
.reports-card-title i {
    color: var(--nx-dashboard-primary);
    height: 1.125rem;
    width: 1.125rem;
}

.maintenance-detail-page textarea.form-control {
    min-height: 7.5rem;
}

.maintenance-detail-actions {
    align-items: center;
    border-top: .0725rem solid var(--nx-dashboard-border);
    display: flex;
    justify-content: flex-end;
    padding: 0 1.5rem 1.5rem;
}

.maintenance-clear-btn {
    align-items: center;
    background: #fff !important;
    border-color: var(--nx-dashboard-border) !important;
    border-radius: 1rem !important;
    color: var(--nx-dashboard-text) !important;
    display: inline-flex;
    gap: .5rem;
    justify-content: center;
}

.maintenance-clear-btn svg,
.report-log-sensitivity-toggle svg,
.home-tracker-modal-icon i,
.home-tracker-modal-icon svg {
    height: 1.125rem;
    width: 1.125rem;
}

.maintenance-table-card .common-table-wrap,
.independence-view-cust-1 table.table-bordered {
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    overflow: hidden;
}

.maintenance-table-card .dataTables_filter {
    display: block;
    padding: 1rem 1rem 0;
    text-align: left;
}

.maintenance-search-slot .dataTables_filter {
    padding: 0;
    position: relative;
}

.maintenance-table-card .dataTables_filter label,
.maintenance-search-slot .dataTables_filter label {
    color: var(--nx-dashboard-muted);
    display: block;
    font-size: 0;
    margin: 0;
}

.maintenance-table-card .dataTables_filter input {
    margin: 0 !important;
    max-width: none;
    width: 100%;
}

.maintenance-search-slot .dataTables_filter input {
    margin: 0 !important;
    max-width: none;
    width: 100%;
    padding-left: 3rem !important;
}

.maintenance-search-control::before {
    color: var(--nx-dashboard-muted);
    content: "";
    height: 1.25rem;
    left: 1rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
    z-index: 1;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21 21-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/svg%3E") center / contain no-repeat;
    background: currentColor;
}

.maintenance-table-card .common-table {
    border: 0 !important;
    table-layout: auto !important;
}

.maintenance-table-card .common-table th {
    background: #f8fafc !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem !important;
    font-weight: 500 !important;
    text-transform: none;
}

.maintenance-table-card .common-table td,
#table_widths.recruitment-table-card #jobadverts-table tbody td:first-child,
#table_widths.recruitment-table-card #candidate-table tbody td:first-child,
#table_widths.recruitment-table-card #candidate-table tbody td:first-child a,
#table_widths.recruitment-table-card #dbs-table tbody td:first-child,
#table_widths.recruitment-table-card #reference-table tbody td:first-child,
#table_widths.recruitment-table-card #schedule-table tbody td:first-child,
#table_widths.recruitment-table-card #new-starter-table tbody td:first-child,
#table_widths.recruitment-table-card #probation-table tbody td:first-child,
#table_widths.recruitment-table-card #interview-table tbody td:first-child,
.common-table tbody td:first-child {
    color: var(--nx-dashboard-text) !important;
    font-weight: 500 !important;
}

.maintenance-badge {
    align-items: center;
    border-radius: 999rem;
    display: inline-flex !important;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.2;
    padding: .375rem .625rem;
    white-space: nowrap;
}

.maintenance-badge-low,
.maintenance-status-signed,
.form-section-status-complete,
.vehicle-form-type-badge-auto {
    background: #dcfce7;
    color: #166534;
}

.maintenance-badge-medium,
.maintenance-status-awaiting,
.in-house-tracker-stat-warning .in-house-tracker-stat-icon {
    background: #fef3c7;
    color: #b45309;
}

.maintenance-badge-high,
.maintenance-status-rejected {
    background: #fee2e2;
    color: #991b1b;
}

.maintenance-status-submitted {
    background: #e0f2fe;
    color: #075985;
    margin: 0 !important;
}

.maintenance-status-accepted {
    background: #e0e7ff;
    color: #3730a3;
}

.maintenance-status-progress {
    background: #ede9fe;
    color: #6d28d9;
}

.maintenance-view-action {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--nx-dashboard-primary) !important;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 500;
    justify-content: center;
    min-height: auto;
    padding: 0;
    text-decoration: none;
    transition: color .2s ease;
}

.maintenance-view-action:hover,
.maintenance-view-action:focus {
    color: #1d4ed8 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled) {
    color: #ffffff !important;
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #ffffff !important;
    background: var(--nx-dashboard-primary) !important;
    border-color: var(--nx-dashboard-primary) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #ffffff !important;
    background: var(--nx-dashboard-primary) !important;
    border-color: var(--nx-dashboard-primary) !important;
}

.nx-data-table table thead th,
.nx-data-table-table thead th {
    border-bottom: .0725rem solid var(--nx-dashboard-border) !important;
    font-size: .875rem !important;
    font-weight: 500 !important;
    padding: .75rem 1rem !important;
    white-space: nowrap;
}

.nx-data-table table tbody td,
.nx-data-table-table tbody td {
    border-bottom: .0725rem solid #dee6ef !important;
    font-size: .875rem;
    line-height: 1.45;
    padding: .75rem 1rem !important;
    vertical-align: middle;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    margin-top: 0;
}

.nx-data-table .dataTables_paginate .paginate_button,
.nx-data-table .dataTables_paginate .page-link {
    align-items: center;
    background: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .625rem !important;
    color: var(--nx-dashboard-text) !important;
    display: inline-flex;
    font-size: .875rem;
    justify-content: center;
    min-height: 2rem;
    min-width: 2rem;
    padding: .375rem .625rem !important;
    margin-top: 0;
}

.nx-data-table .dataTables_paginate .paginate_button:hover,
.nx-data-table .dataTables_paginate .page-link:hover,
.candidate-action-row .candidate-complete-action .blue-big-button:hover,
.candidate-back-button:hover,
.candidate-form-redesign .btn-outline-blue-outline:hover,
.candidate-view-redesign .btn-outline-blue-outline:hover,
.candidate-form-redesign #goBackBtn:hover {
    background: #f8fafc !important;
    border-color: rgba(37, 99, 235, .35) !important;
    color: var(--nx-dashboard-primary) !important;
}

.nx-data-table .dataTables_paginate .paginate_button.current,
.nx-data-table .dataTables_paginate .page-item.active .page-link {
    background: var(--nx-dashboard-primary) !important;
    border-color: var(--nx-dashboard-primary) !important;
    color: #fff !important;
    margin-top: 0;
}

.nx-pdf-button {
    align-items: center;
    background: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .625rem !important;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .05);
    color: var(--nx-dashboard-text) !important;
    display: inline-flex;
    font-size: .875rem !important;
    font-weight: 500 !important;
    gap: .375rem;
    justify-content: center;
    line-height: 1;
    min-height: 2.25rem;
    padding: .5rem 1rem !important;
    text-decoration: none !important;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
    white-space: nowrap;
}

.nx-pdf-button:hover,
.nx-pdf-button:focus {
    background: #f8fafc !important;
    border-color: rgba(37, 99, 235, .35) !important;
    box-shadow: 0 .25rem .75rem rgba(15, 23, 42, .08);
    color: var(--nx-dashboard-primary) !important;
    transform: translateY(-.0725rem);
}

.nx-pdf-button:active {
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .06);
    transform: translateY(0);
}

.nx-pdf-button svg,
.nx-pdf-button i {
    color: currentColor;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
}

.leaderboard-main-row,
.leaderboard-section-row,
.leaderboard-controls,
.team-performance-main-row,
.score-assessment-main-row,
.home-tracker-main-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0;
}

.leaderboard-topbar {
    padding-left: 0;
    padding-right: 0;
}

.leaderboard-header {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
}

.leaderboard-title-wrap {
    align-items: center;
    display: flex;
    gap: .75rem;
    min-width: 0;
}

.leaderboard-title-icon {
    align-items: center;
    background: rgba(37, 99, 235, .1);
    border-radius: 1rem;
    color: var(--nx-dashboard-primary);
    display: inline-flex;
    flex-shrink: 0;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.leaderboard-redesign h2 {
    color: var(--nx-dashboard-text);
    font-family: Inter, "Montserrat", sans-serif;
    font-size: 1.7rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.2;
}

.leaderboard-title-wrap p {
    color: var(--nx-dashboard-muted);
    font-size: .95rem;
    margin: .2rem 0 0;
}

.leaderboard-redesign #current-month {
    align-items: center;
    border-radius: .75rem !important;
    display: inline-flex;
    font-size: .875rem !important;
    font-weight: 500 !important;
    gap: .5rem;
    justify-content: center;
    min-height: 2.5rem;
    padding: .5rem 1rem !important;
    text-decoration: none !important;
}

.leaderboard-header-actions {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: flex-end;
}

.leaderboard-month-control {
    width: 14rem;
}

.leaderboard-redesign .input-icon i {
    color: var(--nx-dashboard-muted);
    position: absolute;
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
}

.leaderboard-redesign .form-control {
    background-color: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .75rem !important;
    box-shadow: none !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem !important;
    height: 2.5rem !important;
    min-height: 2.5rem;
    padding: .5rem .75rem !important;
}

.form_builder_add_page div#form-builder .bg-light,
.form_builder_edit_page div#form-builder .bg-light,
.fc-row.fc-widget-header,
td.fc-head-container.fc-widget-header,
.leaderboard-card .card-body {
    padding: 0 !important;
}

.leaderboard-redesign .main-home-home-table-sec-cus1.commontable {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-top: 0 !important;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.leaderboard-redesign table.commonform thead th,
.team-performance-redesign table.commonform thead th,
.score-assessment-redesign table.commonform thead th,
.score-assessment-redesign .main-reffral-form-cus-table thead th,
.employee-performance-redesign table.commonform thead th {
    background: var(--nx-dashboard-primary) !important;
    border-bottom: 0 !important;
    color: #fff !important;
}

.leaderboard-redesign table.commonform tbody td,
.team-performance-redesign table.commonform tbody td,
.employee-performance-redesign table.commonform tbody td {
    background: #fff !important;
    color: var(--nx-dashboard-muted);
}

.unique-input-group .dropdown-toggle .filter-option-inner-inner,
.unique-input-group .dropdown-menu .dropdown-item,
.row.buttons_cus .col-md-2,
.crmview-form-wrapper .row:last-child .col-md-12,
.main_employee_resident_view_page#edit-popup .modal-dialog .col-md-12.save-btn,
.main_employee_resident_view_page .employee-detail-cust,
.vehicle_view_page .employee-detail-cust,
.vehicle_view_page .col-md-12.save-btn,
.alert_system .panel-inner-data-main-row-cus .col-md-3,
.alert_system .panel-inner-data-main-colom-cus3 h4,
.email_document_refrrals .buttons-row .form-row.btn-row .col-4,
.managment_monthly_review_page .panel-inner-data-main-row-cus .col-md-3,
.managment_monthly_review_page h4.panel-title,
.leaderboard-redesign table.commonform tbody td:nth-child(5) {
    text-align: center;
}

.leaderboard-redesign table.commonform tbody td:nth-child(6) {
    text-align: right;
    text-align: center;
}

.leaderboard-redesign .current-badge-green-85 {
    background: #dcfce7 !important;
    color: #15803d !important;
    border-radius: 999rem !important;
    display: inline-flex !important;
    font-size: .75rem !important;
    font-weight: 600 !important;
    justify-content: center;
    line-height: 1.2;
    min-width: 3rem;
    padding: .25rem .625rem !important;
}

.leaderboard-redesign .current-badge-green-100,
.leaderboard-redesign .gold-bg {
    background: #fef3c7 !important;
    color: #b45309 !important;
    border-radius: 999rem !important;
    display: inline-flex !important;
    font-size: .75rem !important;
    font-weight: 600 !important;
    justify-content: center;
    line-height: 1.2;
    min-width: 3rem;
    padding: .25rem .625rem !important;
}

.leaderboard-redesign .current-badge-green-90 {
    border-radius: 999rem !important;
    display: inline-flex !important;
    font-size: .75rem !important;
    font-weight: 600 !important;
    justify-content: center;
    line-height: 1.2;
    min-width: 3rem;
    padding: .25rem .625rem !important;
    background: #d1fae5 !important;
    color: #047857 !important;
}

.leaderboard-redesign .current-badge-green-95 {
    border-radius: 999rem !important;
    display: inline-flex !important;
    font-size: .75rem !important;
    font-weight: 600 !important;
    justify-content: center;
    line-height: 1.2;
    min-width: 3rem;
    padding: .25rem .625rem !important;
    background: #ccfbf1 !important;
    color: #0f766e !important;
}

.leaderboard-medal-icon,
.leaderboard-redesign td img[alt="Medal"] {
    color: #f59e0b;
    display: block;
    height: 1rem;
    margin: 0 auto;
    width: 1rem;
}

.leaderboard-redesign .dataTables_wrapper .row,
.candidate-form-redesign .tab-pane>form>.row,
.candidate-form-redesign .tab-pane>form .interview-container {
    margin-left: 0;
    margin-right: 0;
}

.leaderboard-redesign .dataTables_info {
    padding-left: 1.25rem !important;
}

.leaderboard-redesign .dataTables_paginate {
    justify-content: flex-end;
    gap: .25rem;
}

.leaderboard-empty-card {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .06);
    padding: 3rem 1rem !important;
}

.leaderboard-empty-card p {
    color: var(--nx-dashboard-muted);
    font-size: .875rem;
    margin: 0;
}

.team-performance-redesign .main-home-home-table-sec-cus1.commontable,
.employee-performance-redesign .main-home-home-table-sec-cus1.commontable {
    border: 0;
    border-radius: 1rem;
    box-shadow: none;
    margin-top: 0 !important;
}

.team-performance-redesign .current-badge-yellow,
.employee-performance-redesign .current-badge-yellow {
    background: #fef3c7 !important;
    color: #b45309 !important;
    border-radius: 999rem !important;
    display: inline-flex !important;
    font-size: .75rem !important;
    font-weight: 600 !important;
    justify-content: center;
    line-height: 1.2;
    min-width: 5.5rem;
    padding: .25rem .75rem !important;
}

.team-performance-redesign .current-badge-green,
.employee-performance-redesign .current-badge-green {
    background: #d1fae5 !important;
    color: #047857 !important;
    border-radius: 999rem !important;
    display: inline-flex !important;
    font-size: .75rem !important;
    font-weight: 600 !important;
    justify-content: center;
    line-height: 1.2;
    min-width: 5.5rem;
    padding: .25rem .75rem !important;
}

.team-performance-redesign .current-badge-orange,
.employee-performance-redesign .current-badge-orange {
    border-radius: 999rem !important;
    display: inline-flex !important;
    font-size: .75rem !important;
    font-weight: 600 !important;
    justify-content: center;
    line-height: 1.2;
    min-width: 5.5rem;
    padding: .25rem .75rem !important;
    background: #fee2e2 !important;
    color: #b91c1c !important;
}

.team-performance-redesign .common-icon,
.employee-performance-redesign .common-icon,
.summary-report-redesign .common-icon {
    display: flex;
    justify-content: center;
}

.team-performance-redesign .common-icon a,
.employee-performance-redesign .common-icon a,
.summary-report-redesign .common-icon a {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: .625rem;
    color: var(--nx-dashboard-muted);
    display: inline-flex;
    font-size: .8125rem;
    font-weight: 500;
    gap: .375rem;
    padding: .375rem .75rem;
    transition: background-color .2s ease, color .2s ease;
}

.team-performance-redesign .common-icon a:hover,
.employee-performance-redesign .common-icon a:hover,
.summary-report-redesign .common-icon a:hover,
.disciplinary-redesign .disciplinary-doc-action-link:hover {
    background: rgba(37, 99, 235, .08);
    color: var(--nx-dashboard-primary);
}

.task-redesign .breadcrumb,
.task-redesign .breadcrumbs,
.task-redesign nav[aria-label="breadcrumb"],
.document_upload .breadcrumb,
.document_upload .breadcrumbs,
.document_upload nav[aria-label="breadcrumb"],
.leaderboard-redesign .breadcrumb,
.leaderboard-redesign .breadcrumbs,
.leaderboard-redesign nav[aria-label="breadcrumb"],
.team-performance-redesign .breadcrumb,
.team-performance-redesign .breadcrumbs,
.team-performance-redesign nav[aria-label="breadcrumb"],
.score-assessment-redesign .breadcrumb,
.score-assessment-redesign .breadcrumbs {
    margin-bottom: .75rem;
}

.score-assessment-meta-card {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: 1rem !important;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .06);
}

.score-assessment-meta-field p {
    color: var(--nx-dashboard-muted);
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .03em;
    margin-bottom: .375rem;
    text-transform: uppercase;
}

.score-assessment-meta-field h4 {
    background: #f8fafc;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .625rem;
    color: var(--nx-dashboard-text);
    font-size: .9375rem;
    font-weight: 500;
    margin: 0;
    padding: .5rem .75rem;
    min-height: 3rem;
}

.score-assessment-redesign .key-data-main-heading.score-assessment-section-heading {
    margin-bottom: .5rem;
    margin-top: .5rem;
}

.score-assessment-redesign .key-data-main-heading.score-assessment-section-heading h5 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: .9375rem;
    font-weight: 600;
    margin: 0 !important;
}

.score-assessment-redesign .main-row-table1.nx-data-table {
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .06);
}

.score-assessment-redesign table.commonform tbody td,
.score-assessment-redesign .main-reffral-form-cus-table tbody td {
    background: #fff !important;
    color: var(--nx-dashboard-muted);
    vertical-align: middle;
}

.score-assessment-toggle .form-check {
    margin-right: .5rem;
    padding-left: 0;
}

.score-assessment-toggle .form-check-input {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px;
}

.score-assessment-toggle .form-check-label {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    color: var(--nx-dashboard-text);
    cursor: pointer;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 500;
    padding: .3125rem .875rem;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.leaderboard-card {
    border: 1px solid #dee6ef;
    border-radius: 1rem;
    padding: 1.1rem 0 0;
}

.leaderboard-card-title {
    padding: 0rem 0 0.1rem 1rem !important;
}

.score-assessment-toggle .form-check:first-child .form-check-input:checked+.form-check-label {
    background: #059669;
    border-color: #059669;
    color: #fff;
}

.score-assessment-toggle .form-check:last-child .form-check-input:checked+.form-check-label {
    background: #dc2626;
    border-color: #dc2626;
    color: #fff;
}

.score-assessment-toggle .form-check-input:disabled+.form-check-label {
    cursor: default;
}

.score-assessment-action-cell {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: flex-start;
}

.score-assessment-empty {
    background: #fff;
    border-color: var(--nx-dashboard-border) !important;
    color: var(--nx-dashboard-muted);
    font-size: .875rem;
}

.score-assessment-help-icon {
    color: var(--nx-dashboard-muted);
    height: 1rem;
    opacity: .7;
    vertical-align: -0.125rem;
    width: 1rem;
}

.score-assessment-chart-card {
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: 1rem !important;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .06);
}

.score-assessment-chart-header {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.score-assessment-chart-header h5 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-weight: 600;
}

.email_list_refrrals .row.email_list_section .time_delet,
.email_list_refrrals .row.email_list_section table.email_list td.email_time,
.referrals_email_detail .top_heading_part .col-md-6:last-child,
.employee_attendance_record .attendance-search-form-1 form,
.leaderboard-redesign table.commonform tbody td:nth-child(3),
.leaderboard-redesign table.commonform tbody td:nth-child(4),
.score-assessment-chart-total {
    text-align: right;
}

.score-assessment-chart-total-label {
    color: var(--nx-dashboard-muted);
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .03em;
    margin: 0;
    text-transform: uppercase;
}

.score-assessment-chart-total-value {
    color: var(--nx-dashboard-primary);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
}

.score-assessment-chart-total-value span {
    color: var(--nx-dashboard-muted);
    font-family: Inter, sans-serif !important;
    font-size: .875rem;
    font-weight: 400;
}

.form-view-topbar .breadcrumb {
    color: var(--nx-dashboard-muted);
    font-size: .875rem;
    margin-bottom: 1rem;
}

.form-view-hero {
    background: linear-gradient(135deg, #2563eb 0%, rgba(37, 99, 235, .92) 54%, rgba(37, 99, 235, .82) 100%);
    border-radius: 1.5rem;
    box-shadow: 0 1.5rem 3rem rgba(37, 99, 235, .18);
    color: #fff;
    overflow: hidden;
    padding: 2rem 2.5rem;
    position: relative;
    display: flex;
    gap: 1rem;
}

.form-view-hero-icon {
    align-items: center;
    background: rgba(255, 255, 255, .15);
    border-radius: 1rem;
    box-shadow: inset 0 .0725rem 0 rgba(255, 255, 255, .18);
    display: inline-flex;
    flex: 0 0 4rem;
    height: 4rem;
    justify-content: center;
    position: relative;
    width: 4rem;
    z-index: 1;
}

.form-view-hero-copy {
    min-width: 0;
    position: relative;
    z-index: 1;
}

.form-view-hero-copy p {
    color: rgba(255, 255, 255, .68);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .12em;
    margin: 0 0 .5rem;
    text-transform: uppercase;
}

.form-view-hero h2 {
    color: #fff;
    font-family: "Inter", sans-serif;
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    overflow-wrap: anywhere;
}

.form-view-card {
    animation: dashboard-fade-up .32s ease-out .08s both;
    background: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: 1rem !important;
    box-shadow: 0 .0725rem .1875rem rgba(15, 23, 42, .06) !important;
    overflow: hidden;
}

.form-view-card+.form-view-card {
    animation-delay: .14s;
}

.form-view-card-header {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #d7dfea;
}

.form-view-card-header h5 {
    color: var(--nx-dashboard-text);
    font-family: "Inter", sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}

.form-view-card-header p,
.vehicle-detail-redesign .form-view-card-header p {
    color: var(--nx-dashboard-muted);
    font-size: .875rem;
    margin: .25rem 0 0;
}

.maintenance-detail-card-body,
.form-view-card-body {
    padding: 1.5rem;
}

.form-view-redesign #fb-render,
.form-view-redesign .acknowledgement_main_form1 {
    font-size: .875rem;
}

.formbuilder-checkbox-group .checkbox-group {
    display: flex;
    gap: 0 1rem;
    flex-wrap: wrap;
}

.form-view-redesign label,
.form-view-redesign .formbuilder-text-label,
.form-view-redesign .formbuilder-textarea-label,
.form-view-redesign .formbuilder-date-label,
.form-view-redesign .formbuilder-select-label,
.form-view-redesign .formbuilder-radio-group-label,
.form-view-redesign .formbuilder-checkbox-group-label {
    color: var(--nx-dashboard-text);
    display: inline-block;
    float: none !important;
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: .5rem;
}

.form-view-redesign input[type="checkbox"],
.form-view-redesign input[type="radio"] {
    accent-color: var(--nx-dashboard-primary);
    min-height: auto;
}

.form-view-redesign .checkbox,
.form-view-redesign .radio {
    align-items: center;
    display: flex;
    gap: .625rem;
    margin: 0 0 .625rem;
}

.form-view-redesign .checkbox label,
.form-view-redesign .radio label {
    color: var(--nx-dashboard-text);
    font-weight: 400;
    margin: 0;
}

.form-view-redesign .required-asterisk,
.form-view-redesign .text-danger {
    color: #dc2626 !important;
}

.form-view-redesign .main-save,
.form-view-redesign .blue-big-button {
    background: var(--nx-dashboard-primary) !important;
    border: .0725rem solid var(--nx-dashboard-primary) !important;
    color: #fff !important;
}

.form-view-redesign .main-save:hover,
.form-view-redesign .blue-big-button:hover {
    background: #1d4ed8 !important;
    box-shadow: 0 .5rem 1.125rem rgba(37, 99, 235, .2);
    color: #fff !important;
}

.form-view-redesign .blue-outline-big-button:hover {
    background: #f8fafc !important;
    border-color: rgba(37, 99, 235, .35) !important;
}

.form-view-redesign .field-signature,
.form-view-redesign .kbw-signature,
.form-view-redesign .sig {
    border: .08rem solid var(--nx-dashboard-border) !important;
    border-radius: 1rem !important;
    max-width: 100%;
    height: 100px;
}

.form-view-redesign .field-html,
.form-view-redesign .formbuilder-header {
    background: #f8fafc;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    margin-bottom: 1rem;
    padding: 1rem;
}

.form-view-redesign h1,
.form-view-redesign h4,
.form-view-redesign h5,
.form-view-redesign h6 {
    color: var(--nx-dashboard-text);
    font-family: "Inter", sans-serif;
    letter-spacing: 0;
    margin: 0;
}

.form-view-redesign h3 {
    color: var(--nx-dashboard-text);
    font-family: "Inter", sans-serif;
    letter-spacing: 0;
    margin: 0;
    font-size: 1rem;
}

.form-view-approval-card textarea.form-control {
    min-height: 7rem;
}

.form-view-reason-card .form-view-card-body {
    color: var(--nx-dashboard-text);
    font-size: .9375rem;
    line-height: 1.6;
}

.form-view-modal .modal-header {
    align-items: flex-start;
    border-bottom: .0725rem solid var(--nx-dashboard-border);
    display: flex;
    justify-content: space-between;
    padding: 1.25rem 1.5rem 1rem;
}

.form-view-modal .modal-header .close,
.job-advert-details-modal .modal-header .close,
.job-advert-confirm-modal .modal-header .close {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999rem;
    color: var(--nx-dashboard-muted);
    display: inline-flex;
    height: 1.75rem;
    justify-content: center;
    margin-left: auto;
    padding: 0 !important;
    width: 1.75rem;
}

.form-view-modal .modal-body {
    padding: 1rem 1.5rem 1.5rem;
}

.form-view-modal .modalh4,
#form_status .home-common-pop {
    color: var(--nx-dashboard-text);
    font-family: "Inter", sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
}

.form-view-modal p,
.candidate-form-page-header .breadcrumbs,
.candidate-form-page-header nav,
.candidate-form-page-header ol {
    color: var(--nx-dashboard-muted);
    font-size: .875rem;
}

.form-section-status-eyebrow {
    color: var(--nx-dashboard-muted);
    font-size: .875rem;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .12em;
    margin: 0 0 .25rem;
    text-transform: uppercase;
}

.form-view-modal .allbtns .btn {
    min-width: 6rem;
    width: auto !important;
}

.form-section-status-body {
    padding-top: 1rem !important;
}

.form-section-status-table {
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    margin: 0;
    overflow: hidden;
}

.form-section-status-table th {
    border-bottom: .0725rem solid var(--nx-dashboard-border) !important;
    color: var(--nx-dashboard-muted);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .06em;
    padding: .875rem 1rem !important;
    text-transform: uppercase;
}

.form-section-status-table td {
    border-bottom: .0725rem solid var(--nx-dashboard-border) !important;
    color: var(--nx-dashboard-text);
    font-size: .875rem;
    padding: .875rem 1rem !important;
    vertical-align: middle;
}

.recruitment-table-card table.commonform tbody tr:last-child td,
.recruitment-table-card table.commontab tbody tr:last-child td,
.form-section-status-table tr:last-child td {
    border-bottom: 0 !important;
}

.form-section-status-table a {
    color: var(--nx-dashboard-primary);
    font-weight: 600;
    text-decoration: none;
}

.form-section-status-table .fa-user {
    color: var(--nx-dashboard-muted);
    margin-left: .375rem;
}

.form-section-status-badge {
    align-items: center;
    border-radius: 999rem;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1;
    padding: .3125rem .625rem;
}

.form-section-status-draft {
    background: #fef3c7;
    color: #92400e;
}

.form-section-status-pending {
    background: #e0f2fe;
    color: #075985;
}

tr.home-pop-data a:first-child {
    color: var(--nx-dashboard-primary);
    text-decoration: underline;
    font-weight: 500;
}

.job-advert-details-modal .modal-header,
.job-advert-confirm-modal .modal-header {
    align-items: center;
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 1.25rem 1.5rem 1rem;
}

.job-advert-details-modal .modalh4,
.job-advert-confirm-modal .modalh4 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 !important;
}

.job-advert-details-grid {
    gap: .9rem 0;
    margin: 0;
}

.job-advert-detail-item label {
    color: var(--nx-dashboard-muted);
    display: block;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: .375rem;
}

.job-advert-detail-item p {
    background: #f8fafc;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .75rem;
    color: var(--nx-dashboard-text);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    min-height: 2.5rem;
    padding: .625rem .75rem;
}

.job-advert-confirm-modal p {
    color: var(--nx-dashboard-muted);
    font-size: .875rem;
    line-height: 1.5;
    margin: 0 0 1.25rem !important;
}

.job-advert-confirm-modal .allbtns {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    margin-bottom: 0 !important;
}

.job-advert-form-title-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.job-advert-form-back.recruitment-tabs-back {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .28);
    color: #fff !important;
    margin: 0;
}

.job-advert-form-back.recruitment-tabs-back:hover {
    background: rgba(255, 255, 255, .2);
    border-color: rgba(255, 255, 255, .45);
    color: #fff !important;
}

.job-advert-form-actions {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    margin-top: .5rem;
}

.job-advert-form-actions .blue-big-button {
    min-width: 7.5rem;
}

.candidate-form-redesign {
    color: var(--nx-dashboard-text);
    font-family: Inter, "Montserrat", sans-serif;
}

.candidate-form-redesign .candidate-form-shell {
    animation: dashboard-fade-up .3s ease-out both;
    margin: 0 auto;
    max-width: 64rem;
}

.recruitment-filter-card>[class*="col-"],
.candidate-form-page-header {
    margin-bottom: 1rem !important;
}

.candidate-form-page-header h2 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    line-height: 1.25;
}

.candidate-form-page-header h2 .crmnov,
.candidate-form-page-header h2 small {
    font-family: Inter, "Montserrat", sans-serif;
}

.candidate-form-page-header .pipeline_status {
    color: var(--nx-dashboard-muted);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .06em;
    margin: 0 0 .25rem;
    text-align: center;
    text-transform: uppercase;
}

.candidate-form-page-header .pipeline_status .value {
    color: var(--nx-dashboard-text);
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.candidate-pipeline-card .pipeline_status {
    color: var(--nx-dashboard-muted);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .06em;
    margin: 0 0 1rem;
    text-align: center;
    text-transform: uppercase;
}

.candidate-pipeline-card {
    animation: dashboard-fade-up .3s ease-out .05s both;
    background: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: 1rem !important;
    box-shadow: 0 .0725rem .1875rem rgba(15, 23, 42, .06) !important;
    margin-bottom: 1rem;
    overflow: visible;
    padding: 1.25rem !important;
}

.candidate-add-redesign .candidate-pipeline-card nav::before {
    color: var(--nx-dashboard-muted);
    content: "Pipeline Status : New Candidate";
    display: block;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .06em;
    margin-bottom: 1rem;
    text-align: center;
    text-transform: uppercase;
}

.candidate-form-redesign #nav-tab.nav-tabs {
    align-items: flex-start;
    border: 0;
    counter-reset: candidate-step;
    display: flex;
    flex-wrap: nowrap;
    gap: 0 !important;
    justify-content: center;
    overflow-x: auto;
    padding: 0;
}

.candidate-form-redesign #nav-tab .nav-link {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    color: var(--nx-dashboard-muted) !important;
    counter-increment: candidate-step;
    display: inline-flex;
    flex: 1 1 0;
    flex-direction: column;
    font-size: .75rem;
    font-weight: 500;
    gap: .5rem;
    margin: 0 !important;
    min-width: 7rem;
    position: relative;
    text-align: center;
    transition: color .2s ease;
    white-space: nowrap;
}

.candidate-form-redesign #nav-tab .nav-link::before {
    align-items: center;
    background: #fff;
    border: .125rem solid var(--nx-dashboard-border);
    border-radius: 999rem;
    color: var(--nx-dashboard-muted);
    content: counter(candidate-step);
    display: inline-flex;
    font-size: .75rem;
    font-weight: 700;
    height: 2.25rem;
    justify-content: center;
    position: relative;
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
    width: 2.25rem;
    z-index: 2;
}

.candidate-form-redesign #nav-tab .nav-link::after {
    background: var(--nx-dashboard-border);
    content: "";
    height: .125rem;
    left: calc(50% + 1.75rem);
    position: absolute;
    right: calc(-50% + 1.75rem);
    top: 1.5rem;
    z-index: 1;
}

.candidate-form-redesign #nav-tab .nav-link.active::before {
    background: var(--nx-dashboard-primary);
    border-color: var(--nx-dashboard-primary);
    box-shadow: 0 .375rem .875rem rgba(37, 99, 235, .18);
    color: #fff;
    transform: scale(1.08);
}

.candidate-form-redesign #nav-tab .nav-link.green-tab::before {
    background: #22c55e;
    border-color: #22c55e;
    color: #fff;
    content: "✓";
}

.candidate-form-redesign #nav-tab .nav-link.green-tab::after {
    background: #4ade80;
}

.candidate-form-redesign #nav-tab .nav-link.disabled,
.candidate-form-redesign #nav-tab .nav-link.button-not-allowed {
    opacity: 1;
    pointer-events: none;
}

.candidate-stage-card {
    animation: dashboard-fade-up .3s ease-out .1s both;
    background: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: 1rem !important;
    box-shadow: 0 .0725rem .1875rem rgba(15, 23, 42, .06) !important;
    overflow: visible;
    padding: 1.5rem !important;
}

.candidate-form-redesign .tab-pane>form .card {
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: 1rem !important;
    box-shadow: none !important;
    padding: 1.25rem;
}

.candidate-form-redesign label,
.candidate-form-redesign .form-label {
    color: var(--nx-dashboard-text);
    display: inline-block;
    font-size: .875rem;
    font-weight: 600;
    display: flex;
}

.candidate-form-redesign .asterisk {
    color: #dc2626 !important;
    font-size: 1rem !important;
    margin-left: .125rem;
}

.candidate-form-redesign .bootstrap-select,
.candidate-form-redesign .bootstrap-select.open,
.candidate-form-redesign .bootstrap-select.show {
    position: relative;
    z-index: 40;
}

.candidate-form-redesign .bootstrap-select>.dropdown-toggle::after {
    border: solid var(--nx-dashboard-muted);
    border-width: 0 .09375rem .09375rem 0;
    content: "";
    height: .4375rem;
    margin-top: -.1875rem;
    position: absolute;
    right: .875rem;
    top: 50%;
    transform: rotate(45deg);
    width: .4375rem;
}

.candidate-form-redesign .bootstrap-select .dropdown-menu {
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, .12);
    margin-top: .375rem;
    max-height: 18rem !important;
    overflow: hidden;
    z-index: 2070 !important;
}

.candidate-form-redesign .bootstrap-select .dropdown-menu.inner,
.report-log-sensitivity .bootstrap-select .dropdown-menu.inner,
.vehicle-fill-form-redesign #fb-render .bootstrap-select .dropdown-menu.inner {
    border: 0;
    box-shadow: none;
    max-height: 14rem !important;
    overflow-y: auto;
}

.task-redesign .bootstrap-select.custom-user-dropdown .bs-searchbox,
.task-redesign .bootstrap-select:has(> select.custom-user-dropdown) .bs-searchbox,
.calendar-redesign .bootstrap-select.custom-user-dropdown .bs-searchbox,
.calendar-redesign .bootstrap-select:has(> select.custom-user-dropdown) .bs-searchbox,
.calendar-event-modal .bootstrap-select.custom-user-dropdown .bs-searchbox,
.calendar-event-modal .bootstrap-select:has(> select.custom-user-dropdown) .bs-searchbox,
.candidate-form-redesign .bootstrap-select .bs-searchbox {
    padding: .625rem;
}

.candidate-form-redesign .bootstrap-select .bs-searchbox .form-control {
    border-radius: .625rem !important;
    min-height: 2.125rem;
}

.candidate-form-redesign .input-icon i {
    color: var(--nx-dashboard-muted) !important;
    font-size: .875rem !important;
    pointer-events: none;
    position: absolute;
    right: .875rem;
    top: 50%;
    transform: translateY(-50%);
}

.upload-btn-wrapper svg {
    width: 1.2rem;
}

.candidate-form-redesign .key-data-main-heading1 h5,
.candidate-form-redesign .card h5,
.candidate-schedule2-title {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1rem;
    font-weight: 600;
}

.candidate-form-redesign .interview-tab:first-child {
    border-top: 0;
    padding-top: 0;
}

.candidate-interview-section {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.candidate-interview-heading p {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: .875rem;
    font-weight: 600;
    margin: 0;
}

.candidate-form-redesign .candidate-interview-card {
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    margin: 0 !important;
    padding: 1.25rem .5rem .25rem;
    margin-bottom: 1.4rem !important;
}

.candidate-form-redesign .candidate-interview-card:first-of-type {
    border-top: .0725rem solid var(--nx-dashboard-border);
    padding-top: 1.25rem;
}

.candidate-form-redesign .candidate-interviewer-select+.bootstrap-select,
.candidate-form-redesign .candidate-interviewer-select+.btn-group.bootstrap-select {
    display: block !important;
    width: 100% !important;
}

.candidate-form-redesign .candidate-interviewer-select+.bootstrap-select>.dropdown-toggle,
.candidate-form-redesign .candidate-interviewer-select+.btn-group.bootstrap-select>.dropdown-toggle {
    min-height: 2.75rem;
}

.candidate-form-redesign .candidate-interviewer-select+.bootstrap-select .dropdown-menu,
.candidate-form-redesign .candidate-interviewer-select+.btn-group.bootstrap-select .dropdown-menu {
    border-radius: .75rem;
    max-height: 15rem !important;
    padding: 0;
}

.candidate-form-redesign .candidate-interviewer-select+.bootstrap-select .bs-searchbox,
.candidate-form-redesign .candidate-interviewer-select+.btn-group.bootstrap-select .bs-searchbox {
    border-bottom: .0725rem solid var(--nx-dashboard-border);
    padding: .5rem;
}

.candidate-form-redesign .candidate-interviewer-select+.bootstrap-select .dropdown-menu.inner,
.candidate-form-redesign .candidate-interviewer-select+.btn-group.bootstrap-select .dropdown-menu.inner {
    max-height: 10rem !important;
    padding: .5rem;
}

.candidate-form-redesign .candidate-interviewer-select+.bootstrap-select .dropdown-item,
.candidate-form-redesign .candidate-interviewer-select+.btn-group.bootstrap-select .dropdown-item {
    border-radius: .5rem;
}

.candidate-form-redesign .view-btn svg {
    color: var(--nx-dashboard-primary);
    flex: 0 0 auto;
    height: 1rem;
    width: 1rem;
}

.candidate-dbs-redesign .candidate-dbs-stack {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0;
}

.candidate-dbs-redesign .candidate-dbs-stack>.card {
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: 1rem !important;
    box-shadow: none !important;
    margin: 0 !important;
    overflow: visible;
    padding: 1.25rem;
}

.candidate-dbs-redesign .candidate-dbs-stack>.card:nth-of-type(1) {
    background: #eff6ff;
    border-color: #bfdbfe !important;
}

.candidate-dbs-redesign .candidate-dbs-stack>.card:nth-of-type(2) {
    background: #fffbeb;
    border-color: #fde68a !important;
}

.candidate-dbs-redesign .candidate-dbs-stack>.card:nth-of-type(3) {
    background: #f5f3ff;
    border-color: #ddd6fe !important;
}

.candidate-dbs-redesign .candidate-dbs-stack>.card:nth-of-type(4) {
    background: #ecfdf5;
    border-color: #a7f3d0 !important;
}

.candidate-dbs-redesign .candidate-dbs-stack>.card>h5,
.candidate-dbs-redesign .candidate-dbs-stack>.card .card-header h5 {
    font-family: var(--nx-heading-font) !important;
    font-size: 1rem;
    font-weight: 600 !important;
    margin: 0 0 1rem !important;
}

.candidate-dbs-redesign .candidate-dbs-stack>.card:nth-of-type(1)>h5 {
    color: #1e40af;
}

.candidate-dbs-redesign .candidate-dbs-stack>.card:nth-of-type(2)>h5 {
    color: #92400e;
}

.candidate-dbs-redesign .candidate-dbs-stack>.card:nth-of-type(3) .card-header h5 {
    color: #5b21b6;
}

.candidate-dbs-redesign .candidate-dbs-stack>.card:nth-of-type(4) .card-header h5 {
    color: #065f46;
}

.candidate-dbs-redesign .candidate-dbs-stack>.card .card-header,
.candidate-dbs-redesign .candidate-dbs-stack>.card .card-body {
    background: transparent !important;
    border: 0;
    padding: 0;
}

.candidate-dbs-redesign .row.flex-nowrap {
    background: #f1edfe;
    border: .0725rem solid rgba(124, 58, 237, .18);
    border-radius: .875rem;
    flex-wrap: wrap !important;
    margin: 0 0 1rem;
    padding: 1rem 1rem 0;
}

.candidate-dbs-redesign .candidate-dbs-stack>.card:nth-of-type(4) .row.flex-nowrap {
    border-color: rgba(5, 150, 105, .22);
    background-color: #dcfcec;
}

.candidate-dbs-redesign .row.flex-nowrap>.col {
    flex: 1 1 13rem;
    min-width: 13rem;
}

.candidate-dbs-redesign label,
.candidate-dbs-redesign .form-label {
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem;
    font-weight: 500;
}

.candidate-dbs-redesign .form-check-label {
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: 0;
}

.candidate-dbs-redesign .form-check-input {
    border-color: var(--nx-dashboard-border);
    box-shadow: none;
    height: 1rem;
    width: 1rem;
}

.candidate-dbs-redesign .form-check-input:checked,
.candidate-schedule2-redesign .form-check-input:checked {
    background-color: var(--nx-dashboard-primary);
    border-color: var(--nx-dashboard-primary);
}

.candidate-dbs-redesign .form-control,
.candidate-dbs-redesign .form-select,
.candidate-dbs-redesign .bootstrap-select>.dropdown-toggle,
.candidate-reference-redesign .form-control,
.candidate-reference-redesign .form-select,
.candidate-reference-redesign .bootstrap-select>.dropdown-toggle {
    background-color: #fff !important;
    border-color: var(--nx-dashboard-border) !important;
    border-radius: .75rem !important;
    color: var(--nx-dashboard-text) !important;
    min-height: 2.5rem;
}

.candidate-dbs-redesign .upload-btn-wrapper,
.candidate-reference-redesign .upload-btn-wrapper {
    /* background: #fff; */
    border-color: var(--nx-dashboard-border);
    border-radius: .75rem;
    min-height: 2.25rem;
}

.candidate-dbs-redesign .candidate-dbs-stack>.row:last-child,
.candidate-reference-redesign .candidate-reference-stack>.row:last-child {
    align-items: center;
    border-top: .0725rem solid var(--nx-dashboard-border);
    margin: .25rem 0 0;
    padding-top: 1rem;
}

.candidate-reference-redesign .candidate-reference-stack {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
}

.candidate-reference-loa-card {
    border: .0725rem solid var(--nx-dashboard-border);
    background: #fffbeb;
    border-color: #fde68a;
    border-radius: 1rem;
    margin: 0 0 1rem !important;
    padding: 1.25rem;
}

.candidate-reference-card-heading {
    border: .0725rem solid var(--nx-dashboard-border);
    border-bottom: 0;
    border-radius: 1rem 1rem 0 0;
    margin: 0 !important;
    padding: 1.25rem 1.25rem .75rem;
}

.candidate-reference-card-heading+.col-md-12 {
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 0 0 1rem 1rem;
    border-top: 0;
    margin: 0 0 1rem !important;
    padding: .5rem 1.25rem 1.25rem;
}

.candidate-reference-card-heading h5 {
    font-family: var(--nx-heading-font) !important;
    font-size: 1rem;
    font-weight: 600 !important;
    margin: 0 !important;
}

.candidate-reference-loa-card h5 {
    font-family: var(--nx-heading-font) !important;
    font-size: 1rem;
    font-weight: 600 !important;
    margin: 0 !important;
    color: #92400e !important;
}

.candidate-reference-loa h5 {
    color: #92400e !important;
}

.candidate-reference-loa-card .candidate-reference-card-heading {
    background: transparent;
    border: 0;
    padding-left: 0;
    padding-right: 0;
}

.candidate-reference-loa-card .candidate-reference-card-heading+.col-md-12 {
    background: transparent;
    border: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.candidate-reference-character,
.candidate-reference-character+.col-md-12 {
    background: #f5f3ff;
    border-color: #ddd6fe;
}

.candidate-reference-character h5 {
    color: #5b21b6 !important;
}

.candidate-reference-professional-one,
.candidate-reference-professional-one+.col-md-12 {
    background: #eff6ff;
    border-color: #bfdbfe;
}

.candidate-reference-professional-one h5 {
    color: #1e40af !important;
}

.candidate-reference-professional-two,
.candidate-reference-professional-two+.col-md-12,
.in-house-tracker-stat-positive {
    background: #ecfdf5;
    border-color: #a7f3d0;
}

.candidate-reference-professional-two h5 {
    color: #065f46 !important;
}

.candidate-reference-redesign .row.form-group {
    align-items: flex-start !important;
    margin-left: -.625rem;
    margin-right: -.625rem;
    row-gap: 0;
}

.main-image-sec-cus img,
.main-image-sec-cus.cus1 img {
    position: relative;
    vertical-align: middle;
    object-fit: cover;
    object-position: center;
    padding: 7px;
}

.candidate-reference-redesign label,
.candidate-reference-redesign .form-label {
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.recruitment-inner-redesign .bootstrap-select .bs-searchbox .form-control,
.candidate-dbs-redesign .upload-btn-wrapper .blue-outline-big-button,
.candidate-reference-redesign .upload-btn-wrapper .blue-outline-big-button,
.candidate-reference-redesign .blue-outline-big-button {
    min-height: 2.25rem;
}

.candidate-reference-redesign .lucide-eye {
    height: 1rem;
    width: 1rem;
    color: var(--nx-dashboard-primary) !important;
}

.candidate-reference-redesign .badge.custom-badge {
    background: rgba(245, 158, 11, .12);
    border: .0725rem solid rgba(245, 158, 11, .25);
    border-radius: 999rem;
    color: #92400e !important;
    font-size: .75rem;
    font-weight: 600;
    padding: .35rem .75rem !important;
}

.candidate-schedule2-redesign .candidate-schedule2-stack {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.candidate-schedule2-topbar {
    margin: 0 0 1rem;
}

.candidate-schedule2-sign-all,
.candidate-schedule2-redesign .view-pdf {
    align-items: center;
    background: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .75rem !important;
    color: var(--nx-dashboard-text) !important;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 500;
    gap: .5rem;
    justify-content: center;
    margin: 0;
    min-height: 2.25rem;
    padding: .5rem .875rem !important;
}

.candidate-schedule2-list {
    display: grid;
    gap: 1rem;
    width: 100%;
}

.candidate-schedule2-card {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: 1rem;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .06);
    overflow: hidden;
}

.candidate-schedule2-card-title {
    border: 0 !important;
    display: block;
    font-size: .875rem;
    padding: 1rem !important;
    background: #f8fafc;
    border-bottom: .0725rem solid var(--nx-dashboard-border) !important;
    color: var(--nx-dashboard-text);
    font-weight: 600;
    grid-column: 1 / -1;
}

.candidate-schedule2-field {
    border: 0 !important;
    display: block;
    font-size: .875rem;
    padding: 1rem !important;
    color: var(--nx-dashboard-muted);
}

.candidate-schedule2-status {
    grid-column: 1;
}

.candidate-schedule2-comments {
    grid-column: 1 / -1;
}

.candidate-schedule2-signature {
    grid-column: 1 / 4;
}

.candidate-schedule2-action {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    grid-column: 4;
    justify-content: space-between;
}

.candidate-schedule2-label {
    color: var(--nx-dashboard-muted);
    display: block;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    margin-bottom: .5rem;
    text-transform: uppercase;
}

.candidate-schedule2-redesign .form-check {
    align-items: center;
    display: flex;
    gap: .5rem;
    margin: 0 0 .5rem !important;
    padding-left: 0;
}

.candidate-schedule2-redesign .form-check-input {
    border-color: var(--nx-dashboard-border);
    box-shadow: none;
    height: 1rem;
    margin: 0;
    width: 1rem;
}

.candidate-schedule2-redesign .form-control {
    background-color: #fff !important;
    border-color: var(--nx-dashboard-border) !important;
    border-radius: .75rem !important;
    color: var(--nx-dashboard-text) !important;
}

.candidate-dbs-redesign textarea.form-control,
.candidate-reference-redesign textarea.form-control,
.candidate-schedule2-redesign textarea.form-control {
    min-height: 5rem;
}

.candidate-schedule2-redesign .signature-link img {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .75rem;
    max-height: 4.375rem !important;
    padding: .25rem !important;
}

.candidate-schedule2-redesign .upload-btn-wrapper {
    background: #fff;
    border-color: var(--nx-dashboard-border);
    border-radius: .75rem;
    display: inline-flex;
    margin-top: .75rem !important;
    min-height: 2.25rem;
}

.candidate-schedule2-redesign .lucide-eye,
.candidate-schedule2-redesign .text-infoicon-md,
.candidate-schedule2-redesign .fa-eye {
    color: var(--nx-dashboard-primary) !important;
    height: 1rem;
    width: 1rem;
}

.candidate-schedule2-doc-list {
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    overflow: hidden;
}

.candidate-schedule2-doc-head {
    align-items: center;
    display: grid;
    grid-template-columns: 10% 40% 35% 15%;
    background: #f8fafc;
    color: var(--nx-dashboard-muted);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.candidate-schedule2-doc-row {
    align-items: center;
    display: grid;
    grid-template-columns: 10% 40% 35% 15%;
    background: #fff;
    color: var(--nx-dashboard-text);
    font-size: .875rem;
}

.calendar-redesign .fc-view-container,
.candidate-schedule2-doc-row+.candidate-schedule2-doc-row {
    border-top: .0725rem solid var(--nx-dashboard-border);
}

.candidate-schedule2-doc-cell {
    padding: .875rem 1rem;
}

.candidate-schedule2-doc-empty {
    padding: .875rem 1rem;
    background: #fff;
    color: var(--nx-dashboard-muted);
    font-size: .875rem;
}

.candidate-schedule2-modal {
    z-index: 3010 !important;
}

body.schedule2-modal-open .modal-backdrop {
    z-index: 3000 !important;
}

.candidate-schedule2-modal .modal-content {
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 1.5rem 3rem rgba(15, 23, 42, .18);
    padding: 1.25rem;
}

.candidate-schedule2-modal .modal-body {
    padding: 1rem 0 0 !important;
}

.candidate-schedule2-modal .modalh4,
.candidate-schedule2-modal .modal-title {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.125rem;
    font-weight: 600;
}

.candidate-schedule2-modal .allbtns .btn {
    min-width: 6.5rem;
    width: auto !important;
}

body>.candidate-schedule2-modal {
    position: fixed;
}

.candidate-action-row {
    align-items: center;
    border-top: .0725rem solid var(--nx-dashboard-border);
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    margin-top: .5rem !important;
    padding-top: 1rem;
}

.candidate-action-row>[class*="col-"] {
    flex: 0 0 auto;
    margin-bottom: 0 !important;
    width: auto;
}

.home-documents-search-slot,
.candidate-action-row .candidate-save-action {
    margin-left: auto;
}

.candidate-action-row .blue-big-button {
    min-width: 11rem;
    white-space: nowrap;
}

.candidate-form-redesign .no-edit,
.candidate-form-redesign .disabled-btn {
    opacity: .68;
}

.candidate-complete-action {
    display: flex;
    gap: .4rem;
    border: 1px solid #dbe4ef;
    padding: .4rem .8rem;
    border-radius: .9rem;
    font-size: .9rem;
}

.candidate-view-button,
.candidate-upload-button,
.candidate-form-redesign .blue-outline-big-button,
.candidate-view-redesign .blue-outline-big-button,
.candidate-view-redesign #uploadLink,
.candidate-view-redesign .commentview,
.candidate-form-redesign .view_document {
    align-items: center;
    background: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .75rem !important;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .04);
    color: var(--nx-dashboard-text) !important;
    display: inline-flex !important;
    font-size: .875rem !important;
    font-weight: 500 !important;
    gap: .5rem;
    justify-content: center;
    min-height: 2.25rem;
    padding: .5rem .875rem !important;
    text-decoration: none !important;
    transition: background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
    white-space: nowrap;
    margin: 0 !important;
}

.candidate-view-button:hover,
.candidate-upload-button:hover,
.candidate-form-redesign .blue-outline-big-button:hover,
.candidate-view-redesign .blue-outline-big-button:hover,
.candidate-view-redesign #uploadLink:hover,
.candidate-view-redesign .commentview:hover,
.candidate-form-redesign .view_document:hover {
    background: #eff6ff !important;
    border-color: rgba(37, 99, 235, .3) !important;
    color: var(--nx-dashboard-primary) !important;
    box-shadow: 0 .25rem .75rem rgba(37, 99, 235, .08);
}

.candidate-view-button i,
.candidate-upload-button i,
.candidate-form-redesign .blue-outline-big-button i,
.candidate-view-redesign #uploadLink i,
.candidate-view-redesign .commentview i,
.candidate-form-redesign .view_document i {
    color: inherit !important;
    font-size: .875rem;
}

.candidate-back-button,
.candidate-form-redesign .btn-outline-blue-outline,
.candidate-view-redesign .btn-outline-blue-outline,
.candidate-form-redesign #goBackBtn {
    align-items: center;
    background: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .75rem !important;
    color: var(--nx-dashboard-text) !important;
    display: inline-flex;
    font-size: .875rem;
    font-weight: 500;
    gap: .5rem;
    justify-content: center;
    min-height: 2.5rem;
    padding: .5rem .875rem !important;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.appraisal-new {
    border-bottom: .0725rem solid #d2c6c638;
    margin-bottom: .8rem;
}

.appraisal-new h5 {
    color: var(--nx-dashboard-text) !important;
}

.appraisal-card h5 {
    font-size: 1rem;
    font-size: 1rem;
    color: #2463eb;
    font-weight: 500;
}

.recruitment-inner-redesign {
    animation: dashboard-fade-up .3s ease-out both;
    position: relative;
    z-index: 10;
}

.recruitment-inner-redesign .topbar-tabs {
    animation: dashboard-fade-up .3s ease-out both;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .05);
    padding: 1rem;
    overflow: visible !important;
}

.recruitment-inner-redesign .bootstrap-select .dropdown-menu {
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, .12);
    margin-top: .375rem;
    overflow: hidden;
    padding: .375rem;
    z-index: 2060;
    z-index: 2060 !important;
}

.recruitment-table-card {
    animation: dashboard-fade-up .3s ease-out both;
    animation-delay: .15s;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .05);
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
    max-width: 100%;
    overflow: hidden;
    padding: 0 !important;
    position: relative;
    width: 100%;
    z-index: 1;
    box-sizing: border-box;
    margin-bottom: 1.5rem !important;
}

.recruitment-table-card div.dataTables_wrapper {
    overflow-x: auto !important;
    overflow-y: visible !important;
}

.recruitment-table-card div.dataTables_wrapper div.dataTables_info {
    border-top: .0725rem solid var(--nx-dashboard-border);
    color: var(--nx-dashboard-muted) !important;
    font-size: .75rem;
    padding: .875rem 1rem !important;
}

.recruitment-table-card div.dataTables_wrapper div.dataTables_paginate {
    align-items: center;
    display: flex !important;
    gap: .25rem;
    justify-content: flex-end;
    padding: .75rem 1rem !important;
    white-space: normal !important;
    border-top: .0725rem solid var(--nx-dashboard-border);
    color: var(--nx-dashboard-muted) !important;
    font-size: .75rem;
    padding: .875rem 1rem !important;
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: .25rem;
    justify-content: flex-end !important;
}

.recruitment-table-card div.dataTables_wrapper div.dataTables_paginate span {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: .25rem;
}

.recruitment-table-card div.dataTables_wrapper div.dataTables_paginate .paginate_button,
.recruitment-table-card div.dataTables_wrapper div.dataTables_paginate .paginate_button.previous,
.recruitment-table-card div.dataTables_wrapper div.dataTables_paginate .paginate_button.next {
    align-items: center;
    background: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .5rem !important;
    color: var(--nx-dashboard-text) !important;
    display: inline-flex;
    font-size: .75rem;
    height: auto !important;
    justify-content: center;
    line-height: 1.2;
    margin: 0 !important;
    min-height: 1.75rem !important;
    min-width: 1.75rem !important;
    padding: .375rem .625rem !important;
    width: auto !important;
}

.recruitment-table-card div.dataTables_wrapper div.dataTables_paginate .paginate_button.disabled {
    background: #fff !important;
    color: #cbd5e1 !important;
    pointer-events: none;
}

.recruitment-table-card table.commonform th,
.recruitment-table-card table.commontab th {
    background: #eaf1f6 !important;
    border-bottom: .0725rem solid var(--nx-dashboard-border) !important;
    color: var(--nx-dashboard-muted) !important;
    font-size: .75rem !important;
    font-weight: 700 !important;
    letter-spacing: .06em;
    padding: .875rem 1rem !important;
    text-transform: uppercase;
    white-space: nowrap;
    padding: .875rem 1rem !important;
}

.recruitment-table-card table.commonform td,
.recruitment-table-card table.commontab td {
    border-bottom: .0725rem solid var(--nx-dashboard-border) !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem !important;
    font-weight: 500;
    padding: .875rem 1rem !important;
    vertical-align: middle !important;
    padding: .875rem 1rem !important;
}

.recruitment-table-card .common-icon a,
.recruitment-table-card td:last-child a,
.recruitment-table-card td a.incidentinfo {
    align-items: center;
    border-radius: .5rem;
    color: var(--nx-dashboard-muted) !important;
    display: inline-flex;
    height: 1.75rem;
    justify-content: center;
    margin: 0 .0725rem;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
    width: 1.75rem;
    background: transparent !important;
    border: 0 !important;
    border-radius: .5rem !important;
    color: var(--nx-dashboard-muted) !important;
    height: 1.75rem !important;
    min-height: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    width: 1.75rem !important;
}

.recruitment-table-card .common-icon i,
.recruitment-table-card td:last-child i,
.recruitment-table-card td a.incidentinfo i {
    color: currentColor !important;
    font-size: .875rem !important;
    background: transparent !important;
    color: inherit !important;
    font-size: .875rem !important;
    height: 1rem;
    line-height: 1;
    width: 1rem;
}

#table_widths.recruitment-table-card:has(#jobadverts-table),
#table_widths.recruitment-table-card:has(#candidate-table),
#table_widths.recruitment-table-card:has(#schedule-table),
#table_widths.recruitment-table-card:has(#dbs-table),
#table_widths.recruitment-table-card:has(#reference-table),
#table_widths.recruitment-table-card:has(#new-starter-table),
#table_widths.recruitment-table-card:has(#probation-table),
#table_widths.recruitment-table-card:has(#interview-table) {
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .05) !important;
    display: block !important;
    flex: 0 0 99% !important;
    max-width: 99% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    width: 99% !important;
    margin: auto !important;
}

.Recruitmtnt-main-section3:has(#jobadverts-table),
.Recruitmtnt-main-section3:has(#candidate-table),
.Recruitmtnt-main-section3:has(#schedule-table),
.Recruitmtnt-main-section3:has(#dbs-table),
.Recruitmtnt-main-section3:has(#reference-table),
.Recruitmtnt-main-section3:has(#new-starter-table),
.Recruitmtnt-main-section3:has(#probation-table),
.Recruitmtnt-main-section3:has(#interview-table) {
    overflow-x: hidden !important;
}

#table_widths.recruitment-table-card:has(#jobadverts-table) .dataTables_wrapper {
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    width: 100% !important;
    padding: 0;
}

#table_widths.recruitment-table-card #jobadverts-table,
#table_widths.recruitment-table-card #candidate-table,
#table_widths.recruitment-table-card #dbs-table,
#table_widths.recruitment-table-card #reference-table,
#table_widths.recruitment-table-card #schedule-table,
#table_widths.recruitment-table-card #new-starter-table,
#table_widths.recruitment-table-card #probation-table,
#table_widths.recruitment-table-card #interview-table {
    color: var(--nx-dashboard-muted);
    font-size: .875rem;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: table !important;
    flex: none !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-width: 100% !important;
    overflow: visible !important;
    table-layout: auto;
    width: 100% !important;
}

#table_widths.recruitment-table-card #jobadverts-table th,
#table_widths.recruitment-table-card #jobadverts-table td,
#table_widths.recruitment-table-card #candidate-table th,
#table_widths.recruitment-table-card #candidate-table td,
#table_widths.recruitment-table-card #schedule-table th,
#table_widths.recruitment-table-card #schedule-table td,
#table_widths.recruitment-table-card #dbs-table th,
#table_widths.recruitment-table-card #dbs-table td,
#table_widths.recruitment-table-card #reference-table th,
#table_widths.recruitment-table-card #reference-table td,
#table_widths.recruitment-table-card #new-starter-table th,
#table_widths.recruitment-table-card #new-starter-table td,
#table_widths.recruitment-table-card #probation-table th,
#table_widths.recruitment-table-card #probation-table td,
#table_widths.recruitment-table-card #interview-table th,
#table_widths.recruitment-table-card #interview-table td {
    max-width: 16rem;
    overflow-wrap: anywhere;
    white-space: normal !important;
    word-break: normal;
}

#table_widths.recruitment-table-card #jobadverts-table th:last-child,
#table_widths.recruitment-table-card #candidate-table th:last-child,
#table_widths.recruitment-table-card #schedule-table th:last-child,
#table_widths.recruitment-table-card #dbs-table th:last-child,
#table_widths.recruitment-table-card #reference-table th:last-child,
#table_widths.recruitment-table-card #new-starter-table th:last-child,
#table_widths.recruitment-table-card #probation-table th:last-child,
#table_widths.recruitment-table-card #interview-table th:last-child {
    max-width: 8rem;
    white-space: nowrap !important;
}

.job_advert_page_cus.recruitment-inner-redesign .jobadverts-filter-card,
.recruitment_candidate.recruitment-inner-redesign .candidates-filter-card,
.dbs_check_page.recruitment-inner-redesign .dbs-filter-card,
.refrence_page_cus.recruitment-inner-redesign .reference-filter-card,
.schedule_main_page .schedule-filter-card,
.new_starters_page.recruitment-inner-redesign .new-starter-filter-card,
.probation_staf_page.recruitment-inner-redesign .probation-filter-card,
.interview_page_cus.recruitment-inner-redesign .interview-filter-card {
    align-items: flex-end;
    display: flex !important;
    flex-wrap: wrap;
    gap: .75rem;
    padding: 1rem !important;
}

.job_advert_page_cus.recruitment-inner-redesign .jobadverts-filter-card>[class*="col-"] {
    flex: 1 1 12rem;
    margin-bottom: 0 !important;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

.recruitment_candidate.recruitment-inner-redesign .candidates-filter-card>[class*="col-"],
.schedule_main_page .schedule-filter-card>[class*="col-"],
.interview_page_cus.recruitment-inner-redesign .interview-filter-card>[class*="col-"] {
    flex: 1 1 14rem;
    margin-bottom: 0 !important;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

.dbs_check_page.recruitment-inner-redesign .dbs-filter-card>[class*="col-"],
.refrence_page_cus.recruitment-inner-redesign .reference-filter-card>[class*="col-"],
.new_starters_page.recruitment-inner-redesign .new-starter-filter-card>[class*="col-"],
.probation_staf_page.recruitment-inner-redesign .probation-filter-card>[class*="col-"] {
    flex: 1 1 17rem;
    margin-bottom: 0 !important;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

.job_advert_page_cus.recruitment-inner-redesign .jobadverts-filter-card .recruitment-search-field,
.recruitment_candidate.recruitment-inner-redesign .candidates-filter-card .recruitment-search-field,
.dbs_check_page.recruitment-inner-redesign .dbs-filter-card .recruitment-search-field,
.refrence_page_cus.recruitment-inner-redesign .reference-filter-card .recruitment-search-field,
.schedule_main_page .schedule-filter-card .recruitment-search-field,
.new_starters_page.recruitment-inner-redesign .new-starter-filter-card .recruitment-search-field,
.probation_staf_page.recruitment-inner-redesign .probation-filter-card .recruitment-search-field,
.interview_page_cus.recruitment-inner-redesign .interview-filter-card .recruitment-search-field {
    flex: 2 1 10rem;
}

.recruitment-filter-label {
    color: var(--nx-dashboard-muted);
    display: block;
    font-size: .85rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .25rem;
}

.job_advert_page_cus.recruitment-inner-redesign .jobadverts-filter-card .blue-outline-big-button,
.recruitment_candidate.recruitment-inner-redesign .candidates-filter-card .blue-outline-big-button,
.dbs_check_page.recruitment-inner-redesign .dbs-filter-card .blue-outline-big-button,
.refrence_page_cus.recruitment-inner-redesign .reference-filter-card .blue-outline-big-button,
.schedule_main_page .schedule-filter-card .blue-outline-big-button,
.probation_staf_page.recruitment-inner-redesign .probation-filter-card .blue-outline-big-button,
.interview_page_cus.recruitment-inner-redesign .interview-filter-card .blue-outline-big-button {
    height: 2.25rem;
    min-height: 2.25rem;
    white-space: nowrap;
}

.recruitment-clear-icon,
.vehicle-clear-btn svg,
.in-house-visit-btn svg,
.in-house-visit-btn i[data-lucide] {
    height: .875rem;
    width: .875rem;
}

.job_advert_page_cus.recruitment-inner-redesign .jobadverts-filter-card .input-icon .form-control {
    padding-left: 2rem !important;
    padding-right: .75rem !important;
}

.job_advert_page_cus.recruitment-inner-redesign .jobadverts-filter-card .input-icon i {
    left: .75rem;
    right: auto;
}

#jobadverts-search-slot .dataTables_filter,
#candidate-search-slot .dataTables_filter,
#dbs-search-slot .dataTables_filter,
#reference-search-slot .dataTables_filter,
#schedule-search-slot .dataTables_filter,
#new-starter-search-slot .dataTables_filter,
#probation-search-slot .dataTables_filter,
#interview-search-slot .dataTables_filter,
.vehicle-search-wrap .dataTables_filter {
    float: none !important;
    padding: 0 !important;
    text-align: left !important;
    width: 100%;
}

#jobadverts-search-slot .dataTables_filter label,
#candidate-search-slot .dataTables_filter label,
#dbs-search-slot .dataTables_filter label,
#reference-search-slot .dataTables_filter label,
#schedule-search-slot .dataTables_filter label,
#new-starter-search-slot .dataTables_filter label,
#probation-search-slot .dataTables_filter label,
#interview-search-slot .dataTables_filter label,
.vehicle-search-wrap .dataTables_filter label {
    display: block;
    margin: 0;
    width: 100%;
}

#jobadverts-search-slot .dataTables_filter input,
#candidate-search-slot .dataTables_filter input,
#dbs-search-slot .dataTables_filter input,
#reference-search-slot .dataTables_filter input,
#schedule-search-slot .dataTables_filter input,
#new-starter-search-slot .dataTables_filter input,
#probation-search-slot .dataTables_filter input,
#interview-search-slot .dataTables_filter input {
    margin-left: 0 !important;
    width: 100%;
}

#table_widths.recruitment-table-card #jobadverts-table thead th,
#table_widths.recruitment-table-card #dbs-table thead th,
#table_widths.recruitment-table-card #reference-table thead th,
#table_widths.recruitment-table-card #schedule-table thead th,
#table_widths.recruitment-table-card #new-starter-table thead th,
#table_widths.recruitment-table-card #probation-table thead th,
#table_widths.recruitment-table-card #interview-table thead th {
    color: var(--nx-dashboard-muted) !important;
    font-size: .75rem !important;
    font-weight: 700 !important;
    letter-spacing: .06em;
}

#table_widths.recruitment-table-card #candidate-table thead th {
    color: var(--nx-dashboard-muted) !important;
    font-size: .75rem !important;
    font-weight: 700 !important;
    letter-spacing: .06rem;
    text-align: left;
}

tr.main-table-data-cus3 td,
.inside-forms .heading-cusc th,
.inside-forms .main-table-data-cus4 td,
.inside-forms tr.main-table-data-cus3 td,
.employee_attendance_record tr.main-table-data-cus3 td,
.consequencelog_resident .heading-cusa th,
#candidate-table th {
    text-align: left;
}

#table_widths.recruitment-table-card #jobadverts-table tbody td {
    color: var(--nx-dashboard-muted) !important;
    font-weight: 400 !important;
}

#table_widths.recruitment-table-card #candidate-table tbody td,
#table_widths.recruitment-table-card #dbs-table tbody td,
#table_widths.recruitment-table-card #reference-table tbody td,
#table_widths.recruitment-table-card #schedule-table tbody td,
#table_widths.recruitment-table-card #new-starter-table tbody td,
#table_widths.recruitment-table-card #probation-table tbody td,
#table_widths.recruitment-table-card #interview-table tbody td {
    color: var(--nx-dashboard-muted) !important;
    font-weight: 400 !important;
    text-align: left !important;
}

#table_widths.recruitment-table-card #candidate-table tbody td:first-child span {
    color: var(--nx-dashboard-muted) !important;
    font-size: .8125rem;
    font-weight: 400 !important;
}

.recruitment-table-title {
    border-bottom: .0725rem solid var(--nx-dashboard-border);
    color: var(--nx-dashboard-text);
    font-size: .875rem;
    font-weight: 600;
    padding: .875rem 1rem;
    width: 100%;
}

.recruitment-status-badge {
    border: .0725rem solid transparent;
    border-radius: 999rem;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1;
    padding: .3125rem .625rem;
    white-space: nowrap;
}

.recruitment-status-open,
.recruitment-status-offer,
.recruitment-status-offers,
.recruitment-status-job-offer,
.recruitment-status-stage-4,
.recruitment-status-pass,
.recruitment-status-yes {
    background: #dcfce7;
    border-color: #bbf7d0;
    color: #047857;
}

.recruitment-status-closed,
.recruitment-status-cancled,
.recruitment-status-cancelled,
.recruitment-status-withdraw,
.recruitment-status-withdrawn,
.recruitment-status-withdrw,
.recruitment-status-fail,
.recruitment-status-failed,
.recruitment-status-no {
    background: #fee2e2;
    border-color: #fecaca;
    color: #b91c1c;
}

.recruitment-status-paused,
.recruitment-status-on-hold,
.recruitment-status-draft,
.recruitment-status-new,
.recruitment-status-stage-1,
.recruitment-status-awaiting-candidate-verification,
.recruitment-status-awaiting-verification {
    background: #fef3c7;
    border-color: #fde68a;
    color: #b45309;
}

.recruitment-status-dbs,
.recruitment-status-dbs-check {
    background: #ffe4e6;
    border-color: #fecdd3;
    color: #be123c;
}

.recruitment-status-interview {
    background: #e0e7ff;
    border-color: #c7d2fe;
    color: #4338ca;
}

.recruitment-status-reference,
.recruitment-status-references,
.recruitment-status-stage-3 {
    background: #ede9fe;
    border-color: #ddd6fe;
    color: #6d28d9;
}

.recruitment-status-filled {
    background: #e0f2fe;
    border-color: #bae6fd;
    color: #075985;
}

.recruitment-status-new-starter,
.recruitment-status-new-starters,
.recruitment-status-schedule2,
.recruitment-status-schedule-2,
.recruitment-status-stage-2 {
    background: #e0f2fe;
    border-color: #bae6fd;
    color: #0369a1;
}

#table_widths.recruitment-table-card #jobadverts-table td:last-child {
    align-items: center;
    gap: .25rem;
    max-width: 8rem;
    white-space: nowrap !important;
    display: table-cell;
    vertical-align: middle !important;
}

#table_widths.recruitment-table-card #jobadverts-table td:last-child .common-icon {
    align-items: center;
    gap: .25rem;
    display: inline-flex;
    min-height: 1.75rem;
    vertical-align: middle;
}

#table_widths.recruitment-table-card #jobadverts-table td:last-child a {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    border-radius: .5rem !important;
    color: var(--nx-dashboard-muted) !important;
    display: inline-flex;
    height: 1.75rem !important;
    justify-content: center;
    padding: 0 !important;
    width: 1.75rem !important;
}

#table_widths.recruitment-table-card #jobadverts-table td:last-child i,
#table_widths.recruitment-table-card #candidate-table td:last-child i,
#table_widths.recruitment-table-card #candidate-table td:nth-child(5) i,
#table_widths.recruitment-table-card #dbs-table td:last-child i,
#table_widths.recruitment-table-card #reference-table td:last-child i,
#table_widths.recruitment-table-card #schedule-table td:last-child i,
#table_widths.recruitment-table-card #new-starter-table td:last-child i,
#table_widths.recruitment-table-card #probation-table td:last-child i,
#table_widths.recruitment-table-card #interview-table td:last-child i,
#table_widths.recruitment-table-card #interview-table td:nth-child(5) a[target="_blank"] i {
    align-items: center;
    background: transparent !important;
    color: inherit !important;
    display: inline-flex;
    height: .875rem;
    justify-content: center;
    margin: 0 !important;
    width: .875rem;
}

#table_widths.recruitment-table-card #jobadverts-table td:last-child i::before,
#table_widths.recruitment-table-card #candidate-table td:last-child i::before,
#table_widths.recruitment-table-card #candidate-table td:nth-child(5) i::before,
#table_widths.recruitment-table-card #dbs-table td:last-child i::before,
#table_widths.recruitment-table-card #reference-table td:last-child i::before,
#table_widths.recruitment-table-card #schedule-table td:last-child i::before,
#table_widths.recruitment-table-card #new-starter-table td:last-child i::before,
#table_widths.recruitment-table-card #probation-table td:last-child i::before,
#table_widths.recruitment-table-card #interview-table td:last-child i::before,
#table_widths.recruitment-table-card #interview-table td:nth-child(5) a[target="_blank"] i::before {
    background: currentColor;
    content: "";
    display: block;
    height: .875rem;
    width: .875rem;
}

#table_widths.recruitment-table-card #jobadverts-table td:last-child .fa-eye::before,
#table_widths.recruitment-table-card #candidate-table td:nth-child(5) .fa-eye::before,
#table_widths.recruitment-table-card #candidate-table td:last-child .fa-eye::before,
#table_widths.recruitment-table-card #interview-table td:nth-child(5) a[target="_blank"] .fa-eye::before,
#table_widths.recruitment-table-card #new-starter-table td:last-child .fa-eye::before,
#table_widths.recruitment-table-card #probation-table td:last-child .fa-eye::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
}

#table_widths.recruitment-table-card #jobadverts-table td:last-child .fa-pen-to-square::before,
#table_widths.recruitment-table-card #candidate-table td:last-child .fa-pen-to-square::before,
#table_widths.recruitment-table-card #candidate-table td:last-child .fa-edit::before,
#table_widths.recruitment-table-card #dbs-table td:last-child .fa-pen-to-square::before,
#table_widths.recruitment-table-card #reference-table td:last-child .fa-pen-to-square::before,
#table_widths.recruitment-table-card #schedule-table td:last-child .fa-pen-to-square::before,
#table_widths.recruitment-table-card #interview-table td:last-child .fa-pen-to-square::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

#table_widths.recruitment-table-card #jobadverts-table td:last-child .fa-clone::before,
#table_widths.recruitment-table-card #jobadverts-table td:last-child .fa-files-o::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E") center / contain no-repeat;
}

#table_widths.recruitment-table-card #jobadverts-table td:last-child .fa-xmark::before,
#table_widths.recruitment-table-card #probation-table td:last-child .fa-warning::before,
#table_widths.recruitment-table-card #probation-table td:last-child .fa-triangle-exclamation::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}

body>.job-advert-details-modal {
    z-index: 1065;
}

#table_widths.recruitment-table-card #candidate-table td:last-child,
#table_widths.recruitment-table-card #schedule-table td:last-child,
#table_widths.recruitment-table-card #dbs-table td:last-child,
#table_widths.recruitment-table-card #reference-table td:last-child,
#table_widths.recruitment-table-card #new-starter-table td:last-child,
#table_widths.recruitment-table-card #probation-table td:last-child,
#table_widths.recruitment-table-card #interview-table td:last-child {
    max-width: 8rem;
    white-space: nowrap !important;
    text-align: left !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

#table_widths.recruitment-table-card #candidate-table td:nth-child(5) {
    text-align: left !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

#table_widths.recruitment-table-card #candidate-table td:last-child>div,
#table_widths.recruitment-table-card #candidate-table td:nth-child(5)>div,
#table_widths.recruitment-table-card #dbs-table td:last-child>div,
#table_widths.recruitment-table-card #reference-table td:last-child>div,
#table_widths.recruitment-table-card #schedule-table td:last-child>div,
#table_widths.recruitment-table-card #new-starter-table td:last-child>div,
#table_widths.recruitment-table-card #probation-table td:last-child>div,
#table_widths.recruitment-table-card #interview-table td:last-child>div {
    align-items: center;
    display: inline-flex !important;
    gap: .25rem !important;
    min-height: 1.75rem;
    vertical-align: middle;
}

#table_widths.recruitment-table-card #candidate-table td:last-child a,
#table_widths.recruitment-table-card #candidate-table td:nth-child(5) a,
#table_widths.recruitment-table-card #dbs-table td:last-child a,
#table_widths.recruitment-table-card #reference-table td:last-child a,
#table_widths.recruitment-table-card #schedule-table td:last-child a,
#table_widths.recruitment-table-card #new-starter-table td:last-child a,
#table_widths.recruitment-table-card #probation-table td:last-child a,
#table_widths.recruitment-table-card #interview-table td:last-child a {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    border-radius: .5rem !important;
    color: var(--nx-dashboard-muted) !important;
    display: inline-flex;
    height: 1.75rem !important;
    justify-content: center;
    margin: 0 !important;
    padding: 0 !important;
    width: 1.75rem !important;
}

#table_widths.recruitment-table-card #candidate-table td:last-child .fa-trash::before,
#table_widths.recruitment-table-card #candidate-table td:last-child .fa-trash-can::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'/%3E%3Cpath d='M19 6l-1 14c-.1 1-1 2-2 2H8c-1 0-1.9-1-2-2L5 6'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2'/%3E%3Cpath d='M19 6l-1 14c-.1 1-1 2-2 2H8c-1 0-1.9-1-2-2L5 6'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E") center / contain no-repeat;
}

#table_widths.recruitment-table-card #candidate-table td:last-child .fa-envelope::before,
#table_widths.recruitment-table-card #candidate-table td:last-child .fa-paper-plane::before,
#table_widths.recruitment-table-card #new-starter-table td:last-child .fa-envelope::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E") center / contain no-repeat;
}

#table_widths.recruitment-table-card #candidate-table td:nth-child(5) a:nth-child(2) {
    color: #8b5cf6 !important;
}

#table_widths.recruitment-table-card #jobadverts-table td:last-child .closeadvert,
#table_widths.recruitment-table-card #jobadverts-table td:last-child .closeadvert:hover,
#table_widths.recruitment-table-card #candidate-table td:last-child a.delete,
#table_widths.recruitment-table-card #candidate-table td:last-child a.delete:hover {
    color: #f87171 !important;
}

#table_widths.recruitment-table-card #interview-table td:last-child div[style] {
    gap: .25rem !important;
}

#table_widths.recruitment-table-card #interview-table td:nth-child(5) a[target="_blank"] {
    align-items: center;
    background: transparent !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .5rem !important;
    color: var(--nx-dashboard-muted) !important;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 500;
    gap: .375rem;
    min-height: 1.75rem !important;
    justify-content: center;
    margin: 0 !important;
    padding: .375rem .625rem !important;
    text-decoration: none;
    width: auto !important;
}

.interview-key-link {
    align-items: center;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .5rem;
    color: var(--nx-dashboard-muted) !important;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 500;
    gap: .375rem;
    line-height: 1;
    min-height: 1.75rem;
    padding: .375rem .625rem;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
    white-space: nowrap;
}

.interview-key-icon {
    color: currentColor;
    display: block;
    flex: 0 0 auto;
    height: .875rem;
    stroke: currentColor;
    width: .875rem;
}

.interview-key-modal .modalh4 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0 0 1rem !important;
}

.interview-key-summary {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.interview-key-row {
    align-items: center;
    border-bottom: .0725rem solid var(--nx-dashboard-border);
    display: flex;
    gap: 1rem;
    margin: 0 !important;
    padding: .625rem 0 !important;
    width: 100%;
    justify-content: space-between;
}

.interview-key-status-badge {
    align-items: center;
    background: #dcfce7;
    border: .0725rem solid rgba(34, 197, 94, .18);
    border-radius: 999rem;
    color: #15803d !important;
    display: inline-flex !important;
    font-size: .875rem !important;
    font-weight: 700 !important;
    justify-content: center;
    min-height: 1.625rem;
    padding: .25rem .625rem;
    width: fit-content;
}

.interview-key-row span,
.interview-key-modal #incidentfroms p {
    color: var(--nx-dashboard-muted);
    display: block;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0;
}

.interview-key-row strong,
.interview-key-modal #incidentfroms h4 {
    color: var(--nx-dashboard-text);
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.35;
    margin: 0;
    text-align: right;
    word-break: break-word;
}

.interview-key-modal #incidentfroms .key-data-main-heading h5 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: .875rem;
    font-weight: 600;
    margin: 1rem 0 .25rem;
}

.interview-key-modal #incidentfroms .row.form-group {
    display: block;
    margin-left: 0;
    margin-right: 0;
}

.interview-key-modal #incidentfroms .key-mobile {
    align-items: center;
    border-bottom: .0725rem solid var(--nx-dashboard-border);
    display: flex;
    gap: 1rem;
    margin: 0 !important;
    padding: .625rem 0 !important;
    width: 100%;
    justify-content: space-between;
    background: transparent;
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    border-top: 0;
    max-width: 100%;
}

.interview-key-modal #incidentfroms .key-mobile h4 {
    word-break: break-word;
}

.recruitment-alert-page {
    animation: dashboard-fade-up .3s ease-out both;
    padding: 1.5rem 0 2rem;
}

.recruitment-alert-header h1 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.25;
    margin: 0;
}

.recruitment-alert-header p {
    color: var(--nx-dashboard-muted);
    font-size: .875rem;
    line-height: 1.5;
    margin: .125rem 0 0;
}

.recruitment-alert-legend {
    animation: dashboard-fade-up .3s ease-out .03s both;
    display: flex;
    flex-wrap: wrap;
    gap: .875rem 1rem;
    margin-bottom: 1.25rem;
}

.recruitment-alert-legend-item {
    align-items: center;
    color: var(--nx-dashboard-muted);
    display: inline-flex;
    font-size: .75rem;
    gap: .375rem;
    line-height: 1.3;
}

.recruitment-alert-legend-item strong,
.vehicle-page-title p span {
    color: var(--nx-dashboard-text);
    font-weight: 600;
}

.recruitment-alert-dot {
    border-radius: 999rem;
    display: inline-flex;
    flex: 0 0 auto;
    height: .625rem;
    width: .625rem;
}

.recruitment-alert-dot-green {
    background: #10b981;
}

.recruitment-alert-dot-orange {
    background: #f59e0b;
}

.recruitment-alert-dot-red {
    background: #ef4444;
}

.recruitment-alert-summary {
    animation: dashboard-fade-up .3s ease-out .05s both;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 1.5rem;
}

.recruitment-alert-summary-card {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem !important;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .06);
    align-items: center;
    display: flex;
    gap: 1rem;
    min-height: 5.125rem;
    padding: 1.25rem;
}

.recruitment-alert-summary-icon,
.recruitment-alert-section-icon {
    align-items: center;
    border-radius: .75rem;
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.recruitment-alert-summary-red,
.independence-icon-red {
    background: #fef2f2;
    color: #dc2626;
}

.recruitment-alert-summary-card p {
    color: var(--nx-dashboard-muted);
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1.3;
    margin: 0;
    text-transform: uppercase;
}

.recruitment-alert-summary-card strong {
    color: var(--nx-dashboard-text);
    display: block;
    font-family: var(--nx-heading-font) !important;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
    margin-top: .125rem;
}

.recruitment-alert-card {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    animation: dashboard-fade-up .3s ease-out .1s both;
}

.recruitment-alert-card .accordion-item {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem !important;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .06);
    overflow: hidden;
}

.recruitment-alert-card .accordion-button {
    align-items: center;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--nx-dashboard-text) !important;
    display: block;
    font-family: var(--nx-heading-font) !important;
    font-size: 1rem;
    font-weight: 600;
    gap: .625rem;
    padding: 1.25rem 1.5rem .75rem;
}

.recruitment-alert-card .panel-group {
    display: flex;
    flex-direction: column;
}

.recruitment-alert-role-panel {
    border-bottom: .0725rem solid var(--nx-dashboard-border);
    margin-bottom: 0 !important;
}

.recruitment-alert-role-row {
    align-items: center;
    border-radius: .5rem;
    color: var(--nx-dashboard-text) !important;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    min-height: 2.5rem;
    padding: .625rem .25rem;
    text-decoration: none !important;
    transition: background-color .2s ease, color .2s ease;
}

.recruitment-alert-role-row:hover {
    background: #f8fafc;
    color: var(--nx-dashboard-primary) !important;
}

.recruitment-alert-role-label {
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.35;
}

.recruitment-alert-role-meta {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: .5rem;
}

.recruitment-alert-count {
    align-items: center;
    background: #eff6ff;
    border-radius: 999rem;
    color: var(--nx-dashboard-primary);
    display: inline-flex;
    font-size: .75rem;
    font-weight: 700;
    height: 1.75rem;
    justify-content: center;
    min-width: 1.75rem;
    padding: 0 .5rem;
}

.recruitment-alert-chevron {
    border-color: var(--nx-dashboard-muted);
    border-style: solid;
    border-width: 0 .09375rem .09375rem 0;
    height: .4375rem;
    transform: rotate(45deg) !important;
    transition: transform .2s ease;
    width: .4375rem;
}

.recruitment-alert-role-row.collapsed .recruitment-alert-chevron,
.recruitment-alert-role-row[aria-expanded="false"] .recruitment-alert-chevron {
    transform: rotate(45deg) !important;
}

.recruitment-alert-role-row:not(.collapsed) .recruitment-alert-chevron,
.recruitment-alert-role-row[aria-expanded="true"] .recruitment-alert-chevron {
    transform: rotate(-135deg) !important;
}

.candidate-dbs-stack .upload-btn-wrapper {
    border: 0;
    padding: 0;
}

.recruitment-alert-card .panel-body {
    padding: .25rem 0 .75rem;
}

.recruitment-alert-card .panel-inner-data-main-row-cus {
    gap: 0;
    margin: 0;
}

.recruitment-alert-card .panel-inner-data-main-row-cus>[class*="col-"] {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.recruitment-alert-staff-card.round-cards {
    align-items: center;
    background: rgba(241, 245, 249, .55);
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .75rem;
    box-shadow: none;
    display: flex;
    gap: .75rem;
    min-height: 0;
    padding: .625rem .75rem;
    text-align: left;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.recruitment-alert-staff-card.round-cards:hover {
    background: #fff;
    border-color: rgba(37, 99, 235, .2);
    transform: translateY(-.0725rem);
}

.job_advert_page_cus.recruitment-inner-redesign .jobadverts-filter-card .recruitment-filter-action,
.recruitment_candidate.recruitment-inner-redesign .candidates-filter-card .recruitment-filter-action,
.dbs_check_page.recruitment-inner-redesign .dbs-filter-card .recruitment-filter-action,
.refrence_page_cus.recruitment-inner-redesign .reference-filter-card .recruitment-filter-action,
.schedule_main_page .schedule-filter-card .recruitment-filter-action,
.probation_staf_page.recruitment-inner-redesign .probation-filter-card .recruitment-filter-action,
.interview_page_cus.recruitment-inner-redesign .interview-filter-card .recruitment-filter-action,
.recruitment-alert-staff-card.round-cards a {
    flex: 0 0 auto;
}

.recruitment-alert-staff-card.round-cards img,
.recruitment-alert-staff-card .profile-img-wrapper {
    border: 0;
    border-radius: 999rem;
    height: 2.25rem;
    margin: 0;
    overflow: hidden;
    width: 2.25rem;
}

.recruitment-alert-staff-card .profile-img-wrapper img,
.activity-detail-hero-image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.recruitment-alert-staff-card.round-cards h4 {
    color: var(--nx-dashboard-text);
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.35;
    margin: 0;
    min-width: 0;
}

.recruitment-alert-staff-card.round-cards p {
    color: var(--nx-dashboard-muted);
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.35;
    margin: 0;
    min-width: 0;
    padding-bottom: 0 !important;
}

.recruitment-alert-status {
    align-items: center;
    color: var(--nx-dashboard-muted);
    display: inline-flex;
    font-size: .75rem;
    gap: .375rem;
    line-height: 1.3;
    margin-left: auto;
    white-space: nowrap;
}

#table_widths.recruitment-table-card #new-starter-table td:last-child .fa-user::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / contain no-repeat;
}

#table_widths.recruitment-table-card #probation-table td:last-child .fa-up-right-and-down-left-from-center::before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 9V3h-6'/%3E%3Cpath d='m21 3-7 7'/%3E%3Cpath d='M3 15v6h6'/%3E%3Cpath d='m3 21 7-7'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 9V3h-6'/%3E%3Cpath d='m21 3-7 7'/%3E%3Cpath d='M3 15v6h6'/%3E%3Cpath d='m3 21 7-7'/%3E%3C/svg%3E") center / contain no-repeat;
}

#table_widths.recruitment-table-card #candidate-table td:nth-child(5) a:first-child,
#table_widths.recruitment-table-card #candidate-table td:last-child a[href*="resend-jobapplicationlink"],
#table_widths.recruitment-table-card #candidate-table td:last-child a[href*="resend-jobapplicationlink"]:hover,
#table_widths.recruitment-table-card #new-starter-table td:last-child a[href*="resend/welcome/email"],
#table_widths.recruitment-table-card #new-starter-table td:last-child a[href*="resend/welcome/email"]:hover {
    color: #0ea5e9 !important;
}

.candidate-form-redesign #nav-tab .nav-link.green-tab,
#table_widths.recruitment-table-card #probation-table td:last-child a.extend,
#table_widths.recruitment-table-card #probation-table td:last-child a.extend:hover {
    color: #16a34a !important;
}

#table_widths.recruitment-table-card:has(#jobadverts-table) .dataTables_wrapper>.dataTables_info,
#table_widths.recruitment-table-card:has(#candidate-table) .dataTables_wrapper>.dataTables_info,
#table_widths.recruitment-table-card:has(#dbs-table) .dataTables_wrapper>.dataTables_info,
#table_widths.recruitment-table-card:has(#reference-table) .dataTables_wrapper>.dataTables_info,
#table_widths.recruitment-table-card:has(#schedule-table) .dataTables_wrapper>.dataTables_info,
#table_widths.recruitment-table-card:has(#new-starter-table) .dataTables_wrapper>.dataTables_info,
#table_widths.recruitment-table-card:has(#probation-table) .dataTables_wrapper>.dataTables_info,
#table_widths.recruitment-table-card:has(#interview-table) .dataTables_wrapper>.dataTables_info {
    border-top: 0 !important;
    flex: 1 1 auto;
}

#table_widths.recruitment-table-card:has(#candidate-table) .dataTables_wrapper,
#table_widths.recruitment-table-card:has(#schedule-table) .dataTables_wrapper,
#table_widths.recruitment-table-card:has(#dbs-table) .dataTables_wrapper,
#table_widths.recruitment-table-card:has(#reference-table) .dataTables_wrapper,
#table_widths.recruitment-table-card:has(#new-starter-table) .dataTables_wrapper,
#table_widths.recruitment-table-card:has(#probation-table) .dataTables_wrapper {
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    width: 100% !important;
    padding: 0;
    align-items: center;
    display: flex !important;
    flex-wrap: wrap;
}

#table_widths.recruitment-table-card:has(#interview-table) .dataTables_wrapper {
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    width: 100% !important;
    align-items: center;
    display: flex !important;
    flex-wrap: wrap;
}

#table_widths.recruitment-table-card:has(#jobadverts-table) .dataTables_wrapper>.dataTables_paginate,
#table_widths.recruitment-table-card:has(#candidate-table) .dataTables_wrapper>.dataTables_paginate,
#table_widths.recruitment-table-card:has(#dbs-table) .dataTables_wrapper>.dataTables_paginate,
#table_widths.recruitment-table-card:has(#reference-table) .dataTables_wrapper>.dataTables_paginate,
#table_widths.recruitment-table-card:has(#schedule-table) .dataTables_wrapper>.dataTables_paginate,
#table_widths.recruitment-table-card:has(#new-starter-table) .dataTables_wrapper>.dataTables_paginate,
#table_widths.recruitment-table-card:has(#probation-table) .dataTables_wrapper>.dataTables_paginate,
#table_widths.recruitment-table-card:has(#interview-table) .dataTables_wrapper>.dataTables_paginate {
    border-top: 0 !important;
    flex: 1 1 auto;
    justify-content: flex-end !important;
}

.side-menu-collapse-icon {
    align-items: center;
    background: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 999rem;
    box-shadow: 0 .25rem .75rem rgba(15, 23, 42, .12);
    display: inline-flex !important;
    height: 1.5rem;
    justify-content: center;
    right: -1.5rem;
    top: 5rem;
    width: 1.5rem;
    position: absolute;

    right: -1.8rem;
    transform: translate(-50%, 0);
}

input[type="checkbox"],
.employee_attendance_record .attendance-search-form span.reset-count-times:hover,
.candidate-form-redesign .upload-btn-wrapper input[type="file"],
.cp {
    cursor: pointer;
}

.help-icon-tooptip {
    color: inherit !important;
    background: transparent !important;
    font-size: .85rem;
    margin: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    color: currentColor;
    vertical-align: middle;
}

.bottom-logo img {
    width: 70%;
    margin: auto;
    margin-bottom: 1rem;
}

.change-pass li {
    display: block;
    padding: .6em;
}

.border-bottom {
    border-bottom: 1px solid #EAECF0;
}

.dataTables_filter input::placeholder,
.appraisal-card p {
    font-size: .9rem;
}

.pro-home {
    display: flex;
    gap: .7rem;
    align-items: center;
}

th:not(.month-name),
td:not(.month-name) {
    font-size: .9rem;
    font-weight: 500;
    line-height: 26px;
}

.info-icon {
    padding: 0.02rem 0.65rem;
    position: absolute;
    top: 0.5rem;
    right: 0;
    background: #fff;
    font-size: 0.78rem;
    color: #093eeb;
    border: 1px solid #093eeb;
    border-radius: 50%;
    cursor: help;
    padding: 0.02rem 0.65rem;
    background: #fff;
    font-size: 0.78rem;
    color: #093eeb;
    border: 1px solid #093eeb;
    border-radius: 50%;
    cursor: help;
    width: 1.2rem;
    height: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.crmview-form-wrapper input,
.crmview-form-wrapper select,
.crmview-form-wrapper textarea {
    margin-bottom: 1.5em;
    margin-bottom: 1.4rem;
}

.form-control {
    border: 1px solid #dbdbdb;
    border-radius: .8rem !important;
    padding: .5rem .8rem;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    color: #222a2e;
}

.selectpicker::placeholder {
    color: #222a2e;
}

.main-uplod input[type="file"] {
    background-color: #f4fafd !important;
    width: 100%;
    border-radius: .8rem !important;

    border: 1px solid #a0bcda;
    cursor: pointer;
    margin-bottom: .2rem;
    font-size: 1rem;
}

.main-uplod input[type="file"]:focus {
    outline: 0;
    box-shadow: none;
    border-color: var(--primary);
}

.main-uplod input[type="file"]::file-selector-button {
    background-color: var(--nx-dashboard-primary);
    color: #fff;
    border: 0;
    border-radius: .5rem;
    padding: .7rem 1.2rem;
    margin-right: 1rem;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
}

.main-uplod input[type="file"]::file-selector-button:hover {
    background-color: #1f65ad;
}

#dynamicFormUploadedFilesModal .modal-body::-webkit-scrollbar {
    width: 5px;
}

#dynamicFormUploadedFilesModal .modal-body::-webkit-scrollbar-thumb {
    background: #c7d7e8;
    border-radius: 10px;
}

#dynamicFormUploadedFilesModal .modal-body {
    max-height: 25rem !important;
    overflow-y: auto !important;
    padding: 0 !important;
    border-radius: 1.4rem;
    scrollbar-width: thin;
    scrollbar-color: #c7d7e8 transparent;
}

#dynamicFormUploadedFilesModal table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

#dynamicFormUploadedFilesModal thead th {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 2;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.file-view-disabled .main-uplod-main {
    opacity: 0.6;
}

.file-view-disabled button,
.file-view-disabled input {
    cursor: not-allowed !important;
}

.form-view-shell {
    padding-bottom: 2rem !important;
    margin-bottom: 2rem !important;
}

.table-homee img {
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
}

.side-panel {
    height: calc(100vh - 4.1rem);
    background-color: #f9fbfd;
    position: fixed;
    top: 4.8rem;
    right: -30rem;
    width: 30rem;
    padding: 0 1.2rem 1.2rem;
    border-top: 5px solid #183a5b;
    border-radius: 1.35rem;
    box-shadow: 0px 0px 2.6rem rgba(0, 0, 0, 0.04);
    overflow: auto;
    transition: 0.5s;
}

.side-panel.show {
    top: 3.8rem;
    right: 0;
    z-index: 10000;
}

.side-panel .side-panel-header {
    position: sticky;
    top: 0;
    z-index: 10000;
}

.my-tooltip .tooltip-inner {
    background-color: red !important;
    color: blue !important;
    border: 1px solid #ddd !important;
}

.my-tooltip .tooltip-arrow::before {
    border-bottom-color: #fff !important;
}

.popover-body,
.popover-body * {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    line-height: 1.5;
    text-align: justify !important;
    background: #ffffff;
    table-layout: fixed;
    border-radius: 1rem !important;
    font-size: .9rem;
}

.popover .word-break {
    word-break: normal !important;
}

.popover-header {
    border-bottom: none;
    background: #ffffff;
}

.popover {
    width: auto;
    max-width: 500px;
    --bs-popover-header-bg: var(--nx-dashboard-primary);
    --bs-popover-header-color: #fff;
    border: none !important;
    box-shadow: 6px 18px 24px rgba(0, 0, 0, 0.08) !important;
    background: #ffffff;
    border-radius: .8rem;
}

.popover-body ul {
    padding-left: 1rem;
}

.popover .popover-header {
    background-color: var(--nx-dashboard-primary) !important;
    color: #ffffff !important;
    border-bottom: none;
    border-top-left-radius: .8rem;
    border-top-right-radius: .8rem;
    font-size: .9rem;
}

.vehicle-redesign .crm-breadcrumb-inner {
    margin-bottom: 1.5rem !important;
}

.vehicle-hero-row {
    align-items: center;
    display: flex;
    gap: 2rem;
    margin: 0 auto 2rem;
}

.vehicle-hero-search {
    animation: dashboard-fade-up .45s ease-out both;
    flex: 1 1 auto;
    min-width: 0;
}

.vehicle-page-title h1 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

.vehicle-page-title p {
    color: var(--nx-dashboard-muted);
    font-size: 1.1rem;
    margin: .5rem 0 0;
}

div#homes-search-slot {
    max-width: 55% !important;
    margin: auto;
}

.vehicle-search-wrap {
    margin: 0 auto;
    max-width: 75%;
    position: relative;
}

.employees-hero-row .vehicle-search-wrap,
.resident-search-wrap {
    margin: 0 auto;
    max-width: 55%;
    position: relative;
}

.vehicle-search-icon {
    align-items: center;
    color: var(--nx-dashboard-primary);
    display: inline-flex;
    height: 1.25rem;
    left: 1.25rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.25rem;
    z-index: 2;
}

.vehicle-search-icon svg {
    height: 100%;
    width: 100%;
}

.vehicle-search-wrap .dataTables_filter input {
    background: #fff;
    border: .125rem solid var(--nx-dashboard-border) !important;
    border-radius: 1rem !important;
    box-shadow: 0 .5rem 1rem rgba(15, 23, 42, .10);
    color: var(--nx-dashboard-text);
    font-size: 1.15rem;
    padding: 1.2rem 1.5rem 1.2rem 2.6rem !important;
    width: 100%;
    margin: 0 !important;
}

.vehicle-search-wrap .dataTables_filter input:focus {
    border-color: var(--nx-dashboard-primary) !important;
    box-shadow: 0 0 0 .1875rem rgba(37, 99, 235, .1), 0 .5rem 1rem rgba(15, 23, 42, .08);
    outline: 0;
}

.vehicle-chart-card {
    animation: dashboard-fade-up .45s ease-out .08s both;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .05);
    flex: 0 0 16rem;
    padding: 1rem;
}

.vehicle-card-header h3,
.common-table-header h3,
.home-view-panel-header h5,
.home-view-panel-header b {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
}

.home-document-delete-card p,
.vehicle-chart-card .highcharts-figure {
    margin: .5rem 0 0;
}

.common-table-card {
    background-color: white;
    padding: 1.2rem 1.2rem 1.2rem;
    border-radius: 1.1rem;
    border: 1px solid #dde6f0;
}

.vehicle-filter-row {
    gap: .75rem;
    margin: 1rem 0 1rem 0;
}

.document_upload .fire-extinguisher-check tr.no-found td,
table.dataTable td.dataTables_empty {
    text-align: center !important;
}

.vehicle-redesign select.form-control,
.vehicle-redesign .bootstrap-select>.dropdown-toggle {
    background-color: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .75rem !important;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .05) !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: .5rem .875rem !important;
}

.vehicle-redesign .bootstrap-select .dropdown-menu {
    border-radius: .875rem;

    margin-top: .375rem;
    z-index: 1080;
}

.vehicle-clear-btn {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    color: #dc2626 !important;
    display: inline-flex;
    gap: .375rem;
    height: 2.5rem;
    min-height: 2.5rem;
    padding: .5rem .25rem !important;
    width: auto !important;
}

.vehicle-clear-btn:hover,
.vehicle-clear-btn:focus {
    background: transparent !important;
    color: #b91c1c !important;
    transform: none !important;
}

.common-table-wrap {
    margin: 0 !important;
    overflow-x: auto;
    padding: 0;
    -webkit-overflow-scrolling: touch;
}

.common-table-wrap .dataTables_wrapper {
    overflow: visible;
    width: 100%;
    padding: 0;
}

.common-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 !important;
    box-shadow: none;
    padding: 0 !important;
}

.common-table th {
    background: transparent !important;
    border-bottom: .0725rem solid var(--nx-dashboard-border) !important;
    color: var(--nx-dashboard-muted) !important;
    font-size: .95rem !important;
    font-weight: 500 !important;
    letter-spacing: 0;
    padding: .6rem 1rem !important;
    text-transform: none;
    white-space: nowrap;
}

.common-table td {
    background: #fff !important;
    border-bottom: .0725rem solid var(--nx-dashboard-border) !important;
    color: var(--nx-dashboard-muted) !important;
    font-size: .95rem !important;
    font-weight: 400 !important;
    padding: .6rem 1rem !important;
    vertical-align: middle !important;
}

.common-table th:last-child,
.common-table td:last-child {
    text-align: right !important;
}

.common-table-wrap .dataTables_paginate span {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.vehicle-redesign .pro-home {
    align-items: center;
    display: inline-flex;
    gap: .75rem;
    line-height: 1.3;
}

.vehicle-redesign .pro-home img {
    border-radius: 999rem;
    height: 2.25rem;
    object-fit: cover;
    width: 2.25rem;
    border: 1px solid #a2a2a23b;
}

.vehicle-redesign .current-badge-purple {
    background: #fef3c7 !important;
    color: #b45309 !important;
    align-items: center;
    border-radius: 999rem !important;
    display: inline-flex;
    font-size: .75rem !important;
    font-weight: 500 !important;
    line-height: 1;
    padding: .375rem .625rem !important;
    text-transform: capitalize;
}

.vehicle-redesign .current-badge-yellow {
    background: #f1f5f9 !important;
    color: #64748b !important;
    align-items: center;
    border-radius: 999rem !important;
    display: inline-flex;
    font-size: .75rem !important;
    font-weight: 500 !important;
    line-height: 1;
    padding: .375rem .625rem !important;
    text-transform: capitalize;
}

.vehicle-redesign .current-badge-green {
    background: #dcfce7 !important;
    color: #166534 !important;
    align-items: center;
    border-radius: 999rem !important;
    display: inline-flex;
    font-size: .75rem !important;
    font-weight: 500 !important;
    line-height: 1;
    padding: .375rem .625rem !important;
    text-transform: capitalize;
}

.vehicle-redesign .current-badge-orange {
    background: #fee2e2 !important;
    color: #991b1b !important;
    align-items: center;
    border-radius: 999rem !important;
    display: inline-flex;
    font-size: .75rem !important;
    font-weight: 500 !important;
    line-height: 1;
    padding: .375rem .625rem !important;
    text-transform: capitalize;
}

.common-table-action {
    align-items: center;
    border-radius: .5rem;
    color: var(--nx-dashboard-muted) !important;
    display: inline-flex;
    height: 1.8rem;
    justify-content: center;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
    width: 1.8rem;
}

.common-table-action:hover,
.common-table-action:focus {
    background: #c8ddf9;
    color: var(--nx-dashboard-text) !important;
    transform: translateY(-.0725rem);
}

.common-table-action i {
    color: currentColor !important;
}

.common-table-action svg {
    color: currentColor;
    display: block;
    flex-shrink: 0;
    height: 1rem;
    stroke: currentColor !important;
    width: 1rem;
}

.common-table-action svg path,
.common-table-action svg circle {
    stroke: currentColor !important;
}

.common-table-action-view i {
    font-size: 0 !important;
    display: flex;
    align-items: center;
}

.common-table-action-view i::before {
    background: currentColor;
    content: "" !important;
    display: inline-block;
    height: 1rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 1rem;
}

.nx-data-table .dataTables_info {
    color: var(--nx-dashboard-muted) !important;
    font-size: .875rem;
    padding: 1rem !important;
    position: sticky;
    left: 0;

    z-index: 2;
}

.nx-data-table .dataTables_paginate {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding: 1rem !important;
    margin: 0;
    position: sticky;
    left: 0;

    z-index: 2;
}

.common-table-wrap .dataTables_info {
    color: var(--nx-dashboard-muted) !important;
    font-size: .9rem;
    font-weight: 500;
    padding: 1rem 1.5rem !important;
    position: sticky;
    left: 0;

    z-index: 2;
}

.common-table-wrap .dataTables_paginate {
    align-items: center;
    display: flex !important;
    gap: .25rem;
    justify-content: flex-end;
    padding: .75rem 1.5rem 1rem !important;
    position: sticky;
    left: 0;

    z-index: 2;
}

/* .reports-responsive .dataTables_paginate,
.reports-responsive .dataTables_info,
.summary-report-redesign .reports-responsive .dataTables_paginate,
.summary-report-redesign .reports-responsive .dataTables_info,
.employee_performance_review .reports-responsive .dataTables_paginate,
.employee_performance_review .reports-responsive .dataTables_info,
.management_employee .main-home-home-table-sec-cus1 .dataTables_paginate,
.management_employee .main-home-home-table-sec-cus1 .dataTables_info,
.document_upload .fire-extinguisher-check .dataTables_paginate,
.document_upload .fire-extinguisher-check .dataTables_info {
    position: sticky;
    left: 0;

    z-index: 2;
} */

.summary-report-redesign .reports-responsive,
.employee_performance_review .reports-responsive,
.management_employee .main-home-home-table-sec-cus1.commontable,
.document_upload .fire-extinguisher-check {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.common-table-wrap::-webkit-scrollbar-track,
.disciplinary-redesign .common-table-wrap::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10rem;
}

.common-table-wrap::-webkit-scrollbar-thumb,
.disciplinary-redesign .common-table-wrap::-webkit-scrollbar-thumb {
    background: #bfd2e2;
    border-radius: 10rem;
}

.home-redesign {
    color: var(--nx-dashboard-text);
    padding: 2rem 1.5rem 2.5rem !important;
}

.home-redesign .home-hero-row {
    display: block;
    margin-bottom: 1.5rem;
}

.home-redesign .home-stat-row {
    animation: dashboard-fade-up .45s ease-out .04s both;
    margin-bottom: 2.5rem;
    margin-top: 1rem;
}

.home-stat-card {
    align-items: center;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .05);
    display: flex;
    gap: 1.25rem;
    height: 100%;
    padding: 1.5rem;
    transition: box-shadow .2s ease, transform .2s ease;
}

.home-stat-card:hover {
    box-shadow: 0 .5rem 1.25rem rgba(15, 23, 42, .08);
    transform: translateY(-.0725rem);
}

.home-stat-icon {
    align-items: center;
    border-radius: .75rem;
    display: inline-flex;
    flex: 0 0 3rem;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.home-stat-icon-blue,
.home-stat-icon-green,
.home-stat-icon-purple {
    background: #c8ddf9;
    color: #0c3283;
}

.home-stat-card p {
    color: var(--nx-dashboard-muted);
    font-size: .875rem;
    font-weight: 500;
    margin: 0;
}

.home-stat-card h3 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    margin: .375rem 0 0;
}

.home-table-card {
    animation: dashboard-fade-up .45s ease-out .08s both;
    margin-bottom: 1.5rem;
}

.home-redesign .common-table-header {
    padding-bottom: .25rem;
}

.home-redesign .vehicle-filter-row {
    margin: 1rem 0;
}

.home-analytics {
    animation: dashboard-fade-up .45s ease-out .12s both;
}

.home-section-eyebrow {
    color: var(--nx-dashboard-muted);
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .08rem;
    margin: 0 0 .75rem;
    text-transform: uppercase;
}

.home-chart-card,
.independence-feature-text,
.home-history-audit-modal .home-history-audit-main {
    flex: 1 1 auto;
    min-width: 0;
}

.form-view-redesign img,
.home-chart-card .highcharts-container {
    max-width: 100%;
}

.home-redesign .current-badge-green {
    color: #1e40af !important;
    background: #c8ddf8 !important;
    text-transform: capitalize;
    font-weight: 500;
    padding: .12rem .7rem;
    font-size: .8rem;
    letter-spacing: 0;
    font-family: "Inter";
}

.additional-support-redesign .current-badge-green {
    color: #15803d !important;
    background: #dcfce7 !important;
    text-transform: capitalize;
    font-weight: 500;
    padding: .3rem .85rem;
    font-size: .8rem;
    letter-spacing: 0;
    font-family: "Inter";
    border-radius: 999rem;
    display: inline-block;
}

.additional-support-redesign .current-badge-orange {
    color: #64748b !important;
    background: #f1f5f9 !important;
    text-transform: capitalize;
    font-weight: 500;
    padding: .3rem .85rem;
    font-size: .8rem;
    letter-spacing: 0;
    font-family: "Inter";
    border-radius: 999rem;
    display: inline-block;
}

.additional-support-title-row {
    padding-top: .25rem;
}

.additional-support-title-icon {
    align-items: center;
    background: #eef2ff;
    border-radius: 50%;
    color: #4f46e5;
    display: inline-flex;
    height: 3.25rem;
    justify-content: center;
    margin-bottom: 0;
    width: 3.25rem;
}

.additional-support-title {
    color: var(--nx-dashboard-text);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5;
}

.additional-support-redesign .vehicle-forms-table-card .common-table th {
    background: #f8fafc !important;
    color: var(--nx-dashboard-muted) !important;
    font-size: .78rem !important;
    font-weight: 600 !important;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.additional-support-edit-btn {
    align-items: center;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 999rem;
    color: var(--nx-dashboard-text) !important;
    display: inline-flex;
    font-size: .8rem;
    font-weight: 600;
    gap: .35rem;
    padding: .45rem .9rem;
    text-decoration: none !important;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.additional-support-edit-btn:hover,
.additional-support-edit-btn:focus,
.reg40-redesign .reg40-icon-btn:hover,
.reg40-redesign .reg40-icon-btn:focus {
    background: #f8fafc;
    border-color: #cbd5e1;
    transform: translateY(-.0725rem);
}

.reg40-redesign .reg40-icon-btn {
    align-items: center;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 50%;
    color: var(--nx-dashboard-text) !important;
    display: inline-flex;
    height: 2.25rem;
    justify-content: center;
    text-decoration: none !important;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
    width: 2.25rem;
}

.home-documents-redesign .home-document-action-delete,
#table_widths.recruitment-table-card #probation-table td:last-child a.fail,
#table_widths.recruitment-table-card #probation-table td:last-child a.fail:hover,
.reg40-redesign .reg40-icon-btn-delete {
    color: #ef4444 !important;
}

.reg40-redesign .reg40-icon-btn-delete:hover,
.reg40-redesign .reg40-icon-btn-delete:focus {
    background: #fef2f2;
    border-color: #fecaca;
    color: #dc2626 !important;
}

.reg40-redesign .reg40-view-btn svg,
.reg40-redesign .reg40-view-btn i,
.resident-monthly-review-table .common-icon a i[data-lucide],
.vehicle-form-open-action svg,
.vehicle-form-open-action i {
    height: .95rem;
    width: .95rem;
}

.common-table thead tr,
.reg40-redesign .reg40-table-card .common-table thead tr {
    background: transparent !important;
}

.resident-tracker-redesign .resident-tracker-filter-label {
    align-items: center;
    color: var(--nx-dashboard-muted);
    display: flex;
    font-size: .8rem;
    font-weight: 600;
    gap: .4rem;
    letter-spacing: .0325rem;
    text-transform: uppercase;
}

.reg40-redesign .reg40-view-btn,
.resident-tracker-redesign .resident-tracker-view-btn {
    gap: .4rem;
}

.daterangepicker {
    z-index: 10050 !important;
}

.reg40-redesign .reg40-table-card .common-table th {
    background: transparent !important;
    border-radius: 0;
    color: var(--nx-dashboard-muted) !important;
    font-weight: 500 !important;
    text-transform: none !important;
}

.home-ofsted-badge {
    align-items: center;
    border-radius: 999rem !important;
    display: inline-flex;
    font-size: .75rem !important;
    font-weight: 400 !important;
    line-height: 1;
    padding: .375rem .625rem !important;
    text-transform: capitalize;
}

.home-ofsted-outstanding {
    background: #dcfce7 !important;
    color: #166534 !important;
    display: inline-flex !important;
}

.home-ofsted-good {
    background: #dbeafe !important;
    color: #1e40af !important;
}

.home-ofsted-declined-in-effectiveness {
    background: #ffedd5 !important;
    color: #c2410c !important;
}

.home-view-redesign .vehicle-profile-copy>span,
.training-record-redesign .training-record-actions {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.home-key-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-view-panel {
    animation: dashboard-fade-up .45s ease-out .08s both;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 .0725rem .1875rem rgba(15, 23, 42, .06);
    overflow: hidden;
    height: 100%;
}

ul.tracker-ui {
    overflow-y: scroll;
    padding: 0;
    height: 19.5rem;
    margin-top: .7rem;
}

.home-view-panel-header {
    color: var(--nx-dashboard-text);
    padding: 1rem 1.25rem 0;
}

.home-view-panel-header svg,
.employee-action-card h5 svg,
.employee-action-card h5 i {
    color: var(--nx-dashboard-muted);
    height: 1.1rem;
    width: 1.1rem;
}

.home-month-btn {
    align-items: center;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .5rem;
    color: var(--nx-dashboard-muted) !important;
    display: flex !important;
    height: 1.75rem;
    justify-content: center;
    transition: border-color .2s ease, color .2s ease, background-color .2s ease;
    width: 1.75rem;
}

.home-tracker-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.home-tracker-list .traker-li {
    align-items: center;
    color: var(--nx-dashboard-text);
    display: flex;
    font-size: .9rem;
    justify-content: space-between;
    line-height: 1.4;
    margin: 0;
    padding: .875rem 1.25rem;
    border-bottom: 1px solid #cfdae8 !important;
}

.home-tracker-list .btn-light-red,
.btn-light-red {
    background: #fef3c7;
    color: #b45309;
    border: 0;
    border-radius: 999rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1;
    min-width: 2.25rem;
    padding: .375rem .8rem;
}

.home-tracker-list .btn-light-green {
    border: 0;
    border-radius: 999rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1;
    min-width: 2.25rem;
    padding: .375rem .8rem;
    background: #d1fae4;
    color: #065f46;
}

.home-engagement-list {
    display: grid;
    gap: .5rem;
    padding: 1rem;
}

.home-engagement-item {
    align-items: center;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .75rem;
    color: var(--nx-dashboard-text) !important;
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    gap: .75rem;
    padding: .625rem .75rem;
    text-decoration: none !important;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.home-engagement-item:hover,
.home-engagement-item:focus {
    border-color: rgba(37, 99, 235, .3);
    box-shadow: 0 .25rem .75rem rgba(15, 23, 42, .06);
    transform: translateY(-.0725rem);
}

.home-engagement-item span {
    align-items: center;
    background: #eaeffd;
    border-radius: 3rem;
    color: var(--nx-dashboard-primary);
    display: inline-flex;
    flex: 0 0 2.2rem;
    height: 2.2rem;
    justify-content: center;
    width: 2.2rem;
}

.home-engagement-item>svg:last-child {
    color: var(--nx-dashboard-muted);
    margin-left: auto;
}

.home-maintenance-panel {
    padding-bottom: 1rem;
}

.home-maintenance-panel .blue-big-button {
    margin: 1rem;
    width: calc(100% - 2rem);
}

.home-key-overview-modal {
    border-radius: 1rem;
    overflow: hidden;
}

.home-key-overview-modal .modal-body {
    background: #fff;
    max-height: 75vh;
    overflow-y: auto;
    padding: 1.5rem !important;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.home-key-overview-modal .home-key-modal-grid {
    height: auto;
    overflow: visible;
    padding: 0;
}

.home-key-overview-modal .modal-dialog {
    max-width: 46rem;
}

.home-key-overview-modal .vehicle-key-modal-header {
    align-items: center;
    padding: 1.5rem 2rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.home-key-header-icon {
    align-items: center;
    background: rgba(255, 255, 255, .18);
    border-radius: 1rem;
    color: #fff;
    display: inline-flex;
    flex: 0 0 3.5rem;
    height: 3.5rem;
    justify-content: center;
    width: 3.5rem;
}

.home-key-section {
    background: #f8fafc;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    margin-bottom: 1rem;
    padding: 1.5rem;
}

.home-key-section-header {
    align-items: center;
    display: flex;
    gap: .75rem;
    margin-bottom: 1.5rem;
}

.home-key-section-icon {
    align-items: center;
    border-radius: .875rem;
    color: #fff;
    display: inline-flex;
    flex: 0 0 2.75rem;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.home-key-section-icon-blue {
    background: #3b82f6;
    color: #fff;
}

.home-key-section-icon-amber {
    background: #f59e0b;
    color: #fff;
}

.home-key-section-icon-emerald {
    background: #10b981;
    color: #fff;
}

.home-key-section-icon-sky {
    background: #0ca5e9;
    color: #fff;
}

.home-key-section-icon-rose {
    background: #f43f5e;
    color: #fff;
}

.home-key-section-icon-purple {
    background: #a755f7;
    color: #fff;
}

.home-key-section-icon-violet {
    background: #8b5cf6;
    color: #fff;
}

.home-key-section-icon-cyan {
    background: #06b6d4;
    color: #fff;
}

.home-key-section-icon-indigo {
    background: #6366f1;
    color: #fff;
}

.status-select-dot {
    border-radius: 50%;
    display: inline-block;
    height: .55rem;
    margin-right: .4rem;
    width: .55rem;
}

.status-select-dot-green {
    background: #34c759;
}

.status-select-dot-amber {
    background: #ff9838;
}

.status-select-dot-red {
    background: #f93f3f;
}

.home-key-section-grid {
    display: grid;
    gap: 1.5rem 3rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-key-field span {
    color: var(--nx-dashboard-muted);
    display: block;
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1.3;
    margin-bottom: .5rem;
    text-transform: uppercase;
    display: inline-flex;
}

.home-key-field strong {
    color: var(--nx-dashboard-text);
    display: block;
    font-family: var(--nx-heading-font) !important;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.form-section-status-table a:hover,
.home-key-field-accent strong {
    color: #1d4ed8;
}

.home-edit-modal .modal-dialog {
    max-width: 62%;
}

.home-edit-modal .vehicle-key-modal-header {
    align-items: center;
    padding: 1.5rem 1.8rem;
}

.main_employee_resident_view_page#add-new-popup .modal-body,
.main_home_view_page#edit-popup .modal-body,
.main_home_view_page#add-new-popup .modal-body,
.vehicle_view_page#view-popup .modal-body,
.vehicle_view_page#add-new-popup .modal-body,
.schedule_main_page #add-new-popup .modal-body,
.home-edit-modal .modal-body {
    overflow-y: scroll;
}

.home-edit-modal textarea.form-control {
    min-height: 3rem;
}

.home-edit-modal .bootstrap-select,
.home-edit-modal .bootstrap-select.open,
.home-edit-modal .bootstrap-select.show,
.home-edit-modal .dropdown.bootstrap-select.show {
    z-index: 1450;
}

.home-edit-modal .bootstrap-select .dropdown-menu {
    border: .0625rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, .16);
    max-height: 18rem !important;
    z-index: 1460;
}

.home-edit-modal .bootstrap-select .dropdown-menu.inner {
    max-height: 15rem !important;
}

.home-edit-modal .bootstrap-select .bs-searchbox {
    padding: .5rem;
}

.home-edit-modal .bootstrap-select .bs-searchbox .form-control {
    min-height: 2.5rem;
}

.home-edit-modal .bootstrap-select .dropdown-item {
    color: var(--nx-dashboard-text);
    font-size: .9rem;
    padding: .625rem .875rem;
}

.home-edit-actions .blue-outline-big-button,
.home-edit-actions .blue-big-button {
    padding: .75rem 1.5rem;
}

.vehicle-detail-redesign {
    background: #f7f9fd;
    color: var(--nx-dashboard-text);
    min-height: calc(100vh - 8.75rem);
    padding: 2rem 1.5rem 2.5rem !important;
}

.document_upload .dataTables_wrapper .row,
.form-view-redesign #fb-render .form-group,
.form-view-redesign #fb-render [class*="formbuilder-"],
.recruitment-alert-header,
.vehicle-detail-redesign .breadcrumb {
    margin-bottom: 1rem;
}

.vehicle-detail-redesign .form-row,
.vehicle-detail-redesign .row {
    row-gap: .6rem;
}

.vehicle-detail-redesign .form-view-card,
.vehicle-detail-redesign .common-table-card {
    animation: dashboard-fade-up .35s ease-out both;
}

.vehicle-detail-redesign .form-view-card-header h5,
.vehicle-detail-redesign .common-table-header h5 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    margin-bottom: .7rem;
}

.vehicle-detail-redesign .form-control,
.vehicle-detail-redesign select,
.vehicle-detail-redesign textarea,
.vehicle-detail-redesign .bootstrap-select>.dropdown-toggle {
    background-color: #fff !important;

    border-radius: .75rem !important;
    box-shadow: none !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem !important;
    min-height: 2.75rem;
}

.vehicle-detail-modal .modal-content {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .2);
    overflow: hidden;
    border: 1px solid white;
}

.vehicle-detail-modal .modal-header {
    align-items: center;
    background: #f8fafc;
    border-bottom: .0725rem solid var(--nx-dashboard-border);
    min-height: 3.5rem;
    padding: 1rem 1.25rem;
}

.vehicle-detail-modal .modal-header .close {
    align-items: center;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .625rem;
    color: var(--nx-dashboard-muted);
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    margin-left: auto;
    opacity: 1;
    width: 2rem;
}

.vehicle-edit-section {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 .0725rem .1875rem rgba(15, 23, 42, .06);
    margin-bottom: 1rem;
    overflow: visible;
    position: relative;
}

.vehicle-edit-section-header {
    align-items: center;

    display: flex;
    gap: .75rem;
    padding: 1rem 1.25rem 0;
}

.vehicle-edit-section-header .vehicle-key-icon {
    flex: 0 0 auto;
    margin-bottom: 0;
}

.qualification-parent-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.qualification-card {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    padding: 1.25rem;
}

.qualification-add-row {
    margin-top: 1rem;
}

.qualification-add-btn {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
    width: auto;
}

.vehicle-edit-modal .main-image-sec-cus img {
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    height: 6.4rem;
    object-fit: cover;
    width: 7rem;
}

.vehicle-edit-modal #crmProfilePic {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    color: var(--nx-dashboard-text);
    display: block;
    font-size: .95rem;

    padding: .4rem .75rem;
    width: 100%;
}

.vehicle-edit-modal #crmProfilePic::file-selector-button {
    background: transparent;
    border: 0;
    color: var(--nx-dashboard-text);
    cursor: pointer;
    font-weight: 700;
    margin-right: .75rem;
    padding: .25rem 0;
}

.vehicle-edit-modal .edit-main-form-input-sec label,
.vehicle-edit-modal .general-information-3 label {
    color: var(--nx-dashboard-text);
    font-size: .95rem;
    font-weight: 500;
    margin-bottom: .5rem;
}

.vehicle-edit-modal .form-control,
.vehicle-edit-modal .bootstrap-select>.dropdown-toggle {
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .875rem !important;
    color: var(--nx-dashboard-text) !important;
}

.vehicle-edit-modal .bootstrap-select.open,
.vehicle-edit-modal .bootstrap-select.show,
.vehicle-edit-modal .btn-group.bootstrap-select.open,
.vehicle-edit-modal .btn-group.bootstrap-select.show {
    z-index: 3005;
}

.vehicle-edit-modal .bootstrap-select .dropdown-menu {
    z-index: 3006;
}

.vehicle-edit-modal .bootstrap-select.select-elevated,
.edit-resident-redesign .bootstrap-select.select-elevated,
#enddate-popup .bootstrap-select.select-elevated {
    z-index: 4000 !important;
}

.vehicle-edit-modal .bootstrap-select.select-elevated .dropdown-menu,
.edit-resident-redesign .bootstrap-select.select-elevated .dropdown-menu,
#enddate-popup .bootstrap-select.select-elevated .dropdown-menu {
    z-index: 4001 !important;
}

.vehicle-edit-modal .fileUpload,
.edit-resident-redesign .fileUpload {
    color: var(--nx-dashboard-text);
    display: block;
    font-size: .95rem;
    font-weight: 500;
    margin-bottom: .75rem;
    padding: 0;
}

.vehicle-incident-view-form {
    background: #f8fafc;
    border-radius: 1rem;
    color: var(--nx-dashboard-text);
    overflow: hidden;
}

.vehicle-incident-view-header {
    margin: -1.5rem -1.5rem 1.25rem;
}

.vehicle-incident-redesign-modal .modal-body {
    margin: 0 !important;
    padding: 0 !important;
}

.vehicle-incident-redesign-modal .vehicle-incident-view-header {
    margin: 0 0 1.25rem;
    padding: 1.5rem 2rem;
}

.recruitment-alert-card .accordion-body,
.vehicle-incident-redesign-modal .vehicle-incident-view-body {
    padding: 0 1.5rem 1.5rem;
}

.vehicle-incident-view-header .close,
.vehicle-incident-upload-header .close {
    align-items: center;
    background: rgba(255, 255, 255, .14);
    border: .0725rem solid rgba(255, 255, 255, .28);
    border-radius: .75rem;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.25rem;
    justify-content: center;
    opacity: 1;
    width: 2.25rem;
}

.vehicle-incident-view-body {
    animation: dashboard-fade-up .35s ease-out both;
    height: 40rem;
    overflow-y: scroll;
}

.vehicle-incident-view-section .key-mobile p,
.vehicle-incident-view-section label {
    color: var(--nx-dashboard-text);
    font-size: .9rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.vehicle_view_page#view-incident .viewModalW .edit-main-form-input-sec input,
.vehicle_view_page#view-incident .viewModalW .edit-main-form-input-sec textarea {
    padding: .5em .7em;
    background: #ffffff;
    border: 1px solid var(--ind-text);
    margin-bottom: 10px;
    box-shadow: none;
    border-radius: 10px !important;
    width: 100%;
}

.vehicle-incident-view-section .key-mobile h4,
.vehicle-incident-view-description {
    color: var(--nx-dashboard-muted);
    font-size: .95rem;
    font-weight: 500;
    line-height: 1.5;
    margin: 0;
}

.vehicle-incident-view-section .form-control {
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .875rem !important;
    color: var(--nx-dashboard-text) !important;
    min-height: 2.75rem;
}

.candidate-form-redesign textarea,
.vehicle-incident-view-section textarea.form-control {
    min-height: 6rem;
}

.vehicle-incident-upload-modal {
    z-index: 1085;
}

.vehicle-incident-upload-modal .modal-content {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .22);
    overflow: hidden;
}

.vehicle-edit-modal .modal-body::-webkit-scrollbar,
.vehicle-incident-upload-modal .modal-body::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

.document_upload table tr:nth-child(odd),
.employee-home-history-card .accordion-collapse.collapse.show::-webkit-scrollbar-track,
#dynamicFormUploadedFilesModal .modal-body::-webkit-scrollbar-track,
div#home-table_wrapper,
.vehicle-edit-modal .modal-body::-webkit-scrollbar-track,
.vehicle-incident-upload-modal .modal-body::-webkit-scrollbar-track {
    background: transparent;
}

.vehicle-edit-modal .modal-body::-webkit-scrollbar-thumb,
.vehicle-incident-upload-modal .modal-body::-webkit-scrollbar-thumb {
    background-color: rgba(37, 99, 235, .35);
    border-radius: 999px;
}

.vehicle-edit-modal .modal-body::-webkit-scrollbar-thumb:hover,
.vehicle-incident-upload-modal .modal-body::-webkit-scrollbar-thumb:hover {
    background-color: rgba(37, 99, 235, .55);
}

.vehicle-edit-modal .modal-body {
    background: #f8fafc;
    max-height: 75vh;
    padding: 1.25rem !important;
    scrollbar-color: var(--nx-dashboard-primary) transparent;
    scrollbar-width: thin;
}

.vehicle-incident-upload-modal .modal-body {
    background: #fff;
    height: auto;
    max-height: 75vh;
    overflow-y: auto;
    padding: 1.5rem !important;
    scrollbar-color: var(--nx-dashboard-primary) transparent;
    scrollbar-width: thin;
}

.vehicle-incident-upload-header {
    align-items: center;
    background: linear-gradient(135deg, var(--nx-dashboard-primary) 0%, rgba(37, 99, 235, .9) 100%) !important;
    border: 0 !important;
    display: flex;
    justify-content: space-between;
    padding: 1.25rem 1.5rem !important;
}

.vehicle-incident-upload-header p {
    color: rgba(255, 255, 255, .72);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .12em;
    margin: 0 0 .25rem;
    text-transform: uppercase;
}

.vehicle-incident-upload-header h3 {
    color: #fff;
    font-family: var(--nx-heading-font) !important;
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0;
}

.vehicle-incident-upload-modal label {
    color: var(--nx-dashboard-text);
    font-size: .9rem;
    font-weight: 500;
    margin-bottom: .5rem;
}

.vehicle-incident-upload-modal .form-control {
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .875rem !important;
    min-height: 2.75rem;
}

.vehicle-incident-upload-modal .vehicle-incident-upload-file {
    cursor: pointer;
    padding: .55rem .75rem !important;
}

.vehicle-incident-upload-modal .vehicle-incident-upload-file::file-selector-button {
    background: #eef4ff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .625rem;
    color: var(--nx-dashboard-primary);
    cursor: pointer;
    font-weight: 600;
    margin-right: .75rem;
    padding: .35rem .75rem;
}

.reports-redesign,
.report-log-redesign,
.edit-task-form-redesign {
    background: #f8fafc;
    color: var(--nx-dashboard-text);
    min-height: calc(100vh - 8.75rem);
    padding: 2rem 1.5rem 2.5rem !important;
}

.reports-breadcrumb-row,
.report-log-breadcrumb-row,
.edit-task-form-breadcrumb,
.vehicle-forms-breadcrumb-row {
    gap: 1rem;
    margin-bottom: 1rem;
}

.reports-blue-header {
    animation: dashboard-fade-up .35s ease-out both;
    background: linear-gradient(135deg, var(--nx-dashboard-primary) 0%, rgba(37, 99, 235, .92) 58%, rgba(37, 99, 235, .82) 100%);
    border-radius: 1.5rem;
    box-shadow: 0 1.5rem 3rem rgba(37, 99, 235, .18);
    color: #fff;
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 2rem;
    margin-top: 0 !important;
}

.reports-blue-icon {
    align-items: center;
    background: rgba(255, 255, 255, .16);
    border-radius: 1rem;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    height: 4rem;
    justify-content: center;
    width: 4rem;
}

.reports-blue-header p {
    color: rgba(255, 255, 255, .78);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .14em;
    margin: 0 0 .5rem;
    text-transform: uppercase;
}

.reports-blue-header h1 {
    color: #fff;
    font-family: var(--nx-heading-font) !important;
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
}

.reports-blue-header i {
    color: #dee8fe !important;
}

.reports-blue-header span {
    color: rgba(255, 255, 255, .85);
    display: flex;
    font-size: .95rem;
    font-weight: 400;
}

.reports-main-panel {
    animation: dashboard-fade-up .35s ease-out .05s both;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1.25rem;
    box-shadow: 0 .0725rem .1875rem rgba(15, 23, 42, .06);
    overflow: visible;
    padding: 1rem 1.3rem;
}

.reports-current-heading {
    margin-bottom: 1.75rem;
}

.reports-current-heading h2 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 .5rem;
}

.reports-current-heading p {
    color: #66738b;
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
}

.reports-date-card,
.reports-filter-card {
    background: #fcfdfd;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
}

.reports-card-title {
    align-items: center;
    color: var(--nx-dashboard-text);
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    gap: .625rem;
    margin-bottom: 1.25rem;
}

.reports-filter-grid {
    row-gap: 1.25rem;
}

.reports-redesign label {
    color: #646f87;
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: .5rem;
}

.reports-redesign .bootstrap-select>.dropdown-toggle::after {
    color: #8a94a6;
}

.reports-redesign .bootstrap-select .dropdown-menu {
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, .12);
    z-index: 1080;
    padding-bottom: 0;
}

.reports-redesign .blue-big-button,
.reports-redesign .blue-outline-big-button {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
    justify-content: center;
}

.reports-filter-actions {
    display: flex;
    gap: .75rem;
    justify-content: flex-end;
    margin: 1.5rem 0;
}

.reports-chart-inline .highcharts-figure {
    display: none;
    min-height: 0;
}

.reports-chart-inline #container {
    min-height: 0;
}

.reports-main-panel .common-table-wrap {
    overflow-x: visible;
}

.reports-main-panel #report-table {
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: 1rem;
    overflow: hidden;
    table-layout: auto;
    width: 100% !important;
}

.reports-main-panel .common-table th {
    background: #f8fafc !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .95rem !important;
    font-weight: 500 !important;
    padding: .6rem 1rem !important;
    text-transform: none;
    white-space: nowrap;
}

.reports-main-panel .common-table td {
    color: var(--nx-dashboard-text) !important;
    font-size: .95rem;
    font-weight: 500;
    padding: .6rem 1rem !important;
    vertical-align: middle;
}

.reports-main-panel .common-table td:nth-child(5),
.reports-main-panel .common-table td:nth-child(6) span {
    color: #66738b;
}

.reports-main-panel .common-table td:last-child a {
    align-items: center;
    background: var(--nx-dashboard-primary);
    border: .0725rem solid var(--nx-dashboard-primary);
    border-radius: .75rem;

    color: #fff;
    display: inline-flex;
    font-size: .86rem;
    font-weight: 500;
    gap: .35rem;
    justify-content: center;
    padding: .2rem .7rem;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
    width: auto;
}

.reports-main-panel .common-table td:last-child a::after {
    content: "View";
}

.reports-main-panel .common-table td:last-child a+a::after {
    content: "Edit";
}

.reports-main-panel .common-table td:last-child a:hover,
.reports-main-panel .common-table td:last-child a:focus {
    background: #1d4ed8;
    color: #fff !important;
    transform: translateY(-.0725rem);
}

.reports-main-panel .common-table td:last-child i {
    color: currentColor !important;
    display: none !important;
}

.report-log-hero {
    flex-wrap: wrap;
    justify-content: space-between;
}

.report-log-hero>div:not(.report-log-hero-actions) {
    flex: 1 1 20rem;
    min-width: 0;
}

.report-log-hero-actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: flex-end;
    margin-left: auto;
}

.report-log-pdf-button {
    align-items: center;
    background: #fff;
    border: .0725rem solid rgba(255, 255, 255, .55);
    border-radius: .75rem;
    color: var(--nx-dashboard-primary) !important;
    display: inline-flex;
    font-size: .9rem;
    font-weight: 600;
    gap: .5rem;
    justify-content: center;
    min-height: 2.75rem;
    padding: .625rem 1rem;
    text-decoration: none;
    transition: background-color .2s ease, box-shadow .2s ease, transform .2s ease;
    white-space: nowrap;
}

.report-log-pdf-button:hover,
.report-log-pdf-button:focus {
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 .75rem 1.5rem rgba(15, 23, 42, .12);
    color: var(--nx-dashboard-primary) !important;
    transform: translateY(-.0725rem);
}

.report-log-card {
    animation: dashboard-fade-up .35s ease-out .06s both;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 .0725rem .1875rem rgba(15, 23, 42, .06);
    margin-bottom: 1.5rem;
    padding: 1.5rem;
}

.report-log-card-header h2,
.report-log-section-title h2 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
}

.report-log-card-header p,
.report-log-section-title p {
    color: var(--nx-dashboard-muted);
    font-size: 1rem;
    font-weight: 400;
    margin: .25rem 0 0;
}

.report-log-info-grid {
    border: 0;
    box-shadow: none;
    margin-top: 1.25rem;
    padding: 0 !important;
}

.report-log-info-grid .main-form-header-info,
.report-log-info-grid .general-information-1 {
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.report-log-info-grid p {
    color: var(--nx-dashboard-muted);
    font-size: .8rem;
    font-weight: 600;
    margin-bottom: .25rem;
}

.report-log-info-grid h4 {
    color: var(--nx-dashboard-text);
    font-size: .95rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.report-log-sensitivity {
    background: #f8fafc;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    margin-top: .5rem;
    overflow: visible;
    padding: .8rem;
    position: relative;
    z-index: 80;
}

.report-log-sensitivity-top {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.report-log-sensitivity-top .report-log-section-title {
    align-items: center;
    margin-bottom: 0;
}

.report-log-section-title {
    align-items: flex-start;
    display: flex;
    gap: .75rem;
    margin-bottom: 1.25rem;
}

.report-log-section-title>i,
.report-log-section-title>svg {
    color: var(--nx-dashboard-primary);
    flex: 0 0 auto;
    height: 1.25rem;
    margin-top: .125rem;
    width: 1.25rem;
}

.report-log-info-icon {
    color: var(--nx-dashboard-muted) !important;
    height: 1.125rem !important;
    margin-left: .25rem;
    width: 1.125rem !important;
}

.report-log-info-tooltip {
    display: inline-flex;
    line-height: 1;
    position: relative;
}

.report-log-info-tooltip>span {
    background: var(--nx-dashboard-primary);
    border-radius: .75rem;
    bottom: calc(100% + .75rem);
    box-shadow: 0 .75rem 1.5rem rgba(37, 99, 235, .22);
    color: #fff;
    font-size: .9rem;
    font-weight: 500;
    left: 50%;
    line-height: 1.35;
    opacity: 0;
    padding: .75rem 1rem;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%) translateY(.25rem);
    transition: opacity .18s ease, transform .18s ease;
    visibility: hidden;
    white-space: normal;
    width: 24rem;
    z-index: 160;
}

.report-log-info-tooltip:hover>span,
.report-log-info-tooltip:focus-within>span {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
    visibility: visible;
}

.report-log-sensitivity-toggle {
    align-items: center;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .75rem;
    box-shadow: 0 .125rem .375rem rgba(15, 23, 42, .08);
    color: var(--nx-dashboard-text);
    display: inline-flex;
    font-size: .85rem;
    font-weight: 500;
    gap: .4rem;
    justify-content: center;
    min-height: 2.75rem;
    padding: .3rem .8rem;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
    white-space: nowrap;
}

.report-log-sensitivity-toggle:hover,
.report-log-sensitivity-toggle:focus {
    border-color: rgba(37, 99, 235, .24);
    box-shadow: 0 .5rem 1rem rgba(15, 23, 42, .1);
    transform: translateY(-.0725rem);
}

.report-log-sensitivity.is-sensitive .report-log-sensitivity-toggle {
    background: #e92525;
    border-color: #e92525;

    color: #fff;
}

.report-log-sensitivity-controls {
    display: none;
    margin-top: 1.5rem;
}

.main_employee_resident_view_page .main-reffral-form-cus.resident-profile.buttons-row a.resident-profile-bts,
.main_employee_resident_view_page .resident-profile.buttons-row a.resident-profile-bts,
.vehicle_view_page .main-reffral-form-cus.resident-profile.buttons-row a.resident-profile-bts,
.date-picker-wrapper .footer span.custom-shortcut,
.second_notes_content .row.inside_btn_row.pt-3 a.btn,
.main_refferals_page .resident-profile.buttons-row a.resident-profile-bts,
.email_list_refrrals .buttons_row .search button.close_icon.active,
.direct_work_page .main-reffral-form-cus.resident-profile.buttons-row a.resident-profile-bts,
.direct_work_page .resident-profile.buttons-row a.resident-profile-bts,
.employee_documents_categories .main-reffral-form-cus.resident-profile.buttons-row a.resident-profile-bts,
.employee_documents_categories .resident-profile.buttons-row a.resident-profile-bts,
.employee_supervision_history .main-reffral-form-cus.resident-profile.buttons-row a.resident-profile-bts,
.management_set_permission_page input[type="radio"]:checked+span .fake-radiobutton:after,
.managment_monthly_review_page .panel.panel-default .collapse:not(.show),
.report-log-sensitivity.is-sensitive .report-log-sensitivity-controls {
    display: block;
}

.report-log-sensitivity label {
    color: var(--nx-dashboard-text);
    font-size: .9rem;
    font-weight: 600;
    margin-bottom: .5rem;
}

.report-log-sensitivity .bootstrap-select {
    width: 100% !important;
    position: relative;
    z-index: 120;
}

.report-log-sensitivity .bootstrap-select.open,
.report-log-sensitivity .bootstrap-select.show {
    position: relative;
    z-index: 120;
}

.report-log-sensitivity .bootstrap-select>.dropdown-toggle {
    width: 100% !important;
    background-color: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .875rem !important;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .04) !important;
    color: var(--nx-dashboard-text) !important;
    margin: 0 !important;
}

.report-log-sensitivity select {
    background-color: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .875rem !important;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .04) !important;
    color: var(--nx-dashboard-text) !important;
    margin: 0 !important;
}

.report-log-sensitivity .bootstrap-select .dropdown-menu {
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, .14);
    max-height: 18rem !important;
    z-index: 4090 !important;
}

.report-log-sensitivity-badges {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .625rem;
    margin-top: 1rem;
}

.report-log-sensitivity-badge {
    align-items: center;
    background: #eaf1fb;
    border: 0;
    border-radius: 999rem;
    color: #17479e;
    display: inline-flex;
    font-size: .9rem;
    font-weight: 700;
    gap: .5rem;
    min-height: 2rem;
    padding: .375rem .75rem;
}

.report-log-sensitivity-badge button {
    align-items: center;
    background: transparent;
    border: 0;
    color: currentColor;
    display: inline-flex;
    height: 1rem;
    justify-content: center;
    padding: 0;
    width: 1rem;
}

.report-log-submission-card {
    overflow: visible;
    position: relative;
    z-index: 90;
}

.report-log-timeline-card,
.independence-signature-modal #sig canvas {
    position: relative;
    z-index: 1;
}

.report-log-timeline.step-indicator {
    max-height: 20rem;
    overflow-y: scroll;
}

.report-log-timeline .dates_cus {
    display: grid;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0 0 0 1.25rem;
    position: relative;
}

.report-log-timeline .dates_cus::before {
    background: var(--nx-dashboard-border);
    bottom: .75rem;
    content: "";
    left: .375rem;
    position: absolute;
    top: .75rem;
    width: .0725rem;
}

.report-log-timeline .date_item a {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .75rem;
    color: inherit;
    display: block;
    padding: 1rem;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.report-log-timeline .date_item a:hover,
.report-log-timeline .date_item a:focus {
    background: #f8fafc;
    border-color: rgba(37, 99, 235, .28);
    transform: translateY(-.0725rem);
}

.report-log-timeline .date_item.active a {
    background: rgba(37, 99, 235, .06);
    border-color: var(--nx-dashboard-primary);
}

.report-log-timeline .step {
    margin-top: 0;
    padding: 0;
    position: relative;
}

.report-log-timeline .colorrmove {
    color: var(--nx-dashboard-muted);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
}

.report-log-timeline .colorrmovename {
    color: var(--nx-dashboard-text);
    display: block;
    font-size: .95rem;
    font-weight: 600;
}

.report-log-edit-panel {
    align-items: center;
    background: #f8fafc;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    padding: 1rem;
}

.report-log-edit-panel p {
    color: var(--nx-dashboard-muted);
    font-size: .9rem;
    font-weight: 500;
    margin: 0;
}

.report-log-edit-actions,
.home-tracker-modal-title-wrap,
.independence-accordion .blue {
    align-items: center;
    display: flex;
    gap: .75rem;
}

.report-log-edit-actions .blue-big-button,
.report-log-edit-actions .blue-outline-big-button {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
    justify-content: center;
    min-width: 6rem;
    width: auto !important;
}

.report-log-edit-actions .blue-big-button svg {
    width: 1rem;
}

.report-log-form-card .form-view-card {
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    overflow: visible;
}

.vehicle-forms-redesign {
    background: #f8fafc;
    color: var(--nx-dashboard-text);
    padding: 2rem 1.5rem 2.5rem !important;
}

.vehicle-forms-panel {
    animation: dashboard-fade-up .35s ease-out .05s both;
    margin-bottom: 1.25rem;
    overflow: visible;
    position: relative;
    z-index: 30;
}

.vehicle-forms-toolbar {
    gap: 1rem;
}

.vehicle-forms-toolbar-main {
    gap: .75rem;
    min-width: 16rem;
}

.vehicle-forms-filter-form {
    min-width: 18rem;
}

table#resident-table,
.reports-responsive,
.employee_attendance_record .attendance-search-form,
.maintenance-redesign .bootstrap-select,
#table_widths.recruitment-table-card:has(#jobadverts-table) .dataTables_wrapper>table,
#table_widths.recruitment-table-card:has(#candidate-table) .dataTables_wrapper>table,
#table_widths.recruitment-table-card:has(#dbs-table) .dataTables_wrapper>table,
#table_widths.recruitment-table-card:has(#reference-table) .dataTables_wrapper>table,
#table_widths.recruitment-table-card:has(#schedule-table) .dataTables_wrapper>table,
#table_widths.recruitment-table-card:has(#new-starter-table) .dataTables_wrapper>table,
#table_widths.recruitment-table-card:has(#probation-table) .dataTables_wrapper>table,
#table_widths.recruitment-table-card:has(#interview-table) .dataTables_wrapper>table,
.reports-redesign .bootstrap-select,
.vehicle-forms-redesign .bootstrap-select {
    width: 100% !important;
}

.vehicle-forms-redesign .bootstrap-select>.dropdown-toggle {
    background-color: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .9rem !important;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .05) !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem !important;
    min-height: 2.5rem;
    padding: .4rem .875rem !important;
}

.vehicle-forms-search {
    min-width: 15rem;
    position: relative;
}

.vehicle-forms-search>span {
    color: var(--nx-dashboard-muted);
    left: .875rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.vehicle-forms-redesign .dataTables_filter {
    display: block;
    margin: 0;
}

.vehicle-forms-redesign .dataTables_filter label {
    font-size: 0;
    margin: 0;
    width: 100%;
}

.vehicle-forms-redesign .dataTables_filter input {
    background-color: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .9rem !important;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .05) !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem !important;
    min-height: 2.5rem;
    padding: .4rem .875rem !important;
    margin: 0 !important;
    padding-left: 2.5rem !important;
}

.vehicle-forms-redesign .common-table th {
    background: #f8fafc !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .85rem !important;
    font-weight: 500 !important;
    text-transform: uppercase;
}

.cap label::first-letter,
.cap h5::first-letter,
.cap h4::first-letter,
.cap::first-letter,
.accordion-button::after p::first-letter,
.acknowledgement_main_form h3,
#maintenance_table th {
    text-transform: capitalize;
}

.vehicle-form-name {
    align-items: center;
    display: inline-flex;
    gap: .75rem;
}

.vehicle-form-name .vehicle-key-icon {
    border-radius: 999rem;
    flex: 0 0 auto;
    height: 2.25rem;
    margin: 0;
    width: 2.25rem;
}

.vehicle-form-name .vehicle-key-icon svg,
.vehicle-form-name .vehicle-key-icon i {
    height: 1.05rem;
    width: 1.05rem;
}

.vehicle-forms-table-card {
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}

.vehicle-forms-table-card .common-table {
    border-radius: 1rem;
    overflow: hidden;
}

.vehicle-form-type-badge {
    align-items: center;
    border-radius: 999rem;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    padding: .4rem .7rem;
    white-space: nowrap;
}

.vehicle-form-open-action {
    align-items: center;
    border-radius: .625rem;
    color: var(--nx-dashboard-primary) !important;
    display: inline-flex;
    font-size: .8rem;
    font-weight: 600;
    gap: .35rem;
    justify-content: center;
    min-height: 2.25rem;
    padding: .5rem .75rem;
    text-decoration: none !important;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.vehicle-form-open-action:hover,
.vehicle-form-open-action:focus {
    background: #eff6ff;
    transform: translateY(-.0725rem);
}

.reports-shell,
.report-log-shell,
.edit-task-form-shell,
.vehicle-fill-form-shell {
    margin: 0 auto;
}

.edit-task-form-card,
.vehicle-fill-form-card {
    animation: dashboard-fade-up .35s ease-out .08s both;
}

.crmview-form-wrapper .formbuilder-checkbox {
    display: flex;
    margin: 1rem 0;
    align-items: center;
    gap: .7rem;
}

div#fb-editor .formbuilder-radio input,
.crmview-form-wrapper .row:last-child button,
.acknowledgement_main_form1 .crminline-group .radio-group label,
.acknowledgement_main_form1 .crminline-checkbox-group-inline .checkbox-group label,
.homes_activity_suit_details .block_radio_cus_box label,
.inHouse_education_page .block_radio_cus_box label,
ul.inline_btn li,
.recruitment-inner-redesign .solo-btn-tab:hover .icon-white,
.recruitment-inner-redesign .solo-btn-tab.active .icon-white,
.crmview-form-wrapper .formbuilder-checkbox label {
    display: inline-block;
}

.crmview-form-wrapper .formbuilder-checkbox input[type="checkbox"] {
    margin-bottom: 0;
    width: 1.4rem !important;
    height: 1.4rem !important;
    display: inline-block;
    margin-top: -2px;
    border-radius: .3rem;
}

.vehicle-fill-form-redesign label,
.vehicle-fill-form-redesign #fb-render label,
.vehicle-fill-form-redesign #fb-render .formbuilder-text-label,
.vehicle-fill-form-redesign #fb-render .formbuilder-textarea-label,
.vehicle-fill-form-redesign #fb-render .formbuilder-number-label,
.vehicle-fill-form-redesign #fb-render .formbuilder-date-label,
.vehicle-fill-form-redesign #fb-render .formbuilder-select-label,
.vehicle-fill-form-redesign #fb-render .formbuilder-radio-group-label,
.vehicle-fill-form-redesign #fb-render .formbuilder-checkbox-group-label {
    color: var(--nx-dashboard-text);
    display: inline-flex;
    float: none !important;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: .5rem;
}

.vehicle-fill-form-redesign #fb-render .form-control,
.vehicle-fill-form-redesign #fb-render input[type="text"],
.vehicle-fill-form-redesign #fb-render input[type="email"],
.vehicle-fill-form-redesign #fb-render input[type="number"],
.vehicle-fill-form-redesign #fb-render input[type="date"],
.vehicle-fill-form-redesign #fb-render input[type="time"],
.vehicle-fill-form-redesign #fb-render input[type="password"],
.vehicle-fill-form-redesign #fb-render input[type="file"],
.vehicle-fill-form-redesign #fb-render select,
.vehicle-fill-form-redesign #fb-render .bootstrap-select>.dropdown-toggle {
    background-color: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .875rem !important;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .04) !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem !important;
    min-height: 3rem;
    padding: .625rem .875rem !important;
}

.vehicle-fill-form-redesign #fb-render .form-control::placeholder,
.vehicle-fill-form-redesign #fb-render input::placeholder,
.vehicle-fill-form-redesign #fb-render textarea::placeholder {
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem;
    font-weight: 500;
    opacity: 1;
}

.vehicle-fill-form-redesign #fb-render .form-control:hover,
.vehicle-fill-form-redesign #fb-render input[type="text"]:hover,
.vehicle-fill-form-redesign #fb-render input[type="email"]:hover,
.vehicle-fill-form-redesign #fb-render input[type="number"]:hover,
.vehicle-fill-form-redesign #fb-render input[type="date"]:hover,
.vehicle-fill-form-redesign #fb-render input[type="time"]:hover,
.vehicle-fill-form-redesign #fb-render input[type="password"]:hover,
.vehicle-fill-form-redesign #fb-render select:hover,
.vehicle-fill-form-redesign #fb-render textarea:hover {
    border-color: rgba(37, 99, 235, .25) !important;
}

.vehicle-fill-form-redesign #fb-render textarea {
    background-color: #fff !important;
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: .875rem !important;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .04) !important;
    color: var(--nx-dashboard-text) !important;
    font-size: .875rem !important;
    min-height: 3rem;
    padding: .625rem .875rem !important;
    min-height: 7rem;
}

.vehicle-fill-form-redesign #fb-render .bootstrap-select,
.vehicle-fill-form-redesign #fb-render .bootstrap-select.open,
.vehicle-fill-form-redesign #fb-render .bootstrap-select.show {
    position: relative;
    width: 100% !important;
    z-index: 40;
}

.vehicle-fill-form-redesign #fb-render .bootstrap-select .dropdown-menu {
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, .12);
    max-height: 18rem !important;
    z-index: 2080 !important;
}

.vehicle-fill-form-redesign #fb-render .datepicker,
.vehicle-fill-form-redesign #fb-render .hasDatepicker {
    background-color: #fff !important;
}

.vehicle-fill-form-redesign #fb-render .radio-group.row,
.vehicle-fill-form-redesign #fb-render .checkbox-group.row {
    display: flex;
    row-gap: .625rem;
}

.vehicle-fill-form-redesign #fb-render .formbuilder-radio,
.vehicle-fill-form-redesign #fb-render .radio-group>[class*="col-"],
.vehicle-fill-form-redesign #fb-render .checkbox-group>[class*="col-"] {
    gap: .625rem;
}

.vehicle-fill-form-redesign #fb-render input[type="radio"] {
    accent-color: var(--nx-dashboard-primary);
    cursor: pointer;
    flex: 0 0 auto;
    height: 1.125rem;
    margin: 0 !important;
    min-height: auto;
    width: 1.125rem;
}

.vehicle-fill-form-redesign #fb-render .formbuilder-radio label,
.vehicle-fill-form-redesign #fb-render .radio-group>[class*="col-"] label,
.vehicle-fill-form-redesign #fb-render .checkbox-group>[class*="col-"] label {
    color: var(--nx-dashboard-text);
    cursor: pointer;
    font-size: .875rem;
    font-weight: 500;
    margin: 0;
}

.vehicle-fill-form-redesign #fb-render .formbuilder-radio:has(input:checked),
.vehicle-fill-form-redesign #fb-render .radio-group>[class*="col-"]:has(input:checked),
.vehicle-fill-form-redesign #fb-render .checkbox-group>[class*="col-"]:has(input:checked) {
    background: #eff6ff;
    border-color: rgba(37, 99, 235, .35);
}

.vehicle-fill-form-redesign #fb-render .two_btn_row {
    position: relative;
    align-items: end !important;
    display: inline-flex;
    gap: 0.75rem;
    justify-content: flex-end;

    padding-top: 1.5rem;

    margin-right: 1rem !important;
    margin: auto;
}

.vehicle-fill-form-redesign #fb-render .two_btn_row::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 78rem;
    height: 0.0725rem;
    background: var(--nx-dashboard-border);
}

.vehicle-fill-form-redesign #fb-render .two_btn_row>[class*="col-"] {
    flex: 0 0 auto;
    margin-bottom: 0 !important;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    width: auto;
}

.vehicle-fill-form-redesign #fb-render>[class*="col-"] {
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: auto;
}

.nexcare-form-action-draft {
    color: #0e3995 !important;
    background-color: #e4ecf6 !important;
}

.nexcare-form-action-section {
    color: #131a2b !important;
    border: 1px solid #d7dfea !important;
    background-color: white !important;
}

.nexcare-form-action-btn {
    align-items: center;
    border-radius: .875rem !important;
    display: inline-flex !important;
    font-size: .95rem !important;
    font-weight: 700 !important;
    gap: .625rem;
    justify-content: center;
    letter-spacing: 0;
    line-height: 1.2;
    min-height: 3rem;
    padding: .75rem 1.25rem !important;
    text-decoration: none !important;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
    white-space: nowrap;
    width: auto !important;
}

.nexcare-form-action-btn svg,
.nexcare-form-action-btn i {
    flex: 0 0 auto;
    height: 1.15rem;
    width: 1.15rem;
}

.nexcare-form-action-draft:hover,
.nexcare-form-action-draft:focus {
    background: #dcecff !important;
    box-shadow: 0 .625rem 1.25rem rgba(37, 99, 235, .14);
    color: #123f8e !important;
}

.nexcare-form-action-section:hover,
.nexcare-form-action-section:focus {
    background: #fff !important;
    border-color: rgba(37, 99, 235, .35) !important;
    box-shadow: 0 .5rem 1rem rgba(15, 23, 42, .1);
    color: var(--nx-dashboard-text) !important;
}

.nexcare-form-action-approval:hover,
.nexcare-form-action-approval:focus {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    box-shadow: 0 .625rem 1.25rem rgba(37, 99, 235, .28);
    color: #fff !important;
}

.vehicle-fill-form-redesign #fb-render .saveapprovel {
    flex: 0 0 auto;
    margin-bottom: 0 !important;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    width: auto;
    align-items: center;
    border-radius: .75rem !important;
    display: inline-flex;
    font-size: .875rem !important;
    font-weight: 600 !important;
    justify-content: center;
    min-height: 2.75rem;
    padding: .625rem 1rem !important;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
    white-space: nowrap;
    width: auto !important;
}

.vehicle-fill-form-redesign #fb-render .blue-big-button,
.vehicle-fill-form-redesign #fb-render .blue-outline-big-button,
.vehicle-fill-form-redesign #fb-render .finalsave {
    align-items: center;
    border-radius: .75rem !important;
    display: inline-flex;
    font-size: .875rem !important;
    font-weight: 600 !important;
    justify-content: center;
    min-height: 2.75rem;
    padding: .625rem 1rem !important;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease, transform .2s ease;
    white-space: nowrap;
    width: auto !important;
}

.nexcare-form-action-btn:hover,
.nexcare-form-action-btn:focus,
.vehicle-fill-form-redesign #fb-render .blue-big-button:hover,
.vehicle-fill-form-redesign #fb-render .finalsave:hover,
.vehicle-fill-form-redesign #fb-render .saveapprovel:hover {
    transform: translateY(-.0725rem);
}

.vehicle-key-modal-header {
    align-items: flex-start;
    background: linear-gradient(160deg, #2563eb 4%, #1d4ed8 100%);
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 1.5rem;
}

.vehicle-key-modal-header p {
    color: rgba(255, 255, 255, .72);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .12em;
    margin: 0 0 .35rem;
    text-transform: uppercase;
}

.vehicle-key-modal-header h3 {
    color: #fff;
    font-family: var(--nx-heading-font) !important;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
}

.vehicle-key-modal-header span {
    color: rgba(255, 255, 255, .82);
    display: inline-flex;
    font-size: .95rem;
    font-weight: 400;
    margin-top: .35rem;
}

.vehicle-key-modal-header .close {
    align-items: center;

    border-radius: .75rem;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.25rem;
    justify-content: center;
    opacity: 1;
    width: 2.25rem;
}

.vehicle-key-modal-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    height: 40rem;
    overflow-y: scroll;
    padding: 1.5rem;
}

.vehicle-key-modal-card {
    align-items: flex-start;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 .0725rem .1875rem rgba(15, 23, 42, .06);
    display: flex;
    gap: .875rem;
    padding: 1rem;
    width: 48%;
    margin: auto;
}

.vehicle-key-modal-card-wide {
    grid-column: span 3;
}

.vehicle-key-modal-card p {
    color: var(--nx-dashboard-muted);
    font-size: .85rem;
    font-weight: 500;
    letter-spacing: .04em;
    margin: 0 0 .35rem;
    text-transform: uppercase;
}

.vehicle-key-modal-card h4 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.3;
    margin: 0;
    overflow-wrap: anywhere;
}

.vehicle-detail-header {
    gap: 1rem;
    margin-bottom: 1.25rem;
}

input+label,
.inner_form_heading,
.homes_activity_suit_details .inner_form_heading,
.inHouse_education_page .inner_form_heading,
.fc-toolbar.fc-header-toolbar,
.job-advert-detail-item,
.reports-breadcrumb-row .crm-breadcrumb-inner,
.reports-breadcrumb-row .breadcrumb,
.vehicle-forms-breadcrumb-row .crm-breadcrumb-inner,
.vehicle-forms-breadcrumb-row .breadcrumb,
.vehicle-detail-header .crm-breadcrumb-inner,
.vehicle-detail-header .breadcrumb {
    margin-bottom: 0 !important;
}

.vehicle-profile-blue-card {
    align-items: start;
    animation: dashboard-fade-up .35s ease-out both;
    background: linear-gradient(135deg, var(--nx-dashboard-primary) 0%, rgba(37, 99, 235, .92) 58%, rgba(37, 99, 235, .82) 100%);
    border-radius: 1.5rem;
    box-shadow: 0 1.5rem 3rem rgba(37, 99, 235, .18);
    color: #fff;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    margin-bottom: 1.7rem;
    overflow: hidden;
    padding: 2rem;
    position: relative;
}

.vehicle-profile-blue-card::after {
    background: rgba(255, 255, 255, .08);
    border-radius: 999rem;
    content: "";
    filter: blur(2rem);
    height: 14rem;
    position: absolute;
    right: -4rem;
    top: -5rem;
    width: 14rem;
}

.vehicle-profile-main {
    align-items: center;
    display: flex;
    gap: 1.25rem;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.vehicle-profile-media {
    align-items: center;
    background: rgba(255, 255, 255, .16);
    border: .0725rem solid rgba(255, 255, 255, .22);
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 5.5rem;
    height: 5.5rem;
    justify-content: center;
    overflow: hidden;
    width: 5.5rem;
}

.vehicle-profile-media-home {
    align-items: center;
    background: rgba(255, 255, 255, .16);
    border: .0725rem solid rgba(255, 255, 255, .22);
    border-radius: 1rem;
    display: inline-flex;
    flex: 0 0 4rem;
    height: 4rem;
    justify-content: center;
    overflow: hidden;
    width: 4rem;
}

.vehicle-profile-media img {
    border-radius: inherit;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.vehicle-profile-placeholder {
    align-items: center;
    background: rgba(255, 255, 255, .2);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.vehicle-profile-placeholder svg,
.vehicle-profile-placeholder i {
    height: 2rem;
    width: 2rem;
    height: 2.75rem;
    width: 2.75rem;
}

.home-documents-table-header,
.report-log-info-grid .key-mobile,
.home-history-topbar {
    margin-bottom: 1.25rem;
}

.table.incident-table {
    border: 1px solid rgb(219 228 239) !important;
}

.home-history-card {
    animation: dashboard-fade-up .45s ease-out both;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 .0725rem .1875rem rgba(15, 23, 42, .06);
    padding: 1.25rem;
}

.home-history-grid {
    display: grid;
    gap: 1rem;
}

.home-history-box {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 .0725rem .125rem rgba(15, 23, 42, .04);
    padding: 1.25rem 1.25rem .25rem;
}

.home-history-box-title {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.home-history-box p {
    color: var(--nx-dashboard-muted);
    font-size: .8125rem;
    font-weight: 600;
    margin-bottom: .35rem;
}

.home-history-box h4 {
    color: var(--nx-dashboard-text);
    font-size: .95rem;
    font-weight: 600;
    margin: 0;
}

.home-history-box .text-primary {
    background: #dbeafe;
    border-radius: 62.5rem;
    color: var(--nx-dashboard-primary) !important;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 600;
    margin-left: .35rem;
    padding: .2rem .5rem;
}

.home-key-field,
.vehicle-profile-copy {
    min-width: 0;
}

.vehicle-profile-copy p {
    color: rgba(255, 255, 255, .68);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .12em;
    margin: 0 0 .375rem;
    text-transform: uppercase;
}

.vehicle-profile-copy h1 {
    color: #fff;
    font-family: var(--nx-heading-font) !important;
    font-size: clamp(1.75rem, 3vw, 2.3rem);
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
    overflow-wrap: anywhere;
    margin-bottom: .1rem;
}

.vehicle-profile-copy>span {
    color: rgba(255, 255, 255, .78);
    display: inline-flex;
    font-size: .875rem;
    font-weight: 500;
    margin-top: .5rem;
}

.vehicle-profile-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    margin-top: 1rem;
}

.vehicle-key-card p {
    color: #646f87;
    text-transform: uppercase;
    font-size: .86rem;
    font-weight: 500;
}

.vehicle-profile-actions a {
    align-items: center;
    display: inline-flex;
    font-size: .95rem;
    font-weight: 500;
    gap: .5rem;
    min-height: 2.5rem;
    padding: 0rem .875rem;
    position: relative;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
    z-index: 1;
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, .12);
    color: #fff !important;
}

.vehicle-profile-edit {
    align-items: center;
    display: inline-flex;
    font-size: .95rem;
    font-weight: 500;
    gap: .5rem;
    min-height: 2.5rem;
    padding: 0rem .875rem;
    position: relative;
    text-decoration: none;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
    z-index: 1;
    border-radius: .9rem;
    background: #fff;
    color: var(--nx-dashboard-primary) !important;
    flex: 0 0 auto;
}

.vehicle-profile-actions a:hover,
.vehicle-profile-actions a:focus {
    transform: translateY(-.0725rem);
    background: rgba(255, 255, 255, .2);
}

.vehicle-profile-edit:hover,
.vehicle-profile-edit:focus {
    transform: translateY(-.0725rem);
    background: rgba(255, 255, 255, .92);
}

.vehicle-profile-actions svg,
.vehicle-profile-edit svg,
.vehicle-incident-icon svg {
    align-items: center;
    display: inline-flex;
    height: 1.1rem;
    justify-content: center;
    width: 1.1rem;
}

p {
    font-family: "Inter", sans-serif;
    margin-bottom: .3rem;
}

.vehicle-section-title {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 1rem;
    text-transform: capitalize;
}

.vehicle-key-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-bottom: 1.5rem;
}

.vehicle-key-card {
    animation: dashboard-fade-up .35s ease-out .06s both;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 .0725rem .1875rem rgba(15, 23, 42, .06);
    display: flex;
    gap: 1rem;
    padding: 1.4rem 1.5rem;
}

.vehicle-key-card span {
    color: var(--nx-dashboard-muted);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.vehicle-key-card strong {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.vehicle-key-icon {
    align-items: center;
    border-radius: .85rem;
    display: inline-flex;
    height: 2.8rem;
    justify-content: center;
    margin-bottom: .25rem;
    width: 2.8rem;
    min-width: 2.8rem;
}

.vehicle-key-icon svg,
.vehicle-key-icon i {
    height: 1.4rem;
    width: 1.4rem;
}

.vehicle-key-icon-blue {
    background: #e2eafb;
    color: var(--nx-dashboard-primary) !important;
}

.vehicle-key-icon-violet {
    background: #f5f3ff;
    color: #7c3aed !important;
}

.vehicle-key-icon-dark {
    background: #64748b;
    color: #ffffff;
}

.vehicle-key-icon-amber {
    background: #fef3c7;
    color: #d97706;
}

.vehicle-key-icon-rose,
.independence-icon-rose {
    background: #fff1f2;
    color: #e11d48;
}

.vehicle-key-icon-cyan,
.independence-icon-cyan {
    background: #ecfeff;
    color: #0891b2;
}

.vehicle-key-icon-indigo,
.independence-icon-indigo {
    background: #eef2ff;
    color: #4f46e5;
}

.vehicle-key-icon-teal {
    background: #f0fdfa;
    color: #0f9888;
}

.vehicle-key-icon-orange,
.independence-icon-orange {
    background: #fff7ed;
    color: #ea580c;
}

.vehicle-key-icon-purple,
.independence-icon-purple {
    background: #faf5ff;
    color: #9333ea;
}

.vehicle-key-icon-green {
    background: #d1fae4;
    color: #16a34a;
}

.vehicle-key-card .home-redesign {
    padding: 0 !IMPORTANT;
}

.vehicle-detail-redesign .vehicle-incident-table-card .common-table-wrap {
    border-radius: 0;
}

.vehicle-detail-redesign .vehicle-incident-table-card .common-table th {
    font-size: .75rem !important;
    font-weight: 700 !important;
    letter-spacing: .04em;
    text-transform: uppercase;
    background: #fafbfd !important;
    border-top-left-radius: 1.4rem;
    border-top-right-radius: 1.4rem;
}

.maintenance-table-card .common-table td:nth-child(3),
.maintenance-table-card .common-table td:nth-child(4),
.candidate-dbs-redesign .input-icon .fa-calendar-days,
#table_widths.recruitment-table-card #new-starter-table td:last-child a[href*="admin/employee"],
#table_widths.recruitment-table-card #new-starter-table td:last-child a[href*="admin/employee"]:hover,
.vehicle-detail-redesign .vehicle-incident-table-card .common-table-action-view {
    color: var(--nx-dashboard-muted) !important;
}

.vehicle-incident-header {
    align-items: center;
    display: flex;
    gap: .875rem;
    padding: 1rem 1.5rem;
}

.vehicle-submit-btn {
    min-width: 8rem;
}

tr.ofsted-cap td,
.training-record-table-card table thead tr th {
    text-transform: capitalize !important;
}

table#vehicle-table,
table#homes-list-table,
.employees-redesign .common-table-wrap.main-home-home-table-sec-cus1.commontable table,
.employees-redesign .common-table {
    border: 0 !important;
}

.custom-user-dropdown~.dropdown-menu .dropdown-item.active,
.custom-user-dropdown~.dropdown-menu .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #2663eb !important;
}

.img-gradient img,
.btn-group.btn-group-sm.btn-block,
.fixed_table_scrolling .reports-responsive,
.pagination_wrapper,
.main_employee_resident_view_page .col-mad-12.key-data-main-heading,
.main_home_view_page .col-mad-12.key-data-main-heading,
.main_home_view_page .row.signe-row-cus,
.vehicle_view_page .col-mad-12.key-data-main-heading,
.vehicle_view_page .row.signe-row-cus,
.job_advert_page_cus.matrics-popup .modal-dialog .row.form-group.name .col-md-6 input.form-control,
.referrals_database_page .row.main-job-advert-table-sec-cus1 table,
.email_list_refrrals .buttons_row .col-4.search .wrap,
.email_list_refrrals .row.email_list_section table.email_list,
.homes_documents .main-reffral-form-cus.resident-profile .form-row.btn-row,
.activity_suit_page .row.signe-row-cus,
.independance-work-page .row.signe-row-cus,
.direct_work_page .row.signe-row-cus,
.saving_resident .row.main-job-advert-table-sec-cus1 table,
.visit_user_permission .row.form-group.edit-main-form-input-sec.resident-form nav.main-tabs,
.management_set_permission_page .row.form-group.edit-main-form-input-sec.resident-form nav.main-tabs,
.form_builder_add_page .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.form_builder_edit_page .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn),
.custom-user-dropdown .dropdown-menu,
.home-documents-filter,
.candidate-reference-redesign .candidate-reference-stack>*,
#table_widths.recruitment-table-card:has(#jobadverts-table) .dataTables_wrapper>.dataTables_filter,
#table_widths.recruitment-table-card:has(#candidate-table) .dataTables_wrapper>.dataTables_filter,
#table_widths.recruitment-table-card:has(#dbs-table) .dataTables_wrapper>.dataTables_filter,
#table_widths.recruitment-table-card:has(#reference-table) .dataTables_wrapper>.dataTables_filter,
#table_widths.recruitment-table-card:has(#schedule-table) .dataTables_wrapper>.dataTables_filter,
#table_widths.recruitment-table-card:has(#new-starter-table) .dataTables_wrapper>.dataTables_filter,
#table_widths.recruitment-table-card:has(#probation-table) .dataTables_wrapper>.dataTables_filter,
#table_widths.recruitment-table-card:has(#interview-table) .dataTables_wrapper>.dataTables_filter,
.form_task_view_form .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.form_task_view_form .bootstrap-select button.btn.dropdown-toggle.btn-light {
    background: #eee;
    box-shadow: none !important;
    width: 100%;
    padding: .6rem 1rem !important;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    color: #5b5b5b;
    font-weight: 500;
    display: block;
    height: auto;
    margin-bottom: 15px;
    background-image: url(../images/back_black.png) !IMPORTANT;
    background-size: 20px !important;
    background-repeat: no-repeat !IMPORTANT;
    background-position: right !IMPORTANT;
}

.sig canvas,
.home-tracker-filter-card {
    border-radius: 1rem !important;
}

.home-tracker-filter-label {
    color: var(--nx-dashboard-muted);
    display: block;
    font-size: .8125rem;
    font-weight: 500;
    margin-bottom: .5rem;
}

.home-tracker-help-link {
    align-items: center;
    display: inline-flex;
    margin-left: .375rem;
}

.home-tracker-view-label {
    margin-left: .375rem;
}

.home-tracker-view-btn {
    font-size: .8125rem !important;
    padding: .45rem 1rem !important;
    gap: .375rem;
}

.home-tracker-view-modal .modal-dialog {
    max-width: 43.75rem;
}

.home-tracker-view-modal .modal-content,
.independence-signature-modal .modal-content {
    border: 0;
    border-radius: 1.25rem;
    box-shadow: 0 1.5rem 3rem rgba(15, 23, 42, .18);
    overflow: hidden;
}

.home-tracker-view-modal .modal-header {
    align-items: center;
    background: #fff;
    border-bottom: .0725rem solid var(--nx-dashboard-border);
    padding: 1.25rem 1.5rem;
}

.home-tracker-modal-icon {
    align-items: center;
    background: rgba(37, 99, 235, .1);
    border-radius: .75rem;
    color: var(--nx-dashboard-primary);
    display: inline-flex;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.home-tracker-view-modal .modalh4 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0 !important;
    text-transform: capitalize;
}

.home-tracker-modal-close {
    align-items: center;
    background: #f1f5f9;
    border-radius: 999rem;
    color: var(--nx-dashboard-muted);
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    opacity: 1;
    width: 2rem;
}

.home-tracker-modal-close:hover {
    background: #e2e8f0;
}

.home-tracker-view-modal .modal-body {
    max-height: 70vh;
    overflow-y: auto;
    padding: 1.5rem;
}

.inHouse_education_page .in-house-tracker-panel .incidentinfo,
.inHouse_education_page .in-house-tracker-panel .educationreport {
    align-items: center;
    background: rgba(37, 99, 235, .08);
    border: 0 !important;
    border-radius: .5rem !important;
    color: var(--nx-dashboard-primary) !important;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    min-height: 0;
    min-width: 0;
    padding: 0 !important;
    text-decoration: none !important;
    transition: background-color .2s ease, color .2s ease;
    width: 2rem;
}

.inHouse_education_page .in-house-tracker-panel .incidentinfo:hover,
.inHouse_education_page .in-house-tracker-panel .educationreport:hover {
    background: rgba(37, 99, 235, .16) !important;
    color: var(--nx-dashboard-primary) !important;
}

.add-activity-section-title {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.add-activity-fields label {
    color: #121b2b;
    font-size: .95rem;
    font-weight: 500;
    margin-bottom: .5rem;
    display: flex;
    align-items: center;
}

.add-activity-fields .form-control {
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    box-shadow: 0 .0725rem .1875rem rgba(15, 23, 42, .06);
    color: var(--nx-dashboard-text);
    font-size: .9375rem;
    padding: .625rem 1rem;
}

.add-activity-fields .form-control:focus {
    border-color: var(--nx-dashboard-primary);
    box-shadow: 0 0 0 .2rem rgba(37, 99, 235, .12);
}

.add-activity-upload-row label {
    color: #121b2b;
    font-size: .95rem;
    font-weight: 500;
    margin-bottom: .5rem;
}

.add-activity-redesign .upload-btn-wrapper {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    display: flex;
}

.add-activity-dropzone {
    align-items: center;
    background: #f8fafc;
    border: .0925rem dashed var(--nx-dashboard-border);
    border-radius: .875rem;
    display: flex;
    justify-content: center;
    min-height: 6.5rem;
    padding: 1.5rem 1rem;
    transition: border-color .2s ease, color .2s ease;
}

.add-activity-dropzone-inner {
    align-items: center;
    color: var(--nx-dashboard-muted);
    display: flex;
    font-size: .9375rem;
    gap: .5rem;
    pointer-events: none;
}

.add-activity-redesign .upload-btn-wrapper input[type=file] {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.edit-activity-current-image {
    align-items: center;
    background: #f8fafc;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    display: flex;
    height: 6.5rem;
    justify-content: center;
    overflow: hidden;
    padding: .5rem;
}

.edit-activity-current-image svg {
    width: 2rem;
    color: #acb4c1;
}

.activity-detail-card {
    overflow: hidden;
    padding: 0 !important;
}

.activity-detail-hero-image {
    height: 14rem;
    overflow: hidden;
    width: 100%;
}

.activity-detail-card-body {
    padding: 1.75rem 2rem;
}

.activity-detail-price-grid {
    row-gap: .5rem;
}

.activity-detail-price-row {
    align-items: center;
    background: #f8fafc;
    border-radius: .875rem;
    display: flex;
    justify-content: space-between;
    padding: .75rem 1rem;
}

.activity-detail-price-label {
    align-items: center;
    color: var(--nx-dashboard-muted);
    display: flex;
    font-size: .95rem;
    gap: .5rem;
}

.activity-detail-price-label i,
.activity-detail-price-label svg,
.leaderboard-header-actions .blue-outline-big-button svg,
.leaderboard-header-actions .blue-outline-big-button i,
.in-house-tracker-stat-icon svg,
.in-house-tracker-stat-icon i,
.employee-action-icon svg,
.employee-action-icon i,
.independence-signature-modal .modal-header .close svg,
.home-history-audit-modal .home-history-audit-icon i,
.home-history-audit-modal .home-history-audit-icon svg,
.appraisal-redesign .appraisal-action-btn i,
.appraisal-redesign .appraisal-action-btn svg {
    height: 1.1rem;
    width: 1.1rem;
}

.activity-detail-price-value {
    color: var(--nx-dashboard-text);
    font-weight: 600;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    gap: .1rem;
}

.activity-detail-price-value i {
    color: var(--nx-dashboard-text) !IMPORTANT;
    font-size: 1.2rem;
}

.dashboard-main-grid,
.activity-detail-description {
    margin-top: 1.5rem;
}

.activity-detail-description h6 {
    color: var(--nx-dashboard-text);
    font-size: .9375rem;
    font-weight: 600;
    margin-bottom: .5rem;
}

.activity-detail-description p {
    color: var(--nx-dashboard-muted);
    font-size: .9375rem;
    line-height: 1.6;
    margin: 0;
}

.add-activity-submit-row {
    display: flex;
    justify-content: flex-end;
    padding-top: .5rem;
}

.add-activity-submit-row .blue-big-button {
    padding-left: 2rem;
    padding-right: 2rem;
}

.activity-detail-label-icon,
.activity-suite-row-icon {
    color: var(--nx-dashboard-muted);
    height: 1rem;
    margin-right: .25rem;
    vertical-align: -0.125rem;
    width: 1rem;
}

.activity-suite-grid {
    row-gap: 1rem;
}

.activity-suite-card {
    display: flex;
    flex-direction: column;
    border-radius: 1.25rem !important;
    box-shadow: 0 .0725rem .1875rem rgba(15, 23, 42, .06);
    height: 100%;
    overflow: hidden;
    transition: box-shadow .2s ease, border-color .2s ease;
}

.activity-suite-card:hover {
    border-color: rgba(37, 99, 235, .3) !important;
    box-shadow: 0 .5rem 1.5rem rgba(15, 23, 42, .1);
}

.activity-suite-card .activity-newimg img {
    border-radius: 0;
    height: 13rem;
    margin-bottom: 0;
}

.activity-suite-btn {
    align-items: center;
    border-radius: 999rem !important;
    display: inline-flex;
    flex: 1;
    gap: .375rem;
    justify-content: center;
}

.newcost-left p,
.newcost-right p {
    font-size: 1rem;
    color: #646f87;
}

.newcost-left,
.newcost-right {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    justify-content: space-between;
}

.center-bagde-light {
    background-color: #1B75BC;
    text-align: center;
    border-radius: 50%;
    width: 4.5rem;
    height: 4.5rem;
    box-sizing: content-box;
    padding: 0.8rem 0.4rem 0;
    margin: auto;
    color: white;
    z-index: 10;
    position: relative;
    background-color: var(--nx-dashboard-primary);
}

.outline-left {
    border: 2px solid #1B75BC;
    color: #1B75BC;
    position: relative;
    display: inline-block;
    border: 2px solid var(--nx-dashboard-primary);
    color: var(--nx-dashboard-primary);
    position: relative;
    display: inline-block;
}

.btn-danger {
    color: #fff;
    background-color: var(--red);
    border-color: var(--red);
    border-radius: 8px;
    color: #fff;
    background-color: var(--red);
    border-color: var(--red);
    border-radius: .5rem;
}

.btn-outline-danger {
    border-color: var(--red);
    border-radius: .5rem;
}

.wheel-of-fortune-2 {
    gap: .4rem;
    color: #121b2b;
}

.wheel-of-fortune-prize-image img {
    width: 1.4rem;
    height: 1.4rem;
    object-fit: contain;
}

.wheel-of-fortune-prize-image img:not([src*="svg+xml"]) {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 0;
}

.main_referrals_step_form .main-reffral-form-cus-table .col-12,
.main_referrals_step_form .form-row.one,
.schedule_main_page .row.form-group.row-second-view-edit .col-md-12,
.row.form-group.row-second-view-edit .col-md-8,
.view_referrals_page .row.table_box_cus .col-md-12.bg_heading,
.inHouse_education_page .acknowledgement_main_form1,
.task-redesign .past-monthly-reviews-1,
.job-adverts-main-add-new-item-popup .modal-body,
.interview-key-modal .modal-header,
.modal-body,
.interview_page_cus .col-mad-12.key-data-main-heading,
.reports-filter-body,
.reports-chart-inline,
.wheel-of-fortune-prize-image:has(img:not([src*="svg+xml"])) {
    padding: 0;
}

.wheel-of-fortune-prize-row {
    align-items: flex-start;
    border-bottom: .0725rem solid var(--nx-dashboard-border);
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
}

.wheel-of-fortune-prize-row:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.wheel-of-fortune-prize-image {
    padding: 1.5rem;
    flex-shrink: 0;
    width: 7rem;
    height: 7rem;
}

.wheel-of-fortune-prize-fields {
    flex: 1 1 16rem;
    min-width: 16rem;
}

.wheel-of-fortune-submit-row {
    border-top: .0725rem solid var(--nx-dashboard-border);
    margin-top: .5rem;
    padding-top: 1.5rem;
}

.calendar-event-modal .modal-body,
.maintenance-table-card,
.edit-resident-redesign .card-edit,
.edit-resident-redesign .card-body,
.edit-resident-redesign .vehicle-edit-section,
.report-log-sensitivity .dropdown-menu.show,
.meal-planner-redesign .reports-main-panel {
    overflow: visible;
}

.meal-planner-table {
    border-collapse: collapse;
    width: 100%;
}

.meal-planner-table thead th {
    border-bottom: .0725rem solid var(--nx-dashboard-border);
    color: var(--nx-dashboard-muted);
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: .02em;
    padding: .75rem 1rem;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.meal-planner-table tbody tr {
    border-bottom: .0725rem solid var(--nx-dashboard-border);
}

.meal-planner-table tbody td {
    color: var(--nx-dashboard-text);
    font-size: .9rem;
    padding: .75rem .6rem;
    vertical-align: top;
    border: 0 !important;
}

.meal-planner-day-cell {
    font-weight: 600;
    white-space: nowrap;
}

.meal-planner-cell {
    background: #f8fafc;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .625rem;
    cursor: pointer;
    font-size: .85rem;
    font-weight: 400;
    line-height: 1.5;
    min-height: 5.5rem;
    min-width: 12rem;
    padding: .625rem .75rem;
    transition: border-color .15s ease;
    white-space: normal;
}

.add-activity-dropzone:hover,
.meal-planner-cell:hover {
    border-color: rgba(37, 99, 235, .4);
}

.meal-planner-cell:empty::before {
    color: #11181e;
    content: "Empty";
}

.maintenance-search-row,
.home-edit-actions,
.meal-planner-submit-row {
    padding-top: 1rem;
}

.meal-planner-submit-row .blue-big-button {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.headbar,
.meal-planner-filter-row {
    align-items: center;
}

.meal-planner-filter-label {
    align-items: center;
    color: var(--nx-dashboard-text);
    display: flex;
    font-size: .94rem;
    font-weight: 500;
    gap: .4rem;
    margin-bottom: .5rem;
}

.meal-planner-filter-label svg,
.meal-planner-filter-label i {
    color: var(--nx-dashboard-muted);
    height: 1rem;
    width: 1rem;
}

.leaderboard-header-actions .blue-outline-big-button {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--nx-dashboard-primary);
}

.in-house-education-intro {
    color: var(--nx-dashboard-muted);
    font-size: .95rem;
    line-height: 1.6;
    margin: .5rem 0 0;
    max-width: 70%;
}

.in-house-yp-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: .875rem;
    flex-wrap: wrap;
}

.in-house-yp-label {
    color: var(--nx-dashboard-text);
    flex-shrink: 0;
    font-size: .9rem;
    font-weight: 500;
    margin: 0;
    white-space: nowrap;
}

.in-house-tracker-btn {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    gap: .4rem;
    white-space: nowrap;
}

#urledu .blue-big-button,
.independence-sign-btn {
    align-items: center;
    display: inline-flex;
    gap: .4rem;
}

.in-house-tracker-placeholder {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 2.5rem 1.5rem;
    text-align: center;
    margin-bottom: 0;
}

.in-house-tracker-placeholder svg,
.in-house-tracker-placeholder i {
    color: var(--nx-dashboard-muted);
    height: 1.75rem;
    width: 1.75rem;
}

.in-house-tracker-placeholder p {
    color: var(--nx-dashboard-muted);
    font-size: .9rem;
    margin: 0;
}

.in-house-tracker-clock-icon {
    color: var(--nx-dashboard-muted);
    height: 1.125rem;
    width: 1.125rem;
    min-width: 1.125rem;
}

.in-house-tracker-stat {
    background: #f8fafc;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    height: 100%;
    padding: 1.5rem;
}

.in-house-tracker-stat-head {
    align-items: center;
    display: flex;
    gap: .5rem;
    margin-bottom: .625rem;
}

.in-house-tracker-stat-icon {
    align-items: center;
    background: rgba(37, 99, 235, .1);
    border-radius: 3rem;
    color: var(--nx-dashboard-primary);
    display: inline-flex;
    flex-shrink: 0;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.in-house-tracker-stat-positive .in-house-tracker-stat-icon {
    background: #d1fae5;
    color: #047857;
}

.in-house-tracker-stat-label {
    color: var(--nx-dashboard-muted);
    font-size: .85rem;
    font-weight: 500;
    letter-spacing: .02em;
    margin: 0;
    text-transform: uppercase;
}

.in-house-tracker-stat h4 {
    align-items: baseline;
    color: var(--nx-dashboard-text);
    display: flex;
    font-size: 2rem;
    font-weight: 700;
    gap: .375rem;
    margin: 0;
}

.in-house-tracker-stat h4 span {
    font-size: .9rem;
    font-weight: 400;
}

.time-green {
    font-size: 2rem ! IMPORTANT;
    font-weight: 700 !important;
    color: #047857 !important;
}

.time-green span {
    color: #047857 !important;
}

.time-yellow {
    font-size: 2rem ! IMPORTANT;
    font-weight: 700 !important;
    color: #b4530a !important;
}

.in-house-tracker-stat-warning {
    background: #fffbeb;
    border-color: #fde68a;
}

.in-house-tracker-stat-warning h4 {
    color: #b45309;
}

.vehicle-incident-icon,
.in-house-upload-wrapper {
    display: inline-flex;
}

.in-house-upload-wrapper .blue-outline-big-button {
    align-items: center;
    display: inline-flex;
    gap: .4rem;
    color: #0e3995;
    background-color: #e4ecf6;
    border-radius: 1.1rem;
    border-color: #d7dfea;
}

.in-house-resource-card {
    overflow: hidden;
    padding: 1.5rem 0;
}

.in-house-resource-title {
    align-items: center;
    display: flex;
    gap: .5rem;
    margin-bottom: 1.25rem;
}

.in-house-resource-title .dot {
    background: var(--nx-dashboard-primary);
    border-radius: 999rem;
    height: .4375rem;
    width: .4375rem;
}

.in-house-resource-title .count {
    color: var(--nx-dashboard-muted);
    font-size: .9rem;
    font-weight: 400;
}

.in-house-resource-table .common-table thead tr {
    background: #f1f5f9 !important;
    color: #0f3995 !important;
}

.in-house-resource-table .common-table th {
    background: #f1f5f9 !important;
    color: #0f3995 !important;
    font-size: .75rem !important;
    font-weight: 700 !important;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.in-house-resource-table .common-table td:first-child {
    white-space: normal;
}

.in-house-resource-table .common-table td.blue,
.in-house-resource-table-simple .common-table td.blue {
    white-space: normal;
    word-break: break-word;
}

.in-house-resource-table .common-table td.blue a,
.in-house-resource-table-simple .common-table td.blue a {
    color: var(--nx-dashboard-muted) !important;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
    font-size: .8rem;
    text-decoration: none;
}

.in-house-resource-table .common-table td.blue a:hover,
.in-house-resource-table-simple .common-table td.blue a:hover {
    color: var(--nx-dashboard-primary) !important;
    text-decoration: underline;
}

.in-house-resource-table .common-table tbody tr:hover td,
.in-house-resource-table-simple .common-table tbody tr:hover td {
    background: rgba(37, 99, 235, .04) !important;
}

.in-house-visit-btn {
    align-items: center;
    border: 0 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    font-size: .8rem !important;
    font-weight: 500 !important;
    gap: .35rem !important;
    padding: .35rem .75rem !important;
    text-decoration: none !important;
    transition: background-color .15s ease, color .15s ease;
    width: auto !important;
    background-color: #eaeffd !important;
    color: #2463eb !important;
    border-radius: 4rem !important;
    padding: 0.2rem 0.9rem !important;
}

.in-house-visit-btn:hover,
.in-house-visit-btn:focus {
    background: var(--nx-dashboard-primary) !important;
    color: #fff !important;
    transform: none !important;
}

div#viewTag label,
.dropdown-toggle::after,
.top-header-bar-2 .dropdown-toggle::after,
.recruitment-redesign .Recruitmtnt-main-section3-main-row .card::before,
.recruitment-redesign .Recruitmtnt-main-section3-main-row .card::after,
.candidate-form-redesign #nav-tab .nav-link .small-tick,
.candidate-form-redesign #nav-tab .nav-link i,
.report-log-info-grid .who-can-access,
.in-house-visit-btn .icon-md {
    display: none !important;
}

.in-house-visit-btn::after {
    content: none !important;
}

.in-house-tracker-panel .education-tracker-table {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-collapse: collapse;
    border-radius: .875rem;
    overflow: hidden;
    width: 100%;
}

.in-house-tracker-panel .education-tracker-table thead tr {
    background: var(--nx-dashboard-primary) !important;
}

.in-house-tracker-panel .education-tracker-table thead th {
    color: #fff;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .02em;
    padding: .75rem 1rem;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.in-house-tracker-panel .education-tracker-table tbody td {
    border-bottom: .0725rem solid var(--nx-dashboard-border);
    color: var(--nx-dashboard-text);
    font-size: .875rem;
    padding: .75rem 1rem;
    vertical-align: middle;
}

.in-house-tracker-panel .education-tracker-table tbody td.onec {
    color: var(--nx-dashboard-muted);
    font-size: .9rem;
    padding: 2.5rem 1rem;
}

.v,
.in-house-resource-table-simple .common-table td:last-child {
    text-align: left !important;
}

.in-house-resource-table-simple .common-table td:last-child a {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    display: inline !important;
    padding: 0 !important;
    width: auto !important;
}

.independence-summary-card {
    border-radius: 1.25rem;
    margin-bottom: 1.25rem;
    overflow: hidden;
}

.independence-summary-row {
    align-items: center;
    margin: 0 !important;
}

.independence-accordion {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1.25rem;
    overflow: hidden;
}

.independence-accordion .accordion-item {
    border: 0;
    border-bottom: .0725rem solid var(--nx-dashboard-border);
    border-radius: 0 !important;
}

.recruitment-alert-role-panel:last-child,
.meal-planner-table tbody tr:last-child,
.in-house-tracker-panel .education-tracker-table tbody tr:last-child td,
.independence-accordion .accordion-item:last-child {
    border-bottom: 0;
}

.independence-accordion .accordion-header {
    align-items: center;
    gap: .75rem;
    padding: .5rem 1rem;
    transition: background-color .15s ease;
}

.independence-accordion .accordion-button {
    background: transparent !important;
    box-shadow: none !important;
    flex: 0 0 auto;
    padding: 1rem .25rem !important;
    width: auto !important;
}

.accordion-button::after {
    width: 1rem ! IMPORTANT;
    height: 1rem !important;
    background-size: 1rem;
}

.independence-accordion .row.form-row.inside-row-cus {
    flex: 1 1 auto;
    padding: .65rem 0 !important;
}

.independence-accordion .blue a,
.independence-accordion .blue h4 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: .95rem;
    font-weight: 500;
    text-decoration: none;
}

.independence-accordion .accordion-body {
    padding: .5rem 1rem 1.25rem 3rem !important;
}

.independence-accordion .label-link-cus {
    align-items: start;
    color: var(--nx-dashboard-text);
    display: inline-flex;
    font-size: .95rem;
    font-weight: 400;
    gap: .5rem;
    text-decoration: none;
}

.independence-accordion .label-link-cus::before {
    background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    height: 1rem;
    width: 1rem;
}

.independence-accordion .form-check-input {
    accent-color: var(--nx-dashboard-primary);
    border-color: var(--nx-dashboard-border) !important;
}

.independence-accordion .form-check-input:checked {
    background-color: var(--nx-dashboard-primary) !important;
    border-color: var(--nx-dashboard-primary) !important;
}

.independence-accordion .sign-here-field .blue-outline-big-button,
.independence-accordion .sign-here-field .btn {
    font-size: .8rem;
    padding: .4rem .9rem;
}

.independence-feature-item {
    align-items: center;
    background: rgb(220 220 220 / 5%) !important;
    border: .0725rem solid rgba(37, 99, 235, .18) !important;
    border-radius: 1rem !important;
    gap: 1rem;
    margin-bottom: 1rem;
}

.independence-feature-item .blue-big-button {
    white-space: nowrap;
}

.independence-comments-card {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1.25rem;
    box-shadow: 0 .25rem .75rem rgba(15, 23, 42, .04);
    margin-top: 1.25rem;
    padding: 1.5rem;
}

.independence-comments-card>.row {
    margin: 0 -.75rem;
}

.independence-standalone-card {
    box-shadow: 0 .25rem .75rem rgba(15, 23, 42, .04);
    margin-top: 1.25rem;
    margin-bottom: 0 !important;
    position: relative;
}

.independence-feature-desc {
    color: var(--nx-dashboard-muted);
    font-size: .875rem;
    margin: .25rem 0 0;
    font-weight: 400;
}

.independence-feature-toggle-header {
    margin: 0 !important;
    position: absolute;
    right: .5rem;
    top: .5rem;
}

.independence-feature-toggle {
    background: transparent !important;
    box-shadow: none !important;
    height: 1.5rem !important;
    opacity: .45;
    padding: 0 !important;
    width: 1.5rem !important;
}

.independence-feature-toggle:hover {
    opacity: .8;
}

.independence-feature-toggle::after {
    height: .8rem;
    width: .8rem;
}

.job-advert-confirm-modal .modal-dialog,
.independence-worksheet-select-panel {
    max-width: 28rem;
}

.independence-worksheet-select-panel .independence-upload-label {
    font-size: .9rem;
    margin-bottom: .5rem;
}

.independence-view-cust-1 h5,
.independence-view-cust-1 h5 u {
    color: var(--nx-dashboard-text) !important;
    font-family: var(--nx-heading-font) !important;
    font-size: 1rem !important;
    font-weight: 700;
    text-decoration: none !important;
}

.independence-view-cust-1 h5.general-information-6,
.independence-view-cust-1 h4.general-information-5 {
    border-top: .0725rem solid var(--nx-dashboard-border);
    margin-top: 1.5rem !important;
    padding-top: 1.5rem;
}

.independence-view-cust-1 .section>form>.row.mb-3:first-child h5,
.independence-view-cust-1 .row.form-group.edit-main-form-input-sec+h5 {
    margin-top: 0 !important;
}

.independence-view-cust-1 label {
    color: var(--nx-dashboard-text);
    font-size: .95rem;
    font-weight: 500;
    margin-bottom: .4rem;
}

.calendar-redesign .fc-day,
.independence-view-cust-1 .form-control {
    background: #fff;
}

.independence-view-cust-1 .form-control[readonly] {
    background: #f8fafc;
    color: var(--nx-dashboard-muted);
}

.independence-view-cust-1 table.table-bordered thead th {
    background: var(--nx-dashboard-primary);
    color: #fff;
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    vertical-align: middle;
    padding: 1rem !important;
}

.independence-view-cust-1 table.table-bordered tbody td {
    vertical-align: middle;
    padding: 1rem !important;
}

.in-house-tracker-panel .education-tracker-table tbody tr:hover td,
.independence-accordion .accordion-header:hover,
.independence-view-cust-1 table.table-bordered tbody tr:hover {
    background: rgba(37, 99, 235, .04);
}

.independence-view-cust-1 .accordion-item {
    border: .0725rem solid var(--nx-dashboard-border) !important;
    border-radius: 1rem !important;
    margin-bottom: 1.4rem;
    overflow: hidden;
}

.independence-view-cust-1 .accordion-button {
    background: linear-gradient(to right, rgba(37, 99, 235, .05), rgba(37, 99, 235, 0) 60%) !important;
    box-shadow: none !important;
    font-weight: 600;
    gap: .75rem;
    transition: background-color .15s ease;
}

.independence-view-cust-1 .accordion-button:hover {
    background: rgba(37, 99, 235, .06) !important;
}

.independence-view-cust-1 .accordion-button:not(.collapsed) {
    color: var(--nx-dashboard-primary) !important;
    border-bottom: 1px solid #cfdae8;
}

.independence-view-cust-1 .accordion-button .independence-icon-box {
    flex: 0 0 2.5rem;
    height: 2.5rem;
    width: 2.5rem;
    border: none;
    background: #2463eb1a !important;
    color: var(--nx-dashboard-primary) !important;
}

.independence-view-cust-1 .accordion-button .independence-icon-box i,
.independence-view-cust-1 .accordion-button .independence-icon-box svg {
    color: var(--nx-dashboard-primary) !important;
    stroke: var(--nx-dashboard-primary) !important;
}

.independence-view-cust-1 .accordion-button h2 {
    display: inline-flex;
    align-items: center;
    margin: 0;
    font-size: 1.1rem !important;
}

.independence-view-cust-1 .accordion-body {
    padding: 1.25rem 1.5rem;
}

.independence-view-cust-1 hr.useful-line {
    border-top: .0725rem solid var(--nx-dashboard-border);
    color: transparent;
}

.independence-icon-box {
    align-items: center;
    border-radius: .75rem;
    display: inline-flex;
    flex: 0 0 2.25rem;
    height: 2.25rem;
    justify-content: center;
    width: 2.25rem;
    border: 1px solid #e9e7f2;
}

.independence-icon-blue {
    background: #eff6ff;
    color: #2563eb;
}

.independence-icon-teal {
    background: #f0fdfa;
    color: #0d9488;
}

.independence-icon-amber {
    background: #fffbeb;
    color: #d97706;
}

.independence-icon-green {
    background: #f0fdf4;
    color: #16a34a;
}

.independence-icon-pink {
    background: #fdf2f8;
    color: #db2777;
}

.independence-view-cust-1 .independence-benefit-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .65rem 1rem;
    border-radius: .75rem;
    background: rgba(148, 163, 184, .08);
    margin-bottom: .5rem;
    transition: background-color .15s ease;
    flex-wrap: wrap;
}

.independence-view-cust-1 .independence-benefit-row:hover {
    background: #f2f6f9;
}

.independence-view-cust-1 .independence-benefit-row span {
    font-size: .95rem;
    color: var(--nx-dashboard-text);
    font-weight: 500;
}

.independence-view-cust-1 .independence-benefit-row a {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: var(--nx-dashboard-primary);
    font-weight: 600;
    font-size: .9rem;
    text-decoration: none;
}

.independence-view-cust-1 .independence-benefit-row a i {
    width: .95rem;
    height: .95rem;
}

.independence-breadcrumb-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.independence-select-panel .in-house-yp-row .bootstrap-select {
    flex: 1 1 auto;
}

.employee-key-link {
    color: var(--nx-dashboard-primary);
    display: inline-block;
    font-size: .85rem;
    font-weight: 600;
    margin-top: .5rem;
    text-decoration: none;
    text-transform: capitalize;
}

.task-redesign table.commonform td.twoc.blue a:hover,
.independence-view-cust-1 .independence-benefit-row a:hover,
.employee-key-link:hover {
    text-decoration: underline;
}

.employee-standing-badge {
    align-items: center;
    border-radius: 999rem;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 600;
    gap: .4rem;
    margin-top: .5rem;
    padding: .1rem .65rem;
}

.employee-standing-badge::before {
    background: currentColor;
    border-radius: 50%;
    content: "";
    height: .4rem;
    width: .4rem;
}

.employee-standing-green {
    background: rgba(16, 185, 129, .18);
    color: #34d399 !important;
    border: 1px solid;
}

.employee-standing-amber {
    background: rgba(245, 158, 11, .18);
    color: #fbbf23 !important;
    border: 1px solid;
}

.employee-standing-red {
    background: rgba(239, 68, 68, .18);
    color: #ffb8b8 !important;
    border: 1px solid;
}

.vehicle-edit-section-body,
.activity-suite-card .card-body,
.employee-action-card .card-body {
    padding: 1.25rem;
}

.employee-action-card h5 {
    align-items: center;
    color: var(--nx-dashboard-text);
    display: flex;
    font-size: 1.1rem;
    font-weight: 600;
    gap: .5rem;
    margin-bottom: 1rem;
}

.employee-action-list {
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.employee-action-row {
    align-items: center;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    color: var(--nx-dashboard-text) !important;
    display: flex;
    gap: .75rem;
    padding: .625rem .875rem;
    text-decoration: none !important;
    transition: border-color .2s ease, box-shadow .2s ease;
    justify-content: space-between;
}

.employee-action-row:hover {
    border-color: rgba(37, 99, 235, .3);
    box-shadow: 0 .0725rem .1875rem rgba(15, 23, 42, .08);
}

.employee-action-icon {
    align-items: center;
    background: rgba(37, 99, 235, .1);
    border-radius: .825rem;
    color: var(--nx-dashboard-primary) !important;
    display: inline-flex;
    flex: 0 0 2.2rem;
    height: 2.2rem;
    justify-content: center;
    width: 2.2rem;
}

.employee-action-row span {
    font-size: .95rem;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 0;
    color: #111827;
}

.employee-action-chevron {
    color: var(--nx-dashboard-muted);
    flex: 0 0 auto;
    height: 1rem !important;
    width: 1rem !important;
}

.independence-feature-row {
    display: flex;
    margin-bottom: 1.3rem ! IMPORTANT;
    padding: 1.5rem;
}

.independence-feature-text .inside-heading-cus.first {
    margin-bottom: .35rem;
}

.independence-feature-text .inside-content-cus.first {
    font-size: .95rem ! IMPORTANT;
    font-weight: 600;
}

.evi {
    display: inline-grid;
}

.independence-upload-btn {
    align-items: center;
    background: rgba(37, 99, 235, .08);
    border: 0;
    border-radius: .75rem;
    color: var(--nx-dashboard-text);
    display: inline-flex;
    font-size: .875rem;
    font-weight: 600;
    gap: .5rem;
    padding: .6rem 1.1rem;
    transition: background-color .15s ease;
}

.independence-upload-btn:hover {
    background: rgba(37, 99, 235, .14);
}

.independence-upload-btn svg,
.independence-upload-btn i {
    color: var(--nx-dashboard-primary);
    height: 1rem;
    width: 1rem;
}

.independent-signature-image,
.sign-here-field img {
    width: 70%;
    border: 1px solid #585e62;
    height: 4rem;
    object-fit: contain;
    width: 70%;
    border: 1px solid #cacaca;
    height: 4rem;
    object-fit: contain;
    border-radius: .5rem;
}

.independence-signature-modal .modal-header .modalh4 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    width: 100%;
}

.independence-signature-subtitle {
    color: var(--nx-dashboard-muted);
    font-size: .9rem;
    margin: 0 0 1.25rem;
}

.independence-signature-modal #sig {
    align-items: center;
    background: #f8fafc;
    border: .125rem dashed var(--nx-dashboard-border);
    border-radius: 1rem;
    display: flex;
    height: 9.5rem;
    justify-content: center;
    margin: 0 0 1.25rem;
    position: relative;
}

.independence-signature-modal #sig::before {
    color: var(--nx-dashboard-muted);
    content: "Draw your signature here";
    font-size: .875rem;
    pointer-events: none;
    position: absolute;
}

.starrating_field .star-rating input,
.checkbox,
.crmview-form-wrapper div#crmform_1,
.main_referrals_step_form .tab2,
.main_referrals_step_form #regForm>div:nth-child(1)>span:nth-child(8):after,
.main_home_view_page .edit-main-form-input-sec .input-group.date input.form-control,
.vehicle_view_page .row.signe-row-cus .col-6 input[type="date"]::-webkit-inner-spin-button,
.vehicle_view_page .main-reffral-form-cus.resident-profile hr.black-border:last-child,
.date-picker-wrapper .footer .shortcuts b,
.dashboard-page .main-div5 .table th,
.solo-btn-tab:hover .icon-gray,
.solo-btn-tab.active .icon-gray,
.main_refferals_page .resident-profile.buttons-row a.resident-profile-bts i,
.view_referrals_page .row.form-group.email-row-main a.resident-profile-bts i.fa,
table.expand_details,
ul.inside_lists table.expand_details,
.employee_disciplinary_detail .past-monthly-reviews-1 .col-md-12:last-child hr,
.mangement_add_page .edit-main-form-input-sec .input-group.date input.form-control,
.mangement_edit_page .edit-main-form-input-sec .input-group.date input.form-control,
.form_builder_add_page li.formbuilder-icon-button.input-control.input-control-1.ui-sortable-handle,
.image-uploader.has-files .upload-text,
.vehicleimg-upload input,
.form-section.hidden,
span.flip,
.main-heading-header-second-cus,
.Recruitmtnt-main-section2 ul a.tablinks.collapsed-link::after,
.recruitment-redesign .common-ad img,
.recruitment-inner-redesign .solo-btn-tab .icon-white,
.recruitment-inner-redesign .solo-btn-tab:hover .icon-gray,
.recruitment-inner-redesign .solo-btn-tab.active .icon-gray,
.home-document-image-upload-box .image-uploader .upload-text i,
.candidate-form-redesign #nav-tab .nav-link:last-child::after,
.candidate-dbs-redesign .candidate-dbs-stack>.card>br,
.candidate-reference-redesign .row.form-group>.col-md-2:empty,
.candidate-reference-redesign .row.form-group>.col-md-3:empty,
.recruitment-alert-card .accordion-button::after,
.recruitment-alert-staff-card .text-light-role,
span.tooltip-element,
.common-table-wrap .dataTables_filter,
.vehicle-incident-redesign-modal .modal-header,
.report-log-timeline>.indicator-line,
.vehicle-fill-form-redesign #fb-render .two_btn_row:last-child::before,
.add-activity-image-preview-wrap,
.independence-signature-modal #sig.has-drawn::before {
    display: none;
}

.independence-signature-clear-btn {
    align-items: center;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .75rem;
    color: var(--nx-dashboard-text);
    display: inline-flex;
    font-size: .875rem;
    font-weight: 600;
    gap: .4rem;
    padding: .65rem 1.25rem;
    text-decoration: none;
}

.independence-signature-confirm-btn {
    align-items: center;
    display: inline-flex;
    font-weight: 600;
    gap: .4rem;
    padding: .65rem 1.5rem;
}

.cap label,
.cap h5,
.cap h4,
.cap {
    text-transform: lowercase;
    text-transform: lowercase;
    color: #111827;
}

.modal-backdrop,
.modal-backdrop.show {
    background-color: #000;
    opacity: .8;
}

.dropdown-item:focus,
.dropdown-item:hover,
.edit_candidate .general-information,
.add_candidate .general-information,
.form_builder_edit_page .general-information,
.action_plan .common-table-wrap .dataTables_wrapper {
    background-color: transparent;
}

.action_plan .action-plan-view-link {
    align-items: center;
    color: var(--nx-dashboard-muted) !important;
    display: inline-flex;
    font-size: .85rem;
    font-weight: 500;
    gap: .35rem;
}

.form_task_view_form.action_plan input[type="checkbox"] {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0;
}

.training-record-redesign .training-record-table-card .common-table-header i,
.training-record-redesign .training-record-table-card .common-table-header svg,
.disciplinary-redesign .disciplinary-stage-toggle .form-check-input {
    height: 1.15rem;
    width: 1.15rem;
}

.training-record-redesign .training-action-btn {
    align-items: center;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 2rem;
    color: var(--nx-dashboard-muted) !important;
    display: inline-flex;
    font-size: .8rem;
    font-weight: 500;
    gap: .35rem;
    padding: .35rem .75rem;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.training-record-redesign .training-action-btn:hover {
    background-color: var(--nx-dashboard-primary);
    border-color: var(--nx-dashboard-primary);
    color: #fff !important;
}

.training-record-redesign .training-action-delete:hover {
    background-color: #dc3545;
    border-color: #dc3545;
}

.training-record-redesign .modal-header .modalh4 i,
.training-record-redesign .modal-header .modalh4 svg,
.clothing-itinerary-page-redesign .clothing-itinerary-add-icon {
    color: var(--nx-dashboard-primary);
    height: 1.15rem;
    width: 1.15rem;
}

.home-document-choose-file {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .85rem;
}

.home-document-choose-file input[type="file"] {
    height: 1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.home-document-choose-file-btn {
    align-items: center;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 2rem;
    color: var(--nx-dashboard-text);
    cursor: pointer;
    display: inline-flex;
    font-weight: 600;
    gap: .5rem;
    margin: 0;
    padding: .6rem 1.1rem;
}

.recruitment-table-card table.commonform tbody tr:hover,
.recruitment-table-card table.commontab tbody tr:hover,
.additional-support-redesign .vehicle-forms-table-card .common-table tbody tr:hover,
.independence-signature-clear-btn:hover,
.home-document-choose-file-btn:hover {
    background: #f8fafc;
}

.home-document-choose-file-name,
.attendance-record-redesign .attendance-record-subtitle,
.appraisal-redesign .appraisal-table-subtitle,
.appraisal-history-redesign .appraisal-history-subtitle {
    color: var(--nx-dashboard-muted);
    font-size: .9rem;
}

.training-record-redesign .training-record-table-card .common-table th,
.training-record-redesign .training-record-table-card .common-table td {
    font-size: .95rem !important;
}

.training-preview-modal .modal-dialog {
    max-width: 60rem;
}

.training-preview-modal .modal-body {
    padding: 0 1.75rem 1.75rem !important;
}

.training-preview-modal .training-preview-frame-wrap {
    align-items: center;
    background: #f1f3f5;
    border-radius: .75rem;
    display: flex;
    justify-content: center;
    overflow: hidden;
    height: 30rem;
}

.training-preview-modal .training-preview-frame-wrap iframe {
    border: 0;
    height: 100%;
    width: 100%;
}

.home-history-audit-modal .modal-dialog {
    max-width: 42rem;
}

.home-history-audit-modal .home-history-audit-subtitle {
    color: var(--nx-dashboard-muted);
    margin: -.5rem 0 1.25rem;
}

.home-history-audit-modal .home-history-audit-summary span {
    display: flex;
    gap: .3rem;
    align-items: center;
    font-size: 1rem;
}

.home-history-audit-modal .home-history-audit-summary {
    align-items: center;
    background: #eef2f7;
    border-radius: .85rem;
    color: var(--nx-dashboard-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: .9rem;
    gap: .85rem;
    margin-bottom: 1.25rem;
    padding: .9rem 1.1rem;
}

.breadcrumb-item.active,
.recruitment-redesign,
.recruitment-table-card .modal-body,
.recruitment-inner-redesign .modal-body,
.recruitment-inner-modal .modal-body,
.home-apps-redesign,
.maintenance-redesign,
.job-advert-details-modal .modal-body,
.job-advert-confirm-modal .modal-body,
.recruitment-alert-redesign,
.vehicle-fill-form-redesign #fb-render,
.home-history-redesign,
.independence-signature-subtitle b,
.home-history-audit-modal .home-history-audit-summary strong {
    color: var(--nx-dashboard-text);
}

.home-history-audit-modal .home-history-audit-summary i,
.home-history-audit-modal .home-history-audit-summary svg {
    color: var(--nx-dashboard-primary);
    height: 1.1rem;
    margin-right: .3rem;
    vertical-align: -.15rem;
    width: 1.1rem;
}

.home-history-audit-modal .home-history-audit-divider {
    background: var(--nx-dashboard-border);
    height: 1.1rem;
    width: .0725rem;
}

.home-history-audit-modal .home-history-audit-timeline {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    max-height: 25rem;
    overflow-y: auto;
    padding: .1rem;
}

.home-history-audit-modal .home-history-audit-item {
    align-items: center;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    display: flex;
    gap: 1rem;
    padding: 1rem 1.25rem;
    position: relative;
}

.home-history-audit-modal .home-history-audit-item:not(:last-child)::after {
    background: var(--nx-dashboard-border);
    bottom: -.9rem;
    content: "";
    left: 2.05rem;
    position: absolute;
    width: .0725rem;
    height: .9rem;
}

.home-history-audit-modal .home-history-audit-item.is-current {
    background: #f0fdf4;
    border-color: #86efac;
}

.home-history-audit-modal .home-history-audit-icon {
    align-items: center;
    background: #eef2f7;
    border-radius: 999rem;
    color: var(--nx-dashboard-primary);
    display: flex;
    flex-shrink: 0;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.home-history-audit-modal .home-history-audit-item.is-current .home-history-audit-icon {
    background: #dcfce7;
    color: #15803d;
}

.home-history-audit-modal .home-history-audit-title-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.home-history-audit-modal .home-history-audit-title-row h5 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0;
}

.home-history-audit-modal .home-history-audit-badge {
    background: #22c55e;
    border-radius: 999rem;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    padding: .25rem .75rem;
}

.home-history-audit-modal .home-history-audit-dates {
    align-items: center;
    color: var(--nx-dashboard-muted);
    display: flex;
    font-size: .9rem;
    gap: .4rem;
    margin-top: .2rem;
}

.home-history-audit-modal .home-history-audit-dates i,
.home-history-audit-modal .home-history-audit-dates svg {
    height: .85rem;
    width: .85rem;
}

.home-history-audit-modal .home-history-audit-role {
    align-items: center;
    color: var(--nx-dashboard-muted);
    display: flex;
    font-size: .85rem;
    gap: .35rem;
    margin-top: .3rem;
}

.home-history-audit-modal .home-history-audit-role i,
.home-history-audit-modal .home-history-audit-role svg {
    color: var(--nx-dashboard-primary);
    height: .85rem;
    width: .85rem;
}

.home-history-audit-modal .home-history-audit-duration {
    flex-shrink: 0;
    text-align: right;
}

.home-history-audit-modal .home-history-audit-duration span {
    color: var(--nx-dashboard-muted);
    display: block;
    font-size: .75rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.home-history-audit-modal .home-history-audit-duration strong {
    color: var(--nx-dashboard-text);
    font-size: 1rem;
}

.home-history-audit-modal .home-history-audit-item.is-current .home-history-audit-duration strong {
    color: #15803d;
}

.training-preview-modal .modal-footer {
    border: 0;
    display: flex;
    gap: .75rem;
    justify-content: flex-end;
    padding: 1.25rem 1.75rem !important;
}

.attendance-record-redesign .attendance-record-table-card .common-table-header {
    align-items: flex-start;
    display: flex;
}

.attendance-record-redesign .attendance-record-table-card .common-table-header i,
.attendance-record-redesign .attendance-record-table-card .common-table-header svg,
.appraisal-redesign .appraisal-table-card .common-table-header i,
.appraisal-redesign .appraisal-table-card .common-table-header svg,
.appraisal-history-redesign .appraisal-history-header i,
.appraisal-history-redesign .appraisal-history-header svg {
    color: var(--nx-dashboard-muted);
    height: 1.15rem;
    margin-top: .2rem;
    width: 1.15rem;
}

.attendance-record-redesign .attendance-record-actions {
    padding: 0rem 1rem 1rem 1rem;
}

.attendance-record-redesign .attendance-history-trigger {
    align-items: center;
    color: var(--nx-dashboard-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: .85rem;
    font-weight: 500;
    gap: .35rem;
    margin-right: 1rem;
}

.attendance-record-redesign .attendance-history-count {
    background: #eef2f7;
    border-radius: 999rem;
    color: var(--nx-dashboard-text);
    font-weight: 600;
    padding: .5rem .8rem;
}

.attendance-record-redesign .crm-reset-bradford {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
}

.attendance-record-redesign .attendance-point-total {
    color: var(--nx-dashboard-muted);
    font-weight: 500;
}

.attendance-record-redesign .attendance-point-total .crm-point-total {
    background: var(--nx-dashboard-primary);
    border: 0;
    border-radius: .75rem;
    color: #fff;
    font-weight: 700;
    padding: .55rem 1.1rem;
    text-align: center;
    width: 4.5rem;
}

.attendance-record-redesign .attendance-record-view-link,
.attendance-record-view-link {
    align-items: center;
    color: var(--nx-dashboard-muted) !important;
    display: inline-flex;
    font-size: .85rem;
    font-weight: 500;
    gap: .35rem;
    justify-content: flex-end;
}

.candidate-form-redesign #nav-tab .nav-link.active,
.candidate-dbs-redesign .text-infoicon-md,
.candidate-dbs-redesign .fa-eye,
.candidate-reference-redesign .text-infoicon-md,
.candidate-reference-redesign .fa-eye,
#table_widths.recruitment-table-card #new-starter-table td:last-child a[href*="/employees/view"],
#table_widths.recruitment-table-card #new-starter-table td:last-child a[href*="/employees/view"]:hover,
#table_widths.recruitment-table-card #probation-table td:last-child a[href*="/employees/view"],
#table_widths.recruitment-table-card #probation-table td:last-child a[href*="/employees/view"]:hover,
.vehicle-detail-redesign .vehicle-incident-table-card .common-table-action-view:hover,
.vehicle-detail-redesign .vehicle-incident-table-card .common-table-action-view:focus,
.action_plan .action-plan-view-link:hover,
.attendance-record-redesign .attendance-record-view-link:hover,
.attendance-record-view-link:hover {
    color: var(--nx-dashboard-primary) !important;
}

.vehicle-detail-redesign .blue-big-button,
.attendance-record-view-link-center {
    justify-content: center;
}

.calendar-redesign,
.calendar_main,
.calendar-redesign .tabcontent,
.attendance-history-table-wrap {
    overflow: visible !important;
}

.attendance-history-table-wrap table.common-table {
    table-layout: fixed;
    width: 100% !important;
}

.attendance-history-table-wrap table.common-table th,
.attendance-history-table-wrap table.common-table td {
    overflow-wrap: break-word;
    white-space: normal !important;
    word-break: normal;
}

.attendance-history-table-header h3 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.05rem;
    font-weight: 600;
    margin: 0;
}

.table>:not(caption)>*>* {
    padding: 0.8rem 1rem !important;
    background-color: var(--bs-table-bg);
    box-shadow: none;
    color: var(--description);
    border-color: #EAECF0;
    background-color: var(--bs-table-bg);
    box-shadow: none;
    color: var(--description);
    border-color: #EAECF0;
}

table.dataTable>thead>tr>th,
table.dataTable>thead>tr>td {
    border-color: #EAECF0 ! IMPORTANT;
}

.appraisal-redesign .appraisal-filter-label {
    color: var(--nx-dashboard-text);
    display: block;
    font-weight: 500;
    margin-bottom: .3rem;
}

.appraisal-redesign .appraisal-action-btn {
    align-items: center;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 2rem;
    color: var(--nx-dashboard-muted) !important;
    display: inline-flex;
    font-size: .85rem;
    font-weight: 500;
    gap: .4rem;
    padding: .4rem .9rem;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.appraisal-redesign .appraisal-action-btn:hover {
    background-color: #e7edfd;
    border-color: #d7dbe1;
    color: #fff !important;
}

.appraisal-report-modal .modal-dialog {
    max-width: 40rem;
}

.appraisal-history-redesign .appraisal-history-field-label {
    color: var(--nx-dashboard-muted);
    font-size: .8rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.appraisal-history-redesign .appraisal-history-field-value {
    color: var(--nx-dashboard-text);
    font-size: 1rem;
    margin-bottom: 0;
}

.appraisal-history-redesign .appraisal-history-form-card .crmview-form-wrapper,
.appraisal-history-redesign .appraisal-history-action-plan-card .crmview-form-wrapper {
    max-height: 34rem;
    overflow-y: auto;
}

.appraisal-history-redesign .appraisal-history-qualifications-accordion .card {
    border-color: var(--nx-dashboard-border);
}

.appraisal-history-redesign .appraisal-history-qualifications-accordion .card-header {
    background-color: #fff;
}

.appraisal-history-redesign .appraisal-history-qualifications-accordion .btn-link {
    color: var(--nx-dashboard-text) !important;
    font-weight: 500;
    width: 100%;
}

.appraisal-history-redesign .appraisal-history-qualifications-accordion .btn-link i,
.appraisal-history-redesign .appraisal-history-qualifications-accordion .btn-link svg {
    color: var(--nx-dashboard-primary, #3b6ff2);
    height: 1.05rem;
    width: 1.05rem;
}

.appraisal-history-redesign .appraisal-history-name-badge {
    background-color: #eef2ff;
    border-radius: 999rem;
    color: #4338ca;
    display: inline-flex;
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.2;
    padding: .3rem .75rem;
}

.appraisal-history-redesign .appraisal-history-profile-photo {
    border-radius: 50%;
    height: 3.5rem;
    object-fit: cover;
    width: 3.5rem;
}

.appraisal-history-redesign .appraisal-history-profile-row h4 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.05rem;
    font-weight: 600;
    text-transform: capitalize;
}

.direct_work_page .resident-profile.buttons-row,
.employee_documents_categories .resident-profile.buttons-row,
.leaderboard-redesign .form-group,
.vehicle-edit-modal .edit-main-form-input-sec,
.independence-select-panel .row.align-items-end>div,
.independence-view-cust-1 .independence-benefit-row:last-child,
.appraisal-history-redesign .appraisal-history-employee-card .vehicle-key-grid {
    margin-bottom: 0;
}

.appraisal-history-redesign .appraisal-history-qualifications-accordion {
    margin-top: 1.25rem;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #F6F8F9;
    opacity: 1;
}

.employee-performance-redesign {
    background: var(--nx-dashboard-bg);
    color: var(--nx-dashboard-text);
    font-family: Inter, "Montserrat", sans-serif;
}

.employee-performance-main-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
}

.leaderboard-redesign .reports-responsive,
.team-performance-redesign .reports-responsive,
.score-assessment-redesign .reports-responsive,
.meal-planner-table-wrap,
.employee-performance-redesign .reports-responsive {
    overflow-x: auto;
}

.task-redesign table.commonform tbody tr:hover td,
.recruitment-table-card table.commonform thead tr,
.recruitment-table-card table.commontab thead tr,
.document_upload table.commonform tbody tr:hover td,
.document_upload table.commontab tbody tr:hover td,
.document_upload #example tbody tr:hover td,
.home-documents-redesign .home-documents-table-card .common-table thead tr,
.maintenance-table-card .common-table thead tr,
.leaderboard-redesign table.commonform tbody tr:hover td,
.team-performance-redesign table.commonform tbody tr:hover td,
.score-assessment-redesign table.commonform tbody tr:hover td,
.score-assessment-redesign .main-reffral-form-cus-table tbody tr:hover td,
.common-table tbody tr:hover td,
.additional-support-redesign .vehicle-forms-table-card .common-table thead tr,
.reports-main-panel .common-table thead tr,
.vehicle-forms-redesign .common-table thead tr,
.employee-performance-redesign table.commonform tbody tr:hover td {
    background: #f8fafc !important;
}

.vehicle-forms-redesign .common-table-wrap,
.employee-performance-redesign .card1 {
    border-radius: 1rem;
}

.resident-documents-redesign .common-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.resident-documents-redesign .common-table-wrap table.common-table {
    min-width: 60rem;
}

.form-view-hero.weekly-planner-hero {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

.weekly-planner-hero-main {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.weekly-planner-hero-subtitle {
    color: rgba(255, 255, 255, .78);
    font-size: .95rem;
}

.weekly-planner-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: .25rem;
}

.weekly-planner-pill {
    align-items: center;
    background: rgba(255, 255, 255, .14);
    border: .0725rem solid rgba(255, 255, 255, .35);
    border-radius: .9rem;
    color: #fff;
    display: inline-flex;
    font-size: .85rem;
    font-weight: 600;
    gap: .5rem;
    padding: .5rem 1rem;
    text-decoration: none;
    transition: background-color .15s ease;
}

.weekly-planner-pill:hover,
.weekly-planner-pill:focus {
    background: rgba(255, 255, 255, .24);
    color: #fff;
}

.weekly-planner-pill svg,
.weekly-planner-pill i {
    height: 1rem;
    width: 1rem;
}

.weekly-planner-week-nav {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    position: relative;
    z-index: 1;
}

.weekly-planner-nav-btn {
    align-items: center;
    background: rgba(255, 255, 255, .14);
    border: .0725rem solid rgba(255, 255, 255, .35);
    border-radius: .75rem;
    color: #fff;
    display: inline-flex;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
}

.weekly-planner-nav-btn svg,
.weekly-planner-nav-btn i {
    height: 1.1rem;
    width: 1.1rem;
}

.weekly-planner-week-pill {
    background: rgba(255, 255, 255, .14);
    border: .0725rem solid rgba(255, 255, 255, .35);
    border-radius: .75rem;
    color: #fff;
    font-weight: 600;
    padding: .6rem 1.25rem;
    white-space: nowrap;
}

.weekly-planner-event-card {
    animation: dashboard-fade-up .32s ease-out both;
}

.weekly-planner-event-date h4 {
    color: var(--nx-dashboard-text);
    font-size: .95rem;
    margin: 0;
}

.weekly-planner-event-details {
    flex: 1 1 16rem;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2rem;
}

.weekly-planner-event-details p {
    color: var(--nx-dashboard-muted);
    font-size: .9rem;
    margin: 0 0 .5rem;
}

.weekly-planner-event-details p strong {
    color: var(--nx-dashboard-text);
    display: block;
}

.weekly-planner-empty-card {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 3rem 1.5rem;
    text-align: center;
}

.weekly-planner-empty-icon {
    align-items: center;
    border-radius: 50%;
    color: var(--nx-dashboard-muted);
    display: inline-flex;
    height: 3.5rem;
    justify-content: center;
    margin-bottom: .5rem;
    width: 5.5rem;
}

.weekly-planner-empty-icon svg,
.weekly-planner-empty-icon i {
    height: 3.5rem;
    width: 3.5rem;
    opacity: .3;
}

.weekly-planner-empty-card p ,.weekly-planner-empty-card h5{
    color: var(--nx-dashboard-muted);
}
.employee-performance-redesign .employee-performance-info-card p,
.employee-performance-redesign .employee-performance-info-card li {
    color: var(--nx-dashboard-muted);
    line-height: 1.6;
}

.employee-performance-redesign .employee-performance-info-card h5,
.employee-performance-redesign .employee-performance-info-card h6 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
}

.employee-performance-redesign .employee-performance-scheme-header {
    align-items: center;
    display: flex;
    gap: .6rem;
    margin-bottom: 1rem;
}

.employee-performance-redesign .employee-performance-scheme-header i,
.employee-performance-redesign .employee-performance-scheme-header svg {
    color: var(--nx-dashboard-primary);
    height: 1.2rem;
    width: 1.2rem;
}

.employee-performance-redesign .employee-performance-empty-state {
    align-items: center;
    background: #fff;
    border: .0725rem dashed var(--nx-dashboard-border);
    border-radius: 1rem;
    color: var(--nx-dashboard-muted);
    display: flex;
    gap: .75rem;
    padding: 1.75rem;
    text-align: left;
}

.employee-performance-redesign .employee-performance-empty-state i,
.employee-performance-redesign .employee-performance-empty-state svg {
    color: var(--nx-dashboard-muted);
    flex-shrink: 0;
    height: 1.5rem;
    width: 1.5rem;
}

.recruitment-page-header,
.calendar-page-header,
.leaderboard-shell,
.team-performance-shell,
.score-assessment-shell,
.form-view-topbar,
.home-tracker-shell,
.add-activity-shell,
.activity-detail-shell,
.activity-suite-shell,
.employee-performance-shell,
.summary-report-shell {
    animation: dashboard-fade-up .3s ease-out both;
}

.summary-report-card-header i,
.summary-report-card-header svg {
    color: var(--nx-dashboard-text);
    height: 1.15rem;
    width: 1.15rem;
}

.summary-report-card-header h3 {
    color: var(--nx-dashboard-text);
    font-family: var(--nx-heading-font) !important;
    font-size: 1.05rem;
    font-weight: 600;
}

.summary-field-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
}

.summary-field-card {
    background: #f8fafc;
    border: .0725rem solid var(--nx-dashboard-border);
    border-left: .2rem solid var(--nx-dashboard-primary);
    border-radius: .75rem;
    padding: .9rem 1.1rem;
}

.summary-field-card p {
    color: var(--nx-dashboard-primary);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    margin: 0 0 .35rem;
    text-transform: uppercase;
}

.summary-field-card h4 {
    color: var(--nx-dashboard-text);
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
}

.summary-field-card.summary-field-green {
    background: #f0fdf9;
    border-left-color: #10b981;
}

.in-house-tracker-stat-positive h4,
.summary-field-card.summary-field-green p {
    color: #047857;
}

.summary-field-card.summary-field-amber {
    background: #fffbeb;
    border-left-color: #f59e0b;
}

.summary-field-card.summary-field-amber p {
    color: #db803b;
}

.home-documents-filter-group .form-control,
.home-documents-filter-group .bootstrap-select,
.summary-report-inline-filter {
    min-width: 12rem;
}

.summary-report-clear-btn {
    align-items: center;
    display: inline-flex;
    gap: .4rem;
    padding: .4rem 1rem;
}

.team-performance-redesign .common-icon .team-performance-view-label,
.employee-performance-redesign .common-icon .employee-performance-view-label,
.summary-report-redesign .common-icon .summary-report-view-label {
    line-height: 1;
}

.img-gradient,
.input-icon,
[id^="clickinput"],
.recruitment-inner-redesign .bootstrap-select,
.recruitment-inner-redesign .bootstrap-select:has(> select.custom-user-dropdown),
.recruitment-inner-redesign select.custom-user-dropdown,
.recruitment-inner-redesign .input-icon,
.calendar-event-modal .input-icon,
.leaderboard-redesign .input-icon,
.job-advert-form-redesign .input-icon,
.candidate-form-redesign .input-icon,
.dropdown,
.dropleft,
.dropright,
.dropup,
.vehicle-detail-redesign .input-icon,
.vehicle-edit-modal .bootstrap-select,
.reports-redesign .input-icon,
.report-log-timeline .date_item,
.upload-btn-wrapper,
.score-assessment-redesign .input-icon {
    position: relative;
}

.recruitment-inner-redesign .input-icon .form-control,
.leaderboard-redesign .input-icon .form-control,
.job-advert-form-redesign .input-icon .form-control,
.candidate-form-redesign .input-icon .form-control,
.candidate-form-redesign .input-icon input,
.score-assessment-redesign .input-icon .form-control,
.reset-password-redesign .input-icon .form-control {
    padding-right: 2.25rem !important;
}

.auth-login-redesign .input-icon .form-control {
    padding-left: 2.5rem !important;
}

.auth-login-redesign {
    text-align: center;
}

.auth-login-redesign form {
    text-align: left;
}

.auth-login-icon {
    align-items: center;
    background: var(--nx-dashboard-primary);
    border-radius: 1rem;
    display: inline-flex;
    height: 3.5rem;
    justify-content: center;
    margin-bottom: 1rem;
    width: 3.5rem;
}

.auth-login-icon i,
.auth-login-icon svg {
    color: #fff;
    height: 1.75rem;
    width: 1.75rem;
}

.auth-login-title {
    color: var(--nx-dashboard-text);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: .5rem;
    font-family: 'Inter' ! IMPORTANT;
}

.auth-login-subtitle {
    color: var(--nx-dashboard-muted);
    font-size: 1.1rem;
    margin-bottom: 1.6rem;
    font-family: 'Inter' ! IMPORTANT;
}

.auth-login-field label {
    color: var(--nx-dashboard-text);
    font-size: .95rem;
    font-weight: 500;
    margin-bottom: .375rem;
}

.auth-login-field .form-control {
    border-color: var(--nx-dashboard-border);
    border-radius: .625rem;
    height: 3rem;
}

.auth-login-forgot-link {
    color: var(--nx-dashboard-primary);
    font-size: .8125rem;
    font-weight: 500;
    text-decoration: none;
}

.auth-login-forgot-link:hover {
    text-decoration: underline;
}

.auth-login-back-link {
    margin: 1.25rem 0 0;
    text-align: center;
    font-size: .9rem;
    font-weight: 500;
    color: var(--nx-dashboard-muted);
}

.auth-login-back-link a {
    align-items: center;
    color: var(--nx-dashboard-primary);
    display: inline-flex;
    font-size: .9rem;
    font-weight: 600;
    gap: .375rem;
    text-decoration: none;
}

.auth-login-back-link a:hover {
    text-decoration: underline;
}

.auth-login-back-link i,
.auth-login-back-link svg {
    height: .875rem;
    width: .875rem;
}

.home-documents-table-card .common-table-header h3,
.vehicle-search-wrap .dataTables_filter input::placeholder,
.reg40-redesign .reg40-table-title,
.training-record-redesign .training-record-table-card .common-table-header h3,
.attendance-record-redesign .attendance-record-table-card .common-table-header h3,
.appraisal-redesign .appraisal-table-card .common-table-header h3,
.appraisal-history-redesign .appraisal-history-header h3,
.disciplinary-redesign .disciplinary-table-card .common-table-header h3 {
    font-size: 1.15rem;
}

.disciplinary-redesign .disciplinary-outcome-btn {
    padding: .4rem 1rem;
}

.disciplinary-redesign .disciplinary-status-badge {
    background: #fef3c7;
    border: .9px solid #f4d3bb;
    border-radius: 10rem;
    color: #b45309;
    display: inline-block;
    font-size: .8125rem;
    font-weight: 600;
    padding: 0rem .9rem;
    white-space: nowrap;
}

.disciplinary-redesign .disciplinary-status-badge-complete {
    background: #dcfce7;
    border: .9px solid #bbf7d0;
    color: #166534;
}

.disciplinary-redesign .disciplinary-status-badge-progress {
    background: #fef3c7;
    border: .9px solid #f4d3bb;
    color: #b45309;
}

.disciplinary-redesign .common-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #bfd2e2 transparent;
}

.common-table-wrap::-webkit-scrollbar,
.disciplinary-redesign .common-table-wrap::-webkit-scrollbar {
    height: .35rem;
}

.disciplinary-redesign .disciplinary-stage-toggle {
    padding: .25rem 0;
}

.disciplinary-redesign .disciplinary-stage-toggle .form-check-label {
    color: var(--nx-dashboard-text);
    font-size: .95rem;
}

.disciplinary-redesign .disciplinary-doc-action-link {
    align-items: center;
    border-radius: .625rem;
    color: var(--nx-dashboard-muted);
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    transition: background-color .2s ease, color .2s ease;
    width: 2rem;
}

.disciplinary-redesign .disciplinary-doc-action-link-danger:hover {
    background: #fee2e2;
    color: #b91c1c;
}

.main-table-data-cus3 td a:focus-visible,
.resident-profile-bts.upload svg,
.disciplinary-redesign .disciplinary-doc-action-link i:focus,
.disciplinary-redesign .disciplinary-doc-action-link svg:focus {
    outline: 0;
}

.summary-report-filter-row,
.disciplinary-redesign .disciplinary-upload-row,
.disciplinary-redesign .disciplinary-final-outcome-row {
    flex-wrap: wrap;
}

text.highcharts-title {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    font-family: "Sora";
}

.input-icon .fa-calendar-days {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--border-outgray) !important;
    position: absolute;
    right: 1.4rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #111827 !important;
    width: 1rem;
}

.reg40-view-btn {
    display: inline-flex;
    padding: 0.2rem 1rem;
    color: black;
    gap: .4rem;
}

.monthly-review-details-redesign .monthly-review-details-subtitle {
    color: var(--nx-dashboard-muted);
    font-size: .875rem;
    margin-top: .15rem;
}

.monthly-review-details-redesign .monthly-review-details-header-actions .blue-outline-big-button {
    padding: .5rem 1rem;
}

.independence-signature-actions,
.monthly-review-details-redesign .two-main-col.employee-resident-monthly-1,
.monthly-review-details-redesign .col-md-4.mb-4.two-main-col {
    display: flex;
}

.monthly-review-details-redesign .monthly-review-numbers-grid {
    margin: 0 0 0;
}

.monthly-review-details-redesign .monthly-review-hobbies-card .employee-resident-monthly-2 .static-text-btn {
    background: rgba(37, 99, 235, .08);
    border-radius: 999rem;
    color: var(--nx-dashboard-primary);
    display: inline-flex;
    font-size: .8125rem;
    font-weight: 600;
    margin: .25rem 0;
    padding: .35rem .9rem;
    text-transform: none;
    width: auto;
}

.monthly-review-details-redesign .employee-resident-monthly-3b {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.monthly-review-details-redesign .employee-resident-monthly-3b .col-12 {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    flex: unset;
    margin: 0;
    max-width: 100%;
    padding: .85rem 1rem;
    width: auto;
}

.monthly-review-details-redesign .employee-resident-monthly-3b .form-check {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding-left: 0;
}

.monthly-review-details-redesign .employee-resident-monthly-3b .form-check-label {
    color: var(--nx-dashboard-text);
    font-size: .875rem;
    margin: 0;
    order: 1;
}

.monthly-review-details-redesign .employee-resident-monthly-3b .form-check-input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #cbd5e1;
    background-image: radial-gradient(circle 10px at 12px 12px, #fff 100%, transparent 0);
    background-position: 2px center;
    background-repeat: no-repeat;
    border: none;
    border-radius: 999rem;
    cursor: pointer;
    flex-shrink: 0;
    height: 1.5rem;
    margin: 0;
    min-width: 2.75rem;
    order: 2;
    transition: background-color .2s ease, background-position .2s ease;
    width: 2.75rem;
}

.monthly-review-details-redesign .employee-resident-monthly-3b .form-check-input[type="checkbox"]:checked {
    background-color: var(--nx-dashboard-primary);
    background-position: calc(100% - 2px) center;
}

.monthly-review-details-redesign .employee-resident-monthly-3b .form-check-input[type="checkbox"]:focus {
    box-shadow: 0 0 0 .2rem rgba(37, 99, 235, .18);
    outline: none;
}

.monthly-review-details-redesign .monthly-review-questions-card {
    counter-reset: monthlyreviewquestion;
}

.monthly-review-details-redesign .monthly-review-questions-card .employee-resident-monthly-3ac {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    counter-increment: monthlyreviewquestion;
    margin-bottom: 1rem;
    padding: 1rem;
}

.monthly-review-details-redesign .monthly-review-questions-card .employee-resident-monthly-3ac label::before {
    color: var(--nx-dashboard-primary);
    content: counter(monthlyreviewquestion, decimal-leading-zero) ": ";
    font-weight: 700;
}

.monthly-review-details-redesign .action-plan-container>div {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .875rem;
    margin-bottom: 1rem;
    padding: 1rem;
}

.monthly-review-details-redesign .monthly-review-sidebar-card {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: 1rem;
    box-shadow: 0 .0725rem .1875rem rgba(15, 23, 42, .06);
    padding: 1.25rem;
}

.monthly-review-details-redesign .monthly-review-sidebar-card .lenservice {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.monthly-review-details-redesign .monthly-review-sidebar-card .lenservice span {
    color: var(--nx-dashboard-muted);
    font-size: .8125rem;
}

.monthly-review-details-redesign .monthly-review-sidebar-card .lenservice h6 {
    color: var(--nx-dashboard-text);
    font-size: .9rem;
    margin: 0;
    text-align: right;
}

.modalh4 {
    font-size: 1.56rem;
    font-weight: 600;
    color: var(--text);
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--text);
}

.crmview-form-wrapper header.headerclass {
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--text);
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--text);
    margin-bottom: .6rem;
}

.date-picker-wrapper {
    z-index: 111 !important;
}

.crmview-form-wrapper .formbuilder-radio {
    display: inline-flex;
    margin: 0 25px 20px 0;
    align-items: center;
}

.formbuilder-text-label {
    margin-right: .5rem;
}

.education-report .modal-body .crmview-form-wrapper {
    max-height: 30rem;
    overflow-y: scroll;
}

.task-redesign>.form-row:first-child,
.task-redesign>.row.form-row:first-child,
.add-activity-upload-row,
.rendered-form label,
.form-group {
    margin-bottom: .5rem;
}

.education-tracker-intro-card {
    background: linear-gradient(169deg, #e4ebf8, #f6f9ff 18%, #fff) !important;
}

.blue-card {
    border-radius: 1.5rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    background-color: #effaff;
    padding: 1.5rem;
    background: #ebf3fe;
}

.eduction_hidden thead {
    background: #f5f8fa;
}

.eduction_hidden thead tr th {
    padding: .6rem 1.7rem ! IMPORTANT;
}

.res_education_tracker .main-resident-resident-table-sec-cus1 table.eduction_hidden {
    margin-top: 10px !important;
    margin-top: 0px !important;
}

.resident-hobbies-redesign .hobby-benefits-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 1.25rem;
}

.resident-hobbies-redesign .hobby-benefit-item {
    align-items: center;
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .9rem;
    display: flex;
    font-weight: 500;
    gap: .65rem;
    padding: .85rem 1.1rem;
}

.resident-hobbies-redesign .hobby-benefit-item i {
    color: #16a34a;
    flex-shrink: 0;
    height: 1.15rem;
    width: 1.15rem;
}

.resident-hobbies-redesign .hobby-option-col {
    padding-left: .5rem;
    padding-right: .5rem;
}

.resident-hobbies-redesign .hobby-option-col .form-row.row.hobbyy {
    background: #fff;
    border: .0725rem solid var(--nx-dashboard-border);
    border-radius: .9rem;
    padding: 0;
    transition: box-shadow .15s ease, border-color .15s ease;
}

.resident-hobbies-redesign .hobby-option-col .form-row.row.hobbyy:hover {
    border-color: var(--nx-dashboard-primary);
    box-shadow: 0 .25rem .75rem rgba(15, 23, 42, .06);
}

.resident-hobbies-redesign .form-check.hobby {
    border: none !important;
    margin: 0;
}

.independence-accordion .label-link-cus:hover,
.attendance-record-redesign .attendance-history-trigger:hover,
.summary-field-card .summary-field-accent,
.resident-hobbies-redesign a.hobbies-links:hover {
    color: var(--nx-dashboard-primary);
}

.resident-hobbies-redesign .hobby-submit-row {
    display: flex;
    justify-content: flex-end;
    padding: 1.25rem 0 0;
}

.hobby-benefit-item svg {
    color: #059669;
}

.form-check-input:checked[type=checkbox] {
    background-color: #0d6efd;
    border-radius: .3rem;
    border: 0;
}

.resident_hobbies input[type="checkbox"] {
    box-shadow: none;
    height: 1.1rem;
    width: 1.1rem;
    margin-left: 0;
    background-color: #ECF2F4;
    border: 1px solid #C3CCD0;
    margin: 0;
}

.spends-redesign .spends-form-card {
    height: 100%;
}

.spends-redesign .spends-stats-grid {
    /* height: 100%; */
    grid-template-rows: 1fr;
}

.spends-redesign .spends-stat-card {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 0;
}

.spends-redesign .spends-stat-label,
.savings-resident-redesign .savings-stat-label {
    color: var(--nx-dashboard-text-muted, #64748b);
    display: block;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .03em;
    margin-bottom: .35rem;
    text-transform: uppercase;
}

.spends-redesign .spends-stat-card strong,
.savings-resident-redesign .savings-stat-card strong {
    color: var(--nx-dashboard-text);
    font-size: 1.6rem;
    font-weight: 700;
}

.maintenance-detail-hero,
.vehicle-page-title,
.edit-task-form-hero,
.vehicle-forms-hero,
.vehicle-fill-form-hero,
.home-history-hero,
.add-activity-panel,
.spends-redesign .spends-chart-card {
    margin-bottom: 1.5rem;
}

hr,
.managment_monthly_review_page .panel-inner-data-main-colom-cus2 a,
.home-apps-redesign .acknowledgement-main-activity-suit,
.home-apps-redesign .acknowledgement-main-activity-suit-a,
.form-view-redesign #fb-render form,
.form-view-redesign #fb-render [id^="crmfform"],
.job-advert-form-redesign .form-view-card-body,
.candidate-form-redesign .tab-content,
.recruitment-alert-role-panel .panel-title,
.home-chart-card .highcharts-figure,
.activity-suite-card .activity-newimg,
.independence-accordion .form-check,
.independence-accordion .blue p,
.appraisal-redesign .appraisal-filter-card .row,
.resident-hobbies-redesign .hobby-options-grid,
.spends-redesign .highcharts-figure {
    margin: 0;
}

.savings-resident-redesign .savings-stat-card {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.spends-redesign .spends-stat-card .vehicle-key-icon,
.savings-resident-redesign .savings-stat-card .vehicle-key-icon {
    margin: 0 auto .75rem;
}

.clothing-redesign .clothing-itinerary-link {
    flex-direction: row !important;
    transition: box-shadow .15s ease, border-color .15s ease;
}

.independence-feature-row .signhere-btn-cus,
.clothing-redesign .clothing-itinerary-link>i {
    flex-shrink: 0;
}

.clothing-redesign .clothing-itinerary-link:hover {
    border-color: var(--nx-dashboard-primary);
    box-shadow: 0 .25rem .75rem rgba(15, 23, 42, .08);
}

.clothing-redesign .clothing-itinerary-label {
    color: var(--nx-dashboard-text-muted, #64748b);
    display: block;
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .03em;
    margin-bottom: .15rem;
    text-transform: uppercase;
}

.clothing-report-redesign .clothing-report-year-filter {
    margin-bottom: .25rem;
    position: relative;
}

.clothing-report-redesign .clothing-report-year-filter svg {
    color: var(--nx-dashboard-muted);
    position: absolute;
    right: .7rem;
    top: 50%;
    transform: translateY(-50%);
}

.resident-form label,
.main-div label {
    margin-bottom: .5rem;
    text-transform: uppercase;
    font-size: .85rem;
    font-weight: 600;
    color: #646f87;
    line-height: 1.7rem;
    letter-spacing: .015rem;
}

.clothing-itinerary-page-redesign .spends-form-card {
    overflow: visible !important;
    z-index: auto !important;
}

.res_education_tracker.education-tracker-redesign a.education-btn.blue-big-button {
    align-items: center;
    background: var(--nx-dashboard-primary) !important;
    border: none !important;
    border-radius: .9rem !important;
    color: #fff !important;
    display: inline-flex;
    font-weight: 500 !important;
    padding: .65rem 1.4rem !important;
}

.res_education_tracker.education-tracker-redesign a.education-btn.blue-big-button:hover {
    background: var(--nx-dashboard-primary) !important;
    color: #fff !important;
    filter: brightness(.95);
}

.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card>div:not(.vehicle-key-icon),
.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card-green>div:not(.vehicle-key-icon),
.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card-yellow>div:not(.vehicle-key-icon) {
    display: contents;
}

.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card p,
.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card-green p,
.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card-yellow p {
    color: var(--nx-dashboard-muted);
    flex: 0 0 100%;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .0325rem;
    margin: .5rem 0 0;
    order: 3;
    text-transform: uppercase;
}

.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card .education-tracker-stat-caption,
.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card-green .education-tracker-stat-caption,
.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card-yellow .education-tracker-stat-caption {
    color: var(--nx-dashboard-text);
    flex: 0 0 100%;
    font-size: .95rem;
    font-weight: 500;
    margin: .25rem 0 0;
    order: 4;
    text-transform: none;
}

.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card strong span,
.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card-green strong span,
.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card-yellow strong span {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card .vehicle-key-icon,
.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card-green .vehicle-key-icon,
.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card-yellow .vehicle-key-icon {
    margin-bottom: 0;
    order: 1;
}

.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card {
    align-items: flex-start;
    flex-wrap: wrap;
    background: linear-gradient(135deg, #eef4ff 0%, #fff 65%);
}

.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card strong {
    font-family: var(--nx-heading-font) !important;
    font-size: 1.9rem;
    font-weight: 700;
    margin-left: auto;
    order: 2;
    color: var(--nx-dashboard-primary);
}

.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card-green {
    align-items: flex-start;
    flex-wrap: wrap;
    background: linear-gradient(164deg, #eafff3 0%, #fff 65%);
}

.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card-green strong {
    font-family: var(--nx-heading-font) !important;
    font-size: 1.9rem;
    font-weight: 700;
    margin-left: auto;
    order: 2;
    color: #16a34a;
}

.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card-yellow {
    align-items: flex-start;
    flex-wrap: wrap;
    background: linear-gradient(164deg, #fff8e8 0%, #fff 65%);
}

.education-tracker-redesign .vehicle-key-card.education-tracker-intro-card-yellow strong {
    font-family: var(--nx-heading-font) !important;
    font-size: 1.9rem;
    font-weight: 700;
    margin-left: auto;
    order: 2;
    color: #d97706;
}

.resident-ajax-loading {
    color: #646f87;
}

.resident-ajax-spinner {
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
    animation: resident-ajax-spin 0.9s linear infinite;
}

@keyframes nx-ping-beacon {
    0% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, .4);
    }

    70% {
        box-shadow: 0 0 0 .375rem rgba(16, 185, 129, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
    }
}


@keyframes dashboard-flash-amber {

    0%,
    100% {
        background-color: #fffbeb;
        border-color: #fde68a;
    }

    50% {
        background-color: #fef3c7;
        border-color: #fbbf24;
    }
}

@keyframes dashboard-flash-red {

    0%,
    100% {
        background-color: #fef2f2;
        border-color: #fecaca;
    }

    50% {
        background-color: #fee2e2;
        border-color: #f87171;
    }
}

@keyframes dashboard-fade-up {
    from {
        opacity: 0;
        transform: translateY(.625rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {

    .dashboard-topbar,
    .dashboard-assist-card,
    .dashboard-stat-card,
    .dashboard-card,
    .dashboard-quick-link {
        animation-duration: .01s !important;
        animation-delay: 0s !important;
    }
}

@keyframes resident-ajax-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.dropdown-menu.show {
    border-radius: 0.6rem;
    background-color: #fff;
    padding-bottom: 0;
}
/* .dropdown-menu.show li.selected.active a {
    padding: .3rem .6rem;
} */
.login-bg{
        background-color: #f8f9fd;
}
.form-control:focus {
    border-color: #1247bb !important;
    box-shadow: none !important;
}
.page-link {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
tr.heading-cusc {
    /* background: #2663ea !important;
    color: white; */
    border-radius: 10px;
}

.saving_resident tr.heading-cusc.headp th {
    color: #ffffff ! IMPORTANT;
}
.add_candidate .upload-btn-wrapper input[type=file],
.candidate-stage-card .upload-btn-wrapper input[type=file],
.upload-btn-wrapper.pop input[type=file]{
    font-size: 58px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    background: none;
    height: 100%;
    margin-bottom: 0 !important;
    width: 100%;
}
.upload-btn-wrapper.dd {
    border: 1px solid #dee2e6;
    border-radius: 1rem;
    cursor: pointer;
}
.rec-custom label {
    margin-bottom: .5rem;
}

.bootstrap-select .dropdown-toggle,
.bootstrap-select .filter-option-inner-inner,
input{
    font-size: 0.9rem !important;
}

.bootstrap-select {
    position: relative;
}

.bootstrap-select.open,
.bootstrap-select.show,
.btn-group.bootstrap-select.open,
.btn-group.bootstrap-select.show {
    z-index: 10500;
}

.bootstrap-select .dropdown-menu {
    z-index: 10501;
}

select:focus {
    position: relative;
    z-index: 10500;
}
a.btn.edit-pop-btn span {
    font-size: .8rem;
    color: grey;
    margin-left: .3rem;
}
.top-header-bar-2 .dropdown-menu .dropdown-item {
    padding: .25rem 0.4rem;
}
.line-state{
    color: var(--nx-dashboard-border);
}
select{
    border-radius: .9rem;
}
.dropdown-menu.show {
        max-height: 13rem;
}
.flip i.fa.fa-bars{
    font-size: 1rem;
}

/* Management Access page redesign */
.management-access-redesign {
    background: var(--nx-dashboard-bg);
    color: var(--nx-dashboard-text);
}

.management-access-hero {
    background: linear-gradient(135deg, #1e293b, #334155 55%, #475569);
    border-radius: 1.5rem;
    box-shadow: 0 1.5rem 3rem rgba(15, 23, 42, .18);
    color: #fff;
    margin-bottom: 2rem;
    overflow: hidden;
    padding: 2.5rem;
    position: relative;
}

.management-access-hero-glow {
    background: rgba(255, 255, 255, .06);
    border-radius: 999rem;
    filter: blur(2.5rem);
    height: 16rem;
    position: absolute;
    right: -4rem;
    top: -6rem;
    width: 16rem;
}

.management-access-hero-inner {
    align-items: flex-start;
    display: flex;
    gap: 1.5rem;
    position: relative;
    z-index: 1;
}

.management-access-hero-icon {
    align-items: center;
    background: rgba(255, 255, 255, .15);
    border-radius: 1rem;
    box-shadow: inset 0 0 0 .0625rem rgba(255, 255, 255, .12);
    display: flex;
    flex-shrink: 0;
    height: 4rem;
    justify-content: center;
    width: 4rem;
}

.management-access-hero-icon i {
    height: 2rem;
    width: 2rem;
}

.management-access-hero-label {
    color: rgba(255, 255, 255, .6);
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: .08em;
    margin-bottom: .5rem;
    text-transform: uppercase;
}

.management-access-hero h1 {
    color: #fff;
    font-weight: 700;
    margin-bottom: .75rem;
}

.management-access-hero-subtitle {
    color: rgba(255, 255, 255, .78);
    font-size: .95rem;
    line-height: 1.6;
    margin: 0;
    max-width: 42rem;
}

.management-access-section-title {
    color: var(--nx-dashboard-text);
    font-size: 1.05rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.management-access-cards-row {
    row-gap: 1.5rem;
}

.management-access-card-link {
    display: block;
    text-decoration: none !important;
}

.management-access-card {
    border: .125rem solid var(--nx-dashboard-border) !important;
    border-radius: .9rem !important;
    box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .05);
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.management-access-card:hover {
    border-color: rgba(37, 99, 235, .3) !important;
    box-shadow: 0 .625rem .9375rem -.1875rem rgba(37, 99, 235, .1), 0 .25rem .375rem -.125rem rgba(37, 99, 235, .06);
}

.management-access-card-top {
    align-items: center;
    display: flex;
    height: 10rem;
    justify-content: center;
    position: relative;
}

.management-access-card-top i {
    color: #fff;
    height: 2.75rem;
    position: relative;
    width: 2.75rem;
    z-index: 1;
}

.management-access-card-top-glow {
    background: rgba(255, 255, 255, .12);
    border-radius: 999rem;
    filter: blur(1.5rem);
    height: 6rem;
    position: absolute;
    right: -1.5rem;
    top: -3rem;
    width: 6rem;
}

.management-access-card-top-blue {
    background: linear-gradient(135deg, var(--nx-dashboard-primary), #1d4ed8 80%);
}

.management-access-card-top-sky {
    background: linear-gradient(135deg, #60a5fa, #3b82f6 80%);
}

.management-access-card-top-emerald {
    background: linear-gradient(135deg, #10b981, #059669 80%);
}

.management-access-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: .5rem;
    padding: 1.5rem;
}

.management-access-card-body h3 {
    color: var(--nx-dashboard-text);
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    transition: color .2s ease;
}

.management-access-card:hover .management-access-card-body h3 {
    color: var(--nx-dashboard-primary);
}

.management-access-card-body p {
    color: var(--nx-dashboard-muted);
    flex: 1;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: .5rem;
}

.management-access-card-visit {
    align-items: center;
    color: var(--nx-dashboard-primary);
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    gap: .4rem;
    padding-top: .25rem;
}

.management-access-card-visit i {
    height: 1rem;
    transform: translateX(-.4rem);
    transition: transform .2s ease;
    width: 1rem;
}

.management-access-card:hover .management-access-card-visit i {
    transform: translateX(0);
}

.management-access-card-top svg {
    width: 3.5rem;
    height: 3.5rem;
    color: #ffffff;
}

.management-access-hero {
    animation: dashboard-fade-up .4s ease-out both;
}

.management-access-cards-row > [class*="col-"] {
    animation: dashboard-fade-up .35s ease-out both;
}

.management-access-cards-row > [class*="col-"]:nth-child(1) {
    animation-delay: .05s;
}

.management-access-cards-row > [class*="col-"]:nth-child(2) {
    animation-delay: .15s;
}

.management-access-cards-row > [class*="col-"]:nth-child(3) {
    animation-delay: .25s;
}

.management-access-hero-emerald {
    background: linear-gradient(135deg, #059669, #10b981 55%, #34d399);
}

.management-access-hero-primary {
    background: linear-gradient(135deg, var(--nx-dashboard-primary), #3b82f6 55%, #60a5fa);
}

.admin-settings-accordion .accordion-item {
    border: .0625rem solid var(--nx-dashboard-border) !important;
    border-radius: .9rem !important;
    box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .05);
    margin-bottom: .75rem;
    overflow: hidden;
    transition: border-color .25s ease, box-shadow .25s ease;
}

.admin-settings-accordion .accordion-item:last-child {
    margin-bottom: 0;
}

.admin-settings-accordion .accordion-item:hover {
    border-color: rgba(37, 99, 235, .2) !important;
    box-shadow: 0 .25rem .75rem rgba(15, 23, 42, .08);
}

.admin-settings-accordion .accordion-button.admin-settings-accordion-btn {
    align-items: center;
    background: #fff;
    box-shadow: none !important;
    display: flex;
    gap: 1rem;
    padding: 1.1rem 1.25rem;
}

.admin-settings-accordion .accordion-button.admin-settings-accordion-btn:not(.collapsed) {
    background: linear-gradient(180deg, rgba(37, 99, 235, .05), rgba(37, 99, 235, 0));
    color: inherit;
}

.admin-settings-accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
    border-color: rgba(37, 99, 235, .3) !important;
    box-shadow: 0 .5rem 1.25rem rgba(37, 99, 235, .08);
}

.admin-settings-accordion-icon {
    flex-shrink: 0;
    margin-bottom: 0 !important;
    transition: transform .3s ease;
}

.admin-settings-accordion .accordion-button:not(.collapsed) .admin-settings-accordion-icon {
    transform: scale(1.08);
}

.admin-settings-accordion-label {
    color: var(--nx-dashboard-text);
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
}

.admin-settings-accordion-label small {
    color: var(--nx-dashboard-muted);
    font-size: .75rem;
    font-weight: 400;
    margin-top: .125rem;
}

.admin-settings-accordion .accordion-body {
    background: linear-gradient(180deg, rgba(37, 99, 235, .03), rgba(37, 99, 235, 0));
    padding-top: .25rem;
}

.management-access-select-card {
    animation: dashboard-fade-up .35s ease-out both;
    border-radius: 1.25rem !important;
}

.management-access-select-card-heading h5 {
    font-weight: 600;
}

.management-access-select-card-desc {
    color: var(--nx-dashboard-muted);
    margin-bottom: 0;
}
label {
    font-weight: 500;
    font-size: .95rem;
}