:root{--red1: #B92C21;--red2: #D03125;--black: #77787B;--light1: #F5F5F5;--light2: #E4E4E4;--light3: #D3D3D3;--light4: #8B8C8F}html{height:100%;font-size:16px}body{margin:0;padding:0;height:100%;font-family:Helvetica,Verdana,sans-serif;font-size:1rem;color:var(--black);line-height:1.25rem}main{display:flex;flex-direction:column;align-items:center;flex-grow:1;padding:1rem;background:#fff}main>header{display:flex;align-items:center;width:100%;height:3rem}main>footer{margin:1rem 0 0;width:100%;font-size:.813rem;text-align:center}.body{display:flex;align-items:flex-start;justify-content:center;padding:2rem 0 0;width:100%;min-height:100%;box-sizing:border-box;background:var(--light2);background-size:10rem;background-position:-2rem -2rem}.box{margin:0 0 2rem;overflow:hidden;border-radius:.5rem;box-shadow:0 .1rem .2rem #0000001a;background:var(--light1)}.content{width:100%;box-sizing:border-box}.content .boxed{margin:0;border-radius:.5rem;box-shadow:none;background:#fff}.content .section{display:flex;align-items:center;margin:0;padding:1rem;line-height:1.5rem;font-size:.938rem}.content .section .icon{display:block;margin:0 .5rem 0 0;width:1rem;height:auto}.content .title{flex-wrap:wrap;justify-content:center;font-size:1rem;font-weight:700}.content .title small{margin:0 0 .5rem;flex-basis:100%;font-weight:400;text-align:center}.content .title form{width:auto}.content .title button{margin:0 .5rem;padding:0 .5rem;height:1.5rem;line-height:1rem;background:var(--black)}.empty{margin:0;padding:1rem;font-size:.813rem;text-align:center}.inline{display:inline-block;width:auto;font-size:.813rem;color:var(--black);text-decoration:none}.inline .icon{float:left;margin:0 .5rem 0 0;width:1rem;height:auto}.inline:hover{text-decoration:underline}.message{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0 1rem;width:100%;max-width:20rem;height:100%;text-align:center}#app{display:flex;flex-direction:column;padding:0 1rem;width:100%;box-sizing:border-box}#app>header{position:relative;display:block;flex-shrink:0;margin:0 0 4rem;overflow:visible;background:var(--red1)}#app>header.login{margin:0 0 1.5rem}#app>header .logo{padding:1rem 0;width:100%;border-bottom:1px solid var(--light3);border-top-right-radius:.5rem;border-top-left-radius:.5rem;background:#fff}#app>header .logo img{display:block;margin:0 auto;width:38%;height:auto}#app>header .bar{position:absolute;top:calc(100% + 1rem);left:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:1rem 0 0;width:100%}#app>header h1{flex-grow:1;margin:0;padding:.5rem 0;font-size:1rem;color:#fff;text-align:center}#app>header nav{display:flex;align-items:center;width:100%}#app>header nav a{padding:.5rem 0;width:50%;text-align:center;text-decoration:none;color:#fff}#app>header nav a:not(.active){color:var(--black);background:var(--light3)}#app>header .user{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;width:13rem;height:100%}#app>header .user .icon{display:block;margin:0 0 0 .5rem;width:1.25rem;height:auto}#app>header .back{display:flex;align-items:center;flex-shrink:0;width:7rem}#app>header .back .icon{float:none}header.filters{flex-direction:column;align-items:flex-start;height:auto}header.filters button{margin:0;padding:0;font-weight:400;color:var(--black);cursor:pointer;box-shadow:none;background:none}header.filters button input{margin:0 .5rem 0 0;width:auto}.tabs{display:flex;flex-shrink:0;align-items:center;width:100%}.tabs .tab{display:flex;flex-grow:1;align-items:center;margin:0 0 .5rem .5rem;padding:.5rem .75rem;color:var(--black);font-size:.625rem;text-decoration:none;opacity:.62;border-radius:0;box-shadow:none;background:#fff}.tabs .tab .icon{margin:0 .5rem 0 0;width:1rem;height:auto;max-height:1.25rem}.tabs .tab.active{margin-bottom:0;line-height:2rem;opacity:1}.tabs .tab:first-child{margin-left:0}.tabbed{flex-grow:1;width:100%;box-sizing:border-box;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;background:#fff}ul.list{margin:0;padding:0;list-style:none}ul.list li{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:.5rem 1rem;font-size:.875rem;border-top:1px solid var(--light3)}ul.list li .label{display:flex;flex-direction:column;padding:.5rem 0;width:100%;line-height:1.25rem}ul.list li .label strong{margin:.25rem 0 .5rem}ul.list li .label strong span{display:block;font-weight:400}ul.list li .label small{color:var(--light4)}ul.list li.empty{justify-content:center}ul.list li:first-child{border:0}ul.list .icon{display:flex;align-items:center;margin:0 0 .25rem!important;text-decoration:none;color:var(--black)}ul.list .icon.add{margin-left:auto}ul.list .icon:hover{text-decoration:underline}ul.list .icon img{margin:0 .25rem 0 0!important}ul.list .actions{display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;width:100%}ul.list .actions button{line-height:2rem}ul.list .icon img{margin:0 0 0 .5rem;width:1rem;height:auto}.calendar header{display:flex;align-items:center;justify-content:space-between;line-height:2rem}.calendar header .icon{display:block;width:1rem;height:auto}.calendar .days{display:flex;flex-wrap:wrap;align-items:center;padding:.5rem}.calendar .days .day{width:calc(14% - 4px);opacity:0;border:2px solid #FFF}.calendar .days .day.current{opacity:1}.calendar .days .week{padding:.5rem 0;width:14%;text-align:center}.calendar .days .day .info{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:.25rem;height:4rem;box-sizing:border-box;border:1px solid #FFF}.calendar .days .day.current .info{border:1px solid var(--black)}.calendar .days .day .hours{display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;color:#fff;text-align:center;text-decoration:none;border-radius:.25rem;background:var(--red1)}.calendar .days .day .icon{display:none;margin:0 0 0 .25rem;width:1rem;height:auto}.calendar .days .day .add{margin:0 auto .25rem}.calendar .days .day .add .icon{display:block;width:1.25rem}form{width:100%;max-width:25rem}form fieldset{margin:0;padding:1rem;border:0}form .error{margin:0 0 1.5rem;padding:.625rem;font-size:.813rem;color:var(--red2);border:1px solid var(--red2);border-radius:.25rem}form .row{margin:0 0 1rem}form .row label{display:block;margin:0 0 .5rem;font-size:.813rem}form .row .input{position:relative;z-index:1}form .row .input input{position:relative;z-index:2;padding:0 2rem 0 1rem;height:2.5rem;line-height:2rem}form .row .input .icon{position:absolute;top:0;right:0;z-index:3;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}form .row .input .icon img{display:block;width:1rem;height:auto}form .date{display:flex;flex-wrap:wrap;align-items:center}form .date label{flex-grow:1;flex-basis:100%}form .date .input{flex-basis:100%;margin:0 0 .5rem}form .checkbox{padding:0;width:auto;list-style:none}form .checkbox li{display:flex}form .checkbox .input{display:flex;align-items:center;margin:0;width:auto}form .checkbox .input input{margin:0 .5rem 0 0;width:auto;height:2rem;line-height:2rem}form footer{margin:2rem 0 0}input,textarea{display:block;margin:0;width:100%;font-family:Helvetica,sans-serif;font-size:1rem;color:var(--black);box-sizing:border-box;border:1px solid var(--light3)}select{display:block;padding:0 1rem;width:100%;height:2.5rem;line-height:2rem;font-family:Helvetica,sans-serif;font-size:1rem;color:var(--black);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;border:1px solid var(--light3)}button{display:flex;align-items:center;justify-content:center;padding:0 1rem;line-height:2.5rem;font-weight:700;color:#fff;cursor:pointer;border:0;border-radius:.25rem;box-shadow:0 0 .2rem #0000001a;background:var(--red1)}button img{margin:0 .5rem 0 0;width:auto;max-height:1.25rem}button.google{margin:0 0 1rem;width:100%}button.secondary{background:var(--black)}button:hover{background:var(--red2)}button.secondary:hover{background:var(--light4)}@media screen and (min-width: 640px){#app{max-width:600px}ul.list li{flex-direction:row}ul.list li .label{width:auto}ul.list .actions{align-items:center;width:auto}.tabs .tab{flex-grow:0}form .date .input{flex-basis:calc(50% - .5rem);margin:0 .5rem 0 0}header.filters{position:relative;height:3rem}header.filters button{position:absolute;top:0;right:0;line-height:3rem}.calendar .days .day .icon{display:block}}