body{margin:0;padding:0;font-family:sans-serif;background-color:#fff;overscroll-behavior-y:none}html{overscroll-behavior-y:none}.app{min-height:100dvh}h1,h2,h3,h4,h5,h6{margin:0}.standardlayout{background-color:#f5f5f5;min-height:100vh}._original_page-content{padding:5px;max-width:1200px;margin:0 auto;border:0px solid yellow}.page-content{padding-left:25px;padding-right:25px;max-width:1200px;margin:0 auto;border:0px solid yellow;padding-bottom:20px}.flexLayout{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;display:flex;align-items:center;gap:15px;opacity:.8;justify-content:start}.flex-container{display:flex;flex-direction:column;gap:4px;justify-content:flex-start;align-items:center;background-color:#fff;padding:3px;border-radius:8px;box-shadow:0 2px 8px #000c;width:250px;overflow-Y:auto}.bg_lightgray{background-color:#d3d3d3}.wid60{width:60px}.wid80{width:80px}.wid100{width:100px}.width180{width:180px!important}.vehicles-table-owner{display:grid;grid-template-columns:1.2fr .6fr .6fr 1fr .6fr .8fr 1fr 1fr .6fr .6fr;gap:0;min-width:800px}.vehicles-table-owner8{display:grid;grid-template-columns:1.2fr .6fr .6fr .6fr 1fr 1fr 1fr .6fr;gap:0}.vehicles-table-renter{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr .8fr 1.5fr 1fr .8fr;gap:0}.standard-table-header{background-color:#1976d2;color:#fff;font-weight:700;padding:10px;text-align:left;font-size:14px}.standard-table-cell{padding:10px;border-bottom:1px solid #e0e0e0;font-size:14px}.standard-table-row{display:contents}.standard-table-row:nth-child(odd) .standard-table-cell{background-color:#fafafa}.standard-table-row:nth-child(2n) .standard-table-cell{background-color:#fff}.users-table{display:grid;grid-template-columns:1fr 1fr 1fr 1fr .5fr .5fr .4fr .4fr;gap:0px}.violations-table{display:grid;grid-template-columns:repeat(8,1fr);gap:0px}.displayerror{background-color:#ffebee;padding:15px;border-radius:8px;border:1px solid #ef5350;color:#c62828;text-align:center;width:80%;margin:auto}.ajaxloader{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.noresultsfound{background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 8px #000c;width:300px;margin:0 auto}button.standardbutton{padding:8px 16px;font-size:14px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;width:220px;transition:background-color .3s ease}button.standardbutton:hover{filter:brightness(.8)}.standardsubmitbutton:disabled{background-color:#ccc;cursor:not-allowed}.standardsubmitbutton:hover{filter:brightness(.8)}.standardsubmitbutton:hover:disabled{background-color:#ccc}button.standardcancelbutton:hover{filter:brightness(.8)}button.standarddeletebutton:disabled{background-color:#ccc;cursor:not-allowed}button.standarddeletebutton:hover{filter:brightness(.8)}button.standarddeletebutton:hover:disabled{background-color:#ccc}.standardsubmitbutton180:disabled{background-color:#ccc;cursor:not-allowed}.standardsubmitbutton180:hover{filter:brightness(.8)}.standardsubmitbutton180:hover:disabled{background-color:#ccc}button.standardcancelbutton180:hover{filter:brightness(.8)}button.standarddeletebutton180{padding:10px 20px;font-size:16px;background-color:#d32f2f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;width:180px;transition:background-color .3s ease}button.standarddeletebutton180:disabled{background-color:#ccc;cursor:not-allowed}button.standarddeletebutton180:hover{filter:brightness(.8)}button.standarddeletebutton180:hover:disabled{background-color:#ccc}.close-button{background:transparent;border:none;cursor:pointer;padding:5px;font-size:1rem}button.windowclosebutton{background-color:gray;font-size:16px;color:#000;border:1px solid black;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;margin-left:auto;cursor:pointer;margin-top:-10px;margin-right:-10px;transition:background-color .3s ease}button.windowclosebutton:hover{opacity:.8}button.table-button{padding:4px 8px;font-size:14px;background-color:#c8e6c9;color:#000;border:none;border-radius:4px;cursor:pointer;font-weight:700;width:150px}button.table-button:hover{filter:brightness(.8)}button.table-button-payment{padding:4px 8px;font-size:14px;background-color:#c8e6c9;color:#000;border:none;border-radius:4px;cursor:pointer;font-weight:700;width:100px}button.table-button-payment:hover{filter:brightness(.8)}button.navbutton{padding:8px;font-size:14px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:400}button.navbutton:hover{filter:brightness(.8)}.navbutton2:disabled{background-color:#aaa;cursor:not-allowed}button.navbutton2:hover{filter:brightness(.8)}button.navbutton3{padding:6px;font-size:14px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:400;min-width:50px;margin:5px}.navbutton3:disabled{background-color:#aaa;cursor:not-allowed}button.navbutton3:hover{filter:brightness(.8)}button.navbutton-goback{padding:8px;font-size:14px;background-color:gray;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:400}button.navbutton-goback:hover{filter:brightness(.8)}select.standardselect{padding:8px 12px;border-radius:4px;border:1px solid #ccc;font-size:14px}select.standardselect100{padding:8px 12px;border-radius:4px;border:1px solid #ccc;font-size:14px;width:100%}input.standardinput{padding:8px 12px;border-radius:4px;border:1px solid #ccc;font-size:14px;box-sizing:border-box;width:100%}input.input-date{padding:8px 12px;border-radius:4px;border:1px solid #ccc;font-size:14px;box-sizing:border-box}input.input-date:disabled{background-color:#ccc;cursor:not-allowed}.input-group{display:flex;flex-direction:column;margin-bottom:12px}.input-label{margin-bottom:4px;font-weight:700}.input-label2{font-weight:700;font-size:14px}.standardtitlebar{background-color:#fff;color:#000;padding:10px;border-radius:8px;width:95%;margin:auto auto 20px;text-align:center;opacity:.8}.standardtitlebar380{background-color:#fff;color:#000;padding:10px;border-radius:8px;width:380px;margin:auto auto 20px;text-align:center;opacity:.8}.standardtitlebar2{background-color:#fff;color:#000;padding:5px;border-radius:6px;width:300px;margin:10px auto;text-align:center;opacity:.8}.standardtitlebar h1{margin:0}.standardtitlebar-small{background-color:#fff;color:#000;padding:1px;border-radius:8px;width:70%;margin:auto auto 10px;text-align:center;opacity:.8}.navbar{background-color:#333;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.navbarphone{background-color:#333;color:#fff;padding:10px 20px;align-items:center;text-align:center;box-shadow:0 2px 4px #0000001a}.adminpage_heading{background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 8px #000c;border:0px solid black;text-align:center;box-sizing:border-box;width:260px}.admin_section_title{padding-bottom:5px}.admin_section{background-color:#fff;padding:10px 20px;border-radius:8px;box-shadow:0 2px 8px #000c;border:0px solid black;text-align:center;box-sizing:border-box;width:260px;height:180px}section.standardsection{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #000c;border:0px solid black;text-align:center;box-sizing:border-box;width:260px}section.standardsection-wide{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #000c;border:0px solid black;box-sizing:border-box;text-align:center;width:360px}section.standardsectiondashboard{background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 8px #000c;border:0px solid black;width:280px;margin-bottom:20px}.standardcard{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #000c;border:0px solid black;margin:5px;width:150px}.loginboxes{padding:0 20px 20px;display:flex;border:0px solid #000000;flex-direction:column;max-width:360px;margin:auto;border-radius:8px;background-color:#fff;opacity:.9}.bordershadow{border:1px solid rgba(22,162,183);padding:10px;background-color:#fff;margin-top:10px;box-shadow:4px 4px 6px #231259;border-radius:8px}@media only screen and (max-width: 479px){.tableview{display:none}.phoneview{display:block;margin:0}}@media only screen and (min-width: 480px){.tableview{display:block;margin:0;overflow:hidden}.phoneview{display:none}}.grid-flex-container{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:flex-start;border:0px solid yellow}.grid-flex-container380{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:380px;margin:auto}.onsite-grid-container-2{display:grid;grid-column-gap:3px;grid-template-columns:4fr 1fr;padding:3px;align-items:start;margin:2px;border:0px solid yellow;width:100%}.onsite-grid-container-2_1to1{display:grid;grid-column-gap:3px;grid-template-columns:1fr 1fr;background-color:#fff;padding:3px;align-items:start;margin:2px;border:2px solid white;width:100%}.grid-container-1a{display:grid;grid-column-gap:0px;grid-template-columns:1fr;background-color:#fff;padding:3px;border-radius:8px;box-sizing:border-box;box-shadow:0 2px 8px #000c;width:380px}.grid-container-1{display:grid;grid-column-gap:0px;grid-template-columns:1fr;background-color:#fff;padding:3px;border-radius:8px;box-shadow:0 2px 8px #000c;width:100%}.grid-container-2{display:grid;grid-column-gap:0px;grid-template-columns:1fr 1.5fr;background-color:#fff;padding:3px;border-radius:8px;box-shadow:0 2px 8px #000c;margin:2px;border:0px solid black;width:360px;height:250px}.grid-container-4{display:grid;grid-column-gap:0px;grid-template-columns:1fr 1.5fr 1fr 1.5fr;background-color:#fff;padding:3px;border-radius:8px;box-shadow:0 2px 8px #000c;margin:2px;border:0px solid black;width:360px;height:170px}.grid-container-2x{display:grid;grid-row-gap:10px;grid-column-gap:10px;grid-template-columns:1fr 1fr;background-color:#fff;padding:3px;border-radius:8px;align-items:center;border:0px solid black;width:260px}.grid-container-2-plate{display:grid;grid-column-gap:0px;grid-template-columns:1fr 2fr;background-color:#fff;padding:5px;border-radius:8px;box-shadow:0 2px 8px #000c;margin:2px;border:0px solid black;width:220px}.grid-container-3-plate{display:grid;grid-column-gap:0px;grid-template-columns:1fr 1.5fr 1fr;background-color:#fff;padding:5px;border-radius:8px;box-shadow:0 2px 8px #000c;margin:2px;border:0px solid black;width:200px}.grid-container-3{display:grid;grid-column-gap:0px;grid-template-columns:1fr 1fr 1fr;background-color:#fff;padding:3px;border-radius:8px;box-shadow:0 2px 8px #000c;margin:2px;border:1px solid black;max-width:300px}.grid-container-3_oldhoa{display:grid;grid-column-gap:1px;grid-template-columns:1.2fr 1.2fr 1fr;background-color:#fff;padding:5px;border-radius:8px;box-shadow:0 2px 8px #000c;margin:2px;border:0px solid black;max-width:380px;min-width:260px;min-height:270px;box-sizing:border-box}.xxrow-with-gap{margin-bottom:10px;border-bottom:3px solid black}.row-with-gap{border-bottom:1px solid black!important;padding-bottom:3px;margin-bottom:3px}.grid-container-3-full{display:grid;grid-column-gap:0px;grid-template-columns:1fr 1fr 1fr;background-color:#fff;padding:3px;border-radius:8px;box-shadow:0 2px 8px #000c;margin:2px;border:1px solid black;width:100%}.grid-container-2-full{display:grid;grid-column-gap:0px;grid-template-columns:1fr 1fr;background-color:#fff;padding:10px;border-radius:8px;border:0px solid black;line-height:1.6}.full-row{grid-column:1 /-1;text-align:center;margin:0;padding:0}.grid-item-normal{background-color:#fffc;border-bottom:0px solid #dddddd;font-size:.8rem;text-align:left;overflow:hidden}.grid-item-normal-highlight{background-color:pink;border-bottom:0px solid #dddddd;padding:0;font-size:10pt;text-align:left;margin:1px;overflow-x:hidden}.grid-item-bold{background-color:#fffc;border-bottom:0px solid rgba(0,0,0,.8);font-size:.8rem;text-align:left;overflow:hidden;font-weight:600}.parking-spaces-overview{background-color:#fff;padding:0;font-family:sans-serif}.parking-spaces-overview2{background-color:#333;padding-top:5px;font-size:12px;font-family:sans-serif}.parking-overview-title{margin:0 0 20px;font-size:18px;font-weight:700;color:#333;text-align:center}.parking-overview-loading{text-align:center;color:#666}.parking-metric{margin-bottom:10px}.parking-metric:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.parking-metric-label{font-size:14px;color:#666;margin-bottom:4px}.parking-metric-value{font-size:16px;font-weight:700}.parking-metric-total .parking-metric-value{color:#1976d2}.parking-metric-occupied .parking-metric-value{color:#d32f2f}.parking-metric-remaining .parking-metric-value{color:#4caf50}.page-background{min-height:100vh;background-size:cover;background-position:center;background-attachment:fixed}.page-loading{padding:20px}.page-label{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.error-text{color:#666;font-size:20px;font-weight:700;text-align:center}.editable-table-container{min-height:100vh;background-color:#f5f5f5}.editable-table-content{padding:20px}.editable-table-title{color:#333}.editable-table-error{background-color:#ffebee;color:#c62828;padding:12px;border-radius:4px;border:1px solid #ef5350;width:70%;text-align:center;margin:auto}.editable-table-validation-error{background-color:#fff3e0;color:#e65100;padding:12px;border-radius:4px;margin-bottom:20px;border:1px solid #ffb74d}.editable-table-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-x:auto;margin-bottom:20px}.editable-table{width:100%;border-collapse:collapse}.editable-table thead tr{background-color:#1976d2;color:#fff}.editable-table th{padding:12px;text-align:left;font-weight:700}.editable-table tbody tr{border-bottom:1px solid #ddd}.editable-table tbody tr:nth-child(odd){background-color:#fff}.editable-table tbody tr:nth-child(2n){background-color:#f9f9f9}.editable-table td{padding:12px;cursor:pointer}.editable-table td:last-child{text-align:center}.editable-table-cell-text{cursor:pointer}.editable-table-cell-text.filled{color:#333}.editable-table-cell-text.empty{color:#999}.editable-table-input{width:100%;padding:6px;border:2px solid #1976d2;border-radius:4px}.editable-table-button-container{display:flex;gap:10px;justify-content:space-between;margin-bottom:20px}.editable-table-add-button{padding:12px 24px;font-size:16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.editable-table-add-button:hover{background-color:#388e3c}.editable-table-save-button{padding:12px 24px;font-size:16px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.editable-table-save-button:hover:not(:disabled){background-color:#1565c0}.editable-table-save-button:disabled{background-color:#ccc;cursor:not-allowed}.editable-table-delete-button{padding:6px 12px;background-color:#d32f2f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.editable-table-delete-button:hover{background-color:#b71c1c}.editable-table-instructions{margin-top:30px;padding:15px;background-color:#e3f2fd;border-radius:4px;border:1px solid #bbdefb}.editable-table-instructions h3{margin:0 0 10px;color:#1565c0}.editable-table-instructions ul{margin:0;padding-left:20px;color:#333}.hoa-settings-container{background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:600px;margin:0 auto}.hoa-settings-form{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:20px}.hoa-settings-full-width{grid-template-columns:1fr}.hoa-settings-buttons{display:flex;gap:10px;justify-content:space-between}.editable-table-success{background-color:#e8f5e9;color:#2e7d32;padding:12px;border-radius:4px;margin-bottom:20px;border:1px solid #66bb6a}input.standardinput:disabled{background-color:#f5f5f5;cursor:not-allowed}.hoainformation>div{margin-bottom:5px;font-size:14px}.button-grid-sm{display:grid;grid-template-columns:repeat(auto-fit,minmax(20px,1fr));gap:.75rem}.button-grid-nc{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,.8fr));gap:.75rem;justify-items:center;justify-content:center}.generic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;justify-items:center;justify-content:center}.button-grid>:only-child{justify-self:center}.button-grid-lc{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;place-items:center}.button-grid-lc>:only-child{justify-self:center}.btn{width:100%;min-height:44px;padding:.75rem .5rem;max-width:240px;border-radius:6px;border:1px solid #ccc;background-color:#fff;color:#222;font-size:1rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}.btns_nm{width:100%;min-height:32px;padding:.25rem;border-radius:4px;border:1px solid #ccc;background-color:#fff;color:#222;font-size:.8rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}.btns{width:100%;min-height:32px;padding:.5rem .25rem;max-width:200px;border-radius:4px;border:1px solid #ccc;background-color:#fff;color:#222;font-size:.8rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}@media (hover: hover){.btns:hover,.btns_nm:hover{filter:opacity(.8)}}.btnxs{width:100%;padding:.25rem .125rem;max-width:100px;border-radius:4px;border:1px solid #ccc;background-color:#fff;color:#222;font-size:.8rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}@media (hover: hover){.btnxs:hover{filter:opacity(.8)}}.btnxsp{width:100%;padding:.25rem .125rem;max-width:100px;border-radius:4px;border:1px solid #ccc;background-color:gray;color:#fff;font-size:.8rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}@media (hover: hover){.btnxsp:hover{filter:opacity(.8)}}.zzbtn-primary{background-color:#2563eb;color:#fff;border-color:#2563eb}.zzbtn-secondary{background-color:#6b7280;color:#fff;border-color:#6b7280}.zzbtn-default{background-color:#dc2626;color:#fff;border-color:#dc2626}.zzbtn-secondary{background-color:#7690ab;color:#fff;border-color:#7690ab}.strike{text-decoration:line-through;text-decoration-thickness:3px;text-decoration-color:#2563eb}.navbarlink{cursor:pointer;color:#b9eaa1;text-decoration:none}.navbarlink:hover{filter:opacity(.7)}button.navbutton2{padding:6px;font-size:14px;background-color:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:400;min-width:100px;margin:4px}.standardsubmitbutton{padding:10px 20px;font-size:16px;background-color:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;width:120px;transition:background-color .3s ease}.standardsubmitbutton180{padding:10px 20px;font-size:16px;background-color:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;width:180px;transition:background-color .3s ease}button.standardcancelbutton{padding:10px 20px;font-size:16px;background-color:#dc2626;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;width:120px;transition:background-color .3s ease}button.standardcancelbutton180{padding:10px 20px;font-size:16px;background-color:#dc2626;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;width:180px;transition:background-color .3s ease}button.standarddeletebutton{padding:10px 20px;font-size:16px;background-color:#d32f2f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;width:120px;transition:background-color .3s ease}.btn-primary{background-color:#2563eb;color:#fff;border-color:#2563eb}.btn-primary2{background-color:#64748b;color:#fff;border-color:#64748b}.btn-secondary{background-color:#ffc107;color:#112e51;border-color:#64748b}.btn-default,.btn-cancel{background-color:#2196f3;color:#fff;border-color:#94a3b8}.btn-logout{background-color:#d22f2f;color:#fff;border-color:#94a3b8}.btn-delete,.btn-danger{background-color:#dc2626;color:#fff;border-color:#dc2626}@media (hover: hover){.btn:hover{filter:opacity(.8)}}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.btn:disabled{background-color:#d3d3d3;border-color:#ddd;color:#555;cursor:not-allowed}.btn:disabled:active{transform:none}
