/*Header style | Begin*/
body{font-family: trebuchet ms,Arial;color: #251f20; }
header{background:#fff}
.header-logo{margin-top:10px}
.powered-by-bb{margin:15px 5px 0 0}
.aegon-life .header-logo a {
    padding-bottom: 10px;
    display: inline-block;
}
/*Header style | End*/

/* Left Section style | Begin */
.micro-app-page {
    background: #fff;
    margin-bottom: 10px;
    min-height: 699px;
    overflow: hidden;
    margin-top: 5px;
    border-radius: 10px;
    padding: 5px 15px 20px;
}
.need-assitance.aegon img{max-width:100%;margin:20px auto 0;border-radius:5px}
.aegon-points-section{border:1px solid #ccc;border-radius:5px;font-size:12px;overflow:hidden;width:220px;margin:20px auto}
.points-title{background-image:linear-gradient(to bottom,#fdfdfd 0,#f1f1f1 100%);color:#3b3b3b;font-family:trebuchet ms,Arial;font-weight:700;min-height:20px;padding:10px;text-align:left;line-height:15px}
.points-section-container{background:#fff;padding:7px}
.aegon-points-section ul{padding-left:0;margin-bottom:10px}
.aegon-points-section li{font-size:12px;line-height:16px;padding:0 0 5px 14px;text-align:left}
.aegon .call-section{background:#29a6d6;padding:60px 2px 20px}
.offer-detail-body p {color: #000;}
.offer-detail-body .labeltxt {
    width: 36%;
}
/* Left Section style | End */

/* app section style | Begin*/
.btn-primary{background-color:#d9ae2c}
.login-and-save .btn-primary:hover{background:#d9ae2c}
.login-and-save .btn-primary .email-link-icon{border-right:1px solid #fff}
.app-form-content .active{border-bottom:1px solid #d9ae2c;color:#d9ae2c}
.app-form-content .active .fl_wrap .fl_input{color:#d9ae2c}
.app-form-section .fl_wrap.focused .fl_label{color:#d9ae2c}
.btn-secondary:hover,.btn-secondary:focus{background:#d9ae2c}
.app-form-section .btn.checked{background:#d9ae2c}
.submit-button-block .btn-secondary{background-color:#d9ae2c}
.submit-button-block .btn-danger{background-color:#87da27;color:#fff}
.app-form-section p font {font-size:14px}
/* app section style | End*/

/* modal Section style | Begin */
.modal-content-box{background:#d9ae2c;margin:10% auto;width:65%; border-radius: 7px;}
.modal-content-box .mobile-content{color:#fff}
.modal-content-box .close {
    color: #fff;
    opacity: 1;
    position: absolute;
    right:15px;
    top: 13px;
    font-size: 24px;
}
.mobile-content h4{font-size: 22px;
    text-align: center;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 5px;
    color: #fff;
    font-weight: bold;
    }
.modal-content-aegon ul{padding-left:0;margin-bottom:0}
.modal-content-aegon ul li{color:#fff;font-size:14px;text-align:left;padding:10px 13px 10px 0}
.modal-content-aegon .mobi-button{margin:0 auto;text-align:center;width:50%}
.modal-content-box .working-hrs{display:inline-block;padding-top:10px;color:#251f20;width:auto;line-height:16px;text-align:center;font-size:12px}
.modal-content-aegon.input {
    padding-left: 0;
    width: 50%;
    float: left;
    font-size: 12px;
}
.modal-content-aegon li.mobi-verify div.label, .modal-content-aegon li.time-data-bg div.label {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    width: 50%;
    float: left;
    color: #000;
}
.modal-content-aegon li.time-data-bg div.label {
    width: 100%;
}
.modal-content-box .mobi-text-no {
    width:135px;
    color: #060606;
    height: 25px;
    padding-left:5px;
    vertical-align: middle;
    font-size: 12px;
    display: inline;
}
.modal-content-aegon .time-data-bg .fields .input input {
    width: 10%;
    vertical-align: middle;
}
.modal-content-aegon .input {
    display: inline-block;
    font-size: 12px;
}
.modal-content-aegon div.error{background-color:#fff;border:1px solid red;color:red;margin-bottom:10px;padding:5px;}
span.errorMessage{color:#d38888}
.modal-content-aegon .fields{margin:0 auto;width:85%}
.modal-content-aegon .input label {
    display: inline-block;
    width: 38%;
    font-size: 12px;
    vertical-align: middle;
    line-height: 2.4;
}
.modal-body{padding:2%}
.btn-danger {
     background-color: #87da27;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset;
}
.btn-danger:hover, .btn-danger:focus {
    background: #87da27;
    box-shadow: none;
}
/* modal Section style | End */

/* Media query style | Begin */
@media(max-width:320px) {
  .select-wrapper .holder {width:190px;}
}
@media(max-width:991px) {
    .full-width.default span span {width: 85%;}
}
/* Media query 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: #d9ae2c;
    border-radius: 10px 10px 0 0;
    color: #fff;
}
.modal-dialog.payment-summary .modal-header .close {
    right: 22px;
    top: 16px;
    color:#fff;
    font-size: 28px;
}
.headsection {
    background: #f5f5f5;
    border: 1px solid #e4e9ed;
    margin-bottom: 10px;
    padding: 10px 20px 10px;
    width: 100%;
    display: inline-block;
}
.your-detail {
    border: 1px solid #d9ae2c;
    border-radius: 5px;
    background: #d9ae2c;
    color: #FFF;
    padding: 2px 5px;
    font-weight: bold;
}
.payment-summary {
    border: 2px solid #0462ac;
}
.offer-detail-head {
     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: #d9ae2c;
}
.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: 90px;
}
.accept {
    margin-bottom: 12px;
    display: inline-block;
}
.download a {
    color: #ed1c24;
    text-decoration: underline;
    font-size: 12px;
}
.payment-summary .checkbox.checked .second-icon, .payment-summary .radio.checked .second-icon {
    color: #d9ae2c;
}
.app-payment-note {
    color: #f00;
    padding: 5px 0 0 15px;
    font-size: 12px;
    line-height: 18px;
    clear: both;
}
.download {
    margin-bottom:10px;
}
.download .gb {
    background-image: url(/images/gb-v1.png);
    background-position: -53px -73px;
    display: inline-block;
    height: 26px;
    vertical-align: bottom;
    width: 26px;
}
/*Pop up style | End*/



.transaction-popup1 .modal-dialog {
    min-width: 100%;
}
.illustration {
    background: #fff;
    margin: 10% auto;
    width: 35%;
    color: #464646;
    border: 0;
    text-align: center;
}
.illustration .modal-header {
    background: #d9ae2c;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px 20px;
}
.illustration h4 {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}
.illustration .modal-header .close {
    color: #fff;
    opacity: 1;
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 24px;
}
.illustration p {
    font-size: 12px;
    margin-bottom: 15px;
}
.illustration .download {
    margin-bottom: 15px;
}
.illustration .download a {
    color: #ed1c24;
    text-decoration: underline;
    font-size: 12px;
}
@media(max-width:1200px) {
    .aegon-points-section{width: 209px;}
}
@media(max-width:480px) {
    .payment-summary .list-group-item span{padding: 10px 0 10px 26px;}
    .illustration {
        width: 90%;
    }
}