html,body{height:100%;width:100%;overflow:hidden;overflow-y:auto;}
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
body{font-family:'Roboto','Helvetica','Arial',sans-serif;background:#eee;font-weight:400}body.noflow{overflow:hidden}
a:active, a:hover {outline: 0;}.toolbar,.toolbarin{display:flex;height:50px;position:fixed;left:0;top:0;z-index:9991;box-shadow:0 2px 5px rgba(0,0,0,.2);background:#283e56;width:100%}
.toolbar>.nav-tog,.toolbar>.toplink,.toolbarin>.nav-back{width:60px;color:#fff;text-decoration:none;line-height: 50px;}
.nav-tog .settingicon{width: 40px;margin: 5px 10px;display: block;}
.toolbarin>.nav-back,.toolbarin>.page-title{color:#fff}
.toolbarin>.page-title{width:calc(100% - 100px)}
.page-title a{color:#fff;text-decoration:none;}
/*.toolbarin .toplink .material-icons{color:#fec009}*/
.toplink .userimg{width: 45px;line-height: 50px;text-align: center;margin: 3px auto;display: block;border-radius: 50%;border: 2px solid #fff;padding: 3px;}
.pttl{font-size:18px;line-height:60px;display:block;margin:0;font-weight:400;padding:0 5px}
.toolbar .fa,.toolbarin .fa{width:50px;line-height:50px;text-align:center}
.toolbar .material-icons,.toolbarin .material-icons{width:50px;line-height:50px;text-align:center}
.navbar{width:85%;max-width:320px;height:100%;position:fixed;left:-100%;top:0;z-index:9993;transition:left 300ms}
.navbar>ul,.navbar>ul>li{margin:0;padding:0;list-style:none}.navbar>ul{background:#283e56;height:100%;overflow-y:scroll;position:relative;z-index:1}
.navbar>ul>li:nth-last-child(1){margin-bottom:10px}.navbar.set{left:0}.page-title{height:50px;width:calc(100% - 100px);font-size:16px;color:#fff;font-weight:500;line-height:50px;margin-left:10px;}
.navbar>ul>li.header{display:flex;background:#283e56;color:#fff;height:60px;line-height:60px;padding:0 16px;font-size:16px;line-height:62px}
.page-title>img{width:40px;height:auto;}
.page-title img{width:40px;height:40px;}
.navbar>ul>li.header>.material-icons{line-height:60px;margin-right:15px}
.navbar>ul>li>a{display:inline-flex;color:#fff;height:50px;line-height:50px;padding:0 16px;font-size:13px;text-decoration:none;width: calc(100% - 40px);font-weight: 400;}
.navbar>ul>li>a>.material-icons{line-height:50px;margin-right:15px;color:#fff;font-size: 20px;font-weight: 400;}
.navbar>ul>li.sub{font-size:14px;background:#f8f8f8;padding:10px 16px;font-weight:500;color:#666}
.navbar>ul>li.ada>a{position:relative;height:inherit;line-height:inherit;background:#283e56a8;color:#fff;font-size:14px;border-top:solid 1px #0d3c86;padding:10px 16px;width:100%;}
.navbar>ul>li.ada>a>span{position:absolute;right:15px}
.navly{height:100%;width:100%;display:block;position:fixed;left:0;top:0;background:rgba(0,0,0,.5);z-index:9992}
.uprofile{height:144px;background:#283e56;position:relative}
.uprofile>img{position:absolute;top:16px;left:18px;height:64px;width:64px}
.pcontent{position:absolute;left:0;top:96px;padding:0 18px;width:100%;box-sizing:border-box}
.pcontent>.uname{font-weight:500;font-size:16px;color:#FFF;margin:0;padding:0}
.pcontent>.umail{margin:0;padding:3px 0 0;font-size:13px;color:#EEE}
.catscroll>div{width:160px;box-shadow:0 1px 2px rgba(0,0,0,.2);position:relative}.catscroll>div>.img-box>img{width:100%;display:block;position:relative}
.catscroll>div>.img-box{position:relative}.catscroll{padding:0 5px 15px;display:flex;white-space:nowrap;overflow:scroll;width:auto;box-sizing:border-box}.img-box>.imgg-hover{position:absolute;left:0;bottom:0;z-index:1;background:rgba(15,68,152,0.5);font-size:12px;padding:3px 0}
.img-box>.imgg-hover>p{margin:0;padding:0 10px;color:#f1cd60;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;width:159px}
.catscroll>div>h4{margin:0;padding:10px 10px 5px;font-size:12px;color:#333;font-weight:500}.catscroll>div+div{margin-left:10px}
.floc{margin:0;padding:0 10px;font-size:10px;color:#757575}.prbhk{font-size:12px;color:#08419a;padding:2px 10px 10px}
.searchbox{height:100%;width:100%;background:#fff;position:fixed;right:-100%;top:0;z-index:9995;transition:right .18s ease-in-out}
.searchbox>.toolbar{position:relative;background:#FFF}.toolbar>.searchfield{width:calc(100% - 70px)}.searchbox.set{right:0}
.menusearch{color:#333;height:60px;width:50px;text-align:center}.menusearch>.material-icons{line-height:50px}
.toolbar>.searchfield>input{height:50px;padding:0;margin:0;border:none;width:100%;outline:none;font-size:18px}
.catscroll>div.ldrpro{min-width:150px}
.catscroll{scroll-snap-type:x mandatory}.catscroll>div{scroll-snap-align:center}.navbar>ul>li>a.pedit{position:absolute;top:96px;right:15px;color:#fff;text-decoration:none;width:36px;height:36px;line-height:36px;text-align:center;display:block;padding:0;background:rgba(0,0,0,.125);border-radius:50%}
.navbar>ul>li>a.pedit>.material-icons{line-height:36px;width:36px;text-align:center;color:#fff;font-size:18px}
.cimg{height:30px;width:30px;text-align:center;line-height:30px;background:#0d3c86;display:block;border-radius:30px;position:absolute;top:50px;left:60px;box-shadow:0 1px 2px rgba(0,0,0,.2);z-index:1}
.cimg>input{display:none}.cimg>.material-icons{line-height:30px;width:100%;text-align:center;color:#fff;font-size:18px}
.navbar>ul hr{margin: 5px 0px!important;}
.navbar>ul>li.active{background: #eee;}
.navbar>ul>li> .count{float: right;width: 40px;margin-top: 10px;text-align: center;color: #000;}
.toolbar .toplink.divselecetopdays select{background: none;color: #fff;border: none;height: 50px;box-shadow: none;}
.ilink:focus i{color:#fff;}
.newheaderforindex .newnaforindex{width: calc(100% - 200px)!important;}
.newheaderforindex .username{width: 60%;}
.newheaderforindex .toplink{width: 30%;}
.newheaderforindex .username h3{color:#fff;margin-top: 8px;margin-bottom: 0;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newheaderforindex .username p{color:#ccc;margin-bottom:0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.navbar>ul>li>.rightcountnevmenu{color: #fff;top: -5px;position: relative;font-size: 13px;}

.leftmenuuserinfo{margin: 0;background: #283e56;color: #fff;}
.leftmenuuserinfo .col3userimg-leftmenu img{width: 60px;height: 60px;margin: 0 auto;display: block;border: 1px solid #fff;}
.leftmenuuserinfo .col9username-leftmenu h4{margin-bottom:3px;margin-top:20px;}


.bottomnav{position: fixed;bottom: 0;left: 0;background: #fff;box-shadow: 0 -1px 3px rgba(0,0,0,.16);display: flex;width: 100%;padding: 0!important;z-index: 990;}
.bottomnav>a.active {color: #283e56;}
.bottomnav>a {width: 25%;text-align: center;color: #444;padding: 7px 0;text-decoration: none;}
.bottomnav>a.active>.material-icons {color: #283e56;}
.bottomnav>a>.material-icons {color: #999;}
.bottomnav>a>span {display: block;margin: 0;padding: 0;margin-top: -4px;font-size: 13px;}