.pure-g>div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container{height:100%;max-width:480px;padding:0;margin:0}.pure-g,.pure-g [class*=pure-u],body,button,html,input,select,textarea{font-family:Lato,Arial,Helvetica Neue,Helvetica,sans-serif!important}body,html{height:100%;width:100%;overflow:hidden}a,a:active,a:focus,a:hover{outline:0}button{padding:0;background:transparent;border:none}button:focus,input:focus{outline:none}input:focus{border:2px solid #88979d}.positive{color:#16a336}.negative{color:#d33c2d}.bold{font-weight:700}.fl{float:left}.fr{float:right}.nbr{border-right:none!important}.nbt{border-top:none!important}.content{width:100%;height:92%;top:8%;background:#efeff4;position:absolute;overflow-y:scroll}.header{background-color:#003540;border-bottom:1px solid #003540;position:fixed;height:8%;width:100%;display:flex}.header>div>button{background-color:transparent;color:#009cc2;font-size:1.05em}.header-text{color:#fff;text-align:center;align-self:center;font-size:1.05em}.header-cancel{text-align:left;align-self:center}.header-logout{text-align:right;align-self:center}.button-cancel{margin-left:1em}.button-logout{margin-right:1em}.amount-display{height:25%;display:flex;background-color:#1d2735}.amount-text{align-self:center;text-align:right;font-size:4em;font-weight:400;margin-right:.15em;padding-top:.6em}.expense-income{height:10%;font-size:1.4em;font-weight:400;z-index:1000;width:100%;position:absolute}.button-expense{background-color:#d33c2d;color:#fff}.button-income{background-color:#fff;color:#16a336}.number-pad{width:100%;height:65%;top:35%;position:absolute}.number-pad>div>.pure-g{height:25%}.amount-number{border-bottom:1px solid #fff;border-right:1px solid #fff;background-color:#dcdee2;text-align:center;font-size:2em}.amount-number-zero{border-bottom:none;text-align:left;padding-left:12%}.amount-actions{height:100%;-webkit-box-shadow:-4px 0 20px 0 rgba(0,0,0,.3);-moz-box-shadow:-4px 0 20px 0 rgba(0,0,0,.3);box-shadow:-4px 0 20px 0 rgba(0,0,0,.3)}.amount-actions>button{height:50%}.amount-remove{color:#fff;font-size:1.5em;background-color:#003540}.amount-next{color:#fff;background-color:#009cc2;font-size:1.2em}.add-list{background:#fff}.add-list>button>span:first-child{font-weight:700}.add-list>div>button{height:10%;padding:.85em;border-bottom:1px solid #efeff4;font-size:1.1em}.add-list>div>button>span:first-child{font-weight:700}.cg{color:#c6c9ca;border-bottom:1px solid #c6c9ca;padding:.5em 0 .5em .5em;font-size:.8em;letter-spacing:0}.normal{font-weight:400!important}.placeholder{color:#aaa;font-style:italic}.angle-right-icon{padding-top:2px;margin-left:1em;color:#aaa}.save{position:absolute;width:100%;height:8%;top:90%}.button-save{font-size:1.5em;margin:0 2%}.button-primary{padding:.3em 1em;-webkit-border-radius:.4em;border-radius:.4em;border:2px solid transparent;color:#fff;background-color:#009cc2}.note-input{width:9em;height:1em;padding:.2em;border:2px solid #88979d;-webkit-border-radius:.3em;border-radius:.3em}.vdp-datepicker__calendar{top:-16em;left:-13em;width:340px!important}.vdp-datepicker>div>input{position:absolute;left:-10em;width:280px;opacity:0}.vdp-datepicker__calendar .cell{height:55px!important;line-height:55px!important}.content2{width:100%;height:84%;top:8%;background:#efeff4;position:absolute;overflow-y:scroll}.footer{position:fixed;border-top:1px solid #ccc;background:#eee;top:92%;height:8%;width:100%;color:#666}.footer-icon{font-size:1.5em;margin:0 0 5px}.active{color:#009cc2}.footer-text{font-size:.8em}.turnover-group{color:#c6c9ca;border-bottom:1px solid #c6c9ca;padding:.5em 0 .5em .5em;font-size:1em;font-weight:700;letter-spacing:0}.payee-text{font-size:.8em;font-weight:400}.divider{height:.4em;background-color:#efeff4;width:100%}.budget-header-icon{color:#009cc2;font-size:1.3em}.budget-left{padding:0 0 0 5.1em}.budget-right{padding:0 7em 0 0}.budgeted{color:#009cc2;font-size:.95em;padding:.15em .6em .175em}.a-positive{background-color:#16a336}.a-negative{background-color:#d33c2d}.a-cautious{background-color:#e59100}.a-zero{background-color:#cfd5d8}.available{border-radius:1em;color:#fff;padding:.125em .5em .175em;font-size:.95em;position:relative;right:-.479em;line-height:normal;transition-property:none}.budget-group{color:#000;border-bottom:1px solid #c6c9ca;padding:.5em 0 .5em .75em;font-weight:700;letter-spacing:0}.budget-header{font-weight:400;font-size:.9em}.budget-header>div:first-of-type{margin-bottom:2px}.budget-header>div:nth-of-type(2){font-weight:700}.budget-header-available{text-align:right;padding-right:1em}.budget-header-name{padding-top:.5em}.budget-item-name{font-weight:400}.to-be-budgeted{padding:.75em 1em .75em .75em;border-bottom:1px solid #efeff4;font-size:.95em;font-weight:700;color:#fff;position:fixed;top:8%;height:2%;width:100%;z-index:10000}.to-be-budgeted-amount{text-align:right;align-self:center;padding-right:.9em;font-size:1.5em}.content3{width:100%;height:76%;top:13.5%;background:#efeff4;position:absolute;overflow-y:scroll}.btn-cancel{padding:.3em .6em;border-radius:.4em;margin-left:1em;border:2px solid #dee3e8;background-color:transparent;color:#009cc2;font-size:1em;text-align:left}.modal-content{color:#003440;height:100%;box-sizing:border-box;padding:10px;font-size:13px;overflow:auto}.fieldset{border:1px solid transparent;border-bottom-color:#eef1f5;margin:0;padding:0}.modal-popup .modal-actions{zoom:1;padding:.765em}.modal-popup input{font-size:16px;width:260px;padding:.5em;margin-bottom:.5em;border:2px solid #88979d;border-radius:.3em}.modal-popup .modal-content{padding:.765em .765em 0}.vdp-datepicker__calendar{margin-top:4em}.modal-popup label{display:block;font-weight:700;font-size:1.1em;width:100%;padding:.1em 0 .5em;letter-spacing:0}.add-list>button{padding:1em .85em;font-size:1.1em}.add-list>button,.budget-item{height:10%;border-bottom:1px solid #efeff4}.budget-item{padding:1em 1em .75em;font-size:1em;font-weight:700}.footer>button{margin-top:.3em}.header{padding-top:1em}.header2{padding-top:.3em}.expense-income>button,.nbtn>button{height:100%}.transaction-search-input{-webkit-border-radius:.4em;border-radius:.4em;border:1px solid #4495d7;color:#4495d7;padding:.1rem .1rem .1rem .5rem;font-style:italic;outline:none;width:85%;margin-right:1em}.transaction-search-magnifying-icon{position:absolute;top:1.1em;right:6.4em;z-index:11;color:#4495d7}.transaction-search-cancel-icon{position:absolute;top:1.1em;right:.75em;z-index:11;color:#4495d7;cursor:pointer}