@font-face {font-family:Roboto; src:url("/gtm/etc/Roboto-Regular.ttf"); font-weight:400}
@font-face {font-family:Roboto; src:url("/gtm/etc/Roboto-Light.ttf"); font-weight:300}
@font-face {font-family:RobotoMono; src:url("/gtm/etc/RobotoMono-Regular.ttf"); font-weight:400}

body {margin:0; font-family:Roboto,Arial; font-size:12pt; color:#333; background-color:#fff}

h1,h2,h3 {color:#f90; text-align:center}
a {text-decoration:none; color:inherit}
a:hover {color:#f90; text-decoration:underline}
hr {border:0; margin:0; height:1px; background-color:#ccc}
p {color:#888; text-align:center}
p.sub {color:#888; text-align:center; line-height:0.2}
p.txt {color:#888; text-align:center; line-height:1.4; margin:0 25px}
kbd {font-family:RobotoMono; font-size:0.9em}
kbd.blk {background-color:#ddd; color:#666; border-radius:4px}
tr.dim kbd {color:#888}
span.tag {color:#f90}
span.msg {color:#888}
span.stw {display:inline-block; width:10px; height:10px; border-radius:50%; vertical-align:1px; background-color:white}
span.sts {display:inline-block; width:10px; height:10px; border-radius:50%; vertical-align:1px; background-color:darkgray}
span.stv {display:inline-block; width:10px; height:10px; border-radius:50%; vertical-align:1px; background-color:hotpink}
span.stp {display:inline-block; width:10px; height:10px; border-radius:50%; vertical-align:1px; background-color:mediumpurple}
span.stb {display:inline-block; width:10px; height:10px; border-radius:50%; vertical-align:1px; background-color:dodgerblue}
span.stc {display:inline-block; width:10px; height:10px; border-radius:50%; vertical-align:1px; background-color:darkturquoise}
span.stg {display:inline-block; width:10px; height:10px; border-radius:50%; vertical-align:1px; background-color:limegreen}
span.sty {display:inline-block; width:10px; height:10px; border-radius:50%; vertical-align:1px; background-color:gold}
span.sto {display:inline-block; width:10px; height:10px; border-radius:50%; vertical-align:1px; background-color:goldenrod}
span.str {display:inline-block; width:10px; height:10px; border-radius:50%; vertical-align:1px; background-color:tomato}

div.top {background-color:#555; color:#fff; position:fixed; top:0; width:100%; overflow-x:auto; white-space:nowrap; box-shadow:0 0 8px #555; z-index:2}
div.cnt {padding:45px 5px 15px 5px; min-height:calc(100% - 60px)}
div.btm {padding:20px 15px 20px 15px; background-color:#ccc; color:#555; text-align:center; line-height:1.4}

div.nav {min-width:calc(7*107px + 3*43px)}
div.adm div.nav {min-width:calc(6*107px + 4*43px)}
div.nav a {float:left; display:block; text-decoration:none; text-align:center; padding:13px 0; height:19px; width:106px; border-right:1px solid #333; outline:none}
div.nav a:hover {background-color:#333; color:inherit}
div.nav a.act {background-color:#f90; font-weight:bold}
div.nav a.mnu {width:42px; font-size:20pt; line-height:0.7}
div.nav a.flt {float:right; background-color:inherit; text-align:right; padding:13px; overflow:hidden; text-overflow:ellipsis}

form {border:1px solid #ccc; border-radius:9px; padding:10px 5px; text-align:center; background-color:#f0f0f0; min-width:300px; margin:0 0 25px 0}
form fieldset {display:inline; border:1px solid #ccc; border-radius:7px; margin:10px; padding:10px 10px 12px 10px; min-width:280px; width:24%}
form legend {color:#f90; text-align:left}
form select,input,textarea {width:160px; height:28px; margin:3px 0; font-family:inherit; font-size:inherit; color:#f90; background-color:#fff; border:1px solid #ccc; border-radius:5px; outline:none}
form select {padding:0 1px}
form input,textarea {padding:0 5px}
form input[type=date],input[type=time] {padding:0 3px}
form input[type=time] {font-weight:bold}
form input[type=checkbox] {vertical-align:-4px; width:21px; height:21px; accent-color:#666}
form input.rdo {color:#888}
form input.upc {text-transform:uppercase}
form input.lwc {text-transform:lowercase}
form label {display:inline-block; width:105px; text-align:left}
form label.prf {display:inline-block; width:244px; text-align:left}
form select:hover,input:hover {border:1px solid #888}

input:read-only {opacity:0.7}
input::placeholder,textarea::placeholder {color:#f90; opacity:0.7}

select.tra {color:inherit; background-color:inherit; font:inherit; border:0; padding:0; margin:0; outline:none}

button {display:block; width:200px; height:33px; margin:10px auto; font-family:inherit; font-size:inherit; color:#555; background-color:#fff; border:1px solid #555; border-radius:5px; outline:none; cursor:pointer}
button:hover {color:#fff; background-color:#555}
button img.lin {vertical-align:-4px; width:19px; height:19px; filter: invert(40%) sepia(0%) saturate(975%) hue-rotate(170deg) brightness(79%) contrast(91%)}
button:hover img.lin {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(320deg) brightness(101%) contrast(103%)}

div.lnk {text-align:center}
div.lnk a {display:inline-block; text-decoration:none; background-color:#fff; color:#888; border:1px solid #888; padding:3px 10px; margin:3px; border-radius:15px}
div.lnk a:hover,div.lnk a.sel {background-color:#888; color:#fff; border:1px solid #888}

div.tbl {margin:0 0 25px 0; overflow-x:auto; text-align:center}
table.tab {width:100%; min-width:740px; border-collapse:separate; border-spacing:0; font-size:inherit}
table.tab th {padding:8px 11px; color:#fff; background-color:#f90; border-bottom:1px solid #fff; border-right:1px solid #fff; font-weight:normal}
table.tab th:last-child {border-right:none}
table.tab th:first-child,td:first-child {position:sticky; left:0; z-index:1}
table.tab td {padding:8px 11px; background-color:#fafafa; border-bottom:1px solid #ccc}
table.tab td:first-child {border-right:1px dashed #ccc; border-left:1px solid #ccc}
table.tab td:last-child {border-right:1px solid #ccc}
table.tab tr:first-child th:first-child {border-radius:9px 0 0 0; box-shadow:-3px -3px 0 3px #fff}
table.tab tr:first-child th:last-child {border-radius:0 9px 0 0}
table.tab tr:last-child td:first-child {border-radius:0 0 0 9px; box-shadow:-3px 3px 0 3px #fff}
table.tab tr:last-child td:last-child {border-radius:0 0 9px 0}
table.tab tr:nth-child(odd) td {background-color:#f0f0f0}
table.tab tr:last-child td {font-weight:bold}
table.tab tr:hover {color:#000}
table.tab tr.dim {color:#888}
table.tab tr.del {color:#888; text-decoration:line-through}
table.tab td.min {text-align:center; min-width:10px; white-space:nowrap}
table.tab td.sht {text-align:left; min-width:30px; white-space:nowrap}
table.tab td.txt {text-align:left; min-width:90px; white-space:nowrap}
table.tab td.exp {text-align:left; min-width:230px; white-space:nowrap}
table.tab td.dsc {text-align:left; min-width:230px}
table.tab td.eli {text-align:left; max-width:230px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
table.tab td.num {text-align:right; min-width:65px; white-space:nowrap}
table.tab td.dbl {text-align:right; min-width:110px; white-space:nowrap}

div.ovf {padding:10px; overflow-x:auto; text-align:center}
div.chr {background-color:#f0f0f0; border:1px solid #ccc; border-radius:9px; padding:10px; text-align:center; min-height:390px; height:54%; margin:0 0 25px 0}
div.map {background-color:#f0f0f0; border:1px solid #ccc; border-radius:9px; padding:10px; text-align:center; min-height:390px; height:54%; margin:0 0 25px 0}
div.tml {background-color:#f0f0f0; border:1px solid #ccc; border-radius:9px; padding:30px 12px 10px 12px; text-align:center; margin:0 0 25px 0}
div.cld {background-color:#f0f0f0; border:1px solid #ccc; border-radius:9px; padding:0 15px; text-align:center; margin:0 0 25px 0}

div.tot {border:1px solid #ccc; border-radius:9px; padding:15px 5px; text-align:center; background-color:#f0f0f0; min-width:300px; margin:0 0 25px 0}
div.tot p.tit {color:#555; font-weight:bold}
div.grp {max-width:740px; margin:auto; text-align:center}
div.lst {max-width:1480px; margin:auto; text-align:center}
div.box {display:inline-block; border:1px solid #ccc; border-radius:9px; padding:5px; text-align:center; background-color:#fff; width:135px; margin:5px}
div.box p.lin {margin:8px}
div.box h1.txt {margin:12px; font-weight:lighter}
div.box h1.img {margin:6px; font-weight:lighter}
div.box:hover {border:1px solid #888}
div.box img {width:48px; height:48px; filter: invert(54%) sepia(93%) saturate(1072%) hue-rotate(360deg) brightness(103%) contrast(104%)}

div.cen {margin:0; position:absolute; top:50%; transform:translateY(-50%); width:100%}
div.upl {position:fixed; top:60px; left:12px}
div.upr {position:fixed; top:60px; right:12px}

div.mod {position:fixed; top:0; left:0; width:100%; height:100%; z-index:3; background-color:rgba(216,216,216,0.3)}
div.spl {position:fixed; top:0; left:0; width:100%; height:100%; z-index:4; background-color:#fff; transition:opacity 0.4s}

div.lgn form {min-width:335px; width:24%; margin:auto}
div.lgn img.avt {width:125px; height:125px; border-radius:50%}
div.lgn input.chk {vertical-align:-4px; width:21px; height:21px; accent-color:#666}
div.lgn div.tit {color:#888; padding:0 7px}
div.lgn div.tit a {float:right; font-size:20pt; line-height:0.7; text-decoration:none}

div.cre form {min-width:335px; width:24%; margin:auto}
div.cre div.tit {color:#888; padding:0 7px}
div.cre div.tit a {float:right; font-size:20pt; line-height:0.7; text-decoration:none}
div.cre label {display:inline-block; width:135px; text-align:left}
div.cre label.prf {display:inline-block; width:274px; text-align:left}

div.car {display:inline-block; border:1px solid #ccc; border-radius:9px; padding:10px 25px; text-align:left; background-color:#f0f0f0; width:280px; margin:10px}
div.car h1.tit,h2.tit,h3.tit {text-align:left; color:#555}
div.car h3.tit {font-size:1.25em}
div.car span.bal {display:inline-block; width:20px; padding:4px; margin:auto; border:1px solid #555; border-radius:50%}
div.car span.bal img {vertical-align:-3px; width:20px; height:20px; filter: invert(32%) sepia(0%) saturate(1468%) hue-rotate(219deg) brightness(98%) contrast(89%)}
div.car p {text-align:left; min-height:45px; line-height:1.4}
div.car p.elm {text-align:left; min-height:45px; line-height:1.7; padding:8px 0 0 0}
div.car a {color:#f90}
div.car:hover {border:1px solid #888}

div.inf {display:inline-block; border:1px solid #ccc; border-radius:9px; padding:10px 25px; text-align:left; background-color:#fff; width:280px; margin:10px}
div.inf h1.tit,h2.tit,h3.tit {text-align:left; color:#555}
div.inf p {text-align:left; min-height:45px; line-height:1.4}
div.inf p.elm {text-align:left; min-height:45px; line-height:1.7}

div.dlg {width:345px; margin:auto; border:1px solid #555; border-radius:9px; overflow:hidden; box-shadow:0 0 8px #555}
div.dlg div.tit {text-transform:capitalize; background-color:#555; color:#fff; padding:15px 20px}
div.dlg div.tit a {float:right; font-size:20pt; line-height:0.7}
div.dlg div.con {background-color:#ccc; color:#333; padding:17px 20px; line-height:2.1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
div.dlg div.btn {padding:7px 0 0 0; text-align:center}
div.dlg button {display:inline-block; width:125px; height:30px; color:#333; background-color:#ddd; border:1px solid #333}
div.dlg button:hover {color:#f90; border:1px solid #f90}
div.dlg img {vertical-align:-4px; width:19px; height:19px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(320deg) brightness(101%) contrast(103%)}
div.dlg img.ico {filter: invert(17%) sepia(0%) saturate(742%) hue-rotate(239deg) brightness(97%) contrast(89%)}
div.dlg a {text-decoration:none}
div.dlg a:hover img.ico {filter: invert(54%) sepia(93%) saturate(1072%) hue-rotate(360deg) brightness(103%) contrast(104%)}
div.dlg input {width:100%; height:30px; margin:5px 0; font-family:inherit; font-size:inherit; color:#f90; background-color:#ddd; border:1px solid #888; border-radius:5px; outline:none; padding:0 5px}
div.dlg span.itm input {width:calc(100% / 7); padding:0 1px; text-align:center}

img.big {width:100px; height:100px; filter: brightness(0) saturate(100%) invert(58%) sepia(0%) saturate(0%) hue-rotate(289deg) brightness(92%) contrast(87%)}
img.svg {vertical-align:-4px; width:19px; height:19px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(320deg) brightness(101%) contrast(103%)}
img.lin {vertical-align:-3px; width:17px; height:17px; filter: invert(17%) sepia(0%) saturate(742%) hue-rotate(239deg) brightness(97%) contrast(89%)}
a:hover img.lin {filter: invert(54%) sepia(93%) saturate(1072%) hue-rotate(360deg) brightness(103%) contrast(104%)}
tr.dim img.lin {filter: brightness(0) saturate(100%) invert(58%) sepia(0%) saturate(0%) hue-rotate(289deg) brightness(92%) contrast(87%)}
p img.lin {filter: brightness(0) saturate(100%) invert(58%) sepia(0%) saturate(0%) hue-rotate(289deg) brightness(92%) contrast(87%)}

span.bal {display:inline-block; width:22px; padding:5px; margin:auto; border:1px solid #f90; border-radius:50%}
span.bal img {vertical-align:-2px; width:22px; height:22px; filter: invert(54%) sepia(93%) saturate(1072%) hue-rotate(360deg) brightness(103%) contrast(104%)}
p span.bal:hover {background-color:#f90}
p span.bal:hover img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(320deg) brightness(101%) contrast(103%)}

span.cir {display:inline-block; width:16px; padding:3px; margin:auto; border:1px solid #f90; border-radius:50%}
span.cir img {vertical-align:-2px; width:16px; height:16px; filter: invert(54%) sepia(93%) saturate(1072%) hue-rotate(360deg) brightness(103%) contrast(104%)}

div.ldr {width:280px; margin:auto; padding:35px 30px; background-color:#fff; border:1px solid #bbb; border-radius:9px; box-shadow:0 0 8px #bbb}

progress {-webkit-appearance:none; appearance:none; width:25px; height:10px; vertical-align:1px; border-radius:5px; overflow:hidden}
progress::-webkit-progress-bar {background-color:#ddd}
progress::-webkit-progress-value {background-color:#666}

footer {display:none; position:absolute; top:0; width:100%; font-weight:bold}

@keyframes fadein {0% {opacity:0} 100% {opacity:1}}

@media screen and (max-width:1032px) {span.dsp {display:none}}

@media (pointer:coarse) {div.top::-webkit-scrollbar,div.tbl::-webkit-scrollbar,div.ovf::-webkit-scrollbar {display:none} div.top,div.tbl,div.ovf {-ms-overflow-style:none; scrollbar-width:none}}

@media print {div.top,div.btm,form {display:none} footer {display:block}} @page {size:A3 landscape; margin:10mm}