.main,.page{position:absolute}.clear,.main{clear:both}body{padding:0;margin:0;font-family:"Open Sans";font-size:14px;font-smoothing:antialiased;background-image:url(/static/blog/image/dashboard/bg.jpg)}input{outline:0}.page{width:90%;height:90%;left:5%;top:5%;overflow:hidden;background-color:rgba(255,255,255,.7);border-radius:4px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.4);box-shadow:0 0 10px 0 rgba(0,0,0,.4)}.pageHeader{width:100%;height:50px;line-height:50px;background-color:#54b9cd;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px 20px;vertical-align:middle}.pageHeader .title{width:40%;float:left;line-height:40px;font-size:1.5em;font-weight:700}.pageHeader .title a{font-size:14px;color:rgba(255,255,255,.5);font-weight:400}.pageHeader .userPanel{width:40%;float:right}.pageHeader .userPanel i{float:right;line-height:40px;padding-right:10px}.pageHeader .userPanel .username{float:right;line-height:40px;padding:0 20px;font-weight:600;font-size:1em}.pageHeader .userPanel img{float:right;border-radius:5px}.main{top:50px;bottom:0;left:0;right:0;background-color:#fff}.main .nav,.main .view{top:0;overflow:auto;position:absolute;bottom:0}.main .nav{width:200px;background-color:rgba(227,234,235,.8)}.main .nav .searchbox{width:170px;height:30px;line-height:30px;margin:15px;background-color:#fff;border-radius:4px}.main .nav .searchbox i{display:inline-block;color:#bbb;margin-left:5px;margin-right:5px;font-size:16px}.main .nav .searchbox input{display:inlin-block;width:120px;background-color:#fff;color:#000;font-family:Lato;border:0;height:28px;line-height:28px}.main .nav .menu{color:#555}.main .nav .menu ul{padding-left:0}.main .nav .menu ul .nav-item{padding-left:10px;padding-top:10px;padding-bottom:10px;list-style:none}.main .nav .menu ul .nav-item i{margin-right:10px}.main .nav .menu ul .nav-item .nav-title{font-size:14px;margin:0 30px 0 0;padding:5px 0 5px 10px;font-weight:600;border-radius:4px;-webkit-transition:.25s all;transition:.25s all;color:rgba(0,0,0,.6)}.main .nav .menu ul .nav-item.active{background-color:rgba(255,255,255,.5)}.main .nav .menu ul .nav-item .nav-sub li{margin-left:35px;list-style-type:disc;color:rgba(0,0,0,.2)}.main .nav .menu ul .nav-item .nav-sub li.active,.main .nav .menu ul .nav-item .nav-sub li.active a{color:#79BC46}.main .nav .menu ul .nav-item .nav-sub li a{display:block;line-height:24px;color:rgba(0,0,0,.6)}.main .view{left:200px;right:0}.main .view .viewHeader{width:100%;height:70px;line-height:70px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #E0E0E0}.main .view .viewHeader .title{float:left;font-size:1.4em;font-weight:400;padding:0;color:#AAA;margin-top:-18px}.main .view .viewHeader .functions{float:right}.main .view .viewHeader .functions .button{float:right;height:30px;line-height:30px;background-color:#AAA;border-radius:4px;margin:0 5px;padding:0 20px;cursor:pointer;color:#fff;font-weight:700}.main .view .viewHeader .functions .button.active{background-color:#54b9cd}.main .view .viewHeader .functions .button.inverz{background-color:inherit;border:1px solid #AAA;width:10px;color:#AAA;font-size:1.3em;padding-left:10px;padding-right:16px}.main .view .content{position:absolute;left:0;top:70px;right:0;bottom:0;padding:10px}.main .view .content .list .title{width:100%;padding:10px;text-transform:uppercase;font-weight:700;color:#54b9cd}.main .view .content .list ul{width:100%;padding-left:10px;color:#777}.main .view .content .list ul li{width:100%;height:50px;line-height:50px;list-style:none;border-top:1px solid #AAA}.main .view .content .list ul li.checked{background-color:#F0F4F5}.main .view .content .list ul li:last-child{border-bottom:1px solid #AAA}.main .view .content .list ul li i{float:left;width:30px;height:50px;line-height:50px;margin-left:10px;font-size:1.3em}.main .view .content .list ul li span{float:left;font-weight:600}.main .view .content .list ul li .info{float:right}.main .view .content .list ul li .info span{font-weight:300}.main .view .content .list ul li .info .button{float:right;width:100px;height:30px;line-height:30px;background-color:#AAA;border-radius:4px;margin:10px;text-align:center;cursor:pointer;color:#fff;font-weight:700}.main .view .content .list ul li .info .button.green{background-color:#85C157}.view-content{overflow:hidden;padding:20px}.view-bread{padding:20px}.view-bread .bread-item{color:rgba(0,0,0,.8)}.view-bread .bread-arrow{color:rgba(0,0,0,.4);padding:0 5px}