/*Copyright (C) 2017 Leighs Computing Ltd. All rights reserved.*/
html,body,section,header,article,figure,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,ol,ul,li,form,table,tbody,tfoot,thead,tr,td{margin:0;padding:0;border:0;outline:0;font-weight:normal;font-style:normal;font-family:inherit;vertical-align:baseline}h1,h2,h3,h4,h5,h6{font-family:'Bree Serif',serif}:focus{outline:0}body{line-height:1;color:#000;background:#fff}ul{list-style:none}table{border-collapse:collapse;border-spacing:0}th,td{text-align:left;vertical-align:top}textarea{resize:none}a{text-decoration:none}a[href^="tel"]{text-decoration:none}a.button{display:inline-block;margin:.8em 0 1.4em 0;padding:.4em 1em;border:1px solid #ce5700;border-radius:4px;background-color:#f7700d;color:#fff}a.button:active{box-shadow:inset 0 2px 8px #944206;color:#fddcc3}a.button-disabled{border-color:#c0c0c0;background-color:#f3f3f3;color:#a0a0a0;cursor:default}a.button-disabled:active{box-shadow:none;color:#a0a0a0}.clear-fix{clear:both}.carousel{margin:.8em 0 1.6em 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.carousel>a{display:none;cursor:pointer;text-align:center}.carousel>a.selected{display:block}.carousel>div{display:table;margin:10px auto}.carousel>div>a{display:inline-block;width:10px;height:10px;margin:0 10px;border-radius:5px;background-color:#cff09e;cursor:pointer}.carousel>div>a.selected{background-color:#3b8686;cursor:default}.spinner{display:none;width:20px;height:20px;margin-left:10px;border:1px solid #3b8686;border-radius:50%;border-left-color:transparent;border-right-color:transparent;-webkit-animation:spinner-anim 1s linear infinite;animation:spinner-anim 1s linear infinite}.spinner-active{display:inline-block}@-webkit-keyframes spinner-anim{100%{-webkit-transform:rotate(360deg)}}@keyframes spinner-anim{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body{font-family:"Open Sans";font-size:10pt;-webkit-text-size-adjust:100%;background-color:#fff}textarea{width:100%;height:80px;padding:.4em;box-sizing:border-box;font-family:"Open Sans";font-size:100%}input[type="text"],input[type="password"],input[type="search"],input[type="email"]{padding:.4em;width:100%;box-sizing:border-box;line-height:170%;font-size:100%}input.invalid{background:linear-gradient(#fff,#fff,#fff,#fff,#fff,#ffba69)}input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #fff inset !important}button{padding:.5em 1em;background-color:#808080;border:1px solid #a0a0a0;font-size:100%}p{line-height:140%}label{line-height:140%}form{margin-top:10px;padding:0 10px 10px 10px;background-color:#f3f3f3}aside.narrative form{background-color:transparent}form p input[type="checkbox"]{float:left;margin:3px 0 0 0;line-height:140%}form p input[type="checkbox"]+label{display:block;margin-left:22px}header.page-header{position:absolute;width:100%;z-index:2;-webkit-transition:right .2s;transition:right .2s;transition-timing-function:ease-out}header.page-header>.logo{float:left;width:156px;height:50px;margin:10px 10px 0 10px;background:transparent url(img/logo-overlay.png) no-repeat left top;background-size:contain}header.page-header>.back{display:none;float:left;width:40px;height:50px;margin-left:.5em;background:transparent url(img/back.png) no-repeat 0 50%;background-size:100%;cursor:pointer}header.page-header>.menu-aside-toggle{float:right;position:relative;width:40px;height:40px;padding:8px 5px 7px 5px;margin:10px 10px 0 0;box-sizing:border-box;background:#202020;background:linear-gradient(to bottom,#505050 0%,#202020 100%);cursor:pointer}header.page-header>.menu-aside-toggle>div{width:100%;height:4px;margin-top:3px;border:1px solid #eee;border-radius:2px;background-color:#fff;box-sizing:border-box}header.page-header>.menu-header{display:none}body.no-menu-aside header.page-header .menu-aside-toggle{visibility:hidden}.page{-webkit-transition:margin-left .2s;transition:margin-left .2s;transition-timing-function:ease-out}nav.menu-aside{visibility:hidden;position:absolute;top:0;right:0;width:70%;height:100%;z-index:0;box-sizing:border-box;background:#3e3c3d;background:linear-gradient(to right,#303030 0%,#3e3c3d 100%)}nav.menu-aside>ul{padding-top:1em;padding-bottom:1em}nav.menu-aside>ul>li{position:relative;border-bottom:1px solid #222;border-top:1px solid #444}nav.menu-aside>ul>li.menuitem-new-group{margin-top:1.6em}nav.menu-aside>ul>li.menuitem-child{padding-left:.8em}nav.menu-aside>ul>li>h3{display:block;padding:20px 0 4px 0;background-color:transparent;color:#808080;font-weight:bold;font-size:80%;text-align:center}nav.menu-aside>ul>li>a{display:block;padding:11px 15px;background-color:#3f3f3f;color:#fff;font-weight:bold}nav.menu-aside>ul>li.menuitem-child a{font-weight:normal}nav.menu-aside>ul>li.menuitem-login a{padding-left:2.8em;background-image:url(img/icon-login.png);background-repeat:no-repeat;background-position:.2em 50%;background-size:contain}.menu-aside-shim{display:none;position:fixed;left:0;top:0;width:30%;height:100%;z-index:3}body.nav-open{background-color:#303030}body.nav-open nav.menu-aside{visibility:visible}body.nav-closing nav.menu-aside{visibility:visible}body.nav-open .page{margin-left:-70%}body.nav-open .menu-aside-shim{display:block}body.nav-closing .menu-aside-shim{display:block}main{position:relative;display:block;z-index:1;min-height:100vh;padding:0 0 10px 0;box-shadow:10px 0 9px 0 rgba(0,0,0,.4)}main .msg{margin:.6em -1.4em 1.2em -1.4em;padding:.6em .6em .6em 3em;background:rgba(0,0,0,.1) url(img/warning.png) no-repeat 10px 50%;color:#fff}main section{padding:10px 10px 0 10px}main h1{font-size:1.8em}main h2{font-size:1.5em;color:#37565e;padding:1em 0 .4em 0}main h3{font-size:1.1em;color:#505050;padding:.5em 0 .3em 0;line-height:140%}main h4{font-size:1.1em;font-weight:normal}main a{color:#cf6e05}main>section ul{margin:0 0 1em 1em}main>section ul li:before{content:"\25A0";color:#cff09e;position:relative;left:-.5em;top:-.15em}main>section aside.narrative ul li:before{color:#79bd9a}main>section ul li{line-height:140%;padding:.1em 0 .2em .7em;text-indent:-.7em}main a.appstore{display:block;margin:10px 0}main aside a.appstore{margin-left:10px}section article.with-aside aside.narrative{margin-top:10px;padding:0 10px 10px 10px;background-color:#f3f3f3}section article p.next-page{margin:2em 0 0 0;text-align:right;color:#808080}body.page-design1 main{background-color:#fff}body.page-design2 main{background-color:#fff;padding-top:70px}body.page-design2 main h1{font-size:2.4em;margin:.4em 0 .3em 0;border-bottom:4px solid #cff09e;color:#79bd9a}body.page-design2 main p{padding-bottom:.8em}body.page-design2 main figure img{display:block;width:100%}body.page-design2 main figure figcaption{display:block;padding:10px;background-color:#cff09e;color:#505050;font-size:80%;line-height:140%}body.page-design-no-login-menuitem header.page-header>.menu-header ul>li.menuitem-login{display:none}.context-menu{display:none}footer{margin-top:4em}footer section article{padding:10px 10px 20px 10px;color:#404040;text-align:center}footer section article h2{font-size:1.3em}footer section article p{padding:.3em 0}footer section article a.button{margin-bottom:0;border-color:#e29d30;background-color:#f0b040}footer section article a.button-disabled{border-color:#c0c0c0;background-color:#f3f3f3;opacity:.5}footer section.getstarted article{background-color:#cff09e}footer section.newsletter article{background-color:#79bd9a}footer section.newsletter article input{display:block;width:100%;margin:10px 0 0 0;padding:10px;border:none;box-sizing:border-box;background-color:#e4f4ec}footer section.newsletter article input.invalid{background:linear-gradient(#e4f4ec,#e4f4ec,#e4f4ec,#e4f4ec,#ffba69)}footer section.newsletter article p:last-child{font-size:70%;padding:1em 0 0 0;text-align:left}footer section.newsletter article p#acknowledge{display:none}footer section.newsletter article p#acknowledge a{color:#cff09e}footer section.newsletter article.joined p#invite{display:none}footer section.newsletter article.joined p#acknowledge{display:block}footer section.contact article{background-color:#3b8686;color:#202020}footer section.contact article p:last-child a{color:inherit;white-space:nowrap}footer section.links article{background-color:#37565e}footer section.links article ul{margin:10px 0 60px 0}footer section.links article ul li{float:left;display:block;width:20%;font-size:80%;color:#d8e8ec}footer section.links article ul li a{font-size:80%;color:#d8e8ec;text-transform:uppercase}footer section.links article ul li.menuitem-login{display:none}footer section.links article p{clear:both;font-size:70%;color:#000}footer section.links article p a{padding:0 .8em;color:#79bd9a}section table{width:100%;margin-bottom:2em;border-collapse:collapse;font-size:85%}section table td{padding:10px 10px 7px 10px;vertical-align:middle;line-height:120%}section table td:first-child{padding-left:0}section table thead td{vertical-align:bottom}section table tbody tr.h3 td{padding-top:3em}section table tbody td{border-top:1px solid #cff09e}section.home article{background:transparent url(img/home-attendance-system.jpg) no-repeat 70% 90%;background-size:cover}section.home h1{margin:0;padding:30% 0 0 0;color:#fff;text-align:left}section.home h1 span{display:inline-block;padding:10px;background-color:rgba(1,1,1,.1)}section.home p{background-color:rgba(1,1,1,.3);padding:10px;color:#fff}section.home-intro article:first-child{padding:0 10px;background-color:#f3f3f3}section.home-intro article:last-child{width:100%;height:50vw;background:transparent url(img/home-intro.jpg) no-repeat 50% 50%;background-size:cover}section.home-signin article:first-child{padding:0 10px}section.home-signin article:last-child{width:100%;height:50vw;background:transparent url(img/home-signin.jpg) no-repeat 50% top;background-size:80%}section.home-dashboard article:first-child{padding:0 10px;background-color:#f3f3f3}section.home-dashboard article:last-child{display:none}section.home-timesheets article:first-child{padding:0 10px}section.home-timesheets article:last-child{width:100%;max-height:414px;height:70vw;background:transparent url(img/home-timesheets.png) no-repeat 50% top;background-size:contain}section.home-emails article:first-child{padding:0 10px 100px 10px;background:#f3f3f3 url(img/home-weeklyemails.png) no-repeat right bottom}section.home-emails article:last-child{display:none}section.home-emergencies article:first-child{padding:0 10px}section.home-emergencies article:last-child{width:100%;max-width:312px;height:65vw;max-height:300px;margin:0 auto;background:transparent url(img/home-rollcall.jpg) no-repeat 50% top;background-size:60%}section.about-us article figure img{max-width:312px;margin:0 auto}section.contact-us article aside{display:none}section.contact-us article aside figure img{max-width:320px;margin:0 auto}section.faq article article h3 span{color:#79bd9a;padding-right:.2em}section.faq article article h3{padding-left:.9em;text-indent:-.9em}section.faq article article p{margin-left:80px}section.pricing aside input{display:block;width:70%;max-width:120px;box-sizing:border-box;margin:.4em 0 1em 30%;padding:5px;border:none;font-size:16px}section.pricing aside input.has-error{background-color:#ffcfcf}section.pricing aside select{display:block;width:70%;max-width:220px;box-sizing:border-box;margin:.4em 0 1em 30%;padding:5px;border:none;font-size:16px}section.pricing aside p.cost{margin-left:30%;padding-bottom:.2em;font-size:3em;font-family:Bree Serif}section.pricing aside p.cost sup{padding:0 .5em;font-size:30%}.requires-currencies{display:none}.has-currencies .requires-currencies{display:inherit}section.pricing table td{width:28%}section.pricing table td:first-child{width:44%}section.pricing table tbody td:nth-child(2){border-left:1px solid #cff09e}section.pricing table tbody td.tick{padding-top:3px;padding-bottom:0}section.pricing table tbody td.tick img{width:16px;height:16px}section.rollcall article figure img{max-width:312px;margin:0 auto}section.rollcall article aside figure img{max-width:410px}section.rollcall article figure.access img{max-width:416px;margin:0 auto}section.rollcallpin form{padding-top:2em;padding-bottom:2em}section.rollcallpin form h3{margin-bottom:1em;text-align:center}section.rollcallpin form p:last-child{text-align:center}section.rollcallpin form a.button{margin-bottom:0}section.rollcallpin input[type="text"]{border:none}section.rollcallpin article aside figure img{max-width:410px;margin:0 auto}section.legal article.aside{margin-top:10px;padding:0 10px 10px 10px;background-color:#f3f3f3}section.howitworks article>img{display:block;margin:0 auto}section.howitworks aside figure img{max-width:320px;margin:0 auto}section.signingin .carousel>a>img{width:100%;max-width:300px}section.timesheets .carousel>a>img{width:100%;max-width:539px}section.dashboard article aside img{max-width:413px;margin:0 auto}section.dashboard .carousel>a>img{width:100%;max-width:539px}section.getstarted input[type="text"]{border:none}section.getstarted input[type="email"]{border:none}section.getstarted textarea{border:none;height:200px}section.getstarted .requires-option-notsubmitted{display:none}section.getstarted .requires-option-submitted{display:none}section.getstarted .option-notsubmitted .requires-option-notsubmitted{display:block}section.getstarted .option-submitted .requires-option-submitted{display:block}section.getstarted article aside figure img{display:none;max-width:450px;margin:0 auto}section.login form{padding-top:2em;padding-bottom:2em}section.login form h3{margin-bottom:1em;text-align:center}section.login form p:last-child{text-align:center}section.login form a.button{margin-bottom:0}section.login input[type="text"]{border:none}section.login input[type="password"]{border:none}section.manage-subscription article figure img{max-width:196px}section.manage-subscription div.unsubscribed{display:none}section.manage-subscription div.resubscribed{display:none}section.manage-subscription-unsubscribed div.unsubscribed{display:block}section.manage-subscription-resubscribed div.resubscribed{display:block}section.api table td{width:68%}section.api table td:first-child{width:32%}section.api table tbody td:nth-child(2){border-left:1px solid #cff09e}section.app-preview a.app-install{display:block;background:transparent url(img/appicon-framed.png) no-repeat 0 50%;background-size:60px;padding:30px 0 30px 70px;text-decoration:none;color:#000}section.app-preview a.app-install label{display:inline-block;padding:3px 24px;border:1px solid #3375b3;-webkit-border-radius:4px;border-radius:4px;background-color:#fff;color:#3375b3;font-weight:bold;text-align:center;text-decoration:none;text-transform:uppercase}pre.json{line-height:12px;white-space:pre;word-wrap:pre;font-family:monospace;font-size:80%}.json-property{color:#79bd9a}.json-value{color:#808080}.json-open-bracket{color:#37565e;font-weight:bold}.json-close-bracket{color:#37565e;font-weight:bold}.json-semi-colon{color:#14171a}.json-comma{color:#b0b0b0}@media only screen and (min-width:375px){body{font-size:11pt}nav.menu-aside>ul>li>a{padding-top:13px;padding-bottom:13px}}@media only screen and (min-width:768px){a.button{padding:.6em 1.1em}header.page-header{position:static;z-index:0}header.page-header>.logo{background-image:url(img/logo.png)}header.page-header>.menu-aside-toggle{display:none}header.page-header>.menu-header{display:block}header.page-header>.menu-header ul{padding:10px;line-height:50px}header.page-header>.menu-header ul li{float:left}header.page-header>.menu-header ul li a{display:block;padding:0 20px;color:#505050;font-weight:bold}header.page-header>.menu-header ul>li.menuitem-login{float:right;line-height:140%}header.page-header>.menu-header ul>li.menuitem-login a.button{margin:0;padding:.6em 1.1em .6em 2.6em;background-image:url(img/icon-login.png);background-repeat:no-repeat;background-position:left 50%;background-size:contain;color:#fff}footer section.getstarted{float:left;width:33%;box-sizing:border-box}footer section.newsletter{float:left;width:34%;padding-left:0;padding-right:0;box-sizing:border-box}footer section.contact{float:left;width:33%;box-sizing:border-box}footer section.links{clear:both;border-top:10px solid #fff;border-bottom:10px solid #fff;padding-top:0;padding-bottom:0}footer section.links article ul{margin-left:20%;margin-right:20%}footer section.links article ul li a{font-size:100%}footer{position:relative;z-index:0;clear:both}footer section.getstarted:before{position:absolute;left:0;z-index:-1;top:0;bottom:0;width:33%;background-color:#cff09e;content:"";box-sizing:border-box;border:10px solid #fff}footer section.newsletter:before{position:absolute;left:33%;z-index:-1;top:0;bottom:0;width:34%;background-color:#79bd9a;content:"";box-sizing:border-box;border:10px solid #fff}footer section.contact:before{position:absolute;left:67%;z-index:-1;top:0;bottom:0;width:33%;background-color:#3b8686;content:"";box-sizing:border-box;border:10px solid #fff}nav.menu-aside{display:none}.menu-aside-shim{display:none}main{position:static;z-index:0;padding-top:0;padding-bottom:0;box-shadow:none}main>section{padding-bottom:50px}main h2{font-size:1.8em}body.page-design2 main{padding-top:10px}body.page-design2 main h1{padding-top:.7em}p{padding-bottom:.8em}section article.with-aside{position:relative;padding-right:39%}section article.with-aside>aside{position:absolute;right:0;top:30px;width:35%;display:block}section article.with-aside>aside.narrative{background-color:#e8f8d0}.carousel-framed{padding:10px;background-color:#f3f3f3}.carousel-framed>a{padding:10px;background-color:#fff}.context-menu{position:relative;display:block;min-height:110px}.context-menu div{width:100%}.context-menu.fixed div{position:fixed;left:0;top:0}.context-menu div ul{padding:0 10px;box-sizing:border-box}.context-menu div ul li{float:left;display:block;width:20%}.context-menu div ul li a{display:block;padding-top:30px;-webkit-transition:padding-top .2s;transition:padding-top .2s;transition-timing-function:ease-out;overflow:hidden;color:#fff;text-align:center;line-height:50px;font-weight:bold;white-space:nowrap;opacity:.85}.context-menu div ul li a:hover,.context-menu li.active a{padding-top:60px;opacity:1}.context-menu div ul li:nth-child(1) a{background-color:#37565e}.context-menu div ul li:nth-child(2) a{background-color:#3b8686}.context-menu div ul li:nth-child(3) a{background-color:#79bd9a}.context-menu div ul li:nth-child(4) a{background-color:#a8dba8}.context-menu div ul li:nth-child(5) a{background-color:#cff09e}.context-menu-target{position:absolute;margin-top:-130px}section.home{padding-bottom:0}section.home header{margin-right:55%;background-color:rgba(1,1,1,.1)}section.home header h1{font-size:3.1em;padding-top:40%}section.home header h1 span{background-color:transparent}section.home header p{font-size:1.2em}section.home-intro article:first-child{display:flex;min-height:370px;padding-left:60%;background:#f3f3f3 url(img/home-intro.jpg) no-repeat left 50%;background-size:60% auto}section.home-intro article:first-child header{align-self:center;padding-left:10px}section.home-intro article:last-child{display:none}section.home-signin article:first-child{display:flex;min-height:370px;padding-right:60%;background:transparent url(img/home-signin.jpg) no-repeat 90% top;background-size:50% auto}section.home-signin article:first-child header{align-self:center}section.home-signin article:last-child{display:none}section.home-dashboard article:first-child{display:flex;min-height:320px;padding-left:40%;background:#f3f3f3 url(img/home-dashboard.png) no-repeat left 50%;background-size:35% auto}section.home-dashboard article:first-child header{align-self:center;padding-left:10px}section.home-dashboard article:last-child{display:none}section.home-timesheets article:first-child{display:flex;min-height:414px;padding-right:50%;background:transparent url(img/home-timesheets.png) no-repeat right 50%;background-size:50% auto}section.home-timesheets article:first-child header{align-self:center;padding-right:10px}section.home-timesheets article:last-child{display:none}section.home-emails article:first-child{padding-bottom:0;background-position:right 10%;background-position:right 40px top 40px}section.home-emails article:first-child header:after{display:block;clear:both;content:" "}section.home-emails article:first-child header>p{padding-right:280px;padding-bottom:30px}section.home-emails article:first-child header>div>div{float:left;width:33.33%}section.home-emails article:first-child header>div>div>div{margin:10px 5px;min-height:8em;padding:1.2em;background-color:#fff;text-align:center}section.home-emails article:first-child header>div>div:first-child>div{margin-left:0}section.home-emails article:first-child header>div>div:last-child>div{margin-right:0}section.home-emails article:last-child{display:none}section.home-emergencies article:first-child{display:flex;min-height:370px;padding-right:60%;background:transparent url(img/home-rollcall.jpg) no-repeat 80% top;background-size:35% auto}section.home-emergencies article:first-child header{align-self:center}section.home-emergencies article:last-child{display:none}section.faq article{clear:both}section.faq article article{margin-bottom:10px;padding:10px}section.faq article article:nth-child(odd){background-color:#e8f8d0}section.faq article article h3{float:left;width:35%;padding-top:0}section.faq article article p{margin-left:39%}section.faq article article p:last-child{padding-bottom:0}section.faq article article p:last-child:after{display:block;content:"";clear:both}section.rollcall article figure.absent{width:40%}section.rollcall article figure.access{width:80%}section table{font-size:100%}pre.json{line-height:14px;white-space:pre;word-wrap:pre;font-family:monospace;font-size:90%}section.howitworks article>h2{clear:both}section.howitworks article>img{float:left;margin:0 10px 10px 0}section.getstarted article aside figure img{display:block}section.getstarted article aside.narrative{margin-top:0}}@media only screen and (min-width:1100px){.page{max-width:1200px;margin:0 auto}header.page-header>.menu-header ul li a{padding:0 30px}.context-menu.fixed div ul{max-width:1200px;margin:0 auto}section.home header{margin-right:60%}section.home header h1{font-size:4.1em;padding-top:40%}section.home-intro article:first-child{min-height:400px}section.home-signin article:first-child{min-height:400px}section.home-timesheets article:first-child{min-height:414px;background-size:auto 100%}section.home-emergencies article:first-child{min-height:400px;background-size:30% auto}}