@import url(https://fonts.googleapis.com/css?family=ABeeZee|Oswald:400,300);@import "../../vendor/fontawesome/css/font-awesome.min.css";html,body{border:0;font-family:"Helvetica Neue","Helvetica",Arial,sans-serif;line-height:1.5;margin:0;padding:0}div,span,object,iframe,img,table,caption,thead,tbody,tfoot,tr,tr,td,article,aside,canvas,details,figure,hgroup,menu,nav,footer,header,section,summary,mark,audio,video{border:0;margin:0;padding:0}h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cit,code,del,dfn,em,ins,q,samp,small,strong,sub,sup,b,i,hr,dl,dt,dd,ol,ul,li,fieldset,legend,label{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}table{border-collapse:separate;border-spacing:0}table caption,table th,table td{text-align:left;vertical-align:middle}a img{border:0}:focus{outline:0}body{background:#f5f5f5;margin:110px 0 0 0}body>header{display:block;position:fixed;top:0;left:0;z-index:9998;width:100%;height:60px;background:rgba(0,0,0,0.6)}body>header .container{display:block;overflow:hidden;width:auto;height:100%;margin:0 60px}body>header .container #logo{display:inline-block;color:#fff;font-family:"oswald",sans-serif;font-size:17px;font-weight:400;text-transform:uppercase;text-decoration:none}body>header .container #logo .valign-wrapper{display:table;height:60px;width:auto}body>header .container #logo .valign-wrapper>div{display:table-cell;vertical-align:middle;width:35px;height:100%;padding:0;margin:0;line-height:0}body>header .container #logo .valign-wrapper>div img{width:35px;height:27px}body>header .container #logo .valign-wrapper span{display:table-cell;vertical-align:middle}body>header .container #logo .valign-wrapper .on{color:rgba(255,255,255,0.4);font-size:11px;font-weight:300;width:auto;line-height:11px;margin:2px 0 0 0;padding:0 10px}body>header .container #logo .valign-wrapper .datavu{color:#fff;font-size:17px;font-weight:400;line-height:100%;margin:2px 0 0 0;padding:0 15px 0 0}body>header .container>nav{display:inline-block;width:400px}body>header .container>nav>ul{display:table;width:auto;height:60px}body>header .container>nav>ul>li{display:table-cell;vertical-align:middle}body>header .container>nav>ul>li>a{padding:30px 15px;height:100%;width:100%;font-family:"oswald",sans-serif;text-decoration:none;text-transform:uppercase}body>header .container>nav>ul>li>a .title{display:inline-block;color:#fff;font-weight:400;font-size:15px;padding:0 15px 0 0}body>header .container>nav>ul>li>a .category{display:inline-block;color:rgba(255,255,255,0.4);font-weight:300;font-size:15px}body>header .container>nav>ul>li>a .category .fa{font-size:13px;padding-left:5px;margin-top:-5px}body>header .container>nav>ul>li>a:hover{background:rgba(255,255,255,0.15)}body>header .container>nav>ul>li>a:active{background:rgba(255,255,255,0.1)}body>header .container #user{display:block;float:right;padding:0 15px}body>header .container #user i.fa-user{display:block;float:left;color:#fff;font-size:24px;padding:18px 0 0 0}body>header .container #user .user-details{display:block;float:left;font-family:"abeezee",sans-serif;padding:15px;line-height:100%}body>header .container #user .user-details .username{display:block;color:#fff;font-size:14px;font-weight:300}body>header .container #user .user-details .level{display:block;color:rgba(255,255,255,0.4);font-size:11px;font-weight:300}body>header .container #user i.fa-caret-down{display:block;float:left;color:#fff;font-size:12px;padding:24px 0 0 0}body>header .container #user:hover{background:rgba(255,255,255,0.15)}body>header .container #user:active{background:rgba(255,255,255,0.1)}body #sub-nav{display:block;position:fixed;top:60px;left:0;z-index:10;width:100%;height:50px;background:rgba(255,255,255,0.95);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1)}body #sub-nav .container{display:block;width:auto;height:50px;margin:0 60px}body #sub-nav .container h1{display:block;float:left;font-family:'Oswald',Helvetica,Arial,sans-serif;font-weight:700;font-size:18px;font-weight:400;line-height:18px;text-transform:uppercase;padding:16px 10px 0 0}body #sub-nav .container p{display:block;float:left;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:12px;color:#999;padding:19px 0 0 0}body #sub-nav .container>a{display:block;float:right;padding:6px 10px;margin:9px 0 0 0;background:#eb4867;color:#fff;font-family:'ABeeZee',Helvetica,Arial,sans-serif;font-weight:400;font-size:13px;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}body #sub-nav .container>a .fa{margin-right:2px}body #sub-nav .container>a:hover{background:#f0768d}body main{overflow:hidden}body main hgroup{display:block;width:auto;height:10px;margin:30px 15px 15px 75px;border:1px solid #ddd;border-bottom:none}body main hgroup h2{font-family:'Oswald',Helvetica,Arial,sans-serif;font-weight:700;font-size:15px;line-height:100%;color:#999;text-transform:uppercase;text-align:center;margin-top:-8px}body main hgroup h2 span{background:#f5f5f5;padding:5px}body main section{display:block;width:auto;height:auto;background:#fff;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1)}body main section.graph-box{background:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}body main section.graph-box .summary{display:block;overflow:hidden;background:#fff;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1)}body main section.graph-box .summary .info{display:block;float:left;width:200px;border-right:1px solid #eee}body main section.graph-box .summary .info>.title{display:block;height:50px;border-bottom:1px solid #eee}body main section.graph-box .summary .info>.title h3{font-family:'ABeeZee',Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;line-height:100%;padding:17px 0 0 20px}body main section.graph-box .summary .info .highlighted{width:100%;height:90px;border-bottom:1px solid #eee}body main section.graph-box .summary .info .highlighted tr td{text-align:center}body main section.graph-box .summary .info .highlighted tr td span{display:inline-block;clear:both}body main section.graph-box .summary .info .highlighted tr td .title{width:100%;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:100%}body main section.graph-box .summary .info .highlighted tr td .detail{width:100%;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:24px;line-height:100%}body main section.graph-box .summary .info .highlighted tr td .change{background:#999;line-height:100%;font-size:12px;color:#fff;padding:4px;margin:0 0 0 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}body main section.graph-box .summary .info .highlighted tr td .change.green{background:#8dc63f}body main section.graph-box .summary .info .highlighted tr td .change.amber{background:#ebc04c}body main section.graph-box .summary .info .highlighted tr td .change.red{background:#f97878}body main section.graph-box .summary .info .highlighted tr td:first-child{border-right:1px solid #eee}body main section.graph-box .summary .info .more{width:100%;height:auto;padding:15px 20px}body main section.graph-box .summary .info .more tr td{font-size:12px}body main section.graph-box .summary .info .more tr td:last-child{text-align:right;font-weight:700}body main section.graph-box .summary .graph{display:block;float:right;width:calc(100% - 201px);height:207px;margin-top:-1px;position:relative}body main section.graph-box .summary .graph .the-graph{display:block;width:100%;height:100%;position:absolute;top:0;left:0}body main section.graph-box .summary .graph .details-btn{display:block;padding:10px 15px;margin:0;background:rgba(255,255,255,0.9);border:1px solid rgba(0,0,0,0.2);font-family:'ABeeZee',Helvetica,Arial,sans-serif;font-weight:400;font-size:13px;color:#000;line-height:100%;text-decoration:none;-moz-border-radius:22px;-webkit-border-radius:22px;border-radius:22px;position:absolute;bottom:20px;right:20px;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-moz-box-shadow:0 1px 1px rgba(0,0,0,0);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0);box-shadow:0 1px 1px rgba(0,0,0,0);opacity:.5}body main section.graph-box .summary .graph .details-btn:hover{opacity:1;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1)}body main section.graph-box .summary .graph .details-btn:active{background:rgba(230,230,230,0.9)}body main section.graph-box .details{display:block;overflow:hidden;width:100%;max-height:0;-moz-transition:max-height .5s ease-in-out;-webkit-transition:max-height .5s ease-in-out;transition:max-height .5s ease-in-out}body main section.graph-box .details .info{display:block;width:160px;height:auto;padding:20px;float:left}body main section.graph-box .details .info h4{font-family:'ABeeZee',Helvetica,Arial,sans-serif;font-weight:400;font-size:15px;line-height:160%;padding:0 0 15px 0}body main section.graph-box .details .info p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:160%}body main section.graph-box .details .options{display:block;float:left;width:calc(100% - 200px)}body main section.graph-box .details .options table{width:100%;border-bottom:1px solid #ddd}body main section.graph-box .details .options table thead tr th{font-family:'ABeeZee',Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;text-align:center;padding:10px;border-bottom:1px solid #ddd;border-right:1px solid #eee}body main section.graph-box .details .options table thead tr th:first-child{text-align:left}body main section.graph-box .details .options table thead tr th:last-child{border-right:none}body main section.graph-box .details .options table tbody tr td{border-bottom:1px solid #eee;border-right:1px solid #eee;padding:10px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;text-align:center}body main section.graph-box .details .options table tbody tr td .change{display:inline-block;background:#999;color:#fff;padding:4px;margin:0 0 0 10px;font-size:12px;line-height:100%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}body main section.graph-box .details .options table tbody tr td .change.green{background:#8dc63f}body main section.graph-box .details .options table tbody tr td .change.amber{background:#ebc04c}body main section.graph-box .details .options table tbody tr td .change.red{background:#f97878}body main section.graph-box .details .options table tbody tr td:first-child{text-align:left;width:15px}body main section.graph-box .details .options table tbody tr td:nth-child(2){text-align:left}body main section.graph-box .details .options table tbody tr td:last-child{border-right:none}body main section.graph-box .details .options table tbody tr.child-title td{font-weight:700;text-align:left}body main section.graph-box .details .options table tbody tr.child-title td input[type="radio"]{margin-right:15px}body main section.graph-box .details .options table tbody tr.child-title td:first-child{border-right:none}body main section.graph-box .details .options table tbody tr.child td{border-bottom:1px solid #eee}body main section.graph-box .details .options table tbody tr.child td input[type="checkbox"]{margin-right:15px;margin-left:40px}body main section.graph-box .details .options table tbody tr.child td:first-child{border-right:none}body main section.graph-box .details .options table tbody tr:last-child td{border-bottom:none}body main section.graph-box .details.visible{height:auto;max-height:9999px}body main section.table-view{display:block;overflow:hidden;background:#fff;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1)}body main section.table-view .title{padding:17px 20px}body main section.table-view .title h3{font-family:'ABeeZee',Helvetica,Arial,sans-serif;font-size:18px;line-height:100%;font-weight:400}body main section.table-view .body{display:block;width:100%}body main section.table-view .body table{width:100%;border-top:1px solid #eee}body main section.table-view .body table thead tr th{font-family:'ABeeZee',Helvetica,Arial,sans-serif;font-weight:400;font-size:15px;text-align:center;vertical-align:middle;border-bottom:1px solid #eee;border-right:1px solid #eee;padding:10px}body main section.table-view .body table tbody tr td{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;text-align:center;vertical-align:middle;border-bottom:1px solid #eee;border-right:1px solid #eee;padding:10px}body main section.table-view .body table tbody tr td .change{display:inline;background:#999;color:#fff;padding:4px;margin:0 0 0 3px;font-size:11px;line-height:100%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}body main section.table-view .body table tbody tr td .change.green{background:#8dc63f}body main section.table-view .body table tbody tr td .change.amber{background:#ebc04c}body main section.table-view .body table tbody tr td .change.red{background:#f97878}body main section.table-view .body table tbody tr td:first-child{text-align:left}body main section.table-view .body table tbody tr td:last-child{border-right:none}body main section.table-view .body table tbody tr:last-child td{border-bottom:none}body main section#bbb{display:block;background:none;box-shadow:none}body main section#bbb ul{display:block;overflow:hidden}body main section#bbb ul li{display:block;overflow:hidden;padding-bottom:2px}body main section#bbb ul li .wrapper{display:block;background:#fff;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1)}body main section#bbb ul li .wrapper .title{display:block;height:50px;border-bottom:1px solid #eee}body main section#bbb ul li .wrapper .title h3{display:block;float:left;font-family:'ABeeZee',Helvetica,Arial,sans-serif;font-weight:400;font-size:18px;line-height:100%;padding:17px 0 0 20px}body main section#bbb ul li .wrapper .title .indicator{display:block;float:right;width:50px;height:50px;text-align:center}body main section#bbb ul li .wrapper .title .indicator .fa{padding-top:13px;color:#fff;font-size:24px;line-height:100%}body main section#bbb ul li .wrapper .title .indicator.red{background:#f97878}body main section#bbb ul li .wrapper .title .indicator.amber{background:#ebc04c}body main section#bbb ul li .wrapper .title .indicator.green{background:#8dc63f}body main section#bbb ul li .wrapper .body{display:block}body main section#bbb ul li .wrapper .body table{width:100%}body main section#bbb ul li .wrapper .body table tbody tr td{border-bottom:1px solid #eee;height:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:100%;vertical-align:middle}body main section#bbb ul li .wrapper .body table tbody tr td .change{display:inline;background:#999;color:#fff;padding:4px;margin:0 0 0 3px;font-size:11px;line-height:100%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}body main section#bbb ul li .wrapper .body table tbody tr td .change.red{background:#f97878}body main section#bbb ul li .wrapper .body table tbody tr td .change.amber{background:#ebc04c}body main section#bbb ul li .wrapper .body table tbody tr td .change.green{background:#8dc63f}body main section#bbb ul li .wrapper .body table tbody tr td:first-child{padding:15px 0 15px 20px;max-width:100px}body main section#bbb ul li .wrapper .body table tbody tr td:last-child{padding:15px 20px 15px 0;text-align:right}body main section#bbb ul li .wrapper .body table tbody tr:last-child td{border-bottom:none}body aside section{display:block;width:auto;height:auto;background:#fff;margin:20px;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1)}body aside section .title{display:block;overflow:hidden;width:auto;height:34px;padding:8px 20px;border-bottom:1px solid #eee;position:relative}body aside section .title .client-logo{display:block;float:left;width:34px;height:34px;margin-right:10px}body aside section .title h4{display:block;float:left;margin:5px 0 0 0;font-family:'ABeeZee',Helvetica,Arial,sans-serif;font-weight:400;font-size:18px}body aside section .title a.add{display:block;position:absolute;top:9px;right:9px;padding:8px;border:1px solid #eee;font-size:15px;line-height:15px;color:#eb4867;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}body aside section .title a.add:hover{border:1px solid #ddd;background:#f5f5f5}body aside section .body{padding:20px}body aside section .body p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:160%;margin:0;padding:0}body aside section .body ul.point-list{display:block;list-style:none}body aside section .body ul.point-list li a{text-decoration:none}body aside section .body ul.point-list li a .priority{display:inline-block;width:50px;font-size:11px;text-align:center;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}body aside section .body ul.point-list li a .priority.red{background:#f97878}body aside section .body ul.point-list li a .priority.amber{background:#ebc04c}body aside section .body ul.point-list li a .priority.green{background:#8dc63f}body aside section .body ul.point-list li a .description{display:inline-block;padding:0 0 0 5px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;color:#000}body aside section#traffic-lights{background:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}body aside section#traffic-lights ul.indicators{display:block;list-style:none;padding:0;margin:0}body aside section#traffic-lights ul.indicators li{display:table;overflow:hidden;width:100%;height:75px;background:#fff;margin:0 0 10px 0;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1)}body aside section#traffic-lights ul.indicators li .detail{display:table-cell;vertical-align:middle;text-align:center;margin:0;padding:10px;width:55px;max-width:55px;height:55px;max-height:55px;background:#ddd;font-family:'Oswald',Helvetica,Arial,sans-serif;font-weight:700;font-size:40px;color:#fff;line-height:100%}body aside section#traffic-lights ul.indicators li .detail.green{background:#8dc63f}body aside section#traffic-lights ul.indicators li .detail.amber{background:#ebc04c}body aside section#traffic-lights ul.indicators li .detail.red{background:#f97878}body aside section#traffic-lights ul.indicators li .summary{display:table-cell;padding:20px;font-family:'ABeeZee',Helvetica,Arial,sans-serif;font-weight:400;font-size:15px;line-height:160%}body #client-dashboard,body #unit-dashboard{display:none;overflow-y:scroll;opacity:0;position:fixed;top:60px;left:0;z-index:9998;width:100%;height:calc(100% - 60px);background:rgba(0,0,0,0.6);-moz-transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}body #client-dashboard ul,body #unit-dashboard ul{display:block;margin:60px;list-style:none}body #client-dashboard ul li,body #unit-dashboard ul li{display:block;float:left;position:relative;list-style:none;margin:15px 30px 30px 30px}body #client-dashboard ul li a,body #unit-dashboard ul li a{display:block;overflow:hidden;width:100px;height:100px;background:#f00;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5);box-shadow:0 1px 1px rgba(0,0,0,0.5);-moz-transition:all .6 ease;-webkit-transition:all .6 ease;transition:all .6 ease}body #client-dashboard ul li a img,body #unit-dashboard ul li a img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:0 auto}body #client-dashboard ul li .notification,body #unit-dashboard ul li .notification{display:block;min-width:15px;position:absolute;top:-7px;right:-7px;background:#f97878;color:#fff;line-height:100%;text-align:center;padding:3px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5);box-shadow:0 1px 1px rgba(0,0,0,0.5)}body #client-dashboard ul li .description,body #unit-dashboard ul li .description{display:block;font-family:'ABeeZee',Helvetica,Arial,sans-serif;font-weight:400;font-size:15px;color:rgba(255,255,255,0.8);text-align:center;padding-top:10px}body.show-dashboard #client-dashboard{display:block;opacity:1}body.show-units #unit-dashboard{display:block;opacity:1}body.login-page{margin:0;width:100%;height:100%}body.login-page #login-page{display:table;width:100%;height:100%}body.login-page #login-page .card{display:block;width:320px;height:320px;margin:12% auto;background:#fff;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1)}body.login-page #login-page .card>img{display:block;max-width:200px;max-height:200px;margin:0 auto;padding:30px 0}body.login-page #login-page .card form{display:block}body.login-page #login-page .card form input[type="text"],body.login-page #login-page .card form input[type="password"]{display:block;clear:both;width:260px;margin:10px auto;padding:5px;font-size:15px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;border:1px solid #ddd;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}body.login-page #login-page .card form input[type="submit"]{display:block;width:274px;-webkit-appearance:caret;outline:none;border:none;background:#eb4867;font-family:'ABeeZee',Helvetica,Arial,sans-serif;font-weight:400;font-size:15px;color:#fff;margin:10px auto 0 auto;padding:10px 15px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}body.login-page #login-page .card form input[type="submit"]:hover{background:#f0768d}body.login-page #login-page .card form>a{display:block;text-align:center;font-size:13px;text-decoration:none;margin-top:10px;color:#999}body.login-page #login-page .card form>a:hover{text-decoration:underline}@media only screen and (min-width:320px){body{background:#f5f5f5}body>header .container{margin:0 15px}body>header .container #logo .valign-wrapper .on,body>header .container #logo .valign-wrapper .datavu{display:none}body>header .container>nav{width:auto}body>header .container>nav>ul>li>a .title{display:none}body>header .container #user .user-details{display:none}body #sub-nav .container{margin:0 30px}body #sub-nav .container>a{display:none}body main #mobile-high-priority{display:block;background:#f00;width:100%;height:500px}body main hgroup{margin:30px 30px 15px 30px}body main section{margin:20px}body main section.table-view>.body{overflow-x:scroll}body main section.graph-box .summary .info{clear:both;width:100%;border-right:none}body main section.graph-box .summary .graph{clear:both;width:100%;border-bottom:1px solid #eee}body main section.graph-box .details .info,body main section.graph-box .details .options{clear:both;width:auto}body main section.graph-box .details .options{width:100%}body main section.graph-box .details .options .child-title,body main section.graph-box .details .options .child{display:none}body main section#bbb>ul>li{margin-bottom:20px}body #client-dashboard>ul,body #unit-dashboard>ul{margin:10px}body #client-dashboard>ul>li,body #unit-dashboard>ul>li{max-width:60px;margin:10px 20px 20px 20px}body #client-dashboard>ul>li>a,body #unit-dashboard>ul>li>a{width:60px;height:60px}}@media only screen and (min-width:1024px){body>header .container{margin:0 60px}body>header .container #logo .valign-wrapper .on,body>header .container #logo .valign-wrapper .datavu{display:table-cell}body>header .container>nav{width:auto}body>header .container>nav>ul>li{margin:15px 30px 30px 30px}body>header .container>nav>ul>li>a .title{display:inline-block}body>header .container #user .user-details{display:inline-block}body #sub-nav .container{margin:0 60px}body #sub-nav .container>a{display:block}body>main{display:block;float:left;width:70%;min-height:100%;background:#f5f5f5}body>main>section{margin:0 0 20px 60px}body>main section.table-view>.body{overflow-x:hidden}body>main>section#bbb ul li{float:left;width:33.33%}body>main>section#bbb ul li:nth-child(1) .wrapper{margin:0 10px 0 0}body>main>section#bbb ul li:nth-child(2) .wrapper{margin:0 5px 0 5px}body>main>section#bbb ul li:nth-child(3) .wrapper{margin:0 0 0 10px}body>main section.graph-box .summary .info{clear:none;width:200px;border-right:1px solid #eee}body>main section.graph-box .summary .graph{clear:none;width:calc(100% - 201px);border-bottom:none}body>main section.graph-box .details .info,body>main section.graph-box .details .options{clear:none}body>main section.graph-box .details .info{width:160px}body>main section.graph-box .details .options{width:calc(100% - 200px)}body>main section.graph-box .details .options .child-title,body>main section.graph-box .details .options .child{display:table-row}body>main>hgroup{margin:30px 15px 15px 75px}body>aside{display:block;float:left;overflow:hidden;width:30%;min-height:100%;background:#eee}body>aside>section{margin:20px 60px 20px 20px}body #client-dashboard>ul,body #unit-dashboard>ul{margin:60px}body #client-dashboard>ul>li,body #unit-dashboard>ul>li{max-width:100px}body #client-dashboard>ul>li>a,body #unit-dashboard>ul>li>a{width:100px;height:100px}}@media only screen and (min-width:1280px){body{background:#f5f5f5}}@-webkit-keyframes left-from-spine{0%{opacity:0;-webkit-transform:translate3d(-200px, 0, 0)}70%{-webkit-transform:translate3d(50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-webkit-keyframes right-from-spine{0%{opacity:0;-webkit-transform:translate3d(200px, 0, 0)}70%{-webkit-transform:translate3d(-50px, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-webkit-keyframes fade-in{0%{opacity:0;-webkit-transform:translate3d(0, 0, 0)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-webkit-keyframes bounce-in{0%{opacity:0;-webkit-transform:translate3d(0, 0, 0);-webkit-transform:scale(0)}75%{-webkit-transform:scale(1.2)}100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);-webkit-transform:scale(1)}}body>aside>section{-webkit-animation-name:left-from-spine;-webkit-animation-duration:.6s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:once;-webkit-animation-direction:alternate;-webkit-animation-play-state:running;-webkit-animation-fill-mode:both}body>aside>section:nth-child(2){-webkit-animation-delay:.2s}body>aside>section:nth-child(3){-webkit-animation-delay:.4s}body>aside>section:nth-child(4){-webkit-animation-delay:.6s}body>aside>section:nth-child(5){-webkit-animation-delay:.8s}body>aside>section:nth-child(6){-webkit-animation-delay:1s}body>main>section{-webkit-animation-name:right-from-spine;-webkit-animation-duration:.6s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:once;-webkit-animation-direction:alternate;-webkit-animation-play-state:running;-webkit-animation-fill-mode:both}body>main>section:nth-child(2){-webkit-animation-delay:.2s}body>main>section:nth-child(3){-webkit-animation-delay:.4s}body>main>section:nth-child(4){-webkit-animation-delay:.6s}body>main>section:nth-child(5){-webkit-animation-delay:.8s}body>main>section:nth-child(6){-webkit-animation-delay:1s}body>main>hgroup{-webkit-animation-name:fade-in;-webkit-animation-duration:.8s;-webkit-animation-delay:1.2s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:once;-webkit-animation-direction:alternate;-webkit-animation-play-state:running;-webkit-animation-fill-mode:both}body>header>.container,#sub-nav>.container{-webkit-animation-name:fade-in;-webkit-animation-duration:1s;-webkit-animation-delay:.4s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:once;-webkit-animation-direction:alternate;-webkit-animation-play-state:running;-webkit-animation-fill-mode:both}body.show-dashboard #client-dashboard,body.show-units #unit-dashboard{-webkit-animation-name:fade-in;-webkit-animation-duration:.6s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:once;-webkit-animation-direction:alternate;-webkit-animation-play-state:running;-webkit-animation-fill-mode:both}body.show-dashboard #client-dashboard>ul>li,body.show-units #unit-dashboard>ul>li{-webkit-animation-name:bounce-in;-webkit-animation-duration:.6s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:once;-webkit-animation-direction:alternate;-webkit-animation-play-state:running;-webkit-animation-fill-mode:both}#login-page{-webkit-animation-name:fade-in;-webkit-animation-duration:.8s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:once;-webkit-animation-direction:alternate;-webkit-animation-play-state:running;-webkit-animation-fill-mode:both}