@import url(https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900);#root,body,html{box-sizing:border-box;min-height:100vh;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#784d74;color:#fff;display:flex;font-family:Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}*,body,html{box-sizing:border-box}a{color:inherit;text-decoration:none}div{position:relative}p{font-family:Inter;font-size:14px;letter-spacing:.05em;line-height:1.5em;margin:20px;text-transform:none}#App{display:flex;flex-direction:column;min-height:100%;overflow-y:auto;width:100%}.PageHeadline{border-bottom:6px solid #fff;color:#fff;display:flex;justify-content:flex-end;margin-bottom:40px;padding-bottom:10px}.PageHeadline .back{font-size:20px;opacity:.3;text-transform:lowercase}.PageHeadline .back:hover{opacity:1}.PageHeadline .name{font-size:5vw;font-weight:800;letter-spacing:2px;text-transform:uppercase}.loginscreen{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%}.loginscreen,.loginscreen.noaccess{flex-direction:column}.loginscreen .btn{background:hsla(0,0%,100%,.2);border-radius:10px;cursor:pointer;margin-top:20px;padding:20px 60px;transition:all .2s ease}.loginscreen .btn:hover{background:hsla(0,0%,100%,.3)}#NavBar{display:flex;flex-direction:row;justify-content:space-between;margin:40px}#NavBar .user{align-items:center;display:flex;font-size:12px}#NavBar .user .signout{background:hsla(0,0%,100%,.2);border-radius:4px;cursor:pointer;margin-left:6px;padding:6px 10px;transition:all .2s ease}#NavBar .user .signout:hover{background:hsla(0,0%,100%,.4)}.AreaList{display:flex;flex:1 1;font-size:18px;height:100%;padding:100px;width:100%}.AreaList>a{flex-basis:0;flex-grow:1}.arealist-item-link.moving .arealist-item,.arealist-item-link:hover .arealist-item{background:rgba(0,0,0,.2);color:#fff}.arealist-item-link.moving .arealist-item .handle,.arealist-item-link:hover .arealist-item .handle{opacity:1}.arealist-item{align-items:center;background:hsla(0,0%,100%,.05);color:#fff;display:flex;height:100%;justify-content:center;margin:0 6px;padding:20px;text-align:center;transition:color .3s ease;transition:background-color .3s ease}.arealist-item.moving,.arealist-item:hover{background:rgba(0,0,0,.2)}.arealist-item .handle{bottom:20px;opacity:0;position:absolute;transition:opacity .15s ease}#AreaSingle{padding:60px 40px 40px}#AreaSingle,#AreaSingle .projectlist-wrapper{min-height:100%}#AreaSingle,#AreaSingle .projectlist-wrapper,#AreaSingle .projectlist-wrapper .projectlist{display:flex;flex-direction:column;width:100%}#AreaSingle .projectlist-wrapper .addnew-wrapper{width:100%}#AreaSingle .projectlist-wrapper .addnew-wrapper input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:hsla(0,0%,100%,0);border:none;color:#fff;font-family:Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:20px;height:105px;height:80px;margin-top:5px;opacity:1;padding-left:0;text-transform:none;transition:all .15s ease;width:100%}#AreaSingle .projectlist-wrapper .addnew-wrapper input::-webkit-input-placeholder{color:hsla(0,0%,100%,.4)}#AreaSingle .projectlist-wrapper .addnew-wrapper input::placeholder{color:hsla(0,0%,100%,.4)}#AreaSingle .projectlist-wrapper .addnew-wrapper input:focus{background:hsla(0,0%,100%,.05);outline:none;padding-left:36px}#AreaSingle .projectlist-wrapper .addnew-wrapper input:focus,#AreaSingle .projectlist-wrapper .addnew-wrapper input:hover{opacity:1}.AreaSingleListSingle{align-items:center;background:hsla(0,0%,100%,.05);color:#fff;display:flex;font-size:20px;height:80px;margin:5px 0;padding:0 35px;text-align:center;transition:all .15s ease;width:100%}.AreaSingleListSingle:hover .delete,.AreaSingleListSingle:hover .handle,.AreaSingleListSingle:hover .rename{opacity:1}.AreaSingleListSingle .delete,.AreaSingleListSingle .rename{font-size:14px;opacity:.6;transition:all .15s ease}.AreaSingleListSingle .delete:hover,.AreaSingleListSingle .rename:hover{opacity:1}.AreaSingleListSingle .delete{opacity:0;position:absolute;right:30px;transition:all .2s ease}.AreaSingleListSingle .rename{cursor:pointer;opacity:0;position:absolute;right:70px;transition:all .2s ease}.AreaSingleListSingle .subAreaProject{font-size:12px;margin-left:20px;opacity:.6}.AreaSingleListSingle .handle{background:#f1f1f1;border-radius:100%;color:#c5c5c5;display:none;opacity:0;padding:10px;position:absolute;right:120px;transition:all .2s ease}.AreaSingleListSingle:hover{background:rgba(0,0,0,.2);color:#fff}.AreaSingleListSingle input{background:hsla(0,0%,100%,.5);border:none;border-radius:4px;color:#232323;font-size:20px;padding:14px;width:calc(100% - 140px)}.AreaSingleListSingle input:focus{outline:none}#SubAreaSingle{display:flex;flex-direction:column;min-height:100%;padding:60px 40px 40px;width:100%}@media screen and (max-width:750px){#SubAreaSingle{padding:80px 20px 20px}}#SubAreaSingle.row .lists-wrapper{padding-right:100px;width:auto}#SubAreaSingle.row .lists-wrapper .lists{flex-direction:row}#SubAreaSingle.row .lists-wrapper .lists .list-single{margin:5px;width:340px}#SubAreaSingle.row .toggle-layout-btn:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}#SubAreaSingle .lists-wrapper{color:#fff;min-height:100%;width:100%}#SubAreaSingle .lists-wrapper .lists{display:flex;flex-direction:column;width:100%}#SubAreaSingle .lists-wrapper .lists.projects-list .section-title{font-size:45px;font-weight:700;margin-bottom:20px;margin-top:60px;text-transform:uppercase}#SubAreaSingle .addnew-project-wrapper{padding-bottom:100px}#SubAreaSingle .addnew-project-wrapper input{background:none;color:#fff;font-size:20px;font-size:30px;height:auto;opacity:1;padding:0;text-transform:none}#SubAreaSingle .addnew-project-wrapper input::-webkit-input-placeholder{color:hsla(0,0%,100%,.4);-webkit-transition:all .15s ease;transition:all .15s ease}#SubAreaSingle .addnew-project-wrapper input::placeholder{color:hsla(0,0%,100%,.4);transition:all .15s ease}#SubAreaSingle .addnew-project-wrapper input:focus::-webkit-input-placeholder{-webkit-transition:all .15s ease;transition:all .15s ease}#SubAreaSingle .addnew-project-wrapper input:focus::placeholder{transition:all .15s ease}.addnew-wrapper{width:100%}.addnew-wrapper input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:hsla(0,0%,100%,.2);border:none;font-family:Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;height:105px;margin-top:5px;opacity:0;padding-left:35px;text-transform:uppercase;transition:background .2s ease;transition:opacity .2s ease;width:100%}.addnew-wrapper input:focus{background:#f1f1f1;outline:none}.addnew-wrapper input:focus,.addnew-wrapper input:hover{opacity:1}::-webkit-input-placeholder{color:#000}::placeholder{color:#000}.list-single{display:flex;flex-direction:column;font-size:20px;margin:5px 0;padding-bottom:35px;width:100%}.list-single.stars{padding-bottom:100px}.list-single.stars>a:hover .list-single-headline{font-weight:600}.list-single.stars .list-single-headline{font-size:24px;letter-spacing:1px}.list-single .list-single-headline{color:#fff;display:flex;text-transform:uppercase}.list-single .list-single-headline input{background:hsla(0,0%,100%,.5);border:none;border-radius:4px;color:#232323;flex:1 1;font-size:30px;margin-right:40px;outline:none;padding:14px 20px}.list-single .list-single-headline .delete{cursor:pointer;display:none;font-size:14px;transition:all .2s ease}.list-single .list-single-headline .handle{background:#f1f1f1;color:#c5c5c5;padding:10px;right:70px}.list-single .list-single-headline .handle,.list-single .list-single-headline .toggle_show_completed_tasks{border-radius:100%;cursor:pointer;opacity:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .2s ease}.list-single .list-single-headline .toggle_show_completed_tasks{background:green;color:#fff;height:40px;padding-left:10px;padding-top:10px;right:190px;width:40px}.list-single .list-single-headline .rename{cursor:pointer;display:none;font-size:14px;margin-right:40px;transition:all .2s ease}.list-single .list-single-headline:hover .delete,.list-single .list-single-headline:hover .handle,.list-single .list-single-headline:hover .rename,.list-single .list-single-headline:hover .toggle_show_completed_tasks{opacity:1}.list-single.log .list-single-headline .title,.list-single.stjernelisten .list-single-headline .title{font-size:45px;font-weight:700;text-transform:uppercase}.list-single.stjernelisten{margin-bottom:60px}.list-single.stjernelisten .list-single-headline{margin-bottom:20px}.list-single.project{margin-bottom:20px;padding-bottom:0}.list-single.project.active .list-single-headline .title{font-weight:600}.list-single.project.active .list-single-headline .delete,.list-single.project.active .list-single-headline .rename{display:block}.list-single.project .list-single-headline{align-items:center;display:flex;font-weight:400;justify-content:space-between;text-transform:none}.list-single.project .list-single-headline .title{cursor:pointer;flex:1 1;font-size:30px}.list-single.project .list-single-headline .title:hover{font-weight:600}.list-single.moving .handle{opacity:1}.LogTaskAll{margin-top:20px}.LogTaskAll .addnew-wrapper input{background:none;color:#fff;font-size:16px;height:60px;margin-top:4px;opacity:1;padding-left:0;text-transform:none;transition:all .15s ease}.LogTaskAll .addnew-wrapper input::-webkit-input-placeholder{color:hsla(0,0%,100%,.6);-webkit-transition:all .15s ease;transition:all .15s ease}.LogTaskAll .addnew-wrapper input::placeholder{color:hsla(0,0%,100%,.6);transition:all .15s ease}.LogTaskAll .addnew-wrapper input:focus{background:hsla(0,0%,100%,.05);padding-left:48px}.LogTaskAll .listtasks{display:flex;flex-direction:column;font-size:16px;margin-top:4px}.LogTaskSingle{background:hsla(0,0%,100%,.05);color:#fff;display:flex;margin:4px 0;padding:20px;transition:all .15s ease}.LogTaskSingle.editing,.LogTaskSingle.moving{background:rgba(0,0,0,.2)}.LogTaskSingle.moving{cursor:grabbing}.LogTaskSingle.isstared{display:flex;flex-direction:row}.LogTaskSingle.isstared .colname{font-weight:600;text-transform:uppercase}.LogTaskSingle .done{background:#fff;border-radius:2px;cursor:pointer;height:24px;left:50px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:24px;z-index:10}.LogTaskSingle .title{font-size:16px;letter-spacing:.07em;padding-left:30px;padding-right:120px;text-transform:none}.LogTaskSingle .title span{font-size:12px;margin-left:10px;opacity:.6;text-transform:uppercase}.LogTaskSingle .title span:before{content:"-";margin-right:8px}.LogTaskSingle .edit-task-title{background:none;border:none;color:#fff;flex-grow:1;font-family:Inter;font-size:16px;height:20px;letter-spacing:.07em;margin-left:28px;margin-right:14px;width:800px}.LogTaskSingle .edit-task-title:focus{outline:none}.LogTaskSingle .delete{cursor:pointer;font-size:14px;opacity:.6;position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .15s ease}.LogTaskSingle .delete:hover{opacity:1}.LogTaskSingle .colorPickerOpen{background:green;border-radius:100%;cursor:pointer;height:20px;position:absolute;right:100px;top:20px;width:20px}.LogTaskSingle .handle{font-size:16px;left:20px;top:calc(50% - 2px);z-index:10}.LogTaskSingle .handle,.LogTaskSingle .star{cursor:pointer;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.LogTaskSingle .star{height:20px;right:60px;top:50%;width:auto}.LogTaskSingle .colorpicker{height:20px;position:absolute;right:100px;top:20px}.LogTaskSingle .colorpicker .color{cursor:pointer;float:left;height:20px;position:relative;width:20px}.LogTaskSingle .colorpicker .color.active{border:1px solid #fff}.ProjectSingleDetails{background:rgba(0,0,0,.1);display:flex;flex-direction:row;justify-content:space-between;margin-bottom:40px;margin-top:20px;padding:40px}.ProjectSingleDetails .main{flex:1 1;margin-right:40px}.ProjectSingleDetails .main .projectdetailssinglefield{margin-bottom:40px}.ProjectSingleDetails .main .projectdetailssinglefield .colname{width:150px}.ProjectSingleDetails .data{align-self:flex-start;background:rgba(0,0,0,.1);padding:20px;width:400px}.ProjectSingleDetails .data:first-child{background:#725753;margin-bottom:40px}.ProjectDetailsSingleField{display:flex;flex-direction:column;margin-bottom:30px}.ProjectDetailsSingleField .colname{font-weight:700;margin-bottom:4px;text-transform:uppercase}.ProjectDetailsSingleField .name{cursor:pointer;flex:1 1;opacity:.7}.ProjectDetailsSingleField .name.empty{font-style:italic;opacity:.3}.ProjectDetailsSingleField .edit-task-title{background:rgba(0,0,0,.1);border:none;color:#fff;font-family:Inter;font-size:20px;height:80px;margin:0;outline:none;padding:10px;resize:none}.ProjectDetailsSingleField .edit-task-title.small{height:80px}.ProjectDetailsSingleField .edit-task-title.large{height:300px}#BreadCrumb{color:#fff;display:flex;flex-direction:row;font-size:20px;left:0;top:0}#BreadCrumb a{margin-right:40px;position:relative}#BreadCrumb a.active:after,#BreadCrumb a:hover:after{background:#fff;bottom:-6px;content:"";height:2px;left:0;position:absolute;width:100%}#StjerneListen{margin:60px 40px 40px}#StjerneListen .LogTaskSingle{align-items:center;display:flex;padding:14px 20px}#StjerneListen .LogTaskSingle:hover{background:rgba(0,0,0,.2)}#StjerneListen .LogTaskSingle .listname{background:rgba(0,0,0,.2);border-radius:3px;font-size:14px;margin-right:10px;padding:6px 10px}#StjerneListen .LogTaskSingle .task{font-size:16px;letter-spacing:.07em}
/*# sourceMappingURL=main.b77c0a14.css.map*/