html{height:100%;font-size:15px}html body{height:100%;margin:0;padding:0;background-color:#fff;font-family:"Varela Round",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html body .wrapper{height:100%;display:flex;flex-direction:column;box-sizing:border-box;padding-right:10px}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:"Varela Round",sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}html ul{list-style:none;padding:0}html textarea{resize:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#d8dbe2;border-radius:4px;margin:20px}::-webkit-scrollbar-thumb{background:#bfc2cd;border-radius:4px}button{font-size:15px;cursor:pointer;background-color:unset;border:0;color:#000}button[disabled]{cursor:not-allowed;background-color:#d4d4d4 !important;color:#000 !important}.hide{display:none}.header{padding:20px;color:#2f3039;border-bottom:1px solid #f1f4f6;display:flex;justify-content:center}.header .logo{font-size:32px;font-weight:bold;margin-right:auto;margin-left:auto;display:flex;align-items:center}.header .logo img{width:30px;margin-right:8px}.board{display:flex;flex-direction:column;padding-top:20px;color:#484848;align-items:start;overflow-y:auto;flex-grow:1;padding:20px 30px}.list{background-color:#f5f7fc;border-radius:15px;margin-bottom:15px;padding-bottom:20px;width:100%;min-height:219px;box-sizing:border-box}.list .list-title{position:relative;padding:14px 16px;color:#838594;display:flex;justify-content:space-between;align-items:center}.list .list-title .left{display:flex;align-items:center}.list .list-title .left .icon{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:#4e9aff;border-radius:100%;color:#fff;margin-right:9px}.list .list-content{padding:5px 14px;padding-bottom:20px;display:flex;overflow-x:auto}.list .list-content::after{content:"";padding:10px}.card{background-color:#fff;margin-left:15px;border-radius:10px;padding:20px;box-shadow:0 2px 3px -1px rgba(0,0,0,.15);min-width:250px;max-width:250px;position:relative}.card .remove{background-color:unset;border:none;position:absolute;right:10px}.card .card-media{display:flex;align-items:flex-start}.card .card-media .avatar{border-radius:100%;width:45px;height:45px;margin-right:15px}.card .card-media .media-content .name{color:#33343d}.card .card-media .media-content .description{color:#9496a3;margin-top:10px;overflow-wrap:anywhere;margin-bottom:10px}.card .card-progress{display:flex;align-items:center;width:73%;margin-left:auto}.card .card-progress .progress-line{position:relative;background-color:#e0e5eb;padding:3px 0px;flex-grow:1;margin-right:10px;border-radius:24px}.card .card-progress .progress-line::before{content:"";background-color:#4e9aff;padding:3px 0px;position:absolute;left:0;right:0;top:0;border-radius:24px}.card .card-progress .progress-line.w-0::before{width:0}.card .card-progress .progress-line.w-10::before{width:10%}.card .card-progress .progress-line.w-20::before{width:20%}.card .card-progress .progress-line.w-30::before{width:33.3333%}.card .card-progress .progress-line.w-40::before{width:40%}.card .card-progress .progress-line.w-50::before{width:50%}.card .card-progress .progress-line.w-60::before{width:60%}.card .card-progress .progress-line.w-70::before{width:70%}.card .card-progress .progress-line.w-80::before{width:80%}.card .card-progress .progress-line.w-90::before{width:90%}.card .card-progress .progress-line.w-100::before{width:100%}.first-col{background-color:#f5f7fc;border-radius:15px;margin-bottom:15px;padding-bottom:20px;width:100%;box-sizing:border-box;padding:20px;box-sizing:border-box;cursor:pointer;background-color:#4e9aff;color:#fff}.first-col i{margin-right:7px}.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:2000;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;color:#000;border-radius:10px;padding:20px}.add-modal .box .title{font-size:large;margin-bottom:30px;text-align:center;color:#000}.add-modal .box .title input{padding:20px}.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:none;padding:10px 15px;background-color:#f5f7fc;color:#000}.add-modal .box form input:focus,.add-modal .box form textarea:focus,.add-modal .box form select:focus{outline:none}.add-modal .box form input[type=range]{padding-left:0;padding-right:0}.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;color:#fff}.add-modal .box form .btn-group button.save-btn{background-color:#28b76b}.add-modal .box form .btn-group button.close-btn{background-color:unset;color:#000}.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 #4e9aff}.card-modal .box>.close-btn{position:absolute;right:20px;top:-40px;color:#000;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff}.card-modal .box .in-list{position:relative;top:-60px;font-size:small;display:inline-block;color:#fff}.card-modal .box .content{display:flex;color:#000}.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:#484848}.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 .left-side{width:100%;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 .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 p{padding:20px;background:#f5f7fc;border-radius:3px}.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:#484848}.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.rating .add-new-tag-form{margin-top:15px}.card-modal .box .content .left-side .partition.rating .add-rating{margin-top:20px}.card-modal .box .content .left-side .partition.rating .add-rating input{width:100%}/*# sourceMappingURL=style.css.map */