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 .card-actions{position:absolute;right:7px;display:flex}.card .card-actions button{background-color:unset;border:none;margin-right:7px;padding:0}.card .card-actions button.lock.active{background-color:#777;color:#fff}.card .card-content{display:flex;flex-direction:column;width:90%}.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}.setting-menu{position:fixed;top:0px;bottom:0;right:-300px;width:300px;box-shadow:0 2px 8px 0 rgba(0,0,0,.35);transition:all .5s;z-index:3000}.setting-menu.open{right:0}.setting-menu .menu-wrapper{height:100%;position:relative;background:#39c367;padding:20px 10px;padding-bottom:0;box-sizing:border-box}.setting-menu .menu-wrapper .open-btn{position:absolute;background:#39c367;height:50px;width:50px;left:-50px;top:200px;display:flex;align-items:center;justify-content:center;border:0;color:#fff;cursor:pointer}.setting-menu .menu-wrapper .open-btn i{font-size:20px}.setting-menu .menu-wrapper .btns{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.setting-menu .menu-wrapper .btns a{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06) !important;display:inline-block;margin-left:10px;text-decoration:none;color:#fff;padding:10px 22px;border-radius:20px;font-weight:bold}.setting-menu .menu-wrapper .btns a.demo-btn{background-color:#fff;color:#000}.setting-menu .menu-wrapper .btns a.purchase-btn{background-color:#000}.setting-menu .menu-wrapper .menu{height:100%;color:#fff;padding-right:8px;padding-bottom:90px;box-sizing:border-box;overflow-y:scroll}.setting-menu .menu-wrapper .menu ul{list-style:none;padding:0;margin:0;margin-top:20px;margin-bottom:0}.setting-menu .menu-wrapper .menu ul li a{background-color:#fff;padding:20px;box-shadow:0px 0px 20px rgba(92,111,139,.12);border-radius:9px;display:inline-block;transition:all .5s;color:#000;margin-bottom:20px}.setting-menu .menu-wrapper .menu ul li a img{max-width:100%;border:1px solid #eff4fd;border-radius:.3rem}.setting-menu .menu-wrapper .menu ul li a.active{border:2px solid #000}.snackbar{display:flex;align-items:center;padding:20px;border-radius:5px;position:fixed;bottom:30px;background-color:#0e0e0e;color:#fff;align-self:center;box-shadow:0 2px 3px -1px rgba(0,0,0,.15);opacity:0;transition:all .5s;z-index:1000;visibility:hidden}.snackbar span{display:inline-block}.snackbar i{margin-right:7px}.snackbar .divider{margin:0 20px;border:1px solid #383838;align-self:stretch}.snackbar .event .event-name{background:#8a2be2;padding:4px 10px;border-radius:15px;margin-left:3px;opacity:0;transform:translateY(30px);transition:all .2s}.snackbar .event .event-name.show{transform:translateY(0);opacity:1}.snackbar .list-group,.snackbar .card-group{margin:0 10px}.snackbar .list-value{background:orange;padding:4px 10px;border-radius:15px;margin-left:3px}.snackbar .order-value{background:#9acd32;padding:4px 10px;border-radius:15px;margin-left:3px}.snackbar .close-btn{margin-left:30px}.snackbar .close-btn button{background:rgba(0,0,0,0);color:#fff;border:none;cursor:pointer;outline:none}.snackbar .close-btn button i{margin-right:0}@media(max-width: 730px){.snackbar{flex-direction:column;padding:30px}.snackbar .event{margin-bottom:20px}.snackbar .from{margin-bottom:20px}.snackbar .divider{display:none}.snackbar .close-btn{position:absolute;top:10px;right:10px}}.snackbar.show{bottom:50px;opacity:1;visibility:visible}.add-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:0 15px;z-index:2000;visibility:hidden;opacity:0;transition:all cubic-bezier(0.075, 0.82, 0.165, 1) .4s}.add-modal.show{visibility:visible;opacity:1}.add-modal.show .box{transform:scale(1)}.add-modal .overlay{position:absolute;inset:0;background-color:#000;opacity:.25}.add-modal .box{transition:all cubic-bezier(0.075, 0.82, 0.165, 1) .4s;transform:scale(0.5);position:relative;width:600px;background-color:#fff;border-radius:7px;padding:20px}.add-modal .box .title{font-size:large;margin-bottom:30px;text-align:center}.add-modal .box form label{display:block;font-size:medium;margin-bottom:10px;margin-top:20px}.add-modal .box form input,.add-modal .box form textarea,.add-modal .box form select{display:block;width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #e3e3e3;box-shadow:0 1px 2px rgba(0,0,0,.0901960784);padding:10px 15px}.add-modal .box form .btn-group{margin-top:20px;text-align:right}.add-modal .box form .btn-group button{border-radius:3px;padding:10px 22px;border:0;margin-left:5px}.add-modal .box form .btn-group button.save-btn{background-color:#28b76b;color:#fff}.add-modal .box form .btn-group button.close-btn{background-color:unset}.add-modal .box form .tags{margin-top:10px}.add-modal .box form .tags .tag{font-size:13px;display:inline-block;border:1px solid #e4e4e4;padding:7px 14px;border-radius:25px;color:#777;cursor:pointer}.add-modal .box form .tags .tag i{margin-left:4px}.add-modal .box form .palette{display:flex}.add-modal .box form .palette .color{width:35px;height:35px;margin-right:5px;border-radius:100%;background-color:#ddd;cursor:pointer;border:2px solid rgba(0,0,0,0);display:flex;align-items:center;justify-content:center}.add-modal .box form .palette .color.selected i{display:block}.add-modal .box form .palette .color.grey{background-color:#ddd}.add-modal .box form .palette .color.cyan{background-color:#5bdbf6}.add-modal .box form .palette .color.orange{background-color:#ffb855}.add-modal .box form .palette .color.blue{background-color:#493c99}.add-modal .box form .palette .color.red{background-color:#c71414}.add-modal .box form .palette .color.green{background-color:#3e993c}.add-modal .box form .palette .color i{color:#fff;display:none}.card-modal .box{width:900px;color:#000;border-top:60px solid #5bdbf6}.card-modal .box>.close-btn{position:absolute;right:20px;top:-40px;color:#000;display:flex;align-items:center;justify-content:center;text-decoration:none}.card-modal .box .in-list{position:relative;top:-60px;font-size:small;display:inline-block}.card-modal .box .content{display:flex}.card-modal .box .content>*{box-sizing:border-box}.card-modal .box .content .right-side{width:20%;padding:0 10px}.card-modal .box .content .right-side button{width:100%;text-align:left;padding:10px 15px;margin-bottom:15px;border:0;border-radius:5px}.card-modal .box .content .right-side button i{margin-right:4px}.card-modal .box .content .right-side button:hover{background-color:#e3e3e3}.card-modal .box .content .right-side .actions-list .action{position:relative}.card-modal .box .content .right-side .actions-list .action button.active{background-color:#ccc}.card-modal .box .content .right-side .actions-list .date-hidden-input{position:relative;top:-30px;visibility:hidden}.card-modal .box .content .right-side .actions-list .tag-menu{display:none;position:absolute;top:43px;background-color:#fff;width:100%;z-index:10;padding:10px 0;box-sizing:border-box;border-radius:5px;box-shadow:0px 3px 8px rgba(0,0,0,.11);border:1px solid #e1e1e1}.card-modal .box .content .right-side .actions-list .tag-menu.show{display:block}.card-modal .box .content .right-side .actions-list .tag-menu a{display:block;text-decoration:none;color:#000;padding:10px 12px}.card-modal .box .content .right-side .actions-list .tag-menu a i{margin-right:8px}.card-modal .box .content .right-side .actions-list .tag-menu a .label{display:flex;word-break:break-word}.card-modal .box .content .right-side .actions-list .tag-menu a:hover{background-color:#e3e3e3}.card-modal .box .content .right-side .actions-list .tag-menu a.active{background-color:#28b76b;color:#fff}@media(max-width: 700px){.card-modal .box .content .right-side .actions-list .tag-menu{width:200px}}.card-modal .box .content .left-side{width:80%;padding:0 10px}.card-modal .box .content .left-side .title{text-align:left;margin-bottom:40px;font-size:x-large}.card-modal .box .content .left-side .title .edit-title-btn{background-color:unset;border:0}.card-modal .box .content .left-side .title .edit-title-btn:hover{color:#575757}.card-modal .box .content .left-side .title .due-date{font-size:11px;display:inline-flex;align-items:center;align-self:flex-start;padding:3px 12px;border-radius:25px;color:#fff;background-color:#ff4949;margin-top:10px}.card-modal .box .content .left-side .title .due-date.green{color:#fff;background-color:#69e89c}.card-modal .box .content .left-side .title .due-date input{margin-right:7px}.card-modal .box .content .left-side .title .due-date .close{background:rgba(0,0,0,0);border:0;margin-left:5px;font-size:small;color:inherit}.card-modal .box .content .left-side .options{display:flex;margin-bottom:40px}.card-modal .box .content .left-side .options>*{margin-right:20px}.card-modal .box .content .left-side .options .labels{width:50%}.card-modal .box .content .left-side .options .due_date{width:50%}.card-modal .box .content .left-side .options i{margin-right:4px}.card-modal .box .content .left-side .partition{margin-bottom:40px}.card-modal .box .content .left-side .partition span{font-size:medium}.card-modal .box .content .left-side .partition span i{margin-right:4px}.card-modal .box .content .left-side .partition.description .add-description{margin-top:20px}.card-modal .box .content .left-side .partition.description .add-description .description-placeholder{width:100%;text-align:left;background-color:#f0f0f0;padding:20px;border:0;border-radius:3px;padding-bottom:50px}.card-modal .box .content .left-side .partition.description .add-description .description-placeholder:hover{background-color:#e3e3e3}.card-modal .box .content .left-side .partition.description .add-description .hide-description{background-color:unset}.card-modal .box .content .left-side .partition.description .add-description .hide-description:hover{background-color:#ededed}.card-modal .box .content .left-side .partition.description .add-description .change-description{background-color:#28b76b;color:#fff}.card-modal .box .content .left-side .partition.description p{cursor:pointer;margin-top:20px}.card-modal .box .content .left-side .partition.tags .add-tags{margin-top:12px}.card-modal .box .content .left-side .partition.tags .label{font-size:small;display:inline-block;align-self:flex-start;margin-right:7px;margin-top:8px;border:1px solid #e4e4e4;padding:7px 15px;border-radius:25px}.card-modal .box .content .left-side .partition.tags .label i{margin-right:4px}@media(max-width: 760px){.card-modal .box .content{display:flex;flex-direction:column-reverse}.card-modal .box .content>*{width:100% !important}.card-modal .box .content .right-side .actions-list{display:flex;flex-wrap:wrap}.card-modal .box .content .right-side .actions-list button{width:unset;margin-right:10px;text-align:center}}/*# sourceMappingURL=style.css.map */