.board{position:relative;display:flex}.board__footer-div{position:fixed;bottom:4px;font-size:8px;color:var(--menu-color);min-width:200px}.board__footer{display:flex;align-items:flex-end;padding-bottom:10%;width:100;justify-content:center}.campudus-picture-color{transition:.5s opacity;opacity:var(--campudus-logo-opacity);filter:grayscale(1) brightness(var(--campudus-logo-brightness))}.campudus-picture-color:hover{opacity:calc(var(--campudus-logo-opacity) + var(--campudus-logo-opacity-offset));transition:.5s opacity}.central{flex-direction:column;background-color:var(--central-background-color);width:100%;min-width:500px}.canvas{position:absolute;top:0;bottom:0;left:0;right:0;flex-direction:row;min-height:400px}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu__footer-center{text-align:center}.board-title{padding-left:2%;padding-top:2%;padding-bottom:2%;border-bottom:1px solid var(--title-border-bottom);font-size:20px;display:flex;flex-direction:row;justify-content:space-between}.board-title__buttons{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.log-out{display:flex;justify-content:center;align-items:center;width:100%;height:50%;background-color:var(--logout-button-color);border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;margin-right:16px}.log-out:hover{background-color:var(--logout-button-color-hover)}.sync-button{filter:invert(var(--invert-color)) brightness(var(--invert-color))}.sync-button-div{display:flex;align-content:center;justify-content:center;border-radius:50%;border:2px solid var(--sync-button-ring-color);height:50px;width:50px;opacity:.5}.sync-button-div:hover{background-color:#919191}.sync-button-div-loading{pointer-events:none}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg);background-color:#6dad6b}66%{-webkit-transform:rotate(240deg);background-color:#295c4b;transform:rotate(240deg)}33%{-webkit-transform:rotate(120deg);background-color:#6dad6b;transform:rotate(120deg)}}.billing{flex:1 1 auto;margin-top:12px;height:calc(100% - 12px);min-width:0;display:flex;flex-direction:column;gap:20px;padding:50px 20px 20px}.billing__table{height:100%}.view-billing{flex:1 1 auto;margin-top:12px;height:calc(100% - 12px);display:flex;flex-direction:column;gap:20px;padding:50px 20px 20px}.view-billing__frame{flex-direction:column;display:flex;justify-content:flex-start}.view-billing__header{flex-direction:row;display:flex;justify-content:flex-start;width:100%}.view-billing__header--end{flex:1;width:100%;display:flex;flex-direction:row;justify-content:flex-end;padding:10px}.view-billing__button-div{margin-top:1%;width:10%;margin-left:2%;flex-direction:column}.view-billing__bottom-bar--margin{margin-left:4%;margin-top:2%}.view-billing__button{display:flex;color:var(--board-button-color);font-size:10px;flex-direction:row;justify-content:center}.view-billing__data-grid{margin:0 20px}.view-billing__parameter-section{padding-left:20px}.view-billing__footer{position:fixed;height:50px;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;bottom:20px}.view-billing__footer--total{background-color:var(--table-head-div-background-color);border:#d1d1d1 1px solid;border-radius:4px;padding:10px}.view-billing__footer--right{margin:20px;position:fixed;bottom:2px;right:20px}.view-billing-submenu__title{font-size:10px;border-bottom:1px solid var(--table-row-element-border-color)}.new-billing{flex:1 1 auto;margin-top:12px;height:calc(100% - 12px);display:flex;flex-direction:column;gap:20px;padding:50px 20px 20px}.new-billing__frame{flex-direction:column;display:flex;justify-content:flex-start}.new-billing__parameter-section{padding-left:20px}.new-billing__header{flex-direction:row;display:flex;justify-content:flex-start;width:100%}.new-billing__header--end{flex:1;width:100%;display:flex;flex-direction:row;justify-content:flex-end;padding:10px}.new-billing__button-div{margin-top:1%;width:10%;margin-left:2%;flex-direction:column}.new-billing__bottom-bar--margin{margin-left:4%;margin-top:2%}.new-billing__button{display:flex;color:var(--board-button-color);font-size:10px;flex-direction:row;justify-content:center}.new-billing__data-grid{margin:0 20px}.new-billing__footer{position:fixed;height:50px;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;bottom:20px}.new-billing__footer--total{background-color:var(--table-head-div-background-color);border:#d1d1d1 1px solid;border-radius:4px;padding:10px}.new-billing__footer--right{margin:20px;position:fixed;bottom:2px;right:20px}.new-billing-submenu__title{font-size:10px;border-bottom:1px solid var(--table-row-element-border-color)}.client{flex:1 1 auto;margin-top:12px;height:calc(100% - 12px);min-width:0;display:flex;flex-direction:column;gap:20px;padding:50px 20px 20px}.client__create{padding:20px}.client__table{margin-top:2%;margin-left:2%;width:96%}.edit-client{flex:1 1 auto;margin-top:96px;height:calc(100% - 96px);display:flex;flex-direction:column;gap:20px;padding:50px 20px 20px}.edit-client{padding-right:2%;padding-top:1%;margin-left:20px}.edit-client__inputs{margin-top:20px}.edit-client__input{height:40%;max-width:80%;min-width:80%}.edit-client__label{width:10%}.edit-client__footer{padding:20px;bottom:0;right:0;position:fixed;height:50px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.new-client{flex:1 1 auto;margin-top:12px;height:calc(100% - 12px);display:flex;flex-direction:column;gap:20px;padding:50px 20px 20px}.new-client__input{height:40%;max-width:80%;min-width:80%}.new-client__footer{bottom:50px;left:0;position:fixed;height:50px;width:100%;display:flex;flex-direction:row;justify-content:flex-end}.new-client__footer--button{margin-left:20px}.new-client__footer--buttons{padding:40px}.new-client__label{width:10%}.default-div{display:flex;justify-content:center}.leftbar{background-color:var(--leftbar-background-color);flex-direction:column;padding-bottom:1200px;border-right:1px solid var(--leftbar-border-right-color);min-width:200px}.leftbar-menu{color:var(--menu-color);padding:10px}.leftbar-menu__element{list-style-type:none}.leftbar-menu__element:hover{color:var(--menu-point-hover)!important}.leftbar-menu__element--highlighted{color:var(--menu-point-highlighted)!important}.edit-project{display:flex;flex:1 1 auto;flex-direction:column;flex-flow:column wrap;gap:20px;width:50%;padding:80px;max-height:400px;margin-top:12px;height:calc(100% - 12px)}.edit-project__settings-header{padding:20px}.edit-project__hourly-rates{display:flex;flex-direction:row;margin-top:10px}.edit-project__hourly-rates--label{min-width:150px;display:inline}.edit-project__footer{padding:0 20px;position:fixed;bottom:2px;left:80px;height:50px;width:75%;display:flex;flex-direction:row;justify-content:space-between}.edit-project__footer--right{position:fixed;right:20px}.projects{flex:1 1 auto;margin-top:12px;height:calc(100% - 12px);min-width:0;display:flex;flex-direction:column;gap:20px;padding:50px 20px 20px}.notification{color:#c7a5a5;background-color:#a83c45;position:fixed;right:10px;bottom:20px;min-width:400px;min-height:40px;border-radius:4px;font-size:10px;text-align:center;font-size:20px;display:flex;flex-direction:row;justify-content:space-between;z-index:10}.notification__message{margin-left:8px}.notification__close{cursor:pointer;margin-right:8px}.settings{display:flex;flex:1 1 auto;flex-direction:column;margin-top:12px;height:calc(100% - 12px);gap:20px;padding:50px 20px 20px}.settings__hourly-rates{display:flex;margin-top:10px;width:50%}.settings__hourly-rates--label{min-width:150px;display:inline}.settings__footer{padding:0 20px;position:fixed;bottom:2px;left:80px;height:50px;width:100%;display:flex;flex-direction:row;justify-content:space-between}.settings__footer--right{position:fixed;right:20px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;height:100%;font-weight:400;font-size:20px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#111}::-webkit-scrollbar{width:2px}html,body{margin:0;overflow:hidden;height:100%}h1{font-size:3.2em;line-height:1.1}a{text-decoration:inherit;color:#929292}a:hover{color:var(--a-hover-color)}a:visited{color:#929292}select{color:var(--select-text-color);text-align:center;background-color:var(--dropdown-hover-background-color-used);border:none}button{border-radius:4px;background-color:var(--button-background-color);color:var(--main-text-color-button);min-width:20px}button:hover{opacity:.8}input[type=checkbox],input[type=date]{background-color:var(--input-background-color);color:#d83c37;border:none}input[type=text]{background-color:var(--input-background-color);color:var(--main-text-color)}textarea{background-color:var(--input-background-color);color:var(--main-text-color);border:#525252 solid 1px;min-height:280px}.flex-row-space-between{display:flex;flex-direction:row;justify-content:space-between}.width-50-percent{width:50%}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}