@font-face { font-family: 'PingFang'; src: url(../font/PingFang.ttf) format('truetype'); }
@font-face { font-family: 'PingFangLight'; src: url(../font/PingFangLight.ttf) format('truetype'); }
/*@font-face { font-family: 'PingFang SC'; src: url('../fonts/pingfangnew.ttf'); font-weight: normal; font-style: normal; }*/
body { margin: 0; padding: 0; color: #333333; font-family: "-apple-system","PingFang SC","PingFang","Microsoft YaHei",Roboto,Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Heiti SC", STXihei, SimHei, "WenQuanYi Micro Hei"; font-size: 12px; line-height: 18px; background-color: #fff; height: 100%; }
td { color: #666666; font-size: 12px; }
b { font-weight: bold; }
img { border: 0px; }
ul, li { list-style: none; padding: 0px; margin: 0px; }
.ReadOnly { background-color: #ddd !important; background-image: none !important; font-size: 11px; }
.ReadOnlyInput /*, .HtmlControlField[readonly='readonly']*/ { background-color: #fafafa !important; border: 1px solid #e3e3e3; color: #666666; text-shadow: 1px 1px #fefefe; }
.YaHei { font-family: "微软雅黑","黑体"; }
.Roboto { font-family: Roboto; }
h1 { font-size: 18px; font-family: "微软雅黑","黑体"; font-weight: 500; line-height: 18px; }
.NotExisted { text-decoration: line-through !important; }
.GreenBigTitleDIV { font-size: 30px; font-family: "-apple-system","PingFang SC",'PingFang',"PingFang SC",'Microsoft YaHei',"微软雅黑","黑体"; font-weight: 500; color: #333; line-height: 28px; }
.BigTitleDIV { font-size: 24px; font-family: "微软雅黑","黑体"; font-weight: 500; line-height: 28px; }
.BlueLink { border-bottom: 1px solid #0066CC !important; color: #0066CC !important; text-decoration: none !important; }
.DottedLink, .AttachmentLink { border-bottom: 1px dotted #1C8DC4 !important; color: green !important; text-decoration: none !important; }
.DottedBorder { border: 1px dotted #ccc !important; }
.GreyDottedLink { border-bottom: 1px dotted #999 !important; color: #666666 !important; text-decoration: none !important; }
.LeftTD { width: 130px; padding-top: 0px; font-weight: normal !important; vertical-align: middle !important; }
.CommonForm td { padding: 4px; }
.CommonForm .LeftTD { color: #333; }
.CommonForm input { padding: 2px; font-size: 11px; }
.CommonPanel td { padding: 2px; }
.CommonPanel .LeftTD { color: #666666; width: 90px; }
.CommonFloatForm .LeftTD { padding-top: 5px; width: 80px; }
.CommonFloatForm .Spacer { width: 20px; }
.CommonFloatForm .RightTD { width: 150px; }
.UserInputField { background-color: #fdfdfd !important; background-image1: url(../image/column-header-bg-grey.gif) !important; background-repeat: repeat-x !important; background-position: left top; }
.Transpant .UserInputField { background-color: transparent !important; }
.CommonSelect { border: 1px solid #eee; padding: 5px; border-radius: 3px !important; }
/*input, select { font-size: 11px; font-family: Arial, Trebuchet MS,Tahoma,Verdana,sans-serif; }
input[type='text'], input[type='password'] { padding-top: 6px; padding-bottom: 6px; line-height: 16px; }
select { padding-top: 3px; padding-bottom: 3px; }*/
.abs select { padding: 0px; }
input[type='checkbox'] { background-color: #fff; margin-right: 3px; }
input[type='radio'] { margin-right: 3px; }
.Button, input[type='button'] { padding-left: 7px !important; padding-right: 7px !important; line-height: 23px !important; color: #333; font-size: 11px; }
.SmallButton { padding: 0px 4px 0px 4px !important; line-height: 23px !important; height: 23px; color: #333; font-size: 11px; }
.SmallGreenButton { background-image: url(../image/btn-green-bg.gif) !important; background-repeat: repeat-x !important; background-position: left top !important; border: 1px solid #668F28; background-color: #679A1D; color: #fff !important; border-radius: 3px; -moz-border-radius: 3px; }
.GreenButton { background-image: url(../image/btn-green-bg.gif) !important; background-repeat: repeat-x !important; background-position: left top !important; border: 1px solid #668F28; background-color: #679A1D; color: #fff !important; border-radius: 3px; -moz-border-radius: 3px; padding-top: 3px; padding-bottom: 3px; }
.GridManagementToolBarButtonListDIV { padding-left: 5px; }
.GridManagementToolBarButtonListDIV input[type='button'] { padding: 0px 7px 2px 7px !important; line-height: 25px !important; height: 25px; color: #333; font-size: 11px; margin-right: 5px; /*line-height: 22px !important; height: 24px !important; color: #333; cursor: pointer; font-size: 11px; font-family: Arial; padding-bottom: 2px; margin-right: 5px;*/ }
.LoginForm { padding-top: 10px; padding-left: 50px; }
.LoginForm input[type='text'], .LoginForm input[type='password'] { width: 190px; padding: 3px 2px; min-height: 20px; line-height: 20px; border: 1px solid #d4d4d4; background: #fff; vertical-align: middle; color: #333; font-size: 100%; font-size: 11px; font-family: "-apple-system","PingFang SC",'PingFang', 'Microsoft YaHei'; }
.LoginForm input[type='text']:focus, .LoginForm input[type='password']:focus { background: #FFF !important; color: #333 !important; border-color: #4CC5EC !important; outline: 0px solid #4CC5EC; }
.LoginForm .LeftTD { width: 80px; }
.ErrorMsgDIV { border: 1px solid #FCB59D; padding: 2px; background-color: #fff; border-radius: 3px; }
.ErrorMsgInnerDIV { padding: 3px; color: red; background-color: #fff7d7; color: #FA4204; }
.GreyText, a.GreyText { color: #999; }
.LightGreyText { color: #666; }
#LoadPercentSPAN { font-weight: bold; }
.Bold { font-weight: bold; }
.BoldImport { font-weight: bold !important; }
.Font14 { font-size: 14px; line-height: 20px; }
.Font15 { font-size: 15px; line-height: 22px; }
.Font16 { font-size: 16px; line-height: 24px; }
.AdditionalMsg { color: #aaa; padding-left: 0px; font-family: "-apple-system","PingFang SC",'PingFang','Microsoft YaHei'; }
.RemindText, .Red, .RedDIV, .RedDIV a { color: red !important; }
.RedAlertTR td, .WorkFlowCSSTable .RedAlertTR td { background-color: #FBF204 !important; }
.LineThrough, .LineThrough a { text-decoration: line-through !important; color: #666 !important; }
.GreenDIV, .GreenDIV a { color: green !important; }
table.x-table-layout1 { width: 100%; }
.x-field-label-cell1 { min-width: 150px !important; }
.FormPanelBodyClass { border: 0px !important; background-color: transparent !important; }
#FormPanel td { font-size: 12px; }
/*#FormPanel .LeftTD { color: #333; font-weight: bold !important; }*/
#FormPanel .RightTD { color: #666; }
.Transparent { background-color: transparent !important; }
.x-checkboxgroup-form-item td { padding-right: 15px; }
.*ControlPanelBodyClass { background-color: transparent !important; border: 0px !important; border-bottom: 1px solid #99BCE8 !important; }
.SearchFormPanelBody { overflow-y: auto; }
.OverFlowAuto { overflow: auto; }
.HideOverFlow, .OverFlowHidden { overflow: hidden; }
.HideOverFlowX { overflow-x: hidden; }
.HideOverFlowY { overflow-y: hidden; }
.Hidden, .hidden { display: none !important; }
.CenterDIV { margin-right: auto; margin-left: auto; }
.Center { text-align: center !important; }
.SearchToolbarClass { border-top: 1px solid #99BCE8 !important; }
.SearchToolbarClass .SmallButton { margin: 0 1px 0 1px; }
.GridManagementToolBar { background-color: #D3E1F1 !important; padding: 4px 0 4px 0 !important; }
td.Clicked { background-color: #DFE8F6 !important; }
td.Focused, tr.Focused td { background-color: #C7D8F3 !important; color: #81909d; /*background-image: url(../image/tdfocusedbg.gif); background-position: left top; background-repeat: repeat-x;*/ background-color: #e9f9f7 !important; }
td.Focused a, tr.Focused td a, tr.Focused .GreyText { color: #81909d !important; }
.Disabled td, td.Disabled { background-color: #eee !important; color: #888; }
.Selected td { background-color: #618902 !important; color: #ffffff; }
.Selected a { color: #fff; }
select { padding: 5px; border: 1px solid #eee; border-radius: 3px; }
.FullWidth { width: 100% !important; }
.FullHeight { height: 100% !important; }
.RowCheckBoxDIV { }
.RowCheckBox { background-color: #fff; }
.MarginTop5 { margin-top: 5px; }
.MarginLeft5 { margin-left: 5px !important; }
.MarginRight5 { margin-right: 5px !important; }
.MarginLeft10 { margin-left: 10px !important; }
.MarginLeft20 { margin-left: 20px !important; }
.MarginTop8 { margin-top: 8px; }

/*
grid筛选间距
.MarginTop10 { margin-top: 10px; }
*/



.MarginTop15 { margin-top: 15px; }
.MarginBottom5 { margin-bottom: 5px; }
.MarginBottom10 { margin-bottom: 10px; }
.hr { height: 5px; border-top: 1px solid #ddd; margin-bottom: 5px; margin-top: 5px; }
.Spacer { height: 1px; border-top: 0px solid #fafafa; margin-top: 2px; margin-bottom: 2px; }
.SpacerNew { height: 1px; border-top: 1px solid #fafafa; margin-top: 4px; margin-bottom: 4px; }
.Spacer20 { border-top: 1px dotted #ddd; margin-bottom: 0px; margin-top: 8px; }
.SpacerSolid20 { border-top: 1px solid #eee; margin-bottom: 0px; margin-top: 8px; }
.SpacerSolidDarker20 { border-top: 1px solid #ddd; margin-bottom: 0px; margin-top: 8px; }
.SpacerDashed20 { border-top: 1px dashed #ccc; margin-bottom: 0px; margin-top: 8px; }
.Dashed { border-bottom: 1px dashed #ccc; height: 1px; }
.SpacerDIV { height: 8px; }
.SpacerDIV5 { height: 5px; }
.SpacerDIV10 { height: 10px; }
.SpacerDIV15 { height: 15px; }
.SpacerDIV20 { height: 20px; }
.SpacerDIV30 { height: 30px; }
.SpacerDIV40 { height: 40px; }
.SpacerDIV10 { height: 10px; }
.BlurText { color: #aaaaaa !important; }
.Radius5 { border-radius: 5px !important; }
.CurrentFocus { background-color: #f9f9f9; color: #333; padding-top: 1px; padding-bottom: 1px; border: 1px solid #ddd; padding: 5px 0 5px 5px !important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; line-height: 16px; }
.HandCursor { cursor: pointer; }
.Green { color: green !important; }
.Ellipsis { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: inline-block; line-height: 16px; }
.EllipsisNew, .EllipsisNew .HtmlControlDIV { display: block !important; text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; }
.BreakLine { word-wrap: break-word !important; }
.NoBreakLine { white-space: nowrap !important; }
.MySpan { display: -moz-inline-box; display: inline-block; width: 30px; }
.MySpan10 { display: -moz-inline-box; display: inline-block; width: 10px; }
.MySpan15 { display: -moz-inline-box; display: inline-block; width: 15px; }
.MySpan50 { display: -moz-inline-box; display: inline-block; width: 50px; }
.CenterText { text-align: center; }
.WhiteBg { background-color: #fff !important; }
.WhiteBgDIV { border: 1px solid #99BCE8; padding: 5px; background-color: #fff; }
.WhiteBgGreyBoderDIV { border: 1px solid #dddddd; padding: 5px; background-color: #fff; }
.GreyBgDIV { border: 1px solid #ccc; padding: 8px; background-color: #EDEDED; }
.GreyBg { background-color: #fafafa; }
.LightGreyBgDIV { border: 1px solid #E5E5E5; padding: 8px; background-color: #F8F8F8; color: #777; line-height: 18px; }
.LightGreyBgDIVPadding5 { border: 1px solid #dddddd; padding: 5px; background-color: #eeeeee; color: #555555; }
.E5E5E5 { background-color: #E5E5E5 !important; }
.BlueBgDIV { border: 1px solid #B0D4E1; padding: 8px; background-color: #fff; }
.LightBlueBgNoBorderDIV { background-color: #EDFAFF; padding: 5px; }
.BlueBorderLightGreenBgDIV { border: 1px solid #B8D6EE; background-color: #F8FDFF; }
.GreyBorderWhiteBgDIV { border: 1px solid #ddd; background-color: #fff; }
.ProcessSuccessMsgDIV20 { background-image: url(../image/accepted_20.png); background-repeat: no-repeat; background-position: 5px 5px; min-height: 25px; padding-left: 30px; padding-top: 10px; text-align: left; color: Green; font-size: 12px; }
.ProcessSuccessMsgDIV25 { background-image: url(../image/accepted_25.png); background-repeat: no-repeat; background-position: 5px 5px; min-height: 28px; padding-left: 35px; padding-top: 12px; text-align: left; color: Green; font-size: 12px; }
.ProcessSuccessMsgDIV30 { background-image: url(../image/accepted_30.png); background-repeat: no-repeat; background-position: 5px 5px; min-height: 36px; padding-left: 45px; padding-top: 13px; text-align: left; color: Green; font-weight: bold; font-size: 14px; }
.ManagementToolbar span { margin-left: 5px; margin-right: 5px; }
.InfoMsgDIV30 { background-image: url(../image/info_30.png); background-repeat: no-repeat; background-position: 5px 5px; min-height: 32px; padding-left: 45px; padding-top: 13px; text-align: left; color: #0EA7D9; font-weight: bold; font-size: 14px; }
.PopupRemindWindow { margin-right: 1px; }
.BorderRight0 { border-right: 0 !important; }
.Underline { text-decoration: underline !important; }
.RoundBorder3 { border-radius: 3px !important; -moz-border-radius: 3px !important; }
.BulkEditLinkDisplay { color: #3e8ef7 !important; text-decoration: underline; text-decoration-color: #3e8ef7; }
#PageLeftContentSliderDIV { right: 0px !important; }
#PageLeftContentSliderContentDIV { overflow: auto; }
.未读 { background-color: #f96868; border-radius: 10px; color: #fff; padding: 2px 5px; font-size: 11px; }
.已读 { background-color: #f3f3f3; border-radius: 10px; padding: 2px 5px; color: #888; font-size: 11px; }
.SystemBrowserTabContentContainer { padding: 0px !important; }
#SystemBrowserTabContentContainer { padding: 0px !important; }
.SystemBrowserTab .close { color: #000 !important; font-size: 14px !important; line-height:18px;  }
.SystemBrowserTab.active { color:#000 !important; }

.FixedTable { table-layout: fixed; }

.TableCSSClass { }
.HeaderCSSClass { background-color: #eeeeee; font-weight: bold; text-align: center; padding: 3px 5px 3px 5px; }
.HeaderCSSClassBg { font-size: 12px; background-image: url(../image/column-header-bg.gif) !important; background-repeat: repeat-x !important; background-position: left top !important; }
.HeaderCSSClass4 { background-color: #F2F2F2; font-weight: normal; color: #222222; text-align: center; padding: 5px; padding-top: 7px; line-height: 20px; background-image: url(../image/HeaderCSSClass4_bg_new.gif); background-repeat: repeat-x; background-position: left -5px; cursor: pointer; text-shadow: 1px 1px #fefefe; }
.HeaderCSSClassToolbar4 { border: 1px solid #ddd; text-align: left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #DCDCDC; font-weight: normal; color: #222222; text-align: center; padding: 5px; padding-top: 7px; line-height: 20px; padding-left: 20px; background-image: url(../image/HeaderCSSClass4_bg_new.gif); background-repeat: repeat-x; background-position: left -5px; cursor: pointer; text-shadow: 1px 1px #fefefe; }
.HeaderCSSClass6 { background-color: #fcfcfc; font-weight: bold; text-align: center; padding: 3px 5px 3px 5px; text-align: left; }
.TableCSSClassNoPadding td { padding: 0px !important; }

.TableCSSClass td { padding: 2px 3px 2px 3px; }
.TableCSSClassPadding5 td { padding: 5px; }
.TableCSSClassPadding4 td { padding: 3px !important; }
.TableCSSClassPadding3 td { padding: 3px !important; }
.TableCSSClassPadding6 td { padding: 6px !important; }
.TableCSSClassPadding8 td { padding: 8px !important; }
.TableCSSClassSpacerPadding8 .CellData { padding: 8px 5px 8px 5px !important; }
.TableCSSClassSpacerPadding8 .Spacer { height: 1px !important; border-top: 1px solid #f2f2f2 !important; margin: 0px !important; }
.TableCSSClassPaddingFont12 td { padding: 6px !important; font-size: 12px !important; }
.DoubleTRCSSColorTable .DoubleTRCSS { background-color: #fdfdfd !important; }
.IsVisibleMenuTrue, .IsVisibleMenuFalse { background-image: url(../image/icon_eye.png); background-repeat: no-repeat; display: inline-block; width: 14px; }
.IsVisibleMenuTrue { background-position: left top; height: 9px; }
.IsVisibleMenuFalse { background-position: left -10px; height: 13px; }
.Visible { visibility: visible; }
.UnVisible { visibility: hidden; }
.DataCSSClass { background-color: #ffffff; padding: 3px; color: #666666; line-height: 20px; }
.DataCSSClassNoPadding { background-color: #ffffff; color: #888888; line-height: 20px; }
.DataCSSClass666 { background-color: #ffffff; padding: 3px; color: #666666; line-height: 20px; }
.TableCSSClassGreyLeftTD td { color: #333333 !important; }
.TableCSSClassGreyLeftTD .LeftTD { color: #777777 !important; }
.TableCSSClassDarkLeftTD td { color: #777777; }
.TableCSSClassDarkLeftTD .LeftTD { color: #222222 !important; }
.TableCSSClassLeftTDWidth130 .LeftTD { width: 130px !important; }
.SumFieldTD { background-color: #ffffff; padding: 8px 0 2px 25px !important; background-image: url(../image/icon_sum.png); background-repeat: no-repeat; background-position: 0px 9px; }
.SumFieldTD b { color: red; }
.SumDIV { background-image: url(../image/icon_sum.png) !important; background-position: left center; background-repeat: no-repeat; padding: 5px; padding-left: 25px; }
.SumDIV SPAN { display: inline-block; padding-right: 10px; }
.TableBorder1 { border: 1px solid #999 !important; }
.CellDayBorder { border: 2px solid #666; float: left; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #000; border-right: 3px solid #666; }
.CellPlanDIV { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: inline-block; line-height: 16px; width: 150px; padding-left: 5px; }
.launcherContainerClass { padding-bottom: 1px; }
.launcherClass { padding: 2px; }
.menuClass { position: absolute; width: 150px; margin-top: 3px !important; }
.table-striped th { font-weight: bold !important; }

.TableStyle1 td { padding: 2px 3px 2px 3px; }
.TableStyle1 tr:first-child td { font-size: 12px; background-image: url(../image/column-header-bg.gif) !important; background-repeat: repeat-x !important; background-position: left top !important; background-color: #eeeeee; font-weight: bold; text-align: center; }
.TableStyle1 tr:nth-child(2n+2) { background-color: #ffffff; }
.TableStyle1 tr:nth-child(2n+3) { background-color: #F5F9FE; }

.GreyLeftTDTable .LeftTD { background-color: #F0F6FD !important; color: #666666 !important; background-image: url(../image/column-header-bg-lightgreen.gif) !important; background-repeat: repeat-x !important; background-position: left -10px !important; }

#TotalSelectedUniqueKeySPAN { color: red; font-weight: bold; }
.AssignPermissionMenu { display: table; margin-top: 10px !important; margin-bottom: 10px !important; margin-left: 7px; }
.AssignPermissionMenu .MenuName { display: table-cell; width: 350px; }
.AssignPermissionMenu .IsRestrictMode { display: table-cell; width: 130px; }
.AssignPermissionMenu .ControlButton { display: table-cell; width: 300px; }
.PermissionAssignTable td { width: 230px; }
.Table { display: table; }
.TableCell { display: table-cell; padding: 2px; vertical-align: middle; }
.Spliter { background-image: url(../image/spliter.png); background-repeat: no-repeat; background-position: center center; height: 20px; }
.SpliterVertical { background-image: url(../image/splitervertical.gif); background-repeat: no-repeat; background-position: center center; height: 20px; }
.VSpliter { background-image: url(../image/vspliter.png); background-repeat: no-repeat; background-position: right center; width: 25px; height: 550px; }
.VerticalTop { vertical-align: top; }

.Left { text-align: left; }
.Right { text-align: right; }
.FloatLeft { float: left; }
.FloatRight { float: right; top: 0; right: 0; }
.ClearFloat { clear: both; }
.ClearFloatDisplayNone { clear: both; display: none; }
.HtmlControlDIV .ClearFloat { clear: both; display: none; }
.Width506 { width: 506px; }
.Width5 { width: 5px; }
.Width10 { width: 10px; }
.Width20 { width: 20px; }
.Width50 { width: 50px; }
.Width80 { width: 80px !important; }
.Width85 { width: 85px !important; }
.Width100 { width: 100px !important; }
.Width120 { width: 120px !important; }
.Width150 { width: 150px; }
.Width180 { width: 180px; }
.Width200 { width: 200px; }
.WidthSelect200 { width: 210px !important; }
.Width250 { width: 250px; }
.Width260 { width: 260px !important; }
.Width280 { width: 280px; }
.Width300 { width: 300px; }
.Width350 { width: 350px; }
.Width380 { width: 380px !important; }
.Width400 { width: 400px; }
.Width500 { width: 500px; }
.Width600 { width: 600px; }
.FullPercentWidth { width: 100%; }
.Margin5 { margin: 5px 0 !important; }
.Margin10 { margin: 10px 0 !important; }
.MarginTop5 { margin-top: 5px; }
/*.MarginTop10 { margin-top: 10px !important; }*/
.MarginTop15 { margin-top: 15px; }
.MarginTop2 { margin-top: 2px !important; }
/*.MarginTop20 { margin-top: 20px !important; }*/
.MarginTop30 { margin-top: 30px; }
.MarginTop40 { margin-top: 40px; }
.MarginBottom5 { margin-bottom: 5px !important; }
.MarginBottom10 { margin-bottom: 10px !important; }
.MarginBottom15 { margin-bottom: 15px !important; }
/*.MarginBottom20 { margin-bottom: 20px !important; }*/
.MarginBottom30 { margin-bottom: 30px !important; }
.MarginBottom40 { margin-bottom: 40px !important; }
.MarginRight8 { margin-right: 8px; }
.MarginRight10 { margin-right: 10px; }
.MarginTopBottom5 { margin-top: 5px; margin-bottom: 5px; }
.Absolute { position: absolute; }
.AbsoluteRight { position: absolute; right: 0; top: 0; }
.AbsoluteLeft { position: absolute; left: 0; top: 0; }
.Fix { position: fixed; }
.FixRight { position: fixed; right: 0; top: 0; }
.FixLeft { position: fixed; left: 0; top: 0; }
.Height50 { height: 50px; }
.Height30 { height: 30px; }
.Height40 { height: 40px; }
.Height60 { height: 60px; }
.Height80 { height: 80px; }
.Height120 { height: 120px; }
.Padding5 { padding: 5px; }
.PaddingRight5 { padding-right: 5px; }
.Padding10 { padding: 10px; }
.PaddingRight10 { padding-right: 10px; }
.PaddingRight15 { padding-right: 15px; }
.PaddingRight20 { padding-right: 20px; }
.Padding20 { padding: 20px; }
.PaddingTop2 { padding-top: 2px; }
.PaddingTop3 { padding-top: 3px; }
.PaddingTop4 { padding-top: 4px; }
.PaddingTop5 { padding-top: 5px; }
.PaddingTop7 { padding-top: 7px; }
.PaddingTop10 { padding-top: 10px; }
.PaddingTop40 { padding-top: 40px; }
.PaddingLeft5 { padding-left: 5px !important; }
.PaddingLeft10 { padding-left: 10px !important; }
.PaddingLeft20 { padding-left: 20px !important; }
.PaddingLeft25 { padding-left: 25px !important; }
.PaddingLeft30 { padding-left: 30px !important; }
.PaddingLeft400 { padding-left: 400px !important; }
.PaddingBottom3 { padding-bottom: 3px; }
.PaddingBottom4 { padding-bottom: 4px; }
.PaddingBottom5 { padding-bottom: 5px; }
.PaddingBottom10 { padding-bottom: 10px; }
.PaddingBottom20 { padding-bottom: 20px; }
.Relative { position: relative; }
.BlueText { color: #009BD8; }
.Font14 { font-size: 14px !important; }
.Font12 { font-size: 12px; }
.Font13 td, .Font13 { font-size: 13px !important; }
.Font11 { font-size: 11px !important; }
.BlueBorder { border: 1px solid #96D6EF; }
.ULPadding10 li { padding: 5px; }
.Match { color: #FF0000; }
.NoneBackGround { background-image: none !important; }
.Arial { font-family: Arial; }
.BottomBorder0 { border-bottom: 0px !important; }
.AlignLeft { text-align: left; }
.AlignRight { text-align: right; }
.Pink, a.Pink { color: #FE3287; }
.FloatLeftCell { float: left; width: 50%; }
.LineHeight20 { line-height: 20px; }
.File { margin: 0px; padding: 0px; width: 160px; height: 20px; font-size: 12px; }
.NoBorder { border: 0px !important; }
.NoLeftBorder { border-left: 0px !important; }
.CellFileForm { padding-left: 0px; margin-left: 0px; }
.Shadow { text-shadow: 1px 1px #fefefe; }
.MaxWidth110 { max-width: 110px; }
.MaxWidth130 { max-width: 130px; }


.MySpan { display: -moz-inline-box; display: inline-block; width: 30px; }
.MySpan5 { display: -moz-inline-box; display: inline-block; width: 5px; }
.MySpan10 { display: -moz-inline-box; display: inline-block; width: 10px; }
.MySpan15 { display: -moz-inline-box; display: inline-block; width: 15px; }

.NoDataAlertDIV, #ErrorMsgDIV, .ErrorMsgDIV { color: #FA4204; background-image: url(../image/icon_errornew.gif); background-repeat: no-repeat; background-position: 10px center; background-color: #fff7d7; border: 1px dotted #FA4204; padding: 8px; padding-left: 50px; margin-bottom: 10px; font-size: 12px !important; text-align: left; margin-top: 10px; }
.AlertMsgDIVNew { color: #FF0000; /*background-color: #FEFBD3;border: 1px dashed #EECF86;  padding: 8px;*/ padding-left: 10px; font-family: "-apple-system","PingFang SC",'PingFang','Microsoft YaHei'; font-size: 12px !important; line-height: 20px !important; text-align: left; margin-top: 5px; background-image: url(../image/erroricon.png); background-repeat: no-repeat; background-position: 5px 2px; padding-left: 25px; display: inline-block; }
.AlertMsgDIVNew .Title { font-weight: bold; padding-bottom: 5px; background-color: Transparent !important; border-bottom: 0px !important; color: #FA7204 !important; }
.AlertMsgDIVNew ul { list-style-type: disc; padding-left: 10px; margin-left: 5px; }
.AlertMsgDIVNew li { padding-top: 2px; }
.AlertMsgDIVNewNoMargin { color: #FA7204; background-color: #FEFBD3; border: 1px dashed #EECF86; padding: 6px; padding-left: 10px; line-height: 16px; font-size: 12px !important; text-align: left; background-image: url(../image/icon_alert.png); background-repeat: no-repeat; background-position: 5px 8px; padding-left: 25px; }
.NoteMsgDIV { color: #666; background-color: #FEFBD3; border: 1px solid #EECF86; padding: 10px; font-size: 12px !important; text-align: left; padding-right: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.NoteMsgGreyDIV { color: #666; background-color: #fdfdfd; border: 1px solid #eeeeee; padding: 5px; padding-left: 10px; font-size: 12px !important; text-align: left; padding-right: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.NoticeDIV { background-image: url(../image/icon_notice.png); background-repeat: no-repeat; background-position: 10px center !important; padding-left: 50px !important; margin: 0 0px 0 0px; background-color: #f6f6f6; border: 1px solid #ccc; padding: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.NoticeDIVNoBg { background-image: url(../image/icon_notice.png); background-repeat: no-repeat; background-position: 10px center !important; padding-left: 50px !important; margin: 0 0px 0 0px; padding: 10px; }
#PageSearchKeyword { border: 1px solid #e4eaec; border-top-left-radius: 3px; border-bottom-left-radius: 3px; padding-left: 10px; font-size: 12px; color: #76838F; outline: none !important; }
#PageSearchKeyword:focus, #PageSearchKeyword:hover { border: 1px solid #3E8EF7; outline: none !important; }

.arrow-down { background-image: url(../image/arrow-down.png); background-repeat: no-repeat; background-position: center center; width: 14px; height: 8px; }
.icon_down_small { cursor: pointer; text-decoration: underline; padding-right: 12px; background-image: url(../image/icon_down_small.png); background-repeat: no-repeat; background-position: center right; }
.icon_up_small { cursor: pointer; text-decoration: underline; padding-right: 12px; background-image: url(../image/icon_up_small.png); background-repeat: no-repeat; background-position: center right; }

.icon_up_small_double { cursor: pointer; text-decoration: underline; padding-right: 12px; background-image: url(../image/icon_doubleup.png); background-repeat: no-repeat; background-position: center right; }
.icon_down_small_double { cursor: pointer; text-decoration: underline; padding-right: 12px; background-image: url(../image/icon_doubledown.png); background-repeat: no-repeat; background-position: center right; }

.error1 .header, .error1 .bottom { background-image: url(../image/error.png); background-repeat: no-repeat; background-position: left top; width: 689px; }
.error1 .header { height: 80px; }
.error1 .body { background-image: url(../image/errorbg.gif); background-repeat: repeat-y; padding: 20px; }
.error1 .bottom { height: 30px; background-position: left bottom; }
.Tag { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-left: 1px; margin-right: 2px; font-size: 11px !important; padding: 2px 3px 2px 3px; text-decoration: none; font-family: "-apple-system","PingFang SC",'PingFang','Microsoft YaHei'; }
.CustomerTag { width: 120px; padding-right: 30px; position: relative; min-height: 20px; }
.CustomerTag .CustomerTagButton { position: absolute; right: 0px; top: 0px; width: 20px; height: 20px; background-image: url(../image/btn_addtab.png); background-position: center center; background-repeat: no-repeat; cursor: pointer; }
.TagBlock { width: 16px; height: 16px; border-radius: 2px; margin-right: 5px; }

input[type="text"], textarea { border: 1px solid #E4EAEC; border-radius: 3px; color: #76838F; }
fieldset { -moz-border-radius: 5px; border-radius: 5px; padding: .7em; text-align: left; border: 1px solid #bbb; background-color: #FFF; }
legend { font-weight: bold; }
#PageHeaderDIV { background-image: url(../image/top_bg.png); background-repeat: repeat-x; background-position: left center; height: 55px; width: 100%; }
#PageLogoDIV { background-image: url(../image/logo.png); background-repeat: no-repeat; background-position: 10px center; width: 250px; height: 55px; }
#PageBottomDIV { margin-top: 0px; color: #888; padding-bottom: 20px; }
#PageHeaderDIV .UserInfoDIV { position: absolute; top: 22px; left: 300px; color: #A5CBEA; }
#PageHeaderIconListDIV { top: 15px; right: 5px; }
#PageHeaderIconListDIV li { float: left; padding-right: 6px; }
#PageHeaderMenuDIV { position: relative; margin: 0px; }
#PageHeaderMenuDIV .LogoDIV { position: absolute; left: 10px; top: 7px; }
#PageHeaderMenuDIV img { padding-right: 3px; }
#PageHeaderMenuDIV ul { margin-top: 12px !important; z-index: 100; }
#PageHeaderMenuDIV .Slogan { z-index: 1; background-image: url(../image/SubPageBanner.png); background-repeat: no-repeat; background-position: right center; position: absolute; right: 5px; top: -2px; width: 276px; height: 26px; }
#PageHeaderMenuDIV .BackHomePageDIV { position: absolute; left: 160px; top: 12px; width: 80px; height: 30px; background-image: url(../image/btn_backhomepage.png); background-position: left top; }
#PageHeaderMenuDIV .BackHomePageDIV:hover { background-image: url(../image/btn_backhomepage_hover.png); }
#PageMainContentDIV { min-height: 480px; padding: 6px; padding-top: 15px; background-color: #fff; }
.PageLeftMenuTD, .PageRightMenuTD { width: 160px; }
#PageLeftMenuDIV { margin-right: 10px; }
#PageLeftMenuMainAreaDIV ul { }
#PageLeftMenuMainAreaDIV li { padding: 5px; padding-top: 5px; height: 20px; padding-left: 15px; line-height: 18px; font-family: "-apple-system","PingFang SC",'PingFang','Microsoft YaHei'; }
#PageLeftMenuMainAreaDIV li a { color: #888; text-decoration: none; cursor: pointer; }
#PageLeftMenuMainAreaDIV li img { float: left; margin-right: 5px; }
#PageLeftMenuMainAreaDIV li span { width: 180px; overflow: hidden; display: inline-block; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
#PageLeftMenuMainAreaDIV li:hover { background-image: url(../image/SubPageMenuHoverBg.png); background-position: left center; background-repeat: no-repeat; color: #fff; }
#PageLeftMenuMainAreaDIV li.selected { position: relative; }
#PageLeftMenuMainAreaDIV li.selected a { color: #EB8F00; font-weight: bold; }
#PageLeftMenuMainAreaDIV li.selected .SelectedIcon { background-image: url(../image/SelectedIcon.gif); background-repeat: no-repeat; background-position: left bottom; width: 6px; height: 12px; position: absolute; right: 0px; top: 10px; }
#PageLeftMenuMainAreaDIV li.separator { border-top: 1px solid #eee; }
#PageLeftMenuMainAreaDIV .SubTitle { background-image: url(../image/SubTitleBg.png); background-position: left bottom; background-repeat: no-repeat; font-size: 13px; font-weight: bold; padding-top: 10px; padding-bottom: 15px; height: 10px; padding-left: 10px; font-family: 'Microsoft YaHei'; }
#PageLeftMenuMainAreaDIV .HeaderDIV { background-image: url(../image/PageLeftMenuHeaderBg.png); background-repeat: no-repeat; background-position: left bottom; height: 35px; font-family: "-apple-system","PingFang SC",'PingFang','Microsoft YaHei'; font-size: 16px; line-height: 35px; padding-left: 10px; }
#PageLeftMenuMainAreaDIV .BottomDIV { background-image: url(../image/PageLeftMenuBottomBg.png); background-repeat: no-repeat; background-position: left center; height: 7px; }
#PageLeftMenuMainAreaDIV .MiddleDIV { background-image: url(../image/PageLeftMenuMiddelBg.png); background-repeat: repeat-y; background-position: left center; }
#PageMainContentInnerDIV { }
.PageBottomBg { border-top: 1px solid #DDDDDD; background-image: url(../image/gradient.png); background-repeat: repeat-x; background-position: center top; text-align: center; color: #ccc !important; padding-top: 10px; }
.TabContent { padding: 5px; overflow: auto; }
.AutoScroll { overflow: auto; }
.CommonTabContent { margin-top: 10px; font-size: 12px; }
.DataGridContainerDIV { overflow: auto; }
.DataGridOutterDIV { overflow: auto; }
#PageMainContentContainerDIVSearchFormPanel .TableCSSClass td { padding: 2px 3px 2px 3px !important; }
.PopupDialogWindowToolbar { position: absolute; bottom: 0px; left: 0px; padding: 5px; background-color: #f2f2f2; border-top: 1px solid #ddd; }
.PopupDialogWindowToolbar input[type='button'] { margin-left: 3px; margin-right: 3px; float: right; padding: 1px 10px !important; box-shadow: none; cursor: pointer; border-radius: 5px; border: 1px solid #ddd; font-size: 12px; }
.PopupDialogWindowToolbar .SubmitButton { background-color: #33b5e5; border: 1px solid #33b5e5 !important; color: #fff; }
.PopupDialogWindowToolbar .CancelButton { background-color: #fff; border: 1px solid #ccc !important; color: #333; }
.PageDockBottomToolbar { position: fixed; left: 0px; bottom: 0px; width: 100%; padding: 5px; background-color: #eee; border-top: 1px solid #bbb; }
.PageDockBottomToolbarNew { position: fixed; left: 0px; bottom: 0px; width: 100%; background-color: #eee; border-top: 1px solid #bbb; }
.PageDockBottomToolbarNewInner { padding: 5px; border-top: 1px solid #fff; }
.PageDockTopToolbarNew { position: fixed; left: 0px; top: 0px; width: 100%; background-color: #33B5E5; border-bottom: 1px solid #1DA0D0; }
.PageDockTopToolbarNewInner { padding: 5px; border-bottom: 1px solid #8BDBF9; }
.PageDockTopToolbarGreyNew { position: fixed; left: 0px; top: 0px; width: 100%; background-color: #FAFAFA; border-bottom: 1px solid #ccc; z-index: 10000; }
.PageDockTopToolbarGreyNewInner { padding: 5px; border-bottom: 1px solid #fff; }
.PageDockTopToolbarSubPage { background-color: #33B5E5; border-bottom: 1px solid #1DA0D0; padding-top: 10px; padding-bottom: 10px; position: relative; }
.PageDockTopToolbarSubPage .BackButton { position: absolute; left: 3px; top: 1px; height: 50px; width: 50px; background-repeat: no-repeat; background-position: left top; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20style%3D%22position%3Aabsolute%3B%20left%3A5px%3B%20top%3A5px%3B%22%20enable-background%3D%22new%200%200%2050%2050%22%20height%3D%2238px%22%20id%3D%22Svg1%22%20version%3D%221.1%22%20viewBox%3D%220%200%2050%2050%22%20width%3D%2230px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Crect%20fill%3D%22none%22%20height%3D%2240%22%20width%3D%2240%22%20%2F%3E%3Cpolygon%20points%3D%2235%2C47.25%2037.086%2C45.164%2016.922%2C25%2037.086%2C4.836%2035%2C2.75%2012.75%2C25%20%22%20fill%3D%22%23ffffff%22%20%2F%3E%3Crect%20fill%3D%22none%22%20height%3D%2250%22%20width%3D%2250%22%20%2F%3E%3C%2Fsvg%3E"); }
.RedCircleText { border: 1px solid red; width: 100px; height: 100px; border-radius: 50px; line-height: 50px; color: red; font-weight: bold; }
.MainContentTabMode { padding:10px; }

.HtmlControlDIV1, .HtmlControlErrorDIV1 { float: left; }

/*关于框架的图标样式重要说明：所有的关于菜单的图标样式的背景图片必须加important，不然在节点展开后会显示EXT默认的文件夹图标*/
.iconspan { display: -moz-inline-box; display: inline-block; width: 18px; }
.icon_menu_home { background-image: url(../image/icon_menu_home.png) !important; background-position: center center; background-repeat: no-repeat; }
.icon_menu_home2 { background-image: url(../image/AllIcons.png) !important; background-repeat: no-repeat !important; background-position: left -132px !important; }
.icon_menu_system { background-image: url(../image/icons/cog.png) !important; background-position: center center; background-repeat: no-repeat; }
.icon_addnew { background-image: url(../image/icon_addnew.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_edit { background-image: url(../image/icon_edit.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_delete { background-image: url(../image/icon_delete.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_excel { background-image: url(../image/icon_excel.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_search { background-image: url(../image/icon_search.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_reset { background-image: url(../image/icon_reset.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_setting { background-image: url(../image/icon_setting.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_ok { background-image: url(../image/icon_ok.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_cancel { background-image: url(../image/icon_cancel.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_addlist { background-image: url(../image/icon_addlist.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_common_toolbarbutton { background-image: url(../image/icons/image_add.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_clear { background-image: url(../image/icons/cross.gif) !important; background-position: left top; background-repeat: no-repeat; }
.icon_download { background-image: url(../image/download.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_upload { background-image: url(../image/upload.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_save { background-image: url(../image/icons/save.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_sum { background-image: url(../image/icon_sum.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_firebug { background-image: url(../image/icon_firebug.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_book { background-image: url(../image/icon_book.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_clock { background-image: url(../image/icon_clock.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_reload { background-image: url(../image/icon_reload.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_house { background-image: url(../image/icon_house.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_star { background-image: url(../image/icon_star.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_purzle { background-image: url(../image/icon_purzle.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_link { background-image: url(../image/icon_link.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_target { background-image: url(../image/icon_target.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_light { background-image: url(../image/icon_light.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_office { background-image: url(../image/icon_office.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_officenew { background-image: url(../image/icon_officenew.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_chart { background-image: url(../image/icons/pie.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_report { background-image: url(../image/icons/icon_report.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_home_blue { background-image: url(../image/icons/icon_home_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_gear_blue { background-image: url(../image/icons/icon_gear_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_biggear_blue { background-image: url(../image/icons/icon_biggear_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_uploaddata_blue { background-image: url(../image/icons/icon_uploaddata_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_star_blue { background-image: url(../image/icons/icon_star_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_link_blue { background-image: url(../image/icons/icon_link_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_refresh_blue { background-image: url(../image/icons/icon_refresh_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_lock_blue { background-image: url(../image/icons/icon_lock_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_email_blue { background-image: url(../image/icons/icon_email_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_logout_blue { background-image: url(../image/icons/icon_logout_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_clock_blue { background-image: url(../image/icons/icon_clock_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_users_blue { background-image: url(../image/icons/icon_users_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_search_blue { background-image: url(../image/icons/icon_search_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_interface_blue { background-image: url(../image/icons/icon_interface_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_tool_blue { background-image: url(../image/icons/icon_tool_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_download_blue { background-image: url(../image/icons/icon_download_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_chart_blue { background-image: url(../image/icons/icon_chart_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_chartnew_blue { background-image: url(../image/icons/icon_chartnew_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_rssnew_blue { background-image: url(../image/icons/icon_rssnew_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_reward_blue { background-image: url(../image/icons/icon_reward_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_microphone_blue { background-image: url(../image/icons/icon_microphone_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_unlock_blue { background-image: url(../image/icons/icon_unlock_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_folder_blue { background-image: url(../image/icons/icon_folder_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_doublearrow_blue { background-image: url(../image/icons/icon_doublearrow_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_ok_blue { background-image: url(../image/icons/icon_ok_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_add_blue { background-image: url(../image/icons/icon_add_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_deduct_blue { background-image: url(../image/icons/icon_deduct_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_plan_blue { background-image: url(../image/icons/icon_plan_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_info_blue { background-image: url(../image/icons/icon_info_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_arrow { background-image: url(../image/icons/icon_arrow.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_down { background-image: url(../image/icon_down.png) !important; background-position: right center; background-repeat: no-repeat; padding-right: 12px; }
.icon_tree { background-image: url(../image/icon_tree.png) !important; background-position: right center; background-repeat: no-repeat; padding-right: 12px; }

.IconProcess { background-image: url(../image/IconProcess.png); background-repeat: no-repeat; background-position: left center; padding-left: 22px; }
.IconLink { background-image: url(../image/IconLink.png); background-repeat: no-repeat; background-position: left center; padding-left: 22px; }
.IconHistory { background-image: url(../image/IconHistory.png); background-repeat: no-repeat; background-position: left center; padding-left: 22px; }

.SIPItem { width: 160px; height: 160px; padding: 10px; border-radius: 5px; background-color: #fafafa; border: 1px solid #ddd; margin-right: 20px; margin-bottom: 20px; margin-top: 10px; float: left; position: relative; }
.SIPItem:hover { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #fff none repeat scroll 0 0 !important; border-color: #4cc5ec !important; border-image: none; border-radius: 5px; border-style: solid; border-width: 1px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 15px rgba(102, 175, 233, 0.6); color: #333 !important; outline: 0 solid #4cc5ec; }
.SIPItem .UserIcon { text-align: center; }
.SIPItem .UserIcon img { width: 50px; height: 50px; }
.SIPItem .Realname { text-align: center; font-weight: bold; font-size: 13px; margin-bottom: 10px; color: green; }
.SIPItem .Item, .SIPItem .SmallItem { margin-top: 5px; }
.SIPItem .SmallItem { font-size: 12px; }
.SIPItem .Status { border-radius: 15px; padding: 3px 10px 3px 10px; background-color: #fff; border: 1px solid #ccc; font-size: 11px; }
.SIPItem .在线 { background-color: green; color: #fff; border: 1px solid green; }
.SIPItem .拨打电话中 { background-color: red; color: #fff; border: 1px solid red; }
.SIPItem .接听电话中 { background-color: red; color: #fff; border: 1px solid red; }
.SIPItem .ControlBarDIV { position: absolute; top: 5px; right: 5px; }

/*--------------------WorkFlow CSS(Begin)-----------------------*/
.WorkFlowInstanceFieldset .Spacer { padding: 0px; margin: 0px; height: 0px; }
#WorkFlowContainerDIV { margin-top: 0px; }
#WorkFlowMainContentDIV .ContentDIV { padding: 10px; background-color: #fcfcfc; }
#WorkFlowMainContentDIV .ContentDIV .AlertMsgDIVNew, .CommonContentDIV .AlertMsgDIVNew { color: #888; background-image: url(../image/icon_alert.png); }
#WorkFlowMainContentDIV .LeftTD { text-shadow: 1px 1px #fff; color: #333; }
#WorkFlowInstance_WorkFlowLog { width: 500px; height: 45px; }
#WorkFlowContentDIV1 { padding-bottom: 0px !important; }
.WorkFlowDataTableContainerDIV .TitleDIV i, .GreenBigTitleDIV i { float: left; width: 9px; height: 26px; background-color: #3e8ef7; margin-right: 8px; border-radius: 3px; }
.WorkFlowDataTableContainerDIV .TitleDIV span { float: left; font-size: 16px; color: #000; line-height: 28px; }
.WorkFlowDataTableContainerDIV .TitleDIV .Red { color: #3e8ef7 !important; font-weight: 400; }
.WorkFlowDataTableContainerDIV .TitleDIV { margin-bottom: 5px; }
.WorkFlowDataTableContainerDIV .LeftTD { text-shadow: 1px 1px #fff; color: #333; }
#WorkFlowMainTableMainContentContainerDIV, #WorkFlowChildTableMainContentContainerDIV, #WorkFlowChildWorkFlowContentContainerDIV { padding: 10px 10px 0px 10px; background-color: #fdfdfd; border: 1px solid #eaeaea; }
.WorkFlowMainTableMainContentContainerDIVFalse { padding: 0px !important; background-color: transparent !important; border: none !important; }
#WorkFlowChildTableMainContentContainerDIV { padding-bottom: 10px; }
#WorkFlowChildTableContainerDIV, #WorkFlowControlContainerDIV, #WorkFlowChildWorkFlowContainerDIV { margin-top: 0px; }
#WorkFlowChildTableContainerDIV .toolbar { background-color: transparent; margin: 0px; padding: 0px; }
#WorkFlowChildTableContainerDIV .toolbar-wrap { padding: 0px; }
.ChildrenWorkFlowListContainerDIV { margin-bottom: 10px; }

#WorkFlowInstance_WorkFlowStepActionDIV { min-height: 25px; background-repeat: no-repeat; }
#WorkFlowInstance_WorkFlowStepActionInnerDIV { padding-top: 7px; }
#WorkFlowInstance_WorkFlowStepActionDIV[class='approve'] { background-image: url(../image/icon_workflow_approve.png); background-position: 70px center; }
#WorkFlowInstance_WorkFlowStepActionDIV[class='deny'] { background-image: url(../image/icon_workflow_deny.png); background-position: 169px center; }

#WorkFlowInstance_NextSubmitWorkFlowStepListDIV { padding: 5px 0 5px 0; display: none; }
#WorkFlowInstance_NextSubmitWorkFlowStepListDIV div, #WorkFlowInstance_PreviousSubmitWorkFlowStepListDIV div { padding-top: 3px; padding-bottom: 3px; }
#WorkFlowInstance_PreviousSubmitWorkFlowStepListDIV { background-color: #FEFBD3; border: 1px solid #FACF04; padding: 5px; display: none; padding-left: 8px; }
#ConfirmRestrictJumpWorkFlowStepListDIV { border: 1px solid #bbb; background-color: #fff; padding: 8px; margin-top: 5px; }
#ConfirmRestrictJumpWorkFlowStepListDIV div, .CommonChildSpacerContainer div { padding-top: 2px; padding-bottom: 2px; }
#WorkFlowInstance_WorkFlowRestrictUserGUIDListDIV { padding-top: 3px; padding-bottom: 5px; }

.ChildrenWorkFlowDataTable { width1: 950px !important; margin-top: 5px; }
.ChildrenWorkFlowDataTable .SumFieldTD { background-color: transparent !important; }
#WorkFlowInstanceCCUserGuidListDIV { background: #3e8ef7 none repeat scroll 0 0; box-shadow: 0 0 2px #a4a4a4 inset; border-radius: 28px; display: inline-block; height: 26px; overflow: hidden; position: relative; transition: all 0.2s ease-in-out 0s; width: 48px; line-height: 26px; text-align: center; color: #fff; font-weight: bold; font-size: 12px; }
/*--------------------WorkFlow CSS(End)-----------------------*/

.TableCSSClassPadding5 td.formdesign-ui-draggable, .WorkFlowCSSTable td.formdesign-ui-draggable, .formdesign-ui-draggable { padding: 10px !important; border: 1px dashed #A3AFB7 !important; background-color: #f3f7f9 !important; border-radius: 3px; }
.ui-dialog, .ZIndex9000 { z-index: 9000 !important; }
.ui-widget-overlay { z-index: 8000; }
.Toolbarbg, .Toolbarbg td { padding: 0; margin: 0; border-spacing: 0; }
.Toolbarbg .Left { background-image: url(../image/toolbarbg1.png); background-position: left top; background-repeat: no-repeat; width: 5px; height: 35px; }
.Toolbarbg .Right { background-image: url(../image/toolbarbg2.png); background-position: right top; background-repeat: no-repeat; width: 5px; }
.Toolbarbg .Middle { background-image: url(../image/toolbarbg3.gif); background-position: left top; background-repeat: repeat-x; }
.Toolbarbg a { margin-right: 8px; }
.Toolbarbg input[type='button'] { margin-left: 5px; }
.drop-hover, .WorkFlowCSSTable td.drop-hover, .TableCSSClassPadding5 td.drop-hover { background-color: #3e8ef7 !important; }
.drop-hover *, .WorkFlowCSSTable td.drop-hover * { opacity: 0 !important; }
.ui-draggable-dragging { z-index: 100000 !important; opacity: 1 !important; color: #fff !important; }
.ui-draggable-dragging *, .WorkFlowCSSTable td.ui-draggable-dragging *, .ltable tr.ui-draggable-dragging * { color: #fff !important; }

.SearchBarBg, .SearchBarBg td { padding: 0; margin: 0; border-spacing: 0; }
.SearchBarBg .Top { background-image: url(../image/SearchBarBg1.png); background-position: left top; background-repeat: no-repeat; width: 300px; height: 32px; }
.SearchBarBg .Bottom { background-image: url(../image/SearchBarBg3.png); background-position: left bottom; background-repeat: no-repeat; height: 12px; }
.SearchBarBg .Middle { background-image: url(../image/SearchBarBg2.png); background-position: left top; background-repeat: repeat-y; padding: 0 2px 0 5px; }
.SearchBarButtonSearch, .SearchBarButtonReset, .SearchBarButtonSetting { cursor: pointer; display: inline-block; background-image: url(../image/SearchBarButton.png); background-repeat: no-repeat; height: 30px; background-position: left top; }
.SearchBarButtonSearch { width: 79px; }
.SearchBarButtonReset { width: 66px; background-position: -79px top; }
.SearchBarButtonSetting { width: 81px; background-position: -145px top; }
.RightSearchBar { width: 300px; padding-right: 10px; }
#GridSearchForm { overflow: auto; }

.jqx-grid-column-header { font-family: Arial; color: #000000; }
.jqx-grid-cell { font-family: Arial; color: #777777; font-size: 12px; }
.jqx-grid-empty-cell { padding-left: 30px !important; }
.jqx-grid-cell-selected, .jqx-grid-cell-selected a { background-image: none !important; background-color: #2D93DF !important; color: #fff !important; }
.jqx-tabs-content-element { background-color: #F2F2F2; }
.jqx-tabs-title-selected-top, .jqx-tabs-web, .jqx-tabs-title-container { background-color: #F2F2F2; }
.jqx-tabs-title-selected-top-web { border-bottom: 1px solid transparent !important; background-image: url(../image/jqx-tabs-title-selected-top-web-bg.gif); background-position: left -6px; background-repeat: repeat-x; }

#VerifyCopyRightDIV { background-image: url(../image/Protection.png); background-repeat: no-repeat; padding: 0px 0 5px 55px; margin-top: 60px; margin-left: 100px; }
#VerifyCopyRightIntoDIV, .VerifyCopyRightIntoDIV { margin-top: 100px; text-align: center; font-size: 12px; color: #888; }
.ValidCopyRightIcon { background-image: url(../image/ValidCopyRightIcon.png); background-position: center center; background-repeat: no-repeat; width: 60px; height: 60px; position: absolute; left: 50px; top: 30px; }
/*.HtmlControlField { font-size: 12px; font-family: Arial; }
input[type='text'].HtmlControlField,textarea.HtmlControlField { border:1px solid #BABABA; padding:6px 5px 8px 5px; line-height:16px;}
select.HtmlControlField { border:1px solid #BABABA;padding:5px 3px 5px 5px !important; }*/
/*.Wdate, input[type='text'].Wdate { padding: 4px 4px 4px 4px !important; }*/
.IconOnline, .IconOnlineHidden { background-image: url(../image/online.gif); background-position: center center; background-repeat: no-repeat; display: inline-block; min-width: 14px; height: 13px; margin-right: 10px; margin-left: 10px; }
.IconOnlineHidden { display: none; }
.NoPhotoDIV, .Photo { padding: 5px; border: 1px solid #ccc; background-color: #fff; }
.ImageOutter150x120 { position: relative; border: 1px solid #ccc; background-color: #fff; width: 152px; overflow: hidden; }
.ImageInner150x120 { position: absolute; left: 5px; top: 5px; width: 140px; overflow: hidden; }
.btn_previous_none, .btn_previous, .btn_next_none, .btn_next, .btn_management, .btn_refresh { background-image: url(../image/btn_round_pagelist.png); background-repeat: no-repeat; display: inline-block; min-width: 28px; height: 28px; }
.btn_previous_none { background-position: left top; }
.btn_previous { background-position: left -31px; cursor: pointer; }
.btn_next_none { background-position: left -62px; }
.btn_next { background-position: left -93px; cursor: pointer; }
.btn_management { background-position: left -124px; cursor: pointer; }
.btn_refresh { background-position: left bottom; cursor: pointer; }
.PhotoDIV { border: 1px solid #e3e3e3; height: 132px; overflow: hidden; box-shadow: 0 1px 2px rgba(197, 197, 197, 0.4); border-radius: 5px; margin: 3px; background-color: #fff; }
.PhotoInnerDIV { overflow: hidden; margin: 5px; height: 120px; }
.PhotoInnerDIV img { width: 100% !important; height: 100% !important; }
.SmallPhotoDIV { border: 1px solid #ccc; height: 102px; overflow: hidden; box-shadow: 0 1px 2px rgba(197, 197, 197, 0.4); border-radius: 5px; margin: 3px; background-color: #fff; }
.SmallPhotoInnerDIV { overflow: hidden; margin: 5px; height: 90px; }
.SmallPhotoInnerDIV1 img { width: 100% !important; height: 100% !important; }
#EmployeePhotoDIV .PhotoDIV { margin: 0px !important; height: 80px !important; border-radius: 40px; padding: 0px !important; border: 0px !important; }
#EmployeePhotoDIV .PhotoInnerDIV { height: 80px !important; margin: 0px !important; padding: 0px !important; }
.ltable .PhotoDIV, .WorkFlowCSSTable .PhotoDIV { width: 80px; height: 60px !important; }
.ltable .PhotoInnerDIV, .WorkFlowCSSTable .PhotoInnerDIV { width: 70px; height: 50px !important; }
.ltable td { font-size: 12px; }
.bubble-wrap .PhotoDIV { border: 1px solid #ccc; height: 100px; overflow: hidden; background-color: #fff; }
.bubble-wrap .PhotoInnerDIV { overflow: hidden; margin: 5px; height: 90px; }
.bubble-wrap .PhotoInnerDIV img { width: 120px !important; }

.SocketMessageDIV, .SocketMessageDoubleDIV { padding-top: 5px; padding-bottom: 6px; }
.SocketMessageDIV .Title { font-weight: bold; color: #008040; }
.SocketMessageDoubleDIV .Title { font-weight: bold; color: #0000FF; }
.SocketMessageDIV .Msg, .SocketMessageDoubleDIV .Msg { padding-top: 5px; }
.SocketMessageDoubleDIV .Msg { color: #0000FF; }
.SocketMessageDIV .SendDate, .SocketMessageDoubleDIV .SendDate { margin-left: 10px; }
.UserSocketStatus { background-image: url(../image/OnlineStatus.png); background-position: left top; background-repeat: no-repeat; display: inline-block; width: 45px; height: 18px; }
.UserSocketStatusOnline { background-position: left -22px !important; }
.SendInstantMessageDIV, #NewInstantMessagePageListDIV, .ToolbarClass, .ToolbarClassHasTopBorder, .ToolbarClassHasBottomBorder, .ToolbarClassHasTopBottomBorder { background-image: url(../image/toolbar-default-bg.gif); background-position: left top; background-repeat: repeat-x; padding: 5px; position: relative; background-color: #D4E2F0; }
.SendInstantMessageDIV .InstantMsg { width: 490px; height: 33px; border: 1px solid #99BCE8; font-size: 12px; padding: 5px; }
.SendInstantMessageDIV .SendInstantMsgButton { background-image: url(../image/btn_sendinstantmessage.png); background-position: left top; background-repeat: no-repeat; width: 75px; height: 33px; display: inline-block; position: absolute; left: 535px; top: 6px; cursor: pointer; }
.ChooseFaceButton { background-image: url(../image/QQFace/1.gif); background-position: center center; background-repeat: no-repeat; width: 24px; height: 24px; display: inline-block; position: absolute; left: 500px; top: 12px; cursor: pointer; }
.ChooseFaceUL li { display: inline-block; width: 35px; }
#NewInstantMessagePageListDIV { padding: 0px 5px 3px 5px; min-height: 38px; }
.ChatHistoryDIV { background-image: url(../image/bg_ChatHistory.png); background-position: center bottom; background-repeat: no-repeat; padding-bottom: 40px; margin-bottom: 20px; }
.ChatContentContainerDIV { overflow: auto; height: 345px; padding: 5px; }
.NewMessage { background-image: url(../image/icon_message.png); background-position: left top; background-repeat: no-repeat; min-height: 100px; padding-left: 100px; }
#BulkEditColumnDIV { width: 200px; overflow: hidden; }
#BulkEditColumnDIV select { max-width: 150px; border: 1px solid #eee; padding: 5px; border-radius: 2px; }
#BulkEditColumnDIV input[type='text'] { /*padding: 5px 5px;*/ }
.EmptyAlertField { background-color: #FEFBD3 !important; }
.ToolbarClassHasTopBorder { border-top: 1px solid #B0CCF0; }
.ToolbarClassHasBottomBorder { border-bottom: 1px solid #B0CCF0; }
.ToolbarClassHasTopBottomBorder { border-top: 1px solid #B0CCF0; border-bottom: 1px solid #B0CCF0; }
.DirectoryListContainer .ToolbarClassHasBottomBorder { border: 1px solid #B0CCF0; border-bottom: 0px; }
.DirectoryListContainer .ToolbarClassHasTopBorder { border: 1px solid #B0CCF0; border-top: 0px; }
.DirectoryListContainer .BlueBorderLightGreenBgDIV { background-color: #fff !important; }
.TaskIcon { background-image: url(../image/task.png); background-repeat: no-repeat; background-position: left top; min-height: 35px; }
.CellPrintPage { padding-top: 20px; }
#UserMenuMappingApplyDepartmentCode, #UserMenuMappingApplyUserGuid, .DepartmentCode { max-width: 300px; }
.BackToTopDIV { background-image: url(../image/BackToTop.png); position: fixed !important; bottom: 0px !important; right: 0px !important; z-index: 100 !important; width: 57px; height: 53px; background-repeat: no-repeat; background-position: left top; cursor: pointer; display: none; }
.BackToTopDIV:hover { background-position: left -53px; height: 57px; }
.ui-dialog .ui-dialog-titlebar-close { font-size: 16px !important; font-family: Muiicons !important; }

table.dataTable th { text-shadow: 1px 1px #fefefe; }
.ltable th a { color: #000 !important; }
table.dataTable .sum td { padding: 6px 5px; padding-right: 0px; background-color: #fefefe; color: #555; background-image *: url(../image/HeaderCSSClass4_bg_new.gif); background-repeat: repeat-x; background-position: left 0px; font-weight: bold; font-size: 11px; }

.GreyButton { background-image: url(../image/btn_grey_bg.png); background-repeat: no-repeat; background-position: left center; border-bottom: 1px solid #fff; padding: 7px; padding-left: 30px; margin-bottom: 5px; }

.ContextMenu li span { width: 160px; overflow: hidden; display: inline-block; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
.ContextMenu li a { color: #666666; text-decoration: none; cursor: pointer; }
.ContextMenu li img { float: left; margin-right: 5px; }
.ContextMenuContainer { background-color: #fff; border: 1px solid #ddd !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.015) inset, 0 0 5px rgba(0, 0, 0, 0.15); }
.ContextMenuContainer .list-group-item { border-bottom: 1px solid #f3f7f9; color: #3e8ef7 !important; }
.ContextMenuContainer .list-group { margin-bottom: 0px; }

.BackToDesktop { background-image: url(../image/BackToDesktop.png); background-position: left top; background-repeat: no-repeat; width: 30px; height: 54px; position: fixed; left: 10px; z-index: 1000; cursor: pointer; }
.BackToDesktop:hover { background-position: left bottom; }

.BackToDesktop { background-image: url(../image/BackToDesktopRoundBlur.png); background-position: left top; background-repeat: no-repeat; width: 56px; height: 56px; position: fixed; left: 5px; bottom: 5px; z-index: 1000; cursor: pointer; }
.BackToDesktop:hover { background-position: left bottom; background-image: url(../image/BackToDesktopRound.png); }

.BackToDesktopIcon { background-image: url(../image/BackToDesktopRoundBlur.png); background-position: left top; background-repeat: no-repeat; width: 56px; height: 56px; z-index: 1000; cursor: pointer; margin-right: auto; margin-left: auto; }
.BackToDesktopIcon:hover { background-position: left bottom; background-image: url(../image/BackToDesktopRound.png); }

/*RoundButton(Begin)*/

.RoundButton50 { position: relative; }
.RoundButton50 .Left { background-image: url(../image/RoundButton50.png); background-repeat: no-repeat; background-position: left top; height: 50px; width: 30px; position: absolute; left: 0; top: 0; }
.RoundButton50 .Middle { background-image: url(../image/RoundButton50Bg.png); background-repeat: repeat-x; background-position: -30px top; margin-left: 30px; margin-right: 30px; padding-left: 3px; padding-right: 3px; cursor: pointer; font-family: "Microsoft YaHei"; font-size: 18px; color: #fff; text-align: center; height: 50px; line-height: 50px; font-weight: bold; }
.RoundButton50 .Middle a { color: #fff; text-decoration: none; }
.RoundButton50 .Middle span { line-height: 50px; }
.RoundButton50 .Right { background-image: url(../image/RoundButton50.png); background-repeat: no-repeat; background-position: right top; height: 50px; width: 30px; position: absolute; right: 0; top: 0; }
.RoundButtonGrey50 .Left { background-position: left -50px; }
.RoundButtonGrey50 .Middle { background-position: -30px -50px; color: #888; }
.RoundButtonGrey50 .Middle a { color: #888; text-decoration: none; text-shadow: 1px 1px #fefefe; }
.RoundButtonGrey50 .Right { background-position: right -50px; }
.RoundButtonRed50 .Left { background-position: left -100px; }
.RoundButtonRed50 .Middle { background-position: -30px -100px; }
.RoundButtonRed50 .Right { background-position: right -100px; }
.RoundButtonGreen50 .Left { background-position: left bottom; }
.RoundButtonGreen50 .Middle { background-position: -30px bottom; }
.RoundButtonGreen50 .Right { background-position: right bottom; }

.RoundButton50 .ButtonList { margin-left: 30px; margin-right: 30px; background-image: url(../image/RoundButton50Bg.png); background-repeat: repeat-x; }
.RoundButtonGrey50 .ButtonList { background-position: left -50px; }
.RoundButtonRed50 .ButtonList { background-position: left bottom; }
.RoundButton50 .ButtonList .Middle { margin-left: 0px; margin-right: 0px; }
.RoundButton50 .RoundButtonSpliter50 { background-image: url(../image/RoundButtonSpliter50.png); background-repeat: no-repeat; background-position: center top; width: 2px; padding-left: 5px; padding-right: 5px; height: 50px; }
.RoundButton50 .RoundButtonSpliterGrey50 { background-position: center -50px; }
.RoundButton50 .RoundButtonSpliterRed50 { background-position: center -100px; }
.RoundButton50 .RoundButtonSpliterGreen50 { background-position: center bottom; }


.RoundButton40 { position: relative; }
.RoundButton40 .Left { background-image: url(../image/RoundButton40.png); background-repeat: no-repeat; background-position: left top; height: 40px; width: 20px; position: absolute; left: 0; top: 0; }
.RoundButton40 .Middle { background-image: url(../image/RoundButton40Bg.png); background-repeat: repeat-x; background-position: -20px top; margin-left: 20px; margin-right: 20px; padding-left: 3px; padding-right: 3px; cursor: pointer; font-family: "Microsoft YaHei"; font-size: 12px; color: #fff; text-align: center; height: 40px; line-height: 40px; font-weight: 500; }
.RoundButton40 .Middle a { color: #fff; text-decoration: none; }
.RoundButton40 .Middle span { line-height: 40px; text-shadow: none !important; }
.RoundButton40 .Right { background-image: url(../image/RoundButton40.png); background-repeat: no-repeat; background-position: right top; height: 40px; width: 20px; position: absolute; right: 0; top: 0; }
.RoundButtonGrey40 .Left { background-position: left -40px; }
.RoundButtonGrey40 .Middle { background-position: -20px -40px; color: #666; }
.RoundButtonGrey40 .Middle a { color: #666; text-decoration: none; text-shadow: 1px 1px #fefefe; }
.RoundButtonGrey40 .Right { background-position: right -40px; }
.RoundButtonRed40 .Left { background-position: left -80px; }
.RoundButtonRed40 .Middle { background-position: -20px -80px; }
.RoundButtonRed40 .Right { background-position: right -80px; }
.RoundButtonGreen40 .Left { background-position: left bottom; }
.RoundButtonGreen40 .Middle { background-position: -20px bottom; }
.RoundButtonGreen40 .Right { background-position: right bottom; }

.RoundButton40 .ButtonList { margin-left: 20px; margin-right: 20px; background-image: url(../image/RoundButton40Bg.png); background-repeat: repeat-x; }
.RoundButtonGrey40 .ButtonList { background-position: left -40px; }
.RoundButtonRed40 .ButtonList { background-position: left bottom; }
.RoundButton40 .ButtonList .Middle { margin-left: 0px; margin-right: 0px; }
.RoundButton40 .RoundButtonSpliter40 { background-image: url(../image/RoundButtonSpliter40.png); background-repeat: no-repeat; background-position: center top; width: 2px; padding-left: 5px; padding-right: 5px; height: 40px; }
.RoundButton40 .RoundButtonSpliterGrey40 { background-position: center -40px; }
.RoundButton40 .RoundButtonSpliterRed40 { background-position: center -80px; }
.RoundButton40 .RoundButtonSpliterGreen40 { background-position: center bottom; }

.RoundButton30 { position: relative; }
.RoundButton30 .Left { background-image: url(../image/RoundButton30.png); background-repeat: no-repeat; background-position: left top; height: 30px; width: 15px; position: absolute; left: 0; top: 0; }
.RoundButton30 .Middle { background-image: url(../image/RoundButton30Bg.png); background-repeat: repeat-x; background-position: -15px top; margin-left: 15px; margin-right: 15px; padding-left: 0px; padding-right: 0px; cursor: pointer; font-family: 'Microsoft YaHei'; font-size: 12px; color: #fff; text-align: center; height: 30px; line-height: 30px; }
.RoundButton30 .Middle a { color: #fff; text-decoration: none; }
.RoundButton30 .Middle span { line-height: 30px; padding-left: 0px !important; padding-right: 0px !important; }
.RoundButton30 .Right { background-image: url(../image/RoundButton30.png); background-repeat: no-repeat; background-position: right top; height: 30px; width: 15px; position: absolute; right: 0; top: 0; }
.RoundButtonGrey30 .Left { background-position: left -30px; }
.RoundButtonGrey30 .Middle { background-position: -15px -30px; color: #333; }
.RoundButtonGrey30 .Middle a { color: #333; text-decoration: none; text-shadow: 1px 1px #fefefe; }
.RoundButtonGrey30 .Right { background-position: right -30px; }
.RoundButtonRed30 .Left { background-position: left -60px; }
.RoundButtonRed30 .Middle { background-position: -15px -60px; }
.RoundButtonRed30 .Right { background-position: right -60px; }
.RoundButtonGreen30 .Left { background-position: left bottom; }
.RoundButtonGreen30 .Middle { background-position: -15px bottom; }
.RoundButtonGreen30 .Right { background-position: right bottom; }

.RoundButton30 .ButtonList { margin-left: 15px; margin-right: 15px; background-image: url(../image/RoundButton30Bg.png); background-repeat: repeat-x; }
.RoundButtonGrey30 .ButtonList { background-position: left -30px; }
.RoundButtonRed30 .ButtonList { background-position: left bottom; }
.RoundButton30 .ButtonList .Middle { margin-left: 0px; margin-right: 0px; }
.RoundButton30 .RoundButtonSpliter30 { background-image: url(../image/RoundButtonSpliter30.png); background-repeat: no-repeat; background-position: center top; width: 2px; padding-left: 5px; padding-right: 5px; height: 30px; }
.RoundButton30 .RoundButtonSpliterGrey30 { background-position: center -30px; }
.RoundButton30 .RoundButtonSpliterRed30 { background-position: center -60px; }
.RoundButton30 .RoundButtonSpliterGreen30 { background-position: center bottom; }

.RoundButtonIcon { padding: 8px 0px 8px 5px !important; padding-left: 20px !important; background-position: left center !important; }
/*RoundButton(End)*/

.RedButton270 { background-image: url(../image/regsiterbuttonbg.png); background-position: left top; background-repeat: no-repeat; font-size: 14px; color: #fff; width: 270px; height: 36px; line-height: 36px; display: block; text-align: center; font-family: 'Microsoft YaHei'; }
.RedButton270:hover { background-position: left -36px; }
.RedButton90 { background-image: url(../image/RedButton90.png); background-position: left top; background-repeat: no-repeat; font-size: 14px; color: #fff; width: 90px; height: 32px; line-height: 32px; display: block; text-align: center; font-family: 'Microsoft YaHei'; }
.RedButton90:hover { background-position: left -32px; }
.BlueButton90 { background-image: url(../image/BlueButton90.png); background-position: left top; background-repeat: no-repeat; font-size: 14px; color: #fff; width: 90px; height: 32px; line-height: 32px; display: block; text-align: center; font-family: 'Microsoft YaHei'; }
.BlueButton90:hover { background-position: left -32px; }
.BlueButton62 { background-image: url(../image/BlueButton62.png); background-position: left top; background-repeat: no-repeat; font-size: 14px; color: #fff; width: 62px; height: 32px; line-height: 32px; display: block; text-align: center; font-family: 'Microsoft YaHei'; }
.BlueButton62:hover { background-position: left -32px; }
.YellowButton62 { background-image: url(../image/YellowButton62.png); background-position: left top; background-repeat: no-repeat; font-size: 14px; color: #fff; width: 62px; height: 32px; line-height: 32px; display: block; text-align: center; font-family: 'Microsoft YaHei'; }
.YellowButton62:hover { background-position: left -32px; }
.GreenButton62 { background-image: url(../image/GreenButton62.png); background-position: left top; background-repeat: no-repeat; font-size: 14px; color: #fff; width: 62px; height: 32px; line-height: 32px; display: block; text-align: center; font-family: 'Microsoft YaHei'; }
.GreenButton62:hover { background-position: left -32px; }

/*Search Mode Icon(Begin)*/
.SearchModeIconWidthSetting { width: 112px; height: 35px; }
.SearchModeIcon { position: absolute; top: -9px; right: 0px; }
.SearchModeIconExpand { background-image: url(../image/SearchModeIconExpand.png); background-repeat: no-repeat; }
.SearchModeIconCollapse { background-image: url(../image/SearchModeIconCollapse.png); background-repeat: no-repeat; }
/*Search Mode Icon(End)*/

#QuickSearchFormDIV { padding-top: 0px; }
.QuickSearchForm .LeftTD { width: 80px; font-weight: normal; }
.QuickSearchForm .SpacerTD { width: 10px; }
.QuickSearchForm input[type='text'].HtmlControlField { padding: 5px !important; border: 1px solid #ccc; }

.FullSearchForm { padding: 5px !important; margin: 5px !important; margin-top: 10px !important; }
.FullSearchForm input[type='text'].HtmlControlField { padding: 5px !important; width: 169px; border: 1px solid #bbb; }
.FullSearchForm input[type='text'].Wdate { padding: 3px 4px 3px 4px !important; }
.FullSearchForm select.HtmlControlField { padding: 5px !important; width: 180px; border: 1px solid #bbb; }
.FullSearchForm .Range { width: 70px !important; }
.FullSearchForm .LeftTD { font-weight: normal; width: 80px !important; color: #333; text-align: right; background-image: url(../image/FullSearchFormLeftTDBg.gif); background-repeat: no-repeat; padding-top: 6px !important; padding-bottom: 6px !important; line-height: 16px; overflow: hidden; display: inline-block; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
.FullSearchForm .SpacerTD { width: 30px; }
.FullSearchForm .Spacer { height: 5px; border-top: 0px dotted #ddd; }
.FullSearchForm .RightTD { padding-left: 5px; }
.SearchFormButtonList { margin-top: 5px !important; }
.CellMultiElementClass { width: 130px; padding-top: 5px; padding-bottom: 5px; }
.CellMultiElementClass input { margin-right: 3px; }
.ui-button-text-only { font-weight: normal !important; color: #444 !important; }

#OrganizationTreeDIV { border: 0px !important; }
.jqx-menu-item-top a { font-family: 'Microsoft YaHei' !important; }
.jqx-menu li, .jqx-menu li a, .jqx-item, .jqx-item a { font-family: 'Microsoft YaHei' !important; }
.jqx-tabs-title-selected-top { font-weight: bold; }

ul.Padding5 li { margin-top: 5px; margin-bottom: 5px; }
.BackButton { background-image: url(../image/button-back.png); background-repeat: no-repeat; background-position: left top; width: 51px; height: 28px; display: inline-block; cursor: pointer; }

.jqx-window-header { padding-top: 8px; padding-bottom: 8px; padding-left: 8px; }
#ViewWorkFlowPermissionUserList .jqx-window-header { background-image: none !important; font-size: 16px; font-weight: 300; border-bottom: 1px solid #eee; padding-top: 10px; padding-bottom: 10px; }
#ViewWorkFlowPermissionUserList .jqx-window-content { padding: 0px !important; }
#ViewWorkFlowPermissionUserList .NewUserHeadIconContainerDIV, .ViewWorkFlowPermissionUserList .NewUserHeadIconContainerDIV { cursor: pointer; float: left; margin-bottom: 5px; position: relative; text-align: center; width: 56px; }
#ViewWorkFlowPermissionUserList .NewUserHeadIcon img, .ViewWorkFlowPermissionUserList .NewUserHeadIcon img { border-radius: 20px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(102, 175, 233, 0.6); width: 36px; }
#ViewWorkFlowPermissionUserList .RealnameSPAN, .ViewWorkFlowPermissionUserList .RealnameSPAN { display: inline-block; font-size: 11px; line-height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 53px; color: #444; }
#ViewWorkFlowPermissionUserList .NewUserHeadIcon, .ViewWorkFlowPermissionUserList .NewUserHeadIcon { padding-bottom: 5px; }

/*流程步骤图*/
.order-flow { margin: 0 auto; padding: 0; font-size: 12px; font-weight: normal; padding-bottom: 4px; }
.order-flow-left, .order-flow-left-arrive, .order-flow-left-wait, .order-flow-arrive, .order-flow-wait, .order-flow-right-arrive, .order-flow-right-wait { margin: 0; padding: 0; background-image: url(../image/order_speed.gif); background-repeat: no-repeat; float: left; line-height: 16px; text-align: center; width: 140px; }
.order-flow div span { margin: 0; padding: 0; background: none repeat scroll 0 0 #fff; display: block; }
.order-flow div span p { margin: 0; padding: 0; }
.order-flow .name { margin: 0; padding: 0 0 4px 0; }
.order-flow-left-arrive { background-position: right top; }
.order-flow-left-wait { background-position: right -101px; color: #878787; }
.order-flow-arrive { background-position: 0 -40px; }
.order-flow-wait { background-position: 0 -20px; color: #878787; }
.order-flow-right-arrive { background-position: 0 -80px; }
.order-flow-right-wait { background-position: 0 -60px; color: #878787; }
.order-flow-input { display: block; margin: 2px auto; padding: 0; width: 18px; height: 18px; text-indent: -999px; cursor: inherit; overflow: hidden; }
.order-flow-left-arrive, .order-flow-arrive, .order-flow-right-arrive, .order-flow-single-arrive { color: green; }

.order-flow-single-wait { background-image: url(../image/order-flow-single-wait.gif); background-repeat: no-repeat; background-position: center top; margin: 0; padding: 0; float: left; line-height: 16px; text-align: center; width: 140px; }
.order-flow-single-arrive { background-image: url(../image/order-flow-single-arrive.gif); background-repeat: no-repeat; background-position: center top; margin: 0; padding: 0; float: left; line-height: 16px; text-align: center; width: 140px; }

.loading-indicator { width: 150px; background: url("../image/newloading.gif"); background-repeat: no-repeat; background-position: 10px center; font-family: 'Microsoft YaHei'; background-color: #fff; padding: 18px 10px 18px 50px; border: 1px solid #ccc; color: #666; border-radius: 5px; }
.loading-indicator-overlay { background-color: #000; opacity: 0.2; filter: alpha(opacity = 20); }

.WdatePicker, .Wdate { background-image: url(../image/date.png) !important; background-repeat: no-repeat !important; background-position: right center !important; }
.SettingIcon { background-image: url(../image/setting.png); background-position: left center; background-repeat: no-repeat; height: 18px; padding-left: 30px; line-height: 20px; }
.BarCode { background-image: url(../image/barcode.png) !important; background-repeat: no-repeat !important; background-position: right center !important; }

#UserPreviewColumnSettingColumnNameListDIV { overflow: auto; height: 250px; }
#ExportExcelPopupDialogInnerContent li { padding-top: 3px; padding-bottom: 3px; color: #666; }
.RedStatusSPAN { position: absolute; padding: 10px 20px 10px 20px; font-family: Arial; font-size: 10px; font-weight: bold; color: #fff; background-image1: url(../image/RedStatusBg.png); background-image: url(../image/RedRoundBgSmall.png); background-position: center center; background-repeat: no-repeat; font-style: normal; right: 0px; top: 0px; line-height: 13px; }
.GreyStatusSPAN { position: absolute; padding: 18px 20px 4px 20px; font-family: Arial; font-size: 10px; font-weight: bold; color: #666; background-image1: url(../image/RedStatusBg.png); background-image: url(../image/GreyRoundBg.png); background-position: center center; background-repeat: no-repeat; font-style: normal; right: 0px; top: 0px; line-height: 10px; width: 24px; height: 24px; text-align: center; }
.TitleDIV .GreyStatusSPAN { left: 70px; top: -7px; }
.list-box .GreyStatusSPAN { padding-top: 14px !important; height: 20px !important; }

.Online { background-image: url(../image/online-now.gif); background-repeat: no-repeat; background-position: right center; padding-right: 20px; }
.GreyBgSpliter { height: 10px; background-image: url(../image/GreyBgSpliter.gif); background-repeat: repeat-x; background-position: left top; }

/*气泡样式*/
.InstantMessengerChatMessagePopContainer { margin-top: 10px; margin-bottom: 10px; }
.InstantMessengerChatMessagePopContainer .ChatUserInfo { float: right; text-align: left; margin-left: 5px; color: #1A7CFE; font-family: 'Microsoft YaHei'; font-size: 12px; padding-top: 2px; text-align: center; }
.InstantMessengerChatMessagePopContainer .ChatUserInfo .SendDate { font-size: 12px; color: #C9DAF0; padding-top: 3px; }
.InstantMessengerChatMessagePopContainer .InstantMessengerChatMessagePop { float: right; }
.InstantMessengerChatMessagePop .LeftTopCorner { width: 10px; height: 12px; background-image: url(../image/InstantMessengerChatMessagePop_LeftTopCorner.gif); background-repeat: no-repeat; background-position: left top; }
.InstantMessengerChatMessagePop .TopBg { height: 12px; background-image: url(../image/InstantMessengerChatMessagePop_TopBg.gif); background-repeat: repeat-x; background-position: left top; }
.InstantMessengerChatMessagePop .RightTopCorner { width: 15px; height: 12px; background-image: url(../image/InstantMessengerChatMessagePop_RightTopCorner.gif); background-repeat: no-repeat; background-position: left top; }

.InstantMessengerChatMessagePop .LeftBg { width: 10px; background-image: url(../image/InstantMessengerChatMessagePop_LeftBg.gif); background-repeat: repeat-y; background-position: left top; }
.InstantMessengerChatMessagePop .MainBg { background-color: #CDE8F5; padding-bottom: 2px; display: block; font-family: 'Microsoft YaHei'; color: #6C6C87; line-height: 18px; }
.InstantMessengerChatMessagePop .RightBg { width: 15px; background-image: url(../image/InstantMessengerChatMessagePop_RightBg.gif); background-repeat: repeat-y; background-position: left top; }

.InstantMessengerChatMessagePop .LeftBottomCorner { width: 10px; height: 10px; background-image: url(../image/InstantMessengerChatMessagePop_LeftBottomCorner.gif); background-repeat: no-repeat; background-position: left top; }
.InstantMessengerChatMessagePop .BottomBg { height: 10px; background-image: url(../image/InstantMessengerChatMessagePop_BottomBg.gif); background-repeat: repeat-x; background-position: left top; }
.InstantMessengerChatMessagePop .RightBottomCorner { width: 15px; height: 10px; background-image: url(../image/InstantMessengerChatMessagePop_RightBottomCorner.gif); background-repeat: no-repeat; background-position: left top; }

.InstantMessengerChatMessagePopGreyContainer { margin-top: 10px; margin-bottom: 10px; }
.InstantMessengerChatMessagePopGreyContainer .ChatUserInfo { float: left; text-align: right; margin-right: 5px; color: #1BAE21; font-family: 'Microsoft YaHei'; font-size: 12px; padding-top: 2px; text-align: center; }
.InstantMessengerChatMessagePopGreyContainer .ChatUserInfo .SendDate { font-size: 12px; color: #AFD3B0; padding-top: 3px; }
.InstantMessengerChatMessagePopGreyContainer .InstantMessengerChatMessagePop { float: left; }
.InstantMessengerChatMessagePopGrey .LeftTopCorner { width: 15px; height: 12px; background-image: url(../image/InstantMessengerChatMessagePopGrey_LeftTopCorner.gif); background-repeat: no-repeat; background-position: left top; }
.InstantMessengerChatMessagePopGrey .TopBg { height: 12px; background-image: url(../image/InstantMessengerChatMessagePopGrey_TopBg.gif); background-repeat: repeat-x; background-position: left top; }
.InstantMessengerChatMessagePopGrey .RightTopCorner { width: 15px; height: 12px; background-image: url(../image/InstantMessengerChatMessagePopGrey_RightTopCorner.gif); background-repeat: no-repeat; background-position: left top; }

.InstantMessengerChatMessagePopGrey .LeftBg { width: 15px; background-image: url(../image/InstantMessengerChatMessagePopGrey_LeftBg.gif); background-repeat: repeat-y; background-position: left top; }
.InstantMessengerChatMessagePopGrey .MainBg { background-color: #E4E8EE; padding-bottom: 2px; display: block; font-family: 'Microsoft YaHei'; color: #5E5D5D; line-height: 18px; text-shadow1: 1px 1px #fff; }
.InstantMessengerChatMessagePopGrey .RightBg { width: 10px; background-image: url(../image/InstantMessengerChatMessagePopGrey_RightBg.gif); background-repeat: repeat-y; background-position: left top; }

.InstantMessengerChatMessagePopGrey .LeftBottomCorner { width: 15px; height: 10px; background-image: url(../image/InstantMessengerChatMessagePopGrey_LeftBottomCorner.gif); background-repeat: no-repeat; background-position: left top; }
.InstantMessengerChatMessagePopGrey .BottomBg { height: 10px; background-image: url(../image/InstantMessengerChatMessagePopGrey_BottomBg.gif); background-repeat: repeat-x; background-position: left top; }
.InstantMessengerChatMessagePopGrey .RightBottomCorner { width: 10px; height: 10px; background-image: url(../image/InstantMessengerChatMessagePopGrey_RightBottomCorner.gif); background-repeat: no-repeat; background-position: left top; }
.InstantMessengerChatMessagePopGrey .SendDate { color: #999; text-align: left; color: #9BB7C5; font-size: 12px; }
.InstantMessengerChatMessageSpliter { background-image: url(../image/InstantMessengerChatMessageSpliter.png); background-position: center center; background-repeat: no-repeat; text-align: center; font-family: 'Microsoft YaHei'; color: #bbb; margin-top: 15px; margin-bottom: 15px; }
.OfflineMessage .Title { color: #bbb; }

/*气泡样式2*/
.bubble-wrap { padding: 0px 0; overflow: hidden; *zoom: 1; }
.bubble-wrap li { padding: 5px 10px; color: #999999; clear: both; overflow: hidden; *zoom: 1; vertical-align: middle; }
.bubble-wrap li .tips { padding: 15px 10px 0; }
.bubble-main { background-color: #FFFFFF; border: 1px solid #E0E0E0; position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 1px 2px #E0E0E0; -webkit-box-shadow: 0 1px 2px #E0E0E0; box-shadow: 0 1px 2px #E0E0E0; background-image: -moz-linear-gradient(center bottom, #F0F0F0, #FFFFFF); background-image: -webkit-gradient(linear, center bottom, center top, from(#F0F0F0), to(#FFFFFF)); background-image: -o-linear-gradient(center bottom, #F0F0F0, #FFFFFF); background-image: linear-gradient(center bottom, #F0F0F0, #FFFFFF); }
.bubble-wrap .bubble-main.left { float: left; background-color: #f3fbff; border: 1px solid #d8e1ea; background-image: -moz-linear-gradient(center bottom, #e6f7ff, #f3fbff); background-image: -webkit-gradient(linear, center bottom, center top, from(#e6f7ff), to(#f3fbff)); background-image: -o-linear-gradient(center bottom, #e6f7ff, #f3fbff); background-image: linear-gradient(center bottom, #e6f7ff, #f3fbff); }
.bubble-wrap .bubble-main.left.warn { background-color: #ffeeee; border: 1px solid #ffb6b6; background-image: -moz-linear-gradient(center bottom, #ffe0da, #ffeeee); background-image: -webkit-gradient(linear, center bottom, center top, from(#ffe0da), to(#ffeeee)); background-image: -o-linear-gradient(center bottom, #ffe0da, #ffeeee); background-image: linear-gradient(center bottom, #ffe0da, #ffeeee); }
.bubble-content { height: auto; padding: 8px 10px; }
.arrow-left, .arrow-right { width: 8px; height: 14px; background-image: url(../image/bubble_arrow.gif); background-repeat: no-repeat; background-position: left top; }
.arrow-right { position: absolute; right: -8px; top: 10px; background-position: 0 -50px; }
.arrow-left { position: absolute; left: -8px; top: 10px; }
.bubble-main.left.warn .arrow-left { background-position: 0 -100px; }
.fm-item { padding: 2px 0; overflow: visible; *zoom: 1; }
.fm-item:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.ucform { overflow: visible; }
.tabledv table td { word-wrap: break-word; word-break: break-all; }


.bubble-wrap li .tips { padding-top: 10px; }

/*文件图标*/
.global-icon-16 { display: inline-block; width: 26px; height: 18px; background-image: url(../image/sprite_list_icon.png); background-repeat: no-repeat; background-position: -421px -83px; margin-top: 7px; }
.global-icon-16-folder { background-image: url(../image/folder.png?version=6); background-repeat: no-repeat; background-position: left top; }
.global-icon-16-folderempty { background-image: url(../image/folderempty.png?version=6); background-repeat: no-repeat; background-position: left top; }
.global-icon-16-multi { background-position: -43px -27px; }
.global-icon-16-shouchang { background-position: -202px -3px; }
.global-icon-16-yingyong_child, .global-icon-16-yingyong { background-position: -43px -3px; }
.global-icon-16-beifen { background-position: -121px -3px; }
.global-icon-16-doc, .global-icon-16-docx { background-position: -101px -83px; }
.global-icon-16-xls, .global-icon-16-xlsx { background-position: -133px -83px; }
.global-icon-16-ppt, .global-icon-16-pptx { background-position: -261px -83px; }
.global-icon-16-vsd { background-position: -37px -83px; }
.global-icon-16-pdf { background-position: -69px -83px; }
.global-icon-16-apk { background-position: -389px -83px; }
.global-icon-16-dws, .global-icon-16-dwt, .global-icon-16-dxf, .global-icon-16-dwg { background-position: -6px -105px; }
.global-icon-16-mmap { background-position: -37px -106px; }
.global-icon-16-xmind { background-position: -69px -106px; }
.global-icon-16-mm { background-position: -69px -106px; }
.global-icon-16-exe, .global-icon-16-msi, .global-icon-16-dmg { background-position: -325px -83px; }
.global-icon-16-ipa { background-position: -293px -83px; }
.global-icon-16-zip, .global-icon-16-rar, .global-icon-16-7z { background-position: -357px -83px; }
.global-icon-16-psd { background-position: -517px -83px; }
.global-icon-16-key { background-position: -550px -83px; }
.global-icon-16-ai { background-position: -583px -83px; }
.global-icon-16-txt { background-position: -165px -83px; }
.global-icon-16-torrent { background-position: -453px -83px; }
.global-icon-16-dir { background-position: -5px -3px; }
.global-icon-16-jpg, .global-icon-16-jpeg, .global-icon-16-gif, .global-icon-16-bmp, .global-icon-16-png, .global-icon-16-jpe, .global-icon-16-cur, .global-icon-16-svg, .global-icon-16-svgz, .global-icon-16-tif, .global-icon-16-tiff, .global-icon-16-ico { background-position: -5px -83px; }
.global-icon-16-wma, .global-icon-16-wav, .global-icon-16-mp3, .global-icon-16-aac, .global-icon-16-ra, .global-icon-16-ram, .global-icon-16-mp2, .global-icon-16-ogg, .global-icon-16-aif, .global-icon-16-mpega, .global-icon-16-amr, .global-icon-16-mid, .global-icon-16-midi, .global-icon-16-m4a { background-position: -197px -83px; }
.global-icon-16-wmv, .global-icon-16-rmvb, .global-icon-16-mpeg4, .global-icon-16-mpeg2, .global-icon-16-flv, .global-icon-16-avi, .global-icon-16-3gp, .global-icon-16-mpga, .global-icon-16-qt, .global-icon-16-rm, .global-icon-16-wmz, .global-icon-16-wmd, .global-icon-16-wvx, .global-icon-16-wmx, .global-icon-16-wm, .global-icon-16-swf, .global-icon-16-mpg, .global-icon-16-mp4, .global-icon-16-mkv, .global-icon-16-mpeg, .global-icon-16-mov, .global-icon-16-asf { background-position: -229px -83px; }

.FileAdminIconList { visibility: hidden; }
.FileAdminIcon { background-image: url(../image/FileAdminIcon.png?V=2014071516); background-repeat: no-repeat; display: inline-block; width: 16px; height: 20px; background-position-y: center; cursor: pointer; margin-left: 7px; margin-right: 7px; }
.FileAdminIconFolder { background-position: left center; }
.FileAdminIconDownload { background-position: -27px center; }
.FileAdminIconEdit { background-position: -54px center; }
.FileAdminIconMove { background-position: -76px center; }
.FileAdminIconCopy { background-position: -102px center; }
.FileAdminIconDelete { background-position: -131px center; }
.FileAdminIconShare { background-position: -155px center; }
.FileAdminIconChecked { background-position: -182px center; }
.FileAdminIconRestore { background-position: -207px center; }
.FileAdminIconLink { background-position: -238px center; }


.NewFolderBg { background-image: url(../image/NewFolderBg.jpg?V=2014071502); background-repeat: no-repeat; background-position: right 35px; }
#Overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; z-index: 100000; }
.DisplayContentInOverlay { z-index: 100001; }
.NewMessageBg { display: inline-block; width: 26px; height: 26px; background-image: url(../image/NewMessageBgNew.png); background-repeat: no-repeat; background-position: left top; position: relative; padding-top: 5px; text-align: center; }
.NewMessageBg .Text { color: #fff; font-family: Arial; font-size: 12px; }

.RedDirection, .IndexCellSystemNews2, .IndexCellNewsBig1, .IndexCellNewsBig2, .IndexCellNewsBig3, .IndexCellNewsBig4, .IndexCellNewsBig5, .IndexCellNewsBig6, .IndexCellNewsBig7, .IndexCellNewsBig8, .IndexCellNewsBig9, .IndexCellNewsBig10 { background-position: left center; height: 16px; padding-top: 5px; padding-bottom: 5px; padding-left: 23px; }
.IndexCellNewsBig1 { background-image: url(../image/icon_news_1.gif); background-repeat: no-repeat; background-position: left center; }
.IndexCellNewsBig2 { background-image: url(../image/icon_news_2.gif); background-repeat: no-repeat; background-position: left center; }
.IndexCellNewsBig3 { background-image: url(../image/icon_news_3.gif); background-repeat: no-repeat; background-position: left center; }
.IndexCellNewsBig4 { background-image: url(../image/icon_news_4.gif); background-repeat: no-repeat; background-position: left center; }
.IndexCellNewsBig5 { background-image: url(../image/icon_news_5.gif); background-repeat: no-repeat; background-position: left center; }
.IndexCellNewsBig6 { background-image: url(../image/icon_news_6.gif); background-repeat: no-repeat; background-position: left center; }
.IndexCellNewsBig7 { background-image: url(../image/icon_news_7.gif); background-repeat: no-repeat; background-position: left center; }
.IndexCellNewsBig8 { background-image: url(../image/icon_news_8.gif); background-repeat: no-repeat; background-position: left center; }
.IndexCellNewsBig9 { background-image: url(../image/icon_news_9.gif); background-repeat: no-repeat; background-position: left center; }
.IndexCellNewsBig10 { background-image: url(../image/icon_news_10.gif); background-repeat: no-repeat; background-position: left center; }
.RedDirection { background-image: url(../image/icon_red_direction1.gif); background-repeat: no-repeat; background-position: left center; }
.icon_down_20 { background-image: url(../image/icon_down_20.png); background-repeat: no-repeat; background-position: left center; padding-left: 32px; cursor: pointer; }
.icon_up_20 { background-image: url(../image/icon_up_20.png); background-repeat: no-repeat; background-position: left center; padding-left: 32px; cursor: pointer; }

.CellNewsData, .CellWorkFlow { line-height: 24px; color: #aaa; padding-top: 6px; padding-bottom: 3px; padding-left: 10px; padding-right: 10px; }
.CellNewsData:hover, .CellWorkFlow:hover { background-color: #fafafa; }
.CellNewsData .Icon, .CellWorkFlow .Icon { float: left; margin-right: 10px; }
.CellNewsData .NewsTitle { float: left; width: 280px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: inline-block; margin-right: 30px; }
#NewsDataListDIV .CellNewsData .NewsTitle { width: 500px; }
.CellNewsData .NewsTitle a { color: #888; text-shadow: 1px 1px #fff; }
.CellNewsData .UnViewed a { color: #3e8ef7; }
.CellNewsData .UnViewed a:visited { color: #888; }
.CellNewsData .LastViewTime { float: right; width: 160px; margin-left: 10px; display: block; font-size: 11px; }
.CellNewsData .ViewTimes { float: left; width: 60px; margin-right: 10px; }
.CellNewsData .ViewTimes a { color: #999; }
#NewsDataListDIV .CellNewsData .ViewTimes { float: right; }
.CellNewsData .NewsPostDate { float: right; font-size: 11px; margin-right: 15px; }
#NewsDataListDIV .CellNewsData .NewsPostDate { margin-left: 10px; }

.CellWorkFlow .WorkFlowCategory { float: left; width: 80px; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.CellWorkFlow .WorkFlowType { float: left; width: 80px; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.CellWorkFlow .AgencyID { float: left; width: 150px; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.CellWorkFlow .WorkFlowInstanceCode { float: left; font-weight: bold; width: 200px; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.CellWorkFlow .WorkFlowStep { float: left; width: 200px; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.CellWorkFlow .Initiateuserguid { float: left; width: 100px; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.CellWorkFlow .InitiateDate { float: left; width: 150px; margin-right: 10px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
select.ContractNO { max-width: 162px; }

.RSS { background-image: url(../image/RSS.png); background-position: left center; background-repeat: no-repeat; padding-left: 35px; line-height: 32px; }
.ExcelImportResultDataListDIV { margin-bottom: 5px; }
#ErrorResultDataTableHTMLDIV li { color: red; }
.ExcelImportResultDataListDIV .HeaderCSSClassBg { background-color: #DCDCDC !important; font-weight: normal; color: #222222; text-align: center; padding: 3px; padding-top: 4px; line-height: 20px; background-image: url(../image/HeaderCSSClass4_bg_new.gif) !important; background-repeat: repeat-x; background-position: left -5px; cursor: pointer; text-shadow: 1px 1px #fefefe; }

.CommonDialogCSS { border-radius: 5px; z-index: 1000001; }
.CommonDialogCSS .ui-widget-header { border: 1px solid #ccc; color: #333; text-shadow: 1px 1px #fff; background-color: #eee; }
.CommonDialogCSS .ui-corner-all { border-radius: 5px; }

.DesktopBackground { padding: 6px; border: 1px solid #eee; float: left; position: relative; margin-right: 10px; margin-bottom: 10px; }
.DesktopBackground:hover, .DefaultDesktopBackground { background-color: #09A3F8; border: 1px solid #33B5E5; }
.DesktopBackground .Description { position: absolute; left: 6px; bottom: 6px; width: 180px; height: 30px; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; line-height: 25px; text-align: center; color: #fff; }
.DesktopBackground .ControlButton { position: absolute; right: 6px; top: 6px; visibility: hidden; }
.DesktopBackground .ControlButton a { margin-left: 2px; }

.CommonFlowLayoutDIV { border-bottom: 1px solid #f6f6f6; padding: 8px 10px 8px 10px; }
.CommonFlowLayoutDIVFirst { border-top: 1px solid #f6f6f6; }
.CommonFlowLayoutDIVDouble { background-color: #fdfdfd; }
.CommonFlowLayoutDIV:hover { background-color: #f6f6f6; text-shadow: 1px 1px #fefefe; }
.CommonFlowLayoutDIV:hover .ControlDIV { text-shadow: 0px 0px #fefefe; }
.CommonFlowLayoutDIV .TitleDIV { font-size: 13px; float: left; width: 280px; background-image: url(../image/right-arrow.png); background-repeat: no-repeat; background-position: left center; padding-left: 18px; line-height: 26px; color: #999; }
.CommonFlowLayoutDIV .ContentDIV { float: left; margin-top: 5px; color: #aaa; line-height: 18px; }
.CommonFlowLayoutDIV .ControlDIV { float: right; }

#WorkFlowProjectInfoContainerDIV .CommonFlowLayoutDIV .ContentDIV { background-color: transparent !important; padding-top: 0px !important; padding-bottom: 0px !important; }

.PlaySound .Play, .PlaySound .Pause, .PlaySound .Download { background-image: url(../image/PlaySound.png); background-repeat: no-repeat; background-position: left center; width: 25px; height: 25px; float: left; margin-right: 10px; cursor: pointer; }
.PlaySound .Pause { background-position: -25px center; }
.PlaySound .Download { background-position: -50px center; }

.PhoneBg { background-image: url(../image/phonebg.png); background-repeat: no-repeat; background-position: left top; padding-left: 40px; height: 30px; }
.qtip-close { background-color: transparent !important; }

.AllFunctionList { margin-top: 30px; }
.AllFunctionList .Category { margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.AllFunctionList .Category .Title { font-size: 15px; font-weight: bold; color: #FD8C25; margin-bottom: 10px; }
.AllFunctionList .Category .MenuList .Menu { display: inline-block; margin: 0; padding: 5px 12px 5px 12px; line-height: 20px; height: 20px; border: solid 1px #e1e1e1; color: #333; font-size: 12px; text-decoration: none; background-color: #fff; margin-right: 10px; margin-bottom: 10px; }
.AllFunctionList .Category .MenuList .Menu a { color: #666; text-decoration: none; }
.AllFunctionList .Category .MenuList .Menu a:hover { color: #0065D9; text-decoration: underline; }
.AllFunctionList .Category .MenuList .Disable { background-color: #f9f9f9; }
.AllFunctionList .Category .MenuList .Disable a { color: #aaa !important; }
.AllFunctionList .Category .Description { color: #999; }

.WorkFlowCSSTable { border-spacing: 1px !important; background-color1: #E4EAEC !important; background-color: #F0F4F5 !important; border: 0px solid #ccc; }
.WorkFlowCSSTable td { background-color: #fff !important; padding: 5px !important; color: #222 !important; color: #666 !important; padding: 8px !important; }
.WorkFlowCSSTable .HeaderCSSClass4 { background-color: #f2f2f2 !important; }
.WorkFlowCSSTable .AdditionalMsg* { display: none; }
.WorkFlowCSSTable .icon-btn { height: 19px; line-height: 19px; padding-left: 6px; padding-right: 6px; }
.WorkFlowCSSTable .TitleTD1 { background-color: #fbfbfb !important; text-shadow: 1px 1px #fff; background-image1: url(../image/HeaderCSSClass4_bg_new.gif) !important; background-repeat1: repeat-x !important; background-position1: left top !important; padding-top: 3px !important; padding-bottom: 3px !important; }
.WorkFlowCSSTable .TitleTDBlue, .TitleTDBlue, .WorkFlowCSSTable .TitleTD, .SubTitleTR td, td.SubTitleTR { background-color: #fbfdfd !important; color: #555 !important; text-shadow: none !important; background-image1: url(../image/HeaderCSSClass4_bg_new.gif) !important; background-repeat1: repeat-x !important; background-position1: left top !important; padding-top: 8px !important; padding-bottom: 8px !important; }
.SubTitleTR td { text-shadow: 1px 1px #fff; }
/*.WorkFlowCSSTable .HtmlControlField[type='text'] { padding: 5px !important; }*/
.WorkFlowCSSTable .SearchIcon[type='text'] { font-weight: bold; }
.WorkFlowCSSTable .AutoCompleteIcon, .CommonAutoCompleteIconContainer .AutoCompleteIcon { top: 3px !important; }
.WorkFlowCSSTableNoBottomBorderSpacing { border-spacing: 1px !important; background-color: #bbb !important; border: 1px solid #bbb; }
.WorkFlowCSSTableFixedTable { table-layout: fixed; border-top: 0px !important; }
.WorkFlowCSSTableFixedTable .FirstRow td { padding: 0px !important; }
.WorkFlowCSSTable .NoPadding td { padding: 0px !important; }
.WorkFlowCSSTablePadding2 td { background-color: #fff !important; padding: 2px !important; color: #222 !important; color: #333 !important; }
.WorkFlowCSSTable th, .WorkFlowCSSTableHeader { padding: 5px !important; color: #222 !important; color: #333 !important; background-color: #FBFDFC !important; }
.WorkFlowCSSTable .LeftTD { background-color: #fbfdfd !important; color: #526069 !important; }
#WorkFlowMainTableMainContentContainerDIV .WorkFlowCSSTable, #ViewWorkFlowMainTableMainContentContainerDIV .WorkFlowCSSTable, .ReportTable { box-shadow: 0 5px 5px rgba(0, 0, 0, 0.104) inset, 0 0 8px rgba(0, 0, 0, 0.15); border: none; }
#MainContentDIVDataTableDIV .WorkFlowCSSTable { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.104) inset, 0 0 5px rgba(0, 0, 0, 0.15); border: none; }
.ReportTableNoShadow { box-shadow: none !important; }
#ViewWorkFlowMainTableMainContentContainerDIV .WorkFlowCSSTable td, #MainContentDIVDataTableDIV .WorkFlowCSSTable td { padding-left: 8px !important; }
#MainContentDIVDataTableDIV .WorkFlowCSSTable th { padding: 8px !important; }
#MainContentDIVDataTableDIV .WorkFlowCSSTable th a { color: #333 !important; text-decoration: underline; }
#MainContentDIVDataTableDIV .sum { font-weight: bold; }
#MainContentDIVDataTableDIV .Focused td { color: #81909d !important; }
/*#MainContentDIVDataTableDIV .HTMLGridGroup { background-color: #F3F7F9 !important; padding: 10px !important; font-size: 12px; text-shadow: 1px 1px #fefefe; color: #526069 !important; font-weight: bold; border-radius: 3px; }
*/ /*#MainContentDIVDataTableDIV .HTMLGridGroup i { background-color: #33B5E5; width: 4px; height: 16px; display: inline-block; line-height: 24px; margin-right: 5px; float: left; margin-top: 0px; }
#MainContentDIVDataTable.ltable .HTMLGridGroup i { margin-top: 8px !important; }*/
/*#MainContentDIVDataTable.ltable .HTMLGridGroup { padding-top: 5px !important; padding-bottom: 5px !important; }
   */
.HTMLGridGroupHeaderDIV .ActionAreaTitleDIV { margin-top: 0px !important; margin-bottom: 0px !important; }
.HTMLGridGroupHeaderDIV .ActionAreaTitleDIV i { top: 3px !important; }
.panel-body .WorkFlowCSSTableNoBorder { box-shadow: none !important; border-spacing: 0px !important; }
.panel-body .WorkFlowCSSTableNoBorder td { padding: 7px 7px !important; }
.panel-body .WorkFlowCSSTableNoShadow, .WorkFlowCSSTableNoShadow { box-shadow: none !important; }
.panel-body .WorkFlowCSSTableNoShadow td { padding: 9px 11px !important; }
.panel .WorkFlowCSSTable th, .panel .WorkFlowCSSTableHeader { background-image: none !important; background-color: #FBFDFC !important; }
.panel .dataTables_empty .StatusDIV { padding-top: 20px; padding-bottom: 20px; }
.ribbon-reverse .WorkFlowCSSTable { background-color: transparent !important; }
.ribbon-reverse .WorkFlowCSSTable td { background-color: transparent !important; }

#TableDesignerDataTable { width: 100%; }
#TableDesignerDataTable td { padding: 10px 2px 10px 2px !important; }
#TableDesignerDataTable td.ui-selecting { background: #FECA40 !important; }
#TableDesignerDataTable td.ui-selected { background: #F39814 !important; color: white; }
#TableDesignerDataTable.WorkFlowCSSTable { background-color: #ddd !important; }
#TableDesignerDataTable.Loop { border: 2px dashed green; }
#TableDesignerDataTable tr.Loop td { border: 2px dashed green; }
#TableDesignerDataTable .ui-state-droppable-active { background-color: #eb8f00 !important; }


.AddIcon { margin-right: 10px; }
.MinusIcon { margin-right: 10px; }

.MyWorkFlowDescription { width: 152px; height: 138px; background-image: url(../image/WorkFlowDescription.png); background-repeat: no-repeat; background-position: left top; margin-top: 20px; margin-left: 15px; cursor: pointer; margin-bottom: 10px; }
.MyWorkFlowDescription:hover { background-image: url(../image/WorkFlowDescriptionFocus.png); }

.PageLeftMenuBackToDesktop { width: 56px; height: 56px; background-image: url(../image/BackToDesktopRoundBlur.png); background-repeat: no-repeat; background-position: center center; float: left; }
.PageLeftMenuBackToDesktop:hover { background-image: url(../image/BackToDesktopRound.png); }

.PageLeftMenuCollapse { width: 56px; height: 56px; background-image: url(../image/CollapseButtonBlur.png); background-repeat: no-repeat; background-position: center center; float: left; margin-left: 30px; }
.PageLeftMenuCollapse:hover { background-image: url(../image/CollapseButton.png); }

.PageLeftMenuExpand { width: 56px; height: 56px; background-image: url(../image/ExpandButtonBlur.png); background-repeat: no-repeat; background-position: center center; position: fixed; left: -27px; top: 48%; z-index: 10; }
.PageLeftMenuExpand:hover { background-image: url(../image/ExpandButton.png); }

.AutoDialPhoneNumberSPAN { cursor: pointer; padding: 3px 5px 3px 3px; }
.AutoDialPhoneNumberSPAN:hover { background-color: #3B8C17; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 11px !important; text-decoration: none; font-family: 'Microsoft YaHei'; background-color: #43B51F; color: #fff; }

.ltable .CustomerTypeTag { background-repeat: no-repeat; background-position: center center; width: 30px; height: 30px; margin: 0px; }
.ltable .CustomerTypeTagPrivate { background-image: url(../image/私有客户.png); }
.ltable .CustomerTypeTagPublic { background-image: url(../image/公海客户.png); }

.CustomerTypeBigTag { background-repeat: no-repeat; background-position: center center; width: 62px; height: 62px; position: absolute; right: 7px; bottom: -69px; z-index: 10; }
.CustomerTypeBigTagPrivate { background-image: url(../image/私有客户Big.png); }
.CustomerTypeBigTagPublic { background-image: url(../image/公海客户Big.png); }

.BlueRound95 { background-image: url(../image/BlueRound95.png); background-repeat: no-repeat; background-position: center center; width: 95px; height: 95px; padding-top: 32px; }
.BlueRound95 .Title { color: #fff; font-size: 12px; text-align: center; }
.BlueRound95 .Number { font-size: 30px; font-weight: bold; color: #fff; margin-left: 25px; }
.BlueRound95 .NumberUnit { font-size: 12px; color: #fff; margin-left: 2px; }

#CommonSearchBarDIV { background-image1: url(../image/CommonSearchBarBg.png) !important; background-repeat: no-repeat !important; background-position: left center !important; height: 27px; margin-top: 16px; position: relative; padding-left: 10px; padding-top: 2px; border: 1px solid #ddd !important; border-radius: 16px; background-color: #fff !important; }
#CommonSearchBarDIV .SearchButtonDIV { position: absolute; right: 15px; top: 6px; }
#CommonSearchBarDIV .SearchKeywordDIV { }
#CommonSearchKeyword { border: 0px !important; height: 16px !important; background-color: transparent !important; width: 480px; color: #aaa; box-shadow: none !important; transition: none !important; line-height: 14px; }
#CommonSearchBarDIV { border: 0px; line-height: 14px; background-color: transparent; margin-left: 10px; margin-top: 3px; width: 500px; color: #999; }
#CommonSearchBarDIV:focus { background-color: transparent !important; }

.ChartTitle { background-image: url(../image/chartbg.png); background-repeat: no-repeat; background-position: left center; padding-left: 70px; padding-top: 18px; padding-bottom: 20px; font-size: 26px; text-shadow: 1px 1px #fff; color: #aaa; }
.LocationIcon { background-image: url(../image/icon_location.png); background-repeat: no-repeat; background-position: left center; padding-left: 18px; }

.ui-dialog, .ZIndex9000 { z-index: 20000 !important; }
.Signature { max-height: 35px; }

.CommonGroupTabDIV .jqx-widget-header .TitleDIV { line-height: 20px; width: 97%; height: 30px; }
.CommonGroupTabDIV .jqx-widget-header .AddNewButtonDIV { float: right; }

#DesktopRightMainContentDIV .jqx-widget-header, #DesktopRightMainContentDIV li.current { background-image: url(../image/IndexTabBg.png); background-repeat: repeat-x; background-position: left top; background-color: none !important; }
#DesktopRightMainContentDIV li.current { background-color: transparent !important; text-shadow: 1px 1px #eee; color: #333; }

.CellRoundContainerDIV { padding: 10px; border: 1px solid #ccc; border-radius: 8px; -moz-border-radius: 8px; -moz-box-shadow: 0 1px 2px #E0E0E0; -webkit-box-shadow: 0 1px 2px #E0E0E0; box-shadow: 0 1px 2px #E0E0E0; }
.CellRoundContainerDIV:hover { background-color: #fdfdfd; }

.BMapLabel { border-radius: 3px; }

.SearchIcon1 { background-image: url(../image/SearchIconBg.png) !important; background-position: 170px center !important; background-repeat: no-repeat !important; }
.InitiateWorkFlowTips { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: inline-block; line-height: 16px; width: 150px; }

.jqx-fill-state-normal-arctic { background-image: url(../image/HeaderCSSClass4_bg_new.gif); background-repeat: repeat-x; background-position: left top; }
.FooterTable .AdditionalMsg { display: none !important; }
.CellSmallButton { margin-left: 12px; }

#DynamicDataTableContainerDIV { width: 940px; overflow-x: hidden; }
#DynamicDataTableContainerDIVDataListOutter { overflow-x: auto; padding-bottom: 3px; }
#DynamicDataTableContainerDIVDataList { width: 50000px; }

.Icon-Setting { background-image: url(../image/Icon-Setting.png); background-repeat: no-repeat; background-position: center center; }
.借出, .出库, .维修, .外借 { background-color: #FFFF00 !important; }
.在库1 { background-color: #D6EE9D !important; }
.交接, .报废, .遗失 { background-color: #eee !important; }

#PageBottomToolBarDIV { position: fixed; bottom: 0px; height: 50px; background-color: #000; opacity: 0.6; width: 100%; border-top: 1px solid #000; background-image: url(../image/双击口号.png); background-repeat: no-repeat; background-position: center center; }
#PageBottomToolBarButtonDIV { position: fixed; bottom: 4px; text-align: center; width: 100%; }
.EditableColumn { min-height: 20px; cursor: pointer; padding-right: 3px !important; }
.EditableColumn:hover { }

.PageBottomToolBar { position: fixed; bottom: 0px; height: 45px; background-color: #666; opacity: 1; width: 100%; border-top: 1px solid #999; left: 0px; }
.PageBottomToolBarButton { position: absolute; top: 5px; left: 120px; color: #fff !important; }

.NormalButton { padding-left: 13px !important; padding-right: 13px !important; padding-top: 3px !important; padding-top: 3px !important; }
.RoundLinkButtonBlue { background-color: #1A89BA; border-radius: 5px; color: #fff; padding: 3px 15px 3px 15px; color: #fff !important; }
.RoundLinkButtonBlue2 { background-color: #4395FF !important; border-radius: 5px; color: #fff !important; padding: 6px 15px 6px 15px !important; color: #fff !important; border: 1px solid #006CFF !important; }
.RoundLinkButtonBlueSmall2 { background-color: #4395FF !important; border-radius: 5px; color: #fff !important; padding: 2px 8px 2px 8px !important; color: #fff !important; border: 1px solid #006CFF !important; }
.RoundLinkSmallButtonGrey { background-color: #fefefe; border-radius: 3px; color: #fff; padding: 1px 8px 1px 8px; color: #777 !important; border: 1px solid #ccc; }
.CloseMobileWindowButton { background-color: #4395FF !important; border-radius: 5px; color: #fff !important; padding: 15px 30px 15px 30px !important; color: #fff !important; border: 2px solid #006CFF !important; font-size: 20px; width: 250px !important; }
.RoundLinkSmallButtonGreyPaddingNormalBlue, td.Focused .RoundLinkSmallButtonGreyPaddingNormalBlue, tr.Focused td .RoundLinkSmallButtonGreyPaddingNormalBlue { background-color: #3E8EF7; border-radius: 3px; color: #fff !important; padding: 4px 6px 4px 6px; border: 1px solid #02B0DC; font-size: 11px; }
.RoundLinkSmallButtonGreyPaddingBigNewBlue, td.Focused .RoundLinkSmallButtonGreyPaddingBigNewBlue, tr.Focused td .RoundLinkSmallButtonGreyPaddingBigNewBlue { background-color: #3e8ef7; border-radius: 3px; color: #fff !important; padding: 5px 13px 5px 13px; border: 1px solid #3e8ef7; font-size: 12px; }
.RoundLinkSmallButtonGreyPaddingSmallBlue, td.Focused .RoundLinkSmallButtonGreyPaddingSmallBlue, tr.Focused td .RoundLinkSmallButtonGreyPaddingSmallBlue { background-color: #3e8ef7; border-radius: 3px; color: #fff !important; padding: 2px 4px 2px 4px; border: 1px solid #02B0DC; font-size: 10px; }
.RoundLinkSmallButtonGreyPaddingNormalGreen, td.Focused .RoundLinkSmallButtonGreyPaddingNormalGreen, tr.Focused td .RoundLinkSmallButtonGreyPaddingNormalGreen { background-color: #47A91C; border-radius: 3px; color: #fff !important; padding: 4px 6px 4px 6px; border: 1px solid #47A91C; font-size: 11px; }
.RoundLinkSmallButtonGreyPaddingBigNewGreen, td.Focused .RoundLinkSmallButtonGreyPaddingBigNewGreen, tr.Focused td .RoundLinkSmallButtonGreyPaddingBigNewGreen { background-color: #47A91C; border-radius: 3px; color: #fff !important; padding: 5px 13px 5px 13px; border: 1px solid #47A91C; font-size: 11px; }
.RoundLinkSmallButtonGreyPaddingSmallGreen, td.Focused .RoundLinkSmallButtonGreyPaddingSmallGreen, tr.Focused td .RoundLinkSmallButtonGreyPaddingSmallGreen { background-color: #47A91C; border-radius: 3px; color: #fff !important; padding: 2px 4px 2px 4px; border: 1px solid #47A91C; font-size: 10px; }
.RoundLinkSmallButtonGreyPaddingNormal, td.Focused .RoundLinkSmallButtonGreyPaddingNormal, tr.Focused td .RoundLinkSmallButtonGreyPaddingNormal { background-color: #fefefe; border-radius: 3px; color: #fff; padding: 4px 6px 4px 6px; color: #333 !important; border: 1px solid #ccc; font-size: 10px; }
.RoundLinkSmallButtonGreyPaddingBigNew, td.Focused .RoundLinkSmallButtonGreyPaddingBigNew, tr.Focused td .RoundLinkSmallButtonGreyPaddingBigNew { background-color: #fafafa; border-radius: 5px; color: #fff; padding: 6px 15px 6px 15px; color: #333 !important; border: 1px solid #ccc; font-size: 11px; }
.RoundLinkSmallButtonGreyPaddingBigerNew, td.Focused .RoundLinkSmallButtonGreyPaddingBigerNew, tr.Focused td .RoundLinkSmallButtonGreyPaddingBigerNew { background-color: #fafafa; border-radius: 3px; color: #fff; padding: 7px 15px 7px 15px; color: #222 !important; border: 1px solid #ccc; font-size: 11px; }
.RoundLinkSmallButtonGreyPaddingBig, td.Focused .RoundLinkSmallButtonGreyPaddingBig, tr.Focused td .RoundLinkSmallButtonGreyPaddingBig { background-color: #fefefe; border-radius: 3px; color: #fff; padding: 4px 6px 4px 6px; color: #888 !important; border: 1px solid #ccc; font-size: 10px; }
.RoundLinkSmallButtonGreyPaddingBigChooser, td.Focused .RoundLinkSmallButtonGreyPaddingBigChooser, tr.Focused td .RoundLinkSmallButtonGreyPaddingBigChooser { background-color: #fefefe; border-radius: 3px; color: #fff; padding: 6px 6px 6px 6px; color: #333 !important; border: 1px solid #ccc; font-size: 10px; }
.RoundLinkButtonGreen { background-color: green; border-radius: 5px; color: #fff; padding: 3px 15px 3px 15px; color: #fff !important; }
.RoundLinkSmallButtonGreyPaddingSmall, td.Focused .RoundLinkSmallButtonGreyPaddingSmall, tr.Focused td .RoundLinkSmallButtonGreyPaddingSmall { background-color: #fefefe; border-radius: 3px; color: #fff; padding: 2px 4px 2px 4px; color: #999 !important; border: 1px solid #ddd; font-size: 11px; }
.RoundLinkSmallButtonGreyPaddingNormalRed, td.Focused .RoundLinkSmallButtonGreyPaddingNormalRed, tr.Focused td .RoundLinkSmallButtonGreyPaddingNormalRed { background-color: #d9534f; border-radius: 3px; color: #fff !important; padding: 4px 6px 4px 6px; border: 1px solid #d43f3a; font-size: 11px; }
.RoundLinkSmallButtonGreyPaddingBigNewRed, td.Focused .RoundLinkSmallButtonGreyPaddingBigNewRed, tr.Focused td .RoundLinkSmallButtonGreyPaddingBigNewRed { background-color: #d9534f; border-radius: 3px; color: #fff !important; padding: 5px 13px 5px 13px; border: 1px solid #d43f3a; font-size: 11px; }
.RoundLinkSmallButtonGreyPaddingSmallRed, td.Focused .RoundLinkSmallButtonGreyPaddingSmallRed, tr.Focused td .RoundLinkSmallButtonGreyPaddingSmallRed { background-color: #d9534f; border-radius: 3px; color: #fff !important; padding: 2px 4px 2px 4px; border: 1px solid #d43f3a; font-size: 10px; }
.btn-new-green { -moz-appearance: none; -moz-user-select: none; background-position: -1px -1px; background-repeat: repeat-x; background-size: 110% 110%; border: 1px solid rgba(27, 31, 35, 0.2); border-radius: 0.25em; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 600; line-height: 20px; padding: 6px 12px; position: relative; vertical-align: middle; white-space: nowrap; background-color: #28a745; background-image: linear-gradient(-180deg, #34d058 0%, #28a745 90%); color: #fff !important; font-size: 13px; padding: 7px 30px; }
.btn-new-grey { -moz-appearance: none; -moz-user-select: none; background-position: -1px -1px; background-repeat: repeat-x; background-size: 110% 110%; border: 1px solid rgba(27, 31, 35, 0.2); border-radius: 0.25em; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 600; line-height: 20px; padding: 6px 12px; position: relative; vertical-align: middle; white-space: nowrap; background-color: #eff3f6; background-image: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%); color: #24292e !important; font-size: 13px; padding: 8px 30px; }
.btn-new-grey-small { -moz-appearance: none; -moz-user-select: none; background-position: -1px -1px; background-repeat: repeat-x; background-size: 110% 110%; border: 1px solid rgba(27, 31, 35, 0.2); border-radius: 0.25em; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 600; line-height: 20px; padding: 6px 12px; position: relative; vertical-align: middle; white-space: nowrap; background-color: #eff3f6; background-image: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%); color: #444 !important; font-size: 12px; padding: 4px 12px; }
.btn-new-green-small { -moz-appearance: none; -moz-user-select: none; background-position: -1px -1px; background-repeat: repeat-x; background-size: 110% 110%; border: 1px solid rgba(27, 31, 35, 0.2); border-radius: 0.25em; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 600; line-height: 20px; padding: 6px 12px; position: relative; vertical-align: middle; white-space: nowrap; background-color: #28a745; background-image: linear-gradient(-180deg, #34d058 0%, #28a745 90%); color: #fff !important; font-size: 12px; padding: 4px 12px; }
.btn-new-grey-small-small { -moz-appearance: none; -moz-user-select: none; background-position: -1px -1px; background-repeat: repeat-x; background-size: 110% 110%; border: 1px solid rgba(27, 31, 35, 0.2); border-radius: 0.25em; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 600; line-height: 20px; padding: 4px 10px; position: relative; vertical-align: middle; white-space: nowrap; background-color: #eff3f6; background-image: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%); color: #444 !important; font-size: 12px; padding: 2px 9px; }
td.Focused .btn-new-grey-small-small, tr.Focused td .btn-new-grey-small-small { color: #444 !important; }
.btn-new-green-small-small { -moz-appearance: none; -moz-user-select: none; background-position: -1px -1px; background-repeat: repeat-x; background-size: 110% 110%; border: 1px solid rgba(27, 31, 35, 0.2); border-radius: 0.25em; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 600; line-height: 20px; padding: 4px 10px; position: relative; vertical-align: middle; white-space: nowrap; background-color: #28a745; background-image: linear-gradient(-180deg, #34d058 0%, #28a745 90%); color: #fff !important; font-size: 12px; padding: 2px 9px; }
.btn-new-green-small-small1, .btn-new-grey-small-small1 { border: 1px solid #33b5e5 !important; border-radius: 3px; color: #33b5e5 !important; font-size: 11px !important; margin-left: 5px; padding: 4px 8px; text-decoration: none !important; }
.btn-new-green-small-small2, .btn-new-grey-small-small2 { background-color: #fff; border-radius: 3px; color: #33b5e5; padding: 4px 6px 4px 6px; color: #33b5e5 !important; border: 1px solid #33b5e5; font-size: 11px; margin-left: 1px; margin-right: 1px; }
.GreenSubmitButton { cursor: pointer; background-color: #1aad19 !important; padding: 10px; font-size: 12px; margin-bottom: 10px; text-align: center; border-radius: 8px; font-weight: bold; color: #fff; }
.ModenButtonBlue { font-size: 14px; background-color: #3E8EF7; border: 1px solid #3E8EF7; padding: 6px 20px; border-radius: 5px; color: #fff !important; cursor: pointer; }
.ModenButton { font-size: 14px; border: 1px solid #ccc; padding: 6px 20px; border-radius: 5px; color: #666 !important; cursor: pointer; }
.CommonSubmitButton { background-color: #3E8EF7; border: 1px solid #3E8EF7; color: #fff; font-size: 14px; padding: 8px 25px; border-radius: 3px; box-shadow: none; font-weight: 300; cursor: pointer; }
.CommonCancelButton { background-color: #fff; border: 1px solid #ddd; color: #000; font-size: 14px; padding: 8px 25px; border-radius: 3px; box-shadow: none; font-weight: 300; cursor: pointer; }
.CommonBlueButton, .Focused .CommonBlueButton { padding: 4px 8px 4px 8px; cursor: pointer; border-radius: 5px; border: 1px solid #33b5e5; color: #33b5e5 !important; font-size: 12px; background-color: #fff; }
.CommonGreyButton, .Focused .CommonGreyButton { padding: 4px 8px 4px 8px; cursor: pointer; border-radius: 5px; border: 1px solid #ddd; color: #333 !important; font-size: 12px; background-color: #fff; }
.btn-small { font-size: 12px !important; padding: 0px 8px !important; height: 30px !important; }
.CommonChildDataTableControlButton { border: 0px !important; font-size: 12px !important; font-weight: bold !important; padding-top: 5px; padding-bottom: 5px; padding-left: 6px; padding-right: 6px; }
.ChildTableSearchColumn { color: #37474F !important; display: inline-block; transform: scale(0.95,0.95); }
.CommonChildDataTableSearchFormDIV { padding: 20px 30px 25px 30px; background-color: #fff !important; border: 1px solid #CCD5DB; border-bottom: 0px; margin-bottom: 0px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.CommonChildDataTableSearchFormDIV .floating-label { font-size: 12px !important; }
.CommonChildDataTableSearchFormDIV .SearchColumnDIV { margin-bottom: 10px !important; }
.CommonChildDataTableSearchFormDIV .form-material.floating { margin-top: 5px !important; margin-bottom: 5px !important; }
.CommonChildDataTableSearchFormDIV .SearchColumnDIV .MinValueColumn input, .CommonChildDataTableSearchFormDIV .SearchColumnDIV .MaxValueColumn input { width: 174px !important; }
.CommonChildDataTableSearching { border: 1px solid #CCD5DB !important; border-top: 0px solid #CCD5DB !important; }

.IsNotAllowNullValueField { }
.关联信息层 { background-color: #fdfdfd; border: 1px solid #ddd; border-radius: 5px; }
.关联信息层 .TableCSSClassSpacerPadding8 .CellData { padding: 3px !important; }
.关联信息层 .ChildrenWorkFlowDataTable { width: 100% !important; }
.关联信息层 .GreenBigTitleDIV { line-height: 20px !important; }
.关联信息层 .hr { border-top: 1px solid #eaeaea; border-bottom: 1px solid #ffffff; height: 1px; }
.SubPageCommonDIV .关联信息层 { border: 0px !important; background-color: transparent !important; }
.SubPageCommonDIV .关联信息层 .RoundLinkButtonBlueSmall2 { text-shadow: none !important; }

.CommonTab { height: 33px; border-bottom: 1px solid #ccc; position: relative; }
.CommonTab .Tab { float: left; padding-bottom: 12px; font-size: 14px; width: 100px; text-align: center; cursor: pointer; }
.CommonTab .Focus { border-bottom: 1px solid red; font-weight: bold; }

.jqx-popup .CommonTab { height: 30px !important; }

#WorkFlowMainTableContainerTitleDIV { position: relative; }
#ChildTableImportExcelDIV { position: absolute; top: 5px; left: 150px; }
#ChildTableImportExcelDIV a { padding: 4px 6px 3px 6px !important; }
#ChildTableImportExcelDIV span { font-size: 11px !important; }

.AppImage { border-radius: 10px; padding: 10px; border: 1px solid #bbb; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); }
.LocationIcon { position: absolute; top: 1px; right: 30px; width: 28px; height: 28px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20enable-background%3D%22new%200%200%20100%20100%22%20id%3D%22Layer_1%22%20version%3D%221.1%22%20viewBox%3D%220%200%20100%20100%22%20width%3D%2228px%22%20height%3D%2228px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%3E%3Cpath%20d%3D%22M50.2%2C21.1c-12.7%2C0-22.9%2C10.3-22.9%2C22.9s22.9%2C37.1%2C22.9%2C37.1S73.1%2C56.7%2C73.1%2C44S62.9%2C21.1%2C50.2%2C21.1z%20%20%20%20M50.2%2C78.1c-2.1-2.3-6-6.8-9.9-12.1c-7.2-9.7-11-17.3-11-22.1c0-11.5%2C9.4-20.9%2C20.9-20.9S71.1%2C32.5%2C71.1%2C44%20%20%20c0%2C4.7-3.8%2C12.4-11%2C22.1C56.2%2C71.3%2C52.3%2C75.8%2C50.2%2C78.1z%22%20fill%3D%22%23221F1F%22%2F%3E%3Cpath%20d%3D%22M50.2%2C32.1c-6%2C0-10.8%2C4.8-10.8%2C10.8c0%2C6%2C4.8%2C10.8%2C10.8%2C10.8c6%2C0%2C10.8-4.8%2C10.8-10.8%20%20%20C61%2C37%2C56.2%2C32.1%2C50.2%2C32.1z%20M56.4%2C49.2c-1.6%2C1.6-3.8%2C2.6-6.2%2C2.6c-2.4%2C0-4.6-1-6.2-2.6c-1.6-1.6-2.6-3.8-2.6-6.2%20%20%20c0-2.4%2C1-4.6%2C2.6-6.2c1.6-1.6%2C3.8-2.6%2C6.2-2.6c2.4%2C0%2C4.6%2C1%2C6.2%2C2.6c1.6%2C1.6%2C2.6%2C3.8%2C2.6%2C6.2C59%2C45.4%2C58%2C47.6%2C56.4%2C49.2z%22%20fill%3D%22%23000000%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: left center; }
.LocationIconText { position: absolute; top: 6px; right: 28px; font-size: 11px; }
.highcharts-container text[text-anchor='end'] { display: none; }
.GreyRoundContainer { border-radius: 5px; background-color: #fcfcfc; border: 1px solid #eee; }
.UserPhotoDIV { width: 150px; height: 150px; padding-top: 20px; text-align: center; vertical-align: middle; margin-right: auto; margin-left: auto; margin-bottom: 28px; margin-top: 10px; background-image: url(../image/RoundPhotoBgUser.png); background-position: center center; background-repeat: no-repeat; position: relative; }
.UserPhotoDIV .SetUserHeaderIcon { position: absolute; bottom: -26px; left: 35px; cursor: pointer; }
.UserPhotoDIV .ClearUserHeaderIcon { position: absolute; bottom: -26px; left: 75px; cursor: pointer; }
#NoticeUserCompanyRuleDIV { font-size: 12px; font-family: 'Microsoft YaHei' !important; color: #666; }

.CommonTabContainer { border-bottom: 1px solid #ddd; height: 24px; margin-top: 20px; font-size: 13px; }
.CommonTabContainer .Focus { border-bottom: 2px solid #3e8ef7; font-weight: bold; color: #3e8ef7; }
.CommonTabContainer div { float: left; margin-left: 5px; margin-right: 5px; text-align: center; padding-bottom: 7px; color: #000000; padding-left: 5px; padding-right: 5px; cursor: pointer; }
.CommonTabContainer .FistTab { margin-left: 10px !important; }
.CommonTabMainContentDIV { padding: 10px; }
.PermissionUserForWorkFlowStepSPAN { line-height: 11px !important; }
.HtmlControlCellCheckBoxContainer { display: -moz-inline-box; display: inline-block; margin-right: 8px; line-height: 20px; float: left; }
.ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; }
.context-menu-list { background: #fff none repeat scroll 0 0; border: 1px solid #bebebe; border-radius: 0.5em; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); display: inline-block; font-family: inherit; font-size: inherit; list-style-type: none; margin: 0.3em; max-width: 26em; min-width: 13em; padding: 0.25em 0; position: absolute; padding: 5px 8px 5px 8px; }
.context-menu-list div { padding: 3px; cursor: pointer; }
.ExcelTable td.ui-selecting { background: #FECA40 !important; }
.ExcelTable td.ui-selected { background: #F39814 !important; color: white !important; }
.ExcelTable td { height: 18px; padding: 0.4em; font-size: 1.4em; }
#launcher4 .ui-icon-gear { background: none !important; }
#DesignModeButtonDIV { position: fixed; right: 10px; bottom: 5px; width: 46px; height: 46px; background-image: url(../image/DesignModeButton.png); background-repeat: no-repeat; background-position: left top; cursor: pointer; }
.CommonAddNewButton { cursor: pointer; border: 2px dashed #999; padding: 30px; width: 20px; height: 20px; border-radius: 5px; background-image: url(../image/CommonAddNewButton.png); background-position: center center; background-repeat: no-repeat; }

.DialPhoneNumberPanel td { padding: 6px 18px 6px 18px; }
.DialPhoneNumberPanel .KeyBoard { font-size: 16px; width: 40px; height: 40px; padding: 10px; border: 1px solid #ccc; border-radius: 35px; float: left; text-align: center; line-height: 40px; color: #333; cursor: pointer; box-sizing: content-box !important; }
.DialPhoneNumberPanel .KeyBoard:hover, #DialPhoneNumberWindowDIV .CloseButton:hover { background-color: #3e8ef7 !important; color: #fff !important; }
.DialPhoneNumberDIV { padding: 10px; text-align: center; padding-top: 0px; }
.DialPhoneNumberDIV { margin-top: 0px; margin-bottom: 0px; }
#DialPhoneNumber { font-size: 22px !important; width: 260px !important; padding: 5px !important; border: 0px !important; border-bottom: 1px solid #ccc !important; border-radius: 0px !important; box-shadow: none !important; text-align: center; }
.DialPhoneNumberPanel .DialButton { background-color: #42A102 !important; background-image: url(../image/dial.png); background-repeat: no-repeat; background-position: center center; }
.DialPhoneNumberPanel .DialButton:hover { background-color: #42A102 !important; }
.DialPhoneNumberPanel .HangupButton { background-color: #EC008C !important; background-image: url(../image/hangup.png); background-repeat: no-repeat; background-position: center center; }
.DialPhoneNumberPanel .HangupButton:hover { background-color: #EC008C !important; }
.DialPhoneNumberPanel .SettingButton { font-size: 14px; }
#DialPhoneNumberWindowDIV .CloseButton { border: 1px solid #ccc; border-radius: 8px; background-color: #fff; padding: 9px; color: #333; width: 230px; text-align: center; font-size: 15px; cursor: pointer; }
#DialPhoneNumberStatusDIV { margin-top: 10px; margin-bottom: 10px; font-size: 14px; width: 350px; border: 1px solid red; border: 0px solid red; }

.lcs_wrap { display: inline-block; direction: ltr; height: 28px; vertical-align: middle; }
.lcs_wrap input { display: none; }
.lcs_switch { display: inline-block; position: relative; width: 58px; height: 28px; border-radius: 30px; background: #ddd; overflow: hidden; cursor: pointer; -webkit-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.lcs_cursor { display: inline-block; position: absolute; top: 3px; width: 22px; height: 22px; border-radius: 100%; background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1); z-index: 10; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; }
.lcs_label { font-size: 12px; letter-spacing: 1px; line-height: 18px; color: #fff; font-weight: bold; position: absolute; width: 23px; top: 5px; overflow: hidden; text-align: center; opacity: 0; -webkit-transition: all .2s ease-in-out .1s; -ms-transition: all .2s ease-in-out .1s; transition: all .2s ease-in-out .1s; }
.lcs_label.lcs_label_on { left: -55px; z-index: 6; }
.lcs_label.lcs_label_off { right: -55px; z-index: 5; }
.lcs_switch.lcs_on { background: #75b936; box-shadow: 0 0 2px #579022 inset; }
.lcs_switch.lcs_on .lcs_cursor { left: 33px; }
.lcs_switch.lcs_on .lcs_label_on { left: 10px; opacity: 1; }
.lcs_switch.lcs_off { background: #b2b2b2; box-shadow: 0px 0px 2px #a4a4a4 inset; }
.lcs_switch.lcs_off .lcs_cursor { left: 3px; }
.lcs_switch.lcs_off .lcs_label_off { right: 10px; opacity: 1; }
.lcs_switch.lcs_disabled { opacity: 0.65; filter: alpha(opacity=65); cursor: default; }

.lcs_wrap { display: inline-block; direction: ltr; height: 26px; vertical-align: middle; }
.lcs_wrap input { display: none; }
.lcs_switch { display: inline-block; position: relative; width: 54px; height: 26px; border-radius: 28px; background: #ddd; overflow: hidden; cursor: pointer; -webkit-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.lcs_cursor { display: inline-block; position: absolute; top: 3px; width: 20px; height: 20px; border-radius: 100%; background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1); z-index: 10; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; }
.lcs_label { font-size: 12px; letter-spacing: 0px; line-height: 18px; color: #fff; font-weight: bold; position: absolute; width: 22px; top: 4px; overflow: hidden; text-align: center; opacity: 0; -webkit-transition: all .2s ease-in-out .1s; -ms-transition: all .2s ease-in-out .1s; transition: all .2s ease-in-out .1s; font-family: 'Microsoft YaHei'; }
.lcs_label.lcs_label_on { left: -53px; z-index: 6; }
.lcs_label.lcs_label_off { right: -53px; z-index: 5; }
.lcs_switch.lcs_on { background: #3E8EF7; box-shadow: 0 0 2px #33b5e5 inset; }
.lcs_switch.lcs_on .lcs_cursor { left: 31px; }
.lcs_switch.lcs_on .lcs_label_on { left: 10px; opacity: 1; }
.lcs_switch.lcs_off { background: #ddd; box-shadow: 0px 0px 2px #a4a4a4 inset; }
.lcs_switch.lcs_off .lcs_cursor { left: 3px; }
.lcs_switch.lcs_off .lcs_label_off { right: 10px; opacity: 1; }
.lcs_switch.lcs_disabled { opacity: 0.65; filter: alpha(opacity=65); cursor: default; }

.CRMMenuContainer { border-radius: 5px; background-color: #fcfcfc; border: 1px solid #eee; }
.CommonGroupTabDIV .AddNewButtonDIV { padding-top: 2px; }
.CommonGroupTabDIV .ContentDIV { padding: 10px; overflow: hidden; }
.CommonGroupTabDIV .jqx-expander-header { padding-bottom: 1px; padding-top: 2px; }
.CommonGroupTabDIV .TitleDIV { padding-left: 5px; }
.CRMMenuContainer { padding: 10px; padding-top: 0px; margin-top: 10px; padding-bottom: 3px; }
.CRMMenuContainer .GreenBigTitleDIV { margin-top: 5px !important; font-size: 15px !important; margin-bottom: 5px !important; }
.CRMMenuContainer .ContentDIV, .ControlButtonInnerDIV:hover { background-color: #fff; border: 1px solid #e6e6e6; border-radius: 5px; background: #FFF !important; color: #333 !important; border-color: #4CC5EC !important; outline: 0px solid #4CC5EC; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 15px rgba(102, 175, 233, 0.6); }
.CRMMenuContainer .ContentDIV .AbsoluteRight a { background-color: #fff; border-radius: 0.6em; color: #fff; padding: 4px 5px 4px 5px; color: #888 !important; border: 1px solid #ddd; text-shadow: none; font-size: 11px; }
.CRMCategoryControlTitleDIV { position: absolute; right: 0px; top: 0px; width: 25px; font-size: 11px; }
.CRMMenuContainer .TitleDIV { position: relative; font-size: 12px; margin-top: 6px; padding-top: 6px !important; margin-bottom: 6px; border-top: 1px solid #EEEEEE; padding-left: 5px; }
.CRMMenuContainer .TitleDIV b { font-weight: bold; color: #666; font-size: 11px; }
.CRMMenuContainer .TitleDIV .AddNewButtonDIV { position: absolute; right: 0px; top: 4px; color: #aaa !important; background-image: url(../image/AddNewButton.png); background-position: center center; background-repeat: no-repeat; width: 40px; height: 22px; }
.CRMMenuContainer .TitleDIV .AddNewButtonDIV img { display: none; }
.CRMMenuContainer .TitleDIV .AddNewButtonDIV { cursor: pointer; }
.CRMMenuContainer .ContentDIV { display: none; padding: 10px; }
.CRMMenuContainer .GreyStatusSPAN { left: 100px; top: -8px; color1: red; font-size: 10px; color: #999; }
.CRMMenuControlTitleDIV { position: absolute; left: 0px; width: 180px; height: 30px; top: 0px; }

.PopupCategoryContainer { border: 1px solid #eee; border-radius: 5px; padding: 10px; margin-top: 10px; }

.sidebar-nav .ztree li { position: relative; }
.sidebar-nav .ztree li .Status { position: absolute; right: 2px; top: 0px; background-color: red; background-image: none !important; border-radius: 1em !important; height: 20px; min-width: 10px; padding-left: 6px !important; padding-right: 6px !important; width: auto !important; font-size: 11px !important; color: #fff !important; font-weight: normal !important; line-height: 20px !important; font-family: Arial !important; }

.DisplayPageDesignModeToolBar { position: fixed; bottom: 10px; right: 10px; z-index: 15000; font-size: 12px; font-weight: 300; }
.SignatureImage { max-width: 90px; }
.mui-navigate-right .SignatureImage { width: 100px; }

.WeXinHeader { width: 34px; border-radius: 5px; }
#CustomerWeXinInfoDIV .WeXinHeader { width: 185px; padding: 5px; border: 1px solid #ddd; }
#PopupShowTipDIV { position: fixed; left: 50%; top: 50%; display: none; z-index: 999999; min-width: 200px; text-align: center; padding: 10px; font-size: 12px; border-radius: 5px; border: 1px solid green; font-weight: bold; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(0, 0, 0, 0.3); }
#PopupShowTipDIV.alert-success { color1: #3c763d; background-color1: #dff0d8; border-color1: #d6e9c6; background-color: #fff; padding: 12px; font-size: 14px; border: 1px solid #fff; color: green !important; background-image: url(../image/icon_workflow_approve.png); background-repeat: no-repeat; background-position: 10px center; padding-left: 40px; text-align: left; }
#PopupShowTipDIV.alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
#PopupShowTipDIV.alert-info { color: #fff; background-color: #000; border-color: #000; opacity: 0.8; }
#PopupShowTipDIV.alert-warning { color: #FA5C06; background-color: #fcf8e3; border-color: #faebcc; }
.SignatureImageContainer { position: relative; }

.badge { min-width: 20px !important; }
@font-face { font-family: Muiicons; font-weight: 400; font-style: normal; src: url(../App/fonts/mui.ttf) format('truetype'); }
.mui-icon { font-family: Muiicons; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1; display: inline-block; text-decoration: none; -webkit-font-smoothing: antialiased; }
.mui-icon.mui-active { color1: #007aff; color: #11b7f3; }
.mui-icon.mui-right:before { float: right; padding-left: .2em; }
.mui-icon-contact:before { content: '\e100'; }
.mui-icon-person:before { content: '\e101'; }
.mui-icon-personadd:before { content: '\e102'; }
.mui-icon-contact-filled:before { content: '\e130'; }
.mui-icon-person-filled:before { content: '\e131'; }
.mui-icon-personadd-filled:before { content: '\e132'; }
.mui-icon-phone:before { content: '\e200'; }
.mui-icon-email:before { content: '\e201'; }
.mui-icon-chatbubble:before { content: '\e202'; }
.mui-icon-chatboxes:before { content: '\e203'; }
.mui-icon-phone-filled:before { content: '\e230'; }
.mui-icon-email-filled:before { content: '\e231'; }
.mui-icon-chatbubble-filled:before { content: '\e232'; }
.mui-icon-chatboxes-filled:before { content: '\e233'; }
.mui-icon-weibo:before { content: '\e260'; }
.mui-icon-weixin:before { content: '\e261'; }
.mui-icon-pengyouquan:before { content: '\e262'; }
.mui-icon-chat:before { content: '\e263'; }
.mui-icon-qq:before { content: '\e264'; }
.mui-icon-videocam:before { content: '\e300'; }
.mui-icon-camera:before { content: '\e301'; }
.mui-icon-mic:before { content: '\e302'; }
.mui-icon-location:before { content: '\e303'; }
.mui-icon-mic-filled:before, .mui-icon-speech:before { content: '\e332'; }
.mui-icon-location-filled:before { content: '\e333'; }
.mui-icon-micoff:before { content: '\e360'; }
.mui-icon-image:before { content: '\e363'; }
.mui-icon-map:before { content: '\e364'; }
.mui-icon-compose:before { content: '\e400'; }
.mui-icon-trash:before { content: '\e401'; }
.mui-icon-upload:before { content: '\e402'; }
.mui-icon-download:before { content: '\e403'; }
.mui-icon-close:before { content: '\e404'; }
.mui-icon-redo:before { content: '\e405'; }
.mui-icon-undo:before { content: '\e406'; }
.mui-icon-refresh:before { content: '\e407'; }
.mui-icon-star:before { content: '\e408'; }
.mui-icon-plus:before { content: '\e409'; }
.mui-icon-minus:before { content: '\e410'; }
.mui-icon-checkbox:before, .mui-icon-circle:before { content: '\e411'; }
.mui-icon-clear:before, .mui-icon-close-filled:before { content: '\e434'; }
.mui-icon-refresh-filled:before { content: '\e437'; }
.mui-icon-star-filled:before { content: '\e438'; }
.mui-icon-plus-filled:before { content: '\e439'; }
.mui-icon-minus-filled:before { content: '\e440'; }
.mui-icon-circle-filled:before { content: '\e441'; }
.mui-icon-checkbox-filled:before { content: '\e442'; }
.mui-icon-closeempty:before { content: '\e460'; }
.mui-icon-refreshempty:before { content: '\e461'; }
.mui-icon-reload:before { content: '\e462'; }
.mui-icon-starhalf:before { content: '\e463'; }
.mui-icon-spinner:before { content: '\e464'; }
.mui-icon-spinner-cycle:before { content: '\e465'; }
.mui-icon-search:before { content: '\e466'; }
.mui-icon-plusempty:before { content: '\e468'; }
.mui-icon-forward:before { content: '\e470'; }
.mui-icon-back:before, .mui-icon-left-nav:before { content: '\e471'; }
.mui-icon-checkmarkempty:before { content: '\e472'; }
.mui-icon-home:before { content: '\e500'; }
.mui-icon-navigate:before { content: '\e501'; }
.mui-icon-gear:before { content: '\e502'; }
.mui-icon-paperplane:before { content: '\e503'; }
.mui-icon-info:before { content: '\e504'; }
.mui-icon-help:before { content: '\e505'; }
.mui-icon-locked:before { content: '\e506'; }
.mui-icon-more:before { content: '\e507'; }
.mui-icon-flag:before { content: '\e508'; }
.mui-icon-home-filled:before { content: '\e530'; }
.mui-icon-gear-filled:before { content: '\e532'; }
.mui-icon-info-filled:before { content: '\e534'; }
.mui-icon-help-filled:before { content: '\e535'; }
.mui-icon-more-filled:before { content: '\e537'; }
.mui-icon-settings:before { content: '\e560'; }
.mui-icon-list:before { content: '\e562'; }
.mui-icon-bars:before { content: '\e563'; }
.mui-icon-loop:before { content: '\e565'; }
.mui-icon-paperclip:before { content: '\e567'; }
.mui-icon-eye:before { content: '\e568'; }
.mui-icon-arrowup:before { content: '\e580'; }
.mui-icon-arrowdown:before { content: '\e581'; }
.mui-icon-arrowleft:before { content: '\e582'; }
.mui-icon-arrowright:before { content: '\e583'; }
.mui-icon-arrowthinup:before { content: '\e584'; }
.mui-icon-arrowthindown:before { content: '\e585'; }
.mui-icon-arrowthinleft:before { content: '\e586'; }
.mui-icon-arrowthinright:before { content: '\e587'; }
.mui-icon-pulldown:before { content: '\e588'; }
.mui-segmented-control { background-color: transparent; border: 1px solid #007aff; border-radius: 3px; display: table; font-size: 15px; font-weight: 400; overflow: hidden; position: relative; table-layout: fixed; width: 100%; cursor: pointer; }
.mui-segmented-control.mui-segmented-control-vertical { border-collapse: collapse; border-radius: 0; border-width: 0; }
.mui-segmented-control.mui-segmented-control-vertical .mui-control-item { border-bottom: 1px solid #c8c7cc; border-left-width: 0; display: block; }
.mui-segmented-control.mui-scroll-wrapper { height: 38px; }
.mui-segmented-control.mui-scroll-wrapper .mui-scroll { height: 40px; white-space: nowrap; width: auto; }
.mui-segmented-control.mui-scroll-wrapper .mui-control-item { border: 0 none; display: inline-block; padding: 0 20px; width: auto; }
.mui-segmented-control .mui-control-item { border-color: #007aff; border-left: 1px solid #007aff; color: #007aff; display: table-cell; line-height: 38px; overflow: hidden; text-align: center; text-overflow: ellipsis; transition: background-color 0.1s linear 0s; white-space: nowrap; width: 1%; }
.mui-segmented-control .mui-control-item:first-child { border-left-width: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.mui-segmented-control .mui-control-item:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.mui-segmented-control .mui-control-item.mui-active { background-color: #007aff; color: #fff; }
.mui-segmented-control.mui-segmented-control-inverted { border: 0 none; border-radius: 0; width: 100%; }
.mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item, .mui-segmented-control.mui-segmented-control-inverted.mui-segmented-control-vertical .mui-control-item.mui-active { border-bottom: 1px solid #c8c7cc; }
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item { border: 0 none; color: inherit; }
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 2px solid #007aff; color: #007aff; }
.mui-segmented-control.mui-segmented-control-inverted ~ .mui-slider-progress-bar { background-color: #007aff; }
.mui-segmented-control-positive { border: 1px solid #4cd964; }
.mui-segmented-control-positive .mui-control-item { border-color: inherit; color: #4cd964; }
.mui-segmented-control-positive .mui-control-item.mui-active { background-color: #4cd964; color: #fff; }
.mui-segmented-control-positive.mui-segmented-control-inverted .mui-control-item.mui-active { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 2px solid #4cd964; color: #4cd964; }
.mui-segmented-control-positive.mui-segmented-control-inverted ~ .mui-slider-progress-bar { background-color: #4cd964; }
.mui-segmented-control-negative { border: 1px solid #dd524d; }
.mui-segmented-control-negative .mui-control-item { border-color: inherit; color: #dd524d; }
.mui-segmented-control-negative .mui-control-item.mui-active { background-color: #dd524d; color: #fff; }
.mui-segmented-control-negative.mui-segmented-control-inverted .mui-control-item.mui-active { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 2px solid #dd524d; color: #dd524d; }
.mui-segmented-control-negative.mui-segmented-control-inverted ~ .mui-slider-progress-bar { background-color: #dd524d; }
.mui-control-content { display: none; position: relative; }
.mui-control-content.mui-active { display: block; }
.mui-segmented-control { border: 1px solid #1AAD19; border-radius: 8px; }
.mui-segmented-control .mui-control-item { line-height: 30px; font-size: 12px; color: #3e8ef7 !important; }
.mui-segmented-control .mui-control-item.mui-active { background-color: #1AAD19; font-weight: bold; color: #fff !important; }
.mui-segmented-control .mui-control-item { color: #1AAD19; border-color: #1AAD19; }
.mui-table-view { background-color: #fff; list-style: outside none none; margin-bottom: 0; margin-top: 0; padding-left: 0; position: relative; }
.mui-table-view::after { background-color: #eee; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; right: 0; transform: scaleY(0.5); }
.mui-table-view::before { background-color: #eee; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: -1px; transform: scaleY(0.5); }
.mui-table-view-icon .mui-table-view-cell .mui-navigate-right .mui-icon { font-size: 20px; margin-left: -5px; margin-right: 5px; margin-top: -1px; }
.mui-table-view-icon .mui-table-view-cell::after { left: 40px; }
.mui-table-view-chevron .mui-table-view-cell { padding-right: 65px; }
.mui-table-view-chevron .mui-table-view-cell > a:not(.mui-btn) { margin-right: -65px; }
.mui-table-view-radio .mui-table-view-cell { padding-right: 65px; }
.mui-table-view-radio .mui-table-view-cell > a:not(.mui-btn) { margin-right: -65px; }
.mui-table-view-radio .mui-table-view-cell .mui-navigate-right::after { color: #007aff; content: ""; font-size: 30px; font-weight: 600; right: 9px; }
.mui-table-view-radio .mui-table-view-cell.mui-selected .mui-navigate-right::after { content: ""; }
.mui-table-view-inverted { background: #333 none repeat scroll 0 0; color: #fff; }
.mui-table-view-inverted::after { background-color: #222; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; right: 0; transform: scaleY(0.5); }
.mui-table-view-inverted::before { background-color: #222; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(0.5); }
.mui-table-view-inverted .mui-table-view-cell::after { background-color: #222; bottom: 0; content: ""; height: 1px; left: 15px; position: absolute; right: 0; transform: scaleY(0.5); }
.mui-table-view-inverted .mui-table-view-cell.mui-active, .mui-table-view-inverted .mui-table-view-cell > a.mui-active:not(.mui-btn) { background-color: #242424; }
.mui-table-view-cell { overflow: hidden; padding: 11px 15px; position: relative; }
.mui-table-view-cell::after { background-color: #f7f7f7; bottom: 0; content: ""; height: 1px; left: 15px; position: absolute; right: 0; transform: scaleY(0.5); }
.mui-table-view-cell.mui-checkbox input[type="checkbox"], .mui-table-view-cell.mui-radio input[type="radio"] { top: 8px; }
.mui-table-view-cell.mui-checkbox.mui-left, .mui-table-view-cell.mui-radio.mui-left { padding-left: 58px; }
.mui-table-view-cell.mui-active { background-color: #eee; }
.mui-table-view-cell:last-child::after, .mui-table-view-cell:last-child::before { height: 0; }
.mui-table-view-cell > a:not(.mui-btn) { color: inherit; display: block; margin: -11px -15px; overflow: hidden; padding: inherit; position: relative; text-overflow: ellipsis; white-space: nowrap; }
.mui-table-view-cell > a.mui-active:not(.mui-btn) { background-color: #eee; }
.mui-table-view-cell p { margin-bottom: 0; }
.mui-table-view-cell.mui-transitioning > .mui-slider-handle, .mui-table-view-cell.mui-transitioning > .mui-slider-left .mui-btn, .mui-table-view-cell.mui-transitioning > .mui-slider-right .mui-btn { transition: transform 300ms ease 0s; }
.mui-table-view-cell.mui-active > .mui-slider-handle { background-color: #eee; }
.mui-table-view-cell > .mui-slider-handle { background-color: #fff; position: relative; }
.mui-table-view-cell > .mui-slider-handle .mui-navigate-right::after, .mui-table-view-cell > .mui-slider-handle.mui-navigate-right::after { right: 0; }
.mui-table-view-cell > .mui-slider-handle, .mui-table-view-cell > .mui-slider-left .mui-btn, .mui-table-view-cell > .mui-slider-right .mui-btn { transition: transform 0ms ease 0s; }
.mui-table-view-cell > .mui-slider-left, .mui-table-view-cell > .mui-slider-right { display: flex; height: 100%; position: absolute; top: 0; }
.mui-table-view-cell > .mui-slider-left > .mui-btn, .mui-table-view-cell > .mui-slider-right > .mui-btn { -moz-box-align: center; align-items: center; border: 0 none; border-radius: 0; color: #fff; display: flex; left: 0; padding: 0 30px; position: relative; }
.mui-table-view-cell > .mui-slider-left > .mui-btn::after, .mui-table-view-cell > .mui-slider-right > .mui-btn::after { background: inherit; content: ""; height: 100%; position: absolute; top: 0; width: 600%; z-index: -1; }
.mui-table-view-cell > .mui-slider-left > .mui-btn.mui-icon, .mui-table-view-cell > .mui-slider-right > .mui-btn.mui-icon { font-size: 30px; }
.mui-table-view-cell > .mui-slider-right { right: 0; transform: translateX(100%); transition: transform 0ms ease 0s; }
.mui-table-view-cell > .mui-slider-left { left: 0; transform: translateX(-100%); transition: transform 0ms ease 0s; }
.mui-table-view-cell > .mui-slider-left > .mui-btn::after { margin-right: -1px; right: 100%; }

.mui-table-view-divider { background-color: #fff; color: #999; font-weight: bold; margin-left: 0; margin-top: -1px; padding-bottom: 8px; padding-left: 23px; padding-top: 8px; position: relative; font-size: 12px; }
.mui-table-view-divider::after { background-color: #eee; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; right: 0; transform: scaleY(0.5); }
.mui-table-view-divider::before { background-color: #eee; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(0.5); }
.mui-table-view-divider-first::before { height: 0px !important; }

.mui-table-view .mui-media, .mui-table-view .mui-media-body { overflow: hidden; }
.mui-table-view .mui-media-large .mui-media-object { height: 80px; line-height: 80px; max-width: 80px; }
.mui-table-view .mui-media .mui-subtitle { color: #000; }
.mui-table-view .mui-media-object { height: 42px; line-height: 42px; max-width: 42px; }
.mui-table-view .mui-media-object.mui-pull-left { margin-right: 10px; }
.mui-table-view .mui-media-object.mui-pull-right { margin-left: 10px; }
.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object { height: 29px; line-height: 29px; margin: -4px 0; max-width: 29px; }
.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object img { height: 29px; line-height: 29px; max-width: 29px; }
.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object.mui-pull-left { margin-right: 10px; }
.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-object .mui-icon { font-size: 29px; }
.mui-table-view .mui-table-view-cell.mui-media-icon .mui-media-body::after { background-color: #c8c7cc; bottom: 0; content: ""; height: 1px; left: 55px; position: absolute; right: 0; transform: scaleY(0.5); }
.mui-table-view .mui-table-view-cell.mui-media-icon::after { height: 0 !important; }
.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view { display: block; }
.mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view::after, .mui-table-view.mui-unfold .mui-table-view-cell.mui-collapse .mui-table-view::before { height: 0 !important; }
.mui-table-view.mui-unfold .mui-table-view-cell.mui-media-icon.mui-collapse .mui-media-body::after { background-color: #c8c7cc; bottom: 0; content: ""; height: 1px; left: 70px; position: absolute; right: 0; transform: scaleY(0.5); }
.mui-table-view-cell > .mui-badge, .mui-table-view-cell > .mui-btn, .mui-table-view-cell > .mui-switch, .mui-table-view-cell > a > .mui-badge, .mui-table-view-cell > a > .mui-btn, .mui-table-view-cell > a > .mui-switch { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }
.mui-table-view-cell .mui-navigate-right > .mui-badge, .mui-table-view-cell .mui-navigate-right > .mui-btn, .mui-table-view-cell .mui-navigate-right > .mui-switch, .mui-table-view-cell .mui-push-left > .mui-badge, .mui-table-view-cell .mui-push-left > .mui-btn, .mui-table-view-cell .mui-push-left > .mui-switch, .mui-table-view-cell .mui-push-right > .mui-badge, .mui-table-view-cell .mui-push-right > .mui-btn, .mui-table-view-cell .mui-push-right > .mui-switch, .mui-table-view-cell > a .mui-navigate-right > .mui-badge, .mui-table-view-cell > a .mui-navigate-right > .mui-btn, .mui-table-view-cell > a .mui-navigate-right > .mui-switch, .mui-table-view-cell > a .mui-push-left > .mui-badge, .mui-table-view-cell > a .mui-push-left > .mui-btn, .mui-table-view-cell > a .mui-push-left > .mui-switch, .mui-table-view-cell > a .mui-push-right > .mui-badge, .mui-table-view-cell > a .mui-push-right > .mui-btn, .mui-table-view-cell > a .mui-push-right > .mui-switch { right: 35px; }
.mui-content > .mui-table-view:first-child { margin-top: 15px; }
.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:last-child::after, .mui-table-view-cell.mui-collapse .mui-table-view::after, .mui-table-view-cell.mui-collapse .mui-table-view::before { height: 0; }
.mui-table-view-cell.mui-collapse > .mui-navigate-right::after, .mui-table-view-cell.mui-collapse > .mui-push-right::after { content: ""; }
.mui-table-view-cell.mui-collapse.mui-active { margin-top: -1px; }
.mui-table-view-cell.mui-collapse.mui-active .mui-collapse-content, .mui-table-view-cell.mui-collapse.mui-active .mui-table-view { display: block; }
.mui-table-view-cell.mui-collapse.mui-active > .mui-navigate-right::after, .mui-table-view-cell.mui-collapse.mui-active > .mui-push-right::after { content: ""; }
.mui-table-view-cell.mui-collapse.mui-active .mui-table-view-cell > a.mui-active:not(.mui-btn) { margin-left: -31px; padding-left: 47px; }
.mui-table-view-cell.mui-collapse .mui-collapse-content { background: #fff none repeat scroll 0 0; display: none; margin: 11px -15px -11px; overflow: hidden; padding: 8px 15px; position: relative; transition: height 0.35s ease 0s; }
.mui-table-view-cell.mui-collapse .mui-collapse-content > .mui-input-group, .mui-table-view-cell.mui-collapse .mui-collapse-content > .mui-slider { height: auto; margin: -8px -15px; width: auto; }
.mui-table-view-cell.mui-collapse .mui-collapse-content > .mui-slider { margin: -8px -16px; }
.mui-table-view-cell.mui-collapse .mui-table-view { border: 0 none; display: none; margin: 11px -15px -11px; }
.mui-table-view-cell.mui-collapse .mui-table-view.mui-table-view-chevron { margin-right: -65px; }
.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell { background-position: 31px 100%; padding-left: 31px; }
.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell::after { background-color: #c8c7cc; bottom: 0; content: ""; height: 1px; left: 30px; position: absolute; right: 0; transform: scaleY(0.5); }
.mui-table-view.mui-grid-view { display: block; font-size: 0; padding: 0 10px 10px 0; white-space: normal; width: 100%; }
.mui-table-view.mui-grid-view .mui-table-view-cell { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: inline-block; font-size: 17px; margin-right: -4px; padding: 10px 0 0 14px; text-align: center; vertical-align: middle; }
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object { height: auto; max-width: 100%; width: 100%; }
.mui-table-view.mui-grid-view .mui-table-view-cell > a:not(.mui-btn) { margin: -10px 0 0 -14px; }
.mui-table-view.mui-grid-view .mui-table-view-cell > a.mui-active:not(.mui-btn), .mui-table-view.mui-grid-view .mui-table-view-cell > a:active:not(.mui-btn) { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; }
.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body { color: #333; display: block; font-size: 15px; height: 15px; line-height: 15px; margin-top: 8px; text-overflow: ellipsis; width: 100%; }
.mui-table-view.mui-grid-view .mui-table-view-cell::after, .mui-table-view.mui-grid-view .mui-table-view-cell::before { height: 0; }
.mui-table-view-cell .UserHeadIconContainerDIV { float: left !important; }
/*.mui-table-view-cell { border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }*/
#UserChooserWindow .jqx-widget-content { font-size: 12px; }
#UserChooserWindow .jqx-widget-content-arctic { background-color: #fff !important; }
#UserChooserWindow .UserHeadIconContainerDIV { float: left !important; }
#UserChooserWindow .UserHeadIconContainerDIV, #ViewWorkFlowPermissionUserList .UserHeadIconContainerDIV { background-color: #fff; border-radius: 17px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); box-sizing: border-box; cursor: pointer; height: 34px; outline: 0 solid #4cc5ec; padding: 2px; width: 34px; }
#UserChooserWindow .UserHeadIconContainerDIV, #ViewWorkFlowPermissionUserList .UserHeadIconContainerDIV { left: 10px; position: absolute; top: 10px; }
#UserChooserWindow .UserHeadIcon, #ViewWorkFlowPermissionUserList .UserHeadIcon { border-radius: 15px; color: #1db9f2; font-family: heiti; font-size: 20px; height: 30px; line-height: 30px; overflow: hidden; position: relative; text-align: center; width: 30px; }
#UserChooserWindow .UserHeadIcon img, #ViewWorkFlowPermissionUserList .UserHeadIcon img { background-color: transparent !important; border-radius: 16px; height: 32px; left: -1px; position: absolute; top: -1px; width: 32px; }
#UserChooserWindow .jqx-window-content { padding: 0px !important; }
#UserChooserWindow .mui-indexed-list-search input { background-color: #f7f7f7; border-radius: 0; margin: 0; width: 100%; border: 0px; border-top: 1px solid #f1f4f5 !important; border-bottom: 1px solid #f1f4f5 !important; line-height: 30px; text-align: center; height: 30px; -webkit-user-select: text !important; }
#UserChooserWindow .mui-table-view-cell .UserHeadIconContainerDIV { float: left !important; }
#UserChooserWindow .mui-table-view-cell .mui-icon-checkbox { color: #ccc !important; }
#UserChooserWindow .mui-table-view-cell .mui-icon-checkbox-filled { color: #3e8ef7 !important; }
#UserChooserWindow .CellDataSelectorCheckbox { font-size: 28px !important; }
.mui-icon-checkbox:before, .mui-icon-circle:before { content: '\e411'; }
.mui-icon-checkbox-filled:before { content: '\e442'; }
#UserChooserWindow #UserChooserPageMainContentDIV .mui-table-view::before { height: 0px; }
#UserChooserWindow .mui-badge { padding: 2px 9px; border-radius: 10px; font-size: 11px; }
#UserChooserWindow .mui-badge-green { background-color: #1aad19 !important; color: #fff; }

#UserChooserWindow * { text-shadow: none !important; }
#UserChooserWindow #UserChooserWindowTitle { color: #000 !important; }
#UserChooserWindow .jqx-window-header { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border-color: #fff !important; box-shadow: none !important; }
#UserChooserWindow .jqx-window-header div { color: #fff !important; }
#UserChooserWindow .panel-title { font-size: 20px !important; margin-bottom: 15px; }
#UserChooserWindow .CustomerSaleChanceID { width: 310px !important; }
#UserChooserWindow .TitleRow { font-size: 14px; margin-bottom: 5px; }
#UserChooserWindow .ContentRow { padding-bottom: 3px; padding-top: 3px; }
#UserChooserWindow .ContentRow * { color: #999; font-size: 12px; }
#UserChooserWindow .CustomerCellDataSelectorItem { border-top: 1px solid #eee; padding-bottom: 20px; padding-top: 20px; position: relative; }
#UserChooserWindow .SetTop { background-color: #ff6a00; border-radius: 5px; color: #fff; font-size: 11px; padding: 1px 5px; position: absolute; right: 15px; }
#UserChooserWindow .mui-segmented-control .mui-control-item.mui-active { background-color: #3e8ef7; }
#UserChooserWindow .mui-segmented-control .mui-control-item, #UserChooserWindow .mui-segmented-control { border-color: #3e8ef7 !important; }
#UserChooserWindow .PopupDialogWindowToolbar { background-color: #fff !important; border-top: 1px solid #eee !important; }
#UserChooserWindow .PopupDialogWindowToolbar .btn { line-height: 30px !important;; height: 30px !important; font-size: 12px !important; font-weight: bold !important; }
#UserChooserWindow .mui-badge-green { background-color: #3e8ef7 !important; }
ul.ui-autocomplete { display: none; }

.zoomify { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; }
.zoomify.zoomed { cursor: -webkit-zoom-out; cursor: zoom-out; padding: 0; margin: 0; border: none; border-radius: 0 !important; box-shadow: none; position: relative; z-index: 1501; }
.zoomify-shadow { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: block; z-index: 1500; background: rgba(0,0,0,.6); opacity: 0; }
.zoomify-shadow.zoomed { opacity: 1; cursor: pointer; cursor: -webkit-zoom-out; cursor: zoom-out; }

#UserPreviewColumnSettingQuickFilterListDIV { margin-top: 5px; margin-bottom: 10px; }
.UserPreviewColumnSettingQuickFilter { position: relative; margin-top: 8px; font-size: 12px; padding: 3px 10px; color: #fff; background-color: #52CBF1; border: 1px solid #52CBF1; line-height: 18px; border-radius: 5px; text-align: center; }
.UserPreviewColumnSettingQuickFilter:hover { box-shadow: 0 0px 1px rgba(0, 0, 0, 0.054) inset, 0 0 5px rgba(0, 0, 0, 0.15); background-color: #fff; color: #000; border: 1px solid #ccc; }
.UserPreviewColumnSettingQuickFilter .DeleteButton { font-size: 16px; visibility: hidden; float: right; margin-top: 3px; }
.UserPreviewColumnSettingQuickFilter:hover .DeleteButton { visibility: visible; }

.ExpandCollapsePlaceHolder { margin-bottom: 10px; }
.ExpandCollapsePlaceHolder .TitlePlaceHolder { background-color: #888; color: #fff; font-size: 14px; font-weight: bold; padding: 7px 10px 7px 10px; cursor: pointer; border-top-left-radius: 5px; border-top-right-radius: 5px; position: relative; }
.ExpandCollapsePlaceHolder .TitlePlaceHolder .mui-icon { width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; font-size: 16px; }

#DesktopRightMainContentDIV .GreyStatusSPAN { background-color: #f96868; background-image: none; background-position: center center; background-repeat: no-repeat; border-radius: 13px; color: #fff; font-family: Arial; font-size: 10px; font-style: normal; font-weight: bold; height: 13px !important; line-height: 13px; margin-left: 10px !important; padding: 2px 1px; position: absolute; text-align: center; top: 7px !important; min-width: 22px; text-shadow: none !important; }

.order-track ol, .order-track ul { list-style: outside none none !important; }
.order-track .track-list { position: relative; }
.order-track .track-list li { border-left: 1px solid #d9d9d9; color: #333; line-height: 18px !important; padding: 9px 0 0 25px; position: relative; }
.order-track .track-list .link { cursor: pointer; }
.order-track .track-list li .node-icon { background: rgba(0, 0, 0, 0) url("../image/order-icons.png") no-repeat scroll -21px -72px !important; height: 11px; left: -6px; position: absolute; top: 50%; width: 11px; }
.order-track .track-list li .time, .order-track .track-list li .txt { display: inline-block; position: relative; top: 4px; vertical-align: middle; }
.order-track .track-list li .txt { max-width: 505px; }
.order-track .track-list li .time { }
.order-track .track-list li.first { border-left-color: #fff; color: green; padding-top: 0; }
#PageRightContentSliderContentDIV { overflow: auto; }
.CheckedIcon { width: 22px; height: 22px; background-image: url(../image/checked.png); background-position: center center; background-repeat: no-repeat; display: block; position: absolute; background-size: 13px; }

#GridQuickFilterSummaryDIV, .GridQuickFilterSummaryDIV { margin-bottom: 0px; border-radius: 5px; padding: 0px 0px 0px 0px; border: 0px solid #eee; padding-left: 0px; background-color: #fefefe; }
#GridQuickFilterSummaryDIV td, .GridQuickFilterSummaryDIV td { }
#GridQuickFilterSummaryDIV td .TitleDIV, .GridQuickFilterSummaryDIV td .TitleDIV { color: #ccc; text-align: center; margin-bottom: 6px; font-size: 12px; font-family: "-apple-system","PingFang SC",'PingFang','PingFang SC','Microsoft YaHei'; transform: scale(0.9,0.9); }
#GridQuickFilterSummaryDIV td .ResultDIV, .GridQuickFilterSummaryDIV td .ResultDIV { color: #3e8ef7; text-align: center; font-size: 17px; font-weight: bold; font-family: "-apple-system","PingFang SC",'PingFang','Microsoft YaHei','Arial'; font-weight: normal; }
#GridQuickFilterSummaryDIV td .VerticalSpacerDIV, .GridQuickFilterSummaryDIV td .VerticalSpacerDIV { border-right: 1px solid #f3f3f3; }
#GridQuickFilterSummaryDIV .ToolBarDIV, .GridQuickFilterSummaryDIV .ToolBarDIV { margin-top: 15px; text-align: center; }
#GridQuickFilterSummaryDIV .ToolBarDIV a, .GridQuickFilterSummaryDIV .ToolBarDIV a { padding: 2px 8px; border: 1px solid #ddd; border-radius: 5px; font-size: 11px; color: #666; background-color: #fff; }
#GridQuickFilterSummaryDIV .CellArea, .GridQuickFilterSummaryDIV .CellArea { padding: 2px 20px; }
#GridQuickFilterSummaryDIV .Unit, .GridQuickFilterSummaryDIV .Unit { color: #999; font-size: 11px; padding-left: 3px; }
#GridQuickFilterSummaryDIV .EnableSummaryJavaScriptFilter, .GridQuickFilterSummaryDIV .EnableSummaryJavaScriptFilter { cursor: pointer; background-color: #fff; }
#GridQuickFilterSummaryDIV .EnableSummaryJavaScriptFilter:hover, .GridQuickFilterSummaryDIV .EnableSummaryJavaScriptFilter:hover { background-color: #f9f9f9; border-radius: 5px; }
#GridQuickFilterSummaryDIV .EnableSummaryJavaScriptFilter1:hover *, .GridQuickFilterSummaryDIV .EnableSummaryJavaScriptFilter1:hover * { color: #fff !important; }
#GridQuickFilterSummaryDIV .GridQuickFilterSummaryResultFocus, .GridQuickFilterSummaryDIV .GridQuickFilterSummaryResultFocus { background-color: #3E8EF7 !important; color: #fff !important; border-radius: 5px; }
#GridQuickFilterSummaryDIV .GridQuickFilterSummaryResultFocus *, .GridQuickFilterSummaryDIV .GridQuickFilterSummaryResultFocus * { color: #fff !important; }

#qtip-PopupDIVSelector canvas { display: none; }
#PopupSelectorContainerDIV { padding-top: 5px; }
#PopupSelectorSearchKeyword { /*width: 100%;*/ /*padding-top: 6px; padding-bottom: 6px;*/ text-align: center; /*border-radius: 6px !important;*/ }
#PopupSelectorDataListDIV { padding: 0px; overflow: auto; margin-top: 10px; }
.CellPopupDataSelectorItem { padding: 5px; border-bottom: 1px solid #eee; }
.CellPopupDataSelectorItem div { padding: 5px; }
.CellPopupDataSelectorItem:hover { background-color: #f6f6f6; border-bottom-color: transparent !important; border-radius: 5px; }
.CellPopupDataSelectorItem .PhotoDIV, .CellPopupDataSelectorItem .PhotoInnerDIV { border: none !important; box-shadow: none !important; background-color: transparent !important; padding: 0px !important; height: 70px !important; }
.CellPopupDataSelectorItem .PhotoInnerDIV img { max-width: 56px !important; max-height: 56px !important; }
#PopupSelectorDataListDIV .l-btns { display: none; }
#PopupSelectorDataListDIV .default { border-left: 1px solid #eee; }
#PopupSelectorDataListDIV .pagelist { margin-top: 10px; }
#PopupSelectorDataListDIV .default a, #PopupSelectorDataListDIV .default span { padding-left: 10px !important; padding-right: 10px !important; }
#PopupSelectorDataListDIV .CellPopupDataSelectorItem a { color: #33b5e5 !important; }

.SystemNoteControlChildren input { width: 90% !important; }
.SystemNoteControl input { width: 98% !important; }
.SystemNoteControl textarea { width: 98% !important; height: 20px !important; }

.HorizontalTabList .nav-link { padding-left: 10px !important; padding-right: 10px !important; }
.ControlButtonDIV { margin-top: 20px; }
#PageHeaderPopupMenuUserSystemStyleVersionSetting { display: none; }
.SystemDesignDIV { margin-right: auto; margin-left: auto; width: 640px; }
.CellSystemDesign { border: 1px solid #e6f2fa; width: 140px; height: 140px; border-radius: 70px; position: relative; float: left; margin-left: 10px; margin-right: 10px; cursor: pointer; }
.CellSystemDesign .Title { position: absolute; top: 50px; width: 100%; text-align: center; font-family: 'Microsoft YaHei',"-apple-system","PingFang SC",'PingFang SC'; font-size: 16px; color: #3e8ef7; }
.CellSystemDesign .Description { position: absolute; top: 65px; width: 100%; text-align: center; font-size: 11px; padding: 10px; color: #ccc; }
.CellSystemDesign:hover { background-color: #3e8ef7; border-color: #3e8ef7; color: #fff !important; }
.CellSystemDesign:hover .Title { color: #fff !important; }
.CellSystemDesign:hover .Description { color: #eee !important; }
.ActionAreaTitleDIV { font-size: 14px; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; margin-top: 30px; position: relative; padding-left: 15px; margin-bottom: 15px; font-weight: bold; color: #263238; }
.ActionAreaTitleDIV i { display: inline-block; width: 7px; height: 18px; border-radius: 3px; background-color: #3e8ef7; position: absolute; top: 0px; left: 0px; }
#SystemSurfaceContainerDIV { width: 95%; margin-right: auto; margin-left: auto; margin-top: 80px; }

/*--------------------平铺列表模式(Begin)-----------------------*/
.SimpleListDIV { padding-top: 10px; padding-bottom: 10px; }
.SimpleListDIV .CellArea { position: relative; float: left; width: 180px; height: 80px; border: 1px solid #eaeaea; background-color: #fff; margin: 8px; cursor: pointer; border-radius: 3px; box-shadow1: 0rem 0.1em 0.5em rgba(0, 0, 0, .1) !important; }
.SimpleListDIV .CellArea:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(176, 184, 191, 0.5); border: 1px solid #dadada; }
.SimpleListDIV .AddNew { position: absolute; font-size: 40px; left: 72px; top: 10px; color: #aaa; }
.SimpleListDIV .AddNewText { position: absolute; left: 10px; top: 46px; color: #aaa; font-size: 12px; width: 90%; text-align: center; }
.SimpleListDIV .Title { width: 90%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: inline-block; line-height: 18px; text-align: center; font-size: 12px; position: absolute; top: 23px; left: 8px; color: #333; font-family: 'Microsoft YaHei','PingFang SC'; }
.SimpleListDIV .Description { width: 90%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: inline-block; line-height: 18px; text-align: center; font-size: 11px; position: absolute; top: 46px; left: 8px; color: #bbb; font-family: 'Microsoft YaHei','PingFang SC'; }
.SimpleListDIV .ControlButton { padding: 5px; text-align: right; opacity: 0; }
.SimpleListDIV .CellArea:hover .ControlButton { opacity: 1; }
.AutoHiddenControlButtonDIV .ControlButton { opacity: 0; }
.AutoHiddenControlButtonDIV:hover .ControlButton { opacity: 1; }
/*--------------------平铺列表模式(End)-----------------------*/

/*
.switch { width: 49px; height: 26px; background: #E5E5E5; border: 1px solid #ccc; z-index: 0; margin: 0; padding: 0; appearance: none; border: none; cursor: pointer; position: relative; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; }
.switch:before { content: ' '; position: absolute; left: 0px; top: 1px; width: 47px; height: 24px; background: #ccc; z-index: 1; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; }
.switch:after { content: ' '; height: 25px; width: 25px; border-radius: 23px; background: #fff; position: absolute; z-index: 2; top: 0px; left: 0px; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-box-shadow: 0 2px 5px #999999; box-shadow: 0 2px 5px #999999; }
.switchOn, .switchOn:before { background: #4cd964 !important; }
.switchOn:after { left: 25px !important; }
*/

/*--------------------固定表头(Begin)-----------------------*/
.ft_container table { border-width: 0px; margin: 0px; border-collapse: collapse; margin: 0; outline-style: none; font-size: 0.9em; background-color: #fff; }
.ft_container table tr th { font-weight: bold; }
.ft_container table thead { -moz-user-select: none; -webkit-user-select: none; }
.ft_container table tr th,
.ft_container table tr td { border-collapse: collapse; padding: 2px 4px; word-wrap: break-word; border: 1px solid #CCCCCC; border-top-width: 0px; border-left-width: 0px; border-right-width: 1px; border-bottom-width: 1px; overflow: hidden; word-wrap: break-word; }
.ft_container table tr:first-child td,
.ft_container table tr:first-child th { border-top-width: 1px; border-color: #CCCCCC; }
.ft_container table tr td:first-child,
.ft_container table tr th:first-child { border-left-width: 1px; border-color: #CCCCCC; }
.ft_container { overflow: hidden; padding: 0px; }
.ft_rel_container { position: relative; overflow: hidden; border-width: 0px; width: 100%; height: 100%; }
.ft_r, .ft_rc { background-image: none; }
.ft_rc { position: absolute; z-index: 1005; }
.ft_r, .ft_c { position: relative; }
.ft_rwrapper, .ft_cwrapper { overflow: hidden; position: absolute; z-index: 1001; border-width: 0px; padding: 0px; margin: 0px; }
/*.ft_rwrapper { width: 100%; padding-right: 17px; }*/
.ft_scroller { overflow: auto; height: 100%; padding: 0px; margin: 0px; }
.ft_container tbody tr.ui-widget-content, thead.ui-widget-header { background-image: none; }
.ft_container table.sorttable thead tr th { cursor: pointer; }
.ft_container table thead tr th.fx_sort_bg { background-image: url(../css/images/bg.gif); background-position: right center; background-repeat: no-repeat; }
.ft_container table thead tr th.fx_sort_asc { background-image: url(../css/images/asc.gif); }
.ft_container table thead tr th.fx_sort_desc { background-image: url(../css/images/desc.gif); }
/*--------------------固定表头(End)-----------------------*/

/*--------------------按钮点击弹出窗(Begin)-----------------------*/
.DropPopupMenu { padding: 10px !important; z-index: 8000 !important; background: #fff none repeat scroll 0 0; border: 1px solid #bebebe; border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); }
.ui-state-default .ui-icon1 { background-image: none !important; }
.launcherContainerClass { width: 180px; text-align: right; }
.DropPopupMenu .ui-menu-item { border-radius: 5px; font-size: 13px !important; text-align: left !important; }
.DropPopupMenu .SpacerNew { border-top: 1px solid #ccc !important; }
button.ui-button-icon-only { width: 34px; height: 34px; border: 0px; }
/*--------------------按钮点击弹出窗(End)-----------------------*/

/*--------------------弹出提示框(Begin)-----------------------*/
.qtip-rounded { outline: 0px solid #4CC5EC; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 15px rgba(0, 0, 0, 0.2); }
#pop { background: #fff; width: 300px; border: 1px solid #2A98F7; font-size: 12px; position: fixed; right: 5px; bottom: 5px; z-index: 199999; outline: 0px solid #4CC5EC; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); }
#popHead { line-height: 32px; background: #2A98F7; border-bottom: 1px solid #ccc; position: relative; font-size: 12px; padding: 0 0 0 10px; }
#popHead h2 { font-size: 12px; color: #fff; line-height: 32px; height: 32px; text-shadow: none; }
#popHead #popClose { position: absolute; right: 10px; top: 1px; text-shadow: none; color: #fff; cursor: pointer; }
#popContent { padding: 5px 10px; }
#popTitle { line-height: 24px; font-size: 12px; font-family: '微软雅黑'; color: #000000; font-weight: bold; text-decoration: none; }
#popTitle a:hover { color: #f60; }
#popIntro { line-height: 150%; margin: 5px 0; color: #666; font-size: 11px; }
#popMore { text-align: center; border-top: 1px dotted #ccc; line-height: 24px; margin: 8px 0 0 0; }
#popMore a { color: #f60; font-size: 11px; }
#popMore a:hover { color: #f00; }
/*--------------------弹出提示框(End)-----------------------*/

/*--------------------流程图（垂直）(Begin)-----------------------*/
.WorkFlowLine { }
.WorkFlowLine .WorkFlowType { font-family: 'Microsoft YaHei'; font-size: 22px; line-height: 30px; border-bottom: 1px dashed #eee; margin-bottom: 10px; padding-bottom: 5px; background-image: url(../image/WorkFlowType.png); background-position: left center; background-repeat: no-repeat; padding-left: 40px; }
.WorkFlowLine .WorkFlowNode { }
.WorkFlowLine .WorkFlowNode .WorkFlowStepContainer { width: 140px; height: 70px; margin-left: 0px; margin-right: 0px; background-color: #0098CF; position: relative; color: #fff; font-weight: normal; font-size: 14px; float: left; text-align: center; padding-top: 30px; }
.WorkFlowLine .WorkFlowNode .WorkFlowStepContainer:hover, .WorkFlowLine .WorkFlowNode .WorkFlowStepContainerCurrent { background-color: #FFA939; color: #fff; }
.WorkFlowLine .WorkFlowNode .WorkFlowStepContainer .WorkFlowStepName { font-family: 'Microsoft YaHei'; font-size: 14px; font-weight: bold; }
.WorkFlowLine .WorkFlowNode .WorkFlowStepContainer .PermissionUserList { margin-top: 5px; font-size: 11px; color: #fafafa; font-family: 'Microsoft YaHei'; }
.WorkFlowLine .WorkFlowNode .WorkFlowStepContainer .PermissionUserList a { color: #fafafa; }
.WorkFlowLine .WorkFlowNode .WorkFlowStepContainerLeftSpliter { border-left: 1px solid #fff; }
.WorkFlowLine .WorkFlowNode .None { }
.WorkFlowLine .Connector { height: 40px; background-image: url(../image/WorkFlowRow.gif); background-position: center bottom; background-repeat: no-repeat; margin-top: 10px; margin-bottom: 10px; }
.WorkFlowCooperationBg { background-image: url(../image/WorkFlowCooperationBg.png); background-position: right top; background-repeat: no-repeat; }

.WorkFlowNode { margin-left: 30px; }
.WorkFlowNode .NodeTD { width: 34px; position: relative; }
.WorkFlowNode .Node { width: 26px; height: 26px; border-radius: 13px; background-color: #CCD5DB; border: 1px solid #CCD5DB; text-align: center; line-height: 24px; font-size: 12px; font-family: Arial; color: #fff; float: left; font-weight: 300; }
/*.WorkFlowNode .NodeText { position: absolute; top: 40px; left: -38px; width: 115px !important; text-align: center; font-size: 12px; line-height: 14px; float: left; }*/
.WorkFlowNode .NodeText { font-size: 13px; line-height: 14px; padding-left: 3px; padding-right: 3px; }
.NodeTDNodeText { position: relative; }
.NodeDescription { max-width: 100px; position: absolute; bottom: 0px; left: 0px; }
.WorkFlowNode .Line div { border: 1px solid #CCD5DB; width: 28px; }
.WorkFlowNode .Completed .Node { background-color: #3e8ef7; color: #fff; /*width: 30px; height: 30px;*/ border: 0px; }
.WorkFlowNode .Completed .NodeText { color: #3e8ef7; font-weight: bold; }
.WorkFlowNode .Current .Node { background-color: #fff; border-color: #3e8ef7; color: #3e8ef7; font-weight: bold; width: 32px !important; height: 32px !important; border-radius: 16px !important; line-height: 28px !important; font-size: 15px !important; border-width: 2px !important; }
.WorkFlowNode .Current .NodeText { color: #3e8ef7; font-weight: bold; }
.WorkFlowNode .LineCompleted div { border-color: #3e8ef7; }
.WorkFlowNode .GreyText { font-size: 11px; }
.WorkFlowNode td { padding: 0px !important; }
.WorkFlowProcessButton { padding: 3px 10px 3px 10px !important; height: 18px !important; font-size: 10px !important; border-radius: 15px !important; }
/*--------------------流程图（垂直）(End)-----------------------*/

/*--------------------所有的菜单图标(Begin)-----------------------*/
.AllMenuIcon_Dictionary, .AllMenuIcon_Account, .AllMenuIcon_Data, .AllMenuIcon_Agency, .AllMenuIcon_Department, .AllMenuIcon_Job, .AllMenuIcon_User, .AllMenuIcon_UserNew,
.AllMenuIcon_Category, .AllMenuIcon_News,
.AllMenuIcon_WorkFlow,
.AllMenuIcon_Image { background-image: url(../image/AllMenuIcon.png); background-repeat: no-repeat; display: block; float: left; width: 25px; height: 20px; }
.AllMenuIcon_Dictionary { background-position: left 3px; }
.AllMenuIcon_Account { background-position: left -38px; }
.AllMenuIcon_Data { background-position: left -79px; }
.AllMenuIcon_Agency { background-position: left -123px; }
.AllMenuIcon_Department { background-position: left -162px; }
.AllMenuIcon_Job { background-position: left -207px; }
.AllMenuIcon_User { background-position: left -246px; }
.AllMenuIcon_News { background-position: left -280px; }
.AllMenuIcon_Category { background-position: left -316px; }
.AllMenuIcon_WorkFlow { background-position: left -352px; }
.AllMenuIcon_Image { background-position: left -384px; }
.AllMenuIcon_UserNew { background-image: url(../image/icon_usernew.png); background-position: left center; }

/*--------------------所有的菜单图标(End)-----------------------*/

/*--------------------垂直时间轴(Begin)-----------------------*/
.Timeline { padding-left: 200px; }
.Timeline .TimelineNode { position: relative; background-position: left center; background-repeat: no-repeat; width: 100px; height: 50px; }
.Timeline .TimelineNodeFocus { background-image: url(../image/TimelineNodeFocus.png); }
.Timeline .TimelineNodeBlur { background-image: url(../image/TimelineNodeBlur.png); }
.Timeline .TimelineContent { margin-left: 10px; border-left: 5px solid #ABABAB; height: 150px; position: relative; }

.Timeline .TimelineNode .TimelineNodeTitle { position: absolute; left: -165px; top: 15px; font-size: 20px; width: 150px; text-align: right; }
.Timeline .TimelineContent .TimelineContentInner { position: absolute; left: 25px; top: -45px; }
.Timeline .TimelineContent .TimelineContentInner .TimelineRightContentBgTop { background-image: url(../image/TimelineRightContentBg.png); background-repeat: no-repeat; background-position: left top; width: 630px; padding: 15px; padding-left: 25px; padding-bottom: 0px; }
.Timeline .TimelineContent .TimelineContentInner .TimelineRightContentBgBottom { background-image: url(../image/TimelineRightContentBg.png); background-repeat: repeat-y; background-position: left bottom; width: 630px; height: 15px; }
.Timeline .TimelineContent .TimelineContentInner .TimelineText { width: 590px; font-size: 13px; max-height: 170px; overflow: auto; }
/*--------------------垂直时间轴(End)-----------------------*/

/*--------------------步骤节点(Begin)-----------------------*/
ol { list-style: none outside none; margin: 0; padding: 0; }
.ui-step { color: #b7b7b7; padding: 0 60px; margin-bottom: 35px; position: relative; }
.ui-step:after { display: block; content: ""; height: 0; font-size: 0; clear: both; overflow: hidden; visibility: hidden; }
.ui-step li { float: left; position: relative; }
.ui-step .step-end { width: 120px; position: absolute; top: 0; right: -60px; }
.ui-step-line { height: 5px; background-color: #e0e0e0; box-shadow: inset 0 1px 1px rgba(0,0,0,.2); margin-top: 15px; }
.step-end .ui-step-line { display: none; }
.ui-step-cont { width: 120px; position: absolute; top: 0; left: -15px; text-align: center; }
.ui-step-cont-number { display: inline-block; *zoom: 1; position: absolute; left: 0; top: 0; width: 30px; height: 30px; line-height: 30px; color: #fff; border-radius: 50%; border-left: 2px solid #fff; border-right: 2px solid #fff; border: 2px solid rgba(224,224,224,1); font-family: 'Microsoft YaHei'; font-weight: bold; font-size: 16px; background-color: #b9b9b9; box-shadow: inset 1px 1px 2px rgba(0,0,0,.2); }
.ui-step-cont-text { position: relative; top: 34px; left: -42px; font-size: 12px; }

/** 步骤数定义 **/
.ui-step-2 li { width: 100%; }
.ui-step-3 li { width: 50%; }
.ui-step-4 li { width: 33.3%; }
.ui-step-5 li { width: 25%; }
.ui-step-6 li { width: 20%; }
.ui-step-7 li { width: 16.6%; }
.ui-step-8 li { width: 14.2%; }
.ui-step-9 li { width: 12.5%; }
.ui-step-10 li { width: 11.1%; }
.ui-step-11 li { width: 11.1%; }
.ui-step-12 li { width: 9.09%; }
.ui-step-13 li { width: 8.33%; }
.ui-step-14 li { width: 7.69%; }
.ui-step-15 li { width: 7.14%; }
.ui-step-16 li { width: 6.66%; }
.ui-step-17 li { width: 6.25%; }
.ui-step-18 li { width: 5.88%; }
.ui-step-19 li { width: 5.55%; }
.ui-step-20 li { width: 5.26%; }
.ui-step-21 li { width: 5%; }
.ui-step-22 li { width: 4.76%; }
.ui-step-23 li { width: 4.54%; }
.ui-step-24 li { width: 4.34%; }
.ui-step-25 li { width: 4.16%; }
.ui-step-26 li { width: 4%; }
.ui-step-27 li { width: 3.84%; }
.ui-step-28 li { width: 3.7%; }
.ui-step-29 li { width: 3.57%; }
.ui-step-30 li { width: 3.44%; }
.ui-step-31 li { width: 3.33%; }
.ui-step-32 li { width: 3.22%; }
.ui-step-33 li { width: 3.12%; }
.ui-step-34 li { width: 3.03%; }
.ui-step-35 li { width: 2.94%; }
.ui-step-36 li { width: 2.85%; }
.ui-step-37 li { width: 2.77%; }
.ui-step-38 li { width: 2.7%; }
.ui-step-39 li { width: 2.63%; }
.ui-step-40 li { width: 2.56%; }

/** The default style (默认风格) **/
/* Done */
.step-done .ui-step-cont-number { background-color: #85e085; }
.step-done .ui-step-cont-text { color: #85e085; }
.step-done .ui-step-line { background-color: #6c6; }
/* Active */
.step-active .ui-step-cont-number { background-color: #3c3; }
.step-active .ui-step-cont-text { color: #3c3; font-weight: bold; }
.step-active .ui-step-line { background-color: #e0e0e0; }
/** Yellow **/
/* Done */
.ui-step-yellow .step-done .ui-step-cont-number { background-color: #ffc966; }
.ui-step-yellow .step-done .ui-step-cont-text { color: #ffc966; }
.ui-step-yellow .step-done .ui-step-line { background-color: #ffcc33; }
/* Active */
.ui-step-yellow .step-active .ui-step-cont-number { background-color: orange; }
.ui-step-yellow .step-active .ui-step-cont-text { color: orange; }
.ui-step-yellow .step-active .ui-step-line { background-color: #e0e0e0; }
/** Blue **/
/* Done */
.ui-step-blue .step-done .ui-step-cont-number { background-color: #69f; }
.ui-step-blue .step-done .ui-step-cont-text { color: #69f; }
.ui-step-blue .step-done .ui-step-line { background-color: #4c99e6; }
/* Active */
.ui-step-blue .step-active .ui-step-cont-number { background-color: #06c; }
.ui-step-blue .step-active .ui-step-cont-text { color: #06c; }
.ui-step-blue .step-active .ui-step-line { background-color: #e0e0e0; }
/** Red **/
/* Done */
.ui-step-red .step-done .ui-step-cont-number { background-color: #f99; }
.ui-step-red .step-done .ui-step-cont-text { color: #f99; }
.ui-step-red .step-done .ui-step-line { background-color: #fc9c9c; }
/* Active */
.ui-step-red .step-active .ui-step-cont-number { background-color: #f66; }
.ui-step-red .step-active .ui-step-cont-text { color: #f66; }
.ui-step-red .step-active .ui-step-line { background-color: #e0e0e0; }
/*--------------------步骤节点(End)-----------------------*/

/*--------------------圆形进度比率(Begin)-----------------------*/
.percircle.dark { background-color: #777777; }
.percircle.dark .bar,
.percircle.dark .fill { border-color: #c6ff00; }
.percircle.dark > span { color: #777777; }
.percircle.dark:after { background-color: #555555; }
.percircle.dark:hover > span { color: #c6ff00; }
.percircle.red .bar,
.percircle.red .fill { border-color: #dd5454; }
.percircle.red:hover > span { color: #dd5454; }
.percircle.red.dark .bar,
.percircle.red.dark .fill { border-color: #f84a4a; }
.percircle.red.dark:hover > span { color: #f84a4a; }
.percircle.blue .bar,
.percircle.blue .fill { border-color: #82cefa; }
.percircle.blue:hover > span { color: #82cefa; }
.percircle.blue.dark .bar,
.percircle.blue.dark .fill { border-color: #20cceb; }
.percircle.blue.dark:hover > span { color: #20cceb; }
.percircle.green .bar,
.percircle.green .fill { border-color: #8dea7b; }
.percircle.green:hover > span { color: #8dea7b; }
.percircle.green.dark .bar,
.percircle.green.dark .fill { border-color: #a9ff3a; }
.percircle.green.dark:hover > span { color: #a9ff3a; }
.percircle.orange .bar,
.percircle.orange .fill { border-color: #e88239; }
.percircle.orange:hover > span { color: #e88239; }
.percircle.orange.dark .bar,
.percircle.orange.dark .fill { border-color: #dc5b00; }
.percircle.orange.dark:hover > span { color: #dc5b00; }
.percircle.pink .bar,
.percircle.pink .fill { border-color: #ff8ed0; }
.percircle.pink:hover > span { color: #ff8ed0; }
.percircle.pink.dark .bar,
.percircle.pink.dark .fill { border-color: #ff58b9; }
.percircle.pink.dark:hover > span { color: #ff58b9; }
.percircle.purple .bar,
.percircle.purple .fill { border-color: #aa7eff; }
.percircle.purple:hover > span { color: #aa7eff; }
.percircle.purple.dark .bar,
.percircle.purple.dark .fill { border-color: #7a38f7; }
.percircle.purple.dark:hover > span { color: #7a38f7; }
.percircle.yellow .bar,
.percircle.yellow .fill { border-color: #dcbd00; }
.percircle.yellow:hover > span { color: #dcbd00; }
.percircle.yellow.dark .bar,
.percircle.yellow.dark .fill { border-color: #ffdb00; }
.percircle.yellow.dark:hover > span { color: #ffdb00; }
.rect-auto,
.percircle.gt50 .slice { clip: rect(auto, auto, auto, auto); }
.pie,
.percircle .bar,
.gt50 .fill { position: absolute; border: 0.08em solid #307bbb; width: 0.84em; height: 0.84em; clip: rect(0, 0.5em, 1em, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.bar { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.pie-fill,
.gt50 .bar:after,
.gt50 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.percircle { position: relative; font-size: 120px; width: 1em; height: 1em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; float: left; margin: 0 0.1em 0.1em 0; background-color: #cccccc; }
.percircle *,
.percircle *:before,
.percircle *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.percircle.animate > span,
.percircle.animate:after { -webkit-transition: -webkit-transform 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out; -ms-transition: -ms-transform 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; }
.percircle.animate .bar { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -ms-transition: -ms-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; }
.percircle.center { float: none; margin: 0 auto; }
.percircle.big { font-size: 240px; }
.percircle.small { font-size: 80px; }
.percircle > span { position: absolute; z-index: 1; width: 100%; top: 50%; height: 1em; margin-top: -0.5em; font-size: 0.2em; color: #cccccc; display: block; text-align: center; white-space: nowrap; }
.perclock > span { font-size: 0.175em; }
.percircle:after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #f5f5f5; width: 0.84em; height: 0.84em; }
.percircle .slice { position: absolute; width: 1em; height: 1em; clip: rect(0, 1em, 1em, 0.5em); }
.percircle:hover { cursor: default; }
.percircle:hover > span { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); color: #307bbb; }
.percircle:hover:after { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
/*--------------------圆形进度比率(End)-----------------------*/

/*--------------------PageList CSS(Begin)-----------------------*/
.pageNum { margin: 0px 2px !important; text-align: center; line-height: 20px; }
.pageNum a:link, .pageNum a:visited, .pageNum a:active { color: #0D61B0; text-decoration: none; display: block; border: 1px solid #E1E2E3; width: 25px; padding-top: 0px; font-size: 11px; background-color: #FFF; }
.pageNum a:hover { color: #FF7471; text-decoration: none; display: block; border: 1px solid #FF7471; width: 25px; padding-top: 2px; }
.pageNumPreviousPage { padding-right: 10px; }
.pageNumNextPage { padding-left: 10px; padding-right: 10px; }
.pageNumTotalInfo { padding-top: 5px; padding-bottom: 5px; }
.pageNumCurrentFocus { font-size: 1.2em; color: red; font-weight: bold; padding-left: 5px; padding-right: 5px; }

.pageNumNew { margin: 10px auto; padding: 10px 0; }
.pageNumNew ul { margin: 0; padding: 0; }
.pageNumNew li { display: inline; height: 20px; margin-left: 0px; vertical-align: text-top; padding: 5px; }
.pageNumNew a { background: none repeat scroll 0 0 #0088CC; color: #FFF; display: inline-block; height: 20px; line-height: 20px; white-space: nowrap; text-align: center; margin-bottom: 10px; padding-left: 8px; padding-right: 8px; }
.pageNumNew a:hover, .pageNumNew .selected a { background: none repeat scroll 0 0 #72BF44; color: #fff; text-decoration: none; }
.pageNumNew .selected a { font-weight: bold; }
.pageNumNew span { display: inline-block; margin-left: 0; padding: 3px 0; }
.pageNumNew a.next_page { background: none repeat scroll 0 0 #0088CC; color: #fff; width: 60px; }
.pageNumNew .SumInfo span { font-weight: bold; color: #54AA05; }

.pageNumNew { clear: both; overflow: hidden; margin-bottom: 0px; padding-bottom: 0px; }
.pageNumNew dl { clear: both; margin: 0; padding: 0; }
.pageNumNew dd { display: block; float: left; line-height: 25px; margin: 0px; padding: 0px; width: 35px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/*--------------------PageList CSS(End)-----------------------*/

/*--------------------附件样式(Begin)-----------------------*/
.CellAttachment { width: 100px; height: 80px; background-color: #fff; padding: 2px; border-radius: 5px; text-align: center; border: 1px solid #D9E9FF; position: relative; margin-right: 10px; margin-bottom: 0px; float: left; cursor: pointer; overflow: hidden !important; }
.CellAttachmentAdd { border: 1px dashed #B8D7FF; cursor: pointer; }
.CellAttachmentAdd .mui-icon { font-size: 36px; position: absolute; top: 20px; left: 32px; color: #99C5FF; }
.CellAttachment img { width: 94px; height: 74px; border-radius: 5px; }
.CellAttachment div { font-size: 11px; padding: 5px; position: absolute; top: 20px; left: 0px;; width: 100%; word-wrap: break-word !important; line-height: 15px; }
/*--------------------附件样式(End)-----------------------*/

/*--------------------带图标的附件样式(Begin)-----------------------*/
.CellFileIcon { width: 280px; float: left; margin-right: 10px; padding: 10px; background-color: #f9f9f9; margin-bottom: 10px; margin-top: 5px; position: relative; }
.CellFileIcon .IconImage { float: left; margin-right: 10px; }
.CellFileIcon .IconImage img { width: 40px; }
.CellFileIcon .FileInfo { float: left; }
.CellFileIcon .FileInfo .FileName { font-size: 12px; line-height: 16px; font-weight: bold; margin-top: 2px; width: 200px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.CellFileIcon .FileInfo .FileSize { font-size: 11px; color: #999; line-height: 12px; }
.CellFileIcon .RemoveFileButton { visibility: hidden; position: absolute; right: 10px; top: 16px; cursor: pointer; }
.CellFileIcon:hover .RemoveFileButton { visibility: visible; }
.CellFileIcon .AttachmentLink { text-decoration: none !important; border-bottom: 0px !important; color: #666 !important; }
.UploadFileButtonDropify { background-color: #3e8ef7; color: #fff !important; padding: 8px 12px; border-radius: 3px; }
/*--------------------带图标的附件样式(End)-----------------------*/

/*--------------------WorkFlowPermissionSourceMappingDIV的样式(Begin)-----------------------*/
#WorkFlowPermissionSourceMappingDIV #WorkFlowCategoryListDIV .WorkFlowCategory, #WorkFlowPermissionSourceMappingDIV #WorkFlowTypeListDIV .WorkFlowType { padding: 10px 0px; padding-left: 10px !important; border-bottom: 1px solid #F3F7F9; position: relative; font-size: 12px; }
#WorkFlowPermissionSourceMappingDIV #WorkFlowCategoryListDIV .WorkFlowCategory span, #WorkFlowPermissionSourceMappingDIV #WorkFlowTypeListDIV .WorkFlowType span { position: absolute; right: 10px; top: 8px; font-size: 12px; color: #A3AFB7; font-family: Arial; }
#WorkFlowPermissionSourceMappingDIV #WorkFlowCategoryListDIV .CurrentFocus, #WorkFlowPermissionSourceMappingDIV #WorkFlowTypeListDIV .CurrentFocus { padding: 10px 0px !important; padding-left: 10px !important; background-color: #3e8ef7 !important; color: #fff !important; }
#WorkFlowPermissionSourceMappingDIV #WorkFlowCategoryListDIV .CurrentFocus span { color: #fff !important; }
#DownloadFunctionListDIV .Button, #DownloadFunctionListDIV .btn { display: none; }
#DownloadFunctionListDIV .list-group .ztree, #DownloadFunctionListDIV #AssignPermissionTreeDIV, #DownloadWorkFlowListDIV .list-group .ztree { padding-left: 0px !important; margin-left: 0px !important; }
#DownloadWorkFlowListDIV #AssignWorkFlowPermissionTreeDIV { border: none !important; padding-left: 0px !important; }
#DownloadFunctionListDIV, #DownloadWorkFlowListDIV { background-color: #f6f9fd; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 20px; opacity: 0.9; padding-top: 10px; }
/*--------------------WorkFlowPermissionSourceMappingDIV的样式(End)-----------------------*/

/*--------------------uploadifive的样式(Begin)-----------------------*/
.uploadifive-button { background-color: #505050; background-image: linear-gradient(bottom, #505050 0%, #707070 100%); background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%); background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%); background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%); background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #505050), color-stop(1, #707070) ); background-position: center top; background-repeat: no-repeat; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 2px solid #808080; color: #FFF; font: bold 12px Arial, Helvetica, sans-serif; text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); text-transform: uppercase; width: 100%; }
.uploadifive-button:hover { background-color: #606060; background-image: linear-gradient(top, #606060 0%, #808080 100%); background-image: -o-linear-gradient(top, #606060 0%, #808080 100%); background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%); background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%); background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #606060), color-stop(1, #808080) ); background-position: center bottom; }
.uploadifive-queue-item { background-color: #F5F5F5; border-bottom: 1px dotted #D5D5D5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font: 12px Arial, Helvetica, Sans-serif; margin-top: 3px; padding: 15px; }
.uploadifive-queue-item .close { background: url('uploadifive-cancel.png') 0 0 no-repeat; display: block; float: right; height: 16px; text-indent: -9999px; width: 16px; }
.uploadifive-queue-item .progress { border: 1px solid #D0D0D0; height: 3px; margin-top: 5px; width: 100%; }
.uploadifive-queue-item .progress-bar { background-color: #0072BC; height: 3px; width: 0; }
/*--------------------uploadifive的样式(End)-----------------------*/

/*--------------------SystemGroupSettingDIV的样式(Begin)-----------------------*/
#SystemDefaultFunctionListDIV { min-height: 80px; }
#SystemGroupFunctionListDIV { min-height: 400px; }
.SystemGroupSettingDIV { width: 31%; border: 1px solid #E4EAEC; position: relative; height: 90px; border-radius: 5px; float: left; margin-right: 2%; margin-bottom: 15px; cursor: pointer; margin-top: 5px; }
.SystemGroupSettingDIV .Icon { width: 55px; height: 48px; border-radius: 10px; text-align: center; padding-top: 5px; position: absolute; left: 15px; top: 20px; opacity: 1; }
.SystemGroupSettingDIV .Icon img { width: 40px; }
.SystemGroupSettingDIV0 .Icon { background-color: #3E8EF7; }
.SystemGroupSettingDIV1 .Icon { background-color1: #15BC84; background-color: #15BC84; }
.SystemGroupSettingDIV2 .Icon { background-color: #FFAC00; }
.SystemGroupSettingDIV3 .Icon { background-color1: #F35B46; background-color: #FF6C60; }
.SystemGroupSettingDIV .FunctionName { position: absolute; top: 25px; left: 85px; font-weight: bold; }
.SystemGroupSettingDIV .FunctionDescription { position: absolute; top: 45px; left: 85px; opacity: 0.4; font-size: 11px; }
.SystemGroupSettingDIV .AddIcon { position: absolute; top: 20px; left: 45%; }
.SystemGroupSettingDIV .AddIcon .mui-icon-plusempty { font-size: 36px; opacity: 0.8; }
.SystemGroupSettingDIV .ControlButton { position: absolute; top: 10px; right: 10px; }
.SystemGroupSettingDIV:hover .ControlButton { opacity: 1 !important; }

.SystemGroupSettingDefaultDIV { float: left; margin-right: 30px; margin-bottom: 30px; cursor: pointer; position: relative; width: 80px; }
.SystemGroupSettingDefaultDIV .Icon { width: 55px; height: 48px; border-radius: 10px; text-align: center; padding-top: 5px; margin-right: auto; margin-left: auto; opacity: 1; }
.SystemGroupSettingDefaultDIV .Icon img { width: 40px; }
.SystemGroupSettingDefaultDIV0 .Icon { background-color: #3E8EF7; }
.SystemGroupSettingDefaultDIV1 .Icon { background-color: #6CCAC9; }
.SystemGroupSettingDefaultDIV2 .Icon { background-color: #FFAC00; }
.SystemGroupSettingDefaultDIV3 .Icon { background-color: #FF6C60; }
.SystemGroupSettingDefaultDIV .FunctionName { text-align: center; margin-top: 5px; }
.SystemGroupSettingDefaultDIV .ControlButton { position: absolute; top: -10px; right: -10px; }
.SystemGroupSettingDefaultDIV .ControlButton span { font-size: 20px; color: #f96868; }
.SystemGroupSettingDefaultDIV:hover .ControlButton { opacity: 1 !important; }

#SearchSystemFunctionResultDIV { height: 200px; }
/*--------------------SystemGroupSettingDIV的样式(End)-----------------------*/