.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}.trenn{width:100px;margin:5em 0}.pure-g,.pure-g [class*=pure-u],body,button,html,input,select,textarea{font-family:Lato,Arial,Helvetica Neue,Helvetica,sans-serif!important}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{height:95%;top:8%;background:#efeff4}.content,.content2{width:100%;position:absolute;overflow-y:scroll}.content2{height:85%;top:7.2%;background:#fff;color:#1e1d32}.header>div>button{background-color:transparent;color:#009cc2;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}.expense-income{height:11%;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{padding:.85em;border-bottom:1px solid #efeff4;font-size:1.1em}.add-list>button>span:first-child{font-weight:700}.add-list>div>button{padding:.6em;border-bottom:1px solid #efeff4;position:relative;font-size:1.05em}.add-list>div>button>span:first-child{font-weight:700}.selected{background-color:#aff2a9}.deleteclass{background-color:#f45641}.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 .6em;-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}.turnover-group,.turnover-group2{border-bottom:1px solid #c6c9ca;padding:.5em 0 .5em .5em;font-size:1em;font-weight:700;letter-spacing:0}.turnover-group2{color:#c6c9ca}.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-item{height:10%;padding:.75em 1em .75em .75em;border-bottom:1px solid #efeff4;font-size:1em;font-weight:700}.budget-group{padding:.25em 0 .25em .75em}.budget-group,.budget-group2{color:#000;border-bottom:1px solid #c6c9ca;font-weight:700;letter-spacing:0}.budget-group2{padding:1em 0 .75em 1em;font-size:1.05em}.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{color:#c6c9ca;padding:.25em 0 .5em .25em;font-size:1em;font-weight:700;letter-spacing:0}.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:84%;top:8%;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[type=text]{font-size:16px;width:260px;padding:.5em}.modal-popup input[type=radio],.modal-popup input[type=text]{margin-bottom:.5em;border:2px solid #88979d;border-radius:.3em}.modal-popup input[type=radio]{width:50px;margin-top:.5em}.modal-popup .modal-content{padding:.765em .765em 0}.modal-popup label{display:block;font-weight:700;font-size:1.1em;width:100%;padding:.1em 0 .5em;letter-spacing:0}.categories{padding:.1em;display:flex;flex-wrap:wrap}.break{flex-basis:100%;height:0}.recipelistitem{float:left}.recipe{background-color:#fff;padding:0 .5em .5em .7em}.recipe_text{padding:1em 0 .5em}.recipe_text,.recipe_text2{font-size:1.15em;font-weight:700;letter-spacing:0}.recipe_text2{padding:1.5em 0 .5em;margin-bottom:.25em}.portions{padding:1em 0 .4em}hr{flex-basis:100%;height:0;margin:0;border:0}.portionnumber{font-weight:700;font-size:1.25em;margin-right:.5em}.iggroup{display:flex;flex-wrap:wrap;margin-bottom:.5em}.ig{display:flex;flex-direction:row;width:100%;font-size:.8em;margin-bottom:.1em}.ign{width:auto}.igm{width:35%}.igr{padding:.7em 0 0;word-spacing:.15em}.step{display:flex;flex-wrap:wrap;margin-bottom:1em}.steptext{display:flex;flex-direction:row;width:100%;font-size:1em;line-height:1.75em;word-spacing:.1em}.stepr{padding:.5em 0 0}.header{background-color:#f7f7f7;border-bottom:1px solid #e8e8e8;position:fixed;height:7%;width:100%;display:flex;padding-top:.8em}.header2{padding-top:0!important}.header-text{color:#fecab5;text-align:center;align-self:center;font-size:1.05em;margin-top:0;font-weight:700}.category{margin:.5em;width:45.5%;height:9.5em;background-color:#ff9b7b;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;border-radius:5px}.pbutton{color:#ff9b7b;font-size:1.75em;text-decoration:none;line-height:0;border:1px solid transparent;border-radius:1000px;transition-property:all;padding:.4em 0 0 1.5em;cursor:pointer}.active{color:#fecab5}.igheader{padding:1.5em 0 .7em;font-size:.8em}.igheader,.stepheader{color:#fecab5;font-weight:700;letter-spacing:.5px}.stepheader{padding:1em 0 .9em;font-size:1em}.category h1{font-size:.9em;color:#fff;font-weight:700;padding:.5em;line-height:1.5em;text-align:center}.cat_img{margin-top:1em;filter:invert(100%) sepia(61%) saturate(2%) hue-rotate(340deg) brightness(110%) contrast(100%);width:3em;height:3em}.footer{position:fixed;border-top:1px solid #e8e8e8;background:#fff;top:92%;height:8%;width:100%;color:#afafaf}.footer>button{margin-top:.2em}.footer-icon{font-size:1.5em;margin:0 0 5px}.footer-text{font-size:.8em}.rimg{width:100%;height:50%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.contents3{width:100%;height:92%;background:#fff;position:absolute;overflow-y:scroll;color:#1e1d32}.recipeh_text{padding:1.3em 0 1em;font-size:1.5em;font-weight:700;letter-spacing:0}.recipes{padding:.1em;display:flex;flex-wrap:wrap}.rlitem{margin:.5em;width:45.3%;height:14em;display:flex;justify-content:left;align-items:left;flex-direction:column;cursor:pointer;font-size:1em}.rlimg{width:100%;height:10em;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;border-radius:5px;margin-bottom:.5em}.thin{-webkit-text-stroke:1px #fff}.input-icons i{position:absolute;color:#9e9ea0}.input-icons{width:100%;margin:.1em 0}.icon{padding:10px;min-width:40px}.input-field{width:100%;padding:.5em;text-indent:1.6em;background-color:#e7e7e9;display:block;border-radius:5px;outline:none;border:0}input.form-control:focus,input:focus{outline:none!important;outline-width:0!important;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}:focus{outline:none!important}.search{width:93%;margin:.1em 0 0 .3em}.searchText{position:absolute;top:50%;left:50%;height:30%;width:90%;margin:-25% 0 0 -40%;font-size:.9em;font-weight:400;letter-spacing:.5px;line-height:1.5}.stext{width:90%;padding:.75em 0 .5em .75em;font-size:1.05em;font-weight:700;letter-spacing:0}.icon2{margin:10px;left:90%;min-width:40px}.containerd{height:100%;width:50%;margin:0 auto;padding:0}.content2d{height:85%;top:7.2%;width:50%;background:#fff;position:absolute;overflow-y:scroll;color:#1e1d32}.headerd{background-color:#f7f7f7;border-bottom:1px solid #e8e8e8;height:7%;display:flex;min-width:475px}.footerd,.headerd{position:fixed;width:50%}.footerd{border-top:1px solid #e8e8e8;background:#fff;top:92%;height:8%;color:#afafaf}.contents3d{width:50%;height:92%;background:#fff;position:absolute;overflow-y:scroll;color:#1e1d32}.loadingstext{margin-top:25%;font-size:.9em;font-weight:400;letter-spacing:.5px;line-height:1.5;text-align:center;width:100%}.loadingdots:after{content:" . .";animation:dots 1s steps(5) infinite}@keyframes dots{0%,20%{color:transparent;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}40%{color:#fff;text-shadow:.25em 0 0 transparent,.5em 0 0 transparent}60%{text-shadow:.25em 0 0 #fff,.5em 0 0 transparent}80%,to{text-shadow:.25em 0 0 #fff,.5em 0 0 #fff}}