@import url(https://fonts.googleapis.com/css?family=Nunito);
html{-webkit-text-size-adjust:100%;line-height:1.15}body{background-color:#0079bf;font-family:Nunito,sans-serif;font-size:14px;margin:0;min-height:100vh}a{background-color:transparent}[hidden]{display:none}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,p,pre{margin:0}button,input,optgroup,select,textarea{color:inherit;line-height:inherit;padding:0}button,input{overflow:visible}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}#app{display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:relative}nav{background-color:#026aa7;min-height:45px}.content{flex-grow:1;overflow:hidden;padding:1rem}.content,main{position:relative}main{display:flex;flex-direction:column;height:100%;overflow:auto}.kanban-board{bottom:0;left:0;margin-bottom:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;position:absolute;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.kanban-board .card-wrapper{box-sizing:border-box;display:inline-block;height:100%;margin:0 6px;vertical-align:top;white-space:nowrap;width:272px}.card-wrapper .card-content{background-color:#ebecf0;border-radius:3px;box-sizing:border-box;display:flex;flex-direction:column;max-height:100%;position:relative;white-space:normal;width:100%!important}.card-wrapper .card-header{display:flex;justify-content:space-between;min-height:20px;padding:10px 8px;position:relative}.card-wrapper .card-header .card-title{color:#0079bf;margin:3px}.close{cursor:pointer;display:inline-block;height:1rem;opacity:.5;overflow:hidden;position:relative;width:1rem}.close:after,.close:before{background:#000;content:"";height:2px;left:0;margin-top:-1px;position:absolute;top:50%;width:100%}.close:before{transform:rotate(45deg)}.close:after{transform:rotate(-45deg)}.close:hover{opacity:1}.card-body{display:flex;flex-wrap:wrap;padding:0 10px}.card-body .task-drag{flex:1 1 0%;overflow:hidden}.task-drag .task-drag-transition{display:flex;flex-direction:column;flex-grow:1;flex-wrap:wrap;height:100%;overflow:hidden}.task-drag .task-drag-transition .task-item{background-color:#fff;border-radius:.375rem;box-shadow:0 1px 0 rgba(9,30,66,.251);cursor:pointer;display:flex;flex-wrap:wrap;margin-bottom:.5rem;padding:.5rem}button{background-color:#4299e1;border-color:transparent;border-radius:.25rem;color:#fff;cursor:pointer;padding:.5rem 1rem;text-align:center;width:auto}button:hover{background-color:#2b6cb0}.card-footer{padding:.5rem}.create-task-btn{background-color:#9f7aea;width:100%}.create-task-btn:hover{background-color:#9062eb}.create_button_wrapper{box-sizing:border-box;display:inline-block;height:100%;margin:0;vertical-align:top;white-space:nowrap;width:272px}.create-column-btn{background:#ebecf0;color:#0079bf;font-weight:700;width:270px}.create-column-btn:hover{background-color:#d2d3d7}.modal-content{padding:1rem}.modal-content .title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;text-align:left}.modal-content input[type=text]{border:2px solid #e2e8f0;border-radius:.25rem;line-height:1.5;padding:.25rem .5rem;width:-webkit-fill-available}.close_btn{background-color:#f44336;margin-right:.5rem}.close_btn:hover{background-color:#da190b}.modal-content .modal-button-group{display:flex;justify-content:flex-end;margin-top:.5rem}.text-error{color:#ef4444;font-size:.75rem}.input-group{padding:.5rem 0}textarea{border:2px solid #e2e8f0;border-radius:.25rem;padding:.25rem .5rem;width:-webkit-fill-available}