/*********************************************** 
						Font Style
                ***********************************************/

/*@import url('../css/simple-line-icons.css');*/

@font-face {
    font-family: 'calibri';
    src: url('../fonts/calibri.ttf')format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'calibri-bold';
    src: url('../fonts/calibri-bold.ttf')format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'calibri-light';
    src: url('../fonts/calibri-light.ttf')format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    min-height: 100%;
    padding-bottom: 36px;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    margin: 0px;
    padding: 0px;
}

body {
    font-family: calibri;
    font-size: 15px;
    background-color: #f4f4f5;
    color: #5f5f5f;
}

body {
    padding-top: 50px;
}

    body.login-bg {
        background: url(../img/banner_login.jpg) #fff no-repeat top left fixed;
    }

ul,
li {
    margin: 0px;
    padding: 0;
    list-style: none;
}

.label {
    color: #999;
}

a:hover,
a:focus {
    text-decoration: none;
}

a {
    color: #0B4DAA;
    text-decoration: none;
    cursor: pointer;
}

strong {
    font-weight: normal;
    font-family: 'calibri-bold';
}

.btn.focus,
.btn:active.focus,
.btn.active.focus,
select:focus {
    outline: none;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}

button {
    -webkit-appearance: button;
    cursor: pointer;
    outline: none;
}

a:focus,
a:active,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="search"] {
    -webkit-appearance: none;
    outline: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
    outline: none;
    outline-offset: 0px;
}

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

.select2-container .select2-selection--single:focus {
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

h6 {
    font-weight: normal;
    font-family: "calibri-bold";
    font-size: 14px;
    line-height: 20px;
    margin: 0px;
}

.no-gutter {
    padding-left: 0;
    padding-right: 0;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.wrapper {
    margin: 10px 0px;
}

.mainwrapper {
    margin: 20px 0px 0px;
}

.mgb {
    margin-bottom: 0px !important;
}

.form-heading {
    color: #134093;
    display: inline-block;
    font-family: calibri-bold;
    line-height: 22px;
    margin: 0px;
    padding-bottom: 2px;
}

    .form-heading strong {
        border-bottom: 2px solid #134093;
    }

.desk-stick .form-heading {
    border-bottom: 2px solid #134093;
}


.form-heading2 {
    color: #5f5f5f;
    display: inline-block;
    font-family: calibri-bold;
    line-height: 20px;
    margin-top: 2px;
    margin-bottom: 6px;
}

.plan-heading {
    color: #5f5f5f;
    font-size: 16px;
    display: inline-block;
    margin-left: 20px;
    font-family: calibri-bold;
}

.form-heading .edit {
    position: absolute !important;
    right: 35px;
    color: #134093;
    top: 24px;
    font-family: calibri;
}

.form-heading span {
    border: 5px solid #e2e2e2;
    padding: 0px 5px;
}


/*********************************************** 
                                        Bootstrap
                                ***********************************************/

.btn {
    padding: 5px 8px;
}

ol {
    display: block;
    list-style-type: decimal;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
}

    ol > li {
        list-style-type: decimal;
    }

.alert {
    padding: 10px;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 4px 10px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 2px;
}

.btnenach {
    font-size: 16px;
    line-height: 1.5;
    border-radius: 2px;
}

.mobile-hide {
    display: inline-block;
}

.mobile-hide-block {
    display: inline-block;
}

.panel {
    margin-bottom: 10px;
    background-color: #fff;
    border: none;
    padding: 10px 15px;
    border-radius: 0px;
    overflow: hidden;
    -webkit-box-shadow: 0px 2px 5px #dedede;
    box-shadow: 0px 2px 5px #dedede;
}

.panel1 {
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff;
}

.main-panel {
    padding: 0px !important;
}

.renewaldesktop .panel1 {
    margin: 20px 0px 10px;
}

    .renewaldesktop .panel1:first-child {
        margin-top: 0px;
    }

.label {
    color: #5f5f5f;
    font-size: 14px;
    font-weight: normal;
    margin: 0px !important;
    padding: 0px;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

.mainwrapper > .container {
    position: relative;
}

.rgroupemp,
.rgroupemp1,
.pro-permaadd,
.lanotsame-hide,
.permaadd,
.nomineeadd,
.familyhis,
.lifefimalhis,
.lyfstyle1,
.lyfstyle2,
.lyfstyle3,
.lyfstyle3-1,
.lyfstyle3-2,
.lyfstyle3-3,
.lyfstyle3-4,
.lyfstyle3-5,
.lyfstyle4,
.lyfstyle5,
.lyfstyle6,
.lyfstyle7,
.lyfstyle8,
.lyfstyle9,
.lyfstyle10,
.vernacu,
.lifetobeassured,
.incomeproposer,
.lyfstyle-chew,
.hide-e-insurance,
.e-account-no,
.listyle4,
.lyfstyle4-1,
.lyfstyle4-2,
.lyfstyle4-3,
.lyfstyle4-4,
.lyfstyle3-7,
.incomeproposer,
.disability,
.personalive-no,
.goodhealth,
.single,
.mailingaadd,
.appointeeadd,
.same_nominee,
.nomineeadd1,
.appointeeadd1,
.appointeeadd11,
.add_nomineeadd,
.secondNom,
.riderDetials,
.naminate_depedent,
.nominee-1-address,
.familyhis-d1,
.Politically {
    display: none
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #134093;
    border-color: #134093;
}

.btn-primary {
    color: #134093;
    background-color: #ffffff;
    border-color: #134093;
}

.uploading-opn .btn-primary {
    color: #5f5f5f;
    border-color: #d8d8d8;
}

    .uploading-opn .btn-primary:hover {
        color: #ffffff;
    }

.btn-secondary {
    color: #ffffff;
    background-color: #134093;
    border-color: #134093;
}

    .btn-secondary:hover, .btn-secondary:focus {
        color: #ffffff;
    }

.secondary-btn {
    color: #FFF;
    background-color: #9d9d9d;
    border-color: #9d9d9d;
    min-width: 90px;
    padding: 7px 12px;
    margin-right: 4px;
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eaeaea;
    opacity: 1;
    color: #555;
}

input[type="date"] {
    display: block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;
}

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

.form-control[disabled]::-webkit-inner-spin-button,
.form-control[disabled]::-webkit-calendar-picker-indicator,
.form-control[disabled]::-webkit-clear-button {
    display: none;
    -webkit-appearance: none;
}

#accordion i.zmdi,
#accordion1 i.zmdi {
    float: right;
    margin-top: 1px;
    font-size: 18px;
}

#accordion td i.zmdi,
#accordion1 td i.zmdi {
    float: none;
    margin-top: 0px;
    font-size: inherit;
}

.form-group input[type="date"]::-webkit-inner-spin-button,
.form-group input[type="date"]::-webkit-calendar-picker-indicator,
.form-group option {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.panel > .table-responsive > .table-bordered {
    border: 1px solid #d8d8d8 !important;
}


/***********************************************
                                        BI Summary Sticky
                                ***********************************************/

.stickit {
    margin-left: 780px;
    position: fixed;
    top: 50px;
}

.stickit-end {
    bottom: 0px;
    position: absolute;
    right: 0;
}

.stickem-container {
    position: relative;
}

.progress_step_vertcal-tab + div {
    max-height: 600px;
    overflow-y: auto;
}


/*************************************************
                                Scrollable Visible
                                ************************************************/

::-webkit-scrollbar {
    -webkit-appearance: none;
}

    ::-webkit-scrollbar:vertical {
        width: 6px;
    }

    ::-webkit-scrollbar:horizontal {
        height: 6px;
    }

::-webkit-scrollbar-thumb {
    background-color: rgba(86, 86, 86, 0.47);
    border-radius: 10px;
    border: 1px solid #ffffff;
    opacity: 0.9;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}


/*********************************************** 
                                        Forms 
                                ***********************************************/

label {
    display: inline-block;
    font-weight: 400;
    margin: 0px;
    color: #777;
    font-size: 16px;
}

    label.input-focus {
        color: #134093;
    }

.form-control input {
    color: #ccc
}

.pending {
    color: #f9a840 !important;
}

.approved {
    color: #8ac45f !important;
}

.rejected {
    color: #D04949 !important;
}

.in-process {
    color: #5db2de !important;
}

.all-application {
    color: #5f5f5f !important;
}

.login {
    color: #134093 !important;
}

.traget {
    color: #d8d8d8;
}

.form-control {
    height: 30px;
    padding: 0px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42857143;
    color: #555;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    -webkit-border-bottom: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .form-control:focus {
        border: none;
        border-bottom: 1px solid #134093;
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

select:focus {
    border: none;
    border-bottom: 1px solid #134093;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select2-container {
    height: 30px;
    padding: 0px;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    border-bottom: 1px solid #CCC;
}

.form-group span.select2 {
    width: 100% !important;
}

.male,
.female,
.education,
.marriage,
.smoke,
.smoke-no {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 2px;
}

.camera,
.gallery,
.browse {
    width: 23px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
}

.male {
    background: url("../img/male.png") no-repeat center center;
    vertical-align: baseline;
}

.female {
    background: url("../img/female.png") no-repeat center center;
    vertical-align: baseline;
}

.education {
    background: url("../img/education-gray.png") no-repeat center center;
    vertical-align: middle;
}

.marriage {
    background: url("../img/marriage-gray.png") no-repeat center center;
    vertical-align: middle;
}

.ui-radio > input[type=radio]:checked + label .education {
    background: url("../img/education-white.png") no-repeat center center;
    vertical-align: middle;
}

.ui-radio > input[type=radio]:checked + label .marriage {
    background: url("../img/marriage-white.png") no-repeat center center;
    vertical-align: middle;
}

.camera {
    background: url("../img/Camera_Grey.png") no-repeat center center;
}

.gallery {
    background: url("../img/Gallery_Grey.png") no-repeat center center;
}

.browse {
    background: url("../img/Folder_grey.png") no-repeat center center;
}

.fileUpload:hover .camera {
    background: url(../img/camera_White.png) no-repeat;
}

.fileUpload:hover .gallery {
    background: url(../img/Gallery_Blue.png) no-repeat;
}

.fileUpload:hover .browse {
    background: url(../img/Folder_White.png) no-repeat;
}

.smoke {
    background: url("../img/smoke.png") no-repeat center center;
    vertical-align: middle;
}

.smoke-no {
    background: url("../img/smoke-no.png") no-repeat center center;
    vertical-align: middle;
}

.ui-radio > input[type=radio]:checked + label .smoke {
    background: url("../img/smoke-white.png") no-repeat center center;
    vertical-align: middle;
}

.ui-radio > input[type=radio]:checked + label .smoke-no {
    background: url("../img/smoke-no-white.png") no-repeat center center;
    vertical-align: middle;
}

.MarriednoKids,
.marriedyoungkids {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 2px;
}

.MarriednoKids {
    background: url("../img/MarriednoKids.png") no-repeat center center;
    vertical-align: middle;
}

.marriedyoungkids {
    background: url("../img/marriedyoungkids.png") no-repeat center center;
    vertical-align: middle;
}

.ui-radio > input[type=radio]:checked + label .MarriednoKids {
    background: url("../img/MarriednoKids-white.png") no-repeat center center;
    vertical-align: middle;
}

.ui-radio > input[type=radio]:checked + label .marriedyoungkids {
    background: url("../img/marriedyoungkids-white.png") no-repeat center center;
    vertical-align: middle;
}

.Recommendation-button {
    text-align: center;
    margin: 0px auto;
}

    .Recommendation-button .btn-next {
        float: none !important;
    }

.NeedAnalysis .form-group {
    margin-bottom: 30px;
}

    .NeedAnalysis .form-group label {
        font-size: 16px;
    }



input[type=checkbox] {
    display: inline;
}

.male-femail {
    padding-top: 5px;
}

.select2-dropdown {
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    border-radius: 0px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 9990;
    top: 0px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
}

/* .select2-search--dropdown {
                    display: none;
                } */

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f9f9f9;
    color: #0b4daa;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #f9f9f9;
    color: #0b4daa;
}

.select2-results__options li {
    border-bottom: 1px solid #ebebeb;
}

    .select2-results__options li:last-child {
        border-bottom: none;
    }

.select2-results__option {
    padding: 10px;
}

.btn-switch {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 72px;
}

.btn-switch__radio {
    /*display: none;*/
    position: absolute;
    pointer-events: none;
    opacity: 0;
}

.btn-switch__label {
    display: inline-block;
    padding: 3px;
    vertical-align: top;
    color: #fff;
    cursor: pointer;
    transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
}

.btn-switch__txt {
    position: relative;
    z-index: 2;
    display: inline-block;
    min-width: 1.5em;
    opacity: 1;
    pointer-events: none;
    line-height: 18px;
}

.btn-switch__radio_no:checked ~ .btn-switch__label_yes .btn-switch__txt,
.btn-switch__radio_yes:checked ~ .btn-switch__label_no .btn-switch__txt {
    opacity: 0;
}

.btn-switch__label:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgb(157, 157, 157);
    border-radius: 1.5em;
    box-shadow: inset 0 .0715em .3572em rgba(43, 43, 43, .05);
    transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
}

.btn-switch__radio_yes:checked ~ .btn-switch__label:before {
    background: #134093;
}

.btn-switch__label_no:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: .5em;
    bottom: .5em;
    left: .5em;
    width: 12px;
    background: #fff;
    border-radius: 1em;
    pointer-events: none;
    box-shadow: 0 .1429em .2143em rgba(43, 43, 43, .2), 0 .3572em .3572em rgba(43, 43, 43, .1);
    transition: left .2s ease-in-out, background .2s ease-in-out;
    -webkit-transition: left .2s ease-in-out, background .2s ease-in-out;
    -moz-transition: left .2s ease-in-out, background .2s ease-in-out;
    -ms-transition: left .2s ease-in-out, background .2s ease-in-out;
    -o-transition: left .2s ease-in-out, background .2s ease-in-out;
}

.btn-switch__radio_yes:checked ~ .btn-switch__label_no:after {
    /*	left: calc(100% - 2.5em);*/
    left: 50px;
    background: #fff;
}

.btn-switch__radio_no:checked ~ .btn-switch__label_yes:before,
.btn-switch__radio_yes:checked ~ .btn-switch__label_no:before {
    z-index: 1;
}

.btn-switch__radio_yes:checked ~ .btn-switch__label_yes {
    color: #FFF;
    position: absolute;
    margin-left: 5px;
    transition: none;
}

label.required::after {
    content: "*";
    color: #D04949;
    margin-left: 1px;
}

.form-group h5 {
    position: absolute;
    right: 10px;
    width: 30px;
    height: 30px;
    margin: 0px;
}

.calendar {
    background: transparent url("../img/calendar.png") no-repeat center right;
}

.rupee {
    background: transparent url("../img/rupees.png") no-repeat center right;
}

.search {
    background: #ffffff url("../img/search.png") no-repeat 97% center;
}

.percentage {
    background: transparent url("../img/percentage.png") no-repeat center right;
}

.yrs {
    background: transparent url("../img/yrs.png") no-repeat center right;
}


/********* checkbox and radiobox *********/

.custom-checkbox {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    z-index: 1;
    background: transparent url("../img/Checkbox_Sprite.png") no-repeat;
    vertical-align: top;
    background-position: 0px 0px;
}

    .custom-checkbox:hover {
        background-position: -18px 0px;
    }

    .custom-checkbox.selected {
        background-position: -36px 0px;
    }

    .custom-checkbox input[type="checkbox"] {
        margin: 0;
        position: absolute;
        z-index: 2;
        cursor: pointer;
        outline: none;
        opacity: 0;
        /* CSS hacks for older browsers 
                    _noFocusLine: expression(this.hideFocus=true);*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
    }

.custom-radio {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    z-index: 1;
    background: transparent url("../img/radio_buttons.png") no-repeat scroll 0px 0px;
    float: right;
    margin: 2px 0px;
}

    .custom-radio:hover {
        background-position: -16px 0px;
    }

    .custom-radio.selected {
        background-position: -32px 0px;
    }

    .custom-radio input[type="radio"] {
        margin: 1px;
        position: absolute;
        z-index: 2;
        cursor: pointer;
        outline: none;
        opacity: 0;
        /* CSS hacks for older browsers */
        /* _noFocusLine: expression(this.hideFocus=true); */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
    }

input[type="radio"] {
    margin: 4px 0px 0px;
    line-height: normal;
    /* display: none !important;*/
    position: absolute;
    pointer-events: none;
    opacity: 0;
}


/*********************************************** 
                                        Header Section 
                                ***********************************************/

.headersection {
    background: #fff;
    color: #fff;
    -webkit-box-shadow: 0px 2px 5px #dedede;
    box-shadow: 0px 2px 5px #dedede;
    padding: 2px 0px;
    text-shadow: none;
    position: fixed;
    width: 100%;
    height: 50px;
    top: 0%;
    z-index: 999;
    border-bottom: 2px solid #fff;
}

.brand-logo {
    width: 130px;
}

.dekstop-hide {
    display: none !important;
}

.headersection .navtab-content {
    max-height: 200px;
    overflow: auto;
}

.headersection .syncBox-body {
    background-color: #f1f1f1;
}

    .headersection .syncBox-body > li h4 {
        color: #9d9d9d;
        font-size: 49px;
    }

        .headersection .syncBox-body > li h4 small {
            font-size: 16px;
            color: #9d9d9d;
            text-transform: uppercase;
        }

    .headersection .syncBox-body > li p {
        font-size: 15px;
        color: #5f5f5f;
        text-transform: capitalize;
        margin: 0px;
    }

    .headersection .syncBox-body > li {
        margin: 0px 11px;
    }


/*********************************************** 
                .						Footer Section 
                                ***********************************************/

footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: auto;
    width: 100%;
}

.footersection {
    background: #0b4daa;
    color: #fff;
    text-align: center;
    padding: 8px;
}

    .footersection li {
        display: inline-block;
    }

        .footersection li::after {
            content: "|";
            margin: 0px 5px;
        }

        .footersection li:last-child:after {
            display: none;
        }

        .footersection li a {
            color: #fff;
        }

            .footersection li a:after {
                border-left: 1px solid #fff;
            }


/*****************	Header Left Section	*****************/

.brand {
    position: absolute;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.headersection .back {
    color: #FFF;
    font-weight: 400;
    font-size: 24px;
    float: left;
    padding: 0px 14px;
}

    .headersection .back:hover {
        color: #fff;
    }

.pagetitle {
    font-size: 16px;
    font-family: "calibri-bold";
    position: relative;
    float: left;
    border-left: 1px solid #FFF;
    padding: 5px 14px;
}

    .pagetitle.homet {
        font-size: 16px;
        font-family: "calibri-bold";
        position: relative;
        float: left;
        border-left: 0 none;
        padding: 0px 0px 5px 20px;
    }

.home-page {
    font-family: "calibri-bold";
    font-size: 16px;
    position: absolute;
    left: 30px;
    top: 15px;
}

.left-nav-sticky {
    position: fixed;
    top: 125px;
}

.renwal-left-nav-sticky {
    position: fixed;
    top: 132px;
}


/*****************	Header Right Section	*****************/

.tophead-right .dropdown-menu {
    left: auto;
}

.tophead-right {
    float: right;
    width: auto;
    margin-top: 2px;
    margin-right: 15px;
}

.tophead-left {
    float: left;
    width: auto;
}

.tophead-right > ul > li {
    float: left;
    position: relative;
    color: #444;
    text-align: center;
}

    .tophead-right > ul > li span.code {
        display: block;
        font-weight: 600;
    }

    .tophead-right > ul > li.Codename {
        padding-right: 10px;
    }

@media only screen and (min-width: 320px) and (max-width: 767px) {

    .tophead-right > ul > li.Codename {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 14px;
        /* position: absolute;
    left: 50%;
    transform: translatex(-50%); */
    }


    .Codename span.names {
        display: none;
    }

    .Codename span.agcode {
        margin-top: 10px;
    }
}

@media screen and (max-width: 320px) {
    .tophead-right > ul > li.Codename {
        width: 170px;
        padding-right: 10px;
    }
}

.tophead-right > ul > li > a {
    display: block;
    color: #134093;
    padding: 0px 14px;
    font-size: 24px;
    font-weight: normal;
}

    .tophead-right > ul > li > a:hover {
        color: #134093;
    }

.count {
    background: #f15a23 none repeat scroll 0% 0%;
    text-align: center;
    position: absolute;
    top: 4px;
    font-size: 10px;
    border-radius: 5px;
    padding: 0px 3px;
    right: 8px;
    color: #fff;
}

.mobile-noti,
.desk-noti,
.profile-dropdown,
.add-section,
.desk-sync {
    position: absolute;
    top: 43px;
    padding: 0px;
    color: #5f5f5f;
    z-index: 99;
    background: #fff;
    border: #CCC 1px solid;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) !important;
}

    .add-section:before {
        content: "\a ";
        border-style: solid;
        border-width: 7px 9px 11px;
        border-color: transparent transparent #FFF;
        position: absolute;
        top: -18px;
        right: 6px;
    }


/********	Notification Dropdown	********/


/****	Desktop Dropdown	****/

.top-noti.open .desk-noti {
    display: block;
    width: 420px;
    max-height: 400px;
    right: -37px;
}

.top-sync.open .desk-sync {
    display: block;
    width: 420px;
    max-height: 400px;
    right: -122px;
}

.desk-noti .navtab-links li {
    float: left;
    text-align: center;
    position: relative;
    width: 21%;
    margin: 0px 6.1%;
}

    .desk-noti .navtab-links li a,
    .mobile-noti .navtab li a {
        text-decoration: none;
    }

    .desk-noti .navtab-links li.active {
        border-bottom: 4px solid #134093;
    }

        .desk-noti .navtab-links li.active h1 {
            color: #134093;
        }

    .desk-noti .navtab-links li h1 {
        font-size: 48px;
        line-height: 50px;
        font-weight: 400;
        color: #9D9D9D;
        margin: 10px 0px;
    }

    .desk-noti .navtab-links li p {
        font-size: 16px;
        line-height: 14px;
        font-weight: 400;
        color: #5f5f5f;
    }

.desk-noti .navtab-links,
.mobile-noti .navtab {
    background-color: #F1F1F1;
}


/*.desk-noti .navtab-content p{
                    display: inline-block;
                    white-space: nowrap;
                    overflow: hidden !important;
                    text-overflow: ellipsis;
                    width: 100%;
                    margin: 0px;
                    line-height: 16px;
                    margin-bottom: -5px;
                }*/

#generalnoti .personrenewalrefer.btn-primary {
    padding: 3px 10px;
    float: right;
    font-size: 12px;
    margin: 10px 0;
}

.desk-noti .navtab-content li,
.desk-sync .navtab-content li {
    border-top: 1px solid #EBEBEB;
    padding: 10px 6px;
    background-color: #fff;
}

.view-all a {
    text-align: center;
    background-color: #F1F1F1;
    box-shadow: none;
    color: #134093;
    border-top: 1px solid #E0E0E0;
    border-radius: 0px;
    padding: 10px;
    display: block;
    text-decoration: none;
}

.desk-noti:before {
    content: "\a ";
    border-style: solid;
    border-width: 7px 9px 11px;
    border-color: transparent transparent #F1F1F1;
    position: absolute;
    top: -18px;
    right: 49px;
}

.desk-sync:before {
    content: "\a ";
    border-style: solid;
    border-width: 7px 9px 11px;
    border-color: transparent transparent #F1F1F1;
    position: absolute;
    top: -18px;
    right: 134px;
}

.call-action img {
    margin: 8px 5px;
    vertical-align: middle;
}


/********	profile Dropdown	********/

.top-profile.open .profile-dropdown {
    display: block;
    width: 300px;
    right: 6px;
    z-index: 999999;
}

.top-m-profile.open .profile-dropdown {
    display: block;
    width: 300px;
    right: 6px;
}

.profile-dropdown ul li {
    border-bottom: 1px solid #E6E6E6;
    width: 100%;
}

    .profile-dropdown ul li:last-child {
        border-bottom: none;
    }

.pd-left {
    width: 90px;
    float: left;
}

.check-status-btn {
    margin-top: 28px;
    margin-bottom: 10px;
}

.pd-left img {
    width: 74px;
    vertical-align: middle;
    margin: 6px 0px;
    border-radius: 50px;
    border: 1px solid #ccc;
}

.profile-dropdown a {
    padding: 10px 16px;
    display: block;
    color: #5f5f5f;
    text-decoration: none;
    font-size: 14px;
}

.profile-dropdown i {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 10px;
    width: 24px;
    text-align: center;
}

.profile-dropdown::before {
    content: "\a ";
    border-style: solid;
    border-width: 7px 9px 11px 9px;
    border-color: transparent transparent #FFF transparent;
    position: absolute;
    top: -18px;
    right: 6px;
}

.profile-dropdown h6 {
    font-family: calibri-bold;
    font-size: 14px;
    margin: 0px 0px 8px;
    color: #5f5f5f;
    font-weight: normal;
}

.profile-dropdown p {
    color: #5f5f5f;
    font-size: 14px;
    font-weight: normal;
    margin: 0px !important;
    padding: 0px;
}

.profile-dropdow .pd-right p span {
    color: #5f5f5f;
    font-size: 14px;
    font-weight: normal;
    margin: 0px !important;
    padding: 0px;
}

.profile-dropdown a:hover {
    color: #134093;
    background: #f8f8f8 none repeat scroll 0% 0%;
}


/***********************************************
                                        Add Section
                                ***********************************************/

.top-create.open .add-section {
    display: block;
    max-height: 400px;
    width: 176px;
    right: -82px;
}

.add-section:before {
    content: "\a ";
    border-style: solid;
    border-width: 7px 9px 11px;
    border-color: transparent transparent #FFF;
    position: absolute;
    top: -18px;
    right: 93px;
}

#teamlogin small {
    font-size: 75%;
}


/*********************************************** 
                                        Tabs Styles 
                                ***********************************************/

.top-filtersection {
    background: #FFF;
    padding: 5px 20px 0px;
    -webkit-box-shadow: 0px 2px 5px #dedede;
    box-shadow: 0px 2px 5px #dedede;
    margin-bottom: 10px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
    /* position: fixed;
    width: 100%;
    min-height: 70px;
    top: 46px;
    z-index: 99; */
}

@media all and (max-width:767px) {
    .top-filtersection {
        min-height: 90px;
    }
}


.nav-tabsection {
    overflow: auto;
    white-space: nowrap;
}

    .nav-tabsection li {
        margin-right: 40px;
        padding-bottom: 5px;
        display: inline-block;
    }

        .nav-tabsection li:last-child {
            margin-right: 0px;
        }

        .nav-tabsection li a {
            display: block;
        }

        .nav-tabsection li.active {
            border-bottom: 4px solid #134093;
        }

            .nav-tabsection li.active a h1 {
                color: #134093 !important;
            }

        .nav-tabsection li a h1.disabled {
            color: #DEDEDE;
        }

.bi-tab-nav li h1 {
    color: #9D9D9D;
    display: inline-block;
    font-size: 50px;
    line-height: 50px;
    margin: 0px;
    padding-right: 10px;
    font-family: calibri;
}

.bi-tab-nav li p {
    color: #5f5f5f;
    display: inline-block;
    font-size: 16px;
    margin: 0px;
    text-align: left;
}

.counternum li h1 {
    color: #9D9D9D;
    font-size: 28px;
    line-height: 30px;
    margin: 0px;
    display: block;
    font-family: calibri;
    text-align: center;
}

.counternum li p,
.product li p {
    color: #5f5f5f;
    display: block;
    text-align: center;
    font-size: 15px;
    margin: 0px;
}

ul.text-content2 li {
    display: inline-block;
    width: 14%;
    padding: 0px 0px 0px 20px;
}

.list-header ul li.co {
    width: 24px;
    height: 24px;
    line-height: 22px;
    border: 1px solid #748ab3;
    text-align: center;
    border-radius: 50%;
    font-weight: 600;
    color: #134093;
    padding: 0px;
    margin-right: 8px;
}

.progress_step_vertcal-tab {
    margin-bottom: 20px;
    display: inline-block;
}

    .progress_step_vertcal-tab li a {
        display: block;
        padding: 7px 20px;
        color: #5f5f5f;
    }

    .progress_step_vertcal-tab li {
        float: left;
        text-align: center;
        border-right: 1px solid #CCC;
    }

.coc li {
    width: 50%;
}

.progress_step_vertcal-tab li:last-child {
    border-right: none;
}

.progress_step_vertcal-tab li.active a {
    background-color: #134093;
    color: #ffffff;
}

.progress_step_vertcal-tab ul {
    border: 1px solid #cccccc;
    border-radius: 2px;
    float: left;
}

/* .nav-tabsection.counternum .navtab-links {
                    float: left;
                }*/

.track-btn,
.new-aplication,
.add-lead {
    text-align: right;
    background: #0B4DAA none repeat scroll 0% 0%;
    color: #FFF;
    margin-top: 0px;
    padding: 8px 20px;
    position: relative;
    border-radius: 2px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.57);
}

.new-aplication {
    display: inline-block;
    float: right;
}

.track-btn {
    display: inline-block;
    vertical-align: top;
    float: right;
    margin-top: 20px;
}

    .track-btn a {
        color: #fff;
    }

    .track-btn:hover a,
    .new-aplication:hover,
    .add-lead:hover {
        color: #FFF;
    }

.tab {
    display: none;
}

    .tab.active {
        display: block !important;
    }


/*PDC Steps*/

.pdc-step-page-title {
    display: none
}

.pdcnavsteps {
    /* border-bottom: 1px solid #EBEBEB; */
}

    .pdcnavsteps a {
        text-align: left;
        font-size: 14px;
        display: block;
        border-top: 1px solid #EBEBEB;
        padding: 10px 15px;
        color: #666;
    }

    .pdcnavsteps li.active a,
    .pdcnavsteps li:hover a {
        background-color: #f9f9f9;
        color: #134093;
        text-decoration: none !important;
    }

    .pdcnavsteps a.done {
        background: transparent url("../img/GrrenTick.png") no-repeat scroll 96% 50%;
    }

    .pdcnavsteps a.incomplete {
        background: transparent url("../img/Alert.png") no-repeat scroll 96% 50%;
    }

.done {
    background: transparent url("../img/GrrenTick.png") no-repeat scroll 96% 50%;
}

.pdcnavsteps a b {
    font-weight: 400;
}

.pdcnavsteps .ord-no {
    margin-right: 5px;
    text-decoration: none !important;
}

.form-button i.zmdi {
    float: none !important;
    margin-top: 0px;
    font-size: inherit !important;
}


/*********************************************** 
                                        Benefit Illustrator 
                                ***********************************************/

.user-details {
    margin-bottom: 5px;
    font-size: 14px;
}

    .user-details ul li {
        float: left;
    }

        .user-details ul li::after {
            content: "|";
            margin: 0px 8px;
        }

        .user-details ul li:last-child:after {
            display: none;
        }

.panel.cust-details li label {
    width: 34%;
}

.panel.cust-details span.filed {
    width: 66%;
}

.plan-sum p {
    font-size: 14px;
    margin: 0px;
    color: #9D9D9D;
    line-height: 18px;
}

.plan-sum h3 {
    font-size: 18px;
    margin: 0px;
    line-height: 24px;
    font-family: calibri;
}

.plan-sum li {
    padding: 8px 0px;
    border-bottom: 1px solid #f2f2f2;
}

.plan-sum ul {
    margin-bottom: 10px;
}

.plan-sum li:last-child {
    border-bottom: 0px none;
}

.plan-sum li:first-child {
    padding-top: 0px;
}

.summary-panel {
    overflow: auto;
}

.content p {
    margin: 0px 0px 10px;
    font-size: 15px;
    color: #5f5f5f;
    line-height: 20px;
}

.hide-selection {
    display: none;
}

label.riderckblabel {
    padding-left: 30px;
    margin: 15px 0px;
}

.riderckblabel .custom-checkbox {
    position: absolute;
    left: 10px;
}

.pickmylocation {
    margin: 15px 0px;
}

.raiderCollaps {
    display: none;
}

.more-opn {
    color: #9D9D9D;
    display: inline-block;
    font-size: 42px;
    margin: 0px;
    width: 40px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    right: 12px;
}


/*********************************************** 
                                        checkstatus 
                                ***********************************************/

.extraFilterSection.check-status {
    border-top: 0px none;
}

table#check-status > tbody > tr > td:first-child {
    color: #333333
}


/*********************************************** 
                                        Upload Doccument 
                                ***********************************************/

.pdc-steps {
    margin: 0px -20px -10px;
}

.offline-detail label {
    display: block;
    margin: 0px 0px 8px;
}

.confirm-pament {
    display: none;
}

.select-repo {
    display: none;
}

.policy-detils {
    border: 1px solid #DDD;
    border-radius: 2px;
    margin-bottom: 16px;
}

    .policy-detils > p {
        padding: 10px;
        background-color: #F1F1F1;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #d8d8d8;
    }

    .policy-detils .extrapreplan-details,
    .policy-detils img {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 10px;
        width: 47%;
        margin-left: 2%;
    }

.alert .close {
    float: right;
    font-size: 24px;
    font-weight: 700;
    line-height: 14px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.r-tab > .nav-pills > li.active > a {
    border-color: transparent;
    background-color: #134093;
    border-radius: 0px;
    color: #FFFFFF;
}

.r-tab > .nav-pills > li > a {
    margin-left: 0px;
}

.r-tab > .nav > li > a {
    position: relative;
    display: block;
    padding: 7px 20px;
    color: #5f5f5f;
}

.r-tab > ul {
    border: 1px solid #CCC;
    border-radius: 2px;
    display: inline-block
}

.r-tab > .nav-pills > li > a:hover {
    border-color: transparent;
    border-radius: 0px;
}

.r-tab > .nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
}

.r-tab > .nav-pills > li {
    margin-left: 0px;
    border-right: 1px solid #ccc;
}

    .r-tab > .nav-pills > li:last-child {
        border-right: 0px none;
    }

.success-msg {
    display: none;
    width: 100%;
    background-color: #d0fac9;
    border: 1px solid #8ad57d;
    border-radius: 2px;
    padding: 10px;
    position: relative;
}

.warning-close {
    position: absolute;
    top: -1px;
    right: 14px;
}

.success-close {
    font-size: 20px;
    top: 6px;
    position: absolute;
    right: 10px;
    color: #5f5f5f;
}

.lifestyle-sction {
    margin-left: 18px;
}

    .lifestyle-sction .form-group > label strong {
        position: absolute;
        font-family: calibri;
        margin-left: -24px;
    }


/**********************************************
                                      Summery And Submit
                                ************************************************/

#summarysubmit .panel li {
    padding: 6px 0px;
}

.summary-block .panel {
    min-height: 280px;
    max-height: 440px;
    overflow: auto;
}

.panel li label {
    display: inline;
    color: #5f5f5f;
    vertical-align: top;
}

.panel span.filed {
    display: inline;
    color: #5f5f5f;
}

.btn-otp {
    color: #134093;
    background-color: #FFF;
    border-color: #134093;
    display: inline-flex;
    margin-top: 20px;
    vertical-align: super;
}

.otp-chckbox {
    margin-top: 30px;
}

.select-opn {
    margin-bottom: 10px;
}

    .select-opn .btn-group {
        position: relative;
        width: 100%;
        vertical-align: middle;
        margin: 6px 0px;
    }

.r_table td i,
.upd_cfr td i {
    font-size: 16px;
    margin-left: 4px;
    color: #134093;
    text-align: center;
}

.upd_cfr td:last-child {
    text-align: center;
}

.upd td > img {
    border: 1px solid #cccccc;
}

.uploading-opn .btn-primary {
    width: 92px;
    padding: 8px 1px;
    text-align: center;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    padding: 4px;
    border: 1px solid #999;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.btn-otp.otp {
    margin-right: 18px;
    padding: 6px 12px;
    text-align: center;
}

.trak-proposal {
    float: right;
}


/**********************************************
                                      Form Button
                                ************************************************/

.btn-lg {
    padding: 10px 16px;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 2px;
}

.btn-default {
    background-color: #fff;
    border-color: #f15a23;
    color: #f15a23;
    border-radius: 50px;
}

    .btn-default:hover {
        color: #ffffff;
        background-color: #134093;
        border-color: #134093;
    }

.form-button a.back-link {
    color: #134093;
    background-color: #FFF;
    border-color: #FFF;
    padding: 6px 0px;
    float: left;
}

.form-button a.read-disclaimer {
    color: #134093;
    padding: 8px;
    float: left;
}

.inner-btn {
    color: #FFF;
    background-color: #134093;
    border-color: #134093;
    min-width: 90px;
    box-shadow: 0px 1px 2px #6C6B6B;
    margin-top: 13px;
}

.popup-button {
    /*background-color: #EBEBEB;
                    margin: 10px -20px -20px;
                    padding: 20px;*/
    text-align: right;
}

.process-button {
    padding: 20px 0px;
    text-align: right;
}

.popup-button .btn-save {
    color: #FFF;
    background-color: #134093;
    border-color: #134093;
    min-width: 90px;
}

.form-button .btn-submit {
    color: #FFF;
    background-color: #134093;
    border-color: #134093;
    box-shadow: 0px 1px 2px #6C6B6B;
    ;
    min-width: 90px;
    float: right;
}

.popup-button .btn-cancel {
    color: #FFF;
    background-color: #9d9d9d;
    border-color: #9d9d9d;
    min-width: 90px;
}

.form-button .btn-cancel {
    color: #FFF;
    background-color: #134093;
    border-color: #134093;
    min-width: 90px;
    float: right;
}

.form-button .btn-next {
    color: #FFF;
    background-color: #134093;
    border-color: #134093;
    min-width: 80px;
    box-shadow: 0px 1px 2px #6C6B6B;
    float: right;
    margin: 0px;
}

.form-button .btn-generate-pdf {
    color: #FFF;
    background-color: #134093;
    border-color: #134093;
    box-shadow: 0px 1px 2px #6C6B6B;
    float: left;
    margin: 0px;
    margin-right: 8px;
}

.btn-process {
    color: #FFF;
    background-color: #79BE46;
    min-width: 90px;
}

.form-button .btn-save {
    color: #FFF;
    background-color: #9D9D9D;
    border-color: #9D9D9D;
    min-width: 90px;
    margin: 0px;
    box-shadow: 0px 1px 2px #6C6B6B;
    ;
    float: right;
}

.hide {
    display: none;
}


/**********************************************
                                      Modal BOX styles
                                ************************************************/

.modal-footer {
    background-color: #EBEBEB;
    padding: 10px;
}

.close-popup {
    color: #FFF;
    font-size: 18px;
    padding: 7px;
    width: 30px;
    text-align: center;
    height: 30px;
    position: absolute;
    vertical-align: middle;
    top: 7px;
    right: 6px;
}

    .close-popup:hover {
        color: #fff;
    }

.modal-body {
    position: relative;
    padding: 20px;
    max-height: calc(77vh - 150px);
    overflow-y: auto;
    /* for IE */
    content: 'viewport-units-buggyfill; max-height: calc(100vh - 200px);';
}

.close {
    float: right;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    opacity: 1;
}

.syncbutton {
    font-size: 20px;
    line-height: 1;
    color: rgb(255, 255, 255);
    text-shadow: none;
    opacity: 1;
    padding: 0px;
    cursor: pointer;
    background: transparent none repeat scroll 0% 0%;
    border: 0px none;
    margin-right: 18px;
    float: right;
}

.modal-wide .modal-body {
    overflow-y: auto;
    padding: 15px;
}

.modal-dialog {
    margin: 70px auto;
    padding: 0px 16px;
}

.modal-backdrop.in {
    opacity: 0.8;
}

.modal-header {
    border: 0 none;
    background: #3370c5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
    padding: 10px;
}

.modal-header-white {
    border: 0 none;
    background: #FFF;
    box-shadow: none;
    padding: 4px 15px;
}

    .modal-header-white button.close {
        color: #5f5f5f;
        width: 34px;
        height: 34px;
        position: absolute;
        right: 14px;
        top: 10px;
    }

.modal-title {
    margin: 0px;
    line-height: 1.42857;
    font-size: 14px;
    font-weight: 500;
    color: #FFF;
    font-family: calibri-bold;
}


/************* PDC Mobile Menu ***********/

#more-nav {
    display: inline-block;
    width: 145px;
    position: absolute;
    right: 0px;
    top: 70px;
    z-index: 9;
    background-color: #fff;
    border: 1px solid #9d9d9d;
    border-radius: 2px;
    box-shadow: 1px 2px 6px RGBA(0, 0, 0, 0.36);
}

    #more-nav::before {
        content: "\a ";
        border-style: solid;
        border-width: 7px 9px 11px 9px;
        border-color: transparent transparent #9d9d9d;
        position: absolute;
        top: -19px;
        right: 10px;
    }

    #more-nav li.active a {
        border-bottom: 0px solid #134093;
        padding-bottom: 0px;
    }

.subfilter {
    padding-left: 0;
}

#nav-bar-filter {
    padding-left: 0;
}

.subfilter {
    display: block;
}

#more-nav li {
    float: left;
    padding: 0px 9px;
    margin-right: 0px;
}


/************** Application **************/

.pg-application label,
.pg-cfr-list label,
.pg-leadmanag label,
.pg-renewal label,
.pg-application .form-control,
.pg-cfr-list .form-control,
.pg-leadmanag .form-control,
.pg-renewal .form-control {
    font-size: 14px;
}

.text-wrap-none {
    text-overflow: initial !important;
    overflow: initial !important;
    white-space: initial !important;
}

.extraFilterSection label {
    margin-bottom: 2px;
}

.listview li {
    background: #FFF;
    margin-bottom: 10px;
    padding: 10px 0px;
    border: 1px solid #d8d8d8;
}

.list-head {
    position: relative;
    border-bottom: #f2f2f2 1px solid;
    margin-bottom: 10px;
}

.lhl-title,
.lhl-type {
    display: inline-block;
}

.lhl-title {
    padding-right: 6px;
    border-right: 1px solid #666;
    line-height: 14px;
}

.lhl-type {
    padding-left: 3px;
}

.list-head-left {
    float: left;
}

.list-head-right {
    float: right;
    margin-bottom: 10px;
}

.one,
.two,
.three,
.four,
.four,
.five,
.six,
.seven {
    float: left;
}

.success {
    color: #339933;
}

.appca-approved-list .one {
    width: 30%;
}

.appca-approved-list .two {
    width: 15%;
}

.appca-approved-list .three {
    width: 15%;
}

.appca-approved-list .four {
    width: 15%;
}

.appca-approved-list .five {
    width: 15%;
}

.appca-approved-list .six {
    float: right;
}

.six a img {
    float: right;
    margin-left: 8px;
    margin-bottom: 6px;
}

.appca-approved-list .seven {
    width: 20%;
}

.alertcrf .one {
    width: 20%;
}

.alertcrf .five {
    width: 25%;
}

.extraFilterSection {
    border-bottom: 1px solid #d8d8d8;
    font-size: 12px;
    padding-top: 10px;
    position: relative;
    background: #fff
}

.filter-friz {
    /*padding-top: 15px;*/
}

.SearchBy {
    margin-top: 2px !important;
}

.backbtn {
    position: relative;
    padding: 18px;
    float: left;
}

    .backbtn i {
        font-size: 24px;
        font-weight: 400;
        color: #888
    }

.extraFilterSection li:first-child {
    border-left: 0px none;
}

.extraFilterSection .form-group {
    margin: 0px;
}

.extraFilterSection .td-team-sorting {
    width: 40%;
    height: auto;
    background: #f8f8f8;
    border: 1px solid #d8d8d8;
    font-size: 12px;
}

    .extraFilterSection .td-team-sorting .select2-container {
        border-bottom: 0px solid #CCC;
        width: 100% !important;
        padding: 0px 8px;
        height: 28px;
    }

.renewls-filter .searchfieldsec {
    width: 50% !important;
}

.renewls-filter .td-team-sorting {
    width: 50% !important;
}

.extraFilterSection .searchfieldsec {
    width: 60%;
}

    .extraFilterSection .searchfieldsec input {
        height: 30px;
        padding: 0px 10px;
        border: solid #d8d8d8;
        border-width: 1px 1px 1px 0px;
    }

    .extraFilterSection .searchfieldsec button {
        float: right;
        padding: 6px 10px;
        margin-top: -32px;
        background: none;
        z-index: 999;
        margin-right: 0px;
        font-size: 16px;
        border: none;
        cursor: pointer;
    }

.status.hidden-xs {
    position: absolute;
    text-align: right;
    right: 54px;
    top: 12px;
}

.list-header > div.contact-opn {
    right: 0px;
    top: 10px;
}


/* Upload Button Styling */

.file-Upload {
    position: relative;
    overflow: hidden;
    border: solid 1px #134093;
    color: #134093;
    float: right;
    margin-top: 6px;
}

    .file-Upload:hover {
        background: #134093;
        color: #fff;
        border: 1px solid #134093;
    }

.uploadicon {
    width: 14px;
    height: 14px;
    background: url(../img/UploadIcon.png) no-repeat;
    display: inline-block;
}

.file-Upload:hover .uploadicon {
    background: url(../img/UploadIcon_W.png)
}

.file-Upload span i {
    margin-right: 8px;
}

.file-Upload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

li.divider-line {
    float: left;
    border-left: 1px dotted #CCC;
    height: 70px;
}

.nav-tabsection.counternum li.last {
    margin-left: 50px;
}


/****** Lead Management****/

.lead-mnt li p {
    margin-bottom: 10px;
}

.lead-mnt .one p,
.lead-mnt .two p,
.lead-mnt .three p,
.lead-mnt .four p,
.lead-mnt .five p,
.lead-mnt .six p {
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    overflow: hidden !important;
}

.text-nowrap {
    white-space: initial !important;
}

.dropdown-menu {
    min-width: 106px;
    padding: 0;
    border-radius: 0px;
}

    .dropdown-menu > li {
        margin: 0px !important;
        float: none !important;
    }

        .dropdown-menu > li > a {
            padding: 6px 15px;
            color: #5f5f5f;
            font-size: 14px;
        }

            .dropdown-menu > li > a > i {
                width: 16px;
                text-align: center;
                margin-right: 10px;
            }


/**********************************************
                                     Advisor List
                                ************************************************/

.td-team-sorting {
    float: left;
    width: 20%;
    position: relative;
    background: #9d9d9d;
    height: 40px;
}

.team-selection i {
    float: right;
    line-height: 40px;
    font-size: 16px;
}

.team-selection {
    padding: 0 10px;
    margin: 0;
    cursor: pointer;
    color: #fff;
    line-height: 40px;
    display: block;
    font-size: 14px;
}

.searchsection {
    margin: 20px 0px 30px;
}

.searchfieldsec {
    position: relative;
    width: 80%;
    float: left;
}

    .searchfieldsec input {
        width: 100%;
        height: 40px;
        padding: 0px 100px 0px 10px;
        border: 1px solid #9d9d9d;
        -webkit-border-radius: 0px;
    }

.searchbtn {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 40px;
    line-height: 36px;
    width: 100px;
    border-radius: 0px;
    background: #134093 none repeat scroll 0% 0%;
    color: #FFF;
    border: 1px solid transparent;
}

.advisorperson {
    position: absolute;
    top: 10px;
    left: 20px;
}

    .advisorperson img {
        width: 78px;
        border: 2px solid #ededed;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
    }

.advisorcontent {
    padding-left: 120px;
}


/*********************** Pay Online ************************/

.payment-review li {
    color: #9d9d9d;
    font-size: 15px;
    margin: 15px 0px;
    width: 110.89%;
    display: inline-block;
    vertical-align: top;
}

.payment-policy h3 {
    margin-top: 7px !important;
    margin-bottom: 10px;
    display: block;
    font-size: 15px;
    margin-bottom: -2px;
    line-height: 12px;
    font-family: calibri;
    color: #5f5f5f;
    margin-top: 20px;
}

.extra.payment-review li {
    width: 100%;
}

.payment-review li h3 {
    display: block;
    font-size: 18px;
    margin-bottom: -2px;
    line-height: 24px;
    font-family: calibri;
    color: #5f5f5f;
    margin-top: 2px;
}

.payment-opn li:last-child {
    border-right: none;
}

.payment-opn li.active a {
    background-color: #134093;
    color: #fff;
}

.c-confirm-payment,
.c-comfirm-msg {
    display: none;
}

.d-confirm-payment,
.d-comfirm-msg {
    display: none;
}

.confirm-payment li {
    padding: 6px 0px;
}

.comfirm-msg {
    display: none;
}

.c-confirm-payment li,
.d-confirm-payment li {
    padding: 10px 0px;
}


/**********************************************
                                      Extra Premium Payment
                                ************************************************/

#TPAs-list .modal-body li {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

    #TPAs-list .modal-body li:last-child {
        border-bottom: 0px none;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    #TPAs-list .modal-body li i {
        font-size: 18px;
        margin-left: 6px;
    }


/**********************************************
                                      Responsive Table styles
                                ************************************************/

table {
    width: 100%;
    border: 1px solid #d8d8d8;
}

.r_table .table-bordered > thead > tr > th {
    font-family: 'calibri';
    vertical-align: top;
    background: #e8e8e8;
}

th {
    background: #f1f1f1 none repeat scroll 0% 0%;
    color: #777;
    font-weight: normal;
}

td {
    padding: 6px;
    text-align: left;
    color: #888888;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 1px;
    font-family: calibri-bold;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border-bottom: 1px solid #D8D8D8;
    border-width: 1px 0px 0px 1px;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 10px;
}


/**********************************************
                                      New Notification styles
                                ************************************************/

.alert-container {
    background-color: #FFF;
    border: 1px solid #D8D8D8;
    margin-bottom: 10px;
    position: relative;
}

    .alert-container > ul {
        padding: 0 15px;
    }

        .alert-container > ul > li label {
            display: block;
        }

        .alert-container > ul > li {
            margin: 10px 0px;
        }

            .alert-container > ul > li,
            .alert-container > ul > li > label {
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }

.status-section {
    border-right: 1px solid #d8d8d8;
}

    .status-section > label {
        font-family: calibri-bold;
        font-size: 14px;
        line-height: 16px;
    }

    .status-section > em {
        color: #9d9d9d;
        font-size: 11px;
    }

.contact-opn {
    position: absolute;
    right: 0px;
    top: 10px;
    border-left: 1px solid #d8d8d8;
    vertical-align: baseline;
    width: 40px;
    text-align: center;
}

    /* .contact-opn {
                    position: absolute;
                    right: 10px;
                    top: 16px;
                    border-left: 1px solid #d8d8d8;
                    vertical-align: baseline;
                    width: 40px;
                    text-align: center;
                } */

    .contact-opn a {
        color: #5f5f5f;
        font-size: 16px;
        vertical-align: middle;
        padding: 0px 14px;
    }

.contact-opn2 {
    position: relative;
    vertical-align: baseline;
    width: 40px;
    text-align: center;
    margin-top: -42px;
    float: right;
}

.contact-opn5 {
    position: relative;
    vertical-align: baseline;
    width: 70px;
    text-align: center;
    margin-top: -60px;
    float: right;
}

/*   .contact-opn2 {
                    position: absolute;
                    vertical-align: baseline;
                    width: 70px;
                    text-align: center;
                   top:20px;
                   right: 5px;
                    float: right;
                }  */

.contact-opn2 a {
    color: #5f5f5f;
    font-size: 16px;
    vertical-align: middle;
    padding: 0px 14px;
}

.contact-opn5 a {
    color: #5f5f5f;
    font-size: 16px;
    vertical-align: middle;
    padding: 0px 14px;
}

.contact-opn3 {
    position: absolute;
    right: 10px;
    top: 0px;
    border-left: 1px solid #d8d8d8;
    vertical-align: baseline;
    width: 40px;
    text-align: center;
}

    .contact-opn3 a {
        color: #5f5f5f;
        font-size: 16px;
        vertical-align: middle;
        padding: 0px 14px;
    }

    .contact-opn3 ul.dropdown-menu li {
        display: block;
        width: auto;
    }

.news-update > label {
    font-size: 12px;
    color: #5f5f5f;
}

.news-update > em {
    color: #9d9d9d;
    font-size: 11px;
}

.form-heading3 a {
    font-size: 14px;
    margin-left: 8px;
}

.alert-container .btn-default {
    margin-top: 5%;
}

#applicationsnoti li > div > p,
#renewals-noti li > div > p,
#alert-noti li > div > p {
    margin: 0px;
}

#applicationsnoti li > div > em,
#renewals-noti li > div > em,
#alert-noti li > div > em {
    display: block;
    font-size: 12px;
    color: #9d9d9d;
    margin-bottom: 13px;
    text-align: right;
}

#applicationsnoti .form-heading3,
#renewals-noti .form-heading3,
#alert-noti .form-heading3,
#renewals-noti {
    margin: 0px;
}

    #renewals-noti i {
        color: #5f5f5f;
        width: 40px;
        text-align: center;
        border-left: 1px solid #d8d8d8;
        height: 24px;
        padding: 5px 0px;
    }

.alert-container.birthday-section {
    border: 0px none;
    margin: 0px;
}

.userimg {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.birthday-section > ul {
    border-bottom: 1px solid #d8d8d8;
    padding: 0px;
    margin: 0px;
    position: relative;
}

    .birthday-section > ul:last-child {
        border-bottom: 0px none;
    }

    .birthday-section > ul > li > label {
        font-size: 12px;
    }

.vcenter {
    float: none;
    display: inline-block;
    margin: 0px;
    vertical-align: middle;
}

.alert-danger {
    color: #5f5f5f;
    background-color: #f6d1d1;
    border-color: #e28b8b;
}

.alert-success {
    color: #5f5f5f;
    background-color: #d0fac9;
    border-color: #8ad57d;
}


/**********************************************
                                      Caluclator styles
                                ************************************************/

.calucltoricon {
    width: 14px;
    height: 15px;
    background: url(../img/calculator.png) no-repeat;
    display: inline-block;
    vertical-align: sub;
}

.caluclate {
    text-align: center;
    width: 100%;
    background: #d8d8d8;
    display: block;
    padding: 10px 0;
}

    .caluclate:hover {
        background: #134093;
    }

        .caluclate:hover .calucltoricon {
            background: url(../img/calculator-white.png) no-repeat;
        }

        .caluclate:hover span {
            color: #fff;
        }

    .caluclate span {
        padding-left: 10px;
        color: #134093;
    }

.calucltorcard {
    background: #fff;
    padding: 5px;
    text-align: center;
    margin-bottom: 20px;
}

    .calucltorcard h4 {
        padding: 0px 20px;
        color: #134093;
        min-height: 50px;
        font-family: calibri-bold;
        font-size: 14px;
        line-height: 16px
    }

    .calucltorcard p {
        padding: 0 20px;
        color: #9d9d9d;
        min-height: 100px;
    }

.humanlifeicon,
.retirement,
.costchild,
.lifeplanner {
    width: 75px;
    height: 60px;
    display: block;
    margin: 20px auto 0;
}

.humanlifeicon {
    background: url(../img/humanlife.png) no-repeat center;
}

.retirement {
    background: url(../img/retirement.png) no-repeat center;
}

.costchild {
    background: url(../img/child-cal.png) no-repeat center;
}

.lifeplanner {
    background: url(../img/lifeplaner.png) no-repeat center;
}

.track-btn:focus {
    color: #fff;
}

.btn-group.uploading-opn > .btn:first-child {
    margin-left: 0px;
    border-width: 1px 1px 1px;
}

.humanlifevalue-icon {
    background: transparent url("../img/product-icons/humanlifevalue_g.png") no-repeat scroll center center
}

.calculator li.active .humanlifevalue-icon {
    background: transparent url("../img/product-icons/humanlifevalue_b.png") no-repeat scroll center center
}

.retirementcal-icon {
    background: transparent url("../img/product-icons/retirementcal_g.png") no-repeat scroll center center
}

.calculator li.active .retirementcal-icon {
    background: transparent url("../img/product-icons/retirementcal_b.png") no-repeat scroll center center
}

.childplancal-icon {
    background: transparent url("../img/product-icons/childplancal_g.png") no-repeat scroll center center
}

.calculator li.active .childplancal-icon {
    background: transparent url("../img/product-icons/childplancal_b.png") no-repeat scroll center center
}

.calculator-section {
    height: 259px;
    overflow: auto;
}

.cal-summery {
    min-height: 341px;
    overflow: auto;
    max-height: 341px;
}

    .cal-summery h2 {
        margin: 0px 0px 10px;
        font-size: 18px;
    }

    .cal-summery p {
        color: #9d9d9d;
    }

.carousel-control.left {
    background-image: linear-gradient(to right, rgba(180, 180, 180, 0.5) 0%, rgba(0, 0, 0, .0001) 100%);
}

.carousel-control.right {
    background-image: linear-gradient(to left, rgba(180, 180, 180, 0.5) 0%, rgba(0, 0, 0, .0001) 100%);
}

#text-carousel,
#text-carousel2,
#text-carousel1 {
    background: #f8f8f8;
    border: 1px solid #cccccc;
    padding: 15px 0px;
}

.carousel-content {
    display: flex;
    align-items: center;
}

.palnforyou li {
    border-left: 1px solid #d8d8d8;
}

    .palnforyou li:first-child {
        border-left: 0 none;
    }

.plan-detail-section > p {
    display: inline-block;
    width: 78%;
}

.plan-detail-section > button {
    display: inline-block;
    width: 20%;
    float: right;
}


/**********************************************
                                          CFR Listing
                                    ************************************************/

ul.cfrlistingtab {
    float: left;
    height: 40px;
    margin: 10px 20px 10px 0px;
}

.cfrlistingtab li {
    border: solid rgb(206, 206, 206);
    float: left;
    margin-right: 0px !important;
    border-width: 1px 0px 1px 1px;
    width: 92px;
    text-align: center;
}

    .cfrlistingtab li:last-child {
        border-width: 1px 1px 1px 1px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .cfrlistingtab li:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .cfrlistingtab li a {
        padding: 0 10px !important;
        color: #5f5f5f;
        line-height: 38px;
        display: block;
    }

    .cfrlistingtab li:hover {
        background: #F8F8F8;
    }

        .cfrlistingtab li:hover a {
            color: #134093
        }

    .cfrlistingtab li.active {
        background: #134093;
        border-color: #134093;
    }

        .cfrlistingtab li.active a {
            color: #fff;
            border-bottom: none;
        }

.disableflag {
    width: 12px;
    height: 17px;
    background: url(../img/Flag_Grey.png) no-repeat;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.enableflag {
    width: 12px;
    height: 17px;
    background: url(../img/Flag.png) no-repeat;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.flagcheckbox {
    float: left;
    border: solid 1px #cecece;
    padding: 9px 20px;
    margin: 10px 20px 20px 0px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
}

    .flagcheckbox input {
        display: block;
        float: left;
    }

.flagcheck {
    float: right;
}

    .flagcheck i {
        margin-right: 5px;
    }

.policy-detils td img,
.policy-detils td ul {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 44%;
}

.cust-info {
    margin-bottom: 8px;
}

    .cust-info li {
        padding: 10px;
    }

    .cust-info label {
        color: #5f5f5f;
    }

.cfr-list .one {
    width: 20%;
}

.cfr-list .two {
    width: 15%;
}

.cfr-list .six {
    width: 15%;
}

.cfr-list .four {
    width: 15%;
}

.cfr-list .five {
    width: 20%;
}

.cfr-list .three {
    width: 15%;
}

.crf-enableflag {
    width: 12px;
    height: 17px;
    background: transparent url("../img/Flag.png") no-repeat scroll 0% 0%;
    display: inline-block;
    margin-left: 10px;
    vertical-align: sub;
}

.cfr-date {
    float: right;
}

.upd_cfr_des,
.upd_cfr {
    margin-bottom: 26px;
}

.cust-info li {
    padding: 4px 0px;
}

.pg-cfr-list .status.hidden-xs {
    right: 15px;
}


/**********************************************
                                      Advisor Listing
                                ************************************************/

.advisorlist {
    width: 100%;
}

.advisorlistalphabates li {
    display: block;
    text-align: center;
}

.serachbyalphabet {
    display: none;
}

.advisorlistalphabates li a {
    text-transform: uppercase;
    color: #b8b8b8;
    padding: 2px 0;
    display: block;
}

    .advisorlistalphabates li a:hover {
        color: #333;
    }

.advisorlist .list-head {
    height: 30px;
}

.advisorlist .one {
    width: 40%;
    padding-right: 10px;
}

.advisorlist .two {
    width: 30%;
    padding-right: 10px;
}

.advisorlist .three {
    width: 20%;
    padding-right: 10px;
}

.advisorlist .six {
    float: right;
}


/**********************************************
                                      Proposal Listing
                                ************************************************/

.arrowicon {
    width: 14px;
    height: 10px;
    background: url(../img/resume.png) no-repeat;
    display: inline-block;
}

.resumebtn {
    border: solid 1px #134093;
    cursor: pointer;
    color: #134093;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    padding: 7px 10px;
    margin: 6px 0;
    display: block;
    width: 100px;
}

    .resumebtn i {
        margin-right: 10px;
    }

.searchpropasal {
    position: relative;
}

    .searchpropasal:after {
        content: "";
        position: absolute;
        right: 10px;
        top: 8px;
        width: 16px;
        height: 16px;
        background: url(../img/search.png) no-repeat;
    }

    .searchpropasal input {
        border: none;
        border-bottom: solid 1px #9d9d9d;
        padding-right: 30px;
        line-height: 32px;
        width: 100%;
    }

.proposaltop {
    margin-bottom: 10px;
}

.alertop {
    margin: 20px 0px;
}

.hideContent {
    overflow: hidden;
    line-height: 1em;
    height: 120px;
}

.proposal-list .six {
    float: right;
    width: 102px !important;
}

.proposal-list .one {
    width: 60%
}

.proposal-list .two {
    width: 20%
}

.plan-sum > img {
    max-width: 300px;
    text-align: center;
}


/**********************************************
                                      Renewal Listing
                                ************************************************/

.renewalpersondt {
    background: #fff;
    border: solid 1px #a0cfe8;
    padding: 0 20px;
}

.renewallist > div:after,
.renewallist > div:after,
.productlist li:after {
    content: "";
    position: absolute;
    right: -15px;
    width: 5px;
    height: 10px;
    background: url(../img/Side_Arrow.png) no-repeat;
    top: 50%;
    margin-top: -5px;
    display: none;
}

.renewallist > div {
    cursor: pointer;
    position: relative;
}

.renewallist .status-action {
    right: 0px;
}

.renewallist > div:hover,
.renewallist > div.active,
.productlist li:hover,
.productlist li.active {
    border: solid 1px #a0cfe8;
}

#alertgeneral .renewallist li:hover {
    border: 1px solid #fff;
}

.renewallist > div.active:after,
.productlist li.active:after {
    display: block;
}

.visible-xs .renewallist > div.active:after {
    display: none;
}

.personlabel {
    width: 100%;
}

.advisorcontent .personlabel {
    height: 30px;
}

.personlabel label {
    float: left;
    position: relative;
    color: #5f5f5f;
}

.pdtb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.personlabel label:before {
    position: absolute;
    content: ":";
    right: -5px;
}

.persondetails {
    padding-left: 10px;
    float: left;
    position: relative;
}

.renewalrgt {
    border-top: dashed 1px #e5e5e5;
}

.personhead {
    color: #5f5f5f;
    font-family: 'calibri-bold';
}

.renewalmobilesec {
    display: none;
}

    .renewalmobilesec .renewalpersondt {
        border: none;
        padding: 0;
        border-top: solid 1px #f2f2f2;
    }

    .renewalmobilesec .panel-heading a {
        color: #134093;
    }


/*.collapse.in .panel{ background:#555;}*/

#accordion .panel.active,
#accordion1 .panel.active {
    border: 0px none
}

.panel.active {
    border: solid 1px #a0cfe8
}

.panel-title {
    font-size: inherit;
}

.panel-heading {
    cursor: pointer;
    padding: 10px;
    border-radius: 0px;
}

.renewallist .two {
    width: 25%;
}


/**new renwals styls**/

.duedetails > li {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0px 10px 10px !important;
}

.viewBreakup {
    color: #134093;
    font-size: 12px;
    margin-left: 20px;
}


/**user detals section**/

.r-user-details {
    background: #fff;
    border: solid 1px #a0cfe8;
    padding: 0 20px;
}

.m-user-details {
    background: #fff;
    padding: 0 10px 10px;
    border-top: 1px solid #d8d8d8;
}

    .r-user-details > ul,
    .m-user-details > ul {
        border-bottom: dashed 1px #e5e5e5;
        padding: 10px 0px;
    }

        .r-user-details > ul:last-child,
        .m-user-details > ul:last-child {
            border-bottom: 0px none;
        }

.r-user-top-section > li {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 20px 0px 0px !important;
}

    .r-user-top-section > li:last-child {
        margin-right: 0px;
    }

    .r-user-top-section > li .r-user-pic {
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }

    .r-user-top-section > li > .r-u-name {
        font-size: 18px;
        font-family: calibri-bold;
    }

    .r-user-top-section > li > .propensity {
        font-size: 10px;
        line-height: 16px;
        text-transform: uppercase;
        color: #9d9d9d;
    }

    .r-user-top-section > li > .p-high {
        font-size: 12px;
        font-family: calibri-bold;
        background-color: #77a543;
        color: #fff;
        display: inline-block;
        padding: 1px 14px;
        border-radius: 10px;
        margin-top: 4px;
        text-transform: uppercase;
    }

.r-user-details-section > li > label {
    font-size: 14px;
    color: #5f5f5f;
    display: inline-block !important;
    text-overflow: initial !important;
    overflow: initial !important;
    white-space: initial !important;
}

.r-user-details-section > li {
    line-height: 22px;
    margin: 0px !important;
}

.m-user-details > div.header {
    color: #5f5f5f;
    font-family: calibri-bold;
    line-height: 20px;
    margin: 10px 0px 0px;
}

.r-user-details-section > li i {
    margin-left: 8px;
}

.visible-xs .duedetails > div {
    width: 606px;
}

.visible-xs .duedetails {
    overflow: auto;
    margin: 0px 10px;
}

.duedetails > div > li {
    display: inline-block;
    margin-left: 10px;
}

    .duedetails > div > li:first-child {
        margin-left: 0px;
    }


/**********************************************
                                      Cost of Child
                                ************************************************/

.calucltorheading {
    font-size: 24px;
    color: #134093;
    font-family: 'calibri-bold';
}

.totalcost {
    border-top: solid 1px #dbdbdb;
    padding-top: 20px;
}

    .totalcost label {
        color: #9d9d9d;
        margin-top: 4px;
    }

    .totalcost .persondetails {
        font-size: 18px;
    }

.expectingchild .ui-radio > label {
    width: 200px;
    height: 70px;
}

    .expectingchild .ui-radio > label span {
        line-height: 60px;
    }

.expecting {
    width: 26px;
    height: 48px;
    background: url(../img/expecting-grey.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.child {
    width: 26px;
    height: 48px;
    background: url(../img/child-grey.png) 0 3px no-repeat;
    display: inline-block;
    vertical-align: middle;
}

.progress_step_vertcal-tab .child,
.progress_step_vertcal-tab .expecting {
    display: block;
    margin: 0px auto;
}

li.active .expecting {
    background: url(../img/expecting-white.png) no-repeat;
    vertical-align: middle;
}

li.active .child {
    background: url(../img/child-white.png) 0 3px no-repeat;
    vertical-align: middle;
}

.informationcost li {
    float: left;
    line-height: 14px;
    border-right: solid 1px #5f5f5f;
    color: #5f5f5f;
    font-size: 14px;
    padding: 0 4px;
}

    .informationcost li:last-child {
        border-right: none;
    }

.mgt30 {
    margin-top: 30px;
}

.mgt20 {
    margin-top: 20px !important;
}

.mgt26 {
    margin-top: 26px;
}

.mgb26 {
    margin-bottom: 26px;
}

.deliverycost li {
    padding: 10px 0px;
    color: #9d9d9d;
    border-bottom: solid 1px #d8d8d8;
}

    .deliverycost li:last-child {
        border-bottom: none;
    }

    .deliverycost li p {
        margin: 0;
    }

.detailofcostlft {
    float: left;
    width: 62%;
}

.detailofamount {
    float: right;
    color: rgb(163, 150, 220);
    font-weight: bold;
    font-size: 18px;
    vertical-align: baseline;
}

.totalamountofdeleivery {
    height: 50px;
    width: 100%;
    background: #134093;
}

    .totalamountofdeleivery p {
        color: #FFF;
        width: auto;
        margin: 0px;
        line-height: 50px;
        padding: 0px 10px;
        font-family: calibri-bold !important;
        font-size: 18px;
    }

    .totalamountofdeleivery .detailofamount {
        font-size: 18px;
    }

.expecting-child-label {
    margin-bottom: 10px;
}

.already-clild {
    display: none;
}

.range-slider-section label {
    display: block;
    margin: 16px 0px 20px;
}

.range-slider-section .slider-value {
    font-size: 18px;
    color: #03B2F5;
    float: right;
    width: 15%;
    text-align: right;
    margin-top: -4px;
}

.range-slider-section .tooltip-inner {
    max-width: 200px;
    color: #5f5f5f;
    text-align: center;
    background-color: #9ADDF7;
    padding: 2px 10px;
    border: 1px solid #5DB2DE;
    border-radius: 2px;
}

.range-slider-section .tooltip.bottom .tooltip-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-width: 0px 5px 5px;
    border-bottom-color: #5DB2DE;
}

.informationcost li {
    line-height: 10px;
}


/**********************************************
                                      Products
                                ************************************************/

.appli-tab-nav.counternum .navtab-links {
    white-space: nowrap;
    overflow: auto;
}

.productheading {
    color: #134093;
    border-bottom: solid 2px #134093;
    float: left;
    line-height: 34px;
    font-family: 'calibri-bold';
}

.createillustration {
    border: solid 1px #134093;
    color: #134093;
    margin: 4px 0;
    float: right;
    padding: 4px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}

    .createillustration:hover {
        background: #134093;
        color: #fff !important;
    }

.lastsec {
    float: right;
}

.productlist .lhl-title {
    border-right: none;
}

.product-read {
    float: left;
}

.product-namesec {
    padding-left: 66px;
}

.productname {
    color: #134093;
    font-size: 14px;
    margin-bottom: 0;
}

.updatingdate {
    color: #666;
    font-size: 12px;
}

.productsocial a {
    margin-right: 10px;
}

.productupdatelist li {
    padding: 10px 0;
    border-bottom: solid 1px #f2f2f2;
}

    .productupdatelist li:last-child {
        border-bottom: none;
    }

.videoproduct iframe {
    width: 100%;
    height: auto;
    z-index: -999;
}

.protection-icon {
    background: transparent url("../img/product-icons/Secure_G.png") no-repeat scroll center center
}

.product li.active .protection-icon {
    background: transparent url("../img/product-icons/Secure_B.png") no-repeat scroll center center
}

.investment-icon {
    background: transparent url("../img/product-icons/Savings_G.png") no-repeat scroll center center
}

.product li.active .investment-icon {
    background: transparent url("../img/product-icons/Savings_B.png") no-repeat scroll center center
}

.retirement-icon {
    background: transparent url("../img/product-icons/Retirement_g.png") no-repeat scroll center center
}

.product li.active .retirement-icon {
    background: transparent url("../img/product-icons/Retirement_b.png") no-repeat scroll center center
}

.linked-icon {
    background: transparent url("../img/product-icons/Linked_G.png") no-repeat scroll center center
}

.product li.active .linked-icon {
    background: transparent url("../img/product-icons/Linked_B.png") no-repeat scroll center center
}

.child-icon {
    background: transparent url("../img/product-icons/Child Plan_G.png") no-repeat scroll center center
}

.product li.active .child-icon {
    background: transparent url("../img/product-icons/Child Plan_B.png") no-repeat scroll center center
}

.health-icon {
    background: transparent url("../img/product-icons/Health_G.png") no-repeat scroll center center
}

.product li.active .health-icon {
    background: transparent url("../img/product-icons/Health_B.png") no-repeat scroll center center
}

.solutions-icon {
    background: transparent url("../img/product-icons/Group_Icon_G.png") no-repeat scroll center center
}

.product li.active .solutions-icon {
    background: transparent url("../img/product-icons/Group_Icon_B.png") no-repeat scroll center center
}

.product-img {
    width: 64px;
    height: 64px;
    display: block;
    margin: 0px auto;
}

.product ul {
    overflow: auto;
}

.plan-work {
    width: 100% !important;
}

.select-brochure {
    background: RGBA(62, 62, 62, 0.45) url("../img/GrrenTick.png") no-repeat scroll top 10px right 6px;
    width: 100%;
    height: 80%;
    position: absolute;
}

.product-accordion .lhl-title {
    width: 90%;
    margin-bottom: 6px;
}

.product-accordion i.zmdi {
    float: right;
    margin-top: 1px;
    font-size: 18px;
}

.product-accordion .panel1 {
    margin: 20px 0px 10px;
}

    .product-accordion .panel1.first {
        margin-top: 0px;
    }

.productbrochurelist li {
    display: inline-block;
    margin: 14px 22px;
    position: relative;
}

    .productbrochurelist li a.image:after {
        background-color: #000000;
    }

.expandPlan_img {
    position: absolute;
    top: 36px;
    right: 12px;
    padding: 1px 6px;
    font-size: 18px;
    color: #ffffff;
}

.product_aside {
    border: solid 1px #a0cfe8;
}

.plan-working {
    position: relative;
}

.form-heading3 {
    color: #333333;
    font-size: 16px;
}

.first {
    margin-top: 0px !important;
}

.last {
    margin-bottom: 0px !important;
}


/**********************************************
                                      My Profile
                                ************************************************/

.advisor-profile-section {
    position: relative;
    margin-bottom: 30px;
}

    .advisor-profile-section > img {
        position: absolute
    }

    .advisor-profile-section > ul {
        padding-left: 100px;
    }

    .advisor-profile-section > .ad-profile {
        width: 80px;
        height: 80px;
        border: 4px solid #ededed;
        border-radius: 50%;
    }

    .advisor-profile-section > ul > li.ad-name {
        font-size: 18px;
    }

    .advisor-profile-section > ul > li.ad-label {
        color: #9d9d9d;
    }

.advisor-details-section > li.ad-label-details > label {
    float: left;
    width: 30%;
    line-height: 18px;
    padding-right: 10px;
    color: #9d9d9d;
}

.advisor-details-section > li.ad-label-details > p {
    margin-left: 40%;
    line-height: 18px;
    width: 54%;
    overflow: hidden;
    margin-bottom: 0px;
}

    .advisor-details-section > li.ad-label-details > p:before {
        content: ':';
        position: absolute;
        margin-left: -14px;
        color: #9d9d9d;
        font-family: calibri-bold;
    }

    .advisor-details-section > li.ad-label-details > p > span {
        display: block;
        font-size: 12px;
    }

    .advisor-details-section > li.ad-label-details > p > a {
        display: block;
        font-size: 14px;
        position: absolute;
        right: 0px;
        top: 10px;
    }

.advisor-details-section > li.ad-label-msg {
    background-color: #f0f0f0;
    padding: 10px;
    margin-bottom: 10px;
}

    .advisor-details-section > li.ad-label-msg > p {
        margin: 0px;
        padding-left: 40px;
    }

    .advisor-details-section > li.ad-label-msg > img {
        position: absolute;
        top: 20%;
    }

.advisor-details-section > li {
    padding: 10px 0px;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    min-height: 47px;
}

.border-none {
    border: 0 none !important;
}

.clubs > label {
    display: inline-block;
    min-width: 68px;
    position: relative;
}

.clubs > p {
    display: inline-block;
    margin: 0px;
}

.clubs > label:after {
    content: ':';
    position: absolute;
    left: 58px;
    font-family: calibri-bold;
}

.advisor-extra-section {
    margin-bottom: 20px;
}

.acc-details-section {
    margin-bottom: 20px;
}

.account-details h1 {
    font-size: 14px;
    font-family: calibri-bold;
}

.acc-details-section li {
    display: inline-block;
    padding: 0px 20px;
    border-left: 1px solid #ebebeb;
}

    .acc-details-section li:first-child {
        border: 0 none;
        padding-left: 0px;
    }

.acc-details-section > li > strong {
    font-size: 20px;
}

.acc-details-section > li > p {
    color: #999999;
    margin: 0px;
}

.adv-tab .tab-content {
    margin-top: 20px;
}

    .adv-tab .tab-content .r_table p {
        margin-top: 10px;
        margin-bottom: 4px;
    }

.adviser-tbl + div {
    color: #9d9d9d;
}

.adv-tab strong {
    margin-right: 20px;
}


/******star rating style******/

.star-rating {
    font-size: 0;
    color: #9d9d9d;
}

.star-rating__wrap {
    display: inline-block;
    font-size: 11px;
    margin-top: 14px;
}

    .star-rating__wrap:after {
        content: "";
        display: table;
        clear: both;
    }

.star-rating__ico {
    float: right;
    padding-left: 2px;
    cursor: pointer;
    color: #f3b02f !important;
}

    .star-rating__ico:last-child {
        padding-left: 0;
    }

.star-rating__input {
    display: none;
}

    .star-rating__input:checked ~ .star-rating__ico:before {
        content: "\f005";
    }


/**********************************************
                                      HomePage Section 
                            ************************************************/

.homepage {
    margin: 5px -5px;
    background-color: #FFF;
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #FFFFFF;
}

.calculators-list a {
    color: #fff;
}

.h-small {
    height: 194px;
}

.h-title-section {
    text-align: left;
    background: rgba(11, 77, 161, 0.7) none repeat scroll 0% 0%;
    padding: 16px;
    width: 100%;
    height: 100%;
}

a.homepage {
    color: #fff;
}

.count-info {
    position: absolute;
    top: 14px;
}

    .count-info h2 {
        font-size: 42px;
        margin: 0px;
        display: inline-block;
        line-height: 42px;
    }

    .count-info span {
        font-size: 12px;
        margin: 0px;
    }

        .count-info span a {
            color: #fff;
        }

.h-title-section h1 {
    font-size: 18px;
    margin: 0px;
    position: absolute;
    bottom: 14px;
    max-width: 47%;
    font-family: calibri-bold;
    line-height: 21px;
}

.count-info2 {
    font-size: 18px;
    margin: 0px;
    position: absolute;
    bottom: 50px;
    max-width: 47%;
    font-family: calibri-bold;
    line-height: 21px;
}

    .count-info2 h2 {
        font-size: 42px;
        margin: 0px;
        display: inline-block;
        line-height: 42px;
    }

    .count-info2 span {
        font-size: 12px;
        margin: 0px;
    }

.h-title-section i {
    position: absolute;
    right: 20px;
    top: 16px;
    font-size: 25px;
}

.login-section h1 {
    font-size: 14px;
    margin: 0px;
    padding: 19px 20px 16px;
}

.login-section ul {
    padding-bottom: 30px;
    margin: 0px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.21);
}

    .login-section ul:last-child {
        border-bottom: 1px none;
        padding-bottom: 0px;
    }

.login-list h3 {
    margin: 0px;
    font-size: 14px;
}

.login-list p {
    margin: 0px;
}

.calculators-list {
    margin-top: 40px;
}

    .calculators-list li {
        display: block;
        border-bottom: 1px dotted rgba(255, 255, 255, 0.40);
        padding: 10px 0px;
    }

.h-title-section .calculators-list i {
    position: relative;
    right: 0px;
    top: 3px;
    font-size: 18px;
}

.login-list li {
    display: inline-block;
    width: 32%;
}

.h-title-section .arrow {
    position: absolute;
    bottom: 4px;
    right: 20px;
    color: #fff;
}

.login-list li:first-child {
    border-left: 0px none;
}

.h_dashboard .h-title-section {
    background-color: rgba(11, 77, 161, 0.70);
}

.h_cfr .h-title-section {
    background: #6ebd7f;
}

.h_applications .h-title-section {
    background: #4ebf8b;
}

.h_proposals .h-title-section {
    background: rgba(55, 188, 155, 0.70);
}

.h_lead_management .h-title-section {
    background: #67beb1;
}

.h_products .h-title-section {
    background-color: #746dc2;
    background-image: url(../img/dashboard/Products.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center top 14px;
}

.h_renewals .h-title-section {
    background: #49a5bc;
}

.need_analysis .h-title-section {
    background: #8f68b9;
}

.news_update .h-title-section {
    background: #5179a6;
}

.h_lead_management {
    /*background-image: url(../img/dashboard/leads.jpg);*/
    height: 145px;
}

.h_proposals {
    /*background-image: url(../img/dashboard/proposals.jpg);*/
    height: 145px;
}

.h_calculators {
    /*background-image: url(../img/dashboard/calculators.jpg);*/
    height: 673px;
    background-position: center bottom;
}

.h_cfr {
    /*background-image: url(../img/dashboard/cfr.jpg);*/
    height: 145px;
}

.h_renewals {
    /*background-image: url(../img/dashboard/renewals.jpg);*/
    height: 145px;
}

.h_products {
    /*background-image: url(../img/dashboard/products.jpg);*/
    height: 161px;
}

.h_applications {
    /*background-image: url(../img/dashboard/applications.jpg);*/
    height: 160px;
}

.need_analysis,
.news_update {
    height: 316px;
}

.dashboard-section {
    text-align: center;
    height: 316px;
    background-color: #44b8e2;
    position: relative
}

.login-section {
    height: 50%;
    background-color: #5d7bbe;
}

ul.last-synced {
    position: absolute;
    bottom: 12px;
    right: 6px;
}

    ul.last-synced > li i {
        font-size: 25px;
    }

.last-synced li {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 10px;
}

    .last-synced li:first-child {
        border-right: 1px solid #fff;
        line-height: 14px;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.79);
    }

.section-icon {
    width: 100px;
    height: 50px;
    position: absolute;
    top: 20px;
    right: 10px;
    background-position: center center;
    background-repeat: no-repeat;
}

.leadmgt-icon {
    background-image: url(../img/dashboard/Lead%20Management.svg)
}

.cfr-icon {
    background-image: url(../img/dashboard/CFR.svg)
}

.renewal-icon {
    background-image: url(../img/dashboard/Renewals.png)
}

.calculator-icon {
    background-image: url(../img/dashboard/Need%20Analysis.svg)
}

.applications-icon {
    background-image: url(../img/dashboard/Applications.svg)
}

.dashboard-section > img {
    width: 180px;
    margin: 70px auto 10px;
}

.dashboard-section > h1 {
    font-size: 18px;
    font-family: calibri-bold;
    margin: 24px auto 0px;
}

.dash-selection {
    width: 130px;
    text-align: left;
    margin-top: 10px;
    margin-right: 10px;
}

.news-updates-container {
    height: 135px;
    overflow: auto;
    background-color: #fff;
    color: #5f5f5f;
    margin-top: 20px;
    padding: 0px 8px;
}

    .news-updates-container > li {
        position: relative;
        border-bottom: 1px solid #d8d8d8;
        padding: 8px 0px;
    }

        .news-updates-container > li > img {
            position: absolute;
            border-radius: 2px;
            top: 12px;
        }

        .news-updates-container > li > div {
            padding-left: 60px;
            font-size: 12px;
        }

            .news-updates-container > li > div > p {
                margin: 0px;
            }

.news-header {
    position: absolute;
    margin: 7px 0px;
    font-size: 18px;
    font-family: calibri-bold;
    width: 100%;
    padding: 0px 16px;
}

    .news-header > a {
        color: #fff;
        font-size: 12px;
        margin-top: 8px;
    }

.welcome-header {
    font-size: 18px;
    margin: 15px 0px;
}

.dash-selection .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff;
    line-height: 28px;
}

.dash-selection .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ffffff transparent transparent transparent;
}

.dash-selection .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #ffffff transparent;
}


/**********************************************
                                      Login page 
                                ************************************************/

.login-wrapper {
    height: 100%;
    width: 100%;
    position: relative;
}

    .login-wrapper .content {
        height: 100%;
        width: 100%;
    }

.home {
    background-image: url("../img/login.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.our-work {
    background-color: #003399;
    background: radial-gradient(#0059d4, #0059d4, #004095);
}

.page.page-full {
    height: 100%;
}

.login-form {
    position: absolute;
    top: 50%;
    left: 75%;
    width: 270px;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

.form-group {
    margin-bottom: 30px;
}

.mtb13 {
    margin: 13px 0px;
}

.mtb10 {
    margin: 10px 0px;
}

.mb10 {
    margin-bottom: 10px;
}

.btn-login {
    background-color: #f05a22;
    border-radius: 2px;
    color: #FFF;
    font-size: 16px;
    width: 100% !important;
    margin-bottom: 20px;
}

    .btn-login:hover {
        color: #FFF;
    }

.forgot-pass {
    color: #ffffff;
    margin-bottom: 30px;
    display: block;
}

.btn-facebook {
    background-color: #336699;
    color: #fff;
}

.btn-google {
    background-color: #996666;
    color: #fff;
}

.r-logo {
    background-image: url("../img/logo.png");
    height: 34px;
    width: 210px;
    margin: 0px auto 30px;
}

.login-left {
    padding: 30px;
}

    .login-left h2 {
        font-size: 26px;
        font-family: calibri-bold;
        color: #003399;
    }

    .login-left p {
        color: #666666;
    }

.has-error .select2-container .select2-selection--single {
    border-bottom: 1px solid #D04949;
}


/****************************
                                 Validation Msg Style
                                ***************************/

span.ValidationErrors {
    display: inline-block;
    font-size: 12px;
    color: #D04949;
    padding-left: 0px;
    position: absolute;
    top: 50px;
    left: 10px;
    line-height: 15px;
}

.ErrorField {
    background: transparent url("../img/Alert.png") no-repeat center right;
    margin: 0px;
    border-color: #D04949;
}

    .ErrorField + span + span {
        border-bottom: 1px solid #D00 !important;
    }


/****************************
                                 Help Desk
                                ***************************/

.help-desk .form-heading {
    margin-bottom: 30px;
}

.faq-help,
.escallations,
.online-helpdesk {
    width: 52px;
    height: 50px;
    position: absolute;
    background-position: center right;
    background-repeat: no-repeat;
    right: 32px;
    top: 12px;
}

.toll-free {
    background-color: #e6e6e6;
    color: #5f5f5f;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 2px;
    margin-left: 10px;
}

.faq-help {
    background-image: url(../img/FAQs.svg)
}

.escallations {
    background-image: url(../img/escalations.svg)
}

.online-helpdesk {
    background-image: url(../img/online-helpdesk.svg)
}

.desk-title {
    font-family: calibri-bold;
    margin: 0px;
}

.help-desk .help-desk-panel {
    min-height: 198px;
}

.help-desk-accordion .panel {
    margin: 0px;
    padding: 0px;
    border: 1px solid #D9D9D9;
    border-top: 0px;
}

.help-desk-accordion .first-panel {
    border-top: 1px solid #D9D9D9;
}

.help-desk-accordion .panel-heading.active {
    background-color: #034da2;
    color: #ffffff;
}

.help-desk-accordion .panel-heading {
    background-color: #ffffff;
    color: #5f5f5f;
    position: relative;
}

    .help-desk-accordion .panel-heading > p > i {
        font-size: 20px;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .help-desk-accordion .panel-heading > p {
        overflow: hidden;
        padding-right: 40px;
        margin: 0px;
        font-family: calibri-bold;
    }

i.call-help {
    margin-left: 10px;
}

.faqques {
    font-family: 'calibri-bold';
    margin-bottom: 5px;
    margin-left: 3px;
}

.faqmpara {
    font-family: 'calibri-bold';
    margin: 15px 0 5px;
}

.listalpha li {
    list-style-type: upper-alpha;
    margin-left: 20px;
}

.listnumeric li {
    list-style-type: decimal;
    margin-left: 20px;
}


/*****************************
                    new application list
                    ***************************************/

.top-filtersection-sticky {
    position: fixed;
    top: 50px;
    width: 100%;
    z-index: 99;
    background-color: #fff;
    padding: 5px 0px 0px 0px;
    box-shadow: 1px 2px 3px RGBA(0, 0, 0, 0.24);
    -webkit-transform: translateZ(0);
}

.dropdown-menu h1 {
    margin: 0px;
    display: inline-block;
    font-size: 14px;
    margin-right: 8px;
}

.dropdown-menu p {
    display: inline-block;
    margin: 0px;
}

.responsive-tabs h1 {
    color: #9D9D9D;
    font-size: 50px;
    line-height: 50px;
    margin: 0px;
    display: block;
    font-family: calibri;
    text-align: center;
}

.responsive-tabs p {
    color: #5f5f5f;
    display: block;
    text-align: center;
    font-size: 16px;
    margin: 0px;
}

.navbar-nav {
    margin: 0px;
}

.alertpopup i {
    color: #D04949;
    font-size: 24px;
    position: absolute;
    left: 11px;
    top: 1px;
}

.alertpopup li {
    float: left;
}

    .alertpopup li:last-child {
        padding-left: 32px;
    }

.list-container {
    background-color: #fff;
    border: 1px solid #d8d8d8;
    padding: 0 10px;
    margin-bottom: 10px;
    position: relative;
}

    .list-container li {
        /* text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap; */
        margin: 10px 0px;
        vertical-align: top;
    }

.list-header li {
    float: left;
    vertical-align: middle;
    padding: 0px 8px;
    border-left: 1px solid #ccc;
}

.list-header {
    min-height: 40px;
    border-bottom: 1px solid #d8d8d8;
}

.list-header,
.list-body {
    padding: 0px 5px;
}

    .list-body li label {
        display: block;
    }

.list-container .applicantName {
    font-family: calibri-bold;
    color: #5f5f5f;
    border-left: none;
}

.status-action {
    position: absolute;
    right: 15px;
}

    .status-action li {
        margin-right: 0px;
    }

    .status-action > li {
        margin: 8px 0px;
        padding: 0px 10px;
        border-left: 1px solid #d8d8d8;
    }

        .status-action > li > a {
            color: #5f5f5f;
            font-size: 16px;
        }

        .status-action > li:first-child {
            border-left: 0px none;
        }

a.more-action {
    padding: 0px 5px;
}

.status-action > li {
    overflow: visible;
}

.status-action .dropdown-menu li {
    float: none;
    overflow: visible;
}

.status {
    font-family: calibri-bold;
    font-size: 14px
}

.issued,
.inforce,
.open-s,
.green-alert {
    color: #77A543;
}

.re-open,
.in-news {
    color: #179e7e;
}

.incomp,
.lapsed {
    color: #70A1DE;
}

.payment {
    color: #E8BD55;
}

.docpend,
.purpal-alert {
    color: #8F68B9;
}

.pendingissuance,
.submitted,
.blue-alert {
    color: #2C93DE;
}

.rejected,
.surrendered,
.closed,
.red-alert {
    color: #D04949;
}

.status-action .dropdown-menu {
    position: absolute;
    right: 5px;
    top: 35px;
    left: auto;
    z-index: 98;
    float: left;
    min-width: 100px;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #E6E6E6;
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .175);
}

    .status-action .dropdown-menu li {
        float: none;
        margin: 0px;
    }

        .status-action .dropdown-menu li a {
            padding: 10px;
            color: #5f5f5f
        }

.right-action-btn li {
    display: block;
    float: unset;
    margin: 0px 10px;
}

    .right-action-btn li:last-child {
        margin-right: 10px;
        border-bottom: 0px none;
    }

.btn i {
    margin-right: 3px;
    font-size: 14px;
}

.extraFiltermobile .m-navtab-links > li {
    width: 33.33%;
    text-align: center;
    display: inline-block;
    margin-left: -3px;
    vertical-align: middle;
}

.extraFiltermobile .m-navtab-links {
    border-bottom: 0px none;
    position: relative;
}

.extraFiltermobile .m-nav-tabs > li > a {
    margin-right: 0px;
    line-height: 1.42857143;
    border: 0px solid transparent;
    border-radius: 0px;
    color: #9d9d9d;
}

.m-navtab-links > li > a {
    position: relative;
    display: block;
    padding: 6px 0px;
    color: #9d9d9d;
}

.extraFiltermobile .m-navtab-links > li.active > a,
.extraFiltermobile .m-navtab-links > li.active > a:hover,
.extraFiltermobile .m-navtab-links > li.active > a:focus {
    color: #5f5f5f;
    cursor: default;
    background-color: #fff;
    border: 0px solid #ddd;
    border-bottom-color: transparent;
}

.extraFiltermobile .m-navtab-content {
    position: absolute;
    width: 100%;
    margin: 0px 0px;
    z-index: 99;
    box-shadow: 0px 4px 3px RGBA(0, 0, 0, 0.21);
    top: 29px;
}

    .extraFiltermobile .m-navtab-content > div.tab {
        background: #fff;
        padding: 14px 0px;
    }

.width100 {
    width: 100% !important
}

.width50 {
    width: 50% !important
}

.width25 {
    width: 25% !important
}

.width40 {
    width: 40% !important
}

.width60 {
    width: 60% !important
}

.color-blue {
    color: #134093 !important;
}


/************************
                            Sync Page
                            ********************************/

.syncBox {
    margin: 10px 0px;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    height: 100px;
}

.syncBox-head {
    border-bottom: 1px solid #d8d8d8;
    padding: 4px 10px;
}

    .syncBox-head h1 {
        font-family: calibri-bold;
        margin: 0px;
        font-size: 14px;
        line-height: 28px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 116px;
        width: 107px;
    }

.syncBox-body li {
    float: left;
}

.sync-datails li:last-child {
    border-right: 1px solid #d8d8d8;
    padding-right: 10px;
}

.syncBox-body {
    padding: 6px 10px;
}

    .syncBox-body li h4 {
        font-size: 24px;
        text-transform: uppercase;
        margin: 2px 0px;
    }

        .syncBox-body li h4 small {
            font-size: 12px;
            color: #5f5f5f;
            text-transform: uppercase;
        }

    .syncBox-body li p {
        font-size: 10px;
        color: #9d9d9d;
        text-transform: uppercase;
        margin: 0px;
    }

.synced {
    font-family: calibri-bold;
    color: #8ac45f;
}

.btn-stop {
    border-color: #d04949;
    color: #d04949;
    background-color: #fff;
}

.syncBox-head a i,
#syncall i,
#stopall i {
    font-size: 16px;
    margin-right: 3px;
}

.syncpanel {
    margin-bottom: 20px;
}

.syncBox-body .progress,
.sync-all-progress-bar .progress {
    height: 12px;
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #e6e6e6;
    border-radius: 15px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    margin-top: 30px;
}

.progress-bar {
    -webkit-box-shadow: inset 0 0px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 0px 0 rgba(0, 0, 0, .15);
}

.sync-all-progress-bar .progress {
    margin-top: 20px;
    width: 40%;
}

.sync-all-progress-bar .progress {
    margin-top: 20px;
}

.syncBox-body .progress-bar,
.sync-all-progress-bar .progress-bar {
    font-size: 10px;
    line-height: 14px;
}

.sync-datails li,
.sync-all-progress-bar li {
    float: right;
    margin-left: 14px;
}

    .sync-datails li h4 {
        font-size: 26px;
        color: #9d9d9d;
        margin: 0px;
        line-height: 22px;
    }

        .sync-datails li h4 small {
            font-size: 14px;
            color: #9d9d9d;
            margin: 0px;
        }

    .sync-datails li p {
        font-size: 12px;
        color: #5f5f5f;
        margin: 0px;
    }

.r_table .table-bordered .Hs_Width {
    width: 150px
}

.r_table .table-bordered .LA_Height {
    height: 22px
}

.r_table .table-bordered .FM_Width {
    width: 150px
}

.r_table .table-bordered .CD_Width {
    width: 150px
}

.r_table .table-bordered .AD_Height {
    height: 22px
}

@media only screen and (max-width: 768px) {

    /** Family Table Styles **/

    .r_table .table-bordered {
        border: none;
    }

        .r_table .table-bordered thead {
            display: none;
        }

    .r_table td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

        .r_table td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-family: calibri-bold;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .r_table .table-bordered tbody tr td::before {
        content: attr(data-label);
    }

    .Hs_Width {
        width: 150px
    }

    .LA_Height {
        /*height:22px*/
    }

    .FM_Width {
        width: 150px
    }

    .CD_Width {
        width: 150px
    }

    .AD_Height {
        height: 22px
    }
}

@media only screen and (max-width: 344px) {
    .r_table .table-bordered .Hs_Width {
        width: 115px
    }

    .r_table .table-bordered .LA_Height {
        height: 22px;
        width: 115px
    }

    .r_table .table-bordered .FM_Width {
        width: 115px
    }

    .r_table .table-bordered .CD_Width {
        width: 115px
    }

    .r_table .table-bordered .AD_Height {
        height: 22px;
        width: 115px
    }
}

@media only screen and (max-width: 275px) {
    .r_table .table-bordered .Hs_Width {
        width: 100px
    }

    .r_table .table-bordered .LA_Height {
        height: 22px;
        width: 100px
    }

    .r_table .table-bordered .FM_Width {
        width: 100px
    }

    .r_table .table-bordered .CD_Width {
        width: 100px
    }

    .r_table .table-bordered .AD_Height {
        height: 22px;
        width: 100px
    }
}


.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
}


/***********************
                              Dashboard Module
                            ********************************/

.dashboard {
    background-color: #FFF;
    min-height: 302px;
    margin-bottom: 20px;
    border: 1px solid #D8D8D8;
    display: block;
    color: #5f5f5f
}

    .dashboard p {
        font-size: 16px;
    }

.dash-head {
    position: relative;
    background-color: #e6e6e6;
    border-bottom: 1px solid #D8D8D8;
    min-height: 42px;
}

    .dash-head > strong {
        position: absolute;
        top: 10px;
        left: 20px;
    }

    .dash-head > ul {
        position: absolute;
        top: 4px;
        right: 20px;
    }

.d-last-sync > li {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 10px;
    border-right: 1px solid #d8d8d8;
    font-size: 12px;
    line-height: 16px;
    color: #9d9d9d;
}

    .d-last-sync > li:last-child {
        padding: 0px 0px 0px 10px;
        border-right: 0px none;
        font-size: 20px;
        color: #5f5f5f;
    }

.dash-body .sandbox-container {
    margin-top: 0px;
}

.dash-body > .d-filters {
    background-color: #f8f8f8;
    padding: 6px 10px;
    border-bottom: 1px solid #D8D8D8;
    border-top: 1px solid #D8D8D8;
    margin-top: -1px;
}

.d-filters .form-group {
    margin-bottom: 0px;
}

.renewal-data > li {
    width: 50%;
    float: left;
    text-align: center;
    position: relative;
}

    .renewal-data > li p {
        margin: 0px;
        font-size: 30px;
        line-height: 36px;
    }

.renewal-data {
    padding: 15px 0px;
}

.dbtable-section {
    padding: 10px;
}

table.db {
    width: 100%;
    border: 1px transparent;
    margin-bottom: 0px;
}

    table.db th {
        font-family: calibri-bold;
        color: #9d9d9d;
        background-color: transparent;
        padding: 6px;
        text-align: left;
    }

    table.db tr {
        border-bottom: 1px solid #e6e6e6;
    }

        table.db tr:last-child {
            border-bottom: 0px none;
        }

.lead-mgt-data {
    margin: 0px 10px;
}

    .lead-mgt-data > h2 {
        margin: 0px;
    }

    .lead-mgt-data > strong {
        display: block;
        margin-bottom: 10px;
    }

    .lead-mgt-data > li > strong {
        display: block;
        color: #9d9d9d;
    }

    .lead-mgt-data > li {
        display: table-cell;
        width: 1%;
    }

        .lead-mgt-data > li:first-child {
            margin-left: 0px
        }

        .lead-mgt-data > li:last-child {
            margin-right: 0px;
        }

.dash-body > ul.lead-mgt-data:last-child {
    border-top: 1px solid #ebebeb
}

.lm-table-section {
    height: 428px;
    overflow: auto;
    border-top: 1px solid #d8d8d8;
}

.lead-mgt-data h2 {
    margin: 10px 0px 0px;
}

.lead-divider {
    border-bottom: 1px solid #d8d8d8;
}

.my-business > ul {
    border-left: 1px solid #e6e6e6;
    margin: 10px 0px;
}

    .my-business > ul:first-child {
        border-left: 0px none;
    }

    .my-business > ul > strong {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }

    .my-business > ul > li {
        float: left;
        text-align: center;
    }

        .my-business > ul > li > strong {
            color: #9d9d9d;
        }

.birthday-link img {
    width: 40px;
    margin-left: 10px;
}

.birthday-link span {
    margin-left: 10px;
}

.birthday-link i {
    position: absolute;
    right: 0px;
    top: 12px;
}

.birthday-link {
    color: #5f5f5f;
    position: relative;
}

.d-underwriting::before {
    content: "█";
    color: #70a1de;
    position: absolute;
    left: 12px;
    top: 18px;
    font-size: 10px;
}

.d-ftnr::before {
    content: "█";
    color: #cccccc;
    position: absolute;
    left: 32px;
    top: 18px;
    font-size: 10px;
}

.cfrgraph {
    width: 80%;
    max-width: 295px;
    margin: 0px 10%;
}

.dashboard-sm .lm-table-section {
    height: 284px;
}

.dashboard-fls .lm-table-section {
    height: 428px;
}

.d_commisions .rnb-table {
    margin: 14px
}

    .d_commisions .rnb-table thead > tr > th {
        padding: 6px;
    }


/***********************
                              News And Update
                            ********************************/

span.read-more {
    cursor: pointer;
    color: red;
}

span.more {
    display: none;
}

.padding0 {
    padding: 0px !important;
}


/*** jquery-bootstrap-scrolling-tabs ***/

.scrtabs-tab-container * {
    box-sizing: border-box;
}

.scrtabs-tab-container {
    height: 77px;
}

    .scrtabs-tab-container .tab-content {
        clear: left;
    }

.scrtabs-tabs-fixed-container {
    float: left;
    height: 77px;
    padding: 0px 20px;
    overflow: hidden;
    width: 100% !important;
}

.scrtabs-tabs-movable-container {
    position: relative;
}

    .scrtabs-tabs-movable-container .tab-content {
        display: none;
    }

.scrtabs-tab-scroll-arrow {
    color: #a5a5a5;
    cursor: pointer;
    float: left;
    font-size: 44px;
    height: 77px;
    padding-top: 6px;
    width: 30px;
    text-align: center;
}

    .scrtabs-tab-scroll-arrow:hover {
        background-color: #ffffff;
    }

.scrtabs-tabs-fixed-container ul.nav-tabs {
    height: 77px;
    border-bottom: none;
}

    .scrtabs-tabs-fixed-container ul.nav-tabs > li {
        margin-left: -1px;
    }

        .scrtabs-tabs-fixed-container ul.nav-tabs > li > a {
            white-space: nowrap;
            font-size: 50px;
            color: #9d9d9d;
            padding: 0px 18px;
            margin-right: 28px;
            margin-left: -10px;
        }

        .scrtabs-tabs-fixed-container ul.nav-tabs > li:last-child > a {
            margin-right: 0px;
        }

        .scrtabs-tabs-fixed-container ul.nav-tabs > li > a {
            border-width: 0px;
            border-color: #134093;
            border-radius: 0px;
        }

        .scrtabs-tabs-fixed-container ul.nav-tabs > li.active > a {
            color: #134093;
            border-width: 0px 0px 5px 0px;
            border-color: #134093;
        }

        .scrtabs-tabs-fixed-container ul.nav-tabs > li > a:hover {
            color: #134093;
            background-color: #FFFFFF;
            border-width: 0px 0px 5px 0px;
            border-color: #134093;
        }

        .scrtabs-tabs-fixed-container ul.nav-tabs > li sub {
            font-size: 12px;
            color: #cccccc;
            bottom: 10px;
            right: 0px;
            position: absolute;
        }

.scrtabs-tab-content-outside-movable-container .nav-tabs {
    display: none;
}

.news-tabsection {
    position: relative;
}

.scrtabs-tab-scroll-arrow.scrtabs-js-tab-scroll-arrow-left {
    background: transparent linear-gradient(to left, rgba(255, 255, 255, 0.15) 10%, #fff 80%) repeat scroll 0% 0%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 999;
}

.scrtabs-tab-scroll-arrow.scrtabs-js-tab-scroll-arrow-right {
    background: transparent linear-gradient(to right, rgba(255, 255, 255, 0.15) 10%, #fff 80%) repeat scroll 0% 0%;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
}


/****Custome Style****/

.date-time-status > li {
    display: inline-block;
    font-size: 12px;
}

    .date-time-status > li:after {
        content: "|";
        margin: 0px 3px;
    }

    .date-time-status > li:last-child:after {
        content: "";
        margin: 0px;
    }

.news-headline {
    font-family: calibri-bold;
    color: #134093;
    font-size: 16px;
    margin: 10px 0px;
    display: block;
}

.news-box {
    color: #666666;
    display: inline-block;
    padding: 0px 3px;
    width: 100%;
    line-height: 19px;
}

    .news-box small {
        color: #cccccc;
    }

    .news-box > div > p > a {
        float: right;
    }

    .news-box > .panel {
        border: 1px solid #cccccc;
        padding: 15px;
    }

.news-img {
    margin: 16px 0px;
}

.new-section .row {
    -moz-column-width: 18em;
    -webkit-column-width: 18em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    margin-right: 0px;
    margin-left: 0px;
}

.menu-category {
    display: inline-block;
    margin: 0.25rem;
    padding: 1rem;
    width: 100%;
}


/*- FILTER OPTIONS -*/

ul.filterOptions {
    height: 36px;
    margin-bottom: 20px;
    overflow: hidden;
}

    ul.filterOptions li:last-child a {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-left: 0 none;
    }

    ul.filterOptions li:first-child a {
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-right: 0 none;
    }

    ul.filterOptions li {
        margin-right: 0px;
        float: left;
    }

        ul.filterOptions li a {
            padding: 7px 18px;
            color: #5f5f5f;
            border: 1px solid #cccccc;
            background: #ffffff;
            display: block;
        }

            ul.filterOptions li a:hover {
                background: #EEEEEE;
            }

        ul.filterOptions li.active a {
            background: #134093;
            color: #ffffff;
        }

.news-box a.download {
    border-left: 1px solid #9d9d9d;
    padding: 0px 10px;
}

.tabs-year-cate {
    margin: 0px auto;
    width: 333px;
    margin-top: 10px;
}

    .tabs-year-cate > .nav-pills > li {
        min-width: 110px;
        text-align: center;
    }


/************************
                            New Login Page
                            ********************************/

.new-heading {
    font-family: calibri-bold;
    font-size: 24px;
    width: 80%
}

ul.news-bottom {
    float: left;
    width: 25%;
    border-right: 1px solid #ccc;
    margin-right: 10px;
}

    ul.news-bottom:last-child {
        border-right: 0 none;
    }


/************************
                            New Login Page
                            ********************************/


/*.our-work2 {
                    background-image: url(../img/banner_login.jpg);
                    background-repeat: no-repeat;
                    height: 100%;
                    width: 100%;
                    background-size: cover;
                }*/

.our-work2 .login-form {
    width: 330px;
    height: 100%;
    background: rgba(255, 255, 255, 0.90);
    padding: 60px 40px 0;
}

    .our-work2 .login-form .form-horizontal {
    }

.our-work2 .e-logo {
    background-image: url("../img/NewLogo.png");
    height: 100px;
    background-repeat: no-repeat;
    margin: 0 auto;
    background-position: left left;
    background-size: 250px auto;
   /* margin-bottom: 80px;*/
}

.login_formTitle {
    margin: 50px 0 30px;
    font-size: 20px;
    color: #1190e0;
    font-weight: bold;
    text-align: left;
}

.textOR {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 14px;
}

.social_Btn .btn {
    background: transparent;
    font-size: 16px;
    border: 1px solid;
    border-radius: 4px;
    padding: 10px;
    color: #4269ab;
    width: 47%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

    .social_Btn .btn i {
        font-size: 22px;
        vertical-align: sub;
    }

    .social_Btn .btn.btn-google {
        margin-left: 10px;
        border-color: #e02f2f;
        color: #e02f2f;
    }

    .social_Btn .btn:hover,
    .social_Btn .btn.active,
    .social_Btn .btn:focus {
        color: #fff;
        background: #4269ab;
        border-color: #4269ab;
    }

    .social_Btn .btn.btn-google:hover,
    .social_Btn .btn.btn-google.active,
    .social_Btn .btn.btn-google:focus {
        color: #fff;
        background: #e02f2f;
        border-color: #e02f2f;
    }

.sales_Desc {
    position: absolute;
    width: 580px;
    background: rgba(255, 255, 255, 0.85);
    padding: 30px 40px;
    bottom: 50px;
}

    .sales_Desc h1 {
        margin-top: 0;
        color: #003f95;
        font-family: calibri-bold;
    }

.frgt-logdesc {
    margin-bottom: 8px;
    margin-top: -20px;
}

.content .new_Reg-link {
    margin-top: 40px;
    font-size: 14px;
}

    .content .new_Reg-link a,
    .frgt-logdesc a {
        color: #1190e0;
    }

.login_fadeIn .modal-body {
    position: relative;
}

.login_fadeIn .zmdi-close {
    color: #9d9d9d;
}

.login_fadeIn .text-bold,
.frgt-modal-fadeIn .text-bold {
    color: #5f5f5f;
    font-weight: 700;
}

.frgt-modal-fadeIn .form-group {
    margin-bottom: 10px;
}

.frgt-modal-fadeIn p {
    margin: 0;
}

.resend-otp-link {
    padding: 0;
    margin-bottom: 20px;
}

.frgt-modal-fadeIn .hidden-text {
    display: none;
    margin: 25px 0 0;
}

.hidden-text p:last-child {
    margin-top: 10px;
}

.frgt-logdesc2 {
    text-align: left;
}

    .frgt-logdesc2 p,
    .frgt-logdesc a.forgot-pass {
        margin: 0;
    }

        .frgt-logdesc2 p a {
            display: block;
        }

.our-work2 .form-group {
    margin-bottom: 30px;
    position: relative;
}

    .our-work2 .form-group span {
        left: 0;
        position: relative;
        top: 0;
        width: 100%;
        text-align: left;
        display: block;
    }

.our-work2 .form-control {
    height: auto;
    padding: 5px 0 5px 0;
}

.social_Modal .modal-body .btn {
    border: 0 none;
    border-radius: 0;
    font-size: 14px;
    padding: 6px 15px;
    position: relative;
    width: 110px;
}

.social_Modal .btn i {
    font-size: 18px;
    margin-right: 5px;
    width: auto;
}

.social_Modal .btn-save {
    width: 180px;
}

.social_Modal i.icon-tick {
    background-image: url(../img/GrrenTick2.png);
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    position: absolute;
    right: -12px;
    top: -5px;
}

.login-form .alert {
    color: #EA524C;
    background: #F6CFD0;
    border: 1px solid #CF4847;
    border-radius: 0;
    text-align: left;
}

.content .new_Reg-link2 {
    margin-top: 40px;
}

.hidden-text {
    display: none;
}

.back2login {
    color: #1190e0;
    text-align: left;
    margin-top: 0px;
    display: block;
}

#forgot_Mod,
#register_Mod {
    display: none;
}

input.form-control::-moz-placeholder,
textarea.form-control::-moz-placeholder {
    color: #8c8d8f;
}

input.form-control:-ms-input-placeholder,
textarea.form-control:-ms-input-placeholder {
    color: #8c8d8f;
}

input.form-control::-webkit-input-placeholder,
textarea.form-control::-webkit-input-placeholder {
    color: #8c8d8f;
}

#termsandconditions .modal-body {
    height: 420px;
}

#social-integration-modal .modal-body {
    padding: 0;
}

.api-block-img img {
    width: 100%;
}


/******************************
                            Health BI CSS
                          **************************************/

.percentage-share p {
    font-family: calibri-bold;
    color: #9d9d9d;
}

    .percentage-share p > span {
        color: #5f5f5f;
    }

.maxmin,
.hightolow,
.datecate,
.atoz {
    display: none;
}

.rupee {
    background: transparent url("../img/rupees.png") no-repeat center right;
}

.team-mrm-nm {
    text-overflow: ellipsis;
    width: 162px;
    white-space: nowrap;
    overflow: hidden !important;
    margin-right: 10px;
}

.home-ico {
    color: #ffffff;
    font-size: 24px;
}

.brand i {
    margin-right: 8px;
    vertical-align: sub;
}

.brand img {
    vertical-align: sub;
}


/******************************
                           Services Module CSS
                           ********************************/


/* 1 Services: My Requests*/

.margin-lr0 {
    margin-left: 0 !important;
    margin-right: 0px;
}

.margin-lr10 {
    margin-left: 10px !important;
    margin-right: 10px;
}

.morecontent span {
    display: none;
}


/* 2 Services: Downloads*/

.commissions-icon {
    background: transparent url("../img/services/commission-statements_G.png") no-repeat scroll center center
}

.product li.active .commissions-icon {
    background: transparent url("../img/services/commission-statements_B.png") no-repeat scroll center center
}

.forCustomer-icon {
    background: transparent url("../img/services/customer-statements_G.png") no-repeat scroll center center
}

.product li.active .forCustomer-icon {
    background: transparent url("../img/services/customer-statements_B.png") no-repeat scroll center center
}

.forSelf-icon {
    background: transparent url("../img/services/for-self_G.png") no-repeat scroll center center
}

.product li.active .forSelf-icon {
    background: transparent url("../img/services/for-self_B.png") no-repeat scroll center center
}

.margin0 {
    margin: 0 !important;
}

.monthly-c-card {
    border: 1px solid #d8d8d8;
    margin-top: 20px;
}

.card-head {
    background-color: #e9f9ff;
    padding: 10px 0px;
}

    .card-head h3 {
        margin: 0;
        color: #4f889d;
        font-size: 18px;
        text-align: center;
    }

.rupee-view li {
    width: 50%;
    display: inline-block;
    float: left;
    text-align: center;
    color: #9d9d9d;
}

    .rupee-view li:last-child {
        border-left: 1px solid #d8d8d8;
    }

.rupee-view {
    padding: 20px 0;
    margin: 0px 10px;
    border-bottom: 1px solid #d8d8d8;
}

    .rupee-view > li > p {
        margin: 0px;
    }

    .rupee-view > li > h2 {
        margin: 0px;
        font-size: 18px;
        color: #5f5f5f;
    }

.monthly-c-card.current {
    border-color: #a0cfe8;
    background-color: #f8f8f8;
}

.comm-sum {
    border: 1px solid #a0cfe8;
}

.current .card-head {
    background-color: #c8ecf9;
}

.commissions-graph {
    height: 170px;
    width: 100%;
    margin: 0 auto
}


/**************For self Tab**************/

.tax-decla > li {
    border-top: 1px solid #e6e6e6;
    padding: 10px 0;
}

    .tax-decla > li:last-child {
        border-bottom: 1px solid #e6e6e6;
    }

    .tax-decla > li i {
        font-size: 20px;
        margin-right: 10px;
        vertical-align: bottom;
    }

.my-doc-section {
    border: 1px solid #d8d8d8;
    padding: 5px;
    margin-top: 20px;
}

    .my-doc-section > .doc-name {
        font-family: calibri-bold;
        width: 68%;
    }

.srch-adv-code {
    display: none;
}

.doc-icon {
    width: 38px;
    height: 48px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.doc-link {
    border-left: 1px solid #e6e6e6;
    padding: 13px 0px;
}

    .doc-link a .icon-download {
        font-size: 20px;
        vertical-align: middle;
        padding: 0px 6px;
    }

    .doc-link a .fa-envelope {
        font-size: 16px;
        vertical-align: initial;
        padding: 0px 6px;
    }

.text-wrap {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden !important;
}

#doc-section,
#welcomeKit,
#premiumReceipt,
#renewalNotice,
#receipts,
#lapsedLetter {
    display: none;
}

.minwidth90 {
    min-width: 90px;
}

.tbl-action a {
    display: table-cell;
    width: 1%;
    text-align: center
}

.mydoc-icon {
    background: transparent url("../img/services/my-documents_Icon.png") no-repeat scroll center center
}

.Recommendation {
    box-shadow: 0px 2px 6px #ccc;
    border-top: 3px solid #134093;
    overflow: hidden;
}

.recommpanel {
    padding: 40px 0px 70px 0px;
}

.Recommendation-title h3 {
    padding: 10px;
    color: #134093;
    text-align: center;
    font-size: 32px;
}

.Recommendation h4 {
    background: #134093;
    padding: 8px 10px;
    color: #fff;
    margin: 0px;
    border-bottom: 2px solid #e84c0a;
}

.Recommendation ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    height: 180px;
    overflow-y: scroll;
}

    .Recommendation ul li {
        padding: 10px 6px 10px 30px;
        font-size: 16px;
        border-bottom: 1px solid #eee;
        position: relative;
        line-height: 20px;
    }



        .Recommendation ul li::before {
            content: "";
            position: absolute;
            width: 18px;
            height: 18px;
            left: 6px;
            top: 10px;
            background: url(../img/right1.svg) no-repeat;
        }

.owl-carousel .owl-item {
    height: 310px;
}

.pro-img h3 {
    margin: 0px;
    padding: 10px;
    color: #134093;
    font-weight: 700;
    font-size: 18px;
    height: 56px;
}

.pro-img img {
    margin: auto;
    text-align: center;
    max-width: 250px;
    height: 40px;
    width: auto !important;
}

.pro-img {
    margin: 0px;
    border-bottom: 2px solid #134093;
}

.btns {
    margin: 10px auto;
    text-align: center;
}

.btn-know {
    padding: 3px 10px;
    margin: 5px;
    border: 1px solid #ccc;
    font-size: 13px;
    background: #fff;
    color: #383838;
}

.btn-Calculate {
    background: #e84c0a;
    margin: 5px;
    padding: 3px 10px;
    color: #fff;
    font-size: 13px
}

.btn-Calculate2 {
    background: #134093;
    margin: 5px;
    padding: 3px 10px;
    color: #fff;
    font-size: 13px
}

    .btn-Calculate2:hover {
        color: #fff;
    }

.latest-blog-posts {
    position: relative;
}

    .latest-blog-posts .thumbnail {
        margin: 0 15px;
        padding: 0px;
        border: none;
    }

    .latest-blog-posts .customNavigation {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: calc(50% - 37px);
        position: absolute;
        width: 100%;
        left: 0;
    }

        .latest-blog-posts .customNavigation > span {
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 50%;
            position: absolute;
        }

    .latest-blog-posts .pager-left {
        left: calc(0% + -20px);
    }

    .latest-blog-posts .pager-right {
        right: calc(0% + -20px);
    }

    .latest-blog-posts .next,
    .latest-blog-posts .prev {
        font-size: 28px;
        color: #ccc;
    }

.btn-toolbar.sw-toolbar.sw-toolbar-bottom.justify-content-end {
    display: none;
}

.owl-carousel {
    height: 350px;
}

.Recommendation-button a {
    color: #fff;
}

#CheckRecommendation {
    display: none;
}

.correspondenceradio {
    position: relative;
    padding-left: 30px;
    margin: 0px 15px;
    line-height: 22px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.countryradio {
    margin: 0px !important;
}

.correspondenceradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #ccc;
    border-radius: 50%;
}

.correspondenceradio:hover input ~ .checkmark {
    background-color: #ccc;
}

.correspondenceradio input:checked ~ .checkmark {
    background-color: #0b4da1;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.correspondenceradio input:checked ~ .checkmark:after {
    display: block;
}

.correspondenceradio .checkmark:after {
    top: 6px;
    left: 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}


.form-group1 label {
    margin-bottom: 10px
}

.main-panel2 {
    padding: 10px 20px 0px 20px;
    margin-bottom: 10px;
}

.form-heading4 {
    color: #333;
    display: inline-block;
    font-family: calibri-bold;
    line-height: 20px;
    background: #e2e2e2;
    padding: 6px 16px;
    font-size: 15px;
    width: 100%;
    margin-bottom: 0px;
}

.left-sub-nav-section .form-heading {
    margin-bottom: 10px;
}

.form-group2 {
    margin-bottom: 20px;
}

.form-group3 {
    margin-bottom: 15px;
}

#add-button {
    margin-right: 5px;
}

.Gendermar {
    margin-left: 40px;
}

.Nomineebtn {
    margin-top: -60px;
}

.secondNom {
    border-top: 1px solid #eee;
    clear: both;
    padding-top: 20px;
}

.thirdNom {
    display: none;
    border-top: 1px solid #eee;
    clear: both;
    padding-top: 20px;
}

.sixmonths,
.treatment,
.employmentsource,
.familypro,
.memberspro,
.Existing,
.physician,
.Anemia,
.alcohol,
.insurances,
.insurancespro,
.existingpro,
.benefits,
.fiveyear,
.benefitspro,
.existing,
.hospitalized,
.recovered,
.ovaries,
.Consulted,
.sought3,
.sought4,
.hiv,
.appetite,
.pregnant,
.disorders,
.blood,
.attended,
.Cancer,
.Tropical,
.sought,
.Disease,
.tobacco,
.doctor,
.advice,
.stoppedsmoking,
.prosixmonths,
.prohobies,
.Protreatment,
.Proalcohol,
.Protobacco,
.Prostoppedsmoking,
.fiveyears,
.citizenship,
.resident,
.response,
.Origin {
    display: none;
}

.hobies,
.prohobies {
    display: none;
    margin-left: 20px;
}

.medicalmg {
    margin-left: 25px;
}

.btn-switch {
    margin-top: -5px;
}

.radius {
    border-radius: 50px;
    width: 32px;
    height: 32px;
    margin-left: 6px;
}

.Declaration {
    width: 100px;
    display: inline-block !important;
    margin: 0px 10px 10px 10px;
    position: relative;
}

.tooltop {
    float: right;
    margin-right: 20px;
}

    .tooltop a {
        color: #333;
        font-size: 12px;
    }

    .tooltop i {
        width: 18px;
        height: 18px;
        border: 1px solid #333;
        text-align: center;
        border-radius: 50px;
        line-height: 16px;
    }

.tooltip-inner {
    max-width: 100% !important;
}

li.dropdown.top-noti.mobile-hide {
    display: none
}

.probtn {
    text-align: center;
    color: #fff;
}

.fna {
    padding: 30px;
    margin-top: 50px;
}

    .fna a {
        color: #fff;
    }

.plan-sum {
    min-height: 270px;
}

.confirm {
    font-size: 18px;
}

    .confirm span {
        font-size: 24px;
        color: #134093;
        font-weight: 600;
    }

    .confirm i {
        font-size: 20px;
        color: #134093;
    }

.btn-Calculate2 a {
    color: #fff;
}

.thankyou {
    margin: 80px auto;
    text-align: center
}

.thankyou2 {
    margin: 150px auto;
    text-align: center
}

.thankyou i {
    font-size: 44px;
    color: #5cb85c;
    border: 2px dashed #5cb85c;
    border-radius: 50%;
    padding: 20px;
}

.thankyou h4 {
    font-size: 32px;
    color: #5cb85c;
}

.thankyou h5 {
    font-size: 22px;
    margin: 18px 0px;
}


.thankyou h3 {
    font-size: 50px;
    color: #db4b13;
    text-align: center;
    text-decoration: solid;
}

.thankyou3 h5 {
    font-size: 28px;
    margin: 18px 0px;
    text-decoration: wavy;
    color: #003399 !important;
}


.thankyou h5 span {
    color: #134093;
    font-weight: 600;
}

@media all and (max-width:767px) {
    .thankyou h5 {
        font-size: 18px;
        line-height: 22px;
    }
}

.Download2 {
    margin: 20px 0px;
}

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


i.zmdi.zmdi-circle {
    font-size: 7px;
    line-height: 11px;
    padding: 5px 5px;
    float: left;
    margin: 0px;
}

.checkbox {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #999;
    border-radius: 2px;
}

.checkbox:hover input ~ .checkmark1 {
    background-color: #ccc;
}

.checkbox input:checked ~ .checkmark1 {
    background-color: #0b4da1;
    border: 1px solid #0b4da1;
}

.checkmark1:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox input:checked ~ .checkmark1:after {
    display: block;
}

.checkbox .checkmark1:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.Split {
    border-bottom: 1px solid #e6e6e6;
    background: #eee;
    text-align: center;
    padding-top: 4px;
    margin-top: 10px;
}

.upload {
    padding: 10px 0px 0px 0px;
}

.UploadDoc span.select2-container {
    border: 1px solid #ccc;
    padding: 0px 8px;
    font-size: 13px;
}

.btnsuccess {
    display: inline-block;
    margin-left: 10px;
}

.btnfailure {
    display: inline-block;
    margin-left: 10px;
}

.popup-button2 {
    text-align: center;
    margin: 20px 0px;
}

    .popup-button2 .btn-save {
        margin: 0px 10px;
    }

.makepayment {
    text-align: center;
    margin-bottom: 0px;
    color: #fff;
    font-size: 18px;
}

.datepicker {
    padding: 0px !important;
    border-radius: 0px !important;
    z-index: 9999 !important;
}

    .datepicker .datepicker-switch {
        font-weight: 600;
    }

    .datepicker td {
        color: #444;
        padding: 2px;
    }

.table-condensed > tbody > tr > td {
    padding: 4px
}

.Medicallist {
    margin-bottom: 0px;
    overflow: hidden;
}

    .Medicallist div {
        border: 1px solid #ddd;
        padding: 8px;
        font-family: calibri-bold;
        font-size: 14px;
    }

.modal-dialog2 {
    max-width: 450px;
}

.modal-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .modal-mask .modal-loading {
        position: fixed;
        top: 0;
        left: 0;
        text-align: center;
    }

        .modal-mask .modal-loading .loading-animate {
            background: transparent;
            position: relative;
            margin: 0 auto;
        }

            .modal-mask .modal-loading .loading-animate img {
                width: 100%;
                height: 100%;
                animation: rotation 2s infinite linear;
                -webkit-animation: rotation 2s infinite linear;
                -moz-animation: rotation 2s infinite linear;
                -ms-animation: rotation 2s infinite linear;
                -o-animation: rotation 2s infinite linear;
            }

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-ms-keyframes rotation {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

.loading-indicator-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    background: rgba(255, 255, 255, .50);
    -moz-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    -webkit-transition: all 250ms linear;
    transition: all 250ms linear;
    height: 100vh;
    z-index: 9999;
}

    .loading-indicator-wrapper.loader-visible {
        opacity: 1;
        z-index: 9999
    }

    .loading-indicator-wrapper.loader-hidden {
        opacity: 0;
        z-index: -1
    }

    .loading-indicator-wrapper img {
        vertical-align: middle;
        display: inline-block;
        width: 60px;
    }

    .loading-indicator-wrapper .loader {
        margin: 0 auto;
        font-size: 10px;
        position: relative;
        display: inline-block;
        text-indent: -9999em;
    }


    .loading-indicator-wrapper .loading-indicator-helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }


.select2-container--open {
    border: none;
    border-bottom: 1px solid #134093;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.GenderLeft {
    margin-left: 20px;
}

.focuss {
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
    border-radius: 50px;
    background-color: #134093;
}

.AddMember {
    margin-top: 15px;
}

#cash,
#Cash2,
#SplitCash1,
#SplitCash2 {
    clear: both;
}

.Feet {
    margin-top: 30px;
    font-weight: 700;
}


.paymentmodal {
    top: 10%;
}

.otpsend {
    padding: 20px 30px 10px 20px;
    border-right: 1px solid #ccc;
}

.otpbutton {
    text-align: center;
}

    .otpbutton .btn-save {
        margin: 0px 20px 0px 0px;
    }

.otpborder {
    border-right: none;
}

.otpsend h4 {
    font-weight: 600;
    margin-bottom: 20px;
}

.otpsend h5 {
    font-size: 17px;
    margin-bottom: 20px;
}

.ReviewConfirm {
    top: 10%;
}

.ReviewConfirms {
    padding: 20px 30px 10px 20px;
}

    .ReviewConfirms h5 {
        font-size: 15px;
        margin-bottom: 20px;
    }

.modal-header h4 {
    color: #fff;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.Resend {
    float: right;
    margin-top: 5px;
    font-size: 12px;
}

    .Resend a {
        color: #333;
    }


.field-container {
    position: relative;
}

.otpfeedback {
    top: 15px;
    right: -30px;
}

.form-control-feedback {
    line-height: 20px;
    font-size: 20px;
    line-height: 20px !important;
    height: 20px !important;
}

.glyphicon-ok {
    color: #4FAC34;
}

.glyphicon-remove {
    color: #FF0000;
}


.error {
    position: absolute;
    bottom: 10px;
    left: 12px;
    width: 100%;
    color: red;
}

    .error:last-child {
        bottom: 10px !important;
    }

#ERR_LA_EmailID, #ERR_PR_EmailID, #ERR_Need_EmailId {
    bottom: -20px !important;
    left: 0px;
}

.error2 {
    position: absolute;
    top: 30px;
    left: 0px;
    width: 250px;
    color: red;
}


.back {
    background-color: #e84c0a;
    color: #fff;
    margin-right: 8px;
}

    .back i {
        font-size: 12px;
        border: none;
        padding: 0px;
        color: #fff;
    }

.arcform {
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}



.tooltip.top .tooltip-arrow {
    border-top-color: #000;
}

.medical_table tr td {
    padding: 10px !important;
}

/*.fileUpload.cam.btn.btn-primary.radius {
                    display: none;
                }*/

.checkclose i {
    width: 92px;
    height: 92px;
    border: 2px dashed #f50000;
    margin: 0px auto;
    border-radius: 70px;
}


.checkclose i {
    color: #f50000;
    border: 2px dashed #f50000;
}

.Cancel {
    margin-left: 10px;
}

.check {
    width: 92px;
    height: 92px;
    margin: 0px auto;
}


li.backbtnxs i {
    font-size: 36px
}

.Disclaimercontent h4 {
    margin: 0px;
    padding: 5px 0px 15px 0px;
}

.Disclaimercontent p {
    margin-left: 10px;
}

.Disclaimerdownload {
    margin: 30px 0px;
}

    .Disclaimerdownload ul {
        list-style-type: none;
        display: inline;
        margin: 0px;
        padding: 0px;
    }

        .Disclaimerdownload ul li {
            list-style-type: none;
            display: inline;
            padding: 10px;
            margin: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

            .Disclaimerdownload ul li a {
                color: #5f5f5f;
            }

.Disclaimercontent h5 {
    margin: 20px 0px;
    font-weight: 600;
}

.Disclaimercontent p a {
    color: #5f5f5f;
}

.Disclaimercontent h6 {
    float: left;
    margin-right: 20px;
}

    .Disclaimercontent h6 a {
        color: #5f5f5f;
    }

.discl-btn .btn-process {
    background: #e53900;
    font-size: 18px;
    margin: 10px 5px 10px 5px;
}

.discl-btn {
    margin: 0px auto;
    text-align: center;
}

.customer h4 {
    margin: 0px;
    padding: 5px 0px 15px 0px;
}

@media all and (max-width:767px) {
    .customer h4 {
        margin: 0px;
        padding: 30px 0px 15px 0px;
    }
}


.customer h5 {
    font-size: 15px;
    line-height: 20px;
    margin: 7px 0px;
}

.proposaldetails h4 {
    background: #003399;
    padding: 7px 10px;
    color: #fff;
    margin-top: 15px;
}

.proposaldetails ul {
    list-style-type: none;
    display: inline;
    margin: 0px;
    padding: 0px;
}

    .proposaldetails ul li span {
        float: left;
        color: #039;
        font-weight: 700;
    }

    .proposaldetails ul li {
        list-style-type: none;
        padding: 7px 8px;
        margin: 0px;
        overflow: hidden;
        display: inline-block;
    }


@media all and (max-width:767px) {
    .proposaldetails ul li span {
        width: 130px;
    }

    .proposaldetails ul li {
        padding: 7px 5px;
        border-bottom: 1px solid #eee;
        width: 100%;
    }
}

.proposaldetails ul li a {
    color: #5f5f5f;
}

.proposaldetails ul li span.proapp {
    float: left;
    color: #5f5f5f;
    margin-left: 5px;
}



.extraFilterSection .StageDiv {
    width: 55%;
}

.pfa h4 {
    margin-bottom: 20px;
    font-weight: 600;
    background: #eee;
    padding: 8px;
    font-size: 16px;
}

.Disclaimercontent h4 {
    margin: 0px;
    padding: 5px 0px 15px 0px;
}

.Disclaimercontent p {
    margin-left: 10px;
}

.Disclaimerdownload {
    margin: 30px 0px;
}

    .Disclaimerdownload ul {
        list-style-type: none;
        display: inline;
        margin: 0px;
        padding: 0px;
    }

        .Disclaimerdownload ul li {
            list-style-type: none;
            display: inline;
            padding: 10px;
            margin: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

            .Disclaimerdownload ul li a {
                color: #5f5f5f;
            }

.Disclaimercontent h5 {
    margin: 20px 0px;
    font-weight: 600;
}

.Disclaimercontent p a {
    color: #5f5f5f;
}

.Disclaimercontent h6 {
    float: left;
    margin-right: 20px;
}

    .Disclaimercontent h6 a {
        color: #5f5f5f;
    }

.discl-btn {
    margin: 38px auto;
    text-align: center;
}

.customer h5 {
    font-size: 15px;
    line-height: 22px;
}

.proposaldetails h4 {
    background: #003399;
    padding: 7px 10px;
    color: #fff;
    margin-top: 10px;
}

.customerotp {
    width: 140px;
    margin: auto;
    padding-top: 10px;
    text-align: center;
    position: relative;
}

    .customerotp .form-control {
        text-align: center;
        font-size: 20px;
        letter-spacing: 8px;
    }

.customer p a {
    color: #5f5f5f;
}

.customerotptext {
    text-align: center;
    margin-top: 10px;
}

.customerotp input::placeholder {
    font-size: 14px;
    letter-spacing: 0px;
}

.customerotp input:-ms-input-placeholder {
    font-size: 14px;
    letter-spacing: 0px;
}

.customerotp input::-ms-input-placeholder {
    /* Microsoft Edge */
    font-size: 14px;
    letter-spacing: 0px;
}

.Esign {
    margin-top: 40px;
}

    .Esign .resends {
        text-align: right;
        padding-top: 5px;
        font-size: 14px;
    }

p.resends a {
    color: #5f5f5f;
}

.Esign p {
    font-size: 16px;
}

.thankyou h6 {
    font-size: 17px;
    font-family: "calibri";
}

.thankyou3 h6 {
    font-size: 20px;
    font-family: "calibri";
}

.thankyou h6 .btn-process {
    background: #e53900;
    padding: 2px 12px;
    min-width: 70px;
}

a.btn-process:hover {
    color: #fff;
}

.customer .checkmark1 {
    top: 4px;
}

.customer .checkbox {
    margin-bottom: 20px;
}

.eNachs {
    margin: 0px;
    padding: 20px 0px;
}

.eNachpay {
    font-size: 20px !important;
    margin-top: 30px;
}

.bidwonload {
    margin: 0px auto;
    text-align: center;
    padding-bottom: 0px;
}

.bidwonloadpdf {
    display: inline-block;
    margin: 0px;
}


.eNachpay .btn-process {
    font-size: 18px;
}

.eNachpay2 {
    font-size: 20px !important;
    margin-top: 20px;
    line-height: 38px;
}

    .eNachpay2 .btn-process {
        font-size: 18px;
    }

.modalmodify {
    border-top: 5px solid #003399;
}

.modify_proposal h4 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    padding: 30px 0px 0px 0px;
}

.modify_proposal h5 {
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
    padding: 0px 0px 30px 0px;
}




.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 0px;
    max-height: 100% !important;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: -18px;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: -18px;
}

/* ----- MODAL STYLE ----- */
.right .close {
    color: #000;
}

.modal-content {
    border-radius: 0;
    border: none;
}


.left_Sidebaricon {
    position: absolute;
    left: 180px;
    top: 8px;
    opacity: 0.7;
    line-height: 36px;
    cursor: pointer;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {

    .left_Sidebaricon {
        left: 60px;
        top: 6px;
    }
}

.left_Sidebaricon img {
    opacity: 0.8;
}


.left_Sidebarcontent {
    padding-top: 20px;
}

    .left_Sidebarcontent label {
        font-weight: 600;
    }

.left_Sidebarbtn {
    margin: 0px auto;
    text-align: center;
}

    .left_Sidebarbtn .btn {
        color: #FFF;
        background-color: #134093;
        border-color: #134093;
        min-width: 80px;
        box-shadow: 0px 1px 2px #6C6B6B;
        text-align: center;
        margin: 0px auto;
    }

.mainNav {
    width: 100%;
    margin: 55px 0px 0px 0px;
}

    /* First Level */
    .mainNav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        border-bottom: 1px solid #eee
    }

        .mainNav ul li {
            border-top: 1px solid #eee;
            border-left: 6px solid #fff;
            ;
        }

            /* .mainNav ul li.active  {
   border-left:6px solid #134093; ; 
   }*/

            .mainNav ul li a {
                color: #1f2d41;
                display: block;
                font-size: 1em;
                line-height: normal;
                padding: 10px 20px 10px 10px;
                text-decoration: none;
            }



                .mainNav ul li a img {
                    margin-right: 10px;
                }

                .mainNav ul li a:hover {
                    color: #333;
                    text-decoration: none;
                }

        /* Second Level */
        .mainNav ul ul {
            border-bottom: none
        }

            .mainNav ul ul li {
                border-top: 1px solid #eee;
            }

                .mainNav ul ul li a {
                    color: #444;
                    display: block;
                    font-size: 1em;
                    line-height: normal;
                    padding: 12px 0px 12px 40px;
                }

                    .mainNav ul ul li a:hover {
                        color: #333;
                    }

            /* Third Level */
            .mainNav ul ul ul {
                border-bottom: none
            }

                .mainNav ul ul ul li {
                    border-top: 1px solid #eee;
                }

                    .mainNav ul ul ul li a {
                        padding: 12px 0px 12px 50px;
                    }

.accordion-btn-wrap {
    top: 0px !important;
    width: 100% !important;
    height: 40px;
}

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

.accordion-btn-wrap i {
    font-size: 12px;
    float: right;
    margin-right: 20px;
}

.payment-details table {
    padding: 0px;
    margin: 0px 0px 2px 0px;
}

    .payment-details table td {
        padding: 10px;
    }

    .payment-details table th {
        padding: 10px;
        font-size: 14px;
    }

.btn-sucess {
    background: #77A543;
    padding: 2px 10px;
    color: #fff;
    border-radius: 3px;
}

.btn-Failed {
    background: #d04949;
    padding: 2px 10px;
    color: #fff;
    border-radius: 3px;
}

.btn-pending {
    background: #ef9c27;
    padding: 2px 10px;
    color: #fff;
    border-radius: 3px;
}

.btn-clickhere {
    background: #134093;
    padding: 3px 10px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
}

.PolicyNoForm input {
    width: 260px !important;
}

.PolicyNoForm textarea {
    width: 80% !important;
}

.PolicyNoForm label {
    margin-right: 10px;
    padding: 3px;
}

.payment-details .form-heading {
    border: none;
    font-size: 16px;
    margin-bottom: 15px;
}

.payment-details .form-heading1 h5 {
    padding: 5px 10px;
    border: 1px solid #134093;
    float: right;
    color: #134093;
    border-radius: 2px;
    font-size: 14px;
    margin: 0px 10px 10px 10px;
    cursor: pointer;
}

.payment-details .form-heading2 h5 {
    padding: 7px 13px;
    background: #134093;
    float: right;
    color: #fff;
    border-radius: 2px;
    font-size: 14px;
    margin: 10px 0px;
    cursor: pointer;
}

a.maincard {
    color: #fff;
}

.dashboard-card {
    background: #2092ed;
    text-align: center;
    height: 280px;
    position: relative;
    border-radius: 10px;
    padding: 100px 20px;
    margin-bottom: 15px;
}

    .dashboard-card a {
        color: #fff;
    }

.cardicon {
    opacity: 0.5;
    width: 112px;
    float: left;
    text-align: left;
}

    .cardicon img {
        /*width: 48px;*/
        margin-top: 5px;
    }

.card-body h4 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding-top: 15px;
}

.card-body h3 {
    margin: 0px;
    padding: 0px;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 0.5px;
}


/*@media only screen and (max-width: 767px) {
    .cardicon {
        float: none;
        text-align: center;
    }

        .cardicon img {
            width: 36px;
            margin-top: 0px;
        }

    .card-body h4 {
        font-size: 14px;
        text-align: center;
        padding: 0px;
    }
}*/

.NeedAnalysis-card {
    background: #ffc107;
    text-align: center;
    height: 132px;
    position: relative;
    border-radius: 10px;
    padding: 30px 20px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 2px 5px #ccc;
    box-shadow: 0px 2px 5px #ccc;
}

.Applications-card {
    background: #28a745;
    text-align: center;
    height: 132px;
    position: relative;
    border-radius: 10px;
    padding: 30px 20px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0px 2px 5px #ccc;
    box-shadow: 0px 2px 5px #ccc;
}

/*@media only screen and (max-width: 767px) {

    .NeedAnalysis-card,
    .Applications-card {
        height: 100px;
        padding: 15px 10px;
    }
}*/

.Tracker-card {
    background: #5023bd;
    text-align: center;
    height: 280px;
    position: relative;
    border-radius: 10px;
    padding: 100px 20px;
}

.failed i {
    font-size: 44px;
    color: red;
    border: 2px dashed red;
    border-radius: 50%;
    padding: 20px;
    width: 85px;
}

.Export h5 {
    margin: 0px;
    padding: 5px 12px;
    color: #fff;
    background-color: #db4b13;
}

.PolicyNoForm .form-group2 span.select2 {
    width: 260px !important;
}

.trigger_sel {
    float: right;
}

.ViewPending table th {
    cursor: pointer;
}

.ViewPending .table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tfoot > tr > td {
    padding: 8px 25px 8px 8px;
}

.table-sortable > thead > tr > th {
    cursor: pointer;
    position: relative;
}

    .table-sortable > thead > tr > th:after,
    .table-sortable > thead > tr > th:after,
    .table-sortable > thead > tr > th:after {
        content: ' ';
        position: absolute;
        height: 0;
        width: 0;
        right: 10px;
        top: 16px;
    }

    .table-sortable > thead > tr > th:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #ccc;
        border-bottom: 0px solid transparent;
    }

    .table-sortable > thead > tr > th:hover:after {
        border-top: 5px solid #888;
    }

    .table-sortable > thead > tr > th.asc:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 0px solid transparent;
        border-bottom: 5px solid #333;
    }

    .table-sortable > thead > tr > th.asc:hover:after {
        border-bottom: 5px solid #888;
    }

    .table-sortable > thead > tr > th.desc:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #333;
        border-bottom: 5px solid transparent;
    }

.list-header li.viewfiles a img {
    opacity: 0.7;
}

.list-header li.viewfiles a:hover img {
    opacity: 0.99;
}

.pasa {
    position: absolute;
    text-align: right;
    left: -3px;
    top: -4px;
    z-index: 9;
}

.pasa2 {
    position: absolute;
    text-align: right;
    left: 12px;
    top: 0px;
}

    .pasa2 img {
        height: 70px;
    }

ul.text-content3 li {
    display: inline-block;
    width: 19%;
    padding: 0px 0px 0px 20px;
    margin: 3px 0px;
}

.list-header ul {
    background: #eee;
}

.dropdown-menu {
    background: #fff !important;
}

.list-header2 li {
    border-left: none !important;
}

.list-container .applicantName {
    border: none;
    margin-left: 15px;
}

ul.text-content2 li.Eligiblepro {
    width: 28%;
}

ul.text-content2 li:first-child {
    margin-left: 35px;
}

ul.text-content2 li {
    padding: 0px;
    width: 13.5%;
}

ul.Campaign li {
    color: #003399;
    font-weight: 600;
}

.list-header2 ul {
    background: #eee;
    min-height: 40px;
}

    .list-header2 ul li a {
        font-weight: 600;
        text-align: right;
    }

    .list-header2 ul li.DownloadProposal {
        float: right;
    }

.list-header,
.list-body {
    padding: 0px;
}


.list-header2 ul li.DownloadProposal {
    float: right;
}

/*  .contact-opn {
                    z-index: 9;
                }*/

.pasa-ml img {
    margin-left: 35px;
}

/* .headersection{ z-index: 999999;}
 .modal-backdrop{ background-color:rgba(0, 0, 0, 0.4) ;}*/

.modal--custom {
    z-index: 99;
}

.modal-backdrop.modal-backdrop--custom {
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9;
}



.view-upload-documents li {
    color: #777;
    margin: 0px 0px 15px 0px;
    width: 24%;
    display: inline-block;
    vertical-align: top;
}




    .view-upload-documents li span {
        display: block;
        line-height: 24px;
        font-family: "calibri-bold";
        color: #555;
        margin-top: 2px;
    }

.cam-xs {
    display: none;
}

.document li {
    margin: 0px 18px 0px 0px;
    display: inline-block;
    vertical-align: top;
}

.New_Document {
    float: right;
    margin: 10px 0px;
}

.separated {
    display: block;
    margin-left: 19.5%;
}

.Product-title h4 {
    color: #134093;
    border-bottom: 1px solid #eee;
    font-family: calibri-bold;
    font-size: 16px;
    margin: 0px 0px 15px 0px;
    padding-bottom: 10px;
}

.table > tbody > tr > td.active {
    background: #e9e7ff;
}

.view_action span {
    margin: 0px 5px;
}



.tracker-text-content ul li {
    display: inline-block;
    padding: 0px 10px 0px 10px;
}

    .tracker-text-content ul li:first-child {
        border: none;
        font-family: calibri-bold;
        color: #5f5f5f;
    }

.backbtn2 {
    position: absolute;
    padding: 10px 18px;
}

    .backbtn2 i {
        font-size: 24px;
        font-weight: 400;
        color: #888
    }

.backbtn3 {
    position: absolute;
    padding: 30px 18px;
}

    .backbtn3 i {
        font-size: 24px;
        font-weight: 400;
        color: #888
    }

.tracker-filter {
    border: none;
}

.tracker-text-content-top {
    font-size: 14px;
    background: #eee;
    overflow: hidden;
    margin: 0px;
}

    .tracker-text-content-top ul li:first-child {
        border: none;
        font-family: calibri-bold;
        color: #5f5f5f;
    }


.tracker-icon {
    text-align: center;
    margin: 0px auto;
}

    .tracker-icon h5 {
        font-size: 15px;
        margin: 0px;
        padding: 5px 0px 10px 0px;
        font-family: calibri-bold;
    }

    .tracker-icon img {
        opacity: 0.6;
        padding-top: 5px;
    }

.tracker-text {
    border-left: 1px solid #ddd;
    padding-left: 30px;
}

.tracker-text2 {
    border-left: 1px solid #ddd;
    padding-left: 30px;
}

.tracker-text ul {
    padding-top: 12px;
}

    .tracker-text ul li span {
        display: block;
        font-family: calibri-bold;
    }

    .tracker-text ul li {
        width: 18.5%;
        display: inline-block;
        margin-bottom: 15px;
        vertical-align: top;
    }

.tracker-p-t {
    padding-top: 20px;
}

.tracker-text2 h3 {
    margin: 0px;
    padding: 0px;
    color: #134093;
    font-family: calibri-bold;
    font-size: 22px;
}

.tracker-text2 h4 {
    overflow: hidden;
    font-family: calibri-bold;
    font-size: 16px;
    padding: 1px;
    margin: 5px 10px 0px 0px;
}

    .tracker-text2 h4 a {
        overflow: hidden;
        color: #5f5f5f;
        font-size: 15px;
    }

.successfully {
    margin-top: 10px;
}

.btn-tracker-line {
    border: 1px solid #ef5a22;
    padding: 2px 8px;
    color: #ef5a22;
    border-radius: 3px;
    cursor: pointer;
}

.btn-tracker-line2 {
    border: 1px solid #ef5a22;
    float: left;
    margin-top: 5px;
    padding: 2px 8px;
    font-size: 12px;
    color: #ef5a22;
    border-radius: 3px;
    cursor: pointer;
}

.textsize {
    font-size: 16px;
    font-family: calibri-bold;
}

.ScheduleMedical {
    margin-bottom: 40px;
}

    .ScheduleMedical ul {
        padding-top: 10px;
    }

        .ScheduleMedical ul li span {
            display: block;
            font-family: calibri-bold;
        }

        .ScheduleMedical ul li {
            width: 49%;
            display: inline-block;
            margin-bottom: 15px;
            vertical-align: top;
        }

.trackerbtn {
    margin-top: 5px;
}

.tracker-PIVC {
    float: right;
}

    .tracker-PIVC a {
        display: inline-block !important;
        border: 1px solid #ef5a22 !important;
        color: #ef5a22 !important;
        padding: 4px 10px !important;
        font-size: 13px !important;
        border-radius: 2px
    }

.tracker-text2 .collapsed {
    padding: 10px 15px;
    color: #5f5f5f;
    overflow: hidden;
}

.trackerbtn a {
    text-decoration: underline;
    border-radius: 4px;
    color: #ef5a22;
    font-size: 14px;
}

.tracker-text2 .panel {
    padding: 0px;
    margin-bottom: 0px;
    box-shadow: none;
}


.tracker_icons a i {
    position: relative;
    overflow: hidden;
    padding: 8px 0px 0px 0px;
    border: 1px solid #999;
    border-radius: 50px;
    width: 32px;
    height: 32px;
    margin-left: 6px;
}

.tracker_icons a i {
    color: #565656;
}

    .tracker_icons a i:hover {
        background: #134093;
        border: 1px solid #134093;
        color: #fff;
    }


.tracker_icons2 a i {
    position: relative;
    overflow: hidden;
    padding: 7px 0px 0px 0px;
    border: 1px solid #999;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    margin-left: 6px;
    color: #565656;
}

    .tracker_icons2 a i:hover {
        background: #134093;
        border: 1px solid #134093;
        color: #fff;
    }


.panel-title .title_acc {
    float: left;
    width: 87%;
}

    .panel-title .title_acc span.pendings {
        float: right;
        border: 1px solid #ef5a22;
        color: #ef5a22;
        padding: 4px 10px;
        font-size: 13px;
        border-radius: 2px;
    }

.title_acc img {
    opacity: 0.6;
    margin-right: 5px;
}

span.ShareRequirements {
    float: right;
    border: 1px solid #ef5a22;
    color: #ef5a22;
    padding: 4px 10px;
    font-size: 13px;
    border-radius: 2px;
}

.tracker-top h6 {
    float: right;
    padding-top: 10px;
    color: #134093;
}

.panel-title span img {
    margin-right: 10px;
    opacity: 0.8;
}

.tracker-Pending {
    background: #f7eac8;
    float: left;
    border-radius: 2px;
    color: #f19d04;
    padding: 5px 10px;
    font-size: 13px;
    margin: 0px 20px;
}

.tracker-Completed {
    background: #dbf9e1;
    float: left;
    border-radius: 2px;
    color: #2d9850;
    padding: 5px 10px;
    font-size: 13px;
    margin: 0px 3px;
}

.tracker-camera {
    float: left;
}

    .tracker-camera span i {
        padding: 1px;
        margin: 0px;
        color: #565656;
    }

        .tracker-camera span i:hover {
            color: #fff !important;
        }

.view_action span a {
    color: #fff;
}

.view_action span.edit {
    background: #0b4daa;
    color: #fff;
    border-radius: 3px;
    padding: 3px 8px;
}

.view_action span.save {
    background: #77A543;
    color: #fff;
    border-radius: 3px;
    padding: 3px 8px;
}

.AllSchedule {
    float: right;
    margin-right: 42px;
    margin-top: 0px;
}

.tracker-text3 ul li {
    display: inline-block;
    width: 30%;
}

.tracker-container {
    background: #fff;
    overflow: hidden;
    padding: 5px;
    margin-bottom: 20px;
    border: 1px solid #d8d8d8;
}


.tracker_arrow::after {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    margin-top: -4px;
    background: #fff;
    position: absolute;
    left: 8%;
    z-index: 3;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.white_bg {
    background: #fff;
}

.progress-steps-container {
    background: #fff;
    overflow: hidden;
    padding: 0px;
    margin-bottom: 0px;
}

.progress_steps {
    margin: 0;
    list-style-type: none;
}

    .progress_steps li:first-child {
        border-bottom-color: #fff;
    }

    .progress_steps li {
        position: relative;
        font-size: 14px;
        color: #7f8c8d;
        padding: 2px 0 2px 23px;
        font-family: calibri-bold;
    }

        .progress_steps li a {
            color: inherit;
        }

        /* .progress_steps li.step-done {
    color: #2ecc71;
  }*/
        .progress_steps li.step-done:before {
            color: #2ecc71;
            content: "\f058";
        }


        .progress_steps li.current:before {
            color: #134093;
            content: "\f192";
        }

        .progress_steps li:before {
            position: absolute;
            left: 0;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 28px;
            background-color: #fff;
            content: "\f10c";
        }

.progress_steps {
    display: table;
    list-style-type: none;
    margin: 0px auto;
    padding: 0;
    table-layout: fixed;
    width: 100%;
}

    .progress_steps li {
        display: table-cell;
        text-align: center;
        padding: 0;
        padding-bottom: 20px;
        white-space: nowrap;
        position: relative;
        border-left-width: 0;
        border-bottom-width: 3px;
        border-bottom-style: solid;
        border-bottom-color: #ccc;
        color: #999;
    }

        .progress_steps li.step-done {
            border-bottom-color: #134093;
        }

        .progress_steps li.current {
            line-height: 14px;
            border-bottom-color: #ccc;
        }

            .progress_steps li.current:before {
                color: #f9ac00;
                content: "\f192";
            }

        .progress_steps li:before {
            bottom: -16px;
            left: 50%;
            margin-left: -9px;
        }


.progress_steps {
    margin: 0;
    list-style-type: none;
}

    .progress_steps li:first-child {
        border-bottom-color: #fff;
    }

    .progress_steps li {
        position: relative;
        font-size: 14px;
        color: #7f8c8d;
        padding: 2px 0 2px 23px;
        font-family: calibri-bold;
    }

        .progress_steps li a {
            color: inherit;
        }

        /* .progress_steps li.step-done {
    color: #2ecc71;
  }*/
        .progress_steps li.step-done:before {
            color: #2ecc71;
            content: "\f058";
        }


        .progress_steps li.current:before {
            color: #134093;
            content: "\f192";
        }

        .progress_steps li:before {
            position: absolute;
            left: 0;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: 28px;
            background-color: #fff;
            content: "\f10c";
        }

.progress_steps {
    display: table;
    list-style-type: none;
    margin: 15px auto;
    padding: 0;
    table-layout: fixed;
    width: 100%;
}

    .progress_steps li {
        display: table-cell;
        text-align: center;
        padding: 0;
        padding-bottom: 20px;
        white-space: nowrap;
        position: relative;
        border-left-width: 0;
        border-bottom-width: 3px;
        border-bottom-style: solid;
        border-bottom-color: #ccc;
        color: #999;
    }

        .progress_steps li.step-done {
            border-bottom-color: #134093;
        }

        .progress_steps li.current {
            line-height: 14px;
            border-bottom-color: #ccc;
        }

            .progress_steps li.current:before {
                color: #f9ac00;
                content: "\f192";
            }

        .progress_steps li:before {
            bottom: -16px;
            left: 50%;
            margin-left: -9px;
        }




.panel-default > .panel-heading {
    color: #333;
    border-color: #f9f9f9;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 15px;
}

    .panel-default > .panel-heading a {
        display: block;
        padding: 10px 15px;
    }

        .panel-default > .panel-heading a:after {
            content: "";
            position: relative;
            top: 5px;
            font-size: 14px;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            float: right;
            transition: transform .25s linear;
            -webkit-transition: -webkit-transform .25s linear;
        }

        .panel-default > .panel-heading a[aria-expanded="true"] {
            background-color: #f3f3f3;
        }


            .panel-default > .panel-heading a[aria-expanded="true"]:after {
                content: "\e114";
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }

        .panel-default > .panel-heading a[aria-expanded="false"]:after {
            content: "\e113";
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

.hideafter:after {
    display: none !important;
}


.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

.popover-content {
    word-break: break-all;
    font-size: 13px;
}

.Dispatch-btn {
    background: #134093;
    padding: 4px 10px;
    font-size: 13px;
    color: #fff;
    border-radius: 2px;
}

.tracker-text2 .table-condensed > tbody > tr > td {
    padding: 6px;
}

.tracker-text2 .table-condensed > thead > tr > th {
    padding: 6px;
}


.list-group-container {
    margin-bottom: 10px;
}

    .list-group-container .list-container {
        margin-bottom: -1px;
    }

.communicationdetails_icon {
    margin-left: 20px;
}

.communicationdetails h4 {
    padding-left: 34px;
    font-family: calibri-bold;
    padding: 10px 0px 0px 34px;
    margin: 0px;
    font-size: 15px;
}

.communicationdetails ul li.comm_Address {
    width: 40%;
}

.communicationdetails ul li.comm_Email {
    width: 25%;
}

.list-header li.RenewalDue {
    background: rgba(37, 94, 197, 0.12);
    border-radius: 2px;
    color: #134093;
    font-family: calibri-bold;
    animation: color-change 1s infinite;
}

ul.dropdown-menu.dropdown-menu-right.lapsed_dropdown li a {
    display: inline-block;
    padding: 6px 4px 6px 8px;
}

ul.dropdown-menu.dropdown-menu-right li a.PremiumPaying_download {
    padding: 6px 0px 6px 8px;
}

ul.dropdown-menu.dropdown-menu-right li a.PremiumPaying_share {
    padding: 6px 5px 6px 0px;
}

/*ul.dropdown-menu.dropdown-menu-right.lapsed_dropdown li span.lasp_down{ float: left; width: 270px;}
ul.dropdown-menu.dropdown-menu-right.lapsed_dropdown li span.lasp_share{ float: right; width: 50px; margin-top: -32px;}
ul.dropdown-menu.dropdown-menu-right.lapsed_dropdown li span a i{  width: 16px;  text-align: center;  margin-right: 10px; font-size: 14px;}*/
ul.text-content4 li {
    display: inline-block;
    width: 11%;
    margin-right: 8px;
}

    ul.text-content4 li:first-child {
        margin-left: 35px;
        width: 9%;
    }

ul.text-content5 li {
    display: inline-block;
    width: 15%;
}

    ul.text-content5 li:first-child {
        margin-left: 35px;
    }

ul.text-content2 li.Underwriting {
    margin-left: -20px;
    margin-right: 20px;
}

ul.text-content4 li.Underwriting {
    margin-left: -20px;
    margin-right: 20px;
}

.forgot_icon {
    position: absolute;
    right: 0px !important;
    top: 0px;
}

    .forgot_icon a i {
        border: 2px solid #666;
        padding: 0px;
        border-radius: 50%;
        font-size: 12px;
        color: #666;
        height: 18px;
        line-height: 15px;
        width: 18px;
    }

label.allcheckbox.checkbox2 {
    margin: 9px 0px 0px 2px;
}

.allcheckbox {
    display: block;
    position: relative;
    padding-left: 20px;
    margin: 0px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .allcheckbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.allcheckmark {
    position: absolute;
    top: -8px;
    left: 0;
    height: 16px;
    width: 16px;
    border: #adb5bd solid 1px;
    border-radius: 2px;
}

.allcheckbox:hover input ~ .allcheckmark {
    background-color: #eee;
}

.allcheckbox input:checked ~ .allcheckmark {
    background-color: #0b4da1;
    border-color: #0b4da1;
}

.allcheckmark:after {
    content: "";
    position: absolute;
    display: none;
}

.allcheckbox input:checked ~ .allcheckmark:after {
    display: block;
}

.allcheckbox .allcheckmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.Agent-xs {
    display: none !important;
}

.progress_step_vertcal {
    list-style: none;
    height: 370px;
    width: 320px;
    margin: auto;
    font-family: calibri-bold;
}

    .progress_step_vertcal li {
        display: flex;
        height: 55px;
    }

        .progress_step_vertcal li .timestamp {
            display: flex;
            justify-content: flex-end;
            width: 160px;
            padding: 2px 18px;
        }

        .progress_step_vertcal li .status {
            width: 170px;
            border-left: 3px solid #ccc;
            padding: 0px;
            padding-left: 20px;
            position: relative;
        }

            .progress_step_vertcal li .status p {
                margin: 2px 0px;
            }

            .progress_step_vertcal li .status:before {
                content: " ";
                border-radius: 20px;
                width: 20px;
                height: 20px;
                background-color: white;
                border: 3px solid #999;
                position: absolute;
                left: -12px;
                font: normal normal normal 14px/1 FontAwesome;
            }

        .progress_step_vertcal li.step-done .status {
            border-left: 3px solid #134093;
        }

            .progress_step_vertcal li.step-done .status:before {
                border: none;
                content: "\f058";
                color: #2ecc71;
                padding: 0px 0px 0px 5px;
                font-size: 24px;
                left: -17px;
                top: -1px;
                /* padding: 0px 0px 0px 1px;
        font-size: 18px;
        left: -12px;
        height: 22px;
        width: 22px;
        border: 2px solid;
        top: 0px;*/
            }

        .progress_step_vertcal li .status.last-Dispatch {
            border: none;
            left: 3px;
        }

        .progress_step_vertcal li.current {
            line-height: 14px;
            border-bottom-color: #134093;
        }

            .progress_step_vertcal li.current .status:before {
                border: none;
                content: "\f192";
                color: #f9ac00;
                padding: 0px 0px 0px 5px;
                font-size: 24px;
                left: -17px;
                top: -3px;
            }






.progressbar {
    margin: 20px 0px 0px 0px;
    padding: 0;
}

    .progressbar li {
        list-style-type: none;
        width: 16%;
        float: left;
        font-size: 14px;
        position: relative;
        text-align: center;
        font-family: calibri-bold;
        color: #777;
    }

        .progressbar li:before {
            width: 26px;
            height: 26px;
            content: '';
            line-height: 30px;
            border: 3px solid #ccc;
            display: block;
            text-align: center;
            margin: 0 auto 10px auto;
            border-radius: 50%;
            background-color: white;
            font: normal normal normal 14px/1 FontAwesome;
        }

        .progressbar li:after {
            width: 100%;
            height: 3px;
            content: '';
            position: absolute;
            background-color: #ccc;
            top: 12px;
            left: -50%;
            z-index: -1;
        }

        .progressbar li:first-child:after {
            content: none;
        }


        .progressbar li.active:before {
            border: 2px solid #2ecc71;
            color: #2ecc71;
            content: "\f058";
            font-size: 23px;
        }

        .progressbar li.current:before {
            content: "\f111";
            font-size: 10px;
            color: #f9ac00;
            border: 3px solid #f9ac00;
            line-height: 22px;
        }

        .progressbar li.active + li:after {
            background-color: #134093;
        }

.channel-details .table-responsive > .table > thead > tr > th {
    text-align: center;
    font-family: calibri-bold;
}

.red {
    color: red;
}

.green {
    color: green;
}





.toggleRow {
    display: none;
    border-bottom: solid 1px #e0e0e0 !important
}

    .toggleRow tr {
        display: table-row !important
    }

    .toggleRow td {
        background-color: #fbfbfb !important;
        vertical-align: top
    }

.toggle-row-icon {
    display: block;
    border: solid 1px #ef5a22;
    width: 26px;
    height: 26px;
    line-height: 22px;
    color: #ef5a22;
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    transform: rotate(180deg)
}

    .toggle-row-icon.open {
        transform: rotate(0deg)
    }

.toggleRow .row-data {
    text-align: left;
    display: table-row;
    width: 100%;
    height: 60px;
}

    .toggleRow .row-data span {
        display: block;
        padding-right: 10px;
        line-height: 20px;
        color: #666;
    }

        .toggleRow .row-data span:first-child {
            font-family: calibri-bold;
        }

        .toggleRow .row-data span:last-child {
            text-align: left
        }

#pagination-container {
    margin-top: 15px;
}

.simple-pagination ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    text-align: right;
}

.simple-pagination li {
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
}

    .simple-pagination li a,
    .simple-pagination li span {
        color: #666;
        padding: 5px 10px;
        text-decoration: none;
        border: 1px solid #EEE;
        background-color: #FFF;
        box-shadow: 0 0 10px 0 #EEE
    }

.simple-pagination .current {
    color: #FFF;
    background-color: #0b4daa;
    border-color: #0b4daa;
    border-radius: 5px;
}

.simple-pagination .prev.current,
.simple-pagination .next.current {
    background: #0b4daa;
    border-radius: 5px;
}

.profile_icon {
    border: 1px solid #ccc;
    box-shadow: 0px 1px 4px #ccc;
    border-radius: 50%;
    margin-right: 5px;
}

.HideDiv {
    display: none;
}

.userfilter {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    border: none;
}

    .userfilter.extraFilterSection .td-team-sorting {
        width: 100%;
    }

    .userfilter.extraFilterSection .searchfieldsec input {
        margin-left: -20px;
    }

    .userfilter.extraFilterSection .searchfieldsec button {
        position: absolute;
        right: 20px;
        margin-top: -2px;
    }



.user_master ul.action li {
    display: inline-block;
    margin: 0px 5px;
}

table.innertable {
    border: none;
}

.Premium_Receipts_share.table-condensed > tbody > tr > td {
    padding: 8px;
}

.Premium_Receipts_download.table-condensed > tbody > tr > td {
    padding: 8px;
}

.nav-white {
    background: #fff;
}

.navbar-brand {
    padding: 0px;
}

.navbar-nav > li > a {
    color: #354b60;
    font-family: calibri-bold;
    font-size: 15px;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background: #fff;
}

.customer_nav {
    padding-left: 11%;
}

.customer_tracker_header {
    height: 70px;
    padding-top: 10px;
}

ul.customer_nav_right li a {
    font-size: 16px;
}

    ul.customer_nav_right li a i {
        font-size: 20px;
    }

.customer_tracker .panel-default > .panel-heading a {
    overflow: hidden;
    font-family: calibri-bold;
    border: 1px solid #ddd;
    font-size: 16px;
    padding: 10px;
    -webkit-box-shadow: 0px 2px 8px rgba(105, 105, 105, 0.05);
    box-shadow: 0px 2px 8px rgba(105, 105, 105, 0.05);
    border-radius: 5px;
    margin: 15px 0px 0px 0px;
    background-color: #f9f9f9;
}

.customer_tracker .panel-default > .panel-heading {
    margin: 0px;
    background-color: #fff;
}

.customer_tracker {
    background: #fff;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 2px 8px rgba(105, 105, 105, 0.05);
    box-shadow: 0px 2px 8px rgba(105, 105, 105, 0.05);
    border-radius: 2px;
}

    .customer_tracker h3 {
        margin: 0px;
        font-family: calibri-bold;
        color: #134093;
        padding: 5px 3px;
        font-size: 18px;
    }

    .customer_tracker .tracker_icons a i {
        padding: 6px 0px 0px 0px;
        font-size: 16px;
        width: 28px;
        height: 28px;
        margin: 0px 2px 0px 0px;
        text-align: center;
    }

    .customer_tracker .radius {
        width: 28px;
        height: 28px;
        margin: 0px 5px 0px 0px;
    }

        .customer_tracker .radius:hover {
            background: #134093;
            border: 1px solid #134093;
            color: #fff;
        }

            .customer_tracker .radius:hover i {
                color: #fff;
            }

    .customer_tracker .panel-title .title_acc {
        color: #5f5f5f;
    }

    .customer_tracker .panel {
        margin-bottom: 0px;
        padding: 0px;
        box-shadow: none;
    }

.customer-form-group {
    margin: 0px;
}

.RequirementUpload h4 {
    font-family: calibri-bold;
    font-size: 15px;
    margin: 0px;
}

.RequirementUpload .form-group1 {
    margin-top: 4px;
}

.RequirementUpload h5 {
    padding: 8px 0px;
    margin: 0px;
}

.RequirementUpload {
    padding: 10px 10px 50px 10px;
    border: 1px solid #eee;
    margin: 6px;
}

/* .RequirementUpload:first-child {
    border: none;
    padding: 0px 0px 5px 0px;
} */

.customer_tracker h5.comments_content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 240px;
}

.customer_tracker .panel-body {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: -2px;
}

.customer_tracker .panel-title .title_acc {
    width: 90%;
}

ul.Schedule-content li {
    display: inline-block;
    width: 19%;
    vertical-align: top;
    margin-bottom: 15px;
    font-size: 15px;
}

    ul.Schedule-content li.Address {
        display: inline-block;
        width: 35%;
        vertical-align: top;
    }

    ul.Schedule-content li label {
        font-family: calibri-bold;
        font-size: 15px;
    }

.PIVC-panel {
    overflow: hidden;
    font-family: calibri-bold;
    border: 1px solid #ddd;
    font-size: 16px;
    padding: 10px 10px 4px 10px;
    -webkit-box-shadow: 0px 2px 8px rgba(105, 105, 105, 0.05);
    box-shadow: 0px 2px 8px rgba(105, 105, 105, 0.05);
    border-radius: 5px;
    margin: 15px 0px 20px 0px;
    background-color: #f9f9f9;
}

    .PIVC-panel .tracker-PIVC a {
        margin: 0px !important;
        border-radius: 2px !important;
    }

.Schedulelist h4 {
    font-family: calibri-bold;
    font-size: 15px;
    margin: 0px 0px 15px 0px;
}

.Schedulelist_table .table-condensed > tbody > tr > td {
    padding: 8px;
}

.Schedulelist_table.r_table .table-bordered > thead > tr > th {
    padding: 8px;
    font-family: calibri-bold !important;
}

.schedule_btn {
    margin: 20px 0px 0px 0px
}

@media only screen and (max-width: 480px) and (min-width: 320px) {
    .schedule_btn {
        float: right;
    }
}

.customer_tracker_header .dropdown:hover .dropdown-menu {
    display: block;
    webkit-box-shadow: 0 0 17px -2px #c7c7c7;
    -moz-box-shadow: 0 0 17px -2px #c7c7c7;
    box-shadow: 0 0 17px -2px #c7c7c7;
}

.customer_tracker_header .dropdown-menu > li > a {
    color: #354b60;
    font-family: calibri-bold;
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px 20px;
}

    .customer_tracker_header .dropdown-menu > li > a:hover {
        background: #fff;
        color: #ef5a22;
    }

.customer_tracker_header .dropdown-menu {
    width: 220px;
    background: #F2F2F2 !important;
    border: none;
}

.customer_tracker_header .nav > li > a:hover,
.nav > li > a:focus {
    background: #fff;
    color: #ef5a22;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    .customer_tracker_header .navbar .nav-item .dropdown-menu {
        display: none;
    }

    .customer_tracker_header .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .customer_tracker_header .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}

/* ============ desktop view .end// ============ */


@media all and (min-width:991px) {
    .customer_tracker_header .dropdown:after {
        content: '';
        top: 70px;
        right: 0;
        bottom: 0;
        left: 0;
        transition: opacity .15s ease-in-out;
        opacity: 0;
        visibility: hidden;
        background-color: rgba(255, 255, 255, 0.5);
        pointer-events: none;
    }

    .customer_tracker_header .dropdown:hover .nav-link {
        position: relative;
        z-index: -1;
    }

    .customer_tracker_header .dropdown:hover:after {
        z-index: 10;
        opacity: 1;
        visibility: visible;
        position: fixed;
    }
}

.user-detail .form-heading {
    border: none;
    font-size: 16px;
    margin-bottom: 10px;
}

.Searchtext {
    padding-top: 5px;
    position: absolute;
    left: 10px;
    font-size: 15px;
}

.user-detail table {
    padding: 0px;
    margin: 0px 0px 2px 0px;
}

h4.usertitle {
    padding: 6px 0px;
}

.usertitle h3 {
    margin: 0px 0px 20px 0px;
    font-size: 16px;
    font-weight: 600;
    background: #eee;
    padding: 10px;
}

    .usertitle h3 i {
        margin-right: 10px;
    }

    .usertitle h3 a {
        color: #5f5f5f;
    }

.action2 li span a.Editbtn {
    padding: 0px 5px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background: none;
    color: #134093;
    line-height: 22px;
}

.action2 li span a.Viewbtn {
    padding: 0px 5px;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background: none;
    border: solid 1px #134093;
    color: #134093;
    line-height: 22px;
}

.action2 li span a i {
    font-size: 12px;
}

.greenbtn {
    background: #77A543;
    padding: 0px 5px;
    color: #fff;
    width: 60px;
    margin: 0px auto;
    text-align: center;
    font-size: 12px;
    display: block;
    border-radius: 2px;
    margin-bottom: 5px;
}

.redbtn {
    background: #d04949;
    padding: 0px 5px;
    color: #fff;
    width: 60px;
    margin: 0px auto;
    text-align: center;
    font-size: 12px;
    display: block;
    border-radius: 2px;
    margin-bottom: 5px;
}

.orangebtn {
    background: #ff8d00;
    padding: 0px 5px;
    color: #fff;
    width: 60px;
    margin: 0px auto;
    text-align: center;
    font-size: 12px;
    display: block;
    border-radius: 2px;
    margin-bottom: 5px;
}

.submitbtn {
    text-align: center;
    margin-bottom: 15px;
}

    .submitbtn .btn {
        padding: 7px 20px;
        font-size: 15px;
        font-family: calibri-bold;
    }


.procontent {
    padding: 10px;
    margin: 0px;
}

.procontent2 {
    padding: 0px 0px 0px 30px;
    margin: 0;
    border-left: 1px solid #eee;
}

    .procontent2 p {
        margin: 0px;
        padding: 0px;
    }

    .procontent2 h6 {
        margin-bottom: 20px;
        font-family: calibri-bold;
        font-size: 15px;
    }

.profile {
    text-align: center;
}

    .profile h4 {
        padding-top: 10px;
        margin: 0px;
        font-family: calibri-bold;
        font-size: 18px;
    }

    .profile h5 {
        text-align: left;
        padding-top: 15px;
        border-top: 1px solid #F5F5F5;
        font-size: 18px;
    }


    .profile ul {
        text-align: left;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .profile ul li {
            padding: 10px 0;
            border-bottom: 1px solid #F5F5F5;
        }

            .profile ul li span {
                display: block;
                font-family: calibri-bold;
                font-size: 15px;
            }

.user_master ul.action2 li {
    display: inline-block;
    margin: 0px 1px;
}

.Excelbtn {
    margin: 10px 0px 0px 0px;
    font-family: calibri-bold;
    padding: 4px 15px;
}

table.user_master tr.OrangeText td {
    color: #ff8d00;
}

table.user_master tr.RedText td {
    color: #dd0303;
}

.ProposalDetailstable.r_table .table-bordered > thead > tr > th {
    padding: 8px;
    font-family: calibri-bold !important;
}

.ProposalDetailstable .table-condensed > tbody > tr > td {
    padding: 8px;
    font-family: calibri-bold;
    font-size: 15px;
    color: #5f5f5f;
}

.customer_tracker p.fulfilment {
    margin-top: 20px;
}

.customer_tracker p.Thankyou {
    font-size: 15px;
}

.customer_tracker h3.YourProposal {
    font-size: 16px;
    color: #5f5f5f;
    margin-bottom: 3px;
}

#breadcrumb {
    list-style: none;
    display: inline-block;
    margin: 40px 0px;
}

    #breadcrumb .icon {
        font-size: 14px;
    }

    #breadcrumb li {
        float: left;
    }

        #breadcrumb li a {
            color: #FFF;
            display: block;
            background: #3370c5;
            text-decoration: none;
            position: relative;
            height: 40px;
            line-height: 40px;
            padding: 0 10px 0 5px;
            text-align: center;
            margin-right: 23px;
        }

        #breadcrumb li:nth-child(even) a {
            background-color: #3370c5;
        }

            #breadcrumb li:nth-child(even) a:before {
                border-color: #3370c5;
                border-left-color: transparent;
            }

            #breadcrumb li:nth-child(even) a:after {
                border-left-color: #3370c5;
            }

        #breadcrumb li:first-child a {
            padding-left: 15px;
            -moz-border-radius: 4px 0 0 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px 0 0 4px;
        }

            #breadcrumb li:first-child a:before {
                border: none;
            }

        #breadcrumb li:last-child a {
            padding-right: 15px;
            -moz-border-radius: 0 4px 4px 0;
            -webkit-border-radius: 0;
            border-radius: 0 4px 4px 0;
        }

            #breadcrumb li:last-child a:after {
                border: none;
            }

        #breadcrumb li a:before,
        #breadcrumb li a:after {
            content: "";
            position: absolute;
            top: 0;
            border: 0 solid #3370c5;
            border-width: 20px 10px;
            width: 0;
            height: 0;
        }

        #breadcrumb li a:before {
            left: -20px;
            border-left-color: transparent;
        }

        #breadcrumb li a:after {
            left: 100%;
            border-color: transparent;
            border-left-color: #3370c5;
        }




.pivcdetails ul {
    list-style-type: none;
    display: inline;
    margin: 0px;
    padding: 0px;
}

    .pivcdetails ul li span {
        width: 35%;
        float: left;
        color: #003399;
        font-weight: 700;
    }


        .pivcdetails ul li span span {
            width: 100%;
            float: left;
        }

    .pivcdetails ul li {
        list-style-type: none;
        border-bottom: 1px solid #eee;
        padding: 10px;
        margin: 0px;
        overflow: hidden;
    }

        .pivcdetails ul li a {
            color: #5f5f5f;
        }

        .pivcdetails ul li span.proapp {
            float: left;
            color: #5f5f5f;
            width: 65%;
            padding-left: 25px;
            line-height: 24px;
        }

@media all and (max-width:767px) {
    .pivcdetails ul li span {
        width: 60%;
    }

        .pivcdetails ul li span.proapp {
            width: 40%;
            padding-left: 5px;
        }

    .pivcdetai ls ul li {
        padding: 10px 0px;
    }

    .pivcdetails.pivcdetails2 ul li span {
        width: 50%;
        white-space: normal !important;
        word-wrap: break-word;
    }

        .pivcdetails.pivcdetails2 ul li span.proapp {
            width: 50%;
            padding-left: 5px;
            white-space: normal !important;
            word-wrap: break-word;
        }

        .pivcdetails.pivcdetails2 ul li span span {
            width: 100%;
            float: left;
        }

    .mr-0 {
        padding: 0px;
    }
}


.customer h5.skip {
    text-align: right;
    margin: 0px 5px 5px 0px;
}

.customer p {
    font-size: 15px;
}

.myteam h4 {
    background: #eee;
    min-height: 40px;
    border: 1px solid #d8d8d8;
    margin: 0px;
    padding: 10px 20px;
    font-family: 'calibri-bold';
}

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

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

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

.myteamcontent {
    width: 75%;
    float: left;
    overflow: hidden;
    margin: 15px 10px;
}

.myteambox {
    padding: 15px 15px 15px 20px;
    border: 1px solid #eee;
}

.myteamcontent .form-heading {
    border: none;
    font-size: 16px;
}

.myteambox span.box i {
    font-size: 20px;
    width: 45px;
    height: 45px;
    border-radius: 100px;
    border: 1px solid #6658dd;
    color: #6658dd;
    line-height: 45px;
    text-align: center;
    margin-top: 2px;
}

.myteambox span.box1 i {
    border: 1px solid #6658dd;
    color: #6658dd;
    background: rgb(102 112 224 / 15%);
}

.myteambox span.box2 i {
    border: 1px solid #1abc9c;
    color: #1abc9c;
    background: rgb(26 190 174 / 15%);
}

.myteambox span.box3 i {
    border: 1px solid #f7b84b;
    color: #f7b84b;
    background: rgb(247 184 75 / 15%);
}

.myteambox span.box4 i {
    border: 1px solid #9067c5;
    color: #9067c5;
    background: rgb(144 103 197 / 15%);
}

.myteambox span.box5 i {
    border: 1px solid #ea7acd;
    color: #ea7acd;
    background: rgb(234 122 205 / 15%);
}

.myteambox h3 {
    margin: 0px;
    padding: 2px 0px;
    font-size: 25px;
    font-family: 'calibri-bold';
    text-align: right;
}

.myteambox h4 {
    margin: 0px;
    padding: 0px 0px 8px 0px;
    font-size: 16px;
    color: #777;
    font-family: 'calibri';
    text-align: right;
}

.myteambox h5.self {
    margin-left: 10px;
    text-align: left;
}

.myteambox h5 span {
    display: block;
    font-size: 15px;
    margin-top: 2px;
    font-family: 'calibri';
    color: #888;
}

.myteambox h5 {
    font-family: 'calibri-bold';
    text-align: right;
}

@media all and (max-width:991px) {
    .treeView {
        background-color: #1e3661;
        padding: 10px 0px;
        min-height: 540px;
        font-family: 'calibri-bold';
        width: 94%;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.60);
        color: #bbbbbb;
        float: left;
        margin-right: 10px;
    }

    .myteamcontent {
        width: 94%;
        float: none;
        overflow: hidden;
        margin: 15px 10px;
    }
}

.document-upload h4 {
    color: #333;
    display: inline-block;
    font-family: calibri-bold;
    line-height: 20px;
    background: #e2e2e2;
    padding: 6px 10px;
    font-size: 15px;
    width: 100%;
    margin-bottom: 10px;
}

.UploadDocument {
    padding: 10px;
}

    .UploadDocument h4 {
        color: #333;
        display: inline-block;
        font-family: calibri-bold;
        line-height: 22px;
        background: #e2e2e2;
        padding: 4px 10px;
        font-size: 15px;
        width: 100%;
        margin-bottom: 0px;
    }

        .UploadDocument h4 span a.btn {
            float: right;
            padding: 1px 6px;
        }

    .UploadDocument ul {
        list-style: none;
        margin-left: 5px;
    }

        .UploadDocument ul li {
            list-style: none;
            line-height: 32px;
        }

            .UploadDocument ul li i {
                font-size: 12px;
            }


.accordion-heading2:before {
    font-family: 'FontAwesome';
    content: "\f068";
    position: absolute;
    transition: all 0.5s;
    z-index: 9;
    top: 12px;
    font-size: 13px;
    left: 10px;
}

.accordion-heading2.collapsed:before {
    content: "\f067";
}

ul.text-content4 li.Login {
    width: 10%;
}

ul.text-content4 li.Status {
    width: 16%;
}

ul.text-content4 li.Comments {
    width: 26%;
}

@media all and (max-width:991px) {
    .accordion-heading2:before {
        left: 6px;
    }
}



.dropdown.contact-opn2.contact-opn4 {
    position: relative;
    vertical-align: baseline;
    width: 40px;
    text-align: center;
    margin-top: -50px;
    margin-right: 25px;
    float: right;
    top: 0px;
    right: 0px;
}


.comboplus {
    position: absolute;
    top: 30px;
    left: 10px;
    z-index: 9;
    font-size: 13px;
    cursor: pointer;
}

ul.secondPolicy-content {
    background: #f1f0f0;
    margin: 0px 20px 15px 20px;
    padding: 0px;
}

    ul.secondPolicy-content li:first-child {
        margin-left: 14px;
    }

    ul.secondPolicy-content li {
        margin: 5px 3px;
    }


.panel-title1 > a:before {
    float: left !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 5px;
}

.panel-title1 > a.collapsed:before {
    float: left !important;
    content: "\f067";
}

.panel-title1 > a:hover,
.panel-title1 > a:active,
.panel-title1 > a:focus {
    text-decoration: none;
}

li.panel-title1 {
    border: none;
    padding: 3px 5px 0px 0px;
}

    li.panel-title1 a {
        color: #5f5f5f;
        font-size: 12px;
    }

.comboplus a {
    color: #5f5f5f;
    font-size: 13px;
}

.combo {
    position: absolute;
    text-align: right;
    left: -3px;
    top: -4px;
    z-index: 9;
}

.combo2 {
    position: absolute;
    text-align: right;
    left: 10px;
    top: 0px;
}

    .combo2 img {
        height: 70px;
    }


.combo2-ml img {
    margin-left: 50px;
    max-width: 200px;
}

.owl-carousel1.owl-theme {
    padding: 0px 12px;
}

@media all and (max-width:767px) {
    .owl-carousel1.owl-theme {
        padding: 0px 22px 20px 22px;
    }

    .combo2 {
        position: absolute;
        text-align: right;
        left: 10px;
        top: 0px;
    }
}


@media all and (max-width:480px) {
    li.panel-title1 {
        position: absolute;
        background: #eee;
        left: 6px;
        padding: 0px !important;
        margin: 0px !important;
    }

    .pro-img img {
        max-width: 100% !important;
    }

    .combo2-ml img {
        margin-left: 50px;
        max-width: 150px !important;
    }
}

.pdftabs ul.nav-tabs li.active {
    border-bottom: 2px solid #db4b13;
    font-family: calibri-bold;
    margin-bottom: 2px;
}

.pdftabs .nav-tabs {
    border: none;
    margin-bottom: 10px;
    overflow: auto;
    white-space: nowrap;
}

    .pdftabs .nav-tabs > li.active > a {
        border: none;
    }

    .pdftabs .nav-tabs > li {
        display: inline-block;
        float: none;
    }

        .pdftabs .nav-tabs > li > a {
            color: #333;
            padding: 5px 15px
        }

label strong {
    font-size: 15px;
    color: #5f5f5f;
}

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

@media all and (max-width:767px) {
    .mt-22 {
        margin-top: 0px;
    }
}

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

.nri-ques {
    width: 20%;
    display: inline-block;
}

.nri-ques2 {
    width: 35%;
    display: inline-block;
}

@media all and (max-width:767px) {
    .nri-ques {
        width: 60%;
        display: inline-block;
    }
}

/* .select2-dropdown .select2-search--dropdown {
    display: block !important;
} */

.payment-review li {
    margin-top: 15px;
    margin-left: 10px;
}

.text {
    padding-bottom: 20px;
}

.payment-policy li {
    display: inline-block;
    margin-top: 2px;
    padding-right: 10px;
}

.aob-bg {
    background: #5e3fab;
}

.Tracker-bg {
    background: #ec6242;
}

.ProposalTracker-bg {
    background: #b600c0;
}

.FeedbackQuestion-bg {
    background: green;
}

.QMSFeedbackQuestion-bg {
    background: #08c;
}

.Compass-bg {
    background: #2092ed;
}

.Customer-bg {
    background: #15af92;
}

.branchUpdation-bg {
    background: #705fb9;
}

ul.secondPolicy-content li.trackerStatus {
    width: 49%;
    text-align: right;
    padding-top: 4px;
}


/*Feedback form css*/
.feedbackcontainer {
    padding: 30px;
    min-height: 60vh;
}

.feedbackformCheck {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px
}

.feedbacksubmitbutton {
    background-color: rgb(45, 28, 150);
    border-color: rgb(45, 28, 150);
    color: rgb(255, 255, 255);
}

.feedbackformheading {
    color: #5f5f5f;
    display: inline-block;
    font-family: calibri-bold;
    line-height: 20px;
    margin-top: 2px;
    margin-bottom: 6px;
    display: flex;
}

.feedbackformheadingoptions {
    color: #5f5f5f;
    display: flex;
    font-family: calibri-bold;
    line-height: 20px;
    margin-top: 2px;
    margin-bottom: 6px;
    justify-content: space-evenly;
}

.feedback-btn-radio {
    display: flex;
    justify-content: space-evenly;
}


.Feedback-textbox {
    margin-top: 40px;
}

.feedback-question {
    display: inline-block;
    font-weight: 400;
    margin: 0px;
    color: #777;
    font-size: 16px;
}
/*feedback form end*/







@media only screen and (max-width: 480px) and (min-width: 320px) {
    ul.secondPolicy-content li.trackerStatus {
        width: auto;
        text-align: justify;
        padding-top: 4px;
    }

    .btn-xs,
    .btn-group-xs > .btn {
        font-size: 12px;
    }
}

.needradio {
    margin: 0px;
    padding: 0px 2px;
}

    .needradio .checkmark {
        top: -8px;
        left: -5px;
    }

.need-existing.table-condensed > tbody > tr > td {
    padding: 4px 10px;
    cursor: pointer;
}

.need-existing tr.selected {
    background: #f1f1f1;
}

.Search-button a {
    color: #fff;
}

.Search-button .btn.btn-next {
    float: none;
}

@media only screen and (max-width: 480px) and (min-width: 320px) {
    .needradio .checkmark {
        top: -15px;
        left: 0px;
    }

    .need-existing.table-condensed > tbody > tr > td {
        padding: 8px 10px;
    }

    .need-existing .form-group3 {
        margin: 0px;
    }

    .clearfix2 {
        clear: both;
    }

    .Search-button .btn.btn-next {
        float: right;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 768px) and (min-width: 481px) {
    .needradio .checkmark {
        top: -15px;
        left: 0px;
    }

    .need-existing.table-condensed > tbody > tr > td {
        padding: 8px 10px;
    }

    .need-existing .form-group3 {
        margin: 0px;
    }
}

.ckyctop {
    top: 5px
}

.Splitbtnplus h5 a.btn-secondary {
    border-radius: 50px;
    padding: 4px 6px 2px 8px;
    line-height: 22px;
    text-align: center;
}



.captureimg {
    margin: 20px auto 0px;
    text-align: center;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    gap: 15px;
}

    .captureimg img {
        margin: 0px auto;
        text-align: center;
        width: 238px;
        height: 180px;
        padding: 0px;
    }

.captureimgminor {
    margin: 20px auto 0px;
    text-align: center;
    width: auto;
    gap: 15px;
    justify-content: center;
    display: flex;
    border-radius: 2px;
    padding: 0px;
    position: relative;
}

    .captureimgminor img {
        margin: 0px auto;
        text-align: center;
        width: 238px;
        height: 180px;
        padding: 0px;
    }


.btn-org {
    background: #e53900;
}

.PremiumAmount tr td {
    color: #5f5f5f;
}

.rs {
    font-family: 'FontAwesome';
    margin-left: 2px;
}

.eNachpay3 {
    font-size: 20px !important;
    margin-top: 20px;
    line-height: 25px;
}

h6.eNachpay3 a {
    margin-left: 15px;
}

@media all and (max-width:767px) {
    .eNachpay3, .eNachpay, .eNachpay2 {
        font-size: 17px !important;
        margin-top: 15px;
    }

    .eNachpay2 {
        font-size: 17px !important;
        line-height: 25px;
    }
}

/* .datetimepicker{transform: translate(0em, -25em); } */
.datetimepicker-dropdown-bottom-right:after {
    display: none !important;
}

.datetimepicker-dropdown-bottom-right:before {
    display: none !important;
}

.radiomg {
    margin: 0px;
}

.customerotp2 {
    margin: 0px auto;
    text-align: center;
}

    .customerotp2 input {
        display: inline-block;
        width: 40px;
        height: 40px;
        text-align: center;
        border: none;
        border-bottom: 1px solid #777;
        font-weight: bold;
        font-size: 18px;
    }


.mob-nav {
    position: fixed;
    z-index: 99;
    height: 55px;
    padding: 0px;
    bottom: 0px;
    background: #fff;
    width: 100%;
    color: #333;
    -webkit-box-shadow: 0px 0px 5px #dedede;
    box-shadow: 0px 0px 5px #dedede;
}

    .mob-nav ul {
        list-style: none;
        display: flex;
    }

        .mob-nav ul li {
            -ms-flex: 1 1 30%;
            flex: 1 1 30%;
            padding: 8px 0px;
            margin: 0px 5px;
            font-size: 11px;
            text-align: center;
            vertical-align: top;
            line-height: 13px;
            color: #333;
            font-weight: 600;
            filter: grayscale(1);
            transition: filter .3s ease-out;
            opacity: 0.6;
        }


            .mob-nav ul li span {
                display: block;
            }

            .mob-nav ul li img {
                width: 20px;
                padding-bottom: 6px;
            }

            .mob-nav ul li.active {
                opacity: 100%;
                filter: none;
                color: #134093;
                font-weight: 600;
            }


.login-bg2 {
    background: url(../img/login-bg.png);
}


.Newpolicy {
    background: #fff;
    min-height: 300px;
    overflow-y: scroll;
    overflow: hidden;
    -webkit-box-shadow: 0px 2px 5px #ccc;
    box-shadow: 0px 2px 5px #ccc;
    border-radius: 5px;
    margin: 10px 0px;
}

    .Newpolicy .table {
        border: none;
    }

        .Newpolicy .table th {
            background: #fff;
            padding: 10px;
            font-weight: 600;
        }


        .Newpolicy .table td {
            border-top: 1px solid #eee;
            padding: 10px;
        }

            .Newpolicy .table td .btn {
                padding: 2px 8px;
            }

.tableFixHead {
    overflow-y: auto;
    height: 320px;
}

    .tableFixHead thead th {
        position: sticky;
        top: -2px;
        z-index: 9;
        border-bottom: 1px solid #ccc;
    }


.policy-title h4 {
    font-weight: 600;
    padding: 5px 12px;
}

.policy-title h5 {
    font-weight: 600;
    padding: 7px 20px;
}

.policy-title {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #ccc;
}

.Newpolicy .agebtn {
    float: right;
    padding: 2px 10px;
    font-weight: 600;
    text-align: center;
    width: 78px;
    font-size: 13px;
    border: 1px solid #134093;
    color: #134093;
    border-radius: 5px;
}

.Newpolicy .downloadpdf {
    float: right;
    padding: 2px 10px;
    font-weight: 600;
    text-align: center;
    font-size: 13px;
    color: #134093;
    border-radius: 5px;
}

.Products-details .tab-content {
    height: 320px;
    overflow-y: scroll;
}

.Products-details .table tr td a {
    color: #888;
}

    .Products-details .table tr td a:hover {
        color: #0B4DAA;
    }

.Products-details .table tr td span.downloadpdf a {
    color: #0B4DAA;
}

.welcome-text {
    position: absolute;
    left: 16%;
    transform: translatex(-16%);
    color: #333;
    margin-top: 10px;
    font-size: 18px;
}

.boxcard {
    margin-top: 20px;
}

.boxcard2 {
    margin-top: 25px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .policy-title h4 {
        font-size: 17px;
        font-weight: 600;
        padding: 5px 12px;
    }

    .Products-details {
        margin-bottom: 20px;
    }
    /* body{
        padding-bottom: 30px;
    }
    footer{ position: relative;} */
    .boxcard {
        margin-top: 0px;
    }

    .boxcard2 {
        margin-top: 0px;
    }

    .payment-review li h3 {
        font-size: 15px;
    }
}

.mainlogin {
    min-height: 100vh;
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
}

.login-form2 {
    background: #fff;
    -webkit-box-shadow: 0px 5px 15px #ccc;
    box-shadow: 0px 5px 15px #ccc;
    border-radius: 10px;
    width: calc(100% - 300px);
    margin: 0px auto;
    height: 530px;
    overflow: hidden;
    text-align: center;
}


.form-content {
    background: #11419a;
    height: 550px;
    padding: 40px;
    color: #fff;
}

.e-logo {
    padding-top: 5%;
}

.form-content h4 {
    margin-bottom: 30px;
}

.form-content .form-control {
    background: #fff;
    padding: 10px 10px 10px 35px;
    height: 44px;
    border-radius: 6px;
}

.form-content .form-group span.icon {
    position: absolute;
    top: 12px;
    z-index: 999;
    left: 8px;
}

    .form-content .form-group span.icon img {
        width: 18px;
    }

.form-content .form-horizontal .form-group {
    position: relative;
}

.form-content a.forgot-pass {
    color: #fff;
    font-size: 14px;
}

.blue {
    color: #039;
}

.fs-14 {
    font-size: 14px !important;
}

.form-content .back2login {
    color: #fff;
    text-align: center !important;
    margin-top: 5px;
}

.form-content span.toggle-password {
    color: #444;
    position: absolute;
    right: 10px;
    top: 14px;
    cursor: pointer;
    color: #333;
    z-index: 999;
}

/* .line2{ width: 8px; background:rgb(13 56 134 / 70%); height: 530px; z-index:0; top: 10px; left:4px; border-radius: 10px; position: absolute;}
.line3{ width: 8px; background:rgb(13 56 134 / 50%); height: 490px; z-index:0; top: 30px; left:-3px; border-radius: 10px; position: absolute;} */



@media only screen and (min-width: 320px) and (max-width: 767px) {
    .login-form2 {
        width: 98%;
        padding: 0px;
        height: auto;
    }

    .mainlogin {
        display: block;
    }

    .form-content {
        padding: 10px 20px;
        height: 460px;
    }
}


@media only screen and (min-width: 768px) and (max-width:1023px) {

    .login-form2 {
        width: calc(100% - 10px);
        padding: 0px;
        height: auto;
    }
}

.top-filtersectionsticky {
    position: sticky;
    top: 50px;
    width: 100%;
    z-index: 99;
    background-color: #fff;
    padding: 5px 20px 0px;
    box-shadow: 1px 2px 3px RGBA(0, 0, 0, 0.24);
    /* -webkit-transition:all 0.3s; 
    -moz-transition:all 0.3s; 
    transition:all 0.3s; */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.container-fluid.top75 {
    min-height: 580px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*  
.top75{  padding-top: 75px !important;}
@media all and (max-width:767px) {
    .top75{ padding-top: 110px !important;} 
} */

/* 16-04-2021 customer-page */
.Camerabtn a:hover {
    color: #fff;
}

.Camerabtn1 {
    margin: -44px 10px 25px 10px;
}

    .Camerabtn1 a {
        background: #3a3a3a;
        font-size: 20px;
        padding: 11px 12px;
        border-radius: 50px;
        color: #fff;
        border: 1px solid #1f1f1f;
    }

        .Camerabtn1 a:hover {
            background: #313131;
        }

.customercontent {
    margin-top: 10px;
}

.customermt {
    margin-top: 40px;
}

.pivcdetails .checkbox {
    margin-bottom: 12px !important;
    line-height: 20px;
    color: #003399;
    font-weight: 700;
    margin-top: 10px;
}

.pivcdetails p.proapp {
    padding-top: 10px;
    font-weight: 700;
    color: #5f5f5f;
}

.clearfix.line {
    border-bottom: 1px solid #eee;
}

.pivcdetails .checkmark1 {
    top: 0px;
}

.btnprev {
    position: absolute;
    left: 10px;
    margin-top: 15px;
}

a.btnprev {
    font-size: 16px;
    font-weight: 600;
    color: #e53900;
    border-radius: 4px;
    min-width: 70px;
    padding: 5px 8px;
    /* border: 1px solid #e53900; */
}

.whitebg {
    background: #fff;
    width: 100%;
    height: 38px;
    position: absolute;
    top: -5px;
    z-index: 99;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .whitebg {
        top: -16px;
    }

    .customermt {
        margin-top: 20px;
    }

    .btnprev {
        left: 0px;
        width: 100%;
        margin-top: 60px;
    }

    .discl-btn {
        padding-bottom: 30px;
    }
}


p.Medical_Note {
    font-weight: 600;
    color: #e84c0a;
    margin-bottom: 15px;
}

.top-Apptracker-sticky {
    position: fixed;
    top: 40px;
    width: 100%;
    z-index: 99;
    background-color: #fff;
    padding: 20px 0px 0px 0px;
    box-shadow: 1px 2px 3px RGBA(0, 0, 0, 0.24);
    -webkit-transform: translateZ(0);
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .top-Apptracker-sticky {
        padding: 10px 0px 0px 0px;
    }
}




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

.btn-reset {
    border: 1px solid #ef5a22;
    padding: 5px 12px;
    color: #ef5a22;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 5px;
}

.tooltop.tooltop2 {
    float: none;
    margin-left: 5px;
}

    .tooltop.tooltop2 i {
        width: 14px;
        height: 14px;
        font-size: 10px;
        line-height: 14px
    }


.medical_current {
    background: #efefef;
    padding: 3px 5px;
    margin-bottom: 15px;
    border-radius: 2px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {

    .btn-reset {
        margin-right: 10px !important;
    }
}


.account1 .form-group option {
    display: block !important;
}

.adjust h5 {
    margin-bottom: 15px;
}

.soft-copy {
    margin: 0px auto;
    text-align: center;
    padding: 20px;
}

    .soft-copy p {
        font-size: 16px;
        margin-top: 20px;
        padding: 0px 0px;
    }

    .soft-copy h5 {
        font-size: 16px;
        font-weight: 600;
        margin-top: 20px;
        padding: 0px 0px;
    }

    .soft-copy img {
        width: 64px;
        opacity: 0.8;
    }

.softcopy-content .modal-body {
    max-height: calc(77vh - 10px);
}

.later {
    margin-top: 10px;
    position: absolute;
    text-align: center;
    left: 45%;
    z-index: 99;
}

@media all and (max-width: 767px) {
    .later {
        left: 40%;
    }
}

.later h5 {
    font-weight: 600;
    font-size: 13px;
    background-color: #fff;
    border: 1px solid #f15a23;
    cursor: pointer;
    margin: 0px;
    color: #f15a23;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
}

    .later h5 i {
        margin-left: 5px;
    }

.smile {
    margin: 0px auto;
    text-align: center
}

    .smile h5 {
        color: #e53900;
        font-size: 16px;
        font-weight: 600;
        margin: 10px 0px 5px 0px;
        padding: 0px;
    }

.smile2 {
    position: absolute;
    bottom: -45px;
    right: -36px;
}

    .smile2 h5 {
        color: #e53900;
        font-size: 16px;
        font-weight: 600;
        margin: 2px 0px 5px 0px;
        padding: 0px;
    }

    .smile2 img {
        width: 52px;
        height: 52px;
    }

.accounttop {
    margin-top: 5px;
}

.adjust2 {
    margin-top: 45px;
}

/* .trans-section .select2-container--default .select2-selection--single .select2-selection__rendered{  background-color: #fff;
    border:1px solid #f15a23;  color: #f15a23;   padding-left: 15px;    line-height: 32px;    border-radius: 50px;}
.trans-section .select2-container--open{ border-bottom: 1px solid #fff;}
.trans-section .select2-container--default .select2-selection--single .select2-selection__arrow b {top:18px; right: 10px; border-color:#f15a23 transparent transparent transparent;} 
.trans-section .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{top:18px; right: 10px; border-color:transparent transparent #f15a23 transparent;} 
.trans-section .select2-container--open .select2-dropdown{top:10px !important; }
.trans-section .select2-container--default .select2-results>.select2-results__options{ max-height: 300px !important;} */
.trans-section .select2-container {
    border-bottom: 1px solid #fff;
    width: 200px !important;
    display: none;
}

@media only screen and (max-width: 767px) {
    .soft-copy img {
        width: 46px;
    }

    .accounttop {
        margin-top: 0px;
    }
}


.cam.tracker-camera span i {
    padding: 0px;
}

.btnsuccess2 {
    display: inline-block;
}


.form-group1 .tracker_icons {
    width: 28px;
    height: 28px;
    float: left;
    margin: 0px 5px 0px 0px;
}

.content-Bengali {
    font-size: 14px !important;
}

    .content-Bengali p {
        font-size: 14px;
    }

    .content-Bengali .proposaldetails ul li {
        font-size: 14px;
    }

    .content-Bengali h4 {
        font-size: 14px;
    }

    .content-Bengali h5 {
        font-size: 14px;
    }

    .content-Bengali .checkbox {
        font-size: 14px;
    }

    .content-Bengali strong {
        font-size: 14px;
    }

    .content-Bengali label {
        font-size: 14px;
    }

    .content-Bengali.thankyou h5 {
        font-size: 18px !important;
    }

    .content-Bengali .eNachpay3 {
        font-size: 15px !important;
    }

    .content-Bengali .eNachpay {
        font-size: 16px !important;
    }

    .content-Bengali .eNachpay2 {
        font-size: 16px !important;
    }

.content-Gujarati {
    font-size: 14px !important;
}

    .content-Gujarati p {
        font-size: 14px;
    }

    .content-Gujarati .proposaldetails ul li {
        font-size: 14px;
    }

    .content-Gujarati h4 {
        font-size: 14px;
    }

    .content-Gujarati h5 {
        font-size: 14px;
    }

    .content-Gujarati .checkbox {
        font-size: 14px;
    }

    .content-Gujarati strong {
        font-size: 14px;
    }

    .content-Gujarati label {
        font-size: 14px;
    }

    .content-Gujarati.thankyou h5 {
        font-size: 18px !important;
    }

    .content-Gujarati .eNachpay3 {
        font-size: 15px !important;
    }

    .content-Gujarati .eNachpay {
        font-size: 16px !important;
    }

    .content-Gujarati .eNachpay2 {
        font-size: 16px !important;
    }


.content-Hindi {
    font-size: 14px !important;
}

    .content-Hindi p {
        font-size: 14px;
    }

    .content-Hindi .proposaldetails ul li {
        font-size: 14px;
    }

    .content-Hindi h4 {
        font-size: 14px;
    }

    .content-Hindi h5 {
        font-size: 14px;
    }

    .content-Hindi .checkbox {
        font-size: 14px;
    }

    .content-Hindi strong {
        font-size: 14px;
    }

    .content-Hindi label {
        font-size: 14px;
    }

    .content-Hindi.thankyou h5 {
        font-size: 18px !important;
    }

    .content-Hindi .eNachpay3 {
        font-size: 15px !important;
    }

    .content-Hindi .eNachpay {
        font-size: 16px !important;
    }

    .content-Hindi .eNachpay2 {
        font-size: 16px !important;
    }

.content-Kannada {
    font-size: 14px !important;
}

    .content-Kannada p {
        font-size: 14px;
    }

    .content-Kannada .proposaldetails ul li {
        font-size: 14px;
    }

    .content-Kannada h4 {
        font-size: 14px;
    }

    .content-Kannada h5 {
        font-size: 14px;
    }

    .content-Kannada .checkbox {
        font-size: 14px;
    }

    .content-Kannada strong {
        font-size: 14px;
    }

    .content-Kannada label {
        font-size: 14px;
    }

    .content-Kannada.thankyou h5 {
        font-size: 18px !important;
    }

    .content-Kannada .eNachpay3 {
        font-size: 15px !important;
    }

    .content-Kannada .eNachpay {
        font-size: 16px !important;
    }

    .content-Kannada .eNachpay2 {
        font-size: 16px !important;
    }


.content-Malayalam {
    font-size: 14px !important;
}

    .content-Malayalam p {
        font-size: 14px;
    }

    .content-Malayalam .proposaldetails ul li {
        font-size: 14px;
    }

    .content-Malayalam h4 {
        font-size: 14px;
    }

    .content-Malayalam h5 {
        font-size: 14px;
    }

    .content-Malayalam .checkbox {
        font-size: 14px;
    }

    .content-Malayalam strong {
        font-size: 14px;
    }

    .content-Malayalam label {
        font-size: 14px;
    }

    .content-Malayalam.thankyou h5 {
        font-size: 18px !important;
    }

    .content-Malayalam .eNachpay3 {
        font-size: 15px !important;
    }

    .content-Malayalam .eNachpay {
        font-size: 16px !important;
    }

    .content-Malayalam .eNachpay2 {
        font-size: 16px !important;
    }


.content-Marathi {
    font-size: 14px !important;
}

    .content-Marathi p {
        font-size: 14px;
    }

    .content-Marathi .proposaldetails ul li {
        font-size: 14px;
    }

    .content-Marathi h4 {
        font-size: 14px;
    }

    .content-Marathi h5 {
        font-size: 14px;
    }

    .content-Marathi .checkbox {
        font-size: 14px;
    }

    .content-Marathi strong {
        font-size: 14px;
    }

    .content-Marathi label {
        font-size: 14px;
    }

    .content-Marathi.thankyou h5 {
        font-size: 18px !important;
    }

    .content-Marathi .eNachpay3 {
        font-size: 15px !important;
    }

    .content-Marathi .eNachpay {
        font-size: 16px !important;
    }

    .content-Marathi .eNachpay2 {
        font-size: 16px !important;
    }


.content-Tamil {
    font-size: 14px !important;
}

    .content-Tamil p {
        font-size: 14px;
    }

    .content-Tamil .proposaldetails ul li {
        font-size: 14px;
    }

    .content-Tamil h4 {
        font-size: 14px;
    }

    .content-Tamil h5 {
        font-size: 14px;
    }

    .content-Tamil .checkbox {
        font-size: 14px;
    }

    .content-Tamil strong {
        font-size: 14px;
    }

    .content-Tamil label {
        font-size: 14px;
    }

    .content-Tamil.thankyou h5 {
        font-size: 18px !important;
    }

    .content-Tamil .eNachpay3 {
        font-size: 15px !important;
    }

    .content-Tamil .eNachpay {
        font-size: 16px !important;
    }

    .content-Tamil .eNachpay2 {
        font-size: 16px !important;
    }


.content-Telugu {
    font-size: 14px !important;
}

    .content-Telugu p {
        font-size: 14px;
    }

    .content-Telugu .proposaldetails ul li {
        font-size: 14px;
    }

    .content-Telugu h4 {
        font-size: 14px;
    }

    .content-Telugu h5 {
        font-size: 14px;
    }

    .content-Telugu .checkbox {
        font-size: 14px;
    }

    .content-Telugu strong {
        font-size: 14px;
    }

    .content-Telugu label {
        font-size: 14px;
    }

    .content-Telugu.thankyou h5 {
        font-size: 18px !important;
    }

    .content-Telugu .eNachpay3 {
        font-size: 15px !important;
    }

    .content-Telugu .eNachpay {
        font-size: 16px !important;
    }

    .content-Telugu .eNachpay2 {
        font-size: 16px !important;
    }



.progress-steps-container.progressCustomer {
    background: none;
    padding: 0px 100px;
}

.progressCustomer .progress_steps li:before {
    border-radius: 30px;
    line-height: 22px;
    bottom: -12px;
}

.progress_steps li.skip {
    border-bottom-color: #134093;
}

    .progress_steps li.skip:before {
        color: #ff0000;
        content: "\f192";
    }

.customerSteps {
    margin-top: 10px;
    padding: 25px 25px 30px 25px;
}

    .customerSteps .progress_step_vertcal {
        height: auto;
    }

        .customerSteps .progress_step_vertcal li {
            height: 70px;
            width: auto;
        }

            .customerSteps .progress_step_vertcal li.progress_step.last {
                height: auto;
            }

            .customerSteps .progress_step_vertcal li.skip .status:before {
                height: 22px;
                border: none;
                content: "\f192";
                color: #ff0000;
                padding: 0px 0px 0px 5px;
                font-size: 24px;
                left: -17px;
                top: -3px;
            }

            .customerSteps .progress_step_vertcal li.step-done .status {
                border-left: 3px solid #134093;
            }


@media only screen and (min-width: 320px) and (max-width: 480px) {
    .progress-steps-container.progressCustomer {
        margin: 0px;
        padding: 20px;
    }

    .trans-section {
        margin-top: 25px;
    }

    .progressCustomer .progress_steps li {
        padding: 2px 0 15px 5px;
        margin-bottom: 15px;
        font-family: "calibri-bold";
    }

    .customerSteps .progress_step_vertcal li {
        height: 50px;
        width: 105px;
        display: inline-block;
        line-height: 16px;
        font-size: 14px;
    }

        .customerSteps .progress_step_vertcal li .status {
            font-size: 13px;
            width: auto;
            border-left-width: 0;
            border-bottom-width: 3px;
            border-bottom-style: solid;
            border-bottom-color: #ccc;
            padding: 2px 0 15px 5px;
            margin-bottom: 15px;
            font-family: "calibri-bold";
        }

        .customerSteps .progress_step_vertcal li.step-done .status {
            border-bottom-color: #134093;
            border-left: none;
        }

        .customerSteps .progress_step_vertcal li.progress_step .status span {
            position: relative;
            top: 0px;
        }

    .customerSteps ul.progress_step_vertcal {
        display: table;
        list-style-type: none;
        margin: 0px auto;
        padding: 0;
        table-layout: fixed;
        width: 100%;
        text-align: center;
    }

    .customerSteps .progress_step_vertcal li .status:before {
        left: 50% !important;
        margin-left: -9px;
        border-radius: 30px;
        line-height: 22px;
        bottom: -12px !important;
        top: auto !important;
        padding: 0px !important;
    }

    .customerSteps .progress_step_vertcal li.skip .status {
        border-left: none;
    }

    .customerSteps .progress_step_vertcal li.last .status {
        margin-left: 0px;
    }

    .proposaldetails {
        border: none;
    }

    .captureimg {
        text-align: center;
    }

    .captureimgminor {
        width: 254px !important;
        text-align: center;
    }


    #Image_Div img {
        width: 238px;
        height: 180px;
        text-align: center;
        margin: 0px auto;
    }

    .smile2 img {
        width: 52px !important;
    }

    .smile2 {
        right: -10px;
    }
}

@media only screen and (min-width: 767px) and (max-width: 1023px) {
    .progress-steps-container.progressCustomer {
        margin: 0px;
        padding: 0px 20px;
    }

    .progressCustomer .progress_steps li {
        padding: 2px 0 15px 5px;
        margin-bottom: 15px;
        font-family: "calibri-bold";
    }

    .customerSteps .progress_step_vertcal li {
        height: 50px;
        display: inline-block;
        width: 200px;
    }

        .customerSteps .progress_step_vertcal li .status {
            width: auto;
            border-left-width: 0;
            border-bottom-width: 3px;
            border-bottom-style: solid;
            border-bottom-color: #ccc;
            padding: 2px 0 15px 5px;
            margin-bottom: 15px;
            font-family: "calibri-bold";
        }

        .customerSteps .progress_step_vertcal li.step-done .status {
            border-bottom-color: #134093;
            border-left: none;
        }

        .customerSteps .progress_step_vertcal li.progress_step .status span {
            position: relative;
            top: 0px;
        }

    .customerSteps ul.progress_step_vertcal {
        display: table;
        list-style-type: none;
        margin: 0px auto;
        padding: 0;
        table-layout: fixed;
        width: 100%;
        text-align: center;
    }

    .customerSteps .progress_step_vertcal li .status:before {
        left: 50% !important;
        margin-left: -9px;
        border-radius: 30px;
        line-height: 22px;
        bottom: -12px !important;
        top: auto !important;
        padding: 0px !important;
    }

    .customerSteps .progress_step_vertcal li.skip .status {
        border-left: none;
    }

    .customerSteps .progress_step_vertcal li.current {
        line-height: 21px;
    }

    .customerSteps .progress_step_vertcal li.last .status {
        margin-left: 0px;
    }
}

.pivc-details input {
    width: 100% !important;
}

.pivc-details select {
    width: 300px;
}

.pivc-details .form-group2 span.select2 {
    width: 400px !important;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .pivc-details .form-group2 span.select2 {
        width: 100% !important;
    }
}

.pivc-details .mr-10 {
    margin-right: 10px;
}

.pivc-details .panel {
    overflow: initial;
}

.pivc-channel .correspondenceradio span.checkmark {
    top: 0px;
    left: 0px;
}

.pivc-channel .correspondenceradio {
    padding-left: 26px;
}

    .pivc-channel .correspondenceradio.checkedExisting {
        cursor: inherit;
    }

        .pivc-channel .correspondenceradio.checkedExisting input:checked ~ .checkmark {
            background-color: #bbb;
        }

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

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .searchbox {
        float: right;
    }
}

.modal-authorized {
    width: 610px;
}

    .modal-authorized h3 {
        text-align: center;
        font-size: 18px;
        padding: 0px;
        line-height: 24px;
        font-size: 18px;
        color: #333;
        font-weight: 500;
    }

.authorized {
    text-align: center;
    margin: 0px auto;
    padding: 60px 40px !important;
}

    .authorized img {
        opacity: 0.6;
    }

.modal-authorized .popup-button {
    text-align: center !important;
}

@media only screen and (max-width: 767px) {
    .modal-authorized {
        width: 100%;
    }
}



.agree_modal {
    text-align: center;
    margin: 0px auto;
    padding: 50px 40px !important;
}

    .agree_modal p {
        font-size: 16px;
    }

    .agree_modal h6 {
        color: green;
    }

.btn-switch__radio_yes:checked ~ .btn-switch__label.btn-switch-disabled:before {
    background: rgb(157, 157, 157) !important;
}


.radiolabel label.correspondenceradio {
    font-size: 15px;
    font-weight: 500;
    color: #5f5f5f;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {

    .sendNach {
        float: left;
        margin-bottom: 20px;
    }
}

h5.circle {
    margin-top: 28px;
}

    h5.circle .btn {
        padding: 4px 5px 2px 8px;
        text-align: center;
        line-height: 20px;
    }

.process-Btn {
    float: right;
    margin-left: 10px;
}



    .process-Btn .btnDelete {
        color: #FFF;
        background-color: #79BE46;
        min-width: 80px;
        margin: 0px;
    }

    .process-Btn .btnSendLink {
        color: #FFF;
        background-color: #134093;
        min-width: 80px;
        margin: 0px;
    }

span.toggle-password {
    color: #444;
    position: absolute !important;
    top: 7px !important;
    cursor: pointer;
    color: #333;
    z-index: 999;
    right: 5px;
    left: unset !important;
    width: auto !important;
}

.addTra {
    float: right;
}

    .addTra a {
        margin-left: 5px;
        margin-top: 7px;
    }

.fincareOTP {
    top: 10%;
}

.fincare-content {
    padding: 20px;
}

    .fincare-content p {
        text-align: center;
        font-size: 16px;
    }

.mapBranch {
    margin-top: -5px;
    margin-right: 10px;
    display: flex;
}

.addTra a.active {
    background: #ef5a22;
    border-color: #ef5a22;
}

#BTN_Download {
    margin-top: 10px;
    float: right;
}



@media all and (max-width:767px) {
    .mapBranch {
        margin-bottom: 10px;
        display: block;
    }

    .addTra {
        float: left;
    }

    .backbtnTracker {
        margin-top: 65px;
    }

    .addRm {
        margin: 0px auto;
        text-align: center;
    }

    #BTN_Download {
        margin-top: 10px;
        float: none;
        position: absolute;
    }
}

button.download-grid {
    border: none;
    padding-left: 5px;
    background: none;
}

i.icon-grid {
    padding-top: 11px;
}

button.download-grid1 {
    border: none;
    background: none;
}

.select2-container--default #select2-DDL_LA_RelationInsured-results .select2-results__option[aria-disabled=true] {
    display: none;
}

.select2-container--default #select2-DDL_LA_RelationInsured_1-results .select2-results__option[aria-disabled=true] {
    display: none;
}

.select2-container--default #select2-DDL_LA_RelationInsured_2-results .select2-results__option[aria-disabled=true] {
    display: none;
}

.arcformOther {
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}
/*
div#WebCam_Div {
    margin: -70px 0px 0px 0px;
}

#videodata {
    margin-top: -71px;
}
*/
p.service_tax {
    font-size: 77%;
}


.btn-Microsoft-login {
    background-color: #228B22;
    border-radius: 2px;
    color: #FFF;
    font-size: 16px;
    width: 100% !important;
    margin-bottom: 20px;
}
.floatnone {
    float: none;
}
/* CSS Added by Sachin*/
.Dropdowninner {
    overflow-y: scroll;
    max-height: 500px;
    padding: 15px;
}

.top-profile.open .profile-dropdown {
    box-shadow: 1px -11px 25px rgb(0 0 0 / 14%) !important;
    border: none
}

.profile-dropdown::before {
    right: 10px;
}

.notificationCard {
    padding: 5px 6px 10px;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0px 2px 5px #ccc !important;
    background: #fff;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    position: relative;
}

    .notificationCard .moredetails {
        float: right;
        display: inline-block;
        background: #307007;
        color: #fff;
        font-family: Calibri;
        font-size: 10px;
        line-height: 16px;
        text-transform: uppercase;
        padding: 4px 10px;
        mso-padding-alt: 0px;
        border-radius: 30px;
        border: none;
        transition: ease-in 0.3s;
    }

.notgreenbg .moredetails:hover {
    box-shadow: 2px 3px 3px #008000;
}

.notredbg .moredetails:hover {
    box-shadow: 2px 3px 3px #ff081f;
}

.notyellowbg .moredetails:hover {
    box-shadow: 2px 3px 3px #e5ac00;
}

.notgreenbg {
    color: #008000;
    border-left: 4px solid #008000;
}

.notredbg {
    color: #ff081f;
    border-left: 4px solid #ff081f;
}

.notyellowbg {
    color: #e5ac00;
    border-left: 4px solid #e5ac00;
}

.notgreenbg .moredetails {
    background-color: #008000;
}

.notredbg .moredetails {
    background-color: #ff081f;
}

.notyellowbg .moredetails {
    background-color: #e5ac00;
}

.notificationCard h5 {
    color: #444;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    font-family: Calibri;
}

.notificationCard h4 {
    font-size: 20px;
    margin: 0px 0px 10px;
    padding: 0px;
    font-family: Calibri;
}

.notificationCard h6 {
    font-size: 13px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-family: Calibri;
}

.moredetails:active {
    box-shadow: none;
}

.bottom_buttons {
    position: fixed;
    width: 300px;
    background: #fff;
    padding: 10px;
    border-top: 1px solid #d2d2d2;
    box-shadow: 0px 1px 5px #dedede !important;
}

.bottom_buttons_inner {
    display: flex;
    justify-content: space-evenly;
}

    .bottom_buttons_inner .btn-primary {
        color: #f15a23;
        font-size: 16px;
        border: 1px solid #f15a23;
        border-radius: 20px;
        padding: 5px 15px;
        text-decoration: none;
        transition: ease-in 0.2s;
    }

        .bottom_buttons_inner .btn-primary:hover, .bottom_buttons_inner .btn-primary:focus {
            background-color: #0B4DAA;
            color: #fff;
            border: 1px solid #0B4DAA;
        }

.inner-date {
    font-size: 12px;
    color: rgb(179, 179, 179);
}

.body-content {
    position: initial !important;
}

.No-notification {
    font-family: Calibri;
    text-align: center;
    font-size: 18px !important;
    margin-bottom: 0;
}

#divNoNotification.notificationCard {
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

@media screen and (max-width: 740px) {
    #BellIcon .hvr-push .fa.fa-bell {
        font-size: 20px;
    }

    .notifi-list-item {
        display: block !important;
    }

        .notifi-list-item .notifi-inner-right .more-details {
            margin-top: 10px;
        }

    .notifi-box {
        width: 100% !important;
        padding: 15px !important;
        margin-left: 0px !important;
    }
}


/* The Modal (background) */
.custom-modal {
    font-family: Calibri, sans-serif;
    display: none;
    position: fixed;
    z-index: 1055;
    padding-top: 150px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

/* Modal Content */
.custom-modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 20px 0 0;
    width: 40%;
    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;
    text-align: center;
    border-radius: 8px;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.custom-modal2 {
    font-family: Calibri, sans-serif;
    display: none;
    position: fixed;
    z-index: 1056;
    padding-top: 150px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

/* Modal Content2 */
.custom-modal-content2 {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 20px 0 0;
    width: 40%;
    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;
    text-align: center;
    border-radius: 8px;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
/* 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 */
.close {
    color: rgb(201, 201, 201);
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 5px;
}

    .close:hover,
    .close:focus {
        color: #7a7a7a;
        text-decoration: none;
        cursor: pointer;
    }

.custom-modal-body {
    padding: 2px 20px;
}

    .custom-modal-body p {
        font-size: 20px;
    }

.custom-modal-footer {
    padding: 15px 0px 10px;
    border-top: 1px solid #ccc;
    width: 100%;
}

    .custom-modal-footer .custompopup_btn {
        background: #2980b9;
        color: #fff;
        border: 1px solid #2980b9;
        padding: 8px 15px;
        border-radius: 5px;
        cursor: pointer;
    }

        .custom-modal-footer .custompopup_btn:hover {
            background: #fff;
            color: #2980b9;
        }

    .custom-modal-footer .custompopup_Cancelbtn {
        background: #eb102d;
        color: #fff;
        border: 1px solid #eb102d;
    }

        .custom-modal-footer .custompopup_Cancelbtn:hover {
            background: #fff;
            color: #eb102d;
        }

@media screen and (max-width:767px) {
    .custom-modal-content {
        width: 90%;
    }
}
/*dsd*/
.custom-modal-body2 {
    padding: 2px 20px;
}

    .custom-modal-body2 p {
        font-size: 20px;
    }

.custom-modal-footer2 {
    padding: 15px 0px 10px;
    border-top: 1px solid #ccc;
    width: 100%;
}

    .custom-modal-footer2 .custompopup_btn2 {
        background: #2980b9;
        color: #fff;
        border: 1px solid #2980b9;
        padding: 8px 15px;
        border-radius: 5px;
        cursor: pointer;
    }

        .custom-modal-footer2 .custompopup_btn2:hover {
            background: #fff;
            color: #2980b9;
        }

    .custom-modal-footer2 .custompopup_Cancelbtn2 {
        background: #eb102d;
        color: #fff;
        border: 1px solid #eb102d;
    }

        .custom-modal-footer2 .custompopup_Cancelbtn2:hover {
            background: #fff;
            color: #eb102d;
        }

@media screen and (max-width:767px) {
    .custom-modal-content2 {
        width: 90%;
    }
}
/*dsd*/

@media only screen and (max-width:768px) {
    .medical-schedule-table-container table.table-bordered thead {
        display: block;
    }

    .medical-schedule-table-container table thead tr {
        top: 0;
        left: 14px;
    }

        .medical-schedule-table-container table thead tr th {
            width: auto;
        }
}


.owl-carousel.owl-hidden {
    opacity: 1 !important;
}


/* New css */
.EKYCbenefits {
    text-align: left;
}

    .EKYCbenefits h2 {
        margin: 5px 0;
        color: #1961b1;
    }

    .EKYCbenefits ul {
        margin: 5px 0;
        padding-left: 0px;
    }

        .EKYCbenefits ul li {
            list-style-type: none;
            margin-bottom: 5px;
            background-image: url(../img/bullets.png);
            background-repeat: no-repeat;
            background-size: 15px;
            background-position: left;
            padding-left: 25px;
        }

.EKYCBody {
    width: 100%;
}

.tracker-PIVC-panel h4 a {
    min-width: 130px;
    text-align: center;
}
/* PPHI popup */
#pphiinfofooter {
    padding: 15px 0px 10px;
    border-top: 1px solid #ccc;
    width: 100%;
    text-align: center;
}
#pphiinfoclose {
    padding: 15px 0px 10px;
    border-top: 1px solid #ccc;
}

#pphiinfoclose {
    background: #2980b9;
    color: #fff;
    border: 1px solid #2980b9;
    padding: 8px 15px;
    border-radius: 5px;
    cursor: pointer;
}

#pphiinfoclose:hover {
    background: #fff;
    color: #2980b9;
}

.pphijourneytype {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 15px;
}
#pphitype {
/*    color: black;
    font-weight: bold;*/
}

/* PPHI popup */
.disabled-link {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: 0.5;
    text-decoration: none;
}

@media (max-width: 576px) {
    .dataModalPIVCEnachDetails {
        width: 90%;
    }

        .dataModalPIVCEnachDetails button {
            margin-bottom: 10px;
        }

    span.ShareRequirements {
        float: none;
    }

    .tracker-PIVC {
        float: none;
    }

    .tracker-PIVC-panel h4 a {
        min-width: auto;
        text-align: center;
        display: block !important;
        margin-bottom: 5px;
        max-width: 130px;
        margin-left: 0;
    }

    .panel-title .title_acc {
        float: none;
    }

    .tracker-Pending {
        margin: 0px 9px 0 0 !important;
        min-width: 125px;
        text-align: center;
    }
}