.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;}
.hide-div {display: none;}
.o3-title {font-size: 30px; font-weight: 700; margin-top: 40px;}
.o3-resi-option {padding-bottom: 60px;}

.o3-top-with-filter {display: flex; justify-content: space-between; margin-bottom: 20px;}
.o3-btns-div {display: flex; flex-wrap: wrap; gap: 20px;}
.o3-options-btn {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;}
.active-o3-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: #D3D3D3; width: 100%; max-width: 100%; height: 1px; margin: 20px auto;}

.o3-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}

@media (max-width: 400px) {
  .o3-title {font-size: 24px;}
}

/* SIDEBAR STYLES */
#sidebar {background-color: #fff; max-width: 18%; width: 100%; padding: 10px 20px; display: flex; justify-content: space-between; flex-direction: column;}
.sidebar-divider {background-color: #D3D3D3; width: 100%; max-width: 100%; height: 1px; margin: 20px auto;}
.sidebar-logo {max-width: 250px; width: 100%;}
.sidebar-category {display: flex; align-items: center; justify-content: space-between;}
.sidebar-category p {margin: 0 !important; line-height: 1; cursor: pointer; font-size: 18px; color: #000; font-weight: 500;}
.sidebar-dropdown {display: none;}
.sidebar-dropdown p {cursor: pointer; font-weight: 500; color: #7B7B7B;}
.sidebar-bottom {margin-bottom: 20px;}
.logout-btn {max-width: 100%; width: 100%; border: 1px solid #000; border-radius: 5px; padding: 10px; background-color: unset;}
#sidebar-toggle {display: none; position: absolute; top: 20px; left: 20px; z-index: 1001; background: #fff; border: 1px solid #D3D3D3; border-radius: 8px; padding: 8px 12px; cursor: pointer; font-size: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);}
.sidebar-logo-row {display: flex; align-items: center; justify-content: space-between;}
#sidebar-close {display: none; background: none; border: none; font-size: 20px; cursor: pointer; padding: 4px; color: #000;}

@media (max-width: 1023px) {
  #sidebar-toggle {display: block;}
  #sidebar-toggle div {width: 22px; height: 2px; background-color: #000; margin: 5px 0; border-radius: 2px;}
  #sidebar {position: fixed; top: 0; left: -100%; max-width: 350px; width: 80%; height: 100vh; z-index: 1000; transition: left 0.3s ease; box-shadow: 4px 0 20px rgba(0,0,0,0.15); background-color: #fff; opacity: 1;}
  #sidebar.sidebar-open {left: 0;}
  body.sidebar-open::after {content: ''; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.4); z-index: 999;}
  #sidebar-close {display: block;}
  #sidebar-toggle {z-index: 998;}
}

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

@media (max-width: 1500px) {
  .o3-main-div {padding: 0 40px;}
}

@media (max-width: 767px) {
  .o3-right-col {height: 100vh;}
  .o3-main-div { padding: 0 20px; overflow: auto; flex: 1; }
}

/* NAVBAR STYLES */
.o3-navbar {max-width: 1200px; margin: 0 auto; width: 100%; background-color: #fff; display: flex; justify-content: space-between; 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);}
.navbar-center-group {display: contents;}
.navbar-left, .navbar-right {display: flex; justify-content: space-between; align-items: center;}
.navbar-left {gap: 15px;}
.navbar-form button {background-color: #0193FF; border: none; border-radius: 5px; padding: 6px 10px; color: #fff;}
.vertical-divider {background-color: #D3D3D3; width: 1px; height: 30px; margin: 0 20px;}
.navbar-icon {max-width: 30px; margin-right: 20px;}
.navbar-cog {cursor: pointer;}
.o3-subnav {position: fixed; top: 16px; right: 16px; width: 140px; overflow-y: auto; background: #fff; padding: 12px 16px; border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.06); transform: translateX(calc(100% + 24px)); opacity: 0; visibility: hidden; pointer-events: none; transition: transform 240ms ease, opacity 200ms ease, visibility 0s linear 200ms; z-index: 1001;}
.o3-subnav.is-open {transform: translateX(0); opacity: 1; visibility: visible; pointer-events: auto; transition: transform 240ms ease, opacity 200ms ease, visibility 0s;}
.o3-subnav p { margin-bottom: 5px; font-size: 12px; cursor: pointer; }
.o3-subnav-backdrop {position: fixed; inset: 0; background: rgba(0,0,0,.35); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 200ms ease, visibility 0s linear 200ms; z-index: 1000;}
.o3-subnav-backdrop.is-open {opacity: 1; visibility: visible; pointer-events: auto; transition: opacity 200ms ease, visibility 0s;}
body.subnav-open {overflow: hidden;}

@media (max-width: 1023px) {
  .o3-navbar {position: sticky; top: 0; z-index: 997; flex-shrink: 0; flex-direction: row; align-items: center; gap: 10px;}
  .navbar-right, .navbar-left {justify-content: center;}
  .navbar-center-group {display: flex; flex-direction: column; align-items: center; flex: 1;}
}

/* TRAINING REQUIRED STYLES */
.o3-training-box {background-color: #fff; display: flex; justify-content: space-between; align-items: center; gap: 100px; margin-top: 40px; padding: 20px 40px; border-radius: 5px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.06);}
.o3-training-left {display: flex; gap: 20px;}
.o3-training-img {max-width: 100px; width: 100%;}
.o3-training-title {font-weight: 700; margin-top: 0;}
.o3-training-txt {font-size: 14px; margin-bottom: 0;}
.o3-training-btn {background-color: #AD0502; border: none; border-radius: 5px; width: 160px; padding: 10px;}

@media (max-width: 1175px) {
  .o3-training-box {flex-direction: column; justify-content: center; gap: 20px;}
  .o3-training-left {flex-direction: column; justify-content: center; align-items: center; text-align: center;}
}

@media (max-width: 500px) {
  .o3-training-box {padding: 20px;}
}

/* HOME HEADER IMAGE */
.o3-header-box {padding: 20px 40px; margin-top: 40px; border-radius: 15px; overflow: hidden;}
.o3-header-desk {background: url('https://optimusfinancing.com/wp-content/uploads/2026/05/optimus-banner.png'); background-size: cover; background-position: center right; min-height: 290px; height: auto;}
.o3-header-mob {display: none;}
.o3-header-container {max-width: 60%;}
.o3-header-box img {max-width: 300px; width: 100%;}
.o3-header-box .o3-title {margin: 15px 0 0;}
.o3-header-sub-txt {font-size: 12px; margin-top: 0;}

@media (max-width: 1300px) {
  .o3-header-desk {background-position: 40% center;}
}

@media (max-width: 767px) {
  .o3-header-desk {display: none;}
  .o3-header-mob {display: block; background: url('https://optimusfinancing.com/wp-content/uploads/2026/05/optimus-banner-mobile.png'); background-size: cover; background-position: center; border-radius: 12px; overflow: hidden; text-align: center; padding: 30px 20px; display: flex; flex-direction: column; align-items: center;}
  .o3-header-mob img {max-width: 220px; width: 100%; margin-bottom: 10px;}
}

/* HOME MEMBER BENEFITS */
.o3-member-bene-div {display: flex; gap: 10px; flex-wrap: wrap;}
.member-bene {flex: 1 1 30%; min-width: 280px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding: 20px; border-radius: 16px; overflow: hidden; text-decoration: none; cursor: pointer;}
.bene-chatts {background: url('https://optimusfinancing.com/wp-content/uploads/2026/05/matt-chatts-image.png'); background-size: cover; height: 310px;}
.bene-epic {background: url('https://optimusfinancing.com/wp-content/uploads/2026/05/epic2027-image.png'); background-size: cover; height: 310px;}
.bene-iwallet {background: url('https://optimusfinancing.com/wp-content/uploads/2026/05/iwallet-image.png'); background-size: cover; height: 310px;}


.o3-card-box {background-color: #fff; display: flex; flex-wrap: wrap; gap: 30px; margin-top: 40px; padding: 20px 40px; border-radius: 5px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.06);}
.o3-card {max-width: 320px; width: 100%; background-color: #EAEAEA; border-radius: 5px; padding: 10px 10px 20px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;}
.o3-card-img {max-width: 100%; width: 100%; border-radius: 5px;}
.o3-card-title {font-size: 22px; font-weight: 700;}
.o3-card-btn {background-color: #0193FF; border: none; border-radius: 5px; padding: 10px;}

.o3-new-card-box {background-color: #fff; display: flex; flex-wrap: wrap; gap: 30px; margin-top: 40px; padding: 20px 40px; border-radius: 5px; box-shadow: 0 4px 10px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.06);}
.o3-contractor-training-div {display: flex; width: 100%; border-radius: 25px; overflow: hidden; border: 1px solid #e8e8e8;}
.o3-training-card-left { flex: 0 0 35%;}
.o3-training-card-left img {width: 100%; height: 100%; object-fit: cover; display: block;}
.o3-training-card-right {display: flex; flex-direction: column; padding: 30px 40px; flex: 1;}
.o3-new-card-box .o3-card-title {margin-top: 0;}
.o3-card-sub-txt {font-size: 12px; margin: 0;}
.o3-training-sub-head {font-weight: 500;}
.o3-training-badge-div {display: flex; gap: 10px; flex-wrap: wrap;}
.o3-training-badge {background-color: #EBF7FF; color: #0193FF; width: 170px; border-radius: 8px; padding: 14px 20px; text-align: center; font-weight: 700; font-size: 10px;}
.o3-training-card-right .o3-training-img {max-width: 350px; width: 100%; margin: 20px 0;}
.memb-resources-btn {margin-top: 20px !important;}

@media (max-width: 1023px) {
  .o3-contractor-training-div {flex-direction: column;}
  .o3-training-card-left {flex: 0 0 auto; width: 100%; height: 250px;}
  .o3-training-card-right {border: 1px solid #e8e8e8; border-top: none; border-radius: 0 0 25px 25px; padding: 20px;}
  .o3-new-card-box .o3-card-title {text-align: center;}
  .o3-new-card-box .o3-card-btn {display: flex; justify-content: center; margin: 0 auto;}
  
}
@media (max-width: 575px) {
  .o3-training-badge {max-width: 100%; width: 100%;}
}

@media (max-width: 400px) {
  .o3-new-card-box {padding: 0px; background-color: transparent; box-shadow: unset;}
  .o3-contractor-training-div {background-color: #fff;}
}


/* RESIDENTIAL OVERVIEW */
.o3-resi-option {color: #2E2E2E;}
.res-overview-three {display: flex; justify-content: space-between; gap: 20px; margin-bottom: 20px;}
.res-overview-two {display: flex; justify-content: space-between; gap: 20px;}
.center-card-content {text-align: center;}
.overview-card-number {font-size: 50px; font-weight: 700; margin-top: 10px; margin-bottom: 0;}
.overview-card {background:#fff; 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;}
.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;}

.overview-chart{ margin-top:10px; display:flex; gap:10px; min-height: 260px;}
.y-axis{display:flex; flex-direction:column; justify-content:space-between; font-size:12px; color:#7b8794; padding:2px 8px 22px 0;}
.plot{position:relative; flex:1; padding:2px 6px 22px;}
.grid{position:absolute; inset:0 0 22px 0; pointer-events:none; background: repeating-linear-gradient(to top, #eef3f8 0, #eef3f8 1px, transparent 1px, transparent calc((100% - 0px)/7)); border-radius:8px;}
.bars{position:absolute; left:6px; right:6px; bottom:22px; top:2px; display:flex; align-items:flex-end; justify-content:space-between; gap:16px;}
.bar{width:36px; border-radius:6px; background: #0193FF;;}
.x-labels{position:absolute; left:6px; right:6px; bottom:2px; display:flex; justify-content:space-between; font-size:12px; color:#98a2b3;}

.overview-card-footer {display:flex; justify-content:flex-end; padding-top:12px;}
.overview-card-footer a {font-size:12px; text-decoration:none; color:#0193FF;}
.overview-card-footer .arrow {font-size:14px;}
.view-all-projects, .view-all-apps {cursor: pointer;}
.apps-list {background:#fff; border-radius:5px; padding:8px 0;}
.apps-row {display:flex; justify-content:space-between; align-items:center; padding:12px 6px; border-bottom:1px solid #eef2f6;}
.apps-row:last-child {border-bottom:0;}
.apps-count {color:#888888; font-weight:500;}
.status-pill {font-size:12px; padding:6px 10px; border-radius:5px; background:#f3f4f6; color:#374151; white-space:nowrap;}
.status-pending {background:#FCFCF2; color:#918D1B;}
.status-approved {background:#F4F4F4; color:#7A7A7A;}
.status-signed {background:#F2FBFF; color:#3A7280;}
.status-funded {background:#F2FFF4; color:#2F833C;}
.status-declined {background:#FFF2F2; color:#7C2525;}

/* RESIDENTIAL OPEN PROJECTS */
.open-projects-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);}
.open-projects-header, .open-projects-row {display: grid; grid-template-columns: 2fr 0.8fr 2fr 160px; column-gap: 24px; align-items: center;}
.open-projects-header p {margin: 0; font-weight: 600; color: #2E2E2E}
.open-projects-header p:nth-child(4) {justify-self: end; width: 160px;}
.open-projects-row {padding: 14px 0;}
.open-projects-row p {margin: 0; color: #747474}
.open-projects-btn {justify-self: end; width: 160px; text-align: center; background-color: #0193FF; border: none; border-radius: 5px; padding: 10px 12px; color: #fff; cursor: pointer;}

/* RESIDENTIAL PENDING INVITES */
.pending-projects-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);}
.pending-projects-header, .pending-projects-row {display: grid; grid-template-columns: 2fr 0.8fr 2fr 1.6fr 2fr 160px; column-gap: 24px; align-items: center;}
.pending-projects-header p {margin: 0; font-weight: 600; color: #2E2E2E}
.pending-projects-header p:nth-child(4) {justify-self: end; width: 160px;}
.pending-projects-row {padding: 14px 0;}
.pending-projects-row p {margin: 0; color: #747474}
.pending-projects-btn {justify-self: end; width: 160px; text-align: center; background-color: #0193FF; border: none; border-radius: 5px; padding: 10px 12px; color: #fff; cursor: pointer;}

/* RESIDENTIAL APPLICATIONS */
.applications-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);}
.applications-header, .applications-row {display: grid; grid-template-columns: 2fr 0.8fr 2fr 2fr 2fr 2fr 160px; column-gap: 24px; align-items: center;}
.applications-header p {margin: 0; font-weight: 600; color: #2E2E2E}
.applications-header p:nth-child(4) {justify-self: end; width: 160px;}
.applications-row {padding: 14px 0;}
.applications-row p {margin: 0; color: #747474}
.applications-btn {justify-self: end; width: 160px; text-align: center; background-color: #0193FF; border: none; border-radius: 5px; padding: 10px 12px; color: #fff; cursor: pointer;}

/* RESIDENTIAL TRANSACTIONS */
.transactions-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);}
.transactions-top {display: flex; justify-content: space-between; align-items: center;}
.transactions-title {font-weight: 600; color: #2E2E2E;}
.transactions-p {font-size: 14px; color: #747474;}
.transactions-btn {width: 130px; text-align: center; background-color: #0193FF; border: none; border-radius: 5px; padding: 10px 12px; color: #fff; cursor: pointer;}
.transactions-bot {display: flex; justify-content: space-between; align-items: center; background-color: #EAEAEA; border-radius: 5px; overflow: hidden; max-height: 0; opacity: 0; padding: 0 40px; margin-top: 0; transition: max-height 300ms ease, padding 300ms ease, margin-top 300ms ease, opacity 200ms ease;}
.transactions-bot.is-open {max-height: 320px; opacity: 1; padding: 20px 40px; margin-top: 30px;}
.transactions-bot .transactions-item {display: flex; justify-content: center; align-items: center; flex-direction: column;}
.transactions-bot .transactions-title {font-size: 22px; margin-bottom: 5px; margin-top: 0 !important; color: #747474; color: #747474;}
.transactions-bot .transactions-price {font-weight: 700; font-size: 35px; margin: 0 !important; color: #2E2E2E;}

@media (prefers-reduced-motion: reduce) {
  .transactions-bot {transition: none;}
}

/* SETTINGS GENERAL STYLES */
.o3-account-option {color: #2E2E2E;}
.accounts-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);}
.accounts-two-divs {display: flex; justify-content: space-between;}
.accounts-two-left p.bold {margin-bottom: -10px;}

/* ACCOUNT SETTINGS */
.settings-integrations-div {display: flex; flex-direction: column;}
.integrations {display: flex; justify-content: space-between; align-items: center;}
.integrations p {margin-bottom: 0;}

/* TEAM SETTINGS */
.accounts-div p.bold {margin-bottom: 5px;}
.ai-circle-alert {color: #FFE200; margin-right: -10px;}
.team-settings-header, .team-settings-row {display: grid; grid-template-columns: 2fr 2fr 2fr 2fr; column-gap: 24px; align-items: center;}
.team-settings-header p {margin: 0; font-weight: 600; color: #2E2E2E}
.team-settings-header p:nth-child(4) {justify-self: end; width: 160px;}
.team-settings-row {padding: 14px 0;}
.team-settings-row p {margin: 0; color: #747474}

/* NEED HELP */
.help-div {display: flex; justify-content: space-between;}
.help-btn {justify-self: end; width: 80px; text-align: center; background-color: #0193FF; border: none; border-radius: 5px; padding: 10px 12px; color: #fff; cursor: pointer;}

/* APPLICATION DETAILS */
.application-top, .application-bottom {background: #fff; margin-top: 40px; padding: 20px 20px; border-radius: 5px; box-shadow: 0 4px 10px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.06); color: #2E2E2E}
.application-div {display: flex; flex-direction: column; row-gap: 16px; padding: 40px 20px;}
.application-inner {align-items: flex-start; align-content: stretch; column-gap: 32px;}
.application-row {display: flex; flex-direction: row; align-items: flex-start; align-content: stretch; column-gap: 32px;}
.application-dot-holder {display: flex; flex-direction: column; align-items: center; align-self: stretch; justify-content: stretch; row-gap: 16px; flex-basis: 8px;}
.application-dot-holder-no-img {display: flex; flex-direction: column; align-items: center; align-self: stretch; justify-content: stretch; row-gap: 16px; flex-basis: 8px; margin: 0 8px;}
.dot {display: flex; align-self: center; flex-grow: 0; margin-top: 16px;}
.checked-dot {background: url('https://optimusfinancing.com/wp-content/uploads/2026/05/check-icon.png') center/contain no-repeat; box-shadow: none; width:24px; height:24px;}
.denied-dot {background: url('https://optimusfinancing.com/wp-content/uploads/2026/05/denied-icon.png') center/contain no-repeat; box-shadow: none; width:24px; height:24px;}
.open-dot {background: url('https://optimusfinancing.com/wp-content/uploads/2026/05/open-icon.png') center/contain no-repeat; box-shadow: none; width:24px; height:24px;}
.app-line {display: flex; justify-self: stretch; align-self: center; width: 8px; flex-grow: 1; flex: 1 1 0%; border-top-left-radius: 9999px; border-top-right-radius: 9999px; background-color: #ADDCFF;}
.app-line-cont {display: flex; justify-self: stretch; align-self: center; width: 8px; flex-grow: 1; flex: 1 1 0%; background-color: #ADDCFF;}
.app-line-end {display: flex; justify-self: stretch; align-self: center; width: 8px; flex-grow: 1; flex: 1 1 0%; border-bottom-left-radius: 9999px; border-bottom-right-radius: 9999px; background-color: #ADDCFF;}
.app-line-one {display: flex; justify-self: stretch; align-self: center; width: 8px; flex-grow: 1; flex: 1 1 0%; border-radius: 9999px; background-color: #ADDCFF;}
.application-right {display: flex; row-gap: 8px; flex-direction: column; max-width: 100%; width: 100%; border: 1px solid #2E2E2E; border-radius: 5px; padding: 20px 40px; margin: 16px 0;}
.app-info-holder {display: flex; gap: 80px;}
.bolded-info {font-weight: 700; font-size: 18px; margin-top: -10px;}
.date-div {width: 240px;}
.date-div .status-pill {font-size: 14px; margin-top: 16px; margin-bottom: 10px; text-align: end; font-weight: bold;}
.app-date {font-size: 12px; text-align: end;}
.green-info {color: #2F8042; font-weight: 700; font-size: 14px; margin-top: -10px;}
.application-title-and-btn {display: flex; justify-content: space-between; align-items: center;}
.app-invite-btn {background-color: #0193FF; border: none; border-radius: 5px; padding: 10px;}
.app-back-btn {background-color: #0193FF; border: none; border-radius: 5px; padding: 10px; margin: 20px 0;}
.application-top {display: flex; justify-content: space-between;}
.top-app-info {display: flex; flex-direction: column;}
.top-app-info p {margin-bottom: 0;}

/* REBATES */
.board-bg {background-color: #fff; border: 1px solid #E3E3E3; padding: 40px; margin: 20px 0 60px; color: #000; border-radius: 40px;}
.board-btn-row {display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 70%; margin: 30px 0;}
.dashboard-header {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin-bottom: 30px;}
.dashboard-btn-row {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px;}
.board-btn {border: 1px solid #E3E3E3; border-radius: 10px; padding: 5px 10px; cursor: pointer;} 
.board-btn p {margin: 0; font-weight: 500;}
.board-btn.active-btn {background-color: #fd0d00; color: #fff; border: 1px solid #fd0d00;}

.table-container {margin: 20px 0; overflow: hidden;}
.board-table {width: 100%; table-layout: fixed; font-size: 14px; color: #333; border: 1px solid #E3E3E3;}
.board-table thead {background-color: #f6f6f6;}
/*.board-table tbody { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}*/
.board-table th {font-weight: 400; font-size: 18px;}
.board-table th, .board-table td {padding: 20px; text-align: left; border-bottom: 1px solid #E3E3E3; vertical-align: middle; word-wrap: break-word;}
.board-table th, .board-table td {width: 33.3333%;}

.dashboard-table {margin-top: 0 !important;}
.dashboard-p {font-size: 14px; font-weight: 400; margin: 0;}
.dashboard-btn {padding: 10px 25px; border-radius: 10px; font-weight: 500;}
.dashboard-t-head {background-color: #fd0d00 !important;}
.dashboard-t-head th {font-size: 16px; font-weight: 500 !important}
.dashboard-t-body td {font-weight: 500 !important}

.dash-dbl-btns {display: flex; gap: 20px;}
.dash-header-left { display: flex; align-items: center; gap: 20px; }
.dash-header-left h2 { margin: 0; }
.dash-header-right { display: flex; flex-direction: column; gap: 6px; }
#o3-rebates .o3-title {font-size: 22px; margin: 0;}

@media (max-width: 1023px) {
  .dashboard-header {justify-content: space-evenly; gap: 20px;}
  .dash-dbl-btns .dashboard-btn {width: 180px; text-align: center;}
}

@media (max-width: 600px) {
  .board-table th, .board-table td {padding: 10px 12px; font-size: 13px;}
  .dash-dbl-btns {flex-wrap: wrap; justify-content: center;}
}