@charset "UTF-8";@font-face{font-family:SlimJim;src:url(/fonts/SlimJim.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal}*{font-family:Roboto}*,body{box-sizing:border-box}body{position:relative;width:100%;height:auto;overflow:hidden;overflow-y:auto;margin:0;padding:0;user-select:none;background-color:var(--page-color-bg)}body *{transition:background-color .5s;user-select:none!important;-webkit-user-select:none!important;-ms-user-select:none!important}body,html{-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;touch-action:manipulation}p{font-size:15px}h2{font-size:22px}h2,h3{font-weight:700;margin:0;color:var(--text-color)}h3{font-size:20px}h4{font-weight:700;font-size:16px;margin:0;color:var(--text-color)}.fa-xmark{font-size:20px;cursor:pointer}.fa-xmark:hover{opacity:50%}.massage{width:700px;background-color:var(--box-color-bg);border-radius:20px;padding:20px;box-shadow:-5px 7px 5px gray;position:fixed;top:100px;z-index:100;backdrop-filter:blur(10px);left:calc(50% - 350px);border:2px solid var(--primary-color);font-size:20px;text-align:center}.massage .fa-xmark{position:absolute;top:-11px;right:-11px;width:30px;height:30px;border-radius:50%;background-color:var(--page-color-bg);display:flex;justify-content:center;align-items:center;box-shadow:0 0 3px gray;opacity:.8;cursor:pointer}.massage .fa-xmark:hover{opacity:50%}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-monthDropdown-month,.flatpickr-months .flatpickr-month,.flatpickr-weekdays,span.flatpickr-weekday{background:var(--primary-color)!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--box-color-bg)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:30px}::-webkit-scrollbar-thumb:hover{background:#9595b1}.react-datepicker-popper{border-radius:10px!important;border:1px solid var(--primary-color)!important;box-shadow:0 4px 15px rgba(0,0,0,.15)!important;display:block}.react-datepicker{border:none!important;border-radius:10px!important;font-family:inherit!important;font-size:14px!important;color:var(--text-color)}.react-datepicker__header{background-color:var(--secondary-color)!important;border:none!important;border-top-left-radius:10px!important;padding:10px 0!important}.react-datepicker__header--time{border-top-left-radius:0!important;border-top-right-radius:10px!important}.react-datepicker__current-month{font-weight:600!important;color:var(--text-color)}.react-datepicker__day-name{color:var(--text-color);font-weight:500;width:2.5rem}.react-datepicker__day{width:2.5rem;line-height:2.5rem;margin:2px;border-radius:8px;transition:all .2s ease}.react-datepicker__day:hover{background-color:var(--primary-color);color:#fff!important}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background-color:var(--primary-color)!important;color:#fff!important}.react-datepicker__day--today{border:1px solid var(--primary-color);font-weight:700}.react-datepicker__triangle{fill:var(--secondary-color)!important;stroke:var(--primary-color)!important;color:rgba(0,0,0,0)!important}.react-datepicker__navigation{background-color:var(--resume-btn-color)!important;border-radius:8px;width:30px!important;height:30px!important;transition:background-color .2s ease}.react-datepicker__navigation:hover{background-color:var(--primary-color)!important}.react-datepicker__time-container{border-left:1px solid var(--primary-color);overflow:hidden!important;border-bottom-right-radius:10px!important}.react-datepicker__time-list-item{border-radius:6px;padding:6px 10px;transition:background .2s ease}.react-datepicker__time-list-item:hover{background:var(--primary-color);color:#fff!important}.react-datepicker__time-list-item.react-datepicker__time-list-item--selected{background:var(--primary-color)!important;color:#fff!important}.tasks{width:95%;height:calc(100dvh - 95px);background-color:var(--box-color-bg);margin:25px auto 0;border-radius:20px 20px 0 0;box-shadow:0 0 5px var(--primary-color)}.tasks .taskesHeader{width:100%;height:120px;border-bottom:2px solid var(--page-color-bg);position:relative}.tasks .taskesHeader .title{width:100%;text-align:center;padding-top:30px;font-size:20px;font-weight:700;color:var(--text-color)}.tasks .taskesHeader .navBar{position:absolute;top:30px;left:20px;display:flex;align-items:center;gap:5px;color:var(--text-color)}.tasks .taskesHeader .navBar span{padding:0;border-bottom:1px solid var(--text-color);cursor:pointer}.tasks .taskesHeader .navBar .fa-arrow-left{font-size:25px;margin-right:25px;cursor:pointer}.tasks .taskesHeader .addTask{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-color);margin-top:30px}.tasks .taskesHeader .addTask .fa-plus{width:30px;height:30px;background-color:var(--box-color-bg);box-shadow:0 0 2px var(--primary-color);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.tasks .tasksBox{width:calc(100% - 10px);height:calc(100% - 125px);display:flex;justify-content:center;align-items:center;gap:10px;padding:0 5px;color:var(--text-color)}.tasks .tasksBox .TaskList{width:33.33%;height:98%;border-radius:10px;background-color:var(--box-color-bg);box-shadow:0 0 3px var(--primary-color);overflow:hidden}.tasks .tasksBox .TaskList .listTitle{width:100%;text-align:center;padding:5px 0;border-bottom:2px solid var(--page-color-bg);display:flex;justify-content:center;align-items:center;gap:10px}.tasks .tasksBox .TaskList .listTitle .circle{width:10px;height:10px;border-radius:50%}.tasks .tasksBox .TaskList .listTitle .gray{background-color:gray}.tasks .tasksBox .TaskList .listTitle .orange{background-color:orange}.tasks .tasksBox .TaskList .listTitle .green{background-color:green}.tasks .tasksBox .TaskList .tasksListBox{width:100%;height:calc(100% - 41px);overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding-bottom:10px;gap:5px;background-color:var(--page-color-bg)}.tasks .tasksBox .TaskList .tasksListBox .taskInfo{width:99%;border-radius:10px;border:1px solid var(--page-color-bg);background-color:var(--box-color-bg);box-shadow:0 0 3px var(--primary-color);position:relative}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .title{font-size:15px;padding:0 5px;border-bottom:1px solid var(--page-color-bg);word-break:break-all;position:relative}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .title .selectBox{position:absolute;top:-3px;right:3px}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .title .selectBox label{font-size:13px;margin-right:5px}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .title .selectBox select{border:1px solid var(--primary-color);border-radius:20px;outline:none;font-size:12px;height:16px;background-color:var(--select-box-bg);color:var(--text-color);cursor:pointer}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .user{padding:5px;height:20px;font-size:14px;font-weight:700;display:flex;position:relative;align-items:center}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .user .fa-ellipsis-vertical{margin-left:10px;cursor:pointer;font-size:13px}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .user .fa-ellipsis-vertical:hover{color:var(--primary-color)}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .user span{position:absolute;right:5px}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .user .optionBox{padding:5px;position:relative;background-color:var(--page-color-bg);border:2px solid var(--primary-color);box-shadow:0 0 5px var(--primary-color);border-radius:5px;height:14px;margin-left:10px;display:flex;gap:10px}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .user .optionBox i{cursor:pointer}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .description{padding:5px;font-size:15px;min-height:100px;word-break:break-all;font-size:13px}.tasks .tasksBox .TaskList .tasksListBox .taskInfo textarea{max-width:calc(100% - 10px);min-width:calc(100% - 10px);outline:none;border:none}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .fa-xmark{position:absolute;left:0;cursor:pointer}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .fa-xmark:hover{color:var(--primary-color)}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .btnBox{width:calc(100% - 5px);color:var(--text-color);padding:2px;display:flex;gap:20px;justify-content:flex-end}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .btnBox button{cursor:pointer;border:1px solid var(--primary-color);border-radius:5px}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .btnBox .Speichern{background-color:#407e69}.tasks .tasksBox .TaskList .tasksListBox .comments{font-size:14px;padding:2px 5px;border-top:1px solid var(--page-color-bg);font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between;position:relative}.tasks .tasksBox .TaskList .tasksListBox .comments .box{height:10px;display:flex;gap:10px}.tasks .tasksBox .TaskList .tasksListBox .comments .box .circle{width:10px;height:10px;border-radius:50%;cursor:pointer}.tasks .tasksBox .TaskList .tasksListBox .comments .lable{cursor:pointer}.tasks .tasksBox .TaskList .tasksListBox .commentsBox{width:100%;min-height:108px;max-height:300px;border-radius:0 0 10px 10px;border-top:1px solid var(--page-color-bg);overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;font-size:13px;position:relative;padding-bottom:30px}.tasks .tasksBox .TaskList .tasksListBox .commentsBox::-webkit-scrollbar{width:0;height:0}.tasks .tasksBox .TaskList .tasksListBox .commentsBox .commentBox{width:calc(100% - 10px) 100%;background-color:var(--box-color-bg);border-bottom:1px solid var(--page-color-bg);padding:5px}.tasks .tasksBox .TaskList .tasksListBox .commentsBox .commentBox .userName{font-size:12px;font-weight:700;margin-bottom:5px;display:flex;justify-content:space-between}.tasks .tasksBox .TaskList .tasksListBox .commentsBox .commentBox .userName div .fa-trash-can{font-size:11px;margin-left:10px;cursor:pointer}.tasks .tasksBox .TaskList .tasksListBox .commentsBox .commentBox .userName div .fa-trash-can:hover{color:red}.tasks .tasksBox .TaskList .tasksListBox .commentsBox .commentBox .comment{word-break:break-all}.tasks .tasksBox .TaskList .tasksListBox .commentsBox .addcommentsBox{width:100%;position:sticky;bottom:-30px;padding:5px;background-color:var(--select-box-bg);border-top:1px solid var(--page-color-bg);display:flex;justify-content:center;align-items:center;gap:5px}.tasks .tasksBox .TaskList .tasksListBox .commentsBox .addcommentsBox .fa-plus{width:20px;height:20px;background-color:var(--box-color-bg);display:flex;justify-content:center;align-items:center;box-shadow:0 0 3px var(--primary-color);border-radius:50%;font-size:12px;font-weight:700;cursor:pointer}.tasks .tasksBox .TaskList .tasksListBox .commentsBox .formBox{width:calc(100% - 5px);border:1px solid var(--primary-color);border-radius:10px;position:absolute;left:1px;overflow:hidden}.tasks .tasksBox .TaskList .tasksListBox .commentsBox .formBox textarea{min-height:100px;max-height:100px;padding-left:5px;padding-top:5px}.tasks .addComponenet{position:absolute;top:0;left:0;width:100%;height:calc(100dvh - 100px);background-color:var(--box-color-bg);padding-top:100px;display:flex;justify-content:center;align-items:center}.tasks .addComponenet .form{width:400px;border:2px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color);background-color:var(--page-color-bg);border-radius:20px;position:relative;display:flex;flex-direction:column;padding:60px 20px 20px;gap:10px}.tasks .addComponenet .form .fa-xmark{position:absolute;cursor:pointer;top:10px;left:10px;font-size:20px}.tasks .addComponenet .form div{display:flex;width:100%;justify-content:space-between}.tasks .addComponenet .form div label{font-weight:700}.tasks .addComponenet .form div input{width:70%;border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color);padding:5px}.tasks .addComponenet .form div select{width:70%;border-radius:20px;outline-color:var(--primary-color);border:1px solid var(--primary-color);padding:5px;cursor:pointer}.tasks .addComponenet .form div textarea{min-width:70%;max-width:70%;min-height:150px;max-height:300px;border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color);padding:5px}.tasks .addComponenet .form div .chechBoxes{width:70%;border-radius:5px;border:1px solid var(--primary-color);padding:5px;display:flex;justify-content:center;align-items:center}.tasks .addComponenet .form div .chechBoxes .box{display:flex;justify-content:center}.tasks .addComponenet .form div .chechBoxes .box input{width:auto;cursor:pointer}.tasks .addComponenet .form .btnBox{width:100%;margin-top:30px}.tasks .addComponenet .form .btnBox button{width:100px;border-radius:20px;border:none;padding:5px;cursor:pointer}.tasks .addComponenet .form .btnBox .Abbrechen{background-color:gray;color:var(--text-color)}.tasks .addComponenet .form .btnBox .Speischern{background-color:#407e69;color:var(--text-color)}.tasks .taskesTable{width:100%;height:calc(100% - 130px)}.tasks .taskesTable .tableTitles{width:calc(100% - 20px);padding:10px;background-color:var(--box-color-bg);border-bottom:2px solid var(--page-color-bg);display:flex;justify-content:space-between}.tasks .taskesTable .tableTitles div{font-size:14px;font-weight:700}.tasks .taskesTable .taskes{width:100%;height:calc(100% - 40px);overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.tasks .taskesTable .taskes .task{width:100%;background-color:var(--page-color-bg);box-shadow:0 0 2px var(--text-color);height:auto;display:flex;align-items:center;padding:5px 0;gap:5px;position:relative}.tasks .taskesTable .taskes .task .authorBox{width:49%;height:100%;border-radius:5px;background-color:var(--box-color-bg);display:flex;position:relative}.tasks .taskesTable .taskes .task .authorBox .descriptionText{width:100%;height:calc(100% - 25px);overflow:hidden;overflow-y:auto;font-size:14px;padding:15px 5px 5px}.tasks .taskesTable .taskes .task .authorBox .taskInfo{width:200px;height:100%;border-right:2px solid var(--page-color-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px 0;gap:5px}.tasks .taskesTable .taskes .task .authorBox .taskInfo .author{font-size:15px;font-weight:700}.tasks .taskesTable .taskes .task .authorBox .taskInfo .name{font-size:15px;margin-top:20px}.tasks .taskesTable .taskes .task .authorBox .taskInfo img{width:100px;height:100px}.tasks .taskesTable .taskes .task .authorBox .time{position:absolute;top:5px;right:5px;font-size:12px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:5px}.tasks .taskesTable .taskes .task .AnalyseBox{width:40%;height:100%;border-radius:5px;background-color:var(--box-color-bg);position:relative}.tasks .taskesTable .taskes .task .AnalyseBox .AnalyseName{font-size:15px;font-weight:700;padding:3px 5px;text-decoration:underline;display:flex;align-items:center;gap:5px}.tasks .taskesTable .taskes .task .AnalyseBox .AnalyseName i{cursor:pointer}.tasks .taskesTable .taskes .task .AnalyseBox .AnalyseText{width:calc(100% - 10px);height:calc(100% - 30px);overflow:hidden;overflow-y:auto;padding:5px;font-size:14px}.tasks .taskesTable .taskes .task .AnalyseBox .Deadline{position:absolute;top:5px;right:5px;font-size:12px;font-weight:700}.tasks .taskesTable .taskes .task .AnalyseBox .editForm{width:400px;height:auto;background-color:var(--page-color-bg);border:1px solid var(--primary-color);box-shadow:0 0 5px var(--text-color);border-radius:10px;position:absolute;top:20px;padding:10px;display:flex;flex-direction:column;gap:10px;z-index:10}.tasks .taskesTable .taskes .task .AnalyseBox .editForm div{display:flex;justify-content:space-between}.tasks .taskesTable .taskes .task .AnalyseBox .editForm div input,.tasks .taskesTable .taskes .task .AnalyseBox .editForm div textarea{width:300px;border-radius:5px;border:none;outline-color:var(--primary-color);padding:5px}.tasks .taskesTable .taskes .task .AnalyseBox .editForm div select{position:relative;left:-200px;border-radius:20px;cursor:pointer;outline-color:var(--primary-color)}.tasks .taskesTable .taskes .task .AnalyseBox .editForm .btnBox{margin-top:30px}.tasks .taskesTable .taskes .task .AnalyseBox .editForm .btnBox button{border:none;border-radius:10px;padding:5px;width:100px;font-weight:700;cursor:pointer}.tasks .taskesTable .taskes .task .AnalyseBox .editForm .btnBox .Abbrechen{background-color:gray}.tasks .taskesTable .taskes .task .AnalyseBox .editForm .btnBox .Speichern{background-color:#2e882e}.tasks .taskesTable .taskes .task .iconBox{width:195px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.tasks .taskesTable .taskes .task .iconBox i{width:100px;height:100px;display:flex;justify-content:center;align-items:center;font-size:50px;border-radius:50%}.tasks .taskesTable .taskes .task .iconBox .fa-check{background-color:#4dbb4d}.tasks .taskesTable .taskes .task .iconBox .fa-exclamation{background-color:orange}.tasks .taskesTable .taskes .task .iconBox span{font-size:15px;font-weight:700}.tasks .taskesTable .taskes .task .fa-trash-can{position:absolute;right:10px;bottom:10px;cursor:pointer;color:#f85959}.Chat{width:calc(90% - 41px);background-color:var(--box-color-bg);height:calc(100dvh - 95px)!important;margin:25px auto 0;border-radius:20px 20px 0 0;position:relative;box-shadow:0 0 5px var(--primary-color)}.Chat .title{width:calc(100% - 20px);text-align:center;padding:40px 0;font-size:20px;font-weight:700;border-bottom:2px solid var(--page-color-bg);color:var(--text-color);position:relative}.Chat .title .Switch{width:50px;border-radius:20px;border:1px solid #bbb;box-shadow:0 0 2px gray;display:flex;align-items:center;padding:3px;cursor:pointer;position:absolute;right:10px;bottom:2px;font-size:13px}.Chat .title .Switch .Circle{width:20px;height:20px;background-color:var(--primary-color);border-radius:50%;font-size:10px}.Chat .title .Switch .Circle,.Chat .title .Switch .lable{display:flex;justify-content:center;align-items:center;font-weight:700}.Chat .title .Switch .lable{position:absolute;width:170px;height:25px;border-radius:0;background-color:rgba(250,235,215,0);left:-170px;top:0;font-size:14px}@media(max-width:550px){.Chat .title{font-size:15px;padding-top:20px;padding-bottom:60px;text-align:left;padding-left:20px}}.Chat .fa-arrow-left{position:absolute;top:40px;left:30px;font-size:25px;color:var(--text-color);cursor:pointer}@media(max-width:550px){.Chat .fa-arrow-left{left:20px;top:65px}}.Chat .navBar{top:40px;left:80px;position:absolute;color:var(--text-color);width:calc(100% - 70px);display:flex;gap:5px;margin-bottom:20px}.Chat .navBar span{border-bottom:1px solid var(--text-color);cursor:pointer}@media(max-width:850px){.Chat .navBar{display:none}}.Chat .chatCont{width:100%;height:calc(100dvh - 202px);display:flex;overflow:hidden}@media(max-width:500px){.Chat .chatCont{height:calc(100dvh - 168px)}}.Chat .chatCont .leftbox{width:500px;height:100%;border-right:2px solid var(--page-color-bg);position:relative;overflow:hidden}.Chat .chatCont .leftbox .leftboxTitle{padding:5px 10px;width:calc(100% - 20px);font-weight:700;font-size:20px;box-shadow:0 0 10px var(--primary-color);color:var(--text-color);display:flex;justify-content:space-between;align-items:center;overflow:hidden}.Chat .chatCont .leftbox .leftboxTitle .fa-chevron-left{cursor:pointer;opacity:.8;border-radius:5px;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.Chat .chatCont .leftbox .leftboxTitle .fa-chevron-left:hover{opacity:1;background-color:var(--page-color-bg)}.Chat .chatCont .leftbox .listBox{width:100%;height:calc(100% - 45px);overflow:hidden;overflow-y:auto}.Chat .chatCont .leftbox .listBox .Ent{padding:10px;width:calc(100% - 20px);height:50px;cursor:pointer;border-bottom:1px solid var(--page-color-bg);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;position:relative}.Chat .chatCont .leftbox .listBox .Ent .name{display:flex;align-items:center;justify-content:space-between;gap:10px}.Chat .chatCont .leftbox .listBox .Ent .name .newMessage{min-width:12px;height:12px;display:flex;justify-content:center;align-items:center;background-color:#fd5555;z-index:100px;border-radius:50%;font-size:12px;padding:5px;color:#fff;margin-right:-5px;margin-top:-15px}.Chat .chatCont .leftbox .listBox .Ent .online{background-color:#1fcf5a}.Chat .chatCont .leftbox .listBox .Ent .Offline,.Chat .chatCont .leftbox .listBox .Ent .online{position:absolute;bottom:5px;right:5px;z-index:100px;border-radius:5px;font-size:13px;padding:5px}.Chat .chatCont .leftbox .listBox .Ent .Offline{background-color:#f88a8a}.Chat .chatCont .leftbox .listBox .Ent:hover{background-color:var(--page-color-bg)}.Chat .chatCont .leftbox .listBox .Ent:hover .num{color:var(--text-color)}.Chat .chatCont .leftbox .listBox .Ent .num{font-size:15px;color:gray}.Chat .chatCont .leftbox .listBox .Ent .num span{font-size:12px;margin-top:-5px}.Chat .chatCont .leftbox .fa-comment{position:absolute;right:-30px;top:7px;width:30px;height:30px;background-color:var(--primary-color);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 3px gray;z-index:10px}@media(max-width:850px){.Chat .chatCont .leftbox{width:330px;position:absolute;z-index:100;background-color:var(--box-color-bg);backdrop-filter:blur(50px)}}.Chat .chatCont .rightbox{width:100%;height:100%;overflow:hidden;position:relative;z-index:1}.Chat .chatCont .rightbox .bg{width:auto;height:calc(100% - 2px);display:block;margin:0 auto;opacity:.5}@media(max-width:850px){.Chat .chatCont .rightbox .bg{width:100%;height:auto;margin-top:150px}}.Chat .chatCont .rightbox .topbox{width:calc(100% - 20px);height:40px;padding:0 10px;position:absolute;top:0;left:0;box-shadow:0 0 7px var(--primary-color);background-color:var(--primary-color);color:var(--text-color);font-size:16px;display:flex;align-items:center;gap:10px}.Chat .chatCont .rightbox .topbox .fa-chevron-right{cursor:pointer;opacity:.8;border-radius:5px;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.Chat .chatCont .rightbox .topbox .fa-chevron-right:hover{opacity:1;background-color:var(--page-color-bg)}.Chat .chatCont .rightbox .topbox span{font-weight:700;margin:0 7px}.Chat .chatCont .rightbox .topbox .fa-comment{font-size:20px;color:#fff;width:20px;height:20px;display:flex;justify-content:center;align-items:center;border-radius:3px;opacity:.5;text-shadow:5px 5px 10px rgba(5,5,5,.575)}.Chat .chatCont .rightbox .topbox .status{display:flex;align-items:center;margin-left:-10px}.Chat .chatCont .rightbox .topbox .status .poent{width:10px;height:10px;background-color:#1fcf5a;border-radius:50%;box-shadow:0 0 1px #000;margin-left:10px}@media(max-width:550px){.Chat .chatCont .rightbox .topbox{font-size:13px}}.Chat .chatCont .rightbox .chatcont{width:calc(100% - 20px);height:calc(100% - 210px);position:absolute;top:40px;left:0;overflow:hidden;overflow-y:auto;color:var(--text-color);padding:10px 10px 100px}.Chat .chatCont .rightbox .chatcont .LoadingBox{background-color:var(--page-color-bg);position:absolute;top:20px;left:calc(50% - 20px);z-index:100;width:30px;height:30px;border-radius:50%;box-shadow:0 0 4px gray;padding:5px}.Chat .chatCont .rightbox .chatcont .LoadingBox .svg{animation:rotate .5s linear infinite}.Chat .chatCont .rightbox .chatcont .massage1{max-width:40%;min-width:300px;height:auto;background-color:rgba(146,112,100,.4117647059);border-radius:20px 20px 20px 0;padding:10px;display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;backdrop-filter:blur(10px);word-break:break-all;word-wrap:break-word;float:left;clear:both}.Chat .chatCont .rightbox .chatcont .massage1 .top{width:calc(100% - 20px);padding:5px 10px;display:flex;justify-content:space-between}.Chat .chatCont .rightbox .chatcont .massage1 .top .user{font-size:17px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massage1 .top .datum{font-size:13px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massage1 p{width:98%;margin:10px auto;font-size:16px}.Chat .chatCont .rightbox .chatcont .massage2{display:block;max-width:40%;min-width:300px;height:auto;background-color:rgba(146,112,100,.4117647059);border-radius:20px 20px 0 20px;position:relative;padding:10px;margin-top:20px;backdrop-filter:blur(10px);word-break:break-all;word-wrap:break-word;float:right;clear:both}.Chat .chatCont .rightbox .chatcont .massage2 .top{width:calc(100% - 20px);padding:5px 10px;display:flex;justify-content:space-between}.Chat .chatCont .rightbox .chatcont .massage2 .top .user{font-size:17px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massage2 .top .datum{font-size:13px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massage2 p{width:98%;margin:10px auto;font-size:16px}.Chat .chatCont .rightbox .chatcont .massage2 .new{background-color:#fd5555;position:absolute;top:-10px;right:10px;padding:1px 10px;border-radius:20px;font-size:13px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massagePDF{max-width:400px;min-width:300px;height:auto;background-color:rgba(146,112,100,.4117647059);border-radius:20px 20px 20px 0;display:flex;flex-wrap:wrap;justify-content:center;padding:10px;margin-top:20px;backdrop-filter:blur(10px);float:left;clear:both}.Chat .chatCont .rightbox .chatcont .massagePDF .top{width:calc(100% - 20px);padding:5px 10px;display:flex;justify-content:space-between}.Chat .chatCont .rightbox .chatcont .massagePDF .top .user{font-size:17px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massagePDF .top .datum{font-size:13px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massagePDF .name{width:100%;font-size:15px;margin-top:10px;text-align:center}.Chat .chatCont .rightbox .chatcont .massagePDF .pdfBox{width:300px;height:400px;border:1px solid #525252;width:auto;justify-self:start;border-radius:20px;overflow:hidden;position:relative;margin-left:20px;margin-top:10px}.Chat .chatCont .rightbox .chatcont .massagePDF .pdfBox .iconBox{position:absolute;top:56px;left:0;width:100%;height:calc(100% - 56px);display:flex;justify-content:center;align-items:center;opacity:0;transition:all .5s}.Chat .chatCont .rightbox .chatcont .massagePDF .pdfBox .iconBox .fa-up-right-from-square{color:#fff;font-size:25px;background-color:rgba(0,0,0,.267);padding:20px;border-radius:10px}.Chat .chatCont .rightbox .chatcont .massagePDF .pdfBox:hover .iconBox{opacity:1}.Chat .chatCont .rightbox .chatcont .massagePDF2{max-width:400px;min-width:300px;height:auto;background-color:rgba(146,112,100,.4117647059);border-radius:20px 20px 0 20px;display:flex;flex-wrap:wrap;justify-content:center;padding:10px;margin-top:20px;justify-self:flex-end;backdrop-filter:blur(10px);float:right;clear:both}.Chat .chatCont .rightbox .chatcont .massagePDF2 .top{width:calc(100% - 20px);padding:5px 10px;display:flex;justify-content:space-between}.Chat .chatCont .rightbox .chatcont .massagePDF2 .top .user{font-size:17px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massagePDF2 .top .datum{font-size:13px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massagePDF2 .name{width:100%;font-size:15px;margin-top:10px;text-align:center}.Chat .chatCont .rightbox .chatcont .massagePDF2 .pdfBox{width:300px;height:400px;border:1px solid #525252;width:auto;justify-self:start;border-radius:20px;overflow:hidden;position:relative;margin-left:20px;margin-top:10px}.Chat .chatCont .rightbox .chatcont .massagePDF2 .pdfBox .iconBox{position:absolute;top:56px;left:0;width:100%;height:calc(100% - 56px);display:flex;justify-content:center;align-items:center;opacity:0;transition:all .5s}.Chat .chatCont .rightbox .chatcont .massagePDF2 .pdfBox .iconBox .fa-up-right-from-square{color:#fff;font-size:25px;background-color:rgba(0,0,0,.267);padding:20px;border-radius:10px}.Chat .chatCont .rightbox .chatcont .massagePDF2 .pdfBox:hover .iconBox{opacity:1}.Chat .chatCont .rightbox .chatcont .massagePDF2 .new{background-color:#fd5555;position:absolute;top:-10px;right:10px;padding:1px 10px;border-radius:20px;font-size:13px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massageIMG{max-width:400px;min-width:300px;height:auto;background-color:rgba(146,112,100,.4117647059);border-radius:20px 20px 20px 0;padding:10px;display:flex;flex-wrap:wrap;margin-top:20px;backdrop-filter:blur(10px);float:left;clear:both}.Chat .chatCont .rightbox .chatcont .massageIMG .top{width:calc(100% - 20px);padding:5px 10px;display:flex;justify-content:space-between}.Chat .chatCont .rightbox .chatcont .massageIMG .top .user{font-size:17px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massageIMG .top .datum{font-size:13px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massageIMG .imgBox{width:400px;margin:10px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.Chat .chatCont .rightbox .chatcont .massageIMG .imgBox img{width:100%;margin:0;border:1px solid #525252;border-radius:20px}.Chat .chatCont .rightbox .chatcont .massageIMG .imgBox .iconBox{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.267);width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;transition:all .5s;border-radius:20px;cursor:pointer}.Chat .chatCont .rightbox .chatcont .massageIMG .imgBox .iconBox .fa-up-right-from-square{color:#fff;font-size:25px}.Chat .chatCont .rightbox .chatcont .massageIMG .imgBox:hover .iconBox{opacity:1}.Chat .chatCont .rightbox .chatcont .massageIMG .name{width:100%;font-size:15px;text-align:center}.Chat .chatCont .rightbox .chatcont .massageIMG2{max-width:400px;min-width:300px;height:auto;background-color:rgba(146,112,100,.4117647059);border-radius:20px 20px 0 20px;padding:10px;display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;justify-self:flex-end;backdrop-filter:blur(10px);float:right;clear:both}.Chat .chatCont .rightbox .chatcont .massageIMG2 .top{width:calc(100% - 20px);padding:5px 10px;display:flex;justify-content:space-between}.Chat .chatCont .rightbox .chatcont .massageIMG2 .top .user{font-size:17px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massageIMG2 .top .datum{font-size:13px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massageIMG2 .imgBox{width:400px;margin:10px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.Chat .chatCont .rightbox .chatcont .massageIMG2 .imgBox img{width:100%;margin:0;border:1px solid #525252;border-radius:20px}.Chat .chatCont .rightbox .chatcont .massageIMG2 .imgBox .iconBox{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.267);width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;transition:all .5s;border-radius:20px;cursor:pointer}.Chat .chatCont .rightbox .chatcont .massageIMG2 .imgBox .iconBox .fa-up-right-from-square{color:#fff;font-size:25px}.Chat .chatCont .rightbox .chatcont .massageIMG2 .imgBox:hover .iconBox{opacity:1}.Chat .chatCont .rightbox .chatcont .massageIMG2 .name{width:100%;font-size:15px;text-align:center}.Chat .chatCont .rightbox .chatcont .massageIMG2 .new{background-color:#fd5555;position:absolute;top:-10px;right:10px;padding:1px 10px;border-radius:20px;font-size:13px;font-weight:700}.Chat .chatCont .rightbox .chatcont .datumBox{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin:10px 0;position:relative}.Chat .chatCont .rightbox .chatcont .datumBox .datum{border:1px solid #b6b6b6;border-radius:20px;padding:2px 10px;font-size:13px;font-weight:700;z-index:10;background-color:var(--box-color-bg);backdrop-filter:blur(10px)}.Chat .chatCont .rightbox .chatcont .datumBox .line{width:100%;background-color:#b6b6b6;height:2px;z-index:1px;margin-top:-11px}.Chat .chatCont .rightbox .chatcont .EmojiPicker{position:fixed;bottom:70px}@media(max-width:850px){.Chat .chatCont .rightbox .chatcont .massage1,.Chat .chatCont .rightbox .chatcont .massage2{max-width:100%;min-width:300px;margin-top:30px}.Chat .chatCont .rightbox .chatcont .massageIMG,.Chat .chatCont .rightbox .chatcont .massagePDF{margin-top:30px}}.Chat .chatCont .rightbox .bottombox{position:absolute;bottom:0;left:0;width:calc(100% - 20px);height:40px;padding:10px;display:flex;justify-content:center;align-items:center;gap:20px;background-color:var(--page-color-bg)}.Chat .chatCont .rightbox .bottombox textarea{max-width:80%;min-width:80%;max-height:calc(100% - 4px);min-height:calc(100% - 4px);border-radius:7px;font-size:17px;outline-color:var(--primary-color);border:2px solid var(--primary-color);padding:6px}.Chat .chatCont .rightbox .bottombox .fa-paperclip{cursor:pointer;font-size:20px}.Chat .chatCont .rightbox .bottombox .fa-paperclip:active{transform:scale(.8)}.Chat .chatCont .rightbox .bottombox .fa-paper-plane{width:45px;height:45px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px;cursor:pointer;color:var(--primary-color)}.Chat .chatCont .rightbox .bottombox .fa-paper-plane:active{transform:scale(.8)}.Chat .chatCont .rightbox .bottombox .fa-face-smile{cursor:pointer;font-size:20px}.Chat .chatCont .rightbox .bottombox .fa-face-smile:active{transform:scale(.8)}@media(max-width:1000px){.Chat .chatCont .rightbox .bottombox textarea{max-width:70%;min-width:70%}}@media(max-width:550px){.Chat .chatCont .rightbox .bottombox{justify-content:space-around;gap:0}.Chat .chatCont .rightbox .bottombox .fa-paper-plane{width:auto;height:45px}.Chat .chatCont .rightbox .bottombox textarea{max-width:70%;min-width:70%}}.Chat .chatCont .rightbox .alert{width:calc(100% - 40px);position:absolute;bottom:0;left:0;background-color:var(--primary-color);padding:20px;color:var(--text-color)}@media(max-width:550px){.Chat .chatCont .rightbox .alert{font-size:14px}}@media(max-width:1500px){.Chat{width:calc(100% - 10px)}}@media(max-width:850px){.Chat .rightbox .chatcont .massage1,.Chat .rightbox .chatcont .massage2{width:90%}}@media(max-width:500px){.Chat{overflow:hidden;height:100%!important}}.showFileBox{width:100%;height:100%;background-color:#313131;position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center}.showFileBox .fa-xmark{position:absolute;top:20px;left:20px;font-size:20px;color:#fff;cursor:pointer}.showFileBox .showFilecont{width:100%;height:94%;position:absolute;display:flex;justify-content:center;align-items:center;left:0;bottom:0}.Archivierungstool{width:calc(90% - 41px);min-height:calc(100dvh - 125px);background-color:var(--box-color-bg);margin:25px auto 0;border-radius:20px 20px 0 0;position:relative;padding-bottom:30px;box-shadow:0 0 5px var(--primary-color)}@media(max-width:850px){.Archivierungstool{width:100%;height:2330px}}.Archivierungstool .title{width:100%;text-align:center;padding:40px 0;font-size:20px;font-weight:700;border-bottom:2px solid var(--page-color-bg);color:var(--text-color)}.Archivierungstool .fa-arrow-left{position:absolute;top:40px;left:30px;font-size:25px;color:var(--text-color);cursor:pointer}.Archivierungstool .navBar{top:40px;left:80px;position:absolute;color:var(--text-color);width:calc(100% - 70px);display:flex;gap:5px;margin-bottom:20px}.Archivierungstool .navBar span{border-bottom:1px solid var(--text-color);cursor:pointer}.stockPage{width:100%;height:calc(100dvh - 100px);padding:20px}.stockPage .minBox{height:100%;width:100%;background-color:var(--box-color-bg);border-radius:20px;position:relative;color:var(--text-color);box-shadow:0 2px 6px rgba(0,0,0,.25);overflow:hidden}.stockPage .minBox .navBar{color:var(--text-color);width:100%;display:flex;gap:5px;font-size:13px;padding:20px}.stockPage .minBox .navBar span{cursor:pointer}.stockPage .minBox .navBar span:hover{opacity:50%}.stockPage .minBox .top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 20px 20px}.stockPage .minBox .top .filter{display:flex;justify-content:center;align-items:center;gap:10px}.stockPage .minBox .top .filter select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem}.stockPage .minBox .top .filter select:focus{border:1px solid var(--secondary-color)}.stockPage .minBox .titles{width:100%;height:55px;background-color:var(--sarch-color-bg);display:flex;align-items:center;justify-content:flex-start;border-bottom:2px solid var(--sarch-color-bg)}.stockPage .minBox .titles div{width:11.6%;text-align:center;font-size:14px;font-weight:700;word-break:break-word}.stockPage .minBox .titles .fillColumn,.stockPage .minBox .titles .qualityColumn,.stockPage .minBox .titles .typeColumn{width:8%}.stockPage .minBox .titles .idColumn,.stockPage .minBox .titles .nettoColumn,.stockPage .minBox .titles .taraColumn{width:6%}.stockPage .minBox .rowsBox{width:100%;height:calc(100% - 160px);overflow:hidden;overflow-y:overlay;display:flex;flex-direction:column}.stockPage .minBox .rowsBox .row{display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid var(--sarch-color-bg);height:70px}.stockPage .minBox .rowsBox .row div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:11.6%;font-size:14px;padding:10px 2px;border-right:1px solid var(--sarch-color-bg);height:70px;word-break:break-word;overflow:hidden}.stockPage .minBox .rowsBox .row .idElement,.stockPage .minBox .rowsBox .row .nettoElement,.stockPage .minBox .rowsBox .row .taraElement{width:6%}.stockPage .minBox .rowsBox .row .fillProcessElement,.stockPage .minBox .rowsBox .row .qualityElement,.stockPage .minBox .rowsBox .row .typeElement{width:8%}.stockPage .minBox .rowsBox .row .fillProcessElement .Füllgrad,.stockPage .minBox .rowsBox .row .qualityElement .Füllgrad,.stockPage .minBox .rowsBox .row .typeElement .Füllgrad{height:90%;width:90%;border-radius:5px;border:1px solid #000;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.stockPage .minBox .rowsBox .row .fillProcessElement .Füllgrad .percent,.stockPage .minBox .rowsBox .row .qualityElement .Füllgrad .percent,.stockPage .minBox .rowsBox .row .typeElement .Füllgrad .percent{width:auto;height:50%;width:80%;position:absolute;z-index:5;padding:2px;border:none;box-shadow:0 0 3px #000;border-radius:2px;background-color:var(--box-color-bg);font-size:12px}.stockPage .minBox .rowsBox .row .fillProcessElement .Füllgrad .filling,.stockPage .minBox .rowsBox .row .qualityElement .Füllgrad .filling,.stockPage .minBox .rowsBox .row .typeElement .Füllgrad .filling{position:absolute;bottom:0;width:100%;border:none}.stockPage .minBox .rowsBox .row .seeMoreElement{display:none}.stockPage .minBox .rowsBox .row .id span{border-bottom:1px solid var(--primary-color);cursor:pointer;border-radius:2px}.stockPage .minBox .rowsBox .row .id span:hover{background-color:var(--primary-color)}@media(max-width:1000px){.stockPage .minBox .titles div{width:13.33%}.stockPage .minBox .titles .materialColumn,.stockPage .minBox .titles .pickupColumn,.stockPage .minBox .titles .qualityColumn{display:none}.stockPage .minBox .titles .fillColumn,.stockPage .minBox .titles .idColumn,.stockPage .minBox .titles .nettoColumn,.stockPage .minBox .titles .taraColumn,.stockPage .minBox .titles .typeColumn{width:10%}.stockPage .minBox .rowsBox .row div{width:13.33%}.stockPage .minBox .rowsBox .row .seeMoreElement{display:flex;width:10%}.stockPage .minBox .rowsBox .row .seeMoreElement .seeMoreBtn{background-color:var(--secondary-color);color:#fff;border:none;border-radius:10px;padding:5px 10px;gap:5px;display:flex}.stockPage .minBox .rowsBox .row .materialElement,.stockPage .minBox .rowsBox .row .pickupElement,.stockPage .minBox .rowsBox .row .qualityElement{display:none}.stockPage .minBox .rowsBox .row .fillProcessElement,.stockPage .minBox .rowsBox .row .idElement,.stockPage .minBox .rowsBox .row .nettoElement,.stockPage .minBox .rowsBox .row .taraElement,.stockPage .minBox .rowsBox .row .typeElement{width:10%}}@media(max-width:700px){.stockPage .minBox .top{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}.stockPage .minBox .titles div{width:20%}.stockPage .minBox .titles .statusColumn,.stockPage .minBox .titles .timeOfContainerColumn{display:none}.stockPage .minBox .titles .fillColumn,.stockPage .minBox .titles .idColumn,.stockPage .minBox .titles .nettoColumn,.stockPage .minBox .titles .taraColumn,.stockPage .minBox .titles .typeColumn{width:14%}.stockPage .minBox .rowsBox{height:calc(100% - 196px)}.stockPage .minBox .rowsBox .row div{width:20%}.stockPage .minBox .rowsBox .row .statusElement,.stockPage .minBox .rowsBox .row .timeofContainerElement{display:none}.stockPage .minBox .rowsBox .row .fillProcessElement,.stockPage .minBox .rowsBox .row .idElement,.stockPage .minBox .rowsBox .row .nettoElement,.stockPage .minBox .rowsBox .row .taraElement,.stockPage .minBox .rowsBox .row .typeElement{width:14%}}@media(max-width:500px){.stockPage .minBox .titles div{width:28%}.stockPage .minBox .titles .fillColumn,.stockPage .minBox .titles .nettoColumn,.stockPage .minBox .titles .taraColumn{display:none}.stockPage .minBox .rowsBox .row div,.stockPage .minBox .titles .idColumn,.stockPage .minBox .titles .typeColumn{width:28%}.stockPage .minBox .rowsBox .row .fillProcessElement,.stockPage .minBox .rowsBox .row .nettoElement,.stockPage .minBox .rowsBox .row .taraElement{display:none}.stockPage .minBox .rowsBox .row .idElement,.stockPage .minBox .rowsBox .row .typeElement{width:28%}.stockPage .minBox .rowsBox .row .seeMoreElement{width:16%}}.showMoreLagersystemeContainer{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.showMoreLagersystemeContainer .showMoreLagersystemForm{background-color:var(--box-color-bg);color:var(--text-color);position:relative;width:50%;padding:20px;border-radius:20px}.showMoreLagersystemeContainer .showMoreLagersystemForm .fa-xmark{position:absolute;top:10px;right:10px}.showMoreLagersystemeContainer .showMoreLagersystemForm h3{text-align:center}.showMoreLagersystemeContainer .showMoreLagersystemForm h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.showMoreLagersystemeContainer .showMoreLagersystemForm .elementBox{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--sarch-color-bg)}.showMoreLagersystemeContainer .showMoreLagersystemForm .elementBox p{margin:0;padding:10px 0}.showMoreLagersystemeContainer .showMoreLagersystemForm .elementBox p:first-child{font-weight:700}.showMoreLagersystemeContainer .showMoreLagersystemForm .elementBox p:last-child{text-align:right}@media(max-width:700px){.showMoreLagersystemeContainer .showMoreLagersystemForm{width:80%}}.calcPage{width:100%;height:auto;min-height:calc(100dvh - 100px);padding:20px}.calcPage .calcContainer{background-color:var(--box-color-bg);border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25);color:var(--text-color);padding:20px}.calcPage .calcContainer .title{width:100%;text-align:center;color:var(--text-color)}.calcPage .calcContainer .title h2{text-align:left}.calcPage .calcContainer .title .Upload{position:absolute;right:40px;top:25px;font-size:13px}.calcPage .calcContainer .title .Upload i{font-size:25px;cursor:pointer}.calcPage .calcContainer .title .Upload i:hover{color:var(--primary-color)}.calcPage .calcContainer .firmaInfoBox{padding:20px 0;width:100%;display:flex;justify-content:flex-start;align-items:flex-end;flex-wrap:wrap;gap:20px;color:var(--text-color)}.calcPage .calcContainer .firmaInfoBox .infoBoxElement{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.calcPage .calcContainer .firmaInfoBox .infoBoxElement input,.calcPage .calcContainer .firmaInfoBox .infoBoxElement select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem}.calcPage .calcContainer .firmaInfoBox .infoBoxElement input:focus,.calcPage .calcContainer .firmaInfoBox .infoBoxElement select:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.calcPage .calcContainer .firmaInfoBox .infoBoxElement .startMonth{margin-right:10px}.calcPage .calcContainer .firmaInfoBox .btn1,.calcPage .calcContainer .firmaInfoBox .btn2{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.calcPage .calcContainer .firmaInfoBox .btn1:hover,.calcPage .calcContainer .firmaInfoBox .btn2:hover{border:1px solid var(--primary-color);box-shadow:none}.calcPage .calcContainer .chooseMonthContainer{position:relative;margin-bottom:40px}.calcPage .calcContainer .chooseMonthContainer .chooseMonthBox.first{border-radius:20px 20px 0 0}.calcPage .calcContainer .chooseMonthContainer .chooseMonthBox.last{border-radius:0 0 20px 20px}.calcPage .calcContainer .chooseMonthContainer .chooseMonthBox.only{border-radius:20px}.calcPage .calcContainer .chooseMonthContainer .chooseMonthBox{border:1px solid var(--sarch-color-bg);padding:20px;position:relative;background-color:var(--page-color-bg)}.calcPage .calcContainer .chooseMonthContainer .chooseMonthBox select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem;background-color:var(--box-color-bg)}.calcPage .calcContainer .chooseMonthContainer .chooseMonthBox select:focus{border:1px solid var(--secondary-color)}.calcPage .calcContainer .chooseMonthContainer .chooseMonthBox .Material{font-size:16px;font-weight:700;margin-bottom:10px}.calcPage .calcContainer .chooseMonthContainer .chooseMonthBox .selectBox{width:auto;margin-bottom:20px;max-width:90%}.calcPage .calcContainer .chooseMonthContainer .chooseMonthBox .selectBox select{max-width:100%}.calcPage .calcContainer .chooseMonthContainer .chooseMonthBox .selectBox select option{max-width:100px}.calcPage .calcContainer .chooseMonthContainer .chooseMonthBox .fa-trash-can{color:var(--xmark-color);position:absolute;top:20px;right:20px;font-size:1rem;cursor:pointer}.calcPage .calcContainer .chooseMonthContainer .chooseMonthBox .fa-trash-can:hover{opacity:50%}.calcPage .calcContainer .chooseMonthContainer .chooseMonthBox .monthTable{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;width:100%}.calcPage .calcContainer .chooseMonthContainer .chooseMonthBox .monthTable .month{font-size:16px;font-weight:700;margin-bottom:10px}.calcPage .calcContainer .chooseMonthContainer .chooseMonthBox .monthTable .inputBox{display:flex;flex-direction:column;gap:10px;align-items:flex-start;justify-content:flex-end}.calcPage .calcContainer .chooseMonthContainer .chooseMonthBox .monthTable .inputBox .inputElement{display:flex;flex-direction:row}.calcPage .calcContainer .chooseMonthContainer .chooseMonthBox .monthTable .inputBox .inputElement input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:80px;background-color:var(--box-color-bg)}.calcPage .calcContainer .chooseMonthContainer .chooseMonthBox .monthTable .inputBox .inputElement input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.calcPage .calcContainer .chooseMonthContainer .addMatBox{position:absolute;right:0;top:-74px;display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;width:150px;height:54px;text-align:center;padding:10px;background-color:var(--box-color-bg);color:var(--text-color)}.calcPage .calcContainer .chooseMonthContainer .addMatBox:hover{border:1px solid var(--primary-color);box-shadow:none}.calcPage .calcContainer .chooseMonthContainer .addMatBox .fa-plus{min-width:25px;min-height:25px;display:flex;justify-content:center;align-items:center;font-size:15px;cursor:pointer;transition:all .5s}.calcPage .calcContainer .chooseMonthContainer .addMatBox:hover .fa-plus{transform:rotate(1turn)}.calcPage .calcContainer .UnserPreisBox{width:100%;margin-bottom:20px}.calcPage .calcContainer .UnserPreisBox .title{padding:0;font-size:18px;font-weight:700;text-align:left;border:none}.calcPage .calcContainer .UnserPreisBox .kalk-materialtable{width:80%;height:auto}.calcPage .calcContainer .UnserPreisBox .kalk-materialtable .materialtableTitles{display:flex;margin-top:20px;margin-bottom:5px;width:100%}.calcPage .calcContainer .UnserPreisBox .kalk-materialtable .materialtableTitles .Anzeigen{width:100px;text-align:center;font-weight:700;font-size:14px}.calcPage .calcContainer .UnserPreisBox .kalk-materialtable .materialtableTitles .Index,.calcPage .calcContainer .UnserPreisBox .kalk-materialtable .materialtableTitles .Material{text-align:center;font-weight:700;font-size:14px;width:300px}.calcPage .calcContainer .UnserPreisBox .kalk-materialtable .materialtableTitles .Aufschlag{width:150px;text-align:center;font-weight:700;font-size:14px}.calcPage .calcContainer .UnserPreisBox .kalk-materialtable .kalk-material{width:100%;height:60px;background-color:var(--page-color-bg);display:flex;align-items:center;margin-bottom:5px;border-radius:10px}.calcPage .calcContainer .UnserPreisBox .kalk-materialtable .kalk-material button{width:80px;border-radius:7px;border:none;padding:5px 0;background-color:var(--primary-color);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:10px}.calcPage .calcContainer .UnserPreisBox .kalk-materialtable .kalk-material button:hover{box-shadow:0 0 3px var(--primary-color)}.calcPage .calcContainer .UnserPreisBox .kalk-materialtable .kalk-material .Material{width:300px;text-align:center;font-size:14px}.calcPage .calcContainer .UnserPreisBox .kalk-materialtable .kalk-material .index{width:300px;padding:5px;border-radius:5px;outline-color:var(--primary-color);border:1px solid #616161}.calcPage .calcContainer .UnserPreisBox .kalk-materialtable .kalk-material .Aufschlag{width:150px;display:flex}.calcPage .calcContainer .UnserPreisBox .kalk-materialtable .kalk-material .Aufschlag .plus{width:23px;display:flex;justify-content:center;align-items:center}.calcPage .calcContainer .UnserPreisBox .kalk-materialtable .kalk-material .Aufschlag input{width:50%;padding:5px;border-radius:5px;border:1px solid #616161;outline-color:var(--primary-color)}.calcPage .calcContainer .UnserPreisBox .kalk-materialtable .kalk-material .Aufschlag select{width:30%;border-radius:5px;border:1px solid #616161;outline-color:var(--primary-color)}.calcPage .calcContainer .UnserPreisBox .kalk-materialtable .MatBox:nth-child(odd){background-color:var(--chart-bg-color)}.calcPage .calcContainer .chartTypes{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px}.calcPage .calcContainer .chartTypes select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem}.calcPage .calcContainer .chartTypes select:focus{border:1px solid var(--secondary-color)}.calcPage .calcContainer .charts{width:100%;min-height:300px;max-height:600px;height:auto;background-color:var(--box-color-bg);display:flex;justify-content:flex-start;align-items:flex-end;gap:10px;margin-bottom:40px}.calcPage .calcContainer .charts div{width:60%;height:400px;max-height:600px;overflow:visible;box-shadow:0 2px 6px rgba(0,0,0,.25);padding:20px;border-radius:20px}.calcPage .calcContainer .charts div canvas{width:100%!important;overflow:visible}.calcPage .calcContainer .charts div h4{padding-left:10px}.calcPage .calcContainer .charts .chartElement:first-child{width:40%}.calcPage .calcContainer .GesamtsummeBox{width:100%;height:auto;margin-bottom:40px}.calcPage .calcContainer .GesamtsummeBox .totalSumContainer{font-family:Arial,sans-serif;width:100%;border-radius:8px;flex-direction:column}.calcPage .calcContainer .GesamtsummeBox .totalSumContainer h3{text-align:left;margin-bottom:15px;font-size:18px}.calcPage .calcContainer .GesamtsummeBox .totalSumContainer table{width:50%;margin-bottom:35px;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden;border:1px solid var(--sarch-color-bg)}.calcPage .calcContainer .GesamtsummeBox .totalSumContainer table td,.calcPage .calcContainer .GesamtsummeBox .totalSumContainer table th{padding:10px;text-align:left}.calcPage .calcContainer .GesamtsummeBox .totalSumContainer table th{background-color:var(--sarch-color-bg);font-weight:700}.calcPage .calcContainer .GesamtsummeBox .totalSumContainer table .highlight{background-color:#f0f0f0}.calcPage .calcContainer .GesamtsummeBox .totalSumContainer p{font-size:16px;margin:5px 0;width:380px;display:flex;justify-content:space-between;padding:3px 5px}.calcPage .calcContainer .GesamtsummeBox .totalSumContainer button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;margin-top:20px}.calcPage .calcContainer .GesamtsummeBox .totalSumContainer button:hover{border:1px solid var(--primary-color);box-shadow:none}.calcPage .calcContainer .saveCalc{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.calcPage .calcContainer .saveCalc .box{background-color:var(--box-color-bg);position:relative;padding:20px;border-radius:20px;width:400px;height:auto}.calcPage .calcContainer .saveCalc .box h3{text-align:center}.calcPage .calcContainer .saveCalc .box h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.calcPage .calcContainer .saveCalc .box .downloadBtns{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-top:20px}.calcPage .calcContainer .saveCalc .box .downloadBtns div{cursor:pointer;width:40%;display:flex;justify-content:center;align-items:center;background-color:var(--primary-color);color:#fff;height:40px;border-radius:10px}.calcPage .calcContainer .saveCalc .box .downloadBtns div:hover{opacity:50%}.calcPage .calcContainer .saveCalc .box .fa-xmark{color:var(--text-color);position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer}.calcPage .calcContainer .emailBox{width:100%;height:auto;margin-top:20px}.calcPage .calcContainer .emailBox h3{font-size:18px;margin-bottom:10px}.calcPage .calcContainer .emailBox .emailInput{display:flex;flex-direction:row;align-items:center;gap:10px}.calcPage .calcContainer .emailBox .emailInput input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem}.calcPage .calcContainer .emailBox .emailInput input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.calcPage .calcContainer .emailBox .emailInput button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.calcPage .calcContainer .emailBox .emailInput button:hover{border:1px solid var(--primary-color);box-shadow:none}@media(max-width:940px){.calcPage .calcContainer .firmaInfoBox{padding-bottom:90px}.calcPage .calcContainer .charts{flex-direction:column;width:100%;height:auto;max-height:900px}.calcPage .calcContainer .charts .chartElement{width:100%!important}.calcPage .calcContainer .GesamtsummeBox .totalSumContainer table{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center}.calcPage .calcContainer .GesamtsummeBox .totalSumContainer table thead{width:60%;background-color:var(--secondary-color)}.calcPage .calcContainer .GesamtsummeBox .totalSumContainer table thead tr{display:flex;flex-direction:column;align-items:flex-start}.calcPage .calcContainer .GesamtsummeBox .totalSumContainer table thead th{padding:5px;border-bottom:1px solid var(--sarch-color-bg);height:50px;background-color:rgba(0,0,0,0);width:100%;display:flex;justify-content:flex-start;align-items:center}.calcPage .calcContainer .GesamtsummeBox .totalSumContainer table tbody{width:40%}.calcPage .calcContainer .GesamtsummeBox .totalSumContainer table tbody tr{display:flex;flex-direction:column;align-items:flex-start}.calcPage .calcContainer .GesamtsummeBox .totalSumContainer table tbody td{padding:5px;border-bottom:1px solid var(--sarch-color-bg);height:50px;width:100%;display:flex;justify-content:flex-end;align-items:center}}@media(max-width:470px){.calcPage .calcContainer .GesamtsummeBox .totalSumContainer p{width:100%;flex-wrap:wrap}}.chartsPage{width:100%;height:calc(100dvh - 88px);padding:20px}.chartsPage .chartsBox{width:100%;height:100%;border-radius:20px;color:var(--text-color);background-color:var(--box-color-bg);box-shadow:0 2px 6px rgba(0,0,0,.25)}.chartsPage .chartsBox .headBox{width:100%;position:relative;padding:20px 20px 0}.chartsPage .chartsBox .headBox h2{margin-bottom:20px}.chartsPage .chartsBox .headBox .navBar{color:var(--text-color);display:flex;gap:5px;font-size:14px;flex-direction:row;align-items:center;margin-bottom:10px}.chartsPage .chartsBox .headBox .navBar span{cursor:pointer}.chartsPage .chartsBox .headBox .navBar span:hover{opacity:.5}.chartsPage .chartsBox .headBox .fa-filter{display:none}.chartsPage .chartsBox .headBox .btnBox{width:100%;margin:10px 0;display:flex;justify-content:flex-start;align-items:flex-end;gap:20px;padding-bottom:10px}.chartsPage .chartsBox .headBox .btnBox .fa-file-pdf,.chartsPage .chartsBox .headBox .btnBox .fa-rotate{cursor:pointer;font-size:18px}.chartsPage .chartsBox .headBox .btnBox .selectMaterial{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem;width:100px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:5px;position:relative}.chartsPage .chartsBox .headBox .btnBox .selectMaterial:focus{border:1px solid var(--secondary-color)}.chartsPage .chartsBox .headBox .btnBox .selectMaterial .fa-chevron-down{font-size:11px;position:relative}.chartsPage .chartsBox .headBox .btnBox .selectMaterial .list{position:absolute;top:27px;width:auto;background-color:var(--select-box-bg);color:var(--text-color);border-radius:10px;z-index:5;overflow:hidden;box-shadow:0 0 5px var(--primary-color)}.chartsPage .chartsBox .headBox .btnBox .selectMaterial .list div{cursor:pointer;padding:5px}.chartsPage .chartsBox .headBox .btnBox .selectMaterial .list div:hover{background-color:var(--primary-color)}.chartsPage .chartsBox .headBox .btnBox .select{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;color:var(--text-color);position:relative}.chartsPage .chartsBox .headBox .btnBox .select select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem;width:100px}.chartsPage .chartsBox .headBox .btnBox .select select:focus{border:1px solid var(--secondary-color)}.chartsPage .chartsBox .headBox .btnBox .select label{font-size:14px}.chartsPage .chartsBox .headBox .btnBox .select .checkboxGroup{position:relative;width:auto;min-width:100px}.chartsPage .chartsBox .headBox .btnBox .select .checkboxGroup:before{content:attr(data-placeholder);background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem;padding:5px 30px 5px 5px;display:block}.chartsPage .chartsBox .headBox .btnBox .select .checkboxGroup:before:focus{border:1px solid var(--secondary-color)}.chartsPage .chartsBox .headBox .btnBox .select .checkboxGroup:after{content:"";font-family:Font Awesome\ 6 Free;font-weight:900;font-size:10px;position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.chartsPage .chartsBox .headBox .btnBox .select .checkboxGroup .dropdown{position:absolute;top:110%;left:0;width:100%;background:var(--box-color-bg);color:var(--text-color);border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:8px;z-index:10;display:none}.chartsPage .chartsBox .headBox .btnBox .select .checkboxGroup .dropdown label{display:flex;align-items:center;gap:6px;padding:4px 0;cursor:pointer;font-weight:400}.chartsPage .chartsBox .headBox .btnBox .select .checkboxGroup .dropdown label:hover{background:#f5f5f5}.chartsPage .chartsBox .headBox .btnBox .select .checkboxGroup.open .dropdown{display:block}.chartsPage .chartsBox .headBox .btnBox .monthYearBtn{flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;display:flex;flex-direction:column;width:auto;height:40px}.chartsPage .chartsBox .headBox .btnBox .monthYearBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.chartsPage .chartsBox .headBox .btnBox .iconBox{gap:5px;display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color);width:auto;height:40px;font-size:14px;padding:5px}.chartsPage .chartsBox .headBox .btnBox .iconBox:hover{border:1px solid var(--primary-color);box-shadow:none}.chartsPage .chartsBox .headBox .labelsbtn{position:absolute;top:10px;right:190px;display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color);width:auto;height:auto;padding:10px}.chartsPage .chartsBox .headBox .labelsbtn:hover{border:1px solid var(--primary-color);box-shadow:none}.chartsPage .chartsBox .headBox .Vergleichstool{position:absolute;top:10px;right:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color);width:auto;height:auto;padding:10px}.chartsPage .chartsBox .headBox .Vergleichstool:hover{border:1px solid var(--primary-color);box-shadow:none}.chartsPage .chartsBox .charts{width:100%;height:calc(100% - 150px);display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;padding:0 20px 20px}.chartsPage .chartsBox .charts .chart{width:calc(50% - 5px);height:calc(50% - 5px);border-radius:20px;background-color:var(--box-color-bg);display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;box-shadow:0 2px 6px rgba(0,0,0,.25);overflow:hidden;position:relative;border:1px solid var(--sarch-color-bg)}.chartsPage .chartsBox .charts .chart button{position:absolute;top:0;right:0;width:35px;height:35px;margin:0;font-size:.8rem;background-color:var(--secondary-color);color:var(--box-color-bg);border:1px solid rgba(0,0,0,0);border-bottom-left-radius:7px;border-top-right-radius:20px;padding:7px;cursor:pointer;transition:width .4s ease-in-out;overflow:hidden}.chartsPage .chartsBox .charts .chart button:hover{width:150px;box-shadow:none;border:1px solid var(--primary)}.chartsPage .chartsBox .charts .chart button:hover .btn-content .btn-text{opacity:1}.chartsPage .chartsBox .charts .chart button .btn-content{display:flex;align-items:center;min-width:max-content}.chartsPage .chartsBox .charts .chart button .btn-content .btn-text{color:var(--btn-label-color);opacity:0;transition:opacity 1s ease;margin-left:8px}.chartsPage .chartsBox .charts .chart button .btn-content .fa-eye,.chartsPage .chartsBox .charts .chart button .btn-content .fa-eye-slash{font-size:15px}.chartsPage .chartsBox .charts .chart .weightBtn{bottom:0;top:auto;border-radius:7px 0 20px 0}.chartsPage .chartsBox .charts .chart .title{width:100%;padding:5px;text-align:center;font-weight:400;color:var(--text-color);font-size:15px;position:relative;transition:all .5s}.chartsPage .chartsBox .charts .chart .title .fa-up-right-and-down-left-from-center{position:absolute;left:8px;cursor:pointer;color:gray}.chartsPage .chartsBox .charts .chart .title .fa-up-right-and-down-left-from-center:hover{color:#b3b3b3}.chartsPage .chartsBox .charts .chart .title .fa-circle-info{position:absolute;left:35px;font-size:18px;top:3px;cursor:pointer;color:gray}.chartsPage .chartsBox .charts .chart .title .fa-circle-info:hover{color:#b3b3b3}.chartsPage .chartsBox .charts .chart .title .types{display:flex;height:100%;align-items:center;position:absolute;right:10px;top:0;font-weight:100;font-size:15px;color:var(--text-color)}.chartsPage .chartsBox .charts .chart .title .types input{cursor:pointer}.chartsPage .chartsBox .charts .chart .title .infosBox{top:30px;position:absolute;padding:20px;border:2px solid var(--primary-color);background-color:var(--page-color-bg);color:var(--text-color);font-weight:500;text-align:left;z-index:10;border-radius:20px}.chartsPage .chartsBox .charts .chart .title .Switch{position:absolute;right:0;background-color:var(--box-color-bg);font-size:13px;box-shadow:none;border-radius:0 0 0 15px;bottom:-22px;padding:2px 10px;border:1px solid var(--primary-color);border-top:none;border-right:none;cursor:pointer}.chartsPage .chartsBox .charts .chart .title .Switch:hover{background-color:var(--primary-color)}.chartsPage .chartsBox .charts .chart .legendBox{height:calc(100% - 70px);overflow-y:overlay;width:20%;font-size:14px;margin-top:5px}.chartsPage .chartsBox .charts .chart .legendBox span{width:10px;height:10px;min-width:10px;min-height:10px;border-radius:7px}.chartsPage .chartsBox .charts .chart .Chart{width:calc(80% - 20px);height:calc(100% - 30px);display:flex;justify-content:center;align-items:center}.chartsPage .chartsBox .VergleichstoolBox{height:calc(100% - 140px);overflow:hidden;padding:10px 20px 20px}.chartsPage .chartsBox .VergleichstoolBox,.chartsPage .chartsBox .VergleichstoolBox .chart{width:100%;background-color:var(--box-color-bg);border-radius:20px;display:flex;justify-content:center;align-items:center;position:relative}.chartsPage .chartsBox .VergleichstoolBox .chart{box-shadow:0 2px 6px rgba(0,0,0,.25);height:100%;min-height:300px;flex-wrap:wrap}.chartsPage .chartsBox .VergleichstoolBox .chart button{position:absolute;top:0;right:0;width:35px;height:35px;margin:0;font-size:.8rem;background-color:var(--secondary-color);color:var(--box-color-bg);border:1px solid rgba(0,0,0,0);border-bottom-left-radius:7px;border-top-right-radius:20px;padding:7px;cursor:pointer;transition:width .4s ease-in-out;overflow:hidden}.chartsPage .chartsBox .VergleichstoolBox .chart button:hover{width:150px;box-shadow:none;border:1px solid var(--primary)}.chartsPage .chartsBox .VergleichstoolBox .chart button:hover .btn-content .btn-text{opacity:1}.chartsPage .chartsBox .VergleichstoolBox .chart button .btn-content{display:flex;align-items:center;min-width:max-content}.chartsPage .chartsBox .VergleichstoolBox .chart button .btn-content .btn-text{color:var(--btn-label-color);opacity:0;transition:opacity 1s ease;margin-left:8px}.chartsPage .chartsBox .VergleichstoolBox .chart button .btn-content .fa-eye,.chartsPage .chartsBox .VergleichstoolBox .chart button .btn-content .fa-eye-slash{font-size:15px}.chartsPage .chartsBox .VergleichstoolBox .chart #VergleichstoolChart{width:100%;height:100%;min-height:300px}.chartsPage .chartsBox .VergleichstoolBox .chart .title{width:100%;padding:5px;text-align:center;font-weight:700;color:var(--text-color);border-bottom:2px solid var(--page-color-bg);font-size:15px;position:relative;transition:all .5s}.chartsPage .chartsBox .VergleichstoolBox .chart .title button{border:none;border-radius:20px;width:150px;background-color:var(--page-color-bg);position:absolute;right:10px;cursor:pointer;color:var(--text-color)}.chartsPage .chartsBox .VergleichstoolBox .chart .title .fa-up-right-and-down-left-from-center{position:absolute;left:8px;cursor:pointer;color:gray}.chartsPage .chartsBox .VergleichstoolBox .chart .title .fa-up-right-and-down-left-from-center:hover{color:#b3b3b3}.chartsPage .chartsBox .VergleichstoolBox .chart .title .fa-circle-info{position:absolute;left:35px;font-size:18px;top:3px;cursor:pointer;color:gray}.chartsPage .chartsBox .VergleichstoolBox .chart .title .fa-circle-info:hover{color:#b3b3b3}.chartsPage .chartsBox .VergleichstoolBox .chart .title .types{display:flex;height:100%;align-items:center;position:absolute;right:10px;top:0;font-weight:100;font-size:15px;color:var(--text-color)}.chartsPage .chartsBox .VergleichstoolBox .chart .title .types input{cursor:pointer}.chartsPage .chartsBox .VergleichstoolBox .chart .title .infosBox{top:30px;position:absolute;padding:20px;border:2px solid var(--primary-color);background-color:var(--page-color-bg);color:var(--text-color);font-weight:500;text-align:left;z-index:10;border-radius:20px}.chartsPage .chartsBox .VergleichstoolBox .chart .Chart{width:100%;height:calc(100% - 40px);display:flex;justify-content:center;align-items:center}.chartsPage .chartsBox .labelsBox{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.chartsPage .chartsBox .labelsBox .labelsBoxhidden{border-radius:20px;overflow:hidden;width:500px;background-color:var(--box-color-bg);position:relative;padding:20px}.chartsPage .chartsBox .labelsBox .labelsBoxhidden .fa-xmark{position:absolute;top:20px;right:20px;cursor:pointer;color:var(--text-color);font-size:25px}.chartsPage .chartsBox .labelsBox .labelsBoxhidden h3{text-align:center}.chartsPage .chartsBox .labelsBox .labelsBoxhidden h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.chartsPage .chartsBox .labelsBox .labelsBoxhidden .Box{width:100%;height:400px;overflow:hidden;overflow-y:auto;display:flex;flex-direction:column}.chartsPage .chartsBox .labelsBox .labelsBoxhidden .Box::-webkit-scrollbar{width:3px}.chartsPage .chartsBox .labelsBox .labelsBoxhidden .Box .element{background-color:var(--box-color-bg);border-bottom:1px solid var(--sarch-color-bg);cursor:pointer;padding:10px 0}.chartsPage .chartsBox .labelsBox .labelsBoxhidden .Box .element:hover{background-color:var(--page-color-bg)}.chartsPage .chartsBox .labelsBox .editbox{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.chartsPage .chartsBox .labelsBox .editbox .formBox{width:100%;max-width:500px;height:auto;border-radius:20px;overflow:hidden;background-color:var(--box-color-bg);color:var(--text-color)}.chartsPage .chartsBox .labelsBox .editbox .formBox h3{text-align:center;padding:20px 20px 0}.chartsPage .chartsBox .labelsBox .editbox .formBox h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.chartsPage .chartsBox .labelsBox .editbox .formBox .titles{width:100%;display:flex;padding:10px 20px;background-color:var(--accent-color);border-bottom:2px solid var(--page-color-bg);color:var(--btn-label-color);font-weight:700}.chartsPage .chartsBox .labelsBox .editbox .formBox .titles div{text-align:left;width:50%}.chartsPage .chartsBox .labelsBox .editbox .formBox .row{width:100%;display:flex;background-color:var(--box-color-bg);padding:10px 20px;border-bottom:1px solid var(--page-color-bg)}.chartsPage .chartsBox .labelsBox .editbox .formBox .row div{text-align:left;width:50%}.chartsPage .chartsBox .labelsBox .editbox .formBox .row input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem}.chartsPage .chartsBox .labelsBox .editbox .formBox .row input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.chartsPage .chartsBox .labelsBox .editbox .btnBox{width:100%;display:flex;justify-content:space-between;padding:10px;align-items:center}.chartsPage .chartsBox .labelsBox .editbox .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.chartsPage .chartsBox .labelsBox .editbox .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.chartsPage .chartsBox .labelsBox .editbox .btnBox .Abbrechen{background-color:var(--cancel-btn-color)}@media(max-width:1100px){.chartsPage .chartsBox{height:auto;background-color:rgba(0,0,0,0);padding:0;box-shadow:none}.chartsPage .chartsBox .VergleichstoolBox{background-color:rgba(0,0,0,0);padding:0;margin-top:20px}.chartsPage .chartsBox .VergleichstoolBox .chart{padding:10px}.chartsPage .chartsBox .headBox{background-color:var(--box-color-bg);padding:20px;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25)}.chartsPage .chartsBox .headBox .btnBox{height:auto;flex-wrap:wrap}.chartsPage .chartsBox .charts{gap:20px;margin-top:20px;padding:0}.chartsPage .chartsBox .charts .chart{width:100%;height:400px;display:flex;flex-direction:column;justify-content:flex-start}.chartsPage .chartsBox .charts .chart .Chart{width:95%;height:50%}.chartsPage .chartsBox .charts .chart .legendBox{height:35%;width:100%;padding:0 20px}}.KontaktCont{width:100%;height:calc(100dvh - 100px);padding:20px;display:flex;flex-direction:row;justify-content:space-between}.KontaktCont .Kontakt{width:50%;height:100%;min-height:585px;background-color:var(--box-color-bg);border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25);padding:20px;position:relative}.KontaktCont .Kontakt .title{width:100%}.KontaktCont .Kontakt .navBar{color:var(--text-color);display:flex;gap:5px;font-size:14px;justify-content:flex-start;align-items:center;width:100px;margin-bottom:20px}.KontaktCont .Kontakt .navBar span{cursor:pointer}.KontaktCont .Kontakt .navBar span:hover{opacity:.5}.KontaktCont .Kontakt .form{width:100%;height:90%;border-radius:20px;padding:20px;color:var(--text-color)}.KontaktCont .Kontakt .form .title{width:100%;border:none;margin-bottom:0;font-weight:400;text-align:center}.KontaktCont .Kontakt .inputs{width:100%;height:calc(100% - 118px);display:flex;flex-direction:column;margin-top:40px;justify-content:center;align-items:flex-start}.KontaktCont .Kontakt .inputs label{font-size:14px;font-weight:700;margin-bottom:10px}.KontaktCont .Kontakt .inputs input,.KontaktCont .Kontakt .inputs textarea{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:100%;margin-bottom:20px;max-width:100%;min-width:100%}.KontaktCont .Kontakt .inputs input:focus,.KontaktCont .Kontakt .inputs textarea:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.KontaktCont .Kontakt .inputs textarea{height:80%}.KontaktCont .Kontakt .inputs .btnBox{width:100%;display:flex;justify-content:center;align-items:center}.KontaktCont .Kontakt .inputs .btnBox button{flex-direction:row;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;display:flex;justify-content:center;align-items:center;gap:5px;background-color:var(--box-color-bg);color:var(--text-color)}.KontaktCont .Kontakt .inputs .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.KontaktCont .Kontakt .inputs .ratingBtn{position:absolute;bottom:10px;right:10px;display:flex;flex-direction:row;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;height:84px;width:150px;background-color:var(--box-color-bg);color:var(--text-color);flex-direction:column;justify-content:center;align-items:center;text-align:center}.KontaktCont .Kontakt .inputs .ratingBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.KontaktCont .Kontakt .inputs .ratingBtn .fa-star{color:#fdcc0d;font-size:30px;transition:all .5s}.KontaktCont .Kontakt .inputs .ratingBtn p{margin:5px}.KontaktCont .Kontakt .inputs .ratingBtn:hover .fa-star{transform:rotate(1turn)}.KontaktCont .infoContainer{width:calc(50% - 20px);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem}.KontaktCont .infoContainer .infoBox{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:300px;height:280px;background-color:var(--box-color-bg);color:var(--text-color);border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25)}.KontaktCont .infoContainer .infoBox h3{text-align:center;margin-bottom:1.5rem}.KontaktCont .infoContainer .infoBox i{font-size:x-large;margin:1.5rem;background-color:var(--box-color-bg);padding:1.5rem;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25);width:72px;height:72px;display:flex;justify-content:center;align-items:center}.KontaktCont .infoContainer .addressBlock{background-color:var(--primary-color);color:var(--btn-label-color)}.KontaktCont .infoContainer .addressBlock h3{color:var(--btn-label-color)}.KontaktCont .infoContainer .addressBlock i{color:var(--text-color)}@media(max-width:1400px){.KontaktCont .infoContainer .infoBox{width:250px;height:250px}.KontaktCont .infoContainer .addressBlock h3{margin-bottom:10px}}@media(max-width:1100px){.KontaktCont{flex-wrap:wrap}.KontaktCont .Kontakt{width:100%;margin-bottom:130px}.KontaktCont .Kontakt .inputs .ratingBtn{bottom:-105px;right:50%;transform:translateX(50%)}.KontaktCont .infoContainer{width:100%;padding-bottom:20px}}.w_schein{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;align-items:center;gap:5px;color:var(--text-color)}.w_schein,.w_schein .pdf{display:flex;justify-content:center}.w_schein .pdf{width:calc(100% - 400px);height:100%;box-shadow:0 0 13px var(--primary-color);border-radius:10px;overflow:hidden}.w_schein .pdf .iframe,.w_schein .pdf .noPdf{width:100%;height:100%}.w_schein .pdf .noPdf,.w_schein .pdf .noPdf .fa-file-pdf{display:flex;justify-content:center;align-items:center}.w_schein .pdf .noPdf .fa-file-pdf{font-size:100px;width:300px;height:400px}.w_schein .form,.w_schein .pdf .noPdf .fa-file-pdf{background-color:var(--box-color-bg);border-radius:20px}.w_schein .form{width:600px;padding:20px;position:relative;overflow:hidden;overflow-y:auto}.w_schein .form .loadingScreen{position:absolute;width:100%;height:100%;z-index:15;border-radius:20px;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;background-color:rgba(60,54,54,.5764705882)}.w_schein .form .loadingScreen p{font-size:20px}.w_schein .form .fa-xmark{position:absolute;top:10px;right:10px;cursor:pointer;font-size:20px;width:20px}.w_schein .form .editDocTitle{width:100%;text-align:center;font-size:16px;font-weight:700;margin-bottom:20px}.w_schein .form .editDocTitle:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.w_schein .form .link{width:100%;display:flex;justify-content:center;text-align:center}.w_schein .form .link a{width:calc(100% - 40px);color:var(--text-color);gap:10px}.w_schein .form .link a,.w_schein .form .link a .fa-xmark{font-weight:700;display:flex;justify-content:center;align-items:center}.w_schein .form .link a .fa-xmark{position:relative;font-size:15px;bottom:0;top:0;left:0;cursor:pointer;border-radius:50%;width:20px;height:20px}.w_schein .form .link a .fa-xmark:hover{color:red}.w_schein .form .link a:hover{color:var(--primary-color)}.w_schein .form .box{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;position:relative}.w_schein .form .box label{width:30%;padding:0}.w_schein .form .box input,.w_schein .form .box textarea{width:70%;background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem}.w_schein .form .box input:focus,.w_schein .form .box textarea:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.w_schein .form .box .isUploadedInfo{border:1px solid red}.w_schein .form .box .isUploadedText{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:96%;color:red;background-color:var(--box-color-bg);padding:5px;font-size:13px;box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:5px}.w_schein .form .box .fileExists{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:70%}.w_schein .form .box .fileExists button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;width:auto}.w_schein .form .box .fileExists button:hover{border:1px solid var(--primary-color);box-shadow:none}.w_schein .form .box .fileExists i{color:var(--xmark-color);cursor:pointer}.w_schein .form .box .fileExists i:hover{opacity:50%}.w_schein .form .box .file-upload{width:70%;display:flex;align-items:center;gap:1rem;font-family:inherit}.w_schein .form .box .file-upload input[type=file]{display:none}.w_schein .form .box .file-upload label{background-color:var(--secondary-color);color:var(--text-color);padding:5px 10px;height:29px;width:auto;border-radius:8px;cursor:pointer;font-weight:400}.w_schein .form .box .file-upload label:hover{opacity:50%}.w_schein .form .box .file-upload .file-name{font-size:.9rem;color:var(--text-color);opacity:.7}.w_schein .form .btnBox{width:100%;display:flex;justify-content:space-between}.w_schein .form .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.w_schein .form .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.w_schein .form .btnBox .cancelBtn{background-color:var(--cancel-btn-color)}.w_schein .form .btnBox .Speichern{background-color:var(--resume-btn-color)}.w_schein .form .btnBox .Löchen{background-color:var(--xmark-color);gap:10px}.DocumentForm{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15}.DocumentForm,.DocumentForm button{display:flex;justify-content:center;align-items:center}.DocumentForm button{margin-top:20px;flex-direction:row;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.DocumentForm button:hover{border:1px solid var(--primary-color);box-shadow:none}.DocumentForm .formHidden{overflow:hidden;border-radius:20px;height:90%;width:600px;padding:20px;background-color:var(--box-color-bg);position:relative}.DocumentForm .formHidden .fa-xmark{position:absolute;top:10px;right:10px;cursor:pointer;font-size:20px}.DocumentForm .formHidden .formTitle{width:100%;text-align:center;font-weight:700}.DocumentForm .formHidden .formTitle:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.DocumentForm .formHidden .form{height:calc(100% - 100px);overflow-y:overlay}.DocumentForm .formHidden .form .box{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:10px}.DocumentForm .formHidden .form .box label{width:20%}.DocumentForm .formHidden .form .box .input,.DocumentForm .formHidden .form .box .kalender,.DocumentForm .formHidden .form .box select,.DocumentForm .formHidden .form .box textarea{width:60%;background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;margin:0}.DocumentForm .formHidden .form .box .input:focus,.DocumentForm .formHidden .form .box .kalender:focus,.DocumentForm .formHidden .form .box select:focus,.DocumentForm .formHidden .form .box textarea:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.DocumentForm .formHidden .form .box .react-datepicker-wrapper{width:60%}.DocumentForm .formHidden .form .box .react-datepicker-wrapper input{width:100%}.DocumentForm .formHidden .form .box .react-datepicker-popper{left:-65px!important}.DocumentForm .formHidden .form .box .react-datepicker__tab-loop{position:absolute;width:100%;top:15px;left:-40%}.DocumentForm .formHidden .form .box .react-datepicker__navigation{margin-top:0}@media(max-width:500px){.w_schein .form .box .file-upload label{font-size:12px;width:50%;text-align:center}.DocumentForm .formHidden{height:100dvh;width:100dvw;border-radius:0}}.KontrollbelegePage{padding:20px;width:100%;height:calc(100dvh - 100px)}.KontrollbelegePage .deleteBox{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15}.KontrollbelegePage .deleteBox .box{width:450px;color:var(--text-color);padding:20px;background-color:var(--page-color-bg);border-radius:20px;position:relative}.KontrollbelegePage .deleteBox .box .fa-xmark{font-size:20px;cursor:pointer;position:absolute;top:10px;right:10px}.KontrollbelegePage .deleteBox .box p{font-size:18px;margin-top:20px}.KontrollbelegePage .deleteBox .box p span{font-weight:700}.KontrollbelegePage .deleteBox .box .btnBox{width:100%;display:flex;justify-content:space-between;margin-top:50px}.KontrollbelegePage .deleteBox .box .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.KontrollbelegePage .deleteBox .box .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.KontrollbelegePage .deleteBox .box .btnBox .Abbrechen{background-color:var(--cancel-btn-color)}.KontrollbelegePage .deleteBox .box .btnBox .Löchen{background-color:var(--xmark-color)}.KontrollbelegePage .tableBox{height:100%;border-radius:20px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.25)}.KontrollbelegePage .tableBox,.KontrollbelegePage .tableBox .headBox{width:100%;position:relative;background-color:var(--box-color-bg);display:flex;flex-direction:column}.KontrollbelegePage .tableBox .headBox{height:180px;padding:20px;justify-content:space-between;align-items:flex-start}.KontrollbelegePage .tableBox .headBox .PageTitle{text-align:left;font-weight:700;color:var(--text-color);z-index:1}.KontrollbelegePage .tableBox .headBox .navBar{color:var(--text-color);width:300px;display:flex;align-items:center;gap:5px;margin-bottom:20px;font-size:14px}.KontrollbelegePage .tableBox .headBox .navBar span{cursor:pointer}.KontrollbelegePage .tableBox .headBox .navBar span:hover{opacity:50%}.KontrollbelegePage .tableBox .headBox .invoiceIconBox{width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;width:140px;position:absolute;top:20px;right:20px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px}.KontrollbelegePage .tableBox .headBox .invoiceIconBox:hover{border:1px solid var(--primary-color);box-shadow:none}.KontrollbelegePage .tableBox .headBox .print{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color);height:35px;width:35px;position:absolute;top:20px;right:180px}.KontrollbelegePage .tableBox .headBox .print:hover{border:1px solid var(--primary-color);box-shadow:none}.KontrollbelegePage .tableBox .headBox .automaticUploadWS{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color);height:35px;width:35px;position:absolute;top:20px;right:240px}.KontrollbelegePage .tableBox .headBox .automaticUploadWS:hover{border:1px solid var(--primary-color);box-shadow:none}.KontrollbelegePage .tableBox .headBox .fa-filter{cursor:pointer;display:none}.KontrollbelegePage .tableBox .headBox .fa-filter:after{content:"  Filter";font-size:15px;font-weight:700;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.KontrollbelegePage .tableBox .headBox .stockBtn{position:absolute;bottom:80px;right:0;width:35px;height:35px;margin:0;color:var(--box-color-bg);background-color:var(--resume-btn-color);border:1px solid rgba(0,0,0,0);border-bottom-left-radius:7px;border-top-left-radius:7px;padding:7px;cursor:pointer;transition:width .4s ease-in-out;overflow:hidden;font-size:.8rem}.KontrollbelegePage .tableBox .headBox .stockBtn:hover{width:180px;box-shadow:none;border:1px solid var(--primary)}.KontrollbelegePage .tableBox .headBox .stockBtn:hover .btn-content .btn-text{opacity:1}.KontrollbelegePage .tableBox .headBox .stockBtn .btn-content{display:flex;align-items:center;min-width:max-content;height:100%}.KontrollbelegePage .tableBox .headBox .stockBtn .btn-content .btn-text{opacity:0;transition:opacity 1s ease;margin-left:8px}.KontrollbelegePage .tableBox .headBox .addBtn{bottom:40px}.KontrollbelegePage .tableBox .headBox .filterBox{width:100%;display:flex;justify-content:flex-start;align-items:flex-end;flex-wrap:wrap;gap:20px;color:var(--text-color);margin-top:15px}.KontrollbelegePage .tableBox .headBox .filterBox .Box{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:14px}.KontrollbelegePage .tableBox .headBox .filterBox .Box select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem}.KontrollbelegePage .tableBox .headBox .filterBox .Box select:focus{border:1px solid var(--secondary-color)}.KontrollbelegePage .tableBox .headBox .filterBox .Box input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem}.KontrollbelegePage .tableBox .headBox .filterBox .Box input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.KontrollbelegePage .tableBox .headBox .filterBox .Box .kalenderValue{border-radius:5px;width:100px;overflow:hidden}.KontrollbelegePage .tableBox .headBox .filterBox .Box .kalenderValue input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:100%}.KontrollbelegePage .tableBox .headBox .filterBox .Box .kalenderValue input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.KontrollbelegePage .tableBox .headBox .filterBox .Box .kalenderValue .kalender{position:absolute;background-color:#b4d5f5;z-index:2px;border-radius:10px;z-index:2}.KontrollbelegePage .tableBox .headBox .filterBox .Box .kalenderValue .kalender i{position:absolute;display:flex;justify-content:center;align-items:center;top:-1px;left:-1px;color:#ffc3c3;z-index:2;font-size:20px;width:25px;height:25px;border-radius:50%;cursor:pointer}.KontrollbelegePage .tableBox .headBox .filterBox .Box .kalenderValue .kalender i:hover{background-color:var(--box-color-bg)}.KontrollbelegePage .tableBox .headBox .filterBox .Box .fa-reply-all{cursor:pointer;color:var(--text-color);padding:5px;border-radius:5px}.KontrollbelegePage .tableBox .headBox .filterBox .Box .fa-reply-all:hover{background-color:var(--page-color-bg)}.KontrollbelegePage .tableBox .headBox .filterBox .Box #invoiceSwitch,.KontrollbelegePage .tableBox .headBox .filterBox .Box #virtual{position:absolute;opacity:0;z-index:-1}.KontrollbelegePage .tableBox .headBox .filterBox .Box .virtualBtn,.KontrollbelegePage .tableBox .headBox .filterBox .Box .withInvoiceBtn{display:flex;width:50px;height:26px;padding:3px;background-color:var(--secondary-color);border-radius:20px;transition:all .5s ease-in-out;cursor:pointer}.KontrollbelegePage .tableBox .headBox .filterBox .Box .virtualBtn .invoiceSwitchHandler,.KontrollbelegePage .tableBox .headBox .filterBox .Box .virtualBtn .virtualBtnHandler,.KontrollbelegePage .tableBox .headBox .filterBox .Box .withInvoiceBtn .invoiceSwitchHandler,.KontrollbelegePage .tableBox .headBox .filterBox .Box .withInvoiceBtn .virtualBtnHandler{display:flex;justify-content:center;align-items:center;width:20px;height:20px;position:relative;background-color:var(--primary-color);border-radius:50%;transition:all .5s ease-in-out;box-shadow:0 0 8px rgba(0,0,0,.3)}.KontrollbelegePage .tableBox .headBox .filterBox .Box .virtualBtn .invoiceSwitchHandler:after,.KontrollbelegePage .tableBox .headBox .filterBox .Box .virtualBtn .invoiceSwitchHandler:before,.KontrollbelegePage .tableBox .headBox .filterBox .Box .virtualBtn .virtualBtnHandler:after,.KontrollbelegePage .tableBox .headBox .filterBox .Box .virtualBtn .virtualBtnHandler:before,.KontrollbelegePage .tableBox .headBox .filterBox .Box .withInvoiceBtn .invoiceSwitchHandler:after,.KontrollbelegePage .tableBox .headBox .filterBox .Box .withInvoiceBtn .invoiceSwitchHandler:before,.KontrollbelegePage .tableBox .headBox .filterBox .Box .withInvoiceBtn .virtualBtnHandler:after,.KontrollbelegePage .tableBox .headBox .filterBox .Box .withInvoiceBtn .virtualBtnHandler:before{content:"";position:absolute;width:2px;height:10px;background-color:#fff;transition:all .5s ease-in-out}.KontrollbelegePage .tableBox .headBox .filterBox .Box .virtualBtn .invoiceSwitchHandler:before,.KontrollbelegePage .tableBox .headBox .filterBox .Box .virtualBtn .virtualBtnHandler:before,.KontrollbelegePage .tableBox .headBox .filterBox .Box .withInvoiceBtn .invoiceSwitchHandler:before,.KontrollbelegePage .tableBox .headBox .filterBox .Box .withInvoiceBtn .virtualBtnHandler:before{transform:rotate(45deg)}.KontrollbelegePage .tableBox .headBox .filterBox .Box .virtualBtn .invoiceSwitchHandler:after,.KontrollbelegePage .tableBox .headBox .filterBox .Box .virtualBtn .virtualBtnHandler:after,.KontrollbelegePage .tableBox .headBox .filterBox .Box .withInvoiceBtn .invoiceSwitchHandler:after,.KontrollbelegePage .tableBox .headBox .filterBox .Box .withInvoiceBtn .virtualBtnHandler:after{transform:rotate(-45deg)}.KontrollbelegePage .tableBox .headBox .filterBox .Box input[type=checkbox]:checked+.virtualBtn,.KontrollbelegePage .tableBox .headBox .filterBox .Box input[type=checkbox]:checked+.withInvoiceBtn{background-color:var(--checkmark-color)}.KontrollbelegePage .tableBox .headBox .filterBox .Box input[type=checkbox]:checked+.virtualBtn .invoiceSwitchHandler,.KontrollbelegePage .tableBox .headBox .filterBox .Box input[type=checkbox]:checked+.virtualBtn .virtualBtnHandler,.KontrollbelegePage .tableBox .headBox .filterBox .Box input[type=checkbox]:checked+.withInvoiceBtn .invoiceSwitchHandler,.KontrollbelegePage .tableBox .headBox .filterBox .Box input[type=checkbox]:checked+.withInvoiceBtn .virtualBtnHandler{margin-left:50%;background-color:#ecf0f1}.KontrollbelegePage .tableBox .headBox .filterBox .Box input[type=checkbox]:checked+.virtualBtn .invoiceSwitchHandler:before,.KontrollbelegePage .tableBox .headBox .filterBox .Box input[type=checkbox]:checked+.virtualBtn .virtualBtnHandler:before,.KontrollbelegePage .tableBox .headBox .filterBox .Box input[type=checkbox]:checked+.withInvoiceBtn .invoiceSwitchHandler:before,.KontrollbelegePage .tableBox .headBox .filterBox .Box input[type=checkbox]:checked+.withInvoiceBtn .virtualBtnHandler:before{width:3px;transform:rotate(45deg) translate(2px,-2px);background-color:var(--checkmark-color)}.KontrollbelegePage .tableBox .headBox .filterBox .Box input[type=checkbox]:checked+.virtualBtn .invoiceSwitchHandler:after,.KontrollbelegePage .tableBox .headBox .filterBox .Box input[type=checkbox]:checked+.virtualBtn .virtualBtnHandler:after,.KontrollbelegePage .tableBox .headBox .filterBox .Box input[type=checkbox]:checked+.withInvoiceBtn .invoiceSwitchHandler:after,.KontrollbelegePage .tableBox .headBox .filterBox .Box input[type=checkbox]:checked+.withInvoiceBtn .virtualBtnHandler:after{width:3px;background-color:var(--checkmark-color);height:9px;transform:rotate(-45deg) translate(-4px,-1.4px)}.KontrollbelegePage .tableBox .headBox .filterBox .resetFilterBtn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;padding:10px;height:auto;background-color:var(--box-color-bg);color:var(--text-color)}.KontrollbelegePage .tableBox .headBox .filterBox .resetFilterBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.KontrollbelegePage .tableBox .headBox .filterBox .resetFilterBtn i{transition:.3s ease-in-out}.KontrollbelegePage .tableBox .headBox .filterBox .resetFilterBtn:hover i{transform:rotate(-1turn)}.KontrollbelegePage .tableBox .tableWrapper{width:100%;flex:1;min-height:0;overflow-x:auto;overflow-y:clip;display:flex;flex-direction:column}.KontrollbelegePage .tableBox .table{width:100%;min-width:fit-content;flex:1;min-height:0;position:relative;display:flex;flex-direction:column}.KontrollbelegePage .tableBox .adminTable .tableColumn div,.KontrollbelegePage .tableBox .adminTable .tableRows .tableRow .tableElement{width:5.55%}.KontrollbelegePage .tableBox .adminTable .tableRows .tableRow .Upload{border-right:1px solid var(--sarch-color-bg)}.KontrollbelegePage .tableBox .adminTable .tableRows .tableRow .betragInfo{width:180px}.KontrollbelegePage .tableBox .pagination{display:flex;justify-content:center;align-items:center;gap:16px;height:48px;color:var(--text-color);font-size:14px;flex-shrink:0}.KontrollbelegePage .tableBox .pagination button{flex-direction:row;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;color:var(--text-color);width:32px;height:32px;background-color:var(--box-color-bg);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:6px}.KontrollbelegePage .tableBox .pagination button:hover{border:1px solid var(--primary-color);box-shadow:none}.KontrollbelegePage .tableBox .pagination button:disabled{opacity:.3;cursor:default;box-shadow:none}.KontrollbelegePage .tableBox .pagination button i{font-size:13px;color:var(--text-color)}.deleteBtn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;gap:10px;background-color:var(--delete-btn-color)}.deleteBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.table{margin-top:2px;width:100%;min-height:calc(100% - 290px);position:relative;padding-bottom:50px}.table .tableAlert{width:100%;padding:20px;gap:10px}.table .tableAlert,.table .tableAlert i{display:flex;justify-content:center;align-items:center;color:var(--text-color)}.table .tableAlert i{width:30px;height:30px;background-color:var(--page-color-bg);border-radius:50%}.table .tableColumn{width:100%;min-width:fit-content;background-color:var(--sarch-color-bg);display:flex;color:var(--text-color);justify-content:flex-start;align-items:center;font-size:14px;font-weight:700;padding:5px 0;text-align:center}.table .tableColumn .moreInfo{display:none}.table .tableColumn div{text-align:center;width:6.8%;min-width:65px;display:flex;justify-content:center;font-size:13px;color:var(--text-color)}.table .tableColumn .pdf{width:4%}.table .tableColumn .Schein{justify-content:center}.table .tableRows{flex:1;min-height:0;overflow-y:auto;padding-bottom:50px}.table .tableRows,.table .tableRows .tableRow{width:100%;min-width:fit-content;background-color:var(--box-color-bg)}.table .tableRows .tableRow{height:110px;display:flex;justify-content:flex-start;align-items:center;position:relative;border-bottom:1px solid var(--sarch-color-bg)}.table .tableRows .tableRow .moreInfo{display:none}.table .tableRows .tableRow .editBox{width:2%;justify-content:center;border-right:none}.table .tableRows .tableRow .editBox i{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);color:var(--text-color);width:25px;height:25px;background-color:var(--box-color-bg)}.table .tableRows .tableRow .editBox i:hover{border:1px solid var(--primary-color);box-shadow:none}.table .tableRows .tableRow .tableElement{width:6.8%;min-width:65px;height:100%;display:flex;padding:5px 0;justify-content:center;align-items:center;text-align:center;font-size:14px;color:var(--text-color);gap:5px;flex-wrap:wrap;border-right:1px solid var(--sarch-color-bg)}.table .tableRows .tableRow .tableElement span{display:flex;gap:5px}.table .tableRows .tableRow .tableElement span i{width:18px;height:18px;border-radius:50%;color:var(--text-color);display:flex;justify-content:center;align-items:center}.table .tableRows .tableRow .tableElement .fa-cloud-arrow-up,.table .tableRows .tableRow .tableElement .fa-file-arrow-down{font-size:20px;cursor:pointer;color:var(--text-color)}.table .tableRows .tableRow .tableElement .fa-cloud-arrow-up:hover,.table .tableRows .tableRow .tableElement .fa-file-arrow-down:hover{opacity:50%}.table .tableRows .tableRow .Betrag{position:relative;overflow:visible}.table .tableRows .tableRow .Betrag .fa-pen-to-square{cursor:pointer}.table .tableRows .tableRow .Betrag .fa-pen-to-square:hover{opacity:50%}.table .tableRows .tableRow .Betrag .betragInfo{background-color:var(--box-color-bg);box-shadow:0 2px 6px rgba(0,0,0,.25);position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:flex;flex-direction:row;gap:2px;justify-content:space-between;align-items:center;border-radius:7px;width:180px;height:50px;padding:5px;z-index:2}.table .tableRows .tableRow .Betrag .betragInfo:before{display:none}.table .tableRows .tableRow .Betrag .betragInfo input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:50%}.table .tableRows .tableRow .Betrag .betragInfo input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.table .tableRows .tableRow .Betrag .betragInfo i{cursor:pointer;font-size:20px;padding:2px;border-radius:2px}.table .tableRows .tableRow .Betrag .betragInfo .fa-check{color:#43806c}.table .tableRows .tableRow .Betrag .betragInfo .fa-check:hover{color:#02b67a}.table .tableRows .tableRow .Betrag .betragInfo .fa-xmark{color:red}.table .tableRows .tableRow .Betrag .betragInfo .fa-xmark:hover{color:#b60202}.table .tableRows .tableRow .pdf{width:4%}.table .tableRows .tableRow .avv,.table .tableRows .tableRow .date{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0;padding:0;gap:5px}.table .tableRows .tableRow .avv p,.table .tableRows .tableRow .date p{font-size:14px;margin:0;padding:0;width:auto}.table .tableRows .tableRow .avv .mobilePartition,.table .tableRows .tableRow .date .mobilePartition,.table .tableRows .tableRow .mobileAvv{display:none}.table .tableRows .tableRow .Upload{flex-direction:column;justify-content:center;align-items:center;border-right:none}.table .tableRows .tableRow .Upload a{font-size:11px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:3px}.table .tableRows .tableRow .Upload a i{font-size:15px;display:flex;justify-content:center;align-items:center;border-radius:50%;text-decoration:none;color:var(--checkmark-color)}.table .tableRows .tableRow .Upload a .noFile{color:var(--xmark-color)}.table .tableRows .tableRow .Upload a:hover{opacity:50%}.table .tableRows .tableRow .OptionsBox{padding:5px 7px;border-radius:5px;background-color:var(--box-color-bg);color:var(--text-color);position:absolute;top:50%;transform:translateY(-50%);right:35px;display:flex;gap:10px;box-shadow:0 5px 15px var(--btn-shadow)}.table .tableRows .tableRow .OptionsBox i{font-size:18px;cursor:pointer}.table .tableRows .tableRow .OptionsBox i:hover{opacity:50%}.table .tableRows .tableRow .OptionsBox .fa-trash-can{font-size:17px;color:var(--xmark-color)}.table .tableRows .missingDoc{background-color:var(--missing-doc-color)}.controllTableIsCmsl .tableColumn div,.controllTableIsCmsl .tableRows .tableRow .tableElement{width:12%}.ShowDetails{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;align-items:center;justify-content:center}.ShowDetails .dataBox{width:500px;height:auto;background-color:var(--box-color-bg);border-radius:20px;padding:20px;position:relative}.ShowDetails .dataBox .fa-xmark{position:absolute;top:10px;right:10px}.ShowDetails .dataBox .title{display:block;text-align:center}.ShowDetails .dataBox .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.ShowDetails .dataBox .Details{height:calc(100% - 37px);overflow-y:overlay;padding-top:20px}.ShowDetails .dataBox .Details .infos{width:100%;display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--sarch-color-bg)}.ShowDetails .dataBox .Details .infos .left{font-size:14px;font-weight:700}.ShowDetails .dataBox .Details .infos .right{font-size:14px}.ShowDetails .dataBox .Details .btnBox{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;padding:20px}.ShowDetails .dataBox .Details .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;gap:10px}.ShowDetails .dataBox .Details .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.kontrollbelegeLoadingOverlay{width:100%;min-height:200px;display:flex;justify-content:center;align-items:center}.kontrollbelegeLoadingOverlay .kontrollbelegeLoadingSvg{width:60px;height:60px;color:var(--primary-color);animation:rotate .5s linear infinite}@media(max-width:1100px){.KontrollbelegePage{height:auto;padding-bottom:0;padding-left:0;padding-right:0}.KontrollbelegePage .tableBox,.KontrollbelegePage .tableBox .headBox{height:auto}.KontrollbelegePage .tableBox .tableWrapper{flex:unset;-webkit-overflow-scrolling:touch;border:1px solid var(--sarch-color-bg);border-radius:10px;overflow-x:auto;overflow-y:clip}.KontrollbelegePage .tableBox .pagination{padding-bottom:0;margin-bottom:0}.table .tableRows{overflow-y:visible;flex:none;height:auto;padding-bottom:0}}@media(max-width:500px){.KontrollbelegePage .tableBox .headBox .print{right:70px}.KontrollbelegePage .tableBox .headBox .invoiceIconBox{width:35px}.KontrollbelegePage .tableBox .headBox .invoiceIconBox p{display:none}}.uploadWs{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15}.uploadWs,.uploadWs .uploadBox{display:flex;justify-content:center;align-items:center}.uploadWs .uploadBox{background-color:var(--box-color-bg);width:auto;height:90%;max-height:934px;border-radius:20px;overflow:hidden;padding:20px;position:relative;flex-direction:column;gap:10px}.uploadWs .uploadBox .fa-xmark{position:absolute;top:10px;right:10px}.uploadWs .uploadBox h3{text-align:center}.uploadWs .uploadBox h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.uploadWs .uploadBox p{color:var(--text-color)}.uploadWs .uploadBox .loadingScreen{position:absolute;width:100%;height:100%;z-index:15;border-radius:20px;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;background-color:rgba(60,54,54,.5764705882)}.uploadWs .uploadBox .loadingScreen p{font-size:20px;color:#fff}.uploadWs .uploadBox .upload{width:100%;display:flex;align-items:center;justify-content:center;gap:1rem;font-family:inherit}.uploadWs .uploadBox .upload input[type=file]{display:none}.uploadWs .uploadBox .upload label{background-color:var(--secondary-color);color:var(--text-color);padding:5px 10px;height:29px;width:auto;border-radius:8px;cursor:pointer;font-weight:400}.uploadWs .uploadBox .upload label:hover{opacity:50%}.uploadWs .uploadBox .upload .fileName{font-size:.9rem;color:var(--text-color);opacity:.7}.uploadWs .uploadBox .foundDoc{width:100%;min-width:800px;height:calc(100% - 140px);overflow-y:hidden;text-align:center}.uploadWs .uploadBox .foundDoc .docId{font-weight:700;font-size:larger;color:var(--primary-color)}.uploadWs .uploadBox .foundDoc .docPreview{height:calc(100% - 85px);overflow-y:auto;background-color:var(--secondary-color);padding:20px;display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:20px;border-radius:20px;position:relative}.uploadWs .uploadBox .foundDoc .docPreview iframe{border-radius:20px;border:5px solid var(--primary-color);height:100%}.uploadWs .uploadBox .foundDoc .docPreview .counter{position:absolute;top:0;left:20px;background-color:rgba(0,0,0,.178);color:#fff;padding:10px;border-radius:10px}.uploadWs .uploadBox .foundDoc .docPreview button{cursor:pointer;border-radius:50%;min-width:35px;height:35px;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;z-index:1000;background-color:rgba(0,0,0,.178);border:none}.uploadWs .uploadBox .foundDoc .docPreview button:not(:disabled):hover{opacity:50%}.uploadWs .uploadBox .foundDoc .docPreview .controleDoc{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:40%;height:100%;background-color:var(--box-color-bg);padding:20px 0;border-radius:20px;overflow-y:hidden}.uploadWs .uploadBox .foundDoc .docPreview .controleDoc .headline{font-weight:700;font-size:larger;color:var(--primary-color);padding:0;margin:0}.uploadWs .uploadBox .foundDoc .docPreview .controleDoc .dataList{height:calc(100% - 24px);overflow-y:auto;padding:20px}.uploadWs .uploadBox .foundDoc .docPreview .controleDoc .dataList .fieldBox{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--sarch-color-bg)}.uploadWs .uploadBox .foundDoc .docPreview .controleDoc .dataList .fieldBox input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:40%;border:1px solid var(--xmark-color)}.uploadWs .uploadBox .foundDoc .docPreview .controleDoc .dataList .fieldBox input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.uploadWs .uploadBox .btnBox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-top:20px}.uploadWs .uploadBox .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.uploadWs .uploadBox .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.uploadWs .uploadBox .btnBox .cancelBtn{background-color:var(--cancel-btn-color)}.chartsContainer{position:absolute;bottom:0;right:0;width:28%;height:100%;padding-bottom:20px}.chartsContainer .chartsBox{height:100%;border-radius:20px;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px;z-index:2;position:relative;box-shadow:0 2px 6px rgba(0,0,0,.25)}.chartsContainer .chartsBox,.chartsContainer .chartsBox .menuBtn{display:flex;align-items:center;background-color:var(--primary-color)}.chartsContainer .chartsBox .menuBtn{position:absolute;left:-17px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;justify-content:center;border:4px solid #fff;color:var(--btn-label-color);box-shadow:0 0 3px gray;cursor:pointer;z-index:12}.chartsContainer .chartsBox .chart{width:100%;height:48%;border-radius:20px;background-color:var(--box-color-bg);color:var(--text-color);display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;box-shadow:0 2px 6px rgba(0,0,0,.25);position:relative}.chartsContainer .chartsBox .chart .customLegend{position:absolute;width:300px;height:200px;left:-300px;top:10px;background-color:var(--box-color-bg);border-radius:20px 0 0 20px;border:10px solid var(--primary-color);z-index:-1;overflow:hidden}.chartsContainer .chartsBox .chart .customLegend .legendBox{padding:10px;height:100%;width:100%;overflow-y:overlay}.chartsContainer .chartsBox .chart .title{width:100%}.chartsContainer .chartsBox .chart .title .bottom,.chartsContainer .chartsBox .chart .title .top{display:flex;flex-direction:row;position:relative;justify-content:flex-start;align-items:center}.chartsContainer .chartsBox .chart .title .weightState{margin:0;padding-left:40px}.chartsContainer .chartsBox .chart .title .top{height:40px;padding-left:40px;font-weight:700}.chartsContainer .chartsBox .chart .title .top p{margin:0}.chartsContainer .chartsBox .chart .title .top .fa-down-left-and-up-right-to-center,.chartsContainer .chartsBox .chart .title .top .fa-up-right-and-down-left-from-center{position:absolute;top:10px;left:10px;cursor:pointer}.chartsContainer .chartsBox .chart .title .top .fa-down-left-and-up-right-to-center:hover,.chartsContainer .chartsBox .chart .title .top .fa-up-right-and-down-left-from-center:hover{opacity:50%}.chartsContainer .chartsBox .chart .title .top .fa-circle-info{cursor:pointer;font-size:20px;margin-left:10px;color:gray}.chartsContainer .chartsBox .chart .title .top .fa-circle-info:hover{opacity:50%}.chartsContainer .chartsBox .chart .title .top button{position:absolute;top:0;right:0;width:35px;height:35px;margin:0;font-size:.8rem;background-color:var(--resume-btn-color);color:var(--btn-label-color);border:1px solid rgba(0,0,0,0);border-bottom-left-radius:7px;border-top-right-radius:20px;padding:7px;cursor:pointer;transition:width .4s ease-in-out;overflow:hidden}.chartsContainer .chartsBox .chart .title .top button:hover{width:150px;box-shadow:none;border:1px solid var(--primary)}.chartsContainer .chartsBox .chart .title .top button:hover .btn-content .btn-text{opacity:1}.chartsContainer .chartsBox .chart .title .top button .btn-content{display:flex;align-items:center;min-width:max-content}.chartsContainer .chartsBox .chart .title .top button .btn-content .btn-text{opacity:0;transition:opacity 1s ease;margin-left:8px}.chartsContainer .chartsBox .chart .title .top button .btn-content .fa-eye,.chartsContainer .chartsBox .chart .title .top button .btn-content .fa-eye-slash{font-size:15px}.chartsContainer .chartsBox .chart .title .bottom{justify-content:flex-start;padding-left:10px;padding-bottom:5px;gap:10px}.chartsContainer .chartsBox .chart .title .bottom .showLegendBtn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;padding:0;width:100px;height:40px;border-radius:7px}.chartsContainer .chartsBox .chart .title .bottom .showLegendBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.chartsContainer .chartsBox .chart .title .bottom .showLegendBtn i{display:none}.chartsContainer .chartsBox .chart .title .bottom .Switch{position:absolute;top:0;right:0;width:35px;height:35px;margin:0;color:var(--box-color-bg);background-color:var(--resume-btn-color);border:1px solid rgba(0,0,0,0);border-bottom-left-radius:7px;border-top-left-radius:7px;padding:7px;cursor:pointer;transition:width .4s ease-in-out;overflow:hidden;font-size:.8rem}.chartsContainer .chartsBox .chart .title .bottom .Switch:hover{width:150px;box-shadow:none;border:1px solid var(--primary)}.chartsContainer .chartsBox .chart .title .bottom .Switch:hover .btn-content .btn-text{opacity:1}.chartsContainer .chartsBox .chart .title .bottom .Switch .btn-content{display:flex;align-items:center;min-width:max-content;height:100%;color:var(--btn-label-color)}.chartsContainer .chartsBox .chart .title .bottom .Switch .btn-content .btn-text{opacity:0;transition:opacity 1s ease;margin-left:8px}.chartsContainer .chartsBox .chart .title .bottom .Switch .btn-content .fa-weight-hanging{font-size:15px}.chartsContainer .chartsBox .chart .title .bottom select{background-color:var(--sarch-color-bg);border:none;border-radius:7px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem;color:var(--text-color);padding:2px}.chartsContainer .chartsBox .chart .title .bottom select:focus{border:1px solid var(--secondary-color)}.chartsContainer .chartsBox .chart .types{display:flex;height:100%;align-items:center;position:absolute;right:10px;top:0;font-weight:100;font-size:15px;color:var(--text-color)}.chartsContainer .chartsBox .chart .types input{cursor:pointer}@media(max-width:550px){.chartsContainer .chartsBox .chart button{width:auto;padding:3px 5px;font-size:11px;top:0}.chartsContainer .chartsBox .chart .Switch{width:auto;padding:3px 5px;font-size:11px}.chartsContainer .chartsBox .chart select{font-size:11px}.chartsContainer .chartsBox .chart .monatSelectBox{bottom:-20px;left:5px}.chartsContainer .chartsBox .chart .DiagrammTypBox{bottom:-20px;left:85px}}.chartsContainer .chartsBox .chart .Chart{width:calc(100% - 20px);height:calc(100% - 100px);display:flex;justify-content:center;align-items:center}@media(max-width:1200px){.chartsContainer .chartsBox .chart{width:100%;height:auto}}@media(max-width:850px){.chartsContainer .chartsBox .chart{height:300px}}.chartsContainer .chartsBox .isFullscreen{justify-content:space-between}.chartsContainer .chartsBox .isFullscreen .customLegend{position:static;border:none;width:100%;height:100px}.chartsContainer .chartsBox .isFullscreen .customLegend .legendBox{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;width:100%}.chartsContainer .chartsBox .isFullscreen .Chart{height:calc(100% - 285px)}@media(max-width:1700px){.chartsContainer .chartsBox .chart .title .bottom .showLegendBtn{width:30px;height:30px}.chartsContainer .chartsBox .chart .title .bottom .showLegendBtn p{display:none}.chartsContainer .chartsBox .chart .title .bottom .showLegendBtn i{display:block}}@media(max-width:1400px){.chartsContainer .chartsBox .chart .title .bottom .Switch{top:100%}}@media(max-width:1310px){.chartsContainer .chartsBox .chart .customLegend{left:0;top:-200px;z-index:5;border-radius:20px 20px 0 0}}.cont{width:100%;height:100%;display:flex;align-items:flex-end;overflow:hidden;position:relative}.cont .title{height:17px;width:100%;background-color:var(--primary-color);left:0;z-index:2;display:flex;border-radius:10px 10px 0 0;font-weight:400;text-align:center;align-items:center;font-size:1.2rch;display:none}.cont .title,.cont .title .time{position:absolute;top:0;color:#fff}.cont .title .time{left:10px;background-color:rgba(0,0,0,0);box-shadow:none}.cont .title .status{width:auto;position:absolute;right:10px}.cont .cunt{width:30px;position:absolute;left:10px;font-size:13px;color:var(--text-color);display:none}.cont .iconsBox{width:calc(100% - 20px);height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 10px;display:none;position:absolute;top:0;left:0;z-index:1}.cont .iconsBox i{width:auto;height:auto;font-size:25px;transform:matrix(1,0,0,3,0,0);color:#585858;cursor:pointer}.cont .iconsBox i:hover{color:var(--primary-color);text-shadow:0 0 7px var(--primary-color)}.cont .iconsBox i:active{font-size:23px}.cont .resumeBtn{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-size:11px;color:#fff;background-color:var(--primary-color);padding:2px 8px;border-radius:10px;cursor:pointer;display:none;white-space:nowrap;z-index:2}.cont .resumeBtn:hover{filter:brightness(1.2)}.cont:hover .iconsBox,.cont:hover .title{display:flex}.cont:hover .cunt,.cont:hover .resumeBtn{display:block}.cont .animation{width:85%;height:100%;position:absolute;top:0;left:7.5%}.cont .abholung{width:90%;height:105%;position:absolute;top:-6px;left:5%}.cont .offline{width:100px;height:80%;position:absolute;top:15px;left:calc(50% - 50px)}.cont .KeinContainer{width:150px;height:80%;position:absolute;top:12px;left:20%}.cont .offlineText{bottom:5px;text-align:center;font-size:20px;color:#aa4141}.cont .offlineText,.cont .textBg{width:100%;height:auto;position:absolute;font-weight:700}.cont .textBg{display:flex;justify-content:center;align-items:center;font-size:15px;top:30px;left:0}@keyframes marquee{to{transform:translateX(-200%)}}.showMoreCollectorPage{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.showMoreCollectorPage .showMoreCollectorForm{background-color:var(--box-color-bg);color:var(--text-color);position:relative;padding:20px;border-radius:20px;width:400px;height:auto}.showMoreCollectorPage .showMoreCollectorForm .fa-xmark{position:absolute;top:10px;right:10px}.showMoreCollectorPage .showMoreCollectorForm h3{text-align:center}.showMoreCollectorPage .showMoreCollectorForm h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.showMoreCollectorPage .showMoreCollectorForm .elements{width:100%}.showMoreCollectorPage .showMoreCollectorForm .elements .elementBox{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--sarch-color-bg)}.showMoreCollectorPage .showMoreCollectorForm .elements .elementBox p:first-child{font-weight:700}.showMoreCollectorPage .showMoreCollectorForm .elements .elementBox p:last-child{text-align:right}.container{height:100dvh;width:100%;display:flex;background-color:var(--background-color);color:#1e1e2f;user-select:none;overflow-y:auto;position:relative;justify-content:flex-end;overflow-x:hidden}.container .content{transition:width 1s}.statPage{width:100%;height:calc(100dvh - 90px);background-color:var(--page-color-bg);display:flex;flex-wrap:wrap;transition:all 0s}.statPage .time{width:auto;display:flex;justify-content:center;position:absolute;top:0;gap:20px;color:var(--text-color);background-color:var(--box-color-bg);padding:2px 10px;border-radius:5px;left:calc(50% - 130px);box-shadow:0 2px 6px rgba(0,0,0,.25)}.statPage .time p{margin:0}.statPage .mainBox{padding:20px;width:100%;height:100%;display:flex;position:relative}.statPage .mainBox .infoBox{width:100%;height:100%;padding:0}.statPage .mainBox .infoBox .headBox{width:100%;height:150px;border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.statPage .mainBox .infoBox .headBox .LiveTicker{color:var(--text-color);overflow:hidden}.statPage .mainBox .infoBox .headBox .LiveTicker,.statPage .mainBox .infoBox .headBox .detailsBox{width:calc(25% - 7.5px);min-width:250px;height:150px;background-color:var(--box-color-bg);border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25)}.statPage .mainBox .infoBox .headBox .detailsBox{padding:10px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.statPage .mainBox .infoBox .headBox .detailsBox span:first-child{text-align:left}.statPage .mainBox .infoBox .headBox .detailsBox span:last-child{text-align:right}.statPage .mainBox .infoBox .headBox .detailsBox .headline{display:flex;flex-direction:row;gap:20px}.statPage .mainBox .infoBox .headBox .detailsBox .fa-circle-info{font-size:20px;cursor:pointer}.statPage .mainBox .infoBox .headBox .detailsBox .fa-circle-info:hover{opacity:50%}.statPage .mainBox .infoBox .headBox .detailsBox .printBtn{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);font-size:15px;color:var(--text-color)}.statPage .mainBox .infoBox .headBox .detailsBox .printBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.statPage .mainBox .infoBox .headBox .detailsBox .currentDate{background-color:var(--secondary-color);color:var(--btn-label-color);width:auto;padding:5px 10px;border-radius:15px;display:inline-block;align-self:flex-start;font-size:14px;margin:0}.statPage .mainBox .infoBox .headBox .detailsBox .title{width:100%;text-align:center;color:var(--text-color);display:flex;justify-content:space-between;align-items:center;flex-direction:row}.statPage .mainBox .infoBox .headBox .detailsBox .title h3{padding:0;margin:0}.statPage .mainBox .infoBox .headBox .detailsBox .title .infosBox{top:30px;position:absolute;padding:20px;border:2px solid var(--primary-color);background-color:var(--page-color-bg);color:var(--text-color);font-weight:500;text-align:left;border-radius:20px;box-shadow:0 0 5px var(--primary-color);transition:all .5s}.statPage .mainBox .infoBox .headBox .detailsBox .info{width:100%;display:flex;justify-content:space-between;text-align:center;color:var(--text-color);padding:5px 0;margin-bottom:5px}.statPage .mainBox .infoBox .mainBox{width:100%;height:calc(100% - 140px);min-height:500px;margin-top:5px;padding:0;display:flex;justify-content:flex-start;align-items:center;position:relative}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox{width:55%;height:50%;border-radius:10px;overflow:hidden;display:flex;flex-wrap:wrap}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .title{width:100%;height:20px;padding:5px 0;font-weight:700;text-align:center;color:var(--text-color);background-color:var(--box-color-bg);border-radius:10px 10px 0 0;margin-bottom:2px;position:relative}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .title span{position:absolute;right:calc(5% + 133px);top:6px;font-size:14px}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .title .machines{position:absolute;right:5%;top:6px;width:130px;border-radius:30px;border:none;cursor:pointer;outline:none;color:var(--text-color);background-color:var(--box-color-bg)}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .ctx{width:70%;height:calc(100% - 32px);background-color:var(--chart-bg-color);display:flex;justify-content:center;align-items:center;overflow:hidden}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox{width:30%;height:calc(100% - 33px);background-color:var(--box-color-bg);color:var(--text-color);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;padding:10px 0}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .chartOptionsHeader{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-size:13px}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .chartOptionsHeader .chartOptionsBoxTitle{width:100%;text-align:center;margin-bottom:10px;display:flex;justify-content:center}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .chartOptionsHeader .chartOption{font-size:14px;font-size:13px;width:40%}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .chartOptionsHeader .chartOption input{cursor:pointer}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .options{width:auto;height:160px;box-shadow:0 0 2px var(--primary-color);border-radius:10px;overflow:hidden}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .options .optionsHeader{display:flex;font-size:12px;border-bottom:1px solid var(--primary-color)}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .options .optionsHeader div{width:50%;padding:5px;text-align:center;cursor:pointer}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .options .datumBox{width:calc(100% - 4px);height:115px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:2px;gap:2px;overflow:hidden;overflow-y:auto}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .options .datumBox .btn{width:25%;padding:5px;background-color:var(--box-color-bg);border-radius:5px;text-align:center;font-size:15px;cursor:pointer}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .options .datumBox .btn:hover{background-color:rgba(94,94,94,.1568627451)}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .box{font-size:13px;margin-top:-5px}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .box input{cursor:pointer}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege{width:100%;height:50%;min-height:300px;border-radius:20px;overflow:hidden;position:relative;transition:all .5s;padding-top:10px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title{width:100%;color:var(--text-color);background-color:rgba(0,0,0,0);transition:all .5s;font-weight:700;display:flex;justify-content:flex-start;align-items:flex-end;font-size:16px;position:relative}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title .topBtn{height:30px;position:relative;width:200px;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:16px;font-weight:700;border:none;background-color:var(--sarch-color-bg);color:var(--text-color);border-radius:20px 20px 0 0;cursor:pointer}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title .topBtn .icon{position:absolute;left:10px;top:10px;font-size:14px;color:var(--text-color);cursor:pointer}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title .topBtn .icon:hover{opacity:50%}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title .activeBtn{background-color:var(--box-color-bg);width:250px;height:41px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title .filterBox{height:20px;position:absolute;right:30px;display:flex;gap:20px;top:0;transform:translateY(50%)}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title .filterBox .selectBox{display:flex;align-items:center;gap:5px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title .filterBox .selectBox label{font-size:13px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title .filterBox .selectBox select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title .filterBox .selectBox select:focus{border:1px solid var(--secondary-color)}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title .filterBox .selectBox input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title .filterBox .selectBox input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title .filterBox .flatpickr-input{border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color)}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn{width:100%;height:50px;display:flex;justify-content:flex-start;align-items:center;font-size:14px;font-weight:700;color:var(--text-color);background-color:var(--box-color-bg);border-radius:0 20px 0 0}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn div{width:7.7%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn .MehrInfos{display:none}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows{height:100%;overflow-y:auto;display:flex;flex-direction:column}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow{background-color:var(--box-color-bg);width:100%;height:80px;display:flex;justify-content:flex-start;font-size:14px;align-items:center;color:var(--text-color);border-bottom:1px solid var(--sarch-color-bg)}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow div{width:7.7%;text-align:center;height:80px;display:flex;justify-content:center;align-items:center;border-right:1px solid var(--sarch-color-bg)}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .Datum{text-align:center}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .Upload{display:flex;flex-direction:column;gap:5px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .Upload a{font-size:11px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:3px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .Upload a i{width:15px;height:15px;display:flex;justify-content:center;align-items:center;border-radius:50%;text-decoration:none;font-size:12px;color:var(--checkmark-color)}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .Upload a .missingPdf{color:var(--xmark-color)}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .Upload a:hover{opacity:50%}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow i{font-size:16px;cursor:pointer}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow i:hover{opacity:50%}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .MehrInfos{display:none}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .missingDoc{background-color:var(--missingDoc-color)}.statPage .mainBox .infoBox .mainBox .toDoInvoices{width:100%;height:50%;min-height:300px;border-radius:20px;overflow:hidden;position:relative;transition:all .5s;padding-top:10px}.statPage .mainBox .infoBox .mainBox .toDoInvoices .deleteBtnDashboard{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color);background-color:var(--delete-btn-color);position:absolute;right:10px;top:5px;color:#fff}.statPage .mainBox .infoBox .mainBox .toDoInvoices .deleteBtnDashboard:hover{border:1px solid var(--primary-color);box-shadow:none}.statPage .mainBox .infoBox .mainBox .toDoInvoices .title{width:100%;color:var(--text-color);background-color:rgba(0,0,0,0);transition:all .5s;font-weight:700;display:flex;justify-content:flex-start;align-items:flex-end;font-size:16px}.statPage .mainBox .infoBox .mainBox .toDoInvoices .title button{height:30px;position:relative;width:200px;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:16px;font-weight:700;border:none;background-color:var(--sarch-color-bg);color:var(--text-color);border-radius:20px 20px 0 0;cursor:pointer}.statPage .mainBox .infoBox .mainBox .toDoInvoices .title button .icon{position:absolute;left:10px;top:10px;font-size:14px;color:var(--text-color);cursor:pointer}.statPage .mainBox .infoBox .mainBox .toDoInvoices .title button .icon:hover{opacity:50%}.statPage .mainBox .infoBox .mainBox .toDoInvoices .title .activeBtn{background-color:var(--box-color-bg);width:250px;height:41px}.statPage .mainBox .infoBox .mainBox .toDoInvoices .tableHead{background-color:var(--box-color-bg);border-radius:0 20px 0 0;border-bottom:1px solid var(--sarch-color-bg)}.statPage .mainBox .infoBox .mainBox .toDoInvoices .InvoicesTable{background-color:var(--box-color-bg);border-radius:0 20px 20px 20px;height:calc(100% - 41px)}.statPage .mainBox .infoBox .mainBox .mehrInfosBox{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.statPage .mainBox .infoBox .mainBox .mehrInfosBox .boxInfos{width:90%;height:auto;max-height:100%;background-color:var(--box-color-bg);border-radius:20px;position:relative;padding:20px}.statPage .mainBox .infoBox .mainBox .mehrInfosBox .boxInfos .fa-xmark{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer}.statPage .mainBox .infoBox .mainBox .mehrInfosBox .boxInfos .titleBoxInfos{width:100%;font-weight:700;display:block;text-align:center}.statPage .mainBox .infoBox .mainBox .mehrInfosBox .boxInfos .titleBoxInfos:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.statPage .mainBox .infoBox .mainBox .mehrInfosBox .boxInfos .InfosBox{width:100%;height:calc(100% - 37px);overflow:hidden;overflow-y:overlay}.statPage .mainBox .infoBox .mainBox .mehrInfosBox .boxInfos .InfosBox .Infos{border-bottom:1px solid var(--sarch-color-bg);color:var(--text-color);display:flex;justify-content:space-between;font-weight:700;padding:10px}.statPage .mainBox .infoBox .mainBox .mehrInfosBox .boxInfos .InfosBox .Infos .right{font-weight:400}.statPage .mainBox .infoBox .officeMainBox{width:100%;height:calc(100% - 150px);min-height:560px;position:relative;display:flex;flex-direction:column}.statPage .mainBox .infoBox .officeMainBox.isFullscreen .table{height:0;overflow:hidden!important;opacity:0}.statPage .mainBox .infoBox .officeMainBox.isFullscreen .kontrollbelege{height:100%}.statPage .mainBox .infoBox .collectorMainBox{height:100%;min-height:600px}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox{width:100%!important;padding-bottom:0;min-height:600px}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .Btn{background-color:var(--box-color-bg);padding:20px}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable{min-height:600px}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle{justify-content:flex-start}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle div{width:12.2%}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle .Netto,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle .collectorPlzColumn{width:7%}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle .Füllgrad,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle .MaschID{width:10%}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle .Status{display:none}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox{min-height:600px}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .element{width:12.2%;padding:2px}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .Netto,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .collectorPlzElement{width:7%}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .cont,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .maschID{width:10%}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .icon{display:none}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .moreInfoElement{display:flex;justify-content:center;align-items:center;width:5%;height:100%}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .moreInfoElement .moreInfoBtn{background-color:var(--secondary-color);color:var(--btn-label-color);border:none;padding:7px 10px;border-radius:10px;font-size:16px;cursor:pointer;display:flex;flex-direction:row;gap:5px;width:auto;height:auto}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .moreInfoElement .moreInfoBtn:hover{border:1px solid var(--primary-color)}.statPage .alert{width:400px;height:400px;background-color:red;position:absolute;bottom:5px;right:5px;border-radius:20px;box-shadow:0 0 10px red;transition:all .5s}.statPage .alert .fa-xmark{position:absolute;top:10px;left:10px;font-size:20px;cursor:pointer;color:var(--text-color)}@media(max-width:1310px){.statPage{overflow:visible;height:auto}.statPage .mainBox .infoBox .headBox{height:auto;justify-content:center;align-items:center}.statPage .mainBox .infoBox .mainBox{flex-direction:column}.statPage .mainBox .infoBox .mainBox .LagersystemBox{width:100%!important;max-height:600px}.statPage .mainBox .infoBox .mainBox .chartsContainer{position:relative;width:100%;height:612px;margin-top:20px}.statPage .mainBox .infoBox .mainBox .chartsContainer .chartsBox .menuBtn{display:none}.statPage .mainBox .infoBox .mainBox .chartsContainer .chartsBox .chart{height:281px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege{margin-top:20px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn div{width:8.63%}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn .PDF{width:5%}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn .MehrInfos{display:block}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn .comment,.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn .documentId{display:none}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows{max-height:500px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow div{width:8.63%}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .pdfElement{width:5%}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .MehrInfos{display:block;font-weight:700;display:flex;justify-content:center;align-items:center;gap:5px;font-size:13px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .MehrInfos button{background-color:var(--secondary-color);color:var(--btn-label-color);border:none;padding:7px 10px;border-radius:10px;font-size:16px;cursor:pointer;display:flex;flex-direction:row;gap:5px;width:auto;height:auto}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .MehrInfos button:hover{border:1px solid var(--primary-color)}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .comment,.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .documentId{display:none}}@media(max-width:1100px){.statPage .mainBox .infoBox .headBox .LiveTicker,.statPage .mainBox .infoBox .headBox .detailsBox{width:calc(33.3% - 8px)}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn div{width:11.87%}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn .Material,.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn .totalProductionTime,.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn .totalStandstillTime{display:none}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow div{width:11.87%}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .Material,.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .totalProductionTime,.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .totalStandstillTime{display:none}}@media(max-width:800px){.statPage .mainBox .infoBox .headBox .LiveTicker,.statPage .mainBox .infoBox .headBox .detailsBox{width:calc(50% - 10px)}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn div{width:15.83%}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn .Datum,.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn .workingWeight{display:none}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow div{width:15.83%}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .Datum,.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .workingWeight{display:none}}@media(max-width:550px){.statPage .mainBox .infoBox .headBox .LiveTicker,.statPage .mainBox .infoBox .headBox .detailsBox{width:100%}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn div{width:30%}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn .PDF{width:10%}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn .brutto,.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn .netto,.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn .tara{display:none}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow div{width:30%}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .pdfElement{width:10%}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .brutto,.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .netto,.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .tara{display:none}}.editPage{width:100%;height:calc(100dvh - 90px);padding:20px}.editPage .edit{width:100%;height:100%;background-color:var(--box-color-bg);border-radius:20px;position:relative;display:flex;flex-direction:column;box-shadow:0 2px 6px rgba(0,0,0,.25);overflow:hidden}.editPage .edit .title{height:67px;text-align:left;padding:20px 0 20px 20px;color:var(--text-color)}.editPage .edit .EditTabs{height:35px;width:100%;display:flex;justify-content:flex-start;align-items:flex-end}.editPage .edit .EditTabs .tab{height:30px;width:110px;cursor:pointer;background-color:var(--box-color-bg);color:var(--text-color);font-size:15px;box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:20px 20px 0 0;display:flex;justify-content:center;align-items:center;z-index:0}.editPage .edit .EditTabs .tab:hover{background-color:var(--secondary-color)}.editPage .edit .EditTabs .activeTab{height:35px;width:115px;font-size:16px;z-index:1;background-color:var(--sarch-color-bg)}.editPage .edit .navBar{color:var(--text-color);display:flex;align-items:center;justify-content:flex-start;gap:5px;font-size:14px;padding:20px 0 0 20px}.editPage .edit .navBar span{cursor:pointer}.editPage .edit .navBar span:hover{opacity:50%}.editPage .edit .addNewBox{position:absolute;right:20px;top:20px}.editPage .edit .addNewBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;flex-wrap:wrap;gap:5px;height:54px;width:auto;padding:5px;background-color:var(--box-color-bg);color:var(--text-color);box-shadow:0 5px 15px var(--btn-shadow);border:1px solid rgba(0,0,0,0);border-radius:10px}.editPage .edit .addNewBox button i{transition:.5s ease}.editPage .edit .addNewBox button:hover{box-shadow:none;border-color:var(--primary-color)}.editPage .edit .addNewBox button:hover i{transform:rotate(1turn)}.editPage .edit .accounts{width:100%;height:calc(100% - 139px);overflow:hidden;color:var(--text-color);background-color:var(--box-color-bg);z-index:2}.editPage .edit .accounts .accountToggle{display:flex;align-items:center;padding:8px 16px;background-color:var(--box-color-bg)}.editPage .edit .accounts .accountToggle .toggleGroup{display:flex;background-color:var(--sarch-color-bg);border-radius:20px;padding:3px;gap:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.12)}.editPage .edit .accounts .accountToggle .toggleBtn{padding:6px 20px;border-radius:17px;border:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-color);background-color:rgba(0,0,0,0);transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap}.editPage .edit .accounts .accountToggle .toggleBtn.active{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}.editPage .edit .accounts .accountToggle .toggleBtn:hover:not(.active){background-color:var(--secondary-color)}.editPage .edit .accounts .titlesBox{width:100%;background-color:var(--sarch-color-bg)}.editPage .edit .accounts .titlesBox .titles{width:calc(100% - 5px);padding:10px 0;display:flex;justify-content:flex-start;font-size:14px;font-weight:700}.editPage .edit .accounts .titlesBox .titles div{width:18.6%;font-size:15px;display:flex;justify-content:center;align-items:center}.editPage .edit .accounts .tableRows{width:100%;height:calc(100% - 82px);display:flex;flex-direction:column;overflow-y:overlay}.editPage .edit .accounts .tableRows .row{width:100%;height:70px;display:flex;justify-content:flex-start;align-items:flex-start;border-bottom:1px solid var(--sarch-color-bg)}.editPage .edit .accounts .tableRows .row div{display:flex;justify-content:center;align-items:center;text-align:center;height:70px;width:18.6%;font-size:14px;border-right:1px solid var(--sarch-color-bg);word-break:break-word}.editPage .edit .accounts .tableRows .row .editBox{width:7%;display:flex;justify-content:space-evenly}.editPage .edit .accounts .tableRows .row .editBox i{cursor:pointer}.editPage .edit .accounts .tableRows .row .editBox .fa-trash-can:hover{color:var(--xmark-color)}.editPage .edit .accounts .tableRows .row .editBox .fa-pen-to-square:hover{color:var(--primary-color)}.editPage .edit .accounts .tableRows .row .showMoreElement{display:none}.editPage .edit .machineBox{width:100%;height:calc(100% - 139px);overflow:hidden;color:var(--text-color);background-color:var(--box-color-bg);z-index:2}.editPage .edit .machineBox .titlesBox{width:100%;background-color:var(--sarch-color-bg)}.editPage .edit .machineBox .titlesBox .titles{width:calc(100% - 5px);height:74px;display:flex;justify-content:flex-start;font-size:14px;font-weight:700}.editPage .edit .machineBox .titlesBox .titles div{height:74px;width:7.08%;font-size:15px;padding:1px;display:flex;justify-content:center;align-items:center;word-break:break-word;text-align:center}.editPage .edit .machineBox .titlesBox .titles .qualityColumn,.editPage .edit .machineBox .titlesBox .titles .typeColumn{width:5%}.editPage .edit .machineBox .tableRows{width:100%;height:calc(100% - 74px);display:flex;flex-direction:column;overflow-y:overlay}.editPage .edit .machineBox .tableRows .row{width:100%;height:70px;display:flex;justify-content:flex-start;align-items:flex-start;border-bottom:1px solid var(--sarch-color-bg)}.editPage .edit .machineBox .tableRows .row div{display:flex;justify-content:center;align-items:center;height:70px;width:7.08%;font-size:14px;border-right:1px solid var(--sarch-color-bg);text-align:center;padding:5px;word-break:break-word}.editPage .edit .machineBox .tableRows .row .showMoreBox{display:none}.editPage .edit .machineBox .tableRows .row .qualityElement,.editPage .edit .machineBox .tableRows .row .typeElement{width:5%}.editPage .edit .machineBox .tableRows .row .editBox{width:5%;display:flex;justify-content:space-evenly}.editPage .edit .machineBox .tableRows .row .editBox i{cursor:pointer}.editPage .edit .machineBox .tableRows .row .editBox .fa-trash-can:hover{color:#ff8e8e}.editPage .edit .machineBox .tableRows .row .editBox .fa-pen-to-square:hover{color:var(--primary-color)}.editPage .edit .clientBox{width:100%;height:calc(100% - 139px);overflow:hidden;color:var(--text-color);background-color:var(--box-color-bg);z-index:2}.editPage .edit .clientBox .titlesBox{width:100%;background-color:var(--sarch-color-bg)}.editPage .edit .clientBox .titlesBox .titles{width:calc(100% - 5px);padding:10px 0;display:flex;justify-content:flex-start;font-size:14px;font-weight:700}.editPage .edit .clientBox .titlesBox .titles div{width:12.28%;font-size:15px;display:flex;justify-content:center;align-items:center}.editPage .edit .clientBox .titlesBox .titles .plzColumn{width:7%}.editPage .edit .clientBox .tableRows{width:100%;height:calc(100% - 38px);display:flex;flex-direction:column;overflow-y:overlay}.editPage .edit .clientBox .tableRows .row{width:100%;height:70px;display:flex;justify-content:flex-start;align-items:flex-start;border-bottom:1px solid var(--sarch-color-bg)}.editPage .edit .clientBox .tableRows .row div{height:70px;width:12.28%;padding:5px;display:flex;align-items:center;justify-content:center;font-size:14px;word-break:break-word;border-right:1px solid var(--sarch-color-bg);text-align:center}.editPage .edit .clientBox .tableRows .row .plzElement{width:7%}.editPage .edit .clientBox .tableRows .row .editBox{width:7%;display:flex;justify-content:space-around}.editPage .edit .clientBox .tableRows .row .editBox i{cursor:pointer}.editPage .edit .clientBox .tableRows .row .editBox .fa-trash-can:hover{color:#ff8e8e}.editPage .edit .clientBox .tableRows .row .editBox .fa-pen-to-square:hover{color:var(--primary-color)}.editPage .edit .clientBox .tableRows .row .showMoreElement{display:none}.editPage .edit .contractorBox{width:100%;height:calc(100% - 139px);overflow:hidden;color:var(--text-color);background-color:var(--box-color-bg);z-index:2}.editPage .edit .contractorBox .titlesBox{width:100%;background-color:var(--sarch-color-bg)}.editPage .edit .contractorBox .titlesBox .titles{width:calc(100% - 5px);padding:10px 0;display:flex;justify-content:flex-start;font-size:14px;font-weight:700}.editPage .edit .contractorBox .titlesBox .titles div{width:12%;font-size:15px;display:flex;justify-content:center;align-items:center;text-align:center}.editPage .edit .contractorBox .titlesBox .titles .plzColumn{width:8%}.editPage .edit .contractorBox .titlesBox .titles .smsColumn{width:20%}.editPage .edit .contractorBox .titlesBox .titles .editBox{width:8%}.editPage .edit .contractorBox .tableRows{width:100%;height:calc(100% - 38px);display:flex;flex-direction:column;overflow-y:overlay}.editPage .edit .contractorBox .tableRows .row{width:100%;min-height:70px;display:flex;justify-content:flex-start;align-items:flex-start;border-bottom:1px solid var(--sarch-color-bg)}.editPage .edit .contractorBox .tableRows .row div{min-height:70px;width:12%;padding:5px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;word-break:break-word;border-right:1px solid var(--sarch-color-bg)}.editPage .edit .contractorBox .tableRows .row .plzElement{width:8%}.editPage .edit .contractorBox .tableRows .row .smsElement{width:20%;font-size:12px}.editPage .edit .contractorBox .tableRows .row .showMoreElement{display:none}.editPage .edit .contractorBox .tableRows .row .editBox{width:8%;display:flex;justify-content:space-around}.editPage .edit .contractorBox .tableRows .row .editBox i{cursor:pointer}.editPage .edit .contractorBox .tableRows .row .editBox .fa-trash-can:hover{color:#ff8e8e}.editPage .edit .contractorBox .tableRows .row .editBox .fa-pen-to-square:hover{color:var(--primary-color)}.addBox{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.addBox .add{width:450px;max-height:90vh;overflow-y:auto;padding:20px;background-color:var(--box-color-bg);border-radius:20px;color:var(--text-color);position:relative}.addBox .add .fa-xmark{position:absolute;top:10px;right:10px}.addBox .add .title{width:100%;text-align:center;color:var(--text-color)}.addBox .add .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.addBox .add .button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.addBox .add .button:hover{border:1px solid var(--primary-color);box-shadow:none}.addBox .add .ScrollableFieldBox{position:relative;padding:20px;z-index:1000;max-height:60vh;overflow-y:auto}.addBox .add .ScrollableFieldBox h3{margin-top:0}.addBox .add .ScrollableFieldBox ul{list-style-type:none;padding:0}.addBox .add .form{display:flex;flex-direction:column;color:var(--text-color);position:relative;margin-top:10px}.addBox .add .form .sectionDescription{font-size:12px;color:var(--text-color);opacity:.65;line-height:1.5;margin:4px 0 8px;padding:10px 12px;background-color:var(--sarch-color-bg);border-radius:8px;border-left:3px solid var(--primary-color)}.addBox .add .form .sectionInfoIcon{margin-left:6px;font-size:13px;opacity:.5;cursor:pointer;vertical-align:middle;transition:opacity .15s ease}.addBox .add .form .sectionInfoIcon:hover{opacity:1}.addBox .add .form .dropdown{margin-top:5px;margin-bottom:5px;cursor:pointer}.addBox .add .form .dropdown .fa-angle-up{margin-right:5px;color:var(--text-color)}.addBox .add .form .dropdown .fa-angle-up:hover{color:#f38585}.addBox .add .form .scrollable{border:1px solid #ccc;padding:10px;margin-top:5px;border-radius:5px;max-height:120px;overflow-y:auto}.addBox .add .form .checkbox-container{margin-bottom:5px}.addBox .add .form .elementBox{width:100%;display:flex;flex-direction:row;padding:10px 0}.addBox .add .form .elementBox .label,.addBox .add .form .elementBox label{font-size:14px;font-weight:700;width:40%}.addBox .add .form .elementBox .label span,.addBox .add .form .elementBox label span{color:red}.addBox .add .form .elementBox input:read-only{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:60%}.addBox .add .form .elementBox input:read-only:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.addBox .add .form .elementBox input[type=checkbox]{margin-right:5px;position:relative;width:20px;height:20px}.addBox .add .form .elementBox .custom-checkbox{margin-bottom:0}.addBox .add .form .elementBox input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:60%}.addBox .add .form .elementBox input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.addBox .add .form .elementBox select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem;width:60%;margin:0}.addBox .add .form .elementBox select:focus{border:1px solid var(--secondary-color)}.addBox .add .form .elementBox .smsNumbersBox{width:60%;display:flex;flex-direction:column;gap:6px}.addBox .add .form .elementBox .smsNumbersBox .smsNumberEntry{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:var(--sarch-color-bg);border-radius:6px;padding:4px 8px;font-size:13px;min-height:unset;height:auto;width:100%;border-right:none}.addBox .add .form .elementBox .smsNumbersBox .smsNumberEntry span{flex:1;text-align:left;width:auto;min-height:unset;height:auto;border-right:none}.addBox .add .form .elementBox .smsNumbersBox .smsNumberEntry i{position:static;width:auto;min-height:unset;height:auto;flex-shrink:0;cursor:pointer;font-size:12px;opacity:.6;border-right:none}.addBox .add .form .elementBox .smsNumbersBox .smsNumberEntry i:hover{color:var(--xmark-color);opacity:1}.addBox .add .form .elementBox .smsNumbersBox .smsInputRow{display:flex;gap:6px}.addBox .add .form .elementBox .smsNumbersBox .smsInputRow input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:calc(100% - 90px);margin:0}.addBox .add .form .elementBox .smsNumbersBox .smsInputRow input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.addBox .add .form .elementBox .smsNumbersBox .smsInputRow .addSmsBtn{width:84px;height:32px;border-radius:8px;border:1px solid var(--primary-color);background-color:rgba(0,0,0,0);color:var(--primary-color);font-size:12px;cursor:pointer;flex-shrink:0}.addBox .add .form .elementBox .smsNumbersBox .smsInputRow .addSmsBtn:hover{background-color:var(--primary-color);color:#fff}.addBox .add .form .elementBox .noReminders{font-size:13px;color:var(--text-color);opacity:.5;width:60%;margin:0}.addBox .add .form .elementBox .reminderInputGroup{width:60%;display:flex;flex-direction:column;gap:10px}.addBox .add .form .elementBox .reminderInputGroup .reminderTypeToggle{display:flex;background-color:var(--sarch-color-bg);border-radius:20px;padding:3px;gap:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.12);width:fit-content}.addBox .add .form .elementBox .reminderInputGroup .reminderTypeToggle .toggleBtn{padding:5px 16px;border-radius:17px;border:none;cursor:pointer;font-size:12px;font-weight:500;color:var(--text-color);background-color:rgba(0,0,0,0);transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap}.addBox .add .form .elementBox .reminderInputGroup .reminderTypeToggle .toggleBtn.active{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}.addBox .add .form .elementBox .reminderInputGroup .reminderTypeToggle .toggleBtn:hover:not(.active){background-color:var(--secondary-color)}.addBox .add .form .elementBox .reminderInputGroup .smsInputRow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.addBox .add .form .elementBox .reminderInputGroup .smsInputRow input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:70px;margin:0;flex-shrink:0}.addBox .add .form .elementBox .reminderInputGroup .smsInputRow input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.addBox .add .form .elementBox .reminderInputGroup .smsInputRow .reminderUnit{font-size:12px;color:var(--text-color);opacity:.7;flex:1;white-space:nowrap}.addBox .add .form .elementBox .reminderInputGroup .smsInputRow .addSmsBtn{width:100%;height:32px;border-radius:8px;border:1px solid var(--primary-color);background-color:rgba(0,0,0,0);color:var(--primary-color);font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease}.addBox .add .form .elementBox .reminderInputGroup .smsInputRow .addSmsBtn:hover{background-color:var(--primary-color);color:#fff}.addBox .add .schedulesSection{margin-top:10px;padding-top:15px;border-top:1px solid var(--sarch-color-bg)}.addBox .add .schedulesSection .schedulesTitleRow{display:flex;align-items:center;gap:6px;margin-bottom:10px}.addBox .add .schedulesSection .schedulesTitle{font-size:14px;font-weight:700;color:var(--text-color);margin:0}.addBox .add .schedulesSection .scheduleInfoIcon{font-size:13px;opacity:.45;cursor:pointer;transition:opacity .15s ease}.addBox .add .schedulesSection .scheduleInfoIcon:hover{opacity:1}.addBox .add .schedulesSection .scheduleLoading{display:flex;justify-content:center;padding:10px 0}.addBox .add .schedulesSection .noSchedules{font-size:13px;color:var(--text-color);opacity:.5;margin:0 0 10px}.addBox .add .schedulesSection .scheduleList{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.addBox .add .schedulesSection .scheduleList .scheduleItem{display:flex;justify-content:space-between;align-items:center;background-color:var(--sarch-color-bg);border-radius:10px;padding:8px 12px}.addBox .add .schedulesSection .scheduleList .scheduleItem .scheduleInfo{display:flex;flex-direction:column;gap:3px}.addBox .add .schedulesSection .scheduleList .scheduleItem .scheduleInfo .scheduleRecipient{font-size:13px;font-weight:500;color:var(--text-color)}.addBox .add .schedulesSection .scheduleList .scheduleItem .scheduleInfo .scheduleExpr{font-size:11px;opacity:.6;color:var(--text-color);font-family:monospace}.addBox .add .schedulesSection .scheduleList .scheduleItem .scheduleInfo .scheduleState{font-size:11px;font-weight:600;width:fit-content;padding:2px 8px;border-radius:20px}.addBox .add .schedulesSection .scheduleList .scheduleItem .scheduleInfo .scheduleState.enabled{background-color:rgba(34,197,94,.15);color:#22c55e}.addBox .add .schedulesSection .scheduleList .scheduleItem .scheduleInfo .scheduleState.disabled{background-color:rgba(239,68,68,.12);color:#ef4444}.addBox .add .schedulesSection .scheduleList .scheduleItem .scheduleActions{display:flex;gap:8px;flex-shrink:0}.addBox .add .schedulesSection .scheduleList .scheduleItem .scheduleActions button{background:none;border:none;cursor:pointer;color:var(--text-color);opacity:.5;font-size:13px;padding:4px;transition:opacity .15s ease,color .15s ease}.addBox .add .schedulesSection .scheduleList .scheduleItem .scheduleActions button:hover{opacity:1}.addBox .add .schedulesSection .scheduleList .scheduleItem .scheduleActions button:first-child:hover{color:var(--primary-color)}.addBox .add .schedulesSection .scheduleList .scheduleItem .scheduleActions button:last-child:hover{color:var(--xmark-color)}.addBox .add .schedulesSection .addScheduleBtn{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--primary-color);background:none;border:1px solid var(--primary-color);border-radius:8px;padding:6px 14px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.addBox .add .schedulesSection .addScheduleBtn:hover{background-color:var(--primary-color);color:#fff}.addBox .add .schedulesSection .scheduleForm{margin-top:10px;background-color:var(--sarch-color-bg);border-radius:10px;padding:12px}.addBox .add .schedulesSection .scheduleForm .elementBox{width:100%;display:flex;flex-direction:row;padding:8px 0}.addBox .add .schedulesSection .scheduleForm .elementBox label{font-size:14px;font-weight:700;width:40%}.addBox .add .schedulesSection .scheduleForm .elementBox input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:60%;background-color:var(--box-color-bg)}.addBox .add .schedulesSection .scheduleForm .elementBox input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.addBox .add .schedulesSection .scheduleForm .elementBox select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem;width:60%;margin:0;background-color:var(--box-color-bg)}.addBox .add .schedulesSection .scheduleForm .elementBox select:focus{border:1px solid var(--secondary-color)}.addBox .add .schedulesSection .scheduleForm .btnBox{padding:10px 0 0}.addBox .add .schedulesSection .scheduleForm .btnBox .cancelBtn{background-color:var(--cancel-btn-color)}.addBox .add .btnBox{width:100%;display:flex;justify-content:space-between;padding:20px 0}.addBox .add .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.addBox .add .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.addBox .add .btnBox .cancelBtn{background-color:var(--cancel-btn-color)}.addBox .add .btnBox .deleteBtn{background-color:var(--delete-btn-color)}.editFormM .add{height:80%}.editFormM .add .form{height:calc(100% - 102px);padding-right:5px;width:100%;overflow-y:hidden;overflow-y:overlay;display:flex;flex-wrap:nowrap;flex-direction:column;color:var(--text-color)}.deleteBox{width:100%;height:100dvh;position:fixed;top:0;left:0;background-color:var(--box-color-bg);z-index:5;display:flex;justify-content:center;align-items:center}.deleteBox span{font-weight:700}.deleteBox .delete{padding:20px;background-color:var(--page-color-bg);border-radius:20px;box-shadow:0 0 10px #7e7e7e;color:var(--text-color)}.deleteBox .delete .btn{width:100%;display:flex;justify-content:space-between}.deleteBox .delete .btn button{border:none;width:100px;padding:5px;border-radius:5px;cursor:pointer}@media(max-width:1300px){.editPage .edit .machineBox .titlesBox .titles div{width:7.81%}.editPage .edit .machineBox .titlesBox .titles .qualityColumn,.editPage .edit .machineBox .titlesBox .titles .typeColumn,.editPage .edit .machineBox .titlesBox .titles .valueColumn{display:none}.editPage .edit .machineBox .tableRows .row div{width:7.81%}.editPage .edit .machineBox .tableRows .row .qualityElement,.editPage .edit .machineBox .tableRows .row .typeElement,.editPage .edit .machineBox .tableRows .row .valueElement{display:none}.editPage .edit .machineBox .tableRows .row .showMoreBox{display:flex}.editPage .edit .machineBox .tableRows .row .showMoreBox button{background-color:var(--secondary-color);color:var(--btn-label-color);border:none;padding:7px 10px;border-radius:10px;font-size:16px;cursor:pointer;display:flex;flex-direction:row;gap:5px;width:auto;height:auto}.editPage .edit .machineBox .tableRows .row .showMoreBox button:hover{border:1px solid var(--primary-color)}.editPage .edit .machineBox .tableRows .row .editBox,.editPage .edit .machineBox .tableRows .row .showMoreBox{width:7%}}@media(max-width:1000px){.editPage .edit .clientBox .titlesBox .titles div{width:15.2%}.editPage .edit .clientBox .titlesBox .titles .cityColumn,.editPage .edit .clientBox .titlesBox .titles .stateColumn{display:none}.editPage .edit .clientBox .titlesBox .titles .plzColumn{width:10%}.editPage .edit .clientBox .tableRows .row div{width:15.2%}.editPage .edit .clientBox .tableRows .row .cityElement,.editPage .edit .clientBox .tableRows .row .stateElement{display:none}.editPage .edit .clientBox .tableRows .row .plzElement{width:10%}.editPage .edit .clientBox .tableRows .row .showMoreElement{width:7%;display:flex}.editPage .edit .clientBox .tableRows .row .showMoreElement button{background-color:var(--secondary-color);color:var(--btn-label-color);border:none;padding:7px 10px;border-radius:10px;font-size:16px;cursor:pointer;display:flex;flex-direction:row;gap:5px;width:auto;height:auto}.editPage .edit .clientBox .tableRows .row .showMoreElement button:hover{border:1px solid var(--primary-color)}.editPage .edit .machineBox .titlesBox .titles div{width:9.3%}.editPage .edit .machineBox .titlesBox .titles .indexColumn{display:none}.editPage .edit .machineBox .tableRows .row div{width:9.3%}.editPage .edit .machineBox .tableRows .row .editBox,.editPage .edit .machineBox .tableRows .row .indexElement{display:none}}@media(max-width:800px){.editPage .edit .clientBox .titlesBox .titles div{width:20%}.editPage .edit .clientBox .titlesBox .titles .plzColumn,.editPage .edit .clientBox .titlesBox .titles .streetColumn{display:none}.editPage .edit .clientBox .tableRows .row div{width:20%}.editPage .edit .clientBox .tableRows .row .plzElement,.editPage .edit .clientBox .tableRows .row .streetElement{display:none}.editPage .edit .clientBox .tableRows .row .editBox,.editPage .edit .clientBox .tableRows .row .showMoreElement{width:10%}.editPage .edit .accounts .titlesBox .titles div{width:20%}.editPage .edit .accounts .titlesBox .titles .initialsColumn{display:none}.editPage .edit .accounts .tableRows .row div{width:20%}.editPage .edit .accounts .tableRows .row .initialsElement{display:none}.editPage .edit .accounts .tableRows .row .editBox,.editPage .edit .accounts .tableRows .row .showMoreElement{width:10%}.editPage .edit .accounts .tableRows .row .showMoreElement{display:flex}.editPage .edit .accounts .tableRows .row .showMoreElement button{background-color:var(--secondary-color);color:var(--btn-label-color);border:none;padding:7px 10px;border-radius:10px;font-size:16px;cursor:pointer;display:flex;flex-direction:row;gap:5px;width:auto;height:auto}.editPage .edit .accounts .tableRows .row .showMoreElement button:hover{border:1px solid var(--primary-color)}.editPage .edit .machineBox .titlesBox .titles div{width:12.85%}.editPage .edit .machineBox .titlesBox .titles .contractorColumn,.editPage .edit .machineBox .titlesBox .titles .materialColumn,.editPage .edit .machineBox .titlesBox .titles .nameColumn{display:none}.editPage .edit .machineBox .tableRows .row div{width:12.85%}.editPage .edit .machineBox .tableRows .row .contractorElement,.editPage .edit .machineBox .tableRows .row .materialElement,.editPage .edit .machineBox .tableRows .row .nameElement{display:none}.editPage .edit .machineBox .tableRows .row .showMoreBox{width:10%}}@media(max-width:600px){.editPage .edit .clientBox .titlesBox .titles div{width:41.5%}.editPage .edit .clientBox .titlesBox .titles .contactColumn,.editPage .edit .clientBox .titlesBox .titles .telephoneColumn{display:none}.editPage .edit .clientBox .tableRows .row div{width:41.5%}.editPage .edit .clientBox .tableRows .row .contactElement,.editPage .edit .clientBox .tableRows .row .editBox,.editPage .edit .clientBox .tableRows .row .telephoneElement{display:none}.editPage .edit .clientBox .tableRows .row .showMoreElement{width:17%}.editPage .edit .accounts .titlesBox .titles div{width:41.5%}.editPage .edit .accounts .titlesBox .titles .nameColumn,.editPage .edit .accounts .titlesBox .titles .roleColumn{display:none}.editPage .edit .accounts .tableRows .row div{width:41.5%}.editPage .edit .accounts .tableRows .row .editBox,.editPage .edit .accounts .tableRows .row .nameElement,.editPage .edit .accounts .tableRows .row .roleElement{display:none}.editPage .edit .accounts .tableRows .row .showMoreElement{width:17%}.editPage .edit .machineBox .titlesBox .titles div{width:27.66%}.editPage .edit .machineBox .titlesBox .titles .manualTaraColumn,.editPage .edit .machineBox .titlesBox .titles .maxNettoColumn,.editPage .edit .machineBox .titlesBox .titles .maxWeightColumn,.editPage .edit .machineBox .titlesBox .titles .minWeightColumn{display:none}.editPage .edit .machineBox .tableRows .row div{width:27.66%}.editPage .edit .machineBox .tableRows .row .manualTaraElement,.editPage .edit .machineBox .tableRows .row .maxNettoElement,.editPage .edit .machineBox .tableRows .row .maxWeightElement,.editPage .edit .machineBox .tableRows .row .minWeightElement{display:none}.editPage .edit .machineBox .tableRows .row .showMoreBox{width:17%}.editPage .edit .contractorBox .titlesBox .titles div{width:41.5%}.editPage .edit .contractorBox .titlesBox .titles .cityColumn,.editPage .edit .contractorBox .titlesBox .titles .plzColumn,.editPage .edit .contractorBox .titlesBox .titles .smsColumn,.editPage .edit .contractorBox .titlesBox .titles .streetColumn,.editPage .edit .contractorBox .titlesBox .titles .telephoneColumn{display:none}.editPage .edit .contractorBox .tableRows .row div{width:41.5%}.editPage .edit .contractorBox .tableRows .row .cityElement,.editPage .edit .contractorBox .tableRows .row .editBox,.editPage .edit .contractorBox .tableRows .row .plzElement,.editPage .edit .contractorBox .tableRows .row .smsElement,.editPage .edit .contractorBox .tableRows .row .streetElement,.editPage .edit .contractorBox .tableRows .row .telephoneElement{display:none}.editPage .edit .contractorBox .tableRows .row .showMoreElement{width:17%;display:flex}.editPage .edit .contractorBox .tableRows .row .showMoreElement button{background-color:var(--secondary-color);color:var(--btn-label-color);border:none;padding:7px 10px;border-radius:10px;font-size:16px;cursor:pointer;display:flex;flex-direction:row;gap:5px;width:auto;height:auto}.editPage .edit .contractorBox .tableRows .row .showMoreElement button:hover{border:1px solid var(--primary-color)}}.showMoreContainer{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.showMoreContainer .showMoreForm{background-color:var(--box-color-bg);color:var(--text-color);font-size:14px;border-radius:20px;position:relative;width:400px;height:auto;overflow:hidden}.showMoreContainer .showMoreForm h3{text-align:center;padding:20px}.showMoreContainer .showMoreForm h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.showMoreContainer .showMoreForm .fa-xmark{position:absolute;top:10px;right:10px}.showMoreContainer .showMoreForm .elementList{max-height:500px;overflow-y:overlay;padding:0 20px}.showMoreContainer .showMoreForm .elementList .elementBox{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--sarch-color-bg)}.showMoreContainer .showMoreForm .elementList .elementBox p:first-child{font-weight:700}.showMoreContainer .showMoreForm .btnBox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px}.showMoreContainer .showMoreForm .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;gap:10px;width:105px}.showMoreContainer .showMoreForm .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.showMoreContainer .showMoreForm .btnBox .deleteBtn{background-color:var(--delete-btn-color)}.actionsDropdown{position:fixed;z-index:200;background-color:var(--box-color-bg);border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.18);display:flex;flex-direction:column;overflow:hidden;min-width:140px}.actionsDropdown button{background-color:var(--secondary-color);color:var(--btn-label-color);border:none;border-radius:10px;font-size:16px;cursor:pointer;display:flex;flex-direction:row;gap:5px;width:auto;height:auto;border-radius:0;justify-content:flex-start;gap:8px;padding:9px 14px;font-size:13px;width:100%}.actionsDropdown button:hover{border:1px solid var(--primary-color);opacity:.85}.errorPage{width:100%;height:calc(100dvh - 100px);padding:20px}.errorPage .fehler{height:100%;position:relative}.errorPage .fehler,.errorPage .fehler .top{width:100%;display:flex;flex-direction:column}.errorPage .fehler .top{justify-content:flex-start;align-items:flex-start;border-bottom:1px solid var(--sarch-color-bg)}.errorPage .fehler .top .tabs,.errorPage .fehler .top .tabsMobile{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;cursor:pointer}.errorPage .fehler .top .tabs .tabBtn,.errorPage .fehler .top .tabsMobile .tabBtn{width:240px;background-color:var(--sarch-color-bg);font-weight:400;text-align:center;display:flex;justify-content:center;align-items:center;height:30px;border-radius:20px 20px 0 0}.errorPage .fehler .top .tabs .activeTab,.errorPage .fehler .top .tabsMobile .activeTab{background-color:var(--box-color-bg);font-weight:700;width:250px;height:40px}.errorPage .fehler .top .tabsMobile{display:none}.errorPage .fehler .top .filter{width:100%;min-height:60px;height:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;position:relative;padding:6px 20px;color:var(--text-color);gap:10px;row-gap:6px;background-color:var(--box-color-bg);border-top-right-radius:20px}.errorPage .fehler .top .filter .buttonBox{display:flex;flex-direction:row;gap:10px;margin-left:auto}.errorPage .fehler .top .filter .buttonBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.errorPage .fehler .top .filter .buttonBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.errorPage .fehler .top .filter .buttonBox .downloadExcelBtn{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color)}.errorPage .fehler .top .filter .buttonBox .downloadExcelBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.errorPage .fehler .top .filter .buttonBox .downloadBtn{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color)}.errorPage .fehler .top .filter .buttonBox .downloadBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.errorPage .fehler .top .filter .selectBox{display:flex;align-items:center;gap:6px}.errorPage .fehler .top .filter .selectBox select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem;min-width:180px}.errorPage .fehler .top .filter .selectBox select:focus{border:1px solid var(--secondary-color)}.errorPage .fehler .top .filter .selectBox.machineSelectBox select{min-width:60px}.errorPage .fehler .top .filter .selectBox.messageSelectBox select{min-width:200px;max-width:260px}.errorPage .fehler .top .filter .selectBox input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:160px}.errorPage .fehler .top .filter .selectBox input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.errorPage .fehler .top .filter .selectBox .fa-xmark{width:25px;height:25px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--page-color-bg);cursor:pointer}.errorPage .fehler .top .filter .selectBox .fa-xmark:hover{color:red}.errorPage .fehler .top .filter .dateRangeBox{display:flex;align-items:center;gap:6px;position:relative}.errorPage .fehler .top .filter .dateRangeBox label{white-space:nowrap}.errorPage .fehler .top .filter .dateRangeBox .dateRangeToggle{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color);width:auto;padding:0 10px;gap:8px;white-space:nowrap}.errorPage .fehler .top .filter .dateRangeBox .dateRangeToggle:hover{border:1px solid var(--primary-color);box-shadow:none}.errorPage .fehler .top .filter .dateRangeBox .datePickerDropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:100;background-color:var(--box-color-bg);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.2);display:flex;flex-direction:row;overflow:hidden}.errorPage .fehler .top .filter .dateRangeBox .datePickerDropdown .presetRanges{display:flex;flex-direction:column;padding:10px 8px;gap:6px;border-right:1px solid var(--sarch-color-bg);min-width:140px}.errorPage .fehler .top .filter .dateRangeBox .datePickerDropdown .presetRanges button{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:6px;padding:6px 10px;cursor:pointer;text-align:left;font-size:.8rem;white-space:nowrap}.errorPage .fehler .top .filter .dateRangeBox .datePickerDropdown .presetRanges button:hover{background-color:var(--secondary-color)}.errorPage .fehler .top .filter .dateRangeBox .datePickerDropdown .react-datepicker{background-color:var(--box-color-bg);color:var(--text-color);border:none}.errorPage .fehler .top .filter .dateRangeBox .datePickerDropdown .react-datepicker__header{background-color:var(--sarch-color-bg);border-bottom:none}.errorPage .fehler .top .filter .dateRangeBox .datePickerDropdown .react-datepicker__current-month,.errorPage .fehler .top .filter .dateRangeBox .datePickerDropdown .react-datepicker__day,.errorPage .fehler .top .filter .dateRangeBox .datePickerDropdown .react-datepicker__day-name{color:var(--text-color)}.errorPage .fehler .top .filter .dateRangeBox .datePickerDropdown .react-datepicker__day:hover{background-color:var(--secondary-color)}.errorPage .fehler .top .filter .dateRangeBox .datePickerDropdown .react-datepicker__day--in-range,.errorPage .fehler .top .filter .dateRangeBox .datePickerDropdown .react-datepicker__day--in-selecting-range{background-color:var(--primary-color);opacity:.7}.errorPage .fehler .top .filter .dateRangeBox .datePickerDropdown .react-datepicker__day--range-end,.errorPage .fehler .top .filter .dateRangeBox .datePickerDropdown .react-datepicker__day--range-start,.errorPage .fehler .top .filter .dateRangeBox .datePickerDropdown .react-datepicker__day--selecting-range-start{background-color:var(--primary-color);opacity:1}.errorPage .fehler .top .filter .dateRangeBox .datePickerDropdown .react-datepicker__day--outside-month{opacity:.3}.errorPage .fehler .top .filter .dateRangeBox .datePickerDropdown .react-datepicker__navigation-icon:before{border-color:var(--text-color)}.errorPage .fehler .PagesBox{width:100%;height:60px;display:flex;justify-content:center;align-items:center;border-top:1px solid var(--sarch-color-bg);background-color:var(--box-color-bg);border-radius:0 0 20px 20px}.errorPage .fehler .PagesBox .Box{width:80%;display:flex;align-items:center;justify-content:center}.errorPage .fehler .PagesBox .Box i{padding:2px 5px;height:100%;cursor:pointer;border-radius:5px;color:var(--text-color)}.errorPage .fehler .PagesBox .Box i:hover{opacity:50%}.errorPage .fehler .PagesBox .Box .Page{display:flex;margin:0 5px;gap:10px;overflow:hidden;padding:4px 3px}.errorPage .fehler .PagesBox .Box .Page::-webkit-scrollbar{width:0;height:0}.errorPage .fehler .PagesBox .Box .Page div{width:30px;height:30px;background-color:var(--box-color-bg);box-shadow:0 2px 6px rgba(0,0,0,.25);padding:5px;text-align:center;border-radius:5px;cursor:pointer;color:var(--text-color)}.errorPage .fehler .PagesBox .Box .Page div:hover{background-color:var(--secondary-color)}.errorPage .fehler .PagesBox .Box .Page .activeCounter{background-color:var(--sarch-color-bg)}.errorPage .fehler .tableBox{width:100%;flex:1;min-height:0;color:var(--text-color);background-color:var(--box-color-bg);position:relative;overflow-x:auto;border-radius:0 0 20px 20px}.errorPage .fehler .tableBox .dashboardOverlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background-color:var(--sarch-color-bg);overflow-y:auto}.errorPage .fehler .tableBox .dashboardOverlay .dashboardOverlayClose{position:sticky;top:10px;left:calc(100% - 44px);display:flex;z-index:11;background-color:var(--box-color-bg);border:none;border-radius:50%;width:32px;height:32px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15);color:var(--text-color);font-size:.9rem;margin:10px 10px 0 auto}.errorPage .fehler .tableBox .dashboardOverlay .dashboardOverlayClose:hover{opacity:.75}.errorPage .fehler .tableBox .tableTitles{padding:10px 0;border-bottom:1px solid var(--page-color-bg);background-color:var(--sarch-color-bg);display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.errorPage .fehler .tableBox .tableTitles .tableColumn{display:flex;justify-content:center;align-items:center;text-align:center}.errorPage .fehler .tableBox .tableTitlesError{height:40px;min-width:900px}.errorPage .fehler .tableBox .tableTitlesError .tableColumn{width:9.75%}.errorPage .fehler .tableBox .tableTitlesError .commentColumn{width:22%}.errorPage .fehler .tableBox .tableTitlesError .actionsColumn{width:10%}.errorPage .fehler .tableBox .tableTitlesDelta{height:60px}.errorPage .fehler .tableBox .tableTitlesDelta .tableColumn{width:9.77%}.errorPage .fehler .tableBox .tableTitlesDelta .solvedColumn{width:6%}.errorPage .fehler .tableBox .issueBox{width:100%;height:calc(100% - 100px);overflow:hidden;overflow-y:overlay;position:relative}.errorPage .fehler .tableBox .issueBox .numBox{position:fixed;padding:5px;background-color:var(--box-color-bg)}.errorPage .fehler .tableBox .issueBox .issue{width:100%;min-height:80px;border-bottom:1px solid var(--page-color-bg);display:flex;align-items:stretch}.errorPage .fehler .tableBox .issueBox .issue .tableElement{border-right:1px solid var(--sarch-color-bg);min-height:80px;display:flex;justify-content:center;align-items:center;text-align:center;overflow:visible;padding:5px}.errorPage .fehler .tableBox .issueBox .issue i{font-size:15px;cursor:pointer}.errorPage .fehler .tableBox .issueBox .issue .fa-xmark{color:#fff;background-color:var(--xmark-color);width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%}.errorPage .fehler .tableBox .issueBox .issue .fa-check{color:#fff;background-color:var(--checkmark-color);width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%}.errorPage .fehler .tableBox .issueBox .issue .editBox{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.errorPage .fehler .tableBox .issueBox .issue .editBox .editInputForm{width:500px;background-color:var(--box-color-bg);border-radius:20px;height:auto;position:relative}.errorPage .fehler .tableBox .issueBox .issue .editBox .editInputForm h3{padding:20px}.errorPage .fehler .tableBox .issueBox .issue .editBox .editInputForm h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.errorPage .fehler .tableBox .issueBox .issue .editBox .editInputForm textarea{max-width:460px;min-width:460px;max-height:300px;min-height:100px;padding:5px;border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color)}.errorPage .fehler .tableBox .issueBox .issue .editBox .editInputForm .btnBox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px}.errorPage .fehler .tableBox .issueBox .issue .editBox .editInputForm .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.errorPage .fehler .tableBox .issueBox .issue .editBox .editInputForm .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.errorPage .fehler .tableBox .issueBox .issue .editBox .editInputForm .btnBox .cancelBtn{background-color:var(--cancel-btn-color)}.errorPage .fehler .tableBox .issueBox .issue .editBox .editInputForm .fa-xmark{position:absolute;top:10px;right:10px;color:var(--text-color);background-color:rgba(0,0,0,0);font-size:20px;cursor:pointer}.errorPage .fehler .tableBox .issueBox .issue{border-left:5px solid #2ecc71}.errorPage .fehler .tableBox .issueBox .errorItem{border-left:5px solid #e74c3c}.errorPage .fehler .tableBox .issueBox .inProgressItem{border-left:5px solid #f39c12}.errorPage .fehler .tableBox .issueBox .chosenItem{box-shadow:0 2px 6px rgba(0,0,0,.25);border:1px solid var(--primary-color)}.errorPage .fehler .tableBox .issueBoxError{min-width:900px}.errorPage .fehler .tableBox .issueBoxError .loud{position:relative;height:200px;background-color:rgba(0,0,0,0)}.errorPage .fehler .tableBox .issueBoxError .noIssuesMessage{width:100%;text-align:center;padding-top:20px;color:var(--text-color)}.errorPage .fehler .tableBox .issueBoxError .noIssuesMessage i{font-size:25px;margin-bottom:10px;color:var(--checkmark-color)}.errorPage .fehler .tableBox .issueBoxError .issue .tableElement{width:9.75%}.errorPage .fehler .tableBox .issueBoxError .issue .tableElement .terminalBtn{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color);box-shadow:0 2px 6px rgba(0,0,0,.25)}.errorPage .fehler .tableBox .issueBoxError .issue .tableElement .terminalBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.errorPage .fehler .tableBox .issueBoxError .issue .icons{width:6%}.errorPage .fehler .tableBox .issueBoxError .issue .commentElement{width:22%}.errorPage .fehler .tableBox .issueBoxError .issue .actionsBox{display:flex;justify-content:center;align-items:center;width:10%}.errorPage .fehler .tableBox .issueBoxError .issue .actionsBox .actionsToggle{background-color:var(--secondary-color);color:var(--btn-label-color);border:none;border-radius:10px;font-size:16px;cursor:pointer;display:flex;flex-direction:row;gap:5px;width:auto;height:auto;padding:6px 10px;font-size:15px}.errorPage .fehler .tableBox .issueBoxError .issue .actionsBox .actionsToggle:hover{border:1px solid var(--primary-color)}.errorPage .fehler .tableBox .issueBoxError .issue .seeMoreBox{display:none}.errorPage .fehler .tableBox .issueBoxDelta{height:calc(100% - 120px)}.errorPage .fehler .tableBox .issueBoxDelta .issueDelta .tableElement{width:9.77%}.errorPage .fehler .tableBox .issueBoxDelta .issueDelta .solvedElement{width:6%}.errorPage .fehler .tableBox .issueBoxDelta .issueDelta .moreInfo{width:6%;border-right:none}.errorPage .fehler .tableBox .issueBoxDelta .issueDelta .moreInfo button{background-color:var(--secondary-color);color:var(--btn-label-color);border:none;padding:7px 10px;border-radius:10px;font-size:16px;cursor:pointer;display:flex;flex-direction:row;gap:5px;width:auto;height:auto}.errorPage .fehler .tableBox .issueBoxDelta .issueDelta .moreInfo button:hover{border:1px solid var(--primary-color)}.loud{width:100%;height:100dvh;background-color:var(--box-color-bg);position:fixed;top:0;left:0;z-index:20;display:flex;justify-content:center;align-items:center}.loud h2{position:absolute;top:calc(50% - 150px);width:100%;text-align:center;color:var(--text-color)}.loud .svg{width:70px;animation:rotate .8s linear infinite}.terminal-overlay{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.terminal-box{background-color:var(--box-color-bg);border-radius:20px;position:relative;color:var(--text-color);width:60%;height:645px;overflow:hidden}.terminal-box h2{width:100%;text-align:center;padding:20px 20px 0}.terminal-box h2:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.terminal-box .close-btn{position:absolute;top:5px;right:10px;background-color:rgba(0,0,0,0);border:none;color:var(--text-color);font-size:20px;cursor:pointer;padding:5px;transition:color .3s ease}.terminal-box .close-btn:hover{opacity:50%}.terminal-box .filterBox{background-color:var(--sarch-color-bg);display:flex;flex-direction:row;padding:10px;position:relative;gap:10px}.terminal-box .filterBox select{margin-left:10px;border-radius:5px;padding:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color)}.terminal-box .filterBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;background-color:var(--box-color-bg);color:var(--text-color);width:50px}.terminal-box .filterBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.terminal-box .filterBox .hinzufügen{float:right;margin-right:20px;background-color:var(--resume-btn-color);color:var(--box-color-bg);width:100px;position:absolute;right:0}.terminal-box .xterm-screen{width:100%!important;height:530px!important}.terminal-box .add{position:absolute;top:120px;right:0;background-color:var(--chart-bg-color);width:calc(100% - 40px);height:570px;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px}.terminal-box .add .fa-xmark{position:absolute;top:20px;right:20px;font-size:20px;color:var(--text-color);cursor:pointer}.terminal-box .add .form{display:flex;justify-content:flex-start;gap:20px}.terminal-box .add .form label{width:190px;text-align:right}.terminal-box .add .form input[type=text]{width:320px}.terminal-box .add .form input[type=text],.terminal-box .add .form textarea{border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color)}.terminal-box .add .form textarea{max-width:300px;min-width:320px;max-height:100px;min-height:100px}.terminal-box .add .form .dateBox{display:flex;gap:12px}.terminal-box .add .form .dateBox input{width:47.5%;border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color)}.terminal-box .add button{background-color:#306e5a;border-radius:10px;padding:10px 20px;border:1px solid var(--primary-color);color:var(--box-color-bg);cursor:pointer;position:absolute;bottom:30px;left:calc(50% - 130px)}.terminal{padding:10px}.form{display:flex;flex-wrap:wrap;margin:4px 0}.form,.form .title{color:var(--text-color)}.form .title{width:100%;text-align:center;font-size:16px;font-weight:700;margin-bottom:20px}.form label{padding:5px;font-size:14px;font-weight:700}.form label span{color:red}.form .resizable{display:block;min-width:100px;min-height:30px;max-width:100%;padding:5px;border:1px solid var(--primary-color);border-radius:5px;resize:both;overflow:overlay;cursor:text;background-color:#f5f5f5}.form select{width:100%;border:none;border-radius:5px;outline-color:var(--primary-color);margin-bottom:20px;padding:5px}.form .date{width:280px}@media(max-width:1200px){.errorPage .fehler .top .filter{justify-content:flex-start}.errorPage .fehler .top .filter .selectBox select{min-width:120px}.errorPage .fehler .top .filter .selectBox.messageSelectBox select{min-width:140px;max-width:180px}}@media(max-width:800px){.errorPage{padding:10px}.errorPage .fehler .top .filter{padding:6px 10px;gap:6px}.errorPage .fehler .top .filter .selectBox select{min-width:80px}.errorPage .fehler .top .filter .selectBox.messageSelectBox select{min-width:100px;max-width:140px}.errorPage .fehler .top .filter .dateRangeBox .datePickerDropdown{right:auto;left:0}}@media(max-width:600px){.errorPage{padding:6px}.errorPage .fehler .top .filter{padding:4px 6px;gap:6px;row-gap:4px}.errorPage .fehler .top .filter .dateRangeBox label,.errorPage .fehler .top .filter .selectBox label{display:none}.errorPage .fehler .top .filter .selectBox select{min-width:70px}.errorPage .fehler .top .filter .selectBox.messageSelectBox select{min-width:80px;max-width:120px}.errorPage .fehler .top .filter .buttonBox{margin-left:0}}@media(max-width:768px){.errorPage .fehler .tableBox{overflow-x:hidden}.errorPage .fehler .tableBox .tableTitlesError{display:none}.errorPage .fehler .tableBox .issueBoxError{min-width:unset;height:calc(100% - 60px)}.errorPage .fehler .tableBox .issueBoxError .issue{flex-wrap:wrap;height:auto;min-height:0;padding:14px 48px 14px 18px;align-items:flex-start;position:relative;gap:0;border-bottom:1px solid var(--sarch-color-bg)}.errorPage .fehler .tableBox .issueBoxError .issue .tableElement{flex:0 0 100%;width:100%!important;height:auto;min-height:0;justify-content:flex-start;border-right:none;text-align:left;padding:2px 0;overflow:visible}.errorPage .fehler .tableBox .issueBoxError .issue .machineElement{font-weight:700;font-size:1rem;padding-bottom:2px}.errorPage .fehler .tableBox .issueBoxError .issue .clientElement{font-size:.8rem;opacity:.6;padding-bottom:6px}.errorPage .fehler .tableBox .issueBoxError .issue .alertElement{border-top:1px solid var(--sarch-color-bg);padding-top:6px;margin-top:2px;font-size:.85rem;padding-bottom:4px}.errorPage .fehler .tableBox .issueBoxError .issue .dateElement{flex:0 0 auto;width:auto!important;font-size:.78rem;opacity:.7;padding-right:10px;margin-top:2px}.errorPage .fehler .tableBox .issueBoxError .issue .valueElement{flex:0 0 100%;width:100%!important;font-size:.78rem;opacity:.7;margin-top:2px}.errorPage .fehler .tableBox .issueBoxError .issue .amountElement{display:none}.errorPage .fehler .tableBox .issueBoxError .issue .tableElement:nth-child(6):before{content:"– ";opacity:.4}.errorPage .fehler .tableBox .issueBoxError .issue .commentElement{flex:0 0 100%;border-top:1px solid var(--sarch-color-bg);margin-top:6px;padding-top:6px;font-size:.82rem;align-items:flex-start;flex-wrap:wrap;gap:6px}.errorPage .fehler .tableBox .issueBoxError .issue .actionsBox{position:absolute;top:12px;right:12px;width:auto!important;height:auto;flex:0 0 auto}}@media(max-width:1200px){.errorPage .fehler .tableBox .tableTitlesDelta .commentColumn,.errorPage .fehler .tableBox .tableTitlesDelta .editedColumn{display:none}.errorPage .fehler .tableBox .tableTitlesDelta .tableColumn{width:12%}.errorPage .fehler .tableBox .tableTitlesDelta .solvedColumn{width:8%}.errorPage .fehler .tableBox .issueBoxDelta .issueDelta .commentElement,.errorPage .fehler .tableBox .issueBoxDelta .issueDelta .editedElement{display:none}.errorPage .fehler .tableBox .issueBoxDelta .issueDelta .tableElement{width:12%}.errorPage .fehler .tableBox .issueBoxDelta .issueDelta .moreInfo,.errorPage .fehler .tableBox .issueBoxDelta .issueDelta .solvedElement{width:8%}}@media(max-width:800px){.errorPage .fehler .tableBox .tableTitlesDelta .differenceColumn,.errorPage .fehler .tableBox .tableTitlesDelta .weightColumn{display:none}.errorPage .fehler .tableBox .tableTitlesDelta .tableColumn{width:14.28%}.errorPage .fehler .tableBox .issueBoxDelta .issue .differenceElement,.errorPage .fehler .tableBox .issueBoxDelta .issue .weightElement{display:none}.errorPage .fehler .tableBox .issueBoxDelta .issue .tableElement{width:14.28%}}@media(max-width:600px){.errorPage .fehler .top .tabs{display:none}.errorPage .fehler .top .tabsMobile{display:flex}.errorPage .fehler .top .tabsMobile .tabBtn{width:50px}.errorPage .fehler .top .tabsMobile .activeTab{width:250px}.errorPage .fehler .tableBox .tableTitlesDelta .pickupColumn,.errorPage .fehler .tableBox .tableTitlesDelta .placementColumn{display:none}.errorPage .fehler .tableBox .tableTitlesDelta .tableColumn{width:20%}.errorPage .fehler .tableBox .issueBoxDelta .issue .pickupElement,.errorPage .fehler .tableBox .issueBoxDelta .issue .placementElement{display:none}.errorPage .fehler .tableBox .issueBoxDelta .issue .tableElement{width:20%}}.forwardPage{width:95%;height:calc(100dvh - 95px);margin:25px auto 0;background-color:var(--box-color-bg);border-radius:20px 20px 0 0;box-shadow:0 0 5px var(--primary-color);display:flex;flex-direction:column}.forwardPage .forwardHeader{width:100%;height:120px;border-bottom:2px solid var(--page-color-bg);position:relative;flex-shrink:0}.forwardPage .forwardHeader .title{width:100%;text-align:center;padding-top:30px;font-size:20px;font-weight:700;color:var(--text-color)}.forwardPage .forwardHeader .navBar{position:absolute;top:30px;left:20px;display:flex;align-items:center;gap:5px;color:var(--text-color)}.forwardPage .forwardHeader .navBar span{padding:0;border-bottom:1px solid var(--text-color);cursor:pointer}.forwardPage .forwardHeader .navBar .fa-arrow-left{font-size:25px;margin-right:25px;cursor:pointer}.forwardPage .forwardHeader .actions{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px;color:var(--text-color)}.forwardPage .forwardHeader .actions .addBtn{display:flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--primary-color);border-radius:20px;cursor:pointer;background-color:var(--box-color-bg);font-size:14px;transition:background-color .12s ease}.forwardPage .forwardHeader .actions .addBtn:hover{background-color:var(--page-color-bg)}.forwardPage .forwardHeader .actions .addBtn i{color:var(--primary-color)}.forwardPage .forwardFilterBar{padding:12px 20px;border-bottom:2px solid var(--page-color-bg);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.forwardPage .forwardFilterBar .filters{display:flex;flex-wrap:wrap;gap:8px}.forwardPage .forwardFilterBar .filterPill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border:1px solid var(--primary-color);background-color:rgba(0,0,0,0);color:var(--text-color);border-radius:20px;font-size:13px;cursor:pointer;transition:background-color .12s ease,color .12s ease}.forwardPage .forwardFilterBar .filterPill .count{background-color:var(--page-color-bg);color:var(--text-color);padding:1px 7px;border-radius:12px;font-size:11px;font-weight:700}.forwardPage .forwardFilterBar .filterPill.active{background-color:var(--primary-color);color:#fff}.forwardPage .forwardFilterBar .filterPill.active .count{background-color:hsla(0,0%,100%,.25);color:#fff}.forwardPage .forwardFilterBar .filterPill:hover:not(.active){background-color:var(--page-color-bg)}.forwardPage .forwardFilterBar .refreshBox{display:flex;align-items:center;min-width:30px;justify-content:center}.forwardPage .forwardFilterBar .refreshBox .refreshIcon{cursor:pointer;color:var(--text-color);transition:color .12s ease,transform .2s ease}.forwardPage .forwardFilterBar .refreshBox .refreshIcon:hover{color:var(--primary-color);transform:rotate(45deg)}.forwardPage .forwardBody{flex:1;overflow:hidden;overflow-y:auto;padding:12px 20px}.forwardPage .emptyState{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-color);opacity:.7;padding:40px 20px}.forwardPage .emptyState i{font-size:36px;color:var(--primary-color)}.forwardPage .forwardTable{width:100%;border:1px solid var(--page-color-bg);border-radius:8px;overflow:hidden}.forwardPage .forwardTable .forwardRow,.forwardPage .forwardTable .tableTitles{display:grid;grid-template-columns:60px 170px 1fr 1fr 130px 130px 130px 140px;gap:8px;padding:10px 12px;align-items:center;font-size:13px;color:var(--text-color)}.forwardPage .forwardTable .tableTitles{background-color:var(--page-color-bg);font-weight:700;border-bottom:2px solid var(--page-color-bg)}.forwardPage .forwardTable .forwardRow{border-bottom:1px solid var(--page-color-bg);background-color:var(--box-color-bg);transition:background-color .12s ease}.forwardPage .forwardTable .forwardRow:hover{background-color:var(--page-color-bg)}.forwardPage .forwardTable .forwardRow:last-child{border-bottom:none}.forwardPage .forwardTable .forwardRow .cell{word-break:break-word}.forwardPage .forwardTable .forwardRow .cell.id{font-weight:700;color:var(--primary-color)}.forwardPage .forwardTable .forwardRow .cell.action{display:flex;justify-content:flex-end}.forwardPage .forwardTable .statusBadge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#fff;white-space:nowrap}.forwardPage .forwardTable .statusBadge.statusPending{background-color:#b0a394}.forwardPage .forwardTable .statusBadge.statusConfirmed{background-color:#407e69}.forwardPage .forwardTable .statusBadge.statusAlternative{background-color:#d49a3b}.forwardPage .forwardTable .statusBadge.statusRejected{background-color:#c25656}.forwardPage .forwardTable .statusBadge.statusCanceled{background-color:#8a8a8a}.forwardPage .forwardTable .statusBadge.statusEscalated{background-color:#a94442;border:1px solid #722929}.forwardPage .forwardTable .resetBtn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--primary-color);background-color:rgba(0,0,0,0);color:var(--text-color);border-radius:16px;font-size:12px;cursor:pointer;transition:background-color .12s ease}.forwardPage .forwardTable .resetBtn:hover{background-color:var(--primary-color);color:#fff}.forwardDatumBox{align-items:flex-start!important}.forwardDatumBox .forwardDatumPicker{width:60%;display:flex;flex-direction:column;gap:12px}.forwardDatumBox .forwardDatumPicker .react-datepicker-wrapper{width:100%}.forwardDatumBox .forwardDatumPicker .react-datepicker-wrapper input{width:100%!important}.forwardDatumBox .forwardDatumPicker .forwardTimeBox{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px 10px;border:1px solid var(--page-color-bg);border-radius:12px;position:relative}.forwardDatumBox .forwardDatumPicker .forwardTimeBox .forwardTimeOr{position:absolute;top:-10px;background-color:var(--box-color-bg);padding:2px 8px;font-size:12px;color:var(--text-color);opacity:.75;border-radius:12px}.forwardDatumBox .forwardDatumPicker .forwardTimeBox .forwardTimeBtnBox{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;gap:8px}.forwardDatumBox .forwardDatumPicker .forwardTimeBox .forwardTimeBtnBox .forwardTimeBtn{padding:6px 12px;border:1px solid var(--page-color-bg);border-radius:20px;background-color:var(--box-color-bg);color:var(--text-color);cursor:pointer;font-size:13px;transition:background-color .12s ease,border-color .12s ease;user-select:none}.forwardDatumBox .forwardDatumPicker .forwardTimeBox .forwardTimeBtnBox .forwardTimeBtn:hover{background-color:var(--page-color-bg)}.forwardDatumBox .forwardDatumPicker .forwardTimeBox .forwardTimeBtnBox .forwardTimeBtn.selected{border:1px solid var(--primary-color);background-color:var(--page-color-bg);font-weight:600}.forwardEventsSection{border:1px solid var(--page-color-bg);border-radius:10px;padding:10px 12px;margin-bottom:12px;background:var(--box-color-bg)}.forwardEventsSection .forwardEventsHeader{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;color:var(--text-color);margin-bottom:8px}.forwardEventsSection .forwardEventsHeader>span{display:inline-flex;align-items:center;gap:6px}.forwardEventsSection .forwardEventsHeader>span i{color:var(--primary-color)}.forwardEventsSection .forwardEventsHeader .forwardEventsBadge{display:inline-block;min-width:18px;padding:1px 7px;border-radius:12px;background:#c25656;color:#fff;font-size:11px;text-align:center;margin-left:6px}.forwardEventsSection .forwardEventsHeader .forwardEventsMarkSeen{padding:3px 10px;border:1px solid var(--primary-color);background:rgba(0,0,0,0);color:var(--text-color);border-radius:14px;font-size:11px;cursor:pointer}.forwardEventsSection .forwardEventsHeader .forwardEventsMarkSeen:hover{background:var(--page-color-bg)}.forwardEventsSection .forwardEventsList{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.forwardEventsSection .forwardEventItem{display:flex;gap:10px;padding:8px 10px;border-radius:8px;background:var(--page-color-bg);font-size:12px;line-height:1.35}.forwardEventsSection .forwardEventItem>i{flex-shrink:0;font-size:16px;margin-top:1px}.forwardEventsSection .forwardEventItem .forwardEventBody{flex:1;min-width:0}.forwardEventsSection .forwardEventItem .forwardEventMessage{color:var(--text-color);word-break:break-word}.forwardEventsSection .forwardEventItem .forwardEventMeta{margin-top:2px;font-size:11px;color:var(--text-color);opacity:.6}.forwardEventsSection .forwardEventItem.tone-ok>i{color:#427f6a}.forwardEventsSection .forwardEventItem.tone-err>i{color:#b25656}.forwardEventsSection .forwardEventItem.tone-warn>i{color:#c98a3a}.forwardEventsSection .forwardEventItem.tone-info>i{color:#4f6c8a}.forwardEventsSection .forwardEventItem.unread{box-shadow:inset 3px 0 0 var(--primary-color)}.forwardPage .forwardTable .forwardRow .cell .reminderInfo{margin-top:3px;font-size:11px;color:#c98a3a}.forwardPage .forwardTable .forwardRow .cell .reminderInfo i{color:#c98a3a;margin-right:2px}.forwardPage .resetSummary{background-color:var(--page-color-bg);border-radius:8px;padding:10px 14px;margin-bottom:12px;font-size:13px;color:var(--text-color);display:flex;flex-direction:column;gap:4px}.resetModeBox{display:flex;flex-direction:column;gap:6px}.resetModeBox .resetModeOption{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border:1px solid var(--border-color,#d9d9d9);border-radius:8px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.resetModeBox .resetModeOption:hover{border-color:var(--main-color,#46464f)}.resetModeBox .resetModeOption:has(input:checked){border-color:var(--main-color,#46464f);background-color:var(--page-color-bg)}.resetModeBox .resetModeOption input{margin-top:3px;cursor:pointer}.resetModeBox .resetModeOption span{display:flex;flex-direction:column;gap:2px}.resetModeBox .resetModeOption strong{font-size:13px}.resetModeBox .resetModeOption small{font-size:11px;color:#777;line-height:1.35}@media(max-width:1100px){.forwardPage .forwardTable .tableTitles{display:none}.forwardPage .forwardTable .forwardRow{grid-template-columns:1fr;gap:6px;padding:12px 14px}.forwardPage .forwardTable .forwardRow .cell{display:flex;justify-content:space-between;gap:12px;font-size:13px}.forwardPage .forwardTable .forwardRow .cell:before{content:attr(data-label);font-weight:700;opacity:.7}.forwardPage .forwardTable .forwardRow .cell.action{justify-content:flex-end}}.clientResponsePage{min-height:100vh;background:#f5f5f5;padding:24px 12px;display:flex;align-items:flex-start;justify-content:center;font-family:Arial,sans-serif;color:#302b2b}.clientResponsePage .clientResponseCard{width:100%;max-width:700px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.06)}.clientResponsePage .clientResponseCard .header{background:#c98a3a;color:#fff;padding:18px 24px;font-size:18px}.clientResponsePage .clientResponseCard .content{padding:24px;line-height:1.6}.clientResponsePage .clientResponseCard .content p{margin:0 0 14px}.clientResponsePage .clientResponseCard .content .compare{width:100%;border-collapse:collapse;margin:16px 0;background:#f9f9f9;border-radius:8px;overflow:hidden}.clientResponsePage .clientResponseCard .content .compare td{padding:10px 12px;font-size:14px;vertical-align:top}.clientResponsePage .clientResponseCard .content .compare td:first-child{font-weight:700;width:40%;color:#555}.clientResponsePage .clientResponseCard .content .compare tr.highlight{background:#fff8e1}.clientResponsePage .clientResponseCard .content .btnRow{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 8px}.clientResponsePage .clientResponseCard .content .btn{flex:1 1 200px;padding:12px 20px;border:0;border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .12s ease,transform 80ms ease}.clientResponsePage .clientResponseCard .content .btn:disabled{opacity:.6;cursor:not-allowed}.clientResponsePage .clientResponseCard .content .btn:not(:disabled):hover{opacity:.92}.clientResponsePage .clientResponseCard .content .btn:not(:disabled):active{transform:translateY(1px)}.clientResponsePage .clientResponseCard .content .btnAccept{background:#427f6a}.clientResponsePage .clientResponseCard .content .btnReject{background:#b25656}.clientResponsePage .clientResponseCard .content .btnPropose{background:#2563eb;flex:0 0 auto;padding:10px 18px}.clientResponsePage .clientResponseCard .content .rejectRow{margin-top:4px}.clientResponsePage .clientResponseCard .content .rejectRow .btn{flex:0 0 auto;padding:10px 18px;background:#888}.clientResponsePage .clientResponseCard .content .proposeBox{margin:18px 0 8px;padding:14px 16px;background:#f4f7fc;border:1px solid #d6e0ef;border-radius:10px}.clientResponsePage .clientResponseCard .content .proposeBox .proposeTitle{margin:0 0 10px;font-size:14px;color:#2c3e50;font-weight:600}.clientResponsePage .clientResponseCard .content .proposeBox .proposeRow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.clientResponsePage .clientResponseCard .content .proposeBox .proposeInput{flex:1 1 180px;padding:10px 12px;border:1px solid #c5cdda;border-radius:8px;font-size:15px;font-family:inherit;background:#fff}.clientResponsePage .clientResponseCard .content .proposeBox .proposeInput:disabled{opacity:.6;cursor:not-allowed}.clientResponsePage .clientResponseCard .content .hint{margin-top:16px;font-size:12px;color:#777}.clientResponsePage .clientResponseCard .content .resultBlock{text-align:center;padding:20px 12px}.clientResponsePage .clientResponseCard .content .resultBlock i{font-size:56px;margin-bottom:12px;display:inline-block}.clientResponsePage .clientResponseCard .content .resultBlock h2{margin:0 0 8px;font-size:20px}.clientResponsePage .clientResponseCard .content .resultBlock p{color:#555;margin:0}.clientResponsePage .clientResponseCard .content .resultBlock.tone-success i{color:#427f6a}.clientResponsePage .clientResponseCard .content .resultBlock.tone-warn i{color:#c98a3a}.clientResponsePage .clientResponseCard .content .resultBlock.tone-info i{color:#4f6c8a}.clientResponsePage .clientResponseCard .content .resultBlock.tone-error i{color:#b25656}.clientResponsePage .clientResponseCard .footer{padding:14px 24px;font-size:12px;color:#777;background:#fafafa;border-top:1px solid #efefef}.forwardActionPage{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:20px;color:#302b2b;font-family:Arial,sans-serif}.forwardActionCard{width:100%;max-width:560px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.12)}.forwardActionCard .header{color:#fff;padding:18px 24px;font-size:1.05rem}.forwardActionCard .header.header-confirm{background:#427f6a}.forwardActionCard .header.header-reject{background:#8b3a3a}.forwardActionCard .content{padding:24px;line-height:1.55}.forwardActionCard .content .lead{margin:0 0 14px}.forwardActionCard .content .summaryTable{width:100%;border-collapse:collapse;margin:14px 0;background:#f9f9f9;border-radius:8px}.forwardActionCard .content .summaryTable th{font-weight:600;text-align:left;padding:8px 12px;width:40%;vertical-align:top}.forwardActionCard .content .summaryTable td{padding:8px 12px;vertical-align:top}.forwardActionCard .content .hint{font-size:.92rem;background:#fff8e1;padding:10px 14px;border-radius:6px;margin:16px 0}.forwardActionCard .content .hint.warn{background:#ffe5e5;color:#6b1414}.forwardActionCard .content .actionRow{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.forwardActionCard .content .actionRow button{flex:1 1 auto;min-width:160px;padding:11px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.95rem}.forwardActionCard .content .actionRow .btnPrimary{background:#427f6a;color:#fff}.forwardActionCard .content .actionRow .btnPrimary:hover{background:#2f6151}.forwardActionCard .content .actionRow .btnPrimary:disabled{opacity:.6;cursor:default}.forwardActionCard .content .actionRow .btnDanger{background:#b13c3c;color:#fff}.forwardActionCard .content .actionRow .btnDanger:hover{background:#8e2a2a}.forwardActionCard .content .actionRow .btnDanger:disabled{opacity:.6;cursor:default}.forwardActionCard .content .actionRow .btnSecondary{background:#46464f;color:#fff}.forwardActionCard .content .actionRow .btnSecondary:hover{background:#2e2e35}.forwardActionCard .content .centered{text-align:center;padding:20px 0}.forwardActionCard .content .centered h3{margin:12px 0}.forwardActionCard .content .centered p{margin:6px 0}.forwardActionCard .content .centered .iconError,.forwardActionCard .content .centered .iconSuccess,.forwardActionCard .content .centered .iconWarn{width:74px;height:74px;margin:0 auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:38px}.forwardActionCard .content .centered .iconSuccess{background:#39c46e}.forwardActionCard .content .centered .iconWarn{background:#d6a72e}.forwardActionCard .content .centered .iconError{background:#d04141}.forwardActionCard .content .centered .btnSecondary{margin-top:18px;padding:10px 22px;background:#46464f;color:#fff;border:none;border-radius:6px;cursor:pointer}.showMoreInfoDelta{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.showMoreInfoDelta .showMoreDeltaBox{background-color:var(--box-color-bg);color:var(--text-color);position:relative;width:500px;border-radius:20px}.showMoreInfoDelta .showMoreDeltaBox .fa-xmark{position:absolute;top:10px;right:10px}.showMoreInfoDelta .showMoreDeltaBox h3{padding:20px;text-align:center}.showMoreInfoDelta .showMoreDeltaBox h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.showMoreInfoDelta .showMoreDeltaBox .btnBox{padding:20px}.showMoreInfoDelta .showMoreDeltaBox .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.showMoreInfoDelta .showMoreDeltaBox .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.showMoreInfoDelta .showMoreDeltaBox .formBox{padding:0 20px}.showMoreInfoDelta .showMoreDeltaBox .formBox .feld{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--sarch-color-bg)}.showMoreInfoDelta .showMoreDeltaBox .formBox .feld .left{font-weight:700}.deltaEditContainer{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.deltaEditContainer .box{background-color:var(--box-color-bg);border-radius:20px;padding:20px;position:relative}.deltaEditContainer .box .fa-xmark{position:absolute;top:10px;right:10px}.deltaEditContainer .box .title{text-align:center;padding-bottom:20px}.deltaEditContainer .box .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.deltaEditContainer .box .btnBox{padding-top:20px}.deltaEditContainer .box .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.deltaEditContainer .box .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.deltaEditContainer .box .feldBox{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:10px 0}.deltaEditContainer .box .feldBox input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem}.deltaEditContainer .box .feldBox input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.deltaEditContainer .box .feldBox textarea{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;display:block}.deltaEditContainer .box .feldBox textarea:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.deltaLogsPickup,.deltaLogsPlacement{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.deltaLogsPickup .logsPickupBox,.deltaLogsPickup .logsPlacementBox,.deltaLogsPlacement .logsPickupBox,.deltaLogsPlacement .logsPlacementBox{background-color:var(--box-color-bg);color:var(--text-color);padding:20px;border-radius:20px;position:relative;width:900px}.deltaLogsPickup .logsPickupBox .fa-xmark,.deltaLogsPickup .logsPlacementBox .fa-xmark,.deltaLogsPlacement .logsPickupBox .fa-xmark,.deltaLogsPlacement .logsPlacementBox .fa-xmark{position:absolute;top:10px;right:10px}.deltaLogsPickup .logsPickupBox .title,.deltaLogsPickup .logsPlacementBox .title,.deltaLogsPlacement .logsPickupBox .title,.deltaLogsPlacement .logsPlacementBox .title{text-align:center;padding-bottom:20px}.deltaLogsPickup .logsPickupBox .title:after,.deltaLogsPickup .logsPlacementBox .title:after,.deltaLogsPlacement .logsPickupBox .title:after,.deltaLogsPlacement .logsPlacementBox .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.deltaLogsPickup .logsPickupBox .title span,.deltaLogsPickup .logsPlacementBox .title span,.deltaLogsPlacement .logsPickupBox .title span,.deltaLogsPlacement .logsPlacementBox .title span{cursor:pointer}.deltaLogsPickup .logsPickupBox .title span:hover,.deltaLogsPickup .logsPlacementBox .title span:hover,.deltaLogsPlacement .logsPickupBox .title span:hover,.deltaLogsPlacement .logsPlacementBox .title span:hover{opacity:50%}.deltaLogsPickup .logsPickupBox .custom-table,.deltaLogsPickup .logsPlacementBox .custom-table,.deltaLogsPlacement .logsPickupBox .custom-table,.deltaLogsPlacement .logsPlacementBox .custom-table{border:1px solid var(--text-color);border-radius:20px;overflow:hidden;width:100%}.deltaLogsPickup .logsPickupBox .custom-table .tableHead,.deltaLogsPickup .logsPlacementBox .custom-table .tableHead,.deltaLogsPlacement .logsPickupBox .custom-table .tableHead,.deltaLogsPlacement .logsPlacementBox .custom-table .tableHead{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;background-color:var(--sarch-color-bg);width:100%;height:40px}.deltaLogsPickup .logsPickupBox .custom-table .tableHead div,.deltaLogsPickup .logsPlacementBox .custom-table .tableHead div,.deltaLogsPlacement .logsPickupBox .custom-table .tableHead div,.deltaLogsPlacement .logsPlacementBox .custom-table .tableHead div{width:16.66%;text-align:center}.deltaLogsPickup .logsPickupBox .custom-table .tableBody .tableRow,.deltaLogsPickup .logsPlacementBox .custom-table .tableBody .tableRow,.deltaLogsPlacement .logsPickupBox .custom-table .tableBody .tableRow,.deltaLogsPlacement .logsPlacementBox .custom-table .tableBody .tableRow{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;border-bottom:1px solid var(--sarch-color-bg);height:60px}.deltaLogsPickup .logsPickupBox .custom-table .tableBody .tableRow div,.deltaLogsPickup .logsPlacementBox .custom-table .tableBody .tableRow div,.deltaLogsPlacement .logsPickupBox .custom-table .tableBody .tableRow div,.deltaLogsPlacement .logsPlacementBox .custom-table .tableBody .tableRow div{width:16.66%;text-align:center;border-right:1px solid var(--sarch-color-bg);padding:5px;height:100%;display:flex;justify-content:center;align-items:center}.errorShowMoreContainer{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.errorShowMoreContainer .errorShowMoreForm{background-color:var(--box-color-bg);position:relative;width:400px;height:auto;padding:20px;border-radius:20px;color:var(--text-color)}.errorShowMoreContainer .errorShowMoreForm .fa-xmark{position:absolute;top:10px;right:10px}.errorShowMoreContainer .errorShowMoreForm .isResolved{position:absolute;top:10px;left:10px}.errorShowMoreContainer .errorShowMoreForm .isResolved .fa-check,.errorShowMoreContainer .errorShowMoreForm .isResolved .fa-xmark{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:var(--checkmark-color);color:#fff;border-radius:50%}.errorShowMoreContainer .errorShowMoreForm .isResolved .fa-xmark{background-color:var(--xmark-color);position:relative;cursor:default;top:0;right:0}.errorShowMoreContainer .errorShowMoreForm .errorHeadline{text-align:center}.errorShowMoreContainer .errorShowMoreForm .errorHeadline:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.errorShowMoreContainer .errorShowMoreForm .elementBox{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;width:100%;border-bottom:1px solid var(--sarch-color-bg)}.errorShowMoreContainer .errorShowMoreForm .elementBox p:first-child{font-weight:700}.editError{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.editError .editErrorBox{background-color:var(--box-color-bg);color:var(--text-color);padding:20px;position:relative;width:auto;height:auto;border-radius:20px;width:700px;max-width:100%}.editError .editErrorBox h3{text-align:center;margin-bottom:20px}.editError .editErrorBox h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.editError .editErrorBox p{margin:0}.editError .editErrorBox .fa-xmark{position:absolute;top:10px;right:10px}.editError .editErrorBox .fieldBox{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:20px}.editError .editErrorBox .editLoadingOverlay{display:flex;justify-content:center;align-items:center;min-height:200px}.editError .editErrorBox .editLoadingOverlay i{font-size:2rem;color:var(--text-color);animation:editSpin .7s linear infinite}.editError .editErrorBox .textareaBox{flex-direction:column;align-items:flex-start}.editError .editErrorBox .textareaBox textarea{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;resize:vertical;min-height:80px;width:100%;cursor:text}.editError .editErrorBox .textareaBox textarea:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.editError .editErrorBox .timeBox{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;margin-bottom:20px}.editError .editErrorBox .timeBox .fieldRowBox{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.editError .editErrorBox input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem}.editError .editErrorBox input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.editError .editErrorBox .worksteps{margin-bottom:20px}.editError .editErrorBox .worksteps button{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color)}.editError .editErrorBox .worksteps button:hover{border:1px solid var(--primary-color);box-shadow:none}.editError .editErrorBox .worksteps .btnBox{padding:0}.editError .editErrorBox .worksteps .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color)}.editError .editErrorBox .worksteps .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.editError .editErrorBox .worksteps .btnBox button .fa-xmark{position:relative;top:0;right:0;color:var(--xmark-color)}.editError .editErrorBox .worksteps .btnBox button .fa-check{color:var(--checkmark-color)}.editError .editErrorBox .worksteps .stepTable{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px 0;border:1px solid var(--sarch-color-bg)}.editError .editErrorBox .worksteps .stepTable .stepHeader{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;background-color:var(--sarch-color-bg)}.editError .editErrorBox .worksteps .stepTable .stepHeader div{width:22%;text-align:center;padding:5px 0;border-right:1px solid var(--box-color-bg);font-weight:700;font-size:.85rem}.editError .editErrorBox .worksteps .stepTable .stepHeader div:nth-child(2){width:46%}.editError .editErrorBox .worksteps .stepTable .stepHeader div:last-child{width:10%;border-right:none}.editError .editErrorBox .worksteps .stepTable .addStep,.editError .editErrorBox .worksteps .stepTable .step{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center}.editError .editErrorBox .worksteps .stepTable .addStep input,.editError .editErrorBox .worksteps .stepTable .step input{width:90%;background-color:rgba(0,0,0,0)}.editError .editErrorBox .worksteps .stepTable .addStep div,.editError .editErrorBox .worksteps .stepTable .step div{width:22%;padding:5px 0;border-right:1px solid var(--sarch-color-bg)}.editError .editErrorBox .worksteps .stepTable .addStep div:nth-child(2),.editError .editErrorBox .worksteps .stepTable .step div:nth-child(2){width:46%}.editError .editErrorBox .worksteps .stepTable .addStep div:last-child,.editError .editErrorBox .worksteps .stepTable .step div:last-child{width:10%;border-right:none}.editError .editErrorBox .worksteps .stepTable .step{border-bottom:1px solid var(--sarch-color-bg)}.editError .editErrorBox .worksteps .stepTable .step .removeStepBtn{background:rgba(0,0,0,0);border:none;box-shadow:none;cursor:pointer;color:var(--xmark-color);padding:0;font-size:.85rem}.editError .editErrorBox .worksteps .stepTable .step .removeStepBtn:hover{opacity:.6}.editError .editErrorBox .btnBox{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-top:20px}.editError .editErrorBox .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.editError .editErrorBox .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.editError .editErrorBox .btnBox .cancelBtn{background-color:var(--cancel-btn-color)}@keyframes editSpin{to{transform:rotate(1turn)}}.errorDashboard{padding:20px;width:100%}.errorDashboard.emptyDashboard{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:12px;color:var(--text-color);opacity:.5}.errorDashboard.emptyDashboard i{font-size:3rem}.errorDashboard.emptyDashboard p{font-size:1rem;margin:0}.errorDashboard .kpiRow{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.errorDashboard .kpiRow .kpiCard{flex:1;min-width:130px;background-color:var(--box-color-bg);border-radius:12px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;box-shadow:0 2px 10px rgba(0,0,0,.07)}.errorDashboard .kpiRow .kpiCard i{font-size:1.3rem;color:var(--text-color);opacity:.5;margin-bottom:2px}.errorDashboard .kpiRow .kpiCard .kpiValue{font-size:1.6rem;font-weight:700;color:var(--text-color);line-height:1}.errorDashboard .kpiRow .kpiCard .kpiLabel{font-size:.72rem;color:var(--text-color);opacity:.55;text-transform:uppercase;letter-spacing:.5px}.errorDashboard .kpiRow .kpiCard.kpiGreen .kpiValue,.errorDashboard .kpiRow .kpiCard.kpiGreen i{color:#22c55e;opacity:1}.errorDashboard .kpiRow .kpiCard.kpiYellow .kpiValue,.errorDashboard .kpiRow .kpiCard.kpiYellow i{color:#f39c12;opacity:1}.errorDashboard .kpiRow .kpiCard.kpiRed .kpiValue,.errorDashboard .kpiRow .kpiCard.kpiRed i{color:#ef4444;opacity:1}.errorDashboard .chartsGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.errorDashboard .chartsGrid .chartCard{background-color:var(--box-color-bg);border-radius:12px;padding:16px;box-shadow:0 2px 10px rgba(0,0,0,.07)}.errorDashboard .chartsGrid .chartCard h4{font-size:.78rem;color:var(--text-color);opacity:.6;text-transform:uppercase;letter-spacing:.6px;margin:0 0 12px;font-weight:600}.errorDashboard .chartsGrid .chartCard .chartWrap{position:relative;height:240px;width:100%;overflow:hidden}.errorDashboard .chartsGrid .chartCard .chartWrap canvas{max-width:100%}.errorDashboard .chartsGrid .chartCard .excludedChips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.errorDashboard .chartsGrid .chartCard .excludedChips .excludedChip{display:flex;align-items:center;gap:5px;background-color:var(--page-color-bg);border:1px dashed var(--text-color);border-radius:20px;padding:3px 10px;font-size:.72rem;color:var(--text-color);cursor:pointer;opacity:.65}.errorDashboard .chartsGrid .chartCard .excludedChips .excludedChip:hover{opacity:1}.errorDashboard .chartsGrid .chartCard .excludedChips .excludedChip i{font-size:.65rem;color:#22c55e}.errorDashboard .chartsGrid .chartCard.chartWide{grid-column:span 2}.errorDashboard .chartsGrid .chartCard.chartWide .chartWrap{height:280px}.errorDashboard .chartsGrid .chartCard.listCard{display:flex;flex-direction:column;max-height:420px}.errorDashboard .chartsGrid .chartCard.listCard h4{flex-shrink:0}.errorDashboard .chartsGrid .chartCard.listCard .messageList{flex:1;min-height:0;overflow-y:auto;max-height:none;overflow-anchor:none}.errorDashboard .messageList{display:flex;flex-direction:column;gap:4px;max-height:340px;overflow-y:auto}.errorDashboard .messageList::-webkit-scrollbar{width:4px}.errorDashboard .messageList::-webkit-scrollbar-thumb{background-color:var(--sarch-color-bg);border-radius:4px}.errorDashboard .messageList .msgListEmpty{font-size:.78rem;color:var(--text-color);opacity:.45;text-align:center;padding:20px 0;margin:0}.errorDashboard .messageList .msgListItem{border-radius:8px;background-color:var(--page-color-bg)}.errorDashboard .messageList .msgListHeader{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:rgba(0,0,0,0);border:none;cursor:pointer;text-align:left;color:var(--text-color)}.errorDashboard .messageList .msgListHeader:hover{background-color:var(--sarch-color-bg)}.errorDashboard .messageList .msgListHeader i{font-size:.68rem;opacity:.5;width:10px;flex-shrink:0}.errorDashboard .messageList .msgListHeader .msgListLabel{flex:1;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.errorDashboard .messageList .msgListHeader .msgListBadge{font-size:.68rem;background-color:var(--sarch-color-bg);border-radius:10px;padding:2px 7px;opacity:.8;flex-shrink:0}.errorDashboard .messageList .workStepSessions{padding:4px 10px 8px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--box-color-bg);max-height:300px;overflow-y:auto}.errorDashboard .messageList .workStepSessions::-webkit-scrollbar{width:4px}.errorDashboard .messageList .workStepSessions::-webkit-scrollbar-thumb{background-color:var(--sarch-color-bg);border-radius:4px}.errorDashboard .messageList .workStepSession{background:var(--page-color-bg);border-radius:6px;padding:8px 10px}.errorDashboard .messageList .workStepSession .sessionHeader{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.74rem}.errorDashboard .messageList .workStepSession .sessionHeader .sessionSource{font-weight:600;color:var(--text-color)}.errorDashboard .messageList .workStepSession .sessionHeader .sessionDate{color:var(--text-color);opacity:.55}.errorDashboard .messageList .workStepSession .sessionHeader .sessionStepCount{margin-left:auto;opacity:.45;font-size:.68rem}.errorDashboard .messageList .workStepSession .sessionSteps{list-style:none;margin:0;padding:0 0 0 8px;border-left:2px solid var(--sarch-color-bg);display:flex;flex-direction:column;gap:2px}.errorDashboard .messageList .workStepSession .sessionStep{display:flex;align-items:baseline;gap:8px;padding:3px 0 3px 14px;font-size:.78rem;color:var(--text-color);opacity:.82;position:relative}.errorDashboard .messageList .workStepSession .sessionStep:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--secondary-color);border:2px solid var(--page-color-bg)}.errorDashboard .messageList .workStepSession .sessionStep .stepDesc{flex:1;line-height:1.35}.errorDashboard .messageList .workStepSession .sessionStep .stepDuration{font-size:.7rem;opacity:.55;white-space:nowrap;flex-shrink:0}.errorDashboard .messageList .msgEntryText{font-size:.78rem;color:var(--text-color);opacity:.82;margin:4px 0 0;line-height:1.4}.errorDashboard .messageList .msgListValues{list-style:none;margin:0;padding:4px 10px 8px 28px;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--box-color-bg)}.errorDashboard .messageList .msgListValues li{font-size:.78rem;color:var(--text-color);opacity:.75;line-height:1.45;padding:5px 0;border-bottom:1px solid var(--box-color-bg)}.errorDashboard .messageList .msgListValues li:last-child{border-bottom:none}@media(max-width:1200px){.errorDashboard{padding:14px}.errorDashboard .chartsGrid{gap:12px}.errorDashboard .chartsGrid .chartCard .chartWrap{height:200px}.errorDashboard .chartsGrid .chartCard.chartWide .chartWrap{height:240px}}@media(max-width:900px){.errorDashboard{padding:10px}.errorDashboard .chartsGrid{grid-template-columns:1fr}.errorDashboard .chartsGrid .chartCard.chartWide{grid-column:span 1}.errorDashboard .chartsGrid .chartCard .chartWrap{height:220px}.errorDashboard .chartsGrid .chartCard.chartWide .chartWrap{height:260px}.errorDashboard .kpiRow{gap:8px}.errorDashboard .kpiRow .kpiCard{min-width:calc(50% - 4px);padding:12px 8px}.errorDashboard .kpiRow .kpiCard .kpiValue{font-size:1.3rem}}@media(max-width:700px){.errorDashboard .kpiRow .kpiCard{min-width:calc(50% - 4px)}}.legendOverlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:20;display:flex;justify-content:flex-end;align-items:stretch}.legendPanel{width:420px;max-width:100vw;height:100%;background-color:var(--header-color-bg);display:flex;flex-direction:column;overflow:hidden}.legendHeader{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--sarch-color-bg);flex-shrink:0}.legendHeader h2{font-size:1rem;font-weight:700;color:var(--text-color);margin:0}.legendHeader .fa-xmark{font-size:1.2rem;cursor:pointer;color:var(--text-color)}.legendHeader .fa-xmark:hover{opacity:.6}.legendBody{overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:28px}.legendBody::-webkit-scrollbar{width:4px}.legendBody::-webkit-scrollbar-thumb{background-color:var(--sarch-color-bg);border-radius:4px}.legendSection h3{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-color);opacity:.5;margin:0 0 12px}.legendItems{display:flex;flex-direction:column;gap:12px}.legendItem{display:flex;gap:12px;align-items:flex-start}.legendDot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px}.legendText strong{font-size:.85rem;color:var(--text-color);display:block;margin-bottom:2px}.legendText p{font-size:.78rem;color:var(--text-color);opacity:.7;margin:0;line-height:1.5}.invoicePage{padding:20px;width:100%;height:calc(100dvh - 100px)}.invoicePage .invoiceContainer{width:100%;height:100%;overflow:hidden;background-color:var(--box-color-bg);color:var(--text-color);border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25)}.invoicePage .invoiceContainer .invoiceHeadbox{height:100px;width:100%;height:180px;padding:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.invoicePage .invoiceContainer .invoiceHeadbox .PageTitle{text-align:left;font-weight:700;color:var(--text-color);z-index:1}.invoicePage .invoiceContainer .invoiceHeadbox .navBar{color:var(--text-color);width:300px;display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-bottom:20px;font-size:14px;width:calc(100% - 60px)}.invoicePage .invoiceContainer .invoiceHeadbox .navBar span{cursor:pointer}.invoicePage .invoiceContainer .invoiceHeadbox .navBar span:hover{opacity:50%}.invoicePage .invoiceContainer .invoiceHeadbox .invoiceIconBox{width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;width:140px;position:absolute;top:20px;right:20px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px}.invoicePage .invoiceContainer .invoiceHeadbox .invoiceIconBox:hover{border:1px solid var(--primary-color);box-shadow:none}.invoicePage .invoiceContainer .invoiceHeadbox .showArchiveBtn{position:absolute;top:65px;right:20px;justify-content:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;display:flex;flex-direction:row;justify-content:space-between;padding:5px;align-items:center;gap:5px;width:140px}.invoicePage .invoiceContainer .invoiceHeadbox .showArchiveBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.invoicePage .invoiceContainer .invoiceHeadbox .print{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color);height:35px;width:35px;position:absolute;top:20px;right:180px}.invoicePage .invoiceContainer .invoiceHeadbox .print:hover{border:1px solid var(--primary-color);box-shadow:none}.invoicePage .invoiceContainer .invoiceHeadbox .fa-filter{cursor:pointer;display:none}.invoicePage .invoiceContainer .invoiceHeadbox .fa-filter:after{content:"  Filter";font-size:15px;font-weight:700;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.invoicePage .invoiceContainer .invoiceHeadbox .stockBtn{position:absolute;bottom:40px;right:0;width:35px;height:35px;margin:0;color:var(--box-color-bg);background-color:var(--resume-btn-color);border:1px solid rgba(0,0,0,0);border-bottom-left-radius:7px;border-top-left-radius:7px;padding:7px;cursor:pointer;transition:width .4s ease-in-out;overflow:hidden;font-size:.8rem}.invoicePage .invoiceContainer .invoiceHeadbox .stockBtn:hover{width:180px;box-shadow:none;border:1px solid var(--primary)}.invoicePage .invoiceContainer .invoiceHeadbox .stockBtn:hover .btn-content .btn-text{opacity:1}.invoicePage .invoiceContainer .invoiceHeadbox .stockBtn .btn-content{display:flex;align-items:center;min-width:max-content;height:100%}.invoicePage .invoiceContainer .invoiceHeadbox .stockBtn .btn-content .btn-text{opacity:0;transition:opacity 1s ease;margin-left:8px}.invoicePage .invoiceContainer .invoiceHeadbox .addBtn{bottom:20px}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox{width:100%;display:flex;justify-content:flex-start;align-items:flex-end;flex-wrap:wrap;gap:20px;color:var(--text-color);margin-top:15px}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:14px}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box select:focus{border:1px solid var(--secondary-color)}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box .kalenderValue{border-radius:5px;width:100px;overflow:hidden}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box .kalenderValue input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:100%}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box .kalenderValue input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box .kalenderValue .kalender{position:absolute;background-color:#b4d5f5;z-index:2px;border-radius:10px;z-index:2}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box .kalenderValue .kalender i{position:absolute;display:flex;justify-content:center;align-items:center;top:-1px;left:-1px;color:#ffc3c3;z-index:2;font-size:20px;width:25px;height:25px;border-radius:50%;cursor:pointer}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box .kalenderValue .kalender i:hover{background-color:var(--box-color-bg)}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box .fa-reply-all{cursor:pointer;color:var(--text-color);padding:5px;border-radius:5px}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box .fa-reply-all:hover{background-color:var(--page-color-bg)}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box input[type=checkbox]{position:absolute;opacity:0;z-index:-1}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box .virtualBtn{display:flex;width:50px;height:26px;padding:3px;background-color:var(--secondary-color);border-radius:20px;transition:all .5s ease-in-out;cursor:pointer}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box .virtualBtn .virtualBtnHandler{display:flex;justify-content:center;align-items:center;width:20px;height:20px;position:relative;background-color:var(--primary-color);border-radius:50%;transition:all .5s ease-in-out;box-shadow:0 0 8px rgba(0,0,0,.3)}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box .virtualBtn .virtualBtnHandler:after,.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box .virtualBtn .virtualBtnHandler:before{content:"";position:absolute;width:2px;height:10px;background-color:#fff;transition:all .5s ease-in-out}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box .virtualBtn .virtualBtnHandler:before{transform:rotate(45deg)}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box .virtualBtn .virtualBtnHandler:after{transform:rotate(-45deg)}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box input[type=checkbox]:checked+.virtualBtn{background-color:var(--checkmark-color)}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box input[type=checkbox]:checked+.virtualBtn .virtualBtnHandler{margin-left:50%;background-color:#ecf0f1}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box input[type=checkbox]:checked+.virtualBtn .virtualBtnHandler:before{width:3px;transform:rotate(45deg) translate(2px,-2px);background-color:var(--checkmark-color)}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .Box input[type=checkbox]:checked+.virtualBtn .virtualBtnHandler:after{width:3px;background-color:var(--checkmark-color);height:9px;transform:rotate(-45deg) translate(-4px,-1.4px)}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .resetFilterBtn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;padding:10px;height:auto;background-color:var(--box-color-bg);color:var(--text-color)}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .resetFilterBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .resetFilterBtn i{transition:.3s ease-in-out}.invoicePage .invoiceContainer .invoiceHeadbox .filterBox .resetFilterBtn:hover i{transform:rotate(-1turn)}.invoicePage .invoiceContainer .addinvoiceHeader{height:100px}.invoicePage .invoiceContainer .UploadInvoiceBox{width:100%;height:calc(100% - 100px);position:relative;padding:20px;display:flex;flex-direction:row;gap:20px}.invoicePage .invoiceContainer .UploadInvoiceBox .autoSaveIndicator{position:absolute;display:flex;flex-direction:row;gap:10px;color:var(--checkmark-color);background:var(--box-color-bg);padding:5px;border-radius:10px;right:20px;top:20px;z-index:5;box-shadow:0 2px 6px rgba(0,0,0,.25)}.invoicePage .invoiceContainer .UploadInvoiceBox .showDetailsControlDoc{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.invoicePage .invoiceContainer .UploadInvoiceBox .showDetailsControlDoc .dataBox{background-color:var(--box-color-bg);color:var(--text-color);padding:20px;border-radius:20px;position:relative;width:400px}.invoicePage .invoiceContainer .UploadInvoiceBox .showDetailsControlDoc .dataBox .fa-xmark{position:absolute;top:10px;right:10px}.invoicePage .invoiceContainer .UploadInvoiceBox .showDetailsControlDoc .dataBox .title{text-align:center}.invoicePage .invoiceContainer .UploadInvoiceBox .showDetailsControlDoc .dataBox .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.invoicePage .invoiceContainer .UploadInvoiceBox .showDetailsControlDoc .dataBox .details{width:100%;margin-top:20px}.invoicePage .invoiceContainer .UploadInvoiceBox .showDetailsControlDoc .dataBox .details .infos{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid var(--sarch-color-bg);padding:5px 0}.invoicePage .invoiceContainer .UploadInvoiceBox .showDetailsControlDoc .dataBox .details .infos .left{font-weight:700}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox{width:calc(70% - 10px);height:100%;border-radius:20px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.25);position:relative}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .autofillLoader{width:100%;height:100%;position:absolute;top:0;left:0;background-color:hsla(0,0%,100%,.3607843137);display:flex;justify-content:center;align-items:center}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .tableColumn div{font-size:12px}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title{width:100%;text-align:center;font-weight:700;margin-bottom:0;background-color:var(--box-color-bg);position:relative;color:var(--text-color);font-size:18px;height:56px;display:flex;justify-content:center;align-items:center;overflow:visible}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .autofillInfoText{position:absolute;background-color:var(--box-color-bg);color:red;box-shadow:0 2px 6px rgba(0,0,0,.25);padding:5px;z-index:100;font-size:13px;font-weight:400;bottom:-15px;border-radius:5px}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form{padding-left:20px;width:auto;position:absolute;top:50%;transform:translateY(-50%);right:10px;gap:30px;transition:all 0s!important;color:var(--text-color);margin:0 0 10px}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form .numBox{width:auto;position:relative;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:10px}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form .numBox input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:70px;margin-left:5px}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form .numBox input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form .numBox .num{font-size:16px;font-weight:400;display:flex;flex-direction:row}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form .numBox .numMobile{display:none}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form .numBox .errorSpan{color:var(--btn-label-color);background-color:var(--xmark-color);border-radius:5px;padding:2px 10px;position:absolute;box-shadow:0 0 3px var(--xmark-color);top:-10px;left:0;font-size:13px;z-index:15}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form .numBox .autoButton{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;background-color:var(--secondary-color)}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form .numBox .autoButton:hover{border:1px solid var(--primary-color);box-shadow:none}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form .numBox .electedElementsBox{background-color:var(--box-color-bg);border-radius:10px;height:30px;width:auto;max-width:300px;display:flex;justify-content:flex-start;align-items:center;padding:5px;gap:5px;overflow:hidden;overflow-x:auto}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form .numBox .electedElementsBox span{margin-left:2px}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form .numBox .electedElementsBox div{display:flex;background-color:var(--input-box-bg);border-radius:5px;align-items:center;gap:3px}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form .numBox .electedElementsBox input{width:50px;background-color:var(--box-color-bg);border:none;padding:5px;border-radius:5px;outline-color:var(--primary-color);box-shadow:0 0 2px gray}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form .numBox .electedElementsBox input::placeholder{font-size:20px}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form .titleText{position:absolute;left:70px;top:2px;text-align:center;font-weight:700;color:var(--text-color)}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form .div{height:39px!important;display:flex;align-items:center;gap:10px}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form .div span{font-weight:700}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .searchField{position:absolute;left:10px;top:50%;transform:translateY(-50%);transition:all .3s;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .searchField .mobileSearchBtn{display:none}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .searchField .searchInput{display:flex;flex-direction:row;gap:5px}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .searchField .searchInput .inputBox{position:relative;padding:0}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .searchField .searchInput .inputBox input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;padding:7px 7px 7px 25px;width:160px}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .searchField .searchInput .inputBox input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .searchField .searchInput .inputBox input::placeholder{color:var(--accent-color)}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .searchField .searchInput .inputBox i{position:absolute;left:5px;top:50%;transform:translateY(-50%)}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .searchField .searchInput button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;height:29px;width:100px}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .searchField .searchInput button:hover{border:1px solid var(--primary-color);box-shadow:none}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table{height:calc(100% - 56px);padding:0}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableColumn{height:53px}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableColumn div{width:7.14%}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableColumn .checkBox{display:flex;flex-direction:column}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows{height:calc(100% - 53px);padding-bottom:0}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow div{font-size:12px!important;width:7.14%;word-break:break-word;display:flex;justify-content:center;align-items:center;text-align:center;border-right:1px solid var(--sarch-color-bg);height:100%}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow div .moreInfoBtn{background-color:var(--secondary-color);color:var(--btn-label-color);border:none;padding:7px 10px;border-radius:10px;font-size:16px;cursor:pointer;display:flex;flex-direction:row;gap:5px;width:auto;height:auto}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow div .moreInfoBtn:hover{border:1px solid var(--primary-color)}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow .checkbox{display:flex;justify-content:center;align-items:center}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView{width:calc(30% - 10px);height:100%;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;border-radius:20px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.25);border:1px solid var(--secondary-color)}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .invoiceHeader{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:40px}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .invoiceHeader div{width:150px;display:flex;justify-content:center;align-items:center;height:100%;cursor:pointer}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .invoiceHeader div:hover{background-color:var(--secondary-color)}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .btnBox{display:flex;flex-direction:row;justify-content:space-between;padding:20px;width:100%;border-top:1px solid var(--primary-color)}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .btnBox .deleteBtn{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color);color:var(--xmark-color)}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .btnBox .deleteBtn:hover{border:1px solid var(--primary-color);box-shadow:none;background-color:var(--delete-btn-color);color:#fff}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .btnBox .saveBtnBox{display:flex;flex-direction:row;gap:10px;justify-content:center;align-items:center}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .btnBox .saveBtnBox .cacheBtn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;height:40px;width:100px;background-color:var(--secondary-color)}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .btnBox .saveBtnBox .cacheBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .btnBox .saveBtnBox .saveBtn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;height:40px;width:100px}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .btnBox .saveBtnBox .saveBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox{position:relative;overflow:hidden;width:100%;height:100%}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox .fa-arrow-left{position:absolute;top:50%;transform:translateY(-50%);left:30px;cursor:pointer;border-radius:50%;min-width:35px;height:35px;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;z-index:1000;background-color:rgba(0,0,0,.178)}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox .fa-arrow-left:hover{opacity:50%}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox .fa-arrow-right{position:absolute;top:50%;transform:translateY(-50%);right:30px;cursor:pointer;border-radius:50%;min-width:35px;height:35px;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;z-index:1000;background-color:rgba(0,0,0,.178)}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox .fa-arrow-right:hover{opacity:50%}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox .file{width:auto!important;height:100%!important;position:relative;background-color:#1f1f1f}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox .file .fileHeade{width:100%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;padding:10px;font-size:12px;overflow:hidden;gap:20px;height:40px}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox .file .fileHeade i{cursor:pointer;border-radius:50%}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox .file .fileHeade i:hover{background-color:#4e4e4e;border-radius:50%}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox .file .fileHeade .fa-check,.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox .file .fileHeade .fa-check:hover{font-size:15px;background-color:#3a866d;border-radius:5px;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox .file .fileHeade .fa-pencil{font-size:15px}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox .file .fileHeade .fa-pencil:hover{background-color:#3c3c3c}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox .file .fileHeade .text{font-size:18px;margin:0 3px;cursor:pointer}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox .file .fileHeade .num{width:20px;height:20px;right:30px;top:2px;background-color:var(--box-color-bg);color:var(--text-color);border:1px solid var(--primary-color);border-radius:50%;display:flex;justify-content:center;align-items:center}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox .file .fileHeade input[type=number]{width:30px;border:1px solid gray;border-radius:5px;padding:2px}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox .file .fileHeade .fa-rotate-left{font-size:18px;width:20px;height:20px;border-radius:0;display:flex;justify-content:center;align-items:center}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox .file img{width:100%;height:calc(100% - 40px);object-fit:contain;border:none!important;margin-bottom:-4px}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .fileBox .file iframe{width:100%;border:none}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .UploadCont{display:flex;justify-content:space-around;align-items:center;flex-direction:column;color:var(--text-color);width:100%;height:100%;text-align:center;padding:20px;overflow:hidden;border-radius:20px}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .UploadCont .title{font-weight:700;width:70%;text-align:center;font-size:18px}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .UploadCont .Upload{width:100%;height:90%;display:flex;align-items:center;border-radius:10px;overflow:hidden;position:relative}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .UploadCont .Upload .fa-xmark{position:absolute;right:10px;cursor:pointer;background-color:#f07777;width:20px;height:20px;display:flex;justify-content:center;align-items:center;border-radius:50%;opacity:.8}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .UploadCont .Upload .fa-xmark:hover{opacity:1}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .UploadCont .text{font-size:15px;font-weight:700;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .UploadCont .text span{color:var(--secondary-color);cursor:pointer}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .UploadCont .text span:hover{opacity:50%}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .UploadCont .text i{display:flex;justify-content:center;align-items:center;font-size:40px;color:var(--primary-color);margin-bottom:40px;width:60px;height:60px;background-color:var(--sarch-color-bg);border-radius:50%}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .open{position:absolute;bottom:10px;left:10px;padding:13px;border-radius:50%;background-color:rgba(0,0,0,.288);display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:none;color:#f1f1f1}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .open i{font-size:20px;color:#f1f1f1;cursor:pointer}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .inputBox{position:absolute;bottom:5px;right:20px;font-size:13px;margin:20px;color:var(--secondary-color)}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .inputBox input{margin-left:5px;background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:70px}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .inputBox input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView .inputBox input::placeholder{font-size:20px}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView:hover .open{display:flex}.invoicePage .invoiceContainer .UploadInvoiceBox .dragOver{border:3px dashed var(--primary-color);border-radius:20px}.invoicePage .invoiceContainer .addInvoiceBox{position:absolute;bottom:5px;right:15px;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-color)}.invoicePage .invoiceContainer .addInvoiceBox i{width:30px;height:30px;background-color:var(--primary-color);color:var(--box-color-bg);border-radius:50%;box-shadow:0 0 5px var(--primary-color);display:flex;justify-content:center;align-items:center;font-size:14px;cursor:pointer;transition:all .3s}.invoicePage .invoiceContainer .addInvoiceBox i:hover{transform:rotate(1turn)}.InvoicesTable{width:100%;height:calc(100% - 180px);display:flex;flex-direction:column;overflow:hidden;color:var(--text-color);font-size:14px}.InvoicesTable .tableHead{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;background:var(--sarch-color-bg);height:40px;z-index:1}.InvoicesTable .tableHead div{height:40px;width:22.5%;display:flex;justify-content:center;align-items:center;font-weight:700}.InvoicesTable .tableHead .checkHeader{width:5%}.InvoicesTable .tableOpenButton{background-color:var(--primary-color);min-height:40px;color:#fff;border:none;border-bottom:1px solid var(--sarch-color-bg);font-size:14px;cursor:pointer}.InvoicesTable .tableBody{overflow-y:overlay}.InvoicesTable .tableBody .invoice{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:50px;border-bottom:1px solid var(--sarch-color-bg)}.InvoicesTable .tableBody .invoice .invoiceElement{width:22.5%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px;text-align:center;border-right:1px solid var(--sarch-color-bg);height:100%}.InvoicesTable .tableBody .invoice .checkbox,.InvoicesTable .tableBody .invoice .editBox{width:5%;border-right:1px solid var(--sarch-color-bg);height:100%;z-index:2;display:flex;justify-content:center;align-items:center}.InvoicesTable .tableBody .invoice .editBox i{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color)}.InvoicesTable .tableBody .invoice .editBox i:hover{border:1px solid var(--primary-color);box-shadow:none}.InvoicesTable .tableBody .invoice .invoiceState{color:var(--btn-label-color);padding:5px;border-radius:10px}.InvoicesTable .tableBody .invoice .stateUnconfirmed{background-color:var(--xmark-color)}.InvoicesTable .tableBody .invoice .stateArchive{background-color:var(--checkmark-color)}.InvoicesTable .tableBody .invoice .stateConfirmed{background-color:#e4a752}.InvoicesTable .alert{gap:10px;height:50px!important;width:100%;background-color:rgba(0,0,0,0);box-shadow:none}.InvoicesTable .alert,.InvoicesTable .alert i{display:flex;justify-content:center;align-items:center}.InvoicesTable .alert i{width:30px;height:30px;background-color:var(--page-color-bg);border-radius:50%}.InvoicesTable .title{font-weight:700;padding:10px 5px}.InvoicesTable .confirmedInvoicesBox,.InvoicesTable .unconfirmedInvoicesBox{width:100%;display:flex;flex-wrap:wrap;gap:10px}@media(max-width:1620px){.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form .numBox .num{display:none}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form .numBox .numMobile{display:flex;font-weight:400}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .searchField .mobileSearchBtn{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color)}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .searchField .mobileSearchBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .searchField .searchInput{background-color:var(--box-color-bg);padding:5px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.25)}}@media(max-width:1400px){.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableColumn .Bemerkung,.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableColumn .Prod,.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableColumn .Standzeit{display:none}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableColumn div{width:9.09%}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow .Bemerkung,.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow .Prod,.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow .Standzeit{display:none}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow div{width:9.09%}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow .Upload{border-right:1px solid var(--sarch-color-bg)}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow .moreInfo{display:flex;border-right:none}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow .moreInfo .moreInfoBtn{background-color:var(--secondary-color);color:var(--btn-label-color);border:none;padding:7px 10px;border-radius:10px;font-size:16px;cursor:pointer;display:flex;flex-direction:row;gap:5px;width:auto;height:auto}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow .moreInfo .moreInfoBtn:hover{border:1px solid var(--primary-color)}}@media(max-width:1330px){.invoicePage .invoiceContainer{height:auto;min-height:600px}.invoicePage .invoiceContainer .UploadInvoiceBox{flex-direction:column-reverse}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox{height:600px;width:100%}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableColumn div{width:14.28%}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableColumn .AVV,.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableColumn .Betrag,.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableColumn .Werksgewicht,.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableColumn .kg{display:none}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow div{width:14.28%}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow .AVV,.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow .Betrag,.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow .Werksgewicht,.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow .kg{display:none}.invoicePage .invoiceContainer .UploadInvoiceBox .invoiceView{width:100%;height:600px}}@media(max-width:1000px){.InvoicesTable .tableHead{display:none}.InvoicesTable .tableBody .invoice{flex-direction:column;width:100%;height:auto;padding:50px 10px;border-bottom:2px solid var(--primary-color);position:relative}.InvoicesTable .tableBody .invoice .invoiceElement{border-right:none;justify-content:space-between;width:100%;padding:10px 0;border-bottom:1px solid var(--sarch-color-bg)}.InvoicesTable .tableBody .invoice .invoiceElement:before{content:attr(data-label);font-weight:700;margin-right:auto}.InvoicesTable .tableBody .invoice .checkbox,.InvoicesTable .tableBody .invoice .editBox{border-right:none;position:absolute}.InvoicesTable .tableBody .invoice .checkbox{top:5px;left:5px;height:35px}.InvoicesTable .tableBody .invoice .editBox{bottom:10px;right:5px;height:35px;width:35px}}@media(max-width:800px){.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title{height:100px;position:relative}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .searchField{top:10px;left:10px;transform:none;flex-direction:column;justify-content:flex-start;align-items:flex-start}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .title .form{top:10px;right:10px;transform:none}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table{height:calc(100% - 100px)}}@media(max-width:700px){.invoicePage .invoiceContainer .invoiceHeadbox{height:auto}.invoicePage .invoiceContainer .invoiceHeadbox .invoiceIconBox,.invoicePage .invoiceContainer .invoiceHeadbox .showArchiveBtn{width:40px;height:40px}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableColumn .Brutto,.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableColumn .Netto,.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableColumn .date,.invoicePage .invoiceContainer .invoiceHeadbox .invoiceIconBox p,.invoicePage .invoiceContainer .invoiceHeadbox .showArchiveBtn p{display:none}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableColumn div{width:25%}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow .Brutto,.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow .Netto,.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow .date{display:none}.invoicePage .invoiceContainer .UploadInvoiceBox .TableBox .table .tableRows .tableRow div{width:25%}}.loginPage{width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;position:fixed;z-index:100;overflow:hidden}.loginPage .fa-truck-moving{z-index:5;font-size:200px;color:var(--secondary-color);position:absolute;left:-100%}.loginPage .PasswortVergessenBox{width:100%;height:100dvh;position:fixed;top:0;left:0;z-index:5;display:flex;justify-content:center;align-items:center}.loginPage .PasswortVergessenBox .loginForm{position:absolute;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto}.loginPage .PasswortVergessenBox .loginForm h3{font-weight:400;margin-bottom:20px}.loginPage .PasswortVergessenBox .loginForm .backToLogin{font-size:16px;margin-top:20px}.loginPage .PasswortVergessenBox .loginForm form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.loginPage .PasswortVergessenBox .loginForm form .elementBlock{width:100%}.loginPage .PasswortVergessenBox .loginForm form .elementBlock input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:100%}.loginPage .PasswortVergessenBox .loginForm form .elementBlock input:focus,.loginPage .loginForm{box-shadow:0 2px 6px rgba(0,0,0,.25)}.loginPage .loginForm{width:500px;border-radius:20px;padding:70px 20px;background-color:var(--box-color-bg);color:var(--text-color);z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;position:relative}.loginPage .loginForm .svg{position:absolute;top:0;left:20px;z-index:-1}.loginPage .loginForm .ICONLogo{position:absolute;width:200px;bottom:10px;right:10px;border-radius:20px}.loginPage .loginForm .loginFormTitle{width:100%;text-align:center;position:relative;color:var(--text-color);font-size:30px;font-weight:700;margin-top:20px}.loginPage .loginForm .loginFormHeader{width:100%;text-align:center;color:var(--secondary-color);font-size:20px;margin-bottom:40px}.loginPage .loginForm .logoBox{position:absolute;top:-45px;left:50%;transform:translateX(-50%);background:var(--box-color-bg);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.25);width:auto;overflow:hidden;z-index:4}.loginPage .loginForm .logoBox,.loginPage .loginForm .logoBox .logo{width:100px;height:100px;display:flex;justify-content:center;align-items:center}.loginPage .loginForm .logoBox .logo .logoImg{width:auto;height:100%}.loginPage .loginForm .demoLink{background-color:var(--secondary-color);color:#fff;position:absolute;bottom:-100px;border-radius:0 0 20px 20px;padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:95%;text-align:center;height:100px}.loginPage .loginForm .demoLink a{color:var(--primary-color);text-decoration:none;color:#fff}.loginPage .loginForm label{color:var(--text-color);width:100%;font-size:16px}.loginPage .loginForm label span{color:var(--xmark-color)}.loginPage .loginForm input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:100%;height:46px;min-height:46px}.loginPage .loginForm input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.loginPage .loginForm button{width:100%;font-size:20px;padding:10px;background-color:var(--primary-color);color:var(--box-color-bg);border:1px solid var(--box-color-bg);border-radius:10px;cursor:pointer;margin-top:20px;position:relative}.loginPage .loginForm button .svg{position:absolute;width:20px;animation:rotate .5s linear infinite;left:37%;top:calc(50% - 10px)}.loginPage .loginForm .passBox{position:relative;width:100%;display:flex;justify-content:center}.loginPage .loginForm .passBox .icon{position:absolute;color:var(--primary-color);right:20px;top:15px;cursor:pointer}.loginPage .loginForm .pssVergessen{color:var(--text-color);width:100%;text-decoration:underline;cursor:pointer}@media(max-height:800px){.loginPage .loginForm{height:100%;border-radius:0}.loginPage .loginForm svg{display:none}.loginPage .loginForm .logoBox{width:100px;transform:none;left:0;top:0;box-shadow:none;background-color:rgba(0,0,0,0)}.loginPage .loginForm .demoLink{top:0;right:0;border-radius:0;width:50%;padding:2px;border-bottom-left-radius:20px}.loginPage .loginForm .demoLink p{margin:0}}@media(max-height:600px){.loginPage .loginForm .ICONLogo{top:0;width:80px;height:auto}.loginPage .loginForm .logoBox{width:60px;height:60px;border-radius:0;top:10px}.loginPage .loginForm .logoBox .logo{width:60px;height:60px}}@media(max-width:500px){.loginPage .loginForm{width:100dvw;height:100dvh;border-radius:0}.loginPage .loginForm .loginFormHeader{margin-bottom:10px}}.activityPage{padding:20px;width:100%;height:calc(100dvh - 100px);position:relative}.activityPage .activityContainer{border-radius:20px;color:var(--text-color);width:100%;height:100%;background-color:var(--box-color-bg);box-shadow:0 2px 6px rgba(0,0,0,.25);display:flex;flex-direction:column}.activityPage .activityContainer .activityHeader{padding:20px 20px 10px;border-bottom:2px solid var(--page-color-bg)}.activityPage .activityContainer .activityHeader .navBar{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--secondary-color);margin-bottom:6px}.activityPage .activityContainer .activityHeader .navBar span{cursor:pointer}.activityPage .activityContainer .activityHeader .navBar span:hover{color:var(--primary-color)}.activityPage .activityContainer .activityHeader .navBar span:last-child{cursor:default;color:var(--text-color)}.activityPage .activityContainer .activityHeader .navBar i{font-size:10px}.activityPage .activityContainer .activityHeader h2{font-size:22px;min-height:33px}.activityPage .activityContainer .activityHeader h2 .activityCount{font-size:16px;font-weight:400;color:var(--secondary-color)}.activityPage .activityContainer .filterBox{padding:8px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;row-gap:6px;border-bottom:1px solid var(--page-color-bg);font-size:13px}.activityPage .activityContainer .filterBox .dateRangeBox{display:flex;align-items:center;gap:6px;position:relative}.activityPage .activityContainer .filterBox .dateRangeBox label{white-space:nowrap;font-size:13px}.activityPage .activityContainer .filterBox .dateRangeBox .dateRangeToggle{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color);width:auto;padding:0 10px;gap:8px;white-space:nowrap;font-size:13px}.activityPage .activityContainer .filterBox .dateRangeBox .dateRangeToggle:hover{border:1px solid var(--primary-color);box-shadow:none}.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:100;background-color:var(--box-color-bg);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.2);display:flex;flex-direction:row;overflow:hidden}.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown .presetRanges{display:flex;flex-direction:column;padding:10px 8px;gap:6px;border-right:1px solid var(--sarch-color-bg);min-width:140px}.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown .presetRanges button{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:6px;padding:6px 10px;cursor:pointer;text-align:left;font-size:.8rem;white-space:nowrap}.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown .presetRanges button:hover{background-color:var(--secondary-color)}.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown .react-datepicker{background-color:var(--box-color-bg);color:var(--text-color);border:none}.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown .react-datepicker__header{background-color:var(--sarch-color-bg);border-bottom:none}.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown .react-datepicker__current-month,.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown .react-datepicker__day,.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown .react-datepicker__day-name{color:var(--text-color)}.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown .react-datepicker__day:hover{background-color:var(--secondary-color)}.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown .react-datepicker__day--in-range,.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown .react-datepicker__day--in-selecting-range{background-color:var(--primary-color);opacity:.7}.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown .react-datepicker__day--range-end,.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown .react-datepicker__day--range-start,.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown .react-datepicker__day--selecting-range-start{background-color:var(--primary-color);opacity:1}.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown .react-datepicker__day--outside-month{opacity:.3}.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown .react-datepicker__navigation-icon:before{border-color:var(--text-color)}.activityPage .activityContainer .filterBox .filterElement{display:flex;align-items:center;gap:6px}.activityPage .activityContainer .filterBox .filterElement label{font-size:13px;white-space:nowrap}.activityPage .activityContainer .filterBox .filterElement select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem;font-size:13px}.activityPage .activityContainer .filterBox .filterElement select:focus{border:1px solid var(--secondary-color)}.activityPage .activityContainer .filterBox .filterElement input[type=text]{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:180px;font-size:13px}.activityPage .activityContainer .filterBox .filterElement input[type=text]:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.activityPage .activityContainer .filterBox .resetFilterBtn{box-shadow:0 5px 15px var(--btn-shadow);display:flex;flex-direction:row;align-items:center;gap:5px;border-radius:10px;padding:8px 12px;cursor:pointer;font-size:13px;border:1px solid rgba(0,0,0,0)}.activityPage .activityContainer .filterBox .resetFilterBtn label{cursor:pointer}.activityPage .activityContainer .filterBox .resetFilterBtn:hover{box-shadow:none;border:1px solid var(--primary-color)}.activityPage .activityContainer .tableBox{flex:1;overflow:hidden;display:flex;flex-direction:column}.activityPage .activityContainer .tableBox .titlesBox{width:100%;padding:10px 0;background-color:var(--sarch-color-bg)}.activityPage .activityContainer .tableBox .titlesBox .titles{width:100%;display:flex;align-items:center;font-weight:700;font-size:14px}.activityPage .activityContainer .tableBox .titlesBox .titles div{text-align:center;font-size:14px;padding:0 8px;word-break:break-word}.activityPage .activityContainer .tableBox .activityList{flex:1;overflow-y:auto;background-color:var(--box-color-bg);display:flex;flex-direction:column;padding-bottom:10px}.activityPage .activityContainer .tableBox .activityList::-webkit-scrollbar{width:6px}.activityPage .activityContainer .tableBox .activityList::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:30px}.activityPage .activityContainer .tableBox .activityList .noData{width:100%;padding:30px 0;text-align:center;color:var(--secondary-color);font-size:15px}.activityPage .activityContainer .tableBox .activityList .activityRowWrapper{border-bottom:1px solid var(--sarch-color-bg)}.activityPage .activityContainer .tableBox .activityList .activityRowWrapper:nth-child(odd) .activityRow{background-color:var(--chart-bg-color)}.activityPage .activityContainer .tableBox .activityList .activityRowWrapper.expanded .activityRow{border-bottom:1px solid var(--sarch-color-bg)}.activityPage .activityContainer .tableBox .activityList .activityRow{width:100%;min-height:47px;font-size:13px;color:var(--text-color);display:flex;align-items:center}.activityPage .activityContainer .tableBox .activityList .activityRow.hasDetails{cursor:pointer}.activityPage .activityContainer .tableBox .activityList .activityRow.hasDetails:hover{filter:brightness(.97)}.activityPage .activityContainer .tableBox .activityList .activityRow div{display:flex;align-items:center;padding:6px 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid var(--sarch-color-bg);height:100%;min-height:47px}.activityPage .activityContainer .tableBox .activityList .activityRow .descColumn,.activityPage .activityContainer .tableBox .activityList .activityRow .timestampColumn,.activityPage .activityContainer .tableBox .activityList .activityRow .typeColumn,.activityPage .activityContainer .tableBox .activityList .activityRow .userColumn{white-space:normal;overflow:visible;text-overflow:unset;align-items:flex-start;padding-top:8px;padding-bottom:8px;line-height:1.45;height:auto;word-break:break-word}.activityPage .activityContainer .tableBox .activityList .activityRow .expandColumn{border-right:none;justify-content:center}.activityPage .activityContainer .tableBox .activityList .activityRow .expandIcon{font-size:11px;transition:transform .2s ease;color:var(--secondary-color)}.activityPage .activityContainer .tableBox .activityList .activityRow .expandIcon.rotated{transform:rotate(180deg)}.activityPage .activityContainer .tableBox .activityList .detailsRow{padding:10px 16px 12px;display:flex;flex-wrap:wrap;gap:8px;background-color:var(--sarch-color-bg)}.activityPage .activityContainer .tableBox .activityList .detailsRow .detailItem{display:flex;align-items:center;gap:8px;background-color:var(--box-color-bg);border-radius:8px;padding:6px 12px;font-size:12px;box-shadow:0 2px 6px rgba(0,0,0,.25)}.activityPage .activityContainer .tableBox .activityList .detailsRow .detailItem .detailField{font-weight:700;color:var(--text-color);text-transform:capitalize}.activityPage .activityContainer .tableBox .activityList .detailsRow .detailItem .detailBefore{color:var(--xmark-color);background-color:rgba(159,49,49,.08);padding:2px 7px;border-radius:4px}.activityPage .activityContainer .tableBox .activityList .detailsRow .detailItem .fa-arrow-right{font-size:10px;color:var(--secondary-color)}.activityPage .activityContainer .tableBox .activityList .detailsRow .detailItem .detailAfter{color:var(--checkmark-color);background-color:rgba(91,159,103,.1);padding:2px 7px;border-radius:4px}.activityPage .activityContainer .tableBox .timestampColumn{width:130px;flex-shrink:0}.activityPage .activityContainer .tableBox .userColumn{width:170px;flex-shrink:0}.activityPage .activityContainer .tableBox .typeColumn{width:160px;flex-shrink:0}.activityPage .activityContainer .tableBox .descColumn{flex:1;min-width:0}.activityPage .activityContainer .tableBox .expandColumn{width:40px;flex-shrink:0}.activityPage .activityContainer .pages{width:100%;padding:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-top:1px solid var(--sarch-color-bg);background-color:var(--box-color-bg);height:59px}.activityPage .activityContainer .pages .Box{max-width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row}.activityPage .activityContainer .pages .Box i{padding:2px 5px;cursor:pointer;border-radius:5px;font-size:15px}.activityPage .activityContainer .pages .Box i:hover{color:var(--primary-color)}.activityPage .activityContainer .pages .Box .Page{display:flex;flex-direction:row;margin:0 5px;gap:5px;overflow:hidden;overflow-x:auto;padding:4px 3px}.activityPage .activityContainer .pages .Box .Page::-webkit-scrollbar{width:0;height:0}.activityPage .activityContainer .pages .Box .Page div{width:30px;height:30px;background-color:var(--box-color-bg);box-shadow:0 2px 6px rgba(0,0,0,.25);padding:5px;text-align:center;border-radius:5px;cursor:pointer;font-size:15px}.activityPage .activityContainer .pages .Box .Page div:hover{background-color:var(--primary-color)}.activityPage .activityContainer .pages .Box .Page .activePage{background-color:var(--sarch-color-bg)}.activityPage .activityContainer .loud{width:100%;height:100%;background-color:var(--box-color-bg);position:fixed;top:0;left:0;z-index:5;display:flex;justify-content:center;align-items:center}.activityPage .activityContainer .loud .svg{width:70px;animation:rotate .5s linear infinite}@media(max-width:900px){.activityPage{height:auto;min-height:calc(100dvh - 80px);padding:10px}.activityPage .activityContainer .activityHeader{padding:14px 16px 10px}.activityPage .activityContainer .filterBox{padding:8px 12px;gap:8px;row-gap:6px}.activityPage .activityContainer .tableBox .timestampColumn{width:110px;font-size:11px}.activityPage .activityContainer .tableBox .typeColumn,.activityPage .activityContainer .tableBox .userColumn{font-size:11px}.activityPage .activityContainer .pages{height:auto;padding:8px}}@media(max-width:640px){.activityPage{padding:6px}.activityPage .activityContainer{border-radius:14px}.activityPage .activityContainer .activityHeader{padding:12px 14px 8px}.activityPage .activityContainer .activityHeader h2{font-size:18px;min-height:unset}.activityPage .activityContainer .filterBox{padding:8px 10px;flex-direction:column;align-items:stretch}.activityPage .activityContainer .filterBox .dateRangeBox{width:100%}.activityPage .activityContainer .filterBox .dateRangeBox .dateRangeToggle{flex:1;justify-content:space-between}.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;flex-direction:column;max-width:calc(100vw - 24px);max-height:90dvh;overflow-y:auto}.activityPage .activityContainer .filterBox .dateRangeBox .datePickerDropdown .presetRanges{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--sarch-color-bg);min-width:unset;padding:8px;gap:6px}.activityPage .activityContainer .filterBox .filterElement{width:100%;gap:6px}.activityPage .activityContainer .filterBox .filterElement select{flex:1;min-width:0}.activityPage .activityContainer .filterBox .filterElement input[type=text]{flex:1;width:100%;min-width:0;box-sizing:border-box}.activityPage .activityContainer .filterBox .resetFilterBtn{justify-content:center;padding:9px 12px}.activityPage .activityContainer .tableBox .timestampColumn{font-size:11px}.activityPage .activityContainer .tableBox .typeColumn{width:100px;font-size:11px}.activityPage .activityContainer .tableBox .titlesBox .titles{flex-wrap:nowrap}.activityPage .activityContainer .tableBox .titlesBox .titles .userColumn{flex:1;min-width:0}.activityPage .activityContainer .tableBox .titlesBox .titles .descColumn{display:none}.activityPage .activityContainer .tableBox .activityRow{flex-wrap:wrap;align-items:flex-start}.activityPage .activityContainer .tableBox .activityRow div{padding:5px 6px}.activityPage .activityContainer .tableBox .activityRow .userColumn{flex:1;min-width:0}.activityPage .activityContainer .tableBox .activityRow .expandColumn{order:1}.activityPage .activityContainer .tableBox .activityRow .descColumn{order:2;flex-basis:100%;width:100%;min-height:unset;font-size:12px;color:var(--secondary-color);padding:2px 8px 8px;border-right:none}.activityPage .activityContainer .tableBox .detailsRow{padding:8px 10px 10px;gap:6px}.activityPage .activityContainer .tableBox .detailsRow .detailItem{font-size:11px;padding:5px 10px;flex-wrap:wrap;gap:4px}.activityPage .activityContainer .pages .Box .Page div{width:26px;height:26px;font-size:13px}}@media(max-width:400px){.activityPage .activityContainer .tableBox .titlesBox .titles .typeColumn,.activityPage .activityContainer .tableBox .typeColumn{display:none}.activityPage .activityContainer .pages .Box i{font-size:13px}.activityPage .activityContainer .pages .Box .Page div{width:24px;height:24px;font-size:12px}}.showMoreLogContainer{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.showMoreLogContainer .showMoreLogForm{background-color:var(--box-color-bg);width:400px;height:600px;border-radius:20px;position:relative;overflow:hidden}.showMoreLogContainer .showMoreLogForm h3{text-align:center;padding:20px 20px 0}.showMoreLogContainer .showMoreLogForm h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.showMoreLogContainer .showMoreLogForm .fa-xmark{position:absolute;top:10px;right:10px}.showMoreLogContainer .showMoreLogForm .elements{width:100%;height:calc(100% - 47px);overflow-y:overlay;padding:20px}.showMoreLogContainer .showMoreLogForm .elements .elementBox{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--sarch-color-bg)}.logsPage{padding:20px;height:calc(100dvh - 100px)}.logsPage,.logsPage .logs{width:100%;min-width:1400px;position:relative}.logsPage .logs{border-radius:20px;color:var(--text-color);min-height:calc(100% - 40px);height:100%;background-color:var(--box-color-bg);box-shadow:0 2px 6px rgba(0,0,0,.25);display:flex;flex-direction:column;justify-content:space-between}.logsPage .logs h2{padding:20px;font-size:22px;min-height:33px}.logsPage .logs .fa-arrow-left{font-size:20px;cursor:pointer;position:relative;left:20px;top:20px;color:var(--text-color);display:none}.logsPage .logs .fa-arrow-left:hover{color:var(--primary-color)}.logsPage .logs .fa-bars{position:relative;right:20px;float:right;color:var(--text-color);font-size:20px;cursor:pointer;display:none}.logsPage .logs .fa-bars:hover{color:var(--primary-color)}.logsPage .logs .headBox{display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-end;justify-content:space-between;width:100%;min-height:100px;font-size:14px}.logsPage .logs .headBox .filterBox{padding:0 10px 20px 20px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;margin-top:10px;height:auto;gap:10px;font-weight:700;width:50%}.logsPage .logs .headBox .filterBox .scrollBtnBox{display:flex;flex-direction:row;gap:10px}.logsPage .logs .headBox .filterBox .scrollBtnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.logsPage .logs .headBox .filterBox .scrollBtnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.logsPage .logs .headBox .filterBox .filterElement{display:flex;flex-direction:column}.logsPage .logs .headBox .filterBox .filterElement .kalender{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:auto;font-size:13px}.logsPage .logs .headBox .filterBox .filterElement .kalender:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.logsPage .logs .headBox .filterBox .filterElement select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem;width:auto;font-size:13px}.logsPage .logs .headBox .filterBox .filterElement select:focus{border:1px solid var(--secondary-color)}.logsPage .logs .headBox .filterBox .filterElement .react-datepicker-popper{left:40px!important}.logsPage .logs .headBox .filterBox .filterElement .react-datepicker-popper h2{font-size:16px;min-height:0;padding:0}.logsPage .logs .headBox .filterBox .resetFilterBtn{box-shadow:0 5px 15px var(--btn-shadow);font-weight:400;width:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;gap:5px;height:auto;border-radius:10px;padding:10px;cursor:pointer}.logsPage .logs .headBox .filterBox .resetFilterBtn:hover{cursor:pointer;box-shadow:none;border:1px solid var(--primary-color)}.logsPage .logs .detailsBtn{display:none}.logsPage .logs .buttonsBox{width:auto;height:140px;width:704px;position:absolute;top:10px;right:10px;background-color:var(--box-color-bg);display:flex;flex-direction:column;flex-wrap:wrap}.logsPage .logs .buttonsBox .button{color:var(--text-color);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--sarch-color-bg);border-right:1px solid var(--sarch-color-bg);overflow:hidden}.logsPage .logs .buttonsBox .button p{margin:0;text-align:left;width:200px;background-color:var(--primary-color);color:#fff;padding:5px 0 5px 10px}.logsPage .logs .buttonsBox .button p:last-child{text-align:right;color:var(--text-color);width:150px;background-color:rgba(0,0,0,0);padding:5px 10px 5px 0}.logsPage .logs .buttonsBox .button:first-child{border-top-left-radius:10px;border-top:1px solid var(--sarch-color-bg)}.logsPage .logs .buttonsBox .button:last-child{border-bottom-right-radius:10px}.logsPage .logs .buttonsBox .button:nth-child(5){border-top:1px solid var(--sarch-color-bg);border-top-right-radius:10px}.logsPage .logs .buttonsBox .button:nth-child(4){border-bottom-left-radius:10px;border-bottom-right-radius:10px}.logsPage .logs .pages{width:100%;padding:10px;border-top:1px solid var(--sarch-color-bg);height:59px;position:relative}.logsPage .logs .pages,.logsPage .logs .pages .Box{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:var(--box-color-bg)}.logsPage .logs .pages .Box{max-width:100%}.logsPage .logs .pages .Box i{padding:2px 5px;height:100%;cursor:pointer;border-radius:5px;font-size:15px}.logsPage .logs .pages .Box i:hover{color:var(--primary-color)}.logsPage .logs .pages .Box .Page{display:flex;flex-direction:row;margin:0 5px;gap:5px;overflow:hidden;overflow-x:auto;padding:4px 3px}.logsPage .logs .pages .Box .Page::-webkit-scrollbar{width:0;height:0}.logsPage .logs .pages .Box .Page div{width:30px;height:30px;background-color:var(--box-color-bg);box-shadow:0 2px 6px rgba(0,0,0,.25);padding:5px;text-align:center;border-radius:5px;cursor:pointer;font-size:15px}.logsPage .logs .pages .Box .Page div:hover{background-color:var(--primary-color)}.logsPage .logs .pages .Box .Page .activePage{background-color:var(--sarch-color-bg)}.logsPage .logs .pages .cunt{padding:0 5px}.logsPage .logs .tableBox{height:calc(100% - 215px)}.logsPage .logs .tableBox .titlesBox{width:100%;height:auto;padding:10px 0;background-color:var(--sarch-color-bg)}.logsPage .logs .tableBox .titlesBox .titles{width:calc(100% - 5px);height:auto;display:flex;justify-content:flex-start;align-items:center}.logsPage .logs .tableBox .titlesBox .titles div{text-align:center;width:5.88%;font-size:15px;font-weight:700;word-wrap:break-word}.logsPage .logs .tableBox .logBox{width:100%;height:calc(100% - 50px);background-color:var(--box-color-bg);display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;padding-bottom:50px;color:var(--text-color)}.logsPage .logs .tableBox .logBox .logsCunt{position:fixed;color:var(--text-color);padding:5px 10px;background-color:var(--box-color-bg);font-size:15px}.logsPage .logs .tableBox .logBox .KeineLogs{width:100%;padding:20px 0;text-align:center}.logsPage .logs .tableBox .logBox .log{width:100%;height:47px;font-size:15px;color:var(--text-color);display:flex;justify-content:flex-start;align-items:center;border-bottom:1px solid var(--sarch-color-bg)}.logsPage .logs .tableBox .logBox .log div{display:flex;justify-content:center;align-items:center;padding:5px 2px;word-wrap:break-word;text-align:center;width:5.88%;overflow:hidden;font-size:15px;border-right:1px solid var(--sarch-color-bg);height:100%}.logsPage .logs .tableBox .logBox .log .showMoreElement{display:none}.logsPage .logs .tableBox .logBox .log:nth-child(odd){background-color:var(--chart-bg-color)}.logsPage .logs .loud{width:100%;height:100%;background-color:var(--box-color-bg);position:fixed;top:0;left:0;z-index:5;display:flex;justify-content:center;align-items:center}.logsPage .logs .loud .svg{width:70px;animation:rotate .5s linear infinite}.stammdatenPage{width:100%;padding:20px}.stammdatenPage,.stammdatenPage .EditStammDatenBox{display:flex;justify-content:center;align-items:center}.stammdatenPage .EditStammDatenBox{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15}.stammdatenPage .EditStammDatenBox .form{width:auto;max-width:100%;padding:20px;background-color:var(--box-color-bg);border-radius:20px;display:flex;flex-direction:column;gap:10px;color:var(--text-color);position:relative}.stammdatenPage .EditStammDatenBox .form .fa-xmark{position:absolute;top:10px;right:10px;cursor:pointer}.stammdatenPage .EditStammDatenBox .form h3{text-align:center}.stammdatenPage .EditStammDatenBox .form h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.stammdatenPage .EditStammDatenBox .form div{width:100%;display:flex;justify-content:space-between;gap:10px}.stammdatenPage .EditStammDatenBox .form div label{width:calc(100% - 270px)}.stammdatenPage .EditStammDatenBox .form div input{width:270px;background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem}.stammdatenPage .EditStammDatenBox .form div input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.stammdatenPage .EditStammDatenBox .form .btnBox{margin-top:20px}.stammdatenPage .EditStammDatenBox .form .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.stammdatenPage .EditStammDatenBox .form .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.stammdatenPage .EditStammDatenBox .form .btnBox .Abbrechen{background-color:var(--cancel-btn-color)}.stammdatenPage .EditStammDatenBox .form .optionsHeadline{font-size:16px;font-weight:700;text-align:center}.stammdatenPage .mainBox{width:100%;min-height:calc(100dvh - 100px);display:flex;flex-wrap:wrap;justify-content:center;gap:20px;border-radius:20px;color:var(--text-color)}.stammdatenPage .mainBox .calenderBox .schichtenBox{width:100%;height:100%;overflow-x:auto;overflow-y:auto;padding:20px;display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.stammdatenPage .mainBox .calenderBox .schichtenBox .box{width:auto;border-radius:20px;border:2px solid var(--sarch-color-bg);overflow:visible;max-width:100%;overflow-x:hidden}.stammdatenPage .mainBox .calenderBox .schichtenBox .box h2{width:100%;margin:0;border-bottom:2px solid var(--sarch-color-bg);padding:10px;text-align:center}.stammdatenPage .mainBox .calenderBox .schichtenBox .box .tableBox{max-width:100%;overflow-x:scroll}.stammdatenPage .mainBox .calenderBox .schichtenBox .box table{width:100%;padding:10px;border-spacing:15px 5px;border-collapse:collapse}.stammdatenPage .mainBox .calenderBox .schichtenBox .box table td,.stammdatenPage .mainBox .calenderBox .schichtenBox .box table th{border-left:1px solid var(--sarch-color-bg);border-bottom:1px solid var(--sarch-color-bg);padding:10px;font-size:14px}.stammdatenPage .mainBox .calenderBox .schichtenBox .box table td:first-child,.stammdatenPage .mainBox .calenderBox .schichtenBox .box table th:first-child{border-left:none}.stammdatenPage .mainBox .calenderBox .schichtenBox .box table thead{background-color:var(--sarch-color-bg)}.stammdatenPage .mainBox .formBox{width:100%;height:100dvh;background-color:var(--box-color-bg);position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:6}.stammdatenPage .mainBox .formBox .form{width:500px;padding:20px;background-color:var(--page-color-bg);border-radius:20px;box-shadow:0 0 10px #000;color:var(--text-color)}.stammdatenPage .mainBox .formBox .form h4{width:100%;text-align:center;color:var(--text-color)}.stammdatenPage .mainBox .formBox .form .FieldBox{width:100%;padding:10px;display:flex}.stammdatenPage .mainBox .formBox .form .FieldBox .label{width:100px;display:flex;justify-content:center;align-items:center}.stammdatenPage .mainBox .formBox .form .FieldBox input{padding:5px;width:50%;height:20px;outline-color:var(--primary-color);border:none;border-radius:5px}.stammdatenPage .mainBox .formBox .form .btnBox{width:100%;margin-top:50px;display:flex;justify-content:space-around}.stammdatenPage .mainBox .formBox .form .btnBox button{border:none;width:100px;padding:5px;border-radius:5px;cursor:pointer;color:var(--text-color)}.stammdatenPage .mainBox .formBox .form .btnBox .Abbrechen{background-color:gray}.stammdatenPage .mainBox .formBox .form .btnBox .Speichern{background-color:#43806c}.stammdatenPage .mainBox .Stammdaten{width:400px;height:550px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 6px rgba(0,0,0,.25);position:relative}.stammdatenPage .mainBox .Stammdaten .title{width:100%;text-align:center;color:var(--text-color);padding:20px;background-color:var(--box-color-bg);font-size:16px;font-weight:700}.stammdatenPage .mainBox .Stammdaten .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.stammdatenPage .mainBox .Stammdaten .infoBox{width:100%;height:100%;background-color:var(--box-color-bg);display:flex;flex-direction:column;gap:2px;padding:20px 2px}.stammdatenPage .mainBox .Stammdaten .infoBox .div1{width:100%;display:flex;align-items:center;font-size:14px;padding:5px 20px;border-bottom:1px solid var(--sarch-color-bg);justify-content:space-between}.stammdatenPage .mainBox .Stammdaten .infoBox .div1 span{font-weight:700;width:auto}.stammdatenPage .mainBox .Stammdaten .infoBox .div1 .fa-info{flex-direction:row;box-shadow:0 5px 15px var(--btn-shadow);border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);color:var(--text-color);position:absolute;top:10px;right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:var(--box-color-bg);border-radius:50%}.stammdatenPage .mainBox .Stammdaten .infoBox .div1 .fa-info:hover{border:1px solid var(--primary-color);box-shadow:none}.stammdatenPage .mainBox .Stammdaten .infoBox .div{width:100%;display:flex;font-size:14px;padding:5px 20px;justify-content:space-between;border-bottom:1px solid var(--sarch-color-bg)}.stammdatenPage .mainBox .Stammdaten .infoBox .div span{font-weight:700;width:90px}.stammdatenPage .mainBox .Stammdaten .infoBox .Enstellungen{color:var(--text-color);font-size:16px;font-weight:700;margin:20px 20px 10px;text-align:center}.stammdatenPage .mainBox .Stammdaten .btnBox{width:100%;position:absolute;bottom:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px}.stammdatenPage .mainBox .Stammdaten .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;background-color:var(--box-color-bg);color:var(--text-color);width:150px;padding:10px;height:54px}.stammdatenPage .mainBox .Stammdaten .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.stammdatenPage .mainBox .Material{width:calc(40% - 10px);height:425px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;background-color:var(--box-color-bg);box-shadow:0 2px 6px rgba(0,0,0,.25)}.stammdatenPage .mainBox .Material .title{width:100%;text-align:center;color:var(--text-color);padding:20px 20px 0;background-color:var(--box-color-bg);font-size:16px;font-weight:700}.stammdatenPage .mainBox .Material .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.stammdatenPage .mainBox .Material .addMaterialBtn{flex-direction:row;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;background-color:var(--box-color-bg);color:var(--text-color);height:54px;width:150px;margin:20px;display:flex;justify-content:center;align-items:center;padding:10px;text-align:center}.stammdatenPage .mainBox .Material .addMaterialBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.stammdatenPage .mainBox .Material .addMaterialBtn i{color:var(--text-color);min-width:30px;min-height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s ease}.stammdatenPage .mainBox .Material .addMaterialBtn:hover i{transform:rotate(180deg)}.stammdatenPage .mainBox .Material .tableBox{width:100%;height:calc(100% - 146px)}.stammdatenPage .mainBox .Material .tableBox .tableColumns{width:100%;padding:10px;display:flex;justify-content:space-around;font-size:14px;background-color:var(--sarch-color-bg);border-bottom:1px solid var(--sarch-color-bg)}.stammdatenPage .mainBox .Material .tableBox .tableColumns div{font-size:14px;font-weight:700;width:150px}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox{width:100%;height:calc(100% - 27px);overflow:hidden;overflow-y:overlay;background-color:var(--box-color-bg)}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows{width:100%;min-height:40px;padding:10px;display:flex;justify-content:space-around;border-bottom:1px solid var(--sarch-color-bg);position:relative;align-items:center}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows div{font-size:14px;width:150px;display:flex;justify-content:flex-start;align-items:flex-end;gap:5px}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows div .fa-pen-to-square{cursor:pointer;font-size:14px}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows .editBox{display:flex;gap:10px;align-items:center;background-color:var(--box-color-bg);box-shadow:0 0 3px var(--primary-color);border-radius:5px;padding-left:4px}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows .editBox .fa-check{cursor:pointer;color:#43806c;font-size:20px;padding:2px;border-radius:2px}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows .editBox .fa-check:hover{color:#02b67a}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows .editBox .fa-xmark{cursor:pointer;color:#f84e4e;font-size:20px;padding:2px;border-radius:2px}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows .editBox .fa-xmark:hover{color:#b60202}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows .editBox input{width:80%;border-radius:2px;background-color:#fff;outline-color:var(--primary-color);border:none;padding:2px;border:1px solid var(--text-color);border-radius:5px}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows .fa-trash-can{position:absolute;right:20px;cursor:pointer;color:var(--xmark-color)}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows .fa-trash-can:hover{opacity:50%}.stammdatenPage .mainBox .addmaterialsBox{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;align-items:center;justify-content:center}.stammdatenPage .mainBox .addmaterialsBox .form{padding:20px;background-color:var(--box-color-bg);border-radius:20px;display:flex;flex-direction:column;gap:20px;position:relative}.stammdatenPage .mainBox .addmaterialsBox .form .fa-xmark{position:absolute;top:10px;right:10px;width:20px;font-size:20px;cursor:pointer}.stammdatenPage .mainBox .addmaterialsBox .form h3{text-align:center}.stammdatenPage .mainBox .addmaterialsBox .form h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.stammdatenPage .mainBox .addmaterialsBox .form .box{display:flex}.stammdatenPage .mainBox .addmaterialsBox .form .box .label{width:100px;font-weight:700}.stammdatenPage .mainBox .addmaterialsBox .form .box input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem}.stammdatenPage .mainBox .addmaterialsBox .form .box input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.stammdatenPage .mainBox .addmaterialsBox .form .box span{color:var(--xmark-color)}.stammdatenPage .mainBox .addmaterialsBox .form .btnBox{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.stammdatenPage .mainBox .addmaterialsBox .form .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.stammdatenPage .mainBox .addmaterialsBox .form .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.stammdatenPage .mainBox .addmaterialsBox .form .btnBox .Abbrechen{background-color:var(--cancel-btn-color)}.stammdatenPage .mainBox .materialDeleteBox{width:100%;height:100dvh;background-color:var(--box-color-bg);position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0}.stammdatenPage .mainBox .materialDeleteBox .box{padding:20px;background-color:var(--page-color-bg);border:2px solid var(--primary-color);border-radius:10px}.stammdatenPage .mainBox .materialDeleteBox .box .btnBox{margin-top:20px;width:100%;display:flex;justify-content:space-between}.stammdatenPage .mainBox .materialDeleteBox .box .btnBox button{border:none;padding:5px;width:100px;border-radius:5px;cursor:pointer}.stammdatenPage .mainBox .materialDeleteBox .box .btnBox .Abbrechen{background-color:#868686}.stammdatenPage .mainBox .materialDeleteBox .box .btnBox .Löschen{background-color:#ff6060}.stammdatenPage .mainBox .Entsorger{width:100%;height:420px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 6px rgba(0,0,0,.25);background-color:var(--box-color-bg)}.stammdatenPage .mainBox .Entsorger .title{width:100%;text-align:center;color:var(--text-color);padding:20px 20px 0;background-color:var(--box-color-bg);font-size:16px;font-weight:700}.stammdatenPage .mainBox .Entsorger .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.stammdatenPage .mainBox .Entsorger .infoBox{width:100%;height:calc(100% - 52px);background-color:var(--box-color-bg)}.stammdatenPage .mainBox .Entsorger .infoBox .addEntsorgerBtn{flex-direction:row;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;display:flex;justify-content:center;align-items:center;gap:10px;background-color:var(--box-color-bg);color:var(--text-color);width:150px;height:54px;text-align:center;padding:10px;margin:20px}.stammdatenPage .mainBox .Entsorger .infoBox .addEntsorgerBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.stammdatenPage .mainBox .Entsorger .infoBox .addEntsorgerBtn i{color:var(--text-color);min-width:30px;min-height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s}.stammdatenPage .mainBox .Entsorger .infoBox .addEntsorgerBtn i:hover{transform:rotate(180deg)}.stammdatenPage .mainBox .Entsorger .infoBox .tableColumn{width:100%;padding:10px;transition:all .5s;display:flex;justify-content:flex-start;font-size:14px;font-weight:700;background-color:var(--sarch-color-bg);color:var(--text-color);border-bottom:1px solid var(--sarch-color-bg)}.stammdatenPage .mainBox .Entsorger .infoBox .tableColumn .div{width:16.66%}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows{width:100%;height:calc(100% - 132px);overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row{width:100%;padding:10px;display:flex;justify-content:flex-start;align-items:center;font-size:13px;border-bottom:1px solid var(--sarch-color-bg)}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .div{width:16.66%;font-size:14px;word-break:break-all}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .div .underline{text-decoration:underline;cursor:pointer}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .div .underline:hover{color:var(--primary-color)}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .moreInfoElement{display:none}.stammdatenPage .mainBox .AvvList{z-index:8}.stammdatenPage .mainBox .CheckBoxList{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.stammdatenPage .mainBox .CheckBoxList .form{width:100%;height:600px;background-color:var(--box-color-bg);border-radius:20px;color:var(--text-color);position:relative}.stammdatenPage .mainBox .CheckBoxList .form .fa-xmark{position:absolute;top:10px;right:10px}.stammdatenPage .mainBox .CheckBoxList .form .underline{text-decoration:underline;cursor:pointer}.stammdatenPage .mainBox .CheckBoxList .form .underline:hover{color:var(--primary-color)}.stammdatenPage .mainBox .CheckBoxList h3{width:100%;text-align:center;color:var(--text-color);padding:20px 20px 0;height:57px}.stammdatenPage .mainBox .CheckBoxList h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.stammdatenPage .mainBox .CheckBoxList .tableContainer{width:100%;height:calc(100% - 125px);overflow-x:scroll;overflow-y:hidden}.stammdatenPage .mainBox .CheckBoxList .tableContainer .tableRows{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-width:1100px}.stammdatenPage .mainBox .CheckBoxList .tableContainer .tableRows .row{display:flex;width:100%;padding:10px 10px 10px 20px;border-bottom:1px solid var(--sarch-color-bg)}.stammdatenPage .mainBox .CheckBoxList .tableContainer .tableRows .row .column{width:14%;font-size:13px;font-weight:700}.stammdatenPage .mainBox .CheckBoxList .tableContainer .tableRows .row .emptyColumn{width:20px}.stammdatenPage .mainBox .CheckBoxList .tableContainer .tableRows .headerColumn{background-color:var(--sarch-color-bg)}.stammdatenPage .mainBox .CheckBoxList .tableBody{height:calc(100% - 25px);width:100%;overflow:scroll}.stammdatenPage .mainBox .CheckBoxList .checkDisposer{width:20px}.stammdatenPage .mainBox .CheckBoxList .row-content{width:14%;font-size:13px;word-break:break-word}.stammdatenPage .mainBox .CheckBoxList .scrollable{overflow-x:overlay;display:flex;align-items:center}.stammdatenPage .mainBox .CheckBoxList .btnBox{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px}.stammdatenPage .mainBox .CheckBoxList .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.stammdatenPage .mainBox .CheckBoxList .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.stammdatenPage .mainBox .CheckBoxList .btnBox .Abbrechen{background-color:var(--cancel-btn-color)}.stammdatenPage .mainBox .EmployeesBox{width:calc(60% - 10px);border-radius:20px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.25);height:425px;background-color:var(--box-color-bg)}.stammdatenPage .mainBox .EmployeesBox .title{width:100%;padding:20px 20px 0;background-color:var(--box-color-bg);text-align:center;font-size:16px;font-weight:700}.stammdatenPage .mainBox .EmployeesBox .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.stammdatenPage .mainBox .EmployeesBox .titles{width:100%;padding:10px;background-color:var(--sarch-color-bg);display:flex;justify-content:flex-start;border-bottom:1px solid var(--sarch-color-bg)}.stammdatenPage .mainBox .EmployeesBox .titles div{word-wrap:break-word;width:40%;font-size:14px;font-weight:700;padding:2px}.stammdatenPage .mainBox .EmployeesBox .titles .initialColumn{width:20%}.stammdatenPage .mainBox .EmployeesBox .rows{width:100%;height:calc(100% - 90px);overflow:hidden;overflow-y:overlay;display:flex;flex-direction:column}.stammdatenPage .mainBox .EmployeesBox .rows .row{width:100%;display:flex;justify-content:flex-start;padding:10px;align-items:center;border-bottom:1px solid var(--sarch-color-bg)}.stammdatenPage .mainBox .EmployeesBox .rows .row div{word-wrap:break-word;width:40%;font-size:14px;padding:2px}.stammdatenPage .mainBox .EmployeesBox .rows .row .initialElement{width:20%}.stammdatenPage .mainBox .EmployeesBox .rows .row .showMoreElement{display:none}.avvList{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;z-index:20;display:flex;justify-content:center;align-items:center}.avvList .avvListBox{background-color:var(--box-color-bg);color:var(--text-color);padding:20px;border-radius:20px;position:relative}.avvList .avvListBox h3{text-align:center}.avvList .avvListBox h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.avvList .avvListBox .fa-xmark{position:absolute;top:10px;right:10px;cursor:pointer}@media(max-width:1000px){.stammdatenPage .mainBox .EmployeesBox,.stammdatenPage .mainBox .Material,.stammdatenPage .mainBox .Stammdaten,.stammdatenPage .mainBox .calender{width:100%}.stammdatenPage .mainBox .calender{height:622px}.stammdatenPage .mainBox .Entsorger .infoBox .tableColumn .cityColumn,.stammdatenPage .mainBox .Entsorger .infoBox .tableColumn .plzColumn,.stammdatenPage .mainBox .Entsorger .infoBox .tableColumn .streetColumn{display:none}.stammdatenPage .mainBox .Entsorger .infoBox .tableColumn .div{width:30%}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .cityElement,.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .plzElement,.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .streetElement{display:none}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .div{width:30%}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .moreInfoElement{display:flex;width:10%;justify-content:center;align-items:center}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .moreInfoElement .moreInfoBtn{background-color:var(--secondary-color);color:var(--btn-label-color);border:none;padding:7px 10px;border-radius:10px;font-size:16px;cursor:pointer;display:flex;flex-direction:row;gap:5px;width:auto;height:auto}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .moreInfoElement .moreInfoBtn:hover{border:1px solid var(--primary-color)}}@media(max-width:800px){.stammdatenPage .mainBox .Entsorger .infoBox .tableColumn .numberColumn{display:none}.stammdatenPage .mainBox .Entsorger .infoBox .tableColumn .div{width:45%}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .numberElement{display:none}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .div{width:45%}}@media(max-width:500px){.stammdatenPage .mainBox .Stammdaten{height:561px}.stammdatenPage .mainBox .Stammdaten .btnBox button{width:130px}.stammdatenPage .mainBox .Entsorger .infoBox .tableColumn .div,.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .div{width:37.5%}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .moreInfoElement{width:25%}.stammdatenPage .EditStammDatenBox .form div input,.stammdatenPage .EditStammDatenBox .form div label{width:50%}}.calender{width:calc(100% - 420px);height:550px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;gap:2px;position:relative;box-shadow:0 2px 6px rgba(0,0,0,.25)}.calender .icon{position:absolute;left:10px;top:10px;font-size:15px;cursor:pointer}.calender .title{width:100%;text-align:center;color:var(--text-color);padding:20px 20px 0;background-color:var(--box-color-bg);font-size:16px;font-weight:700;position:relative}.calender .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.calender .title button{position:absolute;right:30px;border:none;border-radius:20px;background-color:var(--page-color-bg);cursor:pointer}.calender .title .btnBox{width:200px;height:40px;display:flex;border-radius:0 20px 0 20px;background-color:var(--secondary-color);font-size:14px;cursor:pointer;overflow:hidden;position:absolute;top:0;right:0}.calender .title .btnBox .fa-right-left{margin-right:10px}.calender .title .btnBox div{width:100%;font-weight:100;font-size:15px;display:flex;align-items:center;justify-content:center;color:var(--btn-label-color);cursor:pointer}.calender .title .btnBox:hover{opacity:50%}.calender .title .calendarHead{margin:0;font-size:16px}.calender .calenderBox{width:100%;height:calc(100% - 30px);background-color:var(--box-color-bg)}.calender .calenderBox .fc-timeGridWeek-view .fc-scroller-liquid-absolute{height:330px}.calender .calenderBox .fc-dayGridMonth-view .fc-scroller-liquid-absolute{height:414px}.calender1{width:calc(100% - 5px);height:calc(100dvh - 100px);border-radius:20px;display:flex;flex-direction:column;position:relative;box-shadow:0 2px 6px rgba(0,0,0,.25);background-color:var(--box-color-bg);overflow:hidden}.calender1 .icon{position:absolute;left:10px;top:10px;font-size:15px;cursor:pointer}.calender1 .title{width:100%;text-align:center;color:var(--text-color);font-size:16px;font-weight:700;padding:20px 20px 0}.calender1 .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.calender1 .title button{position:absolute;right:30px;border:none;border-radius:20px;background-color:var(--page-color-bg);cursor:pointer}.calender1 .title .btnBox{width:200px;position:absolute;right:0;top:0;height:40px;display:flex;border-radius:0 20px 0 20px;background-color:var(--secondary-color);color:var(--btn-label-color);font-size:14px;cursor:pointer;overflow:hidden}.calender1 .title .btnBox .fa-right-left{margin-right:10px}.calender1 .title .btnBox:hover{opacity:50%}.calender1 .title .btnBox div{width:100%;font-weight:400;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer}.calender1 .calenderBox{width:100%;height:calc(100% - 30px);background-color:var(--box-color-bg);overflow-y:scroll}.editKalenderCont{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.editKalenderCont .editKalender{padding:20px;width:420px;height:420px;border-radius:20px;background-color:var(--box-color-bg);display:flex;flex-direction:column;justify-content:space-between;align-items:center;position:relative}.editKalenderCont .editKalender .fa-xmark{position:absolute;top:10px;right:10px;width:20px;font-size:20px;color:var(--text-color);cursor:pointer}.editKalenderCont .editKalender .tabsBox{display:flex;height:34px}.editKalenderCont .editKalender .tabsBox button{padding:0 10px 10px 0;background:rgba(0,0,0,0);border:none;cursor:pointer;color:var(--accent-color);position:relative}.editKalenderCont .editKalender .tabsBox button h3{font-size:16px;transition:font-size .2s}.editKalenderCont .editKalender .tabsBox button.select{color:var(--text-color)}.editKalenderCont .editKalender .tabsBox button.select h3{font-size:20px}.editKalenderCont .editKalender .tabsBox button.select:after{display:block;content:"";position:absolute;bottom:0;left:0;right:0;height:5px;border-radius:2px;background-color:var(--secondary-color)}.editKalenderCont .editKalender .box{width:100%;gap:20px;display:flex;flex-direction:column;position:relative}.editKalenderCont .editKalender .box .shiftElement{width:100%;padding:5px;display:flex;justify-content:space-between;align-items:center}.editKalenderCont .editKalender .box .shiftElement .schicht{width:calc(100% - 10px);display:flex;align-items:center;justify-content:space-around;gap:5px}.editKalenderCont .editKalender .box .shiftElement{border-radius:10px;background-color:var(--page-color-bg);box-shadow:0 2px 6px rgba(0,0,0,.25);height:50px}.editKalenderCont .editKalender .box input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;outline:none;font-weight:400;font-size:.8rem;width:21%}.editKalenderCont .editKalender .box input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.editKalenderCont .editKalender .box input[type=checkbox]{transform:scale(1.2);accent-color:var(--primary-color)}.editKalenderCont .editKalender .box input[type=radio]{accent-color:var(--primary-color)}.editKalenderCont .editKalender .box .time{width:calc(100% - 50px);display:flex;position:absolute;gap:3px;align-items:center;top:-30px;background-color:var(--chart-bg-color);box-shadow:0 0 3px var(--primary-color)}.editKalenderCont .editKalender .box .time .btnBox{width:100%;display:flex}.editKalenderCont .editKalender .box .time .btnBox .fa-xmark{color:#f86767;cursor:pointer}.editKalenderCont .editKalender .box .time .btnBox .fa-check{color:#43806b;cursor:pointer}.editKalenderCont .editKalender .box .time label{font-size:15px;font-weight:700}.editKalenderCont .editKalender .box .time input{width:50%;outline-color:var(--primary-color);border:none}.editKalenderCont .editKalender .box input{cursor:pointer}.editKalenderCont .editKalender .box .holidayInput{width:100%}.editKalenderCont .editKalender .btnBox{width:100%;display:flex;justify-content:space-between}.editKalenderCont .editKalender .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.editKalenderCont .editKalender .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.editKalenderCont .editKalender .btnBox .Abbrechen{background-color:var(--cancel-btn-color)}.editKalenderCont .editKalender .rbc-time-content{color:red}.fc-daygrid-event-dot{border:calc(var(--fc-daygrid-event-dot-width)/2) solid var(--primary-color)}.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{min-height:63px!important;word-break:break-word;overflow:hidden}.fc .fc-header-toolbar{padding:10px 20px;margin-bottom:0!important;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.fc .fc-header-toolbar .fc-toolbar-chunk:first-child{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.fc .fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button-group .fc-button{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);margin:5px;background-color:var(--box-color-bg);color:var(--text-color)}.fc .fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button-group .fc-button:hover{border:1px solid var(--primary-color);box-shadow:none}.fc .fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.fc .fc-header-toolbar .fc-toolbar-chunk:first-child .fc-button:hover{border:1px solid var(--primary-color);box-shadow:none}.fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group:first-child{display:none}.fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group{display:inline-flex;align-items:center;gap:10px}.fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group .fc-button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.fc .fc-header-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group .fc-button:hover{border:1px solid var(--primary-color);box-shadow:none}.fc-timegrid-event-harness-inset .fc-timegrid-event{background-color:var(--secondary-color);box-shadow:none;border-color:var(--primary-color)}.fc .fc-daygrid-day.fc-day-today{background-color:var(--secondary-color);color:var(--btn-label-color)}@media(max-width:1400px){.fc .fc-header-toolbar{justify-content:center;flex-direction:column}.calender .calenderBox .fc-timeGridWeek-view .fc-scroller-liquid-absolute{height:220px}.calender .calenderBox .fc-dayGridMonth-view .fc-scroller-liquid-absolute{height:414px}}@media(max-width:1000px){.calender .calenderBox .fc-timeGridWeek-view .fc-scroller-liquid-absolute{height:300px}}@media(max-width:500px){.calender .calenderBox{height:calc(100% - 83px)}.calender .title .calendarHead{margin-top:30px}.fc .fc-view-harness{height:390px!important}.fc .fc-header-toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.fc .fc-toolbar-title{width:300px;text-align:center}}.materialPage{width:100%;height:calc(100dvh - 90px);padding:20px}.materialPage .material{height:100%;width:100%;border-radius:20px;background-color:var(--box-color-bg);color:var(--text-color);box-shadow:0 2px 6px rgba(0,0,0,.25);overflow:hidden}.materialPage .material .SortenBearbeitenBox{width:100%;position:absolute;top:0;left:0;z-index:5;padding-top:100px;display:flex;justify-content:center;align-items:center}.materialPage .material .SortenBearbeitenBox .box{width:900px;height:500px}.materialPage .material .SortenBearbeitenBox .box .fa-arrow-left{font-size:25px;color:var(--text-color);cursor:pointer}.materialPage .material .SortenBearbeitenBox .box .addSort{width:calc(100% - 20px);padding:10px 0;display:flex;align-items:center;gap:10px}.materialPage .material .SortenBearbeitenBox .box .addSort i{width:30px;height:30px;background-color:var(--box-color-bg);border-radius:50%;display:flex;justify-content:center;align-items:center;font:14px;cursor:pointer;transition:.3s}.materialPage .material .SortenBearbeitenBox .box .addSort i:hover{transform:rotate(180deg)}.materialPage .material .SortenBearbeitenBox .box .tableBox{width:100%;height:85%;background-color:var(--box-color-bg);border-radius:10px;overflow:hidden}.materialPage .material .SortenBearbeitenBox .box .tableBox .tableColumn{width:calc(100% - 10px);display:flex;padding:5px;justify-content:space-between;background-color:var(--box-color-bg);border-bottom:2px solid var(--page-color-bg)}.materialPage .material .SortenBearbeitenBox .box .tableBox .tableColumn .tableColumnBox{width:30%}.materialPage .material .SortenBearbeitenBox .box .tableBox .tableColumn .tableColumnIcon{width:10%}.materialPage .material .SortenBearbeitenBox .box .tableBox .tableRows{width:100%;height:92%;overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.materialPage .material .SortenBearbeitenBox .box .tableBox .tableRows .row{width:100%;background-color:var(--chart-bg-color);font-size:15px;display:flex;justify-content:space-between}.materialPage .material .SortenBearbeitenBox .box .tableBox .tableRows .row .EBox{width:30%;height:100%;display:flex;border-radius:5px;border:1px solid var(--primary-color);padding:0 0 0 5px;background-color:var(--box-color-bg);align-items:center;gap:5px}.materialPage .material .SortenBearbeitenBox .box .tableBox .tableRows .row .EBox i{width:10%;cursor:pointer;font-size:20px}.materialPage .material .SortenBearbeitenBox .box .tableBox .tableRows .row .EBox .fa-xmark{color:red}.materialPage .material .SortenBearbeitenBox .box .tableBox .tableRows .row .EBox .fa-check{color:#26a858}.materialPage .material .SortenBearbeitenBox .box .tableBox .tableRows .row .EBox .descriptionEditInput{width:80%;height:90%;border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color)}.materialPage .material .SortenBearbeitenBox .box .tableBox .tableRows .row .tableColumnBox{width:30%;padding:5px;word-break:break-all}.materialPage .material .SortenBearbeitenBox .box .tableBox .tableRows .row .tableColumnBox .fa-pen-to-square{cursor:pointer;margin-right:5px}.materialPage .material .SortenBearbeitenBox .box .tableBox .tableRows .row .tableColumnBox button{border:none;color:var(--text-color);border-radius:30px;padding:3px 8px;box-shadow:0 0 2px var(--primary-color);cursor:pointer;background-color:var(--page-color-bg)}.materialPage .material .SortenBearbeitenBox .box .tableBox .tableRows .row .tableColumnIcon{width:10%;display:flex;justify-content:center;align-items:center;gap:10px}.materialPage .material .SortenBearbeitenBox .box .tableBox .tableRows .row .tableColumnIcon i{cursor:pointer}.materialPage .material .SortenBearbeitenBox .box .tableBox .tableRows .row .tableColumnIcon .fa-trash-can:hover{color:#f17a7a}.materialPage .material .SortenBearbeitenBox .priceMatrixBox{width:700px;position:relative;border-radius:10px;overflow:hidden}.materialPage .material .SortenBearbeitenBox .priceMatrixBox .balckBox{width:70px;padding:10px;font-size:14px;display:flex;align-items:center;gap:5px;border-radius:10px;z-index:5;position:absolute;cursor:pointer}.materialPage .material .SortenBearbeitenBox .priceMatrixBox .balckBox .fa-arrow-left{font-size:20px}.materialPage .material .SortenBearbeitenBox .priceMatrixBox .balckBox:hover{background-color:var(--box-color-bg)}.materialPage .material .SortenBearbeitenBox .priceMatrixBox select{color:var(--text-color);width:70px;border-radius:20px;border:none;background-color:var(--box-color-bg);position:absolute;right:30px;outline:none;box-shadow:0 0 8px var(--primary-color)}.materialPage .material .SortenBearbeitenBox .priceMatrixBox .title{position:absolute;top:0;padding:10px;width:calc(100% - 20px);text-align:center;font-weight:700;z-index:4;background-color:var(--box-color-bg);border-bottom:2px solid var(--page-color-bg)}.materialPage .material .SortenBearbeitenBox .priceMatrixBox .tablebox{width:100%;height:calc(100% - 40px);background-color:var(--box-color-bg)}.materialPage .material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableTitles{display:flex;width:100%;margin-top:40px;border-bottom:2px solid var(--page-color-bg)}.materialPage .material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableTitles div{padding:10px;width:50%;text-align:center}.materialPage .material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableTitles div .fa-trash-can{cursor:pointer;color:#ec6c6c;display:none}.materialPage .material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableTitles div:hover .fa-trash-can{display:inline}.materialPage .material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableRowsBox{width:100%;display:flex;flex-direction:column;gap:2px;overflow:hidden;overflow-y:auto}.materialPage .material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableRowsBox .row{width:100%;display:flex;align-items:center;background-color:var(--chart-bg-color);padding:10px}.materialPage .material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableRowsBox .row .Box{display:flex;align-items:center;height:30px}.materialPage .material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableRowsBox .row div,.materialPage .material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableRowsBox .row input{width:50%;display:flex;justify-content:center;text-align:center}.materialPage .material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableRowsBox .row input{border:none;border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color);padding:10px}.materialPage .material .SortenBearbeitenBox .priceMatrixBox .tablebox .btnBox{width:100%;display:flex;gap:2px;margin-top:5px}.materialPage .material .SortenBearbeitenBox .priceMatrixBox .tablebox .btnBox button{padding:10px;width:100%;border:none;cursor:pointer;color:var(--text-color)}.materialPage .material .SortenBearbeitenBox .priceMatrixBox .tablebox .btnBox .Abbrechen{background-color:gray}.materialPage .material .SortenBearbeitenBox .priceMatrixBox .tablebox .btnBox .Speichern{background-color:#43806c}.materialPage .material .deleteBox{width:100%;height:100dvh;background-color:var(--box-color-bg);backdrop-filter:blur(3px);position:absolute;top:0;left:0;z-index:5;display:flex;justify-content:center;align-items:center}.materialPage .material .deleteBox .fa-xmark{position:absolute;top:20px;left:20px;color:gray;font-size:20px;cursor:pointer}.materialPage .material .deleteBox .fa-xmark:hover{color:var(--text-color)}.materialPage .material .deleteBox .btnBox{padding:20px;background-color:var(--page-color-bg);border-radius:10px;box-shadow:0 0 10px var(--primary-color);color:var(--text-color);border:2px solid var(--primary-color)}.materialPage .material .deleteBox .btnBox .btn{width:100%;display:flex;justify-content:space-around;margin-top:30px}.materialPage .material .deleteBox .btnBox .btn button{border:none;padding:5px;width:100px;border-radius:20px;cursor:pointer;color:#f3f3f3}.materialPage .material .deleteBox .btnBox .btn .Abbrechen{background-color:gray}.materialPage .material .deleteBox .btnBox .btn .Löschen{background-color:#ec6c6c}.materialPage .material .addBox{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15}.materialPage .material .addBox .addIndexForm{width:500px;height:auto;padding:20px;background-color:var(--box-color-bg);border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;position:relative}.materialPage .material .addBox .addIndexForm .fa-xmark{position:absolute;top:10px;right:10px}.materialPage .material .addBox .addIndexForm h3{display:block;text-align:center;width:100%}.materialPage .material .addBox .addIndexForm h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.materialPage .material .addBox .addIndexForm .inputBox{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px 0}.materialPage .material .addBox .addIndexForm .inputBox label{font-weight:700}.materialPage .material .addBox .addIndexForm .inputBox input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:80%}.materialPage .material .addBox .addIndexForm .inputBox input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.materialPage .material .addBox .addIndexForm .btnBox{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.materialPage .material .addBox .addIndexForm .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.materialPage .material .addBox .addIndexForm .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.materialPage .material .addBox .addIndexForm .btnBox .Abbrechen{background-color:var(--cancel-btn-color)}.materialPage .material .addBox .addIndexForm .btnBox .Speichern{background-color:var(--resume-btn-color)}.materialPage .material .headBox{width:100%;color:var(--text-color);padding:20px}.materialPage .material .headBox .navBar{color:var(--text-color);display:flex;justify-content:flex-start;align-items:center;gap:5px;font-size:14px;margin-bottom:10px}.materialPage .material .headBox .navBar span{cursor:pointer}.materialPage .material .headBox .indexTop{width:100%;display:flex;justify-content:space-between;align-items:flex-end;gap:5px}.materialPage .material .headBox .indexTop .addIndex{flex-direction:row;justify-content:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;width:150px;height:54px;display:flex;align-items:center;gap:10px;background-color:var(--box-color-bg);color:var(--text-color)}.materialPage .material .headBox .indexTop .addIndex:hover{border:1px solid var(--primary-color);box-shadow:none}.materialPage .material .headBox .indexTop .addIndex i{width:30px;height:30px;display:flex;justify-content:center;align-items:center;font:14px;cursor:pointer;transition:.3s}.materialPage .material .headBox .indexTop .addIndex:hover i{transform:rotate(180deg)}.materialPage .material .indexTableBox{width:100%;height:calc(100% - 121px);position:relative}.materialPage .material .indexTableBox .indexTable{width:100%;height:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;overflow-y:overlay;gap:20px;background-color:var(--box-color-bg);padding:5px 20px}.materialPage .material .indexTableBox .indexTable .indexBox{height:200px;width:24%;border-radius:10px;background-color:var(--secondary-color);box-shadow:0 2px 6px rgba(0,0,0,.25);overflow:hidden}.materialPage .material .indexTableBox .indexTable .indexBox .title{font-weight:700;width:100%;padding:10px;position:relative;background-color:var(--primary-color);color:var(--btn-label-color)}.materialPage .material .indexTableBox .indexTable .indexBox .title h4{color:var(--btn-label-color)}.materialPage .material .indexTableBox .indexTable .indexBox .title .deleteBtn{position:absolute;top:50%;right:5px;transform:translateY(-50%);display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color)}.materialPage .material .indexTableBox .indexTable .indexBox .title .deleteBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.materialPage .material .indexTableBox .indexTable .indexBox .title .deleteBtn:hover i{color:var(--xmark-color)}.materialPage .material .indexTableBox .indexTable .indexBox .indexContainer{overflow:hidden;height:calc(100% - 41px);border-radius:0 0 10px 10px}.materialPage .material .indexTableBox .indexTable .indexBox .indexContainer .indexScrollBox{width:100%;height:100%;padding:10px;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:10px;overflow-y:overlay}.materialPage .material .indexTableBox .indexTable .indexBox .indexContainer .indexScrollBox .sort{background-color:var(--box-color-bg);color:var(--text-color);padding:10px;border-radius:10px;font-weight:400;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px}.materialPage .material .indexTableBox .indexTable .indexBox .indexContainer .indexScrollBox .sort .fa-trash-can{font-size:14px;cursor:pointer;display:none}.materialPage .material .indexTableBox .indexTable .indexBox .indexContainer .indexScrollBox .sort .fa-trash-can:hover{color:var(--xmark-color)}.materialPage .material .indexTableBox .indexTable .indexBox .indexContainer .indexScrollBox .sort:hover{background-color:var(--accent-color)}.materialPage .material .indexTableBox .indexTable .indexBox .indexContainer .indexScrollBox .sort:hover i{display:flex}.materialPage .material .indexTableBox .indexTable .indexBox .indexContainer .indexScrollBox .fa-plus{background-color:var(--box-color-bg);border-radius:50%;width:30px;height:30px;cursor:pointer;box-shadow:0 5px 15px var(--btn-shadow);display:flex;justify-content:center;align-items:center;border:1px solid rgba(0,0,0,0);transition:.5s ease}.materialPage .material .indexTableBox .indexTable .indexBox .indexContainer .indexScrollBox .fa-plus:hover{box-shadow:none;border-color:var(--primary-color);transform:rotate(180deg)}.materialPage .material .indexTableBox .indexTable .tableColumn{width:100%;display:flex;gap:2px;background-color:var(--box-color-bg);border-bottom:2px solid var(--box-color-bg);transition:all .5s}.materialPage .material .indexTableBox .indexTable .tableColumn .title{padding:10px;width:50%;text-align:center;background-color:var(--page-color-bg);font-weight:700}.materialPage .material .indexTableBox .indexTable .tableRows{width:100%;max-height:450px;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;gap:2px}.materialPage .material .indexTableBox .indexTable .tableRows .row{width:calc(100% - 20px);padding:10px;background-color:var(--chart-bg-color);font-size:14px;display:flex;align-items:center}.materialPage .material .indexTableBox .indexTable .tableRows .row .text{width:50%;display:flex;justify-content:flex-start}.materialPage .material .indexTableBox .indexTable .tableRows .row .btn{width:50%;display:flex;justify-content:center;align-items:center;gap:30px}.materialPage .material .indexTableBox .indexTable .tableRows .row .btn button{border:none;color:var(--text-color);background-color:var(--box-color-bg);box-shadow:0 0 10px var(--primary-color);padding:5px 10px;border-radius:30px;cursor:pointer}.materialPage .material .indexTableBox .indexTable .tableRows .row .btn .fa-trash-can{font-size:17px;color:var(--text-color);cursor:pointer}.materialPage .material .indexTableBox .indexTable .tableRows .row .btn .fa-trash-can:hover{color:#f77f7f}.materialPage .material .SortInfos{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center;height:100%;width:100%}.materialPage .material .SortInfos .sortBox{max-height:100%;width:auto;min-width:400px;max-width:100%;position:relative;background-color:var(--box-color-bg);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px;overflow:hidden}.materialPage .material .SortInfos .sortBox .fa-xmark{position:absolute;top:10px;right:10px}.materialPage .material .SortInfos .sortBox .title{width:100%;text-align:center;padding:20px 20px 10px}.materialPage .material .SortInfos .sortBox .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.materialPage .material .SortInfos .sortBox .contentBox{height:auto;max-height:calc(100% - 77px);width:100%;overflow-y:scroll;display:flex;flex-direction:column;justify-content:center;align-items:center}.materialPage .material .SortInfos .sortBox .contentBox .leftBox{width:auto;display:flex;flex-direction:column;align-items:flex-start}.materialPage .material .SortInfos .sortBox .contentBox .leftBox h4{text-align:center;width:100%}.materialPage .material .SortInfos .sortBox .contentBox .leftBox .filterBox{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:5px;gap:10px}.materialPage .material .SortInfos .sortBox .contentBox .leftBox .filterBox .add .fa-plus{width:30px;height:30px;background-color:var(--box-color-bg);box-shadow:0 0 5px var(--primary-color);border:1px solid rgba(0,0,0,0);display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;transition:all .5s}.materialPage .material .SortInfos .sortBox .contentBox .leftBox .filterBox .add .fa-plus:hover{transform:rotate(1turn);border-color:var(--text-color);box-shadow:none}.materialPage .material .SortInfos .sortBox .contentBox .leftBox .filterBox select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem;height:30px}.materialPage .material .SortInfos .sortBox .contentBox .leftBox .filterBox select:focus{border:1px solid var(--secondary-color)}.materialPage .material .SortInfos .sortBox .contentBox .leftBox .Table{width:auto;height:auto;overflow:hidden;border:1px solid var(--sarch-color-bg);border-radius:20px;margin:5px}.materialPage .material .SortInfos .sortBox .contentBox .leftBox .Table .titles{display:flex;border-bottom:2px solid var(--page-color-bg);background-color:var(--sarch-color-bg)}.materialPage .material .SortInfos .sortBox .contentBox .leftBox .Table .titles div{width:150px;padding:10px;height:auto;word-break:break-all;border-bottom:2px solid var(--page-color-bg)}.materialPage .material .SortInfos .sortBox .contentBox .leftBox .Table .TableColumns .Column{display:flex}.materialPage .material .SortInfos .sortBox .contentBox .leftBox .Table .TableColumns .Column .monat{word-break:break-all;display:flex;justify-content:flex-start;align-items:center}.materialPage .material .SortInfos .sortBox .contentBox .leftBox .Table .TableColumns .Column div{width:150px;padding:3px 10px;border-bottom:2px solid var(--page-color-bg)}.materialPage .material .SortInfos .sortBox .contentBox .leftBox .Table .TableColumns .Column div input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:90%}.materialPage .material .SortInfos .sortBox .contentBox .leftBox .Table .TableColumns .Column div input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.materialPage .material .SortInfos .sortBox .contentBox .rightBox{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.materialPage .material .SortInfos .sortBox .contentBox .rightBox textarea{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;height:200px;width:300px;max-width:300px;min-width:300px;max-height:600px;min-height:200px;margin-bottom:20px}.materialPage .material .SortInfos .sortBox .contentBox .rightBox textarea:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.materialPage .material .SortInfos .sortBox .contentBox .btnBox{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0 20px 10px;gap:20px}.materialPage .material .SortInfos .sortBox .contentBox .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.materialPage .material .SortInfos .sortBox .contentBox .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.materialPage .material .editsortBox{width:100%;height:100%;position:absolute;top:0;left:0;z-index:5;background-color:var(--box-color-bg)}.materialPage .material .editsortBox .main{width:100%;height:100dvh;background-color:var(--box-color-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0}.materialPage .material .editsortBox .main .priceMatrixBox{border:2px solid var(--primary-color);border-radius:15px;box-shadow:0 0 10px var(--primary-color);background-color:var(--page-color-bg);display:flex;flex-direction:column;padding-top:40px;gap:2px;position:relative;overflow:hidden}.materialPage .material .editsortBox .main .priceMatrixBox .fa-xmark{position:absolute;left:10px;top:10px;font-size:20px;cursor:pointer}.materialPage .material .editsortBox .main .priceMatrixBox .Title{width:100%;font-weight:700;display:flex;justify-content:center;margin-bottom:20px}.materialPage .material .editsortBox .main .priceMatrixBox .box{width:calc(100% - 10px);display:flex;align-items:center;justify-content:space-between;background-color:var(--input-box-bg);padding:2px 5px}.materialPage .material .editsortBox .main .priceMatrixBox .box label{width:150px}.materialPage .material .editsortBox .main .priceMatrixBox .box input{padding:5px;width:300px;border:none;border-radius:5px;outline-color:var(--primary-color);color:var(--text-color);border:1px solid var(--primary-color)}.materialPage .material .editsortBox .main .priceMatrixBox .box select{width:calc(100% - 150px);text-align:center;border:none;background-color:var(--select-box-bg);border-radius:5px;outline-color:var(--primary-color);border:1px solid var(--primary-color);color:var(--text-color);padding:4px 0;cursor:pointer}.materialPage .material .editsortBox .main .priceMatrixBox .box textarea{max-width:305px;min-width:305px;min-height:20px;max-height:200px;border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color)}.materialPage .material .editsortBox .main .priceMatrixBox .btnBox{width:100%;display:flex;margin-top:2px}.materialPage .material .editsortBox .main .priceMatrixBox .btnBox button{width:50%;padding:10px;border:none;color:var(--text-color);font-size:15px;text-align:center;cursor:pointer}.materialPage .material .editsortBox .main .priceMatrixBox .btnBox .löchen{display:flex;gap:5px;justify-content:center;align-items:center;background-color:#ec6c6c}.materialPage .material .editsortBox .main .priceMatrixBox .btnBox .Speichern{background-color:#43806c}.materialPage .material .editsortBox .main .btn{width:calc(100% - 40px);padding:20px}.materialPage .material .editsortBox .main .btn button{margin-top:50px;padding:5px 10px;border:none;border-radius:5px;box-shadow:0 0 10px var(--primary-color);border-radius:20px;color:var(--text-color);cursor:pointer}.materialPage .material .contAddSortBox{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.materialPage .material .contAddSortBox .addSortBox{width:400px;padding:20px;border-radius:20px;background-color:var(--box-color-bg);display:flex;flex-direction:column;gap:20px;position:relative}.materialPage .material .contAddSortBox .addSortBox h3{width:100%;text-align:center}.materialPage .material .contAddSortBox .addSortBox h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.materialPage .material .contAddSortBox .addSortBox .fa-xmark{position:absolute;top:10px;right:10px}.materialPage .material .contAddSortBox .addSortBox select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem}.materialPage .material .contAddSortBox .addSortBox select:focus{border:1px solid var(--secondary-color)}.materialPage .material .contAddSortBox .addSortBox .inputbox{width:100%;display:flex;flex-direction:column}.materialPage .material .contAddSortBox .addSortBox .inputbox label{font-weight:700}.materialPage .material .contAddSortBox .addSortBox .inputbox input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem}.materialPage .material .contAddSortBox .addSortBox .inputbox input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.materialPage .material .contAddSortBox .addSortBox .inputbox textarea{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;max-width:100%;min-width:100%;max-height:300px;overflow-y:overlay}.materialPage .material .contAddSortBox .addSortBox .inputbox textarea:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.materialPage .material .contAddSortBox .addSortBox .inputbox select{border:1px solid var(--primary-color);padding:7px}.materialPage .material .contAddSortBox .addSortBox .btnBox{display:flex;justify-content:space-between;margin-top:20px}.materialPage .material .contAddSortBox .addSortBox .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.materialPage .material .contAddSortBox .addSortBox .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.materialPage .material .contAddSortBox .addSortBox .btnBox .Abbrechen{background-color:var(--cancel-btn-color)}@media(max-width:1500px){.materialPage .material .indexTableBox .indexTable .indexBox{width:48%}}@media(max-width:600px){.materialPage .material .indexTableBox .indexTable .indexBox{width:100%}}.Notifications_Num{width:22px;height:22px;position:absolute;background-color:#fd5555;font-size:12px;color:#fff;border-radius:50%;justify-content:center;top:-11px;left:8px;z-index:-1}.Notifications_Num,.header{display:flex;align-items:center}.header{background-color:var(--header-color-bg);height:67px;justify-content:flex-end;margin:20px 20px 0;border-radius:20px;position:sticky;top:0;z-index:3;transition:background-color .5s;transition:width .5s;box-shadow:0 2px 6px rgba(0,0,0,.25)}.header .fa-bars,.header .mobileLogo{display:none}.header .fa-bars{color:var(--text-color)}.header .errorBox{background-color:var(--xmark-color);width:100%;height:auto;padding:20px;position:absolute;top:0;box-shadow:0 0 10px #000;display:flex;justify-content:center;gap:10px;z-index:10;border-radius:20px}.header .errorBox .fa-xmark{color:#fff;font-size:20px;cursor:pointer;position:absolute;top:10px;right:10px}.header .errorBox .contBox{border:1px solid #fff;color:#fff;padding:10px;border-radius:10px}.header .errorBox .contBox .title{width:100%;border-bottom:1px solid #fff;padding-bottom:5px;margin-bottom:10px}.header .errorBox .contBox .infoBox{color:#fff;margin-bottom:3px}.header .errorBox .contBox .infoBox span{text-decoration:underline;cursor:pointer}.header .beta{position:absolute;right:20px;top:-20px;font-size:16px;font-weight:700;color:var(--text-color)}.header .loud{width:100%;height:100dvh;background-color:var(--box-color-bg);position:fixed;top:0;left:0;z-index:20;display:flex;justify-content:center;align-items:center}.header .loud h2{position:absolute;top:calc(50% - 150px);width:100%;text-align:center;color:var(--text-color)}.header .loud .svg{width:70px;animation:rotate .5s linear infinite}.header .logoBox{position:absolute;top:50%;left:20px;transform:translateY(-50%)}.header .logoBox .logo{width:auto;height:auto}.header .logoBox .logo2{cursor:pointer;width:45px;height:auto}.header .rightBox{width:calc(100% - 100px);height:100%;display:flex;align-items:center;justify-content:space-between}.header .rightBox .Company{font-weight:700;position:absolute;width:auto;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-color)}.header .rightBox .navBar{height:auto;width:calc(100% - 290px);display:flex;flex-direction:row;gap:30px;position:relative;align-items:center;justify-content:space-between}.header .rightBox .navBar .iconsBox{width:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px}.header .rightBox .navBar .fa-triangle-exclamation{font-size:22px;transition:all .2s;color:gold;position:relative}.header .rightBox .navBar .fa-triangle-exclamation .errorNum{color:#fff;text-shadow:none;font-size:12px;width:22px;height:22px;border-radius:50%;background-color:#fd5555;display:flex;justify-content:center;align-items:center;position:absolute;top:-10px;margin-left:10px;z-index:-1}.header .rightBox .navBar .darkModeSwitch{width:50px;background-color:var(--secondary-color);border-radius:20px;display:flex;align-items:center;cursor:pointer;padding:3px;justify-content:space-between;user-select:none;position:relative;transition:all .5s ease}.header .rightBox .navBar .darkModeSwitch .iconWrapper{width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 2px gray;border-radius:50%;background-color:var(--primary-color);position:relative;transition:all .5s ease}.header .rightBox .navBar .darkModeSwitch .iconWrapper i{color:#fff;font-size:17px}.header .rightBox .navBar .darkModeSwitch.isDarkMode .iconWrapper{margin-left:50%}@media(max-width:800px){.header .rightBox .navBar{display:none}}.header .rightBox .navBar i{color:var(--text-color);font-size:20px;cursor:pointer}.header .rightBox .navBar .fa-bell{color:#e69705}.header .rightBox .navBar .chatIconBox{position:relative}.header .rightBox .navBar .chatIconBox .fa-comments{color:#546b67;z-index:10}.header .rightBox .navBar .chatIconBox .newMessage{background-color:#fd5555;position:absolute;top:-12px;right:-8px;width:22px;height:22px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;font-weight:700;font-size:12px;z-index:1}.header .rightBox .navBar .fa-bell,.header .rightBox .navBar .fa-comments{position:relative}.header .rightBox .navBar .fa-bell:hover,.header .rightBox .navBar .fa-comments:hover{opacity:1;color:var(--primary-color)}.header .rightBox .navBar select{width:250px;background-color:var(--sarch-color-bg);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem;color:var(--text-color)}.header .rightBox .navBar select:focus{border:1px solid var(--secondary-color)}@media(max-width:1155px){.header .rightBox .navBar select{display:none}}.header .rightBox .navBar .navBox{display:flex;height:100%}.header .rightBox .navBar .navBox a{color:var(--text-color);text-decoration:none;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;padding:0 15px;border-radius:5px;opacity:1}.header .rightBox .navBar .navBox a:hover{opacity:50%}.header .rightBox .navBar .mehrLink{height:30px;display:flex;align-items:center;justify-content:center;position:relative}.header .rightBox .navBar .mehrLink:hover .fa-angle-up{color:var(--primary-color)}.header .rightBox .navBar .mehrLink .fa-angle-up{margin-left:5px}.header .rightBox .navBar .fa-chevron-right{position:relative;right:-50px;font-size:10px}.header .rightBox .navBar .mehrList{width:170px;border-radius:0 0 20px 20px;background-color:var(--primary-color);border-top:none;position:absolute;top:49px;left:150px;z-index:-1;color:#fff;display:flex;flex-direction:column;align-items:center;gap:15px;padding:5px 7px 20px}.header .rightBox .navBar .mehrList div{width:100%;display:flex;gap:10px;cursor:pointer;font-size:15px}.header .rightBox .navBar .mehrList div i{font-size:17px;color:#fff}.header .rightBox .navBar .mehrList .abholerBox{position:absolute;top:181px;width:170px;border-radius:0 0 20px 20px;background-color:var(--secondary-color);color:#fff;box-shadow:0 10px 8px rgba(20,19,19,.3098039216);max-height:330px;overflow:hidden}.header .rightBox .navBar .mehrList .abholerBox .abholerListe{display:flex;flex-direction:column;gap:2px;overflow-y:overlay;max-height:330px;width:100%;height:100%}.header .rightBox .navBar .mehrList .abholerBox .abholerListe .abholer{width:100%;padding:5px 0 5px 10px;border-radius:5px;word-break:break-word}.header .rightBox .navBar .mehrList .abholerBox .abholerListe .abholer:hover{background-color:var(--primary-color)}.header .rightBox .navBar .mehrList .option{padding:7px;border-radius:5px;width:100%}.header .rightBox .navBar .mehrList .option:hover{background-color:var(--secondary-color)}.header .rightBox .navBar .CompanyLogo{height:70px;overflow:hidden;position:relative;left:50px}.header .rightBox .navBar .CompanyLogo .Companylogo{height:100%}.header .rightBox .SearchBoxAdmin{display:flex;align-items:center;color:var(--text-color);gap:20px;position:relative}@media(max-width:1400px){.header .rightBox .SearchBoxAdmin{display:none}}.header .rightBox .SearchBoxAdmin input{width:220px;height:27px;border-radius:30px;border:none;padding-left:10px;padding-right:30px;outline-color:var(--primary-color);border:1px solid var(--primary-color)}.header .rightBox .SearchBoxAdmin .fa-magnifying-glass{position:absolute;right:56px;top:5px;color:#474747;font-size:20px;cursor:pointer}.header .rightBox .SearchBoxAdmin .fa-magnifying-glass:hover{color:var(--primary-color)}.header .rightBox .SearchBoxAdmin .fa-xmark{position:absolute;left:-25px;background-color:var(--page-color-bg);color:var(--text-color);width:25px;height:25px;font-size:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.header .rightBox .SearchBox{display:flex;color:var(--text-color);gap:20px;position:relative}@media(max-width:900px){.header .rightBox .SearchBox{display:none}}.header .rightBox .SearchBox input{background-color:var(--sarch-color-bg);width:180px;height:27px;border-radius:30px;border:none;padding-right:30px;outline:none}.header .rightBox .SearchBox .fa-magnifying-glass{position:absolute;left:178px;top:5px;color:#474747;font-size:20px;cursor:pointer}.header .rightBox .SearchBox .fa-magnifying-glass:hover{color:var(--primary-color)}.header .rightBox .userBoxAdmin{width:auto;display:flex;align-items:center;gap:15px;color:var(--text-color);position:relative}.header .rightBox .userBoxAdmin .role{width:auto;text-align:right;font-size:14px;font-weight:400;margin-bottom:0}.header .rightBox .userBoxAdmin .fa-user{width:40px;height:40px;color:var(--btn-label-color);background-color:var(--secondary-color);padding:10px;border-radius:50%;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}.header .rightBox .userBoxAdmin .fa-arrow-right-from-bracket{font-size:25px;margin-left:10px;padding-right:20px;cursor:pointer}.header .rightBox .userBoxAdmin .fa-arrow-right-from-bracket:hover{color:#f79898}.header .rightBox .userBox{display:flex;align-items:center;gap:10px;color:var(--text-color)}.header .rightBox .userBox .fa-user{width:30px;height:30px;color:var(--sarch-color-bg);background-color:#556080;padding:10px;border-radius:50%;font-size:22px;display:flex;align-items:center;justify-content:center}.header .rightBox .userBox .fa-arrow-right-from-bracket{font-size:25px;margin-left:10px;cursor:pointer}.header .rightBox .userBox .fa-arrow-right-from-bracket:hover{color:#f79898}.header .rightBox .userEditBox{width:300px;height:auto;background-color:var(--box-color-bg);backdrop-filter:blur(7px);box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:20px;position:absolute;top:70px;right:50px;display:flex;flex-direction:column;align-items:center;padding-bottom:30px;z-index:1000;color:var(--text-color)}.header .rightBox .userEditBox .title{width:100%;text-align:center;padding:20px 0;font-weight:bolder}.header .rightBox .userEditBox .role{font-size:14px;font-weight:700;margin-top:5px}.header .rightBox .userEditBox .fa-user{width:75px;height:75px;font-size:35px;background-color:var(--secondary-color);display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff}.header .rightBox .userEditBox .fa-pen-to-square{position:relative;cursor:pointer;right:30px}.header .rightBox .userEditBox .fa-pen-to-square:hover{color:var(--primary-color)}.header .rightBox .userEditBox .name{width:calc(100% - 30px);padding-left:30px;display:flex;gap:10px;margin-top:20px}.header .rightBox .userEditBox .name span{font-weight:700}.header .rightBox .userEditBox .email{width:calc(100% - 30px);margin-top:5px;display:flex;padding-left:30px;gap:10px;word-break:break-word}.header .rightBox .userEditBox .email span{font-weight:700;word-break:keep-all}.header .rightBox .userEditBox .cont{background-color:var(--page-color-bg);padding:10px;margin-top:20px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%}.header .rightBox .userEditBox .cont .plan{font-size:15px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.header .rightBox .userEditBox .cont .plan .Payment{font-size:14px;font-weight:700}.header .rightBox .userEditBox .cont .text{width:100%;text-align:center;font-size:14px;color:red;margin-top:10px}.header .rightBox .userEditBox .cont .time{width:90%;margin-top:5px;text-align:center;font-size:14px;font-weight:700}.header .rightBox .userEditBox .link{margin-top:30px;font-size:14px;display:flex;align-items:center;gap:5px;cursor:pointer}.header .rightBox .userEditBox .link i{transform:rotateY(180deg)}.header .rightBox .userEditBox .link:hover{color:#3e3ee2}.header .rightBox .userEditBox .btn{width:100%;display:flex;justify-content:center;gap:20px;cursor:pointer;margin-top:10px}.header .rightBox .userEditBox .btn div{box-shadow:0 2px 6px rgba(0,0,0,.25);border:1px solid rgba(0,0,0,0);padding:5px 10px;border-radius:10px;font-size:14px;box-sizing:border-box}.header .rightBox .userEditBox .btn .Abo:hover{background-color:var(--primary-color);border:none;box-shadow:0 0 5px var(--primary-color);margin-left:2px}.header .rightBox .userEditBox .btn .unsubBtn{width:200px;margin-top:10px;text-align:center}.header .rightBox .userEditBox .btn .unsubBtn:hover{background-color:var(--xmark-color);color:var(--btn-label-color);border-color:var(--primary-color);box-shadow:none}.header .rightBox .barsIconAdmin{right:40px;width:35px;height:30px;border-radius:5px;cursor:pointer;display:none;z-index:2}@media(max-width:1600px){.header .rightBox .barsIconAdmin{display:flex}}.header .rightBox .barsIconAdmin .lines{width:100%;height:100%;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:3px}.header .rightBox .barsIconAdmin .lines div{border-radius:20px;height:2px;background-color:var(--text-color)}.header .rightBox .barsIconAdmin .lines .line1{width:50%}.header .rightBox .barsIconAdmin .lines .line2{width:75%}.header .rightBox .barsIconAdmin .lines .line3{width:100%}.header .rightBox .barsIconAdmin .Icon{color:var(--text-color);font-size:30px;margin-top:-5px;margin-left:-30px;z-index:10}.header .rightBox .barsIcon{right:40px;width:35px;height:30px;border-radius:5px;cursor:pointer;display:none;z-index:2}@media(max-width:1600px){.header .rightBox .barsIcon{display:flex}}.header .rightBox .barsIcon .lines{width:100%;height:100%;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:3px}.header .rightBox .barsIcon .lines div{border-radius:20px;height:2px;background-color:var(--text-color)}.header .rightBox .barsIcon .lines .line1{width:50%}.header .rightBox .barsIcon .lines .line2{width:75%}.header .rightBox .barsIcon .lines .line3{width:100%}.header .rightBox .barsIcon .Icon{color:var(--text-color);font-size:30px;margin-top:-5px}.header .menuBox{position:fixed;width:400px;height:100dvh;min-height:900px;background-color:var(--header-color-bg);backdrop-filter:blur(3px);right:-1000px;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:1;display:none}.header .menuBox .menuBoxLogo{position:absolute;top:0;left:0}.header .menuBox .menuBoxLogo .logo2{width:70px;height:75px}.header .menuBox select{outline:none;border:none;width:330px;border-radius:30px;padding:5px;margin-top:-20px;cursor:pointer;background-color:var(--page-color-bg);color:var(--text-color);display:none}@media(max-width:980px){.header .menuBox select{display:block}}.header .menuBox .navBar{display:flex;flex-direction:column;display:none}.header .menuBox .navBar a{color:var(--text-color);text-decoration:none;font-weight:700}.header .menuBox .navBar a:hover{color:var(--primary-color)}.header .menuBox .navBar .mehrList{background-color:var(--box-color-bg);width:100%;margin-top:-25px;display:flex;flex-direction:column;gap:5px}.header .menuBox .navBar .mehrList div{font-size:15px;font-weight:700;display:flex;gap:10px;border-radius:5px;padding:5px;background-color:var(--sarch-color-bg);border:1px solid var(--primary-color)}.header .menuBox .navBar .managementAnsichtBtn{border:1px solid var(--primary-color);padding:5px;border-radius:5px;background-color:var(--page-color-bg)}.header .menuBox .logoutBtn a{text-decoration:none;font-size:18px;font-weight:700;color:var(--text-color)}@media(max-width:700px){.header .menuBox .logoutBtn{display:none}}.header .menuBox .logout{display:flex;justify-content:center;align-items:center;gap:10px}.header .menuBox .logout .fa-arrow-right-from-bracket{color:var(--text-color);font-size:25px;margin-left:10px;cursor:pointer}.header .menuBox .logout .fa-arrow-right-from-bracket:hover{color:#f79898}.header .menuBox .logout div{color:var(--text-color);text-decoration:none;font-weight:700}.header .menuBox .SearchBox{width:250px;display:flex;color:var(--text-color);gap:20px;position:relative;display:none;justify-content:center;align-items:center}.header .menuBox .SearchBox .select{height:100%;margin:0;width:200px}@media(max-width:1155px){.header .menuBox .SearchBox{display:flex}.header .menuBox .SearchBox .select{display:block}}.header .menuBox .SearchBox input{background-color:var(--sarch-color-bg);width:270px;height:27px;border-radius:30px;border:none;padding-right:30px;outline:none}.header .menuBox .SearchBox .fa-magnifying-glass{position:absolute;right:54px;top:5px;color:#474747;font-size:20px;cursor:pointer}.header .menuBox .SearchBox .fa-magnifying-glass:hover{color:var(--primary-color)}.header .menuBox .SearchBox .fa-moon,.header .menuBox .SearchBox .sun{width:30px;height:30px;cursor:pointer}.header .menuBox .SearchBox .fa-moon{font-size:24px;margin-bottom:-6px;margin-right:-5px}.header .menuBox .userBox{width:250px;display:flex;align-items:center;gap:10px;color:var(--text-color);font-weight:700}.header .menuBox .userBox div{height:40px}.header .menuBox .userBox div p{padding:0;margin:0;font-size:13px}.header .menuBox .userBox .fa-user{width:30px;height:30px;color:var(--sarch-color-bg);background-color:#556080;padding:10px;border-radius:50%;font-size:22px;display:flex;align-items:center;justify-content:center}@media(max-width:1100px){.header .rightBox .Company{background-color:var(--box-color-bg);position:absolute;width:auto;top:70px;padding:4px;border-radius:10px;text-align:center;overflow:hidden;height:27px;word-break:keep-all}}@media(max-width:900px){.header{position:relative}.header .logoBox,.header .rightBox .navBar .fa-bell,.header .rightBox .navBar .fa-moon,.header .rightBox .navBar .fa-triangle-exclamation,.header .rightBox .navBar .navBox{display:none}.header .mobileLogo{display:block;width:40px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.header .fa-bars{display:block;position:absolute;left:20px;font-size:25px}}@media(max-width:440px){.header .rightBox .userEditBox{right:0}}.sidebar{position:fixed;top:0;left:0;width:220px;height:100%;background-color:var(--primary-color);color:#fff;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border-radius:0 20px 20px 0;z-index:11;gap:10px;box-shadow:0 0 3px var(--primary-color)}@media(max-width:850px){.sidebar{min-width:145px;position:fixed;width:160px!important;z-index:10;backdrop-filter:blur(25px)}}@media(max-width:550px){.sidebar{height:calc(100dvh - 115px)}}.sidebar .menuBtn{position:absolute;right:-17px;top:163px;width:30px;height:30px;background-color:var(--primary-color);border-radius:50%;display:flex;justify-content:center;align-items:center;border:4px solid #fff;color:var(--button-label-color);box-shadow:0 0 3px gray;cursor:pointer;z-index:12}.sidebar .logo{margin-top:20px;width:100px;padding:5px;height:auto;background-color:var(--btn-label-color);border-radius:20px}.sidebar .menueList::-webkit-scrollbar{display:none}.sidebar .scrollArrow{position:absolute;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.4);color:#fff;border:none;border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:20;opacity:.7;transition:opacity .2s}.sidebar .scrollArrow:hover{opacity:1}.sidebar .scrollUp{top:135px}.sidebar .scrollDown{bottom:10px}.sidebar .scrollContainer{overflow:hidden;position:relative;height:calc(100% - 190px);margin:45px 0}.sidebar .scrollContainer .menueList{overflow-y:auto;display:flex;flex-direction:column;gap:10px;height:100%;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none;border-radius:10px 10px 0 0}.sidebar .scrollContainer .menueList .menuBtn1{width:147px;background-color:var(--primary-color);position:sticky;top:0;z-index:3;font-size:13px;display:flex;padding:2px 0;justify-content:center;align-items:center;cursor:pointer}@media(max-width:850px){.sidebar .scrollContainer .menueList .menuBtn1{width:100%}}@media(max-width:550px){.sidebar .scrollContainer .menueList .menuBtn1{padding:5px;font-size:20px}}.sidebar .scrollContainer .menueList .menuBtn1:hover{background-color:#adadad}.sidebar .scrollContainer .menueList .iconBox{border:1px solid var(--primary-color);border-radius:10px;text-align:center;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;cursor:pointer;position:relative;transition:all 0s;transition:background-color .6s;gap:10px;padding:10px}.sidebar .scrollContainer .menueList .iconBox:hover{background-color:var(--secondary-color)}.sidebar .scrollContainer .menueList .iconBox .fa-crown{position:absolute;left:5px;top:5px;color:orange;font-size:14px}.sidebar .scrollContainer .menueList .activePage{background-color:var(--secondary-color)}.sidebar::-webkit-scrollbar{width:0}@media(max-width:900px){.sidebar{display:none}}@media(min-height:700px){.sidebar .scrollArrow{display:none}}.mobileMenueContainer{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15}.mobileMenueContainer .mobileMenue{background-color:var(--primary-color);color:#fff;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10px;height:100%;gap:20px}.mobileMenueContainer .mobileMenue .logo{width:100px;height:auto;background-color:#fff;border-radius:20px;padding:5px}.mobileMenueContainer .mobileMenue .fa-xmark{position:absolute;top:10px;right:10px}.mobileMenueContainer .mobileMenue select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem}.mobileMenueContainer .mobileMenue select:focus{border:1px solid var(--secondary-color)}.mobileMenueContainer .mobileMenue .topBox{display:flex;flex-direction:row;justify-content:space-between;padding:10px;align-items:center;gap:20px;background-color:var(--accent-color);width:70%;height:40px;min-height:40px;border-radius:10px;position:relative}.mobileMenueContainer .mobileMenue .topBox .mehrLink{text-decoration:none;color:var(--btn-label-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobileMenueContainer .mobileMenue .topBox .mehrList{width:170px;border-radius:0 0 20px 20px;background-color:var(--accent-color);border-top:none;position:absolute;top:41px;left:50%;transform:translateX(-50%);z-index:1;color:#fff;display:flex;flex-direction:column;align-items:center;gap:15px;padding:5px 7px 20px}.mobileMenueContainer .mobileMenue .topBox .mehrList div{width:100%;display:flex;gap:10px;cursor:pointer;font-size:15px}.mobileMenueContainer .mobileMenue .topBox .mehrList div i{font-size:17px;color:#fff}.mobileMenueContainer .mobileMenue .topBox .mehrList .abholerBox{position:absolute;top:181px;width:170px;border-radius:0 0 20px 20px;background-color:var(--secondary-color);color:#fff;box-shadow:0 10px 8px rgba(20,19,19,.3098039216);max-height:200px;overflow:hidden}.mobileMenueContainer .mobileMenue .topBox .mehrList .abholerBox .abholerListe{display:flex;flex-direction:column;gap:2px;overflow-y:overlay;max-height:200px;width:100%;height:100%}.mobileMenueContainer .mobileMenue .topBox .mehrList .abholerBox .abholerListe .abholer{width:100%;padding:5px 0 5px 10px;border-radius:5px;word-break:break-word}.mobileMenueContainer .mobileMenue .topBox .mehrList .abholerBox .abholerListe .abholer:hover{background-color:var(--primary-color)}.mobileMenueContainer .mobileMenue .topBox .mehrList .option{padding:7px;border-radius:5px;width:100%}.mobileMenueContainer .mobileMenue .topBox .mehrList .option:hover{background-color:var(--secondary-color)}.mobileMenueContainer .mobileMenue .topBox .fa-bell{color:#e69705}.mobileMenueContainer .mobileMenue .topBox .darkModeSwitch{width:50px;background-color:var(--secondary-color);border-radius:20px;display:flex;align-items:center;cursor:pointer;padding:3px;justify-content:space-between;transition:all .5;user-select:none;position:relative}.mobileMenueContainer .mobileMenue .topBox .darkModeSwitch i{font-size:17px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 2px gray;border-radius:50%;background-color:var(--primary-color);color:#fff}.mobileMenueContainer .mobileMenue .topBox .darkModeSwitch img{width:20px;height:20px;box-shadow:0 0 3px gray;border-radius:50%;background-color:var(--primary-color)}.mobileMenueContainer .mobileMenue .topBox .darkModeSwitch.isDarkMode{justify-content:flex-end}.mobileMenueContainer .mobileMenue .scrollArrow{background-color:rgba(0,0,0,0);border:none}.mobileMenueContainer .mobileMenue .scrollArrow .fa-chevron-down,.mobileMenueContainer .mobileMenue .scrollArrow .fa-chevron-up{width:30px;height:30px;background-color:var(--primary-color);border-radius:50%;display:flex;justify-content:center;align-items:center;border:4px solid #fff;color:#fff;box-shadow:0 0 3px gray;cursor:pointer;z-index:12}.mobileMenueContainer .mobileMenue .scrollArrow .fa-chevron-down:hover,.mobileMenueContainer .mobileMenue .scrollArrow .fa-chevron-up:hover{opacity:50%}.mobileMenueContainer .mobileMenue .scrollContainer{height:calc(100% - 350px)}.mobileMenueContainer .mobileMenue .scrollContainer .menueList{height:100%;overflow-y:overlay}.mobileMenueContainer .mobileMenue .scrollContainer .menueList .iconBox{border:1px solid var(--primary-color);border-radius:10px;text-align:center;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;cursor:pointer;position:relative;transition:all 0s;transition:background-color .6s;gap:10px;padding:10px}.mobileMenueContainer .mobileMenue .scrollContainer .menueList .iconBox:hover{background-color:var(--secondary-color)}.mobileMenueContainer .mobileMenue .scrollContainer .menueList .iconBox .fa-crown{position:absolute;left:5px;top:5px;color:orange;font-size:14px}.mobileMenueContainer .mobileMenue .scrollContainer .menueList::-webkit-scrollbar{width:0}.mobileMenueContainer .mobileMenue .scrollContainer .menueList .activePage{background-color:var(--secondary-color)}.mobileMenueContainer .mobileMenue .scrollWithoutArrows{height:calc(100% - 260px)}.abholDatumPage{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.abholDatumPage .icon{position:absolute;font-size:40px;color:#fff}.abholDatumPage .fa-check{position:absolute;width:150px;height:150px;font-size:60px;background-color:green;border-radius:50%;color:#fff}.abholDatumPage .abholDatum,.abholDatumPage .fa-check{display:flex;justify-content:center;align-items:center}.abholDatumPage .abholDatum{width:550px;height:auto;padding:20px;background-color:var(--box-color-bg);color:var(--text-color);flex-direction:column;border-radius:20px;position:relative}.abholDatumPage .abholDatum .containerAmount{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.abholDatumPage .abholDatum .containerAmount select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem;width:44px;height:34px}.abholDatumPage .abholDatum .containerAmount select:focus{border:1px solid var(--secondary-color)}.abholDatumPage .abholDatum .containerAmount .amountHeadline{font-weight:700;font-size:16px}.abholDatumPage .abholDatum .fa-xmark{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer;color:var(--text-color)}.abholDatumPage .abholDatum .fa-paper-plane{color:#fff!important}.abholDatumPage .abholDatum .abholDatumTitle{width:100%;text-align:center}.abholDatumPage .abholDatum .abholDatumTitle:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.abholDatumPage .abholDatum .datumBox{padding:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;border-radius:10px;background-color:var(--box-color-bg)}.abholDatumPage .abholDatum .datumBox .timeBox{width:100%;background-color:var(--page-color-bg);display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:20px;padding:20px 15px;border-radius:20px;position:relative}.abholDatumPage .abholDatum .datumBox .timeBox .or{position:absolute;top:-10px;background-color:var(--page-color-bg);padding:5px;border-radius:20px}.abholDatumPage .abholDatum .datumBox .timeBox .timeBtnBox{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:10px}.abholDatumPage .abholDatum .datumBox .timeBox .timeBtnBox .div{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;width:140px}.abholDatumPage .abholDatum .datumBox .timeBox .timeBtnBox .div:hover{border:1px solid var(--primary-color);box-shadow:none}.abholDatumPage .abholDatum .datumBox .timeBox .timeBtnBox .selected{box-shadow:none;border:1px solid var(--accent-color);background-color:var(--secondary-color)}.abholDatumPage .abholDatum .datumBox .contractor{width:100%;padding:20px;text-align:center}.abholDatumPage .abholDatum .datumBox .contractor span{color:var(--xmark-color);font-size:14px;margin-left:5px}.abholDatumPage .abholDatum .datumBox .contractor .select{margin-top:10px;font-size:15px;display:flex;justify-content:center;gap:5px;position:relative}.abholDatumPage .abholDatum .datumBox .contractor .select select{border-radius:10px;outline-color:var(--primary-color);border-color:var(--primary-color)}.abholDatumPage .abholDatum .datumBox .contractor .select .addbtn{font-size:14px;background-color:#427f6b;padding:2px;width:75px;position:absolute;right:0;border-radius:5px;cursor:pointer;font-weight:500;color:#fff}.abholDatumPage .abholDatum .datumBox .contractor .addContLink{border:1px solid var(--primary-color);border-radius:5px;width:300px;margin:15px auto 0;cursor:pointer}.abholDatumPage .abholDatum .datumBox .contractor .addContLink:hover{color:#fff;background-color:var(--primary-color);box-shadow:0 0 5px var(--primary-color)}.abholDatumPage .abholDatum .datumBox .format{font-size:16px;font-weight:700}.abholDatumPage .abholDatum .datumBox input{width:auto;background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;padding:10px}.abholDatumPage .abholDatum .datumBox input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.abholDatumPage .abholDatum .AbholerListe{width:900px;border-radius:10px;background-color:var(--page-color-bg);z-index:5;overflow:hidden;box-shadow:0 0 10px var(--primary-color)}.abholDatumPage .abholDatum .AbholerListe .tableHead{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:var(--box-color-bg);padding:5px;border-bottom:2px solid var(--page-color-bg)}.abholDatumPage .abholDatum .AbholerListe .tableHead .checkbox{width:20px;height:20px;text-align:center}.abholDatumPage .abholDatum .AbholerListe .tableHead .name{height:20px;width:200px;text-align:center}.abholDatumPage .abholDatum .AbholerListe .tableHead .phone{height:20px;width:100px;text-align:center}.abholDatumPage .abholDatum .AbholerListe .tableHead .email{height:20px;width:400px;text-align:center}.abholDatumPage .abholDatum .AbholerListe .infos{width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:2px;overflow:hidden;overflow-y:auto}.abholDatumPage .abholDatum .AbholerListe .infos .emptyBox{width:100%;padding:20px}.abholDatumPage .abholDatum .AbholerListe .infos .emptyBox .msg{width:100%;display:flex;justify-content:center;align-items:center;gap:10px}.abholDatumPage .abholDatum .AbholerListe .infos .emptyBox .msg .fa-exclamation{width:25px;height:25px;border-radius:50%;background-color:var(--box-color-bg);display:flex;justify-content:center;align-items:center}.abholDatumPage .abholDatum .AbholerListe .infos .row{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:var(--chart-bg-color)}.abholDatumPage .abholDatum .AbholerListe .infos .row .checkbox{width:20px;height:20px}.abholDatumPage .abholDatum .AbholerListe .infos .row .name,.abholDatumPage .abholDatum .AbholerListe .infos .row .phone{height:20px;width:200px;text-align:center}.abholDatumPage .abholDatum .AbholerListe .infos .row .email{height:20px;width:400px;text-align:center}.abholDatumPage .abholDatum .btnBox{display:flex;justify-content:center;width:100%}.abholDatumPage .abholDatum .btnBox button{justify-content:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.abholDatumPage .abholDatum .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.swal-modal{background-color:var(--box-color-bg);border-radius:20px}.swal-modal .swal-icon--info{border-color:var(--text-color)}.swal-modal .swal-icon--info:after,.swal-modal .swal-icon--info:before{background-color:var(--text-color)}.swal-modal .swal-icon--warning{border-color:var(--xmark-color)!important}.swal-modal .swal-icon--warning .swal-icon--warning__body,.swal-modal .swal-icon--warning .swal-icon--warning__dot{background-color:var(--xmark-color)}.swal-modal .swal-text{color:var(--text-color);text-align:center}.swal-modal .swal-footer{justify-content:space-between}.swal-modal .swal-button,.swal-modal .swal-footer{display:flex;flex-direction:row;align-items:center}.swal-modal .swal-button{justify-content:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;width:150px;height:40px;padding:0}.swal-modal .swal-button:hover{border:1px solid var(--primary-color);box-shadow:none}.swal-modal .swal-button--cancel{background-color:var(--cancel-btn-color)}.swal2-popup{background-color:var(--box-color-bg)!important;color:var(--text-color)!important;border-radius:20px}.swal2-popup .myInputClass{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:50%}.swal2-popup .myInputClass:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.swal2-popup .swal2-icon{color:var(--accent-color);border-color:var(--accent-color)}.swal2-popup .swal2-actions{display:flex;justify-content:space-between;width:100%;padding:0 20px}.swal2-popup .swal2-cancel,.swal2-popup .swal2-confirm,.swal2-popup .swal2-deny{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;min-width:150px;width:auto;height:40px}.swal2-popup .swal2-cancel:hover,.swal2-popup .swal2-confirm:hover,.swal2-popup .swal2-deny:hover{border:1px solid var(--primary-color);box-shadow:none}.swal2-popup .swal2-confirm{background-color:var(--resume-btn-color)}.swal2-popup .swal2-confirm:active{outline:none}.swal2-popup .swal2-deny{background-color:var(--accent-color2);color:var(--text-color);border:none}.swal2-popup .swal2-cancel{background-color:var(--button-cancel);color:var(--button-text-color)}.swal-title{color:var(--text-color)}.page{width:100%;height:100dvh;padding:20px;display:flex;flex-direction:column;align-items:center}.page h1{width:100%;text-align:center;font-size:22px}.page table{width:90%;height:100%;text-align:center;border-radius:20px;overflow:hidden;background-color:var(--box-color-bg);box-shadow:0 2px 6px rgba(0,0,0,.25);border-collapse:collapse}.page table tr{border-radius:10px;border:none}.page table th{padding:10px 20px;height:10%;border:none;background-color:var(--sarch-color-bg)}.page table tbody tr{border:none}.page table tbody td{padding:10px 20px;position:relative;border:1px solid var(--sarch-color-bg);width:25%;height:12.85%}.page table tbody td input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:30%;margin:5px}.page table tbody td input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.page table tbody td i{position:absolute;top:50%;transform:translateY(-50%);right:30px;cursor:pointer}.page table tbody td .fa-check{top:15px;right:5px;font-size:15px;width:25px;height:25px;background-color:var(--box-color-bg);box-shadow:0 2px 6px rgba(0,0,0,.25);color:var(--text-color);border:1px solid var(--primary-color);border-radius:50%}.page button,.page table tbody td .fa-check{cursor:pointer;display:flex;justify-content:center;align-items:center}.page button{flex-direction:row;width:120px;height:35px;border-radius:10px;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;width:150px;height:54px;margin-top:20px;font-size:16px}.page button:hover{border:1px solid var(--primary-color);box-shadow:none}.page button .fa-circle-notch{animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notificationBox{width:600px;height:500px;background-color:var(--box-color-bg);color:var(--text-color);border-radius:0 0 20px 20px;position:absolute;box-shadow:-6px 12px 10px rgba(128,128,128,.452);font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:400;top:48px;right:0;z-index:1;display:flex;flex-direction:column;align-items:center;overflow:hidden;overflow-y:overlay;border-top:1px solid var(--sarch-color-bg)}.notificationBox .loaderBox{width:100%;background-color:var(--box-color-bg)}.notificationBox .loaderBox .alert{font-size:13px;color:var(--text-color);display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;padding:5px}.notificationBox .loaderBox .alert .pauseBtn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;font-size:13px;gap:5px;height:25px;border-radius:7px}.notificationBox .loaderBox .alert .pauseBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.notificationBox .loaderBox .alert .pauseBtn i{font-size:14px;color:#fff}.notificationBox .loaderBox .loader{height:5px;background-color:var(--primary-color);transition:all .6s linear}.notificationBox .KBN{padding:20px;display:flex;justify-content:center;align-items:center;gap:10px;color:var(--text-color)}.notificationBox .KBN .fa-exclamation{width:30px;height:30px;background-color:var(--page-color-bg);display:flex;justify-content:center;align-items:center;border-radius:50%}.notificationBox .notifications{width:100%;height:460px;overflow-y:overlay}.notificationBox .notifications .notification1{padding:5px;width:100%;border-bottom:1px solid var(--sarch-color-bg);display:flex;background-color:var(--box-color-bg);position:relative}.notificationBox .notifications .notification1 .btnBox{width:150px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.notificationBox .notifications .notification1 .btnBox a{text-decoration:none}.notificationBox .notifications .notification1 .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;height:45px}.notificationBox .notifications .notification1 .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.notificationBox .notifications .notification1 .btnBox .confirmBtn{background-color:var(--checkmark-color)}.notificationBox .notifications .notification1 .btnBox .suggestBtn{background-color:var(--resume-btn-color)}.notificationBox .notifications .notification1 .btnBox .forwardBtn{background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px}.notificationBox .notifications .notification1 .btnBox .forwardBtn i{font-size:12px}.notificationBox .notifications .notification1 .btnBox .forwardBtn:hover{opacity:.9}.notificationBox .notifications .notification1 .btnBox .forwardStatusPill{width:100%;padding:8px 10px;border:1px dashed var(--primary-color);border-radius:8px;color:var(--text-color);background-color:var(--page-color-bg);display:flex;align-items:center;gap:8px;font-size:12px}.notificationBox .notifications .notification1 .btnBox .forwardStatusPill>i{color:var(--primary-color);font-size:14px;flex-shrink:0}.notificationBox .notifications .notification1 .btnBox .forwardStatusPill .forwardStatusText{display:flex;flex-direction:column;gap:2px;line-height:1.2}.notificationBox .notifications .notification1 .btnBox .forwardStatusPill .forwardStatusText .contractor{font-weight:700;font-size:11px;opacity:.85}.notificationBox .notifications .notification1 .btnBox .fa-check{height:60px;width:60px;background-color:#449760;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:30px;color:#fff;cursor:default}.notificationBox .notifications .notification1 .Datum{position:absolute;font-size:13px;top:0;right:0;padding:3px 7px;display:flex;gap:5px;background-color:rgba(85,96,128,.5058823529);border-radius:0 0 0 10px}.notificationBox .notifications .notification1 .Datum .fa-clock{font-size:15px}.notificationBox .notifications .notification1 .fa-trash-can{cursor:pointer;font-size:16px;position:absolute;bottom:10px;right:10px;color:var(--xmark-color)}.notificationBox .notifications .notification1 .fa-trash-can:hover{opacity:50%}.notificationBox .notifications .notification1 .message .title{font-weight:700;font-size:16px;margin:0}.notificationBox .notifications .notification1 .message p{margin:8px 0 0}.notificationBox .notifications .notification1 .notificationTitle{font-weight:700}.notificationPage{height:calc(100dvh - 100px);width:100%;padding:20px}.notificationPage .notification{height:100%;background-color:var(--box-color-bg);color:var(--text-color);border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25)}.notificationPage .notification .notificationBox{height:calc(100% - 92px)!important;width:100%;position:relative;top:0;right:0}.notificationPage .notification .notificationBox .notifications .notification1{display:flex;flex-direction:column;padding:20px;position:relative}.notificationPage .notification .notificationBox .notifications .notification1 .btnBox{width:100%;flex-direction:row;padding:10px 0;justify-content:space-between;align-items:center}.notificationPage .notification .notificationBox .notifications .notification1 .btnBox .fa-check{position:absolute;top:10px;left:10px;font-size:14px;width:30px;height:30px}.notificationPage .notification .notificationBox .notifications .notification1 .message{padding-bottom:20px}.notificationPage .notification .notificationBox .notifications .notification1 .message .title{justify-content:center}.notificationPage .notification .notificationBox .notifications .notification1 .message p{display:flex;flex-direction:row;justify-content:space-between;text-align:right;gap:15px}.notificationPage .notification .notificationBox .notifications .notification1 .message strong{text-align:left}.notificationPage .notification .navBar{font-size:13px;padding:20px 0 10px 20px}.notificationPage .notification h2{padding:0 20px 20px}.resetPasswordPage{width:100%;height:100dvh;background-image:url(/imgs/containerImgs/bg.jpg);background-size:cover;position:relative}.resetPasswordPage .backgroundBlur{backdrop-filter:blur(2px);background-color:rgba(0,0,0,.5568627451);width:100%;height:100%}.resetPasswordPage .resetPassBox{background-color:var(--box-color-bg);color:var(--text-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:40px 20px;border-radius:20px;width:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.resetPasswordPage .resetPassBox h2{text-align:center}.resetPasswordPage .resetPassBox .inputBox{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;width:100%;position:relative}.resetPasswordPage .resetPassBox .inputBox label span{color:var(--xmark-color)}.resetPasswordPage .resetPassBox .inputBox .passwordHintPopup{width:150px;font-size:14px;color:var(--xmark-color);position:absolute;background-color:var(--box-color-bg);right:-170px;top:0;border-radius:0 20px 20px 0;padding:10px}.resetPasswordPage .resetPassBox .inputBox .inputElement{width:100%;position:relative}.resetPasswordPage .resetPassBox .inputBox .inputElement input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:100%;height:46px}.resetPasswordPage .resetPassBox .inputBox .inputElement input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.resetPasswordPage .resetPassBox .inputBox .inputElement i{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer}.resetPasswordPage .resetPassBox .inputBox .inputElement i:hover{opacity:50%}.resetPasswordPage .resetPassBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;width:100%;height:46px;background-color:var(--primary-color);font-size:16px}.resetPasswordPage .resetPassBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.unsubPage{width:100%;height:calc(100dvh - 100px);padding:20px}.unsubPage .unsubBox{border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25);height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--box-color-bg)}.unsubPage .unsubBox h2,.unsubPage .unsubBox h3{padding-top:20px;color:var(--text-color);text-align:center}.unsubPage .unsubBox img{max-height:60%;max-width:90%}.unsubPage .unsubBox .btnBox{padding-top:20px;width:500px;max-width:90%;display:flex;justify-content:space-around;align-items:center}.unsubPage .unsubBox .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;padding:10px 20px;background-color:var(--xmark-color)}.unsubPage .unsubBox .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.unsubPage .unsubBox .btnBox .cancelBtn{background-color:var(--cancel-btn-color)}.unsubPage .unsubBox .btnBox .newsBtn{background-color:var(--primary-color);width:150px}.monatsauswertung{width:100%;height:auto;padding:20px}.monatsauswertung .dataTableBox{width:100%;height:auto;border-radius:20px;background-color:var(--box-color-bg);box-shadow:0 2px 6px rgba(0,0,0,.25);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;position:relative}.monatsauswertung .dataTableBox .headBox{width:100%;transition:all .5s;color:var(--text-color);position:relative;padding:20px 20px 10px}.monatsauswertung .dataTableBox .headBox .iconBox{width:calc(100% - 40px);display:flex;justify-content:space-between}.monatsauswertung .dataTableBox .headBox .iconBox .title{font-size:20px;font-weight:700}.monatsauswertung .dataTableBox .headBox .iconBox .fa-print{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color);position:absolute;top:20px;right:20px;font-size:20px}.monatsauswertung .dataTableBox .headBox .iconBox .fa-print:hover{border:1px solid var(--primary-color);box-shadow:none}.monatsauswertung .dataTableBox .headBox .navBar{color:var(--text-color);width:300px;display:flex;flex-direction:row;align-items:center;gap:5px;font-size:14px;margin-bottom:20px}.monatsauswertung .dataTableBox .headBox .navBar span{cursor:pointer}.monatsauswertung .dataTableBox .headBox .navBar span:hover{opacity:.5}.monatsauswertung .dataTableBox .headBox .monatSelect{width:100%;height:auto;display:flex;justify-content:flex-start;align-items:flex-end;flex-wrap:wrap;gap:5px;margin-top:10px;font-size:14px}.monatsauswertung .dataTableBox .headBox .monatSelect .stockBtn{position:absolute;bottom:10px;right:0;width:35px;height:35px;margin:0;color:var(--box-color-bg);background-color:var(--resume-btn-color);border:1px solid rgba(0,0,0,0);border-bottom-left-radius:7px;border-top-left-radius:7px;padding:7px;cursor:pointer;transition:width .4s ease-in-out;overflow:hidden;font-size:.8rem}.monatsauswertung .dataTableBox .headBox .monatSelect .stockBtn:hover{width:150px;box-shadow:none;border:1px solid var(--primary)}.monatsauswertung .dataTableBox .headBox .monatSelect .stockBtn:hover .btn-content .btn-text{opacity:1}.monatsauswertung .dataTableBox .headBox .monatSelect .stockBtn .btn-content{display:flex;align-items:center;min-width:max-content;height:100%}.monatsauswertung .dataTableBox .headBox .monatSelect .stockBtn .btn-content .btn-text{opacity:0;transition:opacity 1s ease;margin-left:8px}.monatsauswertung .dataTableBox .headBox .monatSelect .virtualSwitchBox{margin-right:20px}.monatsauswertung .dataTableBox .headBox .monatSelect .virtualSwitchBox input[type=checkbox]{position:absolute;opacity:0;z-index:-1}.monatsauswertung .dataTableBox .headBox .monatSelect .virtualSwitchBox .virtualBtn{margin-top:8.5px;display:flex;width:50px;height:26px;padding:3px;background-color:var(--secondary-color);border-radius:20px;transition:all .5s ease-in-out;cursor:pointer}.monatsauswertung .dataTableBox .headBox .monatSelect .virtualSwitchBox .virtualBtn .virtualBtnHandler{display:flex;justify-content:center;align-items:center;width:20px;height:20px;position:relative;background-color:var(--primary-color);border-radius:50%;transition:all .5s ease-in-out;box-shadow:0 0 8px rgba(0,0,0,.3)}.monatsauswertung .dataTableBox .headBox .monatSelect .virtualSwitchBox .virtualBtn .virtualBtnHandler:after,.monatsauswertung .dataTableBox .headBox .monatSelect .virtualSwitchBox .virtualBtn .virtualBtnHandler:before{content:"";position:absolute;width:2px;height:10px;background-color:#fff;transition:all .5s ease-in-out}.monatsauswertung .dataTableBox .headBox .monatSelect .virtualSwitchBox .virtualBtn .virtualBtnHandler:before{transform:rotate(45deg)}.monatsauswertung .dataTableBox .headBox .monatSelect .virtualSwitchBox .virtualBtn .virtualBtnHandler:after{transform:rotate(-45deg)}.monatsauswertung .dataTableBox .headBox .monatSelect .virtualSwitchBox input[type=checkbox]:checked+.virtualBtn{background-color:var(--checkmark-color)}.monatsauswertung .dataTableBox .headBox .monatSelect .virtualSwitchBox input[type=checkbox]:checked+.virtualBtn .virtualBtnHandler{margin-left:50%;background-color:#ecf0f1}.monatsauswertung .dataTableBox .headBox .monatSelect .virtualSwitchBox input[type=checkbox]:checked+.virtualBtn .virtualBtnHandler:before{width:3px;transform:rotate(45deg) translate(2px,-2px);background-color:var(--checkmark-color)}.monatsauswertung .dataTableBox .headBox .monatSelect .virtualSwitchBox input[type=checkbox]:checked+.virtualBtn .virtualBtnHandler:after{width:3px;background-color:var(--checkmark-color);height:9px;transform:rotate(-45deg) translate(-4px,-1.4px)}.monatsauswertung .dataTableBox .headBox .monatSelect .monatFilter{display:flex;gap:5px;align-items:flex-start;flex-direction:column;font-size:14px}.monatsauswertung .dataTableBox .headBox .monatSelect .monatFilter select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem;max-width:300px}.monatsauswertung .dataTableBox .headBox .monatSelect .monatFilter select:focus{border:1px solid var(--secondary-color)}.monatsauswertung .dataTableBox .headBox .monatSelect .monatFilter select .option{max-width:300px;display:flex;flex-wrap:wrap;white-space:normal;padding:8px}.monatsauswertung .dataTableBox .tableWrapper{width:100%;overflow-x:auto;display:flex;flex-direction:column}.monatsauswertung .dataTableBox .tableTitle{width:100%;min-width:fit-content;display:flex;align-items:center;font-size:14px;color:var(--text-color);font-weight:700;background-color:var(--sarch-color-bg);justify-content:flex-start;border-bottom:2px solid var(--sarch-color-bg);text-align:left}.monatsauswertung .dataTableBox .tableTitle div{min-width:70px;width:7%;min-height:50px;padding:4px 2px;display:flex;justify-content:center;align-items:center;text-align:center;word-break:break-word;overflow-wrap:break-word}.monatsauswertung .dataTableBox .tableTitle .pdfColumn{min-width:40px;width:3%}.monatsauswertung .dataTableBox .tableTitle .MehrInfos{display:none}.monatsauswertung .dataTableBox .tableTitle .columnPdf{min-width:40px;width:3%;text-align:center}.monatsauswertung .dataTableBox .tableTitle .columnDocs{text-align:center}.monatsauswertung .dataTableBox .tableAlert{width:calc(100% - 40px);padding:20px;display:flex;justify-content:center;align-items:center;gap:10px;color:var(--text-color)}.monatsauswertung .dataTableBox .tableAlert i{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:var(--page-color-bg);color:var(--text-color);border-radius:50%}.monatsauswertung .dataTableBox .rowContainer{width:100%;min-width:fit-content;height:auto}.monatsauswertung .dataTableBox .rowContainer .infosBox{width:100%;height:auto;display:flex;flex-direction:column;background-color:var(--box-color-bg);position:relative}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow{height:80px;display:flex;font-size:14px;justify-content:flex-start;align-items:center;background-color:var(--box-color-bg);color:var(--text-color);border-bottom:1px solid var(--sarch-color-bg)}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .tableIds{display:flex;flex-direction:column;justify-content:center;align-items:center}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .tableIds .link{text-decoration:underline;cursor:pointer;margin-bottom:2px}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .tableIds .mobilePartition{display:none}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .betragInfo{background-color:var(--box-color-bg);box-shadow:0 2px 6px rgba(0,0,0,.25);position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:flex;flex-direction:row;gap:2px;justify-content:space-around;align-items:center;border-radius:7px;width:200px;height:50px;z-index:2}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .betragInfo:before{display:none}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .betragInfo input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:50%}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .betragInfo input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .betragInfo i{cursor:pointer;font-size:20px;padding:2px;border-radius:2px}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .betragInfo .fa-check{color:#43806c}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .betragInfo .fa-check:hover{color:#02b67a}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .betragInfo .fa-xmark{color:red}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .betragInfo .fa-xmark:hover{color:#b60202}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow div{min-width:70px;width:7%;display:flex;justify-content:center;align-items:center;text-align:center;gap:5px;position:relative;height:80px;border-right:1px solid var(--sarch-color-bg);word-break:break-word}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow div .fa-pen-to-square{cursor:pointer;font-size:15px}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow div .fa-pen-to-square:hover{opacity:.5}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .tablePdf{min-width:40px;width:3%;justify-content:center}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .dateElement{display:flex;flex-direction:column}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .dateElement p{margin:0;font-size:14px}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .Upload{flex-direction:column;border-right:none}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .Upload a{font-size:11px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:3px}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .Upload a i{width:15px;height:15px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:13px;text-decoration:none}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .Upload a .fa-file-pdf{color:var(--checkmark-color)}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .Upload a .noFile{color:var(--xmark-color)}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow i{font-size:20px;cursor:pointer;color:var(--text-color)}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow i:hover{color:#383838}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .MehrInfos{display:none}.monatsauswertung .dataTableBox .rowContainer .summeBox{width:100%;height:48px;background-color:var(--primary-color);color:var(--btn-label-color);display:flex;align-items:center;flex-direction:row;justify-content:flex-start;flex-shrink:0}.monatsauswertung .dataTableBox .rowContainer .summeBox .Summe{width:24%;min-width:250px;display:flex;align-items:center;justify-content:center;font-size:16px;white-space:nowrap;overflow:hidden;padding:0 10px}.monatsauswertung .dataTableBox .rowContainer .summeBox .div{width:7%;min-width:70px;height:100%;display:flex;justify-content:center;align-items:center;font-size:16px;white-space:nowrap;overflow:hidden}.monatsauswertung .dataTableCmsl .tableTitle div{width:9.5%}.monatsauswertung .dataTableCmsl .tableTitle .columnPdf{width:5%}.monatsauswertung .dataTableCmsl .rowContainer .infosBox .infoRow div{width:9.5%}.monatsauswertung .dataTableCmsl .rowContainer .infosBox .infoRow .tablePdf{width:5%}.monatsauswertung .dataTableCmsl .summeBox .infoBox{width:9.5%;text-align:center}.monatsauswertung .dataTableCmsl .summeBox .Gesamte{width:43%}.monatsauswertung .deleteBox .box{width:450px;color:var(--text-color);padding:20px;background-color:var(--page-color-bg);border-radius:20px;border:2px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.monatsauswertung .deleteBox .box .fa-xmark{font-size:20px;cursor:pointer}.monatsauswertung .deleteBox .box p{font-size:18px;margin-top:20px}.monatsauswertung .deleteBox .box p span{font-weight:700}.monatsauswertung .deleteBox .box .btnBox{width:100%;display:flex;justify-content:space-between;margin-top:50px}.monatsauswertung .deleteBox .box .btnBox button{width:150px;border:none;padding:5px 0;border-radius:20px;cursor:pointer;font-size:16px}.monatsauswertung .deleteBox .box .btnBox .Abbrechen{background-color:gray}.monatsauswertung .deleteBox .box .btnBox .Löchen{background-color:#f07777}.monatsauswertung .monatsAuswertungMehrInfos{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.monatsauswertung .monatsAuswertungMehrInfos .monatsAuswertungMehrInfosBox{width:600px;height:auto;background-color:var(--box-color-bg);border-radius:20px;position:relative;padding:20px}.monatsauswertung .monatsAuswertungMehrInfos .monatsAuswertungMehrInfosBox .fa-xmark{position:absolute;top:10px;right:10px}.monatsauswertung .monatsAuswertungMehrInfos .monatsAuswertungMehrInfosBox .title{text-align:center}.monatsauswertung .monatsAuswertungMehrInfos .monatsAuswertungMehrInfosBox .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.monatsauswertung .monatsAuswertungMehrInfos .monatsAuswertungMehrInfosBox .monatsAuswertungMehrInfosCont{width:100%;height:calc(100% - 37px);overflow:hidden;overflow-y:overlay}.monatsauswertung .monatsAuswertungMehrInfos .monatsAuswertungMehrInfosBox .monatsAuswertungMehrInfosCont .infos{padding:10px;border-bottom:1px solid var(--text-color);display:flex;justify-content:space-between}.monatsauswertung .monatsAuswertungMehrInfos .monatsAuswertungMehrInfosBox .monatsAuswertungMehrInfosCont .infos .left{font-size:15px;font-weight:700}.monatsauswertung .monatsAuswertungMehrInfos .monatsAuswertungMehrInfosBox .monatsAuswertungMehrInfosCont .infos .right{font-size:15px}@media(max-width:1450px){.monatsauswertung .dataTableBox .tableTitle div{width:8.81%}.monatsauswertung .dataTableBox .tableTitle .pdfColumn{width:8.81%;min-width:70px}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow div{width:8.81%}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .tablePdf{width:8.81%;min-width:70px}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .Upload{border-right:1px solid var(--sarch-color-bg)}.monatsauswertung .dataTableBox .rowContainer .summeBox .Summe{width:35.24%;min-width:280px}.monatsauswertung .dataTableBox .rowContainer .summeBox .div{width:8.81%}.monatsauswertung .dataTableCmsl .rowContainer .infosBox .infoRow div,.monatsauswertung .dataTableCmsl .tableTitle div{width:13.57%}.monatsauswertung .dataTableCmsl .summeBox .infoBox{width:13.57%;text-align:center}.monatsauswertung .dataTableCmsl .summeBox .Gesamte{width:18.57%}}@media(max-width:1200px){.monatsauswertung .dataTableBox .tableTitle div{width:9.7%}.monatsauswertung .dataTableBox .tableTitle .pdfColumn{width:9.7%;min-width:70px}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow div{width:9.7%}.monatsauswertung .dataTableBox .rowContainer .infosBox .infoRow .tablePdf{width:9.7%;min-width:70px}.monatsauswertung .dataTableBox .rowContainer .summeBox .div{width:9.7%}.monatsauswertung .dataTableBox .rowContainer .summeBox .Summe{width:38.8%;min-width:280px;padding:10px}.monatsauswertung .dataTableCmsl .rowContainer .infosBox .infoRow div,.monatsauswertung .dataTableCmsl .rowContainer .summeBox .div,.monatsauswertung .dataTableCmsl .tableTitle div{width:18.8%}.monatsauswertung .dataTableCmsl .rowContainer .summeBox .Summe{width:21.8%;padding:10px}}@media(max-width:1100px){.monatsauswertung{padding-left:0;padding-right:0}.monatsauswertung .dataTableBox .headBox{background:var(--box-color-bg);border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25);padding-bottom:.5rem;margin-bottom:1.5rem}.monatsauswertung .dataTableBox .headBox .monatSelect .stockBtn{bottom:70px}.monatsauswertung .dataTableBox .tableWrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--box-color-bg);border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.25);border:1px solid var(--sarch-color-bg);overflow-y:hidden}.monatsauswertung .dataTableBox .summeBox .Summe,.monatsauswertung .dataTableBox .summeBox .div{font-size:9px}}@media(max-width:480px){.monatsauswertung .dataTableBox .summeBox .Summe,.monatsauswertung .dataTableBox .summeBox .div{font-size:8px}}.articleContainer{width:100%;min-height:calc(100dvh - 88px);justify-content:center;overflow:auto}.articleContainer,.articleContainer .articleBox{height:auto;padding:20px;display:flex;align-items:center}.articleContainer .articleBox{background-color:var(--box-color-bg);color:var(--text-color);min-height:calc(100dvh - 128px);width:70%;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25);flex-direction:column;justify-content:flex-start;gap:20px;position:relative;overflow:hidden}.articleContainer .articleBox h2{width:50%;text-align:center}.articleContainer .articleBox .navBar{position:absolute;top:20px;left:20px;font-size:14px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;color:var(--text-color)}.articleContainer .articleBox .navBar a{text-decoration:none;color:var(--text-color)}.articleContainer .articleBox .navBar a:hover{cursor:pointer;opacity:50%}.articleContainer .articleBox .articleImg{height:200px;max-width:100%;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.25)}.articleContainer .articleBox .articleBody{width:70%}.articleContainer .articleBox .articleDate{color:gray;font-size:14px}@media(max-width:1200px){.articleContainer .articleBox .articleImg{margin-top:30px}}@media(max-width:600px){.articleContainer .articleBox,.articleContainer .articleBox .articleBody,.articleContainer .articleBox h2{width:100%}}.newsPage{padding:20px;width:100%;height:calc(100dvh - 100px);min-height:600px}.newsPage .news{width:100%;height:100%;background-color:var(--box-color-bg);color:var(--text-color);padding:20px;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.25)}@media(max-width:1200px){.newsPage .news{width:calc(100% - 40px)}}@media(max-width:850px){.newsPage .news{width:calc(100% - 10px)}}@media(max-width:550px){.newsPage .news{height:calc(100dvh - 90px)}}.newsPage .news h2{color:var(--text-color);margin-top:20px}.newsPage .news .fa-arrow-left{top:40px;left:30px;font-size:25px;color:var(--text-color);cursor:pointer}.newsPage .news .navBar{color:var(--text-color);display:flex;gap:5px;font-size:14px;align-items:center}.newsPage .news .navBar span{cursor:pointer}.newsPage .news .navBar span:hover{opacity:50%}.newsPage .news .topBtns{position:absolute;top:20px;right:20px;gap:20px}.newsPage .news .topBtns,.newsPage .news .topBtns .newsBtn{display:flex;flex-direction:row;align-items:center;justify-content:center}.newsPage .news .topBtns .newsBtn{width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;height:45px;width:140px;padding:10px}.newsPage .news .topBtns .newsBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.newsPage .news .topBtns .newsBtn:hover i{transform:scale(1.2)}.newsPage .news .topBtns .addFeatureBox{flex-direction:row;justify-content:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;display:flex;align-items:center;justify-content:space-evenly;gap:2px;width:140px;height:45px;padding:5px;background-color:var(--box-color-bg);color:var(--text-color);text-align:center}.newsPage .news .topBtns .addFeatureBox:hover{border:1px solid var(--primary-color);box-shadow:none}.newsPage .news .topBtns .addFeatureBox p{margin:0;width:auto}.newsPage .news .topBtns .addFeatureBox .fa-plus{transition:all .3s}.newsPage .news .topBtns .addFeatureBox:hover .fa-plus{transform:rotate(1turn)}.newsPage .news .newsBox{width:100%;height:calc(100% - 88px);overflow-y:overlay;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-top:20px}.newsPage .news .newsBox .feature{padding:10px;background-color:var(--secondary-color);border-radius:7px;color:#fff;position:relative;height:auto;width:250px;min-width:250px;height:310px}.newsPage .news .newsBox .feature h4{font-weight:400;padding-bottom:20px}.newsPage .news .newsBox .feature .newsDate{font-size:14px}.newsPage .news .newsBox .feature .newsImg{width:100%;height:161px;border-radius:7px}.newsPage .news .newsBox .feature .fa-trash-can{right:10px;position:absolute;top:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);color:var(--text-color);color:var(--xmark-color);background-color:var(--box-color-bg)}.newsPage .news .newsBox .feature .fa-trash-can:hover{border:1px solid var(--primary-color);box-shadow:none}.newsPage .news .newsBox .feature .readBtn{position:absolute;bottom:10px;right:10px;background-color:rgba(0,0,0,0);border:none;color:var(--btn-label-color);display:flex;flex-direction:row;gap:5px;justify-content:center;align-items:center;font-weight:lighter}.newsPage .news .newsBox .feature .readBtn:hover{opacity:.5;cursor:pointer}.newsPage .formBox{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.newsPage .formBox .form{width:500px;background-color:var(--box-color-bg);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:20px;position:relative}.newsPage .formBox .form h3{text-align:center}.newsPage .formBox .form h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.newsPage .formBox .form .fa-xmark{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer}.newsPage .formBox .form .box{display:flex;gap:10px;max-width:460px}@media(max-width:550px){.newsPage .formBox .form .box{flex-direction:column;width:85%}}.newsPage .formBox .form .box label{width:20%;font-size:14px;font-weight:700;color:var(--text-color)}.newsPage .formBox .form .box input,.newsPage .formBox .form .box textarea{width:80%;background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem}.newsPage .formBox .form .box input:focus,.newsPage .formBox .form .box textarea:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.newsPage .formBox .form .box .checkbox{width:30px;height:30px;cursor:pointer}.newsPage .formBox .form .btn{width:100%;display:flex;justify-content:space-between;margin-top:20px}.newsPage .formBox .form .btn button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.newsPage .formBox .form .btn button:hover{border:1px solid var(--primary-color);box-shadow:none}.newsPage .formBox .form .btn .Abbrechen{background-color:var(--cancel-btn-color)}.newsPage .formBox .form .btn .Speichern{background-color:var(--resume-btn-color)}.LagersystemBox{width:70%;height:100%;border-radius:20px;overflow:hidden;transition:all .5s;padding-bottom:20px}.LagersystemBox .title{width:100%;font-weight:700;color:var(--text-color);background-color:rgba(0,0,0,0);border-radius:20px 20px 0 0;font-size:16px;display:flex;justify-content:flex-start;align-items:flex-end;position:relative;height:40.8px}.LagersystemBox .title .fa-up-right-and-down-left-from-center{position:absolute;left:10px;color:gray;cursor:pointer}.LagersystemBox .title .Btn{height:28px;padding:10px;border-radius:20px 20px 0 0;z-index:0;cursor:pointer;font-size:16px;display:flex;align-items:center;gap:10px;background-color:var(--sarch-color-bg);border-top:1px solid var(--page-color-bg)}.LagersystemBox .title .Btn:hover{color:var(--text-color)}.LagersystemBox .title .Btn .fa-plus{border-radius:50%;background-color:var(--secondary-color);color:var(--btn-label-color);width:25px;height:25px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .5s;font-size:13px;font-weight:700;position:relative}.LagersystemBox .title .Btn .fa-plus:hover{transform:rotate(1turn)}.LagersystemBox .title .activeBtn{background:var(--box-color-bg);padding:20px}.LagersystemBox .title .searchFieldStorage{position:absolute;right:0;top:50%;transform:translateY(-50%)}.LagersystemBox .title .searchFieldStorage .searchBtn{display:none}.LagersystemBox .title .searchFieldStorage i{position:absolute;top:50%;left:5px;transform:translateY(-50%)}.LagersystemBox .title .searchFieldStorage input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;padding:7px 7px 7px 30px}.LagersystemBox .title .searchFieldStorage input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.LagersystemBox .title .filterBox{position:absolute;top:5px;right:10px;display:flex;gap:10px;align-items:center}.LagersystemBox .title .filterBox select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem;padding:2px}.LagersystemBox .title .filterBox select:focus{border:1px solid var(--secondary-color)}.LagersystemBox .title .filterBox i{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color)}.LagersystemBox .title .filterBox i:hover{border:1px solid var(--primary-color);box-shadow:none}.LagersystemBox .title .filterBox .fa-filter{display:none}.LagersystemBox .lagersystemTable{box-shadow:0 2px 6px rgba(0,0,0,.25);border-radius:20px;border-top-left-radius:0;height:calc(100% - 40px);background-color:var(--box-color-bg);overflow:hidden}.LagersystemBox .lagersystemTable .headerBox{width:100%;height:59px;background-color:var(--box-color-bg)}.LagersystemBox .lagersystemTable .headerBox .tableTitle{border-top-right-radius:20px;height:59px;width:calc(100% - 5px);display:flex;justify-content:center;align-items:center;color:var(--text-color);font-size:14px;border-bottom:2px solid var(--page-color-bg)}.LagersystemBox .lagersystemTable .headerBox .tableTitle .moreInfoColumn{display:none}.LagersystemBox .lagersystemTable .headerBox .tableTitle div{width:14%;display:flex;justify-content:center;align-items:center;font-weight:700;text-align:center;position:relative;height:100%}.LagersystemBox .lagersystemTable .headerBox .tableTitle div .fa-angle-down,.LagersystemBox .lagersystemTable .headerBox .tableTitle div .fa-angle-up{position:absolute;bottom:0;right:5px;width:20px;height:20px;cursor:pointer}.LagersystemBox .lagersystemTable .headerBox .tableTitle .activeSort{background-color:var(--secondary-color)}.LagersystemBox .lagersystemTable .headerBox .tableTitle .Netto{width:10%}.LagersystemBox .lagersystemTable .headerBox .tableTitle .Preis .fa-info{padding:4px 8px;background-color:gray;border-radius:50%;color:var(--box-color-bg);font-size:12px;cursor:pointer;margin-right:5px}.LagersystemBox .lagersystemTable .headerBox .tableTitle .Status{width:6%}.LagersystemBox .lagersystemTable .headerBox .tableTitle .Abholdatum{text-align:center}.LagersystemBox .lagersystemTable .headerBox .tableTitle .Füllgrad{width:14%}.LagersystemBox .lagersystemTable .headerBox .vlTitle{height:100%;width:100%;justify-content:flex-start}.LagersystemBox .lagersystemTable .headerBox .vlTitle div{width:12.4%;text-align:center}.LagersystemBox .lagersystemTable .headerBox .vlTitle .nettoHead,.LagersystemBox .lagersystemTable .headerBox .vlTitle .totalAmountHead{width:10%}.LagersystemBox .lagersystemTable .headerBox .vlTitle .materialHead{width:12.4%}.LagersystemBox .lagersystemTable .headerBox .vlTitle .Füllgrad{width:8%}.LagersystemBox .lagersystemTable .headerBox .vlTitle .progressHead{width:5%;text-align:center}.LagersystemBox .lagersystemTable .headerBox .vlTitle .monthlyPriceHead i{padding:4px 8px;background-color:gray;border-radius:50%;color:var(--box-color-bg);font-size:12px;cursor:pointer;margin-right:5px}.LagersystemBox .lagersystemTable .infosBox{width:100%;height:calc(100% - 60px);overflow-y:scroll;display:flex;flex-direction:column;position:relative;background-color:var(--box-color-bg)}.LagersystemBox .lagersystemTable .infosBox .categoryBox .headlineStorageMaterial{padding:5px 20px;border-right:1px solid var(--sarch-color-bg);border-bottom:1px solid var(--box-color-bg);background-color:var(--sarch-color-bg);cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.LagersystemBox .lagersystemTable .infosBox .addCategoryContainer{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.LagersystemBox .lagersystemTable .infosBox .addCategoryContainer .addCategoryForm{background-color:var(--box-color-bg);border-radius:20px;width:300px;position:relative;color:var(--text-color)}.LagersystemBox .lagersystemTable .infosBox .addCategoryContainer .addCategoryForm .fa-xmark{position:absolute;top:10px;right:10px}.LagersystemBox .lagersystemTable .infosBox .addCategoryContainer .addCategoryForm h3{text-align:center;padding:20px}.LagersystemBox .lagersystemTable .infosBox .addCategoryContainer .addCategoryForm h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.LagersystemBox .lagersystemTable .infosBox .addCategoryContainer .addCategoryForm .inputBox{padding:10px 20px;display:flex;flex-direction:column;gap:5px}.LagersystemBox .lagersystemTable .infosBox .addCategoryContainer .addCategoryForm .inputBox input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem}.LagersystemBox .lagersystemTable .infosBox .addCategoryContainer .addCategoryForm .inputBox input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.LagersystemBox .lagersystemTable .infosBox .addCategoryContainer .addCategoryForm .inputBox label{font-weight:700}.LagersystemBox .lagersystemTable .infosBox .addCategoryContainer .addCategoryForm .btnBox{display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:20px}.LagersystemBox .lagersystemTable .infosBox .addCategoryContainer .addCategoryForm .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.LagersystemBox .lagersystemTable .infosBox .addCategoryContainer .addCategoryForm .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.LagersystemBox .lagersystemTable .infosBox .addCategoryContainer .addCategoryForm .btnBox .cancelBtn{background-color:var(--cancel-btn-color)}.LagersystemBox .lagersystemTable .infosBox .InfoBox{top:30px;width:auto;height:auto;top:230px;left:100px;position:fixed;border:2px solid var(--primary-color);background-color:var(--page-color-bg);color:var(--text-color);font-weight:500;text-align:left;z-index:10;border-radius:20px;padding:30px 20px 20px}.LagersystemBox .lagersystemTable .infosBox .InfoBox i{position:absolute;top:10px;left:10px;cursor:pointer}.LagersystemBox .lagersystemTable .infosBox .loaderSpinner{position:absolute;width:20px;animation:rotate .5s linear infinite;left:calc(50% - 10px);top:50px;z-index:1000}.LagersystemBox .lagersystemTable .infosBox .infoRow{width:100%;min-height:80px;background-color:var(--box-color-bg);color:var(--text-color);border-bottom:1px solid var(--sarch-color-bg);display:flex;justify-content:flex-start;align-items:flex-start;font-size:13px;position:relative;overflow:hidden}.LagersystemBox .lagersystemTable .infosBox .infoRow .element{width:14%;height:80px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;font-size:14px;font-weight:400;text-align:center;word-break:break-word;gap:5px;padding:2px;border-right:1px solid var(--sarch-color-bg)}.LagersystemBox .lagersystemTable .infosBox .infoRow .element .fa-pen-to-square{font-size:15px;cursor:pointer}.LagersystemBox .lagersystemTable .infosBox .infoRow .element .fa-pen-to-square:hover{opacity:50%}.LagersystemBox .lagersystemTable .infosBox .infoRow .element img{width:40px;height:20px;cursor:pointer}.LagersystemBox .lagersystemTable .infosBox .infoRow .element .box{width:100%;height:40px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;gap:5px}.LagersystemBox .lagersystemTable .infosBox .infoRow .element .box p{font-size:14px;margin:0;padding:0}.LagersystemBox .lagersystemTable .infosBox .infoRow .element .box .p{text-align:center;font-weight:700;border-bottom:1px solid var(--primary-color);cursor:pointer}.LagersystemBox .lagersystemTable .infosBox .infoRow .element .box .p:hover{background-color:var(--secondary-color);border-radius:10px;padding:2px}.LagersystemBox .lagersystemTable .infosBox .infoRow .element .elementId{cursor:pointer}.LagersystemBox .lagersystemTable .infosBox .infoRow .element .elementId:hover{opacity:50%}.LagersystemBox .lagersystemTable .infosBox .infoRow .element .Percent{cursor:pointer;width:90%;height:40px;border:1px solid var(--sarch-color-bg);border-radius:5px;text-shadow:0 0 13px var(--box-color-bg);position:relative;display:flex;align-items:flex-end;overflow:hidden;max-width:150px}.LagersystemBox .lagersystemTable .infosBox .infoRow .element .Percent .numBox{position:absolute;top:calc(50% - 5px);width:100%;text-align:center}.LagersystemBox .lagersystemTable .infosBox .infoRow .element .Percent .numBox .fa-question{position:absolute;background-color:var(--box-color-bg);border-radius:50%;width:20px;height:20px;color:var(--text-color);display:flex;justify-content:center;align-items:center;cursor:pointer;left:-50px;bottom:0;transition:all .2s}.LagersystemBox .lagersystemTable .infosBox .infoRow .element .Percent .numBox .num{display:inline;text-shadow:0 0 13px var(--box-color-bg);background-color:var(--box-color-bg);border-radius:2px;padding:0 2px}.LagersystemBox .lagersystemTable .infosBox .infoRow .element .Percent .Füllgrad{width:100%}.LagersystemBox .lagersystemTable .infosBox .infoRow .element .Percent:hover .numBox .fa-question{left:2px}.LagersystemBox .lagersystemTable .infosBox .infoRow .element .fa-info{width:25px;height:25px;background-color:gray;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}.LagersystemBox .lagersystemTable .infosBox .infoRow .moreInfoElement{display:none}.LagersystemBox .lagersystemTable .infosBox .infoRow .Netto{width:10%}.LagersystemBox .lagersystemTable .infosBox .infoRow .icon{width:6%}.LagersystemBox .lagersystemTable .infosBox .infoRow .cont{height:80px;width:14%}.LagersystemBox .lagersystemTable .infosBox .infoRow .datum{flex-direction:column;justify-content:center;align-items:center;position:relative;flex-wrap:nowrap;overflow:hidden;gap:1px;font-size:14px;padding-top:5px}.LagersystemBox .lagersystemTable .infosBox .infoRow .datum .fa-calendar-days{font-size:18px;cursor:pointer}.LagersystemBox .lagersystemTable .infosBox .infoRow .datum .fa-calendar-days:hover{opacity:50%}.LagersystemBox .lagersystemTable .infosBox .infoRow .datum div{display:flex;align-items:center;position:relative;font-weight:400}.LagersystemBox .lagersystemTable .infosBox .infoRow .datum div .fa-gears{font-size:15px;position:absolute;right:-25px}.LagersystemBox .lagersystemTable .infosBox .infoRow .datum .check{color:var(--checkmark-color);display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.LagersystemBox .lagersystemTable .infosBox .infoRow .datum .check .noDateHint{width:100%;font-size:10px;font-style:italic;font-weight:400;color:var(--text-color);opacity:.8;cursor:help}.LagersystemBox .lagersystemTable .infosBox .infoRow .datum .check i{background-color:var(--checkmark-color);color:var(--btn-label-color);width:18px;min-width:18px;height:18px;font-size:10px;border-radius:50%;display:flex;justify-content:center;align-items:center}.LagersystemBox .lagersystemTable .infosBox .infoRow .datum .pickUpDate{color:var(--xmark-color)}.LagersystemBox .lagersystemTable .infosBox .infoRow .datum .clarificationHint{color:#c47f17;font-weight:600;cursor:help}.LagersystemBox .lagersystemTable .infosBox .infoRow .datum .Auto{width:50px;color:var(--text-color);border-radius:0 0 0 5px;padding:1px 5px;position:absolute;top:0;right:0;font-size:11px;box-shadow:0 0 3px gray;display:flex;justify-content:center;gap:5px}.LagersystemBox .lagersystemTable .infosBox .infoRow .datum .Auto.isConfirmed{background-color:var(--checkmark-color);color:var(--btn-label-color)}.LagersystemBox .lagersystemTable .infosBox .infoRow .datum .Auto.isNotConfirmed{background-color:var(--xmark-color);color:var(--btn-label-color)}.LagersystemBox .lagersystemTable .infosBox .infoRow .datum .pickUpDate1{color:gray}.LagersystemBox .lagersystemTable .infosBox .infoRow .formData{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.LagersystemBox .lagersystemTable .infosBox .infoRow .formData .formDataTitle{width:100%;text-align:center;margin:0 0 30px}.LagersystemBox .lagersystemTable .infosBox .infoRow .formData .formDataTitle:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.LagersystemBox .lagersystemTable .infosBox .infoRow .formData .editText{text-align:center;font-size:12px}.LagersystemBox .lagersystemTable .infosBox .infoRow .formData .from{width:400px;background-color:var(--box-color-bg);border-radius:10px;padding:20px;position:relative}.LagersystemBox .lagersystemTable .infosBox .infoRow .formData .from .fa-xmark{font-size:20px;position:absolute;top:10px;right:10px;cursor:pointer}.LagersystemBox .lagersystemTable .infosBox .infoRow .formData .from .feldBox{width:100%;display:flex;gap:5px;margin:10px 0}.LagersystemBox .lagersystemTable .infosBox .infoRow .formData .from .feldBox .label{width:40%;font-weight:700;font-size:14px}.LagersystemBox .lagersystemTable .infosBox .infoRow .formData .from .feldBox input{width:60%;background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem}.LagersystemBox .lagersystemTable .infosBox .infoRow .formData .from .feldBox input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.LagersystemBox .lagersystemTable .infosBox .infoRow .formData .from .feldBox select{width:60%;background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem}.LagersystemBox .lagersystemTable .infosBox .infoRow .formData .from .feldBox select:focus{border:1px solid var(--secondary-color)}.LagersystemBox .lagersystemTable .infosBox .infoRow .formData .from .btnBox{width:100%;margin-top:40px;display:flex;justify-content:space-between;align-items:center}.LagersystemBox .lagersystemTable .infosBox .infoRow .formData .from .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.LagersystemBox .lagersystemTable .infosBox .infoRow .formData .from .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.LagersystemBox .lagersystemTable .infosBox .infoRow .formData .from .btnBox .Abbrechen{background-color:var(--cancel-btn-color)}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos{padding:20px;width:500px;height:auto;background-color:var(--box-color-bg);color:var(--text-color);font-size:14px;border-radius:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;overflow-x:visible}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos .titleMehrInfos{width:100%;text-align:center}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos .titleMehrInfos:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos .titleMehrInfos .fa-xmark{position:absolute;top:10px;right:10px;font-size:20px}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos .InfosBox{width:100%;height:100%;overflow-x:visible;overflow-y:auto;margin-top:20px}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos .InfosBox .Infos{width:100%;padding:10px;border-bottom:1px solid var(--sarch-color-bg);display:flex;justify-content:space-between;overflow-x:visible}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos .InfosBox .Infos .left{display:flex;align-items:center;font-weight:700;gap:10px;position:relative}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos .InfosBox .Infos .left i{width:20px;height:20px;background-color:gray;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:12px;color:var(--box-color-bg);position:absolute;right:-30px}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos .InfosBox .Infos .right{color:var(--text-color);display:flex;align-items:center;justify-content:flex-end;text-align:right;gap:5px;position:relative}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos .InfosBox .Infos .right i{color:var(--text-color);font-size:16px;position:absolute;left:-25px}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos .InfosBox .Infos .pickUpDate{display:flex;flex-direction:column;text-align:right;justify-content:center;align-items:flex-end}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos .InfosBox .Infos .pickUpDate .isConfirmed{color:var(--checkmark-color)}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos .InfosBox .Infos .pickUpDate .isConfirmed .fa-check{background-color:var(--checkmark-color);border-radius:50%;width:20px;height:20px;color:#fff;font-size:12px;display:flex;justify-content:center;align-items:center}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos .InfosBox .Infos .pickUpDate .isNotConfirmed{color:var(--xmark-color)}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos .btnBox{display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:center}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos .btnBox .contInfoBtn,.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos .btnBox .pickUpBtn{margin-top:20px;display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;height:45px}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos .btnBox .contInfoBtn:hover,.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox .MehrInfos .btnBox .pickUpBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.LagersystemBox .lagersystemTable .infosBox .vInfoRow{width:100%;min-height:60px;background-color:var(--box-color-bg);color:var(--text-color);border-bottom:1px solid var(--sarch-color-bg);display:flex;justify-content:flex-start;align-items:center;font-size:14px;position:relative}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .moreInfoElement{display:none}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .element{height:100%;width:12.4%;display:flex;justify-content:center;align-items:center;position:relative;border-right:1px solid var(--sarch-color-bg);text-align:center;word-break:break-word;padding:2px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .element .fa-clock-rotate-left,.LagersystemBox .lagersystemTable .infosBox .vInfoRow .element .fa-pen-to-square{cursor:pointer;font-size:15px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .element .name{position:absolute;top:-18px;font-size:11px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .monthlyPrice{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .netto,.LagersystemBox .lagersystemTable .infosBox .vInfoRow .totalAmount{width:10%}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .Füllgrad{width:8%}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .history{width:5%;justify-content:center}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .datumBoxVirtualesLager{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .datumBoxVirtualesLager .fa-calendar-days{cursor:pointer;font-size:20px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .datumBoxVirtualesLager .fa-calendar-days:hover{opacity:50%}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .selecteddatumBoxisConfirmed{width:100%;color:var(--checkmark-color);display:flex;justify-content:center;align-items:center;gap:5px;text-align:center}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .selecteddatumBoxisConfirmed .fa-check{background-color:var(--checkmark-color);color:var(--btn-label-color);width:18px;min-width:18px;height:18px;font-size:10px;border-radius:50%;display:flex;justify-content:center;align-items:center}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .selecteddatumBox{width:100%;color:#ff7676;display:flex;justify-content:center;align-items:center;gap:5px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .Percent{cursor:pointer;width:90%;height:40px;border:1px solid var(--sarch-color-bg);border-radius:5px;text-shadow:0 0 13px var(--box-color-bg);position:relative;display:flex;align-items:flex-end;overflow:hidden;width:80%}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .Percent .numBox{position:absolute;top:calc(50% - 5px);width:100%;text-align:center}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .Percent .numBox .fa-question{position:absolute;background-color:var(--box-color-bg);border-radius:50%;width:20px;height:20px;color:var(--text-color);display:flex;justify-content:center;align-items:center;cursor:pointer;left:-50px;bottom:0;transition:all .2s}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .Percent .numBox .num{width:auto;display:inline;text-shadow:0 0 13px var(--box-color-bg);background-color:var(--box-color-bg);border-radius:2px;padding:0 2px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .Percent .Füllgrad{width:100%;position:relative}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .Percent:hover .numBox .fa-question{left:2px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .fa-ellipsis-vertical{font-size:16px;min-width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .fa-ellipsis-vertical:hover{background-color:var(--accent-color);color:var(--primary-color)}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .WeightBox{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .WeightBox .weightForm{width:400px;height:auto;background-color:var(--box-color-bg);border-radius:20px;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;padding:20px;position:relative}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .WeightBox .weightForm .error{width:100%;color:red;font-size:13px;text-align:center}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .WeightBox .weightForm h3{width:100%;display:block;text-align:center}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .WeightBox .weightForm h3:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .WeightBox .weightForm .fa-xmark{position:absolute;top:10px;right:10px;cursor:pointer}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .WeightBox .weightForm .box{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px 0}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .WeightBox .weightForm .box label{width:100%;text-align:left;font-size:14px;margin-bottom:2px;padding-left:3px;font-weight:700}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .WeightBox .weightForm .box input{width:100%;background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .WeightBox .weightForm .box input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .WeightBox .weightForm .box textarea{width:100%;background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .WeightBox .weightForm .box textarea:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .WeightBox .weightForm .btnBox{width:100%;display:flex;justify-content:space-between}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .WeightBox .weightForm .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .WeightBox .weightForm .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .WeightBox .weightForm .btnBox .Abbrechen{background-color:var(--cancel-btn-color)}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm{width:800px;height:90%;border-radius:20px;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow:hidden;background-color:var(--box-color-bg);border:1px solid var(--box-color-bg);position:relative}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm .fa-xmark{position:absolute;top:10px;right:10px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm .tabs{width:100%;max-width:800px;padding:20px;overflow-x:auto;overflow-y:hidden;display:block;margin-top:20px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm .tabs .tabsContent{width:auto;display:inline-flex;gap:15px;margin:0 auto}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm .tabs .tabsContent .tab{display:block;position:relative;width:auto;cursor:pointer;height:37px;min-width:183px;gap:10px;text-align:center;font-size:16px;opacity:50%;transition:opacity .4s ease}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm .tabs .tabsContent .tab:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm .tabs .tabsContent .activeTab{font-size:20px;opacity:1;background-color:var(--box-color-bg)}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm .tabs .tabsContent .activeTab .fa-xmark{position:absolute;top:-5px;right:-15px;font-size:16px;color:var(--xmark-color)}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm .HistoryBoxHeader{display:flex;padding:10px 0;width:100%;justify-content:space-around;background-color:var(--sarch-color-bg);gap:10px;font-size:15px;font-weight:700}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm .HistoryBoxHeader div{width:200px;text-align:center}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm .History{width:100%;height:calc(100% - 115px);overflow:hidden;overflow-y:auto}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm .History .emptyBox{width:100%;padding:20px;text-align:center;background-color:var(--box-color-bg);display:flex;justify-content:center;align-items:center;gap:5px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm .History .element{align-items:center;width:100%;height:auto;border-bottom:1px solid var(--sarch-color-bg);background-color:var(--box-color-bg);display:flex;justify-content:space-around;padding:10px 0}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm .History .element div{width:200px;text-align:center}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm .History .element .name{height:calc(100% - 20px);text-align:center;width:50%;position:relative;top:0;font-size:14px;padding:10px 0}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm .History .element .dateBox{text-align:center;flex-direction:column-reverse;justify-content:flex-start;gap:2px;width:50%}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm .History .element .dateBox .date{display:flex;justify-content:center;align-items:center;gap:10px;padding:4px;cursor:pointer;border-radius:5px;width:100%}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm .History .element .dateBox .date i{color:gray}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .historyBox .historyForm .History .element .dateBox .date:hover{background-color:var(--page-color-bg)}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .showMehrInfos{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .showMehrInfos .showMehrInfosBox{background-color:var(--box-color-bg);color:var(--text-color);position:relative;border-radius:20px;width:450px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .showMehrInfos .showMehrInfosBox .fa-xmark{position:absolute;right:10px;top:10px;font-size:20px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .showMehrInfos .showMehrInfosBox .showMehrInfosTitle{display:block;text-align:center;padding:20px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .showMehrInfos .showMehrInfosBox .showMehrInfosTitle:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .showMehrInfos .showMehrInfosBox .showMehrInfosContBox{width:100%;height:100%;overflow-y:auto;padding:0 20px 20px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .showMehrInfos .showMehrInfosBox .showMehrInfosContBox .infos{width:calc(100% - 20px);border-bottom:1px solid var(--sarch-color-bg);padding:10px 0;display:flex;justify-content:space-between;align-items:center;min-height:25px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .showMehrInfos .showMehrInfosBox .showMehrInfosContBox .infos button{justify-content:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;width:110px;height:45px;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .showMehrInfos .showMehrInfosBox .showMehrInfosContBox .infos button:hover{border:1px solid var(--primary-color);box-shadow:none}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .showMehrInfos .showMehrInfosBox .showMehrInfosContBox .infos .verlaufBtn{width:40px;height:40px;background-color:var(--box-color-bg);color:var(--text-color)}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .showMehrInfos .showMehrInfosBox .showMehrInfosContBox .infos .left{font-weight:700;display:flex;flex-direction:row;gap:5px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .showMehrInfos .showMehrInfosBox .showMehrInfosContBox .infos .right{display:flex;flex-direction:row;gap:5px;align-items:center;justify-content:flex-end;text-align:right}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .showMehrInfos .showMehrInfosBox .showMehrInfosContBox .infos .right i{cursor:pointer;min-width:20px;height:20px;font-size:16px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .showMehrInfos .showMehrInfosBox .showMehrInfosContBox .infos .right i:hover{opacity:.5}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .showMehrInfos .showMehrInfosBox .showMehrInfosContBox .infos .fa-info{min-width:18px;height:18px;background-color:gray;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:12px}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .showMehrInfos .showMehrInfosBox .showMehrInfosContBox .infos .fa-info:hover{opacity:.5}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .showMehrInfos .showMehrInfosBox .showMehrInfosContBox .infos:nth-child(10),.LagersystemBox .lagersystemTable .infosBox .vInfoRow .showMehrInfos .showMehrInfosBox .showMehrInfosContBox .infos:nth-child(11){border-bottom:none}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .MehrInfosVerlauf{width:100%;height:100%;background-color:rgba(0,0,0,.4588235294);position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .MehrInfosVerlauf .MehrInfosVerlaufBox{width:95%;height:50%;border-radius:20px;background-color:var(--box-color-bg);backdrop-filter:blur(20px);position:relative}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .MehrInfosVerlauf .MehrInfosVerlaufBox .fa-xmark{position:absolute;top:15px;right:15px;font-size:20px;cursor:pointer}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .MehrInfosVerlauf .MehrInfosVerlaufBox .MehrInfosVerlaufBoxTitle{width:calc(100% - 30px);padding:15px;font-size:16px;font-weight:700;border-bottom:1px solid #000}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .MehrInfosVerlauf .MehrInfosVerlaufBox .infos{width:calc(100% - 60px);min-height:30px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid gray;font-weight:700}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .MehrInfosVerlauf .MehrInfosVerlaufBox .infos .right{color:#424242}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .MehrInfos{display:none}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .action-menu-wrapper{position:relative;width:5%}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .action-menu-wrapper .fa-ellipsis-vertical{font-size:18px;cursor:pointer;color:var(--text-color)}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .action-menu-wrapper .btnBox{position:absolute;top:-30px;right:40px;background-color:var(--box-color-bg);padding:10px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:flex-start;gap:10px;z-index:100}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .action-menu-wrapper .btnBox i{font-size:18px;color:#444;cursor:pointer}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .action-menu-wrapper .btnBox i:hover{color:#000}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .action-menu-wrapper .btnBox button{display:flex;align-items:center;gap:6px;font-size:14px;padding:6px 10px;border:none;border-radius:6px;cursor:pointer;color:#fff;width:100%;transition:background-color .2s ease}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .action-menu-wrapper .btnBox button i{font-size:16px;color:var(--btn-label-color)}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .action-menu-wrapper .btnBox button:hover{opacity:50%}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .action-menu-wrapper .btnBox .btnEdit{background-color:var(--resume-btn-color)}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .action-menu-wrapper .btnBox .btnDelete{background-color:var(--xmark-color)}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .action-menu-wrapper .btnBox .btnNull{background-color:var(--secondary-color)}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .action-menu-wrapper .btnBox .btnAmount{background-color:var(--resume-btn-color)}.LagersystemBox .lagersystemTable .infosBox .VirtualesLagersystemForm{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.LagersystemBox .lagersystemTable .infosBox .VirtualesLagersystemForm .form{width:500px;height:auto;border-radius:20px;background-color:var(--box-color-bg);display:flex;flex-direction:column;position:relative;overflow:hidden;gap:10px;padding:20px}.LagersystemBox .lagersystemTable .infosBox .VirtualesLagersystemForm .form .viFormTitle{display:block;text-align:center}.LagersystemBox .lagersystemTable .infosBox .VirtualesLagersystemForm .form .viFormTitle:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.LagersystemBox .lagersystemTable .infosBox .VirtualesLagersystemForm .form .error{color:red;font-size:13px;width:100%;text-align:center}.LagersystemBox .lagersystemTable .infosBox .VirtualesLagersystemForm .form .fa-xmark{font-size:20px;cursor:pointer;position:absolute;top:10px;right:10px;opacity:.8;z-index:10}.LagersystemBox .lagersystemTable .infosBox .VirtualesLagersystemForm .form .fa-xmark:hover{opacity:1}.LagersystemBox .lagersystemTable .infosBox .VirtualesLagersystemForm .form .feld{display:flex;align-items:center}.LagersystemBox .lagersystemTable .infosBox .VirtualesLagersystemForm .form .feld label{width:30%}.LagersystemBox .lagersystemTable .infosBox .VirtualesLagersystemForm .form .feld input{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:70%}.LagersystemBox .lagersystemTable .infosBox .VirtualesLagersystemForm .form .feld input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.LagersystemBox .lagersystemTable .infosBox .VirtualesLagersystemForm .form .feld select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem;width:70%;margin:0}.LagersystemBox .lagersystemTable .infosBox .VirtualesLagersystemForm .form .feld select:focus{border:1px solid var(--secondary-color)}.LagersystemBox .lagersystemTable .infosBox .VirtualesLagersystemForm .form .btnBox{display:flex;justify-content:space-between;margin-top:10px}.LagersystemBox .lagersystemTable .infosBox .VirtualesLagersystemForm .form .btnBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.LagersystemBox .lagersystemTable .infosBox .VirtualesLagersystemForm .form .btnBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.LagersystemBox .lagersystemTable .infosBox .VirtualesLagersystemForm .form .btnBox .Speichern{background-color:var(--resume-btn-color)}.LagersystemBox .lagersystemTable .infosBox .VirtualesLagersystemForm .form .btnBox .Abbrechen{background-color:var(--cancel-btn-color)}.LagersystemBox .lagersystemTable::-webkit-scrollbar{width:5px;height:5px}.LagersystemBox .lagerTableCmsl .headerBox .tableTitle{justify-content:flex-start}.LagersystemBox .lagerTableCmsl .headerBox .tableTitle div,.LagersystemBox .lagerTableCmsl .infosBox .infoRow .element{width:18%}.LagersystemBox .lagerTableCmsl .infosBox .infoRow .editContBox{width:10%;height:100%;display:flex;justify-content:center;align-items:center}.LagersystemBox .lagerTableCmsl .infosBox .infoRow .editContBox button{background-color:var(--secondary-color);color:var(--btn-label-color);border:none;padding:7px 10px;border-radius:10px;font-size:16px;cursor:pointer;display:flex;flex-direction:row;gap:5px;width:auto;height:auto}.LagersystemBox .lagerTableCmsl .infosBox .infoRow .editContBox button:hover{border:1px solid var(--primary-color)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.myConfirmButton{background-color:#43806c;border:2px solid #fff;box-shadow:0 0 5px var(--primary-color)}.myConfirmButton:hover{background-color:#43806c!important}.Price{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.Price .box{width:500px;background-color:var(--box-color-bg);box-shadow:0 0 10px var(--primary-color);border-radius:20px;overflow:hidden;padding:20px;height:auto}.Price .box,.Price .box .monthlyTitle{position:relative;color:var(--text-color)}.Price .box .monthlyTitle{display:block;width:100%;text-align:center;margin:0 0 10px}.Price .box .monthlyTitle:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.Price .box .fa-xmark{position:absolute;top:10px;right:10px;cursor:pointer}.Price .box .head{display:flex;justify-content:center;margin-bottom:10px}.Price .box .head select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem}.Price .box .head select:focus{border:1px solid var(--secondary-color)}.Price .infoBox{width:100%;height:100%;display:flex;flex-direction:column}.Price .infoBox .row{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--sarch-color-bg)}.Price .infoBox .row:hover{background-color:var(--chart-bg-color)}.Price .infoBox .row div{width:50%;padding:10px;cursor:pointer;font-size:14px}.Price .infoBox .row div:first-child{font-weight:700}.Price .infoBox .row input{width:calc(50% - 10px);margin:10px;background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem}.Price .infoBox .row input:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.Price .btntBox{width:100%;margin-top:10px;display:flex;justify-content:space-between;align-items:center}.Price .btntBox button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400}.Price .btntBox button:hover{border:1px solid var(--primary-color);box-shadow:none}.Price .btntBox .Abbrechen{background-color:var(--cancel-btn-color)}.Price .btntBox .Speichern{background-color:var(--resume-btn-color)}.officeLagerBox{width:100%!important;height:calc(50% - 20px);min-height:0;padding-bottom:0}.logisticsLagerBox{width:100%!important;padding-bottom:20px}.logisticsLagerBox .lagersystemTable .headerBox .tableTitle .Füllgrad,.logisticsLagerBox .lagersystemTable .headerBox .tableTitle .Material,.logisticsLagerBox .lagersystemTable .headerBox .tableTitle .Netto,.logisticsLagerBox .lagersystemTable .headerBox .tableTitle div{width:18.8%}.logisticsLagerBox .lagersystemTable .headerBox .vlTitle .Füllgrad,.logisticsLagerBox .lagersystemTable .headerBox .vlTitle .materialHead,.logisticsLagerBox .lagersystemTable .headerBox .vlTitle .nettoHead,.logisticsLagerBox .lagersystemTable .headerBox .vlTitle .totalAmountHead,.logisticsLagerBox .lagersystemTable .headerBox .vlTitle div{width:12.8%}.logisticsLagerBox .lagersystemTable .headerBox .vlTitle .progressHead{width:6%}.logisticsLagerBox .lagersystemTable .headerBox .vlTitle .moreInfoColumn{width:5%}.logisticsLagerBox .lagersystemTable .infosBox .infoRow .element{width:18.8%}.logisticsLagerBox .lagersystemTable .infosBox .infoRow .icon{width:6%}.logisticsLagerBox .lagersystemTable .infosBox .vInfoRow .element{width:12.8%}.logisticsLagerBox .lagersystemTable .infosBox .vInfoRow .history{width:6%}@media(max-width:1300px){.LagersystemBox .lagersystemTable{max-height:560px;height:560px}.LagersystemBox .lagersystemTable .infosBox{max-height:500px}}@media(max-width:1000px){.LagersystemBox .lagersystemTable .headerBox .tableTitle{justify-content:flex-start}.LagersystemBox .lagersystemTable .headerBox .tableTitle div{width:15%}.LagersystemBox .lagersystemTable .headerBox .tableTitle .moreInfoColumn{display:block}.LagersystemBox .lagersystemTable .headerBox .tableTitle .Netto,.LagersystemBox .lagersystemTable .headerBox .tableTitle .Status{display:none}.LagersystemBox .lagersystemTable .headerBox .vlTitle .nettoHead{display:block}.LagersystemBox .lagersystemTable .headerBox .vlTitle .Füllgrad,.LagersystemBox .lagersystemTable .headerBox .vlTitle .connectedMachineHead,.LagersystemBox .lagersystemTable .headerBox .vlTitle .materialHead,.LagersystemBox .lagersystemTable .headerBox .vlTitle .nettoHead,.LagersystemBox .lagersystemTable .headerBox .vlTitle .totalAmountHead,.LagersystemBox .lagersystemTable .headerBox .vlTitle div{width:14.5%}.LagersystemBox .lagersystemTable .headerBox .vlTitle .contractorHead,.LagersystemBox .lagersystemTable .headerBox .vlTitle .monthlyPriceHead{display:none}.LagersystemBox .lagersystemTable .headerBox .vlTitle .progressHead{width:6%}.LagersystemBox .lagersystemTable .infosBox .infoRow .element{width:15%}.LagersystemBox .lagersystemTable .infosBox .infoRow .moreInfoElement{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;width:10%;height:100%;height:80px}.LagersystemBox .lagersystemTable .infosBox .infoRow .moreInfoElement .moreInfoBtn{background-color:var(--secondary-color);color:var(--btn-label-color);border:none;padding:7px 10px;border-radius:10px;font-size:16px;cursor:pointer;display:flex;flex-direction:row;gap:5px;width:auto;height:auto}.LagersystemBox .lagersystemTable .infosBox .infoRow .moreInfoElement .moreInfoBtn:hover{border:1px solid var(--primary-color)}.LagersystemBox .lagersystemTable .infosBox .infoRow .Netto,.LagersystemBox .lagersystemTable .infosBox .infoRow .icon{display:none}.LagersystemBox .lagersystemTable .infosBox .infoRow .element .Percent{width:80%}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .action-menu-wrapper,.LagersystemBox .lagersystemTable .infosBox .vInfoRow .contractor,.LagersystemBox .lagersystemTable .infosBox .vInfoRow .monthlyPrice{display:none}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .moreInfoElement{display:flex;width:7%;justify-content:center;align-items:center}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .moreInfoElement .moreInfoBtnVL{background-color:var(--secondary-color);color:var(--btn-label-color);border:none;padding:7px 10px;border-radius:10px;font-size:16px;cursor:pointer;display:flex;flex-direction:row;gap:5px;width:auto;height:auto}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .moreInfoElement .moreInfoBtnVL:hover{border:1px solid var(--primary-color)}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .element{width:14.5%}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .history{width:6%}.LagersystemBox .lagerTableCmsl .headerBox .tableTitle{justify-content:flex-start}.LagersystemBox .lagerTableCmsl .headerBox .tableTitle div,.LagersystemBox .lagerTableCmsl .infosBox .infoRow .element{width:18%}.LagersystemBox .lagerTableCmsl .infosBox .infoRow .editContBox{display:none}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle .Entsorger{display:flex}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle .cityColumn,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle .collectorPlzColumn,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle .streetColumn{display:none}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle .Entsorger,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle .Füllgrad,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle .MaschID,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle div{justify-content:center;width:18%}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .Entsorger{display:flex}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .cityElement,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .collectorPlzElement,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .streetElement{display:none}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .Entsorger,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .element,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .maschID{width:18%}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .moreInfoElement{width:10%}}@media(max-width:800px){.LagersystemBox .title .filterBox .fa-filter{display:flex}.LagersystemBox .title .filterBox .filterMaterial{display:none}.LagersystemBox .title .filterBox .showFilter{display:flex;position:absolute;z-index:5;top:30px;left:-200px;background-color:var(--box-color-bg);padding:20px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.25);gap:10px}.LagersystemBox .lagersystemTable .headerBox .tableTitle{width:100%}.LagersystemBox .lagersystemTable .headerBox .tableTitle .Preis{display:none}.LagersystemBox .lagersystemTable .headerBox .tableTitle .Abholdatum,.LagersystemBox .lagersystemTable .headerBox .tableTitle .Entsorger,.LagersystemBox .lagersystemTable .headerBox .tableTitle .Füllgrad,.LagersystemBox .lagersystemTable .headerBox .tableTitle .MaschID,.LagersystemBox .lagersystemTable .headerBox .tableTitle .Material{width:18%}.LagersystemBox .lagersystemTable .headerBox .tableTitle .moreInfoColumn{width:10%}.LagersystemBox .lagersystemTable .headerBox .vlTitle .Füllgrad,.LagersystemBox .lagersystemTable .headerBox .vlTitle .connectedMachineHead,.LagersystemBox .lagersystemTable .headerBox .vlTitle .materialHead,.LagersystemBox .lagersystemTable .headerBox .vlTitle .nettoHead,.LagersystemBox .lagersystemTable .headerBox .vlTitle .totalAmountHead{width:15.3%}.LagersystemBox .lagersystemTable .headerBox .vlTitle .progressHead{width:8%}.LagersystemBox .lagersystemTable .headerBox .vlTitle .Abholdatum{display:none}.LagersystemBox .lagersystemTable .infosBox .infoRow .element{width:18%}.LagersystemBox .lagersystemTable .infosBox .infoRow .Preis,.LagersystemBox .lagersystemTable .infosBox .vInfoRow .datumBoxVirtualesLager{display:none}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .element,.LagersystemBox .lagersystemTable .infosBox .vInfoRow .moreInfoElement{width:15.3%}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .history{width:8%}.LagersystemBox .lagerTableCmsl .headerBox .tableTitle .Abholdatum,.LagersystemBox .lagerTableCmsl .headerBox .tableTitle .Entsorger,.LagersystemBox .lagerTableCmsl .headerBox .tableTitle .MaschID,.LagersystemBox .lagerTableCmsl .headerBox .tableTitle div,.LagersystemBox .lagerTableCmsl .infosBox .infoRow .element{width:30%}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle .Entsorger,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle .Füllgrad,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle .MaschID,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle div,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .element{width:22.5%}}@media(max-width:600px){.LagersystemBox .title .searchFieldStorage{height:30px;position:absolute;width:200px}.LagersystemBox .title .searchFieldStorage .searchBtn{position:absolute;right:20px;display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color)}.LagersystemBox .title .searchFieldStorage .searchBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.LagersystemBox .title .searchFieldStorage .searchBtn i{position:relative;top:0;left:0;transform:none}.LagersystemBox .title .searchFieldStorage .inputBox{position:absolute;top:-5px;right:60px;z-index:5;background-color:var(--box-color-bg);padding:5px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.25)}.LagersystemBox .lagersystemTable .headerBox .tableTitle{width:100%}.LagersystemBox .lagersystemTable .headerBox .tableTitle .Abholdatum{display:none}.LagersystemBox .lagersystemTable .headerBox .tableTitle .Entsorger,.LagersystemBox .lagersystemTable .headerBox .tableTitle .Füllgrad,.LagersystemBox .lagersystemTable .headerBox .tableTitle .MaschID,.LagersystemBox .lagersystemTable .headerBox .tableTitle .Material,.LagersystemBox .lagersystemTable .headerBox .tableTitle .moreInfoColumn{width:20%}.LagersystemBox .lagersystemTable .headerBox .vlTitle .materialHead,.LagersystemBox .lagersystemTable .headerBox .vlTitle .nettoHead,.LagersystemBox .lagersystemTable .headerBox .vlTitle .totalAmountHead{display:none}.LagersystemBox .lagersystemTable .headerBox .vlTitle .Füllgrad,.LagersystemBox .lagersystemTable .headerBox .vlTitle .connectedMachineHead,.LagersystemBox .lagersystemTable .headerBox .vlTitle .moreInfoColumn{width:28.6%}.LagersystemBox .lagersystemTable .headerBox .vlTitle .progressHead{width:14%}.LagersystemBox .lagersystemTable .infosBox .infoRow .element,.LagersystemBox .lagersystemTable .infosBox .infoRow .moreInfoElement{width:20%}.LagersystemBox .lagersystemTable .infosBox .infoRow .datum,.LagersystemBox .lagersystemTable .infosBox .vInfoRow .materialVL,.LagersystemBox .lagersystemTable .infosBox .vInfoRow .netto,.LagersystemBox .lagersystemTable .infosBox .vInfoRow .totalAmount{display:none}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .element,.LagersystemBox .lagersystemTable .infosBox .vInfoRow .moreInfoElement{width:28.6%}.LagersystemBox .lagersystemTable .infosBox .vInfoRow .history{width:14%}.LagersystemBox .lagerTableCmsl .headerBox .tableTitle .Entsorger,.LagersystemBox .lagerTableCmsl .headerBox .tableTitle .MaschID,.LagersystemBox .lagerTableCmsl .infosBox .infoRow .element{width:40%}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle .Entsorger,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle .MaschID,.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle div{width:41.5%}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .headerBox .tableTitle .Füllgrad{display:none}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .element{width:41.5%}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .cont{display:none}.statPage .mainBox .infoBox .collectorMainBox .LagersystemBox .lagersystemTable .infosBox .infoRow .moreInfoElement{width:17%}}@media(max-width:400px){.LagersystemBox .title .filterBox{top:60px}.LagersystemBox .title .searchFieldStorage{display:none}.LagersystemBox .lagersystemTable .headerBox .tableTitle{width:100%}.LagersystemBox .lagersystemTable .headerBox .tableTitle .Füllgrad,.LagersystemBox .lagersystemTable .headerBox .tableTitle .MaschID{width:30%}.LagersystemBox .lagersystemTable .headerBox .tableTitle .Material{width:22%}.LagersystemBox .lagersystemTable .headerBox .tableTitle .moreInfoColumn{width:18%}.LagersystemBox .lagersystemTable .headerBox .tableTitle .Entsorger{display:none}.LagersystemBox .lagersystemTable .headerBox .vlTitle .Füllgrad{width:28.6%}.LagersystemBox .lagersystemTable .infosBox .infoRow .cont,.LagersystemBox .lagersystemTable .infosBox .infoRow .maschID{width:30%}.LagersystemBox .lagersystemTable .infosBox .infoRow .Material{width:22%}.LagersystemBox .lagersystemTable .infosBox .infoRow .moreInfoElement{width:18%}.LagersystemBox .lagersystemTable .infosBox .infoRow .Entsorger{display:none}.LagersystemBox .lagersystemTable .infosBox .infoRow .MehrInfosBox{height:100dvh}.LagersystemBox .lagerTableCmsl .headerBox .tableTitle .MaschID,.LagersystemBox .lagerTableCmsl .infosBox .infoRow .element,.LagersystemBox .lagerTableCmsl .infosBox .infoRow .moreInfoElement{width:50%}}.clarificationHint{color:#c47f17;font-weight:600;cursor:help}.wasteBalancePage{width:100%;padding:20px;height:calc(100dvh - 100px)}.wasteBalancePage .wasteBalanceContainer{width:100%;height:100%;background-color:var(--box-color-bg);border-radius:20px;color:var(--text-color);position:relative;box-shadow:0 2px 6px rgba(0,0,0,.25);overflow:hidden}.wasteBalancePage .wasteBalanceContainer .title{width:100%;color:var(--text-color);margin-bottom:10px;padding:10px 0 0 20px}.wasteBalancePage .wasteBalanceContainer .iconsBox{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:20px}.wasteBalancePage .wasteBalanceContainer .iconsBox .csvLink,.wasteBalancePage .wasteBalanceContainer .iconsBox .div{display:flex;flex-direction:column;align-items:center;cursor:pointer;text-decoration:none}.wasteBalancePage .wasteBalanceContainer .iconsBox .csvLink i,.wasteBalancePage .wasteBalanceContainer .iconsBox .div i{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 5px 15px var(--btn-shadow);width:30px;height:30px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--box-color-bg);color:var(--text-color)}.wasteBalancePage .wasteBalanceContainer .iconsBox .csvLink i:hover,.wasteBalancePage .wasteBalanceContainer .iconsBox .div i:hover{border:1px solid var(--primary-color);box-shadow:none}.wasteBalancePage .wasteBalanceContainer .navBar{color:var(--text-color);width:auto;display:flex;align-items:center;gap:5px;font-size:14px;margin-bottom:10px;padding:20px 0 0 20px}.wasteBalancePage .wasteBalanceContainer .navBar span{cursor:pointer}.wasteBalancePage .wasteBalanceContainer .navBar span:hover{opacity:50%}.wasteBalancePage .wasteBalanceContainer .fa-filter{position:relative;left:20px;top:10px;color:var(--text-color);display:none;cursor:pointer}.wasteBalancePage .wasteBalanceContainer .fa-filter:after{content:" Filter";font-size:15px;font-weight:400;font-family:Roboto}.wasteBalancePage .wasteBalanceContainer .Main{width:100%;height:calc(100% - 74px)}.wasteBalancePage .wasteBalanceContainer .Main .filterBox{width:100%;display:flex;justify-content:flex-start;align-items:flex-end;gap:10px;margin-bottom:10px;padding:0 0 0 20px;position:relative}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .resetFilterBtn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:120px;height:35px;border-radius:10px;cursor:pointer;border:1px solid rgba(0,0,0,0);background-color:var(--resume-btn-color);color:var(--btn-label-color);box-shadow:0 5px 15px var(--btn-shadow);font-size:14px;font-weight:400;padding:10px;height:auto;background-color:var(--box-color-bg);color:var(--text-color)}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .resetFilterBtn:hover{border:1px solid var(--primary-color);box-shadow:none}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .resetFilterBtn i{transition:.3s ease-in-out}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .resetFilterBtn:hover i{transform:rotate(-1turn)}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .virtualSwitchBox{margin-right:20px}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .virtualSwitchBox input[type=checkbox]{position:absolute;opacity:0;z-index:-1}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .virtualSwitchBox .virtualBtn{margin-top:8.5px;display:flex;width:50px;height:26px;padding:3px;background-color:var(--secondary-color);border-radius:20px;transition:all .5s ease-in-out;cursor:pointer}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .virtualSwitchBox .virtualBtn .virtualBtnHandler{display:flex;justify-content:center;align-items:center;width:20px;height:20px;position:relative;background-color:var(--primary-color);border-radius:50%;transition:all .5s ease-in-out;box-shadow:0 0 8px rgba(0,0,0,.3)}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .virtualSwitchBox .virtualBtn .virtualBtnHandler:after,.wasteBalancePage .wasteBalanceContainer .Main .filterBox .virtualSwitchBox .virtualBtn .virtualBtnHandler:before{content:"";position:absolute;width:2px;height:10px;background-color:#fff;transition:all .5s ease-in-out}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .virtualSwitchBox .virtualBtn .virtualBtnHandler:before{transform:rotate(45deg)}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .virtualSwitchBox .virtualBtn .virtualBtnHandler:after{transform:rotate(-45deg)}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .virtualSwitchBox input[type=checkbox]:checked+.virtualBtn{background-color:var(--checkmark-color)}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .virtualSwitchBox input[type=checkbox]:checked+.virtualBtn .virtualBtnHandler{margin-left:50%;background-color:#ecf0f1}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .virtualSwitchBox input[type=checkbox]:checked+.virtualBtn .virtualBtnHandler:before{width:3px;transform:rotate(45deg) translate(2px,-2px);background-color:var(--checkmark-color)}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .virtualSwitchBox input[type=checkbox]:checked+.virtualBtn .virtualBtnHandler:after{width:3px;background-color:var(--checkmark-color);height:9px;transform:rotate(-45deg) translate(-4px,-1.4px)}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .filterElement{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .filterElement select{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:5px;cursor:pointer;outline:none;border:1px solid rgba(0,0,0,0);font-weight:400;font-size:.8rem}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .filterElement select:focus{border:1px solid var(--secondary-color)}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .filterElement .calendarInput{background-color:var(--sarch-color-bg);color:var(--text-color);border:none;border-radius:7px;padding:7px;cursor:pointer;outline:none;font-weight:400;font-size:.8rem;width:100px}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .filterElement .calendarInput:focus{box-shadow:0 2px 6px rgba(0,0,0,.25)}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .stockBtn,.wasteBalancePage .wasteBalanceContainer .Main .filterBox .weightBtn{position:absolute;right:0;bottom:0;width:30px;height:30px;transition:.3s ease-in-out;background-color:var(--resume-btn-color);color:var(--btn-label-color);cursor:pointer;border-radius:7px 0 0 7px;border:none;overflow:hidden}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .stockBtn .btn-content,.wasteBalancePage .wasteBalanceContainer .Main .filterBox .weightBtn .btn-content{display:flex;flex-direction:row;overflow:hidden;align-items:center;justify-content:flex-start;gap:10px}.wasteBalancePage .wasteBalanceContainer .Main .filterBox .stockBtn:hover,.wasteBalancePage .wasteBalanceContainer .Main .filterBox .weightBtn:hover{width:150px}.wasteBalancePage .wasteBalanceContainer .Main .stockBtn{top:-10px}.wasteBalancePage .wasteBalanceContainer .Main .titles{width:100%;padding:10px 0;background-color:var(--sarch-color-bg);display:flex}.wasteBalancePage .wasteBalanceContainer .Main .titles div{width:14.2857142857%;text-align:center;font-size:15px;font-weight:700}.wasteBalancePage .wasteBalanceContainer .Main .titles .MehrInfos{display:none}.wasteBalancePage .wasteBalanceContainer .Main .tableAlert{width:calc(100% - 40px);padding:20px;display:flex;justify-content:center;align-items:center;gap:10px;color:var(--text-color)}.wasteBalancePage .wasteBalanceContainer .Main .tableAlert i{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:var(--page-color-bg);color:var(--text-color);border-radius:50%}.wasteBalancePage .wasteBalanceContainer .Main .data{width:100%;display:flex;flex-direction:column;background-color:var(--box-color-bg);overflow:hidden;overflow-y:overlay;height:calc(100% - 183px)}.wasteBalancePage .wasteBalanceContainer .Main .data .row{width:100%;display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid var(--sarch-color-bg);height:45px}.wasteBalancePage .wasteBalanceContainer .Main .data .row div{width:14.2857142857%;font-size:15px;border-right:1px solid var(--sarch-color-bg);height:45px;display:flex;justify-content:center;align-items:center}.wasteBalancePage .wasteBalanceContainer .Main .data .row .MehrInfos{display:none}.wasteBalancePage .wasteBalanceContainer .Main .data .summeBox{width:100%;height:40px;background-color:var(--primary-color);color:var(--btn-label-color);display:flex;align-items:center;justify-content:flex-start;position:absolute;bottom:0}.wasteBalancePage .wasteBalanceContainer .Main .data .summeBox .summe{width:57.14%;height:100%;display:flex;justify-content:center;align-items:center;font-size:16px}.wasteBalancePage .wasteBalanceContainer .Main .data .summeBox .div{width:14.2857142857%;height:100%;display:flex;justify-content:center;align-items:center;font-size:16px}.wasteBalancePage .wasteBalanceContainer .MehrInfosBox{position:fixed!important;top:0!important;left:0!important;width:100dvw!important;height:100dvh!important;background-color:rgba(0,0,0,.5);z-index:15;display:flex;justify-content:center;align-items:center}.wasteBalancePage .wasteBalanceContainer .MehrInfosBox .MehrInfosBoxCont{width:350px;height:auto;min-height:250px;background-color:var(--box-color-bg);border-radius:20px;position:relative;padding:20px}.wasteBalancePage .wasteBalanceContainer .MehrInfosBox .MehrInfosBoxCont .fa-xmark{position:absolute;top:10px;right:10px}.wasteBalancePage .wasteBalanceContainer .MehrInfosBox .MehrInfosBoxCont .title{text-align:center;padding:0}.wasteBalancePage .wasteBalanceContainer .MehrInfosBox .MehrInfosBoxCont .title:after{content:"";display:block;width:100%;height:5px;background-color:var(--secondary-color);margin-top:.5rem;border-radius:2px}.wasteBalancePage .wasteBalanceContainer .MehrInfosBox .MehrInfosBoxCont .infos{border-bottom:1px solid var(--sarch-color-bg);color:var(--text-color);display:flex;justify-content:space-between;width:100%;font-size:15px;padding:10px 0}.wasteBalancePage .wasteBalanceContainer .MehrInfosBox .MehrInfosBoxCont .infos .left{font-weight:700}@media(max-width:1000px){.wasteBalancePage .wasteBalanceContainer .Main .titles div{width:18%}.wasteBalancePage .wasteBalanceContainer .Main .titles .AVV,.wasteBalancePage .wasteBalanceContainer .Main .titles .Qualität{display:none}.wasteBalancePage .wasteBalanceContainer .Main .data .row div{width:18%}.wasteBalancePage .wasteBalanceContainer .Main .data .row .AVV,.wasteBalancePage .wasteBalanceContainer .Main .data .row .Qualität{display:none}.wasteBalancePage .wasteBalanceContainer .Main .data .row .MehrInfos{display:flex;padding:5px;width:10%}.wasteBalancePage .wasteBalanceContainer .Main .data .row .MehrInfos .infoBtn{display:flex;gap:5px;background-color:var(--secondary-color);color:#fff;border:none;padding:10px;border-radius:10px}.wasteBalancePage .wasteBalanceContainer .Main .data .row .MehrInfos .infoBtn:hover{opacity:50%}.wasteBalancePage .wasteBalanceContainer .Main .data .summeBox .summe{width:33.33%}.wasteBalancePage .wasteBalanceContainer .Main .data .summeBox .div{width:16.66%}}@media(max-width:700px){.wasteBalancePage .wasteBalanceContainer .Main .filterBox{flex-wrap:wrap}.wasteBalancePage .wasteBalanceContainer .Main .titles div{width:28%;word-break:break-all}.wasteBalancePage .wasteBalanceContainer .Main .titles .dateColumn,.wasteBalancePage .wasteBalanceContainer .Main .titles .waretypeColumn{display:none}.wasteBalancePage .wasteBalanceContainer .Main .data .row div{width:28%}.wasteBalancePage .wasteBalanceContainer .Main .data .row .dateElement,.wasteBalancePage .wasteBalanceContainer .Main .data .row .waretypeElement{display:none}.wasteBalancePage .wasteBalanceContainer .Main .data .row .MehrInfos{width:16%}.wasteBalancePage .wasteBalanceContainer .Main .data .summeBox .summe{display:none}.wasteBalancePage .wasteBalanceContainer .Main .data .summeBox .div{width:28%}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:normal}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:rgb(165.75,165.75,165.75)}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.7rem / 2);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:white;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:rgb(28.75,93.2196969697,143.75)}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:rgb(49.8551020408,189.6448979592,62.5632653061)}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:magenta}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:rgb(207,82.9642857143,0)}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:rgb(28.75,93.2196969697,143.75)}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:rgb(186.25,217.0833333333,241.25);color:rgb(0,0,0)}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:rgb(28.75,93.2196969697,143.75)}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:rgb(178.5,178.5,178.5)}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:rgb(178.5,178.5,178.5)}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:rgb(178.5,178.5,178.5)}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}