body {max-width: 100% !important; font-family: "Roboto", sans-serif;}
.page-id-205 #sidebar {display: none !important;}
.page-id-207 #sidebar {display: none !important;} 
.page-id-209 #sidebar {display: none !important;}
.page-id-211 #sidebar {display: none !important;}
.page-id-213 #sidebar {display: none !important;}
.container:has(.post-password-form) #sidebar {
    display: none;
}
.container {background-color: #F3F4F6; max-width: 100%; display: flex; font-weight: 500;}
.active-color {color: #0193FF;}
.active-option {background-color: #F9FAFC; color: #0193FF !important; border-radius: 5px; padding: 10px 0 10px 20px; font-weight: 600 !important;}
.hide-div {display: none;}
.js-title {font-size: 30px; font-weight: 700; margin-top: 40px;}
.js-all-option, .js-resi-option {padding-bottom: 60px;}

.js-top-with-filter {display: flex; justify-content: space-between; margin-bottom: 20px;}
.js-btns-div {display: flex; flex-wrap: wrap; gap: 20px;}
.js-options-btn {background-color: #fff; font-size: 14px; padding: 10px 20px; border-radius: 5px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.06); cursor: pointer; display: flex; justify-content: center; align-items: center;}
.active-js-btn {background-color: #0193FF; color: #fff;}
.filter-card {background-color: #fff; font-size: 12px; padding: 10px 20px; border-radius: 5px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.06); cursor: pointer; display: flex; justify-content: center; align-items: center;}
.filter-card i {color: #0193FF;}

.line-divider {background-color: #000; width: 100%; max-width: 100%; height: 1px; margin: 10px auto;}

.js-filter-div-multi {display: flex; justify-content: space-between; gap: 10px;}
.filter-search {background-color: #fff; font-size: 12px; padding: 10px 20px; border-radius: 5px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.06); cursor: pointer; display: flex; justify-content: center; align-items: center;}
.filter-search i {color: #0193FF;}
.filter-search input {border: none; margin-left: 10px;}

.blue-txt {color: #0193FF}
.blue-bg {background-color: #0193FF}

.sold {background-color: #0daf00;}
.inprogress {background-color: #ffe31a;}
.scheduling {background-color: #10e8ff;}
.unable {background-color: #ff8022;}
.pending {background-color: #5fa0ff}
.closed {background-color: #000;}
.closedother {background-color: #777;}
.closednot {background-color: #a5a2a5;}
.closedunable {background-color: #d3d3d3;}
.dead {background-color: #db0000;}
.warning {color: red !important;}

/* SIDEBAR STYLES */
#sidebar {background-color: #fff; max-width: 18%; width: 100%; padding: 10px 20px; height: calc(100vh - 32px); display: flex; justify-content: space-between; flex-direction: column;}
.sidebar-divider {background-color: #000; width: 100%; max-width: 100%; height: 1px; margin: 20px auto;}
.sidebar-logo {max-width: 180px; width: 100%; margin: 10px auto 0; display: flex;}
.sidebar-category {display: flex; align-items: center; justify-content: space-between;}
.sidebar-category p {margin: 0 !important; line-height: 1; cursor: pointer; font-size: 16px; color: #000; font-weight: 500;}
.sidebar-dropdown {display: none;}
.sidebar-dropdown p {cursor: pointer; font-weight: 500; color: #7B7B7B; font-weight: 400;}
.sidebar-bottom {margin-bottom: 20px;}
.logout-btn {max-width: 100%; width: 100%; border: 1px solid #000; border-radius: 5px; padding: 10px; background-color: unset;}

/* MAIN CONTENT CONTAINER STYLES */
.js-main-div {max-width: 100%; width: 100%; display: flex; justify-content: center; height:  calc(100vh - 32px); overflow: auto;}
.main-limiter {max-width: 1200px; width: 100%;}



/* ALL PROGRAMS OVERVIEW */
.js-all-option, .js-resi-option {color: #2E2E2E;}
.res-overview-three {display: flex; justify-content: space-between; gap: 20px; margin-bottom: 30px;}
.res-overview-two {display: flex; justify-content: space-between; gap: 20px;}
.center-card-content {text-align: center;}
.overview-card-number {font-size: 45px; font-weight: 700; margin-top: 10px; margin-bottom: 0;}
.overview-card {border-radius: 5px; padding:16px 18px 14px; box-shadow:0 8px 24px rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04); max-width:500px; width: 100%;}
.res-overview-two .overview-card {max-width: 50%;}
.overview-card-title-with-filter {display:flex; align-items:center; justify-content:space-between;}
.overview-card-title {margin:0; font-weight:600; margin-bottom: 15px;}
.overview-card-filters {display:flex; gap:8px;}
.overview-filter {font-size:12px; padding:6px 10px; border-radius:8px; cursor:pointer;}
.active-filter {background: #F4F4F4; font-weight:600;}


/* ALL PARTICIPATING CONTRACTORS */
.all-contractors-div {background: #fff; margin-top: 40px; padding: 20px 40px; border-radius: 5px; box-shadow: 0 4px 10px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.06);}
.all-contractors-header, .all-contractors-row {display: grid; grid-template-columns: 2fr 2fr 2fr 3fr 3fr; column-gap: 24px; align-items: center;}
.all-contractors-header p {margin: 0; font-weight: 600 !important; color: #000}
.all-contractors-row {padding: 14px 0;}
.all-contractors-row p {margin: 0; color: #000; font-weight: 400; font-size: 14px !important;}
.all-contractors-header p {font-size: 16px !important;}
.select-container {display: flex;}
.select-container select {background-color: #d3d3d3; padding: 8px 15px; appearance: none;}
.all-contractors-btn {background-color: #000;}