.login-wrapper{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(min-width:992px){.login-wrapper{background-color:#f9f9f9}}.login-wrapper-title{margin:0 0 5%;color:#9c0dae;font-size:50px;text-align:center;line-height:50px;text-decoration:underline}@media(min-width:992px){.login-wrapper-title{margin-bottom:3%;text-decoration:none}}.login-form{border-radius:10px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(min-width:992px){.login-form{box-shadow:#64646f33 0 7px 29px;background-color:#fff;width:400px;height:500px}}.login-form h2{margin:0;color:#078bba;font-size:40px}.login-form-error{margin:.5rem 0;padding:.5rem;color:#c62828;font-size:.9rem;text-align:center}.login-form-fieldset{display:flex;flex-direction:column;margin:10% 0 5%;width:70%}.login-form-fieldset input{margin-bottom:10%;border:1px solid #078bba;background-color:#f9f9f9;padding:10px 15px;border-radius:5px;width:calc(100% - 30px)}.login-form .submit-btn{padding:3% 15%;background-color:#9c0dae;display:flex;align-items:center;border-radius:50px;cursor:pointer;border:none}.login-form .submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-form .submit-btn p{margin:0 5px 0 0;color:#fff}.navbar-title{color:#fff}.navbar-wrapper{z-index:1;position:fixed;top:0;width:96%;display:flex;flex-direction:column;justify-content:space-evenly;padding:0 2%;align-items:center;background-color:#000;height:100px}@media(min-width:992px){.navbar-wrapper{justify-content:space-between;height:80px;flex-direction:row}}.navbar-wrapper .add-new-budget{padding:10px 3%;background-color:#078bba;display:flex;align-items:center;border-radius:50px}.navbar-wrapper .add-new-budget svg{color:#fff}.navbar-wrapper .add-new-budget p{margin:0 5px 0 0;color:#fff}.navbar-wrapper .home-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;border-radius:50px;border:2px solid #078bba;background-color:#078bba;color:#fff;padding:5px 20px;cursor:pointer;display:flex;justify-content:center}.navbar-wrapper .home-btn:hover{border-color:#fff}.navbar-wrapper .logout-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;border-radius:50px;border:2px solid #9c0dae;color:#fff;background-color:#9c0dae;padding:5px 20px;cursor:pointer;margin-left:15px;display:flex;justify-content:center}.navbar-wrapper .logout-btn:hover{border-color:#fff}.navbar-element{cursor:pointer}.navbar-btns{display:flex}.loader-wrapper{display:flex;justify-content:center;align-items:center}.loader-wrapper img{height:75px;width:75px}.input-wrapper{display:flex;flex-direction:column;justify-content:flex-start;margin:3px 0;width:49%;flex-wrap:wrap}.input-wrapper .input-label{min-width:250px}.input-wrapper input{font-size:18px;padding:10px;border-radius:5px;outline:none;border:2px solid #c8c7c8}.dropdown-wrapper{display:flex;flex-direction:column;justify-content:flex-start;position:relative;margin:3px 0;width:49%;flex-wrap:wrap;cursor:pointer}.dropdown-label{min-width:250px}.dropdown-input{font-size:18px;padding:10px;border-radius:5px;outline:none;border:2px solid #c8c7c8;background-color:#f6f6f6;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit}.dropdown-input-text{width:unset!important}.dropdown-options{width:calc(100% - 4px);z-index:1;display:none;flex-direction:column;position:absolute;background-color:#fff;border-radius:5px;max-height:250px;overflow:scroll;top:64px;border:2px solid #c8c7c8}.dropdown-options-open{display:flex}.dropdown-options .selected-option{background-color:#f1f1f1}.dropdown-option{padding:10px;width:calc(100% - 20px)!important;border:none;background:transparent;text-align:left;cursor:pointer;font:inherit}.dropdown-option:hover{color:#fff;background-color:#078bba}.budget-form-fieldset{position:relative;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid #c8c7c8;width:100%;padding:20px 0}@media(min-width:992px){.budget-form-fieldset{flex-direction:row;flex-wrap:wrap;width:90%;padding:20px 5%}}.budget-form-fieldset .trash-icon{cursor:pointer;font-size:25px;color:#dd2c22;position:absolute;border-radius:50%;right:0;top:40%;height:30px;width:30px;padding:10px}.budget-form-fieldset .trash-icon svg{width:100%}.budget-form-fieldset .trash-icon:hover{background-color:#dd2c22;color:#fff}.budget-form-fieldset .input-wrapper p,.budget-form-fieldset .dropdown-wrapper p{width:40%;font-weight:500}.budget-form-fieldset-toggle{display:flex;margin:3px 0;width:49%}.budget-form-fieldset-toggle-label{width:40%;font-weight:500}.budget-form-fieldset .annual-options{display:flex;justify-content:space-between;width:49%}.budget-form-fieldset .annual-options .dropdown-wrapper{width:48%;flex-wrap:nowrap}.edit-wrapper{width:96%;position:relative;margin:0 2%;padding-bottom:20%}@media(min-width:992px){.edit-wrapper{padding-bottom:10%;width:calc(100% - 100px);margin:0 50px}}.edit-header{width:100%;display:flex;justify-content:center;border-bottom:1px solid #c8c7c8;padding:0 0 20px}.edit-header h1{margin:0;font-size:2.5em}.edit-form{display:flex;flex-direction:column;width:100%}.edit-form h2{margin:1% 0 -1%;font-size:25px}.edit-form-heading{display:flex;justify-content:space-between;align-items:center}.edit-form .form-title{display:flex;flex-direction:column;width:100%}@media(min-width:992px){.edit-form .form-title{width:49%}}.edit-form .form-title p{font-weight:500}.edit-form .form-title .input-wrapper{width:100%}.edit-form .form-title input{width:100%!important}.edit-form .income-section .section-header{cursor:pointer;display:flex;align-items:center;padding:2% 0 2% 2%;width:98%;font-weight:700;border-bottom:1px solid #c8c7c8;background:none;border-top:none;border-left:none;border-right:none;text-align:left;font:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}.edit-form .income-section .section-header p{font-size:1.5em;margin-right:1%}.edit-form .income-section .section-header svg{font-size:1.5em}.edit-form .income-section-holder{max-height:0;overflow:hidden;visibility:hidden;transition:visibility 1s,max-height 1s,overflow 1s}.edit-form .income-section-holder .input-wrapper,.edit-form .income-section-holder .dropdown-wrapper{width:88%}@media(min-width:992px){.edit-form .income-section-holder .input-wrapper,.edit-form .income-section-holder .dropdown-wrapper{width:49%}}.edit-form .income-section-holder .trash-icon{right:-15px}@media(min-width:992px){.edit-form .income-section-holder .trash-icon{right:0}}.edit-form .income-section .show-section{overflow:visible;visibility:visible;max-height:10000px}.edit-form .expense-section .section-header{cursor:pointer;display:flex;align-items:center;padding:2% 0 2% 2%;width:98%;font-weight:700;border-bottom:1px solid #c8c7c8;background:none;border-top:none;border-left:none;border-right:none;text-align:left;font:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}.edit-form .expense-section .section-header p{font-size:1.5em;margin-right:1%}.edit-form .expense-section .section-header svg{font-size:1.5em}.edit-form .expense-section-holder{max-height:0;overflow:hidden;visibility:hidden;transition:visibility 1s,max-height 1s,overflow 1s}.edit-form .expense-section-holder .input-wrapper,.edit-form .expense-section-holder .dropdown-wrapper{width:88%}@media(min-width:992px){.edit-form .expense-section-holder .input-wrapper,.edit-form .expense-section-holder .dropdown-wrapper{width:49%}}.edit-form .expense-section-holder .trash-icon{right:-15px}@media(min-width:992px){.edit-form .expense-section-holder .trash-icon{right:0}}.edit-form .expense-section .show-section{overflow:visible;visibility:visible;max-height:10000px}.edit-form-add-btn{cursor:pointer;padding:10px 25px;text-align:center;background-color:#078bba;border-radius:50px;color:#fff;border:none}.edit-form-add-btn p{margin:0}.edit-form-add-btn-wrapper{width:100%;display:flex;justify-content:center;margin:2% 0}.edit-form-fieldset{width:100%;padding:0 15%}.edit-form-fieldset-top{display:flex}.edit-form-fieldset-top .container{margin-top:.3%}.edit-form-fieldset-top h2{margin-right:5%}.edit-btn-holder{display:flex;align-items:center;position:fixed;justify-content:center;width:100%;bottom:0;height:70px;background-color:#fff;right:0;z-index:2}@media(min-width:992px){.edit-btn-holder{justify-content:flex-end;margin-left:-11.5%;padding-right:2%}}.edit-btn-holder .cancel-btn{border:2px solid #9c0dae;color:#9c0dae;margin-right:15px}.edit-btn-holder .cancel-btn:hover{background-color:#9c0dae;color:#fff}.edit-btn-holder .save-btn{margin-right:5%;color:#fff;background-color:#078bba;border:2px solid #078bba}.edit-btn-holder .save-btn:hover{background-color:#045571}.budget-wrapper .upcoming-expense-item{color:#dd2c22}.budget-wrapper .upcoming-income-item{color:#30f552}.budget-wrapper .date-selected{width:100%;text-align:center;font-size:.9em;font-weight:500;margin-bottom:15px;margin-top:-10px}.budget-wrapper .date-selected-wrapper{display:flex;flex-direction:column;padding:0 5%}.budget-wrapper .date-selected-wrapper .date-data{width:100%;margin:1% 0}.budget-wrapper .date-selected-wrapper .date-data-wrapper{display:flex;flex-direction:column;align-items:flex-start}.budget-wrapper .date-selected-wrapper .date-data-spacer{border-bottom:3px dotted black;width:100%;flex:1;margin:0 5px}.budget-wrapper .date-selected-wrapper .date-data-income{display:flex;justify-content:space-between;align-items:baseline;width:100%;font-size:1.2em}.budget-wrapper .date-selected-wrapper .date-data-income h2{font-size:1.2em;color:#30f552}.budget-wrapper .date-selected-wrapper .date-data-expense{display:flex;justify-content:space-between;align-items:baseline;width:100%;font-size:1.2em}.budget-wrapper .date-selected-wrapper .date-data-expense h2{font-size:1.2em;color:#dd2c22}.budget-graph{width:95%;margin:2% 0 0 2%;height:320px;display:flex;justify-content:center}@media(min-width:992px){.budget-graph{height:400px;margin-right:2%;width:45%}}.budget-graph-wrapper{padding:2% 0;margin-top:2%;display:flex;justify-content:center;flex-direction:column;width:100%;border-radius:10px;background-color:#fff;box-shadow:#64646f33 0 7px 29px}@media(min-width:992px){.budget-graph-wrapper{flex-direction:row}}.budget-legend{width:92%;padding-left:8%;padding-bottom:2%;display:flex;flex-direction:column;justify-content:center}@media(min-width:992px){.budget-legend{padding-left:0;width:38%}}.budget-legend-item{display:flex;margin:1% 0;align-items:center}.budget-legend-color{height:20px;width:20px;border-radius:50px;margin-right:15px}.budget-legend-name{font-size:20px;width:50%}.budget-legend-value{font-size:20px;font-weight:500}.budget-body{width:100%;display:flex;flex-direction:column}@media(min-width:992px){.budget-body{flex-wrap:wrap;flex-direction:row}}.budget-upcoming{padding:2% 5%;box-shadow:#64646f33 0 7px 29px;border-radius:10px;background-color:#fff;width:90%;margin-bottom:4%;display:flex;flex-direction:column;margin-right:2%}@media(min-width:992px){.budget-upcoming{margin-bottom:0;width:39%}}.budget-upcoming h1{font-size:2em}.budget-upcoming .no-upcoming{margin-top:4%;font-size:1.2em}.budget-upcoming-date-day{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;color:#fff;border-radius:5px;height:60px;width:60px}.budget-upcoming-date-day-top{font-size:1.5em;font-weight:700}.budget-upcoming-date-day-bottom{font-size:1.2em}.budget-upcoming-date-wrapper{display:flex;justify-content:space-between;margin:2% 0}.budget-upcoming-date-expense{width:100%;display:flex;justify-content:space-between}.budget-upcoming-date-expenses{margin-left:5%;font-size:1.2em;width:80%;display:flex;flex-direction:column}.budget-elements{width:100%;display:flex;flex-direction:column;margin-top:4%}@media(min-width:992px){.budget-elements{margin-top:2%;flex-direction:row}}.budget-elements h2{font-size:1.8em}.budget-cards{width:100%;margin-top:4%;flex-wrap:wrap;display:flex;justify-content:space-between}@media(min-width:992px){.budget-cards{flex-wrap:nowrap;margin-top:2%}}.budget-expenses-list{width:90%;padding:5%;margin-bottom:4%;box-shadow:#64646f33 0 7px 29px;border-radius:10px;background-color:#fff;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}@media(min-width:992px){.budget-expenses-list{padding:2% 3%;margin-bottom:0;margin-right:2%;width:48%}}.budget-expenses-list h2{width:50%;margin-bottom:2%}.budget-expenses-list span{width:50%}.budget-income-list{width:90%;padding:5%;box-shadow:#64646f33 0 7px 29px;border-radius:10px;background-color:#fff;display:flex;flex-direction:column}@media(min-width:992px){.budget-income-list{padding:2% 3%;width:48%}}.budget-income-list h2{width:50%;margin-bottom:2%}.budget-income-list span{width:50%}.budget-list-item{display:flex;justify-content:space-between;border-bottom:1px solid black;width:100%;max-height:30px;padding:1% 0;font-size:1.3em}@media(min-width:992px){.budget-list-item{width:48%}}.budget-card{box-shadow:#64646f33 0 7px 29px;border-radius:10px;background-color:#fff;width:48%;margin-bottom:4%;text-align:center;color:#000;display:flex;align-items:center;justify-content:center;height:150px;flex-direction:column}@media(min-width:992px){.budget-card{width:23.5%;margin-bottom:unset}}.budget-card-green{color:#30f552}.budget-card-red{color:#dd2c22}.budget-card-blue{color:#0b7fab}.budget-card p{font-size:1.2em;margin-top:-2%}.budget-card h2{margin-top:3%;font-size:1.7em;font-weight:800}.budget-calendar{box-shadow:#64646f33 0 7px 29px;border-radius:10px;background-color:#fff;display:flex;flex-direction:column;justify-content:flex-start;width:96%;padding:3% 2%}@media(min-width:992px){.budget-calendar{width:96%;padding:2% 5%}}.budget-calendar p{font-size:2em;font-weight:700}.modal-overlay{display:none;position:fixed;z-index:4;left:0;top:0;width:100%;height:100%;background-color:#000;background-color:#0006;align-items:center;justify-content:center}.modal-wrapper{position:fixed;height:300px;width:95%;background-color:#fff;border-radius:10px}@media(min-width:992px){.modal-wrapper{height:300px;width:400px}}.modal-open{display:flex}.modal-close{padding-right:3%;padding-top:3%;width:97%;text-align:right}.modal-close svg{cursor:pointer;font-size:30px}.fc-h-event{border:none}.fc .fc-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:.1rem}.fc .fc-prev-button,.fc .fc-next-button{background-color:#000!important;color:#fff!important;border-radius:50px!important;padding:5px!important;display:flex;align-items:center;justify-content:center;border:none!important;font-size:1.2rem!important;margin-left:.5rem!important}.fc .fc-next-button{margin-right:.4rem}.fc .fc-today-button{background-color:transparent!important;color:#000!important;border-radius:0!important;padding:0!important;font-weight:700;border:none!important;text-transform:capitalize;text-decoration:underline;cursor:pointer;margin-right:.4rem}.fc .fc-prev-button:hover,.fc .fc-next-button:hover,.fc .fc-today-button:hover{opacity:.8}.fc .fc-prev-button .fc-icon,.fc .fc-next-button .fc-icon{font-size:1.2rem!important}.calendar-wrapper .highlight{color:#078bba!important;font-weight:700!important}.calendar-wrapper .selected-date{margin:0 auto}.calendar-wrapper .times button{display:block;background-color:#6f48eb;color:#000;margin-top:5px}.calendar-wrapper .react-calendar{border:0;width:100%;max-width:100%;background-color:#fff;color:#000;font-family:Arial,Helvetica,sans-serif}.calendar-wrapper .react-calendar__navigation button{color:#000;min-width:44px;background:none;font-size:16px;margin-top:8px}.calendar-wrapper .react-calendar--doubleView{width:700px}.calendar-wrapper .react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.calendar-wrapper .react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.calendar-wrapper .react-calendar,.calendar-wrapper .react-calendar *,.calendar-wrapper .react-calendar *:before,.calendar-wrapper .react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.calendar-wrapper .react-calendar button{margin:0;outline:none}.calendar-wrapper .react-calendar button:enabled:hover{cursor:pointer}.calendar-wrapper .react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.calendar-wrapper .react-calendar__navigation button{min-width:44px}.calendar-wrapper .react-calendar__navigation button:enabled:hover,.calendar-wrapper .react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.calendar-wrapper .react-calendar__navigation button[disabled]{background-color:#f0f0f0}.calendar-wrapper .react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-weight:700;font-size:.75em;padding-top:10px}.calendar-wrapper .react-calendar__month-view__weekdays__weekday{padding:.5em}.calendar-wrapper .react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font-size:.75em;font-weight:700;padding:1em .6666666667em}.calendar-wrapper .react-calendar__month-view__days__day--weekend,.calendar-wrapper .react-calendar__month-view__days__day--neighboringMonth{color:#000}.calendar-wrapper .react-calendar__year-view .react-calendar__tile,.calendar-wrapper .react-calendar__decade-view .react-calendar__tile,.calendar-wrapper .react-calendar__century-view .react-calendar__tile{padding:2em .5em}.calendar-wrapper .react-calendar__tile{max-width:100%;text-align:center;border:2px solid white;background:none;height:50px;width:50px}.calendar-wrapper .react-calendar__tile:disabled{background-color:#f0f0f0}.calendar-wrapper .react-calendar__tile--active{color:#000}.calendar-wrapper .react-calendar__tile:enabled:hover,.calendar-wrapper .react-calendar__tile:enabled:focus{background-color:#e6e6e6;color:#000}.calendar-wrapper .react-calendar__tile--now{border:2px solid #078bba}.calendar-wrapper .react-calendar__tile--now:enabled:hover,.calendar-wrapper .react-calendar__tile--now:enabled:focus{background:#fff;border:2px solid #9c0dae;color:#000}.calendar-wrapper .react-calendar__tile--hasActive:enabled:hover,.calendar-wrapper .react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.calendar-wrapper .react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.btn{border-radius:50px;padding:10px 40px;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn p,h1,h2,h3,p{margin:0}.content-wrapper{position:relative}.page-wrapper{position:relative;margin-top:100px;background-color:#f1f1f1;min-height:calc(100vh - 120px);padding:4%}@media(min-width:992px){.page-wrapper{margin-top:80px;padding:4% 8%}}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}