/*Header style | Begin*/
body{background:#f6f6f6;font-family: Tahoma,Verdana,Segoe,sans-serif;}
header{background:url(/images/newAppPage/header-bg.png) repeat-x 0 0;min-height:73px}
.header-logo{margin-top:10px}
.powered-by-bb{margin:15px 5px 0 0}
/*Header style | End*/

/* app section style | Begin*/
.micro-app-page{background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin-bottom:10px;min-height:699px;overflow:hidden;padding:0 15px 30px}
.active .bbicons-app-section,.active .app-details::before{background-image:url(/images/newAppPage/new-hdfc-app-sprite-active-v2.png)}
.btn-primary{background-color:#0462ac}
.login-and-save .btn-primary:hover{background:#0462ac}
 .app-form-section .radio.checked, .app-form-section .radio-inline:hover {
    background: #0462ac;
    color: #fff;
}
.login-and-save .btn-primary .email-link-icon{border-right:1px solid #fff}
.app-form-content .active{border-bottom:1px solid #0462ac;color:#0462ac}
.app-form-content .active .fl_wrap .fl_input{color:#0462ac}
.app-form-section .fl_wrap.focused .fl_label{color:#0462ac}
.btn-secondary:hover,.btn-secondary:focus{background:#0462ac}
.app-form-section .btn.checked{background:#0462ac}
.submit-button-block .btn-secondary{background-color:#0462ac}
/* app section style | End*/

/* Left Section | Begin*/
.hdfc-points-section{border:1px solid #ccc;border-radius:5px;font-size:12px;overflow:hidden;width:220px;margin:20px auto}
.points-title{background:#ed1c24;color:#fff;font-family:Verdana,Tahoma,Arial;font-weight:700;min-height:20px;padding:5px 0 3px 10px;text-align:left;line-height:15px}
.points-section-container{background:#fff;padding:7px}
.hdfc-points-section ul{padding-left:0;margin-bottom:10px}
.hdfc-points-section li{font-size:12px;line-height:16px;padding:0 0 5px 14px;text-align:left}
.hdfc .call-section{background:#0462ac;padding:60px 2px}
.hdfc .call-section .call-image{margin:10px auto}
.hdfc .call-section > span{margin-top:10px}
/* Left Section | End*/

/* modal Section style | Begin */
.modal-content-box{background:#0462ac;margin:0 auto;width:63%;border:6px solid #fbfbfb; border-radius: 7px;}
.modal-content-box .mobile-content{color:#fff}
.modal-content-box .close{color:#fff;opacity:1;position:absolute;right:3px;top:3px}
.mobile-content h4{font-family:Verdana,Tahoma,Arial;font-size:18px;font-weight:700}
.modal-content-hdfc ul{padding-left:0;margin-bottom:0}
.modal-content-hdfc ul li{color:#fff;font-size:14px;text-align:left;padding:10px 13px 10px 0}
.modal-content-hdfc .mobi-button{margin:0 auto;text-align:center;width:50%}
.modal-content-box .working-hrs{display:inline-block;padding-top:10px;color:#fff;width:auto;line-height:16px;text-align:center;font-size:12px}
.modal-content-box li div.label{font-size:14px;font-weight:700;text-align:left;width:120px;float:left}
.modal-content-box .input{display:inline-block}
.modal-content-box .mobi-text-no{width:90px;color:#060606;border-radius:0;height:30px;vertical-align:middle;font-size:12px}
.modal-content-hdfc div.error{background-color:#fff;border:1px solid red;color:red;margin-bottom:10px;padding:5px;}
.error label,span.errorMessage{color:#d38888}
.modal-content-hdfc .fields{margin:0 auto;width:70%}
div.input input{border:1px solid #ced4d5;padding:1px;display:inline-block;vertical-align:top}
div.input input[type="radio"]{margin:15px 0 0}
.modal-content-hdfc .input label{padding-left:5px;display:inline-block;width:151px;font-size:12px;padding-top:14px}
.modal-body{padding:20px 24px}
.modal-content-box li.mobi-verify div.label{color:red!important}
.mobi-data-bg .input{padding-left:50px;width:200px;float:left;font-size:11px}
.error label.btn {color:#fff;}
/* modal Section style | End */

/* app section style | Begin*/
ul.disclamer{padding-left:15px;font-size:12px;margin-bottom:15px}
.disclamer > li{list-style:decimal;line-height:1.7}
.hdfc-footer p{font-size:12px}
/*Footer style | End*/

/*Pop up style | Begin*/
.pay-summary {
    background-color: transparent;
    background-image: url(/images/payment-sum-sprite.png);
    background-repeat: no-repeat;
}
.user-icon {
    background-position: 0 -200px;
    padding: 10px 0 10px 30px;
}
.DOB-icon {
    background-position: 0 -231px;
    padding: 10px 0 10px 30px
}
.gender-icon {
    background-position: 0 -265px;
    padding: 10px 0 10px 30px
}
.smoke-icon {
    background-position: 0 -294px;
    padding: 10px 0 10px 30px
}
.email-icon {
    background-position: 0 -321px;
    padding: 10px 0 10px 30px
}
.phone-icon {
    background-position: 0 -353px;
    padding: 10px 0 10px 30px
}
.nomine-icon {
    background-position: 0 -385px;
    padding: 10px 0 10px 30px
}
.payment-summary .list-group-item span {
    color: #727272;
    line-height: 14px;
}
.payment-summary .modal-header {
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    color: #2f3943;
    padding: 5px 20px;
}
.modal-dialog.payment-summary .modal-header .close {
    right: 22px;
    top: 16px;
    font-size: 20px;
}
.headsection {
    background: #f5f5f5;
    border: 1px solid #e4e9ed;
    margin-bottom: 10px;
    padding: 10px 20px 10px;
    width: 100%;
    display: inline-block;
}
.your-detail {
    border: 1px solid #005f9f;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #005f9f;
    color: #fff;
    padding: 3px;
    font-weight: bold;
}
.payment-summary {
    border: 2px solid #0462ac;
}
.offer-detail-head {
    text-align: left;
    font-size: 15px;
}
.offer-detail-body .insure-details .align-right, .offer-detail-body .insure-premium-details .align-right {
    width: 58%;
    display: inline-block;
    float: none;
    vertical-align: top;
}
.offer-detail-body .insure-details .labeltxt, .offer-detail-body .insure-premium-details .labeltxt {
    vertical-align: top;
    width: 36%;
    text-align: left;
}
.app-gnrl-insurance {
    border: none;
}
.payment-summary .popup-list .list-group {
    padding: 10px 10px 0 0;
}
.pay-now {
    background: #f00;
 }
.pay-visa, .pay-master, .pay-netbank {
    width: 42px;
    height: 42px;
    margin-left: 10px;
}
.pay-visa {
    background-position: 0 -31px;
}
.pay-master {
    background-position: 0 -84px;
}
.pay-netbank {
    background-position: 0 -138px;
    width: 93px;
}
.accept {
    margin-bottom: 12px;
    display: inline-block;
}
.payment-summary .checkbox.checked .second-icon, .payment-summary .radio.checked .second-icon {
    color: #0462ac;
}
/*Pop up style | End*/

.transaction-popup1 .modal-dialog {
    min-width: 90%;
}
.illustration {
    background: #fff;
    margin: 160px auto 0;
    width: 40%;
    color: #464646;
    border: 2px solid #0462ac;
    font-size: 12px;
}
.illustration .modal-header {
    background: #0462ac;
    height: 50px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.illustration .modal-header .close {
    color: #fff;
    opacity: 1;
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 24px;
}
.illustration h4 {
    font-family: Verdana,Tahoma,Arial;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin: 0;
}
.illustration p {
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
}
.illustration .download {
    margin: 5px auto;
    width: 100%;
    text-align: center;
}
.illustration .download a {
    color: #0462ac;
    text-decoration: underline;
}
.illustration .continue-btn {
    width: 110px;
    margin: 0 auto 10px;
}
.illustration .btn-danger {
    background: #ec141d;
}
@media(max-width:1200px) {
    .hdfc-points-section{width: 209px;}
}
@media(max-width:480px) {
    .illustration {width: 90%;}
    .payment-summary .list-group-item span{padding: 10px 0 10px 26px;}
}
/*bug fixing style | Begin*/
.rupee-nospace {
    background-position: 0 -188px;
    padding-left: 25px;
    display: inherit;
}
.btn-primary {
    background-color: #0462ac;
    color: #fff;
}
/*bug fixing style | End*/
.payment-popup-disclaimer{color: #666;float: left;font-size: 12px;text-align: center;}