body,html{margin:0;padding:0;background-color:#f0f0f0;font-family:Outfit,sans-serif}*{box-sizing:border-box}:root{--yellow: #ffcc00;--white: #f0f0f0;--gray: #aaa;--black: #000}button{cursor:pointer;border:none;background-color:var(--black);color:var(--yellow);padding:10px 20px;border-radius:5px;font-size:1rem;font-weight:600;transition:background-color .3s}.container[data-v-dc13af0b]{height:100vh;display:flex;flex-direction:row}.sidebar[data-v-dc13af0b]{width:70px;height:100vh;background-color:var(--yellow);color:var(--white);border-radius:0 10px 10px 0;display:flex;flex-direction:column}#view-menu[data-v-dc13af0b]{flex-grow:1}#logo[data-v-dc13af0b]{margin-top:20px}.icon img[data-v-dc13af0b]{width:70%;margin:10px 15%}.separator[data-v-dc13af0b]{width:80%;margin:auto;height:2px;background-color:#85858590;border-radius:2px}.router-view[data-v-dc13af0b]{flex-grow:1;padding:20px;max-height:100vh}.parking[data-v-19d9681f]{border:3px solid black;border-radius:10px;display:flex;flex-direction:column;position:absolute}.parking-properties[data-v-19d9681f]{height:15%;width:100%}.parking-info[data-v-19d9681f]{text-align:center;font-weight:700;font-size:70%;margin-bottom:5%}.title[data-v-19d9681f]{text-align:center}.status[data-v-19d9681f]{margin:1% 0;text-align:center;flex-grow:1}h1[data-v-19d9681f]{margin-top:0;margin-bottom:0;font-size:30px;font-weight:700}h3[data-v-19d9681f]{margin-top:5%;margin-bottom:5%;font-size:20px;font-weight:700}p[data-v-19d9681f]{margin-top:0;margin-bottom:0;font-size:12px}.overtime-icon[data-v-19d9681f]{width:35%;height:40%;margin:0 auto}img[data-v-19d9681f]{width:100%;height:100%}.Occupied[data-v-19d9681f]{background-color:#fc0}.Overtime[data-v-19d9681f]{background-color:red}.Free[data-v-19d9681f]{background-color:#f0f0f0}.parking-overview[data-v-c3fa9009]{display:flex;flex-direction:column;height:100%}.header[data-v-c3fa9009]{display:flex;flex-direction:column;justify-content:center;align-items:center}.row[data-v-c3fa9009]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.col[data-v-c3fa9009]{display:flex;flex-direction:column;height:100%}.separator[data-v-c3fa9009]{height:2px;width:100%;background-color:#000;margin:20px 0}.canvas[data-v-c3fa9009]{width:100%;flex-grow:1;margin:20px auto;position:relative}h1[data-v-c3fa9009]{font-size:40px;font-weight:700;margin:.2em 0}h2[data-v-c3fa9009]{font-size:30px;font-weight:700;margin:.2em 0}h4[data-v-c3fa9009]{font-size:20px;font-weight:700;margin:.2em 0}.color-rect[data-v-85dcfb30]{width:100%;height:100%;background-color:red}