body{background:#0f0f0f;font-family:Ubuntu,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}main{margin:3rem 3rem 3rem 20rem;width:calc(100% - 15rem)}button.default{background-color:#191919;border:none;box-shadow:inset 0 0 0 2px #303030;color:#bebebe;cursor:pointer;display:inline-block;font-size:1rem;padding:1.5rem;text-align:center;text-decoration:none}button.delete-icon-disabled{cursor:not-allowed;opacity:.5}.app-wrapper{color:#bebebe;display:flex;min-height:100vh;width:100%}.sidebar{background:#191919;padding:1rem;position:fixed;width:15rem}.sidebar .sidebar-wrapper{display:flex;flex-direction:column;flex-wrap:wrap;height:calc(100vh - 2rem);width:100%}.sidebar .sidebar-wrapper a:not(.copyright){border:2px solid #0000;border-radius:.5rem;color:#bebebe;display:flex;font-size:1.2rem;margin:2px 0;padding:.5rem;text-decoration:none;transition:all .3s ease}.sidebar .sidebar-wrapper a:not(.copyright) svg{height:1.5rem;margin-right:1rem;width:1.5rem}.sidebar .sidebar-wrapper a:not(.copyright):hover{border:2px solid #303030}.sidebar .sidebar-wrapper a:not(.copyright).active{background:#303030}.sidebar .sidebar-wrapper .sidebar-user{border-bottom:1px solid #bebebe;display:flex;flex-direction:column;min-height:150px}.sidebar .sidebar-wrapper .sidebar-user img{margin:auto;max-width:100px}.sidebar .sidebar-wrapper .sidebar-user p{font-size:1.5rem;text-align:center}.sidebar .sidebar-wrapper .sidebar-user-tablet{display:none}.sidebar .sidebar-wrapper .sidebar-links{display:flex;flex:1 1;flex-direction:column;padding:1rem 0}.sidebar .sidebar-wrapper .sidebar-settings{border-top:1px solid #bebebe;display:flex;flex-direction:column;padding:1rem 0}.category-entry-list ul,.worktime-entry-list ul{font-size:1rem;list-style:none;padding-left:0}.category-entry-list ul li,.worktime-entry-list ul li{margin-bottom:1rem}.category-entry-list ul li.category-list-entry,.worktime-entry-list ul li.category-list-entry{display:flex}.category-entry-list ul li.category-list-entry span,.worktime-entry-list ul li.category-list-entry span{height:36px}.category-entry-list ul li.category-list-entry button:first-child,.worktime-entry-list ul li.category-list-entry button:first-child{margin-right:2px}.category-entry-list ul li.category-list-entry button:last-child,.worktime-entry-list ul li.category-list-entry button:last-child{border-bottom-right-radius:.8rem;border-top-right-radius:.8rem}.category-entry-list ul li .list-wrapper,.worktime-entry-list ul li .list-wrapper{display:flex;flex-wrap:wrap}.category-entry-list ul li .list-wrapper .category-entry-wrapper,.category-entry-list ul li .list-wrapper .worktime-entry-wrapper,.worktime-entry-list ul li .list-wrapper .category-entry-wrapper,.worktime-entry-list ul li .list-wrapper .worktime-entry-wrapper{display:flex;flex:1 1}.category-entry-list ul li .list-wrapper span,.worktime-entry-list ul li .list-wrapper span{align-items:center;background:#191919;display:flex;flex:1 1;justify-content:center;line-height:22px;margin-right:2px;padding:1rem;text-align:center}.category-entry-list ul li .list-wrapper span:first-child,.worktime-entry-list ul li .list-wrapper span:first-child{border-bottom-left-radius:.8rem;border-top-left-radius:.8rem}.category-entry-list ul li .list-wrapper .category-usage,.worktime-entry-list ul li .list-wrapper .category-usage{flex:0 1 auto;min-width:200px}.category-entry-list ul li .list-wrapper .category-color,.worktime-entry-list ul li .list-wrapper .category-color{flex:0 1;margin-right:0;padding-left:4rem;padding-right:1rem;position:relative}.category-entry-list ul li .list-wrapper .category-color .color-chip,.worktime-entry-list ul li .list-wrapper .category-color .color-chip{border-radius:50%;height:12px;left:calc(50% - 6px);margin:0;position:absolute;top:calc(50% - 6px);width:12px}.category-entry-list ul li .list-wrapper .category-entry,.category-entry-list ul li .list-wrapper .category-name,.worktime-entry-list ul li .list-wrapper .category-entry,.worktime-entry-list ul li .list-wrapper .category-name{flex:0 1 auto;min-width:100px;padding-left:0;text-align:left}.category-entry-list ul li .list-wrapper button.edit-button,.worktime-entry-list ul li .list-wrapper button.edit-button{margin-right:2px}.category-entry-list ul li .list-wrapper button.delete-button,.worktime-entry-list ul li .list-wrapper button.delete-button{border-bottom-right-radius:.8rem;border-top-right-radius:.8rem}.show-category-form-button,.show-work-time-form-button{border-radius:.8rem}.login-form .new-entry-form-wrapper,.new-category-form .new-entry-form-wrapper,.new-entry-form .new-entry-form-wrapper,.register-form .new-entry-form-wrapper{align-items:center;display:flex;justify-content:center}.login-form .new-entry-hours-preview,.new-category-form .new-entry-hours-preview,.new-entry-form .new-entry-hours-preview,.register-form .new-entry-hours-preview{font-size:1.5rem;margin:2rem 0 1rem}.login-form input,.login-form select,.new-category-form input,.new-category-form select,.new-entry-form input,.new-entry-form select,.register-form input,.register-form select{background-color:#0f0f0f;border:2px solid #303030;color:#bebebe;cursor:pointer;display:inline-block;font-size:1rem;height:70px;margin-right:2px;padding:0 1.5rem;text-align:center}.login-form input.new-entry-date,.login-form select.new-entry-date,.new-category-form input.new-entry-date,.new-category-form select.new-entry-date,.new-entry-form input.new-entry-date,.new-entry-form select.new-entry-date,.register-form input.new-entry-date,.register-form select.new-entry-date{border-bottom-left-radius:.8rem;border-top-left-radius:.8rem}.login-form input.new-entry-select,.login-form select.new-entry-select,.new-category-form input.new-entry-select,.new-category-form select.new-entry-select,.new-entry-form input.new-entry-select,.new-entry-form select.new-entry-select,.register-form input.new-entry-select,.register-form select.new-entry-select{border-bottom-right-radius:.8rem;border-top-right-radius:.8rem;width:182px}.login-form input.category-color-picker,.login-form select.category-color-picker,.new-category-form input.category-color-picker,.new-category-form select.category-color-picker,.new-entry-form input.category-color-picker,.new-entry-form select.category-color-picker,.register-form input.category-color-picker,.register-form select.category-color-picker{height:150%;margin:-25%;padding:0;width:150%}.login-form .color-picker-wrapper,.new-category-form .color-picker-wrapper,.new-entry-form .color-picker-wrapper,.register-form .color-picker-wrapper{border:2px solid #303030;border-radius:50%;box-shadow:inset 0 0 0 2px #303030;height:2em;margin-right:1rem;overflow:hidden;width:2em}.login-form select,.new-category-form select,.new-entry-form select,.register-form select{height:74px}.login-form button:first-child,.new-category-form button:first-child,.new-entry-form button:first-child,.register-form button:first-child{border-bottom-left-radius:.8rem;border-top-left-radius:.8rem;margin-right:2px}.login-form button:last-child,.new-category-form button:last-child,.new-entry-form button:last-child,.register-form button:last-child{border-bottom-right-radius:.8rem;border-top-right-radius:.8rem}.login-form button.login-button,.new-category-form button.login-button,.new-entry-form button.login-button,.register-form button.login-button{height:74px}.login-form .login-user,.new-category-form .login-user,.new-entry-form .login-user,.register-form .login-user{border-bottom-left-radius:.8rem;border-top-left-radius:.8rem}.login-form .register-form-buttons,.new-category-form .register-form-buttons,.new-entry-form .register-form-buttons,.register-form .register-form-buttons{margin-top:2rem}.login-form,.new-category-form,.new-entry-form{margin-top:3rem}.register-form p{margin-bottom:3rem}.register-form input:first-child{border-bottom-left-radius:.8rem;border-top-left-radius:.8rem}.register-form input:last-child{border-bottom-right-radius:.8rem;border-top-right-radius:.8rem}.delete-category-buttons button:first-child,.delete-work-time-buttons button:first-child,.new-category-form-buttons button:first-child{border-bottom-left-radius:.8rem;border-top-left-radius:.8rem;margin-right:2px}.delete-category-buttons button:last-child,.delete-work-time-buttons button:last-child,.new-category-form-buttons button:last-child{border-bottom-right-radius:.8rem;border-top-right-radius:.8rem}.modal-popup{background:#0f0f0fe6;height:100vh;left:0;position:fixed;top:0;width:100vw}.modal-popup,.modal-popup .modal-wrapper{align-items:center;display:flex;justify-content:center}.modal-popup .modal-wrapper{background:none;background:#0f0f0f;border:2px solid #303030;border-radius:1rem;flex-direction:column;height:30%;padding:1.5rem;position:relative;text-align:center;width:50%}.modal-popup .modal-wrapper .modal-close-button{background:#0f0f0f;border-radius:.8rem;font-size:2rem;height:70px;padding:0;position:absolute;right:-5rem;top:-5rem;width:70px}.modal-popup .modal-wrapper .modal-close-button svg{margin-top:.6rem}.home-view .register-button{border-radius:.8rem;margin-top:2rem}.copyright{align-items:center;color:#bebebe;display:flex;font-size:.7rem;justify-content:center;text-decoration:none;width:100%}.copyright img{height:25px;margin:.5rem;width:25px}.copyright .ci_typo_strong{font-weight:700}.new-category-form .new-category-input-wrapper{align-items:center;display:flex;justify-content:center}.new-category-form .new-category-form-buttons{margin-top:2rem}.error{color:red}.success{color:green}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease-out}.animate-slide-up{animation:slide-up .3s ease-out}@media only screen and (max-width:1500px){.register-form-wrapper input{padding:0}}@media only screen and (max-width:1300px){.link-mobile-hide{display:none}.sidebar{width:5rem}.sidebar .sidebar-wrapper{align-items:center;justify-content:center}.sidebar .sidebar-wrapper .sidebar-user{display:none}.sidebar .sidebar-wrapper .sidebar-user-tablet{align-items:center;display:flex;flex-direction:column}.sidebar .sidebar-wrapper .sidebar-user-tablet img{max-width:60px}.sidebar .sidebar-wrapper a:not(.copyright) svg{margin-right:0}.sidebar .sidebar-wrapper .copyright{flex-direction:column}main{font-size:.9rem;margin-left:8.3rem;margin-right:1rem;margin-top:1rem;width:100vw}main .list-wrapper{font-size:.8rem}main .list-wrapper span{line-height:inherit}main .modal-popup .modal-wrapper{height:85%;width:85%}main .modal-popup .modal-wrapper .modal-close-button{right:-2rem;top:-2.5rem}}@media only screen and (max-width:980px){.register-form-inputs{display:flex;flex-direction:column;gap:1rem}.register-form-inputs input{border-radius:.8rem}.sidebar{width:100%}.sidebar .sidebar-wrapper{flex-direction:row;height:3rem}.sidebar .sidebar-wrapper .sidebar-links,.sidebar .sidebar-wrapper .sidebar-settings,.sidebar .sidebar-wrapper .sidebar-user-tablet{flex:0 1;flex-direction:row;padding:0}.sidebar .sidebar-wrapper .sidebar-user-tablet p{display:none}.sidebar .sidebar-wrapper a:not(.copyright){margin:0 .5rem}.sidebar .sidebar-wrapper .sidebar-settings{border:none}.sidebar .sidebar-wrapper .copyright{flex:2 1;flex-direction:row;justify-content:right;margin-right:2rem;width:auto}main{margin-bottom:1rem;margin-left:1rem;margin-top:112px}main .work-time-manager-wrapper{margin-top:1rem}main .view-worktime-list,main .view-worktime-list .list-entry:last-child{margin-bottom:0}}@media only screen and (max-width:815px){.worktime-entry-list ul li .list-wrapper .time-entry{padding:1rem 0}}@media only screen and (max-width:768px){.login-form{display:flex;flex-direction:column}.login-form button,.login-form input{border-radius:.8rem}.login-form button{margin-top:1rem}.category-entry-list ul li,.worktime-entry-list ul li{margin-bottom:1rem}.category-entry-list ul li .list-wrapper span,.worktime-entry-list ul li .list-wrapper span{padding:1rem 0}.category-entry-list ul li .list-wrapper .category-color,.worktime-entry-list ul li .list-wrapper .category-color{padding-left:1rem}.category-entry-list ul li .list-wrapper .category-color .color-chip,.worktime-entry-list ul li .list-wrapper .category-color .color-chip{border-radius:50%;height:12px;left:calc(50% - 6px);margin:0;position:absolute;top:calc(50% - 6px);width:12px}.category-entry-list ul li .list-wrapper .date-entry,.category-entry-list ul li .list-wrapper .hours-entry,.category-entry-list ul li .list-wrapper .time-entry,.worktime-entry-list ul li .list-wrapper .date-entry,.worktime-entry-list ul li .list-wrapper .hours-entry,.worktime-entry-list ul li .list-wrapper .time-entry{flex:0 0;padding:0 1rem}.category-entry-list ul li .list-wrapper .date-entry,.worktime-entry-list ul li .list-wrapper .date-entry{flex:1 1}.category-entry-list ul li .list-wrapper .time-entry,.worktime-entry-list ul li .list-wrapper .time-entry{min-width:100px}.category-entry-list ul li .list-wrapper .hours-entry,.worktime-entry-list ul li .list-wrapper .hours-entry{min-width:100px;padding:0}.modal-popup .modal-wrapper .modal-close-button{border:0;box-shadow:none;right:0!important;top:0!important}.modal-popup .modal-wrapper .new-entry-form .new-entry-form-wrapper{flex-direction:column;gap:1rem}.modal-popup .modal-wrapper .new-entry-form .new-entry-form-wrapper input,.modal-popup .modal-wrapper .new-entry-form .new-entry-form-wrapper select{border-radius:.8rem}}@media only screen and (max-width:630px){.sidebar{width:95%}.sidebar .sidebar-wrapper .copyright{background:#191919;bottom:0;justify-content:center;margin:0;padding:.5rem .3rem .3rem;position:fixed;width:100%}.category-manager-wrapper,.intro,.work-time-manager-wrapper{margin-bottom:3rem;text-align:center}.category-manager-wrapper button,.intro button,.work-time-manager-wrapper button{margin-bottom:3rem}li.category-list-entry{justify-content:center}.worktime-entry-list .entry-list-wrapper{flex-direction:column}.worktime-entry-list .entry-list-wrapper .worktime-entry-wrapper span{padding:1rem 0}.worktime-entry-list .entry-list-wrapper .worktime-entry-wrapper .hours-entry{border-bottom-right-radius:.8rem;border-top-right-radius:.8rem}.worktime-entry-list .entry-list-wrapper .worktime-button-wrapper{margin-top:1rem;text-align:center}.worktime-entry-list .entry-list-wrapper .worktime-button-wrapper .edit-button{border-bottom-left-radius:.8rem;border-top-left-radius:.8rem}}@media only screen and (max-width:500px){.category-entry-list ul li,.worktime-entry-list ul li{border-bottom:2px solid #303030;margin-bottom:3rem}.category-entry-list ul li:last-child,.worktime-entry-list ul li:last-child{border-bottom:0;margin-bottom:0}.category-entry-list ul li .list-wrapper .worktime-entry-wrapper,.worktime-entry-list ul li .list-wrapper .worktime-entry-wrapper{flex-direction:column}.category-entry-list ul li .list-wrapper .worktime-entry-wrapper span,.worktime-entry-list ul li .list-wrapper .worktime-entry-wrapper span{border-radius:.8rem;margin-bottom:.3rem;margin-right:0;padding:1rem}.category-entry-list ul li .list-wrapper .worktime-entry-wrapper span.category-color,.worktime-entry-list ul li .list-wrapper .worktime-entry-wrapper span.category-color{border-bottom-left-radius:0;border-bottom-right-radius:0;margin:0}.category-entry-list ul li .list-wrapper .worktime-entry-wrapper span.category-color .color-chip,.worktime-entry-list ul li .list-wrapper .worktime-entry-wrapper span.category-color .color-chip{margin-top:.8rem}.category-entry-list ul li .list-wrapper .worktime-entry-wrapper span.category-entry,.worktime-entry-list ul li .list-wrapper .worktime-entry-wrapper span.category-entry{border-top-left-radius:0;border-top-right-radius:0}.category-entry-list ul li.category-list-entry,.worktime-entry-list ul li.category-list-entry{flex-direction:column}.category-entry-list ul .category-entry-wrapper,.worktime-entry-list ul .category-entry-wrapper{margin-left:auto;margin-right:auto}.category-entry-list ul .category-entry-wrapper span:last-child,.worktime-entry-list ul .category-entry-wrapper span:last-child{border-bottom-right-radius:.8rem;border-top-right-radius:.8rem}.category-entry-list ul .category-button-wrapper,.worktime-entry-list ul .category-button-wrapper{margin-top:1rem;text-align:center}.category-entry-list ul .category-button-wrapper .edit-button,.worktime-entry-list ul .category-button-wrapper .edit-button{border-bottom-left-radius:.8rem;border-top-left-radius:.8rem}}
/*# sourceMappingURL=main.dd955716.css.map*/