@font-face{font-family:Inter;src:url("./media/Inter-VariableFont_opsz,wght-ZQT46P7R.ttf");font-weight:100 900;font-style:normal}:root{--font-light: rgb(143, 141, 141);--button: #0282b1;--inputborder: #0783b0;--border: #10779d;--box: #10779d;--line: #BED7E2;--box-light: #f9fafa;--box-light: #f5f6f7;--drop: rgba(237, 239, 240, .354);--bg-darkgrey: #E7E8E9;--error: rgb(187, 2, 2);--listrow: #10779d20;--listrow-light: #10779d0c;--listrow-hover: #10779d81;--input: #10779d28;--greenLine: #18A408;--borderstyle: solid .5px var(--border);--greyborder: solid 2px var(--bg-darkgrey);--radius: 16px;--shadow: 0px 0px 10px 2px rgba(0, 0, 0, .152);--yellow: rgb(255, 174, 0);--red: rgb(187, 2, 2);--green: green;--btnr: 8px}html{overflow:hidden}body{width:100%;height:100vh;margin:0;font-family:Inter;font-size:14px;font-weight:300;overflow:hidden}section,div,p,input,textarea{box-sizing:border-box!important;margin:0}h1{margin:0}h2{font-size:32px;font-weight:500;margin:0}h3{font-size:24px;font-weight:400;margin:0}h4{font-size:14px;font-weight:500;margin:0}.flexCont{display:flex;align-items:center;gap:24px}.flexCont>img{width:24px}.columnCont{width:100%;display:flex;flex-direction:column;gap:8px}form{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.dialog{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#fff}.dialogForm{display:flex;flex-direction:column;gap:24px}.formfields{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.formfields .btnCont>button{min-width:200px!important;max-width:200px!important}.loginRegCont{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:32px;border:var(--greyborder);border-radius:var(--radius);padding:32px}.inputCont{width:100%;display:flex;flex-direction:column;position:relative}.inputCont>h4{margin-bottom:4px}.inputfield{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background-color:var(--box-light);border-radius:var(--btnr);padding:12px 16px;transition:border-width .3s ease-in-out,border-color .3s ease-in-out}.inputfield>input{width:100%!important}.inputfield>img{width:16px;height:16px;opacity:.5}.errorTxt{width:100%;height:16px;display:flex;flex-direction:column;gap:8px;padding-left:4px;padding-top:4px}.errorTxt>p{font-size:12px;color:var(--error);white-space:nowrap}.resultList{position:absolute;top:30px;width:100%;max-width:600px;background-color:#fff;border:var(--borderstyle);border-radius:var(--radius);z-index:1}.errorBorder{border-color:var(--error)!important;border-width:1px!important}.dropdownCont{display:flex;flex-direction:column}.dropdownCont>h4{margin-bottom:4px}.dropdown{width:auto;height:40px;display:flex;justify-content:space-between;align-items:center;gap:4px;background-color:var(--box-light);border-radius:4px;padding:8px 16px;position:relative;cursor:pointer}.dropdown>img{transform:rotate(90deg);width:16px;opacity:.7}.dropdown>input{font-size:12px;color:var(--font-light)}.dropdown>p{min-width:80px;font-size:12px;color:var(--font-light)}.dropdown .choices{min-width:100px;width:fit-content;height:fit-content;max-height:500px;position:absolute;top:34px;left:0;display:flex;flex-direction:column;align-items:center;gap:4px;background-color:#ffffff6d;background-color:var(--box-light);backdrop-filter:blur(10px);box-shadow:0 0 10px 6px #0003;border-radius:4px;padding:24px;z-index:10;overflow:scroll}.dropdown .choices>div{width:100%;display:flex;justify-content:flex-start;align-items:center;border-radius:var(--radius);padding:4px;cursor:pointer}.dropdown .choices>div:hover{background-color:var(--listrow-hover)}.multiCont{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px}.multiCont>img{width:24px}.activityForm{max-width:640px;height:fit-content}.taskForm{max-width:640px}.contactForm,.customerForm{max-width:640px;height:fit-content}.dialogSlideIn{transform:translate(-50%,-50%)!important}.dialogSlideOut{transition:transform .5s ease-in-out;transform:translate(50vw,-50%)}.dateInput{max-width:140px}.opacity{opacity:.3}.customerInfos{width:100%;display:flex;flex-direction:column;gap:4px}.adress{display:flex;gap:4px}.customer{width:100%;display:flex;align-items:center;gap:12px}.customer .customerIcon{min-width:30px;min-height:30px;max-width:30px;max-height:30px}.customer .customerIcon>img{width:16px}.customerCard{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:var(--box-light);border-radius:var(--radius);padding:12px}.plz{width:130px}.phone{width:300px}textarea{all:unset;width:100%;max-width:600px;height:100px;overflow:auto;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;scrollbar-width:none;-ms-overflow-style:none;background-color:var(--box-light);border-radius:var(--radius);padding:24px;font-size:14px;font-family:Inter}textarea::placeholder{font-size:12px}textarea:focus::placeholder{opacity:0}textarea:focus,textarea:active{outline:none;box-shadow:none}textarea::-webkit-scrollbar{display:none}input{all:unset;width:100%;font-size:14px}input::placeholder{font-size:12px}input:focus::placeholder{opacity:0}input input:-webkit-autofill,input input:-webkit-autofill:hover,input input:-webkit-autofill:focus,input textarea:-webkit-autofill,input select:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#000!important;background-color:#fff!important}button{all:unset;width:fit-content;padding:8px 24px;display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--button);color:#fff;border-radius:var(--btnr);transition:transform .3s ease-in-out;font-size:14px;white-space:nowrap;cursor:pointer}button:active{transform:scale(.95)}button>img{width:16px}.divider{width:100%;min-height:.5px;background-color:var(--box)}.verticaldivider{min-width:.5px;height:100%;background-color:var(--box)}.redDot{position:absolute;top:-5px;right:-2px;min-width:10px;min-height:10px;background-color:var(--error);border-radius:100px}.checkbox{min-width:24px;min-height:24px;display:flex;justify-content:center;align-self:center;border:solid 1px var(--border);border-radius:100px;position:relative;cursor:pointer}.checkbox>img{width:14px}.checkboxGreen{background-color:var(--greenLine)}.memberDot{min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;border-radius:100px;color:#fff;background-color:var(--box)}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.removeBtn{cursor:pointer;display:flex;justify-content:center;align-items:center;padding:8px;border-radius:100px;transition:background-color .3s ease-in-out}.removeBtn>img{width:24px}.removeBtn:hover{background-color:var(--listrow-hover)}.removeBtn:hover>img{filter:invert(100%)}.customerIcon{min-width:70px;height:70px;display:flex;justify-content:center;align-items:center;background-color:var(--box);border-radius:100px}.customerIcon>img{width:40px}.overlay{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:#0000000b;z-index:9}.addBtnCont{position:relative}.addBtnCont .addBtn{display:flex;justify-content:center;align-items:center;padding:10px;border-radius:100px;transition:background-color .3s ease-in-out;cursor:pointer;position:relative}.addBtnCont .addBtn>img{width:24px}.addBtnCont .addBtn>p{transition:opacity 1s ease-in-out,font-size 1s ease-in-out;opacity:0}.addBtnCont .addBtn:active{transform:scale(.95)}.addBtnCont .addBtn:hover{background-color:var(--listrow-hover)}.addBtnCont .addBtn:hover>img{filter:invert(100%)}.addBtnCont .btnInfo{position:absolute;right:26px;bottom:-32px;padding:8px 12px;min-width:fit-content;box-shadow:0 0 6px 2px #0000001c;background-color:#fff;border-radius:100px 0 100px 100px;transition:opacity .5s ease-in-out;z-index:2;opacity:0;pointer-events:none}.addBtnCont .btnInfo>p{white-space:nowrap}.addBtnCont:hover .btnInfo{opacity:1!important}.revBtnInfo{right:10px!important;border-radius:0 100px 100px!important;transform:translate(100%)}.flxst{justify-content:flex-start}.flxend{width:100%;justify-content:flex-end!important}.mxwdth{max-width:400px}.doneCont{display:flex;align-items:center;height:36px;gap:12px;border:var(--borderstyle);border-radius:var(--radius);padding:0 24px}.doneCont>img{width:14px;margin-bottom:2px}.doneCont>p{font-weight:400;font-size:14px}.placeholder{width:100%;min-height:16px}.btnHlgt{color:#fff!important;background-color:var(--box)!important}.addCont{width:100%;display:flex;justify-content:space-between;padding:8px 0;z-index:2;background-color:#fff;border-bottom:var(--borderstyle)}.addCont>img{transition:transform .3s ease-in-out;width:16px;cursor:pointer}.rotate{transform:rotate(-45deg)!important}.counterCont{display:flex;flex-direction:column;gap:16px}.counterCont>h3{font-size:18px;padding-block:2px;border-bottom:var(--borderstyle)}.counter{display:flex;justify-content:space-between;align-items:center;gap:12px}.counter>p{font-size:14px}.percent{padding:4px 12px;width:fit-content;text-align:end;border-radius:var(--radius);color:#fff;background-color:var(--error);position:relative}.percent .btnInfo{position:absolute;right:26px;bottom:-32px;padding:8px 12px;min-width:fit-content;box-shadow:0 0 6px 2px #0000001c;background-color:#fff;border-radius:100px 0 100px 100px;transition:opacity .5s ease-in-out;z-index:2;opacity:0;pointer-events:none;color:#000}.percent .btnInfo>p{white-space:nowrap}.percent:hover .btnInfo{opacity:1!important}.wrapperCont{z-index:10;width:100%;max-width:700px;height:fit-content;padding:48px;background-color:#fff;border-radius:var(--radius);box-shadow:0 0 10px 2px #00000027;transition:transform .5s ease-in-out!important;animation:slideIn .5s ease}@keyframes slideIn{0%{transform:translate(50vw,-50%)!important}to{transform:translate(-50%,-50%)!important}}.widget{--width: 400px;width:var(--width);height:var(--width);box-shadow:var(--shadow);padding:32px;border-radius:var(--radius)}.widgetlong{--width: clamp(400px, 40vw, 700px);width:var(--width);height:350px;box-shadow:var(--shadow);padding:32px;border-radius:var(--radius);background-color:#fff}.headlineCont{display:flex;align-items:center;gap:16px}.headlineCont .iconCont{width:56px;padding:12px;box-shadow:var(--shadow);border-radius:var(--radius)}.noteWrapper{width:100%;display:flex;align-items:flex-start;gap:16px;padding:16px 24px;background-color:var(--box-light);border-radius:var(--radius);transition:transform 1s ease-in-out!important;border:var(--borderstyle)}.noteWrapper .nameCont{display:flex;gap:8px;margin-top:8px}.noteWrapper .removeBtn{position:absolute;top:5px;right:5px}.noteWrapper .removeBtn>img{width:12px}.noteWrapper>img{width:24px}.noteWrapper .message{width:100%;display:flex;flex-direction:column;gap:2px}.noteWrapper .message>h4{margin-block:4px}.noteWrapper .message>p{margin-top:8px}.filter{filter:invert(100%)!important}.subimg{width:16px!important}.hover:hover{background-color:var(--listrow-hover)!important}.teamCard{width:fit-content;height:fit-content;padding:8px;border-radius:var(--btnr)}.teamCard>p{font-weight:400;color:#fff}.sidabarNav{width:100%;padding:4px;display:flex;justify-content:space-between;gap:8px;background-color:var(--box-light);border-radius:var(--radius);z-index:3}.sidabarNav>div{width:100%;height:32px;display:flex;justify-content:center;align-items:center;background-color:var(--box-light);border-radius:var(--radius);cursor:pointer}.memberIcon{min-width:36px;min-height:36px;display:flex;justify-content:center;align-items:center;background-color:gray;border-radius:100px}.memberIcon>img{width:18px}.company{display:flex;align-items:center;gap:8px}.company>p{margin-top:2px;font-weight:400}.company>img{width:20px}.companyIcon{min-width:24px;min-height:24px;display:flex;justify-content:center;align-items:center;background-color:var(--box);border-radius:100px}.companyIcon>img{width:12px}.singleSubtaskCont{width:100%;max-width:1200px;position:absolute;top:96px;height:calc(100vh - 114px);background-color:#fff;box-shadow:var(--shadow);border-radius:var(--radius);z-index:11}.inputHead{font-size:18px;font-weight:500}.smallImg{width:24px}.cardMenu{display:flex;justify-content:flex-end;align-items:center;border-radius:var(--radius);gap:8px;background-color:var(--box-light);padding:8px 16px}.cardMenu .addBtnCont .addBtn{padding:6px}.cardMenu .addBtnCont .addBtn>img{width:18px}.imgCont{display:flex;justify-content:flex-start;align-items:center;gap:8px}.imgCont>img{width:24px}.listSection{width:100%;height:calc(100vh - 178px);display:flex;flex-direction:column}.listHeader{width:100%;height:100px;display:flex;justify-content:space-between;align-items:center;padding:32px 24px}.listHeader .menubar{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:24px}.listHeader .menubar>img{width:24px}.listHeader .menubar .inputfield{min-height:unset;height:30px;max-width:400px}.listMainCont{width:100%;display:flex}.listContainer{width:100%;height:100%;display:flex;flex-direction:column;gap:12px;padding:24px}.listHeadline{width:100%;display:flex;justify-content:space-between;padding:0 16px}.listHeadline>p{width:100%}.list{width:100%;height:100%;min-height:50px;display:flex;flex-direction:column;gap:8px;overflow-y:scroll}.listRow{width:100%;min-height:60px;display:flex;justify-content:space-between;align-items:center;background-color:var(--box-light);padding:0 16px;border-radius:var(--radius);cursor:pointer;position:relative}.listRow>p{width:100%;white-space:nowrap!important}.listRow:hover{background-color:var(--listrow-hover)}.typeCont{width:100%;display:flex;align-items:center;gap:16px}.typeCont>img{width:24px}.headlineWidthClose{width:100%;display:flex;justify-content:space-between;align-items:center}.headlineWidthClose>img{width:24px}.rowhighlight{animation:puls 3s ease-in-out}.trafficlight{position:relative;width:100%;max-width:70%;display:flex;justify-content:center;align-items:center;height:40px;border-radius:8px;box-shadow:var(--shadow)}.trafficlight>p{font-weight:500;z-index:10}.trafficlightInner{position:absolute;top:0;left:0;transition:width 1s ease-in-out;height:100%;border-radius:8px;background-color:#fff;background-color:var(--green)}@keyframes puls{0%{background-color:var(--box-light)}50%{background-color:var(--listrow-hover)}to{background-color:var(--box-light)}}.subtaskCount{display:flex}.subtaskCount>p{font-size:16px}.countLine{width:80px;height:6px;max-width:300px;border:solid .5px var(--border);border-radius:100px;position:relative}.countLineInner{height:100%;background-color:var(--border)}.subtaskCountCont{width:100%;max-width:600px;display:flex;align-items:center;gap:16px}.subtaskCountCont>p{font-size:16px}.invisibleInput{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;opacity:0}.datepicker{position:relative;width:100%;background-color:var(--box-light);border-radius:var(--btnr);padding:12px;display:flex;justify-content:space-between;align-items:center}.datepicker>img{opacity:.8;width:14px}.slideOut{transition:transform .3s ease-in-out;transform:translate(120%)}.slideIn{visibility:visible!important;transform:translate(0)!important}.notvisible{visibility:hidden!important}.txtContHeight{height:200px!important}a{text-decoration:none;color:#000}.fc{font-family:Inter}.fc-timegrid-axis{width:120px!important;min-width:120px!important}.fc-day-today{background-color:var(--box-light)!important}.fc-direction-ltr{height:calc(100vh - 80px);padding:24px}.fc-button-group{gap:8px}.fc-button{background-color:var(--button)!important;color:#000;border-radius:var(--radius)!important;border:none!important}.fc-button-primary{min-width:70px;max-width:70px;height:30px!important;padding:0!important}.fc-icon-chevron-right,.fc-icon{height:fit-content!important}.fc-event-custom{box-sizing:border-box;display:flex;justify-content:space-between;gap:4px;width:100%;background-color:var(--listrow);border-radius:var(--radius);padding:4px}.fc-h-event{background-color:var(--box)}.btnCont{width:100%;display:flex;justify-content:center;gap:16px;padding:32px}.flxnd{justify-content:flex-end!important;padding:32px 0!important}.changeBtn{min-width:unset;width:16px!important;background-color:transparent;width:fit-content;height:fit-content}.changeBtn>img{width:16px}.border{border:solid .5px var(--border);border-radius:4px}.red{background-color:var(--error)!important}.green{background-color:var(--green)!important;color:#fff}.yellow{background-color:var(--yellow)!important}.memberListWrapper{width:100%;height:calc(100vh - 80px);max-width:600px;position:absolute;top:80px;right:0;background-color:#fff;z-index:1}.formWrapper{width:100%;max-width:600px;height:100%;position:absolute;top:0;right:0;background-color:#fff;border-left:solid .5px var(--border);z-index:2}.editBtn{width:16px;cursor:pointer}.borderLeft{border-left:solid .5px var(--border)}.close{position:absolute;width:12px;top:16px;right:16px;cursor:pointer}.flexheight{height:fit-content!important}.alertCont{position:relative}.visibility{transition:opacity .5s ease-in-out;animation:visible .5s ease-in-out}@keyframes visible{0%{opacity:0}to{opacity:1}}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.bgc{background-color:var(--bg-darkgrey)!important}