/* Header */
.header {
    background-color: #ffffff;
    width: 100%;
    padding: 15px 0;
}

.left-side img {
    width: 100%;
    max-width: 250px;
}

.right-side {
    text-align: right;
    margin-top: 10px;
}

    .right-side a {
        color: #FFF;
        font-size: 12px;
        font-family: 'VAGRoundedStdThin';
        margin-top: 10px;
        text-decoration: none;
    }

.sub-head {
    background-color: #98272a;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 25px;
}

    .sub-head ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    .sub-head li {
        list-style-type: none;
        display: inline-block;
        margin: 0;
        padding: 0px;
    }

        .sub-head li a {
            color: #FFF;
            font-size: 14px;
            font-family: 'VAGRoundedStdThin';
            text-decoration: none;
        }

    .sub-head ul.main-links li {
        margin-right: 15px;
        padding-right: 15px;
        border-right: 1px solid #fff;
    }

        .sub-head ul.main-links li:last-child {
            border-right: 0px;
        }

    .sub-head ul.side-links {
        text-align: right;
    }

        .sub-head ul.side-links li {
            margin-left: 15px;
            padding-left: 15px;
            border-left: 1px solid #fff;
            background-color:#98272a;
        }

            .sub-head ul.side-links li:first-child {
                border-left: 0px;
            }

.social-icon > div {
    display: inline-block;
    vertical-align: middle;
}

.footer {
    padding: 10px 0px;
}

    .footer .fnav ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    .footer .fnav li {
        list-style-type: none;
        display: inline-block;
        margin: 0;
        padding: 0px 10px;
    }

    .footer .fnav {
        margin-bottom: 20px;
    }

        .footer .fnav a {
            color: #000;
            font-size: 12px;
            font-family: 'VAGRoundedStdThin';
        }

.social-icon {
    margin-top: 10px;
}

    .social-icon select {
        border: #CCC 1px solid;
        padding: 2px;
        background: #98272a;
        color: #FFF;
        border-radius: 3px;
        font-size: 12px;
    }

.fcopy p {
    font-size: 11px;
    font-family: 'VAGRoundedStdThin';
    line-height: 14px;
    color: #999999;
}

.adhar-wrapper h1 {
    font-family: 'Geometos';
    color: #98272A;
    font-size: 20px;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.adhar-wrapper .form-row {
    width: 100%;
    margin: 15px 0;
}

    .adhar-wrapper .form-row label {
        font-size: 15px;
        color: #98272A;
        font-family: 'VAGRoundedStdThin';
        font-weight: 600;
        margin-bottom: 10px;
    }

    .adhar-wrapper .form-row input {
        width: 100%;
        border: 1px solid #cdcdcd;
        font-size: 14px;
        line-height: 15px;
        padding: 15px;
    }

    .adhar-wrapper .form-row button {
        display: inline-block;
        padding: 25px 45px;
        color: #FFF;
        text-transform: uppercase;
        background: #98272A;
        border: 0px;
        font-size: 20px;
        font-family: 'Geometos';
        margin: 0 auto;
    }

    .adhar-wrapper .form-row p {
        font-size: 11px;
        margin-top: 10px;
        line-height: 14px;
        color: #98272A;
    }

.adhar-wrapper button.regenerate {
    display: inline-block;
    padding: 10px 15px;
    color: #FFF;
    text-transform: capitalize;
    background: #cdcdcd;
    border: 0px;
    font-size: 12px;
    font-family: 'VAGRoundedStdThin';
}

/* steps */
.steps {
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 45px;
}

    .steps ul {
        margin: 0px;
        padding: 0px;
    }

    .steps li {
        display: inline-block;
        width: 150px;
        font-family: 'VAGRoundedStdThin';
        font-size: 16px;
        text-align: left;
        padding-bottom: 20px;
        position: relative;
        word-break: break-all;
    }

        .steps li:after {
            content: "";
            position: absolute;
            width: 50%;
            height: 7px;
            bottom: -3px;
            left: 0px;
            background-color: #e82a2f;
            display: none;
        }

        .steps li span {
            display: block;
        }

        .steps li.current {
            color: #98272A;
        }

            .steps li.current:after {
                display: block;
            }

/* personal details */
.personal-details {
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 45px;
    padding-bottom: 45px;
}

    .personal-details > div {
        width: 100%;
        display: table;
        table-layout: fixed;
        text-align: justify;
    }

    .personal-details h2 {
        margin: 0px;
        color: #98272A;
        font-family: 'Geometos';
        font-size: 20px;
        margin-bottom: 40px;
    }

    .personal-details h3 {
        margin: 0px;
        color: #98272A;
        font-family: 'VAGRoundedStdThin';
        font-size: 18px;
        margin-bottom: 20px;
    }

    .personal-details ul {
        margin: 0px;
        padding: 0px;
        display: table-row;
    }

    .personal-details li {
        list-style-type: none;
        display: table-cell;
    }

/* Card type */
.card-type {
    margin: 0;
    padding: 0px;
    margin-bottom: 40px;
}

    .card-type li {
        display: inline-block;
        list-style-type: none;
        font-family: 'Geometos';
        color: #98272A;
        font-size: 20px;
        padding: 5px 0;
    }

        .card-type li input[type=radio] {
            position: absolute;
            visibility: hidden;
        }

    .card-type li {
        position: relative;
    }

        .card-type li:first-child {
            margin-right: 35px;
            padding-right: 35px;
            position: relative;
            border-right: 1px solid #cdcdcd;
        }

            .card-type li:first-child::before {
                content: "";
                width: 11px;
                height: 11px;
                border-radius: 50%;
                background: #cdcdcd;
                border: 1px solid #FFF;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: -6px;
            }

        .card-type li label {
            display: block;
            position: relative;
            padding: 0px 0px 0px 40px;
            cursor: pointer;
            -webkit-transition: all 0.25s linear;
        }

            .card-type li label:before {
                content: "";
                display: block;
                position: absolute;
                border: 2px solid #AAAAAA;
                border-radius: 100%;
                height: 25px;
                width: 25px;
                top: 0px;
                left: 0px;
                z-index: 5;
                transition: border .25s linear;
                -webkit-transition: border .25s linear;
            }

            .card-type li label:after {
                content: "";
                display: block;
                position: absolute;
                border: 0px solid #AAAAAA;
                background-color: transparent;
                border-radius: 100%;
                height: 11px;
                width: 11px;
                top: 7px;
                left: 7px;
                z-index: 5;
                transition: border .25s linear;
                -webkit-transition: border .25s linear;
            }

input[type=radio]:checked ~ label:after {
    background-color: #e82a2f;
}

.ham-menu {
    float: right;
    display: none;
    cursor: pointer;
}

.request-details {
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 45px;
    padding-bottom: 45px;
}

    .request-details h2 {
        margin: 0px;
        color: #606060;
        font-family: 'Geometos';
        font-size: 20px;
        margin-bottom: 30px;
    }

.request-status {
    padding-left: 40px;
    color: #606060;
    font-size: 15px;
    line-height: 18px;
    background-image: url(../images/confirmation-arrow.png);
    background-repeat: no-repeat;
    background-position: left top;
}

    .request-status p {
        margin: 0px;
    }

.request-no {
    font-size: 16px;
    color: #606060;
    margin-top: 40px;
    font-weight: bold;
}

    .request-no span {
        color: #98272A;
    }

h4 {
    font-size: 18px;
    color: #606060;
    font-family: 'VAGRoundedStdThin';
}

.desclaimer {
    border-bottom: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
    padding: 20px 15px;
    margin-top: 50px;
    font-size: 12px;
    line-height: 18px;
    color: #98272a;
    position: relative;
}

.detail-card, .otp-main, .adhar-wrapper .form-row button.submit-btn {
    display: none;
}

.desclaimer:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 7px;
    top: -3px;
    left: 15px;
    background-color: #98272a;
}

.desclaimer p {
    margin: 0px;
    margin-bottom: 20px;
}

    .desclaimer p:last-child {
        margin-bottom: 0px;
    }

.desclaimer button.regenerate {
    width: 120px;
    margin-top: 10px;
}

.pan-desclaimer {
    display: none;
}


/**/
.or-a {
    display: inline-block;
    padding: 0 20px;
}

/*onlinePaymentsWrap css*/
.onlinePaymentsWrap {
    font-family: 'VAGRoundedStdThin';
}

    .onlinePaymentsWrap .request-details {
        margin: 0;
        padding: 0;
    }

        .onlinePaymentsWrap .request-details h2 {
            margin: 0 0 20px;
            color: #98272a;
        }

    .onlinePaymentsWrap .wrapperA {
        /*width: 100%;
        float: left;*/
    }

    .onlinePaymentsWrap .clientNameId {
        margin: 20px 0;
    }

        .onlinePaymentsWrap .clientNameId span {
            color: #98272A;
            font-size: 20px; /*font-weight: 600;*/
            padding: 0 20px 0 0;
            margin: 0 20px 0 0;
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }

            .onlinePaymentsWrap .clientNameId span:after {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                width: 1px;
                height: 100%;
                background-color: #98272A;
            }

        .onlinePaymentsWrap .clientNameId abbr {
            color: #606060;
            font-size: 16px; /*font-weight: 600;*/
            padding: 0;
            margin: 0;
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }

    .onlinePaymentsWrap .detailsWrap ul {
        width: 100%;
        float: left;
        margin: 10px 0;
        padding: 0;
    }

        .onlinePaymentsWrap .detailsWrap ul li {
            float: left;
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

            .onlinePaymentsWrap .detailsWrap ul li:nth-child(1) {
                width: 184px;
            }

            .onlinePaymentsWrap .detailsWrap ul li:nth-child(2) {
                width: 184px;
            }

            .onlinePaymentsWrap .detailsWrap ul li:nth-child(3) {
                width: 184px
            }

            .onlinePaymentsWrap .detailsWrap ul li:nth-child(4) {
                width: 184px;
            }

            .onlinePaymentsWrap .detailsWrap ul li:last-child {
                width: 184px;
            }

                .onlinePaymentsWrap .detailsWrap ul li:last-child span, .onlinePaymentsWrap .detailsWrap ul li:last-child abbr {
                    border-right: 1px solid #cdcdcd;
                }

            .onlinePaymentsWrap .detailsWrap ul li span {
                color: #ffffff;
                font-size: 14px; /*font-weight:600;*/
                text-align: center;
                padding: 10px 10px;
                border: 1px solid #ffffff;
                border-right: none;
                width: 100%;
                display: block;
                background: #98272a;
            }

            .onlinePaymentsWrap .detailsWrap ul li abbr {
                color: #606060;
                font-size: 16px; /*font-weight:600;*/
                text-align: center;
                padding: 10px;
                border: 1px solid #cdcdcd;
                border-top: none;
                width: 100%;
                display: block;
                border-right: none;
                height: 30px;
            }

        .onlinePaymentsWrap .detailsWrap ul.socondUl li:last-child {
            width: 184px;
        }

    .onlinePaymentsWrap .NetPremium span {
        color: #fff;
        font-size: 24px; /*font-weight:600;*/
        width: 100%;
        display: block;
    }

    .onlinePaymentsWrap .NetPremium abbr {
        color: #ffffff;
        font-size: 30px; /*font-weight:600;*/
        display: block;
        margin: 0;
    }

    .onlinePaymentsWrap .form-row {
        margin: 0;
    }

    .onlinePaymentsWrap .adhar-wrapper .form-row button {
        position: relative;
        padding: 16px 70px 16px 34px;
    }

        .onlinePaymentsWrap .adhar-wrapper .form-row button:hover {
            background-color: #f8a532;
        }

        .onlinePaymentsWrap .adhar-wrapper .form-row button:after {
            content: "\f105";
            font-family: 'FontAwesome';
            font-size: 30px;
            position: absolute;
            top: 50%;
            transform: translateY(-52%);
            -webkit-transform: translateY(-52%);
            right: 36px;
        }

    .onlinePaymentsWrap .check-box {
        display: inline-block;
        margin: 0 170px;
    }

        .onlinePaymentsWrap .check-box > label {
            position: relative;
            cursor: pointer;
            padding-left: 30px;
            margin-bottom: 0px;
        }

            .onlinePaymentsWrap .check-box > label:before {
                content: "";
                background-color: #FFF;
                width: 20px;
                height: 20px;
                position: absolute;
                top: 2px;
                left: 0;
                z-index: 1;
                border: 1px solid #b4b7b9;
            }

            .onlinePaymentsWrap .check-box > label:after {
                content: "";
                width: 20px;
                height: 20px;
                background-image: url("../images/check-box-img.png");
                background-position: center;
                background-repeat: no-repeat;
                position: absolute;
                top: 2px;
                left: 0;
                z-index: 1;
                opacity: 0;
            }

        .onlinePaymentsWrap .check-box > input:checked + label:after {
            opacity: 1;
        }

        .onlinePaymentsWrap .check-box > label > span {
            color: #ffffff;
            font-size: 16px;
            font-weight: 300;
            display: inline-block;
            margin: 0;
            padding: 0;
        }

            .onlinePaymentsWrap .check-box > label > span > a {
                color: #ffffff;
                text-decoration: underline;
            }

                .onlinePaymentsWrap .check-box > label > span > a:hover {
                    text-decoration: none;
                    color: #606060;
                }

            .onlinePaymentsWrap .check-box > label > span abbr {
                color: #faa61a;
            }

        .onlinePaymentsWrap .check-box > input {
            visibility: hidden;
            position: absolute;
        }

    .onlinePaymentsWrap .desclaimerHeading {
        font-size: 18px;
        color: #98272a;
        margin: 0;
        position: relative;
        top: 40px;
        left: 16px;
    }

    .onlinePaymentsWrap.bgGreyWrap {
        background-color: #98272a;
        padding: 20px 0;
        margin: 50px 0 0;
        width: 100%;
        float: left;
    }

        .onlinePaymentsWrap.bgGreyWrap > div > div {
            float: none;
            width: auto;
            display: inline-block;
            vertical-align: middle;
        }

.footer {
    width: 100%;
    display: inline-block;
}

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

.renewalHeader .right-side {
    position: relative;
}

    .renewalHeader .right-side .dropArrow {
        position: relative;
        padding: 0 20px 0 0;
        color: #98272a;
    }

        .renewalHeader .right-side .dropArrow:after {
            content: '\f107';
            font-family: 'FontAwesome';
            font-size: 16px;
            position: absolute;
            right: 0;
            top: -4px;
        }

    .renewalHeader .right-side .dropMenuWarpR {
        width: 280px;
        background-color: #98272a;
        color: #fff;
        float: left;
        position: absolute;
        top: 30px;
        right: 0;
        z-index: 2;
        display: none;
    }

        .renewalHeader .right-side .dropMenuWarpR ul {
            width: 100%;
            float: left;
            margin: 0;
            padding: 0;
        }

            .renewalHeader .right-side .dropMenuWarpR ul li {
                width: 100%;
                float: left;
                margin: 0;
                padding: 10px;
                list-style-type: none;
                text-align: left;
                border-bottom: 1px solid #86d9ff;
                line-height: 0;
            }

                .renewalHeader .right-side .dropMenuWarpR ul li a {
                    margin: 0;
                    padding: 0;
                    line-height: 15px;
                }

a:focus, a:hover {
    outline: none;
}

.desclaimerRenewal .desclaimer {
    font-size: 9px;
    font-family: "Times New Roman", Times, serif;
}



/**/
.onlinePaymentsWrap .detailsWrap ul li abbr .fa-rupee::before, .fa-inr::before {
    right: 10px;
    position: relative;
}

.onlinePaymentsWrap .NetPremium abbr {
    padding-left: 10px;
}

    .onlinePaymentsWrap .NetPremium abbr .fa-rupee::before, .fa-inr::before {
        right: 10px;
        position: relative;
    }

.fcopy a, .fnav a {
    color: #98272a;
}