@import url(https://fonts.googleapis.com/css?family=Alata:400,600,700&display=swap);body{font-size:100%}body,h1,h2,h3,h4,h5,h6{font-family:Alata,Helvetica,Arial,sans-serif;font-weight:400}h1,h2,h3,h4,h5,h6{color:get-color(primary)}button,input,textarea{font-family:Alata,Helvetica,Arial,sans-serif}#layout{display:flex;height:100vh}#layout #main{flex:1 1;padding-left:60px;padding-right:50px;padding-top:20px}.page-title{margin-bottom:40px}#navbar{background:#fff;height:55px;display:flex;align-items:center;margin-bottom:50px}#navbar a{color:#000;text-decoration:none;margin-right:20px}#navbar .current{font-weight:700}#navbar-branding{height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:40px!important}#navbar-branding-logo{width:40px;height:40px;overflow:hidden;background-position:50%;background-repeat:no-repeat;background-size:cover}#transactions-view{background-color:#fafbfd;flex:0 0 400px;padding-left:40px;padding-right:40px;padding-top:40px;border-left:1px solid #f3f3f5;overflow:auto}#transactions-view h2{margin-bottom:10px}#transactions-view #transactions-month-container{margin-bottom:40px;display:flex}#transactions-view #transactions-month-container #transactions-month{flex:1 1}#transactions-view #transactions-month-container #transactions-next-month,#transactions-view #transactions-month-container #transactions-previous-month{cursor:pointer;flex:0 0 30px;text-align:center}#transactions-view #transactions-month-container #transactions-next-month:hover,#transactions-view #transactions-month-container #transactions-previous-month:hover{background-color:#ebedf0}#transactions-view .no-data{margin-top:100px;text-align:center;color:grey}#transactions-view .transactions-loader{margin-top:120px}.transaction-date{font-size:12px;color:grey;margin-bottom:25px}.transaction-item{margin-bottom:20px}.transaction-item,.transaction-item .transaction-icon{display:flex;align-items:center;justify-content:center}.transaction-item .transaction-icon{height:45px;width:45px;border-radius:50%;margin-right:15px;color:#fff}.transaction-item .transaction-label{flex:1 1}.transaction-item .transaction-label .transaction-name{font-size:14px}.transaction-item .transaction-label .transaction-category{font-size:12px;color:grey}.transaction-item .transaction-amount{margin-left:15px;display:flex;font-weight:700}.transaction-item .transaction-amount .transaction-value{margin-left:5px}#login-logo{margin-top:80px;margin-bottom:40px}.balance{display:flex;margin-bottom:15px}.balance-title{flex:1 1}.balance-label{flex:1 1;color:grey}.balance-amount{font-size:24px;font-weight:700;margin-bottom:10px}.balance-amount .balance-value{margin-left:5px}.progress-bar-container .progress-bar-value{font-size:12px}.analyzed-category a{text-decoration:none;color:#000}.analyzed-category-header,.analyzed-category-header .category-icon{display:flex;align-items:center;justify-content:center}.analyzed-category-header .category-icon{height:45px;width:45px;border-radius:50%;margin-right:15px;color:#fff}.analyzed-category-header-title{flex:1 1}.analyzed-category-header-title-label{color:grey;font-size:12px}.analyzed-category-content{display:flex;margin-top:20px}.analyzed-category-content-item{flex:1 1;text-align:center}.analyzed-category-content-item-label{color:grey;font-size:12px}.summary-year a{text-decoration:none;color:#000}.summary-year .summary-year-header{display:flex}.summary-year .summary-year-header-year{color:grey;font-size:14px;flex:1 1}.summary-year .summary-year-header-balance{font-weight:700}.summary-year .summary-year-content{display:flex;margin-top:20px}.summary-year .summary-year-content-item{flex:1 1;text-align:center}.summary-year .summary-year-content-item-value{font-size:14px}.summary-year .summary-year-content-item-label{color:grey;font-size:12px}.summary-header{display:flex;margin-bottom:10px}.summary-header div{color:grey;text-align:right;flex:1 1}.summary-title{color:grey}.summary-value{display:flex}.summary-value div{flex:1 1;font-size:24px;font-weight:700;margin-bottom:10px;text-align:right}.box{background-color:#fafbfd;border:1px solid #f3f3f5;padding:20px;margin-bottom:20px}.clickable-box:hover{background-color:#ebedf0}.link-box{text-decoration:none}.minus-sign{color:#da6662}.plus-sign{color:#83c7ae}.progress-bar-container{display:flex;align-items:center;justify-content:center}.progress-bar-container progress{flex:1 1;height:8px}.progress-bar-container .incomes{flex:1 1}.progress-bar-container .incomes progress::-webkit-progress-value{background-color:#83c7ae;border-radius:10px}.progress-bar-container .incomes progress::-moz-progress-bar{background-color:#83c7ae;border-radius:10px}.progress-bar-container .expenses{flex:1 1}.progress-bar-container .expenses progress::-webkit-progress-value{background-color:#da6662;border-radius:10px}.progress-bar-container .expenses progress::-moz-progress-bar{background-color:#da6662;border-radius:10px}.progress-bar-container .progress-bar-value{flex:0 0 80px;text-align:right}progress{width:100%;background-color:transparent;border-radius:10px}progress::-webkit-progress-bar{background-color:transparent;border-radius:10px}form #image-preview-layout{display:flex}form #image-preview-layout #image-preview{height:220px;width:220px;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;margin-bottom:20px;cursor:pointer;display:flex}form #image-preview-layout #image-preview-side{height:100px;width:calc(100% - 220px);padding-left:25px}.form{display:flex;flex-flow:column nowrap;height:100%;justify-content:flex-start;overflow:hidden;position:relative;transform:translate(0);padding-bottom:80px}.form__inline{align-items:center;display:flex;margin:0}.form__inline .form__label{left:0;margin-right:16;margin-bottom:0;pointer-events:auto;position:relative;top:0;transform:none}.form__inline .form__control{align-items:center;margin-right:16}.form__group{align-items:center;display:flex;justify-content:flex-start;margin:0 -8 20}.form__group>.form__field,.form__group>.form__placeholder,.form__group>.tooltip{margin-left:8;margin-right:8}.form__group .form__field,.form__group .form__placeholder{margin-top:0;margin-bottom:0}.form__group>.form__field,.form__group>.tooltip{width:100%}.form__group .form__field--half{flex-basis:50%}.form__group .form__field--third{flex-basis:33%}.form__group .form__field--quart{flex-basis:25%}.form__group--right{justify-content:flex-end}.form__group--center{align-items:center}.form__group--year-variation .form__field:first-child{flex-basis:200%}.form__field{margin:0 0 10}.form__field__append,.form__field__prepend{background:#fff;display:flex;align-items:center;font-size:13;font-weight:700;line-height:1;padding:0;white-space:nowrap}.form__field__append{padding-right:16}.form__field__prepend{padding-left:16}.form__field--checkbox,.form__field--radio{padding:12 0}.form__field--checkbox .form__control,.form__field--radio .form__control{border:none}.form__field--checkbox{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.form__field--checkbox .form__control{align-items:center;justify-content:flex-start;height:40}.form__field--checkbox .form__input{height:auto;width:auto}.form__field--checkbox .form__label{font-weight:400;margin:0 0 0 4}.form__field--checkbox .form__label[for=accept_advice],.form__field--checkbox .form__label[for=accept_newsletter]{white-space:normal}.form__field--textarea .form__input{height:auto;min-height:120;padding-top:24;resize:vertical}.form__field--select .form__control:not(.form__control--disabled) .form__control__input select{background-size:12 12}.form__field--error .form__control{border-color:get-color(alert)}.form__field--error .form__input__line{background-color:get-color(alert)}.form__label{display:inline-block;font-size:14;font-weight:400;left:12;line-height:18px;margin:0;overflow:hidden;pointer-events:none;text-overflow:ellipsis;top:20;transform:translate(0);white-space:nowrap}.form__label .required{display:inline-block;margin:0 4}.form__control{display:flex;line-height:1;border:1px solid #d3d3d3}.form__control,.form__input{position:relative;background:#fff}.form__input{border:none;border-radius:0;display:block;font-size:13;height:40;line-height:16;padding-left:13px;padding-right:13px;width:100%;-webkit-appearance:none;-moz-appearance:none}.form__input--small{padding:8;height:auto;font-size:12}.form__input--checkbox,.form__input--radio{background-color:get-app-color(light);cursor:pointer;height:24;margin-right:8;width:24;border:1px solid #d3d3d3}.form__input--checkbox:checked,.form__input--radio:checked{background-color:get-app-color(primary)}.form__text_helper{font-size:14;line-height:20;margin-left:12;margin-right:12;padding:4 0}.form__text_helper--error{color:get-app-color(alert)}.form__text_helper--center{text-align:center}.form__text_helper--warning{color:get-app-color(warning)}.form__text_helper:empty{display:none}.form__text_helper a{color:currentColor}.form__text_helper a:hover{color:get-app-color(primary)}.form__upload{margin:32 0;text-align:center}.form__upload__button{align-items:center;cursor:pointer;display:flex;flex-flow:column nowrap;height:96;justify-content:center;line-height:1;margin:auto;padding:0}.form__upload__label{font-size:14}.form__upload__icon{display:block;font-size:24;margin:0 auto 8}.form input:focus{outline:none}#categories_field{margin-bottom:15px}input.file{background:none;margin-top:5px;padding-left:0}.loader{border:6px solid #f3f3f3;border-top-color:#fecc06;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite;margin:auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.button{text-decoration:none}.turbolinks-progress-bar{height:1px;background-color:#ffa347}