.today-btn{font-size:16px;padding:5px;cursor:pointer}.sign-out-btn{padding:10px;font-size:20px;border:none;cursor:pointer}.sign-out-btn:hover{background-color:#d3d3d3}.close-btn{font-size:40px;color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:transparent!important;border:none;position:absolute;top:5px;right:10px}.close-btn:hover{color:#d3d3d3}.new-project-btn{width:70%;font-size:18px;margin-top:15px;cursor:pointer}.edit-btn{border:none;background-color:#f5f5f5;transition:all .4s ease;min-width:75px;padding:5px;cursor:pointer;position:relative;z-index:19}.edit-btn:hover{background-color:grey!important;color:#fff}.dropdown-arrow{border:none;background-color:transparent;font-size:20px;transition:all .4s ease;cursor:pointer}.dropdown-arrow:hover{font-size:30px}.form-enter{opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .5s ease}.form-enter.form-enter-active,.form-exit{opacity:1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.form-exit{transition:all .5s ease}.form-exit.form-exit-active{opacity:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.menu-enter{opacity:0;-webkit-transform:translateY(-100%) scale(.5);transform:translateY(-100%) scale(.5);transition:all .5s ease}.menu-enter.menu-enter-active{opacity:1;-webkit-transform:translateY(20%) scale(1);transform:translateY(20%) scale(1)}.menu-exit{opacity:1;-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1);transition:all .5s ease}.dropdown-enter,.menu-exit.menu-exit-active{opacity:0;-webkit-transform:translateY(-100%) scale(.5);transform:translateY(-100%) scale(.5)}.dropdown-enter{transition:all .5s ease}.dropdown-enter.dropdown-enter-active{opacity:1;-webkit-transform:translateY(20%) scale(1);transform:translateY(20%) scale(1)}.dropdown-exit{opacity:1;-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1);transition:all .5s ease}.dropdown-exit.dropdown-exit-active{opacity:0;-webkit-transform:translateY(-100%) scale(.5);transform:translateY(-100%) scale(.5)}.mini-popup-enter{opacity:0;transition:all .5s ease;-webkit-transform-origin:bottom center;transform-origin:bottom center}.mini-popup-enter.mini-popup-enter-active{opacity:1}.mini-popup-exit{opacity:1;transition:all .5s ease}.mini-popup-exit.mini-popup-exit-active{opacity:0}.grid{position:-webkit-sticky!important;position:sticky!important;top:75px;margin-top:0!important;margin-top:20px;margin-left:30%;width:70%;min-width:500px;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;background-color:#f5f5f5;position:relative;z-index:-1}.grid .day{width:100%;position:relative}.grid .day:nth-child(2n):after{outline:1px solid hsla(0,0%,82.7%,.4);height:calc(100vh - 245px)}.grid .day:nth-child(2n):after,.grid .today:after{content:"";position:absolute;left:0;right:0;z-index:-1}.grid .today:after{background-color:rgba(250,235,215,.2);height:100vh}nav{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background-color:#fff;transition:all .4s ease}nav,nav .tabs{display:-webkit-flex;display:flex}nav .tabs{list-style:none}nav .tabs li{font-size:25px;padding:7px;background-color:transparent;margin-right:30px;border:transparent;transition:all .4s ease;border-radius:3px;width:100%;max-width:100px}nav .tabs li a{color:#000;text-decoration:none}nav .tabs li:hover{background-color:#b0c4de}nav .tabs .active-tab{background-color:#87cefa}.profile-wrapper{margin:0 20px;-webkit-flex-direction:column;flex-direction:column;position:absolute;right:0;top:0;z-index:100}.profile-wrapper,.profile-wrapper .account-profile-picture{display:-webkit-flex;display:flex;justify-self:center;-webkit-align-self:center;align-self:center}.profile-wrapper .account-profile-picture{margin:20px 20px 10px;background-color:transparent;border:none;cursor:pointer}.profile-photos,.profile-wrapper .account-profile-picture img{border-radius:100%;width:100%;max-width:50px;max-height:50px}.profile-photos{display:-webkit-flex!important;display:flex!important;-webkit-align-items:center!important;align-items:center!important;margin:35px 10px 0}.photo-placeholder{background-color:orange}.photo-placeholder p{-webkit-transform:translateY(-3px);transform:translateY(-3px);font-family:sans-serif;font-size:25px;text-transform:capitalize}.calendar-wrapper{width:100%;background-color:#fff;transition:all .4s ease}.days-of-the-week{margin-top:20px;margin-left:30%;width:70%;min-width:500px;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;background-color:#f5f5f5}.days-of-the-week .day{border-right:1px solid #d3d3d3;text-align:center;text-transform:uppercase;width:100%}.days-of-the-week .day h3,.days-of-the-week .day p{margin:10px 0}.days-of-the-week .day:last-child{border-right:0}.days-of-the-week .day.today{background-color:#87cefa}.date-info{padding:0 50px;position:relative}.date-info,.date-info .date-navi{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.date-info .date-navi{min-width:350px}.date-info .date-navi button{background-color:transparent;margin:0 10px;border:none;font-size:25px;color:#87cefa;cursor:pointer}.date-info .date-navi button:hover{color:#b0c4de}.overloaded{color:red}.people-list{width:100%;top:0;height:calc(100vh - 246px);overflow-y:scroll}.people-list .person-info{display:-webkit-flex;display:flex;width:100%;-webkit-justify-content:space-between;justify-content:space-between}.people-list .person-info div{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.people-list .person-info div p{margin:0;line-height:25px}.user-list{list-style:none;padding:0;position:relative;display:-webkit-flex;display:flex;-webkit-flex:2 1;flex:2 1;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;margin-top:0}.user-list li{width:30%;min-width:250px}.user-list li div{position:relative;display:-webkit-flex;display:flex;-webkit-flex:2 1;flex:2 1;-webkit-justify-content:center;justify-content:center;-webkit-align-items:stretch;align-items:stretch;padding:20px 20px 10px}.user-list li hr{width:85%;border-color:#d3d3d3;margin-bottom:0}.active-user,.active-user+.user-project-timeline-wrapper{background-color:rgba(230,243,255,.3)}li.expanded+.user-project-timeline-wrapper{-webkit-align-items:flex-start;align-items:flex-start;padding-top:140px}.user-list>li,.user-project-timeline-wrapper{border-bottom:1px solid #eee}.user-project-timeline-wrapper{width:70%;min-width:500px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:relative}.user-project-timeline-wrapper div{padding:0!important}.user-project-timeline-wrapper ul{list-style:none;width:100%;padding:0}.user-project-timeline-wrapper ul li{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:stretch;align-items:stretch;text-transform:capitalize;height:55px;padding:0}.user-project-timeline-wrapper ul li:nth-child(2n){background-color:#f5f5f5}.user-project-timeline-wrapper ul li .multiple-projects{position:absolute;left:50%;top:-40px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.user-project-timeline-wrapper ul li .multiple-projects p{text-transform:none}.subtle-text{color:grey}.no-hover{pointer-events:none!important;cursor:default}.working-day{background-color:#87cefa}.working-day:hover{background-color:#5a99c0!important}.timeline-day{min-height:50px;cursor:pointer}.timeline-day:hover{background-color:#d3d3d3}.dropdown-wrapper{padding:0 0 20px!important}.dropdown-wrapper .dropdown{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:0}.project-name{padding:10px 0;width:100%;display:-webkit-flex!important;display:flex!important;-webkit-justify-content:space-between!important;justify-content:space-between!important;-webkit-align-items:center!important;align-items:center!important}.project-name p{font-size:20px;margin:0;text-transform:capitalize}.project-name:nth-child(2n){background-color:#f5f5f5}.project-name:nth-child(2n) button{background-color:#fff}.form{position:fixed!important;top:50%!important;left:50%!important;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}.form.form-invite{background-color:#87cefa;max-width:500px}.form.form-invite,.form.form-small{border-radius:5px;padding:30px;z-index:1000;width:100%}.form.form-small{background-color:grey;max-width:650px;min-width:300px}.form.form-small .project-name{margin-top:0;text-align:center;text-transform:capitalize;color:#fff;letter-spacing:1px}.form h1{text-align:center}.form form{margin-top:20px;padding:10px;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%}.form form #or{color:#d3d3d3;text-transform:uppercase}.form form input,.form form select,.form form textarea{padding:10px;margin:5px 0}.form form textarea{min-width:280px;min-height:240px}.form form button{padding:10px;margin-top:10px;font-size:20px}.form-background{width:100vw;height:100vh;position:fixed!important;z-index:200;top:0;bottom:0;left:0;right:0;background-color:grey;opacity:.5}.date-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.date-form .date-form-content{padding:0!important;margin:0!important;width:80%}.date-form .date-form-content div{padding:10px}.date-form .date-form-content .checkbox-label{text-transform:capitalize;text-align:center}.date-form .date-form-content input{cursor:pointer}.date-form button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:5px;border-radius:3px;border-width:1px;margin-bottom:15px;cursor:pointer}.date-form button:hover{background-color:#d3d3d3}.date-form .alert{background-color:red}.date-input option{text-transform:capitalize}.time-per-day-form{position:absolute!important;z-index:200!important;top:-100%;padding-bottom:10px;background-color:#bfe7ff;border-radius:5px}.time-per-day-form form{padding:30px 30px 20px;width:200px;overflow-y:visible!important}.time-per-day-form form label{text-transform:none}.time-per-day-form form label span{text-transform:capitalize}.time-per-day-form form input{margin-top:10px;margin-bottom:20px;width:100%;max-width:100%}.time-per-day-form form button{position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-bottom:10px;cursor:pointer}*{box-sizing:border-box}body{overflow:hidden}.centered{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.full-width{width:100%}.content-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.relative-position{position:relative;padding:0!important}.absolute-position,.hidden-clickable-area{position:absolute!important}.hidden-clickable-area{z-index:18;top:0;bottom:0;left:0;right:0;opacity:0;cursor:pointer}.overlay-block-only{position:fixed;height:245px}
/*# sourceMappingURL=main.6b4f9c44.chunk.css.map */