html{height:100%;font-size:15px}html body{height:100%;margin:0;padding:0;background-color:#f8f8f8;font-family:"Roboto",sans-serif}html body .wrapper{height:100%;display:flex;flex-direction:column;box-sizing:border-box;padding-bottom:10px;transition:all .5s}html body .wrapper.open{padding-right:300px}html h1,html h2,html h3,html h4,html h5,html h6{margin:0}html button,html textarea,html input,html select,html textarea{font-family:"Roboto",sans-serif;font-size:15px}html ul{list-style:none;padding:0}html textarea{resize:none}::-webkit-scrollbar{height:7px;width:7px}::-webkit-scrollbar-track{background:#d4d4d4;border-radius:10px;margin:0px 20px}::-webkit-scrollbar-thumb{background:#585858;border-radius:10px}button{font-size:15px;cursor:pointer}button[disabled]{cursor:not-allowed;background-color:#d4d4d4 !important;color:#000 !important}.hide{display:none}.header{display:flex;justify-content:center;align-items:center;position:relative;left:0;right:0;top:0;box-shadow:0 0 5px rgba(0,0,0,.1);background-color:#fff}.header .logo{padding:14px 25px;font-size:32px;font-weight:bold;margin-right:auto;margin-left:auto;display:flex;align-items:center;flex:1;justify-content:center}.header .logo img{width:30px;margin-right:8px}.board{display:flex;align-items:flex-start;color:#383838;overflow-x:auto;flex-grow:1;padding-top:25px}.list{min-width:320px;max-width:320px;padding:12px 20px}.list .list-title{padding-bottom:18px;font-weight:500;font-size:17px;display:flex;justify-content:space-between}.list .list-title .remove{background-color:unset;border:none}.list-grey .list-title{border-bottom:3px solid #ddd}.list-cyan .list-title{border-bottom:3px solid #5bdbf6}.list-orange .list-title{border-bottom:3px solid #ffb855}.list-green .list-title{border-bottom:3px solid #3e993c}.list-red .list-title{border-bottom:3px solid #c71414}.list-blue .list-title{border-bottom:3px solid #493c99}.list .list-content{margin-top:15px;padding-right:14px;padding-top:8px;overflow-y:auto;max-height:75vh}.card{background-color:#fff;box-shadow:0 2px 3px -1px rgba(0,0,0,.15);border-radius:3px;margin-bottom:15px;padding:16px 24px;position:relative}.card .remove{background-color:unset;border:none;position:absolute;right:10px}.card .card-content{display:flex;flex-direction:column}.card .card-content .title{font-weight:600;margin-bottom:10px}.card .card-content .description{color:#999;font-size:13px;margin-top:10px;margin-bottom:20px}.card .card-content .label{font-size:13px;display:inline-block;align-self:flex-start;margin-bottom:5px;border:1px solid #e4e4e4;padding:3px 12px;border-radius:25px;color:#777}.card .card-content .label i{margin-right:4px}.card .card-content .due-date{font-size:11px;display:inline-block;align-self:flex-start;padding:3px 12px;border-radius:25px;color:#fff;background-color:#ff4949;margin-top:10px}.card .card-content .due-date.green{color:#fff;background-color:#69e89c}.add-card,.last-col .add-task{width:100%;background-color:#e5e5e5;color:#737373;padding:13px;border:none;font-weight:600;font-size:15px;border-radius:3px;cursor:pointer}.add-card i,.last-col .add-task i{font-size:12px;margin-right:1px}.add-card:hover,.last-col .add-task:hover{background-color:#d3d3d3;text-decoration:underline}.last-col{min-width:320px;max-width:320px;padding:12px 20px}.add-card{margin-bottom:15px}/*# sourceMappingURL=style.css.map */
