:root{--theme-background-color: #333333;--theme-background-accent-color: #232323;--theme-mask-color: rgb(0, 0, 0, .55);--theme-text-color: #ffffff;--theme-color: #9bb10c;--theme-accent-color: #cadc57;--theme-hover-color: #939000;--theme-selected-color: #6e7927;--theme-shadow: 1px 1px 2px 1px rgba(0, 0, 0, .3);--theme-shadow-dialog: 0px 0px 8px 2px rgba(0, 0, 0, .3);--theme-shadow-inset: inset 1px 1px 2px 1px rgba(0, 0, 0, .3);--delete-red: #6e0000;--input-background-color: #525252;--input-text-color: #FFFFFF;--input-border-color: #333333;--transition-speed: .1s;--transition-delay: 0ms;--x: 0%;--y: 0%}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*{transition:opacity var(--transition-speed) ease-in-out}*,html,body{margin:0;padding:0}html,body{width:100%;height:100%}body{font-family:Arial,Helvetica,sans-serif;color:var(--theme-text-color);margin:0 auto;background:var(--theme-background-color);max-width:100%;overflow:auto;-webkit-user-select:none;user-select:none}.fadeIn{animation:fade-in .25s}@keyframes fade-in{0%{opacity:0}to{opacity:100}}.fadeOut{animation:fade-out .25s}@keyframes fade-out{0%{opacity:100}to{opacity:0}}i{font-size:1.5em}.applicationWindow,#root{height:100%;width:100%}.logoImage{width:100px;margin-bottom:10px;margin-top:50px}.logoImageSmallContainer{display:flex;align-items:center;justify-content:flex-start;margin-left:5px}.logoImageSmall{height:35px}.billDeleteButtonContainer{position:relative;color:#ffffff80}.billDeleteButtonContainer:hover{color:var(--input-text-color);transition:color var(--transition-speed) ease-in-out}.billDeleteButton{position:absolute;font-size:1em}.navButtons{display:flex;align-items:center;justify-content:center}.flexSpaceBetween{display:flex;align-items:center;justify-content:space-between}.flexCenter{display:flex;align-items:center;justify-content:center}.flexLeft{display:flex;align-items:center;justify-content:flex-start}.flexRight{display:flex;align-items:center;justify-content:flex-end}.flexColumn{flex-direction:column}.actionBarButtonContainer{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-left:5px;margin-right:5px;min-width:50px;min-height:50px;border:0px solid var(--theme-accent-color);border-radius:5px;cursor:pointer;transition-duration:.4s;transition-delay:0s}.actionBarButtonContainer:hover>.actionBarButton{color:var(--input-text-color);transition:color var(--transition-speed) ease-in-out}.clickAnimation{position:fixed;pointer-events:none;z-index:1000;width:0px;height:0px;border-radius:0;background:#fff;left:var(--x);top:var(--y);transform:translate(0);opacity:1;transition:0s}.clickAnimationClick{position:fixed;pointer-events:none;z-index:1000;width:80px;height:80px;border-radius:40px;background:#fff;left:var(--x);top:var(--y);transform:translate(-40px,-40px);opacity:0;transition:opacity .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,border-radius .3s ease-in-out,transform .3s ease-in-out}.actionBarButton{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;font-size:.7em;color:#ffffffbf;border-radius:15px;width:30px;height:30px}.actionBarButtonLabel{color:#000;font-size:.6em;font-weight:500}.mainButton:hover{background:var(--theme-hover-color);transition:background var(--transition-speed) ease-in-out}.closeBillTypesButton,.editBillTypesButtons,.addBillButton,.overflowButton{display:flex;align-items:center;justify-content:center}.billTypes{display:flex;flex-direction:column;align-items:center;position:absolute;width:100%;top:0;bottom:60px;padding-top:60px;overflow-y:auto;background:var(--theme-mask-color)}.enabledDeleteBillTypesButton{background:var(--theme-selected-color)!important}.menuButton{display:flex;align-items:center;justify-content:flex-start;margin:5px 5px 5px 15px}.menuFooter{margin-top:20px;display:grid;grid-template-columns:50px auto 50px}.overflowMenu{list-style:none;flex-direction:row;align-items:flex-end;justify-content:center;padding-bottom:60px;width:100%;height:100%;background:var(--theme-mask-color);position:fixed;top:0;display:flex}.actionButtons{margin-left:50px;height:40px;width:125px;float:left}.menuItemList{display:flex;width:100%}.menuMask{display:flex;align-items:flex-start;justify-content:center;position:fixed;width:100%;height:100%;inset:0;background:var(--theme-mask-color)}.calendarNavButtons{display:flex;align-items:center;justify-content:center;font-size:1em;width:40px;height:40px;border-radius:20px;cursor:pointer}.billButtonContainer{display:flex;flex-shrink:0;margin-bottom:10px;width:calc(100% - 20px)}.billButton{display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--theme-accent-color);box-shadow:var(--theme-shadow);font-size:1.2rem;text-align:center;background:var(--theme-color);color:var(--theme-text-color);width:100%;height:50px;padding:5px;cursor:pointer;transition:background var(--transition-speed);border-radius:25px}.billButton:hover{background:var(--theme-hover-color)}.deleteBillTypeButton{position:absolute;transform:translate(10px,75%);font-size:.8em}.calendar{border-radius:5px;margin:10px;border:1px #555 solid;padding:5px}.calendarBorder{border:1px solid #bcbcbc}.calendarContent{margin:10px auto 0}.calendarDate{font-size:1.4rem;font-weight:500;text-align:center}.calendarTodayLink{width:100%;text-align:center;font-size:.8rem;margin-bottom:10px}.calendarToday{font-size:1.2rem!important;font-weight:700}.calendarDay{font-size:.7rem;cursor:pointer}.calendarWeek{width:30px;font-size:.8rem;font-weight:500;text-align:center}.calendarEmpty{height:30px;width:30px}.calendarEntry{vertical-align:top;font-size:.7rem;background:var(--theme-color);cursor:pointer;height:40px;width:38px;padding:1px}.calendarEntry:hover{background:var(--theme-hover-color);transition:background var(--transition-speed) ease-in-out}.calendarEntryRecord{background:var(--theme-selected-color)}.logoutButton{margin-right:10px;font-size:1em}.jumpTo{width:100%;background:var(--theme-text-color);border:1px solid var(--theme-background-color);font-size:.9rem;color:var(--theme-background-accent-color);height:30px}.infoLabel{z-index:101;left:0;right:0;height:50px;display:flex;font-size:1rem;background:var(--theme-color);color:var(--theme-text-color);position:fixed;bottom:65px;align-items:center;justify-content:center}.busyBar{left:50%;width:70px;height:65px;top:50%;margin-top:-32px;margin-left:-35px;text-align:center;position:absolute}#loadingDiv{position:inherit;top:50%;left:50%;margin-left:-50px;margin-top:-50px;width:100px;height:100px;border-radius:100px;-moz-border-radius:100px;float:left;transform:scale(.5);-moz-transform:scale(.5);-webkit-transform:scale(.5);-webkit-animation-name:rotateThis;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-name:rotateThis;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}@-webkit-keyframes rotateThis{0%{-webkit-transform:scale(.5) rotate(0deg)}to{-webkit-transform:scale(.5) rotate(360deg)}}@keyframes rotateThis{0%{transform:scale(.5) rotate(0)}to{transform:scale(.5) rotate(360deg)}}#loadingDiv div{margin:1px;width:15px;height:17px;background:#fdfdfd;border:1px solid #ffffff;position:absolute;top:40px;left:40px}.entryMenuOpen{transform:rotate(180deg);animation-name:entryMenuOpen;animation-duration:.2s;animation-timing-function:linear}.entryMenuClose{transform:rotate(0);animation-name:entryMenuClose;animation-duration:.2s;animation-timing-function:linear}@keyframes entryMenuOpen{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes entryMenuClose{0%{transform:rotate(180deg)}to{transform:rotate(0)}}.bar1{transform:rotate(0) translateY(-40px);opacity:.12}.bar2{transform:rotate(45deg) translateY(-40px);opacity:.25}.bar3{transform:rotate(90deg) translateY(-40px);opacity:.37}.bar4{transform:rotate(135deg) translateY(-40px);opacity:.5}.bar5{transform:rotate(180deg) translateY(-40px);opacity:.62}.bar6{transform:rotate(225deg) translateY(-40px);opacity:.75}.bar7{transform:rotate(270deg) translateY(-40px);opacity:.87}.bar8{transform:rotate(315deg) translateY(-40px);opacity:1}.busyMask{position:fixed;width:100%;height:100%;inset:0;background:var(rgb(0, 0, 0, .1));opacity:.85}.entryContent{display:flex;flex-direction:column;overflow-y:auto;margin-top:0;padding-top:20px;padding-bottom:10px}.entryMainAmounts{display:grid;grid-template-columns:1fr 1fr;max-width:400px;align-self:center}.entryTopAmount{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:5px;margin-right:5px}.mainContent{display:grid;grid-template-rows:50px auto 60px;height:100%;transition:grid-template-rows .5s ease-in-out}.login{text-align:center;overflow:auto;inset:0 5px;margin-left:0;margin-right:0;margin-top:10px}.input{font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;background:var(--input-background-color);color:var(--input-text-color);border:1px solid var(--input-border-color);text-align:right;border-radius:5px;padding:1px 5px;width:120px}.allDates{font-size:1em;padding:10px!important;width:200px}.loginInput{font-size:1.5rem}.inputLogin,.settingsInput{font-family:Arial,Helvetica,sans-serif;font-size:1rem;width:250px;color:var(--theme-color);border:none;border-left:3px solid var(--theme-color);padding-left:10px;padding-right:10px;height:40px;margin-bottom:5px;border-radius:5px;box-shadow:var(--theme-shadow)}.settingsColumn{display:flex;flex-direction:column;align-items:center;margin-top:20px}.textLink{margin-top:10px;text-align:center;cursor:pointer}.notesDiv{margin-top:15px;display:flex;flex-direction:column;justify-content:center;align-items:center}.notesDivTitle{font-size:1.5rem;text-align:center;margin-top:10px}.notesInput{font-family:Arial,Helvetica,sans-serif;font-size:1.2rem;background:var(--input-background-color);color:var(--input-text-color);border:1px solid var(--input-border-color);border-radius:2px;padding:10px;width:390px;height:100px;align-self:center;justify-self:center;box-shadow:var(--theme-shadow-inset)}.tableborder{text-align:right;padding:5px 10px;margin-top:5px}.entriesDiv{display:flex;flex-direction:column;align-items:center}.entryDiv{display:flex;flex-direction:column;align-items:flex-end;padding:10px 10px 15px;margin-top:15px;margin-bottom:15px;background:var(--theme-background-accent-color);width:390px;position:relative;box-shadow:var(--theme-shadow);border-radius:10px}.entryDivDropMargin{margin:5px}.entryDrop{display:flex;align-items:center;justify-content:center;width:390px;height:20px;border:2px rgba(255,255,255,1) dashed;background:gray;border-radius:5px;color:gray;transition:height var(--transition-speed) ease,border var(--transition-speed) ease,background .2s ease}.entryDrop i{pointer-events:none}.entryDropHover{height:50px;border:2px rgba(128,128,128,1) dashed;background:#fff}.entryTitle,.elementLabel{display:flex;padding-bottom:5px;font-size:1rem}.entryTitle{justify-content:flex-start;cursor:pointer}.elementLabel{justify-content:center}.entryAmount{font-family:Arial,Helvetica,sans-serif;font-size:1rem;background:var(--input-background-color);color:var(--input-text-color);border:1px solid var(--input-border-color);text-align:right;padding-left:3px;padding-right:5px;width:100px;height:35px;box-shadow:var(--theme-shadow-inset);border-radius:18px}.entryDeleteDiv{font-weight:700;position:absolute;left:20px;bottom:0;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center}.entryDeleteImg{width:25px;height:25px}.trashcan{transition-property:color;transition-duration:var(--transition-speed)}.entryMenuButton{height:40px;width:25px;position:absolute;bottom:0;left:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.maskClip{pointer-events:none;position:fixed;display:flex;align-items:flex-end;justify-content:center;top:0;left:0;width:100%;height:100%;overflow:hidden}.dialogHelper{background:var(--theme-mask-color);display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0}.dialog{pointer-events:all;background:var(--theme-background-accent-color);box-shadow:var(--theme-shadow);display:grid;grid-template-rows:40px 1fr;min-width:400px;max-width:calc(100% - 20px);border-radius:10px;box-shadow:var(--theme-shadow-dialog)}.dialogTitleBar{display:grid;grid-template-columns:1fr 3fr 1fr;align-items:center;justify-content:flex-start;background:var(--theme-color);width:100%;border-radius:10px}.dialogTitle{display:flex;align-items:center;justify-content:center;font-size:1em}.dialogTitleIcon{color:var(--theme-accent-color);margin-left:15px;font-size:.8em}.dialogContent{padding:25px;text-align:center}.dialogButtons{display:flex;justify-content:center}.tableborder p{font-size:1rem;margin-top:5px;margin-bottom:5px}.fade{opacity:0;transition:all var(--transition-speed) linear;transition-delay:var(--transition-delay)}.fade[data-fade=in]{opacity:1}.hidden{visibility:hidden;pointer-events:none}.dateHeader{width:100%;display:grid;grid-template-columns:1fr 2fr 1fr;text-align:center;color:var(--theme-text-color);font-size:1.3rem;background:var(--theme-color);border-bottom:1px solid var(--theme-accent-color);box-shadow:var(--theme-shadow);border-radius:0 0 15px 15px}.dateHeaderDate{display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;border-bottom:1px solid var(--theme-accent-color);border-left:1px solid var(--theme-accent-color);border-right:1px solid var(--theme-accent-color);border-radius:0 0 20px 20px;margin:0 0 10px}.mainElement{display:grid;grid-template-columns:1fr 1fr;justify-content:center}.link{cursor:pointer}.paidDiv{position:absolute;left:10px;bottom:10px}.paidCheckbox{display:none}.paidLabel{margin-bottom:10px}.paidLabel:before{content:"";overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:1rem;width:25px;height:25px;margin-right:5px;border-radius:12px;left:0;bottom:1px;background:var(--theme-color);line-height:25px;text-align:center;transition:all var(--transition-speed) ease}.paidCheckbox:checked+.paidLabel:before{color:var(--theme-text-color);content:"PAID";width:50px;transform:translate(-15px);background:var(--theme-accent-color)}.toggleContainer{display:flex;align-items:center;justify-content:center;padding:10px}.toggleInput{display:none}.toggleLabel{background:#f1948a;border-radius:18px;width:45px;height:30px;position:relative;transition:all var(--transition-speed) ease}.toggleLabel:after{content:"";position:absolute;background:var(--theme-color);border-radius:50%;width:25px;height:25px;top:50%;box-shadow:var(--theme-shadow);transform:translateY(-50%) translate(3px);transition:all var(--transition-speed) ease}.toggleInput:checked+.toggleLabel:after{transform:translateY(-50%) translate(17px)}.toggleInput:checked+.toggleLabel{background:#27ae60}.mainMenu,.settingsMenu{margin-top:50px;border-radius:10px;box-shadow:var(--theme-shadow);max-width:600px;background-color:var(--theme-background-color);transition:transform var(--transition-speed) ease;padding:25px}.datePickerNavButtons{text-align:center;width:40px;height:40px;cursor:pointer}.datePicker{margin:0 auto;border:var(--theme-accent-color);padding:5px}.datePickerBorder{border:var(--theme-accent-color)}.datePickerContent{margin:10px auto 0}.datePickerDate{font-size:1.4rem;font-weight:500;text-align:center}.datePickerTodayLink{width:100%;text-align:center;font-size:.8rem;margin-bottom:10px}.datePickerToday{font-size:1.2rem!important;font-weight:700}.datePickerDay{font-size:.7rem;cursor:pointer}.datePickerWeek{width:30px;font-size:.8rem;font-weight:500;text-align:center}.datePickerEmpty{height:30px;width:30px}.datePickerEntry{vertical-align:top;font-size:.7rem;text-align:left;background:var(--theme-color);cursor:pointer;height:40px;width:38px;padding:1px}.bottomBar{background:var(--theme-color);display:flex;width:100%;align-items:center;bottom:0;min-height:60px;border-radius:15px 15px 0 0}.bottomBarButtons{display:grid;grid-template-columns:1fr 1fr 1fr;position:absolute;width:100%}.offsetButton{bottom:20px;position:relative}.deleteBillDragTargetBar{position:fixed;display:flex;justify-content:center;align-items:center;bottom:0;width:100%;height:65px;background:#ff0000bf}.deleteBillDragTarget{width:50px;height:50px;border:1px solid #FF0000;background:var(--delete-red);border-radius:50%;display:flex;align-items:center;justify-content:center}.installationPrompt{display:none;flex-direction:column;align-items:center;width:100%;position:fixed;bottom:0;background:var(--theme-background-accent-color);padding:10px}.entryType{width:100%;background:none;border:none;color:#fff;font-size:1rem;border-radius:5px;transition:all var(--transition-speed) linear}.entryType:focus{background:#fff;color:#000;border-bottom:3px solid var(--theme-color);margin-bottom:5px;padding:5px;font-size:1.2rem;transition:all var(--transition-speed) linear}.pointer{cursor:pointer}.mainButton{pointer-events:all;list-style:none;min-width:110px;min-height:50px;font-size:1.1em;color:var(--theme-text-color);margin:5px;padding:5px;border-radius:25px;background:var(--theme-color);box-shadow:var(--theme-shadow);border-bottom:1px solid var(--theme-accent-color);transition:background var(--transition-speed);display:flex;align-items:center;justify-content:center;z-index:1}.flexGrid{display:grid;grid-template-columns:125px auto 125px}.paddingBottom10{padding-bottom:10px}@media screen and (min-width:768px){.logoutButton{margin-right:15px;font-size:1.2em}.logoImageSmall{height:45px}.dialog{grid-template-rows:50px 1fr}.dialogTitle{display:flex;align-items:center;justify-content:center;font-size:1.2em}.dialogTitleIcon{margin-left:15px;font-size:1.2em}.mainButton{min-height:50px;min-width:120px;font-size:1.5em}.billTypes{bottom:80px;padding-top:80px}.actionBarButton{height:40px;width:40px;border-radius:20px;font-size:.9em}.actionBarButtonLabel{font-size:.8em;font-weight:400}.bottomBar{height:80px}.actionBarButtonContainer{width:75px}.billDeleteButton{font-size:1.3em}.allDates{font-size:1.2em}.entryDrop{width:700px}.mainContent{grid-template-rows:60px auto 80px}.dateHeaderDate{font-size:1.7rem;font-weight:400}.entryMainAmounts{grid-template-columns:1fr 1fr 1fr 1fr;max-width:none}.entryTitle,.elementLabel{font-size:1.5rem}.entryAmount{font-size:2rem;padding-left:5px;padding-right:5px;width:155px;height:75px;border-radius:40px}deleteBillTypeButton:hover{background:var(--delete-red)}.trashcan:hover{color:var(--delete-red)}.calendarEntry{padding:5px;border-radius:5px;font-size:1.3rem;width:75px;height:75px}.calendarToday{font-size:2rem!important}.calendarTodayLink{font-size:1.3rem;margin-bottom:10px;cursor:pointer}.calendarDate{font-size:2.5rem}.calendarContent{margin-top:50px}.entryType{font-size:2rem}.notesInput{width:700px;height:200px;padding:10px 25px}.entriesDiv{flex-wrap:wrap;flex-direction:unset;justify-content:center;max-width:1000px}.entryDiv{width:700px;margin-top:unset;margin-bottom:unset;margin:15px}.mainElement{max-width:unset;grid-template-columns:repeat(4,1fr)}.datePickerEntry{font-size:1.3rem;width:75px;height:75px}.datePickerToday{font-size:2rem!important}.datePickerTodayLink{font-size:1.3rem;margin-bottom:10px;cursor:pointer}.datePickerDate{font-size:2.5rem}.datePickerEntry:hover{background:var(--theme-hover-color)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}