@font-face {
    font-family: 'DroidSans';
    src: url('/styles/fonts/droidsans/DroidSans.eot?#iefix') format('embedded-opentype'),
    url('/styles/fonts/droidsans/DroidSans.woff') format('woff'),
    url('/styles/fonts/droidsans/DroidSans.ttf')  format('truetype'),
    url('/styles/fonts/droidsans/DroidSans.svg#DroidSans') format('svg');
    font-weight: normal;
    font-style: normal;
}


body, .sbi-life {
    font-family: 'DroidSans', sans-serif;
}
header {
    background: #fff;
    margin-bottom: 5px
}
header .header-logo {
    padding: 10px 0px 15px;
}
header .powered-by-logo {
    padding: 10px 0px 15px;
}
header .header-logo img {
    max-width: 260px;
    max-height: 50px;
}
header .powered-by-logo img {
    max-width: 260px;
    max-height: 50px;
}
header .powered-by-logo img {
    float: right;
}

.micro-app-page {
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 10px;
    padding: 10px 20px 20px;
    overflow: hidden
}
.content-box p {
    font-size: 14px;
    line-height: 1.4;
    /*color: #000;*/
    font-weight: 200
}
.component {
    border: 1px solid #CBDAE8;
    border-radius: 5px;
    font-size: 12px;
    overflow: hidden;
    width: 87%;
    margin: 20px auto
}
.points-title {
    background-image: linear-gradient(to bottom, #fff 0, #f7f7f9 100%);
    border-bottom: 1px solid #CBDAE8;
    color: #225983;
    /*font-family: calibri, Arial;*/
    font-family: 'DroidSans', sans-serif;
    font-weight: bold;
    min-height: 20px;
    padding: 10px;
    text-align: left;
    line-height: 15px
}
.component-inner {
    background: #fff;
    padding: 5px;
    color: #3C5868;
}
.component .answers ul {
    padding: 0
}
.component .answers li {
    background: url(/images/sbi-life-insurance/bullet-point.jpg) no-repeat 0 3px;
    font-size: 12px;
    line-height: 16px;
    padding: 0 0 5px 16px;
    text-align: left
}
.needassit-green {
    background-color: #00aeef;
    margin: 20px auto 0;
    width: 85%
}
.needassitance {
    background: #F5F8FB;
    border: 1px solid #D6D8D8;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 10px;
}
.adsbanner img {
    max-width: 100%;
    margin: 20px auto 0;
    border-radius: 5px
}
.offer-detail-body .insure-details .labeltxt, .offer-detail-body .insure-premium-details .labeltxt {
    vertical-align: top;
    width: 36%;
    text-align: left;
    display: inline-block
}
.offer-detail-body .insure-details .align-right, .offer-detail-body .insure-premium-details .align-right {
    vertical-align: top;
    width: 58%;
    text-align: right;
    display: inline-block
}
.headsection {
    background: #F5F8FB;
    border: 1px solid #D6D8D8;
    padding: 10px 20px 0
}
.offer-detail-head {
    color: #3d3d3d;
    font-weight: bold
}
.offer-detail-body {
    border: 1px solid #CBDAE8;
    border-radius: 4px;
    box-shadow: 1px 1px 3px #D2D2D2;
}
.app-element {
    border-bottom: 1px solid #CBDAE8;
}
.login-and-save .btn-primary, .login-and-save .btn-primary:hover {
    color: #FFF;
    background-color: #00aeef/*#4088BF*/;
}
.login-and-save .btn-primary .login-save-icon, .login-and-save .btn-primary .email-link-icon {
    border-right: 1px solid #fff
}
.botline .radio.checked {
    background: #00aeef;
    color: #FFF
}
.saveNow {
    background: #f15a22
}
.sbi-life .btn-danger {
    color: #FFF;
    background-color: #00aeef;
}
.appform .appform-input .active {
    border-bottom: 1px solid #00aeef;
    color: #00AEEF
}
.appform .appform-input .error {
    border-bottom: 1px solid #D38888;
    color: #D38888
}
.botline .radio-inline:hover {
    background: #00aeef;
    color: #FFF
}
.appform-input .active .select-wrapper .holder {
    color: #00aeef
}
.appform .appform-input .active .fl_wrap .fl_input {
    color: #00aeef;
    margin: 0
}
.appform .appform-input .active {
    color: #00aeef
}
.appform .panel-group .panel {
    border: 1px solid #CBDAE8;
    box-shadow: 0px 1px 0px #EEE;
}
.panel-default > .panel-heading {
    background-image: linear-gradient(to bottom, #FFF 0px, #F7F7F9 100%);
    border-bottom: 0px solid #CBDAE8;
    color: #225983;
}
.botline .fl_wrap.focused .fl_label {
    color: #00aeef
}
.checkbox.checked .second-icon, .radio.checked .second-icon {
    color: #00aeef
}
.illustration .continue-btn .btn-danger:hover, .illustration .continue-btn .btn-danger:focus {
    background-color: #00aeef
}
.saveNow:hover {
    background: #f15a22;
    color: #FFF;
    box-shadow: none
}
.sbi-life .btn-danger:hover {
    background: #00aeef;
    color: #FFF;
    box-shadow: none
}
.sbi-life .btn-danger:focus {
    background-color: #00aeef
}
.download .gb {
    background-position: -70px -71px;
    display: inline-block;
    height: 26px;
    vertical-align: bottom;
    width: 26px
}
.terms-color a {
    text-decoration: underline
}
.popup-footer .accept.error {
    color: #F00
}
.sbi-life-insurance-thanks .sbi-life-insurance-tith1 {
    font-size: 24px
}
.sbi-life-insurance-thanks .sbi-life-insurance-tith2 {
    font-size: 18px
}
.container .jumbotron {
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 10px;
    padding-bottom: 20px;
    overflow: hidden
}
.sbi-life-insurance-footer, .sbi-life-insurance-footer p {
    background: #231f20;
    color: #75787C;
    font-size: 14px;
    font-weight: normal;
    padding: 1% 0;
    width: 100%
}
.sbi-life-insurance-footer p{
    padding: 0;
}
.sbi-life-insurance-footer a {
    color: #f15a23;
}
.transaction-popup1 {
    text-align: center
}
.transaction-popup1 .modal-dialog {
    min-width: 100%
}
.transaction-popup1 .modal-header, .call-back .modal-header {
    padding: 10px 20px
}
.illustration {
    background: #fff;
    margin: 10% auto;
    width: 35%;
    color: #464646;
    border: 2px solid #0462ac;
    border: 0
}
.illustration .modal-header, .call-back .modal-header {
    background:/*#F15A23*/#00aeef;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}
.illustration h4, .call-back h4 {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    text-align: center
}
.illustration p {
    font-size: 12px
}
.download {
    margin: 0 0 15px
}
.download a {
    color: #ed1c24;
    text-decoration: underline;
    font-size: 12px
}
.illustration .modal-header .close, .call-back .modal-header .close {
    color: #fff;
    opacity: 1;
    position: absolute;
    right: 13px;
    top: 2px;
    font-size: 24px
}
.modal-body {
    padding: 2%
}
.illustration .btn-danger:hover, .illustration .btn-danger:focus {
    background-color: #ec141d
}
.illustration .download-pdf {
    background-position: -70px -72px;
    display: inline-block;
    height: 24px;
    vertical-align: bottom;
    width: 26px
}
.gb, .nav-steps .steps-1, .nav-steps .steps-2, .nav-steps .steps-3, .nav-steps div span, .active-step1 .steps-1, .active-step2 .steps-2, .active-step3 .steps-3 {
    background-image: url(/images/gb-v1.png);
    background-repeat: no-repeat
}
.call-back {
    background: #fff;
    margin: 10% auto;
    width: 65%;
    border: 0
}
.call-back .modal-body {
    padding: 2%
}
.call-back .mobile-collect {
    color: #FFF
}
.call-back .close {
    color: #FFF;
    opacity: 1;
    position: absolute;
    right: 16px;
    top: 9px;
    font-size: 24px
}
.call-back .mobile-collect {
    color: #FFF;
    font-size: 12px
}
.call-back .mobile-collect h4 {
    font-size: 22px;
    text-align: center;
    border-bottom: 1px solid #fff;
    padding-top: 0;
    padding-bottom: 10px;
    margin-top: 0
}
.call-back .callback-content {
    font-size: 12px
}
.call-back .callback-content ul {
    padding: 0;
    font-size: 12px
}
.call-back .callback-content .error {
    background-color: #FFF;
    border: 0px solid #F00;
    color: #F00;
    margin-bottom: 10px;
    padding: 0px;
    font-size: 12px
}
.call-back .callback-content .error label {
    margin-bottom: 0;
    line-height: 18px;
}
.call-back li.mobi-verify div.label, .call-back li.time-data-bg div.label {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    width: 50%;
    float: left;
    color: #000
}
.call-back .input {
    display: inline-block
}
.call-back .input input {
    color: #000;
    padding-left: 5px;
}
.call-back .mobi-data-bg .input {
    padding-left: 0;
    width: 50%;
    float: left;
    font-size: 12px
}
.call-back .call-back .mobi-data-bg .input input {
    padding: 0 5px!important;
    color: #000;
    padding: 0 5px!important
}
.call-back .callback-content ul li {
    color: #3C5868;
    font-size: 14px;
    text-align: left;
    padding: 0 0 15px 0
}
.call-back .callback-content ul {
    margin-bottom: 0px;
}
.call-back .callback-content .fields {
    margin: 0 auto;
    width: 85%;
    background: #f5f5f5;
    padding: 5px;
}
.call-back .callback-content .fields.error {
    background: #FBE6E6;
    color: #000;
}
.call-back li.time-data-bg div.label {
    width: 100%
}
.call-back .callback-content .fields ul li {
    color: #FFF;
    font-size: 14px;
    text-align: left;
    padding: 10px 1px 5px 0;
    width: 100%
}
.call-back .callback-content .fields ul li {
    width: 50%;
    float: left
}
.call-back .callback-content .fields ul li input[type="radio"] {
    width: 10%
}
.call-back .callback-content .fields ul li label {
    width: 80%
}
.call-back .time-data-bg .fields .input input {
    width: 10%;
    outline: none;
    line-height: normal;
    box-sizing: border-box;
    padding: 0px;
}
.call-back .time-data-bg .fields .input label {
    width: 38%;
    font-size: 12px;
    margin-top: 0px;
    vertical-align: middle;
    padding-top: 0px;
    line-height: 18px;
}
.call-back .clr {
    clear: both
}
.call-back .btn-danger:hover, .call-back .btn-danger:focus {
    background-color: #00aeef
}
.modal-dialog.payment-summary {
    border: 0 solid #fff;
    border-radius: 10px;
    width: 70%;
    margin: 10px auto
}
.call-back .working-hrs {
    background-color: #F5F5F5;
    text-align: center;
    padding: 5px;
    width: 100%;
}
.modal-dialog.payment-summary .modal-header {
    background-color: #00aeef;
    color: #FFF;
    font-size: 24px
}
.modal-dialog.payment-summary .modal-header .close {
    color: #fff;
    font-size: 28px;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 1px;
    text-shadow: none
}
.your-detail {
    border: 1px solid #00aeef;
    border-radius: 5px;
    background: #00aeef;
    color: #FFF;
    padding: 2px 5px;
    font-weight: bold
}
.app-gnrl-insurance {
    border: 0
}
.sbi-life .modal .payment-summary .list-group-item {
    padding: 0 0 6px
}
.payment-summary .popup-list .list-group {
    padding: 10px 10px 0 0
}
.payment-summary .popup-list .list-group {
    padding: 10px 10px 0 0
}
.payment-summary .list-group-item span {
    color: #727272;
    font-size: 13px
}
.pay-summary {
    background-color: transparent;
    background-image: url(/images/payment-sum-sprite.png);
    background-repeat: no-repeat
}
.user-icon {
    background-position: 0 -200px;
    padding: 5px 0 5px 30px
}
.DOB-icon {
    background-position: 0 -231px;
    padding: 5px 0 5px 30px
}
.gender-icon {
    background-position: 0 -265px;
    padding: 5px 0 5px 30px
}
.smoke-icon {
    background-position: 0 -294px;
    padding: 5px 0 5px 30px
}
.email-icon {
    background-position: 0 -321px;
    padding: 5px 0 5px 30px
}
.phone-icon {
    background-position: 0 -353px;
    padding: 5px 0 5px 30px
}
.nomine-icon {
    background-position: 0 -385px;
    padding: 5px 0 5px 30px
}
.pay-now {
    background: #00aeef;
    color: #FFF
}
.payment-summary .paymentconfirm-error {
    background: #F00
}
.payment-bottom-p .error {
    color: #f00
}
.payment-summary .modal-header {
    border-bottom: 0 solid #ebedef;
    padding: 10px 20px
}
.payment-summary .modal-title {
    font-size: 22px;
    line-height: 22px
}
.modal-dialog.payment-summary .modal-body {
    background: #fff
}
.needassitance img {
    max-width: 90%;
    margin: 20px auto 0;
    border-radius: 5px;
    border: 1px solid #CBDAE8;
}
#appPaymentPopoverModal .payment-summary {
    width: 64%;
    top: 60px
}
.app-payment-note {
    color: #f00;
    padding: 10px;
    line-height: 18px
}
.sbi-life-insurance-thanks {
    width: 80%;
    margin: 0 auto;
    text-align: center
}
.sbi-life-insurance-thanks .failure-message {
    color: #29a6d6
}
.sbi-life-thanks .sbi-life-tith1, .sbi-life-insurance-thanks .sbi-life-insurance-tith2 {
    color: #29a6d6
}
.sbi-life-insurance-thanks .sbi-life-insurance-tith2 .number {
    color: #0f90c2
}
.app-status-box {
    margin: 10px;
    border: #29a6d6 3px solid;
    padding: 10px;
    border-radius: 10px
}
.payment-failure p:nth-child(1) {
    color: #f00
}
.payment-failure .app-status-box p:nth-child(1) {
    color: #000
}
/* newly added */
.active .bbicons-app-section,.active .app-details::before{background-image:url(/images/sbi-life-insurance/new-sbilife-app-sprite-active-v1.png)}
.app-details, .active .app-details, .error .app-details { background-image: none !important;}
.app-form-content .active .fl_wrap .fl_input{color:#0093dd}
.app-form-section .btn.checked{background:#0093dd}
.btn-secondary:hover,.btn-secondary:focus{background:#0093dd}
.app-form-content .active{border-bottom:1px solid #0093dd;color:#0093dd}
.app-form-section .fl_wrap.focused .fl_label{color:#0093dd}

/*.login-and-save .btn-primary .email-link-icon{border-right:1px solid #fff}
.submit-button-block .btn-secondary{background-color:#0462ac}*/
.powered-by-bb{ padding: 12px 10px 0 0}
.call-section{margin: 28px auto}
.microsite-points-section{
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 12px;
    margin: 20px auto;
    overflow: hidden;
    width: 90%;
    background: #fff;
}
.microsite-points-section ul {
    margin-bottom: 10px;
    padding: 5px;
}
.microsite-points-section li{
    font-size: 12px;
    line-height: 18px;
    padding: 0 0 5px 16px;
    text-align: left;
    background: url(/images/sbi-life-insurance/bullet-point.jpg) no-repeat left top 5px
}


/* modal Section style | Begin */
.modal-content-box{background:#3685bd;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-microsite ul{padding-left:0;margin-bottom:0}
.modal-content-microsite ul li{color:#fff;font-size:14px;text-align:left;padding:10px 13px 10px 0}
.modal-content-microsite .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-microsite div.error{background-color:#fff;border:1px solid red;color:red;margin-bottom:10px;padding:5px;}
.error label,span.errorMessage{color:#d38888}
.modal-content-microsite .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-microsite .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 */


@media only screen and (max-width:1200px) {
    header .header-logo, header .powered-by-logo {
        padding: 10px 10px 15px;
    }
}
@media(max-width:991px) {
    .sbi-life .tab-left-section {
        display: none
    }
    .illustration {
        width: 75%
    }
}
@media only screen and (max-width:767px) {
    header .header-logo, header .powered-by-logo {
        padding: 10px 10px 15px;
    }
    header .header-logo img, header .powered-by-logo img {
        display: block;
        max-width: 100%;
        max-height: 50px;
    }
    .ft-copy { padding:10px; }
}
@media(max-width:480px) {
    .payment-summary .list-group-item span {
        padding: 5px 10px 5px 26px;
        width: 50%
    }
    .payment-summary .list-group-item span:nth-child(2) {
        padding: 5px 10px 5px 10px;
        width: 50%
    }
}

@media(max-width:340px) {
    .default .radio-inline:nth-child(3) {
        left: 2px
    }
    .default .radio-inline {
        margin-bottom: 5px
    }
}

@media(max-width:320px) {
    .classic.is-active {
        width: 200px
    }
    .appform-input .select1 .select-wrapper .holder {
        max-width: 320px;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 190px;
        white-space: nowrap
    }
}