.end{margin-left:10px;margin-top:-20px}.sum p{display:block;margin-bottom:0;padding-right:20px}.container{box-shadow:0 0 10px rgba(0,0,0,.1);margin:0 auto;max-width:800px;padding:20px}hr{border:none;border-top:1px solid #00808c!important;margin-top:0!important}header h1{color:#757575;text-align:center}section{margin-bottom:20px}table td{padding:10px}label{display:block;margin-top:10px}input[type=number],select{width:100%}.budget-customization>div{border-radius:4px;margin-top:10px;padding:10px}.budget-customization h2{margin-top:0}.butn{margin-left:10px}#income-frequency{margin-top:5px}.calcbtn{background-color:#00808c;border:none;color:#fff;cursor:pointer;font-size:16px;margin-right:10px;padding:10px 20px;text-decoration:none!important}.main-container{display:flex;width:100%}#debtInputForm{flex:7}#resultsContainer{display:none;flex:5;margin-top:5px}#debtRepaymentChart,#payoffTable{width:100%}.iconthumb{width:100px}.summary{border-radius:4px;padding:10px}input[type=number],select{border:1px solid #ddd;border-radius:4px;margin-top:5px;padding:10px;width:45%}.budget-summary{margin-bottom:20px}.budget-summary h3{color:#333;font-size:1.5em;text-align:center}.budget-details{margin-bottom:20px}.budget-details p{color:#555}.budget-advice{margin-top:20px}strong{color:#00808c}.budget-categories{display:flex;justify-content:space-between;margin-bottom:20px}.category{background-color:#f9f9f9;border:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.1);flex:1;margin-right:10px;padding:15px}.input-group,.input-row{align-items:center;display:block!important}.category:last-child{margin-right:0}.category h2{background-color:#e6e6e6;flex:1;font-size:1rem;font-weight:700;margin:0;padding:10px;text-align:center}.thmb1{height:65px;vertical-align:middle}.category .headings{align-items:center;background:#e6e6e6;display:flex;justify-content:space-between}.thmb{height:45px;vertical-align:middle;width:45px}.category .icon{font-size:24px;margin-right:10px}.category label{display:block;margin-bottom:10px}.category input{border:1px solid #ccc;color:#757575;margin-top:5px;padding:5px;width:calc(100% - 30px)}.income-input{display:flex;flex-direction:column;padding:0 20px}.input-group input,.input-group select{color:#737373}.col3{float:left;margin-bottom:40px;width:33%}.input-row{justify-content:flex-start}.input-group,.input-row{align-items:center;display:flex}.input-group{margin-right:20px}#needs h2,#savings h2,#wants h2{color:#757575;text-align:left}.input-group label{margin-right:10px}.input-group input,.input-group select{width:auto}h4{text-align:center}@media (max-width:768px){.col3{width:100%}.container{margin:0 auto;width:95%}.budget-categories{flex-direction:column}.category{margin-bottom:10px;margin-right:0;margin:10px 0}.butn{margin-bottom:10px;width:50%!important}.input-row,.main-container{flex-direction:column}.input-row{display:block;text-align:left}.input-group{margin-bottom:10px;margin-right:0}.budget-summary .calcbtn{margin-left:20px!important}}td{padding:5px;text-align:center}table{width:100%}#pieChartContainer{margin:20px auto;max-width:400px}.input-container{position:relative}.input-container input{font-size:16px;height:30px;padding-left:20px}#sumbox{background:#00808c;display:flex;justify-content:space-around;margin:0 0 30px;padding:20px;text-align:center}#sumbox,.sumr strong{color:#fff}.sumr{padding:10px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:bottom!important}.input-group input,.input-group select{border-radius:4px;width:100%}.gry{color:#757575}.dollar-symbol-suffix{left:5px;pointer-events:none;position:absolute;top:56%;transform:translateY(-50%)}