@import url(https://fonts.googleapis.com/css?family=Yellowtail);.due-date{position:relative;width:100%;height:60px;margin-top:10px;cursor:pointer}.due-date-text-container{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;z-index:1000}.due-date-text{display:block;text-align:center;font-size:1.3em}.date-del:before,.due-date-symbol{position:absolute}.date-del:before{content:"\2715";top:2px;right:7px;font-size:1.2em}.calendar-container{position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:70%;font-size:20px;font-family:Arial;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#d3d3d3));background-image:-webkit-linear-gradient(#fff,#d3d3d3);background-image:-o-linear-gradient(#fff,#d3d3d3);background-image:linear-gradient(#fff,#d3d3d3);display:block;z-index:1000;border-radius:10px}.calendar-date>span,.calendar-day>span{float:left;width:14.28571%;height:25px;font-size:12px;text-align:center;line-height:25px;margin-bottom:5px}.calendar-day>span{font-size:13px}.calendar-date,.calendar-day{overflow:auto;width:92%;margin:0 4%}.calendar-date>span.active{background:#f08080;border-radius:3px;color:#fff}.calendar-body{width:100%;padding-bottom:12px}.calendar-month-year{height:25px;display:block;text-align:center;font-size:16px;margin-bottom:6px}.calendar-month-backward{margin-left:13px;float:left;font-size:17px}.calendar-month-forward{margin-right:13px;float:right;font-size:17px}.calendar-search{text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:90%;margin:0 5%;padding:6px;font-weight:500;font-size:15px;color:#262626;border:1px solid #5d5dd0;border-radius:6px;background:transparent;outline:none}.due-time{position:relative;width:100%;height:60px;cursor:pointer}.due-time-text-container{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;z-index:1}.due-time-text{display:block;text-align:center;font-size:1.3em}.date-del:before,.due-time-symbol{position:absolute}.date-del:before{content:"\2715";top:2px;right:7px;font-size:1.2em}.time-choice-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:75%;font-size:20px;padding:10px;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#d3d3d3));background-image:-webkit-linear-gradient(#fff,#d3d3d3);background-image:-o-linear-gradient(#fff,#d3d3d3);background-image:linear-gradient(#fff,#d3d3d3);display:block;z-index:1000;border-radius:10px}.time-choice-hour>span{height:20px;line-height:20px;font-weight:550}.time-choice-hour>span,.time-choice-min>span{display:inline-block;width:16.66667%;font-size:13px;text-align:center}.time-choice-min>span{height:15px;line-height:15px}.time-choice-hour .active,.time-choice-min .active{background:pink;border-radius:4px}.time-prefix{font-size:10px;font-weight:400}.priority{margin-top:10px;width:100%}.priority-text{font-size:1.5em;margin-top:10px}.priority-line{position:relative;width:95%;margin:30px auto 50px;border-radius:8px;height:12px;background:-webkit-gradient(linear,left top,right top,from(rgba(208,72,58,.9)),color-stop(#fecc35),color-stop(#ff0),color-stop(#3de98f),to(#4b9c61));background:-webkit-linear-gradient(left,rgba(208,72,58,.9),#fecc35,#ff0,#3de98f,#4b9c61);background:-o-linear-gradient(left,rgba(208,72,58,.9),#fecc35,#ff0,#3de98f,#4b9c61);background:linear-gradient(90deg,rgba(208,72,58,.9),#fecc35,#ff0,#3de98f,#4b9c61)}.priority-choices0,.priority-choices1,.priority-choices2{position:absolute;width:20px;height:20px;border-radius:50%;background:#fff}.priority-choices0{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:18px;border:1px solid rgba(208,72,58,.9)}.priority-choices1{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid #fef568}.priority-choices2{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:18px;border:1px solid #4b9c61}.active.priority-choices0:after,.active.priority-choices1:after,.active.priority-choices2:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:160%;height:160%;background:transparent;border-radius:50%;border:2px solid #000;border-left:none;border-right:none;z-index:-1}.sub-task{width:100%;height:40px}.sub-task form{width:70%;display:inline-block}.edit-show,.sub-task.edit{float:right}.edit-show{display:"inline-block"}.edit-hide{display:none}.add-note{position:relative;width:100%}.add-note h1{font-size:1.5em;margin-top:10px}.add-note textarea{margin-top:10px;width:100%;background:#fafafa}.edit-menu{position:absolute;top:0;left:0;z-index:1000;width:100%;height:100%;background:#fafafa}.edit-header{position:relative;text-align:center;height:50px;background:#85d;color:#fafafa!important}.edit-exit{font-size:40px;position:absolute;left:11px;top:-11px;cursor:pointer}.edit-name{padding-top:5px;display:block;text-align:center;font-size:28px}.edit-delete{font-size:20px;position:absolute;right:20px;top:15px;cursor:pointer}.edit-body{width:92%;margin:0 4%}.ti{width:90%;height:523px;background:#fafafa;margin:0 auto;overflow:scroll}.ti ul{padding:0;margin:0;list-style:none;height:100%}.ti-item{margin-top:20px;border-bottom:2px solid hsla(0,5%,69%,.2);color:#000;text-transform:capitalize;border-radius:4px;background:-webkit-gradient(linear,left top,right bottom,from(hsla(0,0%,100%,.4)),to(hsla(0,0%,80%,.4)));background:-webkit-linear-gradient(top left,hsla(0,0%,100%,.4),hsla(0,0%,80%,.4));background:-o-linear-gradient(top left,hsla(0,0%,100%,.4),hsla(0,0%,80%,.4));background:linear-gradient(to bottom right,hsla(0,0%,100%,.4),hsla(0,0%,80%,.4));-webkit-box-shadow:0 1px 3px hsla(0,0%,80%,.4);box-shadow:0 1px 3px hsla(0,0%,80%,.4);position:relative;height:80px;overflow:hidden;cursor:pointer}.ti-item-content{margin-left:10px}.ti-item-content:before{content:"";position:absolute;top:0;right:0;width:66px;height:311px;-webkit-transform:rotate(-32deg) translateY(-50px);-ms-transform:rotate(-32deg) translateY(-50px);transform:rotate(-32deg) translateY(-50px);z-index:1}.ti-item-content.red:before{background:rgba(208,72,58,.9)}.ti-item-content.yellow:before{background:#fef568}.ti-item-content.green:before{background:#4b9c61}.ti-name{display:inline-block}.ti-name h1{font-size:1.3em;margin:0;font-weight:700}.ti-time-info .ti-blank-space{margin:5px}.ti-star{cursor:pointer}@media screen and (max-width:320px){.ti-item-content:before{-webkit-transform:rotate(-32deg) translateY(-50px) translateX(25px);-ms-transform:rotate(-32deg) translateY(-50px) translateX(25px);transform:rotate(-32deg) translateY(-50px) translateX(25px)}}.ti-star:before{content:"\2606";font-size:25px;color:#b950b1}.active.ti-star:before{content:"\2605";font-size:25px;color:#b950b1}.todo{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:375px;height:100vh;border-radius:4px;background:#fafafa;max-height:667px;overflow:hidden;-webkit-box-shadow:0 19px 50px rgba(21,1,53,.5),0 10px 30px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.1);box-shadow:0 19px 50px rgba(21,1,53,.5),0 10px 30px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.1)}@media screen and (max-width:425px){.todo{width:100%;max-height:100%}}.todo nav{width:100%;height:64px;background:#85d;-webkit-box-shadow:0 1px 5px rgba(21,1,53,.5);box-shadow:0 1px 5px rgba(21,1,53,.5)}.todo nav ul{float:left;list-style:none;padding-left:20px;margin:0;height:100%}.todo nav ul li{height:100%;line-height:64px}.todo nav ul li a{color:#fafafa;text-decoration:none;font-size:1.3em}.create-todo-button-wrapper{position:absolute;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:#000;display:none}@media screen and (max-width:425px){.create-todo-button-wrapper{display:block}}.nt{position:relative;margin:20px auto;border-radius:4px;width:90%;height:40px}.nt .nt-plus-sign{position:absolute;top:-7px;left:15px;font-size:40px;color:#a9a9a9}.nt input{text-indent:50px;font-size:1.1em;width:100%;line-height:40px;border-radius:4px;border:2px solid #ceced4;padding:0;background:#e7def0}.nt input:focus{outline:none;border:2px solid #776aa8}.nt input:focus+.nt-plus-sign{color:#776aa8}.calendar-today-format{width:90%;margin:0 auto;height:50vh;display:block}.calendar-today-format-time{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #000;width:25%;height:20%;float:left}.calendar-today-format-todos{padding-left:2px;width:100%}.calendar-today-format-time h4{font-size:12px;margin:0;padding:0}.calendar-today-format .todo{padding:0;margin:0;display:inline-block;height:10px;width:10px;background:#d3d3d3}.format-green{background:#90ee90!important}.format-yellow{background:#ff0!important}.format-red{background:red!important}.back-to-menu{width:100%;height:40px;text-align:center;background:-webkit-gradient(linear,left top,right bottom,from(hsla(60,80%,77%,.741)),to(rgba(243,117,146,.7)));background:-webkit-linear-gradient(top left,hsla(60,80%,77%,.741),rgba(243,117,146,.7));background:-o-linear-gradient(top left,hsla(60,80%,77%,.741),rgba(243,117,146,.7));background:linear-gradient(to bottom right,hsla(60,80%,77%,.741),rgba(243,117,146,.7));border-bottom-right-radius:15px;border-bottom-left-radius:15px}.back-to-menu .home-button{color:#fff;padding:0;margin:0;background:transparent;border:transparent;font-size:30px;line-height:40px;font-family:Yellowtail,cursive;text-decoration:none}.calendar-sort-menu{display:block;z-index:50;padding:0;margin:0}.calendar-sort-menu nav{max-height:0;height:200px;display:inline-block;width:100%;background:#fff;overflow:hidden;-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear}.active nav{max-height:500px}.calendar-sort-menu nav ul{list-style:none;margin:0;padding-left:30px}.calendar-sort-menu nav ul li{display:inline-block;width:100%;height:20px;text-align:left;margin:5px 0}.toggle-button{display:inline-block;height:35px;background:#fff;z-index:100;margin-bottom:-4px}.toggle,.toggle-button{position:relative;cursor:pointer}.toggle{top:10px;left:10px;width:16px;height:19px}.toggle,.toggle span{-webkit-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear}.toggle span{position:absolute;display:block;background:#000;width:50%;height:3px}.toggle span:nth-child(2n){left:50%}.toggle span:first-child,.toggle span:nth-child(2){top:15%}.toggle span:nth-child(3),.toggle span:nth-child(4){top:45%}.toggle span:nth-child(5),.toggle span:nth-child(6){top:75%}.active .toggle span:nth-child(3){-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0}.active .toggle span:nth-child(4){-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);opacity:0}.active .toggle span:first-child{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left}.active .toggle span:nth-child(2){-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}.active .toggle span:first-child{-webkit-transform:rotate(45deg) translate(55%,-65%);-ms-transform:rotate(45deg) translate(55%,-65%);transform:rotate(45deg) translate(55%,-65%)}.active .toggle span:nth-child(2){-webkit-transform:rotate(-45deg) translate(-55%,-65%);-ms-transform:rotate(-45deg) translate(-55%,-65%);transform:rotate(-45deg) translate(-55%,-65%)}.active .toggle span:nth-child(5){-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}.active .toggle span:nth-child(6){-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right}.active .toggle span:nth-child(5){-webkit-transform:rotate(-45deg) translate(55%,65%);-ms-transform:rotate(-45deg) translate(55%,65%);transform:rotate(-45deg) translate(55%,65%)}.active .toggle span:nth-child(6){-webkit-transform:rotate(45deg) translate(-55%,65%);-ms-transform:rotate(45deg) translate(-55%,65%);transform:rotate(45deg) translate(-55%,65%)}.calendar{width:100%;height:100%}.calendar-todo-container{height:80%;overflow:auto}.todo-cal .red{background:-webkit-gradient(linear,left top,right bottom,from(rgba(255,0,0,.4)),to(hsla(0,0%,100%,.4)))!important;background:-webkit-linear-gradient(top left,rgba(255,0,0,.4),hsla(0,0%,100%,.4))!important;background:-o-linear-gradient(top left,rgba(255,0,0,.4),hsla(0,0%,100%,.4))!important;background:linear-gradient(to bottom right,rgba(255,0,0,.4),hsla(0,0%,100%,.4))!important}.todo-cal .yellow{background:-webkit-gradient(linear,left top,right bottom,from(rgba(243,243,21,.4)),to(hsla(0,0%,100%,.4)))!important;background:-webkit-linear-gradient(top left,rgba(243,243,21,.4),hsla(0,0%,100%,.4))!important;background:-o-linear-gradient(top left,rgba(243,243,21,.4),hsla(0,0%,100%,.4))!important;background:linear-gradient(to bottom right,rgba(243,243,21,.4),hsla(0,0%,100%,.4))!important}.todo-cal .green{background:-webkit-gradient(linear,left top,right bottom,from(rgba(68,240,0,.4)),to(hsla(60,62%,90%,.4)))!important;background:-webkit-linear-gradient(top left,rgba(68,240,0,.4),hsla(60,62%,90%,.4))!important;background:-o-linear-gradient(top left,rgba(68,240,0,.4),hsla(60,62%,90%,.4))!important;background:linear-gradient(to bottom right,rgba(68,240,0,.4),hsla(60,62%,90%,.4))!important}.todo-cal{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-top:20px;display:inline-block;width:80%;-webkit-box-shadow:1px 1px 2px #bfbfbf;box-shadow:1px 1px 2px #bfbfbf}.todo-cal-header{padding:4px 0;display:block;text-align:center;background:-webkit-gradient(linear,left top,right bottom,from(hsla(0,0%,75%,.4)),to(hsla(60,62%,90%,.4)))!important;background:-webkit-linear-gradient(top left,hsla(0,0%,75%,.4),hsla(60,62%,90%,.4))!important;background:-o-linear-gradient(top left,hsla(0,0%,75%,.4),hsla(60,62%,90%,.4))!important;background:linear-gradient(to bottom right,hsla(0,0%,75%,.4),hsla(60,62%,90%,.4))!important}.todo-cal-name{text-transform:capitalize;font-size:18px}.todo-cal-body{margin:7px}.todo-cal-date{margin:5px 0}.todo-cal-date-symbol,.todo-cal-note-symbol,.todo-cal-time-symbol{display:inline-block;width:20px;text-align:center;margin-right:5px}.todo-cal-note{overflow:hidden}.todo-cal-note-value{margin-left:5px}.todo-cal-subtask-task{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:45%;margin:3px 2.5%;text-align:left}.todo-cal-subtask-task span:first-child{display:inline-block;width:15px}.todo-cal-subtask-header span{display:inline-block;width:45%;margin:0 2.5%}body{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}#root{width:100vw;height:100vh;background:-webkit-gradient(linear,left top,right top,from(#6885ec),color-stop(#997cca),color-stop(#947a9a),to(#cb8eab));background:-webkit-linear-gradient(left,#6885ec,#997cca,#947a9a,#cb8eab);background:-o-linear-gradient(left,#6885ec,#997cca,#947a9a,#cb8eab);background:linear-gradient(90deg,#6885ec,#997cca,#947a9a,#cb8eab);overflow:hidden}
/*# sourceMappingURL=main.1ddabee8.css.map*/