textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;resize:none !important;box-shadow:none}textarea:focus::-webkit-input-placeholder{color:transparent}textarea:focus:-moz-placeholder{color:transparent}textarea:focus::-moz-placeholder{color:transparent}input[type='text'],input[type='email'],input[type='password'],input[type='number'],textarea{box-shadow:none;border:1px solid #ccc;outline:0px !important;-webkit-appearance:none;border-color:#ccc !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;box-sizing:border-box}input[type='text']:focus,input[type='email']:focus,input[type='password']:focus,input[type='number']:focus,textarea:focus{outline:0px !important;-webkit-appearance:none;outline-color:transparent;outline-style:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset !important;box-shadow:0 0 0px 1000px white inset !important}button:focus{outline:none}input::-webkit-input-placeholder{font-family:'Segoe UI', sans-serif;font-weight:100}a{color:coral;transition:color 0.1s}a:hover{color:#ff926a}body{font-family:'Lato', sans-serif !important;background-color:#f5f5f5 !important}*{font-family:'Lato', sans-serif !important}.welcome{color:#333}.welcome .header{max-width:800px;margin:0 auto}.welcome .header h1{margin:0;font-size:36px}.welcome .header h1 span.todox{color:coral}.welcome .header p{font-size:28px;color:#333;font-weight:300;margin-top:10px}.welcome .container{padding:50px}.welcome .container.darker{background-color:#ff7f5020}.welcome .gif-wrapper .main-img{width:100%;box-shadow:rgba(0,0,0,0.3) 0 1px 3px;border:2px solid white}.welcome .features{max-width:800px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}.welcome .features .point{color:#333;width:48%}.welcome .features .point h2{font-weight:100}.welcome .features .point p{font-size:16px}.welcome .sign-up{background:#f5f5f5;padding:15px;margin:30px auto 0;box-shadow:rgba(0,0,0,0.3) 0 1px 3px;border:2px solid white;width:280px}.welcome input[type='email'],.welcome [type='password']{padding:5px 10px;font-size:18px;width:100%}.welcome [type='submit']{width:100%;background-color:coral;border:none;color:white;padding:7px 15px;text-align:center;text-decoration:none;display:inline-block;font-size:12px;text-transform:uppercase;cursor:pointer;transition:background-color 0.1s}.welcome [type='submit']:hover{background-color:#ff926a}.welcome .form-group{margin-bottom:10px}.welcome p{line-height:150%}.faq{width:800px;margin:0 auto}.menu{position:fixed;top:0;bottom:0;left:0;width:50px;padding:10px 0;background-color:coral;z-index:1000;display:flex;flex-direction:column;justify-content:space-between}.menu .menu-item{display:block;font-size:26px;padding:5px 0 0;margin-bottom:10px}.menu .menu-item svg{font-size:26px;fill:#eee;width:100%}.menu .menu-item:hover svg,.menu .menu-item.active svg{fill:white}.menu .menu-item.active{background-color:#ff5a1d}.schedule{position:fixed;top:0;bottom:0;left:50px;width:270px;padding:15px;border-right:1px dashed #ccc;overflow-y:scroll;transition:left 0.2s ease-out}.schedule .day{margin-bottom:20px}.schedule h3{font-size:12px;text-transform:uppercase}.schedule .item.navy{border-left:2px solid #001f3f}.schedule .item.blue{border-left:2px solid #0074d9}.schedule .item.aqua{border-left:2px solid #7fdbff}.schedule .item.teal{border-left:2px solid #39cccc}.schedule .item.olive{border-left:2px solid #3d9970}.schedule .item.green{border-left:2px solid #2ecc40}.schedule .item.lime{border-left:2px solid #01ff70}.schedule .item.yellow{border-left:2px solid #ffdc00}.schedule .item.orange{border-left:2px solid #ff851b}.schedule .item.red{border-left:2px solid #ff4136}.schedule .item.maroon{border-left:2px solid #85144b}.schedule .item.fuchsia{border-left:2px solid #f012be}.schedule .item.purple{border-left:2px solid #b10dc9}.schedule .item.black{border-left:2px solid #111111}.schedule .item.gray{border-left:2px solid #aaaaaa}.schedule .item.silver{border-left:2px solid #dddddd}.main.hide-schedule .schedule{left:-270px}.main.hide-schedule .board{left:50px}.board{position:fixed;top:0;bottom:0;left:320px;right:0;overflow-x:scroll;overflow-y:hidden;transition:left 0.2s ease-in}.board .board-inner{display:flex;height:100%;position:absolute;top:0;bottom:0}.board .column{width:270px;overflow-y:scroll;border-right:1px dashed #ccc;background-color:#f5f5f5}.board .column .todoList{padding:0 10px;margin-top:10px}.board .column .list-header{padding:5px 10px;background-color:#eee}.board .column .list-header h3{display:flex;justify-content:space-between;font-size:16px;margin-bottom:0}.board .column hr{margin:0 0 0 10px;width:35%;border:0;height:2px}.board .column.navy hr{background-color:#001f3f}.board .column.blue hr{background-color:#0074d9}.board .column.aqua hr{background-color:#7fdbff}.board .column.teal hr{background-color:#39cccc}.board .column.olive hr{background-color:#3d9970}.board .column.green hr{background-color:#2ecc40}.board .column.lime hr{background-color:#01ff70}.board .column.yellow hr{background-color:#ffdc00}.board .column.orange hr{background-color:#ff851b}.board .column.red hr{background-color:#ff4136}.board .column.maroon hr{background-color:#85144b}.board .column.fuchsia hr{background-color:#f012be}.board .column.purple hr{background-color:#b10dc9}.board .column.black hr{background-color:#111111}.board .column.gray hr{background-color:#aaaaaa}.board .column.silver hr{background-color:#dddddd}.item{padding:8px;margin-bottom:10px;box-shadow:0 1px 3px 0px rgba(0,0,0,0.08);background-color:white;position:relative}.item:hover{box-shadow:0 5px 8px 0px rgba(0,0,0,0.08)}.item.done{border-left:0 !important;padding-left:10px}.item.done p{text-decoration:line-through}.item.done .cal{display:none}.item .cal{color:#ccc}.item .cal:hover{cursor:pointer;color:coral}.item .cal .cal-icon{opacity:0;transition:opacity 0.2s ease-in}.item .cal .cal-icon.active{opacity:1;color:coral}.item:hover .cal-icon{opacity:1}.item .inner-item{display:flex;justify-content:space-between}.item .inner-item .left{display:flex}.item .inner-item .left .ant-checkbox-wrapper{margin-right:5px}.item.navy .ant-checkbox-checked .ant-checkbox-inner{background-color:#001f3f;border-color:#001f3f}.item.navy .ant-checkbox-wrapper:hover .ant-checkbox-inner,.item.navy .ant-checkbox:hover .ant-checkbox-inner,.item.navy .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#001f3f}.item.blue .ant-checkbox-checked .ant-checkbox-inner{background-color:#0074d9;border-color:#0074d9}.item.blue .ant-checkbox-wrapper:hover .ant-checkbox-inner,.item.blue .ant-checkbox:hover .ant-checkbox-inner,.item.blue .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#0074d9}.item.aqua .ant-checkbox-checked .ant-checkbox-inner{background-color:#7fdbff;border-color:#7fdbff}.item.aqua .ant-checkbox-wrapper:hover .ant-checkbox-inner,.item.aqua .ant-checkbox:hover .ant-checkbox-inner,.item.aqua .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#7fdbff}.item.teal .ant-checkbox-checked .ant-checkbox-inner{background-color:#39cccc;border-color:#39cccc}.item.teal .ant-checkbox-wrapper:hover .ant-checkbox-inner,.item.teal .ant-checkbox:hover .ant-checkbox-inner,.item.teal .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#39cccc}.item.olive .ant-checkbox-checked .ant-checkbox-inner{background-color:#3d9970;border-color:#3d9970}.item.olive .ant-checkbox-wrapper:hover .ant-checkbox-inner,.item.olive .ant-checkbox:hover .ant-checkbox-inner,.item.olive .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#3d9970}.item.green .ant-checkbox-checked .ant-checkbox-inner{background-color:#2ecc40;border-color:#2ecc40}.item.green .ant-checkbox-wrapper:hover .ant-checkbox-inner,.item.green .ant-checkbox:hover .ant-checkbox-inner,.item.green .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#2ecc40}.item.lime .ant-checkbox-checked .ant-checkbox-inner{background-color:#01ff70;border-color:#01ff70}.item.lime .ant-checkbox-wrapper:hover .ant-checkbox-inner,.item.lime .ant-checkbox:hover .ant-checkbox-inner,.item.lime .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#01ff70}.item.yellow .ant-checkbox-checked .ant-checkbox-inner{background-color:#ffdc00;border-color:#ffdc00}.item.yellow .ant-checkbox-wrapper:hover .ant-checkbox-inner,.item.yellow .ant-checkbox:hover .ant-checkbox-inner,.item.yellow .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#ffdc00}.item.orange .ant-checkbox-checked .ant-checkbox-inner{background-color:#ff851b;border-color:#ff851b}.item.orange .ant-checkbox-wrapper:hover .ant-checkbox-inner,.item.orange .ant-checkbox:hover .ant-checkbox-inner,.item.orange .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#ff851b}.item.red .ant-checkbox-checked .ant-checkbox-inner{background-color:#ff4136;border-color:#ff4136}.item.red .ant-checkbox-wrapper:hover .ant-checkbox-inner,.item.red .ant-checkbox:hover .ant-checkbox-inner,.item.red .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#ff4136}.item.maroon .ant-checkbox-checked .ant-checkbox-inner{background-color:#85144b;border-color:#85144b}.item.maroon .ant-checkbox-wrapper:hover .ant-checkbox-inner,.item.maroon .ant-checkbox:hover .ant-checkbox-inner,.item.maroon .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#85144b}.item.fuchsia .ant-checkbox-checked .ant-checkbox-inner{background-color:#f012be;border-color:#f012be}.item.fuchsia .ant-checkbox-wrapper:hover .ant-checkbox-inner,.item.fuchsia .ant-checkbox:hover .ant-checkbox-inner,.item.fuchsia .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#f012be}.item.purple .ant-checkbox-checked .ant-checkbox-inner{background-color:#b10dc9;border-color:#b10dc9}.item.purple .ant-checkbox-wrapper:hover .ant-checkbox-inner,.item.purple .ant-checkbox:hover .ant-checkbox-inner,.item.purple .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#b10dc9}.item.black .ant-checkbox-checked .ant-checkbox-inner{background-color:#111111;border-color:#111111}.item.black .ant-checkbox-wrapper:hover .ant-checkbox-inner,.item.black .ant-checkbox:hover .ant-checkbox-inner,.item.black .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#111111}.item.gray .ant-checkbox-checked .ant-checkbox-inner{background-color:#aaaaaa;border-color:#aaaaaa}.item.gray .ant-checkbox-wrapper:hover .ant-checkbox-inner,.item.gray .ant-checkbox:hover .ant-checkbox-inner,.item.gray .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#aaaaaa}.item.silver .ant-checkbox-checked .ant-checkbox-inner{background-color:#dddddd;border-color:#dddddd}.item.silver .ant-checkbox-wrapper:hover .ant-checkbox-inner,.item.silver .ant-checkbox:hover .ant-checkbox-inner,.item.silver .ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#dddddd}.item .item-menu{position:absolute;z-index:10000;background:white;width:25px;height:25px;border:1px solid #ccc;text-align:center;vertical-align:middle;border-radius:50px;right:-10px;line-height:22px;cursor:pointer}.item textarea{width:100%;border:0}.new-item-form{min-height:38px;border-left:0 !important;transition:min-height 0.1s ease-out}.new-item-form.active{min-height:80px}.new-item-form textarea{border:0;width:100%;resize:none;height:20px;background-color:transparent}.new-item-form textarea::placeholder{color:#ccc}.new-list-form input{border:1px dashed #ccc;background:transparent}.new-list-form.active{background:white;box-shadow:0 5px 8px 0px rgba(0,0,0,0.08)}.color-picker{width:12px;height:12px;display:inline-block;border-radius:10px;margin-right:3px}.color-picker.navy{background:#001f3f}.color-picker.blue{background:#0074d9}.color-picker.aqua{background:#7fdbff}.color-picker.teal{background:#39cccc}.color-picker.olive{background:#3d9970}.color-picker.green{background:#2ecc40}.color-picker.lime{background:#01ff70}.color-picker.yellow{background:#ffdc00}.color-picker.orange{background:#ff851b}.color-picker.red{background:#ff4136}.color-picker.maroon{background:#85144b}.color-picker.fuchsia{background:#f012be}.color-picker.purple{background:#b10dc9}.color-picker.black{background:#111111}.color-picker.gray{background:#aaaaaa}.color-picker.silver{background:#dddddd}.color-option{width:12px;height:12px;display:inline-block;border-radius:12px;margin-right:7px;cursor:pointer}.color-option:last-child{margin-right:0px}.color-option.navy{background:#001f3f}.color-option.blue{background:#0074d9}.color-option.aqua{background:#7fdbff}.color-option.teal{background:#39cccc}.color-option.olive{background:#3d9970}.color-option.green{background:#2ecc40}.color-option.lime{background:#01ff70}.color-option.yellow{background:#ffdc00}.color-option.orange{background:#ff851b}.color-option.red{background:#ff4136}.color-option.maroon{background:#85144b}.color-option.fuchsia{background:#f012be}.color-option.purple{background:#b10dc9}.color-option.black{background:#111111}.color-option.gray{background:#aaaaaa}.color-option.silver{background:#dddddd}.list-menu-handle{display:block;color:#777;cursor:pointer;margin-top:4px}.list-menu{background:white;box-shadow:0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5}.list-menu-item{display:block;padding:7px 15px;margin-bottom:5px}.list-menu-item:hover{background:#f5f5f5}.cal-picker a{text-decoration-style:dashed;text-decoration-line:underline;color:coral;font-size:10px;text-transform:uppercase;margin-right:3px}.cal-picker a:hover{color:#ffa483}h3.overdue{color:#ff4136}.card{background-color:white;padding:15px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);margin-top:20px}.del{color:#ccc;cursor:pointer}.del:hover{color:coral}.picker-wrapper{margin-top:10px}.picker-wrapper .react-datepicker{background:#f5f5f5;border:0;color:#333}.picker-wrapper .react-datepicker__current-month{font-weight:100}.picker-wrapper .react-datepicker__header{font-size:10px}.picker-wrapper .react-datepicker__month{font-size:10px}.picker-wrapper .react-datepicker__day--selected{background-color:coral}.page{position:fixed;left:50px;top:0;bottom:0;right:0;padding:10px;overflow:scroll}.success{padding:10px;margin-bottom:10px;background:lightgreen}.button-error{background:#ca3c3c;color:white;border-radius:4px;text-shadow:0 1px 1px rgba(0,0,0,0.2)}.button-success{background:#2ecc40;color:white;border-radius:4px;text-shadow:0 1px 1px rgba(0,0,0,0.2)}