:root{--main: #3a5a40;--main-dark: #344e41;--red: #dc3545;--grey: #525353;--violet: #891ca1;--color: #fff;--bg: #000;--app-height: 100%}html,body{font-size:18px;font-family:"Kanit", sans-serif}.text-muted{font-size:0.8rem;padding-top:0.15rem}.text-main{color:var(--main)}.flatpickr-input[readonly]{background:#fff}.nav-bar{display:flex;justify-content:space-between}.btn:focus{box-shadow:none;outline:none}.dt-buttons.btn-group{display:none}.btn-main{background:var(--main);color:#fff;border:2px solid var(--main)}.btn-main-dash{background:#fff;color:var(--main);border:2px dashed var(--main)}.btn-main-dash:hover{background:var(--main);color:#fff;border:2px dashed #fff}.btn-main-gd{background:transparent linear-gradient(90deg, #3abaf4 0%, #008fec 100%) 0% 0% no-repeat padding-box;box-shadow:0px 3px 6px #00000029;color:#fff}.btn-main-rd{background:transparent linear-gradient(76deg, #1fa3f3 0%, #008fec 100%, #008fec 100%);box-shadow:0px 3px 6px #00000029;border-radius:53px 0px;color:#fff}.btn-main-dark{background:var(--main-dark);color:#fff;border:2px solid var(--main-dark)}.btn-main:hover{background:none;color:var(--main)}.btn-main-dark:hover{background:none;color:var(--main-dark)}.dataTables_filter{display:none}.link{text-decoration:underline}.tableFixHead thead th{position:sticky !important;background-color:#fff;top:0px;z-index:1}a,a:hover{color:inherit;text-decoration:none}i{margin-right:7px}.splide__arrow{background-color:rgba(0,0,0,0)}.splide__arrow svg{fill:#fff;height:2rem;width:2rem}.header .logo{display:flex;flex-flow:row;align-items:center}.header .logo .logo-img{width:40px;height:40px;background-color:rgba(0,0,0,0.7);border-radius:50%;margin-right:.5rem;overflow:hidden}.header .user{display:flex;flex-flow:row;align-items:center;justify-content:flex-end;font-size:.8rem}.header .user .img{width:25px;height:25px;border-radius:50%;overflow:hidden;margin-right:.5rem}.add .btn{border-radius:50%;position:fixed;right:1rem;bottom:1rem;box-shadow:1px 1px 5px 2px #ccc}.input{border:none;outline:none;width:100%;height:1.5rem;resize:none;padding:0}.span{display:inline-block;word-break:break-all;width:100%}.project .head{display:flex;flex-flow:row;justify-content:space-between;margin-bottom:.5rem}.project .head .icon{display:flex;justify-content:center;align-items:center;overflow:hidden}.project .head .icon i{margin:0 .5rem;cursor:pointer}.project .head .icon img{width:100%}.project .head .icon .deadline{width:190px;color:#dc3545;font-size:.8rem}.project .head .name{display:flex;flex-flow:row;align-items:center;width:100%;cursor:pointer}.project .head .name .fa-trash-alt{padding-left:.5rem}.project .head .close{font-size:1.5rem;padding-left:.5rem}.project .checklist{display:flex;flex-flow:column;height:calc(100vh - 15vh);overflow-y:scroll;padding:1rem}.project .checklist .project{box-shadow:1px 1px 5px 2px #ccc;margin-bottom:1rem;border-radius:5px;padding:1rem}.project .checklist .list-group-item{border:none;padding:0rem;display:flex;align-items:start}.project .checklist .list-group-item .fa-plus{margin-top:.25rem}.project .checklist .list-group-item .fa-times{float:right;margin-top:.25rem;visibility:hidden}.project .checklist .list-group-item:hover .fa-times{visibility:visible}.project .checklist .list-group-item .form-check-input[type=checkbox]{margin:.25rem .5rem .25rem 0}.project .checklist .list-group-item.add i{margin-right:.75rem}.project .checklist .list{background-color:#fff;box-shadow:1px 1px 5px #ccc;border-radius:5px;margin-bottom:.5rem;padding:.5rem;display:flex;flex-flow:row;align-items:center;order:0}.project .checklist .list label{border-left:1px solid #ccc;padding-left:0.5rem;width:100%}.project .checklist .list label .sub{font-size:.7rem}.project .checklist .list label .date{font-size:.6rem;color:#ccc}.project .checklist .list .fas{cursor:pointer}.project .checklist .list .icon{margin-right:5px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;width:24px}.project .checklist .list .icon img{width:100%}.project .checklist .list .price{font-weight:bold;padding-right:1rem}.project .checklist .list.active{order:100;background:#f2f2f2}.project .checklist .list.active label{text-decoration:line-through}.project .member{position:absolute;margin-top:-55px;display:flex}.project .member .icon{width:35px;height:35px;border-radius:50%;overflow:hidden;margin-right:0.5rem;object-fit:cover;display:flex;transition:.3s;opacity:.5}.project .member .icon.active{opacity:1}.project .member .icon img{width:100%}.project .add_card_log{position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,0.3);display:flex;justify-content:center;align-items:center;top:0;left:0;z-index:10}.project .add_card_log .box{width:calc(100vw - 1rem);height:calc(100vh - 1rem);background:#fff;padding:.5rem 1rem;border-radius:.5rem;position:relative}.project .add_card_log .box .checklist{height:calc(100vh - 120px);padding:0}.project .add_card_log .box .footer{margin-top:0rem;display:flex;justify-content:space-between;align-items:center}.project .footer{display:flex;margin-top:0.5rem}.project .footer i{cursor:pointer}.project .footer .icon-member{width:1.5rem;height:1.5rem;border-radius:50%;overflow:hidden;display:flex;margin-right:5px}.project .footer .icon-member img{width:100%}.project-success{border-left:.5rem solid #198754}.project-success .list-group-item{background-color:inherit}