.task-main-controller{background-color:#fff;width:100%}.task-main-controller .controller-btn{color:#314158!important;cursor:pointer!important;white-space:nowrap!important;background:#fff!important;border:1px solid #cad5e2!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;gap:4px!important;width:auto!important;height:30px!important;padding:0 8px!important;font-size:11px!important;font-weight:500!important;transition:all .2s!important;display:flex!important}.task-main-controller .controller-btn:hover{color:#374151!important;background-color:#f9fafb!important;border-color:#e2e8f0!important}.task-main-controller .controller-btn.active-btn{color:#2563eb!important;background-color:#eff6ff!important;border-color:#bfdbfe!important}.task-main-controller .controller-btn.active-btn:hover{background-color:#dbeafe!important}.task-main-controller .btn-icon,.task-main-controller .icon-spacing{margin-left:0!important;font-size:12px!important}.task-main-controller .clear-btn{color:#fff!important;z-index:2!important;cursor:pointer!important;background:#ef4444!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:14px!important;height:14px!important;padding:0!important;font-size:8px!important;display:flex!important;position:absolute!important;top:-4px!important;right:-4px!important;transform:none!important}@media (width<=767.98px){.task-main-controller{gap:4px!important}.task-main-controller .controller-btn{border-radius:4px!important;height:26px!important;padding:0 6px!important;font-size:10px!important}.task-main-controller .btn-icon,.task-main-controller .icon-spacing{font-size:10px!important}}