html{height:100%;font-size:16px}html body{height:100%;margin:0;padding:0;background-color:#15151a;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-bottom: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}html ul{list-style:none;padding:0}html textarea{resize:none}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#a2a2a2;margin:0px 20px}::-webkit-scrollbar-thumb{background:#323237}button{font-size:15px;cursor:pointer;background-color:unset;border:0;color:#fff}button[disabled]{cursor:not-allowed;background-color:#d4d4d4 !important;color:#000 !important}.hide{display:none}.header{background-color:#232328;padding:15px 10px;display:flex;justify-content:center;font-size:28px;font-weight:bold;color:#cccbd4;border-bottom:1px solid #323237}.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;padding-top:30px;color:#484848;align-items:start;overflow-x:auto;overflow-y:hidden;flex-grow:1}.board::after{content:"";padding:10px}.list{border-radius:3px;margin-left:20px;max-width:330px;min-width:330px;padding-right:5px;box-sizing:border-box}.list.blue .list-title{background-color:#7588ec}.list.orange .list-title{background-color:#fe7f1b}.list.green .list-title{background-color:#46d1d1}.list.red .list-title{background-color:#d14646}.list.cyan .list-title{background-color:#9946d1}.list.yellow .list-title{background-color:#d1bc46}.list.white .list-title{background-color:#dfdfdf;color:#000}.list .list-title{background-color:#7588ec;color:#fff;padding:16px;border-radius:10px;position:relative}.list .list-title i{margin-right:5px}.list .list-title button{float:right}.list .list-content{background-color:#232328;padding:20px;margin-top:15px;max-height:75vh;overflow-y:auto;border-radius:10px}.card{background-color:#323237;margin-bottom:8px;border-radius:10px;padding:15px 10px;position:relative}.card .remove{background-color:unset;border:none;position:absolute;right:10px}.card .card-media{display:flex}.card .card-media .avatar{border-radius:100%;width:50px;height:50px;margin-right:15px}.card .card-media .media-content{width:70%}.card .card-media .media-content .name{color:#dedede}.card .card-media .media-content .description{color:#b3b3b3;margin-top:4px}.card .card-tags{display:flex;flex-wrap:wrap;margin-top:15px}.card .card-tags .tag{border:1px solid #585858;border-radius:9px;margin-right:5px;margin-bottom:5px;padding:4px 10px;font-size:13px;color:#b3b3b3}.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:#fff;color:#000;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;color:#fff;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;color:#fff}.snackbar .order-value{background:#9acd32;padding:4px 10px;border-radius:15px;margin-left:3px;color:#fff}.snackbar .close-btn{margin-left:30px}.snackbar .close-btn button{background:rgba(0,0,0,0);color:#000;border:none;cursor:pointer}.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:.5}.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:#323237;color:#dedede;border-radius:10px;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:none;box-shadow:0 1px 2px rgba(0,0,0,.0901960784);padding:10px 15px;background-color:#232328;color:#fff}.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}.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;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:#fff}.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:#464646;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:#474747}.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-new-tag-form{margin-top:15px}.card-modal .box .content .left-side .partition.tags .add-tags{margin-top:20px}.card-modal .box .content .left-side .partition.tags .add-tags .tag{border:1px solid #585858;border-radius:9px;margin-right:5px;margin-bottom:5px;padding:4px 10px;font-size:13px;color:#b3b3b3;display:inline-block}/*# sourceMappingURL=style.css.map */