.dvin{width:120px}.op-sec{opacity:.75}.light-text{opacity:.7;font-weight:200;color:#979ca2}.light-text span{padding-right:10px}.t-b{opacity:1;text-decoration:underline;color:#363636;font-weight:700}.ft-kw{font-size:32px!important}.div-blocks>div{//zoom:.9}.no-event{opacity:.85}.text-red{color:darkred}.tooltip{z-index:10000}@media (max-width:422px){.div-blocks{grid-template-columns:1fr 1fr!important;grid-template-areas:"a1 a1" "a2 a2" "a3 a3" "a4 a4" "a5 b5"}#b1{grid-area:a1}#b2{grid-area:a2}#b3{grid-area:a3}#b4{grid-area:a4}#b5{grid-area:a5}#b6{grid-area:b5}.info-energy h2{font-size:17px}.ic{margin-top:12px;zoom:.8}}.hover-history-wrapper{background-color:#d6d8df;border-radius:3px;position:absolute;padding:5px;z-index:99999;top:0;left:80px}.hover-history-wrapper.hover-up{top:auto;bottom:0}.rfid-table .token-id{position:relative;overflow:visible}.hover-history-wrapper-noabs{background-color:#f5f5f5;border-radius:3px;padding:5px;-webkit-user-select:text;-moz-user-select:text;user-select:text}.hover-history{width:100%;max-height:385px;padding:0!important;overflow-y:scroll}.hover-history td{font-size:15px}.hover-balance-flow{white-space:nowrap;text-align:right}.hover-balance-value{display:inline-flex;align-items:center;justify-content:flex-end;min-width:34px;padding:2px 6px;border-radius:10px;background:hsla(0,0%,100%,.55);color:#303844;font-size:12px;font-weight:600;line-height:1.15}.hover-balance-value.muted{color:#77818d;background:hsla(0,0%,100%,.35)}.hover-change-arrow{font-size:11px;color:#77818d;margin:0 2px 0 4px}.hover-log-time{opacity:.72}.hover-history td:first-child b{font-family:Roboto Mono,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";letter-spacing:0}.ti-tag-center{cursor:pointer}.upper{text-transform:uppercase}.rfid-save{margin-top:10px;display:flex;align-items:center;justify-content:space-between}.blue-out{border-color:#1e90ff!important}.red-out{border-color:#dc583f!important}.gray{background-color:#708090!important;opacity:.5;cursor:not-allowed!important}.add-rfid-btn{white-space:nowrap;height:17px;margin:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;box-sizing:border-box;border:1px solid transparent;text-transform:uppercase;font-size:10px;letter-spacing:.1px;padding:2px 5px;background-color:#1e88e5;color:#fff;width:50px;cursor:pointer;text-align:center;border-radius:15px}.scan-start{width:100px;height:23px;margin:0;font-size:12px}.rfid-add-row{display:grid;grid-template-columns:9fr 4fr 2fr 1fr!important;justify-content:space-between;background-color:#f5f5f5;border-radius:10px!important;padding:10px}.rfid-add-row input{outline:none;width:70px;border-radius:2px;border:1px solid #dfe0e9}input{outline:none}.rfid-table{border-radius:0 0 15px 15px!important;margin-bottom:10px;grid-template-columns:8fr 4fr 2fr 1fr!important;padding-bottom:12px;max-height:min(70vh,620px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.rfid-table::-webkit-scrollbar{width:0;height:0;display:none}.rfid-table .table-header div{border-bottom:1px solid #cecece}.rfid-table input{border:1px solid #dfe0e9}.c-offline{opacity:.5;zoom:.8;transition:all .2s ease-out}.c-offline:hover{opacity:.7}.c-charge{background-color:#1e90ff!important}.c-free{background-color:#2b8151!important}.c-conn{background-color:#d77706!important}.c-error{background-color:crimson!important}.token-note{font-size:11px;margin:auto;border-radius:0!important;border:0!important;padding:0 0 0 2px!important;color:#77818d;background:transparent;margin-top:0!important;width:95%!important;grid-column:5/1}.token-share-label{flex:0 0 auto;cursor:pointer;color:#77818d;font-size:12px;display:inline-flex;align-items:center;justify-content:center;margin:0}.token-share-label:focus,.token-share-label:hover{color:#1e88e5;outline:none}.oc-toast{background:var(--oc-black,#151922)}.cloud-prices{width:75px;position:relative}.cloud-prices input{width:100%!important}.cloud-prices span{position:absolute;right:5px;top:15px;opacity:.5}.tml{zoom:1.25}@media (max-width:500px){.tml{zoom:1}.s-select{width:70px!important}.b-timer svg{margin:2px 5px 2px 0!important}}.nw{white-space:nowrap}.vue-tags-input[data-v-0cde5cd4]{max-width:100%!important}.tariff-table .t-line[data-v-0cde5cd4]{margin:0 3px 0 5px}.tariff-table[data-v-0cde5cd4]{overflow:hidden}.grid-4[data-v-0cde5cd4]{grid-template-columns:5fr 2fr 1fr!important}.balance[data-v-0cde5cd4]{text-align:center;margin:10px;padding-top:15px}.balance-waiting[data-v-0cde5cd4]{color:orange;text-align:center;margin:10px}.balance-all[data-v-0cde5cd4]{color:#2e8b57;text-align:center;margin:10px}.box380[data-v-0cde5cd4]{width:auto!important}.apexcharts-xaxis-annotations rect{opacity:.8!important}.apexcharts-xaxis-annotations line{opacity:.5!important}.no-history{filter:blur(1.5px);pointer-events:none!important}.opacity{opacity:.5;color:#8b8c8d}.over-txt{position:absolute;text-align:center;padding:0;width:100%;height:100%;top:0;left:0;font-size:20px;margin:auto;font-weight:100}.t-yellow{color:#bea158}.t-orange{color:#b78952}.t-red{color:#9d4a4a}.sessions{display:flex;flex-wrap:wrap;justify-content:space-between}.vc-bg-black-600{background-color:#3c444d}.orange-txt{color:orange;font-weight:700}.green-txt{color:#2e8b57}.badge-txt{text-align:center;font-size:12px;opacity:.5;margin-top:5px;-webkit-user-select:all;-moz-user-select:all;user-select:all}.beta{border-left-color:#328ffe;align-items:center;display:flex}.beta p{text-align:justify}.beta:before{content:"!";background-color:#328ffe}@media (max-width:500px){.beta{flex-wrap:wrap}.stat-chart{margin:-15px}}.beta{padding:0 35px 0 25px;margin:2em 0;border-left-width:4px;border-left-style:solid;background-color:#f8f8f8;position:relative;border-bottom-right-radius:2px;border-top-right-radius:2px}.beta:before{position:absolute;top:14px;left:-12px;color:#fff;width:20px;height:20px;border-radius:100%;text-align:center;line-height:20px;font-weight:700;font-family:Dosis,Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-size:14px}.t-line{width:100%;border:1px dashed #2e8b57;margin:0 10px}.cs-time{display:flex;justify-content:space-between;align-items:center}.cs-active{background-color:#eaeef3}.cs-item{cursor:pointer;width:170px;border:1px solid #cbd5e0;border-radius:10px;padding:8px;margin:10px}@media (max-width:480px){.sessions{margin:15px 0;gap:12px}.cs-item{width:calc(50% - 25px)!important;margin:10px 0!important}}.date-picker{margin:10px 25px;width:100%}@media(max-width:295px){.date-picker{margin:10px 1px}}.vc-dots{position:absolute;bottom:3px}.vc-highlights+span+.vc-day-layer{display:none}.my-date-class{color:#639}.oc-or{display:flex;align-items:center;gap:12px;width:100%;max-width:320px;margin:22px auto 14px;color:#6a6a6a;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.oc-or:after,.oc-or:before{content:"";flex:1;height:1px;background:#3d3d3d}.gsi{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:320px;height:48px;min-height:48px;border:1px solid #4d4d4d;border-radius:300px;background:transparent;color:#cfcfcf;font:500 15px Roboto,sans-serif;cursor:pointer;box-shadow:none;transition:background .2s,border-color .2s;padding:0}.gsi:hover{background:hsla(0,0%,100%,.04);border-color:#6a6a6a}.gsi .g-wrap{position:absolute;left:5px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.gsi .g-wrap svg{width:20px;height:20px}.gsi-native{display:flex;justify-content:center;width:100%;max-width:320px;min-height:44px}.gsi-account{margin-top:22px;width:100%;max-width:340px;background:#2f2f2f;border:1px solid #3d3d3d;border-radius:16px;padding:22px;text-align:center}.gsi-avatar{width:64px;height:64px;border-radius:50%;margin:0 auto 12px;background:linear-gradient(135deg,#4285f4,#34a853);color:#fff;display:grid;place-items:center;font-size:26px;font-weight:500;overflow:hidden}.gsi-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gsi-account .nm{color:#fff;font-size:17px;font-weight:500}.gsi-account .em{color:#9aa0a6;font-size:13px;margin-top:2px}.gsi-account .meta{color:#6e747a;font-size:12px;margin:10px 0 18px}.gsi-go{width:100%;height:50px;border:none;border-radius:300px;background:#fff;color:#1f2329;font:700 15px Roboto,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:none;transition:transform .15s}.gsi-go:hover{transform:translateY(-1px)}.gsi-go i{color:#188ae2}.gsi-switch{background:transparent;border:none;color:#9aa0a6;font-size:13px;margin-top:14px;cursor:pointer;text-decoration:underline;box-shadow:none}.add-wrapper{margin-right:10px}.installPopup{margin-right:5px;margin-left:5px;position:absolute;right:0;bottom:15px;left:0;display:flex;margin-bottom:16px;padding:8px 10px 10px 10px;font-size:12px;border-radius:5px;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;color:#303030;background:#f2f8ff;align-items:center}.installPopup:after,.installPopup:before{position:absolute;top:100%;left:50%;width:0;height:0;border:solid transparent;content:" ";pointer-events:none}.installPopup:after{margin-left:-15px;border-width:15px;border-color:rgba(136,183,213,0);border-top-color:#f2f8ff}.installPopup:before{margin-left:-16px;border-width:16px;border-color:rgba(194,225,245,0);border-top-color:#f9f6f1}.icon1{width:25px;vertical-align:middle}.icon2{height:35px}section.login-page{-webkit-user-select:none;-moz-user-select:none;user-select:none}html.login-page{height:95%}#wrong-id{color:crimson;font-size:14px;opacity:.8}.user-manual{color:#646464;margin-top:380px;position:absolute}body.login-page{font-family:Roboto,sans-serif;background-color:#262626;display:flex!important;align-items:center!important;justify-content:center;height:100%;margin:0}.login-button .fa-sign-in-alt{transition:transform 5s}.login-button:hover .fa-sign-in-alt{zoom:1.2}.login-section{max-width:435px}.login-creds{width:100%!important;padding:12px 15px;margin:8px 0!important;display:inline-block;border:1px solid #ccc;box-sizing:border-box}.login-button{color:#fff;padding:14px 20px;margin:8px 0;border:none;cursor:pointer;width:100%;box-shadow:none}.login-page .container{padding:16px}.login-section{display:flex;height:150px;align-items:center;justify-content:center;flex-direction:column}.login-section input{border-radius:300px!important;padding:12px 35px!important;font-size:14px}.container{position:relative}.login-button{position:absolute;border-radius:50%;padding:0;width:125px;height:125px;top:5px;right:0;border:10px solid #262626;background-color:#363636}.login-button:focus{outline:0}#pass-status{padding:15px;position:absolute;cursor:pointer;bottom:26px;left:250px;color:#bfbfbf}.login-button i{width:45px;font-size:30px;color:#656565}.login-section h1{font-size:22px;margin:0;color:#fff}::-moz-placeholder{color:#bfbfbf;opacity:1}::placeholder{color:#bfbfbf;opacity:1}:-ms-input-placeholder{color:#bfbfbf}:focus{outline:none}.modal-wrapper{display:flex;align-items:center;margin-top:60px}.modal-wrapper .vm{z-index:999999;top:auto;max-height:calc(100% - 50px)}.scrollable-modal{display:flex;flex-direction:column;max-height:calc(100% - 100px)}.scrollable-modal .vm-titlebar{display:flex;justify-content:space-between}.scrollable-modal .vm-content{padding:0;flex-grow:1;display:flex;flex-direction:column;min-height:0}.scrollable-modal .vm-content .scrollable-content{position:relative;line-height:1.5em;overflow-y:auto;overflow-x:hidden;padding:10px 15px 10px 15px;flex-grow:1}.scrollable-modal .scrollable-modal-footer{padding:15px 0 15px 0;border-top:1px solid #e5e5e5;margin-left:0;margin-right:0}.tabs{position:fixed;width:inherit}#content{padding-top:calc(env(safe-area-inset-top) + 100px)}@media (max-width:480px){.modal-wrapper{margin-top:30px}.tabs{position:fixed;top:auto!important;left:0;right:0;bottom:0!important;width:auto;padding-bottom:calc(env(safe-area-inset-bottom))}#content{margin-bottom:calc(env(safe-area-inset-top))!important;padding-bottom:calc(45px + env(safe-area-inset-bottom))!important;padding-top:calc(env(safe-area-inset-top) + 60px)!important}}@keyframes checkmarkAnimation{to{stroke-dashoffset:0}}.input-wrapper{margin:10px 0;position:relative}.crappy-browser .fancy-check-label .checkmark-path{opacity:0}.modern-browser .fancy-check-label{transition:color .3s;display:flex;align-items:center}.fancy-check:checked+.fancy-check-label .fancy-checkbox{border-color:#1481d4}.modern-browser .fancy-check:checked+.fancy-check-label .checkmark-path{animation:checkmarkAnimation .5s 0s forwards}.crappy-browser .fancy-check:checked+.fancy-check-label .checkmark-path{opacity:1;stroke-dasharray:0;stroke-dashoffset:0}.fancy-checkbox{border-radius:3px;border:2px solid #888;cursor:pointer;display:block;height:15px;left:0;top:0;width:15px;border:1px solid #888}.fancy-checkbox-slim .checkmark{height:14px}.modern-browser .fancy-checkbox{transition:border-color .3s}.checkmark{height:15px;opacity:1;width:100%}.checkmark .checkmark-path{stroke:#1481d4;stroke-width:2px;transform-origin:50% 50%;stroke-miterlimit:10;opacity:1;stroke-dasharray:48;stroke-dashoffset:48}.fancy-label--text{margin-left:10px;position:relative}.switch{margin:0 5px;width:45px;height:22px}input:checked+.slider{background:#188ae2}input:checked+.slider:hover{background:#5d9bfb}.slider:before{bottom:3px}input:checked+.slider:before{transform:translateX(20px)}.flex-block{align-items:flex-start}.a-card span{width:28px;border-bottom:1px solid #1da271;outline:none;margin:5px;text-align:center;font-size:17px;font-weight:100}@media (max-width:890px){.a-card{zoom:.85}}.a-fetching span{opacity:.5;border-bottom:1px solid #83a290;animation:blinker 1.2s linear infinite}@keyframes blinker{50%{opacity:0}}.tsel3{width:70px!important;font-size:12px;zoom:1.25;-moz-text-align-last:center;text-align-last:center;text-align:center;margin-top:0!important;background-color:#fff}.b-timer{margin-top:30px;display:flex;align-items:center;justify-content:space-between}@media (max-width:700px) and (min-width:545px){.b-timer{flex-wrap:wrap}.b-timer .t-line,.tariff-table .t-line{display:none}}.b-timer .t-line,.tariff-table .t-line{width:100%;border:1px dashed #2e8b57;margin:0 10px;height:0;padding:0}.router-link-exact-active{color:#1481d4!important}.router-link-exact-active svg{fill:#1481d4!important}.online-status{width:6px;height:6px;background-color:#2dad73;border-radius:100%;position:absolute;top:5px;left:5px}:root{--oc-black:#262626;--oc-bg:#f3f3f3;--oc-card:#fff;--oc-card-border:#ececec;--oc-slate:#526073;--oc-slate-2:#4f6074;--oc-header-a:#3c4452;--oc-header-b:#313a45;--oc-text:#333;--oc-muted:#8a93a2;--oc-blue:#188ae2;--oc-orange:#ff9800;--oc-green:#2dad73;--oc-green-2:#1da271;--oc-crimson:#d00d32;--oc-grey:#90a4ae;--oc-font:"Roboto",Helvetica,Arial,sans-serif}.oc-mychargers,.oc-mychargers *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.oc-mychargers{margin:0;min-height:calc(100vh - 50px - env(safe-area-inset-top));min-height:calc(100dvh - 50px - env(safe-area-inset-top));background-color:var(--oc-bg);color:var(--oc-text);font:14px var(--oc-font)}.oc-mychargers .hidden{display:none!important}.oc-chargermap button,.oc-mychargers button{box-shadow:none}.oc-header{position:sticky;top:0;z-index:50;justify-content:center;height:56px;padding:0 16px;background:linear-gradient(180deg,var(--oc-header-a),var(--oc-header-b));color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}.oc-header,.oc-logo{display:flex;align-items:center}.oc-logo{gap:6px;font-size:22px;font-weight:300;-webkit-user-select:none;-moz-user-select:none;user-select:none}.oc-logo b{font-weight:700}.oc-logo .bolt{width:26px;height:26px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%}.oc-logo .bolt svg{width:13px;height:13px;fill:#fff}.oc-lang{position:absolute;left:16px;border:2px solid #697787;border-radius:15px;padding:5px 26px 5px 12px;font-size:12px;color:#9cacbe;background:transparent;cursor:pointer}.oc-lang:after{content:"";position:absolute;right:10px;top:45%;border:4px solid transparent;border-top-color:#697787}.oc-header-icons{position:absolute;right:16px;display:flex;gap:16px;font-size:18px;color:#aab3c0}.oc-header-icons i{cursor:pointer;transition:color .2s}.oc-header-icons i:hover{color:#fff}.oc-page{max-width:1040px;margin:0 auto;padding:20px 20px 80px}.oc-page-title{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 4px 18px}.oc-page-title .oc-spacer{flex:1 1 auto}.oc-page-title .oc-btn-primary{flex-shrink:0;white-space:nowrap}.oc-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.oc-stat{background:var(--oc-card);border:2px solid #f3f3f3;border-radius:6px;padding:14px 16px;display:flex;align-items:center;gap:12px}.oc-stat .num{font-size:26px;font-weight:700;line-height:1;color:var(--oc-black)}.oc-stat .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--oc-muted);margin-top:3px}.oc-stat.total .num{color:var(--oc-slate)}.dot{width:11px;height:11px;border-radius:50%;display:inline-block;flex:0 0 auto}.dot-charging{background:var(--oc-blue);box-shadow:0 0 0 3px rgba(24,138,226,.16)}.dot-connected{background:var(--oc-orange);box-shadow:0 0 0 3px rgba(255,152,0,.16)}.dot-available{background:var(--oc-green);box-shadow:0 0 0 3px rgba(45,173,115,.16)}.dot-fault{background:var(--oc-crimson);box-shadow:0 0 0 3px rgba(208,13,50,.16)}.dot-offline{background:var(--oc-grey)}.dot-all{background:var(--oc-slate)}.dot-charging.pulse{animation:oc-pulse 1.6s infinite}@keyframes oc-pulse{0%{box-shadow:0 0 0 0 rgba(24,138,226,.5)}70%{box-shadow:0 0 0 6px rgba(24,138,226,0)}to{box-shadow:0 0 0 0 rgba(24,138,226,0)}}.oc-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.seg{display:inline-flex;background:#e9ebef;border-radius:8px;padding:3px}.seg button{border:none;background:transparent;color:var(--oc-slate);font:600 13px var(--oc-font);padding:8px 15px;border-radius:6px;cursor:pointer;box-shadow:none;margin:0}.seg button.on{background:#fff;color:var(--oc-black);box-shadow:0 1px 2px rgba(0,0,0,.12)}.oc-statsel{max-width:110px;border:1px solid #dcdfe5;background:#fff;border-radius:8px;padding:9px 30px 9px 12px;font:600 13px var(--oc-font);color:var(--oc-slate);cursor:pointer;outline:none;box-shadow:none;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27><path fill=%27%23697787%27 d=%27M6 8L2 4h8z%27/></svg>");background-repeat:no-repeat;background-position:right 10px center}.oc-statsel:hover{border-color:#b9c0ca}.oc-cycle{display:inline-flex;align-items:center;gap:8px;border:1px solid #dcdfe5;background:#fff;border-radius:8px;padding:9px 12px;font:600 13px var(--oc-font);color:var(--oc-slate);cursor:pointer;box-shadow:none;margin:0;min-width:128px;transition:border-color .2s}.oc-cycle:hover{border-color:#b9c0ca}.oc-cycle .lbl{flex:1;text-align:left}.oc-cycle .cy{color:#c2c8d0;font-size:11px}.oc-spacer{flex:1 1 auto}.oc-search{position:relative}.oc-search input{border:1px solid #dcdfe5!important;border-radius:8px!important;padding:9px 12px 9px 34px!important;font:14px var(--oc-font)!important;width:150px!important;outline:none!important;background:#fff;margin-top:0!important}.oc-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--oc-muted)}.oc-btn-primary{background:var(--oc-black);color:#fff;border:none;border-radius:8px;padding:10px 16px;font:600 13px var(--oc-font);cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 2px rgba(0,0,0,.18);margin:0}.oc-btn-primary:hover{background:#000}.oc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.oc-card{position:relative;overflow:hidden;background:var(--oc-card);border:2px solid var(--oc-card-border);border-radius:10px;border-top:3px solid #ccc;transition:box-shadow .18s,transform .18s,border-color .18s,opacity .25s}.oc-card:not(.flipped):hover{box-shadow:0 8px 22px rgba(40,50,70,.13);transform:translateY(-2px)}.oc-card.s-charging{border-top-color:var(--oc-blue)}.oc-card.s-connected{border-top-color:var(--oc-orange)}.oc-card.s-available{border-top-color:var(--oc-green)}.oc-card.s-fault{border-top-color:var(--oc-crimson)}.oc-card.offline{opacity:.58;background:#fcfcfd}.oc-card.offline:not(.flipped):hover{opacity:.82;box-shadow:0 4px 14px rgba(40,50,70,.1);transform:none}.oc-wm{position:absolute;right:12px;bottom:-6px;z-index:0;pointer-events:none;font:800 78px/1 var(--oc-font);letter-spacing:-3px;color:#1c2430;opacity:.045;-webkit-user-select:none;-moz-user-select:none;user-select:none}.type-DC .oc-wm{color:var(--oc-blue);opacity:.07}.oc-card-track,.oc-face{position:relative}.oc-face{z-index:1;padding:15px 16px 13px;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .22s}.oc-front{position:relative}.oc-back{transform:translateX(26px)}.oc-back,.oc-card.flipped .oc-front{position:absolute;inset:0;opacity:0;pointer-events:none}.oc-card.flipped .oc-front{transform:translateX(-18px) scale(.98)}.oc-card.flipped .oc-back{position:relative;transform:none;opacity:1;pointer-events:auto}.oc-card:not(.flipped) .oc-front{cursor:pointer}.oc-card.dragging .oc-face{transition:none}.oc-front-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.oc-idblock{min-width:0}.oc-idblock .ocid{font-size:19px;font-weight:700;color:var(--oc-black);letter-spacing:.3px;line-height:1.1}.oc-idblock .ocid,.oc-idblock .pub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-idblock .pub{display:block;font-size:12px;color:var(--oc-muted);margin-top:3px;min-width:0}.oc-idblock .pub .pid{font-weight:700;color:var(--oc-slate)}.pub-row{display:flex;align-items:center;gap:8px;margin-top:3px}.pub-row .pub{flex:1 1 auto;margin-top:0}.ocpp-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;max-width:46%;padding:3px 9px;border-radius:20px;font-size:10.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ocpp-chip i{font-size:10px}.ocpp-chip.on{background:#e6f0fb;color:#1769b0}.ocpp-chip.off{background:#eef0f3;color:var(--oc-grey)}.ocpp-chip.none{background:transparent;color:#c2c8d0;font-weight:600}.off-tag{display:inline-flex;align-items:center;margin-left:6px;vertical-align:-2px}.off-tag-icon{width:16px;height:16px;display:block;opacity:.58}.oc-flipbtn{flex:0 0 auto;width:32px;height:32px;border:none;background:#f2f4f7;color:#9aa3af;border-radius:8px;cursor:pointer;font-size:14px;margin:-2px -2px 0 0;padding:0;box-shadow:none;transition:background .15s,color .15s}.oc-flipbtn:hover{background:#e8ebef;color:var(--oc-slate)}.oc-conns{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:2px;margin:0 -2px;scrollbar-width:thin;scrollbar-color:#cfd5dd transparent}.oc-conns::-webkit-scrollbar{height:6px}.oc-conns::-webkit-scrollbar-thumb{background:#d3d9e0;border-radius:4px}.oc-conn{flex:1 1 0;min-width:0;scroll-snap-align:start;background:#fafbfc;border:1px solid #eef0f3;border-radius:8px;padding:10px 12px}.oc-conn.scroll{flex:0 0 158px}.conn-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.conn-row-mid{display:flex;align-items:flex-end;gap:14px;margin-top:6px}.conn-row-mid>.conn-metrics,.conn-row-mid>.conn-power{flex:1 1 0;min-width:0}.conn-stat{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;min-width:0}.conn-stat .txt-charging{color:var(--oc-blue)}.conn-stat .txt-connected{color:var(--oc-orange)}.conn-stat .txt-available{color:var(--oc-green-2)}.conn-stat .txt-fault{color:var(--oc-crimson)}.conn-stat .txt-offline{color:var(--oc-grey)}.conn-stat .txt-locked{color:#858b97}.conn-stat .txt-unlocked{color:var(--oc-crimson)}.conn-stat .fa-lock{color:#858b97}.conn-stat .fa-unlock-alt{color:var(--oc-crimson)}.conn-power{font-size:22px;font-weight:700;color:#8b93a2;line-height:1.1}.conn-power small{font-size:12px;font-weight:600;color:var(--oc-muted)}.conn-metrics{display:flex;gap:14px;justify-content:flex-end}.conn-metrics .cm{line-height:1.2}.conn-metrics .cm b{display:block;font-size:13px;font-weight:700;color:var(--oc-slate)}.conn-metrics .cm span{font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:var(--oc-muted)}.conn-act{display:flex;align-items:center;gap:7px;min-width:0}.conn-act.none{color:#cdd3db}.act-id{font-size:12px;font-weight:600;color:var(--oc-slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.act-badge{flex:0 0 auto;display:inline-flex;align-items:center;padding:3px 8px;border-radius:20px;font-size:10.5px;font-weight:700;letter-spacing:.02em}.act-OCPP{background:#e6f0fb;color:#1769b0}.act-RFID{background:#ece9fb;color:#6a4fc2}.act-USER{background:#e6f4ec;color:var(--oc-green-2)}.act-BankCard{background:#fdeede;color:#c47d18}.act-none{background:#eef0f3;color:var(--oc-muted)}.oc-danger{opacity:.8;font-size:12px}.oc-warn{color:#db1c1c;font-size:14px;margin-right:6px}.offline .oc-warn{color:#c9ad6a}.oc-front-foot{display:flex;justify-content:flex-end;margin-top:11px}.oc-open{color:#536074bf;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:5px}.offline .oc-open{color:var(--oc-grey)}.oc-back{background:#fbfcfd}.back-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.back-return{border:none;background:transparent;color:var(--oc-slate);font:700 13px var(--oc-font);cursor:pointer;padding:0;box-shadow:none;display:inline-flex;align-items:center;gap:5px}.back-return:hover{color:var(--oc-black)}.back-del{width:32px;height:32px;border:none;background:transparent;color:#c2c8d0;border-radius:8px;cursor:pointer;padding:0;box-shadow:none}.back-del:hover{background:#fdecef;color:var(--oc-crimson)}.back-field{margin-bottom:11px}.back-field>label{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--oc-muted);margin-bottom:5px}.back-field input{width:100%!important;border:1px solid #dcdfe5!important;border-radius:7px!important;padding:9px 11px!important;font:14px var(--oc-font);outline:none!important;margin:0!important;background:#fff}.back-field input:focus{border-color:var(--oc-blue)}.back-addr{display:flex;align-items:flex-start;gap:8px;min-height:38px;padding:9px 11px;border:1px solid #dcdfe5;border-radius:7px;background:#fff;color:var(--oc-slate);line-height:1.35}.back-addr i{flex:0 0 auto;color:#9aa3af;font-size:13px;margin-top:2px}.back-addr span{min-width:0;word-break:break-word}.back-row2{display:flex;gap:10px;align-items:flex-end;margin-bottom:11px}.back-row2 .back-field{flex:1 1 auto;margin-bottom:0;min-width:0}.back-row2 .back-field-vis{flex:0 0 152px}.back-select{position:relative;display:flex;align-items:center}.back-select select{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;border:1px solid #dcdfe5;border-radius:7px;background:#fff;margin:0;outline:none;padding:9px 30px 9px 32px;font:14px var(--oc-font);color:var(--oc-black)}.back-select select:focus{border-color:var(--oc-blue)}.back-select-ico{left:11px;font-size:13px;color:var(--oc-slate)}.back-select-caret,.back-select-ico{position:absolute;pointer-events:none}.back-select-caret{right:11px;font-size:12px;color:var(--oc-muted)}@media (max-width:460px){.back-row2{flex-direction:column;align-items:stretch;gap:11px}.back-row2 .back-field-vis{flex:none}}.back-geo-row{display:flex;gap:8px;flex-wrap:wrap}.back-geo-row input{flex:1 1 140px;min-width:0}.back-map{height:38px;flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:0 12px;border-radius:7px;background:#eef0f3;color:var(--oc-slate);text-decoration:none;font:600 12px var(--oc-font);cursor:pointer;border:none;box-shadow:none;margin:0}.back-map:hover{background:#e4e7ec}.back-pick{height:38px;flex:0 0 auto;gap:5px;padding:0 13px;border-radius:7px;border:none;background:var(--oc-black);color:#fff;font:600 12px var(--oc-font);cursor:pointer;box-shadow:none;margin:0}.back-pick:hover{background:#000}.back-pick i{font-size:12px}.oc-photos{display:flex;gap:6px;align-items:stretch;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;flex-wrap:nowrap;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#cfd5dd transparent}.oc-photos::-webkit-scrollbar{height:6px}.oc-photos::-webkit-scrollbar-thumb{background:#d3d9e0;border-radius:4px}.oc-photos .oc-photo{flex:0 0 auto;width:92px;min-width:92px;height:92px;aspect-ratio:1/1;scroll-snap-align:start}.oc-photos .mc-photo-add{flex:1 1 92px;width:auto;min-width:92px}.oc-photo-hint{float:right;font-weight:600;text-transform:none;letter-spacing:0;color:var(--oc-muted)}.oc-empty{text-align:center;padding:60px 20px;color:var(--oc-muted)}.oc-empty i{font-size:38px;opacity:.4;margin-bottom:12px}.oc-pager{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:22px}.oc-pager button{min-width:36px;height:36px;border:1px solid #dcdfe5;background:#fff;color:var(--oc-slate);border-radius:8px;font:600 13px var(--oc-font);cursor:pointer;box-shadow:none;margin:0;padding:0 10px}.oc-pager button.on{background:var(--oc-black);color:#fff;border-color:var(--oc-black)}.oc-pager button:disabled{opacity:.4;cursor:default}.oc-modal-bg{position:fixed;inset:0;background:rgba(20,24,30,.5);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;opacity:0;pointer-events:none;transition:opacity .18s}.oc-modal-bg.show{opacity:1;pointer-events:auto}.oc-modal{background:#fff;border-radius:12px;width:100%;max-width:380px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:translateY(8px) scale(.98);transition:transform .18s}.oc-modal-bg.show .oc-modal{transform:none}.oc-modal h3{margin:0 0 6px;font-size:19px;color:var(--oc-black)}.oc-modal p{margin:0 0 18px;color:var(--oc-muted);line-height:1.5}.oc-field{margin-bottom:14px}.link-chip{color:var(--oc-muted)}.oc-field label{display:block;font-size:12px;font-weight:600;color:var(--oc-slate);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.oc-field input{width:100%;border:1px solid #dcdfe5!important;border-radius:8px!important;padding:11px 13px!important;font:14px var(--oc-font);outline:none;margin:0!important}.oc-field input:focus{border-color:var(--oc-blue)}.oc-modal-actions{display:flex;gap:10px;margin-top:4px}.oc-modal-actions button{flex:1;border:none;border-radius:8px;padding:12px;font:600 14px var(--oc-font);cursor:pointer;margin:0;box-shadow:none}.btn-ghost{background:#eef0f3;color:var(--oc-slate)}.btn-ghost:hover{background:#e4e7ec}.btn-dark{background:var(--oc-black);color:#fff}.btn-dark:hover{background:#000}.btn-danger{background:var(--oc-crimson);color:#fff}.btn-danger:hover{background:#b00b2a}.oc-form-err{color:var(--oc-crimson);font-size:12.5px;margin:-6px 0 12px;min-height:0}.oc-toast{white-space:nowrap;position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:var(--oc-black);color:#fff;padding:12px 20px;border-radius:30px;font-size:13.5px;font-weight:500;box-shadow:0 8px 30px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:9900}.oc-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.swipe-hint{position:absolute;top:8px;right:50px;font-size:10px;color:#c5cbd3;pointer-events:none;opacity:0;transition:opacity .2s}@media (max-width:760px){.back-pick{width:100%}.oc-summary{grid-template-columns:repeat(2,1fr)}.oc-page{padding:14px 12px 90px}.oc-page-title h1{font-size:22px}.oc-grid{grid-template-columns:1fr}.oc-controls .oc-spacer,.oc-page-title .oc-spacer{display:none}.oc-search{flex:1 1 0;min-width:0;order:5}.oc-search input{width:100%!important}.oc-page-title .oc-btn-primary{order:6}.seg{flex:0 0 auto}.oc-cycle{flex:1 1 auto}.oc-page-title .oc-btn-primary .oc-btn-label{display:none}}@media (max-width:420px){.oc-stat{padding:12px}.oc-stat .num{font-size:22px}.seg button{padding:8px 11px}}.oc-mapbtn{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;border:1px solid #dcdfe5;background:#fff;color:var(--oc-slate);border-radius:8px;padding:9px 14px;font:600 13px var(--oc-font);cursor:pointer;box-shadow:none;margin:0;transition:border-color .2s,color .2s,background .2s}.oc-mapbtn i{font-size:14px}.oc-mapbtn:hover{border-color:#b9c0ca;color:var(--oc-black);background:#fafbfc}.oc-mapbtn:disabled,.oc-mapbtn:disabled:hover{opacity:.45;cursor:not-allowed;color:var(--oc-slate);background:#fff;border-color:#dcdfe5}.oc-map-modal{position:fixed;inset:0;z-index:300;background:#eef1f4;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .2s}.oc-map-modal.show{opacity:1;pointer-events:auto}.oc-map-head{position:absolute;left:50%;bottom:0;z-index:9;width:min(720px,calc(100% - 140px));transform:translateX(-50%);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 16px;padding:11px 13px;border-radius:12px 12px 0 0;background:rgba(20,24,30,.88);color:#fff;box-shadow:0 8px 26px rgba(15,23,42,.28);backdrop-filter:blur(8px)}.oc-map-title{flex:0 0 185px;font:700 15px var(--oc-font);display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.oc-map-title i{color:#ffd84d}.oc-map-title span{font-weight:500;opacity:.7}.oc-map-title-text{flex:0 0 auto}.oc-map-count{flex:0 0 42px;text-align:left;font-variant-numeric:tabular-nums}.oc-map-legend{flex:0 1 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:7px 12px;margin-left:0}.oc-map-legend label{display:inline-flex;align-items:center;gap:6px;font:600 12px var(--oc-font);color:#e5e9ef;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.oc-map-legend label.off{opacity:.46}.oc-map-legend input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;margin:0}.oc-map-legend .lg{width:11px;height:11px;border-radius:3px;display:inline-block}.oc-map-legend .lg.s-charging{background:var(--oc-blue)}.oc-map-legend .lg.s-connected{background:var(--oc-orange)}.oc-map-legend .lg.s-available{background:var(--oc-green)}.oc-map-legend .lg.s-fault{background:var(--oc-crimson)}.oc-map-legend .lg.s-offline{background:var(--oc-grey)}.oc-map-canvas{flex:1 1 auto;position:relative;overflow:hidden}.oc-map-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--oc-muted);font:500 15px var(--oc-font);z-index:1}.oc-map-empty i{font-size:20px;opacity:.5}.oc-map-controls{position:absolute;right:16px;bottom:16px;z-index:10;display:flex;flex-direction:column;gap:10px}.oc-map-close,.oc-map-filter,.oc-map-home,.oc-map-loc,.oc-map-share,.oc-map-theme{width:46px;height:46px;border-radius:50%;border:none;margin:0;padding:0;background:#fff;color:var(--oc-slate);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 3px 12px rgba(20,30,50,.26)!important;transition:color .15s,background .15s}.oc-map-close:hover,.oc-map-home:hover,.oc-map-loc:hover,.oc-map-share:hover,.oc-map-theme:hover{color:var(--oc-black);background:#fafbfc}.oc-map-theme{color:#4f6074}.oc-map-theme:disabled{opacity:.42;cursor:not-allowed}.oc-map-theme:disabled:hover{color:#4f6074;background:#fff}.oc-map-loc.active,.oc-map-loc.locating{color:#1a73e8}.oc-map-close{color:#d00d32}.oc-me-dot{width:16px;height:16px;border-radius:50%;background:#1a73e8;border:2.5px solid #fff;box-shadow:0 0 0 1px rgba(26,115,232,.45),0 2px 6px rgba(0,0,0,.3);position:relative;transform:translateY(50%)}.oc-me-dot:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;border-radius:50%;background:rgba(26,115,232,.45);transform:translate(-50%,-50%);animation:oc-me-pulse 2.4s ease-out infinite}@keyframes oc-me-pulse{0%{transform:translate(-50%,-50%) scale(.7);opacity:.55}to{transform:translate(-50%,-50%) scale(3.6);opacity:0}}.oc-map-modal.picking .oc-map-controls{bottom:auto;top:72px}.oc-map-canvas.fallback{background:radial-gradient(circle at 30% 20%,rgba(45,173,115,.06),transparent 60%),radial-gradient(circle at 75% 80%,rgba(24,138,226,.06),transparent 60%),linear-gradient(0deg,rgba(82,96,115,.06) 1px,transparent 0) 0 0 /100% 56px,linear-gradient(90deg,rgba(82,96,115,.06) 1px,transparent 0) 0 0 /56px 100%,#f4f6f8}.oc-map-note{position:absolute;top:14px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #e3e7ec;border-radius:8px;padding:8px 14px;font:500 12px var(--oc-font);color:var(--oc-slate);box-shadow:0 6px 18px rgba(20,30,50,.1);z-index:5;max-width:calc(100% - 32px);text-align:center}.oc-map-note code{background:#eef0f3;padding:1px 5px;border-radius:4px;font-size:11px}.oc-pick-bar,.oc-pick-pin{display:none}.oc-map-modal.picking .oc-pick-pin{display:block}.oc-map-modal.picking .oc-pick-bar{display:flex}.oc-map-modal.picking .oc-map-legend{display:none}.oc-pick-pin{position:absolute;left:50%;top:50%;z-index:6;pointer-events:none;width:0;height:0}.oc-pick-pin i{position:absolute;left:0;bottom:2px;transform:translate(-50%);font-size:42px;color:oklch(.575 .12 25);text-shadow:0 3px 6px rgba(15,23,42,.35);animation:oc-pick-drop .25s ease}.oc-pick-pin .oc-pick-dot{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:rgba(15,23,42,.22);box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.5)}@keyframes oc-pick-drop{0%{transform:translate(-50%,-14px);opacity:.2}to{transform:translate(-50%);opacity:1}}.oc-pick-bar{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:7;flex-direction:column;align-items:stretch;gap:9px;background:#fff;border:1px solid #e3e7ec;border-radius:14px;padding:14px;box-shadow:0 10px 30px rgba(20,30,50,.22);width:380px;max-width:calc(100% - 28px)}.oc-pick-hint{font:500 12.5px var(--oc-font);color:var(--oc-muted);display:flex;align-items:center;justify-content:center;gap:7px;text-align:center}.oc-pick-hint i{color:#b9c0ca;font-size:13px}.oc-pick-coords{font:700 14px SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;color:var(--oc-black);display:flex;align-items:center;justify-content:center;gap:8px;background:#f4f6f8;border-radius:8px;padding:8px 12px;white-space:nowrap}.oc-pick-coords i{color:oklch(.575 .12 25);font-size:13px}.oc-pick-addr{display:flex;align-items:flex-start;justify-content:center;gap:7px;font:500 12.5px var(--oc-font);line-height:1.3;text-align:center;min-height:33px;color:var(--oc-slate)}.oc-pick-addr i{color:#b9c0ca;font-size:12px;flex:0 0 auto;margin-top:2px}.oc-pick-addr span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.oc-pick-addr[data-state=wait]{color:#c2c8d0}.oc-pick-addr[data-state=loading]{color:var(--oc-muted)}.oc-pick-addr[data-state=none]{color:#c2c8d0}@keyframes oc-spin{to{transform:rotate(1turn)}}.oc-pick-actions{display:flex;gap:9px}.oc-pick-actions button{flex:1;border:none;border-radius:8px;padding:10px 16px;font:600 13px var(--oc-font);cursor:pointer;margin:0;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.oc-pick-cancel{background:#eef0f3;color:var(--oc-slate)}.oc-pick-cancel:hover{background:#e4e7ec}.oc-pick-save{background:var(--oc-black);color:#fff}.oc-pick-save:hover{background:#000}@media (max-width:560px){.oc-pick-bar{left:14px;right:14px;transform:none;width:auto;max-width:none}}.oc-pin{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer}.oc-pin.plotted{position:absolute;transform:translate(-50%,-100%)}.oc-pin{--pin:#5a6b7a;--pin-charging:oklch(0.585 0.095 245);--pin-connected:oklch(0.700 0.105 65);--pin-available:oklch(0.605 0.090 158);--pin-fault:oklch(0.575 0.120 25);--pin-offline:oklch(0.620 0.014 250)}.oc-pin-box{position:relative;min-width:68px;padding:7px 12px;border-radius:12px;border:1.5px solid hsla(0,0%,100%,.9);background:var(--pin);color:#fff;text-align:center;line-height:1.1;box-shadow:0 2px 5px rgba(15,23,42,.18),0 6px 16px rgba(15,23,42,.16);display:flex;flex-direction:column;gap:1px;transition:transform .12s ease,box-shadow .12s ease}.oc-pin-box .kw{font:800 18px var(--oc-font);letter-spacing:-.2px}.oc-pin-box .kw i{font-style:normal;font-weight:600;font-size:10px;opacity:.85;margin-left:2px}.oc-pin-box .kw.lbl{font-size:13px;font-weight:700}.oc-pin-box .kwh{font:600 10.5px var(--oc-font);opacity:.95;white-space:nowrap}.oc-pin-tail{width:0;height:0;border:7px solid transparent;border-top-color:var(--pin);margin-top:-1px}.oc-pin:hover .oc-pin-box{transform:translateY(-2px);box-shadow:0 4px 8px rgba(15,23,42,.2),0 10px 22px rgba(15,23,42,.2)}.oc-pin:hover{z-index:50}.oc-pin.is-focus.is-offline{opacity:1}.oc-pin.s-charging{--pin:var(--pin-charging)}.oc-pin.s-connected{--pin:var(--pin-connected)}.oc-pin.s-available{--pin:var(--pin-available)}.oc-pin.s-fault{--pin:var(--pin-fault)}.oc-pin.s-offline{--pin:var(--pin-offline)}.oc-pin.is-offline{opacity:.5}.oc-pin.is-offline .oc-pin-box{border-style:dashed;box-shadow:0 2px 6px rgba(15,23,42,.14)}.oc-pin.is-offline:hover{opacity:.8}.oc-pin.is-dim{opacity:.55}.oc-pin.is-dim:hover{opacity:.9}.oc-pin-badge{position:absolute;top:-7px;right:-7px;width:19px;height:19px;border-radius:50%;background:#fff;color:var(--oc-slate);border:1.5px solid hsla(0,0%,100%,.95);box-shadow:0 1px 4px rgba(15,23,42,.3);display:flex;align-items:center;justify-content:center;font-size:10px}.oc-pin-badge-offline{left:-7px;right:auto}.oc-pin-badge-offline img{width:13px;height:13px;display:block;opacity:.72}.oc-pin-badge-type{left:-7px;right:auto;color:var(--oc-green-2)}.oc-pin-badge-type i{font-size:10px}@media (max-width:760px){.oc-mapbtn span{display:none}.oc-mapbtn{padding:9px 12px}.oc-map-head{bottom:0;left:0;width:calc(100% - 100px);padding:10px;transform:translate(0);padding-bottom:25px;padding-left:10px;border-radius:0 12px 0 0;gap:12px}.oc-map-legend{gap:6px 9px}.oc-map-legend label{font-size:11px}.oc-map-controls{right:15px;bottom:20px;gap:8px}.oc-map-close,.oc-map-home,.oc-map-loc,.oc-map-share,.oc-map-theme{width:42px;height:42px}}.oc-mc{position:fixed;inset:0;z-index:10020;display:flex;align-items:center;justify-content:center;padding:20px;visibility:hidden;pointer-events:none;transition:visibility 0s linear .18s}.oc-mc.show{visibility:visible;transition-delay:0s}.oc-mc-backdrop{position:fixed;inset:0;z-index:350;background:rgba(20,24,30,.42);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,visibility 0s linear .18s}.oc-mc-backdrop.show{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.oc-mc-card{position:relative;width:100%;max-width:380px;background:#fff;border-radius:14px;box-shadow:0 24px 60px rgba(15,23,42,.34);padding:18px;opacity:0;pointer-events:auto;transform:translateY(10px) scale(.98);transition:opacity .18s,transform .18s}.oc-mc.show .oc-mc-card{opacity:1;transform:none}.oc-mc-top{display:flex;align-items:flex-start;gap:12px}.oc-mc-headtext{min-width:0;flex:1}.oc-mc-name{font:700 18px var(--oc-font);color:var(--oc-black);line-height:1.2}.oc-mc-sub{font:500 12.5px var(--oc-font);color:var(--oc-muted);margin-top:4px}.oc-mc-sub b{color:var(--oc-slate);font-weight:700}.oc-mc-distance{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font:700 12px var(--oc-font);color:#a4acb8}.oc-mc-distance i{font-size:11px}.oc-mc-x{flex:0 0 auto;width:32px;height:32px;border:none;border-radius:8px;background:#f2f4f7;color:#9aa3af;cursor:pointer;font-size:15px;margin:0;padding:0;transition:background .15s,color .15s}.oc-mc-x:hover{background:#e8ebef;color:var(--oc-slate)}.oc-mc-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.oc-mc-badges.public{align-items:center;flex-wrap:nowrap}.oc-mc-address{min-width:0;flex:1 1 auto;display:inline-flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 12px var(--oc-font);color:#8a93a2}.oc-mc-address i{flex:0 0 auto;font-size:12px;color:#a4acb8}.oc-mc-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:20px;font:700 12px var(--oc-font);background:#f2f4f7;color:var(--oc-slate)}.oc-mc-public-status{flex:0 0 auto}.oc-mc-public-status i{font-size:11px}.oc-mc-public-status img{width:14px;height:14px;display:block;opacity:.72}.oc-mc-chip.s-charging{background:#e7f2fc;color:#1769b0}.oc-mc-chip.s-connected{background:#fdf0e0;color:#c47d18}.oc-mc-chip.s-available{background:#e6f4ec;color:var(--oc-green-2)}.oc-mc-chip.s-fault{background:#fdecef;color:var(--oc-crimson)}.oc-mc-chip.s-offline{background:#eef0f3;color:var(--oc-muted)}.oc-mc-chip.net.on{background:#e6f4ec;color:var(--oc-green-2)}.oc-mc-chip.net.off{background:#eef0f3;color:var(--oc-grey)}.oc-mc-chip .dot{width:9px;height:9px;box-shadow:none}.oc-mc-stats{display:flex;gap:10px;margin-top:14px}.oc-mc-stat{flex:1;background:#fafbfc;border:1px solid #eef0f3;border-radius:10px;padding:10px 8px;text-align:center}.oc-mc-stat b{display:block;font:800 18px var(--oc-font);color:var(--oc-black);letter-spacing:-.3px}.oc-mc-stat span{font:600 10px var(--oc-font);text-transform:uppercase;letter-spacing:.04em;color:var(--oc-muted)}.oc-mc-stat-value{min-width:0;display:inline-flex;align-items:baseline;justify-content:center;gap:4px}.oc-mc-stat-value b{display:inline}.oc-mc-stat-unit{font:700 11px var(--oc-font)!important;text-transform:none!important;letter-spacing:0!important;color:var(--oc-muted)!important;white-space:nowrap}.oc-mc-stat-label{margin-top:3px;font:700 9.5px var(--oc-font)!important;color:#8f98a5!important}.oc-mc-stat-detail,.oc-mc-stat-label{display:block;text-transform:none!important;letter-spacing:0!important}.oc-mc-stat-detail{margin-top:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 10px var(--oc-font)!important;color:var(--oc-slate)!important}.oc-mc-stat-power{gap:1px}.oc-mc-stat-energy,.oc-mc-stat-power{display:flex;flex-direction:column;align-items:center;justify-content:center}.oc-mc-stat-energy{gap:2px}.oc-mc-photos-wrap{position:relative;margin:14px -18px 0;padding-left:18px}.oc-mc-photos-wrap:after,.oc-mc-photos-wrap:before{content:"";position:absolute;top:0;bottom:6px;width:72px;pointer-events:none;z-index:2;opacity:0;transition:opacity .15s}.oc-mc-photos-wrap:before{left:0;background:linear-gradient(90deg,#fff 12%,hsla(0,0%,100%,.68) 58%,hsla(0,0%,100%,0))}.oc-mc-photos-wrap:after{right:0;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.68) 42%,#fff 88%)}.oc-mc-photos-wrap.scrollable.can-scroll-left:before,.oc-mc-photos-wrap.scrollable.can-scroll-right:after{opacity:1}.oc-mc-photos{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 18px 6px 0;scroll-snap-type:x mandatory;scroll-padding-left:0;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.oc-mc-photos::-webkit-scrollbar{display:none}.oc-mc-photo{flex:0 0 auto;width:136px;height:96px;scroll-snap-align:start;scroll-snap-stop:always;border-radius:10px;overflow:hidden;background:#eef0f3;border:1px solid #eef0f3;box-shadow:0 1px 3px rgba(15,23,42,.08);text-decoration:none;cursor:zoom-in;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.oc-mc-photo:only-child{flex:1 1 auto;width:100%;height:168px}.oc-mc-photo img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;pointer-events:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.oc-mc-open{flex:1 1 auto;margin:0;border:none;border-radius:10px;cursor:pointer;background:var(--oc-black);color:#fff;font:600 14px var(--oc-font);padding:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 2px 2px rgba(0,0,0,.18);transition:background .15s}.oc-mc-open:hover{background:#000}.oc-mc-open i{font-size:13px}.oc-mc-open-public{min-width:0;padding:9px 12px}.oc-mc-open-label{min-width:0;max-width:100%;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15}.oc-mc-open-name{font:inherit;color:inherit}.oc-mc-open-addr,.oc-mc-open-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-mc-open-addr{margin-top:3px;font:500 11px var(--oc-font);color:hsla(0,0%,100%,.72)}.pswp__oc-station-info{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:10000;width:min(760px,calc(100vw - 28px));display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:none}.pswp__oc-station-meta{pointer-events:auto;display:flex;align-items:stretch;justify-content:space-evenly;gap:8px;min-width:0;padding:8px;border-radius:8px;background:rgba(15,23,42,.78);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;box-shadow:0 8px 24px rgba(0,0,0,.28);backdrop-filter:blur(10px)}.pswp__oc-station-meta::-webkit-scrollbar{display:none}.pswp__oc-station-pill{flex:0 0 auto;min-width:0;display:flex;flex-direction:column;gap:2px;padding:4px 8px;color:#fff;border-radius:6px;background:hsla(0,0%,100%,.1)}.pswp__oc-station-pill small{font:600 9px var(--oc-font);color:hsla(0,0%,100%,.68);white-space:nowrap}.pswp__oc-station-pill b{font:800 13px var(--oc-font);color:#fff;white-space:nowrap}.pswp__oc-open.oc-mc-open{pointer-events:auto;flex:0 0 auto;min-height:48px;width:auto;padding:0 14px;border-radius:8px;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.32)}.pswp__oc-open .oc-mc-open-label{max-width:min(300px,42vw)}@media (max-width:640px){.pswp__oc-station-info{flex-direction:column;align-items:stretch;bottom:max(12px,env(safe-area-inset-bottom));gap:8px}.pswp__oc-station-meta{overflow-x:auto;scrollbar-width:none}.pswp__oc-station-meta::-webkit-scrollbar{display:none}.pswp__oc-open.oc-mc-open{width:100%;min-height:44px}.pswp__oc-open .oc-mc-open-label{max-width:100%}}.oc-mc-foot{display:flex;gap:10px;align-items:stretch;margin-top:16px}.oc-mc-gmaps,.oc-mc-share{flex:0 0 auto;width:48px;border-radius:10px;cursor:pointer;border:none;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#eef0f3;color:var(--oc-slate);text-decoration:none;font-size:17px;transition:background .15s,color .15s}.oc-mc-gmaps:hover,.oc-mc-share:hover{background:#e4e7ec;color:var(--oc-black)}.oc-mc-near{margin-top:14px;padding-top:12px;border-top:1px solid #eef0f3}.oc-mc-near-title{display:flex;align-items:center;gap:6px;margin-bottom:9px;font:800 11px var(--oc-font);color:var(--oc-muted);text-transform:uppercase;letter-spacing:.04em}.oc-mc-near-title i{font-size:11px;color:var(--oc-blue)}.oc-mc-near-track{position:relative;margin:0 -18px -4px;padding-left:18px}.oc-mc-near-track:after,.oc-mc-near-track:before{content:"";position:absolute;top:0;bottom:0;width:72px;pointer-events:none;z-index:2;opacity:0;transition:opacity .15s}.oc-mc-near-track:before{left:0;background:linear-gradient(90deg,#fff 12%,hsla(0,0%,100%,.68) 58%,hsla(0,0%,100%,0))}.oc-mc-near-track:after{right:0;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.68) 42%,#fff 88%)}.oc-mc-near-track.can-scroll-left:before,.oc-mc-near-track.can-scroll-right:after{opacity:1}.oc-mc-near-list{display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;padding:1px 18px 6px 0;scroll-snap-type:x mandatory;scroll-padding-left:0;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.oc-mc-near-list::-webkit-scrollbar{display:none}.oc-mc-near-item{flex:0 0 170px;min-width:0;min-height:62px;border:1px solid #e8edf3;border-radius:8px;background:linear-gradient(180deg,#f5f5f5,#f0f0f0);color:var(--oc-slate);cursor:pointer;margin:0;padding:10px 11px;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:10px;text-align:left;box-shadow:0 1px 2px rgba(15,23,42,.05);transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.oc-mc-near-item:hover{background:#f7fbff;border-color:#d6e8f8;box-shadow:0 5px 14px rgba(24,138,226,.12);transform:translateY(-1px)}.oc-mc-near-row{width:100%;min-width:0;display:flex;align-items:baseline;gap:6px}.oc-mc-near-id{font:700 12px var(--oc-font);color:var(--oc-black);white-space:nowrap}.oc-mc-near-power{font:900 13px var(--oc-font);color:var(--oc-slate);white-space:nowrap}.oc-mc-near-distance{margin-left:auto;font:900 12px var(--oc-font);color:#8c95a2;white-space:nowrap}.oc-mc-near-plugs{min-width:0;max-width:100%;display:flex;justify-content:flex-start;gap:5px;flex-wrap:nowrap}.oc-mc-near-plug{max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 7px;border-radius:999px;font:900 10px var(--oc-font)}.oc-mc-near-plug.s-charging{background:#e7f2fc;color:#1769b0}.oc-mc-near-plug.s-connected{background:#fdf0e0;color:#c47d18}.oc-mc-near-plug.s-available{background:#e6f4ec;color:var(--oc-green-2)}.oc-mc-near-plug.s-fault{background:#fdecef;color:var(--oc-crimson)}.oc-mc-near-plug.s-offline,.oc-mc-near-plug.s-undefined{background:#eef0f3;color:var(--oc-muted)}@media (max-width:360px){.oc-mc-near-row{flex-wrap:wrap}.oc-mc-near-distance{margin-left:0}}@media (max-width:420px){.oc-mc-near-track{margin-right:-18px}.oc-mc-near-track:after,.oc-mc-near-track:before{width:54px}.oc-mc-near-plugs{justify-content:flex-start;flex-wrap:wrap}}.oc-map-filter:hover{color:var(--oc-black);background:#fafbfc}.oc-map-filter.on{background:var(--oc-black);color:#fff}.oc-map-filter.filtered:after{content:"";position:absolute;top:7px;right:7px;width:9px;height:9px;border-radius:50%;background:#fdb847;border:2px solid #fff7ea;box-shadow:0 1px 4px rgba(0,0,0,.22)}.oc-map-filter.on.filtered:after{border-color:var(--oc-black)}.oc-filter-panel{position:absolute;top:0;right:0;z-index:12;width:min(340px,86vw);height:100%;background:#fff;color:var(--oc-text);box-shadow:-6px 0 24px rgba(15,23,42,.22);transform:translateX(100%);transition:transform .3s ease;display:flex;flex-direction:column}.oc-filter-panel.open{transform:translateX(0)}.oc-filter-head{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid #eef0f3;font:700 15px var(--oc-font);color:var(--oc-black)}.oc-filter-title i{color:var(--oc-slate);margin-right:6px}.oc-filter-title{justify-self:center;min-width:0;white-space:nowrap}.oc-filter-x{width:32px;height:32px;border:none;border-radius:8px;background:#f2f4f7;color:#9aa3af;cursor:pointer;font-size:15px;margin:0;padding:0;transition:background .15s,color .15s}.oc-filter-x:hover{background:#e8ebef;color:var(--oc-slate)}.oc-filter-body{padding:20px 18px;overflow-y:auto}.oc-filter-label{display:block;font:700 11px var(--oc-font);text-transform:uppercase;letter-spacing:.04em;color:var(--oc-muted);margin-bottom:22px}.oc-filter-label-plugs{margin-top:30px;margin-bottom:12px}.oc-filter-slider{--slider-connect-bg:#58687f;--slider-tooltip-bg:var(--oc-black);--slider-handle-ring-color:rgba(45,173,115,.25);margin:6px 12px 48px}.oc-filter-slider .slider-pips{margin-top:10px;position:absolute;width:100%;font-size:11px;color:var(--oc-muted);justify-content:space-between}.oc-filter-slider .slider-pips .slider-value{position:absolute;transform:translate(-50%,50%);white-space:nowrap}.oc-filter-slider .slider-pips .slider-marker{background:#d3d9e0}.oc-filter-slider .slider-tooltip{font-size:11px}.oc-plug-toggles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.oc-plug-toggle{grid-column:span 2;min-height:44px;border:1px solid #dcdfe5;border-radius:8px;background:#fff;color:var(--oc-slate);cursor:pointer;padding:7px 6px;margin:0;display:flex;align-items:center;justify-content:center;font:700 12px var(--oc-font);line-height:1.15;text-align:center;transition:border-color .15s,color .15s}.oc-plug-toggle:hover{border-color:#b9c0ca;color:var(--oc-black)}.oc-plug-toggle.on{background:#fff;border-color:#36404e}.oc-plug-toggle:first-child,.oc-plug-toggle:nth-child(2),.oc-plug-toggle:nth-child(6):nth-last-child(2),.oc-plug-toggle:nth-child(7):last-child{grid-column:span 3}.oc-plug-name{color:inherit;min-width:0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-type-toggles .oc-plug-toggle{grid-column:span 3;gap:6px}.oc-type-toggles .oc-plug-name{width:auto}.oc-type-info{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:#58687f;font-size:18px;text-decoration:none}.oc-type-info:hover{opacity:.7}.oc-filter-actions{margin-top:22px}.oc-filter-done{width:100%;min-width:0;border:1px solid #dcdfe5;background:#fff;color:var(--oc-slate);border-radius:8px;padding:10px;font:600 13px var(--oc-font);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:none}.oc-filter-done:hover{border-color:#b9c0ca;color:var(--oc-black)}@media (max-width:760px){.oc-map-filter{width:42px;height:42px}.oc-filter-panel{top:auto;right:0;bottom:0;left:0;width:auto;height:auto;max-height:min(82vh,620px);max-height:min(82dvh,620px);border-radius:16px 16px 0 0;padding-bottom:20px;box-shadow:0 -10px 28px rgba(15,23,42,.24);transform:translateY(100%);overflow:hidden}.oc-filter-panel.open{transform:translateY(0)}.oc-filter-head{grid-template-columns:1fr 32px}.oc-filter-title{justify-self:start}.oc-filter-x-left{display:none}.oc-filter-body{max-height:calc(min(82vh, 620px) - 65px);max-height:calc(min(82dvh, 620px) - 65px);padding-bottom:calc(18px + env(safe-area-inset-bottom))}.oc-filter-actions{display:none}}.conn-plug-tag{margin-left:7px;padding:2px 7px;border-radius:20px;background:#eef0f3;color:var(--oc-slate);font:700 10px var(--oc-font);white-space:nowrap}.back-conns{display:flex;flex-direction:column;gap:8px}.back-conn{gap:8px}.back-conn,.back-conn-pos{display:flex;align-items:center}.back-conn-pos{flex:0 0 auto;width:22px;height:22px;border-radius:6px;background:#eef0f3;color:var(--oc-slate);font:700 12px var(--oc-font);justify-content:center}.back-conn-sel{flex:1 1 auto;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;border:1px solid #dcdfe5;border-radius:7px;background:#fff;margin:0;outline:none;padding:9px 11px;font:14px var(--oc-font);color:var(--oc-black)}.back-conn-sel:focus{border-color:var(--oc-blue)}.back-conn-sel:disabled{background:#f4f6f8;color:var(--oc-muted);cursor:not-allowed}.back-conn-dc{flex:1 1 auto;padding:9px 11px;border:1px solid #eef0f3;border-radius:7px;background:#fafbfc;font:600 13px var(--oc-font);color:var(--oc-slate)}.back-conn-dc small{color:var(--oc-blue);font-weight:700;margin-left:4px}.oc-map-canvas>div{top:22px!important}.oc-map-modal.embedded .oc-map-canvas>div{top:0!important}.oc-share-modal{max-width:440px}.oc-share-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.oc-share-head h3{margin:0}.oc-share-close{background:none;border:none;cursor:pointer;color:var(--oc-muted,#8a93a2);font-size:18px;padding:0 2px;line-height:1}.oc-share-close:hover{color:var(--oc-black,#262626)}.oc-share-desc{font-size:11px;color:#526073;margin:10px 0 4px;line-height:1.35}.oc-share-inp{position:relative;display:block;margin-bottom:2px}.oc-share-inp input{display:block;width:90%!important;box-sizing:border-box;padding:7px 30px 7px 9px;font-size:11px;font-family:monospace;border:1px solid #d0d4da;border-radius:6px;background:#f7f8fa;color:#3a4150;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;outline:none}.oc-share-inp input:focus{border-color:var(--oc-blue,#1769b0)}.oc-share-ico{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;color:#8a93a2;cursor:pointer}.oc-share-ico:hover{color:var(--oc-blue,#1769b0)}.mc-photos{display:flex;flex-wrap:nowrap;gap:8px}.mc-photo{position:relative;width:92px;min-width:92px;height:92px;border-radius:8px;overflow:hidden;background:#f0f1f3;display:flex;align-items:center;justify-content:center}.mc-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mc-photo-add{cursor:pointer;border:1.5px dashed #c7ccd3;color:#8a93a2;padding:6px}.mc-photo-add:hover{border-color:#8a93a2;color:#526073}.mc-photo-add.over{border-color:var(--oc-blue);background:#eef6fd;color:#1769b0}.mc-photo-add-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;line-height:1.2}.mc-photo-add-body i{font-size:15px}.mc-photo-add-main{font-size:10px;font-weight:700}.mc-photo-add-sub{font-size:9px;opacity:.8}.mc-photo-x{position:absolute;top:3px;right:3px;width:20px;height:20px;border:0;border-radius:50%;background:rgba(20,24,30,.6);color:#fff;cursor:pointer;padding:0;line-height:1;font-size:12px}.mc-photo-x:hover{background:#d00d32}.oc-danger{color:#c21310;opacity:.7;font-size:13px;margin-right:6px}.oc-warn{color:#ff9800;margin-right:5px}body{background-color:#fff;color:#333;font:14px Roboto,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent!important}@media (min-width:600px) and (max-width:850px){.bar-chart-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2px!important}.bar-chart-wrapper p{padding-left:15px;align-self:start}}.fa-spin{opacity:.5}.m-amp div{margin:auto}.no-events{pointer-events:none}.charged-cars{font-weight:600;opacity:.8;font-size:12px;font-style:italic}.reboot-btn:hover{background-color:#dc365c}.reboot-btn:active{background-color:#ca1237}.charging>.panel-heading{border-top-style:none;background:linear-gradient(-90deg,#5ea8e7 35%,#3838380a 80%);background-repeat:repeat-x;background-size:40px 2px}.discharging>.panel-heading{border-top-style:none;background:linear-gradient(-90deg,#af88dd 35%,#3838380a 80%);background-repeat:repeat-x;background-size:40px 2px}.v-popper__inner{line-height:1.5em}@keyframes border-dance{0%{background-position:-5000px 0}to{background-position:5000px 0}}.status-wrapper{border-radius:100%;display:flex;justify-content:center;align-items:center;width:12px;height:12px}.state-unknown{box-shadow:inset 0 0 5px 0 #a9afbc;border:3px solid #90a4ae}.state-connected{box-shadow:inset 0 0 3px 2px #5db38f,0 0 5px 0 #5db38f;border:3px solid #1da271}.state-charging{box-shadow:inset 0 0 5px 0 #179bd9,0 0 5px 0 #5da7b3;border:3px solid #34a8df}.state-disconnected{box-shadow:inset 0 0 5px 3px crimson,0 0 5px 0 crimson;border:3px solid crimson}.table-btns{display:flex;justify-content:center}.status-wrapper span{border-radius:100%;background-color:#2e8b57;width:5px;height:5px}.ocpp-table .table{font-family:Helvetica,Arial,sans-serif;display:grid;grid-template-columns:9fr 4fr 4fr 2fr 1fr;color:#333;position:relative;border-top-right-radius:15px;border-top-left-radius:15px;background:#f5f5f5}.ocpp-table .table-header div{align-items:center;display:flex;justify-content:center}.table-header div{text-align:center;border-bottom:1px solid #708090}.ocpp-table .table>div{display:contents}.elems div,.table-header div{padding:10px}.elems div input{width:100%}.disabled span{filter:blur(1px)}.ocpp-remove{cursor:pointer;text-align:center;color:crimson}.add-ocpp-btn{border:1px solid transparent;background-color:#1e88e5;border-color:#1e88e5;width:100%;border-radius:0 0 15px 15px}.add-ocpp-btn,.remove-ocpp-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;box-sizing:border-box;padding:2px 5px 1px;line-height:1.5384616;text-transform:uppercase;font-size:10px;letter-spacing:.1px;color:#fff;cursor:pointer;text-align:center}.remove-ocpp-btn{white-space:nowrap;vertical-align:baseline;display:inline-block;font-weight:500;border:1px solid transparent;background-color:#90a4ae;border-color:#90a4ae;width:50%;border-radius:0 0 15px 0;float:right}.battery{display:flex;justify-content:center;align-items:center}.dip{position:absolute;width:26px;height:20px;background:#7abcff;margin-top:-125px;border-radius:5px 5px 0 0;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.b-wrap{width:140px;height:240px;border-radius:5px;box-shadow:0 2px 30px rgba(0,0,0,.2);background:#fbfcee;position:relative;overflow:hidden;transform:translateZ(0);border-radius:15px 15px 5px 5px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.wave{opacity:.8;position:absolute;top:-150px;left:50%;background:#fff;width:500px;height:500px;margin-left:-250px;margin-top:-250px;transform-origin:50% 48%;border-radius:43%;animation:drift 3s linear infinite;z-index:1}.b-charging{animation:charge 2s linear infinite}.wave.-three{animation:drift 2.5s linear infinite}.wave.-two{animation:drift 5s linear infinite;opacity:.1;background:#00bcd4}.b-wrap:after{content:"";display:block;left:0;top:0;width:100%;height:100%;z-index:11;transform:translateZ(0)}.blue{background:linear-gradient(180deg,#7abcff 0,#00bcd4 44%,#2196f3)}@keyframes drift{0%{transform:rotate(0deg)}0%{transform:rotate(1turn)}}@keyframes charge{0%{box-shadow:0 14px 28px rgba(4,188,213,0),0 10px 10px rgba(9,188,215,.08)}50%{box-shadow:0 14px 28px rgba(4,188,213,.83),0 4px 10px rgba(9,188,215,.4)}to{box-shadow:0 14px 28px rgba(4,188,213,0),0 10px 10px rgba(9,188,215,.08)}}#page{margin:20px;background-color:#fff}table.push-options td{border:none}.offline-badge{border:2px solid #d00d32;background:#d23552;text-align:center;color:#fff;padding:0 3px 2px}.bg-warning{color:#ff8c00}.bg-danger{color:crimson}.cloud-pass input{width:50%!important;min-width:100px;margin-top:0!important}.cloud-pass p{margin:9px 0}.cloud-pass div.small-text{margin-top:-10px;margin-bottom:15px}iframe{max-width:100%}table{width:100%;border-collapse:collapse}th{background-color:#526073;color:#fff;padding:8px}.ic{height:75px;fill:#229a1e;position:absolute;right:25px;opacity:.3;top:22px}td{background-color:#fff;color:#526073;border:1px solid #e1e1e1;padding:8px}tr:nth-child(2n+2){background-color:#f3f3f3}.header{padding:20px}.header h1{padding-bottom:.3em;color:#262626;font-size:45px;font-weight:400;font-family:Garmond,"sans-serif";text-align:left;margin:0}.panel .panel-heading{background-color:#fff;border-top:3px solid #ccc;border-radius:3px;padding:15px 20px 0;margin:-2px 0 0 0!important;display:flex;justify-content:space-between}.hb{font-size:14px;color:#526073;opacity:.8}.panel{border:2px solid #f3f3f3;border-radius:4px;margin:20px 20px}@media(max-width:550px){.panel{margin:20px 5px}}.connected>.panel-heading{border-color:#ff9800;color:#ff9800}.ready>.panel-heading{border-color:#4bd396;color:#4bd396}.charging>.panel-heading{border-color:#6db3f0;color:#6db3f0}.discharging>.panel-heading{border-color:#af88dd;color:#af88dd}.sleeping>.panel-heading{border-color:#3b3e47;color:#3b3e47}.error>.panel-heading{border-color:crimson;color:crimson}.panel-title{font-size:15px;font-weight:600;margin-bottom:0;margin-top:0;text-transform:uppercase;letter-spacing:.03em;font-family:Hind Madurai,sans-serif}.panel .panel-body{width:calc(100% - 35px);margin:20px auto}.panel-title.hb{text-align:right}.panel-table-cell{border:1px solid #efefef;text-align:center;padding:15px 1px}@media (max-width:400px){.tma{padding:3px!important}}.panel-table-header{border:1px solid #526073;display:contents}.panel-table-header>div{background-color:#526073;color:#fff;padding:8px;text-align:center}.panel-table-body{border:1px solid #e1e1e1;display:contents}.panel-table{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.panel-table-v2g{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}@media(max-width:390px){.panel-body{zoom:.89}}@media(max-width:300px){.panel-table{grid-template-columns:1fr 1fr}.panel .panel-body{width:calc(100% - 15px);min-width:300px;margin:20px auto;zoom:.77}.tnd-row{grid-row:2}.panel-table-body{border:0}}@media(max-width:480px){.panel-heading h3{font-size:13px!important}.dial{margin-bottom:-50px}}.header h1 span{font-weight:700;font-family:Garmond,"sans-serif";color:#000}h2{margin-top:2px}.header h3{padding-top:-5px;padding-left:50px;font-weight:700;font-family:Arial,"sans-serif";font-size:17px;color:#b6b6b6;margin:-25px 0 -5px 0}.box{padding:20px;border:1px solid #ddd;border-radius:1em 1em 1em 1em;box-shadow:1px 7px 7px 1px rgba(0,0,0,.4);background:#fff;margin-bottom:20px}.box-full{width:840px}.box-full,.box-half{margin:20px 20px 20px 20px}.box-half{width:380px}.box380{width:calc(50% - 84px);min-width:200px;padding:20px;margin:20px 20px 20px 20px;border:2px solid #f3f3f3;background:#fff}.left{float:left;clear:left}.right{float:right;clear:right}.lang{color:#fff!important}.m-amp div{max-height:150px}@media (max-width:579px){.left{margin-right:10px}.right{margin-left:10px}}@media (max-width:548px){#page{width:100%;margin:auto}.support-tab{display:none}#content{padding:1px}.box380{width:calc(100% - 36px)}.box-full,.box380{margin:8px 8px 12px 8px;padding:10px;float:none}.box-full{width:inherit}}@media (min-width:494px) and (max-width:980px){#page{width:100%;margin:0 auto}.box-full{width:380px}}@media (min-width:980px){#page{width:930px;margin:0 auto}}button{background-color:#262626;border-radius:5px;box-shadow:0 2px 2px 0 rgba(0,0,0,.4);border:none;color:#fff;padding:10px 28px;text-align:center;text-decoration:none;display:inline-block;font-size:1em;margin:4px 2px;cursor:pointer;outline:none}button:disabled{background-color:#eee;color:#ccc}button.on{background-color:#f1f1f1;color:#000}input[type=date],input[type=file],input[type=password],input[type=text],input[type=time],select{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;margin-top:10px;width:280px;padding:5px;outline:none}.setup input[type=time],input[type=time]{width:110px}.setup input[type=date]{width:164px}@media screen and (max-width:420px){input[type=password],input[type=text],select{width:240px}input[type=time]{width:85px}input[type=date]{width:174px}}#update{background-color:red}.container{height:inherit}.v-input,.v-input *{margin:0!important;padding:0;font-size:14px;font-family:sans-serif}.v-input{position:relative;display:flex;width:100px}.v-input .input-container{position:relative;display:flex;width:100%;margin:10px}.v-input .input-container .input-field{padding:11px 20px;background-color:#fcfcfc;border:none;border-radius:2px;width:100%;color:#4f6074;outline:none;z-index:1;-webkit-tap-highlight-color:transparent;line-height:1}.v-input .input-container .input-field::-webkit-input-placeholder{color:#4f6074;line-height:1;padding-top:2px}.v-input .input-container .input-field:hover+.input-field-shadow{box-shadow:0 2px 10px #d8ddec}.v-input .input-container .input-field:focus+.input-field-shadow{box-shadow:0 8px 14px #d8ddec;height:50%;width:97%;left:2%}.v-input .input-container .input-field-shadow{position:absolute;display:flex;width:99%;height:95%;bottom:0;left:1%;z-index:0;box-shadow:0 0 5px #838795;border-radius:2px;transition:all .24s ease}.v-input .submit-container{position:absolute;z-index:2;margin:10px;right:-10px;top:10%;transition:all .24s ease}.v-input .submit-container .submit-btn{border:none;border-radius:2px;background-color:#4f6074;padding:5px 15px;color:#fff;text-transform:uppercase;-webkit-appearance:none;transition:all .24s ease}.v-input .submit-container .submit-btn-shadow{position:absolute;display:flex;width:90%;height:50%;bottom:0;left:5%;z-index:-5;box-shadow:0 2px 10px #a3aadb;border-radius:2px}.sensor-input{padding:3px 5px!important}td>.v-input{width:50px!important}.tabs{overflow:hidden;justify-content:space-around;height:45px;align-items:center;display:flex;box-shadow:0 1px 1px rgba(0,0,0,.1);background:#f3f3f3}.tabs input[type=radio]{display:none}.tabs label{color:#313a46;cursor:pointer;display:flex;justify-content:center;transition:all .3s ease;align-items:center;height:35px;width:100%}body{background-color:#f3f3f3}.tabs label:hover{color:#1481d4}.tabs label:hover .icon{fill:#1477c2}.tabs input:checked+label{color:#188ae2}.tabs input:checked+label .icon{fill:#1283da}.tabs label>div{width:17px;display:inline-block;margin-top:2px;margin-right:2px}#content{display:block}.div-blocks{min-height:100px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;color:#797979;margin:15px}.display{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap}.ut-wrapper{display:grid;grid-template-columns:1fr 1fr}.legend .color-box{box-shadow:0 0 6px 0 #b8b8b8;width:4px;height:0}.legend{font-size:11px;color:#545454;display:grid;grid-template-columns:1fr 5fr;align-items:center}.lock-btns{display:flex}.lock-btns button{padding:8px;background-color:#4f6074;width:100%;transition:all .3s ease}.lock-btns .lb:hover{background-color:#58b3f6}.lock-btns .ulb:hover{background-color:crimson}.warning-shadow{box-shadow:0 0 5px 2px crimson!important}.lock-btns .lb{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.lock-btns .ulb{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}.div-blocks>div{position:relative;border:2px solid #f3f3f3;padding:20px;background-color:#fff;border-radius:2px}@media (max-width:720px){.div-blocks{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:15px}}@media (max-width:599px){.ut-wrapper{display:flex!important;flex-direction:column}.legend{display:none!important}.div-blocks>div{padding:10px}}@media (max-width:435px){.div-blocks{grid-template-columns:1fr;grid-gap:15px}.ut-wrapper{flex-direction:row;justify-content:space-between}.legend{display:grid!important;grid-template-columns:1fr 4fr}}@media (max-width:430px){.ic{right:7px}.charged{padding-bottom:25px!important}}@media (min-width:599px) and (max-width:794px){.hide-ofl{display:none!important}}.cont_select_center{position:absolute;left:50%;top:50%;margin-top:-30px;margin-left:-150px}.icon_select_mate{position:absolute;top:10px;right:4%;font-size:16px;height:22px;transition:all 275ms}.select_mate{position:relative;float:left;min-width:100px;min-height:30px;font-family:Roboto;color:#777;font-weight:300;background-color:#fff;box-shadow:1px 2px 10px -2px rgba(0,0,0,.3);border-radius:3px;transition:all 375ms ease-in-out}.select_mate select{position:absolute;overflow:hidden;height:0;opacity:0;z-index:-1}.cont_list_select_mate{position:relative;float:left;width:100%}.cont_select_int{position:absolute;left:0;top:0;z-index:999;overflow:hidden;height:0;width:100%;background-color:#fff;padding:0;margin-bottom:0;margin-top:0;border-radius:0 0 3px 3px;box-shadow:1px 4px 10px -2px rgba(0,0,0,.2);transition:all 375ms ease-in-out}.cont_select_int li{position:relative;float:left;width:96%;border-bottom:1px solid #e0e0e0;background-color:#f5f5f5;list-style-type:none;padding:10px 22%;margin:0;transition:all 275ms ease-in-out;display:block;cursor:pointer}.cont_select_int li:last-child{border-radius:3px;border-bottom:0}.cont_select_int .active,.cont_select_int li:hover{background-color:#eee}.selecionado_opcion{padding:10px 22%;width:96%;display:block;margin:0;cursor:pointer}.f-b{font-family:Roboto;font-weight:600;text-transform:uppercase;font-size:13px}#realtime-amp,#realtime-views{height:125px;width:100%;padding:0;position:relative}.kt{position:relative}#showA{position:absolute;top:40px;left:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px;text-align:center;color:#478bc2;font-weight:500}#a35{color:#eb4d4b}#a34{color:#f0932b;color:#f9ca24;color:#478bc2}#content:after{content:" ";display:block;height:0;clear:both}#footer{font-size:15px;text-align:center;margin-bottom:0}.small-text{font-size:10px;word-wrap:break-word}.saved{border-color:#25428f!important;border-left-width:5px!important}.warning{border-left-color:#aa6708;border-left-width:5px}.warning h4{color:#aa6708;margin-top:0;margin-bottom:5px}.error{border-left-color:#a94442;border-left-width:5px}.error h4{margin-top:0;margin-bottom:5px}.error h4,.error td{color:#a94442}.error td:first-child{border-left-color:#a94442;border-left-width:5px}.switch{position:relative;display:inline-block;width:40px;height:24px;vertical-align:-40%}.switch input{display:none}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d7e3}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#3f3f3f}input:focus+.slider{box-shadow:0 0 1px #3f3f3f}input:checked+.slider:before{transform:translateX(16px)}.slider.round{border-radius:12px}.slider.round:before{border-radius:50%}.info{background-color:#313131;border-radius:100%;color:#fff;display:inline-block;font-family:serif;font-size:12px;font-style:italic;height:16px;margin-left:16px;text-align:center;width:16px;vertical-align:20%}.info:before{content:"i"}span.selected{color:#708090}hr{height:1px;color:#eee;background-color:#eee;border:none}.updateBad{color:red}.updateGood{color:#32c832}.updateSlow{color:#f0b414}.updateSlower{color:#ff7d14}.flotTip{box-shadow:0 0 15px 0 #ddd;border:0!important;background:#f7f7f7!important}.loader-ring{position:absolute;top:50%;left:50%;margin:-70px 0 0 -70px;width:140px;height:140px}.loader-ring-light{box-shadow:inset 0 4px 0 #00abf2;animation:rotate-360 2s linear infinite}.loader-ring-light,.loader-ring-track{width:140px;height:140px;border-radius:140px}.loader-ring-track{position:absolute;top:0;left:0;box-shadow:inset 0 0 10px 0 rgba(0,0,0,.3)}.loader-ring img{position:absolute;top:19px;width:100px;height:100px;left:18px}.loader-ring p{text-align:center;margin-top:20px;color:#333;font-size:16px}.lock-btns button:hover{background-color:#4f80c1}.lock-btns button:active{background-color:#5d9bfb;box-shadow:inset 1px 2px 5px 0 rgba(0,0,0,.4)}@keyframes rotate-360{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.push-switch .p-switch{margin:0;cursor:pointer}.push-switch .p-switch>span{line-height:25px;margin:0 0 0 4px;vertical-align:top}.push-switch .p-switch input{display:none}.push-switch .p-switch input+div{width:50px;height:25px;border:1px solid #d1d7e3;background:#d1d7e3;border-radius:12.5px;vertical-align:top;position:relative;display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .4s ease}.push-switch .p-switch input+div:before{content:"";float:left;width:19px;height:19px;background:#fff;pointer-events:none;margin-top:2px;margin-left:2px;border-radius:inherit;transition:all .4s ease 0s}.push-switch .p-switch input+div:after{content:"";left:-1px;top:-1px;width:25px;height:25px;border:3px solid transparent;border-top-color:#5d9bfb;border-radius:50%;position:absolute;opacity:0}.push-switch .p-switch input:checked+div{background:#188ae2;border:1px solid #5d9bfb}.push-switch .p-switch input:checked+div:before{transform:translate(25px)}.push-switch .p-switch.load input+div{width:25px;margin:0 12.5px}.push-switch .p-switch.load input+div:after{opacity:1;animation:rotate .9s linear infinite;animation-delay:.2s}.push-switch .p-switch:hover input:disabled+div{border-color:#d1d7e3}.push-switch .p-switch:hover input:checked+div{background:#5d9bfb}@keyframes rotate{0%,15%{transform:rotate(0deg)}50%{transform:rotate(290deg)}to{transform:rotate(1turn)}}.push-switch{box-sizing:border-box!important}.push-switch *,.push-switch :after,.push-switch :before{box-sizing:inherit}.push-switch{color:#3b3e49;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}body{margin:0}.charger-status{display:none;width:6px;height:6px;background-color:#2dad73;border-radius:100%;position:absolute;top:5px;left:5px}.lang{position:absolute;left:20px;display:inline-block;text-align:left;width:57px}.lang-text{border:2px solid #697787;border-radius:15px;padding:5px 10px;font-size:12px;color:#9cacbe}.lang-content li{padding:0;overflow:hidden}.lang-content li a{font-size:13px;line-height:3;margin-left:12px;padding:0}.lang-text:after{position:absolute;top:43%;content:"";width:0;height:0;border-style:solid;border-width:5px 4px 0 4px;border-color:#697787 transparent transparent transparent;right:10px}.lang-content a{color:#333;text-decoration:none}.lang-toggle{font-size:0;z-index:1;cursor:pointer;position:absolute;top:0;opacity:0;border:none!important;padding:0;margin:0 0 0 1px;background:transparent;text-indent:-10px;height:34px;width:100%!important}.lang-content a{color:#f1f1f1!important}.lang-toggle:focus{outline:0}.lang-content{transition:all .25s ease;list-style-type:none;position:absolute;top:32px;padding:0;margin-left:-8px;margin-bottom:0;opacity:0;visibility:hidden;border-radius:15px;text-indent:10px;line-height:32px;background-color:#35404e;width:70px;z-index:9999}.lang-content a{display:block;cursor:pointer}.lang-toggle:focus~.lang-text:after{border-width:0 4px 5px 4px;border-color:transparent transparent #555 transparent}.lang-content:hover,.lang-toggle:focus~.lang-content{opacity:1;visibility:visible;top:42px}.flex-block{display:flex;flex-wrap:wrap}.tsel{width:50px!important;font-size:12px;text-align:center;margin-top:0!important;background-color:#fff}.p-switch{margin-right:12px!important}.vue-tooltip-theme{margin-bottom:5px;background-color:#262626;color:#fff;padding:8px 10px;border-radius:12px;box-shadow:0 5px 30px rgba(0,0,0,.1)}