body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#838c91;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{text-align:center}.header{background-color:#111;display:flex;height:40px;position:relative}.header .logo{cursor:pointer;left:50%;opacity:.5;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px}.header .logo:hover{opacity:.8}.button{border-radius:3px;border-width:0;cursor:pointer;font-size:14px;height:32px;line-height:32px;outline:none;padding-left:12px;padding-right:12px}.primary{background-color:#5aac44;color:#fff}.primary:hover{background-color:#61bd4f}.secondary{color:#fff;height:40px;text-align:start}.secondary,.ternary{background-color:transparent}.ternary{color:#616161;height:30px;line-height:30px;position:relative;text-align:left}.textareaInput{-webkit-appearance:none;appearance:none;border-radius:3px;border-width:0;box-shadow:inset 0 0 0 1px rgba(9,30,66,.13);font-size:14px;padding:12px;width:95%}.taskInput{border:0 solid transparent;border-radius:3px;box-shadow:inset 0 0 0 2px #0079bf;height:36px;margin:0;outline:0;padding-left:12px;padding-right:12px;width:91%}.submitContainer{display:flex;margin-top:4px}.submitContainer .closeBtn{padding-bottom:5px;padding-left:8px;padding-top:3px}.submitContainer .closeBtn .closeIcon{color:#919191;font-size:25px;width:20px}.submitContainer .closeBtn .closeIcon:hover{color:#313131}.addTaskList{display:flex;flex-direction:column;margin-left:4px;margin-right:4px;width:272px}.addTaskList .formAddTaskList{background-color:hsla(0,0%,100%,.24);border-radius:3px;display:flex;flex-direction:column;transition:background 85ms ease-in 0s}.addTaskList .formAddTaskList .taskInput{border:0 solid transparent;border-radius:3px;box-shadow:inset 0 0 0 2px #0079bf;height:36px;margin:0;outline:0;padding-left:12px;padding-right:12px;width:91%}.addTaskList .formAddTaskList .addListButton:hover{background-color:hsla(0,0%,100%,.32)}.addTaskList .formAddTaskList .addListButton .addIcon:before{height:12px;width:2px}.addTaskList .formAddTaskList .addListButton .addIcon:after,.addTaskList .formAddTaskList .addListButton .addIcon:before{background-color:#fff;content:"";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:background 85ms ease-in 0s}.addTaskList .formAddTaskList .addListButton .addIcon:after{height:2px;width:12px}.addTaskList .formAddTaskList .addIcon{height:20px;margin-left:10px;margin-right:15px;position:relative;width:20px}.dashboardHeader{align-items:center;display:flex;padding:8px}.dashboardHeader .boardTitle{align-items:center;display:flex;font-size:18px;font-weight:700;height:32px;margin:0 20px 0 0;padding-left:12px}.addTask,.addTask .formAddTask{display:flex;flex-direction:column}.addTask .formAddTask{background-color:hsla(0,0%,100%,.24);border-radius:3px;padding:8px;transition:background 85ms ease-in 0s}.addTask .formAddTask .description{border:0;padding:0;text-align:left}.addTask .formAddTask .addIcon{color:#616161;height:20px;margin-left:10px;margin-right:15px;position:relative;width:20px}.addTask .formAddTask .addIcon:before{height:12px;width:2px}.addTask .formAddTask .addIcon:after,.addTask .formAddTask .addIcon:before{background-color:#616161;content:"";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:background 85ms ease-in 0s}.addTask .formAddTask .addIcon:after{height:2px;width:12px}.addTask .formAddTask .submitContainer{display:flex;margin-top:4px}.addTask .formAddTask .submitContainer .close{height:20px;left:50%;margin-left:4px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);width:20px}.actionButton{align-items:center;background-color:rgba(9,30,66,.04);border-radius:3px;border-width:0;color:#313131;cursor:pointer;display:flex;font-size:14px;height:32px;line-height:32px;margin:4px 0;outline:none;padding-left:12px;padding-right:4px;position:relative;text-align:left}.actionButton:hover{background-color:rgba(9,30,66,.08);color:#000}.actionButton .iconLeft{align-items:center;color:#919191;display:flex;font-size:16px;margin-right:2px}.actionButton .checkContainer{background-color:#61bd4f;border-radius:3px;height:24px;justify-content:center;margin-left:auto;width:24px}.actionButton .checkContainer,.actionButton .checkContainer .check{align-items:center;display:flex}.actionButton .checkContainer .check:before{color:#fff;content:"✓";font-size:18px}.modal-overlay{zoom:1;background-color:#000;opacity:.64;z-index:1005}.modal-overlay,.modalContainer{display:block;height:100%;left:0;overflow:hidden scroll;position:fixed;top:0;width:100%}.modalContainer{z-index:1006}.modalContainer .modal-wrapper{align-items:center;display:flex;justify-content:center;left:0;min-height:100%;top:0;width:100%}.modalContainer .modal-wrapper .modal{background-color:#fff;border-radius:3px;display:inline-block;max-width:768px;overflow:hidden;position:relative;text-align:left;width:100%}.modalContainer .modal-wrapper .modal .closeButton{border-radius:50%;cursor:pointer;height:32px;margin:4px;padding:4px;position:absolute;right:0;top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:32px}.modalContainer .modal-wrapper .modal .closeButton:hover{background-color:rgba(9,30,66,.08)}.modalContainer .modal-wrapper .modal .closeButton:before{background-color:#919191;content:"";height:15px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:background 85ms ease-in 0s;width:2px}.modalContainer .modal-wrapper .modal .closeButton:hover:before{background-color:#313131}.modalContainer .modal-wrapper .modal .closeButton:after{background-color:#919191;content:"";height:2px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:background 85ms ease-in 0s;width:15px}.modalContainer .modal-wrapper .modal .closeButton:hover:after{background-color:#313131}.modalContainer .modal-wrapper .modal .contentModal{background-color:#f4f5f7;color:#313131;padding:12px 24px}.modalContainer .modal-wrapper .modal .contentModal .modalHeader{margin-bottom:20px}.modalContainer .modal-wrapper .modal .contentModal .modalHeader .taskName{align-items:center;display:flex;font-size:20px;font-weight:600;height:33px;margin:0}.modalContainer .modal-wrapper .modal .contentModal .modalHeader .fromList{align-items:center;display:flex;font-size:14px}.modalContainer .modal-wrapper .modal .contentModal .modalHeader .fromList .listName{text-decoration:underline}.modalContainer .modal-wrapper .modal .contentModal .modalHeader .fromList .icon{color:#919191;display:flex;font-size:16px;margin-left:4px}.modalContainer .modal-wrapper .modal .contentModal .modalBody{display:flex;margin-bottom:20px}.modalContainer .modal-wrapper .modal .contentModal .modalBody .descriptionContainer{flex-grow:1;width:82%}.modalContainer .modal-wrapper .modal .contentModal .modalBody .descriptionContainer .descriptionTitle{font-size:18px;font-weight:600;line-height:32px;margin-bottom:5px}.modalContainer .modal-wrapper .modal .contentModal .modalBody .descriptionContainer .emptyDescription{background-color:rgba(9,30,66,.04);border-radius:3px;cursor:pointer;font-size:14px;height:50px;padding:8px 12px}.modalContainer .modal-wrapper .modal .contentModal .modalBody .descriptionContainer .emptyDescription:hover{background-color:rgba(9,30,66,.08)}.modalContainer .modal-wrapper .modal .contentModal .modalBody .descriptionContainer .description{cursor:pointer;font-size:14px}.modalContainer .modal-wrapper .modal .contentModal .modalBody .actionContainer{display:flex;flex-direction:column;padding-left:20px;width:190px}.modalContainer .modal-wrapper .modal .contentModal .modalBody .actionContainer .actionTitle{font-size:18px;font-weight:600;line-height:32px;margin-bottom:5px}.task{background-color:#fff;border-radius:3px;box-shadow:0 1px 0 rgba(9,30,66,.25);cursor:pointer;margin-bottom:8px}.task:hover{background-color:#f4f5f7}.task:last-child{margin-bottom:0}.task .taskButton{background-color:transparent;border-radius:3px;border-width:0;color:#fff;cursor:pointer;font-size:14px;height:auto;line-height:1;margin:0;outline:none;padding:0;width:100%}.task .taskButton .taskName{align-items:center;color:#313131;font-size:14px;font-weight:400;height:32px;line-height:20px;margin:0;text-align:left}.task .taskButton .infos,.task .taskButton .taskName{display:flex;padding-left:8px;padding-right:8px}.task .taskButton .infos .iconSpan{color:#919191;font-size:16px;margin-bottom:4px;margin-left:4px;margin-right:4px}.taskList{margin-left:4px;margin-right:4px;width:272px}.taskList,.taskList .box{display:flex;flex-direction:column}.taskList .box{background-color:#ebecf0;border-radius:3px;text-align:left}.taskList .box .titleContainer{padding:10px 8px;position:relative}.taskList .box .titleContainer .listTitle{color:#313131;font-size:14px;font-weight:600;line-height:26px;padding-left:8px;padding-right:8px}.taskList .box .titleContainer .test{-webkit-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:3px;cursor:pointer;font-size:22px;height:32px;padding:3px 0 0;position:absolute;right:8px;top:6px;width:32px}.taskList .box .titleContainer .test:hover{background-color:rgba(9,30,66,.13)}.taskList .box .tasksContainer,.taskList .box textarea{padding-left:8px;padding-right:8px}.taskList .box textarea{-webkit-appearance:none;appearance:none;border-radius:3px;border-width:0;box-shadow:0 1px 0 rgba(9,30,66,.25);font-size:14px;height:52px;padding-top:8px;width:94%}.taskList .box textarea:focus{outline:none}.listContainer{align-items:flex-start;display:flex;margin-left:4px}
/*# sourceMappingURL=main.ee1bfb5a.css.map*/