.form-section.read-only .title{display:block;color:#999;font-size:.85714em;line-height:1.5}
.form-section.read-only .value{display:block;color:#222;font-size:1.14286em;line-height:2;font-weight:400}
.form-section.read-only .value.font-normal,.form-section.read-only .value.font-normal .amount{font-weight:400!important}
.points-to-pay-detail{background-color:#fff;margin:0 0 16px;background:#fff;border-radius:4px;padding:26px 26px 18px;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,0.02);box-shadow:0 10px 20px 0 rgba(0,0,0,0.02)}
.points-to-pay-detail h2{font-size:1.14286em;line-height:1.4;font-weight:500}
.points-to-pay-detail p{color:#444;font-size:.92857em;line-height:1.23077;letter-spacing:.22px;font-weight:300}
.points-to-pay-detail .img-holder{height:100%;text-align:right;white-space:nowrap;max-width:373px;margin:0 auto}
.points-to-pay-detail .img-holder:before{float:none;display:inline-block;vertical-align:middle;content:'';height:100%}
.points-to-pay-detail .img-holder img{vertical-align:middle;position:relative;z-index:1}
.redemption-confirmation-dialog button.close{margin:-30px -30px 0 0;font-size:12px}
.ui-dialog .redemption-confirmation-dialog p{color:#777;max-width:200px;margin:0 auto;line-height:1.5}
.points-redeem-grid{border-radius:4px;background-color:#FFF;box-shadow:0 10px 20px 0 rgba(0,0,0,0.02);text-align:center;padding:100px 0}
.points-redeem-grid h2{font-size:1.375rem;line-height:1.46;color:#1A9A6B;margin:36px 0 12px}
.points-redeem-grid p{font-size:.932em;letter-spacing:.22px;line-height:1.38;color:#444;margin:0 0 25px}
.redeem-success-info{max-width:294px;margin:0 auto 12px;border-radius:8px;background-color:rgba(235,239,244,0.5);text-align:center;padding:16px 0 16px}
.redeem-success-info.available{padding:18px 0 12px}
.redeem-success-info .title{color:#202020;font-size:.85714em;text-transform:uppercase;line-height:2}
.redeem-success-info .value{font-size:1.715em;color:#202020;font-weight:700;margin:0 0 12px;display:block}
.redeem-success-info p{font-size:.85714em;color:#707070;margin:0;text-transform:uppercase}
.redeem-success-info p small{font-size:1.667em;color:#707070;line-height:1.7;font-weight:700}
.points-redeem-error h2{color:#E64C4C}
.points-redeem-error p{max-width:480px;margin:0 auto 30px}
.redeem-error-info{border:1px solid #EBE095;border-radius:4px;background-color:#FFFFF8;max-width:335px;margin:0 auto 30px;padding:20px 0;font-size:14px;color:#222}
.redeem-error-info a{color:#000;font-weight:500}
.redeem-error-info .ico{color:#f5a623;margin-right:8px}
.points-redeem-error .btn{max-width:150px;width:100%}
.points-no-reward{max-width:300px;height:300px;margin:0 auto;background-color:rgba(225,237,249,0.192);border-radius:100%;padding:40px 0}
.points-no-reward .img-holder{margin-bottom:35px}
.points-no-reward .title{font-size:.938rem;color:#777;font-weight:700;line-height:1.6}
.points-no-reward .value{color:#999;margin:0;padding:0 15px}
.user-card-info.available-grid-info{border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 10px 15px 0 rgba(0,0,0,.02);padding:15px 20px 18px}
.user-card-info.points-to-pay-info{padding:22px 20px 8px;margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
.user-card-info.points-to-pay-info .balance-info{margin-bottom:0}
.user-card-info.points-to-pay-info .balance-info .li-inner{float:left;width:100%}
.user-card-info.points-to-pay-info .balance-info .static-label{float:right;margin-top:2px}
.calculator-row .btn-redeem{width: 90px;padding: 30px 0 0 15px;}
.calculator-row .btn-redeem .btn.btn-orange{min-width: auto;padding: 6px 18px;color:#fff;}
@media (max-width: 1600px) {
.user-card-info.points-to-pay-info .balance-info .title{font-size:16px;float:none!important}
}
@media (max-width: 991px) {
.user-card-info.points-to-pay-info .balance-info .li-inner{float:none}
.user-card-info.points-to-pay-info .balance-info .static-label{float:none}
}
@media (max-width: 767px) {
.calculator-row .btn-redeem{width: 104px;}
}
@media (max-width: 579px) {
.ui-dialog .redemption-confirmation-dialog.ui-dialog-content.generic-dialog{padding:35px 15px!important}
.ui-dialog .redemption-confirmation-dialog.ui-dialog-content.generic-dialog .btns .btn{min-width:110px;font-size:.92857em;margin:0 4px 0 0}
.redeem-error-info{font-size:13px}
.points-redeem-grid{padding:50px 15px}
}
@media (max-width:540px) {
.calculator-row { display: block !important; }
.calculator-row > *:not(script) { display: block; }
.calculator-row .btn-redeem{padding: 25px 0 15px 0;width: auto;}
.calculator-row .btn-redeem .btn.btn-orange { padding: 10px 18px;}
}
@media (max-width: 420px) {
.points-no-reward{max-width:270px;height:270px}
.points-no-reward .img-holder{margin-bottom:25px}
}