*{box-sizing:border-box}body{margin:0;font:14px system-ui,"DejaVu Sans",sans-serif;color:#1f2d3d;background:#f1f3f6}
header{background:#1f3a5c;color:#fff;padding:12px 18px;display:flex;gap:18px;align-items:baseline}header b{font-size:18px}header .hr{margin-left:auto;font-size:13px;opacity:.9}header a{color:#fff}
nav{position:fixed;top:46px;left:0;bottom:0;width:170px;background:#fff;border-right:1px solid #dde2e8;padding-top:8px}
nav a{display:block;padding:8px 14px;color:#2b3b4e;text-decoration:none}nav a.aktiv{background:#e8eef6;border-left:3px solid #2f7ad6;font-weight:600}
main{margin-left:170px;padding:16px 22px}h1{font-size:21px;margin:4px 0 2px}.sub{color:#6b7785;font-size:12.5px;margin-bottom:12px}
.kort{background:#fff;border-radius:6px;padding:12px 14px;margin-bottom:14px;box-shadow:0 1px 2px #0001}
.rad{display:flex;gap:14px;align-items:flex-start}.vg{flex:1;min-width:0}.side{width:330px}
h3{font-size:11.5px;letter-spacing:.06em;color:#5a6776;text-transform:uppercase;margin:6px 0 8px}
.tl{position:relative}.tlrad{display:flex;height:22px;margin:3px 0;align-items:center}.tlnavn{width:150px;font-size:12.5px;flex-shrink:0;white-space:nowrap;overflow:hidden}
.spor{position:relative;flex:1;height:100%;background:#fafbfc}.gruppe{font-weight:600;font-size:12.5px;margin:9px 0 2px}
.blk{position:absolute;top:1px;bottom:1px;border-radius:3px;color:#fff;font-size:11px;padding:2px 4px;overflow:hidden;white-space:nowrap}
.p0{background:var(--farge-stack-a)}.p1{background:var(--farge-stack-b)}.p2{background:var(--farge-stack-c)}.kv{background:#a97a45}.sts{background:#4a6b8a}.tc{background:#7a6ba0}
.skip{background:#1f3a5c;cursor:pointer}.skip:hover{outline:2px solid #2f7ad6}.ute{background:#c9ced4;color:#444}
.gate{position:absolute;top:0;bottom:0;background:#e5eef8;}.tim{position:absolute;font-size:10.5px;color:#8792a0;transform:translateX(-50%)}.tlinje{position:absolute;top:0;bottom:0;border-left:1px dashed #d4dae1}
.funn{border-left:4px solid;padding:6px 8px;margin:6px 0;font-size:12.5px;border-radius:3px}.sperre{border-color:#c62828;background:#fdecea}.advarsel{border-color:#e08a00;background:#fff6e5}.info{border-color:#b0b8c2;background:#f4f6f8}.forslag{border-color:#2f7ad6;background:#eef4fc}
.merk{display:inline-block;padding:1px 6px;border-radius:3px;font-size:11px;font-weight:600}.m-sperre{background:#fdecea;color:#c62828}.m-adv{background:#fff1d6;color:#a86300}.m-ute{background:#e3e6ea;color:#555}.m-ok{background:#e6f4ea;color:#2e7d32}.m-eks{background:#fff1d6;color:#a86300}
button,.knapp{background:#2f7ad6;color:#fff;border:0;border-radius:5px;padding:7px 14px;font-size:13.5px;cursor:pointer}button.sek{background:#e8eef6;color:#1f3a5c}button.rod{background:#c62828}
input,select{font:inherit;padding:4px 6px;border:1px solid #c8d0d9;border-radius:4px}table{border-collapse:collapse;width:100%}td,th{padding:5px 7px;border-bottom:1px solid #eef1f4;text-align:left;font-size:13px;vertical-align:top}th{color:#5a6776;font-size:12px}
#modal{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center}#modal.skjult{display:none}.boks{background:#fff;border-radius:8px;padding:18px 22px;width:760px;max-height:88vh;overflow:auto}
.diff td{font-size:12.5px}.for{color:#9a3b3b}.etter{color:#2e6b3a}label{display:inline-block;margin:4px 12px 4px 0}
.tall{display:flex;gap:12px;margin-bottom:4px}.tall .kort{flex:1;text-align:center;color:#5a6776;font-size:12.5px}.tall b{display:block;font-size:28px;color:#1f2d3d}.rodt{color:#c62828!important}.oransje{color:#c87800!important;font-weight:600}
a.knapp{display:inline-block;text-decoration:none;font-size:15px;padding:10px 22px;margin:6px 0}
.a4{background:#fff;width:1123px;min-height:780px;padding:22px 28px;box-shadow:0 1px 4px #0002;margin-top:12px;font-size:12px}
.a4top{font-size:13px;margin-bottom:8px}.a4tit{font-size:22px;font-weight:700;color:#1f3a5c;margin-right:18px}
.a4skip{border:1.5px solid #1f3a5c;border-radius:4px;padding:6px 10px;display:flex;gap:22px;background:#f4f7fb;margin-bottom:8px}
.a4t td,.a4t th{border-bottom:1px solid #dfe3e8;font-size:12px;padding:4px 6px}.a4t th{color:#fff;font-size:12px}.hdag{background:#2f6fbd}.hkv{background:#7a5a2c}
.akse{position:relative;height:14px;margin-left:30px}.akse span{position:absolute;color:#888;font-size:10.5px}
.a4spor{position:relative;height:30px;margin:2px 0 2px 30px}.knr{position:absolute;left:-30px;top:8px;color:#666}
.a4b{position:absolute;top:0;bottom:0;border:1.5px solid;border-radius:3px;font-size:10.5px;padding:0 3px;overflow:hidden;white-space:nowrap;line-height:1.25}
.bA{background:var(--farge-stack-a-lys);border-color:var(--farge-stack-a)}.bB{background:var(--farge-stack-b-lys);border-color:var(--farge-stack-b)}.bC{background:var(--farge-stack-c-lys);border-color:var(--farge-stack-c)}
.bk{display:inline-block;border:1.5px solid;padding:0 3px;font-size:10px;font-weight:700;margin:1px 0}.kvl{height:30px;line-height:30px;margin:2px 0}.a4fot{color:#777;font-size:10.5px;margin-top:8px}
@media print{@page{size:A4 landscape;margin:8mm}header,nav,.ikkeprint{display:none!important}main{margin:0;padding:0}body{background:#fff}.a4{box-shadow:none;width:auto;min-height:0;padding:0;margin:0;zoom:.92}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.pers{font-size:13px;margin:1px 0}.pers .fra{color:#9a3b3b}.pers .til{color:#2e6b3a;font-weight:600}
.lagrad{margin:6px 0 8px}button.stor{font-size:15px;padding:9px 22px;font-weight:600}.zoom{font-size:12.5px;color:#5a6776;margin:-4px 0 10px}.zoom a{color:#2f7ad6}.zoom a.aktiv{font-weight:700;color:#1f2d3d;text-decoration:none}button.lit{padding:1px 9px;font-size:14px}
.tlskroll{overflow-x:auto}.tlskroll .tl{min-width:100%}.tlnavn{position:sticky;left:0;background:#fff;z-index:3}
.testbanner{margin-left:170px;background:#fff6e0;color:#8a5a00;font-size:12px;padding:3px 22px;border-bottom:1px solid #f0dfb5}
.loginside{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#e9edf2}
.loginboks{background:#fff;padding:28px 34px;border-radius:8px;box-shadow:0 2px 10px #0002;width:360px;text-align:center}
.loginboks h1{color:#1f3a5c;margin:8px 0 2px}.loginboks label{display:block;text-align:left;margin:10px 0;font-size:13px;color:#5a6776}.loginboks input{width:100%;padding:8px;margin-top:3px}.loginboks button{width:100%;padding:10px;font-size:15px;margin-top:8px}
.ledig{background:#eef0f3;color:#6b7785;border:1px dashed #c3cad3}
.settpaa{font-size:11px;margin-left:4px}.manuell{background:#2e7d6b}
.testdager{color:#8a5a00}
#modal{z-index:50}
.handlrad{display:flex;justify-content:flex-end;align-items:center;gap:12px;background:#fff;border-top:1px solid #dde2e8;padding:12px 16px;margin:6px -22px 0;border-radius:0}
.handlrad.fast{position:sticky;bottom:0;z-index:20;box-shadow:0 -2px 8px #0001}
.handlrad button.stor{min-width:160px;padding:11px 22px;font-size:15.5px;font-weight:600}
button.omriss{background:#fff;color:#2f7ad6;border:2px solid #2f7ad6;padding:9px 20px!important}button.omriss:hover{background:#eef4fc}
.badge{display:inline-block;min-width:22px;padding:1px 7px;margin-left:6px;border-radius:11px;background:#2f7ad6;color:#fff;font-size:12.5px}.badge.null{background:#c8d0d9}
.ber_res{margin-right:auto;font-size:13.5px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ber_res .knapp{padding:5px 14px;font-size:13.5px;margin:0;text-decoration:none}
.versjon{font-size:12px;opacity:.85}
body.full nav,body.full .side{display:none}body.full main{margin-left:0;padding:12px 14px}body.full .testbanner{margin-left:0}body.full .handlrad{margin:6px -14px 0}
@media (max-width:1400px){.side{width:270px}.tlnavn{width:120px}}
tr.borte td{color:#8792a0}tr.borte td b{text-decoration:line-through}.pers-t td{vertical-align:middle}
header{align-items:center}header .logo{background:#fff;border-radius:4px;padding:2px 6px;display:inline-flex;align-items:center;height:28px}header .logo img{display:block}
header .merkenavn{font-size:14px;font-weight:500;opacity:.92;margin-left:-6px}
/* ---- v0.10 rolig utseende ---- */
:root{--bla:#2f6fbd;--tekst:#1f2d3d;--dempet:#6b7785;--linje:#e3e7ec}
body{background:#f3f5f7}main{padding:18px 26px;max-width:1700px}
h1{font-size:22px;font-weight:650;margin:2px 0 4px}.sub{font-size:13px;line-height:1.5}
.kort{border:1px solid var(--linje);box-shadow:none;border-radius:8px;padding:14px 16px}
h3{color:#5a6776;font-weight:650}
/* knapper og felt: én hovedknapp, resten rolige */
button,.knapp{background:var(--bla);border-radius:6px;padding:8px 16px;font-weight:600;line-height:1.2}
button:hover,.knapp:hover{filter:brightness(1.07)}
button.sek{background:#fff;color:#2b3b4e;border:1px solid #c8d0d9;font-weight:500}button.sek:hover{background:#f3f6f9;filter:none}
button.lit{padding:2px 9px}
.tlenke{font-size:12.5px;color:var(--dempet);margin-left:6px}
input,select{height:32px;padding:4px 8px;border-radius:6px;border-color:#c8d0d9;background:#fff;font-size:13.5px}input[type=checkbox]{height:auto}
input:focus,select:focus,button:focus-visible{outline:2px solid #9cc0ea;outline-offset:1px}
a{color:var(--bla)}
/* farger bare for sperre/advarsel/ute av drift */
.merk.m-ok{background:#eef1f4;color:#3b4a5a;font-weight:500}.merk.m-eks{background:#f4f1ea;color:#7a6a4a;font-weight:500}
.funn.forslag{border-color:#9fb3c8;background:#f6f8fa}.funn.info{background:#f8f9fa}
.tall b{font-weight:650}
/* tidslinje: lesbar, lys bakgrunn, mørk tekst, farget kant */
.tlrad{height:26px;margin:4px 0}.tlnavn{font-size:13px;color:#2b3b4e}.gruppe{font-size:13px;margin:14px 0 4px;padding-top:6px;border-top:1px solid var(--linje)}
.tim{font-size:11.5px;color:#5a6776;font-weight:500}.tlinje{border-left:1px solid #e9edf1}
.spor{background:#fbfcfd}.gate{background:#edf3fa}
.blk{color:#1f2d3d;font-size:12px;padding:4px 6px;border-radius:4px;border:1px solid;border-left-width:4px;top:1px;bottom:1px;font-weight:500}
.p0{background:var(--farge-stack-a-lys);border-color:var(--farge-stack-a-kant);border-left-color:var(--farge-stack-a)}.p1{background:var(--farge-stack-b-lys);border-color:var(--farge-stack-b-kant);border-left-color:var(--farge-stack-b)}.p2{background:var(--farge-stack-c-lys);border-color:var(--farge-stack-c-kant);border-left-color:var(--farge-stack-c)}
.kv{background:#f3ece3;border-color:#c9ae8c;border-left-color:#9a6e3c}.sts{background:#e6ebf1;border-color:#9aaabb;border-left-color:#4a6b8a}.tc{background:#ece9f2;border-color:#a8a0bd;border-left-color:#6e6390}
.skip{background:#1f3a5c;color:#fff;border-color:#1f3a5c}.ute{background:repeating-linear-gradient(45deg,#e3e6ea,#e3e6ea 6px,#eceef1 6px,#eceef1 12px);color:#555;border-color:#c9ced4}
.ledig{background:#fafbfc;color:#8792a0;border:1px dashed #c3cad3;font-weight:400}.manuell{background:#e3f0ec;border-color:#7fb3a3;border-left-color:#2e7d6b}
.handlrad{border-top:1px solid var(--linje)}
nav a{font-size:13.5px;padding:9px 16px}
.pers .fra{color:#6b7785}.pers .til{color:#1f2d3d;font-weight:650}
#mangel{margin-left:170px}body.full #mangel{margin-left:0}
.mangelbanner{display:flex;align-items:center;gap:12px;background:#fff4e0;border-bottom:1px solid #f0c987;border-left:5px solid #e08a00;padding:10px 22px;font-size:14px}.mangelbanner .ikon{font-size:20px;color:#c87800}.mangelbanner button{margin-left:auto}
.mangelkort{background:#fff4e0;border-left:4px solid #e08a00;padding:8px 12px;border-radius:6px;margin:8px 0;display:flex;gap:10px;align-items:center}.mangelkort button{margin-left:auto}
.blk.mangel{background:repeating-linear-gradient(45deg,#ffe2b3,#ffe2b3 6px,#fff0d6 6px,#fff0d6 12px);border-color:#e08a00;border-left-color:#c87800;color:#7a4500;font-weight:650;cursor:pointer;z-index:2}
.toast{position:fixed;right:20px;top:60px;z-index:60;background:#fff;border-left:5px solid #e08a00;box-shadow:0 4px 18px #0003;padding:12px 16px;border-radius:6px;max-width:480px;font-size:14px}
.toast{z-index:45}
.mrad{margin-top:3px;font-size:13.5px}.klart{color:#1f2d3d}.ingen{color:#a85d00;font-weight:600}.mknapper{display:flex;flex-direction:column;gap:4px;align-items:flex-end;font-size:13px}
.blk.mangel{top:1px;bottom:50%}.blk.ghostblk{top:52%;bottom:1px;background:#fff;border:1.5px dashed #2f6fbd;border-left-width:1.5px;color:#2f6fbd;font-size:11px;padding:0 5px;cursor:pointer;z-index:3}.blk.ghostblk:hover{background:#eef4fc}
.ventende{background:#eef4fc;border-left:4px solid #2f6fbd;padding:8px 12px;border-radius:6px;margin:6px 0 10px;font-size:13.5px}
.tlrad:has(.blk.mangel){height:42px}.tlrad:has(.blk.mangel) .tlinje{height:42px}.blk.mangel,.blk.ghostblk{font-size:11px;line-height:19px}.toast{top:auto;bottom:80px}
.flytt{color:var(--dempet);margin-left:4px}
.flytt{color:var(--dempet);margin-left:4px}
.piller{display:inline-flex;align-items:center;gap:0;border:1px solid var(--linje);border-radius:16px;overflow:hidden;background:#fff}
.piller button{border:0;border-right:1px solid var(--linje);border-radius:0;background:#fff;color:var(--dempet);height:26px;padding:0 10px;font-size:12.5px;font-weight:550;cursor:pointer}
.piller button:hover{background:#f3f5f8;color:var(--tekst)}.piller button:focus-visible{outline:2px solid #2f6fbd;outline-offset:-2px}
.piller .mer{font-size:12px;padding:0 8px;color:var(--dempet)}
.piller button.aktiv.p-ok{background:#2e8b57;color:#fff}.piller button.aktiv.p-sent{background:#e0a100;color:#fff}.piller button.aktiv.p-syk{background:#c0392b;color:#fff}.piller button.aktiv.p-frav{background:#6b5b95;color:#fff}
.piller.stor{border:0;gap:6px;flex-wrap:wrap}.piller.stor button{border:1px solid var(--linje);border-radius:16px;height:30px}
.toast.angre{border-left-color:#2f6fbd;bottom:80px;left:50%;right:auto;transform:translateX(-50%);display:flex;gap:10px;align-items:center}
.piller button{white-space:nowrap}
/* v0.16 Dagens personal: rolig, kompakt, faste kolonner */
.avvikteller{font-size:13px;color:var(--dempet);border:1px solid var(--linje);border-radius:12px;padding:2px 10px;margin-left:12px}
.avvikteller.har{color:#8a5a00;border-color:#e6c27a;background:#fff8e8;font-weight:650}
.pkort{padding:10px 12px}.pkort h3{margin:0 0 6px}
table.pliste{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}
.pliste col.c-navn{width:auto}.pliste col.c-skift{width:92px}.pliste col.c-oppg{width:120px}.pliste col.c-st{width:268px}.pliste col.c-pl{width:36px}
.pliste td{padding:3px 6px;border-top:1px solid #eef1f4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:30px;vertical-align:middle}
.pliste td.navn small{color:var(--dempet);margin-left:6px;font-size:12px}.pliste td.skift,.pliste td.oppg{color:var(--dempet);font-variant-numeric:tabular-nums}
.pliste tr.prad:focus{outline:2px solid #2f6fbd;outline-offset:-2px}.pliste tr.prad:hover{background:#f7f9fb}
.pliste tr.st-sent{background:#fff8e6}.pliste tr.st-syk{background:#fdf0ee}.pliste tr.st-frav{background:#f4f1f9}
.pliste tr.st-syk td.navn b,.pliste tr.st-frav td.navn b{text-decoration:none;color:var(--tekst)}
.pliste .piller{border:0;gap:3px;background:none;overflow:visible}
.pliste .piller button{width:58px;height:24px;padding:0;border:1px solid #dde2e8;border-radius:5px;background:#fff;color:#6b7684;font-size:12px;font-weight:500;text-align:center;overflow:hidden;text-overflow:ellipsis}
.pliste .piller button:hover{border-color:#b8c1cc;color:var(--tekst)}
.pliste .piller button.aktiv.p-ok{background:#fff;color:#2e8b57;border-color:#dde2e8;font-weight:600}
.pliste .piller button.aktiv.p-sent{background:#e0a100;border-color:#e0a100;color:#fff}.pliste .piller button.aktiv.p-syk{background:#c0392b;border-color:#c0392b;color:#fff}.pliste .piller button.aktiv.p-frav{background:#6b5b95;border-color:#6b5b95;color:#fff}
.pliste .piller .mer{width:30px;font-size:11.5px;padding:0 0 0 4px}
.pliste td.pl{text-align:center;overflow:visible}.pliste .ikon{color:#9aa4b0;text-decoration:none;font-size:15px}.pliste .ikon:hover{color:#2f6fbd}.pliste .ikon.aktiv{color:#2e8b57;font-size:11px}
kbd{font:11px monospace;border:1px solid #ccd;border-radius:3px;padding:0 3px;background:#fafbfc}
.topprad:has(.avvikteller){display:flex;align-items:center;gap:6px}.topprad .avvikteller{white-space:nowrap}
.pliste col.c-st{width:296px}.pliste td:has(.piller){overflow:visible}.pliste .piller .mer{width:auto;padding:0 2px 0 6px;white-space:nowrap}
.tidsglider{display:inline-flex;align-items:center;gap:8px;margin-left:10px}.tidsglider input{width:260px}.tidsglider small{color:var(--dempet)}#glabel{font-variant-numeric:tabular-nums;min-width:120px;font-weight:600}
nav .kunadmin{display:none}body.admin nav .kunadmin{display:block}
.pwvis{font:600 22px monospace;letter-spacing:.5px;background:#f4f6f9;border:1px dashed #b8c1cc;padding:12px 16px;border-radius:6px;margin:10px 0;user-select:all}
/* navn alltid synlig, første kolonne */
.pliste col.c-navn{width:210px}.pliste col.c-oppg{width:auto}table.pliste{min-width:760px}.pkort{overflow-x:auto}
.pliste td.navn{max-width:none}.pliste td.navn b{color:var(--tekst)}
#nullstill{color:#c9d3df;font-size:12px;text-decoration:none;opacity:.8}#nullstill:hover{opacity:1;text-decoration:underline}
button.fare{background:#c0392b;border-color:#c0392b}
.ledgrp{font-size:11.5px;font-weight:600;color:#44546a;text-transform:uppercase;letter-spacing:.03em;margin:8px 0 2px 2px}.ledtid{font-size:11px;color:#6b7785}
.ledalt{margin:8px 0;padding:8px;background:#f4f7fa;border-radius:6px}.ledaltrad{margin:5px 0;font-size:13px}.ledaltrad.ingen{color:#6b7785}button.lite{padding:2px 8px;font-size:12px}
.tlrad:has(.lednavn){height:36px}.tlnavn .lednavn{display:block;line-height:1.25}
.blk.reserve{background:#fff6e0;border:1px dashed #d9a400;color:#7a5b00}.resvalg{font-weight:400;font-size:12px;margin-left:8px}.reskand{max-height:200px;overflow:auto;margin:6px 0;font-size:13px}
.flytt{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;margin:2px 0;font-size:13px}.flyttliste .flytt{display:flex;padding:3px 0;border-bottom:1px solid #eef1f4}
.chip{display:inline-block;padding:1px 7px;border-radius:10px;font-size:12px;white-space:nowrap;line-height:18px}
.chip.fra{background:#f1f3f5;color:#8a96a3;text-decoration:line-through;border:1px solid #e1e5ea}.chip.fra.ledig{text-decoration:none;font-style:italic}
.chip.til{background:#e6f0fb;color:#1f3f66;font-weight:650;border:1px solid #b9d2ee}.chip.til em.endr{font-style:normal;background:#cfe2f7;border-radius:3px;padding:0 2px;text-decoration:underline;text-underline-offset:2px}
.pil{color:#2f6fbd;font-weight:700;font-size:14px;margin:0 2px}
.blk.gml{opacity:.45;border-style:dashed!important;background:#f4f6f8!important}.blk.nyblk{top:52%;bottom:1px;background:#fff;border:2px solid #2f6fbd;border-left-width:2px;color:#1f3f66;font-size:11px;padding:0 4px;line-height:17px;z-index:4}
.tlrad:has(.blk.nyblk){height:42px}.tlrad:has(.blk.nyblk) .tlinje{height:42px}.tlrad:has(.blk.nyblk) .blk.gml{bottom:50%}
.klart .flytt{display:inline-flex;margin-left:4px}
.kort td .flytt{flex-wrap:nowrap}.kort td .flytt .chip{font-size:11.5px}

.rkf,.rtc{display:inline-block;padding:0 4px;border-radius:3px;margin:1px 0;color:#1d2733}.rkf{background:#dceaf7;border:1px solid #2f6fbd}.rtc{background:#f7e9cc;border:1px dashed #a9782a}
.kreditt{font-size:10.5px;color:#8a94a0;font-style:italic;text-align:center;margin:18px 0 10px}
header{position:sticky;top:0;z-index:40}nav{top:var(--hh,46px);z-index:30}
@media print{header{position:static}}
nav{overflow-y:auto}
@media (max-width:900px){header{position:static}nav{position:absolute;bottom:auto;min-height:calc(100vh - var(--hh,46px))}}
.blk.tlm{cursor:pointer;font-weight:650;border:1.5px solid;border-left-width:5px;z-index:2;white-space:nowrap;overflow:hidden}.tlm-rod{background:#fdecea;border-color:#c62828;color:#c62828}.tlm-oransje{background:#fff6e5;border-color:#e08a00;color:#8a5a00}.tlm-dempet{background:#f4f6f8;border-color:#9aa6b2;color:#6b7785;font-weight:400;border-style:dashed;cursor:default}
.blk.mangel{background:#fdecea!important;border-color:#c62828!important;border-left-color:#c62828!important;color:#c62828!important}
.blk.tlm.tlm-halv{top:52%;bottom:1px;font-size:11px;line-height:1.2}
