﻿.watermarker{pointer-events: none;position: absolute;z-index: 9999;line-height: 1.1;min-height: 50px;overflow:hidden;white-space:nowrap;}
.attachspan {
    display: block;
    margin: 4px 0;
    border: 1px solid #eee;
    padding: 4px;border-radius:4px;
    background: #f6f8fd;
}.autoy{overflow-y:auto!important;}
.inlinechoose{margin:0!important;padding:2px 0!important;color:#333!important;}.btndiv{position:fixed;margin:auto;bottom:10px;text-align:right;left:0;right:8px;}.h32{height:32px}.pl8{padding-left:8px}.pr16{padding-right:16px;}.plr8{padding:0 8px;}
img{ border: 0; }.hide{display:none}.mt4{margin:4px 0}.forbody{overflow:hidden!important;margin:0}.page{padding:16px; }.page2{padding:10px 20px;}.pagebg{background:#f6f8fd;}.pgagewbg{background:#fff}.colpad{padding:.75em .6em}.toolbarimg{margin: 0 4px 0 -4px;}
#bottom_div{
width: 100%;
height: 150px;
background-color: #b9d1ea;
clear:both;
}
#vista_toolbar {
    float: left;
    margin: 4px 0;
    padding: 0;
    width: 100%;
}

#vista_toolbar ul {
float:left;
line-height:32px;
list-style:none;
margin:0;
padding:0;
width:100%;
}

#vista_toolbar li {
display:inline;
padding:0;
cursor:default;
}

#vista_toolbar a {
float:left;
padding:0 8px;
margin:0 2px;
text-decoration:none;
color:#fff;
border-radius:4px;
line-height:28px;
white-space:nowrap;
border:1px solid transparent;
}
#vista_toolbar div {
float:left;
padding:0 3px 0 3px;
text-decoration:none;
}

#vista_toolbar a>span {
float:none;
padding:0 4px;
}

#vista_toolbar a span img {
border:none;
margin:8px 4px 0 0;
}
.toolbar{width:100%;display:block;}
#vista_toolbar > ul > li > a:hover{        background-color: #cce8ff;  }
.listdropdownmenu > li:hover {    background-color: #cce8ff;}
#vista_toolbar a.right {
float:right; /* 帮助，要浮动到右边 */
}
#vista_toolbar a.toolbarrighta{float:none;margin:0;padding:0;color:#0e86fe}
.dropdownmenuli{}.dropdownmenuli:hover .listdropdownmenu{display:block;}
.listdropdownmenu {
    position: absolute;
    top: 24px;
    z-index: 1001;
    display: none;
    width: 100px !important;
    padding: 5px 0;
    margin: 2px 0 0;
    text-align: left;
    background-color: #fff;
    border: 1px solid #eef3f7;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    background-clip: padding-box;
}
.listdropdownmenu li{line-height:8px!important;display:list-item!important;}.listdropdownmenu a{float:none!important;background-color:transparent!important;color:#333!important}.listdropdownmenu img{margin:-4px 4px 0 0!important;}
.ml{margin-left:30px}
.gridcellimg{height: 72px;width:72px;}.photoimg{height:36px;width:36px;border-radius:50%}
.multidata_del {
    visibility:collapse;position:absolute;right:4px;color:#ff6565
}
#vista_toolbar a.dropdown{background-color:transparent;color:#333}
.searchicon{color:#999}.seachspan{border-width:0 0 1px 0;border-color:#eef3f7;border-style:solid;padding-bottom:4px}
.smpSearch{border-width:0;outline:none;margin-left:4px;}.seachspan:focus-within{border-color:#48609c}
.fs8{font-size:8pt;}.relapos{position:relative;}
.spaninfo {
    border-radius: 6px;
    color: #3baf70!important;
}
.lblspan {
    min-width: 60px;
    display: inline-block;
    text-align: right;
    white-space:nowrap;
}
.multidata {
    margin: 0 5px 5px 0;
    padding: 4px 20px;
    border: 1px solid #e8e8e8;
    border-radius: 30px;
    position: relative;
    background: #e8e8e8;
    color: #333;
    line-height:20px;
    display:inline-block;
}
.multidata:hover .multidata_del{visibility:visible;}
.multispan{white-space: pre-wrap; word-wrap: break-word;word-break: break-all;overflow: hidden;}
.spanr8{margin:0 8px;}.spant8{margin:8px 0;}.p8{padding:8px;}.m8{margin:8px}.m20{margin:20px}
/*滚动条样式*/
::-webkit-scrollbar{ width:10px; height:10px; }  
::-webkit-scrollbar-button{ width:0; height:0; }  
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{ display:block; }  
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement { display:none; }  
::-webkit-scrollbar-corner{ display:block; }

::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: rgba(99,99,99,.2);
    border-radius: 8px;
}
    ::-webkit-scrollbar-thumb:hover {
        background-clip: padding-box;
        background-color: rgba(99,99,99,.5);
        border-radius: 8px;
    }  
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-thumb:vertical{  
         border-left:1px solid transparent;  
         border-right:1px solid transparent;  
}  
::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:horizontal{  
         border-top:1px solid transparent;  
         border-bottom:1px solid transparent;  
}
::-webkit-scrollbar-track:hover {
    background-clip: padding-box;
    background-color: rgba(99,99,99,.15);
}
/*common pages*/
.topline{border-width:1px 0 0 0;border-style:solid;border-color:#eef3f7}
.fulline{border:1px solid #eef3f7;}
.bar{padding:8px;background-color:#FFF;margin-bottom:4px;}
.bar2{padding:8px 0;border:solid;border-width:0 0 1px 0;border-color:#eef3f7;text-align:center;color:#141e31}
.bar3{border:solid;border-width:0 0 1px 0;border-color:#eef3f7}
.bartext{text-align:center;height:85%;overflow:auto;padding:8px 0!important;}
.fullwidth{width:100%;}.fullheight{height:100%;}.pb8{padding-bottom: 8px;}
.ml2{margin-left: 2px;}.ml4{margin-left: 4px;}
.hidey{overflow-y:hidden;}.hidexshowy{overflow-x:hidden;overflow-y:auto;}
.filterimg{vertical-align:bottom;float:right;margin-right:8px;}
.listfilterimg{vertical-align:middle;margin-left:4px;}
.listitem{cursor:default;padding:4px 4px 4px 36px;}.defaultCur{cursor:default}.textCur{cursor:text}
.onright{float:right;padding-right:8px!important;}
.onleft{float:left}.tipcolor{color:salmon;}
.clearfix{clear:both;}.op5{opacity:.5}.op5:hover{opacity:1;color:#428bca}
.abar{padding-left:24px;color:#666;height:23px;line-height:23px;text-decoration:none;background:#fff 10px url(../images/dot.png) no-repeat;}
a.spanr8{color:#428bca!important}td a,.alink{text-decoration:none;color:#428bca} a.spanr8:hover{text-decoration:none;color:#2a6496}
.anormal, .nodecoration,.nodecoration:hover{text-decoration:none;color:#000000;}.nounderline{text-decoration:none;}
.msgdetail{ overflow:scroll;background:#fff;padding:8px;border:1px solid #eef3f7;  width: 355px;    height: 100px;}
.msgdlg{display:none;overflow:hidden;background:#eee}
.listimg {
    max-width: 36px;
    max-height: 36px;
}
.dlgul {
    padding: 8px;
    display: table;
    margin: auto;
}.dlgli {
    display: table-cell;
    vertical-align: middle;
}
.dlgimg {
    font-size: 48px;
    margin-right: 10px;
}
.tul {
    padding: 0;
    display: table;
    margin: 4px 0 4px 8px;
}
.tli {
    border-width: 1px 0 1px 1px;
    padding: 4px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
    display: table-cell;
    cursor: pointer;
    text-align: center;
}
.li1{border-top-left-radius:4px;border-bottom-left-radius:4px;}
.li3{border-top-right-radius:4px;border-bottom-right-radius:4px;border-right-width:1px;}
.liatcive{background-color:#48609c;color:#fff;}
.fl{float:left}.fr{float:right}.fn{float:none!important}
.listerror {
    margin: 20px;
    font-size: 16px;
    text-align: center;
    color: #ec2281;
}
#emptytext {
    color: #333;
    top: 50%;
    position: absolute;
    width: 100%;
    height: 4em;
    line-height: 4em;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
}
.diva {
    position: absolute;
    left: 218px;
    top: 4px;
}
.gridborder {
    border: 1px solid #e7e7e7;
    border-width: 0 1px 1px 1px;
}
.tabclose {
    font-size: 11pt;
    color: #ccc;
    margin: 0 !important;
}
    .tabclose:hover, .barclose:hover span {
        background: #FF5722;
        color: #eee;
        border-radius: 8px;
    }
.childlistbadge {
    background: #999;
    border-radius: 50%;
    padding: 3px 2px;
    color: #fff;
    margin: -6px 0 0 -12px;
    position: absolute;
    font-size: 8.5px;min-width:16px;text-align:center;right:2px;
}
.bold{font-weight:bold;}.cborder{border:#eef3f7 solid 1px;}
.bordertop {
    border-top: 1px solid #eef3f7;
}.inlineb{display:inline-block;}
body{font-family:"open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:12px;}
.textellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}.mw100{min-width:40px;max-width:100px;display:inline-block;}
.alignleft{text-align:left}.aligncenter{text-align:center!important}.alignright{text-align:right!important}.aci{text-align:center!important;}.bt0{border-top-width:0!important;}
.bordertable {
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #eef3f7;
}
.whitetd {
    padding: 8px;
    border: 1px solid #eef3f7;
}
    .searchdiv {
    margin: 4px;
}
.search {
    padding-left: 8px;
    height: 28px;
    border-color: #e9eaf0;
    border-style: solid;
}
 .msg{background: #68af02; color:white;padding:3px 24px 3px;border-radius:3px;}
.errmsg{background:#ef8f00;color:white;padding:3px 24px 3px;border-radius:3px;}
.searchcommon{border-width: 1px;border-radius:30px}
.searchonlytree{border-width:0 0 1px 0}
.searchtree{border-width:0}
.searchinput {
    border: 0;
    margin: 5px;
    outline: none;
    width: 80%;
}fieldset{border:#eef3f7 solid 1px;}textarea{border:#eef3f7 solid 1px;outline:none;}.noborder{border-width:0}.bottomborder{border-width:0 0 1px 0;border-style:solid;border-color:#eef3f7;}.valignmiddle{vertical-align:middle}
.btmline{border:solid #eee;border-width:0 0 1px 0;}.wc{color:#fff}
.flexdiv {
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content:space-around
}
.flex{display:flex;}.flexwrap{flex-wrap:wrap;}
.inlineflex{display:inline-flex;width:100%;}
.schemadiv {
    padding: 0 8px;
    margin: 8px 4px;
    background: #fff;
    border-radius: 8px;
}
    .schemadivselectd, .schemadiv:hover {
        background-color: #18c99f;
        color: #fff;
    }
.w50{width:50px}.w75{width:75px}.w100{width:100px}.w200{width:200px}.divcenter{margin:0 auto;}.drm{border-radius:20px;padding:6px}.basecolor{color:#48609c}.bgf{background-color:#fff}
.fs14{font-size:14px}.fs16{font-size:16px}.fs18{font-size:18px}.fs20{font-size:20px}.fs24{font-size:24px}.fs32{font-size:32px}.fs48{font-size:36px}.fs64{font-size:48px}.dr{border-radius:20px;padding:16px 18px}
.cs{color:rgba(255, 255, 255, .5)}.cs:hover{color:#fff}.c0{color:rgba(255, 255, 255, 0.9)}.c1{color:#6ecaec}.c2,.k-i-help{color:#f8a339}.c3{color:#22a7f0}.c4{color:#1bbc9b}.c5{color:#b16d40}.c6{color:#62769f}.c7,.k-i-info{color:#41b199}.c8{color:#8ec1dc}.k-i-exception {color: #f33055}.bc0{background-color:#6ecaec}.bc1{background-color:#f2b705}.bc2{background-color:#41b199}.bc3{background-color:#3b6e8f}.bc4{background-color:#1bbc9b}.bc5{background-color:#b16d40}.bc6{background-color:#62769f}.bc7{background-color:#d24457}.bc8{background-color:#607D8B}.bc9{background-color:#7bcac6}
.dropimg {    position: absolute;    right: 2px;    color: #000;}.gray{color:#ccc;}
.multiinput{border-width:0;width:202px;height:24px !important}.popdiv{display:none;position:absolute;width:210px;max-height:250px;z-index:1000;background-color:#fff;border:1px solid #eef3f7;overflow:auto;line-height:24px;}
.optionitem{padding:4px}.optionitem:hover{background-color:#2f80d1;color:#fff}
.yesnoddl{width:120px}.favorate{color: #f2b705!important}.fixedfavorate{color: #0538f2!important}.emerge{color:#d24457}.important{color: #498af3;}.normal{color: #666;}
.multiinputspan {border-radius:4px; padding: 4.2px 4px 6px 4px;}#highLevelFilter,.divml{line-height:36px;margin:8px!important;width:100%}.listfilteritem{float:left;margin: 0 8px;width:300px;text-align:right;position:relative;}.fieldlbl{display:inline-block;max-width:84px;white-space:nowrap;}.filterinput{width:212px;text-align:left}