html{
    font-size: calc(12px + (18 - 12) * ((100vw - 300px) / (1600 - 300)));
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
body{
/*    
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select : none;
    user-select: none;
    -webkit-touch-callout: none;
    -o-user-select: none;
    -moz-user-select: -moz-none;
*/    
    background-color:#fdfdfd;
    padding:0;
    margin:0;
    padding-left:10rem;
}
body.shrink-sidenav{padding-left:3rem;}
@media only screen and (max-width:992px){body{padding-left:0;}}
#container{width:90%;max-width:90%;min-height:85vh;}
#sidenav{width:10rem;}
#sidenav.shrink-sidenav{width:3rem;}
.shrink-sidenav .hide-on-shrink{display:none;}
.sidenav li>a{font-size:1.3rem;padding:0 1rem;height:2.5rem;line-height:2.5rem;}
.sidenav li>a>i{margin-right:1rem;height:2.5rem;line-height:2.5rem;}
.sidenav .subheader{font-size:1.1rem;}
.mw-100{max-width:100%;}
.mw1{max-width:1rem;}
.mw1-5{max-width:1.5rem;}
.mw2{max-width:2rem;}
.mw2-5{max-width:3rem;}
.mw3{max-width:4rem;}
.mw3-5{max-width:6rem;}
.mw4{max-width:8rem;}
.mw4-5{max-width:12rem;}
.mw5{max-width:16rem;}
.mw5-5{max-width:20rem;}
.mw6{max-width:24rem;}
.mw6-5{max-width:28rem;}
.mw7{max-width:32rem;}
.mw7-5{max-width:40rem;}
.mw8{max-width:48rem;}
.mw8-5{max-width:56rem;}
.mw9{max-width:64rem;}
.mw9-5{max-width:80rem;}
.mw10{max-width:96rem;}
.mw10-5{max-width:108rem;}
.mw11{max-width:120rem;}
.mw-none{max-width:none;}
.ml2{margin-left:2rem;}
.mr2{margin-right:2rem;}
.pl1{padding-left:1rem;}
.pr1{padding-right:1rem;}
.pl2{padding-left:2rem;}
.pr2{padding-right:2rem;}
.pv0-5{padding-top:0.5rem;padding-bottom:0.5rem;}
.ph0-5{padding-left:0.5rem;padding-right:0.5rem;}
.mv0-5{margin-top:0.5rem;margin-bottom:0.5rem;}
.mh0-5{margin-left:0.5rem;margin-right:0.5rem;}
.br{border-radius:.25rem;}
.shadow{box-shadow:0px 0px 8px 2px rgba(0,0,0,0.2);}
.w-100{width:100%;}
.logo{padding:0.5rem;max-width:100%;}
.btn-small{font-size:1rem;}
.btn,.btn-flat,.btn-floating{font-size:1.1rem;}
.btn-large{font-size:1.2rem;}
.dtc{display:table-cell;}
.dn{display:none;}
.page-break{page-break-after:always;}
.page-no-break{page-break-inside:avoid;}
.f1{font-size:3rem;}
.f1-5{font-size:2.625rem;}
.f2{font-size:2.25rem;}
.f2-5{font-size:1.875rem;}
.f3{font-size:1.5rem;}
.f3-5{font-size:1.375rem;}
.f4{font-size:1.25rem;}
.f4-5{font-size:1.125rem;}
.f5{font-size:1rem;}
.f5-5{font-size:.9375rem;}
.f6{font-size:.875rem;}
.f6-5{font-size:.8125rem;}
.f7{font-size:.75rem;}
.f7-5{font-size:.625rem;}
.f8{font-size:.5rem;}
.mt4{margin-top:2rem;}
.mb4{margin-bottom:2rem;}
.lh1-5{line-height:1.5;}
.b{font-weight:bold;}
.i{font-style:italic;}
.fw0{font-weight:normal;}
.fw1{font-weight:100;}
.fw2{font-weight:200;}
.fw3{font-weight:300;}
.fw4{font-weight:400;}
.fw5{font-weight:500;}
.fw6{font-weight:600;}
.fw7{font-weight:700;}
.fw8{font-weight:800;}
.fw9{font-weight:900;}
.all-border-block{border:2px solid;}
.top-border-block{border-top:2px solid;border-left:2px solid;border-right:2px solid;}
.middle-border-block{border-left:2px solid;border-right:2px solid;}
.left-border-block{border-left:2px solid;}
.right-border-block{border-right:2px solid;}
.up-border-block{border-top:2px solid;}
.down-border-block{border-bottom:2px solid;}
.bottom-border-block{border-bottom:2px solid;border-left:2px solid;border-right:2px solid;}
.border-red{border-color:red}
.border-grey{border-color:#aaa}
.dropdown-content{backface-visibility:hidden}
.select-wrapper.select-month::before,.select-wrapper.select-year::before{position:absolute;content:"\25BC";top:14px;height:20px;width:20px;}
.select-month::before{right:-7px;}
.select-year::before{right:-14px;}
.pointer{cursor:pointer;}
.sticky-th{position:sticky;top:0;z-index:10;}
.select-wrapper *{transition:none !important; transform:none !important;}
/*=====ScrollBar Style Begin==== */
::-webkit-scrollbar{width:10px;}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,136,204,0.6); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,255,255,0.9); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,136,204,0.8); 
}
::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,255,255,0.4);}
/*=====ScrollBar Style End==== */