/* CSS Document */

/*@font-face {font-family: 'segoeui'; font-weight:normal; font-style:normal; src:url('/fonts/SegoeUIRegular.ttf') format('truetype');}
@font-face {font-family: 'segoeui'; font-style:normal; font-weight:500; src:url('/fonts/SegoeUISemiBold.ttf') format('truetype');}
@font-face {font-family: 'segoeui'; font-style:normal; font-weight:bold; src:url('/fonts/SegoeUIBold.ttf') format('truetype');}
@font-face {font-family: 'segoeui'; font-style:italic; font-weight:normal; src:url('/fonts/SegoeUIItalic.ttf') format('truetype');}*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic);

* {font-family:Roboto, Arial; font-size:16px;}
body {margin:0px; background-color:#f0f0f0;}
p, li, td, div {color:#223039;}
h1, h2, h3 {margin:0px 0px 16px; color:#223039;}
a {color:#5a6aa1;}
input[type=text], input[type=password], select, textarea {padding:4px; border:1px solid #d8d8d8; font-size:14px; color:#444444; border-radius:5px;}
input[type=submit], button[type=submit], a.artbutton {display:inline-block; padding:6px 12px; color:#f4f4f4; background-color:#5a6aa1; border:1px solid #445588; border-radius:5px; cursor:pointer; text-transform:uppercase; text-decoration:none; text-align:center;}
input[type=submit]:hover, button[type=submit]:hover, a.artbutton:hover {background-color:#7488ca;}
textarea {height:70px;}
input[type=radio] {width:14px; height:14px; border:1px solid #5a6aa1; color:#5a6aa1;}
input[type=submit].turner, a.artbutton.turner, a.addpol.turner {border:1px solid #445588;}
table {width:100%; border-collapse:collapse; border-spacing:0px;}
td {border:1px solid #d8d8d8; padding:2px; font-size:14px; text-align:center;}

.all {width:100%; margin:0px; background-color:#f0f0f0; text-align:left;}
.basis {display:table; width:1200px; margin:0px auto; border-collapse:collapse;}
.admin .basis {width:1400px;}
.left {display:table-cell; vertical-align:top; width:280px; padding:0px; font-size:0px; background-color:#5a6aa1;}
.leftadmin {display:table-cell; width:200px; vertical-align:top; background-color:#d8d8d8;}
.field {display:table-cell; width:920px; background-color:#ffffff;}
.top {height:111px; display:block; margin:0px;}
.info {display:block; min-height:480px; padding:20px 24px; background-color:#ffffff;}
.brick {width:1200px; margin:0px auto; padding:40px 0px;}
.footer {padding:15px; font-size:14px; background-color:#ffffff; clear:both;}
.alert {color:#cc0000;}
.error {color:#cc0000; margin:0px 0px 16px;}

.reg {display:block; width:1200px; margin:0px auto; padding:40px 0px; background:url(/pic/map.png) center top no-repeat; min-height:380px;}
.reg form {display:block; width:300px; margin:0px auto; padding:20px 40px; border:2px solid #c0c0c0; border-radius:12px; background-color:rgba(248,248,248,0.7);}
.reg form h2 {font-size:22px; text-align:center;}
.reg form input[type=text], .reg form input[type=password], .reg form textarea {width:290px; background-color:#d8d8d8;}
.reg form input[type=submit] {width:300px; background-color:#4591fb; border:1px solid #2b76df; color:#ffffff;}
.reg form.login input[type=submit] {display:inline-block; width:145px;}
.reg form .passrem {text-align:center;}
.reg form p {margin:0px 0px 8px;}
form.login input[type=checkbox] {vertical-align:middle;}

.up {height:30px; padding:15px 0px 15px 24px; background-color:#f0f0f0;}
.crumbs {height:20px; padding:15px 24px; background-color:#e9edf2; border-left:1px solid #e0e4ee; border-top:1px solid #e0e4ee;}
.loginfo {display:block; float:right; text-align:right; color:#5d5d5d;}
.loginfo a {color:#5d5d5d;}
.loginfo .exit {display:inline-block; margin-left:40px; padding:0px 0px 0px 20px; color:#5d5d5d; background-image:url(/pic/exit.png); background-position:left center; background-repeat:no-repeat; text-decoration:none;}
.langnames {position:absolute; width:160px; padding:4px 15px 6px; background-color:#f0f0f0; border:1px solid #223039; border-radius:15px; z-index:10;}
.langnames a.current-lang {display:block; color:#223039; width:160px; background-image:url(/pic/arrdown.png); background-position:right 8px; background-repeat:no-repeat; text-decoration:none;}
.all-langs {display:none;}
.all-langs a {display:block; text-decoration:none; margin:10px 0px; color:#223039;}
.all-langs a:hover {text-decoration:underline;}
.all-langs a img, .current-lang img {margin:0px 5px 0px 0px; vertical-align:middle; border:1px solid #556699;}
.crumbs a {color:#223039; text-decoration:none;}

.leftadmin a {display:block; margin:0px; padding:4px 10px; font-size:12px; text-decoration:none;}
.leftadmin a:hover {background-color:#5a6aa1; color:#88aadd; padding:12px 10px;}
.leftadmin a.current {background-color:#5a6aa1; padding:12px 10px; color:#e8e8e8; text-decoration:none;}

.left a, .left h3 {display:block; margin:0px; padding:14px 10px 14px 50px; color:#f4f4f4; text-decoration:none; border-bottom:1px solid #4a5b95; background-position:15px center; background-repeat:no-repeat; font-weight:normal;}
.left div a {color:#cdd6f6; border-bottom:1px solid transparent;}
.left a:hover, .left a.current {background-color:#7488ca; color:#ffffff; border-bottom:1px solid #7488ca;}
.left a h3 {padding:0px; border-bottom:0px;} 
#lmindex {padding:0px; border-bottom:1px solid #5a6aa1;}
#lmindex img {vertical-align:bottom;}
#lmindex:hover {background-color:#5a6aa1; border-bottom:1px solid #5a6aa1;}
#lmmain {background-image:url(/pic/main.png);}
#lmdocs {background-image:url(/pic/docs.png);}
#lmfaq {background-image:url(/pic/faq.png);}
#lmsup {background-image:url(/pic/sup.png);}
#lmdev {background-image:url(/pic/dev.png);}
#lmnew {background-image:url(/pic/new.png); background-position:50px center; padding:14px 10px 14px 85px; color:#f4f4f4;}
#fmlnew {background-image:url(/pic/families.png); background-position:50px center; padding:14px 10px 14px 85px; color:#f4f4f4;}
#lmarch {background-image:url(/pic/arch.png);}
#lmrepair {background-image:url(/pic/repair.png);}
#lmtdrive {background-image:url(/pic/tdrive.png);}
#lmdiag {background-image:url(/pic/diag.png);}
#lmaccounts {background-image:url(/pic/accounts.png);}

.devinfo {width:310px; float:right; margin-left:20px; text-align:left;}
.devinfo2 {padding:10px; border:1px solid #c4c4c4; border-radius:8px;}
.globalid {margin:0px 0px 10px; padding:10px; border:1px solid #c4c4c4; background-color:#f0f0f0; border-radius:8px;}
.devinfo2 h2 {font-size:18px; margin:0px; padding:0px 0px 5px; border-bottom:1px solid #c4c4c4;}
.devinfo2 p {margin:8px 0px 0px;}
.devinfo2 p.dott {padding:0px 0px 8px; border-bottom:1px dotted #c4c4c4;}
.policy {width:520px; margin-bottom:10px; padding:10px; border:1px solid #c4c4c4; text-align:left; border-radius:6px; font-size:14px;}
.policy h3 {font-size:18px; margin:0px; padding:0px 0px 5px; border-bottom:1px solid #c4c4c4;}
.policy span {font-weight:bold; font-size:16px;}
.policy a {font-size:14px;}
.moreuserinfo {width:320px; min-height:240px; float:right; padding:10px; margin-left:20px; text-align:left; background-color:#f8f8f8; border:1px solid #e0e0e0; border-radius:6px;}
.devmenu {padding:0px 0px 20px;}
.devmenu div {padding:5px 0px 5px 16px; background-position:left center; background-repeat:no-repeat;}
.devmenu .dm-info {background-image:url(/pic/info.png); padding:0px 0px 5px 16px; }
.devmenu .dm-upd {background-image:url(/pic/upd.png);}
.devmenu .dm-stats {background-image:url(/pic/stats.png);}
.devmenu a {display:inline-block; margin:0px 10px; color:#5a6aa1; text-align:center; text-decoration:none; text-transform:uppercase;}
.devmenu a.current, .devmenu a:hover {text-decoration:underline;}
.addpol, .addticket {display:inline-block; margin:0px 10px 17px 0px; padding:7px 19px; color:#5a6aa1; background-color:#ffffff; text-align:center; border:1px solid #5a6aa1; border-radius:6px; text-decoration:none; text-transform:uppercase;}
.addpol:hover, .addticket:hover {color:#7488ca; border:1px solid #7488ca; background-color:#fafafa;}

.passrem {width:320px; margin:20px auto 0px;}
.devpolin {padding:10px 0px 10px 10px; margin:0px 0px 20px; background-color:#f0f0f0; font-size:0px;}
.devpolin div {display:inline-block; vertical-align:top; text-align:left; margin:0px 20px 5px 0px;}
.devpolin div.second, .devpolin div.longin {margin:0px 0px 5px 0px;}
.devpolin div.polext, .devpolin div.polext2 {margin:15px 0px; font-size:0px; display:none; position:absolute; z-index:5;}
.devpolin div.polext2 {margin:155px 0px 15px 0px;}
.devpolin input[type=text], .devpolin input[type=password], .devpolin textarea, .devpolin select {width:406px; background-color:#ffffff;}
.devpolin select {width:416px;}
.devpolin .longin input[type=text], .devpolin .longin textarea {width:840px;}
.devpolin .inmin input[type=text] {width:190px;}
.devpolin label {display:block; width:410px;}
.polfile {height:270px;}

.fileform, .fileinfo, .fileform2, .fileinfo2 {display:inline-block; width:416px; vertical-align:top;}
.fileposition label, .segtakeform label {display: block; position:relative; overflow:hidden;}
.fileposition label .mark, .segtakeform label .mark {display:inline-block; width:380px; padding:4px; margin:0px 20px 5px 0px; font-size:14px; background-color:#ffffff; border:1px solid #d8d8d8; border-radius:5px; cursor:pointer;}
.fileposition label .button, .segtakeform label .button {display:inline-block; padding:3px 24px; color:#5a6aa1; background-color:transparent; border:1px solid #5a6aa1; border-radius:5px; cursor:pointer; text-align:center; text-transform:uppercase;}
.fileposition label input[type=file], .segtakeform label input[type=file] {position:absolute; top:0px; opacity:0;}

.fileposition {position:absolute; width:840px; margin:-320px 0px 0px 20px;}
.fileposition iframe {display:none; width:320px; height:80px; border:0px;}
.fileposition div.alreadyfile, .fileposition div.alreadyfile2 {width:320px; height:60px; font-size:14px; border:0px; color:#009900; text-align:left;}
#fileupload2 {margin-top:55px;}
.fileswitch {position:absolute; margin:-20px 0px 0px 600px; color:#7488ca; font-size:12px; text-decoration:none; border-bottom:1px dashed #7488ca; cursor:pointer;}
#polext2 {margin-top:35px;}

.coment {color:#cccccc;}
.edit {float:right; display:block; padding:0px 0px 0px 20px; background-image:url(/pic/edit.png); background-position:left bottom; background-repeat:no-repeat;}
.passw-rem, .alert-rem {display:none;}

.remove, .remove2 {display:block; float:right; height:22px; padding-left:20px; background:url(/pic/del.png) left bottom no-repeat; border-bottom:1px dotted #5a6aa1; text-decoration:none; vertical-align:middle;}
.restore {color:#009900; padding-left:0px; background:none; border-bottom:1px dotted #009900;}
.devinfo .remove, .devinfo .restore {float:none; padding-left:0px; background:none;}

.newticket {display:none;}
.newticket form, .tickform {background-color:#f0f0f0; margin-bottom:20px; padding:10px;}
.ticket-unit {margin:10px 0px; padding:10px; border:1px solid #c4c4c4; border-radius:6px;}
.ticket-unit h2 {font-size:18px; margin:0px; padding:0px 0px 5px; border-bottom:1px solid #c4c4c4; font-weight:500;}
.ticket-unit h2 a {color:#223039; font-size:18px; text-decoration:none;}
.ticket-unit p {margin:10px 0px 5px;}
.ticket-refresh {background-color:#e8e8ff; border:1px solid #ccccee;}
.nttext, .ttext {width:840px; height:120px;}
input[name=tname] {width:840px;}
.lasttime {display:block; float:right; padding-left:20px; color:#7d7d7d; font-size:14px; background:url(/pic/calend.png) left center no-repeat;}
.post1 {display:block; margin:0px 0px 20px; padding:0px 60px 0px 0px; background:url(/pic/face.png) right top no-repeat;}
.post2 {display:block; margin:0px 0px 20px; padding:0px 0px 0px 60px; background:url(/pic/face.png) left top no-repeat;}
.post1 p {background-color:#c7edfc; padding:10px; position:relative; font-size:14px;}
.post2 p {background-color:#e5f7fd; padding:10px; position:relative; font-size:14px;}
.post1 p span, .post2 p span {display:block; float:right; padding-left:20px; color:#7d7d7d; font-size:14px; background:url(/pic/calend.png) left center no-repeat;}
.post1 p:before {display:block; position:absolute; width:8px; height:8px; top:10px; left:804px; background-image:url(/pic/faq1.png); content:"";}
.post2 p:before {display:block; position:absolute; width:8px; height:8px; top:10px; left:-8px; background-image:url(/pic/faq2.png); content:"";}
.post1 p span.autor, .post2 p span.autor {display:block; float:none; background:none; margin:12px 0px 0px; padding:0px; text-align:left; color:#828282;}
.closed {opacity:0.5;}
.lastpost {display:block;}
.ticketautor {display:block; color:#999999;}
.newpostlabel {display:none; position:absolute; margin:0px 0px 0px 540px; text-align:center; color:#5a6aa1;}
.newpostlabel:before {content:"+";}
.wholepostlabel {display:none; position:absolute; width:16px; height:12px; margin:0px 0px 0px 5px; padding:2px 0px; font-size:10px; border-radius:8px; background-color:#cc0000; text-align:center; color:#ffffff;}

.docline {margin:0px 0px 24px; padding:0px 0px 0px 40px; background:url(/pic/pdf.png) left top no-repeat;}
.docline a {display:inline-block; margin:0px; font-size:14px; font-style:italic; text-decoration:none; border-bottom:1px dotted #5a6aa1;}
.docline p {margin:0px 0px 16px; font-size:14px;}
.info .faq1 {margin:0px 80px 16px 0px; background-color:#c7edfc; padding:10px; position:relative;}
.info .faq1:before {display:block; position:absolute; width:16px; height:8px; top:10px; left:-8px; background-image:url(/pic/faq1.png); content:"";}
.info .faq2 {margin:0px 0px 16px 80px; background-color:#e5f7fd; padding:10px; position:relative;}
.info .faq2:before {display:block; position:absolute; width:16px; height:8px; top:10px; left:784px; background-image:url(/pic/faq2.png); content:"";}

.invtable {margin-bottom:20px; padding:10px; border:1px solid #c4c4c4; border-radius:8px;}
.invtable div {padding:0px 0px 5px 24px;}
.invtable div span {display:inline-block; margin-right:16px; vertical-align:top;}
.invtable div.invtype1 {background:url(/pic/calend-blue.png) left top no-repeat;}
.invtable div.invtype2 {background:url(/pic/birth-mini.png) left top no-repeat; margin-left:24px;}
.invtable div.invtype3 {background:url(/pic/birth-mini.png) left top no-repeat; margin-left:48px;}
.invtable div.invtype2 span, .invtable div.invtype3 span {color: #5a6aa1;}
.inviteform {padding:10px 0px 10px 10px; margin:0px 0px 20px; background-color:#f0f0f0; font-size:0px;}
.inviteform input[type=text] {width:400px;}
.inviteform p {margin:0px;}
.invtable h2 {font-size:18px; margin:0px 0px 16px; padding:0px 0px 5px; border-bottom:1px solid #c4c4c4;}

.turner {text-decoration:none; border-bottom:1px dashed #5a6aa1;}
.addticket {border-bottom:1px solid #5a6aa1;}

.shared-unit div {display:inline-block; margin:0px 30px 0px 0px; vertical-align:middle;}
.shared-unit div.passive {color:#cccccc;}
.shared-unit .shared-rule {font-size:13px; font-weight:bold;}
.shared-unit .shared-change a {text-decoration:none; border-bottom:1px dashed #5a6aa1;}

.addimages {display:block; position:absolute; border-bottom:1px dashed #5a6aa1; text-decoration:none;}
div.loadimgform {position:absolute; display:none; width:320px; margin:-10px 0px 0px 120px; padding:20px; background-color:#ffffff; border-radius:8px; box-shadow:2px 2px 10px #444444; z-index:10;}
div.loaded-images {margin-top:30px;}
div.loaded-images div {display:inline-block; width:160px; padding:10px; vertical-align:top; border-radius:6px;}
div.loaded-images div.mainimg {padding:9px; background-color:#f0f0f0; border:1px solid #224477;}
div.loaded-images img {max-width:160px; width:auto; max-height:160px; height:auto; vertical-align:top; border:1px solid #d8d8d8;}
div.loaded-images label {display:block;}
div.loaded-images textarea {border:0px; width:156px; height:45px; font-size:12px;}
.delimage {position:absolute; display:block; width:24px; height:24px; margin:-12px 0px 0px 148px; background:url(/pic/del.png) center center no-repeat;}

.webbrick {width:520px; border-top:1px dotted #444444; padding:10px;}
.noborder {border-top:0px dotted #444444;}
.webbrick h2 {margin:0px 0px 3px;}
.webbrick span {display:block; margin:1px 0px;}
.webbrick span img {width:24px; height:16px; vertical-align:middle; border:1px solid #e8e8e8;}
.duo span {display:inline-block; width:250px;}
.tres span {display:inline-block; width:168px;}

.fml-head {display:block; margin:0px 0px 20px;}
.fml-head h2 {margin:0px;}
.fml-head span {display:block; font-size:12px; color:#223039; text-decoration:none;}
.familyunit {display:inline-block; width:268px; padding:5px; margin:0px 10px 10px 0px; vertical-align:top; border:1px solid #b0b0b0; border-radius:10px;}
.familyunit:nth-child(3n) {margin:0px 0px 10px 0px;}
.familyunit .webbrick {width:100%; padding:0px;}
.webglob {display:block; float:right; width:24px; height:24px; background:url(/pic/globus.png) center center no-repeat;}

.familybox {display:none; padding-left:16px;}
.left div a.familyswitch {position:absolute; width:24px; height:24px; padding:0px 2px 4px; margin:8px 0px 0px 12px; overflow:hidden; font-size:24px; font-weight:bold; color:#f4f4f4; text-align:center;}
h3.emptyfamily {color:#cccccc;}
div.editfamily {margin:20px 0px;}
div.newfamily {display:none; position:absolute; width:390px; padding:10px; background-color:#ffffff; box-shadow:2px 2px 7px #555555;}
div.newfamily input[type=text] {width:210px; margin-right:10px;}
div.editfamily input[type=text] {width:400px; margin-right:20px;}
a.passive {opacity:0.4; cursor:default;}
a.passive:hover {background-color:#5a6aa1;}
.segtake {padding:5px 0px;}
.take-remove {display:none; float:right; padding-left:16px; background:url(/pic/del.png) left bottom no-repeat; border-bottom:1px dotted #5a6aa1; text-decoration:none; vertical-align:middle;}
.segtake:hover .take-remove {display:block;}
.segtake:hover {background-color:#f8f8f8;}

.useful-files {margin:40px 0px 0px;}
.useful-files div.docline {display:inline-block; width:360px; margin:0px 32px 16px 0px;}
.progress, .progress2 {position:relative; width:822px; height:24px; border-radius:6px;}
.progress-bar, .progress-bar2 {position:absolute; width:0%; height:24px; background-color:#5a6aa1; background-image:url(/pic/pg-bar-bg.png); background-position:-360px top; background-repeat:no-repeat; border-radius:4px; overflow:hidden;}
.progress-works, .progress-works2 {background-color:#f8f8f8; border:1px solid #d0d0d0;}
.progress-percent, .progress-percent2 {margin-left:400px; color:#5a6aa1; font-size:18px; font-weight:bold;}
.progress-bar .progress-percent, .progress-bar2 .progress-percent2 {color:#f8f8f8;}











.ssm-years, .ssm-mons {height:30px; padding:5px;}
.ssm-mons {margin:20px 0px 0px; border-top:1px solid #5a6aa1;}
.ssm-mons .ssm-12 {display:none; margin-left:87px;}
.ssm-mons .ssm-12:last-child {display:block;}
.ssm-years span, .ssm-years a, .ssm-12 a, .ssm-12 span, .ssm-mons span, .ssm-segs span, .ssm-segs a {display:inline-block; padding:2px 7px; margin:0px 10px; vertical-align:top; border-radius:6px;}
.ssm-years span, .ssm-years a {padding:2px 14px;}
.ssm-years a, .ssm-12 a, .ssm-segs a {border:1px solid #bbbbbb; background-color:#ffffff; color:#223039; text-decoration:none; font-weight:500;}
.ssm-years a:hover, .ssm-12 a:hover, .ssm-segs a:hover {border:1px solid #224477;}
.ssm-years a.current, .ssm-12 a.current, .ssm-segs a.current {border:1px solid #5a6aa1; background-color:#5a6aa1; color:#ffffff;}
.ssm-12 span {color:#bbbbbb;}
.ssm-segs {height:40px; margin:0px; padding:5px;}
.ssm-segs span {height:50px; margin:0px 3px; padding:2px 2px;}
.ssm-segs a {padding:2px 6px;}

.statyearbody table tr:first-child td, .statbody table tr:first-child td {border-bottom:1px solid #444444; font-weight:bold;}
.statmonbody, .livegraph, .livetimes {min-height:260px;}
.statmonbody table.salesgraph tr:last-child td, .livegraph table tr:last-child td, .livetimes table tr:last-child td {font-size:11px;}
.statmonbody table.salesgraph td, .livegraph table td, .livetimes table td {vertical-align:bottom;}
.statmonbody table.salesgraph div, .livegraph table div, .livetimes table div {background-color:#5a6aa1; border:1px solid #88aadd;}
.statmonbody table.updgraph tr:last-child td {font-size:11px;}
.statmonbody table.updgraph td, .livegraph table td, .livetimes table td {vertical-align:bottom;}
.statmonbody table.updgraph div.upd3, .statyearbody table.updgraph div.upd3 {background-color:#999999; border:1px solid #bbbbbb;}
.statmonbody table.updgraph div.upd5 {position:absolute; width:18px; background-color:#5a6aa1; border:1px solid #88aadd;}
.statmonbody table.updgraph div.upd7 {position:absolute; width:12px; background-color:#33cc33; border:1px solid #77ee77;}
.statyearbody table.updgraph td:first-child {width:40px;}
.statyearbody table.updgraph td {border:0px; vertical-align:bottom;}
.statyearbody table.updgraph div.upd5 {position:absolute; width:46px; background-color:#5a6aa1; border:1px solid #88aadd;}
.statyearbody table.updgraph div.upd7 {position:absolute; width:32px; background-color:#33cc33; border:1px solid #77ee77;}

.livegraph td {width:60px; border:0px;}
.livegraph td:first-child {width:60px;}
.livegraph table tr:first-child td {border-bottom:0px; font-weight:normal; height:240px;}
.livegraph table div.live3 {position:absolute; width:50px; background-color:#ffffff; border:2px solid #007700;}
.livegraph table div.live1 {width:58px; background-color:#999999; border:1px solid #bbbbbb;}
.livegraph table div.live2 {position:absolute; width:48px; background-color:#33cc33; border:1px solid #77ee77;}
.livegraph table div.live4 {position:absolute; width:48px; background-color:#5a6aa1; border:1px solid #88aadd;}
.livetimes table {border-collapse:collapse; width:auto;}
.livetimes td {border:0px; width:33px; padding:1px;}
.livetimes td:first-child {width:33px;}
.livetimes table tr:first-child td {border-bottom:0px; font-weight:normal; height:240px;}
.livetimes table div {width:30px; background-color:#5a6aa1; border:1px solid #88aadd;}
.livetimes table div.active {position:absolute; width:24px; background-color:#33cc33; border:1px solid #77ee77;}
.legend {margin-bottom:20px;}
.legend div {display:inline-block; margin-right:20px; vertical-align:top; font-size:12px;}
.legend div span {display:inline-block; vertical-align:middle;}
.legend div span.live1 {width:14px; height:14px; background-color:#999999; border:1px solid #bbbbbb;}
.legend div span.live2 {width:14px; height:14px; background-color:#33cc33; border:1px solid #77ee77;}
.legend div span.live3 {width:12px; height:12px; background-color:#ffffff; border:2px solid #007700;}
.legend div span.live4 {width:14px; height:14px; background-color:#5a6aa1; border:1px solid #88aadd;}
.statbody td.forecast {color:#99a0c0;}
.snapgraph td {width:60px; border:0px;}
.snapgraph td:first-child {width:60px;}
.snapgraph table tr:first-child td {border-bottom:0px; font-weight:normal; height:160px;}
.snapgraph table div.live1 {width:58px; background-color:#999999; border:1px solid #bbbbbb;}
.snapgraph table div.live2 {position:absolute; width:60px; background-color:transparent; border:0px; text-align:left;}
.snapgraph table div.live2 div {display:inline-block; vertical-align:bottom; width:10px;}

.visdetail {position:absolute; display:none; padding:5px; margin:0px; background-color:#ffffff; box-shadow:2px 2px 7px #777777; font-size:12px; text-align:left;}
td.visual:hover .visdetail {display:block;}

.statyearbody table, .statmonbody table, .livegraph table, .statbody table {border-collapse:collapse; width:860px;}
.statyearbody td, .statbody td {width:40px; padding:4px; text-align:center; vertical-align:middle; border:1px solid #d8d8d8; font-size:13px;}
.statyearbody td:first-child, .statbody td:first-child {width:240px;}

.histogram, .datakeys, .legend {clear:both;}
.histogram div {float:left; position:relative; height:240px;}
.histogram div.mondetail {border:1px solid transparent;}
.histogram div:hover {background-color:#f8f8f8;}
.histogram div.mondetail:hover, .histogram div.activemon {border:1px solid #f5564f; background-color:transparent;}
.short div {height:160px;}
.mini div {height:120px;}
.histogram div span {display:block; position:absolute; left:1px; bottom:0px;}

.datakeys div {float:left; position:relative; height:20px; overflow:hidden; font-size:11px; text-align:center;}

.legend div span {width:16px; height:16px;}

.mondetail {cursor:pointer;}
.color1 {background-color:#999999;}
.color2 {background-color:#33cc33;}
.color3 {background-color:#ffffff; border:2px solid #007700;}
.color4 {background-color:#5a6aa1;}
.color5 {background-color:#cccc33;}
.color6 {background-color:#000000;}

.prv-hide, .nxt-hide, .hiddenrow {display:none;}
.td-arr {display:block; position:relative; clear:both; height:1px;}
.td-arr a {display:block; position:absolute; text-decoration:none; bottom:0px;}
.td-arr .prv-td {left:245px;}
.td-arr .nxt-td {left:820px;}
.td-arr a.passive-arr {cursor:default; color:#cccccc;}


.rfn-filter *, .rfn-list *, .rfn-detail * {font-size:12px;}
.rfn-filter {padding:5px; background-color:#f8f8f8;}
.rfn-filter div {display:inline-block; vertical-align:top;}
.rfn-filter span {display:block; margin:5px 0px;}
.rfn-list, .rfn-detail {border:1px solid #cccccc; border-radius:6px;}
.rfn-list {height:340px; padding:3px;}
.rfn-detail {width:850px; margin:10px 0px 0px 0px; padding:10px; overflow:visible;}
.rfn-list .headstr {background-color:#ffffff; border-bottom:2px solid #444444;}
.rfn-list .listbody {height:320px; padding:0px; overflow:auto;}
.rfn-list .listbody div {cursor:pointer; margin:1px 0px;}
.rfn-list .listbody div.qlt1 {color:#990000;}
.rfn-list .listbody div.qlt2 {color:#995000;}
.rfn-list .listbody div.qlt3 {color:#999900;}
.rfn-list .listbody div.qlt4 {color:#509900;}
.rfn-list .listbody div.qlt5 {color:#009900;}
.rfn-list .listbody div span.sinqlt1 {border-left:3px solid #990000;}
.rfn-list .listbody div span.sinqlt2 {border-left:3px solid #999900;}
.rfn-list .listbody div span.sinqlt3 {border-left:3px solid #009900;}
.rfn-list .listbody div:hover, .rfn-list .listbody div.active {background-color:#5a6aa1; color:#ffffff;}
.rfn-list .listbody div:hover span, .rfn-list .listbody div.active span {color:#ffffff;}
.rfn-list div {position:relative;}
.rfn-list div span {display:inline-block; padding:0px 0px 0px 3px; border-left:1px solid #f0f0f0;}
.rfn-list div span:nth-child(1) {width:100px;}
.rfn-list div span:nth-child(2) {width:120px;}
.rfn-list div span:nth-child(3) {width:120px;}
.rfn-list div span:nth-child(4) {width:80px;}
.rfn-list div span:nth-child(5) {width:35px;}
.rfn-list div span:nth-child(6) {width:32px;}
.rfn-list div span:nth-child(7) {width:98px;}
.rfn-list div span:nth-child(8) {width:40px;}
.rfn-list div span:nth-child(9) {width:40px;}
.rfn-list div span:nth-child(10) {width:35px;}
.rfn-list div span:nth-child(11) {width:30px;}
.rfn-list div span:nth-child(12) {width:40px;}
.rfn-list div.ms-note span {color:#0000cc;}
.rfn-list div.ms-note span.note-txt {width:610px;}
.delline {position:absolute; display:none; width:16px; height:16px; top:0px; left:830px; background-image:url(/pic/delred.png); z-index:10;}
.delline:hover {background-image:url(/pic/delwhite.png);}
.rfn-list .listbody div:hover .delline {display:block;}
.l1a h3 {margin:10px 0px; clear:both;}
.l1a table {background-color:#ffffff; border-collapse:collapse; width:1600px;}
.l1a table td {border:1px solid #d0d0d0; width:48px; padding:2px; font-size:10px;}
.l1a .mini {height:120px; margin-left:24px;}
.l1a div.l1agrid {position:absolute; width:800px; height:1px; background-color:#e0e0e0;}
.l1a div.l1agrid span {position:absolute; margin:-14px 0px 0px -24px;}
.listbody span a:hover {color:#ffffcc;}
.listbody div.active span a, .listbody div:hover span a {color:#ffffcc;}

.stop, .start {display:inline-block; margin:10px 30px 10px 0px; cursor:pointer;}
.stop b, .start b {display:block; padding:5px 12px; color:#005599;}
.stop b:hover, .stop b.swchd {background-color:#cc0000; border:1px solid #770000; color:#ffffff;}
.start b:hover, .start b.swchd {background-color:#00cc00; border:1px solid #007700; color:#ffffff;}

.diagram {position:relative; overflow:hidden; margin:0px 0px 20px;}
.diagram svg {margin:24px 0px 0px 40px;}
.diagram span {position:absolute; font-size:12px;}
.diagram span b {display:none; padding:3px 8px; background-color:#ffffff; box-shadow:2px 2px 7px #777777; font-size:12px; color:#777777; font-weight:normal;}
.diagram span:hover b {display:block;}

.ranger {margin:8px 0px 0px 40px;}
.ui-slider {display:block; position:relative; text-align:left; width:95%; height:16px; background:none; border:0px;}
.ui-slider .ui-slider-handle {position:absolute; z-index:2; top:0px; width:16px; height:16px; cursor:default; background:none #9abb1e; border-radius:8px;}
.ui-slider .ui-slider-range {position:absolute; z-index:1; top:7px; height:2px; display:block; border:0px; background:none #9abb1e;}
.ui-slider-horizontal .ui-slider-range-min {left:0;}
.ui-slider-horizontal .ui-slider-range-max {right:0;}
.ui-slider .ui-state-focus {border:0px;}
.td-autors {padding:10px 10px; margin:4px 0px; border:1px solid #d0d0d0; border-radius:10px; cursor:pointer;}
.td-autors:hover {background-color:#f0f0f0;}
.td-autors.active {background-color:#5a6aa1; color:#ffffff;}

.h-diag {display:inline-block; width:400px;}
.h-diag div span {display:inline-block; vertical-align:middle; height:20px;}
.h-diag .num {width:100px; text-align:right;}
.h-diag .line {background-color:#5a6aa1;}
.qlt-block h3 {padding:5px; background-color:#f0f0f0; margin:20px 0px 0px;}
.qlt-band-block {display:inline-block; width:410px; padding:5px 10px; margin:3px 1px; vertical-align:top; border:1px solid #d0d0d0;}
.qlt-band-block .qlt-band-diag {height:120px;}
.qlt-band-diag span {display:inline-block; margin-right:1px; background-color:#5a6aa1; vertical-align:bottom;}
.qlt-band-subs {height:20px; position:relative;}
.qlt-band-subs span {position:absolute; top:0px; font-size:12px;}

.bslist-line {font-size:11px;}
.bslist-line input, .bslist-line select {font-size:11px; padding:0px 2px;}
.bslist-line span {display:inline-block; vertical-align:top; font-size:11px; height:16px; padding:0px; border:1px solid transparent;}
.bslist-line span:hover {border:1px solid #e0e0e0;}
.bslist-hd span {font-size:12px;}
.nrf {text-align:center; display:none;}
.bslist-line a {display:none; font-size:12px; text-decoration:none; border-bottom:1px dashed #5a6aa1;}
.bslist-line:hover a {display:inline;}
.filter {font-size:12px;}
.bslist-reghd {margin:5px 0px 0px;}
.bslist-reghd .tonet {display:none; margin:0px 0px 0px 40px; font-size:12px;}
.bslist-reghd:hover .tonet {display:inline;}
.bslist-reghd:hover a {color:#2277cc;}
.bslist-line span.edtbl {border:1px solid #777777;}

.imei-td div span {display:inline-block; vertical-align:top; width:48px; font-size:12px;}
.imei-td div a {font-size:12px;}
.imei-td div:first-child {border-bottom:1px solid #444444;}
.imei-td div:first-child span {font-weight:bold;}
.imei-td div:nth-child(2n) {background-color:#f8f8f8;}
.imei-td div span:nth-child(1) {width:116px;}
.imei-td div span:nth-child(2) {width:40px;}
.imei-td div span:nth-child(3) {width:40px;}
.imei-td div span:nth-child(4) {width:40px;}
.imei-td div span:nth-child(6) {width:40px;}
.imei-td div span:nth-child(8) {width:36px;}
.imei-td div span:nth-child(10) {width:40px;}
.imei-td div span:nth-child(16) {width:32px;}
.imei-td div span:nth-child(17) {width:32px;}

.imei-td div span.qlt1 {color:#990000; border-left:3px solid #990000;}
.imei-td div span.qlt2 {color:#995000; border-left:3px solid #995000;}
.imei-td div span.qlt3 {color:#999900; border-left:3px solid #999900;}
.imei-td div span.qlt4 {color:#509900; border-left:3px solid #509900;}
.imei-td div span.qlt5 {color:#009900; border-left:3px solid #009900;}


.u_red td {background-color:#ffe8e8;}
.u_yel td {background-color:#ffffe8;}
.u_grn td {background-color:#e8ffe8;}
.u_blk td {background-color:#d0d0d0;}
td.u_red {background-color:#ffe8e8;}
td.u_yel {background-color:#ffffe8;}
td.u_grn {background-color:#e8ffe8;}
td.u_blk {background-color:#d0d0d0;}


i.remove-file {display: block; position: absolute; width: 16px; height: 16px; margin: -16px 0px 0px 410px; background: url(/pic/del.png) left bottom no-repeat; cursor:pointer;}
i.remove-file:hover {filter: hue-rotate(115deg);}

a.font-underlined {color:#223039; font-size:inherit; text-decoration:none;}
a.font-underlined:hover {text-decoration:underline;}


.detmap-form {display:flex; padding:8px 0px; border-bottom:1px solid #d0d0d0;}
.detmap-form input, .detmap-form textarea {border:1px solid #999999; width:calc(100% - 24px); outline:none;}
.detmap-form.passive input, .detmap-form.passive textarea {border:1px solid #f8f8f8;}
.detmap-form textarea {height:48px;}
.detmap-form.passive button {display:none;}
.detmap-form label {display:block; width:100%; margin:0px 0px 4px;}
.dtm1 {width:180px;}
.dtm2 {width:240px;}
.dtm3 {width:120px;}
.dtm4 {width:120px;}



.tasks {position: relative; font-size: 14px!important;}
.one-task {position: relative; padding: 16px; margin: 12px 0px; border-bottom: 1px solid #e8e8ff;}
.hd-task {position: sticky; top:0px; padding:16px; border-bottom: 2px solid #999999; background-color: #ffffff; z-index: 8;}
.hd-task, .one-task {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.task-project {width: 120px;}
.task-time {width: 100px;}
.task-imei {margin: 16px 0px;}
.task-coment {width: 200px;}
.new-task-form label {margin: 0px 0px 12px;}
.new-task-form label span {display: block;}
.tasktime, .taskfile {width: 50%;}
.taskimei,  .taskcoment {width: 100%;}
.taskimei textarea, .taskcoment textarea {width: calc(100% - 10px);}
.taskimei textarea {min-height: 200px;}

.task-editor {display: flex; width: 100%; justify-content: space-between; align-items: center; }
.task-editor a {text-decoration: none; border-bottom: 1px dashed;}
.search {display: flex; align-items: center; justify-content: space-between;}
.search label {position: relative;}
.search i {display: block; position: absolute; top: 2px; right: 4px; color: #999999; font-size: 24px; font-style: normal; font-weight: 700; line-height: 24px; cursor: pointer; z-index: 5;}
.search label input {width: calc(100% - 10px);}


.close {display:block; position:absolute; width:24px; height:24px; right:-9px; top:-10px; font-size: 24px; line-height: 24px; text-decoration: none; text-align: right; font-weight: 700;color: var(--bs2); border-bottom: 0px; z-index:10; cursor:pointer;}
.popup {position: absolute; width: calc(100% - 48px); padding: 24px; top: 0px; left: 0px; background: #ffffff; box-shadow: 0px 3px 12px #909090; z-index: 10;}
.shipup {width: calc(100% - 48px); padding: 24px; background: #ffffff;}
.flexer-w {display: flex;  justify-content: space-between; flex-wrap: wrap;}
.no-tasks {padding: 32px 0px; text-align: center;}
.hddn {display: none;}
.btn {display:inline-block; margin:0px 0px 17px; padding:7px 19px; color:#5a6aa1; background-color:#ffffff; text-align:center; border:1px solid #5a6aa1; border-radius:6px; text-decoration:none; text-transform:uppercase;}

.shipment-detail {position: relative;}
.task-detail .task-hddn.hddn {display: block;}
.task-detail span {display: inline-block; padding: 0px 0px 0px 3px; border-left: 1px solid #f0f0f0;}