body {
    width: 100%;
    background: #f6f9fb;
    height: 100%;
    font-size: 100%;
    color: #000000;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
    font-family: 'Roboto', sans-serif;
}

ul, li {
    list-style-type: none;
}

a:-webkit-any-link {
    /*text-decoration: none !important;*/
}

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

input[type="submit"], input[type="button"] {
    /* border: none;*/
    cursor: pointer;
    -webkit-appearance: none;
}

.clear {
    clear: both;
}


em {
    font-style: normal;
    font-size: 10px;
}

#main-container {
    width: 100%;
    margin: 0;
    padding: 0;
}

.mBottom {
    margin-bottom: 10px;
}

.pAll {
    padding: 15px;
}

select {
    color: #c7c7c7;
}

input[type="text"], input[type="tel"], input[type="email"], input, select, textarea { /*color:#c7c7c7;*/
    -webkit-appearance: none;
}

    textarea:disabled, input:not([type]):disabled, input[type="color" i]:disabled, input[type="date" i]:disabled, input[type="datetime" i]:disabled, input[type="datetime-local" i]:disabled, input[type="email" i]:disabled, input[type="month" i]:disabled, input[type="password" i]:disabled, input[type="number" i]:disabled, input[type="search" i]:disabled, input[type="tel" i]:disabled, input[type="text" i]:disabled, input[type="time" i]:disabled, input[type="url" i]:disabled, input[type="week" i]:disabled {
        background-color: #fff;
        color: rgba(199, 199, 199,1);
    }


    input[disabled], textarea[disabled],
    select[disabled='disabled'],
    input[type="submit"][disabled],
    input[type="button"][disabled] {
        cursor: no-drop;
        /* background: rgba(199, 199, 199,1); */
        color: #fff;
    }



::-webkit-input-placeholder {
    color: #c7c7c7;
}

:-moz-placeholder {
    color: #c7c7c7;
    opacity: 1;
}

::-moz-placeholder {
    color: #c7c7c7;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #c7c7c7;
}

::-ms-input-placeholder {
    color: #c7c7c7;
}


a {
    color: #2684ff;
    text-decoration: none;
}

.radio label.large {
    width: 80px
}

.formerrormsg {
    /*color: red;
    width: 100%;
    margin: 0;
    padding: 0;
    bottom: 1px;
    font-size: 11px;
    position: absolute;
    left: 0;*/
}

.errormsg {
    color: red !important;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 11px;
}
textarea.errorMsg, input[type="text"].errorMsg, input[type="tel"].errorMsg, input[type="email"].errorMsg {
    color: #f95151;
    background: #fffcfc;
    border: solid 1px #ff7268 !important;
    width: 100%;
    position: relative;
    display: inline-block;
}

select.errorMsg {
    color: #606060;
    background: #fffcfc url(../images/select-arrow.png) right center no-repeat;
    border: solid 1px #ff7268 !important;
}
em.errorstatus {
    position: absolute;
    left: -35px;
    top: 37%;
    width: 32px;
    height: 23px;
    display: none;
}

    em.errorstatus span.confirm {
        background: url(../images/ErrorStatus.png) -1px -1px no-repeat;
        display: inline-block;
        height: 100%;
        width: 100%;
        display: none;
    }

    em.errorstatus span.error {
        background: transparent url(../images/ErrorStatus.png) -1px -25px no-repeat !important;
        display: inline-block;
        height: 100%;
        width: 100%;
        display: none;
    }

        em.errorstatus span.error:before {
            content: "";
            background: none !important;
        }
/*PersonalInfo Css Start*/
.pInfomainbox {
    width: 100%;
    margin: 0;
    padding: 0;
}

    .pInfomainbox.LifeStylePage {
        min-height: 500px;
    }

    .pInfomainbox .note_txt {
        width: 100%;
        margin: 0 0 15px 0;
        padding: 0;
        text-align: justify;
        color: #6d6d6d;
        font-size: 13px;
    }

.p_info {
    width: 100%;
    /*margin: 0;
    clear: both;
    
    padding: 10px;*/
    /*display: none;*/
    box-sizing: border-box;
}




.c_info {
}

.headbar {
}

    .headbar span {
    }

    .headbar font {
        font-size: 22px;
    }

#pnlBasic, #secPerFamilyInfo, #secPerContactInfo, #secPerEducationInfo, #secPerNomineeInfo, #divappointee, .lifeStyleDetails, .insuranceDetails, .familyDetails, #pnlCKYC {
    /*margin-bottom: 10px;*/
}



#pnlCriticalInfo .c_info {
    border: none;
}

/*.headbar font {background: url(../images/icons.png) no-repeat scroll -20px 0 transparent; width:18px; height:17px;float:right;margin-left:10px;margin-top:13px;}
.c_info .active .hide{background-position:0 0;}*/

.cfrDocupload {
    padding: 2px;
}

    .cfrDocupload h4 {
        font-size: 24px;
        color: #0069bc;
        margin-bottom: 10px;
    }

.c_info.uploadDocss {
    width: auto;
}

    .c_info.uploadDocss h4 {
        font-size: 24px;
        color: #0069bc;
        margin-bottom: 10px;
    }

    .c_info.uploadDocss .paratxt {
        margin-bottom: 10px;
    }

    .c_info.uploadDocss ul.additionalDocss {
        width: 100%;
        margin-bottom: 10px;
    }

        .c_info.uploadDocss ul.additionalDocss li {
            border-top: 1px solid #d4d4d4;
            border-bottom: 1px solid #d4d4d4;
            width: 100%;
            padding: 14px 0;
            margin-bottom: 10px;
        }

    .c_info.uploadDocss span#FileUpload {
        float: right; /*width: 322px; margin-bottom: 8px;*/
    }

    .c_info.uploadDocss .uploaddoctextCFR {
        text-align: left;
        width: 100%;
        margin: 0 0 10px 0;
        padding: 0;
        color: #0069bc;
        font-size: 14px;
        line-height: 21px;
    }

        .c_info.uploadDocss .uploaddoctextCFR span {
            font-size: 19px;
            font-weight: 500;
            display: inline-block;
            margin-bottom: 6px;
            width: 100%;
            line-height: 28px;
        }


    .c_info.uploadDocss .alternateTxt {
        margin: 10px 0;
        text-align: center;
        width: 100%;
    }

.c_info .databox_panel {
    width: 100%;
    box-sizing: border-box;
}

    .c_info .databox_panel .dummy_data {
        width: 100%;
        margin: 10px 0;
        display: none !important;
    }

        .c_info .databox_panel .dummy_data li {
            display: inline-block;
            font-size: 11px;
            overflow-wrap: break-word;
            word-wrap: break-word;
            color: #999;
            text-align: center;
            border-right: 1px solid #D6D6D6;
            width: 21%;
            padding: 0 5px;
            vertical-align: middle;
            min-height: 25px;
            /*  display:table-cell; font-size:11px; color:#999; text-align:center;border-right: 1px solid #D6D6D6; width:25%; padding:0 30px; */
        }

.p_info .form_fields ul:first-child {
}

.c_info .databox_panel .dummy_data li:last-child {
    border-right: none;
}


.formcomplete {
    background-color: #efeeee;
}

    .formcomplete .databox_panel .dummy_data {
        display: table;
    }

    .formcomplete em.errorstatus {
        top: 19%;
        left: -22px;
    }

.displaynone {
    display: none;
}

.FlsIdBox {
    clear: both;
    margin-bottom: 18px;
    padding: 15px 2%;
    width: 96%;
    border: 1px solid #d8e2e9; /*background:#efeeee; border-radius:10px;*/
    position: relative;
    color: #545454;
}

    .FlsIdBox label {
        margin-right: 10px;
    }

    .FlsIdBox input[type="text"], .FlsIdBox input[type="tel"] {
        /*background:#e3e3e3;*/
        border: 1px solid #e3e3e3;
        border-radius: 3px;
        font-size: 12px;
        font-weight: normal;
        padding: 8px 10px;
        color: #545454;
        width: 120px;
        -webkit-transition: border linear 0.10s, box-shadow linear 0.2s;
        -moz-transition: border linear 0.10s, box-shadow linear 0.2s;
        -o-transition: border linear 0.10s, box-shadow linear 0.2s;
        transition: border linear 0.10s, box-shadow linear 0.2s;
    }

        .FlsIdBox input[type="text"]:focus, .FlsIdBox input[type="text"]:hover,
        .FlsIdBox input[type="tel"]:focus, .FlsIdBox input[type="tel"]:hover {
            background-color: #fff;
            border: 1px solid #3387c9;
            outline: 0;
            outline: thin dotted \9;
            -webkit-transition: .5s ease;
            transition: .5s ease;
        }

button {
    cursor: pointer;
}

.addnominee {
    /*float: right;
    display: inline;
    margin: 5px 0px;
    padding: 6px 8px;
    margin-bottom: 0;
    font-size: 14px;
    cursor: pointer;
    background: none;
    position: relative;
    border: 2px solid transparent;
    border-radius: 20px;
    color: #067ec1;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    text-decoration: none;*/
}

    .addnominee:hover {
        /*border: 2px solid #067ec1;*/
    }

    .addnominee span {
        /*border: 1px solid #067ec1;
        border-radius: 100px;
        color: #067ec1;
        display: inline-block;
        font-size: 18px;
        font-weight: 500;
        height: 22px;
        padding: 0 6px;
        text-align: center;
        vertical-align: middle;
        width: 10px;
        margin: 0 0 0 4px;*/
    }

    .addnominee.onlyPlus {
        /*float: right;
        display: inline;
        margin: 4px 0px;
        padding: 6px 0px;
        right: 43px;
        top: -5px;
        margin-bottom: 0;
        font-size: 14px;
        cursor: pointer;
        background: none;
        position: relative;
        color: #067ec1;
        -webkit-transition: .5s ease;
        transition: .5s ease;
        text-decoration: none;*/
    }

.blckshadow1 {
    display: none;
    background-color: #333;
    position: fixed;
    z-index: 1001;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.ConfirmBox2 {
    background: transparent url(../images/HelloTanyBg.png) no-repeat left top;
    width: 372px;
    /* min-height: 232px; */
    z-index: 1002;
    top: 50%;
    left: 0;
    right: 0;
    position: fixed;
    margin: 0 auto;
    padding: 24px 16px 65px 194px;
    display: none;
    transform: translateY(-50%);
    overflow-y: auto;
}

    .ConfirmBox2.flatBox {
        background: #fff;
        width: 40%;
        /* height: 430px; */
        padding: 0 0 0px 0;
        /*border: solid 10px rgb(146, 146, 146);*/
        border-radius: 4px;
    }

    .ConfirmBox2 ul {
        width: 100%;
        margin: 0;
        padding: 0;
        /* display: table; */
    }

        .ConfirmBox2 ul li {
            width: 100%;
            margin: 0;
            padding: 0;
            position: relative;
            vertical-align: top;
            transition: all 300ms linear 0s;
        }

.scrollDiv ol {
    margin: 15px 0;
}

    .scrollDiv ol li {
        padding: 5px 0;
        font-size: 13px;
    }

.ConfirmBox2.flatBox .scrollDiv {
    /* overflow-y: scroll; */
    overflow-x: hidden;
    /* height: 300px; */
    background: #fff;
}

.ConfirmBox2 ul li .heloradio {
    margin: 10px auto;
    text-align: center;
    position: absolute;
    padding: 15px 0;
    bottom: 0;
    background: #fff;
    right: 0;
    left: 0;
    margin: 0;
}

.ConfirmBox2.flatBox ul li .heloradio {
    padding-left: 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: #fff;
    padding: 15px 0;
    margin: 0;
}

.ConfirmBox2 ul li .confirmbutton2 .yelowBttn {
    background: #fbbe1d;
    font-size: 15px;
    color: #000000;
    border: none;
    padding: 8px 16px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: -1px;
    cursor: pointer;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

.ConfirmBox2 ul li .heloradio input[type=submit] {
    /*display: none;*/
    bottom: 0;
    left: 0;
    /* position: absolute; */
    right: 0;
    bottom: 10px;
    /*z-index: -1;*/
    margin: 0 auto;
}

.ConfirmBox2 ul li .confirmbutton2 input[type="submit"].yelowBttn {
    display: inline;
    float: none;
    margin: 0 1px;
    position: relative;
    z-index: 1;
}

.ConfirmBox2.flatBox1 {
    background: #fff;
    /* height: 430px; */
    overflow-y: auto;
    width: 40%;
    padding: 0 0 0px 0;
    /*border: solid 10px rgb(146, 146, 146);*/
    border-radius: 4px;
    /* overflow-y: auto; */
}

.addnominee.onlyPlus:hover {
    border: 2px solid #fff;
}

ul.quest_add li.label {
    font-size: 12px;
    width: 50% !important;
}

.tooltipimark {
    display: none;
    position: absolute;
    border: 2px solid #e3e3e3;
    background-color: #161616;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
    font-size: 11px;
    z-index: 50001;
}

/*contact address css start*/
.contactInfoDiv {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .contactInfoDiv label {
        box-shadow: 0px 2px 4px 0px #e8e8e8;
        border: 1px solid #d8d8d8;
        padding: 10px 31px 10px 10px;
        border-radius: 8px;
        position: relative;
        background: #fff;
        cursor: pointer;
        font-size: 12px;
        font-weight: 400;
        color: #0A0A0A;
        width: 48%;
        margin-bottom: 20px;
        /*min-height: 140px;*/
    }

        .contactInfoDiv label.active {
            border-color: #3598db;
            background: #fff;
            box-shadow: 0px 2px 4px 0px rgb(34 92 255 / 0.15);
            color: #000;
        }

            .contactInfoDiv label.active .fullAddresssTitle,
            .contactInfoDiv label.active .contactFullAddress {
                color: #000;
            }

.contactInfoLi {
    width: 100%;
}

.customRadioBtn input[type="radio"] {
    cursor: pointer;
    position: relative;
    background: transparent;
    border: none;
    padding: 0px 0px 2px 0px;
    border-radius: 100%;
    top: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
}

    .customRadioBtn input[type="radio"]:before {
        content: "";
        cursor: pointer;
        color: #b7b7b7;
        padding: 0px 0px 2px 0px;
        display: block;
        width: 18px;
        height: 18px;
        border: 1px solid #ccc;
        border-radius: 50%;
    }

    .customRadioBtn input[type="radio"]:checked:before {
        border: 1px solid #225cff;
    }

    .customRadioBtn input[type="radio"]:checked:after {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background: #225cff;
        display: block;
        position: absolute;
        top: 9px;
        transform: translate(-50%, -50%);
        left: 50%;
    }

.customRadioBtn {
    position: absolute;
    right: 10px;
    top: 6px;
}

.contactFullAddress {
    line-height: 20px;
}

.belowTxt {
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 7px;
}

.fullAddresssTitle {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 7px;
}

.fullAddressInfo {
    font-size: 12px;
    line-height: 18px;
}

.otherAddress {
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #313131;
    height: 100%;
    text-align: center;
    flex-direction: column;
    line-height: 19px;
}

.contactInfoDiv label.active .otherAddress {
    color: #000;
}
/*nominee user added*/
.nomineeInnerDiv {
    font-size: 12px;
    line-height: 18px;
}

.labelValue {
    font-weight: 600;
}

.nomineeInfoDiv .customRadioBtn {
    left: 10px;
    right: initial;
    top: 2px;
}

.nomineeInfoDiv .contactInfoDiv label {
    padding: 10px 5px 10px 33px;
    width: 24%;
}

.nomineeInfoDiv .checkboxLabel .CheckBoxTick:after {
    border-right: 2px solid #0652dd;
    border-bottom: 2px solid #0652dd;
}

.nomineeInfoDiv input[type="checkbox"]:checked + .CheckBoxTick {
    background: #fff;
}
/*Additional Benefits CSS start*/
.addPlanmainbox {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
}

    .addPlanmainbox ul.headingbox {
        width: 100%;
        margin: 0;
        padding: 3px 0;
        display: table;
        border-bottom: 1px solid #31b1e5;
    }

        .addPlanmainbox ul.headingbox li {
            *
            width: 24%;
            margin: 0;
            padding: 0;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            position: relative;
        }

            .addPlanmainbox ul.headingbox li.blueheading {
                width: 45%;
                color: #007ec3;
                font-size: 30px;
                text-align: left;
            }

    .addPlanmainbox ul.subheadingbox {
        width: 100%;
        margin: 0;
        padding: 5px 0;
        display: table;
        font-size: 12px;
        border-bottom: 1px solid #dddddd;
        position: relative;
    }

        .addPlanmainbox ul.subheadingbox:last-child {
            border-bottom: none;
        }

        .addPlanmainbox ul.subheadingbox li {
            width: 24%;
            margin: 0;
            padding: 0;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            position: relative;
            *
        }

            .addPlanmainbox ul.subheadingbox li label {
                display: block;
            }

            .addPlanmainbox ul.subheadingbox li i {
                width: 16px;
                height: 16px;
                background: url(../images/iMark.png) left center no-repeat;
                display: inline-block;
                position: absolute;
                right: 0;
                top: 30%;
            }

            .addPlanmainbox ul.subheadingbox li.blueheading {
                width: 45%;
                color: #007ec3;
                font-size: 14px;
                text-align: left;
            }

            .addPlanmainbox ul.subheadingbox li span.rsicon {
                color: #006ab6;
                font-style: normal;
                background: url(../images/Rs_SmallIcon.png) left 1px no-repeat;
                padding: 0px 0 0px 12px;
                font-weight: 900;
            }

            .addPlanmainbox ul.subheadingbox li input[type="text"].ProCover {
                background: url(../images/Rs_SmallIcon.png) 5px 7px no-repeat;
                padding: 5px 0 5px 18px;
                border: 1px solid #e3e3e3;
                border-radius: 3px;
                color: #006ab6;
                width: 70px;
                font-size: 12px;
            }

                .addPlanmainbox ul.subheadingbox li input[type="text"].ProCover:focus,
                .addPlanmainbox ul.subheadingbox li input[type="text"].ProCover:hover {
                    background-color: #fff;
                    border: 1px solid #3387c9;
                    outline: 0;
                    outline: thin dotted \9;
                    -webkit-transition: .5s ease;
                    transition: .5s ease;
                }

            .addPlanmainbox ul.subheadingbox li select {
                padding: 5px 0 5px 5px;
                border: 1px solid #e3e3e3;
                border-radius: 3px;
                color: #006ab6;
                font-size: 12px;
            }

                .addPlanmainbox ul.subheadingbox li select:focus,
                .addPlanmainbox ul.subheadingbox li select:hover {
                    background-color: #fff;
                    border: 1px solid #3387c9;
                    outline: 0;
                    outline: thin dotted \9;
                    -webkit-transition: .5s ease;
                    transition: .5s ease;
                }

            .addPlanmainbox ul.headingbox li.SaWid, .addPlanmainbox ul.subheadingbox li.SaWid {
                width: 16%;
                *width: 20%;
            }

            .addPlanmainbox ul.headingbox li.PreWid, .addPlanmainbox ul.subheadingbox li.PreWid {
                width: 15%;
                *width: 20%;
            }



            .addPlanmainbox ul.subheadingbox li .yesno {
                margin-top: 3%;
            }

                .addPlanmainbox ul.subheadingbox li .yesno input[type=radio] { /*display:none;*/
                    bottom: 0;
                    left: 0;
                    position: absolute;
                    right: 0;
                    top: 0;
                    z-index: -1;
                    margin: 0 auto;
                }

                .addPlanmainbox ul.subheadingbox li .yesno label {
                    display: inline-block;
                    margin: 0;
                    padding: 0;
                    margin-bottom: 0;
                    font-size: 14px;
                    cursor: pointer;
                    background: none;
                    border: none;
                    width: 50px;
                    height: 26px;
                    position: relative;
                    border: 2px solid #e3e3e3;
                    border-radius: 20px;
                    -webkit-transition: .5s ease;
                    transition: .5s ease;
                }

                    .addPlanmainbox ul.subheadingbox li .yesno label span {
                        background: white;
                        left: 0;
                        position: absolute;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        border-radius: 20px;
                        line-height: 26px;
                        color: #545454;
                        text-align: center;
                        vertical-align: middle;
                    }

                    .addPlanmainbox ul.subheadingbox li .yesno label.style1 {
                        border: 2px solid #454445;
                        color: #454445l;
                        font-weight: 700;
                        border-radius: 20px;
                    }

            .addPlanmainbox ul.subheadingbox li.blueheading span {
                color: #545454;
                padding: 7px 20px 7px 60px;
            }

.lifestage {
    background: url(../images/lifestage_Gray.png) 14px center no-repeat;
}

.accgrowrisk {
    background: url(../images/accgrowrisk_Gray.png) left center no-repeat;
}

.securlifedisablity {
    background: url(../images/securlifedisablity_Gray.png) 13px center no-repeat;
}

.critllness {
    background: url(../images/critllness_gray.png) 8px center no-repeat;
}

.spousecover {
    background: url(../images/SpouseCover-gray.png) 9px center no-repeat;
}

.seriouillness {
    background: url(../images/SeriousIllness_gray.png) 7px center no-repeat;
}

.accidentdeath {
    background: url(../images/AccidentalDeath_Gray.png) 7px center no-repeat;
}

.addPlanmainbox ul.subheadingbox li.blueheading span.subtxt {
    font-size: 10px;
    padding: 0 20px 7px 60px;
    color: #6B6B6B;
}


.addPlanmainbox ul.subheadingbox.hightlight {
    background-color: #f5f4f4;
}

    .addPlanmainbox ul.subheadingbox.hightlight li.blueheading span {
        color: #007ec3;
    }

        .addPlanmainbox ul.subheadingbox.hightlight li.blueheading span.lifestage {
            background: url(../images/lifestage_blue.png) 14px center no-repeat;
        }

        .addPlanmainbox ul.subheadingbox.hightlight li.blueheading span.accgrowrisk {
            background: url(../images/accgrowrisk_blue.png) left center no-repeat;
        }

        .addPlanmainbox ul.subheadingbox.hightlight li.blueheading span.accgrowrisk2 {
            background: url(../images/securlifedisablity_blue.png) 9px center no-repeat;
        }

        .addPlanmainbox ul.subheadingbox.hightlight li.blueheading span.accgrowrisk3 {
            background: url(../images/critllness_blue.png) 9px center no-repeat;
        }

        .addPlanmainbox ul.subheadingbox.hightlight li.blueheading span.spousecover {
            background: url(../images/SpouseCover-blue.png) 9px center no-repeat;
        }

        .addPlanmainbox ul.subheadingbox.hightlight li.blueheading span.accgrowrisk4 {
            background: url(../images/SeriousIllness_blue.png) 9px center no-repeat;
        }

        .addPlanmainbox ul.subheadingbox.hightlight li.blueheading span.accgrowrisk1 {
            background: url(../images/AccidentalDeath_blue.png) 9px center no-repeat;
        }

.accgrowrisk1 {
    background: url(../images/AccidentalDeath_Gray.png) 9px center no-repeat;
}

.accgrowrisk2 {
    background: url(../images/securlifedisablity_Gray.png) 9px center no-repeat;
}

.accgrowrisk3 {
    background: url(../images/critllness_gray.png) 9px center no-repeat;
}

.accgrowrisk4 {
    background: url(../images/SeriousIllness_gray.png) 9px center no-repeat;
}

.accgrowrisk6 {
    background: url(../images/lifestage_gray.png) 9px center no-repeat;
}



.addPlanmainbox ul.subheadingbox li em.errormsg {
}

.addPlanmainbox ul.subheadingbox em.errorstatus {
    left: -25px;
}

/*Know Your Premium Popup start*/

.AddBenefitPopup {
    background: #f8f8f8;
    width: 600px;
    max-width: 80%;
    min-height: 232px;
    z-index: 1002;
    top: 20%;
    left: 0;
    right: 0;
    position: fixed;
    margin: 0 auto;
    padding: 15px;
    display: none;
}

    .AddBenefitPopup .innerpopdiv {
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
    }

        .AddBenefitPopup .innerpopdiv h4 {
            font-weight: 700;
            margin-top: 10px;
        }


/*Know Your Premium Popup start*/

.Popupmaindiv {
    background: #f8f8f8;
    width: 700px;
    max-width: 80%;
    min-height: 232px;
    z-index: 1002;
    top: 5%;
    left: 0;
    right: 0;
    position: fixed;
    margin: 0 auto;
    padding: 15px;
    display: none;
}

    .Popupmaindiv .innerpopdiv {
        width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
    }

.closepopup {
    background: url(../images/closeicon.png) no-repeat center center;
    width: 32px;
    height: 32px;
    display: inline-block;
    position: absolute;
    right: 0;
    cursor: pointer;
}

.Popupmaindiv .innerpopdiv .popupcontent {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

    .Popupmaindiv .innerpopdiv .popupcontent h1 {
        color: #1869b2;
        font-size: 28px;
        font-weight: 700;
    }

    .Popupmaindiv .innerpopdiv .popupcontent h2 {
        line-height: 22px;
    }

        .Popupmaindiv .innerpopdiv .popupcontent h2 strong {
            font-size: 16px;
            font-size: 500;
        }

            .Popupmaindiv .innerpopdiv .popupcontent h2 strong.red {
                color: #9f1c34
            }

            .Popupmaindiv .innerpopdiv .popupcontent h2 strong.orange {
                color: #e97607
            }





/*Lifestyle page CSS start*/
.wid100 {
    width: 100%;
}

.insurancefield {
    position: relative;
}











/*Know Your Premium CSS*/
.rightBox ul.form_fields {
    width: 100%;
    margin: 0;
    padding: 0;
}
/*.rightBox .form_fields ul {
    width: 100%;
	margin:0;
	padding:14px 0;
	display:table;
	border-top:1px solid #d4d4d4;
	position:relative;
	clear:both;
}
*/

.rightBox .form_fields ul {
    width: 100%;
    /* height: 43px; */
    /* border: solid 1px #cbcbcb; */
    /* margin: 0 9px 15px 9px; */
    /* margin:0 0px 15px 0px; */
    border-radius: 4px;
    margin: 10px 0;
    -moz-transition: border 0.5s ease-out;
    -webkit-transition: border 0.5s ease-out;
    transition: border 0.5s ease-out;
}


    .rightBox .form_fields ul.fullWidth {
        width: 97%;
        height: auto;
        box-sizing: border-box;
        position: relative;
    }

        .rightBox .form_fields ul.fullWidth li {
            width: 100%;
        }

            .rightBox .form_fields ul.fullWidth li select.title {
                width: 90px;
            }



    .rightBox .form_fields ul:first-child {
        margin: 0;
    }

    .rightBox .form_fields ul li {
        width: 50%; /*personal info*/
        margin: 0;
        padding: 0;
        display: table-cell;
        vertical-align: middle;
        *
    }

        .rightBox .form_fields ul li.label {
            /*width:32%; padding-right:2%;*/
            /* width: 188px; */
            /*  */
            /* background: #f2f2f2; */
            color: #4a4a4a;
            font-size: 12px;
            /* border-radius: 4px 4px 0 4px; */
            /* font-size: 12px; */
            /* color: #908D8D; */
            /* line-height: 43px; */
            vertical-align: middle;
            font-weight: normal;
            box-sizing: border-box;
            /*padding: 0 0 0 10px;*/
        }

            .rightBox .form_fields ul li.label.twoLines.threeLineWidth {
                line-height: 11px;
            }

            .rightBox .form_fields ul li.label.fullLabel {
                width: 100%;
            }

            .rightBox .form_fields ul li.label:before,
            .rightBox .form_fields.uploadDoc ul > li.label:before {
                font-family: FontAwesome;
                width: 40px;
                height: 43px;
                line-height: 43px;
                background: #cbcbcb;
                font-weight: normal;
                font-size: 20px;
                color: #fff;
                text-align: center;
                margin-right: 5px;
                -moz-transition: background 0.5s ease-out;
                -webkit-transition: background 0.5s ease-out;
                transition: background 0.5s ease-out;
            }

            .rightBox .form_fields ul li.label:before {
                /*content: "\f2c4";
                font-size: 20px;*/
            }

.rightBox .sectionContainer .form_fields ul li.label {
    padding: 0;
}

    .rightBox .sectionContainer .form_fields ul li.label:before {
        /*content: "\f007";*/
    }

.rightBox .form_fields.uploadDoc ul > li.label:before {
    content: "\f0ee";
}


.rightBox .form_fields ul li.label.twoLines {
    line-height: 15px;
    padding-top: 8px;
    padding-bottom: 0px;
    padding-right: 0px;
}

    .rightBox .form_fields ul li.label.twoLines::before {
        margin-top: -8px;
    }

.rightBox .form_fields ul li.label.threeLines {
    line-height: 12px;
    padding-top: 6px;
    padding-right: 0px;
}

    .rightBox .form_fields ul li.label.threeLines::before {
        margin-top: -6px;
    }

.rightBox .form_fields ul.fullWidth.addressDetails li {
    width: 100%;
}

    .rightBox .form_fields ul.fullWidth.addressDetails li input,
    .rightBox .form_fields ul.fullWidth.addressDetails li select {
        border-left: 1px solid #f2f2f2;
        width: 50%;
        border-radius: 0;
        box-sizing: border-box;
        border-bottom: 1px solid #f2f2f2;
    }


.rightBox .form_fields ul.fullWidth.questionRow {
}

    .rightBox .form_fields ul.fullWidth.questionRow li.label.questionLabel {
        width: 85%;
    }

    .rightBox .form_fields ul.fullWidth.questionRow li.questionRadio {
        width: 15%;
        background: #fff;
        border-radius: 4px;
    }


.OtherDisease {
    width: 100%;
    /*border-top: 1px solid rgb(204, 204, 204);*/
}



/*.rightBox .form_fields input[type="text"]{background:#e3e3e3; border:1px solid #e3e3e3; border-radius:3px; font-size:14px; font-weight:700; padding:8px 10px; color:#a9a9a9; width:280px;}
*/
.rightBox .form_fields textarea,
.rightBox .form_fields input[type="text"],
.rightBox .form_fields input[type="tel"],
.rightBox .form_fields input[type="password"],
.rightBox .form_fields input[type="email"] {
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    border: none;
    font-size: 12px;
    color: #253858;
}



/*textarea:disabled, input:not([type]):disabled, input[type="color" i]:disabled, input[type="date" i]:disabled, input[type="datetime" i]:disabled, input[type="datetime-local" i]:disabled, input[type="email" i]:disabled, input[type="month" i]:disabled, input[type="password" i]:disabled, input[type="number" i]:disabled, input[type="search" i]:disabled, input[type="tel" i]:disabled, input[type="text" i]:disabled, input[type="time" i]:disabled, input[type="url" i]:disabled, input[type="week" i]:disabled {
background-color:#fbfbfb; color: rgba(167, 167, 167,1);}

input[disabled], textarea[disabled],
select[disabled='disabled']{
   -webkit-text-fill-color: rgba(167, 167, 167,1); 
   -webkit-opacity: 1; 
   color: rgba(167, 167, 167,1); 
   background: #fcfcfc;
}*/


.rightBox .form_fields.appointmentSchedule {
}

    .rightBox .form_fields.appointmentSchedule ul {
        height: auto;
    }

        .rightBox .form_fields.appointmentSchedule ul.questionbox li.label {
            width: 100%;
        }

        .rightBox .form_fields.appointmentSchedule ul li {
            width: auto;
        }

            .rightBox .form_fields.appointmentSchedule ul li ul.AddTabButton {
                width: 100%;
                padding: 10px;
                border: none;
            }

    .rightBox .form_fields.appointmentSchedule .difAddress span input.halfDiv {
        border: solid 1px #cbcbcb;
        margin-bottom: 5px;
        width: 48%;
        margin-left: 5px;
    }

    .rightBox .form_fields.appointmentSchedule .difAddress span select.halfDiv {
        border: solid 1px #cbcbcb;
        margin-bottom: 5px;
        width: 48%;
        margin-left: 5px;
    }





.rightBox .form_fields textarea:focus,
.rightBox .form_fields textarea:hover,
.rightBox .form_fields input[type="text"]:focus,
.rightBox .form_fields input[type="text"]:hover,
.rightBox .form_fields input[type="password"]:focus,
.rightBox .form_fields input[type="password"]:hover,
.rightBox .form_fields input[type="email"]:focus
.rightBox .form_fields input[type="email"]:hover {
    /* background-color: #fff;
  border:1px solid #3387c9;
  outline: 0;
  outline: thin dotted \9;
  -webkit-transition: .5s ease;
transition: .5s ease;
  */
}


.rightBox .form_fields select {
    /* height: 43px; */
    width: 100%;
    /* padding: 0 13px; */
    border-radius: 4px;
    border: none;
    font-size: 12px;
}


.rightBox .form_fields input[type="text"].fname,
.rightBox .form_fields input[type="text"].lname {
    /*width: 43%;
    box-sizing: border-box;*/
}

.rightBox .form_fields input[type="text"].fname {
    /*border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;*/
}


.rightBox .form_fields ul li .details input[type="text"].fname,
.rightBox .form_fields ul li .details input[type="text"].mname,
.rightBox .form_fields ul li .details input[type="text"].lname {
    width: 29%;
    box-sizing: border-box;
}

.rightBox .form_fields

.rightBox .form_fields select.dobselct {
    width: 58px;
}

.rightBox .form_fields select.dobselctCritical {
    width: 100px;
}


.rightBox .form_fields ul li .details {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}

    .rightBox .form_fields ul li .details.threeCols {
        width: 100%;
    }

        .rightBox .form_fields ul li .details.threeCols span {
            width: 33%;
            border-right: solid 1px #e3e3e3;
        }

            .rightBox .form_fields ul li .details.threeCols span:last-child {
                border-right: none;
            }



    .rightBox .form_fields ul li .details span.full_space {
        margin: 0px;
        clear: both;
        width: 100%;
        *width: 300px;
    }

    .rightBox .form_fields ul li .details span.two_boxes {
        margin: 0px;
        clear: both;
        /*width:307px;
	*width:300px;*/
        width: 100%;
    }

.mar_right {
    margin-right: 5px;
}

.mar_left {
    margin-left: 5px;
}

.rightBox .form_fields ul li .details input[type="text"].halftextbox {
    width: 125px;
    *width: 124px;
}

.rightBox .form_fields ul li .details select.halfselectbox {
    width: 49%;
    *width: 146px;
    margin-right: 0;
    box-sizing: border-box;
}

.rightBox .form_fields ul li .details .ann_textbox {
    background: url(../images/sprite.png) 5px -42px no-repeat;
    padding: 8px 10px 8px 30px;
    width: 300px;
}

.rightBox .form_fields ul li .details i {
    width: 16px;
    height: 16px;
    background: url(../images/iMark.png) left center no-repeat;
    display: inline-block;
    position: absolute;
    right: -18px;
    top: 30%;
}


.rightBox .form_fields .privacycheck {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
    font-size: 12px;
    color: #424446;
    text-align: justify;
}

    .rightBox .form_fields .privacycheck a {
        font-weight: 700;
        text-decoration: underline;
        color: #424446;
    }

        .rightBox .form_fields .privacycheck a:hover {
            text-decoration: none;
        }

.rightBox .getquote {
    width: 100%;
    margin: 20px 0;
    padding: 0;
    text-align: right;
}

.rightBox .form_fields input[type=radio] { /*display:none;*/
    /*bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    margin: 0 auto;*/
}

.rightBox .form_fields.eia input[type=radio] {
    position: relative;
    z-index: 1;
}

.rightBox .form_fields.eia > ul {
    padding: 5px;
    border: none;
}

.rightBox .eQuotemainbox {
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
    border: 1px solid #cecece;
    border-radius: 8px;
    color: #545454;
}

    .rightBox .eQuotemainbox .eQuoteValue {
        margin: 0;
        padding: 8px 0;
        width: 100%;
        border-bottom: 1px solid #cecece;
        color: #007ec3;
        font-size: 16px;
        text-align: center;
        font-weight: 900;
        text-transform: uppercase;
    }

    .rightBox .eQuotemainbox .eQuoteProBenebox {
        margin: 0;
        padding: 0;
        width: 100%;
    }

        .rightBox .eQuotemainbox .eQuoteProBenebox ul {
            margin: 0;
            padding: 0;
            width: 100%;
            display: table;
        }

            .rightBox .eQuotemainbox .eQuoteProBenebox ul li {
                margin: 0;
                padding: 10px;
                *padding: 10px 8px;
                display: table-cell;
                text-align: center;
                vertical-align: middle;
                line-height: 22px;
                *
            }

                .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuoteprotection {
                    border-right: 1px solid #ddd;
                    width: 45%;
                    *width: 42%;
                }

                    .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuoteprotection .ProtectCover {
                        background: url(../images/ProtectCoverRoundImg.png) left center no-repeat;
                        padding-left: 90px;
                        text-align: center;
                        height: 90px;
                        display: table-cell;
                        vertical-align: middle;
                    }

                        .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuoteprotection .ProtectCover span {
                            width: 100%;
                            display: inline-block;
                            margin: 5px 0;
                            text-align: left;
                        }

                            .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuoteprotection .ProtectCover span em {
                                font-size: 30px;
                                color: #3387c9;
                                font-weight: 500;
                                font-style: normal;
                                background: url(../images/RupeeSymbolBig.png) left center no-repeat;
                                padding: 0 0 0 22px;
                                *line-height: 50px;
                            }

                .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit {
                    width: 27%;
                    *width: 25%;
                }

                    .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons {
                        width: 75%;
                        display: inline-block;
                        margin: 5px auto;
                        *margin: 15px 0;
                        display: table;
                    }

                        .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons .box {
                            display: table-cell;
                            width: 25%;
                            height: 33px;
                            *
                        }

                            .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons .box.first {
                                width: 34%
                            }

                        .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons label {
                            width: 100%;
                            height: 100%;
                            text-align: center;
                            position: relative;
                            -webkit-transition: .5s ease;
                            transition: .5s ease;
                            cursor: pointer;
                            display: inline-block;
                            margin: 0;
                            padding: 0;
                            background: none;
                            border: none;
                        }

                            .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons label input[type=checkbox] {
                                bottom: 0;
                                left: 0;
                                position: absolute;
                                right: 0;
                                top: 0;
                                z-index: -1;
                                margin: 0 auto;
                            }

                            .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons label span {
                                width: 100%;
                                left: 0;
                                position: absolute;
                                top: 0;
                                height: 100%;
                                vertical-align: middle;
                                background: #fff url(../images/BenfitsIcon.png) no-repeat;
                            }


                                .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons label span.icon2 {
                                    background-position: -60px -5px;
                                }

                                .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons label span.icon3 {
                                    background-position: -100px -5px;
                                }

                                .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons label span.icon4 {
                                    background-position: -132px -5px;
                                }

                            .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons label.style1 span.icon2 {
                                background-position: -60px -47px;
                            }

                            .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons label.style1 span.icon3 {
                                background-position: -100px -47px;
                            }

                            .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons label.style1 span.icon4 {
                                background-position: -132px -47px;
                            }


                            .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons label span.icon5 {
                                background: url(../images/SpouseCover-gray.png) center center no-repeat;
                            }

                            .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons label.style1 span.icon5 {
                                background: url(../images/SpouseCover-blue.png) center center no-repeat;
                            }

                            .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons label span.icon6 {
                                background: url(../images/SeriousIllness_gray.png) center center no-repeat;
                            }

                            .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons label.style1 span.icon6 {
                                background: url(../images/SeriousIllness_blue.png) center center no-repeat;
                            }

                            .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons label span.icon1 {
                                background: url(../images/AccidentalDeath_Gray.png) center center no-repeat;
                            }

                            .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons label.style1 span.icon1 {
                                background: url(../images/AccidentalDeath_blue.png) center center no-repeat;
                            }



                            .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons label small {
                                background: #35393c;
                                text-align: center;
                                width: 60px;
                                line-height: 14px;
                                padding: 5px 10px;
                                border-left: 1px solid #111;
                                border-top: 1px solid #111;
                                border-right: 1px solid #333;
                                border-bottom: 1px solid #333;
                                border-radius: 3px;
                                display: none;
                                color: #fff;
                                font-size: 11px;
                                text-indent: 0;
                            }

                            .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotebenefit .BenIcons label:hover small {
                                display: block;
                                position: absolute;
                                top: 0px;
                                left: -30%;
                                right: -20%;
                                top: 34px;
                                margin: 0 auto;
                                z-index: 9999;
                                -moz-animation: mymove .25s linear;
                                -webkit-animation: mymove .25s linear;
                            }

@-moz-keyframes mymove {
    0% {
        -moz-transform: scale(0,0);
        opacity: 0;
    }

    50% {
        -moz-transform: scale(1.2,1.2);
        opacity: 0.3;
    }

    75% {
        -moz-transform: scale(0.9,0.9);
        opacity: 0.7;
    }

    100% {
        -moz-transform: scale(1,1);
        opacity: 1;
    }
}

@-webkit-keyframes mymove {
    0% {
        -webkit-transform: scale(0,0);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(1.2,1.2);
        opacity: 0.3;
    }

    75% {
        -webkit-transform: scale(0.9,0.9);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(1,1);
        opacity: 1;
    }
}





/*Review Payment Page CSS Start*/

.c_info .databox_panel .addPlanmainbox {
    margin-top: 10px;
}

ul.addnewbenefitbox {
    display: table;
    margin: 15px 0;
}

    ul.addnewbenefitbox li {
        display: table-cell;
        vertical-align: middle;
        position: relative;
    }

.ReQuoteError {
    width: 100%;
    color: red;
    margin: 15px 0 0px 0;
    padding: 0;
}

/*.ReQuoteError {
    
    width: 100%;
    color: red;
    padding: 10px;
    background: #fff3f3;
    box-sizing: border-box;
    border-top: solid 1px #f3b9b9;
} */






.addPlanmainbox ul.subheadingbox li.SaWid em.EditIcon {
    background: url(../images/EditSprite.png) center 0 no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 6px;
    cursor: pointer;
    display: none;
}

.addPlanmainbox ul.subheadingbox li.SaWid em.EditIconRed {
    background: url(../images/EditSprite.png) center -26px no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 6px;
    cursor: pointer;
    display: none;
}

.addPlanmainbox ul.subheadingbox li.PreWid em.DelIcon {
    background: url(../images/deleteicon.svg) center center no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 6px;
    cursor: pointer;
}

.databox_panel .benefits ul.subheadingbox li span.rsicon {
    color: #545454;
    background: url(../images/Rs_SmallIcon_gray.png) left 1px no-repeat;
}

.databox_panel .benefits ul.subheadingbox li.editerror em.EditIcon {
    background: url(../images/EditSprite.png) center -26px no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 6px;
    cursor: pointer;
    display: none;
}

.databox_panel .benefits ul.subheadingbox li.editerror span.rsicon {
    color: #9f1c33;
    background: url(../images/Rs_SmallIcon_red.png) left 1px no-repeat;
}

.rightBox .c_info .databox_panel .onClickPremiumbox {
    margin-bottom: 0;
}

.databox_panel .benefits ul.subheadingbox li.editerror input.ProCover[type="text"] {
    background: url(../images/Rs_SmallIcon_red.png) 5px 7px no-repeat;
    padding: 5px 0 5px 18px;
    border: 1px solid #9f1c33;
    border-radius: 3px;
    color: #9f1c33;
    width: 60px;
    font-size: 12px;
}

/*Payment Summary Page CSS Start*/
.getquote {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

#main-container .bodycontainer .innercontainer .PaySmmryleftpanel {
    width: 100%;
}

#main-container .bodycontainer .PaySummary {
    width: 100%;
    margin: 25px 0 0 0;
}

    #main-container .bodycontainer .PaySummary .leftpanel {
        width: 100%;
        display: inline-block;
    }

.c_info .databox_panel .note_txt {
    margin: 15px 0;
}

.full_block {
    width: 100%;
    margin: 0;
    padding: 0;
}

.user_info {
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    padding: 10px;
    width: 98%;
    margin: 0 0 15px 0;
}

    .user_info ul {
        background-color: #f1f1f1;
        border-radius: 8px;
        padding: 15px 1%;
        width: 98%;
    }

        .user_info ul li {
            padding-bottom: 14px;
            width: 50%;
        }

            .user_info ul li label {
                font-size: 12px;
                padding-right: 14px;
                padding-top: 9px;
                text-align: right;
                width: 146px;
            }

            .user_info ul li span input[type="text"] {
                background-color: #ffffff;
                border: 1px solid #e1e1e1;
                border-radius: 6px;
                color: #1290c3;
                font-size: 12px;
                padding: 9px 4px;
                width: 280px;
            }

            .user_info ul li label.no_padding {
                padding-top: 1px;
                line-height: 15px;
            }

#main-container .bodycontainer .innercontainer .PaySmmryleftpanel .onClickPremiumbox ul li.TotalPremiumText {
    vertical-align: middle;
    color: #268ec1;
    font-size: 18px;
    text-align: right;
}

#main-container .bodycontainer .PaySummary .PaySmmryleftpanel .onClickPremiumbox ul li.RightBlueBox {
    width: 22%;
}

.termconditon {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

    .termconditon a {
        color: #0069bc;
        text-decoration: underline;
    }

        .termconditon a:hover {
            text-decoration: none;
        }

.error_msg {
    color: red;
    font-size: 12px;
    margin: 10px 0 0 0;
}


#main-container .bodycontainer .PaySummary .rightpanel {
    display: inline-block;
    width: 100%;
}

    #main-container .bodycontainer .PaySummary .rightpanel .getcallback {
        clear: both;
        margin-bottom: 15px;
        width: 100%;
    }

        #main-container .bodycontainer .PaySummary .rightpanel .getcallback .gtcllheading {
            position: absolute;
            width: 280px;
        }

        #main-container .bodycontainer .PaySummary .rightpanel .getcallback .gtform {
            clear: none;
            float: right;
            margin: 18px 18px 0 0;
            width: 69%;
        }

            #main-container .bodycontainer .PaySummary .rightpanel .getcallback .gtform input[type="text"] {
                margin-right: 10px;
                padding: 10px 1%;
                width: 35%;
            }

            #main-container .bodycontainer .PaySummary .rightpanel .getcallback .gtform .cllmenow {
                float: right;
                width: 20%;
            }

.simpleHeading {
    font-size: 22px;
    color: #005387;
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 5px;
    margin-bottom: 30px;
}

.headingGray {
    color: #636363;
    font-size: 24px;
}

.downloadproposalbttn {
    background: #fbbe1d url(../images/download.png) 6px 7px no-repeat;
    cursor: pointer;
    font-size: 13px;
    text-decoration: none;
    text-align: left;
    color: #000000;
    border: none;
    padding: 14px 20px 10px 44px;
    position: relative;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

    .downloadproposalbttn:hover {
        background: #edb00f url(../images/download.png) 6px 7px no-repeat;
    }

    .downloadproposalbttn span {
        background: #9f1c33 url(../images/download.png) center center no-repeat;
        border-radius: 5px 0 0 5px;
        display: inline-block;
        height: 29px;
        left: 5px;
        position: absolute;
        top: 5px;
        width: 30px;
    }

.yes_eInsurance {
    display: none;
}

.no_eInsurance {
    display: none;
}

.lblMsg {
}

/*Thanks Page CSS start*/
div.product-box {
    position: relative;
    height: 115px;
    margin-bottom: 33px;
    margin-top: 0;
}

ul.product-nav {
    display: table-cell;
    vertical-align: top;
    padding-top: 2px;
    padding-bottom: 20px;
    transition: all 0.9s ease 0s;
}

    ul.product-nav li {
        width: 15.5%;
        text-align: center;
        display: inline-block;
        overflow: hidden;
        padding-right: 10px;
        padding-bottom: 6px;
    }

        ul.product-nav li a {
            color: #005387;
            font-weight: bold;
            background: url("../img/product-bg.png") repeat;
            background-size: cover;
            display: inline-block;
            width: 100%;
        }

        ul.product-nav li.nav-opacity {
            opacity: 0.2;
            transition: all 0.3s ease 0s;
        }

.mrginTop10 {
    margin-top: 10px;
}




.rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotepremium {
    background: #0095ff;
    color: #fff;
    font-size: 13px;
    width: 27%;
    *width: 25%;
    *float: right;
}

    .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotepremium .premiumwhite {
        font-size: 30px;
        font-weight: 600;
        margin: 10px 0;
        *margin: 0;
        *line-height: 40px;
    }

        .rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotepremium .premiumwhite span {
            background: url(../images/rupeeIconWhite.png) 5px center no-repeat;
            padding: 0px 0px 0px 30px;
        }

.rightBox .RecommnededCoverbox {
    width: 100%;
    margin: 0;
    padding: 0;
}

    .rightBox .RecommnededCoverbox ul {
        width: 100%;
        margin: 0;
        padding: 0;
        display: table;
        position: relative;
        z-index: 2;
    }

        .rightBox .RecommnededCoverbox ul li {
            width: 50%;
            *width: 38%;
            margin: 0;
            padding: 60px 0 0;
            display: table-cell;
            text-align: center;
            vertical-align: top;
            position: relative;
            *
        }

            .rightBox .RecommnededCoverbox ul li .RecmmedHeading {
                width: 100%;
                text-align: center;
                margin: 0px;
                padding: 20px 0 0 0;
                color: #0069bc;
                font-size: 16px;
                position: relative;
            }

                .rightBox .RecommnededCoverbox ul li .RecmmedHeading span {
                    font-size: 24px;
                    font-weight: 300;
                }

                    .rightBox .RecommnededCoverbox ul li .RecmmedHeading span.recmmededtext {
                        left: 0;
                        position: absolute;
                        width: 100%;
                        text-align: center;
                        top: 0;
                    }

            .rightBox .RecommnededCoverbox ul li .RangeSlider {
                width: 100%;
                text-align: center;
                margin: 5px 0;
                padding: 0;
            }

                .rightBox .RecommnededCoverbox ul li .RangeSlider img {
                    width: 100%;
                }

            .rightBox .RecommnededCoverbox ul li .LakhCroreRadio {
                margin-top: 5px;
                height: 34px;
            }

                .rightBox .RecommnededCoverbox ul li .LakhCroreRadio input[type=radio] { /*display:none;*/
                    bottom: 0;
                    left: 0;
                    position: absolute;
                    right: 0;
                    top: 0;
                    z-index: -1;
                    margin: 0 auto;
                }

                .rightBox .RecommnededCoverbox ul li .LakhCroreRadio label {
                    display: inline-block;
                    margin: 0;
                    padding: 0;
                    margin-bottom: 0;
                    font-size: 14px;
                    cursor: pointer;
                    background: none;
                    border: none;
                    width: 60px;
                    height: 24px;
                    position: relative;
                    border: 2px solid #e3e3e3;
                    border-radius: 20px;
                    -webkit-transition: .5s ease;
                    transition: .5s ease;
                }

                    .rightBox .RecommnededCoverbox ul li .LakhCroreRadio label span {
                        background: white;
                        left: 0;
                        position: absolute;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        border-radius: 20px;
                        line-height: 23px;
                        color: #545454;
                        text-align: center;
                        vertical-align: middle;
                    }

                    .rightBox .RecommnededCoverbox ul li .LakhCroreRadio label.style1 {
                        border: 2px solid #454445;
                        color: #454445l;
                        font-weight: 700;
                        border-radius: 20px;
                    }

            .rightBox .RecommnededCoverbox ul li .InputCover {
                margin-top: 5px;
                width: 100%;
                padding: 0;
                margin: 10px 0 0 0;
            }

                .rightBox .RecommnededCoverbox ul li .InputCover input[type="text"] {
                    border: 2px solid #e3e3e3;
                    color: #000;
                    background: #fff url(../images/sprite.png) 5px -38px no-repeat;
                    width: 98px;
                    padding: 10px 10px 10px 28px;
                    border-radius: 6px;
                    text-align: left;
                    font-size: 16px;
                    font-weight: 700;
                    transition: all 0.5s ease 0s;
                }

                    .rightBox .RecommnededCoverbox ul li .InputCover input[type="text"]:hover,
                    .rightBox .RecommnededCoverbox ul li .InputCover input[type="text"]:focus {
                        border: 2px solid #454445;
                        color: #000;
                    }

                    .rightBox .RecommnededCoverbox ul li .InputCover input[type="text"].inputyear {
                        background-image: none;
                        text-align: left;
                        padding: 10px 0;
                        width: 100px;
                        text-indent: 20px;
                    }

    .rightBox .RecommnededCoverbox .monthannPrebox {
        margin: 0;
        padding: 30px 0 20px;
        width: 100%;
        background: url(../images/RecommnedBoxBttmShdw.png) center top no-repeat;
        border-top: 1px solid #b5b5b5;
        top: -24px;
        position: relative;
        z-index: 1;
    }

        .rightBox .RecommnededCoverbox .monthannPrebox .MnthAnnInner {
            border: 1px solid #cecece;
            border-radius: 8px;
            color: #545454;
            line-height: 17px;
            margin: 10px auto 0 auto;
            padding: 0;
            width: 60%;
            background: #fff;
            position: relative;
        }


            .rightBox .RecommnededCoverbox .monthannPrebox .MnthAnnInner ul {
                width: 100%;
                display: table;
            }

                .rightBox .RecommnededCoverbox .monthannPrebox .MnthAnnInner ul li {
                    display: table-cell;
                    width: 70%;
                    vertical-align: middle;
                    height: 90px;
                    padding: 0;
                    position: relative;
                    *
                }

                    .rightBox .RecommnededCoverbox .monthannPrebox .MnthAnnInner ul li .ProtectCover {
                        width: 90%;
                        margin: 0 0 0 10%;
                        padding: 0;
                        line-height: 16px;
                        text-align: left;
                        font-size: 16px;
                        color: #006ab6;
                    }

                        .rightBox .RecommnededCoverbox .monthannPrebox .MnthAnnInner ul li .ProtectCover span {
                            width: 100%;
                            display: inline-block;
                            margin: 15px 0 5px -25px;
                        }

                            .rightBox .RecommnededCoverbox .monthannPrebox .MnthAnnInner ul li .ProtectCover span em {
                                font-size: 31px;
                                color: #006ab6;
                                font-weight: 500;
                                font-style: normal;
                                background: url(../images/RupeeSymbolBig.png) left center no-repeat;
                                padding: 0 0 0 22px;
                                *line-height: 50px;
                            }

                    .rightBox .RecommnededCoverbox .monthannPrebox .MnthAnnInner ul li.MnthAnnBttn {
                        width: 30%;
                    }

                        .rightBox .RecommnededCoverbox .monthannPrebox .MnthAnnInner ul li.MnthAnnBttn .LakhCroreRadio {
                            margin-top: -34px;
                            *margin-top: 10px;
                        }

                            .rightBox .RecommnededCoverbox .monthannPrebox .MnthAnnInner ul li.MnthAnnBttn .LakhCroreRadio label {
                                width: 80px;
                                margin: 4px 0;
                            }


    .rightBox .RecommnededCoverbox ul li.peoplewithumbrella {
        background: url(../images/peoplewithumbrella.png) center center no-repeat;
        width: 163px;
        height: 262px;
        display: inline-block;
        padding: 0;
    }

        .rightBox .RecommnededCoverbox ul li.peoplewithumbrella i {
            background: url(../images/onClickPremiumboxTopArrow.png) center center no-repeat;
            width: 23px;
            height: 13px;
            bottom: -32px;
            left: 0;
            margin: 0 auto;
            position: absolute;
            right: 0;
        }

.rightBox .onClickPremiumbox {
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
    border: 1px solid #cecece;
    border-radius: 8px;
    color: #545454;
    line-height: 17px;
}

    .rightBox .onClickPremiumbox ul {
        margin: 0;
        padding: 0;
        width: 100%;
        display: table;
        border-spacing: 5px;
        font-size: 13px;
        position: relative;
    }

        .rightBox .onClickPremiumbox ul li {
            margin: 0;
            padding: 10px;
            *padding: 10px 8px;
            display: table-cell;
            text-align: center;
            vertical-align: top;
            line-height: 22px;
            *
            position: relative;
        }


.TotalAmtPaid {
    width: 39%;
}

.rightBox .onClickPremiumbox ul li.plustext {
    font-size: 40px;
    font-weight: 500;
    color: #006ab6;
    width: 5px;
    padding: 0;
    vertical-align: middle;
}

.rightBox .onClickPremiumbox ul li .ProtectCover {
    width: auto;
    margin: 0;
    padding: 0 0 0 25px;
    line-height: 16px;
    text-align: left;
}

    .rightBox .onClickPremiumbox ul li .ProtectCover span {
        width: 100%;
        display: inline-block;
        margin: 15px 0 5px 0px;
    }

        .rightBox .onClickPremiumbox ul li .ProtectCover span em {
            font-size: 30px;
            color: #006ab6;
            font-weight: 500;
            font-style: normal;
            background: url(../images/RupeeSymbolBig.png) left 5px no-repeat;
            padding: 0 0 0 0px;
            *line-height: 50px; /*line-height:27px;*/
        }

    .rightBox .onClickPremiumbox ul li .ProtectCover i {
        font-style: normal;
        font-size: 12px;
        color: #7c7c7c;
        margin-top: 5px;
        margin-right: 11px;
    }

        .rightBox .onClickPremiumbox ul li .ProtectCover i a {
            color: #006ab6;
            text-decoration: underline;
        }

            .rightBox .onClickPremiumbox ul li .ProtectCover i a:hover {
                text-decoration: none;
            }

.rightBox .onClickPremiumbox ul li.RightBlueBox {
    background: #0095ff;
    vertical-align: middle;
    color: #fff;
    font-size: 13px;
    width: 30%;
    *width: 28%;
    *float: right;
    border-radius: 8px;
    line-height: 17px;
}

    .rightBox .onClickPremiumbox ul li.RightBlueBox .premiumwhite {
        font-size: 30px;
        font-weight: 600;
        margin: 10px 0;
        *margin: 0;
        *line-height: 40px;
    }

        .rightBox .onClickPremiumbox ul li.RightBlueBox .premiumwhite span {
            background: url(../images/rupeeIconWhite.png) 5px center no-repeat;
            padding: 0px 0px 0px 30px;
        }

.rightBox .form_fields .full_space.insurancefield select {
    width: 132px;
    padding: 8px 3px;
}

    .rightBox .form_fields .full_space.insurancefield select.covertype {
        width: 130px;
    }

.rightBox .form_fields .full_space.insurancefield input[type="text"] {
    width: 86px;
}

.rightBox .form_fields ul.questionbox {
}

    .rightBox .form_fields ul.questionbox li.label {
        width: 85%;
        position: relative;
    }

    .rightBox .form_fields ul.questionbox li i {
        width: 16px;
        height: 16px;
        background: url(../images/iMark.png) left center no-repeat;
        display: inline-block;
        position: relative;
        left: 0;
        top: 2px;
    }

.rightBox .form_fields ul li.label i {
    width: 16px;
    height: 16px;
    background: url(../images/iMark.png) left center no-repeat;
    display: inline-block;
    position: relative;
    left: 0;
    top: 2px;
}

.rightBox .form_fields ul.questionbox li i {
}

.rightBox .form_fields ul.questionbox li.radiobox {
    width: 24%;
}

    .rightBox .form_fields ul.questionbox li.radiobox .YesNoRadio {
        margin-top: 5px;
        height: 34px;
    }

        .rightBox .form_fields ul.questionbox li.radiobox .YesNoRadio input[type=radio] { /*display:none;*/
            bottom: 0;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            z-index: -1;
            margin: 0 auto;
        }

        .rightBox .form_fields ul.questionbox li.radiobox .YesNoRadio label {
            display: inline-block;
            margin: 0;
            padding: 0;
            margin-bottom: 0;
            font-size: 14px;
            cursor: pointer;
            background: none;
            border: none;
            width: 60px;
            height: 24px;
            position: relative;
            border: 2px solid #e3e3e3;
            border-radius: 20px;
            -webkit-transition: .5s ease;
            transition: .5s ease;
        }

            .rightBox .form_fields ul.questionbox li.radiobox .YesNoRadio label span {
                background: white;
                left: 0;
                position: absolute;
                top: 0;
                width: 100%;
                height: 100%;
                border-radius: 20px;
                line-height: 23px;
                color: #545454;
                text-align: center;
                vertical-align: middle;
            }

            .rightBox .form_fields ul.questionbox li.radiobox .YesNoRadio label.style1 {
                border: 2px solid #454445;
                color: #454445l;
                font-weight: 700;
                border-radius: 20px;
            }

.rightBox .form_fields .HeightWidthBox {
    display: table;
    width: 100%;
    margin: 0;
    padding: 25px 0 12px 0;
}

    .rightBox .form_fields .HeightWidthBox ul.halfwidth {
        display: table-cell;
        width: 50%;
        margin: 0;
        padding: 0;
        border: none;
        * *margin: 5px 0;
    }

        .rightBox .form_fields .HeightWidthBox UL.halfwidth li {
            *width: 66%;
            *
        }

            .rightBox .form_fields .HeightWidthBox ul.halfwidth li.label {
                width: 33.6%;
                *
            }

            .rightBox .form_fields .HeightWidthBox ul.halfwidth li span.two_boxes {
                margin-bottom: 0;
                width: auto;
            }

            .rightBox .form_fields .HeightWidthBox ul.halfwidth li .details select.halfselectbox {
                width: 99px;
            }

    .rightBox .form_fields .HeightWidthBox ul.weightul li.label {
        width: 52%;
        text-align: center;
        * *width: 40%;
    }

/*.subquestionbox{width:100%; float:left;margin-top: 10px;border-top: solid 1px #ececec; padding-top: 10px;}*/
.subquestionbox {
    width: 97%;
    background: #eeeeee30;
    padding: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: #cbcbcb 1px solid;
    border-radius: 4px;
    margin-top: -15px;
    border-top: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    margin: -17px 9px 15px 9px;
    box-shadow: 0 3px 6px #e2e1e1;
}

    .subquestionbox .form_fields ul:first-child {
        border-top: none !important;
    }

.rightBox .form_fields .subquestionbox ul {
    height: auto;
    box-sizing: border-box;
    width: 97%;
}


.questionHeading {
    background: #dedede;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    font-weight: bold;
}


.rightBox .form_fields .LifestyleAnswerbox {
    display: none;
    width: 100%;
}


    /*.rightBox .form_fields .LifestyleAnswerbox{background: #fdfdfd;
    width: 100%;
    
    padding: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border: #eee 1px solid;
    border-radius: 4px;}*/
    .rightBox .form_fields .LifestyleAnswerbox ul {
        height: auto;
        box-sizing: border-box;
    }

        .rightBox .form_fields .LifestyleAnswerbox ul li {
            width: 100%;
        }

            .rightBox .form_fields .LifestyleAnswerbox ul li a {
            }

        .rightBox .form_fields .LifestyleAnswerbox ul.chks {
            padding: 10px;
            box-sizing: border-box;
            border: none;
            margin-bottom: 10px;
        }

            .rightBox .form_fields .LifestyleAnswerbox ul.chks li {
                width: 33%;
                padding: 0px;
                box-sizing: border-box; /*line-height: 25px;*/
            }

                .rightBox .form_fields .LifestyleAnswerbox ul.chks li > input {
                    background: #fff;
                    margin-right: 7px;
                    margin-top: 0px;
                    margin-bottom: 10px;
                }

                .rightBox .form_fields .LifestyleAnswerbox ul.chks li > label {
                    float: none;
                }

                .rightBox .form_fields .LifestyleAnswerbox ul.chks li span.questionLevelOne > input {
                    margin-right: 7px;
                    margin-top: 0px;
                    margin-bottom: 10px;
                }

.rightBox .form_fields ul li .details input[type="text"].otherspecify {
    width: 100%;
    padding: 8px 2%;
    box-sizing: border-box;
}

.rightBox .form_fields .LifestyleAnswerbox ul.PddgTopNone {
    padding-top: 0;
    width: 97%;
    box-sizing: border-box;
}

    .rightBox .form_fields .LifestyleAnswerbox ul.PddgTopNone li {
        width: 100%;
    }

.rightBox .form_fields .LifestyleAnswerbox .details ul.fullWidth li { /*width:20%;border-left: 1px solid #ccc;box-sizing: border-box;*/
    width: 24.2%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin: 3px;
}

/*.rightBox .form_fields .LifestyleAnswerbox .details ul.fullWidth li:first-child{border-left:none;}
*/


.rightBox .form_fields ul li .details ul {
    width: 96%;
    display: table;
    position: relative;
}

    .rightBox .form_fields ul li .details ul li {
        width: 20%;
        display: table-cell;
    }

        .rightBox .form_fields ul li .details ul li select {
            width: 100%;
            border: solid 1px #cbcbcb;
        }

        .rightBox .form_fields ul li .details ul li input[type="text"] {
            width: 80%;
        }

.rightBox .form_fields ul.PddgTopNone li .details ul.PddgTopNone li input[type="text"].numericLifeStyle {
    width: 77%;
}

.rightBox .form_fields ul li .details ul em.DelIcon {
    background: url(../images/deleteicon.svg) center center no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: -26px;
    top: 6px;
    cursor: pointer;
}


.rightBox .form_fields .LifestyleAnswerbox .insuranceHistoryInps {
}

    .rightBox .form_fields .LifestyleAnswerbox .insuranceHistoryInps li {
        border-bottom: solid 1px #ccc;
    }


.wid154 {
    width: 154px !important;
}

.brdrTopNone {
    border-top: none !important;
}

.pddgBttmNone {
    padding-bottom: 0 !important;
}









.ui-autocomplete {
    background: #ffffff;
    border: 1px solid #dadada;
    width: 100px;
    height: 200px;
    overflow-y: scroll;
    font: 13px trebuchet ms;
    color: #A9A9A9;
}

    .ui-autocomplete li {
        margin: 0 0 4px 4px;
    }



.loader {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(245,247,248,0.8);
    z-index: 1031;
    left: 0;
    top: 0;
    bottom: 0;
}

.inputLoader {
    height: 50%;
    width: 88%;
    background: rgba(245, 247, 248, 0.31);
    z-index: 3;
    right: 21px;
    top: 24px;
    left: initial;
}

.lds-css {
    position: absolute;
    top: 50%;
    left: 50%;
}

.inputLoader .lds-css {
    position: absolute;
    top: 50%;
    right: -11px;
    left: initial;
}

.lds-css + span {
    position: absolute;
    top: 53%;
    left: 50%;
    color: #2f3542;
    font-size: 12px;
    transform: translateX(-50%);
}

.lds-rolling div, .lds-rolling div:after {
    position: absolute;
    width: 100px;
    height: 100px;
    border: 10px solid #2f3542;
    border-top-color: transparent;
    border-radius: 50%;
}

.lds-rolling div {
    -webkit-animation: lds-rolling 1s linear infinite;
    animation: lds-rolling 1s linear infinite;
}

    .lds-rolling div:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.lds-rolling {
    width: 35px !important;
    height: 35px !important;
    -webkit-transform: translate(-17.5px, -17.5px) scale(0.175) translate(17.5px, 17.5px);
    transform: translate(-17.5px, -17.5px) scale(0.175) translate(17.5px, 17.5px);
}

@keyframes lds-rolling {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-webkit-keyframes lds-rolling {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.pFixed {
    position: fixed;
    background: rgba(245, 247, 248, 0.59);
    z-index: 9999;
}

    .pFixed .lds-css + span {
        top: 58%;
        /*left: 47.5%;*/
    }

    .pFixed .lds-rolling div, .pFixed .lds-rolling div:after {
        width: 300px;
        height: 300px;
    }

.ConfirmBox ul li .confirmbutton {
    padding-left: 0;
    text-align: center;
    width: 97%;
}

    .ConfirmBox ul li .confirmbutton input[type="submit"].yelowBttn {
        display: inline;
        float: none;
        margin: 0 1px;
        position: relative;
        z-index: 1;
    }

.ConfirmBox ul li .confirmbutton {
    padding-left: 0;
    text-align: center;
    width: 97%;
}

    .ConfirmBox ul li .confirmbutton input[type="submit"].yelowBttn {
        display: inline;
        float: none;
        margin: 0 1px;
        position: relative;
        z-index: 1;
    }

    .ConfirmBox ul li .confirmbutton .yelowBttn {
        background: #fbbe1d;
        font-size: 15px;
        color: #000000;
        border: none;
        padding: 8px 16px;
        border-radius: 5px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: -1px;
        cursor: pointer;
        -webkit-transition: .5s ease;
        transition: .5s ease;
    }

        .ConfirmBox ul li .confirmbutton .yelowBttn:hover {
            background: #edb00f;
        }

.ConfirmBox1 ul li .confirmbutton1 input[type="submit"].yelowBttn {
    display: inline;
    float: none;
    margin: 0 1px;
    position: relative;
    z-index: 1;
}

.ConfirmBox1 ul li .confirmbutton1 .yelowBttn {
    background: #fbbe1d;
    font-size: 15px;
    color: #000000;
    border: none;
    padding: 8px 16px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: -1px;
    cursor: pointer;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

    .ConfirmBox1 ul li .confirmbutton1 .yelowBttn:hover {
        background: #edb00f;
    }


.disclaimertext {
    font-size: 13px;
    color: #424446;
}

    .disclaimertext p {
        margin-bottom: 15px;
    }

    .disclaimertext ul.terms {
        margin: 15px 0;
        padding: 0;
        width: 100%;
    }

        .disclaimertext ul.terms li {
            list-style-type: initial;
            margin: 0 0 10px 5%;
            padding: 0;
            width: 95%;
        }

            .disclaimertext ul.terms li strong {
                font-weight: bold;
            }

    .disclaimertext a {
        color: #4290cd;
    }

        .disclaimertext a:hover {
            color: #4290cd;
            text-decoration: none;
        }


.mrginTop {
    margin-top: 32px;
}

.lineHeight34 {
    line-height: 34px;
}

.addPlanmainbox ul.subheadingbox li.spanPre label, .addPlanmainbox ul.subheadingbox li.spanPre span {
    color: #006ab6;
    font-style: normal;
    background: url(../images/Rs_SmallIcon.png) left 1px no-repeat;
    padding: 0px 0 0px 12px;
    font-weight: 900;
    display: inline;
}


.submtMediclRport {
    clear: both;
    width: 98%;
    padding: 0px 9px;
    position: relative;
    box-sizing: border-box;
}

    .submtMediclRport div {
        padding: 0px;
        text-align: left;
        color: #c13317;
        font-size: 11px;
        font-weight: bold;
    }

.residentOutOfIndia {
}

    .residentOutOfIndia span.radiobtn {
        position: relative;
    }

    .residentOutOfIndia li span.radiobtn {
        position: relative;
    }

        .residentOutOfIndia li span.radiobtn input[type=radio], .residentOutOfIndia span.radiobtn input[type=radio] {
            position: relative !important;
            z-index: 1 !important;
        }









.rightBox .form_fields ul li .details ul.chks {
    padding: 0;
    width: 100%;
    font-size: 13px;
}

    .rightBox .form_fields ul li .details ul.chks li {
        width: 30%;
        padding-left: 16px;
        /*color:#007ec3;*/
        line-height: 18px;
        position: relative;
        margin: 3px 0;
    }

        .rightBox .form_fields ul li .details ul.chks li input[type="checkbox"] {
            margin: 0 4px 0 0;
            position: absolute;
            top: 3px;
            left: 0;
        }

.rightBox .ThanxsnoopyText {
    width: 100%;
    margin: 0 0 40px 0;
    font-size: 14px;
    box-sizing: border-box;
    background: #f2f2f2;
    padding: 30px;
    box-shadow: 2px 3px 5px #C7C7C7;
    border: solid 1px #EAEAEA;
}

    .rightBox .ThanxsnoopyText span { /*display:inline-block; width:100%;*/
    }

.rightBox .uploadtext {
    width: 100%;
    margin: 0;
    *margin-top: 20px;
    padding: 0;
    color: #0069bc;
    font-size: 16px;
    line-height: 24px;
}

    .rightBox .uploadtext span {
        font-size: 24px;
        font-weight: 700;
        display: inline-block;
        margin-bottom: 12px;
        width: 100%;
        line-height: 30px;
    }

.rightBox .uploaddoctext {
    width: 100%;
    margin: 0 0 10px 0;
    *margin-top: 20px;
    padding: 0;
}

    .rightBox .uploaddoctext span {
        display: inline-block;
        margin-bottom: 6px;
        width: 100%;
        line-height: 28px;
    }

.rightBox .form_fields ul li .details span.full_space ul.AddTabButton { /*width:340px; padding:5px; margin-bottom:5px; margin-left:1px;*/ /* width: 340px; */
    margin: 0;
    padding: 0;
    padding: 5px;
    box-sizing: border-box;
}

    .rightBox .form_fields ul li .details span.full_space ul.AddTabButton li label {
        padding: 10px;
        box-sizing: border-box;
        background: #f9f9f9;
        margin: 0 1px;
        display: block;
    }


    .rightBox .form_fields ul li .details span.full_space ul.AddTabButton li {
        width: 33%;
    }

        .rightBox .form_fields ul li .details span.full_space ul.AddTabButton li.PerAdd {
            width: 44%;
            text-align: center;
        }

        .rightBox .form_fields ul li .details span.full_space ul.AddTabButton li.NewAdd {
            width: 26%;
            text-align: right;
        }

        .rightBox .form_fields ul li .details span.full_space ul.AddTabButton li a {
            color: #0069bc;
            text-decoration: none;
            font-size: 14px;
        }

            .rightBox .form_fields ul li .details span.full_space ul.AddTabButton li a:hover {
                text-decoration: underline;
            }

            .rightBox .form_fields ul li .details span.full_space ul.AddTabButton li a.selcted {
                text-decoration: none;
                font-weight: 700;
            }

        .rightBox .form_fields ul li .details span.full_space ul.AddTabButton li label.selcted {
            text-decoration: none;
            font-weight: 700;
            background: #f6f9fb;
        }

        .rightBox .form_fields ul li .details span.full_space ul.AddTabButton li label {
            color: #0069bc;
            text-decoration: none;
            font-size: 14px;
            cursor: pointer;
        }

            .rightBox .form_fields ul li .details span.full_space ul.AddTabButton li label:hover {
                text-decoration: underline;
            }

            .rightBox .form_fields ul li .details span.full_space ul.AddTabButton li label.selcted {
                text-decoration: underline;
                font-weight: 700;
            }

            .rightBox .form_fields ul li .details span.full_space ul.AddTabButton li label input[type="radio"] {
                display: none;
            }

.rightBox .form_fields ul li .details ul.uploadUL {
    width: 100%;
    padding: 0;
}

    .rightBox .form_fields ul li .details ul.uploadUL li {
        width: 50%;
    }

        .rightBox .form_fields ul li .details ul.uploadUL li.dvFileUploadContainer {
            text-align: right;
        }

        .rightBox .form_fields ul li .details ul.uploadUL li input[type="text"] {
            width: 85%;
        }


.documentUploadLoadingPopup {
    background: #3387c9;
    border: 2px solid white;
    box-shadow: 0px 1px 10px #666;
    color: #1f497d;
    font-weight: bold;
    position: absolute;
    padding: 18px 2%;
    border-radius: 12px;
    top: 18px;
    z-index: 100;
    font-size: 18px;
    width: 92%;
    color: #fff;
    text-align: center;
    line-height: 26px;
}

    .documentUploadLoadingPopup em.close {
        background: url(../images/close_pop.png) center center no-repeat;
        width: 42px;
        height: 42px;
        position: absolute;
        right: -6px;
        top: -6px;
        cursor: pointer;
    }


ul.formHeading {
    border: none !important;
    font-weight: bold;
    padding: 16px;
    box-sizing: border-box;
    background: #cbcbcb;
}

/*#ui-datepicker-div {
    background: #f6f9fb;
    border: 1px solid #ccc;
    padding: 5px;
}

    #ui-datepicker-div .ui-datepicker-header {
    }

    #ui-datepicker-div .ui-datepicker-calendar {
        background: #fff;
    }

    #ui-datepicker-div a.ui-datepicker-prev span {
        cursor: pointer;
    }

    #ui-datepicker-div a.ui-datepicker-next span {
        cursor: pointer;
        float: right;
    }

    #ui-datepicker-div .ui-datepicker-title select {
        padding: 4px 10px;
        width: 35%;
        margin: 0 1px;
        margin-bottom: 5px;
    }

    #ui-datepicker-div table tr td {
        border: 1px #ccc solid;
        text-align: center;
    }

        #ui-datepicker-div table tr td:hover a {
            background: #3387c9;
            color: #fff;
        }

        #ui-datepicker-div table tr td a {
            color: #9f1c33;
            padding: 4px;
            display: block;
        }

            #ui-datepicker-div table tr td a:hover {
                color: #fff;
            }

    #ui-datepicker-div table tr th {
        background: #e2e2e2;
        padding: 5px 8px;
        border: 1px #ccc solid;
        text-align: center;
    }*/



.customerVrification {
    padding: 0px;
}

    .customerVrification h2 {
        text-align: left;
        color: #0069bc;
        font-size: 28px;
        font-weight: 300;
    }

    .customerVrification .inptRow {
        width: 100%;
        text-align: left;
        padding: 15px;
        box-sizing: border-box;
    }

        .customerVrification .inptRow label {
            display: block;
            padding-bottom: 10px;
        }

        .customerVrification .inptRow .inpt {
            background: #e3e3e3;
            border: 1px solid #e3e3e3;
            border-radius: 3px;
            font-size: 14px;
            font-weight: 700;
            padding: 10px 10px;
            color: #a9a9a9;
            width: 180px;
            margin-bottom: 5px;
            display: block;
        }

            .customerVrification .inptRow .inpt:focus {
                background-color: #fff;
                border: 1px solid #3387c9;
                outline: 0;
                outline: thin dotted \9;
                -webkit-transition: .5s ease;
                transition: .5s ease;
            }

        .customerVrification .inptRow .sButton {
            margin: auto;
        }

        .customerVrification .inptRow .inpt.loadingImg {
            background: url(../images/ajax-loader.gif) right center no-repeat;
        }

    .customerVrification .errorMsg {
        width: auto; /*padding:10px;background:#ffe7eb; border:solid 1px #ffcdd6;*/
        /*display: inline;*/
        color: #f00;
        text-align: left;
        font-size: 13px;
        line-height: 20px;
        border-radius: 3px;
        border: none !important;
    }

    .customerVrification .submitBtnn { /*padding: 6px 20px;*/
        /*margin-left: 10px;*/
    }

    .customerVrification .resendOTP {
        width: 100%;
        font-size: 13px;
    }

.otpVerification {
    border: solid 1px #cbcbcb;
    width: 97%;
    margin: 0 9px 15px 9px;
    border-radius: 4px;
    padding: 0px 0px 0px 0;
    box-sizing: border-box;
}

    .otpVerification h3 {
        background: #f2f2f2;
        border-radius: 4px 0 0 4px;
        padding-left: 20px;
        font-size: 14px;
        color: #555555;
        line-height: 43px;
        vertical-align: middle;
        font-weight: bold;
        box-sizing: border-box;
    }

    .otpVerification .inpt {
        margin-right: 10px;
    }

.loadingDivs {
    background: rgba(255,255,255,.8);
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    z-index: 4;
    border-radius: 10px;
}

    .loadingDivs img {
        margin-top: 95px;
    }

.ConfirmBox1 ul li .agreeDiv {
    margin-top: 0px;
    padding-left: 0px;
}

    .ConfirmBox1 ul li .agreeDiv h2 {
        text-align: center;
    }

    .ConfirmBox1 ul li .agreeDiv .agreeDisagreeBox {
        width: 100%;
        font-size: 11px;
        line-height: 16px;
        margin: 10px 0 10px 0;
    }

        .ConfirmBox1 ul li .agreeDiv .agreeDisagreeBox h3 {
            font-size: 12px;
            font-weight: bold;
            margin-bottom: 5px;
        }

        .ConfirmBox1 ul li .agreeDiv .agreeDisagreeBox .agreeBox {
            width: 48%;
        }

        .ConfirmBox1 ul li .agreeDiv .agreeDisagreeBox .disAgreeBox {
            width: 48%;
            border-left: 1px #ccc solid;
            padding-left: 10px;
        }

    .ConfirmBox1 ul li .agreeDiv .confirmbutton1 {
        margin-top: 5px;
        text-align: center;
    }

.popupBox {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    z-index: 10;
}

.popboxContent {
    width: 500px;
    height: auto;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    margin-top: 15%;
    position: relative;
    text-align: center;
    border-radius: 3px;
}
/*.popboxContent .closeBtn{position: absolute;
    right: -10px;
    background: #fff;
    padding: 4px 8px;
    font-size: 13px;
    font-weight: bold;
    top: -15px;
    border-radius: 50%;
    border: 1px solid #ccc;}*/

.disableBtn {
    opacity: .5;
    cursor: not-allowed !important;
}



.PaymentcardType {
    width: 95%;
    padding: 20px 10px 0px 0px;
    line-height: 20px;
}

    .PaymentcardType p {
        font-size: 11px;
        color: #a9a8a8;
    }

    .PaymentcardType label {
        color: #0069bc;
    }



.checkboxList {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

    .checkboxList > label {
        margin-right: 10px;
        width: 23%;
        margin-bottom: 10px;
    }

        .checkboxList > label input[type="checkbox"] {
            margin-right: 5px;
        }

/* Popup css */
.popup {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0px;
    z-index: 1001;
    left: 0px;
    background: rgba(0,0,0,0.75);
}

.popup-inner {
    max-width: 700px;
    width: 90%;
    padding: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0px 2px 6px rgba(0,0,0,1);
    border-radius: 3px;
    background: #fff;
}

.popup-close {
    /*width: 30px;
    height: 30px;
    padding-top: 4px;
    display: inline-block;
    position: absolute;
    top: 25px;
    right: 30px;
    transition: ease 0.25s all;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    border-radius: 1000px;
    background: rgba(255, 0, 0, 0.8);
    font-size: 20px;
    text-align: center;
    line-height: 100%;
    color: #fff;
    font-weight: bold;*/
}

    .popup-close:hover {
        /*-webkit-transform: translate(50%, -50%) rotate(180deg);
        transform: translate(50%, -50%) rotate(180deg);
        color: #fff;
        background: rgba(255, 0, 0, 1);
        text-decoration: none;*/
    }

.popup-inner .contentScrollDiv {
    /*overflow-y: scroll;
    overflow-x: hidden;
    height: 420px;*/
}


.summaryHeadings {
    /*background: #ececec;
    padding: 14px;
    
    font-size: 15px;
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;*/
}




.row {
    /*width: 100%;*/
}

.criticalStp .checkboxList > label {
    /*width: 48%;*/
}







@media only screen and (max-width:480px) {
    .rightBox .bankDetailNew .form_fields li {
        width: 90%;
        margin: 0 5%;
    }

        .rightBox .bankDetailNew .form_fields li label {
            padding-top: 10px;
            padding-bottom: 5px;
        }

    .rightBox .bankDetailNew .form_fields ul {
        margin: 10px 0;
    }
}


/*pnb responsive*/

.pageContentBox .sectionHeading, .sectionHeading {
    /* width: 100%; */
    height: 20px;
    /*  */
    border-radius: 4px 4px 0 0;
    /* display: table; */
    position: relative;
    /* vertical-align: middle; */
    background: #f2f2f2;
    padding: 12px 20px 10px 20px;
    /* border-bottom: solid 1px #eaeaea; */
    /* text-indent: 20px; */
}

    .pageContentBox .sectionHeading .DataBox {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
    }

        .pageContentBox .sectionHeading .DataBox h4 {
            font-size: 15px;
            font-weight: 600;
            color: #808080;
        }

.pageContentBox {
    width: 97%;
    margin: 0 9px 15px 9px;
    margin-bottom: 10px;
    display: table;
    position: relative;
    border-radius: 4px;
    /* background: #fdfdfd; */
    border: solid 1px #cbcbcb;
}

    .pageContentBox .sectionContent li {
        width: 50%;
        float: none;
        font-weight: 500;
        color: #737373;
        display: inline-block;
        vertical-align: top;
        padding: 0 20px 20px 20px;
        position: relative;
        box-sizing: border-box;
        font-size: 12px;
        font-weight: 600;
    }

    .pageContentBox .sectionContent.threeCols li {
        width: 33%;
    }

    .pageContentBox .sectionContent li label {
        font-size: 12px;
        font-weight: 400;
        color: #959595;
        display: block;
    }

    .pageContentBox .sectionContent li.fullWidth {
        width: 100%;
    }

.alignR {
    text-align: right;
}

@media only screen and (max-width: 600px) {
    .pageContentBox .sectionContent.threeCols li {
        width: 100%;
    }

    .criticalStp .checkboxList > label {
        width: 100%;
    }
}

.rightBox .form_fields ul li.label.largeText:before {
    height: 68px;
}

.rightBox .form_fields ul.newMailingAddress {
    border: none;
}

.rightBox .form_fields ul.fullWidth.newMailingAddress .firstClass {
    width: 30%;
    margin-top: 17px;
}

.rightBox .form_fields ul.fullWidth.questionRow.newMailingAddress li.questionRadio {
    width: 70%;
}


.radio label {
    /*display: inline-block;
    margin: 3px 1px 0px 4px;
    padding: 0;
    margin-bottom: 0;
    font-size: 12px;
    cursor: pointer;
    background: none;
    border: none;
    width: 46px;
    height: 31px;
    position: relative;
    border: 2px solid #e3e3e3;
    border-radius: 20px;
    -webkit-transition: .5s ease;
    transition: .5s ease;*/
}

    .radio label span {
        /*background: white;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    line-height: 34px;
    color: #545454;
    text-align: center;
    vertical-align: middle;*/
    }

    .radio label.style1 {
        /*border: 2px solid #454445;
    font-weight: 700;
    border-radius: 20px;*/
    }

.mulitpleCheckboxLabel {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.13px;
    text-align: left;
    color: #000000;
    margin-right: 20px;
}

.mulitpleCheckbox input[type="radio"] {
    display: none;
}

.mulitpleCheckbox span {
    background: transparent;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    line-height: 34px;
    color: #0652dd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mulitpleCheckbox input[type="radio"]:checked span {
    background: #0652dd;
    padding: 0 10px;
}

/*    .mulitpleCheckbox label.style1 span {
        color: #fff;
    }

.mulitpleCheckbox label {
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    cursor: pointer;
    background: none;
    border: none;
    height: 31px;
    position: relative;
    border: 1px solid #0652dd;
    border-radius: 20px;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}*/
.mulitpleCheckbox label {
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
    background: none;
    border: none;
    height: 31px;
    position: relative;
    border: 1px solid #0652dd;
    border-radius: 20px;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

    .mulitpleCheckbox label span {
        font-size: 12px;
        cursor: pointer;
        background: none;
        border: none;
        position: relative;
        padding: 0 10px;
    }

.mulitpleCheckbox input[type="radio"]:checked + span {
    background: #0652dd;
    color: #fff;
}
/*-----------------New Design Css Start-------------------*/
/*********************Common Css start*********************/
body {
    background: #fafafa;
}

*,
::after,
::before {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

input,
textarea,
button,
select, label,
a, span, div {
    /* -webkit-tap-highlight-color: rgba(0,0,0,0); */
}

    input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder {
        opacity: 0;
        transition: inherit;
    }

    ::-moz-focus-inner, input:focus::-webkit-input-placeholder {
        opacity: 0;
        transition: inherit;
    }

    input:focus::-webkit-input-placeholder {
        opacity: 1;
    }

    input:focus::-moz-focus-inner {
        opacity: 1;
    }

::-webkit-input-placeholder {
    color: #c7c7c7;
    font-weight: 300;
    font-size: 12px;
}

:-moz-placeholder {
    color: #c7c7c7;
    opacity: 0;
    font-weight: 300;
    font-size: 12px;
}

::-moz-placeholder {
    color: #c7c7c7;
    opacity: 0;
    font-weight: 300;
    font-size: 12px;
}

input:focus::-moz-placeholder {
    opacity: 1;
}

:-ms-input-placeholder {
    color: #c7c7c7;
    font-weight: 300;
    font-size: 12px;
}

:-ms-input-placeholder {
    color: #c7c7c7 !important;
    font-weight: 300 !important;
    font-size: 12px;
}
/* IE1011 */
::-ms-input-placeholder {
    color: #c7c7c7;
    font-weight: 300;
    font-size: 12px;
}
/* Edge */
::placeholder {
    color: #c7c7c7;
    font-weight: 300;
    font-size: 12px;
}

/*-------------------FloationgLabels Css Start-------------*/
.floatingLabel {
    position: relative;
}

.floating-input {
    font-size: 16px;
    padding: 7px 20px;
    display: block;
    width: 100%;
    height: 56px;
    background-color: transparent;
    border: solid 1px #5e6c84;
    font-weight: 700;
    color: #253858;
    border-radius: 8px;
}

.floating-select {
    font-size: 16px;
    padding: 7px 20px;
    display: block;
    width: 100%;
    height: 56px;
    background-color: transparent;
    border: solid 1px #5e6c84;
    font-weight: 700;
    color: #253858;
    border-radius: 8px;
}


    .floating-input:focus, .floating-select:focus {
        outline: none;
    }

.floatingLabelText {
    color: #5e6c84;
    font-size: 16px;
    position: absolute;
    pointer-events: none;
    left: 20px;
    padding-right: 20px;
    top: 50%;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    transform: translateY(-50%);
    font-weight: normal;
    text-align: left;
}

.customFloatingLabel {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.11px;
    text-align: left;
    color: #000000;
}

.floating-input:focus, .rightBox .form_fields input[type="text"]:focus, .rightBox .postFilledForm input[type="text"]:focus, .rightBox .postFilledForm input[type="tel"]:focus, .rightBox .postFilledForm select:focus, .rightBox .preFilledDetails .form_fields .floating-input:focus, .rightBox .preFilledDetails .form_fields .floating-input:focus, .rightBox .preFilledDetails .form_fields .floating-select:focus, .rightBox .preFilledDetails .form_fields .floating-select:focus {
    border-color: #0652dd;
}
    /*.floating-input.has-value, .floating-input:focus, .rightBox .form_fields input[type="text"]:focus, .rightBox .form_fields input[type="text"].has-value, .rightBox .postFilledForm input[type="text"]:focus, .rightBox .postFilledForm input[type="text"].has-value, .rightBox .postFilledForm input[type="tel"]:focus, .rightBox .postFilledForm input[type="tel"].has-value, .rightBox .postFilledForm select:focus, .rightBox .postFilledForm select.valid, .rightBox .preFilledDetails .form_fields .panNumber input:focus,.rightBox .preFilledDetails .form_fields .panNumber input {
    border-color: #0652dd;
}*/
    .floating-input.has-value ~ .floatingLabelText, .floating-input:focus ~ .floatingLabelText, .floating-input[disabled].has-value ~ .floatingLabelText {
        top: 0px;
        font-size: 11px;
        background: #fff;
        margin: 0 10px 0 0;
        padding: 0;
        left: 20px;
        width: auto;
    }

    .floating-input:focus ~ .floatingLabelText {
        color: #0652dd;
    }

.onFocusSymbolPrefix ~ .prefixInputIcon, .onFocusSymbolPrefix ~ .postFixInputLabel {
    display: none;
}

.annualIncomePostFixLabel {
    position: absolute;
    top: 7px;
    background: #f5f6fa;
    right: 0px;
    text-align: center;
    padding: 4px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.17;
    color: #27313d;
    width: 69px;
    height: 22px;
    border-radius: 4px;
}

.onFocusSymbolPrefix.floating-input.has-value ~ .prefixInputIcon, .onFocusSymbolPrefix.floating-input:focus ~ .prefixInputIcon {
    display: block;
    top: 7px;
}

.onFocusSymbolPrefix.floating-input.has-value.onFocusSymbolPrefix ~ .postFixInputLabel {
    display: block;
}

.onFocusSymbolPrefix.floating-input {
    padding-left: 15px;
}

.onFocusSymbolPrefixCountryCode ~ .countryCode {
    display: none;
}

.onFocusSymbolPrefixCountryCode.countryCodeValue ~ .countryCode {
    display: block;
}

.onFocusSymbolPrefixCountryCode:focus ~ .countryCode {
    display: block;
}

.onFocusSymbolPrefixCountryCode.countryCodeValue, .onFocusSymbolPrefixCountryCode:focus {
    padding-left: 30px;
}

.nriCountryCode.countryCodeValue, .nriCountryCode:focus {
    padding-left: 50px;
}

.customValue .onFocusSymbolPrefix ~ .prefixInputIcon {
    display: none;
}

.customValue .onFocusSymbolPrefix:focus ~ .prefixInputIcon {
    display: block;
    top: 17px;
    left: 20px;
}

.customValue .onFocusSymbolPrefix ~ .prefixInputIcon, .customValue .onFocusSymbolPrefix.floating-input:not(:placeholder-shown) ~ .prefixInputIcon {
    top: 17px;
    left: 20px;
}

.customValue .onFocusSymbolPrefix:focus, .customValue .onFocusSymbolPrefix {
    padding-left: 35px;
}

.floating-select:focus, .floating-select.valid {
    border-color: #0652dd;
}

    .floating-select:focus ~ label, .floating-select.valid ~ label {
        top: 0px;
        font-size: 11px;
        background: #fff;
        padding: 0 5px;
        left: 15px;
    }

    .floating-select:focus ~ .floatingLabelText {
        color: #0652dd;
    }

.floating-select:disabled, .floating-input:disabled {
    opacity: 1;
    background: transparent url(../images/lock.svg) no-repeat 96% center
}

    .floating-select:disabled ~ .floatingLabelText, .floating-input:disabled ~ .floatingLabelText {
        /*opacity: 0.45;*/
    }

    .floating-select:disabled ~ .floatingLabelText, input.floating-input[disabled="disabled"] ~ .floatingLabelText {
        top: 0;
        font-size: 11px;
        background: #fff;
        opacity: 1;
    }

.floating-textarea {
    min-height: 30px;
    max-height: 260px;
    overflow: hidden;
    overflow-x: hidden;
}

.floating-input {
    padding: 7px 20px;
    padding-right: 40px;
}

    .floating-input ~ .border-bottom-animation, .floating-select ~ .border-bottom-animation, .floating-radioBtn ~ .border-bottom-animation.left {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 2px;
        border-color: #0065ff;
        transition: 0.4s;
    }

    .floating-input:focus ~ .border-bottom-animation, .floating-select:focus ~ .border-bottom-animation, .floating-radioBtn input[type="radio"]:checked .border-bottom-animation.left {
        width: 100%;
        transition: 0.4s;
        left: 0;
    }

.error .floating-input, .error .floating-select {
    border-bottom: 1px solid #e74c3c !important;
}

.errorText {
    display: none;
}

.error ~ .errorText {
    display: block;
    color: #e74c3c;
    font-size: 12px;
    margin-top: 5px;
    line-height: 14px;
}

.error .radio .label {
    border-color: #e74c3c;
}

.inputPostSuffixIcon {
    position: absolute;
    right: 10px;
    top: 35%;
    display: none;
}

.dobPostSuffix {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: normal;
    text-align: right;
    color: #253858;
    border-radius: 8px;
    background-color: #f0f3f9;
    position: absolute;
    right: 10px;
    top: -5px;
    padding: 2px 8px;
}
/*-------------------FloationgLabels Css End-------------*/
.checkBox {
}

.checkboxLabel, .tableCheckbox {
    position: relative;
    cursor: pointer;
    display: inline-block;
    display: flex;
    line-height: 20px;
    /* margin-right: 10px; */
}

    .checkboxLabel input[type="radio"], .checkboxLabel input[type="checkbox"] {
        display: none;
    }

.checkBox .CheckBoxTick {
    position: relative;
    display: inline-table;
    margin-right: 10px;
    width: 16px;
    margin-top: 2px;
    height: 16px;
    border: 2px solid #4c5a6f;
    border-radius: 4px;
    -webkit-tap-highlight-color: transparent;
    flex-shrink: 0;
}


.checkboxLabel .CheckBoxTick:after {
    content: '';
    position: absolute;
    transform: scale(0);
    transition: all 0.2s ease;
    /*opacity: 0.1;*/
    opacity: 0;
    pointer-events: none;
    right: 4px;
    top: 0px;
    width: 5px;
    height: 9px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    /* background: #0652dd; */
}

/*.checkboxLabel .CheckBoxTick ~ .radioBtnAnswerTxt {
    font-size: 14px;
    color: #000000;
}*/

.checkBox input[type="checkbox"]:checked ~ .radioBtnAnswerTxt, .checkBox input[type="radio"]:checked ~ .radioBtnAnswerTxt, .checkboxLabel .CheckBoxTick ~ .radioBtnAnswerTxt {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: 0.28px;
    text-align: left;
    color: #000000;
    padding-right: 10px;
}

.multipleCheckboxDiv .checkboxLabel .CheckBoxTick ~ .radioBtnAnswerTxt {
    font-weight: 400;
}




.checkboxLabel:hover .CheckBoxTick:after {
    transform: scale(1.1) rotate(45deg);
}

.checkBox input[type="checkbox"]:checked + .CheckBoxTick:after, .checkBox input[type="radio"]:checked + .CheckBoxTick:after, .checkboxLabel .spanChecked + .CheckBoxTick:after, .checkboxLabel .aspNetDisabled.style1 + .CheckBoxTick:after {
    /* transform: scale(1); */
    transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
    opacity: 1;
}

input[type="checkbox"]:checked + .CheckBoxTick, input[type="radio"]:checked + .CheckBoxTick, .checkboxLabel .spanChecked + .CheckBoxTick, .checkboxLabel .aspNetDisabled.style1 + .CheckBoxTick {
    border-color: #0652dd;
    background: #0652dd;
}

.checkboxLabel .aspNetDisabled + .CheckBoxTick {
    cursor: no-drop;
}

.hidden {
    display: none;
}

.warningOrangeTxt {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: 0.28px;
    text-align: left;
    color: #c36b02;
}

    .warningOrangeTxt img {
        margin-top: 2px;
    }

.warningInfo {
    font-weight: 500;
}

.warningSubInfo {
    margin-top: 5px;
}
/*---------------Rectangel Radio Btn--------------------*/
.rectangelRadioBtn {
    display: flex;
}

.rectangelRadioLabel input {
    display: none;
}

.rectangelRadioBtn .rectangelRadioLabel {
    position: relative;
    cursor: pointer;
    display: inline-block;
    background: transparent;
    outline: none;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    width: 60px;
}

.rectangelRadioBtn .rectangelRadioLongLabel {
    width: 110px;
}

.rectangelRadioBtn .rectangelRadioLabel:first-child .label {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

    .rectangelRadioBtn .rectangelRadioLabel:first-child .label:after {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

.rectangelRadioBtn .rectangelRadioLabel:not(:first-child) .label {
    /*margin-left: -2px;*/
}

.rectangelRadioBtn .rectangelRadioLabel:last-child .label {
    /*margin-left: -6px;*/
}

.rectangelRadioBtn .rectangelRadioLabel:last-child .label {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .rectangelRadioBtn .rectangelRadioLabel:last-child .label:after {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.rectangelRadioBtn .rectangelRadioLabel .label {
    position: relative;
    display: block;
    margin-right: 0;
    width: 100%;
    height: 40px;
    border: 1px solid #e3e3e3;
    -webkit-tap-highlight-color: transparent;
    background: #ffffff;
    border-radius: 0;
}

    .rectangelRadioBtn .rectangelRadioLabel .label:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        pointer-events: none;
        border-radius: 0;
    }

.rectangelRadioBtn .rectangelRadioLabel input[type="radio"]:checked .label:after {
    /*transform: scale(3.6);*/
}

.rectangelRadioBtn .rectangelRadioLabel input[type="radio"]:checked + .label, .rectangelRadioBtn .rectangelRadioDisable .label {
    border-color: #0652dd;
    border: none;
}


    .rectangelRadioBtn .rectangelRadioLabel input[type="radio"]:checked + .label:after, .rectangelRadioBtn .rectangelRadioDisable .label:after, .rectangelRadioBtn .rectangelRadioBtnActive .label:after {
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
        -o-transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
        -webkit-transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
        -moz-transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
        opacity: 1;
        background: #0652dd;
        color:#fff;
    }

.rectangelRadioBtn .rectangelRadioLabel input[type="radio"] ~ .label .radioBtnAnswerTxt, .aspNetDisabled ~ .label .radioBtnAnswerTxt {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    font-size: 11px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.rectangelRadioBtn .rectangelRadioLabel input[type="radio"]:checked ~ .label .radioBtnAnswerTxt, .rectangelRadioBtn .rectangelRadioDisable .label .radioBtnAnswerTxt {
    color: #ffffff;
    position: relative;
    z-index: 1;
}

.rectangelRadioLabel input[disabled] ~ .label {
    cursor: no-drop;
}

.aspNetDisabled ~ .label .radioBtnAnswerTxt {
    cursor: no-drop;
}

.lableRadioBtnTxt {
    flex-grow: 1;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    /*height: 100%;*/
    padding-right: 20px;
    width: 82%;
}

.lableRadioBtnLongTxt {
    width: 67%;
}

.lableRadioBtnLable {
    /*height: 100%;*/
    display: flex;
    align-items: flex-start
}

.labelRadioBtnSubTxt {
    font-size: 11px;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #757575;
    margin-top: 10px;
}
/*----------------Rectangel Radio Btn--------------------------*/
/*---------------Circle Radio Btn------------------------------*/
.circleRadioBtnLabel {
    position: relative;
    cursor: pointer;
    display: inline-block;
    margin-right: 30px;
    background: transparent;
    outline: none;
    font-size: 14px;
    font-weight: 500;
}

    .circleRadioBtnLabel input {
        display: none;
    }

    .circleRadioBtnLabel .customCircleBorder {
        position: relative;
        display: block;
        margin-right: 8px;
        width: 20px;
        height: 20px;
        margin-top: 1px;
        border: 2px solid #4c5a6f;
        border-radius: 100%;
        -webkit-tap-highlight-color: transparent;
    }

        .circleRadioBtnLabel .customCircleBorder:after {
            content: '';
            position: absolute;
            top: 3px;
            left: 3px;
            width: 10px;
            height: 10px;
            border-radius: 100%;
            background: #0652dd;
            transform: scale(0);
            -o-transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -webkit-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            transition: all 0.2s ease;
            opacity: 0.08;
            pointer-events: none;
        }

    .circleRadioBtnLabel input[type="radio"]:checked .customCircleBorder:after {
        transform: scale(3.6);
    }

    .circleRadioBtnLabel input[type="radio"]:checked + .customCircleBorder {
        border-color: #0652dd;
    }

        .circleRadioBtnLabel input[type="radio"]:checked + .customCircleBorder:after {
            -o-transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            transform: scale(1);
            transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
            -o-transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
            -webkit-transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
            -moz-transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
            opacity: 1;
        }

    .circleRadioBtnLabel input[type="radio"]:checked ~ .radioBtnAnswerTxt {
        color: #0652dd;
    }


.hidden {
    display: none;
}

/*-----------------Circle Radio Btn----------------------------*/
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: #fff url(../images/select-arrow.png) 96% center no-repeat;
}

.medicalTestList input[type="text"], .medicalTestList select {
    font-size: 16px;
    padding: 7px 20px;
    display: block;
    width: 100%;
    height: 56px;
    background-color: #fff;
    /*border: solid 1px #5e6c84;*/
    font-weight: 700;
    color: #253858;
    border-radius: 8px;
}

.btn {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-transition: background 0.5s ease-out;
    -webkit-transition: background 0.5s ease-out;
    transition: background 0.5s ease-out;
    display: inline-block;
    padding: 0px 20px;
    line-height: 40px;
    border: 0;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    min-height: 40px;
    min-width: 160px;
    width: auto;
    cursor: pointer;
    white-space: normal;
    -webkit-appearance: none;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
}

    .btn:hover {
        /*background: #df7f01;
    cursor: pointer;*/
    }

.primary-btn {
    background: #fd4704;
    color: #FFFFFF;
}

.secondary-btn {
    border: solid 1px #fd4600;
    background-color: #ffffff;
    color: #fd4702;
    min-width: initial;
}

.blue-bg {
    background-color: #0065ff;
    min-width: initial;
}

.btnPreviousNext {
    border-radius: 8px;
    background: #f5f5f5;
    position: fixed;
    /*left: 0;
    right: 0;*/
    bottom: 0;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /*width: 100%;*/
    width: 763px;
    margin: auto;
    z-index: 101;
    transition: all 0.8s ease-in-out;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    animation: smoothScrollTop 2s forwards;
}

.btnPreviousNextAbsolute {
    position: absolute;
}

.mobileHeader {
    display: none;
}

.HeloTanyPopup {
    display: none
}

.desktopNone {
    display: none !important;
}

.mobileNone {
    display: block !important;
}

.success {
    color: #19b24d;
    font-weight: 500;
}

.error, .failedMsg {
    background-color: #fff !important;
    color: #de350b !important;
    font-size: 12px !important;
    display: none;
    align-items: center !important;
    justify-content: flex-start;
    padding: 0 !important;
    width: 100%;
}

    .error:before, .failedMsg:before {
        content: url('../images/errorImg.svg');
        color: #fff;
        margin-right: 7px;
        margin-top: 4px;
    }

.error, .failedDocMsg {
    /*background-color: #fff !important;*/
    color: #de350b !important;
    font-size: 12px !important;
    /*display: none;*/
    align-items: center !important;
    justify-content: flex-start;
    padding: 0 !important;
    width: 100%;
}
    .error:before, .failedDocMsg:before {
        content: url('../images/errorImg.svg');
        color: #fff;
        margin-right: 7px;
        margin-top: 4px;
    }
.selectDisabled {
    position: absolute;
    background: transparent url(../images/lock.svg) no-repeat 96% center;
    z-index: 100;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: no-drop;
}

    .selectDisabled + .floating-select {
        background: none;
    }

.disabledBtns {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    background: rgba(234, 234, 234,0.3);
    z-index: 99;
    cursor: no-drop;
    border-radius: 4px;
}

#divUploadAadharCard {
    display: none;
}

.validationError {
    border: 1px solid red !important;
}

.addErrorIconMessage {
    display: flex !important;
}

.aspNetDisabled {
    background: transparent url(../images/lock.svg) no-repeat 96% center;
}

.formerrormsg {
    color: red;
    width: 100%;
    margin-top: 5px;
    font-size: 11px;
}
/*********************Common Css End*********************/
/*********************Customscroll Css Start*********************/
.customScroll {
    /*height: 500px;
    overflow-y: scroll;
    padding: 0 30px;
    position: relative;*/
}
/*********************Customscroll Css End*********************/
/**************Medical Section css***********************/
.medicalSchedule {
    border: none;
    position: fixed;
    z-index: 1001;
    padding-top: 0;
    left: 0px;
    top: 0;
    width: 100%;
    background-color: rgba(123, 123, 123, 0.7);
    height: 100%;
    border-radius: 0;
    margin: 0;
    overflow: auto;
}

.medicalTestList {
    padding: 0 30px;
}

    .medicalTestList ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .medicalTestList ul li {
            width: 50%;
            /*float: left;*/
            font-weight: 500;
            /*display: inline-block;*/
            vertical-align: top;
            padding: 0 20px 20px 20px;
            position: relative;
            box-sizing: border-box;
        }

            .medicalTestList ul li .liHalf {
                /*width: 49%;
            float: left;
            margin-right: 2%;*/
                /* padding: 7px 3px; */
            }

                .medicalTestList ul li .liHalf:last-child {
                    margin-right: 0px;
                }

            .medicalTestList ul li label {
                /*margin-bottom: 8px;
            color: #514f50;
            font-weight: 500;*/
                /*display: block;
            width: 100%;*/
            }

.medicalTestList {
    padding: 20px 10px 20px;
    float: left;
}

.greenBg {
    background: transparent url(../images/greenIllustration.svg) no-repeat;
    background-size: cover;
    height: 233px;
    position: relative;
    padding: 30px 40px 0px 40px;
    border-radius: 4px 4px 0 0;
    border: none;
    outline: 0;
    background-position: 0px -1px;
}

.userDocumentsDiv {
    padding: 0 !important;
    /*margin-bottom: 20px;*/
}

.blueTxt {
    color: #0e4fb7;
}

.documentUploadDiv {
    /*border-radius: 4px;
    background: #fefefe;
    box-shadow: 0px 10px 33px 4px rgb(234, 234, 234);
    width: 90%;*/
    position: relative;
}

.medicalHeaderInfo {
    width: 100%;
    float: left;
}

.medicalImage {
    width: 35%;
    float: left;
    position: absolute;
    right: 40px;
    bottom: 3px;
}

    .medicalImage img {
        width: 100%;
        border-radius: 20px 20px 0 0;
    }


.medicalHeading {
    color: #fff;
    margin-bottom: 10px;
    font-size: 15px;
}

.medicalSubHeading {
    color: #d8d7d7;
    margin-bottom: 0px;
    font-size: 13px;
}

.medicalSmallSubHeading {
    color: #ffffff;
    font-size: 13px;
    line-height: 24px;
    width: 280px;
}

.btn.medicalIcon {
    background: #f0762b url(../images/Medical_Schedule-button-icon.svg) no-repeat;
    margin-right: 0;
    background-size: 20px;
    background-position: 40px center;
    min-width: 100%;
    margin: 0;
    line-height: 41px;
    min-height: 41px;
    font-size: 14px;
    color: #fff;
}

.lightTxt {
    font-size: 15px;
    color: #e6e6e6;
    font-weight: 400;
}

.medicalScheduleBody {
    margin: 0 auto;
    width: 625px;
    position: absolute;
    top: 85px;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    background: #fff;
    border-radius: 4px;
    border: none;
    outline: none;
    box-shadow: 0px 0px 10px 1px rgb(152, 152, 152);
    left: 0;
    right: 0;
}
/**************Medical Section css end*******************/

/**********************tooltip for sapling Top css start **********************/
.toolTip {
    position: relative;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .toolTip .toolTipText {
        visibility: hidden;
        width: 40%;
        background-color: #27313d;
        border: 1px solid #27313d;
        color: #fff;
        text-align: left;
        border-radius: 4px;
        padding: 10px 16px;
        position: absolute;
        z-index: 10;
        top: 40px;
        font-size: 12px;
        left: 0;
        right: 0;
        line-height: 18px;
        opacity: 0;
        box-shadow: 0px 1px 13px rgba(77, 126, 199, 0.15);
        transition: all 0.5s ease-out;
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }

        .toolTip .toolTipText::after {
            content: "";
            position: absolute;
            top: -18px;
            left: 40px;
            border-width: 9px;
            border-style: solid;
            border-color: transparent transparent #27313d transparent;
        }

    .toolTip:hover .toolTipText {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate(0%, -10%);
        transform: translate(0%, -10%);
    }
/**********************tooltip for sapling Top css end**********************/
/*********************Sorry Page start*********************/
.SorryText {
    font-size: 20px;
}

.sorryPageIcon {
    font-size: 25px;
}
/*---------------congo css start-------------------*/


.congratsDiv {
    margin: 10px auto;
    background: #fff url('../images/shape.svg') no-repeat;
    height: 565px;
    background-size: 45%;
    background-position: 0 0;
    border-radius: 4px;
    width: 90%;
    float: none;
    box-shadow: 0px 0px 33px 4px rgb(234, 234, 234)
}

.congDiv {
    display: table;
    width: 100%;
}

.congLeft {
    display: table-cell;
    vertical-align: middle;
    width: 300px;
    background-size: 100%;
    text-align: left;
    height: 100%;
    padding: 35px 30px 40px 30px;
}

.shieldSvg svg {
    width: 25%;
    height: auto;
}

.congoLeftTxt h1 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.congoLeftTxt h3 {
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
}

.congoLeftTxt p {
    color: #fff;
    font-size: 13px;
    line-height: 24px;
}

.congRight {
    display: table-cell;
    vertical-align: middle;
    padding: 100px 90px 0px 90px;
    width: 663px;
}

.aboutTxt {
    text-align: left;
    font-size: 14px;
    line-height: 24px;
}

.proDiv {
    border: 1px solid #17A2B8;
    color: #17A2B8;
    padding: 15px 20px 15px 40px;
    position: relative;
    border-radius: 4px;
    text-align: left;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
}

    .proDiv .tipImg {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid #17a2b8;
        position: absolute;
        left: -20px;
        top: 11px;
        text-align: center;
        z-index: 2;
        padding: 7px 0px;
        background: #fff;
    }

    .proDiv span {
        font-weight: 500;
    }

    .proDiv svg {
        width: 24px;
        height: auto;
        text-align: center;
    }

.noteInfo {
    font-size: 11px;
    margin-top: 5px;
    display: none;
}
/*---------------congo css end-------------------*/
/*********************Sorry Page Css End*********************/
/* ****************************Calender CSS start***************************/
.ui-datepicker {
    width: auto;
    padding: 5px;
    background: #fff;
    font-size: 13px;
    color: #aaa;
    font-weight: 300;
    box-shadow: 0px 0px 33px 4px rgb(234, 234, 234);
}

.ui-datepicker-header {
    float: left;
    width: 100%;
    padding: 5px 0;
    background: #f9f9f9;
}

    .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next {
        float: left;
        background: #f9f9f9;
        font-size: 12px;
        font-weight: 500;
        width: 50%;
        cursor: pointer;
        text-align: center;
        line-height: 45px;
    }

    .ui-datepicker-header .ui-datepicker-prev {
        width: 18%;
        float: left;
    }

    .ui-datepicker-header .ui-datepicker-next {
        width: 18%;
        float: right;
    }

.ui-datepicker-title {
    width: 64%;
    float: left;
    display: flex;
}

.ui-datepicker-current-day {
    background: #59a6df;
}

    .ui-datepicker-current-day .ui-state-active {
        color: #fff;
        font-weight: 500;
    }

.ui-datepicker-month, .ui-datepicker-year {
    width: 48%;
    margin: 2px;
    border: 1px solid #ccc;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    border-radius: 4px;
    /*background: #fff;*/
}

.ui-datepicker-calendar {
    font-weight: 300;
    margin: 0;
    padding: 0px;
    float: left;
    width: 100%;
}

    .ui-datepicker-calendar th, .ui-datepicker-calendar td {
        margin: 0;
        padding: 5px 0px;
        border: solid 1px #f9f9f9;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
    }

    .ui-datepicker-calendar th {
        background: #f9f9f9;
        color: #9c9d9c;
    }
/* ****************************Calender CSS end***************************/
/*************Bootstrap css start************************/
.container {
    max-width: 1140px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: -ms-flexbox !important;
    display: -moz-box-flexbox !important;
    display: -webkit-flex !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.d-none {
    display: none
}

.d-inline {
    display: inline
}

.d-inline-block {
    display: inline-block
}

.d-block {
    display: block !important;
}

.d-table {
    display: table
}

.d-table-row {
    display: table-row
}

.d-table-cell {
    display: table-cell
}

.d-flex {
    display: -ms-flexbox;
    display: -moz-box-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
    flex-wrap: wrap;
}

.d-inline-flex {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.flex-row {
    -webkit-flex-direction: column;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-column {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: column;
    flex-direction: row-reverse
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column;
    flex-direction: column-reverse
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-nowrap {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: nowrap
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap-reverse
}

.flex-fill {
    -ms-flex: 1 1 auto;
    -webkit-flex-grow: 1;
    flex: 1 1 auto
}

.flex-grow-0 {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.flex-grow-1 {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.flex-shrink-1 {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.flex-column {
    -ms-flex-direction: column;
    flex-direction: column;
}

.justify-content-start {
    -ms-flex-pack: start;
    -webkit-flex-pack: start;
    justify-content: flex-start
}

.justify-content-end {
    -ms-flex-pack: end;
    -webkit-flex-pack: end;
    justify-content: flex-end
}

.justify-content-center {
    -ms-flex-pack: center;
    -webkit-flex-pack: center;
    justify-content: center
}

.justify-content-between {
    -ms-flex-pack: justify;
    -webkit-flex-pack: justify;
    justify-content: space-between
}

.justify-content-around {
    -ms-flex-pack: distribute;
    -webkit-flex-pack: distribute;
    justify-content: space-around
}

.align-items-start {
    -webkit-flex-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.align-items-end {
    -webkit-flex-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.align-items-center {
    -webkit-flex-align: center;
    -ms-flex-align: center;
    align-items: center
}

.align-items-baseline {
    -ms-flex-align: baseline;
    align-items: baseline
}

.align-items-stretch {
    -ms-flex-align: stretch;
    align-items: stretch
}

.align-content-start {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.align-content-end {
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.align-content-center {
    -ms-flex-line-pack: center;
    align-content: center
}

.align-content-between {
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.align-content-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

.align-content-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.align-self-auto {
    -ms-flex-item-align: auto;
    align-self: auto
}

.align-self-start {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.align-self-end {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-self-center {
    -ms-flex-item-align: center;
    align-self: center
}

.align-self-baseline {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.align-self-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.text-justify {
    text-align: justify
}

.text-wrap {
    white-space: normal
}

.text-nowrap {
    white-space: nowrap
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.float-none {
    float: none
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.font-size-12 {
    font-size: 12px !important;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-33 {
    width: 33%;
}

.w-48 {
    width: 48%;
}

.w-50 {
    width: 50% !important;
}

.w-48 {
    width: 48%;
}

.w-44 {
    width: 44%;
}

.w-75 {
    width: 75%;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto;
}

.h-25 {
    height: 25%;
}

.h-50 {
    height: 50%;
}

.h-75 {
    height: 75%;
}

.h-100 {
    height: 100%;
}

.h-auto {
    height: auto;
}

.mw-100 {
    max-width: 100%;
}

.mh-100 {
    max-height: 100%;
}

.m-0 {
    margin: 0 !important;
}

.mt-0, .my-0 {
    margin-top: 0;
}

.mr-0, .mx-0 {
    margin-right: 0 !important;
}

.mb-0, .my-0 {
    margin-bottom: 0 !important;
}

.ml-0, .mx-0 {
    margin-left: 0 !important;
}



.m-15 {
    margin: 15px;
}

.ml-5 {
    margin-left: 5px;
}

.mr-5 {
    margin-right: 5px;
}

.mt-5 {
    margin-top: 5px;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.p-5 {
    padding: 5px;
}

.pl-5 {
    padding-left: 5px;
}

.pr-5 {
    padding-right: 5px;
}

.pt-5 {
    padding-top: 5px;
}

.pb-5 {
    padding-bottom: 5px;
}



.m-1 {
    margin: 10px;
}

.mt-1, .my-1 {
    margin-top: 10px !important;
}

.mr-1, .mx-1 {
    margin-right: 10px;
}

.mb-1, .my-1 {
    margin-bottom: 10px !important;
}

.ml-1, .mx-1 {
    margin-left: 10px;
}

.m-15 {
    margin: 15px;
}

.ml-15 {
    margin-left: 15px;
}

.mr-15 {
    margin-right: 15px;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.p-15 {
    padding: 15px;
}

.pl-15 {
    padding-left: 15px;
}

.pr-15 {
    padding-right: 15px;
}

.pt-15 {
    padding-top: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.m-2 {
    margin: 20px;
}

.mt-2, .my-2 {
    margin-top: 20px;
}

.mr-2, .mx-2 {
    margin-right: 20px;
}

.mb-2, .my-2 {
    margin-bottom: 20px !important;
}

.ml-2, .mx-2 {
    margin-left: 20px;
}

.m-3 {
    margin: 30px;
}

.mt-3, .my-3 {
    margin-top: 30px;
}

.mr-3, .mx-3 {
    margin-right: 30px;
}

.mb-3, .my-3 {
    margin-bottom: 30px !important;
}

.ml-3, .mx-3 {
    margin-left: 30px;
}

.m-4 {
    margin: 40px;
}

.mt-4, .my-4 {
    margin-top: 40px;
}

.mr-4, .mx-4 {
    margin-right: 40px;
}

.mb-4, .my-4 {
    margin-bottom: 40px;
}

.ml-4, .mx-4 {
    margin-left: 40px;
}

.m-5 {
    margin: 40px;
}

.mt-50, .my-50 {
    margin-top: 50px;
}

.mr-50, .mx-50 {
    margin-right: 50px;
}

.mb-50, .my-50 {
    margin-bottom: 50px;
}

.ml-50, .mx-50 {
    margin-left: 50px;
}

.ml-60 {
    margin-left: 60px;
}

.p-0 {
    padding: 0;
}

.pt-0, .py-0 {
    padding-top: 0;
}

.pr-0, .px-0 {
    padding-right: 0 !important;
}

.pb-0, .py-0 {
    padding-bottom: 0;
}

.pl-0, .px-0 {
    padding-left: 0;
}

.p-1 {
    padding: 10px;
}

.pt-1, .py-1 {
    padding-top: 10px;
}

.pr-1, .px-1 {
    padding-right: 10px;
}

.pb-1, .py-1 {
    padding-bottom: 10px;
}

.pl-1, .px-1 {
    padding-left: 10px;
}

.p-2 {
    padding: 20px;
}

.pt-2, .py-2 {
    padding-top: 20px;
}

.pr-2, .px-2 {
    padding-right: 20px;
}

.pb-2, .py-2 {
    padding-bottom: 20px;
}

.pl-2, .px-2 {
    padding-left: 20px;
}

.p-3 {
    padding: 30px;
}

.pt-3, .py-3 {
    padding-top: 30px;
}

.pr-3, .px-3 {
    padding-right: 30px;
}

.pb-3, .py-3 {
    padding-bottom: 30px;
}

.pl-3, .px-3 {
    padding-left: 30px;
}

.p-4 {
    padding: 40px;
}

.pt-4, .py-4 {
    padding-top: 40px;
}

.pr-4, .px-4 {
    padding-right: 40px;
}

.pb-4, .py-4 {
    padding-bottom: 40px;
}

.pl-4, .px-4 {
    padding-left: 40px;
}

.p-50 {
    padding: 50px;
}

.pt-50, .py-50 {
    padding-top: 50px;
}

.pr-50, .px-50 {
    padding-right: 50px;
}

.pb-50, .py-50 {
    padding-bottom: 50px;
}

.pl-50, .px-50 {
    padding-left: 50px;
}

.m-n1 {
    margin: -10px;
}

.mt-n1, .my-n1 {
    margin-top: -10px;
}

.mr-n1, .mx-n1 {
    margin-right: -10px;
}

.mb-n1, .my-n1 {
    margin-bottom: -10px;
}

.ml-n1, .mx-n1 {
    margin-left: -10px;
}

.m-n2 {
    margin: -20px;
}

.mt-n2, .my-n2 {
    margin-top: -20px;
}

.mr-n2, .mx-n2 {
    margin-right: -20px;
}

.mb-n2, .my-n2 {
    margin-bottom: -20px;
}

.ml-n2, .mx-n2 {
    margin-left: -20px;
}

.m-n3 {
    margin: -20px;
}

.mt-n3, .my-n3 {
    margin-top: -20px;
}

.mr-n3, .mx-n3 {
    margin-right: -30px;
}

.mb-n3, .my-n3 {
    margin-bottom: -30px;
}

.ml-n3, .mx-n3 {
    margin-left: -30px;
}

.m-n4 {
    margin: -40px;
}

.mt-n4, .my-n4 {
    margin-top: -40px;
}

.mr-n4, .mx-n4 {
    margin-right: -40px;
}

.mb-n4, .my-n4 {
    margin-bottom: -40px;
}

.ml-n4, .mx-n4 {
    margin-left: -40px;
}

.m-n5 {
    margin: -40px;
}

.mt-n5, .my-n5 {
    margin-top: -40px;
}

.mr-n5, .mx-n5 {
    margin-right: -40px;
}

.mb-n5, .my-n5 {
    margin-bottom: -40px;
}

.ml-n5, .mx-n5 {
    margin-left: -40px;
}

.m-auto {
    margin: auto;
}

.mt-auto, .my-auto {
    margin-top: auto;
}

.mr-auto, .mx-auto {
    margin-right: auto;
}

.mb-auto, .my-auto {
    margin-bottom: auto;
}

.ml-auto, .mx-auto {
    margin-left: auto;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.positionRelative {
    position: relative;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0;
}

.border-right-0 {
    border-right: 0;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0;
}

.border-primary {
    border: 1px solid #e3e3e3;
}

.border-top-primary {
    border-top: 1px solid #e3e3e3;
}

.border-bottom-primary {
    border-bottom: 1px solid #e5e8eb;
}

.font-weight-400 {
    font-weight: 400 !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.font-weight-700 {
    font-weight: 700 !important;
}

.rounded {
    border-radius: 4px;
}

.rounded-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.rounded-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.rounded-bottom {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.rounded-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.rounded-lg {
    border-radius: .48px;
}

.rounded-circle {
    border-radius: 50%;
}

.rounded-pill {
    border-radius: 800px;
}

.rounded-0 {
    border-radius: 0;
}
/************Bootstrap css end**************************/
/******************Header Css end*************************/
.page-header {
    background: #ffffff;
    box-shadow: 0 8px 10px 0 #eaeaea;
    border-bottom: 1px solid #e3e3e3;
    background-color: #fff;
    padding: 10px 20px;
}

    .page-header img {
        width: 158px;
    }

.mobileHeader {
    display: none
}
/******************Header Css end*************************/
/*****************************Progress Bar css start************************************/
.clientLogo {
    width: 125px;
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 4px;
    padding: 0 5px;
}

    .clientLogo img {
        width: 100%;
    }

.progressBarLinks {
    overflow: hidden;
}

.multi_step_form {
    flex-grow: 1;
}

    .multi_step_form .msform {
        text-align: center;
        position: relative;
        max-width: 100%;
        margin: 0 auto;
        z-index: 24;
    }

        .multi_step_form .msform #progressbar {
            /*margin-bottom: 15px;
    overflow: hidden;
    padding-top: 30px;
    counter-reset: my-sec-counter;*/
            display: flex;
        }

            .multi_step_form .msform #progressbar li {
                list-style-type: none;
                color: #000;
                width: 100%;
                position: relative;
                font-size: 12px;
                font-weight: 700;
                line-height: 14px;
            }
                /*.multi_step_form .msform #progressbar li:nth-child(2):before {
content: "\f12f";
}
.multi_step_form .msform #progressbar li:nth-child(3):before {
content: "\f457";
}*/
                .multi_step_form .msform #progressbar li:last-child:after {
                    background: none;
                }

                .multi_step_form .msform #progressbar li:before {
                    content: "";
                    width: 26px;
                    height: 26px;
                    line-height: 25px;
                    display: block;
                    background: #fafafa;
                    border-radius: 50%;
                    margin: 0px auto 15px auto;
                    font-size: 11px;
                    border: solid 1px rgb(112 112 112 / 50%);
                }

                .multi_step_form .msform #progressbar li:after {
                    content: '';
                    width: 50%;
                    height: 1px;
                    background: #e5e8eb;
                    position: absolute;
                    left: 49%;
                    top: 14px;
                    z-index: -1;
                    transform: translateX(50%);
                }

                .multi_step_form .msform #progressbar li:last-child:after {
                    width: 150%;
                }

                .multi_step_form .msform #progressbar li.stepDone, .multi_step_form .msform #progressbar li.active {
                }

                .multi_step_form .msform #progressbar li.active, .multi_step_form .msform #progressbar li.thankYouIcon {
                    color: #0065ff;
                }

                .multi_step_form .msform #progressbar li.stepDone:before {
                    background: #19b24d;
                    color: white;
                    border: none;
                }
                /*.multi_step_form .msform #progressbar li.stepDone:after{
color: white;
}*/
                .multi_step_form .msform #progressbar li.stepDone:before {
                    /*content: "";
font-family: FontAwesome;
box-shadow: inset 0px 1px 2px #2ead94;*/
                }

                .multi_step_form .msform #progressbar li.stepDone .tickIcon:after {
                    content: '';
                    position: absolute;
                    z-index: 1;
                    right: 0;
                    left: 0;
                    margin: auto;
                    top: 7px;
                    width: 5px;
                    justify-content: center;
                    height: 9px;
                    align-items: center;
                    border-right: 2px solid #fff;
                    border-bottom: 2px solid #fff;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

                .multi_step_form .msform #progressbar li.stepDone.active .tickIcon:after {
                    content: none;
                }

                .multi_step_form .msform #progressbar li.active:before {
                    background: #0065ff;
                    color: #fff;
                    border: none;
                    animation: glowing 1s infinite;
                    -webkit-box-shadow: 0 0 2px 3px #8db7f7;
                    -moz-box-shadow: 0 0 2px 3px #8db7f7;
                    -o-box-shadow: 0 0 2px 3px #8db7f7;
                    box-shadow: 0 0 2px 3px #8db7f7;
                    content: "";
                }

@keyframes glowing {
    0% {
        box-shadow: 0 0 0 0 #8db7f7;
    }


    100% {
        box-shadow: 0 0 0 7px rgba(141, 183, 247, 0.09)
    }
}

.multi_step_form .msform #progressbar li.thankYouIcon:before {
    content: "";
    background-image: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZ4AAAJYCAYAAABSJYA7AAAgAElEQVR4nO3dB7QkVbXG8Q8YZhhgCAIyBBGUKEoQFBBUgiRhUKIEEQGVjCjhAQ8RUHhPkSg5SVLJiIKgSBrkiQQRECXn6CgwBIFhwltH9sU7w+2+3X2rdu1T9f+t5UL0zu1dVT399ak6Z5/ppkyZIgBAx+aStKOkMZI+JmmUpPGS7pZ0haSzJL3C6WyN4AGAzu0k6YeSZmvzJ/4paU9JP+O8Dmz6iEUBQEBHSzplkNCRjYh+KulQLuLAGPEAwOCOkHRAD+cphdXenN+pETwA0N6Bkg4fwjk6TdIukiZznt9B8ABAa+lZzXEFnJ/zJX1V0iTONcEDAK3sIOmM9DlZ0Bm6XNKWkiY0/YwTPADwXlvaBIGiJ2D9RtLGkt5o8jkneABgahtJulTSsJLOy1hJG0p6tannneABgP/4nKQrJY0o+ZzcJmk9SS818dwTPADwjtXsVtjMTufjHklrS/p7084/wQMA0gqSru9gcWjRHpC0lqRnmnQN6FwAoOmWtpGOd+gkS0i6WdKHmnQNCB4ATbaopN9Zm5uqLGITDpZsynUgeAA01UKSrpM0OsDxL2Dhs1yAWkpH8ABootEWOgsFOvZ5JN0gaeUAtZSK4AHQNHPZ7bVFAx73HJKulbR6gFpKQ/AAaJLZbCLB0oGPeVZJv5a0foBaSkHwAGiKme0DfYUMjnekpF9I2jRALYUjeAA0wQjblnrVjI51uKQLJW0boJZCETwA6i71XLvY2uHkZgZJ50jauU7XiOABUGfT2144YzI+xrQtw8mS9glQSyEIHgB1lT6wT5f0pZoc35GSDg1Qx5ARPADq6ljbzK1ODpb0o9yPh+ABUEdH2LbVdbS33XoramdUd3SnBlA3B0o6vAFX9TxJ20uaFKCWrhA8AOokjXKOa9AVvUzSVpImBKilYwQPgLpIz3POyPkWVI+utoWmb+RSMMEDoA62lPTTBj+3vtGmjL8WoJZBETwAcreRpEttoWiT/dH6u70U/RwQPABylroRXGktcSDdLWltSeMinwuCB0CuVrNO0zNzBadyvwXyM4FqmgrBAyBHqcP09bbNAd7rMUlr2T/DYQEpgNwsbSMdQqe1RSTdLGnJiMURPABysqjtHjoXV21QC0i6SdKy0QojeADkYiFJ10kazRXr2Psl3SBppUhFETwAcjDaQmchrlbX5rRR4mejFETwAIhuLvvgXJQr1bNZrcPB+hGKIXgARDabTSRYmqs0ZCMl/ULSJlUXQvAAiCqtz/m1TZ1GMYZLukjSl6s8nwQPgIhSJ4IrJK3K1SncDJLOlbRTVQUQPACiST3XLrbV9yhH6uB9im0q547gARBJ+kw63zoto3xpG+3vep9nggdAFOlb+OmSvsQVcXWIpCM9X5DgARDFUbaZG/ztI+kkr030aBIKIII0yrmAK1G5cy38J5VZCMEDoGppiu+j1lsM1btE0taS3i6rEm61AajahoROKJvZQtOZyiqK4AFQtbW5AuF83lrszFpGYQQPgKrRgy2m1SVdK2mOoqsjeABUbThXIKyVbVuFeYoskOABULUXuAKhLWcbys1fVJEED4Cq3coVCG8p20p74SIKZTo1gKp9QNJj1rwSsT1tPfQeGEqVjHgAVO0pSWdyFbKwoKSxkpYZSrGMeABEMLuk2yUtxtXIwkuS1pN0Wy/FMuIBEMF4W8/zKFcjC3PaduSf7aVYggdAFE9I+oyk+7kiWRhli0zX7bZYggdAJM9Y+PyZq5KFkZJ+KWnjbooleABEM07SGkyzzkZaAHyRpG06LZjgARDRy/bM50auThaG2ZYK3+ikWIIHQFSv9WtWifhSnpwq6VuDVUrwAIjsDUlflHQpVykbR0s6uF2xrOMBkIPU1eAnkrblamXjSEn7DVQsIx4AOUhbMW8n6RSuVjb2lXRiGuBMWzDBAyAX6fbMLpJ+xBXLxq42Up2qDx/BAyA36Zv0IVy1bKSR6gWSZuwrmGc8AHK1N6OfrFwuaTNJkxnxAMjVUXbrjW/PeUjdDfYXIx4ANbDtQM8REFKaHr8IIx4AuTtP0haSJnAlw0u93b5C8ACogzslPceVzMLa3GoDkLtFJN1kW2gjvscZ8QDI2bySriV0sjKC4AGQqxGSrpD0Ya5gVp4neADkKq3hWalN7S/z3CekP/KMB0CO0l49v21T91O2JfNbkq6TtDBXOYzVCR4AuUm32P4q6UMt6n5B0qqSHrF/X1DS7yQtwZWu3A2S1uRWG4Dc7NEmdNIIZ0y/0EmelvQZSXdzpSv1oqQdRZNQAJmZpa/tSgupgejtA/xff5e0Rnq+wAWvRNpNdgNJj4ngAZCZ7SXN1aLkWySd0OZwXpL0OVvzAz9vStpI0q19r8gzHgA5SbfLlmlR7yck3dHBsYy0rbTX58qX7m3buvzX/V+IEQ+AXHy0Tehc2WHoyBpVpg/Dy7jypUq7xm49beiI4AGQkY3alNruFttAJlhj0fN4A5Qi3UrbQdIlA/1yggdALtZqUefz1janW5Nsd8xTeAcUbjdJ57b6pQQPgBxMb89wBnJ12tWyx2OYYpvJsZNpcfaTdHK730bwAMhB6jwwqkWdYwuoP03DPoR3wpB9T9KRg/0SggdADto1Av1zQfUfKmlv3g09O1rSwZ38YYIHQA7ma1PjowXWnz48dx7CrbumOrWb0CZ4AORgjhY1pnUirxRc/6k26WAS74yOnC9p127+AMEDIAcztqjxzZJqTx+mm9u0a7R2uaSvdjtCJHgA5ODtFjUOL7H2y23t0Bu8Qwb0G0lb9jIyJHgA5GB8ixrTFgmzllh/+nBdT9KrvEumkmYSbtzriHBYD3/mfZI+K2lZa00+hwXYq7b50n2Sbi74gR+AZnu+zdEvIule+2z6tKTl7X+b0z7jUmfkZ+xnUiPRB7o8k2Otueg19jub7jZJGw5lJNhpk9BhNqTawUKnk5HSfdaO4jTrCgsAvUrTqR9u8WfPsqBJe+7M0MHvf8hW1Z9m2yV0ahnrkPD+Bl/Fe9IOokP9TO8keLaRdLikD/b4GunbxlGSfsC9UgA9mt5utxV5Wy19Hh0v6fv2OdWJxW0r7QUbeCEfsHDvJqwH1C545rVvBesMudx3pG8rW3XRQRYA+rveNnMr2pP2Bfv3Hf7ehW0r7XaLWuvmcbuN+XQRx9Xqltlyku4qMHSSRe3+6tYF/k4AzXFdSUe6kKQbJH2tw59/3L75/60hZ/5Za9BaSOioRfCsYBeh3UrhXg23+fE7lvC7AdTb3SUeXXqOfbqk3Tv8+WctfO6q+TkfZxMrCp0sNu2ttg/anuTzFvkiA0iLjcYMtEEQAAxgfkm32z/LlD4QN7U1PJ2Y3bpjr1LDi/ay3dosqhfeu/oHzzCbBr1y0S/Swot2S+8pp9cDkKd0Z+ZGe8bg4RVbLvJ4h681i6RfSlqzRu+vNNlibUm3lvHL+99q+6Zj6Mjm3P/Y8fUA5Gl3x9BJZrN+bZ16XdIGNuGgDt60jg2lhI76jXhSCDxmJ9zbmvZMCQCmNYc9X6hi4eb6tmi0E3PYrcBFM7+CqTXRF8t+DNI34tm1otBJDqrodQHEt0uF3QL27/Dn0qSpi2sQOpNs1nHpz97TiGc6u5e5UNkv1saytiIWAPoMszsxVS7WXErS/W3+/5EWOhs41lSGKdZl+lyPF5venutUGTrJHhW/PoB4Ng7QIWDTNv/fB6yPW+6hk+zmFTqy4IkwE2Mbe84EAH32DHAm1mrxv3/Z1hWt2ObPjs9kAtV+kk72fMHpbcFo1UayqBRAP2mpxWoBTsjHp/n3z9go57xBnj2lh/RbWHh+u+Qah+J7ko70ftEUPIt5v2gLu7I/EAATYbQjWyC6jH0+pVlrN3UwtTs9pP+KpN/avx8jaadud+l0cLSkg6t44TS54NmS2uP0It3T/UWQWgBUY25bWD5Thuf/TWuGPNDnWHqkcHaP+6AVLa1T2rmqF5++zV7mVdgrUC0AqrFTpqHzjO1X1urL80/t9ltPu3YW6HwbwVUmjXgeH8JeO2VYvozeQACyMKMt7yi7J1vRUm+3b0j6Rwe/d137+ZEV1HmZhd+kCl77XWnE81yVBQzgm8HqAeBni8xCJ+3ls7mkTToMneQ3ktaT9GrJtU3rGrsNWGnoyIIn2p4SWzV8a1mgyb6VybE/aV+S046kl/Tw58fadgND2kK6y9fbJMBtvn9LwfN/Aerob0TV9x8BVGK1IMs7WnnDbpGlXmYfsm2z3xrC77tN0upFbCXdwetsaPWHkJ7xpNW3T6T/HqUouxAftBkiAJrhkkE6BVThZmti/Hv7Txkf3ktYZ+syujTcY+HmNbLqSF936httNkYkX5d0RrCaAJQjjSAeCraWL41mRtuGaGVb2Lb2/lCBr/OALXgte0TVtb755KcGDJ50r/dMa16H+pjO2iOlNvKj+k2bnWz7mqQHrv+0/47m2CvgAvJLnUJHNpPv0zbyWaqg3/e5iKGjfiOeqFMYP2/byiI/6T31Mbtnv6w9hF3M3mPDOzia8baI8EHrDpym2N9h71O+jNTLnHatZwl2VKmB8h+dX3Me63iw3BB+x7MWYo8WWFeh+m99fZD17YnkOkttxJdGMh+xh5ipseKqkmYuoeoXJF1v740r7d+RtwMkHRHsCNID+ZUqeu057At3LztCj7O7V9FmK0+lf/DMY986RsQo7V2pSd9dQWrBey1hnXrTNPgPO5+f9Ob9g6QLJP28i3UUiGO4jWKjtO3qs62t8K/KrJJ+KWmNLl7/Zfv58Avw+99TTUn5swpraWXfgDU13YwWNGPtNthBFYSObJT1KZvWmm4vXGRTciPN0ER7WwUMneftvVSl1+xRw4Ud1vCYjXSy6Poy7cO84yqqo53Ng7X0abKZrWvwI/YlZbAuvZ5mtPfKzXab5AsEUHjT2V4w0ZwaZKFlWk6ypS38/FOLnxlnj0iWyWkX5/632vrcZFPwIjmOBqKVmtH2Szo44LfTdv5sH2zXxi2x0cbY7aRIJtgX3ecDXpgP2WSd9FjkX/Yc544ILXC6NVDwbGLTCCN53bbnfjHyyaypNWwXxaUzPrxrbHv1hwPUgv+4Ochmb/2l7Z+3i1NOPQ00b/4K62QQSZpmuXvTL5aztNbmHJtBlnPoyBoy/sWeRUXaBqTJVgkYOrJN21CygYInDdtOCHji9yhpei7ea31Jf7VdFOtihN0LT70Jl+SaVy7is52b2JLFR6uVwmcEXDk+tz1nQHnSaOAoSb+WNG9Nz/OKku603SBRjY/Y5I9oGO04aRU8aT74eQHr3TvItrF19H5r1/HtBhzrzLZG4wTeT5XYP+CMwzRT81cB6miEdr2RjgvYmiTNNtk6QB11s5RNQY42m7Fsu0m6StLs9T7MUBa2tTvRHG/9AuGgXfDcb38pozkgYDPBnKUFmLc0eK3UOtadnc0HfewbcJSZ7vCcFaCOxhjsA/zIgCdiSZvyjaFb3RoSztnwc7mcTe3NbZ//3KTnhjsErPlU6xQAJ4MFz1i7BRPNAbxBhuzTNokgWkfgqixujUfrOqkigr37bYMRxdt2mw2OOrllFXHU83HrY4TeLG+dnUdy/qaSRtO/kTRboJrqYi5JuwQ8lp9bnz846iR4LrMZH9F8hzdKTz5gIx0+XAe2rHXuYKFpsfayjsvRHFWT85uVToJnctD57SuzV0/XZrEpo6Mzq9tbel8d3axDLtXstgA8mmtzaqxZJ53ODvuJbUccDaOezqV1E6fYN3oMLrVo+irnqRB7BJ2y/sMANTRSp8GTOqGeGPAEfcb2oMDgdrQN29C5Ewva/77JRkn6VsDj/5MtmEYFulkPk1Z5vxHwIh0SoIboFg2611J0M9vD5+FNPxFDsKc1nI2G0U6FugmecdatOJrVGfW0Nb21eqfBam+WZfp+z0YFbcH0qKRLAtTRWN12ADg6aFuJQwPUENU3rAU9eneQNbZEd6KOdo7OcfO0OhloI7jBXCxps4DnYA1rfYL/SDsVPkQvskKkxaVrB+xfGFUa7TweMHj+bv3iIj42aIxeep4dHvTkHBaghmi+S+gUZq2grfyj2ivoaOdYQqd6vYx4ZM1DI3YOWIf99d+1mG3mRtv/4qTzuQy3aQY1h6TH7J+RjLdmuOPjnrpm6LXLc9RRz/cC1BDFgYRO4T7Cthwd2Sdg6CQnETox9DriSW6wGWXRjLE+ZE2W7mE/LGmGhp+HMtxnox72bhnY3DbaidYe5w0b7YwLUEvjDWVfm8ijnmi7G3rbndApzdKS1q/psRVhv6A92c4kdOIYyogn+aOkTwY8ri0lXRigjiqkfmzPMKmgVFfTHX1AC9gsymhdzyfYIuqnAtTSeCpgJ8/Io56mPt/YnNAp3XqSFqn5Mfbi4KBbbZxD6MQy1OBJnY7vDXhcizW4weNXAtRQd+lW7jZNPwnTWCzo7qITJf1PgDrQz1CDJ92nOyLoCf1uwN0Oyza/LaRF+bbhWeJUvh/0LsPPbLIDAhlq8CQX2X3daBa0lh1NshF/udwsaf/BOzsCbx7wPEwO/MW40YoInsmBn/XsL2nOAHV4IXh8jWnSwbbxw6CjvzTB6IEAdWAaRQRPcn7QUc+cDeosPJwu3e7Wa9jxDmRdaycUzWTaaMVVVPBMCnyR0+6HCwWoo2yfZOsDd6nr94iGHXN/6fPjB3HKmUoa7dwfqB70U1TwyB7iRbzQM9mDz7r7VAOOMZr03lqhwce/TdCt1BntBFdk8EwOvC9O2vJ5+QB1lCniQt4maGrwjAz84J7RTnBFBo9shtt9AQ85Pfj8UYA6yvTx+h5aaE0Nnm/bzNFoJrExZHxFB0/kUc+aNZ6FNNIag8LfEg085/PajNGIfspMtviKDh7ZXub3BD3yIyXNGKCOon2YxYyVWbyBx3xY0EagE3m2k4cygid1Mzgk6NGnb6e7BKijaE2YtRfV+6wxa1OkLSF2DHqsZ0t6JEAdGEQZwZNcLumuoCf/u0G35B2KBfItvRbma9CxHht0y40JbASZj7KCJ/lO0LPwvhoOx+cJUEOTvb8hx/7FwL0AT5P0ZIA60IEyg+cqSb8PehF2lvTRAHUUZVQ9DiNbEZ93FG144JmhrzdkrV5tlBk8CjzzZQa7ZVAXTfjgi6wJz3j2tkksEaW/yy8ErQ0DKDt4brE9eyJK/aU2rcmbgm2uq1X3GYVpvc5/B6hjIC/abFVkpOzgSQ609T0RHR10x0Qgkh8FHtX9r6TxAepAFzyC5y+Szgt6URayYMzdWzU4hpzV+fyvLulLAeoYyDOSTohXFgbjETyyvdij/uXcV9KiAeoYitfyLb0WXqnpcaXF1icGqKOV9LnyRszS0I5X8KRpjicFvRKprf2PA9QxFC/nW3ot1PX87yXpIwHqGEjqCXlOvLLQCa/gkXWyjfrNMG3otVmAOnr1XJ5l18azNTymBW2xdVT7W0NQZMgzeP4RvEP0sRlPS67jB18uJtjMqro5NvCEgrGSrgxQB3rkGTyyWWRRPyQXyLjlxsMBamiqR6w/YZ2MCbzUIJ3rfQLUgSHwDp7Xg88i2yPTfW1SmP8rQB1NVLcNx2YJPlPsAkm3B6gDQ+AdPMm5ku4MetFmsJ5PuS3InGzT1uEv4saHQ3Fo4G7nb0o6IEAdGKIqgmeK7V4YVdpRcs8M31hRw7zu7qjR8X3cZrJFdZykJwLXhw5VETyyh4OXBb5IqeHgIgHq6Mat+ZRaK3W57TNM0hmBR/vjbGYsaqCq4En2sxlBEc0s6ZTMLu9NAWpomodqNKMwNQFdPkAdrXynxgt1G6fK4EmzgY4PfMLXkbR9gDo6lW5BPJpHqbVxXU0OZLHga3busdEYaqLK4JHd0hoX+FSm6d/zB6ijU6xt8HV1DY4hfQacFbxZ7rdYLFovVQfP+ODftObI7JbbLwPU0BRpacC1NTjWNJFmtQB1tHKFpOtjloZeTTdlSuVr32awGVnLVl1IG9vZNPDo0gPipyXNm0GtubsocNfmTqXmuHfbM82I0vTppbmFXD9Vj3hkQ+jdA9TRznHW2SC6ibbADuXLvUFl+rt/duDQkbXYInRqKELwJL8PvGeP7JbbmQHq6AQPYcuXmrL+NvNjSG1nVg1QRyupo/3/xCwNQxUleGTTqyNPl1xX0i4B6hjMXyzIUZ5TbXSZq49KOix47fvQBqq+IgXP88EnGsiG/osFqGMwx8QuL2tvW/DkKu0/9VP7Z1RpMsHFTX+j1Vmk4JFtyHZvgDpaSffDz7eH+JGlmUAPBq8xV2fZl6RcHS5pmcC1p0XluwWoAyWKFjyTMnjTfTKDkdmkjLd4iCzdXvvfjOtfM3ifxOSoGnb8xjQiTKceSBpVbBOvrHelbtCrS7o5SD0DSdPU/2z381GME2zrjBzNZVOnI8/OfMK22ubZTs1FDZ7R9q1n9gC1tJJm3Swn6aWY5f1bmhBxTYA66uAVW/cSudNGO+n260Zxy/u3L1qdqLlot9r6pHvo/xWjlJYWymCK9W/oZlCY72YcOrtmEDq/IHSaI+qIJ5nOtk+I3M5Dtvj1xAB1tPJBm2I9a8zysnCXPdvLcQr1crZlRuRZbK/aLbanA9QCB1FHPLIN474ReOuEPkcF3y77iQxGj5GlsNkx09AZZdOSI4eObMsDQqdBIgdP8rcMVi+PsL/ckZ9HnVKDlfZVOdRGPDk6w55LRXaHTdpAg0S+1dZnuM3GWTJGOS2l+9Mb20gtotF2Ht8ftL6Irrd9mXJsyf9NSccGqKOdibbV/D1xS0QZoo94ZLfavh74A73PF6ztT1RpwsYWmbd68ZR2Ft0q09D5lKQjA9QxmCMJnWbKYcTT51R75hPZJJvCHHlnyt24tTGotI7kM7ZdR25GW93RNzB80LZCeTNALXCWU/DMbrOzFgxQSzv/kLSiPdSP6mjb1RHvlRYHbybp8gzPzYySbgjedVp2jj9LM9vmyuFWW5+0W+nXYpTS1ty2JiHyPiep8+/PAtQR0TcyDR3ZvlHRQ0fWk5HQabCcRjx9Ts8kgC62ZypRDbNN4zYNXKO39ED++Exr3ymTbdoftltstMVpsByDZ5TdclsoQC2DOcSm40Y1o+1CuXXgGr2k1f0nZ1p7eh71O7uekeXQ4xAOcrrV1ietct4hg1lusuDZMkAdraS9ZbYN3nmhbBPsGuUaOmmdzmUZhI7sViChgyxHPH3SB8XOMUpp601rR/+HwDWm9kR72qSDHL+M9CpNBNkk4w/D99n7avEAtQzmb9bhg1lsyDp4ZrU1AIsEqGUw6QNuFbu/Hdm6tjvlXMHrLMKdFjpPZlr/CLu9Fr2XoWzt2CrWpQDI+tvta5K+aveNo0sz3a6WNE/wOlM36+Ul3RKgljIda7O/cg2dNEI9L5PQke16SujgXbnfVhmb0Y6Q6V78VZJmCVBLO0/ZGov97RlQnaRGlOvbGqa3Mj6uFJybB6ijE6kz9vfjlwlPOd9q6zPMvqF/MkY5g0rNOsdk0HVb1h/vZJuJlLPJNtX4ANvQLWcH2ggiB6/ZCDr6LWY4q8OD5Ik2Hfi1ALV0Yh27TZLDub/fJkakWV+PBainFzfYQ+3dahA6O2UUOslehA4GUpcZTI/Yhmy52MJa1k+XQb1pSHyhpKUk7SHpmQA1deI2C/m1rCt37lLD0pMyOoaLM9ihFxWpw622/tJK/C/FKWdQJ9k38ZyMsLU/aZX/R4PVnd7M10j6oaSbMlnr1YlN7b09LH6p//aE7Xz6coBaEFDdgmcO+3abQ1eDPsfbh3huprMV89tbU80qJ008bdPAT5P0aIbnsp0v2OghhwWisg7tn23AzEgMQd2CR7Ze4KaM/qLKtinYM+Nv6LPaGqC0Ed7nJc3p8JopYH5lDVnHZjKtvlub2Egnp/fyf0s6IkAdCKyOwSObLnt0gDq6cZp1Ysj9gkxvTSDXkLSSpE8UsMg3fYu+zxZ9pq7GN9pkh1q+eU26ZXx+RrfXZOvA1q/5dUEB6ho8yaX2jTEnaauC7Wq4S+gs1tZlUdugbAG7LTqbpJH9fi7NTHxd0jhJz9maogdtdJPzuptu7WBd2HOa/POMTZ0eF6AWBFfn4JndviF/OEAt3bjKZr3RNr6Z9rXJETmZaCNc9thBR+rcEHK8re7OrSnhBtaDa+4AtcBPmqxxVIahk+xH6KAbdR7x9Ek7Sp4ao5SuPGQP6lmAV38jbVFxjpvyRd/wEAE1IXhkC9l2CFBHt/5pH0Y35VU2ujCfpCtsEkZu/ippZdsjC+hYU4JnuH14rxyglm69bet8ct2oDK2tZJu4zZ/hORpvYflQgFqQmaZs+jXBZrg9G6CWbs1oHQ7OkjRTXqWjjZ1s/VGOoZO+rW5D6KBXTdpt8jlb4JjrtNztrcV8DrtNorVRNm3+FBuJ5+ggm30J9KRJwSNrHLlTgDp6taxNEd8+z/IbL91au8safubqAjoTYKiaFjzJObaRVq5mtdtuqVXMvBkfR5MMt83QbslwXVl/d2Q6SQfBNGVywbRS4F4uaaNYZXXtRUn7SDqbNiVhrWa31ZbO/DieshHbcwFqQeaaGjzJzDbTbcUAtQzVLTbz7c68D6NW5rNt2bfNZN+ldl61AL0nbonISRNvtfX5l21B/USMcoZkVUm3W1PJnG/l1EHqQXeYzfj6Sg1CZ6I1LCV0UJgmj3j6fETS/1lvtzqYaA+Af1STnTdzMZ/tgrtbjd5Lyddtt1ygMATPO9aUdHXG01tbSdOvz7WJCOne/Aw1+AYexSRrdbOurWnZKLN9czrxPUkHxy8TuSF4/iP1m/p5jW8/vl3DD8YqTbHwyWm/nG6cbn0OgcIRPFPbyWYgAU12uXV2n8S7AGVo8uSCgaQu1gfGKwtwc70tcCV0UBpGPAM70tbHAE2SngmubTvBAqUheFo7zWb0AE1wt+0i+hJXG2XjVltrO1lrGqDu/iLpc4QOvBA8rU2xEc9Pood6h0MAAAuJSURBVBYIFOBvktaS9A9OJrwQPO1NlvQ164UG1M19dnvt71xZeCJ4BpfCZ0fCBzVzr4XOC1xYeCN4OjPZ2sGfkEOxwCBSX7/VJY3jRKEKBE/n0jOfPayNCJCrsfZM50WuIKpC8HQv9a76NvvfIEO/krSebXMAVIbg6c0xduttYo7Fo5HSzrubSHqDy4+qETy9O9s6Er+e6wGgMQ6X9FW+KCEKOhcM3Yp2C2N07geC2klBswv76SAagqcYH5B0paRl6nAwqIWXJW0m6TouJ6LhVlsxnrLtpy+vw8Egew9IWpnQQVQET3FSR99NJR3CjDdUKI28V7LwAULiVls5Pi/pfElz1vHgENJk+9Lzfb74IDqCpzwLS7pQ0ifreoAII/Va+7Kka7kkyAG32srzuKTVJB3FN1CU6HeSliV0kBOCp1xv206m60p6ts4HCndvSdpb0jqSnuf0IyfcavPzPkk/lrR1Uw4YpfmTpO1sAzcgO4x4/KSmjNtI+iKjH/QojXIOsllrhA6yxYinGrNLOkLSzoQ/OnSDpF0l3c8JQ+4InmqtaHv8rNTkk4C20uh4X0k/4zShLvi2Xa07JK0iaVtJTzb5ROA9/mVrchYndFA3jHjimEnS7pL2lzRX009Gg6WZkGdJOoxngagrgieeUbbT6bckzd30k9EgKXDOtWd/jzb9ZKDeCJ64ZpG0owXQwk0/GTX2qm1bcIw1mwVqj+CJb3rbcG4XWyyIekiz006ynUFf4ZqiSQiefAyz2zGohzHWSRpoHGa1AQBcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFfDON2o0IuS7u3g5eeXtBgXCqgHggdV+oOkDTt4/Z0lncyVAuqBW20AAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwQPAMAVwQMAcEXwAABcETwAAFcEDwDAFcEDAHBF8AAAXBE8AABXBA8AwBXBAwBwRfAAAFwRPAAAVwRPPqY0+JiafOxA7RA8+ZhUww+rCR3+3Nsl11GFTo8dqB2CJy+v1ex4Xu3w5+p23Ori2IHaIXjy8kJDj6dux62aHhPQEYInL4/X7Hge6/Dn6nbcEyU9FaAOoBIET17ua+jxPFmzW1MPWvgAjUTw5OX2Gh1L+uC9q8OfTZMq7iy5Hk91uo5A1wievNxUo2O5s8tJAzeWWIu3Oh0L0DWCJy9PS7q3JsdyVZc/f3VJdXibLOmamhwL0BOCJz8X1eQ4Lu7y52+rySSDmyU9H6AOoDIET37OscWkObtV0v091H9WDa7fTwLUAFSK4MlPmob7i8yP4bge/9xpkt4quBZPae3OBRnXDxSC4MnTERnX/mAPt9n6pA/uM4svyc1RmQcnUIjppkyhV2Gm0jfnL2VY+uaSLhnCnx8t6SFJsxZYk4c0Ul1C0huZ1Q0UjhFPvvbNsIfZ9UMMHdmD+cMKqsfT3oQO8A5GPHnbVdKJmRxBCsnlJD1SwO+aQdIfJH2igN/lIT2T2ziTWoHSETz5u0LSRhkcxXaSzi3w9y1qi1BnK/B3liHdYlte0j+D1wm44VZb/r7S49RkTycUHDrJw5K+bAsyo0q31jYhdICpETz5Gy9pfUnPBD2SdJtpr5J+968k7VHS7x6q1ItuS0l3BK0PqAzBUw9pRf9aAcPnSvvwLXPB60mSvl3i7+/FRBuN/TJYXUAIBE99PCBpVUl/DXJEZ9kDdY91K8dI2j7IFtlp+4Yxki4MUAsQEsFTL09IWkXS5RUeVfrw/6akHZ33nDlb0pqSnnV8zWmlZ20r0wQUaI/gqZ9X7IH2zhVsnnavBd/xFZ3V30taZgidEXo1xW75rRBoxAmERfDU16mSlpJ0vn0wlullSfvYB2/VG7alGWRbSNrAabbfHy1sd5P0L4fXA7LHOp5m+Jik/e0DeViBRzzOFrAeZ+ETTVpourV1efhYwbXdIukHNrMOQBcInmaZ12ZbbWGr/qfr4ehfl/RbST+3xasTMjmDaeLFNjbhYXSPv+MxSZdKOk/SPQXXBzQGwdNc80j6tAXQ0pIWtmAaZSOFFCgv2cP6R+yD9lb7T84dllPYflTSatbCZ3FJH5A0l6SRdlsy3TL7h6Qn7XbdXbaB20MB6gfyJun/AXp2G44zSIBHAAAAAElFTkSuQmCC);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    padding: 20px;
    margin: -13px auto 3px;
}

.clientPrdName {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.13px;
    line-height: 1;
    letter-spacing: 0.11px;
    text-align: right;
    color: #000000;
    display: flex;
    align-items: center;
    text-align: left;
}

.viewDetailLink {
    font-size: 12px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: 0.11px;
    margin-top: 10px;
    text-align: right;
    color: #2684ff;
    cursor: pointer;
}

    .viewDetailLink:before {
        content: "";
        border-bottom: 1px solid #2684ff;
        width: 35%;
        height: 1px;
        position: absolute;
        right: 70px;
        top: 46%;
    }
/*****************************Progress Bar css end************************************/
/*-------------------Card Css start-------------*/
.card {
    box-shadow: 0 6px 16px 0 rgba(52, 105, 203, 0.16);
    background-color: #ffffff;
    border-radius: 8px;
}
/*-------------------Card Css End-------------*/
.innercontainer {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    display: table;
    /*display: flex;*/
}
/*-------------Left Section Css Start---------------*/
.accordion {
    font-size: 16px;
}

.accordion__question h2 {
    font-size: 14px;
}

.accordion__answer {
    display: none;
    padding: 10px 25px 0;
}

    .accordion__answer ul li {
        font-size: 12px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        padding: 7px 0;
        letter-spacing: 0.11px;
        text-align: left;
        color: #000000;
        display: flex;
        position: relative;
    }

        .accordion__answer ul li.liStepDone {
            color: #17b34d;
        }

        .accordion__answer ul li.liStepActive {
            font-weight: 700;
            color: #0f0f0f;
        }

        .accordion__answer ul li:before {
            content: "";
            width: 15px;
            height: 15px;
            background-color: #e4edf9;
            border-radius: 50%;
            margin-right: 10px;
            display: inline-block;
        }

        .accordion__answer ul li.liStepDone:before {
            content: "";
            background-color: #19b24d;
        }

        .accordion__answer ul li .tickIcon {
            display: none;
        }

        .accordion__answer ul li.liStepDone .tickIcon {
            content: '';
            position: absolute;
            z-index: 1;
            left: 5px;
            margin: auto;
            top: 9px;
            width: 5px;
            justify-content: center;
            height: 8px;
            align-items: center;
            border-right: 2px solid #fff;
            border-bottom: 2px solid #fff;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            display: block;
        }

        .accordion__answer ul li.liStepActive:before {
            background-color: #95bdfc;
        }

.accordion__item {
    margin-bottom: 12px;
}

.accordion__question {
    position: relative;
    background: #f7f7f7;
    border-radius: 8px 8px;
    padding: 8px 15px 8px 15px;
    font-size: 1em;
    cursor: pointer;
}

    .accordion__question::before {
        content: url('../images/accordianPlusIcon.svg');
        display: inline-block;
        /*border: solid #555;
        border-width: 0 2px 2px 0;*/
        padding: 3px;
        position: absolute;
        top: 50%;
        right: 10px;
        /*transform: rotate(45deg);*/
        transition: transform .2s linear;
        transform: translate(0%, -50%);
    }

.expanded.accordion__question::before {
    content: url('../images/accordianMinusIcon.svg');
    /*border: solid #555;
    border-width: 0 2px 2px 0;*/
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
    /*transform: rotate(-135deg);*/
    transition: transform .2s linear;
    transform: translate(0%, -50%);
}

.accordianSerilNumber {
    background-color: #e4ecf8;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.71;
    letter-spacing: 0.13px;
    text-align: left;
    color: #0065ff;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.accordianTitleIcon {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.71;
    letter-spacing: 0.13px;
    text-align: left;
    color: #000000;
    flex-shrink: 0;
}

.accordianTitle {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.13px;
    text-align: left;
    color: #000000;
    margin-left: 8px;
    display: flex;
    align-items: center;
}

    .accordianTitle .tickIcon {
        content: "";
        width: 15px;
        height: 15px;
        line-height: 25px;
        display: block;
        background: #19b24d;
        border-radius: 50%;
        font-size: 11px;
        /*border: solid 1px rgb(112 112 112 / 50%);*/
        position: relative;
        margin-left: 5px;
    }

        .accordianTitle .tickIcon:after {
            content: '';
            position: absolute;
            z-index: 1;
            right: 0;
            left: 0;
            margin: auto;
            top: 2px;
            width: 5px;
            justify-content: center;
            height: 9px;
            align-items: center;
            border-right: 2px solid #fff;
            border-bottom: 2px solid #fff;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

.fixedElement {
    background-color: #fff;
    /*position: fixed;*/
    top: 0;
    width: 367px;
    z-index: 100;
    border-radius: 8px;
}

.mobileAccordianHeader {
    display: none
}

.accordianContinueBtnDiv {
    display: none;
}
/*-------------Left Section Css End------------------*/
/*--------------Right Section Css Start--------------*/
/*.headbar{
    display: none;
}*/
.rightBox {
    width: 67%;
    display: table-cell;
    vertical-align: top;
    /*width: 100%;
    display: flex;*/
    position: relative;
}

.preFilledDetails {
    /*padding: 20px 30px;*/
    /*padding: 20px 0px;*/
    position: relative;
}

.postFilledForm {
    /*position: relative;*/
}

    .postFilledForm .btnPreviousNext {
        margin: 0;
    }

.rightSectionFormTitle {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    /*line-height: 0.71;*/
    letter-spacing: 0.13px;
    text-align: left;
    color: #000000;
    margin-bottom: 25px;
    /*padding: 0 30px;*/
    margin: 20px 30px 0;
}

.postFilledForm .rightSectionFormTitle {
    margin: 20px 30px 0;
}

.postFilledForm .rightSectionFormTitleFixed .rightSectionFormTitle {
    margin: 0;
}

.postFilledForm .rightSectionFormTitleFixed {
    /*position: fixed;*/
    background: #fff;
    width: 763px;
    padding-left: 30px;
    padding-right: 10px;
    padding-top: 20px;
    z-index: 10;
    border-radius: 8px 8px 0 0;
}

.sectionDivision {
    padding: 0 30px 20px;
    border-bottom: 0px solid #ccc;
}

.sectionDivisonTitle {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.13px;
    text-align: left;
    color: #000000;
    margin-bottom: 20px;
    width: 100%;
}

.sectionDivisonSubTitle {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #757575;
    margin-left: 25px;
}

.rightSectionFormTitle:before {
    content: "";
    width: 15px;
    height: 15px;
    background-color: #95bdfb;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
    flex-shrink: 0;
}

.rightSectionFormTitle:after {
    content: "";
    height: 1px;
    background-color: #95bdfb;
    flex-grow: 1;
    margin: 0 0 0 10px;
}

.rightSectionFormTitleBorderNone:after {
    content: none;
}

.rightBox .preFilledDetails .form_fields ul {
    border: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

    .rightBox .preFilledDetails .form_fields ul li {
        display: flex;
        width: 50%;
        border-bottom: 1px solid #e3e3e3;
        padding: 15px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .rightBox .preFilledDetails .form_fields ul li .preFilledLabel {
            width: 40%;
            font-size: 12px;
            font-weight: normal;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.17;
            letter-spacing: 0.24px;
            text-align: left;
            color: #7a869a;
            height: auto;
        }

.preFilledDetails .radioGender label span, .preFilledDetails .radioTabacco label span {
    position: initial;
    padding: 0;
}

.preFilledDetails .radioTabacco label {
    height: auto;
}

.preFilledValues {
    width: 60%;
}

.rightBox .preFilledDetails .form_fields ul li select, .rightBox .preFilledDetails .form_fields ul li input {
    background: none;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: 0.28px;
    text-align: left;
    color: #253858;
}

.rightBox .preFilledDetails .form_fields ul li.firstRow input {
    border-bottom: 0px solid #e3e3e3;
    border-radius: 0;
}

.rightBox .preFilledDetails .form_fields ul li.firstRow {
    align-items: flex-start;
}

.rightBox .preFilledDetails .form_fields .floating-input, .rightBox .preFilledDetails .form_fields .floating-select {
    font-size: 16px;
    padding: 7px 20px;
    display: block;
    width: 100%;
    height: 56px;
    background-color: transparent;
    border: solid 1px #5e6c84;
    font-weight: 700;
    color: #253858;
    border-radius: 8px;
}

.rightBox .preFilledDetails .form_fields ul li select.dobselct, .rightBox .preFilledDetails .form_fields ul li select.blue {
    color: #253858;
    width: auto;
    opacity: 1;
}

.rightBox .preFilledDetails .form_fields input[type=radio] {
    display: none;
}
/*CSS for Body Left Panel*/
.rightBox .form_fields ul li .details ul.uploadUL li.dvFileUploadContainer input[type="file"] {
    margin-bottom: 5px;
}



.ConfirmBoxI8Browser {
    background: #fff;
    border: 5px solid #222;
    width: 372px;
    z-index: 1002;
    top: 20%;
    left: 0;
    *left: 30%;
    right: 0;
    position: fixed;
    margin: 0 auto;
    padding: 30px 40px;
    display: none;
}

    .ConfirmBoxI8Browser h3 {
        font-weight: bold;
        margin-bottom: 10px;
        width: 100%;
    }

    .ConfirmBoxI8Browser p {
        line-height: 18px;
        font-size: 12px;
        text-align: justify;
        color: #111111;
    }


.addPlanmainbox ul.headingbox li i {
    font-size: 10px;
    font-style: normal;
    width: 100%;
    color: #bcbcbc;
}

.Premium div.inclusive {
    font-size: 11px;
    font-weight: normal;
}

.rightBox .RecommnededCoverbox .monthannPrebox .MnthAnnInner ul li .ProtectCover em.inclusive {
    font-size: 10px;
    color: #bcbcbc;
    font-weight: normal;
}

.rightBox .eQuotemainbox .eQuoteProBenebox ul li.eQuotepremium em.inclusive {
    font-size: 10px;
    width: 100%;
    font-weight: normal;
    margin: -8px 0 3px 0;
}

.rightBox .form_fields ul li.label em.inclusive {
    font-size: 10px;
    color: #bcbcbc;
    font-weight: normal;
}

select option {
    padding-right: 20px;
}




.rightBox .form_fields input.txtBearQuantity[type="tel"],
.rightBox .form_fields input.txtWineQuantity[type="tel"],
.rightBox .form_fields input.txtHardliquorQuantity[type="tel"] {
    width: 78px;
}






.rightBox .form_fields input[type="tel"],
.rightBox .form_fields input[type="number"] { /*background:#e3e3e3; border:1px solid #e3e3e3; border-radius:3px; font-size:14px; font-weight:700; padding:8px 10px; color:#a9a9a9; width:280px;*/
    height: 43px;
    width: 100%;
    padding: 0 13px;
    box-sizing: border-box;
    border-radius: 4px 4px 4px 4px;
    border: none;
    background: transparent;
    font-size: 12px;
    color: #737373;
}



/*
.rightBox .form_fields input[type="tel"]:focus,
.rightBox .form_fields input[type="tel"]:hover,
.rightBox .form_fields input[type="number"]:focus,
.rightBox .form_fields input[type="number"]:hover{
  background-color: #fff;
  border:1px solid #3387c9;
  outline: 0;
  outline: thin dotted \9;
  -webkit-transition: .5s ease;
transition: .5s ease;
}*/

.rightBox .form_fields ul li .details input[type="tel"].halftextbox {
    width: 125px;
    *width: 124px;
}

.rightBox .getcallback .gtform input[type="tel"] {
    background: #fff;
    color: #a9a9a9;
    border: 2px solid transparent;
    width: 92%;
    margin: 5px 0;
    padding: 10px 4%;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

    .rightBox .getcallback .gtform input[type="tel"]:focus,
    .rightBox .getcallback .gtform input[type="tel"]:hover {
        border: 2px solid #edb304;
        color: #545454;
    }

.rightBox .RecommnededCoverbox ul li .InputCover input[type="tel"] {
    border: 2px solid #e3e3e3;
    color: #000;
    background: #fff url(../images/sprite.png) 5px -38px no-repeat;
    width: 98px;
    padding: 10px 10px 10px 28px;
    border-radius: 6px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.5s ease 0s;
}

    .rightBox .RecommnededCoverbox ul li .InputCover input[type="tel"]:hover,
    .rightBox .RecommnededCoverbox ul li .InputCover input[type="tel"]:focus {
        border: 2px solid #454445;
        color: #000;
    }

    .rightBox .RecommnededCoverbox ul li .InputCover input[type="tel"].inputyear {
        background-image: none;
        text-align: left;
        padding: 10px 0;
        width: 100px;
        text-indent: 20px;
    }

.addPlanmainbox ul.subheadingbox li input[type="tel"].ProCover {
    background: url(../images/Rs_SmallIcon.png) 5px 7px no-repeat;
    padding: 5px 0 5px 18px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    color: #006ab6;
    width: 70px;
    font-size: 12px;
}

    .addPlanmainbox ul.subheadingbox li input[type="tel"].ProCover:focus,
    .addPlanmainbox ul.subheadingbox li input[type="tel"].ProCover:hover {
        background-color: #fff;
        border: 1px solid #3387c9;
        outline: 0;
        outline: thin dotted \9;
        -webkit-transition: .5s ease;
        transition: .5s ease;
    }

.rightBox .retrievequotebox .retrvform input[type="tel"] {
    background: #e3e3e3;
    color: #a9a9a9;
    border: 2px solid transparent;
    width: 92%;
    margin: 5px 0;
    padding: 10px 4%;
    -webkit-transition: .5s ease;
    transition: .5s ease;
}

    .rightBox .retrievequotebox .retrvform input[type="tel"]:focus {
        border: 2px solid #3387c9;
    }

.rightBox .helpsearchbox .serchform input[type="tel"].search {
    color: #545454;
    border: none;
    width: 92%;
    margin: 5px 0;
    padding: 10px 4%;
    background: #fff url(../images/helpsearch.png) 95% center no-repeat;
}

    .rightBox .helpsearchbox .serchform input[type="tel"].search:focus {
        background: #f6f6f6 url(../images/helpsearch.png) 95% center no-repeat;
    }

.rightBox .form_fields .LifestyleAnswerbox ul.PddgTopNone li em.details ul li input[type="tel"] {
    width: 80%;
}

.addPlanmainbox ul.subheadingbox li input[type="tel"].ProCover {
    background: url(../images/Rs_SmallIcon.png) 5px 7px no-repeat;
    padding: 5px 0 5px 18px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    color: #006ab6;
    width: 70px;
    font-size: 12px;
}

    .addPlanmainbox ul.subheadingbox li input[type="tel"].ProCover:focus,
    .addPlanmainbox ul.subheadingbox li input[type="tel"].ProCover:hover {
        background-color: #fff;
        border: 1px solid #3387c9;
        outline: 0;
        outline: thin dotted \9;
        -webkit-transition: .5s ease;
        transition: .5s ease;
    }

.databox_panel .benefits ul.subheadingbox li.editerror input.ProCover[type="tel"] {
    background: url(../images/Rs_SmallIcon_red.png) 5px 7px no-repeat;
    padding: 5px 0 5px 18px;
    border: 1px solid #9f1c33;
    border-radius: 3px;
    color: #9f1c33;
    width: 60px;
    font-size: 12px;
}

.rightBox .form_fields ul.PddgTopNone li .details ul.PddgTopNone li input[type="tel"].numericLifeStyle {
    width: 77%;
}

.rightBox .form_fields ul li .details input[type="tel"].halftextbox {
    width: 125px;
    *width: 124px;
}


.bankDetailOverlay {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1031;
    transition: all .5s ease-in;
    background: rgba(0,0,0,.4);
}
.bankDetailModal {
    border-radius: 4px;
    background: #fff;
    display: block;
    width: 50%;
    margin: 0 auto;
    position: fixed;
    z-index: 1032;
    top: 53%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
}
.modalTitle {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin: 20px 0 0;
}
.viewDetailModalCrossButton {
    width: 15px;
    height: 15px;
    cursor: pointer;
    color: #4c5a6f;
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    right: 10px;
    top: 10px;
}
.bankDetailBody .modalBody {
    padding: 40px;
    overflow-y: auto;
    height: auto;
}
.bankDetailBody .modalTitle {
    margin: 20px 0 0;
}
.rightBox .postFilledForm input[type="text"].floating-input.bankIfscCode {
    padding-left: 35px;
}
.modalDoneBtn {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.secondary-btn {
    border: 1px solid #fd4600;
    background-color: #fff;
    color: #fd4702;
    min-width: 200px;
}
.modalBankList{
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 30px 0;
}
.modalBankListHeader{
    background: #e5efff;
    padding: 10px;
    border-radius: 4px 4px 0 0;
    color: #00f;
}
.modalBankListHeader [type=radio]:checked + label, .modalBankListHeader [type=radio]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #0065ff;
    font-size: 14px;
}
.modalBankListBody{
    display: flex;
    padding: 10px;
}
.bankDetailDiv {
    width: 100%;
    padding-right: 10px;
}
.bankDetailLabel{
    color: #8690a2;
    font-size: 12px;
}
.bankDetailValue{
    color: #000;
    font-size: 14px;
}
.modalBankListHeader [type=radio]:checked + label:before, .modalBankListHeader [type=radio]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #0065ff;
    border-radius: 100%;
    background: #0065ff;
}
.modalBankListHeader [type=radio]:checked + label:after, .modalBankListHeader [type=radio]:not(:checked) + label:after {
    content: "";
    position: absolute;
    left: 6px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate( 45deg );
}
.modalBankListHeader [type=radio]:checked + label:after {
    opacity: 1;
}
.col-form-label{
    position: relative;
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
}
.modalDoneBtn, .searchInputBtn {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.btn-blue{
    background-color: #0065ff;
    min-width: 0;
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
    padding: 0 30px;
    height: 40px;
    min-width: 140px;
    margin-left: 20px;
    margin-top: 26px;
}
.floatingLabel {
    position: relative;
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
}
.searchModalIcon {
    position: absolute;
    left: 10px;
    top: 48px;
    transform: translateY(-50%);
}


.rightBox .form_fields ul.nobdr {
    border-top: none;
    padding-top: 0;
    padding: 14px;
    width: 95%;
    height: auto;
}

.rightBox .bankDetailNew .form_fields ul {
    border: none !important;
    width: 100%;
    margin: 20px 0;
}

.rightBox .bankDetailNew .form_fields li input, .rightBox .bankDetailNew .form_fields li select {
    border: 1px solid #cbcbcb !important;
}

.rightBox .bankDetailNew .form_fields li {
    width: 32%;
    margin-right: 1%;
}

    .rightBox .bankDetailNew .form_fields li label {
        padding-bottom: 5px;
        display: block;
    }

.rightBox .bankDetailNew h3 {
    margin: 10px 0 0;
}

.rightBox .leftpanel {
    width: 67%;
    display: table-cell;
    padding-right: 2%;
    vertical-align: top;
    *
    position: relative;
}

.rightBox h1 {
    width: 100%;
    text-align: center;
    color: #0069bc;
    font-size: 48px;
    font-weight: 300;
}

    .rightBox h1.payheading {
        width: 100%;
        text-align: center;
        color: #0069bc;
        font-size: 30px;
        font-weight: 400;
        padding: 15px 0;
    }


.rightBox .productHead {
    margin-bottom: 15px;
    width: 100%;
    border-bottom: 1px solid #d8e2e9;
    padding-bottom: 10px;
}

    .rightBox .productHead .productHeadLeft {
        width: 70%;
    }

.productImageWithTitle {
    margin-right: 0px;
    width: 150px;
    border: solid 1px #f7f7f7;
    text-align: center;
    padding: 2px;
    margin-right: 10px;
}

.rightBox .productHead h1 {
    font-size: 20px;
    font-weight: normal;
    color: #035386;
    padding: 20px 0 0 0;
    text-align: left;
}

.rightBox .productHead .productHeadRight {
    width: 30%;
    color: #3399cc;
    font-size: 20px;
    text-align: right;
    padding-top: 18px;
}
/*2.Postfilled*/
.rightBox .postFilledForm .form_fields ul {
    border: none;
    width: 100%;
    /*display: flex;
    flex-wrap: wrap;*/
}

.rightBox .postFilledForm input[type="text"], .rightBox .postFilledForm input[type="text"], .rightBox .postFilledForm input[type="tel"], .rightBox .postFilledForm select {
    font-size: 16px;
    padding: 7px 20px;
    display: block;
    width: 100%;
    height: 56px;
    background-color: transparent;
    border: solid 1px #5e6c84;
    font-weight: 700;
    color: #253858;
    border-radius: 8px;
}

.rightBox .postFilledForm .form_fields {
    /*display: flex;
    flex-wrap: wrap;*/
    justify-content: space-between;
}

    .rightBox .postFilledForm .form_fields .formDivWidth {
        /*width: 48%;*/
        color: #27313d;
    }

.c_info {
    clear: both;
    margin-bottom: 30px;
}

.addnominee {
    float: right;
    display: inline;
    margin-bottom: 20px;
    font-size: 14px;
    cursor: pointer;
    background: none;
    position: relative;
    border: 2px solid transparent;
    border-radius: 20px;
    color: #0652dd;
    font-weight: 500;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    text-decoration: none;
}

    .addnominee:hover {
        color: #0f409a;
    }

.closeIconDiv {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.DelIcon {
    background: #ff00009e;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 500;
}

.tipMoreInfo {
    font-size: 12px;
    margin-top: 5px;
    text-align: left;
    color: #253858;
    display: flex;
    opacity: 0.8;
}

    .tipMoreInfo span {
        line-height: 9px;
    }

        .tipMoreInfo span::before {
            content: "";
            width: 5px;
            height: 5px;
            display: inline-block;
            margin-right: 5px;
            background: #505F79;
            border-radius: 50%;
        }

.bodyInformation {
    padding: 0 0 90px;
}
/**********************Personal Info css start*********************/
/**********************Life Style css start*********************/
.questionAnswer {
    padding: 20px 30px 0;
    margin-bottom: 0 !important;
}

.questionAnswerActive {
    background: rgb(250, 252, 254);
}

.rightBox .postFilledForm .questionAnswerActive .input[type="text"], .rightBox .postFilledForm .questionAnswerActive input[type="text"], .rightBox .postFilledForm .questionAnswerActive input[type="tel"], .rightBox .postFilledForm .questionAnswerActive select {
    height: 45px;
}

.questionAnswerActive .LifestyleAnswerbox {
    width: 80%;
}

.questionAnswerActive .floating-select:focus ~ label, .questionAnswerActive .floating-select.valid ~ label {
    background: rgb(250, 252, 254);
}

.questionAnswerActive .floating-input:focus ~ label, .questionAnswerActive .floating-input.has-value ~ label {
    background: rgb(250, 252, 254);
}

/* Added by Rohan Pruthi (16-Feb-2021) */
.questionAnswer .LifestyleAnswerbox {
    /*display: none;*/
}

.lifeStyleSubtitle {
    color: #0652dd;
    margin-left: 55px;
}
/**********************Life Style css end**********************/
.questionActiveForms {
    clear: both;
}

.questionAnswerActive .questionActiveForms {
    width: 80%;
}
/**********************Critical Info Style css start**********************/
.questionAnswer .checkboxList {
    padding: 0;
}

.questionAnswer {
    border-bottom: 1px solid #e5e8eb;
}

#divOTP .sectionDivisonSubTitle {
    margin-left: 0 !important;
}

.criticalInfoDeclaration {
    padding: 0 30px;
}

.scrollDeclarations {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 250px;
    border-bottom: solid 1px #eaeaea;
    margin-bottom: 0px;
    padding: 0 15px;
}

    .scrollDeclarations ul li {
        margin: 0;
        padding: 0 0 10px 0;
        display: table;
        line-height: 22px;
    }

        .scrollDeclarations ul li:before {
            content: "\f178";
            display: inline-block;
            font-family: FontAwesome;
            color: #c1c1c1;
            padding-right: 10px;
            display: table-cell;
        }
/**********************Critical Info Style css end**********************/
/**********************Document Upload Style css start**********************/
.documentPhotoTitle {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.uploadBtnWrapper {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    min-width: 130px;
}

    .uploadBtnWrapper .uploadedBtn {
        padding: 8px 20px;
        border: none;
        border-radius: 4px;
        background-color: #0065ff;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.43;
        letter-spacing: 0.13px;
        text-align: center;
        color: #ffffff;
    }

.userDocumnetPhoto {
    width: 136px;
    height: 136px;
    border: dashed 1px rgb(112 112 112 / 38%);
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.uploadBtnWrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.fileNameRight {
    width: auto;
    display: inline-block;
}

.imgUploadedDiv {
    border-radius: 4px;
    background-color: #e3fcef;
    margin-top: 15px;
    padding: 10px;
    /*width: 316px;*/
    position: relative;
}

.imgUploadedTick {
    width: 16px;
    height: 16px;
    background-color: #19b24d;
    position: relative;
    border-radius: 50%;
    flex-shrink: 0;
}

    .imgUploadedTick:after {
        content: '';
        position: absolute;
        z-index: 1;
        right: 0;
        left: 0;
        margin: auto;
        top: 2px;
        width: 5px;
        justify-content: center;
        height: 9px;
        align-items: center;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.imgUploadedName {
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.09px;
    text-align: left;
    color: #000000;
    margin-left: 10px;
    display: flex;
}
[id~=errorMsgDoc] {
    display: none;
}
    .imgUploadedName .imgName {
        /*white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 66px;*/
        word-break: break-word;
    }

.imgUploadedMsg {
    /* font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.11px;
    text-align: left;
    color: #000000;
    margin-left: 90px;
    margin-right: 30px;
    flex: 1;
    justify-content: flex-end;
    display: flex;*/
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.11px;
    text-align: left;
    color: #000000;
    margin-left: 10px;
}

.imgUploadedCrossIcon {
    /*display: flex;
    flex-grow: 1;
    justify-content: flex-end;
    cursor: pointer;
    padding-left: 10px;
    flex-shrink: 0;
    background: #FBE4E4;
    position: absolute;
    top: 10px;
    right: 0px;
    padding: 8px;
    top: 0px;
    height: 100%;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;*/
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
    cursor: pointer;
    padding-left: 10px;
    flex-shrink: 0;
}

.documentUploadSubTitle {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.documnetUploadSmallTitle {
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #757575;
}

.documentUploadSection {
    border-bottom: 1px solid #e5e8eb;
    /*padding-bottom: 20px;*/
    padding: 0 25px 20px;
}

    .documentUploadSection.pAll_5 {
        border-bottom: 0;
    }

.documentUploadFilesDiv {
    width: 321px;
}

.documentUploadFiles {
    width: 100%;
    height: 136px;
    border: dashed 1px rgb(112 112 112 / 38%);
    background-color: #ffffff;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.greenBeltMsg {
    background-color: #e3fcef;
    font-size: 11px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    /*line-height: 1.36;*/
    line-height: 14px;
    letter-spacing: normal;
    text-align: left;
    color: #00875a;
    /*   display: flex;
    align-items: flex-end;*/
    padding: 10px 15px;
    width: 340px;
    border-radius: 4px;
}

#errorMsgDoc_5 .greenBeltMsg {
    display: block;
    margin-bottom: 30px;
}

.viewBreakup .checkbox label input[type="checkbox"]:checked:before {
    color: #005387;
    font-size: 18px;
    width: 16px;
    height: 16px;
    margin: 2px;
}

.viewBreakup .checkbox label input[type="checkbox"]:before {
    font-size: 18px;
    width: 16px;
    height: 16px;
    margin: 2px;
}

.viewBreakup .checkbox label input[type="checkbox"]:checked:before ~ {
    color: #005387;
}


/*modal popup css start*/

/* The Modal (background) */
.viewBreakup.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1001; /* Sit on top */
    padding-top: 0; /* Location of the box */
    left: 0px;
    top: 0px;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    /* overflow: auto; */ /* Enable scroll if needed */
    background-color: rgba(0, 0, 0, 0.7); /* Fallback color */
}

.modal.viewBreakup.uploadDocCenter {
    overflow: auto;
}
/* Modal Content */
.modal-content {
    position: relative;
    margin: auto;
    width: 30%;
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}

.viewBreakup.modal h2, .viewBreakup.modal h2 .fa-pencil-square-o {
    font-size: 16px;
    color: #343f4b;
    font-weight: 600;
    padding-top: 0px;
    margin-bottom: 20px;
}
/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

/* The Close Button */
.viewBreakup.viewBreakup.modal .close {
    color: #ff5858;
    float: right;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: -34px;
    border: 1px solid #ff5858;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding-left: 6px;
    line-height: 25px;
}

.viewBreakup.modal .close:hover,
.viewBreakup.modal .close:focus {
    color: #f37d7d;
    text-decoration: none;
    cursor: pointer;
}

.viewBreakup.modal .modal-header {
    padding: 7px 16px;
    background-color: #fff;
    color: white;
    border-bottom: 1px solid #d8d8d8;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.modal-body {
    padding: 2px 34px;
    background: #fff;
}

.modal-footer {
    background-color: #fff;
    color: white;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .modal-footer button {
        font-weight: 600;
    }

.viewBreakup.modal .slidingConentBox {
    background: #fff;
    color: #fff;
    margin-bottom: 0;
    padding: 0;
    height: 100%;
    /* width: 370px; */
}

    .viewBreakup.modal .slidingConentBox ul li {
        padding: 10px 10px;
        width: 100%;
        /*float: left;*/
        border: 1px solid #f1f1f1;
        margin: 5px 0;
        border-radius: 4px;
        /*box-shadow: 0 0px 2px 0 rgba(132, 132, 132, 0.31);*/
    }

        .viewBreakup.modal .slidingConentBox ul li#liModelError {
            border: none;
            box-shadow: none;
        }

        .viewBreakup.modal .slidingConentBox ul li label {
            color: #676767;
        }

.smallInfo {
    float: left;
    width: 100%;
    line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.3px;
    color: #6b6b6b;
}

.viewBreakup.modal .slidingConentBox ul li:last-child {
    border: none;
    box-shadow: none;
}

.viewBreakup.modal .slidingConentBox ul li.active {
    border: 1px solid #98C1FF;
    /* box-shadow: 0 0px 6px 0 rgb(0 83 135 / 20%); */
    background: #FDFDFD;
}

    .viewBreakup.modal .slidingConentBox ul li.active label {
        color: #005387;
    }

.viewBreakup .box {
    box-shadow: none;
    padding: 80px 25px;
    height: 100%;
}

.viewBreakup .modal-content {
    margin: 0;
    height: 100%;
    width: 32%;
    /*width: 100%;*/
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 1s;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.breakupBtn {
    display: block;
    font-size: 11px;
    cursor: pointer;
    text-align: right;
}

.viewBreakup .plnName, .viewBreakup .grandTot .totalAmtColor, .viewBreakup .planSummary ul li .totAmountLabael span {
    font-size: 14px;
}

.uploadDocBtmLeft {
    width: 70%;
    float: left;
    text-align: left;
}

.uploadDocBtmRight {
    width: 30%;
    float: right;
}

.aadharBtn .btn {
    background: #1DC69F url('../images/Medical_Schedule-button-icon.svg') no-repeat;
    background-size: 24px;
    background-position: 20px center;
    animation: shadow-pulse 2s infinite;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding-left: 50px;
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(29,198,159, 0.4);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(29,198,159, 0);
    }
}

@keyframes shadow-pulse-big {
    0% {
        box-shadow: 0 0 0 0px rgba(29,198,159, 0.9);
    }

    100% {
        box-shadow: 0 0 0 15px rgba(29,198,159, 0);
    }
}

.congoTxt {
    display: block;
    font-weight: 500;
    font-size: 15px;
    /*color: #0065ff;*/
    font-size: 15px;
    margin-bottom: 5px;
}

.uploadDocCenter.viewBreakup.modal .slidingConentBox {
    border-radius: 4px;
}

.uploadDocCenter.viewBreakup .modal-content {
    margin: 60px auto;
    height: auto;
    width: 39%;
}

.viewBreakup.modal .slidingConentBox ul li.modalScheduleSubmitBtn {
    display: flex;
    padding: 0;
    justify-content: center;
    margin-top: 20px;
}

.uploadDocCenter.viewBreakup .box {
    padding: 45px 25px;
}

/*modal popup css end*/
/**********************Document Upload Style css end**********************/
/**********************Thanks Page css end**********************/
.thanksPage {
    margin: 20px 0 0;
}

.documentContent {
    display: flex;
    border: 1px solid #ccc;
    padding: 10px 20px;
    border-radius: 4px;
}

.rightBox .form_fields.appointmentSchedule {
    flex-grow: 1;
    display: flex;
    align-items: center;
}

.thanksPageUserName {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.14px;
    text-align: left;
    color: #000000;
    margin-bottom: 5px;
}

.thanksPageUserDetails {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: 0.13px;
    text-align: left;
    color: #000000;
}

.documnetMailed {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: 0.11px;
    text-align: left;
    color: #000000;
    margin-top: 30px;
}

.userMailId {
    color: #c36b02;
}

.downloadProposal {
    border: dashed 1px #0064ff;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 10px 15px;
    width: 50%;
    display: flex;
    align-items: center;
}

.downloadFormTxt {
    font-size: 12px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    flex-grow: 1;
}

.downloadBtnTxt {
    min-height: 30px;
    font-size: 12px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.11px;
    text-align: left;
    color: #ffffff;
    display: flex;
    align-items: center;
}

.medicaScheduleInfo {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.11px;
    text-align: left;
    color: #000000;
}

.userConditionTxt {
    font-weight: 600;
}

.medicalScheduleImg {
    margin: 15px 0;
    display: flex;
    width: 80%;
    justify-content: flex-end;
}

.futherDetailTxt {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.11px;
    text-align: left;
    color: #000000;
}

.proposaPrdName {
    font-size: 12px;
    color: #676767;
    margin-bottom: 4px;
    text-align: left;
}

.downloadProposalDiv {
    margin: 25px 0;
}

.pbAndroidApp {
    margin-right: 10px;
}
/*-------------App download Mobile css start-------------------*/
.appDownloadBanner {
    background: url('../images/bannerBgDownload.jpg') no-repeat;
    overflow: hidden;
    height: 210px;
    background-size: cover;
    background-position: 0px -63px;
    text-align: left;
    border: 1px solid #ddd;
    border-radius: 4px;
    width: 100%;
    margin: 20px auto;
}

.bannerTxt {
    position: relative;
    z-index: 2;
    background-image: -moz-linear-gradient( -311deg, rgb(246,249,255) 0%, rgba(245,245,245,0.702) 100%);
    background-image: -webkit-linear-gradient( -311deg, rgb(246,249,255) 0%, rgba(245,245,245,0.702) 100%);
    background-image: -ms-linear-gradient( -311deg, rgb(246,249,255) 0%, rgba(245,245,245,0.702) 100%);
    height: 390px;
    width: 84%;
    padding: 25px 20px;
    transform: rotate(-14deg);
    left: -160px;
    top: -60px;
}

.rotateDiv {
    transform: rotate(14deg);
    left: 180px;
    top: 90px;
    position: relative;
    width: 64%;
}

.bannerTxt h3 {
    position: relative;
    z-index: 2;
    font-size: 20px;
    font-weight: 500;
}

.downloadInfo {
    margin-top: 15px;
    background: #fff;
    border: 1px solid #ddd;
    position: relative;
    z-index: 2;
    padding: 5px 10px;
    text-align: center;
    font-weight: 500;
    border-radius: 4px;
    width: 90%;
}


.appDownloadBanner:before {
    content: "";
    width: 870px;
    height: 640px;
    transform: rotate(62deg);
    z-index: 1;
    background: #ffffff73;
    left: -330px;
}

.appLink {
    position: relative;
    z-index: 2;
    color: #fff;
    width: 245px;
    margin-top: 10px;
    border-radius: 4px;
}

.appLeftImg {
    width: 40px;
    padding: 10px;
    vertical-align: middle;
}

.appDownloadBtn {
    color: #fff;
    padding: 10px 20px;
    display: block;
    vertical-align: middle;
    font-weight: 400;
    background-color: #0764e2;
    background-image: -moz-linear-gradient( -178deg, rgb(82,137,239) 0%, rgb(7,100,226) 100%);
    background-image: -webkit-linear-gradient( -178deg, rgb(82,137,239) 0%, rgb(7,100,226) 100%);
    background-image: -ms-linear-gradient( -178deg, rgb(82,137,239) 0%, rgb(7,100,226) 100%);
    box-shadow: 0px 4px 6px 0px rgba(187, 187, 187, 0.004);
}

.appLink a {
    display: inline;
}

    .appLink a.androidApp svg {
        width: 124px;
        height: auto;
        margin-right: 5px;
    }

    .appLink a.appleApp svg {
        width: 139px;
        height: auto;
    }

    .appLink a:hover {
        text-decoration: none;
    }

    .appLink a img {
        width: 46px;
        vertical-align: middle;
        margin-right: 10px;
    }

.userConditionTxt {
    font-weight: 600;
}

.medicalScheduleImg {
    margin: 15px 0;
}

.futherDetailTxt {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.11px;
    text-align: left;
    color: #000000;
}

.divMedicalAppointmentDone {
    /*background: #f8fcff;
    padding: 20px 30px;
    margin: 0 -30px;*/
}

.medicalAppointmentDetailsDiv h2 {
    font-size: 12px;
    margin-bottom: 0px;
    line-height: 18px;
}

.UserAndMedicalList {
    display: flex;
    flex-wrap: wrap;
    border: solid 1px #c5e9ff;
    border-radius: 4px;
    margin: 10px 0;
    padding: 15px 20px;
    background: rgb(246 252 255 / 67%);
}

.userAndMedicalValues {
    display: flex;
    margin: 5px 0;
    width: 50%;
    flex-wrap: wrap;
    padding-right: 20px;
    height: 100%;
}

.spouseMedicalDiv .userAndMedicalValues {
    height: auto;
}

.userAndMedicalValues h3 {
    color: #676767;
    width: 100%;
    font-weight: normal;
    font-size: 14px;
}

.userAndMedicalValues span {
    width: 100%;
    font-size: 13px;
    font-weight: 500;
}

.autoDebitDiv {
    display: flex;
}

.debitInfo {
    padding-right: 25px;
    
}
.autoDebitButton {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    height: min-content;
}
.proposaPrdName {
    font-size: 12px;
    color: #676767;
    margin-bottom: 4px;
    text-align: left;
}

.downloadProposalDiv {
    margin: 25px 0;
}
/*new pb app css start*/
.pbAppDownloadDIv {
    background: #FDFEFF 0% 0% no-repeat padding-box;
    border: 1px solid #CBDFFF;
    border-radius: 4px;
    padding: 40px 20px;
    margin: 20px 0;
    background-image: url('../images/download-app-banner.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}

.pbAppText {
}

.pbAppTitle {
    letter-spacing: 0.18px;
    color: #313131;
    font-size: 20px;
    line-height: 23px;
}

.pbAppPara {
    letter-spacing: 0.13px;
    color: #000000;
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
}

    .pbAppPara span {
        display: block;
    }

.pbAppPlayStoreDiv {
    margin-top: 20px;
}

.pbAppPlayStore {
    font-size: 12px;
    letter-spacing: 0.11px;
    color: #000000;
    line-height: 20px;
    font-weight: 400;
    margin: 0px 0 8px;
}

.pbAppLinks {
}
/*new pb app css end*/
/*-------------App download Mobile css end-------------------*/
/**********************Thanks Page css end**********************/
/**********************Review Page css end**********************/
.planReviewTitle {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: 0.32px;
    text-align: left;
    color: #000000;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
}

.reviewAllDetails {
    margin: 20px 0;
}

.reviewSerilNumber {
    background-color: #e4ecf8;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.71;
    letter-spacing: 0.13px;
    text-align: left;
    color: #0065ff;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.reviewTitleIcon {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.71;
    letter-spacing: 0.13px;
    text-align: left;
    color: #000000;
}

.reviewTitle {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.13px;
    text-align: left;
    color: #000000;
    margin-left: 8px;
    display: flex;
    align-items: center;
}

.reviewFormDetails ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .reviewFormDetails ul li {
        border-bottom: 1px solid #e3e3e3;
        width: 50%;
        padding: 15px 10px;
        display: flex;
        position: relative;
    }

.reviewFormLeftDetail {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: 0.24px;
    text-align: left;
    color: #7a869a;
    width: 40%;
}

.reviewFormRightDetail {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: 0.28px;
    text-align: left;
    color: #000;
}

.reviewDobPostSuffix {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: normal;
    text-align: right;
    color: #253858;
    border-radius: 8px;
    background-color: #f0f3f9;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding: 2px 8px;
}

.questionAnswerReviewDetail {
    padding: 15px 10px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.questionAnswerDiv {
    display: flex;
    width: 100%;
}

.ifYesDetails {
    margin: 10px 0;
}

.questionAnswerReviewLeft {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: 0.24px;
    text-align: left;
    color: #7a869a;
    flex-grow: 1;
}

.questionAnswerReviewRight {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: 0.28px;
    text-align: left;
    color: #000;
}

.moreLess {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: 0.28px;
    text-align: left;
    color: #488ffd;
    display: flex;
    justify-content: center;
    margin: 30px 0;
    position: relative;
    cursor: pointer;
}

    .moreLess:after {
        content: '';
        position: absolute;
        margin: auto;
        top: 1px;
        width: 9px;
        justify-content: center;
        height: 9px;
        align-items: center;
        border-right: 2px solid #718ffd;
        border-bottom: 2px solid #718ffd;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-left: 60px;
    }

    .moreLess.Less:after {
        content: "";
        top: 5px;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
/**********************Review Page css end**********************/
/*--------------Right Section Css End----------------*/
/* ********************************************************************************
Footer Section CSS
*********************************************************************************/
.footer {
    width: 100%;
    line-height: 16px;
    font-size: 11px;
    color: #adadad;
    padding: 20px 10px 100px;
    text-align: center;
    display: block;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    /*background: #f6f9fb;
    border: solid #f9f9f9 1px;
    z-index: 1000;*/
}
/*******************View Popup css start******************/
.viewDetailOverlay {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1031;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
    background: rgba(0, 0, 0, 0.4);
}

.viewDetailModal {
    border-radius: 4px;
    background: #fff;
    display: none;
    width: 40%;
    margin: 0 auto;
    position: fixed;
    z-index: 1032;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.viewDetailBody .modalBody {
    padding: 20px 80px 40px;
    overflow-y: auto;
    height: 430px;
}

.modalTitle {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.64;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
    margin: 20px 0 40px;
}

.viewDetailModalCrossButton {
    width: 15px;
    height: 15px;
    cursor: pointer;
    color: #4c5a6f;
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    right: 10px;
    top: 10px;
}

.modalBody li {
    border-bottom: 1px solid #e3e3e3;
    padding: 15px 0;
    display: flex;
}

    .modalBody li:last-child {
        /*border-bottom: none;*/
    }

    .modalBody li label {
        font-size: 12px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: 0.24px;
        text-align: left;
        color: #7a869a;
        width: 100%;
        padding-right: 10px;
    }

    .modalBody li .labelValue {
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.14;
        letter-spacing: 0.28px;
        text-align: left;
        color: #253858;
        width: 100%;
    }
/*******************View Popup css end******************/

/*******************Best Insurance css end******************/
.referThankYou {
    color: #0065ff;
    font-weight: 500;
    font-size: 14px;
}

.bestInsurancePlanDiv {
    border: solid 1px #bfbfbf;
    border-radius: 4px;
    padding: 20px 15px;
    margin-top: 20px;
    position: relative;
}

.bestInsuranceTitle {
    font-size: 18px;
    font-weight: 600;
    color: #0065ff;
    margin-bottom: 5px;
}

.bestInsurancePara {
    color: #676767;
    font-size: 15px;
    margin-bottom: 15px;
    width: 65%;
    font-weight: 400;
    line-height: 22px;
}

.bestInsuranceDetails {
}

.userReferRow {
    display: flex;
    flex-wrap: wrap;
}

.referralDiv {
    width: 48%;
    padding-right: 30px;
}

.bestInsuranceDetails .firstRow {
    margin-bottom: 20px;
    background: #fff;
}

.bestInsuranceDetails .secondRow {
    display: flex;
    align-items: center;
}

.secondRow {
    margin-bottom: 20px;
}

.referralTitle {
    width: 100%;
    margin-bottom: 15px;
    color: #27313d;
    font-weight: 600;
    font-size: 14px;
    margin-top: 20px;
}

.referNowBtn {
    width: 100%;
    text-align: center;
}

.secondRow .countryList {
    width: 110px;
    position: relative;
    padding-right: 10px;
}

    .secondRow .countryList:after {
        content: "";
        width: 1px;
        position: absolute;
        height: 80%;
        border-right: solid 1px #bfbfbf;
        right: 0;
        top: 5px;
    }

.mobileNumberRow {
    display: flex;
    background: #fff;
    border: solid 1px #5e6c84;
    border-radius: 8px;
}

    .mobileNumberRow .floating-select {
        border: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-color: #5e6c84;
    }

    .mobileNumberRow .floating-input {
        border: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        padding-left: 55px;
        padding-right: 20px;
    }

.secondRow .countryCode {
    width: 60px;
    position: absolute;
    left: 120px;
    top: 20px;
    font-weight: 700;
    color: #253858;
    font-size: 16px;
}

.mobileNoInput {
    width: 70%;
}

.referImg {
    /*position: absolute;
    right: 0;
    top: 0;
    background: #e4f5ff;
    height: 100%;
    border-top-left-radius: 130px;
    border-bottom-left-radius: 150px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 20px;*/
    position: absolute;
    right: 0;
    top: 0;
    background: #e4f5ff;
    /* height: 100%; */
    border-top-left-radius: 210px;
    border-bottom-left-radius: 180px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 20px 30px 0;
}

.referNowBtn .btn-blueBg {
    background-color: #0065ff;
    min-width: initial;
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
    padding: 0 30px;
}
/*******************Best Insurance css end******************/


.medicalScheduleDiv {
    margin-top: 20px;
    font-size: 12px;
    display: flex;
    background: rgb(246 252 255 / 67%);
    padding: 0 20px;
    border-radius: 4px;
    justify-content: space-between;
}

.medicalMsg {
    font-weight: 500;
}

.medicalAppointmentDetailsDiv {
    display: flex;
    align-items: center;
    width: 70%;
}

    .medicalAppointmentDetailsDiv h2 {
        /*font-size: 14px;*/
    }
/*/Pivc video css start/*/
.videoVerificationCheck {
    /*padding: 20px 20px;
    background: #fff;
    margin-top: 20px;
    position: relative;
    width: 100%;
    margin: auto;
    float: left;
    margin-bottom: 30px;*/
}

.userVerificationDiv {
    display: flex;
    margin-top: 15px;
}

.videoVerficationTitle {
    font-size: 16px;
    color: #0067CD;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
}

.userVerificationDetail {
    padding-left: 20px;
}

    .userVerificationDetail .userVerificationDetailImg {
        display: none;
    }

.policyIssuanceProcess {
    background: #F3F8F1;
    border: 1px solid #A5CD98;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    color: #27313d;
    margin-top: 20px;
    text-align: left;
    line-height: 22px;
}

.userVerificationDetailImg {
    margin: 15px 0 0;
    width: 60%;
}

    .userVerificationDetailImg img {
        width: 100%;
    }

.detailRow {
    font-size: 14px;
    color: #27313d;
    font-weight: 400;
    margin: 10px 0 0;
}

    .detailRow span {
        margin-left: 5px;
        font-weight: 600;
    }

.pivcSteps {
    background: #F8F8F8;
    padding: 15px 20px;
    margin-top: 20px;
    border-radius: 4px;
}

.pivcStepsTitle {
    color: #27313d;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
}

.pivcSteps ul {
    counter-reset: my-sec-counter;
    position: relative;
}

    .pivcSteps ul:before {
        content: "";
        height: 98%;
        background: #e4ecf8;
        width: 1px;
        display: flex;
        position: absolute;
        left: 12px;
        top: 3px;
    }

    .pivcSteps ul li::before {
        counter-increment: my-sec-counter;
        content: "0" counter(my-sec-counter);
        background: #e4ecf8;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
        color: #0065ff;
        font-size: 11px;
        flex-shrink: 0;
    }
    /*.pivcSteps ul li::before {
    content: "\2022";
    color: #0067CD;
    display: inline-block;
    margin-right: 10px;*/
    /*width: 8px;
    height: 8px;
    border-radius: 100%;*/
    /*font-size: 25px;
}*/

    .pivcSteps ul li {
        display: flex;
        align-items: flex-start;
        font-size: 14px;
        font-weight: 500;
        line-height: 25px;
        color: #27313d;
        margin: 10px 0;
    }

.videoPivcBtn {
    /*text-align: center;*/
    /* width: 60%; */
    /*margin: 50px auto 0;*/
    /*/position: fixed;
    / bottom: 0;*/
    /*text-align: center;
    left: 0;
    right: 0;
    background: white;
    padding: 20px 0;
    display: flex;
    justify-content: center;*/
}

.pivcBtn {
    /*box-shadow: 0px 3px 6px #00000029;
    border-radius: 4px;*/
    /* width: 100%; */
    /*padding: 0px 70px;
    margin: 0 25px;*/
}

/*/Pivc video css end/*/
/* CKYC - Aadhaar Varification Popup Starts Here */
.popUpBody {
    padding: 40px;
}

.popUpBlurBg {
    display: block;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1031;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
    background: rgba(0, 0, 0, 0.5);
}

.popUpModal {
    border-radius: 12px;
    background: #fff;
    display: none;
    width: 45%;
    margin: 0 auto;
    position: fixed;
    z-index: 1032;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 1px -2px rgba(0,0,0,.2), 0 1px 17px 0 rgba(0,0,0,.14), 0 1px 2px 0 rgba(0,0,0,.12);
}

.popUpContainer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}

    .popUpContainer h4 {
        text-align: center;
        font-size: 18px;
        line-height: 29px;
        font-weight: 600;
        color: #253757;
        width: 100%;
    }

.form-area {
    width: 300px;
    margin-top: 32px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

    .form-area label {
        text-align: center;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        color: #757474;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .form-area input[type="text"],
    .form-area input[type="tel"],
    .form-area input[type="number"] {
        background-color: #F8F7F8;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 600;
        padding: 8px;
        height: 54px;
        text-align: center;
        border: solid 1px #707170;
    }

    .form-area button {
        min-width: 250px;
        margin: 0 auto;
    }

.otp-status {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 30px 0;
    font-size: 13px;
    font-weight: 400;
    color: #757474;
}

    .otp-status span {
        color: #0064ff;
        font-weight: 500;
    }

.otp-again-msg-desktop {
    display: flex;
    width: 200px;
    justify-content: center;
    background: #01B72A;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 60px;
    margin: 30px auto;
    padding: 12px 20px;
    position: fixed;
    left: 50%;
    top: -100px;
    transform: translate(-50%, 0%);
}

.otp-again-msg-mobile {
    display: none;
    width: 200px;
    justify-content: center;
    background: #CBF1D4;
    color: #01B72A;
    font-size: 16px;
    font-weight: 600;
    border-radius: 60px;
    margin: 30px auto;
    padding: 12px 20px;
}


.popUpCrossButton {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

    .popUpCrossButton img {
        width: 20px;
    }


/* CKYC - Aadhaar Varification Popup Ends Here */



/* Housewife Banner */

.housewife-banner {
    width: 100%;
    height: 140px;
    display: flex;
    align-items: center;
    background: url(../images/housewife-banner-bg.png) top left no-repeat;
    background-size: cover;
    border-radius: 8px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    line-height: normal;
}

    .housewife-banner.desktopNone {
        display: none !important;
    }

    .housewife-banner.mobileNone {
        display: flex !important;
    }

.tick-lottie {
    width: 24px;
    height: 24px;
}

.banner-image {
    width: 200px;
    align-self: self-end;
    display: flex;
}

    .banner-image img {
        width: 100%;
        height: 100%;
    }

.banner-txt {
    width: 100%;
    align-items: center;
    padding-left: 20px;
}

    .banner-txt .blue {
        color: #00BAFF;
        font-weight: 500;
    }

    .banner-txt .yellow24 {
        color: #EBE42C;
        font-weight: 700;
        font-size: 24px;
    }

    .banner-txt .yellow20 {
        color: #EBE42C;
        font-weight: 700;
        font-size: 20px;
    }

    .banner-txt .yellow18 {
        color: #EBE42C;
        font-size: 18px;
        font-weight: 500;
    }


.pre-approved {
    width: 140px;
    display: flex;
    justify-content: space-evenly;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 8px 0 8px;
    background: #14C64B;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.get-in-touch {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 8px 0 8px 0;
    background: #055986;
    font-size: 12px;
    font-weight: 400;
    padding: 4px 8px;
}


/*banner with buttons*/
.btnPreviousNext .housewife-banner {
    height: auto;
    font-size: 12px;
    margin-bottom: 0px;
    margin-right: 20px;
    line-height: 18px;
}

.btnPreviousNext .banner-image {
    width: 90px;
}

.btnPreviousNext .banner-txt {
    padding-left: 0px;
}

.btnPreviousNext .get-in-touch {
    font-size: 9px;
    padding: 1px 8px;
}

.btnPreviousNext .pre-approved {
    font-size: 9px;
    width: auto;
}

.btnPreviousNext .banner-txt .yellow24 {
    font-size: 14px;
}

.btnPreviousNext .banner-txt .yellow20 {
    font-size: 14px;
}

.btnPreviousNext .banner-txt .yellow18 {
    font-size: 12px;
}

.btnPreviousNext .tick-lottie {
    width: 20px;
    height: 20px;
}



@media only screen and (max-width: 540px) {

    .housewife-banner {
        font-size: 14px;
        padding-top: 40px;
        height: auto;
    }

        .housewife-banner.desktopNone {
            display: flex !important;
        }

        .housewife-banner.mobileNone {
            display: none !important;
        }

    .pre-approved {
        font-size: 12px;
        left: 0;
        border-radius: 8px 0 8px 0;
    }

    .get-in-touch {
        font-size: 10px;
        top: 0;
        height: 26px;
        border-radius: 0 8px 0 8px;
        padding: 4px 6px;
    }

    .banner-txt {
        padding-left: 0px;
        padding-bottom: 10px;
    }

        .banner-txt .yellow24 {
            font-size: 16px;
        }

        .banner-txt .yellow20 {
            font-size: 16px;
        }

        .banner-txt .yellow18 {
            font-size: 16px;
        }
}

@media only screen and (max-width: 420px) {

    .housewife-banner {
        font-size: 13px;
        padding-top: 30px;
    }

    .banner-txt .yellow24,
    .banner-txt .yellow20,
    .banner-txt .yellow18 {
        font-size: 14px;
    }

    .banner-image {
        width: auto;
    }

    .pre-approved {
        width: 100px;
        font-size: 10px;
    }
}

/* Housewife Banner */




/*-----------------Media Queries Start------------------------*/
@media only screen and (max-width: 991px) {
    /*-----------------common css start-------------------*/
    .desktopNone {
        display: block !important;
    }

    .mobileNone {
        display: none !important;
    }

    .desktopHeader {
        display: none;
    }

    .mobileHeader {
        display: flex;
    }

    .btnPreviousNext {
        width: 100%;
        margin-left: 0px;
        left: 0;
        right: 0;
        position: fixed;
    }

        .btnPreviousNext .primary-btn, .btnPreviousNext .secondary-btn {
            width: 100%;
        }



    .mobileWidth-100 {
        width: 100% !important;
    }

    .innercontainer {
        margin: 0 8px;
        display: flex;
    }

    .preFilledDetails {
        /*padding: 20px 30px;*/
    }

    .rightBox .preFilledDetails .form_fields ul li {
        padding: 15px 0px;
    }

    .sectionDivision {
        padding: 20px 10px 20px;
        border-bottom: 1px solid #ccc;
    }

    .postFilledForm .rightSectionFormTitle, .rightSectionFormTitle {
        margin: 20px 10px 0;
    }

    .lableRadioBtnDiv.flex-wrap {
        /*flex-wrap: initial;*/
    }

    .lableRadioBtnTxt {
        width: 200px;
    }

    .lableRadioBtnLable {
        width: 120px;
    }

    .lableRadioBtnLongLable {
        width: 219px;
    }

    .questionAnswer {
        padding: 20px 10px 0;
    }
    /*-----------------common css start-------------------*/
    /**************Medical Section css*******************/
    .medicalScheduleBody {
        width: 90%;
        margin: 0 auto 60px;
    }

    .medicalTestList {
        padding: 0px 20px 20px;
    }

    .btn.medicalIcon {
        min-width: 100%;
        background-position: 20px 11px;
    }

    .medicalTestList ul li {
        width: 100%;
    }
    /**************Medical Section css end*******************/
    /*-----------------tooltip css start-------------------*/
    .toolTip .toolTipText {
        width: 90%;
    }
    /*-----------------tooltip css end-------------------*/
    /*---------------congo css start-------------------*/
    .congratsDiv {
        height: auto;
        background: #fff;
        box-shadow: 0px 0px 16px 4px rgb(234, 234, 234);
        padding-bottom: 20px;
        width: 100%;
    }

    .congLeft {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }

    .congLeft {
        width: 100%;
        display: flex;
        background: #fff url(../images/shape-mobile.svg) no-repeat;
        height: 330px;
        background-size: 100%;
        background-position: 100% 0%;
        padding: 10px 20px;
    }

    .congoLeftTxt p {
        margin: 3px 0 0;
        line-height: 16px;
        font-size: 12px;
    }

    .shieldSvg {
        width: 15%;
        padding: 10px 0px;
    }

        .shieldSvg svg {
            width: 85%;
            height: auto;
        }

    .congoLeftTxt {
        width: 100%;
        margin-top: 10px;
        height: auto;
    }

    .congRight {
        width: 100%;
        padding: 0 30px;
    }

    .congoLeftTxt h3 {
        margin: 5px 0;
    }

    .congoLeftTxt h1 {
        margin-bottom: 0;
    }
    /*---------------congo css end-------------------*/
    /*-----------------header css start-------------------*/
    .page-header img {
        width: auto;
    }

    .clientLogo {
        flex-grow: 1;
    }

    .page-header .clientLogo img {
        width: 110px;
    }

    .page-header {
        padding: 5px 10px
    }

    .mobileHeader {
        display: flex;
		align-items: center;
    }

    .viewDetailBody .modalBody {
        padding: 0px 20px 40px;
        height: 66vh;
    }

    .viewDetailLink {
        margin-top: 5px;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }

        .viewDetailLink:before {
            top: 60%;
        }

    .viewDetailModalCrossButton {
        right: 30px;
        top: 22px;
    }

    .viewDetailModal {
        width: 100%;
        bottom: 0;
        top: initial;
        left: 0;
        right: 0;
        transform: translate(0,0);
        border-radius: 0;
        border-top-right-radius: 40px;
        border-top-left-radius: 40px;
    }

    .viewDetailBody {
        /*padding: 20px 0px 40px;*/
    }

    .modalTitle {
        margin-bottom: 20px;
    }

    /*-----------------header css end-------------------*/
    /*-----------------form element css start-------------------*/
    .floatingLabel.w-48 {
        width: 100%;
    }

    .bodyInformation {
        padding: 0 0 30px;
    }
    /*-----------------form element css end-------------------*/
    /*-----------------left section css end-------------------*/
    .leftBox {
        display: none;
    }

    .accordion__wrapper.fixedElement {
        position: static !important;
        width: 100%;
    }

    .mobileAccordianHeader {
        display: block;
    }

    .mobileLeftBoxOverlay {
        position: fixed;
        z-index: 101;
        width: 100%;
        height: 100%;
        top: 0;
        background: rgb(101 101 101 / 30%);
        left: 0;
        right: 0;
    }

    .mobileLeftBox {
        position: fixed;
        z-index: 102;
        width: 96%;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 1%;
    }

    .mobileAccordianHeader {
        display: flex;
        align-content: center;
        justify-content: center;
        padding: 8px 15px 8px 15px
    }

    .mobileAccordianPercentageCompleted {
        justify-content: flex-start
    }

    .mobileAccordianTitle {
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0.13px;
        text-align: left;
        color: #000000;
        margin-left: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-grow: 1;
    }

    .mobileAccordianCloseIcon {
        cursor: pointer;
        align-items: center;
        display: flex;
    }

    .accordion__answer ul li {
        align-items: center;
    }

    .accordianContinueBtnDiv {
        display: flex;
        flex-grow: 1;
        justify-content: flex-end;
    }

        .accordianContinueBtnDiv .accordianContinueBtn {
            border: solid 1px #0064ff;
            font-size: 10px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.8;
            letter-spacing: 0.2px;
            text-align: left;
            color: #0064ff;
            border-radius: 4px;
            padding: 2px 5px;
            background: transparent;
            text-transform: capitalize;
        }

    .accordion__answer ul li.liStepDone .tickIcon {
        /*top: 13px;*/
    }
    /*-----------------left section css end-------------------*/
    /*-----------------mobileStepper css start-------------------*/
    .mobileStepper {
        margin-bottom: 20px;
        padding: 20px 10px 0px;
    }

    .postFilledForm .mobileStepper {
        margin-bottom: 20px;
        padding: 20px 10px 0px;
    }

    .mobileStepperNumber {
        background-color: #e4ecf8;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.71;
        letter-spacing: 0.13px;
        text-align: left;
        color: #0065ff;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
    }

    .mobileStepperTitle {
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0.13px;
        text-align: left;
        color: #000000;
        margin-left: 8px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        line-height: 14px;
    }

    .stepOutOf {
        font-size: 12px;
        color: #7a869a;
        font-weight: normal;
        margin-top: 3px;
    }

    .mobileStepperRight {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .percentageCompleted {
        display: flex;
        width: 30px;
        height: 30px;
        border: 1px solid #e3e3e3;
        border-radius: 50%;
        font-size: 11px;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .currentPercentageCompleted:after {
        /* content: ""; */
        /* position: absolute; */
        /* border: 1px solid #0652dd; */
        border-radius: 50%;
        width: 30px;
        height: 30px;
    }

    .viewProgressLink {
        border: solid 1px #0064ff;
        font-size: 10px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.8;
        letter-spacing: 0.2px;
        text-align: left;
        color: #0064ff;
        border-radius: 4px;
        margin-top: 6px;
        padding: 2px 5px;
    }
    /*----------------- mobileStepper css end-------------------*/
    /*-----------------mobile percentage stepper css start-------------------*/
    .rect-auto,
    .c100.p51 .slice,
    .c100.p52 .slice,
    .c100.p53 .slice,
    .c100.p54 .slice,
    .c100.p55 .slice,
    .c100.p56 .slice,
    .c100.p57 .slice,
    .c100.p58 .slice,
    .c100.p59 .slice,
    .c100.p60 .slice,
    .c100.p61 .slice,
    .c100.p62 .slice,
    .c100.p63 .slice,
    .c100.p64 .slice,
    .c100.p65 .slice,
    .c100.p66 .slice,
    .c100.p67 .slice,
    .c100.p68 .slice,
    .c100.p69 .slice,
    .c100.p70 .slice,
    .c100.p71 .slice,
    .c100.p72 .slice,
    .c100.p73 .slice,
    .c100.p74 .slice,
    .c100.p75 .slice,
    .c100.p76 .slice,
    .c100.p77 .slice,
    .c100.p78 .slice,
    .c100.p79 .slice,
    .c100.p80 .slice,
    .c100.p81 .slice,
    .c100.p82 .slice,
    .c100.p83 .slice,
    .c100.p84 .slice,
    .c100.p85 .slice,
    .c100.p86 .slice,
    .c100.p87 .slice,
    .c100.p88 .slice,
    .c100.p89 .slice,
    .c100.p90 .slice,
    .c100.p91 .slice,
    .c100.p92 .slice,
    .c100.p93 .slice,
    .c100.p94 .slice,
    .c100.p95 .slice,
    .c100.p96 .slice,
    .c100.p97 .slice,
    .c100.p98 .slice,
    .c100.p99 .slice,
    .c100.p100 .slice {
        clip: rect(auto, auto, auto, auto);
    }

    .pie,
    .c100 .bar,
    .c100.p51 .fill,
    .c100.p52 .fill,
    .c100.p53 .fill,
    .c100.p54 .fill,
    .c100.p55 .fill,
    .c100.p56 .fill,
    .c100.p57 .fill,
    .c100.p58 .fill,
    .c100.p59 .fill,
    .c100.p60 .fill,
    .c100.p61 .fill,
    .c100.p62 .fill,
    .c100.p63 .fill,
    .c100.p64 .fill,
    .c100.p65 .fill,
    .c100.p66 .fill,
    .c100.p67 .fill,
    .c100.p68 .fill,
    .c100.p69 .fill,
    .c100.p70 .fill,
    .c100.p71 .fill,
    .c100.p72 .fill,
    .c100.p73 .fill,
    .c100.p74 .fill,
    .c100.p75 .fill,
    .c100.p76 .fill,
    .c100.p77 .fill,
    .c100.p78 .fill,
    .c100.p79 .fill,
    .c100.p80 .fill,
    .c100.p81 .fill,
    .c100.p82 .fill,
    .c100.p83 .fill,
    .c100.p84 .fill,
    .c100.p85 .fill,
    .c100.p86 .fill,
    .c100.p87 .fill,
    .c100.p88 .fill,
    .c100.p89 .fill,
    .c100.p90 .fill,
    .c100.p91 .fill,
    .c100.p92 .fill,
    .c100.p93 .fill,
    .c100.p94 .fill,
    .c100.p95 .fill,
    .c100.p96 .fill,
    .c100.p97 .fill,
    .c100.p98 .fill,
    .c100.p99 .fill,
    .c100.p100 .fill {
        position: absolute;
        border: 0.08em solid #307bbb;
        width: 0.84em;
        height: 0.84em;
        clip: rect(0em, 0.5em, 1em, 0em);
        border-radius: 50%;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .pie-fill,
    .c100.p51 .bar:after,
    .c100.p51 .fill,
    .c100.p52 .bar:after,
    .c100.p52 .fill,
    .c100.p53 .bar:after,
    .c100.p53 .fill,
    .c100.p54 .bar:after,
    .c100.p54 .fill,
    .c100.p55 .bar:after,
    .c100.p55 .fill,
    .c100.p56 .bar:after,
    .c100.p56 .fill,
    .c100.p57 .bar:after,
    .c100.p57 .fill,
    .c100.p58 .bar:after,
    .c100.p58 .fill,
    .c100.p59 .bar:after,
    .c100.p59 .fill,
    .c100.p60 .bar:after,
    .c100.p60 .fill,
    .c100.p61 .bar:after,
    .c100.p61 .fill,
    .c100.p62 .bar:after,
    .c100.p62 .fill,
    .c100.p63 .bar:after,
    .c100.p63 .fill,
    .c100.p64 .bar:after,
    .c100.p64 .fill,
    .c100.p65 .bar:after,
    .c100.p65 .fill,
    .c100.p66 .bar:after,
    .c100.p66 .fill,
    .c100.p67 .bar:after,
    .c100.p67 .fill,
    .c100.p68 .bar:after,
    .c100.p68 .fill,
    .c100.p69 .bar:after,
    .c100.p69 .fill,
    .c100.p70 .bar:after,
    .c100.p70 .fill,
    .c100.p71 .bar:after,
    .c100.p71 .fill,
    .c100.p72 .bar:after,
    .c100.p72 .fill,
    .c100.p73 .bar:after,
    .c100.p73 .fill,
    .c100.p74 .bar:after,
    .c100.p74 .fill,
    .c100.p75 .bar:after,
    .c100.p75 .fill,
    .c100.p76 .bar:after,
    .c100.p76 .fill,
    .c100.p77 .bar:after,
    .c100.p77 .fill,
    .c100.p78 .bar:after,
    .c100.p78 .fill,
    .c100.p79 .bar:after,
    .c100.p79 .fill,
    .c100.p80 .bar:after,
    .c100.p80 .fill,
    .c100.p81 .bar:after,
    .c100.p81 .fill,
    .c100.p82 .bar:after,
    .c100.p82 .fill,
    .c100.p83 .bar:after,
    .c100.p83 .fill,
    .c100.p84 .bar:after,
    .c100.p84 .fill,
    .c100.p85 .bar:after,
    .c100.p85 .fill,
    .c100.p86 .bar:after,
    .c100.p86 .fill,
    .c100.p87 .bar:after,
    .c100.p87 .fill,
    .c100.p88 .bar:after,
    .c100.p88 .fill,
    .c100.p89 .bar:after,
    .c100.p89 .fill,
    .c100.p90 .bar:after,
    .c100.p90 .fill,
    .c100.p91 .bar:after,
    .c100.p91 .fill,
    .c100.p92 .bar:after,
    .c100.p92 .fill,
    .c100.p93 .bar:after,
    .c100.p93 .fill,
    .c100.p94 .bar:after,
    .c100.p94 .fill,
    .c100.p95 .bar:after,
    .c100.p95 .fill,
    .c100.p96 .bar:after,
    .c100.p96 .fill,
    .c100.p97 .bar:after,
    .c100.p97 .fill,
    .c100.p98 .bar:after,
    .c100.p98 .fill,
    .c100.p99 .bar:after,
    .c100.p99 .fill,
    .c100.p100 .bar:after,
    .c100.p100 .fill {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .c100 {
        position: relative;
        font-size: 30px;
        width: 1em;
        height: 1em;
        border-radius: 50%;
        /* float: left; */
        /* margin: 0 0.1em 0.1em 0; */
        background-color: #cccccc;
    }

        .c100 *,
        .c100 *:before,
        .c100 *:after {
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }

        .c100.center {
            float: none;
            margin: 0 auto;
        }

        .c100.big {
            font-size: 240px;
        }

        .c100.small {
            /* font-size: 80px; */
        }

        .c100 > span {
            position: absolute;
            width: 100%;
            z-index: 1;
            left: 0;
            top: 0;
            /* width: 5em; */
            height: 100%;
            /* line-height: 5em; */
            font-size: 12px;
            color: #000000;
            display: flex;
            align-items: center;
            justify-content: center;
            white-space: nowrap;
            -webkit-transition-property: all;
            -moz-transition-property: all;
            -o-transition-property: all;
            transition-property: all;
            -webkit-transition-duration: 0.2s;
            -moz-transition-duration: 0.2s;
            -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
            -webkit-transition-timing-function: ease-out;
            -moz-transition-timing-function: ease-out;
            -o-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
        }

        .c100:after {
            position: absolute;
            top: 0.01em;
            left: 0.01em;
            display: block;
            content: " ";
            border-radius: 50%;
            background-color: #ffffff;
            width: 27px;
            height: 26px;
            -webkit-transition-property: all;
            -moz-transition-property: all;
            -o-transition-property: all;
            transition-property: all;
            -webkit-transition-duration: 0.2s;
            -moz-transition-duration: 0.2s;
            -o-transition-duration: 0.2s;
            transition-duration: 0.2s;
            -webkit-transition-timing-function: ease-in;
            -moz-transition-timing-function: ease-in;
            -o-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
        }

        .c100 .slice {
            position: absolute;
            width: 1em;
            height: 1em;
            clip: rect(0em, 1em, 1em, 0.5em);
        }

        .c100.p1 .bar {
            -webkit-transform: rotate(3.6deg);
            -moz-transform: rotate(3.6deg);
            -ms-transform: rotate(3.6deg);
            -o-transform: rotate(3.6deg);
            transform: rotate(3.6deg);
        }

        .c100.p2 .bar {
            -webkit-transform: rotate(7.2deg);
            -moz-transform: rotate(7.2deg);
            -ms-transform: rotate(7.2deg);
            -o-transform: rotate(7.2deg);
            transform: rotate(7.2deg);
        }

        .c100.p3 .bar {
            -webkit-transform: rotate(10.8deg);
            -moz-transform: rotate(10.8deg);
            -ms-transform: rotate(10.8deg);
            -o-transform: rotate(10.8deg);
            transform: rotate(10.8deg);
        }

        .c100.p4 .bar {
            -webkit-transform: rotate(14.4deg);
            -moz-transform: rotate(14.4deg);
            -ms-transform: rotate(14.4deg);
            -o-transform: rotate(14.4deg);
            transform: rotate(14.4deg);
        }

        .c100.p5 .bar {
            -webkit-transform: rotate(18deg);
            -moz-transform: rotate(18deg);
            -ms-transform: rotate(18deg);
            -o-transform: rotate(18deg);
            transform: rotate(18deg);
        }

        .c100.p6 .bar {
            -webkit-transform: rotate(21.6deg);
            -moz-transform: rotate(21.6deg);
            -ms-transform: rotate(21.6deg);
            -o-transform: rotate(21.6deg);
            transform: rotate(21.6deg);
        }

        .c100.p7 .bar {
            -webkit-transform: rotate(25.2deg);
            -moz-transform: rotate(25.2deg);
            -ms-transform: rotate(25.2deg);
            -o-transform: rotate(25.2deg);
            transform: rotate(25.2deg);
        }

        .c100.p8 .bar {
            -webkit-transform: rotate(28.8deg);
            -moz-transform: rotate(28.8deg);
            -ms-transform: rotate(28.8deg);
            -o-transform: rotate(28.8deg);
            transform: rotate(28.8deg);
        }

        .c100.p9 .bar {
            -webkit-transform: rotate(32.4deg);
            -moz-transform: rotate(32.4deg);
            -ms-transform: rotate(32.4deg);
            -o-transform: rotate(32.4deg);
            transform: rotate(32.4deg);
        }

        .c100.p10 .bar {
            -webkit-transform: rotate(36deg);
            -moz-transform: rotate(36deg);
            -ms-transform: rotate(36deg);
            -o-transform: rotate(36deg);
            transform: rotate(36deg);
        }

        .c100.p11 .bar {
            -webkit-transform: rotate(39.6deg);
            -moz-transform: rotate(39.6deg);
            -ms-transform: rotate(39.6deg);
            -o-transform: rotate(39.6deg);
            transform: rotate(39.6deg);
        }

        .c100.p12 .bar {
            -webkit-transform: rotate(43.2deg);
            -moz-transform: rotate(43.2deg);
            -ms-transform: rotate(43.2deg);
            -o-transform: rotate(43.2deg);
            transform: rotate(43.2deg);
        }

        .c100.p13 .bar {
            -webkit-transform: rotate(46.800000000000004deg);
            -moz-transform: rotate(46.800000000000004deg);
            -ms-transform: rotate(46.800000000000004deg);
            -o-transform: rotate(46.800000000000004deg);
            transform: rotate(46.800000000000004deg);
        }

        .c100.p14 .bar {
            -webkit-transform: rotate(50.4deg);
            -moz-transform: rotate(50.4deg);
            -ms-transform: rotate(50.4deg);
            -o-transform: rotate(50.4deg);
            transform: rotate(50.4deg);
        }

        .c100.p15 .bar {
            -webkit-transform: rotate(54deg);
            -moz-transform: rotate(54deg);
            -ms-transform: rotate(54deg);
            -o-transform: rotate(54deg);
            transform: rotate(54deg);
        }

        .c100.p16 .bar {
            -webkit-transform: rotate(57.6deg);
            -moz-transform: rotate(57.6deg);
            -ms-transform: rotate(57.6deg);
            -o-transform: rotate(57.6deg);
            transform: rotate(57.6deg);
        }

        .c100.p17 .bar {
            -webkit-transform: rotate(61.2deg);
            -moz-transform: rotate(61.2deg);
            -ms-transform: rotate(61.2deg);
            -o-transform: rotate(61.2deg);
            transform: rotate(61.2deg);
        }

        .c100.p18 .bar {
            -webkit-transform: rotate(64.8deg);
            -moz-transform: rotate(64.8deg);
            -ms-transform: rotate(64.8deg);
            -o-transform: rotate(64.8deg);
            transform: rotate(64.8deg);
        }

        .c100.p19 .bar {
            -webkit-transform: rotate(68.4deg);
            -moz-transform: rotate(68.4deg);
            -ms-transform: rotate(68.4deg);
            -o-transform: rotate(68.4deg);
            transform: rotate(68.4deg);
        }

        .c100.p20 .bar {
            -webkit-transform: rotate(72deg);
            -moz-transform: rotate(72deg);
            -ms-transform: rotate(72deg);
            -o-transform: rotate(72deg);
            transform: rotate(72deg);
        }

        .c100.p21 .bar {
            -webkit-transform: rotate(75.60000000000001deg);
            -moz-transform: rotate(75.60000000000001deg);
            -ms-transform: rotate(75.60000000000001deg);
            -o-transform: rotate(75.60000000000001deg);
            transform: rotate(75.60000000000001deg);
        }

        .c100.p22 .bar {
            -webkit-transform: rotate(79.2deg);
            -moz-transform: rotate(79.2deg);
            -ms-transform: rotate(79.2deg);
            -o-transform: rotate(79.2deg);
            transform: rotate(79.2deg);
        }

        .c100.p23 .bar {
            -webkit-transform: rotate(82.8deg);
            -moz-transform: rotate(82.8deg);
            -ms-transform: rotate(82.8deg);
            -o-transform: rotate(82.8deg);
            transform: rotate(82.8deg);
        }

        .c100.p24 .bar {
            -webkit-transform: rotate(86.4deg);
            -moz-transform: rotate(86.4deg);
            -ms-transform: rotate(86.4deg);
            -o-transform: rotate(86.4deg);
            transform: rotate(86.4deg);
        }

        .c100.p25 .bar {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        .c100.p26 .bar {
            -webkit-transform: rotate(93.60000000000001deg);
            -moz-transform: rotate(93.60000000000001deg);
            -ms-transform: rotate(93.60000000000001deg);
            -o-transform: rotate(93.60000000000001deg);
            transform: rotate(93.60000000000001deg);
        }

        .c100.p27 .bar {
            -webkit-transform: rotate(97.2deg);
            -moz-transform: rotate(97.2deg);
            -ms-transform: rotate(97.2deg);
            -o-transform: rotate(97.2deg);
            transform: rotate(97.2deg);
        }

        .c100.p28 .bar {
            -webkit-transform: rotate(100.8deg);
            -moz-transform: rotate(100.8deg);
            -ms-transform: rotate(100.8deg);
            -o-transform: rotate(100.8deg);
            transform: rotate(100.8deg);
        }

        .c100.p29 .bar {
            -webkit-transform: rotate(104.4deg);
            -moz-transform: rotate(104.4deg);
            -ms-transform: rotate(104.4deg);
            -o-transform: rotate(104.4deg);
            transform: rotate(104.4deg);
        }

        .c100.p30 .bar {
            -webkit-transform: rotate(108deg);
            -moz-transform: rotate(108deg);
            -ms-transform: rotate(108deg);
            -o-transform: rotate(108deg);
            transform: rotate(108deg);
        }

        .c100.p31 .bar {
            -webkit-transform: rotate(111.60000000000001deg);
            -moz-transform: rotate(111.60000000000001deg);
            -ms-transform: rotate(111.60000000000001deg);
            -o-transform: rotate(111.60000000000001deg);
            transform: rotate(111.60000000000001deg);
        }

        .c100.p32 .bar {
            -webkit-transform: rotate(115.2deg);
            -moz-transform: rotate(115.2deg);
            -ms-transform: rotate(115.2deg);
            -o-transform: rotate(115.2deg);
            transform: rotate(115.2deg);
        }

        .c100.p33 .bar {
            -webkit-transform: rotate(118.8deg);
            -moz-transform: rotate(118.8deg);
            -ms-transform: rotate(118.8deg);
            -o-transform: rotate(118.8deg);
            transform: rotate(118.8deg);
        }

        .c100.p34 .bar {
            -webkit-transform: rotate(122.4deg);
            -moz-transform: rotate(122.4deg);
            -ms-transform: rotate(122.4deg);
            -o-transform: rotate(122.4deg);
            transform: rotate(122.4deg);
        }

        .c100.p35 .bar {
            -webkit-transform: rotate(126deg);
            -moz-transform: rotate(126deg);
            -ms-transform: rotate(126deg);
            -o-transform: rotate(126deg);
            transform: rotate(126deg);
        }

        .c100.p36 .bar {
            -webkit-transform: rotate(129.6deg);
            -moz-transform: rotate(129.6deg);
            -ms-transform: rotate(129.6deg);
            -o-transform: rotate(129.6deg);
            transform: rotate(129.6deg);
        }

        .c100.p37 .bar {
            -webkit-transform: rotate(133.20000000000002deg);
            -moz-transform: rotate(133.20000000000002deg);
            -ms-transform: rotate(133.20000000000002deg);
            -o-transform: rotate(133.20000000000002deg);
            transform: rotate(133.20000000000002deg);
        }

        .c100.p38 .bar {
            -webkit-transform: rotate(136.8deg);
            -moz-transform: rotate(136.8deg);
            -ms-transform: rotate(136.8deg);
            -o-transform: rotate(136.8deg);
            transform: rotate(136.8deg);
        }

        .c100.p39 .bar {
            -webkit-transform: rotate(140.4deg);
            -moz-transform: rotate(140.4deg);
            -ms-transform: rotate(140.4deg);
            -o-transform: rotate(140.4deg);
            transform: rotate(140.4deg);
        }

        .c100.p40 .bar {
            -webkit-transform: rotate(144deg);
            -moz-transform: rotate(144deg);
            -ms-transform: rotate(144deg);
            -o-transform: rotate(144deg);
            transform: rotate(144deg);
        }

        .c100.p41 .bar {
            -webkit-transform: rotate(147.6deg);
            -moz-transform: rotate(147.6deg);
            -ms-transform: rotate(147.6deg);
            -o-transform: rotate(147.6deg);
            transform: rotate(147.6deg);
        }

        .c100.p42 .bar {
            -webkit-transform: rotate(151.20000000000002deg);
            -moz-transform: rotate(151.20000000000002deg);
            -ms-transform: rotate(151.20000000000002deg);
            -o-transform: rotate(151.20000000000002deg);
            transform: rotate(151.20000000000002deg);
        }

        .c100.p43 .bar {
            -webkit-transform: rotate(154.8deg);
            -moz-transform: rotate(154.8deg);
            -ms-transform: rotate(154.8deg);
            -o-transform: rotate(154.8deg);
            transform: rotate(154.8deg);
        }

        .c100.p44 .bar {
            -webkit-transform: rotate(158.4deg);
            -moz-transform: rotate(158.4deg);
            -ms-transform: rotate(158.4deg);
            -o-transform: rotate(158.4deg);
            transform: rotate(158.4deg);
        }

        .c100.p45 .bar {
            -webkit-transform: rotate(162deg);
            -moz-transform: rotate(162deg);
            -ms-transform: rotate(162deg);
            -o-transform: rotate(162deg);
            transform: rotate(162deg);
        }

        .c100.p46 .bar {
            -webkit-transform: rotate(165.6deg);
            -moz-transform: rotate(165.6deg);
            -ms-transform: rotate(165.6deg);
            -o-transform: rotate(165.6deg);
            transform: rotate(165.6deg);
        }

        .c100.p47 .bar {
            -webkit-transform: rotate(169.20000000000002deg);
            -moz-transform: rotate(169.20000000000002deg);
            -ms-transform: rotate(169.20000000000002deg);
            -o-transform: rotate(169.20000000000002deg);
            transform: rotate(169.20000000000002deg);
        }

        .c100.p48 .bar {
            -webkit-transform: rotate(172.8deg);
            -moz-transform: rotate(172.8deg);
            -ms-transform: rotate(172.8deg);
            -o-transform: rotate(172.8deg);
            transform: rotate(172.8deg);
        }

        .c100.p49 .bar {
            -webkit-transform: rotate(176.4deg);
            -moz-transform: rotate(176.4deg);
            -ms-transform: rotate(176.4deg);
            -o-transform: rotate(176.4deg);
            transform: rotate(176.4deg);
        }

        .c100.p50 .bar {
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .c100.p51 .bar {
            -webkit-transform: rotate(183.6deg);
            -moz-transform: rotate(183.6deg);
            -ms-transform: rotate(183.6deg);
            -o-transform: rotate(183.6deg);
            transform: rotate(183.6deg);
        }

        .c100.p52 .bar {
            -webkit-transform: rotate(187.20000000000002deg);
            -moz-transform: rotate(187.20000000000002deg);
            -ms-transform: rotate(187.20000000000002deg);
            -o-transform: rotate(187.20000000000002deg);
            transform: rotate(187.20000000000002deg);
        }

        .c100.p53 .bar {
            -webkit-transform: rotate(190.8deg);
            -moz-transform: rotate(190.8deg);
            -ms-transform: rotate(190.8deg);
            -o-transform: rotate(190.8deg);
            transform: rotate(190.8deg);
        }

        .c100.p54 .bar {
            -webkit-transform: rotate(194.4deg);
            -moz-transform: rotate(194.4deg);
            -ms-transform: rotate(194.4deg);
            -o-transform: rotate(194.4deg);
            transform: rotate(194.4deg);
        }

        .c100.p55 .bar {
            -webkit-transform: rotate(198deg);
            -moz-transform: rotate(198deg);
            -ms-transform: rotate(198deg);
            -o-transform: rotate(198deg);
            transform: rotate(198deg);
        }

        .c100.p56 .bar {
            -webkit-transform: rotate(201.6deg);
            -moz-transform: rotate(201.6deg);
            -ms-transform: rotate(201.6deg);
            -o-transform: rotate(201.6deg);
            transform: rotate(201.6deg);
        }

        .c100.p57 .bar {
            -webkit-transform: rotate(205.20000000000002deg);
            -moz-transform: rotate(205.20000000000002deg);
            -ms-transform: rotate(205.20000000000002deg);
            -o-transform: rotate(205.20000000000002deg);
            transform: rotate(205.20000000000002deg);
        }

        .c100.p58 .bar {
            -webkit-transform: rotate(208.8deg);
            -moz-transform: rotate(208.8deg);
            -ms-transform: rotate(208.8deg);
            -o-transform: rotate(208.8deg);
            transform: rotate(208.8deg);
        }

        .c100.p59 .bar {
            -webkit-transform: rotate(212.4deg);
            -moz-transform: rotate(212.4deg);
            -ms-transform: rotate(212.4deg);
            -o-transform: rotate(212.4deg);
            transform: rotate(212.4deg);
        }

        .c100.p60 .bar {
            -webkit-transform: rotate(216deg);
            -moz-transform: rotate(216deg);
            -ms-transform: rotate(216deg);
            -o-transform: rotate(216deg);
            transform: rotate(216deg);
        }

        .c100.p61 .bar {
            -webkit-transform: rotate(219.6deg);
            -moz-transform: rotate(219.6deg);
            -ms-transform: rotate(219.6deg);
            -o-transform: rotate(219.6deg);
            transform: rotate(219.6deg);
        }

        .c100.p62 .bar {
            -webkit-transform: rotate(223.20000000000002deg);
            -moz-transform: rotate(223.20000000000002deg);
            -ms-transform: rotate(223.20000000000002deg);
            -o-transform: rotate(223.20000000000002deg);
            transform: rotate(223.20000000000002deg);
        }

        .c100.p63 .bar {
            -webkit-transform: rotate(226.8deg);
            -moz-transform: rotate(226.8deg);
            -ms-transform: rotate(226.8deg);
            -o-transform: rotate(226.8deg);
            transform: rotate(226.8deg);
        }

        .c100.p64 .bar {
            -webkit-transform: rotate(230.4deg);
            -moz-transform: rotate(230.4deg);
            -ms-transform: rotate(230.4deg);
            -o-transform: rotate(230.4deg);
            transform: rotate(230.4deg);
        }

        .c100.p65 .bar {
            -webkit-transform: rotate(234deg);
            -moz-transform: rotate(234deg);
            -ms-transform: rotate(234deg);
            -o-transform: rotate(234deg);
            transform: rotate(234deg);
        }

        .c100.p66 .bar {
            -webkit-transform: rotate(237.6deg);
            -moz-transform: rotate(237.6deg);
            -ms-transform: rotate(237.6deg);
            -o-transform: rotate(237.6deg);
            transform: rotate(237.6deg);
        }

        .c100.p67 .bar {
            -webkit-transform: rotate(241.20000000000002deg);
            -moz-transform: rotate(241.20000000000002deg);
            -ms-transform: rotate(241.20000000000002deg);
            -o-transform: rotate(241.20000000000002deg);
            transform: rotate(241.20000000000002deg);
        }

        .c100.p68 .bar {
            -webkit-transform: rotate(244.8deg);
            -moz-transform: rotate(244.8deg);
            -ms-transform: rotate(244.8deg);
            -o-transform: rotate(244.8deg);
            transform: rotate(244.8deg);
        }

        .c100.p69 .bar {
            -webkit-transform: rotate(248.4deg);
            -moz-transform: rotate(248.4deg);
            -ms-transform: rotate(248.4deg);
            -o-transform: rotate(248.4deg);
            transform: rotate(248.4deg);
        }

        .c100.p70 .bar {
            -webkit-transform: rotate(252deg);
            -moz-transform: rotate(252deg);
            -ms-transform: rotate(252deg);
            -o-transform: rotate(252deg);
            transform: rotate(252deg);
        }

        .c100.p71 .bar {
            -webkit-transform: rotate(255.6deg);
            -moz-transform: rotate(255.6deg);
            -ms-transform: rotate(255.6deg);
            -o-transform: rotate(255.6deg);
            transform: rotate(255.6deg);
        }

        .c100.p72 .bar {
            -webkit-transform: rotate(259.2deg);
            -moz-transform: rotate(259.2deg);
            -ms-transform: rotate(259.2deg);
            -o-transform: rotate(259.2deg);
            transform: rotate(259.2deg);
        }

        .c100.p73 .bar {
            -webkit-transform: rotate(262.8deg);
            -moz-transform: rotate(262.8deg);
            -ms-transform: rotate(262.8deg);
            -o-transform: rotate(262.8deg);
            transform: rotate(262.8deg);
        }

        .c100.p74 .bar {
            -webkit-transform: rotate(266.40000000000003deg);
            -moz-transform: rotate(266.40000000000003deg);
            -ms-transform: rotate(266.40000000000003deg);
            -o-transform: rotate(266.40000000000003deg);
            transform: rotate(266.40000000000003deg);
        }

        .c100.p75 .bar {
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            transform: rotate(270deg);
        }

        .c100.p76 .bar {
            -webkit-transform: rotate(273.6deg);
            -moz-transform: rotate(273.6deg);
            -ms-transform: rotate(273.6deg);
            -o-transform: rotate(273.6deg);
            transform: rotate(273.6deg);
        }

        .c100.p77 .bar {
            -webkit-transform: rotate(277.2deg);
            -moz-transform: rotate(277.2deg);
            -ms-transform: rotate(277.2deg);
            -o-transform: rotate(277.2deg);
            transform: rotate(277.2deg);
        }

        .c100.p78 .bar {
            -webkit-transform: rotate(280.8deg);
            -moz-transform: rotate(280.8deg);
            -ms-transform: rotate(280.8deg);
            -o-transform: rotate(280.8deg);
            transform: rotate(280.8deg);
        }

        .c100.p79 .bar {
            -webkit-transform: rotate(284.40000000000003deg);
            -moz-transform: rotate(284.40000000000003deg);
            -ms-transform: rotate(284.40000000000003deg);
            -o-transform: rotate(284.40000000000003deg);
            transform: rotate(284.40000000000003deg);
        }

        .c100.p80 .bar {
            -webkit-transform: rotate(288deg);
            -moz-transform: rotate(288deg);
            -ms-transform: rotate(288deg);
            -o-transform: rotate(288deg);
            transform: rotate(288deg);
        }

        .c100.p81 .bar {
            -webkit-transform: rotate(291.6deg);
            -moz-transform: rotate(291.6deg);
            -ms-transform: rotate(291.6deg);
            -o-transform: rotate(291.6deg);
            transform: rotate(291.6deg);
        }

        .c100.p82 .bar {
            -webkit-transform: rotate(295.2deg);
            -moz-transform: rotate(295.2deg);
            -ms-transform: rotate(295.2deg);
            -o-transform: rotate(295.2deg);
            transform: rotate(295.2deg);
        }

        .c100.p83 .bar {
            -webkit-transform: rotate(298.8deg);
            -moz-transform: rotate(298.8deg);
            -ms-transform: rotate(298.8deg);
            -o-transform: rotate(298.8deg);
            transform: rotate(298.8deg);
        }

        .c100.p84 .bar {
            -webkit-transform: rotate(302.40000000000003deg);
            -moz-transform: rotate(302.40000000000003deg);
            -ms-transform: rotate(302.40000000000003deg);
            -o-transform: rotate(302.40000000000003deg);
            transform: rotate(302.40000000000003deg);
        }

        .c100.p85 .bar {
            -webkit-transform: rotate(306deg);
            -moz-transform: rotate(306deg);
            -ms-transform: rotate(306deg);
            -o-transform: rotate(306deg);
            transform: rotate(306deg);
        }

        .c100.p86 .bar {
            -webkit-transform: rotate(309.6deg);
            -moz-transform: rotate(309.6deg);
            -ms-transform: rotate(309.6deg);
            -o-transform: rotate(309.6deg);
            transform: rotate(309.6deg);
        }

        .c100.p87 .bar {
            -webkit-transform: rotate(313.2deg);
            -moz-transform: rotate(313.2deg);
            -ms-transform: rotate(313.2deg);
            -o-transform: rotate(313.2deg);
            transform: rotate(313.2deg);
        }

        .c100.p88 .bar {
            -webkit-transform: rotate(316.8deg);
            -moz-transform: rotate(316.8deg);
            -ms-transform: rotate(316.8deg);
            -o-transform: rotate(316.8deg);
            transform: rotate(316.8deg);
        }

        .c100.p89 .bar {
            -webkit-transform: rotate(320.40000000000003deg);
            -moz-transform: rotate(320.40000000000003deg);
            -ms-transform: rotate(320.40000000000003deg);
            -o-transform: rotate(320.40000000000003deg);
            transform: rotate(320.40000000000003deg);
        }

        .c100.p90 .bar {
            -webkit-transform: rotate(324deg);
            -moz-transform: rotate(324deg);
            -ms-transform: rotate(324deg);
            -o-transform: rotate(324deg);
            transform: rotate(324deg);
        }

        .c100.p91 .bar {
            -webkit-transform: rotate(327.6deg);
            -moz-transform: rotate(327.6deg);
            -ms-transform: rotate(327.6deg);
            -o-transform: rotate(327.6deg);
            transform: rotate(327.6deg);
        }

        .c100.p92 .bar {
            -webkit-transform: rotate(331.2deg);
            -moz-transform: rotate(331.2deg);
            -ms-transform: rotate(331.2deg);
            -o-transform: rotate(331.2deg);
            transform: rotate(331.2deg);
        }

        .c100.p93 .bar {
            -webkit-transform: rotate(334.8deg);
            -moz-transform: rotate(334.8deg);
            -ms-transform: rotate(334.8deg);
            -o-transform: rotate(334.8deg);
            transform: rotate(334.8deg);
        }

        .c100.p94 .bar {
            -webkit-transform: rotate(338.40000000000003deg);
            -moz-transform: rotate(338.40000000000003deg);
            -ms-transform: rotate(338.40000000000003deg);
            -o-transform: rotate(338.40000000000003deg);
            transform: rotate(338.40000000000003deg);
        }

        .c100.p95 .bar {
            -webkit-transform: rotate(342deg);
            -moz-transform: rotate(342deg);
            -ms-transform: rotate(342deg);
            -o-transform: rotate(342deg);
            transform: rotate(342deg);
        }

        .c100.p96 .bar {
            -webkit-transform: rotate(345.6deg);
            -moz-transform: rotate(345.6deg);
            -ms-transform: rotate(345.6deg);
            -o-transform: rotate(345.6deg);
            transform: rotate(345.6deg);
        }

        .c100.p97 .bar {
            -webkit-transform: rotate(349.2deg);
            -moz-transform: rotate(349.2deg);
            -ms-transform: rotate(349.2deg);
            -o-transform: rotate(349.2deg);
            transform: rotate(349.2deg);
        }

        .c100.p98 .bar {
            -webkit-transform: rotate(352.8deg);
            -moz-transform: rotate(352.8deg);
            -ms-transform: rotate(352.8deg);
            -o-transform: rotate(352.8deg);
            transform: rotate(352.8deg);
        }

        .c100.p99 .bar {
            -webkit-transform: rotate(356.40000000000003deg);
            -moz-transform: rotate(356.40000000000003deg);
            -ms-transform: rotate(356.40000000000003deg);
            -o-transform: rotate(356.40000000000003deg);
            transform: rotate(356.40000000000003deg);
        }

        .c100.p100 .bar {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
        }

        .c100:hover {
            /* cursor: default; */
        }

            .c100:hover > span {
                /* width: 3.33em; */
                /* line-height: 3.33em; */
                /* font-size: 0.3em; */
                /* color: #307bbb; */
            }

            .c100:hover:after {
                /* top: 0.04em; */
                /* left: 0.04em; */
                /* width: 0.92em; */
                /* height: 0.92em; */
            }

        .c100.dark {
            background-color: #777777;
        }

            .c100.dark .bar,
            .c100.dark .fill {
                border-color: #c6ff00 !important;
            }

            .c100.dark > span {
                color: #777777;
            }

            .c100.dark:after {
                background-color: #666666;
            }

            .c100.dark:hover > span {
                color: #c6ff00;
            }

        .c100.green .bar,
        .c100.green .fill {
            border-color: #19b24d !important;
        }

        .c100.green:hover > span {
            /* color: #4db53c; */
        }

        .c100.green.dark .bar,
        .c100.green.dark .fill {
            border-color: #5fd400 !important;
        }

        .c100.green.dark:hover > span {
            color: #5fd400;
        }

        .c100.orange .bar,
        .c100.orange .fill {
            border-color: #dd9d22 !important;
        }

        .c100.orange:hover > span {
            color: #dd9d22;
        }

        .c100.orange.dark .bar,
        .c100.orange.dark .fill {
            border-color: #e08833 !important;
        }

        .c100.orange.dark:hover > span {
            color: #e08833;
        }

    /*-----------------mobile percentage stepper css end-------------------*/
    /*-----------------right section css start-------------------*/
    .rightBox {
        width: 100%;
        margin-top: 5px;
        display: flex;
    }

        .rightBox .preFilledDetails .form_fields ul li {
            width: 100%;
        }

            .rightBox .preFilledDetails .form_fields ul li.firstRow {
                padding: 0;
            }

    .userFirstName, .userMiddleName, .userLastName {
        padding-right: 0;
        padding: 15px 0px;
        border-bottom: 1px solid #e3e3e3;
    }

    .userLastName {
        border-bottom: none;
    }

    .CKYCDetails {
        display: flex;
        flex-wrap: wrap;
    }

    .newMailingAddress .mulitpleCheckboxLabel {
        margin-bottom: 10px;
    }

    .newMailingAddress .mulitpleCheckbox {
        display: flex;
    }

        .newMailingAddress .mulitpleCheckbox label {
            font-size: 11px;
        }

        .newMailingAddress .mulitpleCheckbox span {
            line-height: 14px;
            text-align: center;
        }

    /*******************Life style css start********************/
    .multipleCheckboxDiv.w-33 {
        width: 100%;
    }

    .questionAnswer .floatingLabel.w-30 {
        width: 100%;
    }
    /*******************Life style css end********************/
    /*******************Critical style css start********************/
    .postFilledForm .rightSectionFormTitleFixed {
        width: 100% !important;
        padding: 10px 10px;
        margin: 0;
        position: static !important;
    }

    /*******************Critical style css end********************/
    /*******************Doc Upload style css start********************/
    .imgUploadedDiv, .greenBeltMsg {
        width: 100%;
    }

    .uploadDocCenter.viewBreakup .modal-content {
        width: 90%;
        margin: 30px auto;
    }

    .viewBreakup .modal-content {
        width: 100%;
    }

    .documentUploadSection {
        padding: 0 10px 20px;
    }

    .uploadBtnWrapper {
        min-width: initial;
    }

        .uploadBtnWrapper .uploadedBtn {
            padding: 8px 10px;
            font-size: 14px;
        }
    /*******************Doc Upload style css end********************/
    /*******************Thanks page style css end********************/
    .downloadProposal {
        width: 100%;
    }

    .thanksPage {
        margin: 0px 0 0;
    }
    /*-------------App download Mobile css start-------------------*/
    .bannerTxt {
        width: 94%;
        height: 400px;
    }

    .downloadInfo {
        width: 100%;
    }

    .appLink a.androidApp svg {
        width: 112px;
    }

    .appLink a.appleApp svg {
        width: 128px;
    }

    .appDownloadBanner {
        height: 270px;
        background-position: 0px -33px;
    }
    /*-------------App download Mobile css end-------------------*/
    /*******************Thanks page style css end********************/
    .rightSectionFormTitle {
        margin-bottom: 15px;
    }
    /*-----------------right section css end-------------------*/
    .popUpModal {
        width: 100%;
        height: auto;
        top: inherit;
        left: initial;
        right: 0;
        transform: initial;
        bottom: 0;
        box-shadow: 0px 3px 16px #00000029;
        border-radius: 24px 24px 0px 0px;
    }


    .otp-status {
        margin: 20px 0 40px 0;
    }


    .otp-again-msg-desktop {
        display: none;
    }

    .otp-again-msg-mobile {
        display: flex;
    }
}


@media only screen and (max-width: 768px) {
    .congLeft {
        height: 335px;
        background-size: 800px;
    }

    .fileUpload {
        margin-right: 5px;
    }
    /*****************Thanks page style css start*******************/
    /*-------------App download Mobile css start-------------------*/
    .bannerTxt h3 {
        font-size: 16px;
    }

    .downloadInfo {
        font-size: 12px;
    }

    .appLink a.appleApp svg {
        /* width: 118px; */
        display: block;
        margin: auto;
    }

    .appLink a.androidApp svg {
        width: 115px;
        display: block;
        margin: auto;
    }

    .appDownloadBanner {
        width: 100%;
    }

    .appDownloadBanner {
        height: 200px;
        background-position: 0px 0px;
    }

    .bannerTxt {
        width: 100%;
        height: 100%;
        transform: rotate(0deg);
        position: initial;
    }

    .rotateDiv {
        position: initial;
        transform: rotate(0deg);
        width: 100%;
    }

    .bannerTxt:after {
        right: initial;
        left: -30px;
        transform: rotate(0deg);
        height: 50%;
        width: 460px;
        background: rgb(245, 249, 253);
        top: 162px;
        z-index: 0;
    }
    /*-------------App download Mobile css end-------------------*/

    .medicalScheduleDiv {
        flex-wrap: wrap;
    }

    .medicalAppointmentDetailsDiv {
        width: 100%;
    }

    .medicalScheduleDiv {
        padding: 10px 20px;
    }

    .medicalScheduleImg {
        width: 100%;
        justify-content: center;
    }
    /****************Thanks page style css end*********************/
    /*******************Best Insurance css start******************/
    .bestInsuranceDetails .firstRow {
        width: 100%;
        background: #fff;
    }

    .mobileNumberRow {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .bestInsuranceDetails .secondRow {
        flex-wrap: wrap;
    }

    .referNowBtn {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }

    .bestInsuranceDetails {
        position: relative;
        padding: 0 20px 15px;
    }

    .referImg {
        background: transparent;
        width: 130px;
        height: auto;
        top: -65px;
        right: 10px;
        padding: 0;
    }

    .bestInsurancePlanDiv {
        padding: 0;
        border: none;
        box-shadow: 0 6px 16px 0 rgba(52, 105, 203, 0.16);
    }

    .bestInsuranceTitle {
        background: #daf1ff;
        border-radius: 8px 8px 0px 0px;
        padding: 10px 15px;
        font-size: 16px;
    }

    .bestInsurancePara {
        padding: 0px 15px 0;
        width: 70%;
        font-weight: 400;
        font-size: 14px;
    }

    .referralDiv {
        width: 100%;
        padding-right: 0;
    }

    .secondRow {
        margin-bottom: 0;
    }
    /*******************Best Insurance css end******************/
    .ConfirmBox2.flatBox1, .ConfirmBox2.flatBox {
        width: 96%;
    }

    .userVerificationDiv {
        margin-top: 0;
    }

    .pivcSteps {
        padding: 15px 20px;
        width: 100%;
    }

    .videoVerificationCheck .sectionDivision {
        padding: 0px 10px 20px;
    }

    .clientPrdName {
        /*display: inline-block;*/
        display: flex;
    }

    .page-header img {
        vertical-align: middle;
    }

    .userVerificationDetailImg {
        display: none;
    }

    .userVerificationDetail {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }

        .userVerificationDetail .userVerificationDetailImg {
            display: flex;
        }

    .userVerificationDetailImg {
        width: 40%;
    }

    .detailRowDiv {
        width: 60%;
        padding-left: 20px;
    }

    .detailRow span {
        display: block;
        margin-left: 0;
        margin-top: 5px;
    }
}

@media only screen and (max-width: 667px) {
    .nomineeInfoDiv .contactInfoDiv label {
        width: 49%;
    }
    /*new pb app css start*/
    .pbAppDownloadDIv {
        height: 460px;
        background-position: center bottom;
        padding: 20px 10px;
        text-align: center;
    }
    /*new pb app css end*/
    .viewBreakup.modal .slidingConentBox ul li.modalScheduleSubmitBtn {
        flex-wrap: wrap;
        justify-content: center;
    }

        .viewBreakup.modal .slidingConentBox ul li.modalScheduleSubmitBtn .primary-btn {
            margin-bottom: 10px;
        }

        .viewBreakup.modal .slidingConentBox ul li.modalScheduleSubmitBtn .btn {
            font-size: 14px;
            width: 100%;
            margin-right: 0;
        }

    .uploadDocCenter.viewBreakup .box {
        padding: 45px 20px;
    }

    .videoPivcBtn {
        flex-wrap: wrap;
        padding: 20px 10px 10px;
    }

        .videoPivcBtn.btnPreviousNext .primary-btn {
            width: 100%;
            margin-right: 0;
            margin-top: 5px;
        }

        .videoPivcBtn.btnPreviousNext .secondary-btn {
            width: 100%;
            margin-right: 0;
        }
}

@media only screen and (max-width: 480px) {
    .congLeft {
        height: 325px;
        background-size: 775px;
    }

    .contactInfoDiv label {
        width: 100%;
        margin-bottom: 20px;
    }
    .checkBox input[type="checkbox"]:checked ~ .radioBtnAnswerTxt, .checkBox input[type="radio"]:checked ~ .radioBtnAnswerTxt, .checkboxLabel .CheckBoxTick ~ .radioBtnAnswerTxt{
        padding-right: 0;
    }
}

@media only screen and (max-width: 420px) {
    .congLeft {
        height: 325px;
        background-size: 845px;
    }

    .uploadBtnWrapper .uploadedBtn {
        font-size: 13px;
    }

    .nomineeInfoDiv .contactInfoDiv label {
        width: 100%;
    }

    .documentContent {
        flex-wrap: wrap;
    }

    .rightBox .form_fields.appointmentSchedule {
        margin-bottom: 10px;
    }

        .rightBox .form_fields.appointmentSchedule ul {
            display: flex;
            flex-wrap: wrap;
        }

            .rightBox .form_fields.appointmentSchedule ul li {
                width: 100%;
                margin: 5px 0;
            }

    .imgUploadedMsg {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 420px) {
    .congLeft {
        height: 285px;
        background-size: 635px;
    }

    .lableRadioBtnTxt {
        width: 120px;
    }

    .lableRadioBtnLable {
        width: 120px;
    }

    .lableRadioBtnLongLable {
        width: 219px;
        margin-top: 10px;
    }

    .userAndMedicalValues {
        width: 100%;
        padding-right: 0;
    }

    .spouseMedicalDiv {
        flex-wrap: wrap;
        margin: 5px 0;
    }

        .spouseMedicalDiv .userAndMedicalValues {
            width: 100%;
            height: auto;
        }
}

@media only screen and (max-width: 375px) {
    /*new pb app css start*/
    .pbAndroidApp {
        margin-right: 3px;
    }

        .pbAndroidApp img {
            width: 135px;
        }

    .appleApp img {
        width: 119px;
    }

    .pbAppPara span {
        display: inline;
    }
    /*new pb app css end*/
}
/*********************Customscroll Css Start*********************/
@media only screen and (max-width: 1366px) {

    /*.customScroll {
        height: 400px;
    }*/
}
/*********************Customscroll Css End*********************/


/*-----------------Media Queries End------------------------*/




/*-----------------New Design Css End--------------------*/