:root{--app-width: 904px;--app-font: 'Oswald', sans-serif;--app-background: #F2F2F2;--app-foreground: #fff;--app-color: #000;--app-heading-color: #5B5E66;--app-font-secondary: Arial, sans-serif;--app-border-color: #E0E0E0;--footer-background: #000;--button-radius: 30px;--button-background: #33E1FF;--button-color: #fff;--link-color-light: #858891;--link-color-light-hover: #79cdcd}.app{position:relative;max-width:var(--app-width);margin:0 auto;padding-top:54px;min-height:calc(100vh - 211px)}.app .hidden{display:none}.app>h1{text-align:center;margin:90px 0 60px 0}.app--logo{display:block;max-width:384px;margin:0 auto}.app--logo img{display:block;max-height:42px;margin:0 auto}.app--footer{margin-top:50px;margin-left:-20px;margin-right:-20px;text-align:center;padding:50px;background:var(--footer-background);height:161px}.app--footer .button,.app--footer .button--purple,.app--footer .tml-button{display:block;width:100%;max-width:582px;margin:0 auto}.app--footer--logo{max-height:60px}.app .center{text-align:center}.app .light-text{font-size:15px;font-family:var(--app-font-secondary);color:var(--link-color-light);text-transform:none;display:block;font-weight:normal;margin:10px auto}.app .page-not-found{text-align:center;padding:40px}.app .page-not-found h1{margin-top:0}.app .page-not-found .button,.app .page-not-found .button--purple,.app .page-not-found .tml-button{margin-top:20px;max-width:200px}@media (max-width:800px){.app>.button-link{display:inline-block;margin-top:30px}}@media (min-width:801px){.app>.button-link{position:absolute;left:0;top:64px}}*{box-sizing:border-box}body,html{margin:0;padding:0;-webkit-font-smoothing:subpixel-antialiased}body{font-family:var(--app-font);font-size:15px;line-height:1.4;background:var(--app-background);color:var(--app-color);padding:0 20px}body.modal-open{overflow:hidden}body.page-login{background:var(--app-foreground)}body.page-login .app{text-align:center;max-width:600px}body.page-login .app .timer{padding:40px}body.page-login .app .tml-lostpassword-link{margin-top:50px}body.page-login .app .tml-lostpassword-link a{font-family:var(--app-font-secondary);letter-spacing:0.3px;color:var(--link-color-light)}body.manage-user .timer{padding:50px 0}@media (max-width:800px){body.manage-user .timer{padding:50px 20px}}h1{font-size:3.26667em;text-transform:uppercase}h1,h2,h3,h4,h5,h6{color:var(--app-heading-color)}ul,ol{list-style:none;margin:0;padding:0}main{overflow:hidden}iframe{border:none}a{color:var(--link-color-light);text-decoration:none;transition:color 0.5s}a:hover{color:var(--link-color-light-hover)}img{max-width:100%}.picker-fixed .picker-footer{display:flex}.timer{margin:64px auto 0 auto;border-radius:10px;background:var(--app-foreground);overflow:hidden;position:relative}.timer--title{margin-bottom:20px;text-align:center}.timer--title h1{margin:0}.timer--info{max-width:704px;margin:30px auto;display:grid;grid-template-columns:repeat(4, 1fr);border-radius:10px;border:1px solid var(--app-border-color);font-family:var(--app-font-secondary);color:var(--link-color-light)}.timer--info .column{margin:15px 0;padding:20px 30px;text-align:center;border-right:1px solid var(--app-border-color)}.timer--info .column[data-action]{cursor:pointer}.timer--info .column>span{color:#4F4F4F;font-family:var(--app-font);font-size:20px;display:block}.timer--info .column p{margin:0}.timer--info .column.link{position:relative;margin:0;text-align:left;height:60px;border-top:1px solid var(--app-border-color);border-right:none}.timer--info .column.link::after{content:'View';font-size:12px;position:absolute;right:20px;top:50%;margin-top:-8px;text-decoration:underline;transition:color 0.5s;pointer-events:none}.timer--info .column.link:hover::after{color:var(--link-color-light-hover)}.timer--info .column.link a{position:absolute;left:0;top:0;bottom:0;right:0;line-height:60px;padding:0 30px}.timer--info .column:nth-child(1){grid-area:1 / 1 / 2 / 2}.timer--info .column:nth-child(2){grid-area:1 / 2 / 2 / 3}.timer--info .column:nth-child(3){grid-area:1 / 3 / 2 / 4}.timer--info .column:nth-child(4){grid-area:1 / 4 / 2 / 5;border-right:none}.timer--info .column:nth-child(5){grid-area:2 / 1 / 3 / 5}.timer--info .column:nth-child(6){grid-area:3 / 1 / 4 / 5}.timer--info .column:nth-child(7){grid-area:4 / 1 / 5 / 5}@media (max-width:600px){.timer--info{display:block}.timer--info .column{padding:10px;border-right:0}}.timer--complete{opacity:0;pointer-events:none;visibility:hidden;transition:opacity 0.5s;position:absolute;left:0;top:0;right:0;bottom:0;background:#fff;padding:300px 20px 160px 20px;text-align:center}.timer--complete h2{font-size:40px;line-height:59px;color:#333333;text-transform:uppercase;margin:0}.timer--complete--info{margin:0 auto;background:#F2F2F2;border-radius:6px;margin-top:30px;padding:70px;max-width:464px}.timer--complete--info span{display:block;font-family:var(--app-font);letter-spacing:1.2px;font-size:60px;color:#BDBDBD;line-height:52px;margin-bottom:10px;transition:color 0.5s;color:#858891}.timer--complete--info span:not(:first-child){margin-top:30px}.timer--complete--info p{margin:10px 0 0 0;text-align:center;font-size:15px;color:var(--link-color-light);font-family:var(--app-font-secondary)}.timer--complete .button--purple{max-width:464px;margin:25px auto 0 auto}.timer.show-completed .timer--complete{opacity:1;pointer-events:all;visibility:visible;background-image:url(../images/ico-tick.svg);background-position:center top 160px;background-repeat:no-repeat}.timer--comments{max-width:704px;width:100%;margin:0 auto}.timer--comments textarea{width:100%;margin:13px auto;display:block;padding:30px;border-radius:10px;border:1px solid var(--app-border-color);resize:none;height:152px;font-family:var(--app-font-secondary)}.timer--comments button[data-result="success"]{background:#2DC76D}.timer--main{padding:13px;max-width:482px;background:#F2F2F2;margin:13px auto;border-radius:6px;display:flex;text-align:center;font-size:15px;color:var(--link-color-light);font-family:var(--app-font-secondary)}.timer--main>div{flex:1;padding:25px 0}.timer--main>div:first-child{border-right:1px solid var(--app-border-color)}.timer--main span{display:block;font-family:var(--app-font);letter-spacing:1.2px;font-size:60px;color:#BDBDBD;line-height:52px;margin-bottom:10px;transition:color 0.5s}.timer[data-state="shift"] .worked span,.timer[data-state="break"] .break span{color:#000}.timer--buttons{max-width:482px;margin:13px auto;display:grid;grid-template:auto / 1fr 1fr;grid-gap:10px}.timer--buttons .button,.timer--buttons .button--purple,.timer--buttons .tml-button{border-radius:10px;background:var(--app-border-color);color:#828282;font-family:var(--app-font-secondary);font-size:17px;font-weight:normal}.timer--buttons .button:not(.disabled)[data-action="clock-on"],.timer--buttons .button--purple[data-action="clock-on"]:not(.disabled),.timer--buttons .tml-button[data-action="clock-on"]:not(.disabled){background:#2DC76D;color:#fff}.timer--buttons .button:not(.disabled)[data-action="end-shift"],.timer--buttons .button--purple[data-action="end-shift"]:not(.disabled),.timer--buttons .tml-button[data-action="end-shift"]:not(.disabled){background:rgba(255, 95, 88, 0.42);color:#C40800}.timer--buttons .button.disabled,.timer--buttons .disabled.button--purple,.timer--buttons .disabled.tml-button{cursor:default}.timer[data-state="shift"] .timer--buttons .button:not(.disabled)[data-action="clock-on"],.timer[data-state="shift"] .timer--buttons .button--purple[data-action="clock-on"]:not(.disabled),.timer[data-state="shift"] .timer--buttons .tml-button[data-action="clock-on"]:not(.disabled){background:#33E1FF;color:#fff}.timer[data-state="break"] .timer--buttons .button[data-action="clock-on"],.timer[data-state="break"] .timer--buttons .button--purple[data-action="clock-on"],.timer[data-state="break"] .timer--buttons .tml-button[data-action="clock-on"]{background:#FF5F58}.timer .list--row{position:relative;font-size:20px;padding:30px 40px;border-bottom:1px solid var(--app-border-color);transition:color 0.5s;cursor:pointer}.timer .list--row:last-child{border-bottom:0}.timer .list--row:hover{color:var(--link-color-light-hover)}.timer .list--row-nolink{text-align:center;cursor:default;font-size:16px}.timer .list--row-nolink:hover{color:inherit}.timer .list--row span,.timer .list--row p{font-size:15px;color:var(--link-color-light);font-family:var(--app-font-secondary);vertical-align:middle;line-height:30px;margin:0}.timer .list--row span{margin-left:20px}.timer .list--row--arrow{position:absolute;left:0;top:0;right:0;bottom:0}.timer .list--row--arrow::after{content:'';display:block;width:14px;height:14px;border:1px solid var(--app-border-color);border-width:3px 3px 0 0;transform:rotate(45deg);position:absolute;right:20px;top:50%;margin-top:-7px}@media (max-width:600px){.timer .list--row{padding:30px 0}}.timer .filters{display:flex;padding:40px;padding-top:25px;font-family:var(--app-font-secondary);font-size:12px;color:#858891;border-bottom:1px solid var(--app-border-color)}.timer .filters .filter{flex:25%;padding-left:17px}.timer .filters .filter--search{flex:50%;padding:20px 0 0 0}.timer .filters .filter--search input{background:#F2F2F2;background-image:url(../images/ico-search.svg);background-position:left 12px top 50%;background-repeat:no-repeat;border-radius:6px;border:none;font-size:14px;height:40px;line-height:40px;padding:0 10px;padding-left:45px}.timer .filters .filter select{padding:0 20px;display:block;line-height:40px;height:40px;margin-top:4px;border-radius:6px;border:1px solid #808080;color:#858891;font-size:14px;width:100%;-webkit-appearance:none;appearance:none}@media (max-width:600px){.timer .filters{display:block;padding:0}.timer .filters .filter{padding-left:0;margin-bottom:20px}.timer .filters .filter--search input{width:100%}}.timer .list--row .timer--user-status{display:inline-block;line-height:32px;border-radius:25px;width:100px;text-align:center;margin-left:0;margin-right:20px;font-size:12px;color:#fff;background:#ccc}.timer .list--row .timer--user-status[data-status="scheduled"]{background:#33E1FF}.timer .list--row .timer--user-status[data-status="shift"]{background:#2DC76D}.timer .list--row .timer--user-status[data-status="break"]{background:#F3CA3E}.timer .list--row .timer--user-status[data-status="complete"]{background:#FF5F58}@media (max-width:800px){.timer{padding:0 20px;margin-top:25px}}button,input[type=submit],input[type=button]{-webkit-appearance:none;border-radius:0;box-sizing:border-box;max-width:100%}input[type=text],input[type=password],input[type=email]{padding:16px 10px;font-size:15px;border:none;border-bottom:1px solid #E6E6E6}.button,.button--purple,.tml-button{display:inline-block;background:var(--button-background);color:var(--button-color);border-radius:var(--button-radius);border:none;padding:20px;width:100%;text-align:center;transition:background-color 0.5s, color 0.5s, opacity 0.5s}.button:not(.disabled):hover,.button--purple:not(.disabled):hover,.tml-button:not(.disabled):hover{color:#fff;opacity:0.85}.button--purple{border-radius:10px;background-color:#B06FEA}.button--purple:hover{color:#fff}.button-link{font-family:var(--app-font-secondary);font-size:15px;padding-left:20px;position:relative}.button-link::before{content:'';display:inline-block;width:8px;height:8px;border:2px solid #828282;border-width:0 0 2px 2px;transform:rotate(45deg);position:absolute;left:2px;top:4px;transition:border-color 0.5s}.button-link:hover::before{border-color:var(--link-color-light-hover)}.tml-alerts{font-family:var(--app-font-secondary);font-size:0.9em}.tml-alerts strong{font-weight:normal}.modal{position:fixed;z-index:10000;top:0;left:0;bottom:0;right:0;visibility:hidden}.modal .modal-overlay{position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);visibility:hidden;opacity:0;transition:visibility 0s linear 0.3s, opacity 0.3s}.modal .modal-wrapper{position:absolute;z-index:9999;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--app-width);background-color:#fff;box-shadow:0 0 1.5em rgba(0, 0, 0, 0.35);border-radius:6px;overflow:hidden;max-width:100%}.modal .modal-transition{transition:all 0.3s 0.12s;transform:translate(-50%, -60%);opacity:0}.modal .modal-header,.modal .modal-content{padding:1em}.modal .modal-header{position:relative;background-color:#fff}.modal .modal-close{position:absolute;top:0;right:0;width:25px;height:25px;background:url(../images/ico-close.svg);border:0;cursor:pointer;font-size:0;right:15px;top:15px;background-size:contain}.modal .modal-heading{font-size:1.125em;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.modal .modal-content{overflow:scroll;max-height:80vh}.modal .modal-content>*:first-child{margin-top:0}.modal .modal-content>*:last-child{margin-bottom:0}.modal.is-visible{visibility:visible}.modal.is-visible .modal-overlay{opacity:1;visibility:visible;transition-delay:0s}.modal.is-visible .modal-transition{transform:translate(-50%, -50%);opacity:1}.modal .emergency-contact{font-size:30px;color:var(--link-color-light)}.modal .emergency-contact h4{font-size:20px}.modal img{width:100%;height:auto}.modal iframe{width:100%;height:80vh}.modal h4{margin:0}