*{ padding: 0px; margin: 0px; -webkit-text-size-adjust:none; /* -webkit-user-select: none; */ -webkit-font-smoothing: antialiased; }
*{ font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif,"微软雅黑"; }


a, a:hover, a:visited{ color: inherit; text-decoration: none; }
button{ cursor: pointer; border: none; outline: none; }
input, textarea{ -webkit-user-select: text; outline: none; }

.useAfterClear:after{ display: block; content: ''; width: 0px; height: 0px; clear: both; }

.absoluteCenter{ position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); }
.mdi{font-size:17px !important;}
.left{ float: left; }
.right{ float: right; }

.Header
{ z-index: 6000; position: fixed; left: 0; top: 0; width: 100%; height: 60px; background-color: rgb(42, 53, 66); }
.Header .LogoView
{ position: absolute; left: 12px; top: 10px; }
.Header2>a
{ float: right; padding: 0px 12px; width: 136px; height: 60px; line-height: 60px; text-align: center; cursor: pointer; color: white; font-size: 1rem; background-color: transparent; }
.Header2>a i
{ color: white; opacity: .8; margin-right: 4px; }
.Header2>a:nth-of-type(1)
{  border-left: 0px solid rgba(69, 190, 251, 1); }  /* background-color: #fe4444; */
.Header2>a:nth-of-type(2)
{ border-right: 1px solid rgb(97, 109, 115);; }
.Header .TextField{ position: relative; float: right; height: 28px; margin-top: 16px; width: 210px; background-color: white; overflow: hidden; border-radius: 14px; }
.Header .TextField i{ position: absolute; left: 0; top: 0; width: 28px; height: 28px; text-align: center; line-height: 28px; color: rgba(39, 39, 39, 1); }
.Header .TextField input{ position: absolute; left: 28px; top: 0; border: none; width: 182px; height: 100%; font-size: .9rem; line-height: 28px; }

.Navigation
{
    z-index: 3000; position: fixed; left: 0; top: 0; width:185px; height: 100%; box-sizing: border-box; padding-top: 60px; background-color: #2a3542;
    color: #797979;
}
.Navigation .NavigationItem
{ position: relative;  /* margin: 12px 12px 0px 12px; */ height: 35px; cursor: pointer; border-radius: 0px; font-size: .9rem; overflow: hidden;
border-bottom:1px solid #504D4D
}
.Navigation .NavigationItem .mdi-minus{ display: none; }
.Navigation .NavigationItem .mdi-plus{ display: block; }
.Navigation .NavigationItem.unfold
{ height: auto; }
.Navigation .NavigationItem.unfold .mdi-minus{ display: block; }
.Navigation .NavigationItem.unfold .mdi-plus{ display: none; }
.Navigation .NavigationItem.active, .Navigation .NavigationItem:hover{ background-color: #35404d; color: white; }
.Navigation .NavigationItem.active i:nth-of-type(1), .Navigation .NavigationItem:hover i:nth-of-type(1){ color: #FF6C60; }
.Navigation .NavigationItem  p
{ line-height: 35px; margin-left: 40px;
border-bottom:1px solid #504D4D;
padding-left:5px;
border-radius:4px 0px  0 4px;
}
.Navigation .NavigationItem .subItem p:hover
{
	background:#222;
}
.Navigation .NavigationItem i
{ position: absolute; top: 0; line-height: 35px; }
.Navigation .NavigationItem i:nth-of-type(1){ left: 16px; }
.Navigation .NavigationItem i:nth-of-type(2){ right: 16px; }
.Navigation .NavigationItem i:nth-of-type(3){ right: 16px; }

.ContentView
{ position: absolute; width: calc( 100%   ); left: 0px; top: 0px; padding: 12px 0px; height: auto; min-height: calc(100%  );
background-color: rgba( 230, 230, 230, 1 ); }


/* { position: absolute; width: calc( 100% - 185px ); left: 185px; top: 60px; padding: 12px 0px; height: auto; min-height: calc(100% - 60px);
background-color: rgba( 230, 230, 230, 1 ); }
 */
.AlertMask{ display: none; z-index: 7000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: .1; }
.AlertMask.active{ display: block; }
.AlertWindow{ z-index: 8000; position: fixed; left: 50%; top: 30%;
              display:none;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 360px; color: rgba(33, 33, 33, 1); border-radius: 6px; min-height:2px; height: auto; padding: 36px 0px 56px 0px; background-color: white; border: 1px solid gainsboro; -webkit-transition: .4s; }
.AlertWindow.active{ top: 50%; -webkit-transform: translate(-50%, -50%); }
.AlertWindow .bar{ position: absolute; left: 0; top: 0; width: 100%; height: 36px; line-height: 36px; text-indent: 12px; font-size: 1rem; }
.AlertWindow .bar button{ position: absolute; right: 12px; background-color: transparent; height: 100%; font-size: 1.4rem; }
.AlertWindow .content{ margin-top: 6px; }
.AlertWindow .content textarea{ position: relative; width: 90%; left: 5%; height: 100px; border: 1px solid gainsboro; font-size: .9rem; border-radius: 4px; box-sizing: border-box; padding: 8px; }
.AlertWindow .content input{ position: relative; width: 90%; left: 5%; height: 28px; border: 1px solid gainsboro; font-size: .9rem; text-indent: 8px; border-radius: 4px; }
.AlertWindow .content input:nth-of-type(n+1){ margin-top: 12px; }
.AlertWindow .content p{ position: relative; width: 90%; left: 5%; line-height: 28px; text-align: center; }
.AlertWindow>button{ position: absolute; height: 28px; bottom: 12px; color: white; border-radius: 4px; font-size: .9rem; width: 30%; left: 35%; background-color: rgba(0, 146, 220, 1); }

.AlertWindow2{ z-index: 8000; position: fixed; left: 50%; top: 30%;
              display:none;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 360px; color: rgba(33, 33, 33, 1); border-radius: 6px; min-height:2px; height: auto; padding: 36px 0px 56px 0px; background-color: white; border: 1px solid gainsboro; -webkit-transition: .4s; }
.AlertWindow2.active{ top: 50%; -webkit-transform: translate(-50%, -50%); }
.AlertWindow2 .bar{ position: absolute; left: 0; top: 0; width: 100%; height: 36px; line-height: 36px; text-indent: 12px; font-size: 1rem; }
.AlertWindow2 .bar button{ position: absolute; right: 12px; background-color: transparent; height: 100%; font-size: 1.4rem; }
.AlertWindow2 .content{ margin-top: 6px; }
.AlertWindow2 .content textarea{ position: relative; width: 90%; left: 5%; height: 100px; border: 1px solid gainsboro; font-size: .9rem; border-radius: 4px; box-sizing: border-box; padding: 8px; }
.AlertWindow2 .content input{ position: relative; width: 90%; left: 5%; height: 28px; border: 1px solid gainsboro; font-size: .9rem; text-indent: 8px; border-radius: 4px; }
.AlertWindow2 .content input:nth-of-type(n+1){ margin-top: 12px; }
.AlertWindow2 .content p{ position: relative; width: 90%; left: 5%; line-height: 28px; text-align: center; }
.AlertWindow2>button{ position: absolute; height: 28px; bottom: 12px; color: white; border-radius: 4px; font-size: .9rem; width: 30%; left: 35%; background-color: rgba(0, 146, 220, 1); }




.SegmentedView
{ z-index: 800; position: fixed; width: calc(100% - 185px);  top: 60px; height: 52px; padding: 0px 36px; box-sizing: border-box; background-color: rgba(191, 230, 249, 1); border-bottom: 2px solid rgba(154, 208, 234, 1); }
.SegmentedView a
{ float: left; height: 40px; line-height: 40px; padding: 0px 24px; margin-top: 12px; color: white; box-sizing: border-box; background-color: rgba(0, 146, 220, 1); margin-left: 4px; font-size: .9rem; }
.SegmentedView a.active
{ background-color: white; color: rgba(0, 146, 220, 1); border: 2px solid rgba(154, 208, 234, 1); border-bottom: none; }

.Notification{ display: none; position: fixed; z-index: 9000; right: 24px; bottom: 24px; width: 310px; height: auto; min-height: 120px; border-radius: 8px; background-color: rgba(0, 146, 220, 1); opacity: .9; }
.Notification>button{ position: absolute; width: 24px; height: 24px; right: 6px; top: 6px; color: white; font-size: 1.4rem; background-color: transparent; }
.Notification h3{ line-height: 36px; text-indent: 12px; color: white; }
.Notification p{ text-indent: 12px; color: white; }

.UISwitch{ cursor: pointer; }
.UISwitch
{
    position: relative; left: 100px; border-radius: 15px; width: 51px; height: 30px; background-color: #808080;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.UISwitch:before
{
    position: absolute; content: attr(BF); left: 2px; top: 2px; width: 26px; height: 26px; border-radius: 50%; background-color: #ffffff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.UISwitch.active{ background-color: rgba(0, 146, 220, 1); }
.UISwitch.active:before
{
    -webkit-transform: translateX( 21px );
    -moz-transform: translateX( 21px );
    -ms-transform: translateX( 21px );
    -o-transform: translateX( 21px );
    transform: translateX( 21px );
}

#sumcount{
	display:inline-block;
    padding-left: 10px;
    padding-right: 10px;
    height: 25px;}

#sumpage{position:absolute;left:-100px;top:15px;    background: #eee;
    padding-left: 10px;
    padding-right: 10px;
    height: 25px;}
#sumpage select{
	height:23px;
	
}    
    
    
.UICalender{ position: relative; border: 0px solid #F5F5F5; width: 400px; height: auto; }

.UICalender .UIOpera{ position: relative; width: 100%; height: 28px; border: 1px solid #f5f5f5; border-bottom: none; box-sizing: border-box; }
.UICalender .UIOpera p{ position: absolute; left: 0px; top: 0px; width: 100%; height: 28px; line-height: 28px; text-align: center; }
.UICalender .UIOpera button{ z-index: 100; position: absolute; width: auto; height: 28px; padding: 0px 16px; background-color: #55A2E5; color: white; font-size: 1.5rem; }
.UICalender .UIOpera button:nth-of-type(1){ left: 0px; }
.UICalender .UIOpera button:nth-of-type(2){ right: 0px; }

.UICalender .days{ width: 100%; height: auto; text-align: center; border-collapse: collapse; }
.UICalender .days tr{ height: 32px; }
.UICalender .days tr td{ border: 1px solid #f5f5f5; cursor: pointer; }
.UICalender .days tr td.ON{ background-color: #55A2E5; color: white; }
.UICalender .days tr td.TODAY{ background-color: #E9611D; color: white; }
.UICalender .days tr:nth-of-type(n+2) td:hover{ background-color: #55A2E5; color: white; }

.UICalender .days li{ height: 28px; line-height: 28px; border-top: 1px solid #F5F5F5; border-left: 1px solid #F5F5F5; }
.UICalender .days li:nth-of-type( 7n + 1 ){ border-left: none; }
.UICalender .days li:hover{ background-color: #55A2E5; color: #f5f5f5; }

.padtop {
    margin-top:10px;
}

.UITableFooterView 
{
	    padding: 10px!important;
	    float:right;
	    position:relative;
	
}