.ppf-cals{font-family:'Open Sans',sans-serif}.ppf-cals h1{font-size:32px;font-weight:700;color:rgba(5,47,95,1);line-height:46px}.ppf-cals p{color:rgba(5,47,95,.6);font-size:14px;line-height:26px;margin-bottom:0}.material-form .form-group,.material-form .form-radio{float:left;clear:both;width:100%}.material-form .form-radio .radio{display:inline-block;vertical-align:top;margin:0;width:150px}.material-form .form-radio .radio{vertical-align:middle}.material-form .form-radio .radio label{display:inline-block}.ppf-cals-img{display:block;margin:0 auto}.material-form .button{margin-top:10px}.ppf-cals-result{width:100%;display:flex;padding:15px 20px;background:#51d3b5;background-image:linear-gradient(90deg,#51d3b5,#9be263);background-image:-moz-linear-gradient(90deg,#51d3b5,#9be263);background-image:-webkit-linear-gradient(90deg,#51d3b5,#9be263);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}.material-form .form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:0;background:url(../framework/images/select-arrow.png) no-repeat right center;cursor:pointer;overflow:hidden;background-size:10px}select::-moz-focus-inner{border:0;outline:0}.material-form .form-group select:active,.material-form .form-group select:focus{outline:0;box-shadow:none;text-shadow:none}.ppf-cals-result div{width:50%}.ppf-cals-result div>p:first-child{font-size:14px;color:#fff;margin-bottom:10px;font-weight:400}.ppf-cals-result div>p{font-size:24px;font-weight:700;color:#fff}.ppf-cals-result div>p span{margin-left:18px}.ppf-cals-result div>p i{color:#fff;margin-top:4px}.ppf-cals-result div:last-child{border-left:1px solid #fff;padding-left:20px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}[class^=tooltip]{position:relative;display:inline-block;width:18px;height:18px;border:1px solid #333;text-align:center;line-height:16px;font-size:11px;font-style:normal;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px}[class^=tooltip]:after{opacity:0;visibility:hidden;position:absolute;content:attr(data-tooltip);padding:6px 10px;top:1.4em;left:50%;-webkit-transform:translateX(-50%) translateY(-2px);transform:translateX(-50%) translateY(-2px);background:grey;color:#fff;white-space:nowrap;z-index:2;border-radius:2px;transition:opacity .2s cubic-bezier(.64,.09,.08,1),-webkit-transform .2s cubic-bezier(.64,.09,.08,1);transition:opacity .2s cubic-bezier(.64,.09,.08,1),transform .2s cubic-bezier(.64,.09,.08,1);transition:opacity .2s cubic-bezier(.64,.09,.08,1),transform .2s cubic-bezier(.64,.09,.08,1),-webkit-transform .2s cubic-bezier(.64,.09,.08,1)}[class^=tooltip]:hover:after{display:block;opacity:1;visibility:visible;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.tooltip--left:after{top:-4px;left:0;-webkit-transform:translateX(-112%) translateY(0);transform:translateX(-112%) translateY(0)}.tooltip--left:hover:after{-webkit-transform:translateX(-110%) translateY(0);transform:translateX(-110%) translateY(0)}.tooltip--right:after{top:-4px;left:100%;-webkit-transform:translateX(12%) translateY(0);transform:translateX(12%) translateY(0)}.tooltip--right:hover:after{-webkit-transform:translateX(10%) translateY(0);transform:translateX(10%) translateY(0)}.tooltip--triangle:before{content:"";width:0;height:0;border-left:solid 5px transparent;border-right:solid 5px transparent;border-bottom:solid 5px grey;opacity:0;visibility:hidden;position:absolute;-webkit-transform:translateX(-50%) translateY(-2px);transform:translateX(-50%) translateY(-2px);top:1.1em;left:50%;transition:opacity .2s cubic-bezier(.64,.09,.08,1),-webkit-transform .2s cubic-bezier(.64,.09,.08,1);transition:opacity .2s cubic-bezier(.64,.09,.08,1),transform .2s cubic-bezier(.64,.09,.08,1);transition:opacity .2s cubic-bezier(.64,.09,.08,1),transform .2s cubic-bezier(.64,.09,.08,1),-webkit-transform .2s cubic-bezier(.64,.09,.08,1);z-index:3}.tooltip--triangle:hover:before{display:block;opacity:1;visibility:visible;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.material-form .form-group,.material-form .form-radio{margin-top:1.5rem;margin-bottom:1.5rem}.ppf-result-container{box-shadow:0 22px 24px 0 rgba(0,0,0,.13);-moz-box-shadow:0 22px 24px 0 rgba(0,0,0,.13);-webkit-box-shadow:0 22px 24px 0 rgba(0,0,0,.13);margin-left:30px;padding:36px;overflow:hidden;padding-bottom:0}.ppf-result-container>div{display:flex;border-bottom:2px solid rgba(5,47,95,.1);padding-bottom:25px}.ppf-result-container>div>div{flex:auto}.ppf-result-container>div>div span{font-size:26px;font-weight:600;color:rgba(136,214,237,1);text-indent:-20px;padding-left:20px}.ppf-result-container>div>div p span.lbl{font-size:14px;color:rgba(5,47,95,1);line-height:28px;display:block;font-weight:400}.ppf-result-container>div>div p span i{font-size:23px;padding-top:3px;color:rgba(136,214,237,1);z-index:0}.ppf-result-container>div>div:last-child p span i,.ppf-result-container>div>div:last-child span{color:rgba(19,184,126,1)}.ppf-result-container>div>div:nth-child(3) p span{padding-left:0;text-indent:inherit}.ppf-result-container>div>div.divider{border-left:2px solid rgba(5,47,95,.1)}.ppf-result-container>div:last-child{border:0;padding-bottom:0}#pie-chart{border:0;padding-bottom:0}.ppf-result-container h2{font-size:26px;text-align:center;font-weight:600;color:rgba(5,47,95,1);margin-bottom:0}table thead{background:#052f5f}table thead th{font-size:14px;font-weight:600;color:#fff}.l-section-h table tr td,table tbody td,table thead th{padding:1rem 1rem;border:0}table tbody tr:nth-child(even){background-color:rgba(5,47,95,.05);box-shadow:0 1px 5px 0 rgba(0,0,0,.15);-moz-box-shadow:0 1px 5px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.15)}.l-section-h table tr td{font-size:14px;font-weight:600;color:rgba(5,47,95,1)}.chart-container{position:relative}#pie-chart{margin-left:-125px}.legends{position:absolute;right:0;top:85px}.legends div{position:relative}.legends div:before{content:'';width:32px;height:32px;background:#5e77ff;display:block;position:absolute;top:5px;left:-45px}.legends div:first-child::before{background:#88d6ed}.legends div label{font-size:12px;line-height:17px;color:rgba(5,47,95,1);font-weight:400}.legends div p span.amt{font-size:18px;color:rgba(94,119,255,1);font-weight:600;line-height:22px;padding-left:35px;display:block;margin-top:-5px}.legends div:first-child p span.amt{color:rgba(136,214,237,1)}.legends div p i{font-size:18px;color:rgba(94,119,255,1);padding-top:4px}.legends div:first-child p i{color:rgba(136,214,237,1)}.legends div:first-child{margin-bottom:18px}.ng-hide{display:none}.material-form .form-group input:disabled,.material-form .form-group input[disabled=disabled]{color:rgba(5,47,95,1);opacity:1;font-weight:700}@media screen and (max-width:767px){.ppf-cals h1{font-size:20px;line-height:28px}.ppf-cals h1 br{display:none}.material-form .form-group,.material-form .form-radio{margin-top:1rem}.ppf-cals-result div>p{font-size:16px}.ppf-cals-result div>p i{margin-top:5px}.ppf-cals-result div>p span{margin-left:10px}.ppf-cals-img{display:none}[class^=tooltip]:hover:after{width:120px;text-align:center;white-space:inherit;left:-248%}[class^=tooltip]:hover:after{text-align:left}table thead th{white-space:nowrap}table{display:block;overflow:scroll}.ppf-result-container{margin-left:0;padding:10px}.l-canvas.sidebar_none .l-section[ng-app=ppfCalsApp][ng-app=ppfCalsApp]{padding:0 11px}.ppf-result-container>div>div span{font-size:18px;text-indent:-14px;padding-left:16px}.ppf-result-container>div>div p span i{font-size:18px;padding-top:5px}.ppf-result-container h2{font-size:18px}#pie-chart{margin-left:-68px;padding-bottom:30px}.legends{right:inherit;top:inherit;bottom:0;left:54px;width:100%;display:flex}.legends>div{flex:auto}.ppf-result-container>div:first-child{background-color:rgba(5,47,95,.05);border:1px solid rgba(5,47,95,.1);padding:15px 10px;margin-left:-12px;margin-right:-12px}.ppf-result-container>div>div p span.lbl{font-size:10px;font-weight:600}.legends div label{font-size:10px;font-weight:600;color:rgba(5,47,95,.5)}.legends div:before{top:9px}.l-section-h.ppf-cals.removePadding{padding-top:60px}}@media screen and (max-width:374px){.ppf-cals-result{padding:10px}.ppf-cals-result div:last-child{padding-left:10px}.ppf-cals-result div>p{font-size:16px}.ppf-cals-result div>p span{margin-left:12px}.material-form .form-radio .radio{width:135px}.ppf-cals-result div>p:first-child{margin-bottom:0}[class^=tooltip]{width:16px;height:16px}.material-form .form-radio label{padding-left:1.5rem}#pie-chart{margin-left:-80px}}