body {
    margin: 0;
    padding: 0;
    /*font-family:"Gotham SSm A", "Gotham SSm B", Arial;*/
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    color: #546e7a;
    overflow-x: hidden;
    position: relative;
    overflow-y: scroll;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebeff2)) fixed;
    background: #ebeff2;
}

body * {
    outline: none !important;
}

a {
    color: #1596fe;
}

a:hover {
    text-decoration: none;
}

.hoverStyles :hover{
color: white;
}

.disabled-anchor {
    pointer-events: none;
}

p,
img,
form,
input,
select,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
ol,
div,
dl {
    margin: 0;
    padding: 0;
    /*font-family:"Gotham SSm A", "Gotham SSm B", Arial;*/
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: normal;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
    margin: 0;
    padding: 0;
}

ul,
li {
    list-style: none;
}

img {
    border: 0;
    margin: 0;
    padding: 0;
}

p {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}

a,
a:focus,
a:hover {
    color: #1596fe;
    text-decoration: none;
    cursor: pointer;
}

.mdl-textfield.is-focused input[type="text"] {
    border: solid #37474f 1px;
    transition: all 0.5s ease-in-out;
}

.container-fluid {
    padding: 0;
}

.row {
    margin: 0;
}

.planType_container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.8);
}

.planType_popup {
    position: absolute;
    border-radius: 16px;
    background: #fff;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    width: 420px;
    height: 200.141px;
    border: solid #0b3565 1px;
}


.planType_heading_container {
    background: #0b3565;
    border-radius: 14px 14px 0 0;
}

.planType_heading {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 5% 10% 5% 10%;
    text-align: center;
}

.planType_headBreak {
    margin-top: 0 !important;
}


.planType_options_container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 10%;
}

.planType_options_1 {
    border-radius: 8px;
    border: 1px solid #CCC;
    background-color: #FFF;
    display: flex;
    padding: 3% 10%;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    color: #333333;
    cursor: pointer;
}

.planType_options_1:hover {
    color: #fff;
    background: #2ecc71;
}

.planType_options_2 {
    border-radius: 8px;
    border: 1px solid #CCC;
    background: #FFF;
    display: flex;
    padding: 3% 10%;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    color: #333333;
    cursor: pointer;
}

.planType_options_2:hover {
    color: #fff;
    background: #2ecc71;
}

.quote-tab-container{
    width: 440px;
    display: flex;
    /* padding: 6px 0; */
    /* border: 1px solid white; */
    border-radius: 30px;
    background:#dae3f2;
}

.mdl-menu {
    min-width: 100%;
    overflow-y: scroll;
}

.mdl-menu__container {
    height: 100px;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
}

.mdl-menu__outline {
    min-width: 100%;
    transform: scale(1);
}

.mdl-menu__container {
    width: 100%;
}

.mdl-menu__item {
    height: 34px;
    line-height: 32px;
}


/* .mdl-button--raised:focus:not(:active){box-shadow:0 0 0px rgba(0,0,0,.18),0 3px 5px rgba(0,0,0,.36);background-color:rgba(158,158,158,.4);}
 */

.mdl-button--raised:hover {
    /* box-shadow:0 0 0px rgba(0,0,0,.18),0 3px 5px rgba(0,0,0,.36);background-color:rgba(158,158,158,.4);*/
}

.mdl-textfield__input::-webkit-input-placeholder {
    color: #9c9d9e;
    font-weight: 700;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    color: rgba(84, 110, 122, 0.6);
}

.mdl-textfield__input:-moz-placeholder {
    /* Firefox 18- */
    color: #9c9d9e;
    font-weight: 700;
    font-size: 16px;
    color: rgba(84, 110, 122, 0.6);
}

.mdl-textfield__input::-moz-placeholder {
    /* Firefox 19*/
    color: #09c9de;
    font-weight: 700;
    font-size: 16px;
    color: rgba(84, 110, 122, 0.6);
}

.mdl-textfield__input:-ms-input-placeholder {
    color: #9c9d9e;
    font-weight: 700;
    font-size: 16px;
    color: rgba(84, 110, 122, 0.6);
}

input:-webkit-autofill,
select:-webkit-autofilltextarea:-webkit-autofill {
    background-color: #fff !important;
}

.clr {
    clear: both;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: 0;
}

.txtCenter {
    text-align: center;
}

.btn-orange {
    border: none;
    transition: all 0.3s ease-in-out;
    background: #2ecc71 !important;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 4px;
    padding: 11px 30px 9px;
    line-height: 24px;
    height: auto;
    display: block;
    margin: 0 auto;
    min-width: 140px;
    min-height: 40px;
}

.btn-Undo {
    transition: all 0.3s ease-in-out;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 4px;
    padding: 11px 30px 9px;
    line-height: 24px;
    height: auto;
    display: block;
    margin: 0 auto;
    margin: 10px auto;
    color: #546e7a;
    border: solid 1px #546e7a;
    width: 220px;
}

.btn-Undo:hover {
    color: #546e7a;
}

.btn-orange em {
    width: 20px;
    height: 20px;
    background: url(../images/icon.png) no-repeat 0 -140px;
    position: absolute;
    right: 5px;
    top: 30%;
    transition: all 0.3s ease-in-out;
}

.btn-orange em.back-arrow {
    -ms-transform: rotate(20deg);
    /* IE 9 */
    -webkit-transform: rotate(20deg);
    /* Safari */
    transform: rotate(180deg);
    left: 0;
}

.btn-orange:hover em {
    right: 4px;
}

.btn-gray {
    background: #bdc2c5 !important;
    cursor: default;
    font-size: 14px;
    font-weight: 500;
}

.btn-blue {
    background: #556f7b !important;
    font-weight: 400;
    display: block;
    margin: 20px auto;
}

.error-msg {
    border: solid #fa774d 1px;
    background: #fdede8;
}

.registeration .textinput input.error-msg {
    border: solid #ff1b1b 1px;
    background: #fdede8;
}

.shadow-12 {
    box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .1), 0 22px 35px 3px rgba(0, 0, 0, 0.1), 0 8px 42px 7px rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .1), 0 22px 35px 3px rgba(0, 0, 0, 0.1), 0 8px 42px 7px rgba(0, 0, 0, .12);
}

.shadow-4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
}

.txtUppercase input {
    text-transform: uppercase;
}

.txtUppercase input::-webkit-input-placeholder {
    text-transform: none;
}

.txtCapitalize input {
    text-transform: capitalize;
}

.pad-left {
    padding-left: 0;
}

.pad-right {
    padding-right: 0;
}

.breadcrum {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    float: left;
    padding: 4px 10px 7px 1px;
    position: absolute;
    left: 10px;
    top: -7px;
    border: solid #1596fe 1px;
    width: auto;
    border-radius: 4px;
    color: #54bdf2;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.breadcrum span {
    display: inline-block;
    background: url(../images/icon-blue.png) no-repeat -5px 5px;
    width: 15px;
    height: 15px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    transition: all 0.3s ease-in-out;
}

.breadcrum:hover span {
    background-position: -5px 2px;
}

.header {
    background: rgba(255, 255, 255, 0.5);
    height: 56px;
    border-bottom: solid #d7dadc 1px;
    background: #fff;
}


/*****Start TW-landing css here*********/

.pb-logo {
    display: block;
    margin: 20px 0 25px 0;
    float: left;
}

.header .pb-logo {
    margin: 13px 0 10px 0px;
    float: left;
    display: block;
    width: 170px;
}

.back-btn {
    font-size: 0;
}

.header .back-btn {
    background: #ebeff2 url(../images/back-btn.png) no-repeat 6px center;
    border: solid #e0e0e0 1px;
    display: block;
    position: absolute;
    z-index: 1;
    top: 67px;
    width: auto;
    left: 15px;
    clear: both;
    padding: 5px 17px;
    border-radius: 4px;
    font-size: 12px;
    text-transform: uppercase;
    width: 70px;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
}

.header-link {
    float: right;
    position: relative;
    top: 60px;
    right: -128px;
}

.toll-free {
    float: right;
    margin: 15px -35px 0 0;
    color: #fa774d;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
}

.header .toll-free {
    margin: 5px 0 0 0;
}

.toll-free span {
    display: block;
    color: #5d767a;
    font-size: 12px;
}

.share {
    float: left;
    width: 82px;
    text-indent: 30px;
    height: 30px;
    margin: 8px 2px 0 0;
    line-height: 24px;
    border: solid rgba(55, 71, 79, 0.6) 1px;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
    opacity: 0.7;
    position: relative;
    z-index: 1;
    background: #fff;
}

.share a {
    cursor: pointer;
    color: rgba(55, 71, 79, 1);
    font-weight: 500;
    background: url(../images/share.png) no-repeat 6px 6px;
    display: block;
    padding: 2px;
}

.share:hover {
    opacity: 1;
}

.share.zindex {
    z-index: 99;
}

.share-success {
    background: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    text-align: center;
}

.share-success p {
    margin: 20px 0;
}

.share-success b {
    font-size: 16px;
    display: block;
    font-weight: 500;
}

.btn-green {
    background: #2ecc71 !important;
}

.container {}

.main-container {
    width: 1024px;
    height: 600px;
    background: none;
    display: table;
    margin: 0 auto 20px;
    position: relative;
}

#innerregno {
    background: #fff;
}

#heading {
    margin: 0 0 30px;
}

.main-container h1 {
    font-weight: 300;
    font-size: 60px;
    text-align: center;
    text-transform: uppercase;
    width: 95%;
    color: #37474f;
    margin: 5px auto 10px auto;
}

.main-container h1 span {
    font-size: 28px;
    font-weight: 200;
    border-top: solid #37474f 1px;
    border-bottom: solid #37474f 1px;
    text-transform: uppercase;
    display: block;
}

.registeration .inputField {
    border: solid #42a5f5 1px;
    padding: 14px;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    text-transform: capitalize !important;
    margin-bottom: 10px;
}

input[type=button] {
    padding: 12px 20px;
    display: table;
    clear: both;
    border: none;
    margin: 0 auto;
    min-width: 140px;
}

input[type=submit] {
    padding: 12px 20px;
    display: table;
    clear: both;
    border: none;
    margin: 0 auto;
    min-width: 140px;
}

.registeration a {
    display: inline-block;
    margin: 18px 0 0 0;
    font-weight: 500;
    color: #1596fe;
    transition: all 0.3s ease-in-out;
    border-bottom: solid #fff 2px;
}

.registeration a:hover {
    border-bottom: solid #1596fe 2px;
}

.bike-box {
    width: 160px;
    min-height: 600px;
    background: -webkit-linear-gradient(#ffc75a, #fe8046);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffc75a, #fe8046);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffc75a, #fe8046);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffc75a, #fe8046);
    margin: 0 0 0 -10px;
    float: left;
}

.bike {
    background: url(../images/bike.png) no-repeat 0 0;
    width: 400px;
    height: 600px;
}

.mdl-textfield {
    width: 80%;
    padding-bottom: 0;
}

.mdl-textfield__input {
    text-align: center;
    border: solid #42a5f5 1px;
    font-size: 16px;
    font-weight: 700;
    padding: 10px;
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    top: 23px;
    color: #ccc;
    opacity: 1;
    left: auto;
    right: auto;
    text-align: center;
}

.registeration .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label,
.registeration .mdl-textfield__label {
    top: 34px;
    text-transform: uppercase;
    opacity: 0;
    font-size: 10px;
    color: rgba(55, 71, 79, 0.8);
}

.registeration .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.registeration .mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
    top: 24px;
    opacity: 1;
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    top: 23px;
    text-align: center;
    opacity: 1;
    position: absolute;
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.42, 1.31);
    transform: translate3d(0px, 0px, 0px);
}

.mdl-textfield__label:after {
    display: none;
}

.mdl-textfield__label {
    text-align: center;
    top: 30px;
    color: #9c9d9e;
    font-weight: 700;
    font-size: 16px;
}

.registeration {
    width: 55%;
    margin: 0 auto;
    display: table;
}

.slideRegNo {
    width: 279px !important;
    margin-top: 53px !important;
}

.registeration .textinput {
    position: relative;
    width: 90%;
    margin: 0 auto 20px;
}

.registeration.textinput input,
.registeration .textinput label {
    cursor: text;
    font-size: 1.5em;
    padding: 13px 1% 13px 1%;
    position: absolute;
    transition: all 0.4s ease;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    text-align: center;
    font-size: 14px;
}

.registeration .textinput input {
    border: solid #42a5f5 1px;
    line-height: 10px;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: rgba(84, 110, 122, 1);
    left: 0;
    line-height: 14px;
}

.registeration .textinput input:focus {
    border: solid #1596fe 1px;
}

.registeration .textinput input:focus::-webkit-input-placeholder {
    opacity: 0
}

.registeration .textinput label {
    color: #BCB9B8;
    padding: 0;
}

.registeration .textinput input.filled~label,
.registeration .textinput input:focus~label {
    opacity: 1;
    top: 1px;
    text-transform: uppercase;
    font-size: 10px;
    color: rgba(84, 110, 122, 0.6);
    font-weight: 700;
}

.registeration .textinput input.filled~label {
    color: rgba(55, 71, 79, 0.6);
    font-size: 11px;
    font-weight: 700;
    position: absolute;
    text-transform: uppercase;
    top: 3px;
    padding: 0;
    width: 100%;
}

.registeration .textinput input[type="text"].filled,
.registeration .textinput input[type="email"].filled:valid {
    background: #fff;
    padding: 18px 1% 8px 1%;
    font-size: 14px;
    font-weight: 700;
    border: solid #2ecc71 1px;
}

.registeration .textinput input[type="text"].filled~label:after,
.registeration .textinput input[type="email"].filled:valid~label:after {
    color: #007932;
    content: "\f058";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 3em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0.3em;
    right: 0.3em;
    transform: translate(0, 0);
    display: none;
}

.tw-iframe {
    width: 100%;
    height: 100%;
    border: none;
    min-height: 470px;
    overflow: scroll;
}

.line {
    width: 25%;
    height: 1px;
    border-bottom: solid #ccc 1px;
    margin: 26px auto;
    display: none;
}

.line span {
    background: #fff;
    padding: 3px;
    display: block;
    margin: 0 auto;
    width: auto;
    display: table;
    position: relative;
    top: -14px;
    font-weight: 500;
    font-size: 16px;
    color: #adadad;
}

.twBanner {
    height: 100px;
    width: 522px;
    display: table;
    background: url(../images/twBanner1.jpg) no-repeat 0 0;
    margin: 0px auto 0;
    position: absolute;
    top: 0;
    display: none;
}

.twBg {
    background: #153d61;
    width: 100%;
    height: 82px;
    margin-left: 10px;
    text-align: center;
    visibility: hidden;
}


/*****End TW-landing css here*********/


/*****Start TW-prequote css here*********/

.w400 {
    width: 400px;
}

.mh600 {
    min-height: 600px;
}

.mh392 {
    min-height: 392px;
}

.mh532 {
    min-height: 532px;
}

.fleft {
    float: left;
}

h2 {
    background: #f1f5f7;
    color: #37474f;
    display: block;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: 0 0 18px 0;
    padding: 18px 0;
}

.view-quote {
    background: #f1f5f7;
    padding: 10px 0;
}

.view-quote button {
    min-width: 200px;
}

.preqoute-field {
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 1;
    min-height: inherit;
}

.field-input {
    height: 50px;
    width: 100%;
    margin: 0 auto;
    border: solid #D2D2D2 1px;
}

.preqoute-field .mdl-textfield.is-focused .mdl-textfield__input {
    border: solid #2ecc71 1px;
    line-height: 10px;
}

.preqoute-field .mdl-textfield__label:after {
    display: none;
}

.preqoute-field .mdl-textfield {
    width: 90%;
    margin: 0 auto 10px;
    display: table;
    padding: 0;
}

.preqoute-field .mdl-textfield__label {
    top: 15px;
}

.preqoute-field .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    top: 5px;
    text-transform: uppercase;
    font-size: 10px;
    font-size: 10px;
    color: rgba(55, 71, 79, 0.6);
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    top: 10px;
}

.mdl-icon-toggle__label.material-icons {
    position: absolute;
    right: 1px;
    top: 10px;
    background: #fff url(../images/icon.png) no-repeat 5px -38px;
}

.preqoute-field .mdl-textfield__input {
    height: 50px;
}

.textinput {
    height: 58px;
    margin: 5px 0;
    position: relative;
    width: 100%;
}

.textinput input,
.textinput label {
    cursor: text;
    font-size: 1.5em;
    padding: 19px 1% 15px 1%;
    position: absolute;
    transition: all 0.15s ease;
    width: 92%;
    left: 4%;
    text-align: center;
    font-size: 14px;
}

.textinput input {
    border: solid #D2D2D2 1px;
    line-height: 10px;
    color: #37474f;
}

.textinput label {
    color: #BCB9B8;
    padding: 17px 1%;
    cursor: pointer;
}

.textinput input.filled~label,
.textinput input:focus~label {}

.textinput input.filled~label {
    color: rgba(55, 71, 79, 0.6);
    font-size: 10px;
    font-weight: 500;
    position: absolute;
    text-transform: uppercase;
    top: -10px;
}

.textinput input[type="text"].filled,
.textinput input[type="email"].filled:valid {
    cursor: pointer;
    background: #fff;
    padding: 24px 1% 7px 1%;
    font-size: 16px;
    font-weight: 500;
    border: solid #2ecc71 1px;
    text-transform: capitalize;
}

.textinput input[type="text"].filled~label:after,
.textinput input[type="email"].filled:valid~label:after {
    color: #007932;
    content: "\f058";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 3em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0.3em;
    right: 0.3em;
    transform: translate(0, 0);
    display: none;
}

.select-box {
    width: 96%;
    position: relative;
}

.preqoute-field .select-box .Select-control {
    text-align: center;
    border: solid #2ecc71 1px;
    height: 50px;
}

.preqoute-field .select-box .is-focused:not(.is-open)>.Select-control {
    border-color: #2ecc71;
    position: relative;
    z-index: 9;
}

.preqoute-field .select-box .Select-placeholder {
    width: 100%;
    line-height: 60px;
    font-size: 16px;
    font-weight: 500;
}

.preqoute-field .select-box .Select-arrow-zone {
    padding-right: 5px;
}

.select-box label {
    width: 100%;
    display: block;
}

.select-box .ui-selectmenu-button {
    width: 100% !important;
    border: solid #D2D2D2 1px;
    border-radius: 0;
    margin: 0 auto;
    float: none;
    display: block;
    min-height: 52px;
}

.select-box .ui-selectmenu-button.ui-state-focus {
    border: solid #2ecc71 1px;
}

.select-box label {
    transition: all 0.3s ease;
    top: 0px;
    position: absolute;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    top: 5px;
    font-weight: 500;
    color: rgba(55, 71, 79, 0.6);
}

.select-box .ui-selectmenu-button.ui-state-focus~label {
    color: rgba(55, 71, 79, 0.6);
    font-size: 10px;
    font-weight: 600;
    position: absolute;
    text-transform: uppercase;
    top: -10px;
}

.select-box.filled .ui-selectmenu-button~label {
    top: -10px;
}

.select-box .ui-selectmenu-button span.ui-selectmenu-text {
    text-align: center;
    padding: 20px 10px 5px 10px;
    font-size: 16px;
    font-weight: 500;
    color: #37474f
}

.select-box .ui-state-default .ui-icon {
    background: url(../images/icon.png) no-repeat 5px -46px;
}

#left.stick {
    position: fixed;
    top: 0;
    margin: 0 0 0
}


/*****Start selectBox css here*********/

.ui-selectmenu-menu {
    padding: 0px;
    z-index: 300;
    opacity: 0;
    left: inherit;
    top: inherit;
    /* -webkit-transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1);transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1);*/
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    height: 0;
}

.ui-selectmenu-menu .ui-menu {
    box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.12);
    border: none;
}

.ui-selectmenu-open {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 1;
    opacity: 1;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item {
    font-size: 14px;
}

.ui-selectmenu-menu .ui-widget-content .ui-state-focus {
    background: #efefef;
    font-size: 14px;
    border: none;
    margin: 0;
}


/*****End selectBox css here*********/

.Policy-expire {
    padding-right: 0;
    margin-right: 0;
    margin-left: 6px;
}

.Policy-expire .textinput,
.Policy-type .textinput {
    width: 100%;
}

.Policy-expire .textinput input[type="text"].filled,
.Policy-expire .textinput input[type="email"].filled:valid {
    width: 100%;
    font-size: 16px;
}

.Policy-type .textinput input[type="text"].filled,
.Policy-type .textinput input[type="email"].filled:valid {
    font-size: 16px;
}

.Policy-type .select-box {
    width: 98%;
    margin: 0 0 20px 0;
}

.Policy-type {
    padding-left: 0;
    margin-left: 0;
    margin-left: -9px;
}

.insureTxt {
    border: dashed #caced2 1px;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    font-weight: 300;
    margin: 45% 0 0 0;
    position: relative;
    z-index: 0;
}

.Policy-expire .Select-option.is-selected,
.Policy-type .Select-option.is-selected {
    background-color: #37474f;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.Policy-expire .Select-option.is-focused,
.Policy-type .Select-option.is-focused {
    background-color: #f1f1f1;
    color: #37474f;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

.Policy-expire .Select-menu-outer {
    text-align: left;
    font-size: 14px;
    color: #37474f;
    line-height: 14px;
    font-weight: 500;
    width: 125%;
}

.Policy-expire .Select-option.is-selected,
.Policy-type .Select-option.is-selected {
    font-size: 14px;
    color: #37474f;
    background-color: #37474f;
    color: #fff;
    line-height: 16px;
    font-weight: 500;
}

.Policy-expire .Select-option,
.Policy-type .Select-option {
    font-size: 14px;
    color: #37474f;
    line-height: 16px;
    font-weight: 500;
}

.Policy-type .Select-menu-outer {
    text-align: left;
    font-size: 14px;
    color: #37474f;
    line-height: 14px;
    font-weight: 500;
    width: 100%;
}


/*****End TW-prequote css here*********/


/*****Start Overlay Box css here*********/

.overlay {
    width: 100%;
    position: fixed;
    display: block;
    background: #ccc;
    left: 0;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
}

.overlay2 {
    width: 100%;
    position: fixed;
    display: block;
    background: #ccc;
    left: 0;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
}

.overlay-left {
    width: 50%;
    background: traparent;
    height: 100%;
    right: 0;
    z-index: 10;
}

.overlay-popup {
    width: 50%;
    position: fixed;
    top: 0;
    background: #fff;
    height: 100%;
    right: 0;
    z-index: 10;
    overflow-x: hidden;
    overflow-y: scroll;
}

.overlay-popup h3 {
    padding: 8px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin: 21px 0 20px 0;
}

.overlay-popup .dont-insure {
    border: solid #becbd4 1px;
    cursor: pointer;
    border-radius: 5px;
    display: block;
    margin: 0px 0;
    transition: all 0.3s ease-in-out;
    padding: 0;
    text-align: left;
    width: 78%;
    margin: 15px auto 10px;
    color: #1596fe;
    border: solid #1596fe 1px;
    height: 45px;
    cursor: pointer;
}

.overlay-popup .dont-insure span {
    font-size: 11px;
    display: block;
    line-height: 14px;
    color: #93a5ad;
}

.overlay-popup .dont-insure span.txt {
    position: relative;
    left: 40px;
    width: 90%;
    display: none;
}

.autocomplete {
    width: 80%;
    text-align: center;
    margin: 5px auto 15px;
    position: relative;
    display: table;
}

.autocomplete.search {
    position: relative;
}

.autocomplete.search:before {
    width: 44px;
    height: 41px;
    content: "";
    position: absolute;
    background: #1596fe;
    z-index: 9;
    left: 0;
}

.autocomplete .react-autosuggest__input {
    background: none;
}

.autocomplete .react-autosuggest__container {
    z-index: 99;
}

.inputField {
    border: solid #1596fe 1px;
    width: 100%;
    padding: 10px;
    text-align: center;
}

.inputField::-webkit-input-placeholder {
    color: rgba(84, 110, 122, 0.6);
}

.auto-list {
    position: relative;
}

.auto-list:before {
    width: 20px;
    height: 20px;
    background: url(../images/icon.png) no-repeat 0 0;
    content: "";
    position: absolute;
    left: 13px;
    top: 13px;
}

.auto-list:after {
    width: 20px;
    height: 20px;
    background: url(../images/icon.png) no-repeat 0 -43px;
    content: "";
    position: absolute;
    right: 13px;
    top: 13px;
}

.autocomplete h4 {
    border-bottom: solid #becbd4 1px;
    margin-bottom: 10px;
}

.autocomplete h4 span {
    width: auto;
    margin: 0 auto;
    padding: 4px 20px;
    border-radius: 25px;
    position: relative;
    font-size: 14px;
    border: solid #becbd4 1px;
    top: 10px;
    background: #fff;
}

.autocomplete h4 span.graybg {
    background: #f1f3f6;
}

.manufact-list {
    width: 81%;
    margin: 0 auto;
    display: block;
}

.manufact-list li {}

.manufact-list li span b {
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    height: 0;
    text-align: center;
    margin: 35% 0 0 0;
    font-size: 11px;
    font-weight: 500;
    width: 163px;
}

.manufact-list li span {
    border: solid #becbd4 1px;
    cursor: pointer;
    border-radius: 5px;
    display: block;
    margin: 10px 0;
    min-height: 80px;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.42, 1.31);
    background: url(../images/logo-gray.jpg) no-repeat 10px -15px;
}

.manufact-list li span.honda {
    background-position: -122px -115px;
}

.manufact-list li span.bajaj {
    background-position: 15px -15px;
}

.manufact-list li span.hero-honda {
    background-position: 13px -115px;
}

.manufact-list li span.tvs {
    background-position: -126px -317px;
}

.manufact-list li span.yamaha {
    background-position: -268px -317px;
}

.manufact-list li span.royal-enfield {
    background-position: -267px -220px;
}

.manufact-list li span.suzuki {
    background-position: 14px -317px;
}

.manufact-list li span.mahindra {
    background-position: -127px -220px;
}

.manufact-list li span.ktm {
    background-position: -266px -115px;
}

.manufact-list li span.lml {
    background-position: -5% -220px;
}

.manufact-list li span.harley-davidson {
    background-position: 49% -15px;
}

.manufact-list li span.hero {
    background-position: -268px -15px;
}

.manufact-list li span.hero-motocorp {
    background-position: -268px -15px;
}

.manufact-list li:hover span,
.manufact-list li span.active {
    background-image: url(../images/logo-color.jpg);
    border: solid #309fd7 1px;
    color: #309fd7;
}

.auto-list ul {
    max-height: 0;
    transition: max-height 0.3s ease;
    -webkit-box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.12);
}

.auto-list ul.height {
    overflow-y: scroll;
    position: absolute;
    z-index: 9;
    background: #fff;
    width: 100%;
}

.auto-list ul {
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
    -webkit-transform-origin: 1% 1%;
    transform-origin: 1% 1%;
}

.auto-list ul.height {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 1;
    opacity: 1;
    max-height: 150px;
}

.auto-list li {
    text-align: left;
    padding: 3px 15px;
    cursor: pointer;
}

.auto-list li:nth-child(odd) {
    background: #f9f9f9;
}

.auto-list li span {
    display: block;
    width: 100%;
}

.model-list {
    width: 80%;
    margin: 0 auto;
}

.model-list li {
    padding: 3px 5px;
    text-align: center;
}

.model-list li span {
    border: solid #becbd4 1px;
    cursor: pointer;
    border-radius: 5px;
    display: block;
    margin: 0px 0;
    transition: all 0.3s ease-in-out;
    padding: 5px 20px 5px 10px;
    text-align: center;
}

.varient-list li span {
    width: auto;
    min-width: 325px;
    display: inline-block;
    position: relative;
}

.model-list li span:before {
    width: 20px;
    height: 20px;
    background: url(../images/icon.png) no-repeat 0 -215px;
    content: "";
    position: absolute;
    top: 24%;
    right: 5px;
}

.model-list li span:hover {
    color: #1596fe;
    border: solid #1596fe 1px;
}

.model-list li span b {
    font-weight: 500;
}

.rto-list {
    width: 80%;
    margin: 0 auto;
}

.rto-list li {
    transition: all 600ms ease-in-out;
}

.rto-list li span {
    font-size: 14px;
    font-weight: 500;
    border: solid #becbd4 1px;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px 7px 5px;
    width: 48%;
    position: relative;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    padding: 7px;
    text-align: center;
}

.rto-list li span:hover,
.rto-list li span:focus {
    color: #1596fe;
    border: solid #1596fe 1px
}

.rto-list li span.active {
    background: #5e7681;
    color: #fff;
    border: solid #5e7681 1px;
}

.rto-list li span:before {
    width: 20px;
    height: 16px;
    background: url(../images/icon.png) no-repeat 1px -215px;
    content: "";
    position: absolute;
    top: 25%;
    right: 5px;
    transition: all 0.3s ease-in-out;
}

.rto-list li span:hover:before {
    background: url(../images/icon.png) no-repeat 1px -215px;
}

.rto-list li div {
    border: solid #eff1f4 0px;
}

.rto-list li ul {
    text-align: center;
}

.rto-list li div ul li span {
    width: auto;
    display: inline-block;
    border: none;
    padding: 6px 23px;
    font-weight: 700;
    cursor: pointer;
    margin: 0 3px 5px 3px;
    border: solid 1px;
    min-width: 98px;
}

.rto-list li div ul li span:hover,
.rto-list li div ul li span:focus {
    color: #1596fe;
    border: solid #1596fe 1px
}

.rto-list li span:after {
    top: 83%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #d8e3f1;
    border-width: 7px;
    margin-left: -7px;
    display: none;
}

.rto-list li div ul li span:after,
.rto-list li div ul li span:before {
    display: none;
}

.overlay-popup ul li ul li {
    display: inline-block;
}

.overlay-popup a.back-btn {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    left: 0;
    padding: 2px 10px;
    cursor: pointer;
}

.overlay-popup a.back-btn span {
    display: inline-block;
    background: url(../images/icon-blue.png) no-repeat -5px 4px;
    width: 15px;
    height: 15px;
    -ms-transform: rotate(270deg);
    /* IE 9 */
    -webkit-transform: rotate(270deg);
    /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}

a.close {
    right: 0;
    top: 6px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    margin: 10px;
    position: absolute;
    z-index: 9999;
}

a.close:hover {
    opacity: 1;
}

a.close:before,
.close:after {
    position: absolute;
    right: 15px;
    top: 0px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #333;
}

a.close:before {
    transform: rotate(45deg);
}

a.close:after {
    transform: rotate(-45deg);
}

.dont-insure .dont-bg {
    background: #1596fe;
    width: 44px;
    height: 43px;
    display: inline-block;
}

.dont-insure input[type=checkbox]:not(old),
.dont-insure input[type=radio]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
}

.dont-insure input[type=checkbox]:not(old)+label,
.dont-insure input[type=radio]:not(old)+label {
    display: inline-block;
    margin: 11px 0 0 -69px;
    vertical-align: top;
    width: 93%;
    text-align: center;
    cursor: pointer;
}

.dont-insure input[type=checkbox]:not(old)+label>span,
.dont-insure input[type=radio]:not(old)+label>span {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0;
    border: solid #4c94cd 1px;
    border-radius: 4px;
    background: #fff;
    vertical-align: bottom;
    display: inline-block;
    margin: 0 0px 0 7px;
    float: left;
}

.dont-insure input[type=checkbox]:not(old):checked+label>span:before {
    content: '✓';
    display: block;
    width: 18px;
    color: rgb(21, 150, 254);
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 0 0.0714em rgb(29, 95, 148);
    font-weight: bold;
}

.dont-insure em {
    font-style: normal;
    position: relative;
    top: -1px;
    left: 10px;
    font-size: 13px;
}

.rto-list li span.active,
.model-list li span.active {
    background: #1596fe;
    color: #fff;
    border: solid #1596fe 1px;
}

.rto-list li span.active:before,
.model-list li span.active:before {
    background: url(../images/icon.png) no-repeat 0px -99px;
}

.help-tip {
    position: absolute;
    top: 0px;
    right: -25px;
    text-align: center;
    background-color: #3da9ff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 19px;
    cursor: pointer;
}

.help-tip:before {
    content: '?';
    font-weight: bold;
    color: #fff;
}

.help-tip:hover p {
    display: block;
    transform-origin: 100% 0%;
    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;
}

.help-tip p {
    z-index: 1;
    display: none;
    text-align: left;
    background-color: #1E2021;
    padding: 7px;
    width: 350px;
    position: absolute;
    border-radius: 2px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    right: -4px;
    color: #FFF;
    font-size: 10px;
    line-height: 1.4;
}

.help-tip p:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #1E2021;
    right: 10px;
    top: -12px;
}

.help-tip p:after {
    width: 100%;
    height: 40px;
    content: '';
    position: absolute;
    top: -40px;
    left: 0;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(0.6);
    }

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

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 100%;
    }
}

#searchOthers {
    width: 98%;
    padding: 8px 0;
    border: solid 1px #becbd4;
    border-radius: 4px;
    margin: 0 auto;
    font-weight: 500;
    position: relative;
    cursor: pointer;
}

#searchOthers:after {
    background: url(../images/icon.png) no-repeat 1px -43px;
    width: 20px;
    height: 20px;
    position: absolute;
    content: "";
    top: 25%;
    right: 5px;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transition: all 0.3s ease-in-out;
}

#searchOthers:hover,
#searchOthers:focus {
    color: #1596fe;
    border: solid #1596fe 1px;
}

.search-other.autocomplete.search:before {
    background: #cccccc;
}

.search-other.autocomplete .react-autosuggest__input {
    border: solid #ccc 1px;
}


/*****End Overlay Box css here*********/


/*****Start Quotes css here*********/

.quote-tile small.multi-y1 {
    background: #fff;
    padding: 0px 5px 5px;
    height: auto;
    margin: 0 auto 8px;
}

.quote-tile small.multi-y1 ul li div.left_block {
    width: 50%;
}

.quote-tile small.multi-y2 {
    height: auto;
    line-height: 42px;
}


/*.quote-tile small.multi-y2 ul li:nth-child(1){line-height:14px;margin-bottom:34px;}
.quote-tile small.multi-y2 ul li:nth-child(2){line-height:14px;margin-bottom:18px;}
 .quote-tile small.multi-y2 ul li:nth-child(3){line-height:14px;}
 .quote-tile .img_logo.multi-logo{display:block;margin:37px 0 0 0;height:auto;}
 */

.quote-tile small.multi-y2 ul li em {
    padding: 0;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 700;
    color: rgba(55, 71, 79, 0.6);
}

.quote-tile small.multi-y2 ul li em span {
    display: block;
    color: #ff8484;
    font-weight: bold;
}

.quote-tile .multi-y3 {
    padding: 21px 0 0 0 !important
}

.quote-tile .multi-y3 .buy-plan {
    display: block;
    height: auto;
    margin: 0 0 8px 0;
}

.quote-section {
    position: relative;
}

ul.idv-ncb {
    width: 100%;
    background: #37474f;
    padding: 0;
    display: block;
    margin: 0 0 15px 0;
    height: 60px;
}

ul.idv-ncb li {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    border-right: solid #2b363b 2px;
    width: 49%;
    height: 100%;
    vertical-align: middle;
    padding: 17px 10px 10px 10px;
    color: #fff;
    vertical-align: top;
    position: relative;
}

ul.idv-ncb li:nth-child(2) {
    border: none;
    cursor: pointer;
}

ul.idv-ncb li:nth-child(2) a {
    color: #fff;
    font-size: 14px;
    float: inherit;
    font-weight: 400;
    display: inline-block;
    padding: 0 20px 0 0px;
    background: url(../images/icon-blue.png) no-repeat right -42px;
}

ul.idv-ncb li span {
    padding-right: 10px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}

ul.idv-ncb li small {
    /* cursor:pointer;*/
    float: right;
}

ul.idv-ncb li a {
    float: right;
    float: right;
    color: #54bdf2;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 4px 0 0 0;
    cursor: pointer;
}

ul.idv-ncb .mdl-menu {
    min-width: 100%;
    overflow-y: scroll;
}

ul.idv-ncb .mdl-menu li {
    color: #37474f;
    border: none;
    width: 100%;
    display: block;
}

.select-quote {
    padding: 0;
    display: inline-block;
    width: 25%;
    position: relative;
}

.select-quote .mdl-menu__container {
    left: inherit !important;
    right: 0;
    overflow: inherit;
    min-width: 150px;
}

.select-quote input {
    width: auto;
    display: inline-block;
    padding: 5px;
    background: none;
    border: none;
}

.select-quote .mdl-icon-toggle__label.material-icons {
    position: absolute;
    right: 5px;
    top: 27%;
    background: url(../images/icon-blue.png) no-repeat 0px -45px;
    padding: 0;
    margin: 0;
    display: block;
    border-radius: 0;
    width: 10px;
    min-width: 20px;
    height: 20px;
}

.select-quote .mdl-textfield {
    width: 100%;
}

.quote-tile {
    width: 100%;
    margin: 0 0 15px 0;
    background: #fff;
    vertical-align: middle;
    display: table;
    /* z-index:12;position:relative;*/
    height: 84px;
}

.quote-tile-gray {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.quote-tile .img_logo {
    display: table-cell;
    height: 84px;
    vertical-align: middle;
    width: 182px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px
}

.quote-tile ul li {
    padding: 0 !important;
}

.quote-tile small {
    margin: 0 auto;
    width: 100%;
    vertical-align: middle;
    background: #ebeff2;
    display: block;
    padding: 5px 20px;
    height: 67px;
}

.quote-tile small ul {
    margin: 0;
    padding: 22px 0;
}

.quote-tile small ul li {
    font-size: 10.5px;
    letter-spacing: 0.2px;
    margin: 0 0;
    list-style: none;
    display: table;
    width: 100%;
    font-weight: 700;
}

.quote-tile small ul li em {
    font-style: normal;
    font-size: 12px;
    font-weight: 300;
    vertical-align: middle;
    padding: 7px 0 0 0;
    display: block;
    text-align: center;
    color: #37474f;
}

.quote-tile small ul li em span {
    display: block;
    color: #ff8484;
}

.quote-tile small ul li div.left_block {
    display: table-cell;
    width: 30%;
    position: relative;
    z-index: 2;
    font-size: 10px;
    font-weight: 400;
}

.quote-tile small ul li div.right_block {
    display: table-cell;
    width: 70%;
    text-align: right;
    position: relative;
    font-size: 10px;
    font-weight: 700;
}

.buy-plan,
.buy-plan-green {
    text-align: center;
    vertical-align: middle;
    height: 67px;
    display: table-cell;
    min-width: 164px;
}

.buy-plan-green {
    color: #2ecc71;
    font-weight: 500;
    font-size: 22px;
}

.buy-plan-green+em {
    position: absolute;
    bottom: 0px;
    font-style: normal;
    font-size: 11px;
    text-align: center;
    width: 100%;
    font-weight: 500;
    padding: 3px;
    color: #2ecc71;
}

.proposal-section .buy-plan-green+em {
    bottom: 20px;
}

.buy-plan a {
    position: relative;
    display: table;
    margin: 4px auto;
    background: #2ecc71;
    padding: 8px 20px;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    font-weight: 700;
    min-width: 150px;
}

.buy-plan a b {
    background: url(../images/icon.png) no-repeat 5px -140px;
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    top: 11px;
    right: 11px;
}

.buy-plan a em {
    display: block;
    font-size: 9px;
    font-weight: 500;
    font-style: normal;
    line-height: 8px;
    text-transform: uppercase;
    padding-top: 2px;
}

.buy-plan-WithoutDiscount {
    position: absolute;
    top: 5px;
    width: 100%;
    text-align: center;
    left: 0;
    text-decoration: line-through;
    color: #a7a3a2;
    font-weight: bold
}

.quote-banner{
    --r: 10px;
    padding-right: calc(var(--r) + 10px);
    line-height: 1.8;
    clip-path: polygon(-100% 0, 100% 0, calc(100% - var(--r)) 50%, 100% 100%, -100% 100%);
    width: fit-content;
    background: linear-gradient(90deg, #2D63B6, #4B81D4 70%, #B0CAF4);
    color: white;
    padding-left: 10px;
    font-size: 11px;
}

.quote-tab {
    width: 100%;
    position: absolute;
    top: -70px;
    border: solid #dee3e7 1px;
    display: flex;
    justify-content: center;
}

.quote-tab li {
    border: solid #dee3e7 1px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background: #fff;
    padding: 10px 16px;
    width: 32.5%;
    height: 56px;
    vertical-align: middle;
    line-height: 18px;
    display: table-cell;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.idv-popup {
    margin: 0 0 20px 0;
    text-align: center;
}

.idv-popup .inputField {
    background: none;
    width: 65%;
    margin: 0px auto 20px;
    clear: both;
    display: block;
    font-weight: 700;
    line-height: 28px;
    padding: 14px 0 2px;
    font-size: 16px;
}

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

.prev-ncb {
    position: fixed;
    width: 20%;
    background: #fff;
    border-radius: 8px;
    padding: 0px;
    box-shadow: 0 1px 45px 0 #3c3c3c;
    z-index: 300;
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
    -webkit-transform-origin: 1% 1%;
    transform-origin: 1% 1%;
    top: 150px;
    color: #37474f;
    left: 65.5%;
    margin-left: -10%;
}

.prev-ncb.reveal {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 999;
    opacity: 1;
}

.prev-ncb.reveal:after {
    bottom: 100%;
    left: 70%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 8px;
    margin-left: -8px;
}

.prev-ncb.reveal div {
    width: 100%;
}

ul.idv-ncb .prev-ncb span {
    padding: 0;
    color: #37474f;
}

.prev-ncb li {
    color: #37474f;
    border: none;
    padding: 5px 17px;
    width: 100%;
    border-bottom: solid #e1e2e2 1px;
    text-align: left;
    background: #fff;
    cursor: pointer;
}

.prev-ncb li.active {
    background: #37474f;
    color: #fff;
    line-height: 26px;
    font-size: 12px;
}

.idv-ncb #prev-ncb ul.radio-btn li label {
    padding-left: 10px;
}

ul.idv-ncb .prev-ncb li.active:before {
    content: '';
    display: block;
    width: 6px;
    height: 10px;
    border: solid #2196F3;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 9px;
}

.prev-ncb table {
    width: 100%;
    margin: 0px auto;
    padding: 20px;
}

.prev-ncb table td {
    padding: 20px;
}

.prev-ncb b {
    border-top: solid #f1f1f1 1px;
    padding: 10px 0 10px 17px;
    font-size: 12px;
    display: block;
    font-weight: 700;
    background: #f1f5f7;
}

.ncb-value {
    background: none;
    border: none;
    width: 65px;
    padding: 0 0 0 10px;
    background: url(../images/icon-blue.png) no-repeat 100% -42px;
}

.idv-popup input[type="submit"] {
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 12px 27px;
    background: #2ecc71;
    color: #fff;
}

.best-prices {
    margin: 22px 0 0 0;
}

.best-prices span {
    font-size: 14px;
    float: left;
    margin-left: 40px;
}

.own-idv {
    margin: 10px 0 0 0;
    position: relaive;
}

.own-idv #message {
    bottom: -15px;
    position: absolute;
    width: 100%;
    left: 0;
}

.own-idv em {
    color: rgba(55, 71, 79, 0.6);
    font-size: 10px;
    font-weight: 500;
    position: absolute;
    text-transform: uppercase;
    left: 35%;
    top: 1px;
    font-style: normal;
}

.own-idv label {
    position: absolute;
    left: 15px;
    top: 12px;
}

.prev-ncb p {
    padding: 10px 15px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    background: none;
    color: #134469;
    border-bottom: solid 1px #ccc;
}

.prev-ncb ul.radio-btn {
    width: 95%;
    margin: 7px 0 10px 10px;
    background: none;
    display: table;
}

.prev-ncb ul.radio-btn li {
    display: inline-block;
    width: 50%;
    border: none;
    background: none;
    position: relative;
}

.prev-ncb ul.radio-btn li label {
    font-weight: 500;
    padding: 0 0 0 30px;
}

.prev-ncb ul.radio-btn li input[type=radio] {
    position: absolute;
    opacity: 0;
    left: -17px;
    width: 42%;
    height: 20px;
    z-index: 999;
    cursor: pointer;
}

.prev-ncb ul.radio-btn li .check {
    display: block;
    position: absolute;
    border: 2px solid #37474f;
    border-radius: 100%;
    height: 14px;
    width: 14px;
    top: 9px;
    left: 8px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.prev-ncb ul.radio-btn li:hover .check {
    border: 2px solid #37474f;
}

.prev-ncb ul.radio-btn li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 1px;
    left: 1px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.prev-ncb ul.radio-btn input[type=radio]:checked~.check {
    border: 2px solid #2ecc71;
}

.prev-ncb ul.radio-btn input[type=radio]:checked~.check::before {
    background: #2ecc71;
}

.prev-ncb ul.radio-btn input[type=radio]:checked~label {
    color: #2ecc71;
}

.prev-ncb ul.radio-btn+div ul li {
    padding: 7px 20px;
    cursor: pointer;
    border-bottom: solid 1px #dadada;
}

.prev-ncb ul.radio-btn+div ul li:last-child {
    border: none;
    border-radius: 0 0 8px 8px;
}

.quote-tile .policy-word li {
    font-size: 11px;
    padding: 6px 10px !important;
}

.quote-tile .policy-word li:nth-child(1) {
    background: #ebeff2;
}

.quote-tile .policy-word li:nth-child(2) {
    background: #dce1e5;
}

.quote-tile .policy-word li:nth-child(3) {
    background: #ebeff2;
    padding: 0 !important;
}

.quote-tile .policy-word li {
    font-weight: 700;
}

.quote-tile .policy-word li span {
    font-weight: 300;
    padding-right: 5px;
}

.quote-tile .policy-word li:nth-child(3) span {
    width: 40px;
    height: 27px;
    background: url(../images/pdf.jpg) no-repeat 0 0;
    position: relative;
    top: 2px;
    float: left;
    left: 10px;
}

.quote-tile .policy-word li a {
    float: left;
    padding: 6px;
}

.idv-popup ul.radio-btn {
    position: relative;
}

.idv-popup ul.radio-btn {
    width: 100%;
    margin: 10px 0 10px 10px;
    background: none;
}

.idv-popup ul.radio-btn li {
    display: inline-block;
    width: 50%;
    border: none;
    background: none;
    position: relative;
}

.idv-popup ul.radio-btn li input[type=radio] {
    position: absolute;
    opacity: 0;
    left: -17px;
    width: 42%;
    height: 20px;
    z-index: 999;
}

.idv-popup ul.radio-btn li.own-idv input[type=radio] {
    top: 14px;
}

.idv-popup ul.radio-btn li .check {
    display: block;
    position: absolute;
    border: 2px solid #37474f;
    border-radius: 100%;
    height: 18px;
    width: 18px;
    top: 0;
    left: 8px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.idv-popup ul.radio-btn li.own-idv .check {
    top: 14px;
}

.idv-popup ul.radio-btn li:hover .check {
    border: 2px solid #37474f;
}

.idv-popup ul.radio-btn li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.idv-popup ul.radio-btn input[type=radio]:checked~.check {
    border: 2px solid #2ecc71;
}

.idv-popup ul.radio-btn input[type=radio]:checked~.check::before {
    background: #2ecc71;
}

.idv-popup ul.radio-btn input[type=radio]:checked~label {
    color: #2ecc71;
}

.zero-depth {
    width: 100%;
    border: dashed #caced2 1px;
    padding: 10px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}

.zero-depth p {
    margin: 0 0 20px 0;
}

#tryAgainQuoteList .quote-tile small {
    vertical-align: middle;
    padding: 25px;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    color: rgba(87, 112, 124, 0.6);
}

#idv {
    position: fixed;
    width: 47%;
    left: 50%;
    margin: 0 0 0 -23.5%;
    z-index: -1;
    opacity: 0;
}

#idv.reveal {
    z-index: 999;
    opacity: 1;
    height: 200px;
}

.confirm-detail {
    border: dashed #bdc2c5 1px;
    padding: 5px 20px;
    margin: 0px 0 15px 0;
    display: table;
    width: 100%;
    clear: both;
    text-align: center;
    color: #37474f;
    font-size: 20px;
    font-weight: 300;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.confirm-detail span {
    display: block;
    font-size: 12px;
    color: #1596fe;
    font-weight: 400;
}

.confirm-detail:hover {
    color: #37474f;
    background: #fff;
}

.premium-date {
    margin: 50px 0 0 0;
}

.premium-date ul {
    width: 100%;
    display: table;
    margin: 0 0 20px 0;
}

.premium-date ul li {
    text-align: left;
}

.premium-date b {
    text-align: left;
    display: block;
    margin: 10px 0 0 0;
}

.premium-date .confirm-radio-btn ul {
    margin: 0;
}

.confirm-radio-btn li {
    width: 100%;
    display: table;
    margin: 0 0 25px 0;
}

.premium-date ul.radio-btn {
    position: relative;
    z-index: 0;
}

.premium-date ul.radio-btn {
    width: 100%;
    margin: 12px 0 0px 0px;
    background: none;
}

.premium-date ul.radio-btn li {
    display: inline-block;
    width: 49%;
    border: none;
    background: none;
    position: relative;
    margin: 0 0 15px -8px;
}

.premium-date ul.radio-btn li label {
    margin: 0 0 0 30px;
}

.premium-date ul.radio-btn li input[type=radio] {
    position: absolute;
    opacity: 0;
    left: -17px;
    width: 42%;
    height: 20px;
    z-index: 999;
}

.premium-date ul.radio-btn li.own-idv input[type=radio] {
    top: 14px;
}

.premium-date ul.radio-btn li .check {
    display: block;
    position: absolute;
    border: 2px solid #37474f;
    border-radius: 100%;
    height: 18px;
    width: 18px;
    top: 0;
    left: 8px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.premium-date ul.radio-btn li.own-idv .check {
    top: 14px;
}

.premium-date ul.radio-btn li:hover .check {
    border: 2px solid #37474f;
}

.premium-date ul.radio-btn li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.premium-date ul.radio-btn input[type=radio]:checked~.check {
    border: 2px solid #2ecc71;
}

.premium-date ul.radio-btn input[type=radio]:checked~.check::before {
    background: #2ecc71;
}

.premium-date ul.radio-btn input[type=radio]:checked~label {
    color: #42525a;
    font-weight: 500;
}

.premium-date .Select-option.is-selected {
    background-color: #37474f;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.premium-date .Select-option.is-focused {
    background-color: #f1f1f1;
    color: #37474f;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

.premium-date.Select-menu-outer {
    text-align: left;
    font-size: 14px;
    color: #37474f;
    line-height: 14px;
    font-weight: 500;
    width: 100%;
}

.premium-date .Select-option.is-selected {
    font-size: 14px;
    color: #37474f;
    background-color: #37474f;
    color: #fff;
    line-height: 16px;
    font-weight: 500;
}

.premium-date .Select-option {
    font-size: 14px;
    color: #37474f;
    line-height: 16px;
    font-weight: 500;
}

.premium-date .Select-menu-outer {
    text-align: left;
    font-size: 14px;
    color: #37474f;
    line-height: 14px;
    font-weight: 500;
    width: 100%;
}

.multiyear-plan {
    height: 92px;
    position: relative;
}

.multiyear-plan a.planLink {
    width: 100%;
    height: 30px;
    text-align: center;
    background: #1596fe;
    padding: 4px 10px;
    font-size: 12px;
    height: 25px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    /* border-top:solid #dce2e6 1px;*/
}

.multi-YearPlans {
    background: #dddedf;
    padding: 10px 10px 0px 10px;
    display: table;
    margin: 0px 0 10px 0;
    width: 100%;
}

.multi-YearPlans .quote-tile {
    margin-bottom: 10px;
}

.multi-YearPlans .buy-plan,
.multi-YearPlans .buy-plan-green {
    min-width: 158px;
}

.multi-YearPlans .buy-plan a {
    min-width: 145px;
}

#mul102 {
    width: 100%;
}


/*****End Quotes css here*********/


/*****Start Proposal css here*********/

.proposal-form {
    width: 100%;
    box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .1), 0 22px 35px 3px rgba(0, 0, 0, 0.1), 0 8px 42px 7px rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .1), 0 22px 35px 3px rgba(0, 0, 0, 0.1), 0 8px 42px 7px rgba(0, 0, 0, .12);
    background: #fff;
    display: table;
    padding-bottom: 10px;
}

.proposal-form h1 {
    background: #37474f;
    padding: 20px 0;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    width: 100%;
    margin: 0;
    text-transform: capitalize;
}

.proposal-form ul.list-group li {
    display: table;
    width: 100%;
    clear: both;
    padding: 5px 0;
    background: #fff;
    margin: 0 0 0px 0;
}

.proposal-form ul.list-group li:nth-child(even) {
    background: #ebeff2;
    display: table;
    width: 100%;
}


/*start 12march*/

.proposal-form ul.list-group li label {
    font-size: 11px;
    display: block;
    font-weight: 300;
    clear: both;
    padding-left: 0px;
    padding-right: 2px;
    margin: 7px 0 0px 0;
    line-height: 14px;
}

.proposal-form ul.list-group li select {
    position: relative;
    color: #309fd7;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 20px 5px 5px;
    border: none;
    border-bottom: solid #dce1e5 0px;
    width: auto;
    background: none;
    -webkit-appearance: none;
    background: url(../images/icon-blue.png) no-repeat no-repeat 110% -80px;
}

.dob {
    width: 1px;
    height: 18px;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(26deg);
    background: #37474f;
    display: inline-block;
    position: relative;
    top: 4px;
    margin: 10px 10px 0 2px;
}

.proposal-form ul li input[type=text],
.proposal-form ul li input[type=tel],
.input-disable {
    transition: all 0.3s ease-in-out;
    color: #37474f;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 5px 7px 7px;
    border: none;
    border-bottom: solid #dce1e5 1px;
    width: 100%;
    margin: 0 0 0px 0;
    background: none;
    text-align: left;
}

.proposal-form .Select {
    margin: 0;
}


/*End start 12march*/

.input-disable {}

.proposal-form ul li input[type=text]::-webkit-input-placeholder {
    font-weight: 400;
    color: rgba(55, 71, 79, 0.6);
}

.proposal-form .Select.has-value .Select-placeholder {
    color: #37474f;
    font-weight: 500;
}

.proposal-form .Select .Select-placeholder {
    font-weight: 400;
    color: rgba(55, 71, 79, 0.6);
}

.proposal-form ul li select::-webkit-input-placeholder {}

.proposal-form ul li input[type=text]:focus,
.proposal-form ul li input[type=tel]:focus {
    border-bottom: solid #007eff 1px;
}

.proposal-form ul li select.title {
    border-bottom: solid #dce1e5 1px;
}

.list-group {
    margin: 0 0 0px 0;
}

.proposal-form .auto-list:before,
.proposal-form .auto-list:after {
    display: none;
}

.proposal-form .auto-list li {
    padding: 5px;
    margin: 0;
}

.proposal-form .auto-list ul.height {
    top: 33px;
}

.proposal-form a.prev-btn,
.summary-page a.prev-btn {
    font-size: 10px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 700;
    position: relative;
    float: left;
    padding: 2px 0;
    position: absolute;
    left: 0px;
}

.proposal-form a.prev-btn span,
.summary-page a.prev-btn span {
    display: inline-block;
    background: url(../images/icon-blue.png) no-repeat -5px 4px;
    width: 15px;
    height: 15px;
    -ms-transform: rotate(270deg);
    /* IE 9 */
    -webkit-transform: rotate(270deg);
    /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}

.address select {
    width: 100% !important;
    padding: 5px !important;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.proposal-form .error-input {
    border-bottom: red solid 1px !important;
}

.msg-error {
    color: red;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 10px;
}

.msg-error.name {
    position: absolute;
    bottom: -8px;
    left: 34%;
}

.msg-error.relation {
    position: absolute;
    bottom: -8px;
    left: 26%;
}

.proposal-section {
    position: relative;
    top: -65px;
}

.proposal-section .quote-tile .img_logo {
    height: 67px;
    border: none;
}

.proposal-section ul.policy-word {
    display: table;
    width: 100%;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

.proposal-form .address {
    padding-left: 0;
}

.proposal-form .mailing-address {
    padding-left: 0;
}

.proposal-form .address .react-autosuggest__container:before,
.proposal-form .area .react-autosuggest__container:before {
    display: none;
}

.proposal-form .area .react-autosuggest__container:after {
    display: none;
}

.area .Select-arrow {
    display: none;
}

.proposal-form .address .react-autosuggest__suggestions-container {
    width: 200%;
}

.proposal-form .address .react-autosuggest__suggestion {
    padding: 10px 20px;
    background: #fff !important;
}

.proposal-form .pad-left {
    padding-left: 0;
}

.proposal-form .pad-right {
    padding-right: 0;
}

.proposal-form .select-box {
    width: 100%;
    position: relative;
}

.proposal-form .select-box[name="profession"] .Select-menu-outer {
    top: 90%;
    max-height: 165px;
    overflow-x: hidden;
}

.proposal-form .select-box[name="profession"] .Select-menu-outer .Select-menu {
    max-height: 155px;
}

.proposal-form .select-box[name="financialInstitutionBankName"] .Select-menu-outer {
    top: 90%;
    max-height: 165px;
    overflow-x: hidden;
}

.proposal-form .select-box[name="financialInstitutionBankName"] .Select-menu-outer .Select-menu {
    max-height: 155px;
}

.proposal-form .select-box[name="nomineeGender"] .Select-menu-outer {
    max-height: 90px;
    top: 90%;
}

.proposal-form table {
    width: 100%;
}

.proposal-form ul.list-group ul.radio-btn {
    width: 100%;
    margin: 5px 0 10px 10px;
    background: none;
}

.proposal-form ul.list-group ul.radio-btn li {
    display: inline-block;
    width: 50%;
    border: none;
    background: none;
    position: relative;
}

.proposal-form ul.list-group ul.radio-btn li input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: -17px;
    width: 42%;
    height: 20px;
    z-index: 999;
    top: 4px;
}

.proposal-form ul.list-group ul.radio-btn li .check {
    display: block;
    position: absolute;
    border: 2px solid #37474f;
    border-radius: 100%;
    height: 18px;
    width: 18px;
    top: 6px;
    left: 8px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.proposal-form ul.list-group ul.radio-btn li:hover .check {
    border: 2px solid #37474f;
}

.proposal-form ul.list-group ul.radio-btn li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.proposal-form ul.list-group ul.radio-btn input[type=radio]:checked~.check {
    border: 2px solid #2ecc71;
}

.proposal-form ul.list-group ul.radio-btn input[type=radio]:checked~.check::before {
    background: #2ecc71;
}

.proposal-form ul.list-group ul.radio-btn input[type=radio]:checked~label {
    color: #546e7a;
    font-weight: 500;
}

.proposal-form ul.list-group ul.radio-btn li label {
    margin: 0;
    line-height: 0px;
    left: 35px;
    position: relative;
    font-size: 14px;
    padding: 10px 0;
}

.update-pemium {
    text-align: center;
}

.update-pemium h4 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 10px 0;
}

.update-pemium p {
    margin: 0 0 10px 0;
}

.update-pemium ul.premium-block {
    padding: 0;
    margin: 0 0 20px -2%;
    border-top: solid #ccc 1px;
    border-bottom: solid #ccc 1px;
    display: table;
    width: 104.5%;
}

.update-pemium ul.premium-block li {
    text-align: center;
    display: inline-block;
    background: none;
    clear: none;
    float: left;
    width: 50%;
    text-transform: uppercase;
}

.update-pemium ul.premium-block li b {
    font-weight: 700;
    font-size: 16px;
    display: block;
    text-decoration: line-through;
}

.update-pemium ul.premium-block li:nth-child(even) {
    width: 50%;
    border-left: solid #ccc 1px;
}

.update-pemium ul.premium-block li:nth-child(even) b {
    text-decoration: none;
}

.btn-prop {
    text-align: center;
    z-index: 0;
    margin-top: 10px;
    padding: 0;
}

.btn-prop .btn-orange {
    display: inline-block;
    position: relative;
    margin: 0 5px;
    padding-left: 22px;
    padding-right: 22px;
}

.btn-prop .btn-gray {
    background: #aaacad !important;
}

.address .react-autosuggest__container:after {
    background: none;
}

.address .Select-arrow {
    display: none;
}

.proposal-form .Select-option.is-selected {
    background-color: #37474f;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}

.proposal-form .Select-option.is-focused {
    background-color: #f1f1f1;
    color: #37474f;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

.proposal-form .Select-menu-outer {
    text-align: left;
    font-size: 14px;
    color: #37474f;
    line-height: 14px;
    font-weight: 500;
    width: 100%;
}

.proposal-form .Select-option.is-selected {
    font-size: 14px;
    color: #37474f;
    background-color: #37474f;
    color: #fff;
    line-height: 16px;
    font-weight: 500;
}

.proposal-form .Select-option {
    font-size: 14px;
    color: #37474f;
    line-height: 16px;
    font-weight: 500;
}

.proposal-form .Select-menu-outer {
    text-align: left;
    font-size: 14px;
    color: #37474f;
    line-height: 14px;
    font-weight: 500;
    width: 100%;
}

.slideInRightProposal small {
    padding: 5px 10px;
}

.slideInRightProposal small ul li div.right_block {
    width: 94%;
    float: right;
    top: 3px;
}

.select-box[name="prevInsurer"] .Select-arrow-zone .msg-prop-error {
    border: dashed 1px red;
    background: rgba(255, 0, 0, 0.05);
    color: red;
    margin: 0 0 10px 0;
    font-size: 12px;
    text-align: center;
    padding: 10px;
    width: 100%;
}

.area .react-autosuggest__suggestions-container {
    max-height: 80px;
    top: 32px;
    width: 200%
}

.area .react-autosuggest__suggestions-container .proposal-form ul.list-group li {
    padding: 10px 4px;
}

.check-box {
    position: relative;
    top: 2px;
    margin: 0 5px 0 0;
    vertical-align: top;
    display: inline-block;
}

.check-text {
    display: inline-block;
    width: 93%;
}

.proposal-section ul.list-group .react-autosuggest__container:before {
    background: none;
}


/*****End Proposal css here*********/


/********Start Summary Page css here*************/

.summary-page {
    position: relative;
    /* box-shadow:0 10px 14px -6px rgba(0,0,0,.1),0 22px 35px 3px rgba(0,0,0,0.1),0 8px 42px 7px rgba(0,0,0,.12);-webkit-box-shadow:0 10px 14px -6px rgba(0,0,0,.1),0 22px 35px 3px rgba(0,0,0,0.1),0 8px 42px 7px rgba(0,0,0,.12);*/
    background: none;
    display: table;
    width: 95%;
}

.summary-page h1 {
    background: #37474f;
    padding: 20px 0;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}


/*start 12march*/

.summary-page ul li {
    display: table;
    width: 100%;
    clear: both;
    padding: 7px 0;
    background: #fff;
    margin: 0 0 0px 0;
}

.summary-page ul li:nth-child(even) {
    background: #ebeff2;
    display: table;
    width: 100%;
}


/*********15march************/

.summary-page ul li label {
    font-weight: 800;
    font-size: 11px;
    display: block;
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0px 0;
    text-transform: none;
    color: rgba(55, 71, 79, 0.8);
    font-weight: 400;
}

.summary-page ul li span {
    padding-left: 10px;
    padding-right: 10px;
    font-weight: none !important;
    display: block;
    color: #37474f;
    font-size: 12px;
}

.summary {
    margin: 2px 0 10px 100px;
    font-size: 24px;
    font-weight: 300;
}

.summary-page ul li:nth-child(1) span {
    text-transform: capitalize;
}


/*************************/

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 1px 0 0 0;
    padding: 20px 0;
    font-size: 16px;
    font-weight: 400;
    border: none;
    color: #fff;
    min-height: 0;
    /* support:IE7 */
    border-radius: none;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 10px;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    top: 30px;
    right: 15px;
    z-index: 999;
    left: inherit;
}

.ui-state-default .ui-icon {
    background: url(../images/icon-blue.png) no-repeat 0 -184px;
    width: 20px;
    height: 20px;
}

.ui-state-active .ui-icon {
    background: url(../images/icon-blue.png) no-repeat 0 -139px;
    width: 20px;
    height: 20px;
}

#accordion {
    margin: 0 0 0px 0;
}

#accordion h3 {
    background: #9ba8af url(../images/icon-blue.png) 96% -166px no-repeat;
    padding: 14px 20px 14px 12px;
    color: #fff;
    border-top: solid #fff 1px;
    width: 100%;
    cursor: pointer;
    font-size: 14px;
}

.summary-page #accordion h3.active:before {
    background-position: 96% -136px;
}


/*End 12march*/

#accordion div {
    background: #F2F2F2;
    -webkit-transition: .5s all ease-out;
    transition: .5s all ease-out;
}

#accordion div.axpand {
    background: #F2F2F2;
    -webkit-transition: .5s all ease-out;
    transition: .5s all ease-out;
}

#accordion h3.active {
    background: #37474f url(../images/icon-blue.png) 96% -111px no-repeat;
}

.ui-accordion .ui-accordion-content {
    padding: 0;
    border-top: 0;
    overflow: auto;
    border: none;
    height: auto;
    background: none;
}

.summary-page .ui-accordion-header {
    background: rgba(89, 110, 122, 0.6);
    width: 100%;
    border-radius: 0;
}

.summary-page .ui-accordion-header.ui-state-active {
    background: #37474f;
    border-radius: 0;
    color: #fff;
}

.summary-page .ui-state-active .ui-icon {
    position: absolute;
    top: 32px;
    right: 15px;
    z-index: 999;
    left: inherit;
}

.summary-right .row {
    padding: 0px 0 0px;
}

.summary-right .additional {
    color: #1596fc;
    border-bottom: solid 1px #cccccc;
    display: table;
    width: 100%;
    padding: 0 0 30px;
    margin: 10px 0 0 0;
}

.pa-cover input[type="checkbox"] {
    margin: 1px 0 0 0;
}

.pa-cover li {
    font-size: 13px;
    font-weight: 500;
    color: #374774;
    line-height: 16px;
}

.summary-right p.confirm-pay {
    font-size: 12px;
    line-height: 22px;
    text-align: center;
}


/*********Start 15march************/

.pa-cover li b {
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: #37474f;
    transition: all 0.3s ease-in-out;
}

.pa-cover li a {
    font-weight: 400;
    font-size: 12px;
    background: url(../images/pdf.jpg) no-repeat 0 0;
    padding: 5px 0 4px 40px;
    display: block;
    margin-top: 5px;
}

.pa-cover li .PAfadeOut {
    opacity: 0.4;
}

.summary-right p {
    line-height: 18px;
    font-size: 16px;
    text-align: left;
    font-weight: 400;
    margin: 0px 0 12px 0;
}

.summary-right ul.amount li {
    text-align: right;
    margin: 0px 0 0 0;
    font-size: 14px;
    font-weight: 500;
    color: #37474f;
}

.summary-right ul.amount li b {
    font-weight: 500;
    font-size: 16px;
    color: #37474f;
}

.summary-right ul.amount li em {
    padding: 0 0px 0 0px;
    font-style: normal;
}

.summary-right .insurer-detail {}

.summary-right .insurer-detail img {
    float: left;
    margin: 4px 10px 0 0;
}

.summary-right .insurer-detail ul {
    float: left;
    margin: 0 0 10px 0;
}

.summary-right .insurer-detail ul li {
    margin: 0 0 7px 0;
}

.pay-now {
    border-top: solid #cecece 1px;
    padding: 10px 0 0;
    margin: 2px 0 2px 0;
    font-size: 14px;
    font-weight: 700;
    border-bottom: solid #ccc 0px;
    display: table;
    width: 100%;
}

.pay-now b {
    float: right;
    padding: 0;
    font-weight: 700;
    font-size: 18px;
    color: #37474f;
}

.summary-right .quote-tile ul li:nth-child(3) small {
    background: #fff;
}

.summary-right .quote-tile ul li:nth-child(3) small .left_block {
    width: 70%;
}

.summary-right .btn-orange {
    width: 100%;
    font-weight: 500;
    position: relative;
    padding: 11px 24px 9px 10px;
    font-size: 16px;
    letter-spacing: -0.3px;
}

.t_c {
    margin: 2px 0;
    padding: 10px 0 20px;
    border-top: solid #ccc 0px;
}

.t_c a.t_cpdficon {
    font-weight: 400;
    background: url(../images/pdf.jpg) no-repeat 0 1px;
    padding: 7px 0 12px 40px;
    display: block;
    margin: 5px 0 0 40px;
    font-size: 11px;
    font-weight: 500;
}

.t_c em {
    font-style: normal;
    color: #37474f;
}

.t_c span {
    cursor: pointer;
    color: #1596fe;
    margin: 0 0 0 20px;
}

.t_c input {
    margin: 0 5px 0 0;
    top: 2px;
    position: relative;
    left: 12px;
}


/*********End 15march************/

.summary-right {
    margin-top: 46px;
    float: right;
    font-size: 12px;
}

.declaration {
    font-size: 11px;
    margin: 20px 0 0 0;
    line-height: 15px;
    border-top: solid #ccc 1px;
    padding: 10px 0 0 0;
    color: #a3a7ad;
}

.declaration span {
    font-weight: 700;
    color: #37474f;
}

.congrats h2 {
    background: none;
    font-size: 24px;
    font-weight: 300;
    margin: 0;
    padding: 0 0 20px 0;
}

.congrats h2 span {
    font-size: 16px;
    font-weight: 300 !important;
    display: block;
}

.congrats h2 span.onepolicybooked {
    display: inline-block;
    padding-left: 10px;
}

.congrats h2 span.onepolicybooked b {
    text-transform: none;
}

.congrats h2 b {
    font-weight: 500;
    margin: 0;
    text-transform: capitalize;
}

.congrats h2 span b {
    font-weight: 300;
}

.congrats h4 .pre-paid {
    float: right;
    line-height: 14px;
}

.congrats h4 .pre-paid em {
    color: #37474f;
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
    font-style: normal;
}

.congrats h4 {
    font-size: 11px;
    text-transform: uppercase;
    border-bottom: solid 1px #ccc;
    padding: 0 0 5px 0;
    margin: 0 0 15px 0;
}

.congrats .insurer-detail img {
    float: left;
    margin: 0 0 10px 0;
    width: 28%;
}

.congrats .insurer-detail ul {
    float: left;
    border-left: solid 1px #d8d8d8;
    margin: 0 0 8px 8px;
    padding: 0 0 0px 7px;
}

.congrats .insurer-detail ul li {
    margin: 0 0 7px 0;
    font-size: 12px;
    color: rgba(55, 71, 79, 0.5);
}

.congrats .insurer-detail ul li:last-child {
    margin-bottom: 0;
}

.congrats .insurer-detail ul li b {
    color: rgb(55, 71, 79);
}

.congrats ul.premium-paid {}

.congrats ul.premium-paid li {
    margin: 0 0 7px 0;
    font-size: 11px;
    text-transform: uppercase;
    text-align: right;
    color: rgba(55, 71, 79, 0.6);
}

.congrats ul.premium-paid li em {
    color: #37474f;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.congrats ul.premium-paid li b {
    color: rgba(55, 71, 79, 0.9);
    font-size: 14px;
}

.congrats ul.premium-paid li a {
    font-size: 10px;
    font-weight: 500;
    text-transform: none;
    background: #fa774d;
    padding: 7px 10px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
}

.second-policy {
    clear: both;
    margin: 0px 0 0 0;
}

.second-policy p {
    font-size: 10px;
    text-transform: uppercase;
    margin: 0 0 15px 0;
}

.second-policy p span {
    font-size: 14px;
    text-transform: none;
    font-weight: 500;
    display: block;
    line-height: 12px;
    color: #37474f;
}

.congrats .critical-detail {
    background: #fff;
    padding: 5px 0 0;
    display: table;
    width: 100%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.congrats .Select-placeholder,
.congrats .Select-placeholder,
.congrats .Select--single>.Select-control .Select-value {
    padding: 0;
}

.congrats .critical-detail h5 {
    color: #fa774d;
    font-size: 10px;
    text-transform: uppercase;
    margin: 2px 20px;
}

.congrats .critical-detail label {
    vertical-align: top;
    line-height: 34px;
    display: inline-block;
    font-size: 12px;
}

.congrats .critical-detail input {
    background: none;
    border: none;
    border-bottom: solid #dce1e5 1px;
    display: inline-block;
    height: 35px;
    vertical-align: top;
    width: 100%;
    padding-left: 10px;
}

.congrats .critical-detail .select-box {
    display: inline-block;
    width: 100%;
}

.congrats .t_c {
    text-align: center;
    margin: 10px 0 0 0;
}

.congrats .btn-orange {
    font-weight: 400;
    position: relative;
}

.congrats .support-team {
    /* box-shadow:0 0px 1px rgba(0,0,0,0.16), 0 1px 0px rgba(0,0,0,0.23);*/
    border: solid 1px #e0e0e0;
    background: #fff;
    padding: 10px 28px;
    font-size: 12px;
    color: rgba(55, 71, 79, 0.6);
    line-height: 20px;
    float: right;
    margin: 0 0 0px 0;
}

.congrats .bordersolid {
    border-top: 1px solid #eaeaea !important;
}

.congrats .support-team b {
    color: #fa774d;
    font-size: 14px;
}

.congrats .support-team span {}

.congrats .contact-support {
    font-size: 11px;
    text-align: left;
    font-weight: 400;
    color: #737373;
    padding: 3px 10px;
    margin-bottom: 7px;
    margin-left: 120px;
    top: -3px;
    position: relative;
}

.congrats .contact-support b {
    /* color:#fa774d;*/
    font-size: 12px;
}

.credit-report {
    background: #ffffff;
    border: solid #ccc 0px;
    padding: 5px 15px 5px;
    clear: both;
    margin: 22px auto 20px auto;
    display: table;
    width: 100%;
    text-align: center;
    border: solid 1px #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
}

.credit-report p {
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 0 80px;
    font-weight: 700;
    font-size: 16px;
    display: table;
    width: auto;
    float: left;
    letter-spacing: -0.3px;
    line-height: 22px;
}

.credit-report p span {
    color: #fff;
    display: block;
    font-weight: 300;
    font-size: 14px;
    text-transform: none;
}

.credit-report a {
    background: #fff;
    border-radius: 4px;
    padding: 10px 18px;
    text-align: center;
    font-weight: 700;
    vertical-align: top;
    font-size: 16px;
    text-transform: uppercase;
    color: #fa774d;
    margin-right: 5px;
    display: table;
    margin: 0 auto;
}

.msg-summary {
    background: #e8ebed;
    padding: 10px;
    border: solid #d6d8da 1px;
    width: 100%;
}

.tooltip-box {
    box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.12);
    display: table;
    height: 155px;
    font-family: Arial;
    width: 320px;
    position: absolute;
    z-index: 99;
    top: 50px;
    right: 25px;
    background: #fff;
}

.tooltip-box:after {
    bottom: 100%;
    right: 9%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}

.tabs input[type=radio] {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.tabs {
    float: none;
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0px auto;
    width: 90%;
}

.tabs li {
    float: left;
    width: 33%;
    text-align: center;
}

.tabs label {
    display: block;
    padding: 10px 20px;
    border-radius: 2px 2px 0 0;
    color: gray;
    background: rgba(255, 255, 255, 0.2);
    cursor: pointer;
    position: relative;
    top: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.tabs label:hover {
    background: none;
}

[id^=tab]:checked+label {
    color: #08C;
    top: 3px;
    border-bottom: solid #08C 2px;
}

[id^=tab]:checked~[id^=tab-content] {
    display: block;
}

.tab-content {
    z-index: 2;
    display: none;
    text-align: left;
    width: 100%;
    line-height: 140%;
    padding-top: 10px;
    background: #fff;
    padding: 0;
    color: #000;
    position: absolute;
    top: 53px;
    left: 0;
    box-sizing: border-box;
    -webkit-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.tooltip-box input {
    border: solid #42a5f5 1px;
    line-height: 10px;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: rgba(84, 110, 122, 1);
    padding: 11px 10px;
    margin: 0 0 10px 0;
}

.summary-header .header-link {
    top: -48px;
    right: -134px;
}

.payment-box {
    display: table;
    height: 65px;
    font-family: Arial;
    width: 100%;
    z-index: 99;
    bottom: 66px;
    background: none;
    border-bottom: solid #ccc 1px;
    margin: 15px 0 2px 0;
}

.payment-box ul.radio-btn {
    position: relative;
}

.payment-box ul.radio-btn {
    width: 100%;
    margin: 5px 0 0px 0px;
    background: none;
}

.payment-box ul.radio-btn li {
    display: inline-block;
    width: 100%;
    border: none;
    background: none;
    position: relative;
    margin: 0 0 15px 0;
}

.payment-box ul.radio-btn li label {
    margin: 0 0 0 30px;
}

.payment-box ul.radio-btn li input[type=radio] {
    position: absolute;
    opacity: 0;
    left: -17px;
    width: 42%;
    height: 20px;
    z-index: 999;
}

.payment-box ul.radio-btn li.own-idv input[type=radio] {
    top: 14px;
}

.payment-box ul.radio-btn li .check {
    display: block;
    position: absolute;
    border: 2px solid #37474f;
    border-radius: 100%;
    height: 18px;
    width: 18px;
    top: 0;
    left: 8px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.payment-box ul.radio-btn li.own-idv .check {
    top: 14px;
}

.payment-box ul.radio-btn li:hover .check {
    border: 2px solid #37474f;
}

.payment-box ul.radio-btn li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.payment-box ul.radio-btn input[type=radio]:checked~.check {
    border: 2px solid #2ecc71;
}

.payment-box ul.radio-btn input[type=radio]:checked~.check::before {
    background: #2ecc71;
}

.payment-box ul.radio-btn input[type=radio]:checked~label {
    color: #42525a;
    font-weight: 500;
}

.summary-right .quote-tile small ul {
    padding: 10px 0;
}

.edit-btn {
    color: #fff;
    font-size: 12px;
    float: right;
    margin: 0 20px 0;
    border-radius: 4px;
    border: solid #fff 1px;
    padding: 2px 10px;
    transition: all 0.3s ease-in-out;
}

.edit-btn:hover {
    border: solid #1596fe 1px;
}

.quote-tile small ul li.forCover {
    height: 18px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 20px;
    color: #fff;
    background: #1596fe;
    text-align: center;
}

.otp-box input[type="tel"] {
    border: none;
    line-height: 10px;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: rgba(84, 110, 122, 1);
    display: block;
    background: none;
    font-size: 14px;
    padding: 12px;
    /* float:left;*/
    border: solid #dadada 1px;
    text-align: center;
    margin-bottom: 10px;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 1px 1px 2px -1px #ccc;
}

.otp-box input[type="button"] {
    font-size: 11px;
    /* float:left;*/
    padding: 0;
    background: none;
    text-align: center;
    display: inline-block;
    min-width: auto;
    clear: none;
    margin: 0px 0 0 10px;
    border: none;
    padding: 0px 15px;
    /* border-radius:4px;*/
    color: #2998fd;
    text-align: right;
}

#ChangeMobileNo {
    border-left: solid 1px;
    text-align: left;
    margin: 0;
}

#sendotp {
    text-align: center;
    vertical-align: top;
    background: #4f5d64;
    padding: 5px;
    width: 96px;
    border-radius: 4px;
    color: #fff;
}

.otp-box {
    width: 100%;
    padding: 0px 0 15px;
    margin: 0;
    border-bottom: solid #ccc 1px;
    display: table;
    position: relative;
    text-align: center;
}

.otp-box p {
    display: none;
    clear: both;
    font-size: 11px;
    top: 0;
    position: relative;
    color: red;
    border: dashed 1px;
    width: 100%;
    background: #fff;
    padding: 2px;
    text-align: center;
}

.otp-box p.success {
    display: none;
    clear: both;
    font-size: 11px;
    top: 0;
    position: relative;
    color: #2ecc71;
    border: dashed 1px;
    width: 100%;
    background: #fff;
    padding: 2px;
    text-align: center;
}

.otp-box .loader-div {
    color: #1596fe;
    color: #fff;
    font-size: 11px;
    padding: 0;
    width: auto;
    text-align: center;
    display: inline-block;
    min-width: auto;
    clear: none;
    margin: 0px 0 0 10px;
    padding: 0px 24px;
    border-radius: 4px;
}

.otp-box .loader-div .loaderOverLay {
    margin: 0;
}

#cancelMobileOTP {
    margin-left: 15px;
    padding: 0px 25px;
}

.sum-renew {
    background: #1596fe;
    padding: 10px;
    color: #ffffff;
    /* border:dotted 1px #9ba8af;*/
    font-size: 12px;
    margin: 0 0 10px 0;
    line-height: 18px;
    font-weight: 600;
}


/********End Summary Page css here***************/

.thanks-content {}

.policy-paid {
    background: #ebedef;
    padding: 20px;
    text-align: center;
    border-radius: 50px;
    margin: 0 0 20px 0;
}

.policy-paid li {
    display: block;
    width: auto;
    color: #a5a9ab;
    margin: 0 auto 0 150px;
    text-align: left;
    display: table;
}

.policy-paid li b {
    color: #4f5d64;
}

.policy-paid li em {
    font-style: normal;
    color: #0bca47;
    font-weight: bold;
}

.congrats .thanks-content .support-team {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border: none;
    font-size: 14px;
    text-align: center;
}

.congrats .down-Policy {
    background: #fa774d !important;
    float: right;
    margin: 15px 0;
    padding: 10px;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.congrats h2 span {
    font-size: 17px;
    font-weight: normal;
}

.congrats b {
    text-transform: capitalize;
}


/*.scrollbar{float:left;height:470px;width:100%;background:none;margin-bottom:0;}
.force-overflow{min-height:470px;}
#style-1::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.2);border-radius:10px;background-color:none;width:7px;margin:10px 0;}
#style-1::-webkit-scrollbar{width:12px;background-color:none;width:7px;}
#style-1::-webkit-scrollbar-thumb{border-radius:10px;background-color:#a5a5a5;width:7px;}
*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #2ecc71;
    background: #2ecc71;
    font-weight: normal;
    color: #555555;
    border-radius: 10px;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #2ecc71;
    background: #2ecc71;
    font-weight: normal;
    color: #212121;
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #37474f !important;
    color: #222222;
    font-weight: bold;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #dddddd;
    color: #222222;
}

.idv-popup .min-idv {
    width: 15%;
    display: inline-block;
    font-size: 10px;
}

.idv-popup .min-idv b {
    font-size: 12px;
    display: block;
}

.ui-slider-horizontal {
    height: 4px;
    width: 65%;
    margin: 0 10px;
    display: inline-block;
    top: -10px;
    position: relative;
}

.ui-slider-horizontal .ui-slider-range {
    top: -1px;
    height: 4px;
    transition: all 0.1s ease;
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    background: none;
    border: none;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -9px;
    width: 20px;
    height: 20px;
    background: rgb(126, 220, 167);
    transition: all 0.1s ease;
}

.ui-slider-horizontal .ui-slider-handle.ui-state-focus {
    top: -10px;
    width: 22px;
    height: 22px;
    background: #2ecc71;
    border-radius: 50%;
}


/*******try********/

.errorMsg {
    display: block;
    color: red;
    font-size: smaller;
}

.example-enter {
    opacity: 0.01;
}

.example-appear {
    opacity: 0.01;
}

.example-appear.example-appear-active {
    opacity: 1;
    transition: opacity 500ms ease-in;
}

.example-enter.example-enter-active {
    opacity: 1;
    transition: opacity 500ms ease-in;
}

.example-leave {
    opacity: 1;
}

.example-leave.example-leave-active {
    opacity: 0.01;
    transition: opacity 200ms ease-in;
}

.main-enter {
    opacity: 0.01;
}

.main-appear {
    opacity: 0.01;
}

.main-appear.main-appear-active {
    opacity: 1;
    transition: opacity 500ms ease-in;
}

.main-enter.main-enter-active {
    opacity: 1;
    transition: opacity 500ms ease-in;
}

.main-leave {
    opacity: 1;
}

.main-leave.main-leave-active {
    opacity: 0.01;
    transition: opacity 200ms ease-in;
}

.left-appear {
    -webkit-animation: mymove 5s infinite;
    /* Chrome, Safari, Opera */
    animation: mymove 5s infinite;
}

.left-appear.left-appear-active {
    -webkit-animation: mymove 2s infinite;
    /* Chrome, Safari, Opera */
    animation: mymove 2s infinite;
}


/* Chrome, Safari, Opera */

@-webkit-keyframes mymove {
    from {
        left: 600px;
    }

    to {
        left: 0px;
    }
}

@keyframes mymove {
    from {
        left: 600px;
    }

    to {
        left: 0px;
    }
}

.hideelem {
    height: 0 !important;
}

.showelem {}

.visiblefalse {
    height: 0 !important;
}

.capitalize {
    text-transform: capitalize;
}

.hide {
    display: none;
}

.show {
    display: table !important;
}


/*********catch*****/

#dvQuoteList .mix {}

.opacity3 {
    opacity: 0.3;
}


/**********Loader start*******************/

div.loader {
    margin: 0;
    text-align: center;
}

.loader span {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 3px 0;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    animation: wave 2s infinite ease-in-out;
    -moz-animation: wave 2s infinite ease-in-out;
    -webkit-animation: wave 2s infinite ease-in-out;
}

@keyframes wave {

    0%,
    60%,
    100% {
        background: rgba(255, 255, 255, 0.4);
        transform: translateY(0);
        -moz-transform: translateY(0);
    }

    20% {
        background: rgba(255, 255, 255, 0.95);
        transform: translateY(4px);
        -moz-transform: translateY(4px);
    }

    40% {
        background: rgba(255, 255, 255, 0.95);
        transform: translateY(-4px);
        -moz-transform: translateY(-4px);
    }
}

@-webkit-keyframes wave {

    0%,
    60%,
    100% {
        background: rgba(255, 255, 255, 0.4);
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    20% {
        background: rgba(255, 255, 255, 0.95);
        transform: translateY(4px);
        -webkit-transform: translateY(4px);
    }

    40% {
        background: rgba(255, 255, 255, 0.95);
        transform: translateY(-4px);
        -webkit-transform: translateY(-4px);
    }
}

span:nth-child(1) {
    animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
}

span:nth-child(2) {
    animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
}

span:nth-child(3) {
    animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
}


/*overlay loader*/

.loaderOverLay {
    margin: 49% auto;
    text-align: center;
}

.loaderOverLay span {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 3px 0;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    animation: waveOverlay 2s infinite ease-in-out;
    -moz-animation: waveOverlay 2s infinite ease-in-out;
    -webkit-animation: waveOverlay 2s infinite ease-in-out;
}

@keyframes waveOverlay {

    0%,
    60%,
    100% {
        background: rgba(0, 0, 0, 0.4);
        transform: translateY(0);
        -moz-transform: translateY(0);
    }

    20% {
        background: rgba(0, 0, 0, 0.95);
        transform: translateY(4px);
        -moz-transform: translateY(4px);
    }

    40% {
        background: rgba(0, 0, 0, 0.95);
        transform: translateY(-4px);
        -moz-transform: translateY(-4px);
    }
}

@-webkit-keyframes waveOverlay {

    0%,
    60%,
    100% {
        background: rgba(0, 0, 0, 0.4);
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    20% {
        background: rgba(0, 0, 0, 0.95);
        transform: translateY(4px);
        -webkit-transform: translateY(4px);
    }

    40% {
        background: rgba(0, 0, 0, 0.95);
        transform: translateY(-4px);
        -webkit-transform: translateY(-4px);
    }
}

span:nth-child(1) {
    animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
}

span:nth-child(2) {
    animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
}

span:nth-child(3) {
    animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
}


/**********Loader End*******************/

.summary-header {
    width: 100%;
    display: inline-block;
    height: 0;
}

.proposal-form-QuotePosition {
    /*top:-70px !important;*/
    left: 0 !important;
    position: absolute !important;
}

.tile-visible small {
    opacity: 0;
}

.tile-visible div span {
    opacity: 0;
}

.tile-visible div b {
    opacity: 0;
}

.list-group .abc {
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0;
    -webkit-transform-origin: 1% 1%;
    transform-origin: 1% 1%;
    top: 60px;
}

.list-group .reveal {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
}

#confetti {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}


/***********loader Start css here****************/

.sumOverlay {
    width: 100%;
    position: fixed;
    display: block;
    left: 0;
    height: 100%;
    top: 0;
    background: rgba(51, 51, 51, 0.6);
    z-index: 11;
}

.sumOverlay .loading {
    width: 86px;
    height: 86px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -43px 0 0 -43px;
    z-index: 12;
    background: #333 url(../images/loading.gif) no-repeat center 12px;
    border-radius: 8px;
    display: block;
}

.proOverlay {
    width: 100%;
    position: fixed;
    display: block;
    left: 0;
    height: 100%;
    top: 0;
    background: rgba(51, 51, 51, 1);
    z-index: 11;
}

.proOverlay p {
    position: absolute;
    width: 100%;
    top: 50%;
    z-index: 12;
    display: block;
    color: #fff;
    text-align: center;
}

.preloader {
    width: 100%;
    height: 65px;
    background: rgba(55, 71, 79, 0.7);
    position: fixed;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 9;
}

.preloader div#progressbar {
    width: 90%;
    height: 3px;
    position: absolute;
    top: 60%;
    left: 5%;
    right: 5%;
    background: #37474f;
    z-index: 9;
    border: none;
}

.preloader div#progressbar .ui-widget-header {
    background: #fa774d !important;
    width: 50%;
    height: 5px;
    position: absolute;
}

.preloader div span {
    background: #fa774d;
    width: 50%;
    height: 5px;
    position: absolute;
}


/***********loader End css here****************/

.btn-sum {
    display: none;
}

.PACoverDetails {
    margin: 10px 0 0 0;
}


/**************Start accordion css here***************/

.life-accordion {
    width: 75%;
    display: block;
    clear: both;
    margin: 0 auto;
    padding: 100px 0 0;
    cursor: pointer;
}

.life-accordion h2 {
    background: #fff;
    border: solid 1px #eff0f2;
    margin: 0;
    padding: 15px 20px;
    text-align: left;
}

.life-accordion .content {
    background: #fff;
    padding: 0 20px 20px;
    border: solid 1px #eff0f2;
    display: none;
}

.life-accordion .content h4 {
    font-weight: bold;
    margin: 20px 0 0px 0;
    font-size: 12px;
}

.life-accordion .content ul {
    margin: 0 0 20px 0;
}

.life-accordion .content ul li {
    list-style-type: disc;
    display: list-item;
    margin: 0 0 10px 20px;
    font-size: 11px;
}

.life-accordion .content p {
    font-size: 11px;
    margin: 0 0 10px 0;
    line-height: 20px;
}


/***************End accordion css here***************/


/**************Start feedback css here***************/

ul.likely {
    border: medium none;
    display: table;
    float: none;
    margin: 0 auto;
    padding: 0;
    width: auto;
}

.likely li {
    display: table-cell;
    width: 77px;
    height: 95px;
    background: url(../images/smiley.jpg) no-repeat 0 0;
    text-align: center;
    vertical-align: bottom;
}

.likely li a {
    color: #182736;
    text-decoration: none;
    display: table-cell;
    width: 77px;
    font-size: 12px;
    height: 95px;
    text-align: center;
    vertical-align: bottom;
    transition: all 0.3s ease-in-out;
    border: solid #fff 1px;
}

.likely li a:hover {
    color: #1990bb;
    border: solid #efefef 1px;
}

.likely li a.active {
    border: dashed #4caf50 1px;
}

.likely li:nth-child(2) {
    background: url(../images/smiley.jpg) no-repeat -90px 0;
}

.likely li:nth-child(3) {
    background: url(../images/smiley.jpg) no-repeat -178px 0;
}

.congrats .support-team p {
    text-align: center;
}

.congrats .box-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    display: table;
}

.congrats .thanks {
    border: solid 1px #4CAF50;
    padding: 2px;
    display: table;
    margin: 10px auto 5px;
    width: 70%;
    text-align: center;
    color: #fff;
    background: rgba(120, 193, 123, 1);
}


/***************End feedback css here***************/


/*************New Quote CSS 22 march 17 here******************/

.newQuote {
    float: inherit;
    margin: 0 auto;
}

.newQuote .quote-tab {
    width: 83%;
    margin-left: -41%;
    left: 50%;
}

.newQuote li.radio {
    position: relative;
    width: 67px;
    display: inline-block;
    margin: 0 !important;
    height: 30px;
    line-height: 30px;
}

.newQuote li.radio input[type=radio] {
    position: absolute;
    opacity: 0;
    left: -5px;
    width: 42%;
    height: 20px;
    z-index: 999;
    cursor: pointer;
}

.newQuote li.radio .check {
    display: block;
    position: absolute;
    border: 1px solid #939393;
    border-radius: 100%;
    height: 14px;
    width: 14px;
    top: 8px;
    left: 5px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.newQuote li.radio .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.newQuote li.radio input[type=radio]:checked~.check::before {
    background: #2ecc71;
}

.newQuote li.radio input[type=radio]:checked~.check {
    border: 1px solid #2ecc71;
}

.newQuote .quote-tile small {
    padding: 5px 5px;
    margin: 0;
    height: 84px;
}

.newQuote .quote-tile small ul li div.right_block {
    width: 54%
}

.newQuote .quote-tile small.multi-y1 ul li div.left_block {
    width: 45%;
}

.newQuote .quote-tile small ul li em span {
    position: absolute;
    bottom: -18px;
    left: 5px;
    font-size: 9px;
}

.newQuote .quote-tile small.multi-y2 ul {
    padding: 0;
    margin: 15px 0 0 0;
}

.newQuote .quote-tile small.multi-y2 ul li em {
    letter-spacing: 0;
    font-size: 10px;
    padding-left: 8px;
}

.newQuote .quote-tile small.multi-y2 {
    background: #fff;
    border-right: solid 1px #efefef;
    padding-left: 12px;
}

.newQuote .single_yrs {
    border-right: solid 1px #efefef;
    height: 84px;
    text-align: center;
    padding: 35px;
    vertical-align: table;
    display: block;
    color: #878d90;
    font-size: 11px;
}

.newQuote .quote-tile small.multi-y1 {
    background: #ebeff2;
}

.newQuote .quote-tile ul li b.cover {
    text-align: center;
    font-weight: 300;
    font-size: 12px;
    width: 100px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    padding: 4px 0 0 0;
    color: #878d90;
}

.newQuote .edit_quote {
    left: -80px;
    position: absolute;
    border: solid #54bdf2 1px;
    border-radius: 4px;
    padding: 6px 15px 5px 20px;
    top: 12px;
    color: #54bdf2;
    cursor: pointer;
    font-size: 12px;
    background: url(../images/back-btn.png) no-repeat 7px 8px;
}

.quote-tile ul li span.saveTo {
    color: #ff8484;
    display: block;
    font-size: 10px;
    text-align: center;
    height: 32px;
    border-right: solid #efefef 1px;
    text-transform: uppercase;
}

.FYC {
    font-style: normal;
    text-align: center;
    display: block;
    padding: 25px 0 0 0;
    height: 45px;
    border-right: solid #efefef 1px;
    font-size: 11px;
    color: #878d90;
}

.idv-first {
    display: block;
}

.idv-mob {
    display: none;
}

.toast {
    top: 0;
    position: relative;
    left: 4px;
    opacity: 1;
    width: 84%;
    font-size: 11px;
    text-align: left;
    background: #53a2e2;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
    z-index: 9;
    transition: all 0.3s ease-in-out;
    font-weight: bold;
    padding: 7px 16px;
    overflow: hidden;
    display: table;
    clear: both;
    margin: -8px auto 10px;
}

.preOverlay {
    width: 100%;
    position: absolute;
    display: block;
    left: 0;
    height: 100%;
    top: 0;
    background: rgba(51, 51, 51, 0.6);
    z-index: 11;
}

.preOverlay .loading {
    width: 86px;
    height: 86px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -43px 0 0 -43px;
    z-index: 12;
    background: #333 url(../images/loading.gif) no-repeat center 12px;
    border-radius: 8px;
    display: block;
}


/*************12April2017***************/

.privacy {
    font-size: 10px;
    padding: 10px 0 0px;
    text-align: center;
    color: #546e7a;
    font-weight: 300;
    display: block;
    clear: both;
    letter-spacing: -0.5px;
}

.privacy a {
    font-weight: 600;
}

.renewalOverlay {
    width: 100%;
    position: fixed;
    display: block;
    left: 0;
    height: 100%;
    top: 0;
    background: rgba(51, 51, 51, 1);
    z-index: 11;
}

.renewalOverlay p {
    position: absolute;
    width: 100%;
    top: 50%;
    z-index: 12;
    display: block;
    color: #fff;
    text-align: center;
}


/*************18April2017***************/

.footer {
    text-align: center;
    padding: 20px 0 20px 0;
    line-height: 10px;
    border-top: solid #dfe5ea 1px;
    width: 100%;
    margin: 10px auto;
    color: rgba(85, 111, 123, 0.8);
    font-size: 10px;
}

.footerOrg {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer p {
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
}

.footer a {
    font-size: 10px;
    margin-bottom: 3px;
    display: inline-block;
}

.renewalOverlay .loader,
.renewalOverlay .loader:before,
.renewalOverlay .loader:after {
    border-radius: 50%;
    width: 1.2em;
    height: 1.2em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.renewalOverlay .loader {
    color: #ffffff;
    position: absolute;
    text-indent: -9999em;
    top: 45%;
    left: 50%;
    margin: -35px 0 0 -35px;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.renewalOverlay .loader:before,
.renewalOverlay .loader:after {
    content: '';
    position: absolute;
    top: 0;
}

.renewalOverlay .loader:before {
    left: -1.4em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.renewalOverlay .loader:after {
    left: 1.4em;
}

@-webkit-keyframes load7 {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {

    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

.pa-cover li .GetPA {
    display: inline-block;
    width: 80%;
}

.pa-cover li .GetPA span {
    font-size: 12px;
    color: #929da2;
    display: none
}

.BajajRSA {
    position: absolute;
    bottom: 1px;
    background: #d0d0d0;
    height: 16px;
    z-index: 3;
    left: 1%;
    padding: 0;
    line-height: 16px;
    letter-spacing: -0.4px;
    width: 98%;
    text-align: center;
    font-size: 9px
}

.newQuote .quote-tile.rsa-bajaj {
    height: auto;
}

.newQuote .quote-tile.rsa-bajaj small.multi-y2 ul {
    margin: 15px 0 0 0;
}

.registeration .new-Bike {
    border-left: solid #caced2 1px;
    width: 1px;
    height: 40px;
    margin: 20px 15px -15px;
    display: inline-block;
    padding: 27px 0 0 0;
}

.newBike-links {
    width: 120%;
    margin: 0 0 0 -10%;
}

.brand-new {
    width: 98%;
    display: table;
    text-align: center;
    clear: both;
    position: relative;
    top: 5px;
    cursor: pointer;
    padding: 8px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(190, 203, 212);
    border-image: initial;
    margin: 0px auto;
    border-radius: 4px;
}

.brand-new::before {
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    top: 24%;
    right: 5px;
    background: url(../images/icon.png) 4px -216px no-repeat;
}

.brand-new.active {
    color: rgb(255, 255, 255);
    font-weight: 500;
    background: rgb(21, 150, 254);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(21, 150, 254);
    border-image: initial;
}

.idv-ncb.NewBikeIDVEdit li {
    width: 50%;
}

.NewBikeIDVHide {
    display: none;
}

.summary-right .insurer-detail ul li.NewBikeIDVShow {
    margin: 10px 0 0 10px;
}

.ComrehensiveThirdparty {
    width: 98.5%;
    margin-bottom: 10px;
}


/*****************Start Premium Breakup CSS here***********************/

.breakup {
    text-align: center;
    display: block;
    font-size: 10px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 100px;
    margin: 0 0 0 -50px;
}

.breakupProposal {
    bottom: 3px;
}

.premium-breakup {
    width: 90%;
    margin: 0px auto 20px;
}

.premium-breakup ul li {
    font-size: 12px;
    margin: 0 0 8px 0;
    width: 100%;
    border-bottom: dashed 1px #ccc;
    display: table;
}

.premium-breakup ul li span {
    background: #fff;
    position: relative;
    padding: 0px 1px 5px;
    position: relative;
    top: 8px;
}

.premium-breakup ul li b {
    float: right;
    font-size: 14px;
    background: #fff;
    padding: 0px 3px;
    position: relative;
    top: 5px;
}

.premium-breakup h4 {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    display: table;
    margin: 15px 0 10px 0px;
    cursor: pointer;
    color: #1596fe;
    width: 100%;
}

.premium-breakup h4 span {
    width: 22px;
    border: solid #1596fe 2px;
    border-radius: 50%;
    display: inline-block;
    height: 22px;
    line-height: 18px;
    float: right;
    text-align: center;
    display: none;
}

.premium-breakup h5 {
    text-align: left;
    margin: 10px 0;
    font-weight: 700;
    font-size: 14px;
}

.premium-breakup #prevNCB {
    border-radius: 0;
}

.breakup-overlay .strike {
    text-decoration: line-through;
    margin: 0 auto;
    display: table;
}

.breakup-overlay {
    width: 96%;
    margin: -25px auto 0;
    display: table;
}

.breakup-overlay .reg-date {
    font-size: 12px;
    font-weight: 300;
}

.breakup-overlay .first-container {
    width: 100%;
    margin: 0 auto;
}

.breakup-overlay .first-container .Select-arrow {
    background: url(../images/icon.png) no-repeat 98% -45px;
    top: 0;
}

.manufact-detail ul {
    margin: 0 0 0 15px;
}

.manufact-detail ul li {
    display: list-item;
    width: inherit;
    list-style-type: disc;
    margin: 0 30px 0 0;
    padding: 0;
    float: left;
    list-style-position: outside;
    text-indent: -5px;
    color: #607D8B;
}

.brand-new {
    width: 98%;
    display: table;
    text-align: center;
    padding: 8px;
    clear: both;
    border: solid 1px #becbd4;
    margin: 0 auto;
    border-radius: 4px;
    position: relative;
    top: 5px;
    cursor: pointer;
}

.brand-new:before {
    width: 20px;
    height: 20px;
    background: url(../images/icon.png) no-repeat 4px -216px;
    content: "";
    position: absolute;
    top: 24%;
    right: 5px;
}

.brand-new:hover {
    color: #1596fe;
}

.brand-new.active {
    background: #1596fe;
    color: #fff;
    border: solid 1px #1596fe;
    font-weight: 500;
}

.brand-new.active:before {
    background: url(../images/icon.png) no-repeat 4px -705px;
}

.premium-detail h5 {
    text-align: center;
    margin: 25px 0 10px 0;
}

.premium-detail li span {
    font-weight: bold;
}

.premium-breakup .premium-detail ul li b {
    font-size: 16px;
}

.thankyoutext {
    text-align: center;
    margin: 20px 0;
    font-size: 12px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    border: dashed 1px #66a551;
    color: #f78a5f;
    font-weight: bold;
}

.thankyoutext span {
    display: block;
    font-size: 12px
}

.toastbreakingmsg {
    top: 0px;
    position: relative;
    left: 0;
    opacity: 1;
    width: 100%;
    font-size: 10px;
    text-align: center;
    background: #3fa9dc;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
    -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
    z-index: 2;
    transition: all 0.3s ease-in-out;
    font-weight: bold;
    padding: 5px;
    overflow: hidden;
    display: table;
    clear: both;
    margin: 0 auto 0px;
}

.toastbreakingmsg ul li {
    list-style: none;
    float: left;
    list-style-type: disc;
    list-style-position: inside;
    font-size: 12px;
    text-indent: 0;
    padding: 0 38px 0 10px;
    letter-spacing: -0.4px;
}

.AddressCitymsg {
    padding: 10px;
    font-size: 11px;
    color: #919292;
    margin: 0 0 0 34%;
}

.premiummsg {
    text-align: center;
    ;
    font-size: 11px;
    color: red;
    margin: 0 0 0 0%;
}


/************6sept2017 Thank U CSS here***************/

.track-book {
    width: 100%;
    margin: 22px auto 0;
    border: dashed 1px #b6b6b6;
    padding: 20px 15px 21px;
    display: table;
}

.track-book p {
    float: left;
    width: 41%;
    line-height: 18px;
    font-size: 12px;
}

.track-book a {
    padding: 12px;
    text-align: center;
    color: #fff;
    display: inline-block;
    background: #f07651;
    border-radius: 4px;
    margin: 0 9px;
    cursor: pointer;
    font-size: 12px;
}

.track-book a:hover {
    color: #fff;
    text-decoration: none;
}

.track-book b {
    color: #b7b7b7;
}

.pb-app {
    border-top: solid #e5e5e5 1px;
    padding: 10px 0 10px 0;
    display: table;
    width: 100%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    background: #fff;
    clear: both;
    margin: 20px auto;
    padding: 18px 20px;
    height: 85px;
}

.pb-app p {
    float: left;
    color: #4f4f4f;
    margin: 0;
    padding: 0;
    line-height: 24px;
    width: 53%;
}

.pb-app p b {
    display: block;
}

.app-icon {
    float: right;
    margin: 3px 0 0 0;
    width: 47%;
}

.app-icon img {
    border: none;
    margin: 0 0 0 10px;
}

ul.idv-ncb li span .help-tip {
    top: 0px;
    right: 0;
    text-align: center;
    background-color: #a1a9ad;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    font-size: 12px;
    line-height: 16px;
    cursor: default;
    z-index: 6;
    display: inline-block;
    position: relative;
}

ul.idv-ncb li span .help-tip p {
    background: #627680;
    left: -160px;
    white-space: pre-wrap;
}

ul.idv-ncb li span .help-tip p:before {
    border-bottom-color: #627680;
    right: 175px;
}

ul.idv-ncb li span .help-tip:hover p {
    background: #627680;
    display: block;
}

.proposal-form ul.list-group li label .help-tip {
    top: 0px;
    right: 0;
    text-align: center;
    background-color: #94a4ab;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    font-size: 12px;
    line-height: 16px;
    cursor: default;
    z-index: 99;
    display: inline-block;
    position: relative;
}

.proposal-form ul.list-group li label .help-tip p {
    background: #627680;
    left: -2px;
}

.proposal-form ul.list-group li label .help-tip p:before {
    border-bottom-color: #627680;
    left: 5px;
}


/**************Start New Toll Free CSS here*************/

a.tollFree {
    display: block;
}

.toll-free {
    visibility: hidden;
}

a.tollFree {
    color: #808080;
}

a:hover.tollFree {
    color: #808080;
}

.tollFree {
    position: relative;
    font-size: 14px;
    color: #8b8b8b;
    height: 35px;
    float: right;
    background: url(../images/icon-toll.png) no-repeat right 6px;
    padding: 0 22px 0 0;
    margin: 26px 0 0 20px;
    font-weight: 500;
    left: 12px;
}

.tollFree ul {
    display: none;
}

.tollFree:hover ul {
    display: block;
}

.tollFree ul {
    position: absolute;
    background: #fff;
    z-index: 9;
    width: 222px;
    height: 185px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
    right: -6px;
    padding: 18px 16px;
    top: 30px;
}

.tollFree ul li {
    border-bottom: dashed 1px #b8b8b8;
    padding: 0 0 9px 0;
    margin: 0 0 14px 0;
}

.tollFree ul li b {
    font-size: 12px;
    color: #808080;
    font-weight: 500;
}

.tollFree ul li span {
    color: #fa774d;
    font-size: 14px;
    padding: 4px 10px 8px 22px;
    display: block;
    background: url(../images/icon-toll.png) no-repeat left -41px;
    font-weight: bold;
}

.tollFree ul li em {
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    display: block;
    color: #a9a9a9;
}

.tollFree ul li:last-child {
    border: none;
}

.tollFree-mob ul {
    display: none;
}

.tollFree-mob {
    display: none;
}

.callIcon {
    display: none;
}

.overlay-toll {
    display: none;
}


/**************End New Toll Free CSS here*************/

.header-banner {
    background: #d8eefc;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    padding: 7px 10px;
    color: #000;
    display: none
}

.header-banner span {
    font-weight: bold;
}

ul.idv-ncb li span b {
    font-weight: normal;
    color: #fff;
}

.LimitedTPPlan {
    width: 100%;
}

.LimitedTPPlanHeader {
    background: #7595a5;
    padding: 10px;
    color: #fff;
    margin: 0 0 10px 0;
    font-size: 12px;
    background: -webkit-linear-gradient(#3dd4ba, #48b9e7);
    background: -o-linear-gradient(#3dd4ba, #48b9e7);
    background: -moz-linear-gradient(#3dd4ba, #48b9e7);
    background: linear-gradient(#3dd4ba, #48b9e7);
    font-weight: 500;
    line-height: 24px;
}

.LimitedTPPlanHeader span {
    display: block;
    font-size: 12px;
    font-weight: 400;
}

.Ticket-support {
    background: #f9f5d4;
    padding: 10px;
    border: dashed 1px #ccc;
    box-shadow: inset 0px 0px 0px 3px #ffffff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    width: 81%;
    margin: 0 0 0 19%;
}

.Ticket-support b {
    font-weight: 400;
    font-size: 11px;
}

.HideContactDetails {
    display: none
}

.ShowContactDetails {
    display: block;
    text-align: center;
    margin: 0 auto;
}


/****Upload Policy css here****/

.ShowContactDetails h3 {
    width: 30%;
    text-align: left;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    margin: 15px 0
}

.ShowContactDetails input {
    font-size: 14px;
    font-weight: 400;
    width: 55%;
    text-align: left;
    display: inline-block;
    border: none;
    border-bottom: solid #ccc 1px;
    padding: 5px;
}

.loginbutton {
    width: 25%;
    background: #2ecc71;
    border: none;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    margin: 25px 0 0 0;
}

.uploadbutton {
    position: relative;
    text-align: center;
    background: #fa774d;
    width: 200px;
    margin: 20px auto;
    display: table;
    border-radius: 4px;
    height: 40px;
}

.uploadtxt {
    height: 40px;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
}

.addfile {
    position: absolute;
    left: 0;
    z-index: 0;
    opacity: 0;
    height: 40px;
    background: red;
    width: 100%;
    top: 0;
}

.addfile:hover {
    cursor: pointer;
}

.msg-uploadError {
    position: relative;
    text-align: center;
    color: red;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 10px;
}

.img_upload {
    display: table;
    margin: 0 auto;
}

.loading {
    width: 86px;
    height: 86px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -43px 0 0 -43px;
    z-index: 12;
    background: #333 url(../images/loading.gif) no-repeat center 12px;
    border-radius: 8px;
    display: block;
}


/************Start Summary overlay css here****************/

.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(94, 110, 141, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    font-weight: normal;
    font-size: 12px;
    z-index: 9;
}

.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
    position: relative;
    width: 90%;
    max-width: 600px;
    margin: 4em auto;
    background: #FFF;
    border-radius: .25em .25em .4em .4em;
    text-align: left;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    padding: 25px;
}

.cd-popup-container .cd-popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: 300px;
}

.cd-popup-container .cd-popup-close::before,
.cd-popup-container .cd-popup-close::after {
    content: '';
    position: absolute;
    top: 12px;
    width: 14px;
    height: 3px;
    background-color: #8f9cb5;
}

.cd-popup-container .cd-popup-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
}

.cd-popup-container .cd-popup-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 8px;
}

.is-visible .cd-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.cd-popup-container p {
    font-size: 12px;
    line-height: 20px;
    color: #868383;
    font-weight: 300;
    margin: 0 0 10px 0;
}

.retry {
    cursor: pointer;
    background: #2ecc71;
    display: table;
    padding: 16px 35px;
    margin: 30px auto 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    transition: all 0.3s ease-in-out;
}

.cd-popup-container p:nth-child(1) {
    font-weight: 500;
    font-size: 14px;
    color: #000;
}

.retry:hover {
    color: #fff;
    background: #3ed07c;
}


/************End Summary overlay css here****************/


/*.registeration .btn-blue{background:none !important;font-weight:400;display:block;margin:25px auto;font-size:11px;color:#1f9afe;border:solid 1px;border-radius:8px;padding:0 20px;min-height:36px;visibility:hidden;}
*/

.buy-plan a.premiumnotavailable {
    background: #a9b7c1;
}


/***********Proposal page CSS start here***************/

.proposal-form .group {
    position: relative;
    margin-bottom: 10px
}

.proposal-form ul.list-group li label {
    color: #979797 !important
}

.proposal-form .group input {
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 300px;
    border: none;
    border-bottom: 1px solid #757575;
    box-shadow: none;
}

.proposal-form .group input:focus {
    outline: none
}

.proposal-form .group label {
    color: #999;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 10px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.proposal-form ul.list-group li label {
    margin: 0;
    padding: 0 0 0px;
    font-size: 12px;
    font-weight: 300;
    color: #b3b3b3;
}

.proposal-form .group input:focus~label,
.proposal-form input:valid~label {
    top: -10px;
    font-size: 12px;
    color: #b3b3b3 !important;
    font-weight: 300;
}

.proposal-form ul.list-group ul.radio-btn {
    margin: 5px 0 0px -8px;
    z-index: 0;
    position: relative;
}

.proposal-form .group .bar {
    position: relative;
    display: block;
    width: auto
}

.proposal-form .group .bar:before,
.proposal-form .bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #67c67a;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

#accordion div.axpand {
    padding: 0 0;
    background: #fff;
}

.proposal_top14 {
    position: relative;
    margin-bottom: 10px !important;
    margin-top: 25px !important;
}

.previ1 {
    margin-top: 10px;
}

.p12 {
    padding-bottom: 5px !important;
}

.proposal-form .group .bar:before {
    left: 50%
}

.proposal-form .group .bar:after {
    right: 50%
}

.proposal-form .smr_heading p {
    font-size: 11px;
    color: #666;
    margin: 10px 0 5px
}

.proposal-form .group input:focus~.bar:before,
input:focus~.bar:after {
    width: 50%
}

.proposal-form .group .highlight {
    position: absolute;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: .5
}

.proposal-form .group input:focus~.highlight {
    -webkit-animation: inputHighlighter .3s ease;
    -moz-animation: inputHighlighter .3s ease;
    animation: inputHighlighter .3s ease
}

.proposal-form ul.list-group li:nth-child(even) {
    background: none;
}

.proposal-form .form-group-text textarea {
    display: block;
    background: none;
    padding: 0.125rem 0.125rem 0.0625rem;
    font-size: 12px;
    border-width: 0;
    border-color: transparent;
    line-height: 1.9;
    width: 100%;
    color: transparent;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
    border-bottom: 1px solid #dce1e5;
    margin-bottom: 5px;
    resize: none;
}

.proposal-form .proposal-form ul.list-group li label.pincode_mobile {
    top: -18px;
}

.proposal-form .AddressCitymsg {
    margin: 0 0 20px 0;
    clear: both;
    padding-top: 0;
}

.proposal_top {
    padding-top: 25px;
}

.proposal-form .form-group {
    margin-bottom: 0;
}

.title_1 {
    position: absolute;
    top: 15px;
}

.proposal-form .form-group-text textarea:focus,
.form-group-text textarea:valid,
.form-group-text textarea.form-file,
.form-group-text textarea.has-value {
    color: #333;
    font-size: 14px;
    font-weight: 500;
}

.proposal-form .Select.has-value .Select-placeholder {
    padding: 0;
}

.proposal-form ul li input[type=text],
.proposal-form ul li input[type=tel],
.input-disable {
    padding-left: 0;
    padding-right: 4px;
}

.proposal-form ul.list-group li .prevIns label {
    top: -12px;
}

.proposal-form .Select .Select-placeholder {
    padding: 0;
    font-weight: 500;
    color: #37474f;
}

.proposal-form ul.list-group ul.radio-btn li label {
    line-height: 20px;
    padding: 10px 0 0 0;
}

.proposal-form .select-box {
    margin: 0 0 7px 0;
}

.proposal-form .btn-prop {
    margin-bottom: 10px;
}

.proposal-form ul.list-group li {
    padding: 5px 15px;
}

.proposal-form .group.proposal_eml {
    margin-bottom: 2px;
}

.proposal-form .form-group-text {
    margin: 0 0 0 0;
}

.proposal-form .select-box {}

.proposal-form .form-group-text label {
    top: 10px;
}

.proposal-form .form-group-text textarea {
    padding: 0;
    height: 32px;
    margin: 14px 0 0 0;
}

.proposal-form .form-group-text textarea:focus,
.proposal-form .form-group-text textarea:valid,
.proposal-form .form-group-text textarea.form-file,
.proposal-form .form-group-text textarea.has-value {
    overflow-y: scroll;
    height: 35px;
    color: #333;
    font-size: 14px;
    font-weight: 500;
}

.proposal-form .form-group-text textarea:focus~label,
.proposal-form .form-group-text textarea:valid~label {
    top: -18px;
    font-size: 12px;
    color: #b3b3b3 !important;
    font-weight: 300;
    height: 44px;
}

.proposal-form .group div[name="pincode"]~label {
    top: -10px;
}

.proposal-form .group div[name="mailingpincode"]~label {
    top: -10px;
}

.proposal-form .input-disable,
.proposal-form .is-disabled {
    background: #efefef;
}

.address-pin {
    margin: 15px 0 0 0;
}


/***********New CSS Akshay banner**************/

.registeration {
    float: right;
    background: #fff;
    border-radius: 10px;
    margin: -39px 30px 0 0;
    height: 495px;
    padding: 20px;
    width: 53%;
}

.main-container#RegistrationForm h1 {
    font-size: 28px;
    text-transform: none;
    padding: 25px 0 0 0;
    font-weight: 500;
    margin-bottom: 0;
}

.main-container#RegistrationForm h1 span {
    border: none;
    display: inline-block;
    padding: 0 0 0 10px;
    text-transform: none;
    font-weight: 500;
}

.registeration .txtCenter {
    color: #8498a3;
    padding: 10px 10px 0;
    font-size: 12px;
}

.registeration .btn-orange {
    width: 90%;
    background: #f9784e !important;
}

.registeration .textinput input {
    font-size: 14px;
    border-radius: 8px;
    box-shadow: 2px 4px 10px -6px #777;
    -webkit-box-shadow: 2px 4px 10px -6px #777;
}

.newBike-links {
    width: 90%;
    margin: 0 auto;
}

.registeration .btn-blue {
    width: 90%;
    margin: 62px auto 0;
}

.bike {
    width: 454px;
    background: url(../images/akshay.png) no-repeat 0px 22px;
}

.bike-box {
    background: none;
}

#innerregno {
    background: linear-gradient(#f9784e, #58707c);
    border-radius: 10px;
    height: 580px;
}

.registeration .new-Bike {
    display: none;
}

.registeration .new-Bike+a {
    float: right;
}

.registeration a {
    float: left;
    font-size: 12px;
}

.registeration a.new-bike {
    float: right;
}

.registeration .btn-blue {
    background: #56717c !important;
    margin: 100px auto 0;
}


/***********New CSS Multi Language banner**************/

.registeration .btn-blue {
    margin: 60px auto 0;
}

.multi_lang {
    display: table;
    margin: 0 auto;
}

.multi_lang a {
    display: inline-block;
    padding: 6px 10px;
    border-right: solid 1px;
    height: 14px;
    line-height: 2px;
    border-bottom: none;
    font-size: 11px;
    font-weight: 500;
}

.multi_lang a:last-child {
    border: none;
}

.multi_lang a:hover,
.multi_lang a:focus {
    text-decoration: none;
    border-bottom: none;
}

.newQuote .edit_quote {
    left: -120px;
    display: none;
}

.hi-IN .quote-tab li {
    float: left;
    padding: 10px 7px;
    width: 31.8%;
    border: solid #dee3e7 1px;
    border-right: solid #dee3e7 1px;
}

.hi-IN .quote-tab li:last-child {}

.hi-IN .newQuote .quote-tab {
    width: 100%;
}

.bn-IN ul.idv-ncb li span,
.kn-IN ul.idv-ncb li span {
    font-size: 11px
}

.bn-IN .breakup,
.ml-IN .breakup {
    width: 130px;
    margin: 0 0 0 -65px;
}

.bn-IN .header .back-btn,
.ml-IN .header .back-btn {
    width: 94px;
}

.kn-IN .header .back-btn {
    width: 119px;
}

.kn-IN .rto-list li span,
.ta-IN .rto-list li span {
    font-size: 13px;
}

.ml-IN .quote-tab li {
    font-size: 12px;
}

.ml-IN ul.idv-ncb li span {
    font-size: 11px;
}

.ml-IN .select-box label {
    letter-spacing: -0.4px;
}

.ml-IN .preqoute-field .select-box .Select-placeholder,
.ta-IN .preqoute-field .select-box .Select-placeholder {
    line-height: 78px;
    font-size: 12px;
}

.ml-IN .registeration .textinput input {
    font-size: 12px;
}

.ta-IN .rto-list li span {
    margin-right: 4px;
}

.ta-IN ul.idv-ncb li span {
    font-size: 11px;
}

.ta-IN .newQuote .quote-tile ul li b.cover {
    padding: 0;
    line-height: 14px;
}

.ta-IN .tollFree {
    font-size: 12px;
    padding: 0 16px 0 0;
    margin: 26px 0 0 3px;
}

.ta-IN .help-tip {
    right: -100px;
}

.ta-IN .dont-insure em {
    top: -8px;
}

.commonMullange {
    position: relative;
    top: 22px;
    display: inline-block;
}

.commonMullange select {
    border: solid 1px #c2cbd0;
    border-radius: 0px;
    font-size: 11px;
    width: 90px;
    -webkit-appearance: none;
    background: url(../images/icon-blue.png) 100% -43px no-repeat;
    padding: 4px 6px;
    border-radius: 4px;
    color: #49575e;
}

.header-link {
    right: -117px;
    top: 35px;
}

.t_c input {
    vertical-align: top;
    top: 4px;
}

.t_c span {
    display: inline-block;
    width: 90%;
}

.Affilatehidetol {
    visibility: hidden
}

.newQuote .single_yrs {
    width: 50%;
    display: block;
    clear: both;
    position: absolute;
    bottom: -4px;
    text-align: center;
    background: #fdebe5;
    font-size: 10px;
    padding: 1px 20px;
    border: dotted 1px #e8baaa;
    border-radius: 16px 16px 0 0;
    left: 50%;
    margin: 0 0 4px -25%;
    color: #583a2f;
    border-bottom: none;
    font-weight: 500;
    height: auto;
}

.newQuote .single_yrs span {
    display: inline-block;
    color: #3f4b58;
    font-weight: 400;
    /* letter-spacing:-0.4px;*/
    padding: 0 0 0 10px;
}

.OwnerRCMessageonSummaryPage {
    font-size: 11px;
    border: dashed 1px #d46b6b;
    padding: 5px 10px 7px;
    margin: 0 0 20px 0;
    background: #fff4f4;
    margin: 10px 0 0 0;
    width: 92%;
    margin: 0 auto;
    color: #3a474e;
}

.quote-tile {
    position: relative;
}

.sel-cover {
    border-bottom: solid 1px #e6e6e6;
    padding: 2px 0px 8px 4px;
    margin: 0 auto 8px;
    display: table;
    width: 97%;
}

.sel-cover li {
    float: left;
    width: 33%;
}

.sel-cover p {
    float: left;
    padding: 0;
    margin: 5px 0 0 0;
    width: 60%;
    font-size: 12px;
    font-weight: 300;
    color: #9ba8af;
}

.sel-cover ul {
    float: left;
    width: 40%;
    margin: 0px 0 0 0;
}

.summary-right {
    background: #fff;
    padding: 30px 16px;
}


/*.quote-tile .multi-y3 .buy-plan{display:none;}
*/

.summary-right .quote-tile small ul {
    padding: 17px 0 0;
}

.summary-right .quote-tile {
    height: 60px;
    width: 98%;
    margin: 0 auto 20px;
    border-bottom: solid 1px #e6e6e6;
}


/******************21 Nov 2018*******************/

.quote-tile small.multi-y1 ul li div.left_block {
    width: 30%;
    color: #99a8b0;
    font-size: 12px;
}

.quote-tile small ul li div.right_block {
    color: #344750;
    font-size: 13px;
    font-weight: 500;
}

.summary-right .additional {
    width: 94%;
    margin: 0px auto 0;
    border: none;
    padding: 0;
}

.summary-right .quote-tile small ul {
    padding-top: 5px;
}

.msg-summary {
    position: absolute;
    top: 3px;
    left: 7%;
    padding: 2px 5px;
    width: 56%;
    font-size: 11px;
    color: #f93825;
    background: #fcf3f1;
    border: dashed #c0c1c1 1px;
}

.sel-cover li {
    position: relative;
}

.sel-cover li.radio .check {
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    width: 100%;
    background-color: #eee;
    border-radius: 50%;
}

.sel-cover li input {
    position: relative;
    z-index: 10;
    width: 20px;
    height: 20px;
}

.sel-cover li input {
    opacity: 0;
    width: 55px;
    cursor: pointer;
}

.sel-cover li .check:after {
    display: block;
    background: #99a8b0;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-left: solid 1px #fff;
}

.sel-cover li input:checked~.check:after {
    display: block;
    background: #7bc678;
    position: absolute;
    content: "";
}

.sel-cover li span {
    color: #2ecc71;
    display: block;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    font-size: 11px;
}

.sel-cover li:nth-child(1) input:checked~.check:after,
.sel-cover li:nth-child(1) .check:after {
    border-radius: 4px 0 0 4px;
}

.sel-cover li:nth-child(3) .check:after,
.sel-cover li:nth-child(3) input:checked~.check:after {
    border-radius: 0 4px 4px 0;
}

.summary-right p {
    color: #454748;
    font-weight: 500;
    font-size: 12px;
}

.summary-right ul.amount li em {
    font-size: 14px;
    font-weight: 400;
}

.pa-cover li b {
    font-size: 14px;
}

.pay-now {
    border: solid #ecd8d0 1px;
    padding: 10px 0;
    margin: 2px auto;
    font-size: 14px;
    font-weight: 700;
    /* border-bottom:solid #ccc 0px;*/
    display: table;
    width: 92%;
}

.summary-right .btn-orange {
    width: 92%;
}

.t_c {
    width: 94%;
    margin: 0 auto;
    padding: 5px 0 5px;
}

.pa-cover li .GetPA {
    font-size: 12px;
    color: #3a474e;
    font-weight: 400;
}

.pay-now {
    margin: 15px auto 10px;
}

.t_c em {
    font-style: normal;
    color: #99a8b0;
    font-weight: 300;
    font-size: 11px;
}

.pay-now b {
    font-size: 16px;
    font-weight: 700;
}

.SetYearsPlan {
    z-index: 9;
    top: 3px;
    position: absolute;
    color: #fff;
    font-style: normal;
    /* left:15px;*/
    width: 100%;
    text-align: center;
    font-size: 11px;
}

.youpaysummary {
    font-size: 14px;
    color: #3a474e;
    font-weight: 500;
    padding-top: 0px;
}

.sel-cover li span em {
    background: #fbf3f1;
    padding: 0px 3px;
    font-style: normal;
    font-weight: 300;
    color: red;
    border: dotted #e67551 1px;
    border-radius: 8px;
    font-size: 9px;
    display: table;
    margin: 0 auto;
}


/* New Css For Design Changes */

.main-container {
    width: 100%;
}

.headerTop {
    background: #104886;
    padding: 0;
    display: table;
    width: 100%;
    height: 80px;
    padding: 30px 0 15px;
}

.container-inner-quote {
    margin: 0 auto;
    width: 1160px;
    float: inherit;
}

.container-fluid-quote {
    margin: 0;
    width: 100%;
}

.container-quote {
    width: 100%;
    padding: 0;
}

.newQuote .quote-tab {
    top: -145px;
    width: 100%;
    margin: 0 auto;
    left: 0;
}

.quote-tab {
    text-align: center;
    border-bottom: none;
    border-top: none;
    border-left: solid #0b3565 1px;
    border-right: solid #0b3565 1px;
    padding: 23px 0 22px 0;
}

.quote-tab li {
    border: 0;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background: #e1e8f5;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 10px 35px; */
    height: 40px;
    vertical-align: middle;
    /* display: inline-block; */
    font-size: 13px;
    /* margin: 0 5px; */
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 20px;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.pblogoquote {
    display: block;
    margin: 0;
    text-align: right;
    padding-right: 20px;
}

.commonMullangequote select {
    font-size: 11px;
    width: 90px;
    -webkit-appearance: none;
    background: url(../images/sprite.png) no-repeat 72px -10px;
    padding: 4px 6px;
    border-radius: 4px;
    color: #49575e;
    border: solid #fff 1px;
    font-size: 12px;
    font-weight: 500;
}

.commonMullangequote {
    position: relative;
    display: inline-block;
    width: 90px;
    background: #faf2f2;
    background: -moz-linear-gradient(top, #faf2f2 0%, #e6cbcb 100%);
    background: -webkit-linear-gradient(top, #faf2f2 0%, #e6cbcb 100%);
    background: linear-gradient(to bottom, #faf2f2 0%, #e6cbcb 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#faf2f2', endColorstr='#e6cbcb', GradientType=0);
    border-radius: 4px;
    Visibility: hidden
}


/***06-11-2018***/

.idvNcb {
    display: block;
    margin: 0 auto;
}

ul.idv-ncb li {
    float: left;
    width: 33.3%;
    background: #ebf1f1;
    height: 60px;
    border-right: solid 1px #fff !important;
    padding: 10px 20px;
    color: #134469;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.idv-ncb li span {
    font-size: 13px;
    font-weight: 400;
    color: #0d2f55 !important;
    padding-right: 5px;
}

ul.idv-ncb li span:nth-child(3) {
    background: url(../images/sprite.png) no-repeat 1px -339px;
    padding: 0 5px 0 10px;
}

ul.idv-ncb li:nth-child(3) span {
    font-size: 14px;
    font-weight: 500;
}

ul.idv-ncb li:nth-child(3) label {
    font-size: 12px;
}

ul.idv-ncb li a#prevNCB {
    background: url(../images/sprite.png) no-repeat 55px -14px;
    padding-right: 15px;
    font-size: 13px;
    margin: 0;
    width: 65px;
    text-align: right;
}

.idvNcb li span {
    font-size: 11px;
}

ul.idv-ncb li a {
    float: right;
    font-size: 11px;
    margin: 2px 0 0 0;
    background: url(../images/sprite.png) no-repeat 2px -245px;
    padding: 0 0 0 20px;
    position: absolute;
    right: 10px;
    color: #0096ff;
}

a.tollFreequote {
    position: relative;
    font-size: 12px;
    color: #bdd4ed;
    height: 35px;
    display: inline-block;
    visibility: hidden;
    background: url(../images/sprite.png) no-repeat 54px -66px;
    padding: 0 25px 0 0;
    font-weight: 500;
    left: 15px;
    letter-spacing: -0.4px;
}

.tollFreequote ul {
    position: absolute;
    background: #fff;
    z-index: 9;
    width: 210px;
    height: 185px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
    right: -10px;
    padding: 18px 16px;
    top: 30px;
    display: none;
}

.tollFreequote ul li {
    border-bottom: dashed 1px #b8b8b8;
    padding: 0 0 9px 0;
    margin: 0 0 14px 0;
}

.tollFreequote ul li b {
    font-size: 12px;
    color: #808080;
    font-weight: 500;
}

.tollFreequote ul li span {
    color: #fa774d;
    font-size: 14px;
    padding: 4px 10px 8px 22px;
    display: block;
    background: url(../images/icon-toll.png) no-repeat left -41px;
    font-weight: bold;
}

.tollFreequote ul li:last-child {
    border: none;
}

.tollFreequote ul li em {
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    display: block;
    color: #a9a9a9;
}

.tollFreequote:hover ul {
    display: block;
}

.pb-logo-quote {
    display: block;
    margin: 0;
    text-align: right;
    padding-left: 20px;
}

.headerbottom {
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.11);
    height: 60px;
}

.headerbottom a.back {
    width: 100%;
    display: block;
    height: 60px;
    padding: 20px 12px;
    font-size: 13px;
    background: url(../images/sprite.png) no-repeat left -104px;
    margin: 0 0 0 18px;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1)
}

.headerbottom a.back:hover {
    background-position: 2px -104px;
}

.idvNcb li b {
    display: block;
    font-size: 14px;
    font-weight: 500;
}

.idvNcb li span {
    font-size: 11px;
}

ul.idv-ncb {
    position: absolute;
    top: -60px;
}

.sharequote {
    top: -53px;
    right: 106px;
}

.quote-title-quote,
.thiredpartycoverge {
    width: 100%;
    border-bottom: solid #d1d6da 1px;
    display: table;
    margin: 0px auto 8px;
    height: 34px;
    text-align: center;
    font-size: 11px;
    padding: 8px 0 6px;
    background: none;
}

.quote-title-quote li,
.thiredpartycoverge li {
    float: left;
    width: 25%;
    color: #184263;
    font-size: 12px;
    font-weight: 300;
}

.thiredpartycoverge li {
    width: 33%;
}

.idv-ncb li b {
    display: block;
    font-size: 13px;
    font-weight: 500;
    width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: -0.7px;
    color: #134469;
}

.idv-ncb li:last-child {
    background: #f1ebeb;
    border-right: solid #e4e8ea 1px !important;
}

ul.idv-ncb {
    background: none;
}

ul.idv-ncb li:nth-child(2) a {
    float: right;
    font-size: 11px;
    margin: 2px 0 0 0;
    background: url(../images/sprite.png) no-repeat 0px -245px;
    padding: 0 0 0 20px;
    color: #1596fe;
}

ul.idv-ncb li:nth-child(2) b {
    overflow: inherit;
    text-overflow: unset;
    white-space: unset;
}

ul.idv-ncb li:nth-child(2) b .help-tip {
    left: 51px;
    top: 12px;
    background: #a2a9ac;
    width: 16px;
    height: 16px;
    line-height: 17px;
    z-index: 6;
}

ul.idv-ncb li:nth-child(2) b .help-tip p {
    text-align: left;
    left: -165px;
    background: #627680;
    white-space: pre-wrap;
}

ul.idv-ncb li:nth-child(2) b .help-tip p:before {
    right: 50%;
    border-bottom-color: #627680;
}

.vehicledetial {
    float: left;
    width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.vehicledetial span {
    font-size: 24px;
}

.quote-tile:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    transform: scale(1.02);
}

.main-container-quote {
    width: 1160px;
}

.quote-tile small ul {
    padding: 0;
}

.quote-tile li em {
    float: right;
}

.quote-tile li .inner {
    text-align: left;
}

.newQuote .quote-tile small ul li div.right_block .add {
    color: #459bf0;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
}

.quote-tile .img_logo img {}

.newQuote .quote-tile small ul li div.right_block {
    width: 26%;
    padding: 22px 20px;
    text-align: center;
    position: relative;
    min-height: 85px;
    display: table-cell;
}

.quote-tile small {
    background: none;
}

.newQuote .idvbox {
    /* border-right: solid 1px #efefef; */
    height: 84px;
    text-align: center;
    padding: 25px;
    vertical-align: table;
    display: block;
    color: #4e5966;
    font-size: 15px;
}

.quote-tile small ul li {
    border: none;
}

.quote-tile .img_logo {
    border-right: solid 1px #efefef;
}

.quote-tile .img_logo img {
    max-height: 58px;
    max-width: 140px;
    width: auto;
    height: auto;
}


}

.newQuote .quote-tile small {
    border-right: solid 1px #efefef;
    height: 85px;
}

.newQuote .quote-tile small.multi-y1 {
    background: none;
}

.quote-tile small ul li div.center_block {
    width: 26%;
    padding: 22px 20px;
    text-align: center;
    position: relative;
    min-height: 85px;
    display: table-cell;
}

/***popup**/
.quote-List {
    margin-top: 205px;
}

.sticky {
    position: fixed;
    z-index: 9;
}

.sticky2 {
    position: fixed;
    top: 58px;
    z-index: 9;
}

.sticky3 {
    position: -webkit-sticky;
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
    transition: 0.1s ease;
}

.newQuote .quote-tab.sticky {
    top: 0;
    width: 740px;
    left: 50%;
    margin-left: -370px;
}

.popupbtn {
    background: #fa774d;
    color: #fff;
    border: none;
}

.cd-popup-container .select-box .Select-control {
    text-align: center;
    border: solid #2ecc71 1px;
    height: 50px;
}

.cd-popup-container .select-box .Select-placeholder {
    width: 100%;
    line-height: 60px;
    font-size: 16px;
    font-weight: 500;
    pointer: cursor;
}

/***22-10-2019**/
.spinner {
    margin: 0 auto;
    text-align: center;
}

.spinner>div {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    background-color: #ffffff;
    text-align: center;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

model-header {
    border-radius: 5px 5px 0 0;
    height: 110px;
    text-align: center;
    background: #2ecc71;
    color: #fff;
}

.cd-popup-container {
    padding: 0;
    width: 60%;
}

.heading {
    width: 100%;
    padding: 10px 59px 0;
    text-align: center;
    line-height: 16px;
    color: #5d6068;
    font-size: 13px;
    margin: 0;
}

.smoke-cont {
    text-align: center;
    height: auto;
    width: 100%;
    font-size: 16px;
    color: #5d6068;
}

/**23-10-2018**/
.icon-popup {
    padding-top: 20px;
}

.smoke-cont h4 {
    font-size: 15px;
    color: #5d6068;
    margin: 11px 0 15px;
    font-weight: 600;
}

.midsection {
    border-radius: 5px 5px 0 0;
    height: 90px;
    text-align: center;
    background: #ffffff;
    color: #5d6068;
}

.footerpopup {
    padding: 15px 15px;
}

.modal-body p {
    font-size: 12px !important;
    margin: 0 auto;
}

.sticky4 {
    position: fixed;
    top: 85px;
    width: 100% !important;
    height: 60px;
    z-index: 7;
}

ul.idv-ncb.sticky2 {
    position: fixed;
    width: 740px;
    top: 85px;
}

.headerbottom .header-link {
    right: 0;
    float: inherit;
    top: 0;
}

.headerbottom .share {
    background: #0096ff;
    border-radius: 20px;
    width: 110px;
    padding: 4px 0 3px 13px;
    height: auto;
    border: solid #cddce6 1px;
    opacity: 1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    margin: 11px 0 0 70px;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.quote-tab li.active {
    background: #0065FF;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /* border: solid #0065FF 2px; */
    /* box-shadow: inset 0 0 10px rgba(0, 0, 0, .5); */
}

.headerbottom .share:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.headerbottom .share a {
    cursor: pointer;
    color: rgb(255, 255, 255);
    font-weight: 400;
    background: url(../images/sprite.png) no-repeat 6px -176px;
    display: block;
    padding: 2px;
}

.sharequote {
    top: 0;
    right: 0;
}

ul.idv-ncb li:nth-child(1) {
    border-left: solid #e4e8ea 1px;
}

.remove a {
    color: red;
    text-transform: uppercase;
    font-size: 10px;
}

.OwnerRCMessage {
    width: 54%;
    display: block;
    clear: both;
    position: absolute;
    bottom: -4px;
    text-align: center;
    background: #fdebe5;
    font-size: 10px;
    padding: 1px 20px;
    border: dotted 1px #e8baaa;
    border-radius: 16px 16px 0 0;
    left: 50%;
    margin: 0 0 4px -27%;
    color: #181c1f;
    border-bottom: none;
    font-weight: 400;
}

.quote-section {
    animation-fill-mode: unset;
}

.cd-popup {
    z-index: 9999;
    background: rgba(32, 39, 53, 0.96);
}

#dvQuoteList .cd-popup-container {
    padding: 25px;
    width: 30%;
    border-radius: 8px;
}

#dvQuoteList .cd-popup-container .model-header {
    background: #637487;
    height: 75px;
    /* display:none;*/

    margin: -25px -25px 8px;
    border-radius: 6px 6px 0 0;
}

#dvQuoteList .cd-popup-container p.heading {
    width: 100%;
    padding: 10px 2px 20px;
    font-weight: 300;
    color: #657585;
}

#dvQuoteList .smoke-cont h4 {
    font-size: 16px;
    color: #494e5a;
    margin: 11px 0 15px;
    font-weight: 500;
}

#dvQuoteList .midsection {
    border-radius: 5px 5px 0 0;
    height: 75px;
    text-align: center;
    background: #ffffff;
    color: #5d6068;
    margin: 0 auto;
    display: table;
    width: 92%;
}

#dvQuoteList .Policy-expire {
    padding-right: 0;
    margin-right: 0;
    /* margin-left:6px;*/

    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

#dvQuoteList .Policy-expire {
    display: table !important;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
}

#dvQuoteList .btn-orange {
    min-width: 100%;
}

.icon-popup {
    display: block;
    margin: 0 auto;
    padding: 5px 8px 0;
}

#dvQuoteList .select-box label {
    text-align: left;
}

#dvQuoteList .cd-popup-container .select-box .Select-control {
    text-align: left;
    padding: 0;
    margin: 0;
    border: none;
    border-bottom: solid #d7e0db 1px;
}

#dvQuoteList .Select-menu-outer {
    width: 100%;
}

#dvQuoteList .cd-popup {
    background: rgba(32, 39, 53, 0.96);
}

#dvQuoteList .cd-popup-container .select-box .Select-placeholder {
    padding: 0;
    line-height: 70px;
}

#dvQuoteList .Policy-type {
    margin: 0;
    width: 100%;
    padding: 0;
}

#dvQuoteList .select-box {
    width: 98%;
}

.idv-ncb #prev-ncb ul.radio-btn li {
    border: none !important;
    height: auto;
    line-height: 20px;
}

.idv-ncb li #prev-ncb b {
    width: 100%;
}

.buy-plan a {
    font-weight: 400;
    font-size: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border: solid #52a374 1px;
}

.buy-plan-WithoutDiscount {
    font-weight: 500;
}

.help-tip:before {
    font-weight: 300;
}

.quote-tile {
    transition: all .3s ease-in-out;
}

.BajajRSA {
    background: #fdebe5;
    bottom: 8px;
    border-radius: 14px;
    padding: 0px;
    border: dashed 1px #ccc;
    font-size: 10px;
    height: 18px;
    color: #000;
}

ul.idv-ncb li .prev-ncb ul li {
    height: 35px;
    border-radius: 0px 0px 8px 8px;
    font-size: 12px;
}

/*30-11-2018* uichange tp*/

/*.thiredpartycoverge{width:100%;border:solid #d1d6da 1px;display:table;margin:20px auto 8px;text-align:center;font-size:11px;padding:3px 0 3px;background:#ebeff1;}
.thiredpartycoverge li{float:left;width:33%;color:#184263;font-size:12px;font-weight:300;}
*/
.mergesection-TP {
    width: 50%;
}

.sticky-tile {
    position: fixed;
    z-index: 7;
    width: 740px;
    top: 145px;
    background: #bbc7d4;
    height: 35px;
    line-height: 18px;
    border-top: solid 2px #ffffff;
    border-bottom: solid 1px #dde2e8;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

//idv popup.idv-mob{display:none;}
#idv {
    background: #fff;
    border-radius: 8px;
    padding: 20px 20px 0;
}

#idv:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 8px;
    margin-left: -8px;
}

.idv-slider {
    border: solid #ccc 1px;
    padding: 5px;
}

#idv.reveal {
    z-index: 999;
    opacity: 1;
    height: 165px;
    box-shadow: 0 1px 45px 0 #3c3c3c;
    position: fixed;
    left: 50%;
    top: 150px;
}

.best-prices span {
    font-size: 12px;
    float: left;
    margin-left: 60px;
    font-weight: 500;
}

.idv-popup .inputField {
    background: none;
    text-align: center;
    width: 65%;
    margin: 0px auto 20px;
    clear: both;
    display: block;
    font-weight: 500;
    line-height: 20px;
    padding: 18px 0 0 2px;
    font-size: 16px;
    border: none;
    border-bottom: solid #ccc 1px;
}

.idv-popup ul.radio-btn li:nth-child(2) {
    width: 34%;
    margin: 0 2%;
}

.idv-popup ul.radio-btn li:nth-child(3) {
    width: 26%;
    border: none;
}

.own-idv em {
    color: rgba(55, 71, 79, 0.6);
    font-size: 9px;
    font-weight: 500;
    position: absolute;
    text-transform: uppercase;
    left: 29%;
    top: 1px;
    font-style: normal;
}

.idv-popup input[type="submit"] {
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 13px 27px;
    background: #2ecc71;
    color: #fff;
    margin: 0 auto;
    float: right;
    display: table;
    border: none;
}

.idv-popup ul.radio-btn {
    position: relative;
}

.idv-popup ul.radio-btn {
    width: 100%;
    margin: 15px 0 10px 0px;
    background: none;
    display: table;
}

.idv-popup ul.radio-btn li {
    display: inline-block;
    border: none;
    background: none;
    position: relative;
    border: solid #ccc 1px;
    height: 48px;
}

.idv-popup ul.radio-btn li.best-prices {
    padding: 15px 0;
    border: solid #ccc 1px;
    width: 36%;
}

.idv-popup ul.radio-btn li input[type=radio] {
    position: absolute;
    opacity: 0;
    left: -17px;
    width: 42%;
    height: 20px;
    z-index: 999;
}

.idv-popup ul.radio-btn li.own-idv input[type=radio] {
    top: 14px;
}

.idv-popup ul.radio-btn li .check {
    display: block;
    position: absolute;
    border: 2px solid #37474f;
    border-radius: 100%;
    height: 18px;
    width: 18px;
    top: 14px;
    left: 25px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.idv-popup ul.radio-btn li.own-idv .check {
    top: 14px;
}

.idv-popup ul.radio-btn li:hover .check {
    border: 2px solid #37474f;
}

.idv-popup ul.radio-btn li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.idv-popup ul.radio-btn input[type=radio]:checked~.check {
    border: 2px solid #2ecc71;
}

.idv-popup ul.radio-btn input[type=radio]:checked~.check::before {
    background: #2ecc71;
}

.idv-popup ul.radio-btn input[type=radio]:checked~label {
    color: #2ecc71;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #2ecc71;
    background: #2ecc71;
    font-weight: normal;
    color: #555555;
    border-radius: 10px;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #2ecc71;
    background: #2ecc71;
    font-weight: normal;
    color: #212121;
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #37474f !important;
    color: #222222;
    font-weight: bold;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #dddddd;
    color: #222222;
}

.idv-popup .min-idv {
    width: 15%;
    display: inline-block;
    font-size: 10px;
    text-align: center;
}

.idv-popup .min-idv b {
    font-size: 12px;
    display: block;
}

.ui-slider-horizontal {
    height: 4px;
    width: 65%;
    margin: 0 10px;
    display: inline-block;
    top: -10px;
    position: relative;
}

.ui-slider-horizontal .ui-slider-range {
    top: -1px;
    height: 4px;
    transition: all 0.1s ease;
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    background: none;
    border: none;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -9px;
    width: 20px;
    height: 20px;
    background: rgb(126, 220, 167);
    transition: all 0.1s ease;
}

.ui-slider-horizontal .ui-slider-handle.ui-state-focus {
    top: -10px;
    width: 22px;
    height: 22px;
    background: #2ecc71;
    border-radius: 50%;
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal .ui-slider-handle {
    top: -8px;
    margin-left: -5px;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0
}

.ui-spinner-input {
    border: 0;
    background: 0;
    color: inherit;
    padding: 0;
    margin: .2em 22px .2em .4em
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: 0;
    border-bottom: 0;
    border-right: 0
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.best-prices {
    margin: 0;
}

.idv-popup a {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: -7px;
    padding: 0px 7px;
    transform: translate(0%, -50%);
    color: #BF360C;
    font-size: 16px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    background: #fff;
    font-weight: 300;
    box-shadow: 0px 1px 6px -2px #000;
}

.modal-open {
    overflow: hidden;
}

.t_c div {
    color: red;
    font-size: 11px;
    padding: 0;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    margin: 0;
    text-align: left;
    padding-left: 70px;
}

.summary-right button[disabled].btn-orange {
    cursor: not-allowed;
    background: gray !important;
    color: #fff;
}

.summary-right .quote-tile:hover {
    box-shadow: none;
    transform: scale(1);
}

.summary-right .additional .pa-cover {
    display: table;
    width: 98%;
    background: #f7f8fb;
    padding: 10px 0;
    margin: 0 auto;
}

.cd-popup-container {
    padding: 25px;
}

/*popup*/
.midsection li,
.secondsection li {
    border: solid #657585 1px;
    /* display:inline-block;*/

    text-align: center;
    cursor: pointer;
    background: #ffffff;
    padding: 10px 32px;
    width: 46%;
    height: 40px;
    vertical-align: middle;
    line-height: 18px;
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    margin: 0 5px;
    color: #676c71;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.midsection li.active {
    background: #00d56b;
    color: #fff;
    border: solid #0aa759 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.secondsection li.active {
    background: #00d56b;
    color: #fff;
    border: solid #0aa759 1px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.carousel {
    position: relative;
    top: 30px;
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.carousel-indicators li {
    display: inline-block;
    width: 9px;
    height: 9px;
    vertical-align: top;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .9);
    border: 1px solid #56aded;
    border-radius: 10px;
}

.lastsection {
    font-size: 20px;
}

.carousel-indicators .activecarousel {
    width: 9px;
    height: 9px;
    margin: 0 10px;
    background-color: #56aded !important;
    vertical-align: top;
}

#dvQuoteList .smoke-cont h4 {
    font-size: 16px;
    margin: 0 auto;
    font-weight: 500;
    padding: 0 25px 20px
}

.secondsection {
    border-radius: 5px 5px 0 0;
    height: 50px;
    text-align: center;
    background: #ffffff;
    color: #5d6068;
    margin: 0 auto;
    display: table;
    width: 82%;
}

.expirybox {
    background: #eaeef1;
    font-size: 20px;
}

.secondsection li:nth-child(1) {
    width: 47%;
}

.midsection li {
    padding: 10px 18px;
}

.midsection li:hover {
    background: #00d56b;
    color: #fff;
    border: solid #0aa759 1px;
}

.secondsection li:hover {
    background: #00d56b;
    color: #fff;
    border: solid #0aa759 1px;
}

#dvQuoteList .cd-popup-container {
    height: auto;
    padding: 0 0 30px 0;
    top: 10%;
}

#dvQuoteList .cd-popup-container .model-header {
    margin: 0;
}

.expirybox {
    background: #eaeef1;
    font-size: 12px;
    width: 75%;
    padding: 10px 20px;
    position: relative;
    margin: 0 auto;
    border-radius: 5px;
    box-shadow: 0px 2px 2px 0px #b9b9b9
}

.expirybox:after {
    bottom: 100%;
    left: 11%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #eaeef0;
    border-width: 8px;
    margin-left: -8px;
}

.expirybox input[type=radio] {
    cursor: pointer;
    left: 6px;
    width: 10%;
    height: 14px;
    z-index: 999;
    top: 1px;
    opacity: 0;
    position: relative;
}

.expirytypeheading2 {
    padding: 15px 10px 15px 35px;
    color: #657585;
    font-weight: 300;
    border-bottom: solid #eaeef0 1px;
    margin-bottom: 10px;
}

.expirybox label {
    line-height: 20px;
    padding: 10px 0 0 0;
}

.expirybox div {
    position: relative;
    border-bottom: solid 1px #cadae2;
    padding: 5px;
}

.expirybox div:nth-child(3) {
    border: none;
}

.expirybox div.inside {
    border: none;
}

.expirybox .check {
    display: block;
    position: absolute;
    border: 1px solid #37474f !important;
    border-radius: 100%;
    height: 14px;
    width: 14px;
    top: 8px;
    left: 8px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.expirybox .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 1px;
    left: 1px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.expirybox input[type=radio]:checked~.check {
    border: 2px solid #2ecc71;
}

.expirybox input[type=radio]:checked~.check::before {
    background: #2ecc71;
}

.proposal-section .quote-tile small {
    background: #ebeff1;
    padding: 18px 10px;
}

.sticky-tile+#dvQuoteList {
    margin: 190px 0 0 0;
}

.toast {
    top: 0;
    left: 0;
    width: 100%;
    font-weight: normal;
    margin: 0px auto 10px;
    z-index: 5;
}

.newQuote .quote-tile small ul li div.right_block .add {
    text-transform: capitalize;
}

.quote-tile .multi-y3 {
    cursor: pointer;
}

.idv-popup .inputField {
    margin: 0px auto 7px;
}

#message {
    font-size: 10px;
    color: #ec0606;
}

.idvmessage {
    color: #2f2626;
}

.best-prices b {
    position: relative;
    right: -33px;
    color: #5a5a5a;
    font-weight: 300;
    text-transform: lowercase;
    font-style: normal;
}

.idv-popup ul.radio-btn li.best-prices {
    width: 35%;
}

.idv-popup ul.radio-btn li:nth-child(2) {
    margin: 0 0 0 5%;
}

.idv-popup input[disabled] {
    cursor: not-allowed;
    background: #adadad !important;
    color: #fff;
    float: right;
}

.modal-open {
    overflow: hidden;
}

#idv.reveal {
    height: 200px;
}

.idvmessage {
    font-size: 11px;
    border: dashed 1px #e4c3c3;
    padding: 5px 15px 7px;
    margin: 0 0 20px 0;
    background: #fdf5f5;
    color: #ec4e4e;
    font-weight: 300;
}

ul.idv-ncb li .currentncb span {
    float: right;
    font-size: 11px;
    padding: 4px 0 0 0;
}

.Remove {
    color: red;
}

.uploadbtn {
    display: inline-block;
    margin: 18px 0 0 0;
    font-weight: 500;
    color: #1596fe;
    transition: all 0.3s ease-in-out;
    border-bottom: solid #fff 2px;
    background: none;
    border: none;
    float: left;
    font-size: 13px;
    letter-spacing: -0.3px;
}

.registeration a {
    letter-spacing: -0.3px;
}

.registeration .btn-blue {
    margin: 20px auto 0;
    float: inherit;
    color: #fff;
}

.newcpachanges {
    background: #ffffff;
    margin: 25px 0px 10px -25px;
    position: fixed;
    top: 162px;
    z-index: 9;
    left: 70px;
    box-shadow: 0px 4px 15px 3px #d2d2d2;
}
.shimmerBG {
    animation-duration: 2.2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: shimmer;
    animation-timing-function: linear;
    background: #ddd;
    background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
    background-size: 1200px 100%;
}


@-webkit-keyframes shimmer {
    0% {
        background-position: -100% 0;
    }

    100% {
        background-position: 100% 0;
    }
}

@keyframes shimmer {
    0% {
        background-position: -1200px 0;
    }

    100% {
        background-position: 1200px 0;
    }
}

/* .media {
    height: 200px;
} */

.p-32 {
    padding: 12px;
}

.content-line {
    height: 8px;
    width: 100%;
    margin-bottom: 16px;
    border-radius: 8px;
}

.content-line-mobile {
    height: 4.5px;
    width: 100px;
    margin-bottom: 16px;
    border-radius: 8px;
}

.end {
    width: 40%;
}

.addOnNotAllowed {
cursor: no-drop !important;
}

.check-text-newcpachanges {
    font-size: 12px;
    padding: 10px 0 0;
    color: #464d56;
}

.newcpachanges h5 {
    font-size: 14px;
    font-weight: 500;
    color: #012957;
    padding: 0 0 6px 0;
}

.newcpachanges .inner-container {
    padding: 10px 2px 10px 4px;
}

.newcpachanges .check-box {
    top: 4px;
}

.checkbox-newcpachanges {
    padding: 0;
}

.checkbox-newcpachanges span .help-tip p {
    text-align: left;
    left: -165px;
    background: #627680;
}

.check-text-newcpachanges .help-tip {
    background: #a1a9ac;
    left: 155px;
}

.Readtxt a {
    font-size: 10px;
    margin: 12px 0 0 0
}

.Readtxt h4 {
    font-size: 10px;
    font-weight: 300;
    color: #7b828a;
    margin: 5px 0 3px 0;
}

.showingdiv p {
    font-size: 10px;
    color: #7b828a
}

.showingdiv ul {
    margin: 0 0 0 14px;
}

.showingdiv ul li {
    list-style: disc;
    font-size: 10px;
    color: #7b828a;
    font-weight: 300;
    line-height: 20px;
}

.closebutton a {
    display: none;
}

.newcpachanges a {
    font-size: 11px;
}

/*renewal changes*/
.renewalmidsection {
    width: 100%;
    height: auto;
    padding: 0;
    font-weight: 300;
    color: #657585;
}

.renewalmidsection ul.radio-btn {
    z-index: 0;
    position: relative;
    margin: 15px 20px 0 20px;
    text-align: center;
}

.newcpachanges {
    background: #ffffff;
    margin: 25px 10px 10px -25px;
    position: fixed;
    top: 170px;
    z-index: 6;
    left: 60px;
    box-shadow: 0px 2px 20px 0px rgba(1, 66, 139, 0.15);
    border-radius: 4px;
}

.newcpachanges .inner-container ul {
    padding: 2px;
}

.check-text-newcpachanges {
    font-size: 12px;
    padding: 10px 0 0;
    color: #505b68;
}

.newcpachanges h5 {
    font-size: 13px;
    font-weight: bold;
    color: #212121;
    padding: 0 0 6px 0;
    letter-spacing: -0.6px;
}

.newcpachanges .inner-container {
    padding: 10px 0px;
}

.newcpachanges .inner-container ul li {
    color: #5f6a78;
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    position: relative;
}

.newcpachanges .inner-container ul li span {
    color: #2f96f7;
    cursor: pointer;
}

.newcpachanges .inner-container ul li span.check-text-newcpachanges {
    color: #5f6a78;
}

.checkbox-newcpachanges {
    padding: 0;
}

.checkbox-newcpachanges span .help-tip p {
    text-align: left;
    left: -165px;
    background: #627680;
}

.check-text-newcpachanges .help-tip {
    background: #a1a9ac;
    left: 155px;
}

.Readtxt a {
    font-size: 12px;
}

.Readtxt h4 {
    font-size: 12px;
    font-weight: 600;
}

.showingdiv p {
    font-size: 10px;
}

.showingdiv ul li {
    list-style: disc;
    font-size: 10px;
}

.renewal.cd-popup-container {
    padding: 25px 25px 0px;
    width: 25%;
    border-radius: 8px;
    height: auto;
    background: #ffffff;
    top: 20%;
    height: 250px;
}

.renewal.cd-popup-container .model-header {
    background: #637487;
    height: 80px;
    /* display:none;*/

    margin: -25px -25px 8px;
    border-radius: 6px 6px 0 0;
}

.renewal.cd-popup-container .modal-body p {
    font-size: 16px !important;
    margin: 0 auto;
    padding: 5px 5px 0px 5px;
    font-weight: 400;
    line-height: 22px;
    color: #4c5967;
}

.ShareZIndex {
    z-index: 99
}

/*03-01-2019*/
.newcpachangemobile {
    display: block;
    left: 240px;
    z-index: 999;
    background: #e65735 url(../images/bike-icon.png) no-repeat center 5px;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    text-align: center;
    padding: 30px 6px 0;
    color: #fff;
    font-size: 9px;
    bottom: 30px;
    position: fixed;
    top: inherit;
    box-shadow: 0px 2px 30px -7px #000;
    -webkit-box-shadow: 0px 2px 30px -7px #000;
    border: solid 1px #e65735;
}

.closebutton a {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: -7px;
    padding: 0px 7px;
    transform: translate(0%, -50%);
    color: #BF360C;
    font-size: 16px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    background: #fff;
    font-weight: 300;
}

/*poonam*/
.prevclaim p {
    margin: 0 auto;
    text-align: center;
}

.prevclaim ul.radio-btn {
    text-align: center;
    top: 25px;
    z-index: 0;
    position: relative;
    width: 100%;
}

.prevclaim p {
    font-size: 14px !important;
    margin: 0 auto;
    padding: 7px 5px 0px 5px;
    font-weight: 300;
}

#Renewalpopup .carousel {
    position: relative;
    top: 100px;
}

#Renewalpopup .carousel ol {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.prevclaim {
    width: 100%;
    height: 50px;
}

#Renewalpopup .carousel ol li {
    display: inline-block;
    width: 9px;
    height: 9px;
    vertical-align: top;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #56aded;
    border-radius: 10px;
}

#Renewalpopup .carousel ol li .activecarousel {
    width: 9px;
    height: 9px;
    margin: 0 10px;
    background-color: #56aded !important;
    vertical-align: top;
}

.renewal.cd-popup-container .prevclaim p {
    font-size: 16px !important;
    margin: 0 auto;
    padding: 5px 5px 0px 5px;
    font-weight: 400;
    line-height: 22px;
    color: #4c5967;
}

.editmobile {
    position: relative;
    float: right;
    top: -30px;
    right: 20px;
}

/* Proposal: Step 1 - 21-07022  */
.right10 {
    right: 10px;
}

/* Proposal: Step 1 End */
.proposal-form .group label {
    top: -9px;
}

.renewalmidsection ul.radio-btn li,
.prevclaim ul.radio-btn li {
    border: solid #657585 1px;
    text-align: center;
    cursor: pointer;
    background: #ffffff;
    padding: 7px 32px;
    width: auto;
    height: 35px;
    vertical-align: middle;
    line-height: 18px;
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    margin: 0 5px;
    color: #676c71;
    border-radius: 20px;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.renewalmidsection ul.radio-btn li:hover,
.prevclaim ul.radio-btn li:hover {
    background: #00d56b;
    color: #fff;
    border: solid #0aa759 1px;
}

.renewalmidsection ul.radio-btn li.active {
    background: #00d56b;
    ;
    color: #fff;
    border: solid #0aa759 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.renewalOverlay {
    width: 100%;
    position: fixed;
    display: block;
    left: 0;
    height: 100%;
    top: 0;
    background: #8293a1;
    z-index: 11;
}

.renewalOverlay .loader {}

.renewalOverlay p {
    position: absolute;
    width: 100%;
    top: 58%;
    z-index: 12;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 2px 3px 0px #898999;
}

.renewalOverlay p span {
    display: block;
    font-size: 14px;
    font-weight: 400;
}

.preloader {
    width: 70%;
    height: 20px;
    background: none;
    position: fixed;
    bottom: 30%;
    left: 50%;
    display: block;
    z-index: 9;
    margin-left: -35%;
    border: solid 1px #fff;
    display: none;
}

.preloader div#progressbar {
    width: 90%;
    height: 3px;
    position: absolute;
    top: 45%;
    left: 5%;
    right: 5%;
    background: #ff8c42;
    z-index: 9;
    border: none;
}

.whatsapp {
    width: 90%;
    margin: 0 auto;
    font-size: 12px;
    color: #6d6d6d;
    padding-left: 13px;
    border-bottom: solid #edeef1 1px;
    margin: 10px auto 3px;
    padding-bottom: 13px;
}

.whatsapp .switch {
    float: left;
    position: relative;
    left: -13px;
    top: 2px;
}

.whatsapp span img {
    margin: -3px 3px 0 0;
}

.whatsapp p {
    font-size: 10px;
    font-weight: 300;
    color: #ababab;
    padding-left: 12px;
}

.whatsapp span {
    color: #7ac678;
}

.other-manufact {
    border-bottom: dashed 1px #becbd4;
    clear: both;
    text-align: center;
    height: 11px;
    margin: 10px 0 20px 0;
    display: table;
    width: 100%;
}

.other-manufact span {
    background: #fff;
    padding: 3px 6px;
    position: relative;
    top: 9px;
}

.health-report {
    background: #ffffff;
    border: solid #ccc 0px;
    padding: 0;
    clear: both;
    margin: 22px auto 20px auto;
    display: table;
    width: 95%;
    text-align: center;
    border: solid 1px #ffffff;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 6px;
    overflow: hidden;
}

.health-report img {
    width: 100%;
}

.LimitedTPMessage {
    width: auto;
    display: table;
    margin: 0 auto;
}

.LimitedTPMessage .help-tip {
    position: relative;
    top: 0px;
    left: 0;
    text-align: center;
    background-color: #a2a9ac;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 19px;
    cursor: default;
    z-index: 1;
    left: 0;
    display: inline-block;
}

.LimitedTPMessage .help-tip:hover p {
    background: #627680;
    left: -216px;
    width: 320px;
    padding: 4px 10px;
}

.LimitedTPMessage .help-tip p:before {
    border-bottom-color: #65767e;
    right: 90px;
    top: -12px;
}

.txtTPRates {
    color: #e17c5a;
    font-weight: 30;
    font-size: 19px;
    padding: 5px 0 0 0;
    display: block;
}

.txtTPRates b {
    font-size: 10px;
    display: block;
    font-weight: 300;
    color: #b1b1b1;
    line-height: 18px;
}

.registeration .txtCenter {
    padding: 4px 10px 0;
    font-size: 11px;
    margin: 15px auto 0;
    display: table;
    float: inherit;
    padding-left: 30px;
}

.registeration .txtCenter li {
    list-style: disc;
    float: left;
    margin: 0 12px 0 8px;
    font-size: 11px;
}

.tpmsg {
    color: #353535;
    padding: 15px 0 0 0;
    font-size: 12px
}

.tpmsg b {
    color: #f9784e;
}

.main-container#RegistrationForm h1 {
    font-size: 28px;
    width: 72%;
}

.main-container#RegistrationForm h1 span {
    font-size: 28px;
    display: inline;
    color: #f7774e;
}

.TPHeaderquotes {
    background: rgb(50, 131, 255);
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 7px 0;
    box-shadow: 0px 2px 3px -2px #9e9a89;
}

.TPHeaderquotes {
    display: none;
}

.TPHeaderquotesMobile {
    display: none;
}

.toastbreakingmsg {
    background: #97a4b1;
}

.toastbreakingmsg ul li {
    padding: 0 15px 0 10px;
}

/*new Thankyou*/
section {
    width: 950px;
    margin: 0 auto;
}

.headerInner {
    width: 1150px;
    margin: 0 auto;
}

header {
    background: #fff;
    border-bottom: solid #dce4ea 1px;
    display: table;
    width: 100%;
    padding: 10px 0;
}

/*.tollFree{position:relative;font-size:12px;color:#8b8b8b;height:35px;float:right;background:url(../images/icon.png) no-repeat right 6px;padding:0 20px 0 0;margin:2px 0 0 5px;font-weight:300;left:12px;width:100%;}
.tollFree ul{position:absolute;background:#fff;z-index:9;width:222px;height:185px;box-shadow:0 1px 5px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.1);right:-6px;padding:18px 16px;top:30px;display:none;}
*/
.tollFree ul li {
    border-bottom: dashed 1px #b8b8b8;
    padding: 0 0 9px 0;
    margin: 0 0 14px 0;
}

.tollFree ul li b {
    font-size: 12px;
    color: #808080;
    font-weight: 500;
}

.tollFree ul li span {
    color: #fa774d;
    font-size: 14px;
    padding: 4px 10px 8px 22px;
    display: block;
    background: url(../images/icon-toll.png) no-repeat left -41px;
    font-weight: bold;
}

a:hover.tollFree {
    color: #808080;
}

a:hover.tollFree ul {
    display: block;
}

.congratsTile {
    background: #fff;
    border-radius: 4px;
    display: table;
    margin: 20px auto;
    width: 100%;
    padding: 15px 15px 15px 30px;
    box-shadow: 0 1px 2px #b3b3b3;
}

.congratsTile h3 {
    font-size: 16px;
    font-weight: 700;
    color: #2d2f35;
}

.congratsTile img {
    float: left;
    margin: 0 14px 0 0;
    width: 100px;
}

.congratsTile ul {
    float: left;
    width: 70%;
}

.congratsTile ul li {
    display: table;
    width: 100%;
    font-size: 11px;
    line-height: 26px;
    color: #788093;
    font-weight: 300;
}

.congratsTile .policy-premium {
    border: dotted 1px #ccc;
    padding: 10px;
}

.congratsTile .policy-premium ul li span {
    float: right;
    color: #f16a10;
    font-size: 14px;
}

.congratsTile .policy-premium ul li:nth-child(2) span {
    font-size: 14px;
    letter-spacing: -0.5px;
}

.myAccount {
    background: #f0f5f9;
    display: table;
    width: 100%;
    border-radius: 4px 4px 0 0;
    padding: 30px 0;
}

.myAccount h4 {
    background: #f1f5f8;
    position: relative;
    z-index: 1;
    padding: 2px 10px;
    left: 10px;
    top: 3px;
    display: table;
    font-weight: 700;
    color: #303a4a;
    font-size: 14px;
}

.myAccount .list-item {
    display: table;
    border: solid #b1d6b0 1px;
    padding: 20px 0 20px 15px;
    margin: -10px 0 0 0;
    width: 95%;
}

.myAccount .list-item li {
    float: left;
    width: 45%;
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    background: url(../images/rightTick.svg) no-repeat 0 3px;
    padding-left: 25px;
    color: #000;
    letter-spacing: -0.3px;
}

.myAccount h1 {
    font-size: 16px;
    margin: 15px auto 0;
    text-transform: none;
    width: 65%;
    line-height: 26px;
    background: url(../images/user.svg) no-repeat 0 0;
    padding: 0 0 0 65px;
    color: #4c5f77;
    font-weight: 300;
}

.myAccount h1 span {
    color: #f16a10;
    font-size: 22px;
    font-weight: 500;
    border: none;
    display: inline-block;
    text-transform: lowercase;
}

.myAccount a {
    display: block;
    width: 65%;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: #2ecc71;
    padding: 12px;
    border-radius: 25px;
    box-shadow: 0px 2px 4px #ccc;
    text-align: center;
    margin: 27px auto 0;
    text-transform: uppercase;
}

.contentBox {
    background: #fff;
    border-radius: 4px;
    display: table;
    margin: 0 auto;
    width: 100%;
    box-shadow: 0 0px 40px 0 #b1b1b1;
}

.bannerPart {
    display: table;
    padding: 40px 0;
}

.bannerPart img {
    padding: 0 0 0 46px;
}

.downloadApp {
    display: table;
    width: 100%;
    border-top: solid 1px #e3e3e3;
    border-top: solid 1px #e3e3e3;
    padding: 20px 40px;
    color: #000;
}

.downloadApp h2 {
    font-size: 18px;
    font-weight: 500;
    background: #ffffff;
    margin: 0;
    padding: 0;
    text-align: left;
}

.downloadApp p {
    font-size: 12px;
    color: #747679;
    font-weight: 400;
}

.downloadApp img {
    margin: 6px;
}

.thankyou .renewal {
    width: 35%;
    margin: 60px auto;
    display: table;
    border-radius: 4px;
    background: #fff;
    text-align: center;
    box-shadow: 0 1px 2px #b3b3b3;
    padding: 10px 0 20px;
}

.thankyou .renewal p {
    font-weight: 500;
    margin: 0 0 15px 0;
    color: #2d2f36;
}

.thankyou .renewal ul li {
    width: 90px;
    margin-left: 5px;
    border: solid #c2e7df 1px;
    border-radius: 4px;
    display: inline-block;
    height: 33px;
    background: #c9f0e8 url(../images/feedback-icon.png) no-repeat 4px 4px;
    font-size: 12px;
    font-weight: 300;
    padding: 8px 0 0 25px;
}

.thankyou .renewal ul li:nth-child(2) {
    background: #feeed2 url(../images/feedback-icon.png) no-repeat 4px -51px;
    font-weight: 300;
    padding: 8px 0 0 25px;
    border: solid #f0e0c4 1px;
}

.thankyou .renewal ul li:nth-child(3) {
    background: #ffd9d9 url(../images/feedback-icon.png) no-repeat 4px -104px;
    font-weight: 300;
    padding: 8px 0 0 31px;
    border: solid #f3cccc 1px;
}

footer {
    text-align: center;
    font-size: 11px;
    width: 980px;
    margin: 0 auto;
    display: table;
}

.bannerPart-mob {
    display: none;
}

.thanks {
    border: solid 1px #4CAF50;
    padding: 2px;
    display: table;
    margin: 10px auto 5px;
    width: 70%;
    text-align: center;
    color: #fff;
    background: rgba(120, 193, 123, 1);
}

.apologytext {
    text-align: center;
    font-size: 12px;
}

.apologytext h3 {
    margin: 0 0 20px 0;
    color: #d13b13;
}

body.thankyou {
    background: #ebeff2;
}

.thankyou .newheader {
    border-bottom: solid 1px #dcdcdc;
    height: 56px;
    background: #fff;
}

.thankyou .pb-logo {
    margin: 11px 0 15px 0;
}

.thankyou .tollFree {
    margin: 17px 0 0 20px;
}

.thankyou .commonMullange {
    top: 15px;
    right: 0;
    position: absolute;
}

.commonMullange {
    right: 0;
}

.term-policy {
    padding: 30px 50px;
}

.term-policy p {
    font-size: 14px;
    color: #7ac678;
    text-align: center;
}

.term-policy span {
    display: block;
    color: #586d78;
    font-size: 12px;
}

.term-policy .termPolicybox {
    width: 64%;
    margin: 12px auto 0;
    border: dotted 1px #ccc;
    padding: 10px;
    display: table;
}

.term-policy .termPolicybox img {
    float: left;
    margin: 4px 10px 0 0;
}

.term-policy .termPolicybox ul {
    float: left;
    width: 77%;
}

.term-policy ul li {
    font-size: 12px;
    text-transform: uppercase;
    color: #788093;
    font-weight: 300;
    line-height: 20px;
}

.term-policy ul li:nth-child(2) {
    font-size: 11px;
}

.term-policy ul li b {
    float: right;
    color: #f16a10;
    font-size: 16px;
    font-weight: 300;
}

.term-policy ul img {
    float: left;
    margin: 0 20px 0 0;
}

.bannerPartkotak {
    text-align: center;
    margin: 0 0 35px 0;
}

.term-policy ul li a {
    float: right;
    position: relative;
    top: -3px;
    left: 5px;
}

.pa-cover li em.goodhealth-declared {
    font-style: normal;
    color: #989898;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
}

.pa-cover li em.goodhealth-declared a {
    background: none;
    display: inline-block;
    padding: 0;
    text-transform: capitalize;
}

.pa-cover li em.goodhealth-declared a:hover {
    color: #68b9ff;
}

/*thankyou css*/
.bannerBox {
    text-align: center;
    margin: 30px 0 30px 0;
}

.bannerBox ul li {
    color: #2d3f4a;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 5px 0;
    padding-left: 30px;
}

.bannerBox .trmBanner,
.bannerBox .hlthBanner {
    overflow: hidden;
    position: relative;
    width: 420px;
    display: inline-block;
    border: solid #d3ebe6 1px;
    margin: 0 18px;
    text-align: left;
    padding: 0 10px 0 16px;
}

.bannerBox .trmBanner:before {
    content: "";
    width: 120%;
    height: 50px;
    background: #f1f1f5;
    border-radius: 50%;
    left: -54px;
    top: -13px;
    position: absolute;
    z-index: 0;
}

.bannerBox .hlthBanner:before {
    content: "";
    width: 145%;
    height: 67px;
    background: #ffffff;
    border-radius: 50%;
    left: -170px;
    top: -33px;
    position: absolute;
    z-index: 0;
}

.bannerBox .trmBanner {
    background: #fbfbfc;
}

.bannerBox .hlthBanner {
    background: #ecfaf2;
}

.bannerBox .hlthBanner span {
    color: #7b8b96;
    font-size: 12px;
}

.bannerBox em {
    font-size: 10px;
    color: #ccc;
    line-height: 50px;
}

.bannerBox button {
    background: #ef5136;
    border: none;
    float: right;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    padding: 7px 15px;
    margin: 10px 10px 15px 0;
}

.bannerBox .trmBanner h4 {
    color: #fd8d09;
    margin: 12px 0 15px 0;
    position: relative;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.4px;
}

.bannerBox .trmBanner h4 b {
    color: #60698b;
}

.bannerBox .hlthBanner h4 {
    color: #2091bd;
    margin: 12px 0 15px 0;
    position: relative;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.4px;
}

.bannerBox .hlthBanner h4 b {
    color: #2ecc71;
}

.bannerBox .trmBanner ul li:before {
    position: absolute;
    content: "+";
    background: #60698b;
    width: 14px;
    height: 14px;
    left: 0;
    top: 3px;
    text-align: center;
    line-height: 14px;
    color: #fff;
}

.bannerBox .hlthBanner ul li:before {
    position: absolute;
    content: "+";
    background: #91cc96;
    width: 14px;
    height: 14px;
    left: 0;
    top: 3px;
    text-align: center;
    line-height: 14px;
    color: #fff;
}

.toastbreakingmsg ul {
    display: table;
    margin: 0 auto;
}

ul.idv-ncb li span+span+span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 117px;
    display: inline-block;
    /* float: left; */

    vertical-align: top;
    margin: 2px 0 0 0;
}

.msg-summary {
    position: absolute;
    top: 0;
    left: -8px;
    padding: 7px 5px;
    width: 101.7%;
    font-size: 12px;
    color: #ffffff;
    background: rgb(45, 90, 146);
    background: linear-gradient(90deg, rgba(45, 90, 146, 1) 0%, rgba(114, 149, 192, 1) 1%, rgba(142, 173, 211, 1) 2%, rgba(45, 90, 146, 1) 9%);
    text-align: center;
    border: none;
    box-shadow: 0px 11px 3px -8px #bdbdbd;
}

.msg-summary:before {
    position: absolute;
    left: 0px;
    top: 27px;
    width: 15px;
    height: 10px;
    background: #000000;
    border-radius: 10px;
    content: "";
    z-index: -1;
}

.summary-right {
    background: #f7f8fb;
    padding: 30px 0px 0;
    border-radius: 4px;
    box-shadow: 0px 1px 50px 0 #95989a;
}

.summary-right .additional {
    width: 100%;
    margin-bottom: 5px;
}

.summary-right .quote-tile {
    width: 100%;
    margin: 0 auto 10px;
    background: #fff;
}

.premiumsec {
    display: table;
    width: 100%;
    background: white;
    width: 96%;
    margin: 0 auto;
    border-radius: 4px;
    border: solid #bdbdbd 1px;
    box-shadow: 0px 1px 2px 0 #c5c5c5;
    padding: 10px 15px 0;
}

.firstsectionsummary {
    display: table;
    width: 100%;
    box-shadow: 0 1px 4px -3px #000;
    padding: 12px 0 5px;
}

.summary-right .additional .pa-cover {
    display: table;
    width: 96%;
    border: solid #bebebe 1px;
    box-shadow: 0px 1px 3px 0 #ccc;
    padding: 20px 0;
    background: #fcfdef;
    margin: 5px auto;
    border-radius: 4px;
}

.Paynowsection {
    display: table;
    width: 96%;
    border: solid #bebebe 1px;
    box-shadow: 0px 1px 3px 0 #ccc;
    padding: 20px 0;
    background: #fff;
    margin: 10px auto;
    border-radius: 4px;
}

.summary-right .btn-orange {
    width: 96%;
    margin: 8px auto;
    padding: 11px 0px 9px 0px;
}

.pay-now {
    border: none;
    margin: 0 auto;
    border-bottom: solid #ebeff2 1px;
    width: 95%;
}

.pa-cover li .GetPA {
    font-weight: 500;
}

.pa-cover li em.goodhealth-declared {
    font-weight: 300;
    line-height: 16px;
    margin: 3px 0 0 0;
    display: block;
    font-size: 11px;
    width: 100%;
    letter-spacing: -0.2px;
}

.summary-right .additional .pa-cover {
    padding: 8px 0;
}

.Paynowsection {
    padding: 0;
}

.pay-now b {
    color: #2b5891;
    font-size: 18px;
}

.summary-right .insurer-detail {
    display: inline !important;
    margin: 0;
}

.summary-right .insurer-detail ul {
    margin: 0;
}

.summary-page {
    box-shadow: 0px 1px 3px 0 #8a8a8a;
    border-radius: 0 4px 4px 0;
    border-left: solid 3px #3e53a3;
    width: 94%;
    background: #fff;
    padding: 5px 0 25px 0;
}

.summary-page ul li:nth-child(even) {
    background: #fff;
}

#accordion div {
    background: #fff;
    border-radius: 0 6px 0 0;
}

.personaldetail div.axpand {
    display: table;
    width: 94%;
    margin: 0 auto;
}

.personaldetail .list-group {
    float: left;
    width: 50%;
}

.personaldetail .additionalinfo {
    float: left;
    width: 50%;
}

#accordion h3.active {
    font-size: 18px;
    font-weight: 500;
    color: #3e53a3;
    background: none;
    border-radius: 0 4px 0 0;
    width: 94%;
    margin: 0 auto 10px;
    padding: 15px 0 7px;
    border-bottom: solid 1px #3e53a3;
}

.summary-page #accordion h3.active:before {
    background: none;
    display: none
}

.personaldetail .additionalinfo .list-group {
    width: 100%;
}

.edit-btn {
    color: #1596fe;
    border: solid #1596fe 1px;
    border-radius: 4px;
    padding: 1px 11px;
    font-weight: 400;
    font-size: 11px;
    margin: 7px 0 0 0;
    ;
}

.summary-page ul li span {
    font-weight: 700;
    padding: 0;
}

.summary-page ul li label {
    font-weight: 700;
    color: #989898;
    padding: 0;
    color: #000;
}

#accordion div.axpand {
    width: 94%;
    margin: 0 auto;
}

.quote-tile small.multi-y1 ul li div.left_block {
    width: 65%;
}

.idv-first,
.ncb-first {
    font-weight: 300;
    font-size: 11px;
    color: #636a6d;
}

.idv-first span,
.ncb-first span {
    color: #a1b0b7;
}

.quote-tile .firstsectionsummary small ul li div.right_block {
    color: #2b5891;
    font-size: 13px;
    font-weight: 700;
    padding-right: 30px;
}

.quote-tile .firstsectionsummary small ul li {
    margin-bottom: 8px;
}

.quote-tile .firstsectionsummary small.multi-y1 {
    padding: 0;
    margin: 0;
}

.summary-right p {
    text-transform: uppercase;
    width: 40%;
}

.sel-cover ul {
    width: 60%;
}

.summary-right ul.amount li b {
    font-weight: 700;
    color: #2b5891;
}

.summary-right ul.amount li em {
    font-size: 16px;
    color: #2b5891;
}

.pa-cover li .PAfadeOut {
    font-size: 14px;
    font-weight: 500;
    color: #acb9c5;
    margin-right: 15px;
    opacity: 1;
}

.pa-cover li b {
    margin-right: 15px;
}

.t_c {
    width: 95%;
}

/* .summary-right .insurer-detail img{margin-left:20px;} */
.summary-right .insurer-detail img {
    margin-left: 20px;
    max-width: 100px;
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}

.summary-right .insurer-detail img[alt="RELIANCE"] {
    max-width: 130px;
    margin-top: 12px;
}

.summary-right .insurer-detail img[alt="HDFC_ERGO"] {
    max-width: 100px;
}

.summary-right .insurer-detail img[alt="Univarsal_Sompo"] {
    max-width: 75px;
}

.summary-right .insurer-detail img[alt="Bharti_Axa"] {
    max-width: 120px;
}

.summary-right .insurer-detail img[alt="EdelweissTP"] {
    max-width: 120px;
}

.summary-right .insurer-detail img[alt="DHFL_ThirdParty"] {
    max-width: 130px;
}

.summary-right .insurer-detail img[alt="CholaMandalam"] {
    max-width: 130px;
}

.summary-right .insurer-detail img[alt="RSA"],
.summary-right .insurer-detail img[alt="New_India_Assurance"],
.summary-right .insurer-detail img[alt="OrientalInsurance"],
.summary-right .insurer-detail img[alt="SBI"],
.summary-right .insurer-detail img[alt="Bajaj_Allianz"],
.summary-right .insurer-detail img[alt="Magma"],
.summary-right .insurer-detail img[alt="LVGI"],
.summary-right .insurer-detail img[alt="United_India_Insurance"] {
    max-width: 130px;
}

.summary-right .insurer-detail img[alt="TATAAIG"] {
    max-width: 48px;
}

.sel-cover li:nth-child(1) input:checked~.check:after,
.sel-cover li:nth-child(1) .check:after {
    border-radius: 4px;
    border: solid #7c8b92 1px;
}

.sel-cover li .check:after {
    border-radius: 4px;
    border: solid #7c8b92 1px;
    background: #a1b0b7;
}

.sel-cover li:nth-child(3) .check:after,
.sel-cover li:nth-child(3) input:checked~.check:after {
    border-radius: 4px;
    border: solid #7c8b92 1px;
}

.SetYearsPlan {
    font-size: 12px;
}

.sel-cover li.radio .check {
    height: 26px;
}

.sel-cover li input {
    height: 26px;
    width: 76px;
}

.SetYearsPlan {
    color: #fff;
    top: 5px;
}

.sel-cover li:nth-child(1) input:checked~.check:after,
.sel-cover li:nth-child(1) .check:after {
    color: red;
}

.sel-cover li {
    width: 30%;
    margin: 0 0 0 7px;
}

.youpaysummary {
    font-size: 18px;
}

.summary-page .Vehicledetail ul li {
    float: left;
    width: 50%;
}

.summary-page .Vehicledetail ul li:nth-child(even) {
    width: 50%;
    float: left;
    clear: inherit;
}

.summary {
    font-size: 22px;
    font-weight: 500;
    color: #000;
}

.sel-cover li:nth-child(1) input:checked~.check:before,
.sel-cover li:nth-child(1) .check:before {
    position: absolute;
    color: red;
    left: 0;
    top: 0;
    content: "";
    width: 100px;
    height: 20px;
}

.summary-right .btn-orange em {
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAVCAYAAABPPm7SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU3MUJGQjYwNTcwOTExRTlBNzkxOUU4NTFBNDg4MkJCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY0QTEzQjJDNTdBMTExRTlBNzkxOUU4NTFBNDg4MkJCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTcxQkZCNUU1NzA5MTFFOUE3OTE5RTg1MUE0ODgyQkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTcxQkZCNUY1NzA5MTFFOUE3OTE5RTg1MUE0ODgyQkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7mkH4VAAABVklEQVR42qSUsUoDQRCG786IUVQiabQUQZHYBROCVnYiaCFY2fhAduITiAqCIrHWwsZCG7GxkIhIApKQRlCD5vwGxjCetweJAx87zP7zL7s3nB+GoReJCdiENZgEHypQhj14/qUWA0MRbkJ33MKi7bHNM1Ax4jqcQRleTP0JclGDAA6N6ASmIa1MwZHZP9aejsG8nihxCdnI1YQxuFBNE0pSD/Qp5iCr+QE0vL/RhH1oQ0Z7OgYjun7Ao+eOB3jTPGMNfoptNXGF6L7MYV4KCrCuxX7YgjwMRJqlYdbUV+Ha5yHuSHJeb3EvBnXzgN1GQ67QcmzKe1zpWoK+GE1Lvm/VMbY7MAxDsO3QVJMMFswQ5V0GQcL9Vky+7BIlGRRMXuzFwA7Uu0uUSjCQgUnLLwMGXSKZgxrreMzeK5zrZ1yC0RhN7d+DJAa7JBvw2WWzXP/0W4ABALL1lFZSDre5AAAAAElFTkSuQmCC) no-repeat 0 0;
    position: absolute;
    left: 125px;
    top: 24%;
    transition: all 0.3s ease-in-out;
}

.summary-right .btn-orange span {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.5px;
}

.header .back-btn {
    background: transparent url(../images/back-btn.png) no-repeat 6px center;
    border: solid #2f96f7 1px;
    padding: 4px 17px;
}

.newheader {
    height: 56px;
    background: #fff;
    border-bottom: solid #d7dadc 1px;
}

.pb-logo {
    margin: 13px 0 25px 0
}

.commonMullange {
    top: 16px;
    left: 180px;
    Visibility: hidden;
}

a.tollFree {
    margin-top: 19px;
    display: none;
}

/*filter multi year */
.filtermulti {
    background: #ffffff;
    margin: 25px 10px 10px -25px;
    position: fixed;
    top: 285px;
    z-index: 6;
    left: 60px;
}

.filtermulti .inner-container {
    padding: 10px 5px;
}

.filtermulti h5 {
    background: url(../images/filtericon.png) no-repeat left -4px;
    font-size: 14px;
    font-weight: bold;
    color: #012957;
    padding: 0 0 6px 20px;
}

.radio-btn input[type="radio"] {
    -webkit-appearance: checkbox;
    /* Chrome, Safari, Opera */

    -moz-appearance: checkbox;
    /* Firefox */

    -ms-appearance: checkbox;
    /* not currently supported */
}

.proposal-form ul.list-group li label em {
    display: block;
    font-style: normal;
    font-size: 10px;
    letter-spacing: -0.3px;
    margin: 5px 0 0 0;
    color: #9c9c9c;
}

.proposal-form ul.list-group li .msg-error {
    margin-left: 2px;
}

.summary-page ul li span b.PreNcbDec {
    display: block;
    color: red;
    font-size: 11px;
    font-weight: 300;
    margin-top: 4px;
}

.summary-page ul li span {
    display: table;
    width: 100%;
    color: #313131;
    font-weight: 400 !important;
}

.checkbox-newcpachanges .help-tip {
    right: 0px;
    background: #a2a9ac;
}

.checkbox-newcpachanges .help-tip p {
    width: 211px;
    min-height: auto;
    max-height: 220px;
}

.plansType {
    border-top: none !important;
    padding: 0 !important;
}

.plansWithCheckbox{
    border-top: solid #e8e8e8 1px;
    padding: 20px 0 0 0;
}

.Muityearfirst {
    margin: 20px 0 0 0;
    border-top: solid #e8e8e8 1px;
    padding: 20px 0 0 0;
}

.Muityearfirst ul li {
    color: #505b68;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}

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

.Muityearfirst ul li label {
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    padding: 0px 25px 5px 22px;
    margin: 2px auto;
    height: auto;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}

.Muityearfirst ul li:hover label {
    color: #2f96f7;
}

.Muityearfirst ul li .check {
    display: block;
    position: absolute;
    border: 1px solid #949393;
    border-radius: 100%;
    height: 12px;
    width: 12px;
    top: 7px;
    left: 3px;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.Muityearfirst ul li:hover .check {
    border: 1px solid #ccc;
}

.Muityearfirst ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 6px;
    width: 6px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.Muityearfirst input[type=radio]:checked~.check {
    border: 1px solid #2f96f7;
}

.Muityearfirst input[type=radio]:checked~.check::before {
    background: #2f96f7;
}

.Muityearfirst input[type=radio]:checked~label {
    color: #2f96f7;
}

.imgBanner {
    display: table;
    margin: 0 auto 13px;
    box-shadow: 0px 1px 3px 0 #b3b3b3;
}

.newQuote .quote-tile small ul li span.zeromob {
    display: none;
}

.downloadpolicybtn {
    display: block;
    width: 65%;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: #2ecc71;
    padding: 12px;
    border-radius: 25px;
    box-shadow: 0px 2px 4px #ccc;
    text-align: center;
    margin: 27px auto 0;
    text-transform: uppercase;
    border: none;
}

.proposalZeroDepcheckbox {
    padding: 0 10px;
}

.proposalZeroDepcheckbox input {
    margin: 0 10px 0 0;
    position: relative;
    top: 2px;
}

.proposalZeroDepcheckbox span {
    color: #979797;
    font-size: 13px;
}

.proposal-form ul.list-group li .proposalZeroDepcheckbox+.msg-error {
    margin: 0 0 0 11px;
}

.idv-na {
    float: right;
}

/*new errror pop*/
.button-row {
    display: table;
    margin: 40px 0px 20px;
    text-align: center;
    width: 100%;
}

.errorbutton {
    cursor: pointer;
    font-size: 15px;
    padding: 10px 15px;
    background: #fff;
    color: #5ecd72;
    border: 1px solid #5ecd72;
    border-radius: 8px;
    width: 30%;
    text-align: center;
    margin-right: 30px;
    display: inline-block;
    float: inherit;
    font-weight: 300;
}

.errorbutton:nth-child(1) {
    background: #5ecd72;
    border: solid #5ecd72 1px;
    color: #fff;
}

.quote-tile small ul li div.right_block span.fade {
    opacity: 0.3;
    color: #000;
}

.check-zeroDep .help-tip {
    width: 14px;
    height: 14px;
    top: 3px;
    line-height: 14px;
}

.check-zeroDep .help-tip p {
    width: 350px;
    font-size: 11px;
    text-transform: none;
    color: #fff;
    font-weight: 300;
    padding: 10px;
    position: absolute;
    bottom: -50px;
    left: -356px;
    background: rgba(66, 66, 66, 1);
    z-index: 9999;
}

.check-zeroDep .help-tip p:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(66, 66, 66, 1);
    border-width: 6px;
    margin-top: -6px;
}

.check-zeroDep .help-tip p b {
    font-weight: 300;
    color: #d8a7a7;
}

.check-text-newcpachanges-mob {
    display: none;
}

.proposal-form .AddressCitymsg {
    color: red;
    padding: 0;
    margin: 0 0 20px 12px;
    position: relative;
    top: -10px;
}

.proposal-form .address {
    margin-bottom: 15px;
}

/*newaddeded hdfc pa*/
.proposal-form em {
    display: block;
    font-style: normal;
    font-size: 10px;
    letter-spacing: -0.3px;
    margin: 1px 0 0 0;
    color: #9c9c9c;
}

/*od plans css*/
.odsection {
    border-radius: 5px 5px 0 0;
    height: 50px;
    text-align: center;
    background: #ffffff;
    color: #5d6068;
    margin: 0 auto;
    display: table;
    width: 85%;
    margin-left: 24px;
}

.odsection li {
    border: solid #657585 1px;
    text-align: left;
    cursor: pointer;
    background: #ffffff;
    padding: 6px 18px;
    width: 95%;
    height: 42px;
    vertical-align: middle;
    line-height: 15px;
    display: inline-block;
    font-weight: 400;
    font-size: 12px;
    margin: 0 5px;
    color: #3c4f7a;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    box-shadow: 0 2px 4px 0 #dedede;
    margin-bottom: 10px;
}

.odsection li:nth-child(2),
.odsection li:nth-child(4) {
    padding: 13px 9px 13px 18px;
}

.odsection li b {
    display: block;
}

.odsection li span {
    font-size: 11px;
    float: left;
    color: #7a7a7a
}

.odsection li:hover {
    background: #00d56b;
    color: #fff;
    border: solid #0aa759 1px;
}

.odsection li:hover span {
    color: #fff;
}

.previoustpmessage {
    margin: -1px 10px 20px;
    font-size: 11px;
    color: #de8d15;
    box-shadow: 0 1px 2px 0px #f3ede4;
    border-radius: 3px;
    padding: 7px 9px;
    width: auto;
    display: table;
    background: #fffbf6;
    font-weight: 300;
}

.newcpachanges .inner-container .help-tip ul li {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}

.PreviousTPPolicyExpiryDate .Select.is-disabled .Select-arrow-zone {
    display: none;
}

.PreviousTPPolicyExpiryDate .Select-control {
    cursor: pointer;
}

/**thankyou page **/
.soft-copy {
    font-size: 14px;
    text-align: center;
    display: table;
    margin: 0 auto 20px;
    border: solid 1px;
    padding: 4px 20px;
    border-radius: 18px;
    position: relative;
    top: 18px;
}

.doc-mail {
    text-align: center;
    font-size: 12px;
    background: #fff6f6;
    padding: 10px 30px;
    width: 80%;
    margin: 0px auto 25px;
    border: solid 1px #f5b9af;
    color: #da3737;
    box-shadow: 0 1px 2px #b3b3b3;
    border-radius: 4px;
}

.t_c {
    margin: 5px auto;
}

/*quotes css */
.idv-quote-hide,
.Premiumbtn {
    color: #fff !important;
    padding: 4px 6px 4px 10px;
    border-radius: 3px;
    color: #49575e !important;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    cursor: pointer;
}

.idv-quote-hide:after,
.Premiumbtn:after {
    content: "";
    display: block;
    width: 26px;
    height: 18px;

        {
        /* background:url(../images/sorting1.png) 0 2px no-repeat ; */
    }

    position: absolute;
    top: 3px;
    transition: transform .5s;
    right:7px;
    opacity:0.8;
}

.quote-title-quote ul .zero-dep-quotehide {
    position: relative;
    top: 6px;
}

.quote-title-quote ul li:nth-child(1) {
    position: relative;
    top: 6px;
}

.idv-quote-hide.active:after,
.Premiumbtn.active:after {
    content: "";
    display: block;
    width: 26px;
    height: 18px;
    background: url(../images/sorting2.png) 0 2px no-repeat;
    position: absolute;
    top: 3px;
    transition: transform .5s;
    right: 7px;
    opacity: 0.8;
}

.quote-title-quote li,
.thiredpartycoverge li {
    color: #000;
    font-size: 12px;
    font-weight: 500;
}

.idv-quote-hide span,
.Premiumbtn span {
    color: #000;
    font-size: 12px;
    position: relative;
    top: 0px;
    font-weight: 500;
}

.brandNew b {
    float: left;
    font-weight: normal;
    margin: 10px 0px 10px 0px;
    width: 100%;
    text-align: left;
}

.brandNew div {
    float: left;
    margin: 0px 0px 10px 0px;
}

.brandNew div a {
    float: left;
    margin: 0 10px 0 0;
    border: solid 1px;
    border-radius: 4px;
    padding: 6px 22px;
    border: solid #becbd4 1px;
    color: #546e7a;
    font-size: 14px;
    font-weight: 400;
}

.owner-cover-banner {
    overflow: hidden;
    width: 645px;
    margin: 5px auto 15px;
    border: solid 1px #ff887b;
    background: rgb(251, 245, 245);
    height: auto;
    padding: 7px 20px 10px;
    box-shadow: 0px 1px 5px 4px #ececec;
    border-radius: 4px;
    color: rgba(42, 42, 42, 0.7);
    width: 85%;
    margin: 0px auto 13px;
    display: block;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    text-align: center;
}

.contentBox .pb-app {
    border-top: solid #e5e5e5 1px;
    padding: 10px 0 10px 0;
    display: table;
    width: 99%;
    box-shadow: none;
    background: #fff;
    clear: both;
    margin: 20px auto;
    padding: 18px 25px;
    height: 85px;
}

.contentBox .pb-app h2 {
    font-size: 16px;
    margin: 0 0 0px 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #9b9b9b;
    background: none;
    text-align: left;
}

.contentBox .pb-app .facebook-share-box {
    width: 47%;
    display: inline-block;
    border-bottom: solid 2px #3a5898;
    padding: 22px;
    background: #f8f9fb;
    border-radius: 4px;
}

.contentBox .pb-app .facebook-share-box.twitter-share-box {
    margin-left: 45px;
    border-bottom: solid 2px #55acee;
    padding: 22px;
    background: #eff8ff;
    border-radius: 4px;
}

.contentBox .pb-app .facebook-share-box .title-sharefb {
    font-size: 16px;
    color: #3a5898;
    font-weight: bold;
    margin: 0 0 15px 0;
    padding: 8px 0 7px 40px;
    background: url(data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ2RDYyMEMyMTYyQjExRUE4ODcwOTc4RDY2MURCQzBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ2RDYyMEMzMTYyQjExRUE4ODcwOTc4RDY2MURCQzBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDZENjIwQzAxNjJCMTFFQTg4NzA5NzhENjYxREJDMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDZENjIwQzExNjJCMTFFQTg4NzA5NzhENjYxREJDMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAAgACADAREAAhEBAxEB/8QAhAAAAwEBAAAAAAAAAAAAAAAAAAcJCAYBAAIDAQAAAAAAAAAAAAAAAAYHAAMEBRAAAQQCAgEDAgcAAAAAAAAAAQIDBAUGBwARIUETCBIUMWGBs3YXOREAAQMCAwUECwAAAAAAAAAAAQARAgMEIRIFQXHBchMxYeEUUYGRodEiQsIjNDX/2gAMAwEAAhEDEQA/AMqcd6C0cii1Ppr4hbW3TRDKqY1mO4y64tuDbXLzrf3ZbUUOGO0w08tSUqH0lSglPfYBJB64mo6/b2U8knlL0DZvchbbewqVhmDAd6X28dKZBofLYGH5Ja19vOsKlm3ak1pdLKWnn32Ag+822r6gqOonx10RzVpmpQv6ZqQBABbHcDxVVzbyoSyk7HSZ50VnXX4bgOZ7DsZNRhGOTcms4cYzJMKC37jiGErS2XCPHgKWkfrzPcXVK3jmqSEQcMVZTpSqFoh1cmzq9lYh8QaOm17VToGzavDqGHGq4rQVNYmL+0bnhKFdgOISp0k+h8+nFrCdCtqcpVSDTM5F9jY5fV2IjMZwtgIj5mHiot7e/twZPFRuhd0vLG65oRRerUuSmCXXS0ElRJCPcLhH598Ylh5bpny7ZX+nsfDwQ9X6mb8jv3pV83KlPj4+71sNA5ZbZXW4/HyN62qV1K4cl9bCUJW+y/7gUhKiSCyB11685eq6ZG/pimZZWL+4jitNrcmhIyAfBlafMN3T8Y+N0TerVDHl2EnHqO6OPreWlkLt1xErb90JKum/uT0evPXF1b6aKt8bXNhmkH5X+CIalwY0Oo2wH2qIG8dv2W789k51Z1TNI89DjQmaxh1TyG246SPC1hJP1KUVfh68ZOm2EbGj0ol8SX3ocua5rTzEMk/zoKhHIorXbY/z2qv4Hhf7tXxc2P8AaPPP7kQ1/wBMcseCijxjIeX/2Q==) no-repeat 0 0;
}

.contentBox .pb-app .facebook-share-box .title-sharefb2 {
    color: #55ACEE;
    background: url(data:image/jpg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ2RDYyMEJFMTYyQjExRUE4ODcwOTc4RDY2MURCQzBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ2RDYyMEJGMTYyQjExRUE4ODcwOTc4RDY2MURCQzBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUVCMTQ4QTkxNUQzMTFFQTg4NzA5NzhENjYxREJDMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUVCMTQ4QUExNUQzMTFFQTg4NzA5NzhENjYxREJDMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAAgACADAREAAhEBAxEB/8QAgwAAAgIDAAAAAAAAAAAAAAAABgcECQEFCAEAAgICAwAAAAAAAAAAAAAABQYEBwIIAAEDEAACAgIABgAFBQAAAAAAAAABAgMEEQUAITESBgdBUWFxEyIyomMIEQACAQICCgIDAQAAAAAAAAABAhEAAzEEIUFRYYGRoRMFBvASwSJSYv/aAAwDAQACEQMRAD8AcGCegzjrxsNWu9Y45XVENfxLyq3qpN5V8b2dnTRBmk2sVSZ64Vc9zfkClcLjmc8vjxFfP5dLnaa4ofZInlUtMhmHt91bbFNsGOdaOSCaERGaF4hOgkgLqVDoSQGXPUZBGRxJDBpg4VGKlYkY06/89xpY9jV6U+rh3FTYULdW/UmMeBBIoDuFl5NgfuXqV7sZ6Fc9rJXIlgxUhgQROIwww3HbFMnqYDZ4KVDAqQQYwOOOO8bJp8+T/wCVNLdutc8W30unryP3PqLUZnjGTkrFMGV1GOncHP14WMl7xdRPrfQMf6Bg8RgeEUz530e07/aw5UfyRI4HEcZrqyrVrUqtelUgSvUqRLDWrxjtRI0AVVUDoABgcIzuzsWYySZJ308oiooVRAAgDdVX/ureNvPZPlDfjhSLWXJNdXMS82Wq34ssxJLHK/PAHIADi6fXct2MjbxlgG0/60/OtUr7Hme/nrmEKSuj/Oj50oI8ZubTWbzW7XTw2prmtsRzqlQyLIQDhk74v1KHGVJHz4JZy3bu2mS4QAwjTEddmNDclcuWry3LYJKmdEz024Va54pvZPI9JT2smn2WjadQDR2sQisZAGWKgnkT0JAz1xxRueywy90oHVo1qZFXnkc0czaDlGSdTCD85UGe1vaOo9caKxI08djyO5Ey6TUgguznkJZF+EaHmSeuO0c+CPg/C3PI3gIi2D+zfgbz0xof5zzdrxtkmZuEfqv5O4dcKq9nnmtTzWbEhlnsO0s8rcyzucsx+pJ4ulVCgAYCqUZixLHSTUnXbPZae3FsNTfsa29Acw26sjRSL9mQg8YXrKXlKXFDKdREis7N57LB7bFWGsGDTDb3V7Tasah81viIgjuH4xJz/tCB/wCXAkeuePDfbsrPGOUxRY+x+RK/XvNHCecTS4uXbmxszXdhbmvXLDd09uxI0srt82dyST9zwXt21tqFQAAahoFCLlxrjFnJJOs6TUXjOvOv/9k=) no-repeat 0 0;
}

.contentBox .pb-app .facebook-share-box textarea {
    width: 100%;
    font-size: 14px;
    height: 64px;
    padding: 5px 10px;
    border: solid gainsboro 1px;
    -webkit-appearance: none;
}

.contentBox .pb-app .facebook-share-box .btn-share {
    background: #3B5998;
    color: #fff;
    opacity: 1;
    display: block;
    float: left;
    padding: 7px 30px;
    margin: 20px 0 0 0;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
}

.contentBox .pb-app .facebook-share-box .btn-share2 {
    background: #55ACEE;
}

.pa-cover li.termdec span em {
    color: #1596fe;
    font-style: normal;
    font-size: 12px;
    cursor: pointer;
}

.pa-cover ul li.termdec {
    margin: 10px 0 0 0;
    background: #f7f8fb;
    padding: 6px;
    border: dashed 1px #ccc;
    font-weight: 400;
    font-size: 12px;
}

.pa-cover ul li.termdec input[type="checkbox"] {
    position: relative;
    top: 3px;
    margin-right: 7px;
}

.rocketchat-widget[data-state='opened'] {
    width: 300px !important;
    height: 450px !important;
    background: #fff;
    right: -6px !important;
    box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.15);
}

.term-policy .termPolicybox ul {
    width: 72%;
    margin: 5px 0 0 0;
}

.term-policy .termPolicybox ul {
    width: 42%;
}

.existing-popup {
    width: 30%;
    height: 330px;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    padding: 30px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -140px 0 0 -217px;
    box-shadow: 0px 1px 30px 0px #22282d;
    z-index: 99993;
}

/* .existing-popup .policy-exist img{border: solid #dedede 1px;padding: 3px;} */
.existing-popup .policy-exist img {
    border: solid #dedede 1px;
    padding: 3px;
    max-width: 130px;
    max-height: 110px;
}

.existing-popup .policy-exist p {
    display: block;
    margin: 20px;
    font-size: 16px;
    font-weight: 500;
}

.existing-popup .policy-exist a {
    font-size: 15px;
    color: #4c5f77;
    border: solid #4c5f77 1px;
    display: table;
    margin: 20px auto;
    width: 183px;
    padding: 7px;
    border-radius: 22px;
    transition: all 0.3s ease-in-out;
}

.existing-popup .policy-exist a:hover {
    background: #2ecc71;
    color: #fff;
    border: solid #2ecc71 1px;
    box-shadow: 2px 2px 4px 0 #ccc;
}

.existing-popup .policy-renewMsg img {
    border: solid #dedede 1px;
    padding: 3px;
    float: left;
    margin: 10px 20px;
}

.existing-popup .policy-renewMsg p {
    display: table;
    margin: 20px;
    font-size: 14px;
    font-weight: 400;
    clear: both;
    color: #637587;
    width: 75%;
    text-align: left;
    float: left;
}

.existing-popup .policy-renewMsg a {
    font-size: 15px;
    color: #4c5f77;
    display: table;
    margin: 20px auto;
    width: 150px;
    padding: 7px;
    border-radius: 22px;
    background: #2ecc71;
    display: block;
    clear: both;
    float: left;
    color: #fff;
    margin: 0 20px;
    font-weight: 400;
}

.overlay3 {
    width: 100%;
    position: fixed;
    display: block;
    background: #ccc;
    left: 0;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99991;
}

.chat-mob-btn {
    display: none;
}

/**PostPayment css **/
.mdl-textfield.is-focused input[type="text"] {
    border: solid #37474f 1px;
    transition: all 0.5s ease-in-out;
}

.container-fluid {
    padding: 0;
}

.row {
    margin: 0;
}

.hide {
    display: none;
}

.show {
    display: block;
}

input:-webkit-autofill,
select:-webkit-autofilltextarea:-webkit-autofill {
    background-color: #fff !important;
}

.clr {
    clear: both;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    height: 0;
}

.txtCenter {
    text-align: center;
    display: none;
}

.hide {
    display: none;
}

section {
    width: 1170px;
    margin: 0 auto 100px;
    display: table;
    box-sizing: border-box;
}

.headerInner {
    width: 1150px;
    margin: 0 auto;
}

.tollFree {
    position: relative;
    font-size: 12px;
    color: #8b8b8b;
    height: 35px;
    float: right;
    background: url(../images/icon.png) no-repeat right 6px;
    padding: 0 20px 0 0;
    margin: 2px 0 0 5px;
    font-weight: 300;
    left: 12px;
    width: 100%;
}

.tollFree ul {
    position: absolute;
    background: #fff;
    z-index: 9;
    width: 222px;
    height: 185px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.1);
    right: -6px;
    padding: 18px 16px;
    top: 30px;
    display: none;
}

.tollFree ul li {
    border-bottom: dashed 1px #b8b8b8;
    padding: 0 0 9px 0;
    margin: 0 0 14px 0;
}

.tollFree ul li b {
    font-size: 12px;
    color: #808080;
    font-weight: 500;
}

.tollFree ul li span {
    color: #fa774d;
    font-size: 14px;
    padding: 4px 10px 8px 22px;
    display: block;
    background: url(../images/icon.png) no-repeat left -41px;
    font-weight: bold;
}

a:hover.tollFree {
    color: #808080;
}

a:hover.tollFree ul {
    display: block;
}

.form-detail {
    display: table;
    float: left;
    width: 58%;
}

.plan-summary {
    display: table;
    float: right;
    width: 40%;
}

.form-detail .inner-container {
    background: #fff;
    border-radius: 4px;
    display: table;
    margin: 0 auto;
    box-shadow: 0 1px 2px #b3b3b3;
    width: 100%;
    padding: 25px;
}

.form-detail .view-quote {
    background: none;
}

.form-detail .view-quote button {
    min-width: 200px;
    box-shadow: 0px 7px 15px -3px #cacaca;
    background: #00d56b !important;
    padding: 12px;
    font-weight: 500;
    font-size: 18px;
}

.form-detail #form1,
.form-detail #form2 {
    width: 100%;
}

.form-detail #form2 .select-DOB {
    width: 93%;
}

.form-detail .floating-label-wrap.date-birth.regNo {
    margin-top: 34px;
}

.plan-summary .inner-container {
    background: #fff;
    border-radius: 4px;
    display: table;
    margin: 20px auto;
    padding: 0;
    box-shadow: 0px 0px 38px 0px rgba(181, 193, 202, 0.66);
    width: 100%;
}

.plan-summary .vehicle-detail div {
    float: right;
    font-size: 12px;
    width: 70%;
    text-align: right;
}

.plan-summary .vehicle-detail div b {
    display: block;
    margin-bottom: 5px;
}

.plan-summary .vehicle-detail div ul li {
    font-size: 12px;
    margin-bottom: 10px;
    color: #737373;
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.plan-summary .vehicle-detail div ul li:nth-child(2):before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 20px;
    background: #000;
    left: 2px;
    top: 6px;
    position: absolute;
}

.plan-summary .vehicle-detail div ul li:nth-child(2) {
    padding-left: 10px;
    padding-right: 0;
    margin-right: 0;
}

.plan-summary .policy-type img {
    width: 30%;
}

.plan-summary h2 {
    background: none;
    text-align: left;
}

.form-detail h2 {
    font-size: 18px;
    font-weight: 500;
    margin: 0px 0 4px 0;
    text-align: left;
    background: none;
    padding: 0;
}

.floating-label {
    position: absolute;
    top: 0;
    left: 0;
    user-select: none;
}

/* Hide the browser-specific focus styles */
.floating-label-field {
    color: rgba(44, 62, 80, .75);
    border-width: 0;
    z-index: 2000;
    position: relative;
}

.floating-label-field:focus {
    outline: 0;
    box-shadow: 0;
}

.floating-label-field::placeholder {
    color: rgba(44, 62, 80, .5);
}

/* Make the label and field look identical on every browser */
.floating-label,
.floating-label-field {
    font: inherit;
    display: block;
    width: 100%;
    color: #909090;
    font-size: 12px;
}

.form-detail .floating-label {
    font-weight: 300;
}

.form-detail .floating-label-wrap {
    position: relative;
    margin-bottom: 22px;
    width: 63%;
}

.form-detail .floating-label-wrap-city {
    position: relative;
    margin-bottom: 22px;
    width: 57%;
}

.form-detail .floating-label-wrap.phone {
    width: 47%;
    display: inline-block;
    margin-right: 5%;
}

.form-detail .floating-label-wrap.email {
    width: 45%;
    display: inline-block;
}

.form-detail .floating-label-wrap.nominee {
    width: 47%;
    margin: 0;
}

.form-detail .floating-label-wrap.date-birth {
    margin: 20px 0 15px 0;
}

.form-detail .floating-label-wrap.date-birth .floating-label {
    margin-top: -20px;
}

/* Input Style #1 */
.floating-label-field--s1 {
    transition: border-color .25s ease-in-out;
    border-radius: 4px;
    color: #000;
    border: solid #d8d8d8 1px;
    background-color: transparent;
}

.floating-label-field--s1+.floating-label {
    transition: transform .25s, opacity .25s ease-in-out;
    transform-origin: 0 0;
    opacity: .5;
}

.floating-label-field--s1:focus,
.floating-label-field--s1:not(:placeholder-shown) {
    border-color: #1e8fff;
}

.floating-label-field--s1:focus+.floating-label,
.floating-label-field--s1:not(:placeholder-shown)+.floating-label {
    transform: translate(.25em, -30%) scale(.8);
    opacity: .45;
    padding: 20px 10px 0;
}

.floating-label-field--s1:valid:not(:placeholder-shown) {
    border-color: rgba(46, 213, 115, .3);
}

.floating-label-field--s1:invalid {
    border-color: rgba(255, 71, 87, .3);
}

.floating-label-field--s1,
.floating-label-field--s1+.floating-label {
    padding: 22px 10px 4px;
    width: 90%;
    font-size: 15px;
    font-weight: 500;
    resize: none;
}

.floating-label-field--s1+.floating-label {
    z-index: 1500;
    padding: 14px 10px;
    color: #000;
    font-weight: 400;
}

.floating-label-field--s1::placeholder {
    color: transparent;
}

.select_with_floating select {
    position: relative;
    z-index: 2;
    width: 90%;
}

.select_with_floating .floating-label {
    padding: 5px 10px;
}

.floating-label-wrap select {
    padding: 22px 24px 4px 10px;
    -webkit-appearance: none;
    height: 48px;
    font-size: 15px;
    background: url(../images/icon.png) no-repeat 98% -30px;
    border: solid 1px #d8d8d8;
    font-weight: 400;
    font-family: inherit;
    color: rgba(0, 0, 0, 1);
    border-radius: 4px;
    width: 90%;
}

.rtoTxt {
    position: absolute;
    left: 0;
    /* top: 0; */

    width: 58px;
    background: #f1f1f1;
    height: 96%;
    border-radius: 4px 0 0 4px;
    line-height: 48px;
    padding-left: 10px;
    font-size: 14px;
    /* top: 1px; */

    left: 1px;
    bottom: 1px;
    height: 96%;
    font-weight: 600;
    color: #000;
}

.floating-label-wrap.reg-no input {
    padding: 6px 5px;
    border-radius: 4px;
    border: solid 1px #d9d9d9;
    width: 100%;
    text-indent: 58px;
    height: 46px;
    font-size: 14px;
}

.floating-label-wrap.reg-no {
    width: 57%;
    display: inline-block;
}

.floating-label-field.error {
    background: #fef2f4;
    border: solid #fc4804 1px;
}

.floating-label-wrap-city .react-autosuggest__container {
    width: 100%;
}

.floating-label-wrap-city .react-autosuggest__container:before {
    display: none;
}

.floating-label-wrap-city .floating-label {
    padding: 5px 10px;
    z-index: 1;
}

.floating-label-wrap-city .react-autosuggest__input {
    padding: 22px 10px 4px;
    border-radius: 4px;
    border: solid 1px #d8d8d8;
    text-align: left;
    color: #000;
    font-weight: 600;
}

.floating-label-wrap-city .react-autosuggest__container:after {
    background-position: 6px -39px;
}

.floating-label-wrap-city .react-autosuggest__suggestions-container {
    z-index: 9992
}

.floating-label-wrap-city .react-autosuggest__input::placeholder {
    color: #000;
}

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

.form-group h3 {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin: 0 0 0px 0;
}

.form-group ul li {
    display: inline-block;
    width: 35%;
    font-size: 12px;
    color: #000;
    position: relative;
}

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

.form-group ul li label {
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    padding: 0 0 0 25px;
    margin: 10px auto 0;
    height: auto;
    z-index: 9;
    cursor: pointer;
}

.form-group ul li .check {
    display: block;
    position: absolute;
    border: 1px solid #4e4e4e;
    border-radius: 100%;
    height: 16px;
    width: 16px;
    top: 10px;
    left: 0px;
    z-index: 0;
}

.form-group ul li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 8px;
    width: 8px;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.form-group input[type=radio]:checked~.check {
    border: 1px solid #2196F3;
}

.form-group input[type=radio]:checked~label {
    color: #2196F3;
}

.form-group input[type=radio]:checked~.check::before {
    background: #2196F3;
}

.btn-nxt {
    border-radius: 4px;
    background: #00d56b;
    padding: 12px 30px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    width: auto;
    display: block;
    margin: 20px auto 35px;
    text-align: center;
    box-shadow: 0px 7px 15px -3px #cacaca;
    text-transform: uppercase;
    font-weight: 500;
    display: table;
}

.btn-nxt b {
    width: 26px;
    height: 20px;
    background: url(../images/payment-icon.png) no-repeat 0 0;
    display: inline-block;
    position: relative;
    top: 2px;
}

.btn-nxt em {
    width: 26px;
    height: 20px;
    background: url(../images/payment-icon.png) no-repeat 0 -70px;
    display: inline-block;
    position: relative;
    top: 2px;
    left: 10px;
}

.btn-nxt:hover {
    color: #fff;
}

.btnLink {
    font-size: 12px;
    text-decoration: underline;
    display: table;
    margin: 20px auto;
    color: #174cff;
}

.plan-summary h2 {
    font-size: 16px;
    font-weight: 600;
    padding: 15px 25px 15px;
    color: #000;
}

.policy-type img {
    float: left;
    margin: 0;
}

.policy-type ul.policyDetail {
    float: right;
    font-size: 12px;
    width: 60%;
    color: #000;
}

.policy-type ul.policyDetail li {
    width: 100%;
    font-size: 11px;
    display: table;
    margin-bottom: 8px;
    color: #929191;
}

.policy-type ul.policyDetail li b {
    float: right;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

.policy-type ul.policyDetail {
    float: right;
    font-size: 12px;
    width: 65%;
    color: #000;
}

.policy-type {
    width: 87%;
    display: table;
    margin: 0 auto;
    border-bottom: solid #e5effe 1px;
    padding-bottom: 10px;
}

ul.premiumDetail {
    font-size: 12px;
    width: 87%;
    color: #000;
    margin: 20px auto;
}

ul.premiumDetail li {
    width: 100%;
    font-size: 12px;
    display: table;
    margin-bottom: 8px;
    color: #929191;
    font-weight: 300;
}

ul.premiumDetail li b {
    float: right;
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

.vehicle-detail {
    background: #fcfeee;
    width: 100%;
    margin: 20px auto;
    border-radius: 4px;
    box-shadow: 0 1px 2px #ababab;
    padding: 15px 25px;
    color: #000;
    display: table;
}

.vehicle-detail h3 {
    font-size: 16px;
    font-weight: 600;
    float: left;
}

.car-detail {
    float: right;
}

.car-detail b {
    font-size: 12px;
    font-weight: 500;
}

.car-detail ul li {
    font-size: 12px;
    margin-bottom: 10px;
    color: #737373;
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.car-detail ul li:nth-child(2) {
    padding-left: 10px;
}

.car-detail ul li:nth-child(2):before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 20px;
    background: #000;
    left: 2px;
    top: 6px;
    position: absolute;
}

.premiumPay {
    font-size: 24px;
    font-weight: 300;
    width: 89%;
    padding: 12px 0;
    border-bottom: solid #e5effe 1px;
    margin: 0 auto;
}

.premiumPay b {
    color: #63d66c;
    font-weight: 600;
    float: right;
}

#tick-mark {
    position: absolute;
    display: inline-block;
    width: 14px;
    height: 14px;
    right: 10px;
    top: 13px;
}

#tick-mark::before {
    position: absolute;
    left: 0;
    top: 50%;
    height: 50%;
    width: 2px;
    background-color: #0abb63;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}

#tick-mark::after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background-color: #0abb63;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}

.errorField {
    background: #fff9f9;
    border: solid #ff9191 1px;
}

footer {
    text-align: center;
    font-size: 11px;
    width: 980px;
    margin: 0 auto;
    display: table;
}

.paymentMsg {
    background: #fff;
    padding: 11px 0;
    color: #797979;
    font-size: 13px;
    line-height: 26px;
    width: 140%;
    margin-left: -20%;
}

.paymentMsg b {
    color: #0abb63;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.paymentMsg .headerInner {
    padding-left: 60px;
    position: relative;
}

.paymentMsg .success-msg {
    width: 36px;
    height: 36px;
    background: #63d66b;
    border-radius: 50%;
    position: absolute;
    left: 15px;
}

.checkmark {
    display: inline-block;
    transform: rotate(45deg);
    height: 18px;
    width: 10px;
    margin: 7px 0 0 13px;
    border-bottom: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
}

.form-detail .form-group {
    margin: 0;
    height: auto;
    display: table;
    width: 92%;
}

.select-DOB .dd {
    display: inline-block;
    width: 20%;
}

.select-DOB .mm {
    display: inline-block;
    width: 38%;
    margin: 0 8px 0 9px;
}

.select-DOB .yy {
    display: inline-block;
    width: 35%;
}

.select-DOB .Select-control {
    padding: 4px 24px 4px 10px;
    -webkit-appearance: none;
    height: 44px;
    font-size: 15px;
    background: url(../images/icon.png) no-repeat 98% -30px;
    border: solid 1px #d8d8d8;
    font-weight: 400;
    font-family: inherit;
    color: rgba(0, 0, 0, 1);
    border-radius: 4px;
    width: 100%;
}

.select-DOB .Select-input {
    height: auto;
    padding: 0;
}

.select-DOB .is-open .Select-control {
    background: url(../images/icon.png) no-repeat 98% -30px;
}

.select-DOB .Select--single>.Select-control .Select-value,
.select-DOB .Select-placeholder {
    line-height: 46px;
}

.select-DOB .Select {
    margin: 0;
}

.select-DOB .select-box {
    width: 100%;
}

.select-DOB .Select-arrow {
    display: none;
}

.myAccount a.DownloadProposalSummary {
    background: none;
    box-shadow: none;
    color: #1b60d9;
    font-size: 12px;
    border: solid 1px;
    line-height: 13px;
}

.quote-tile .img_logo img {
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}

@media only screen and (min-width:320px) and (max-width:670px) {
    body {
        background: none;
    }

    section {
        width: 100%;
    }

    .bannerPart-mob {
        display: block;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 1px 2px #b3b3b3
    }

    .headerInner {
        width: 100%;
    }

    .headerInner img {
        width: 120px;
    }

    header {
        padding: 10px 0 0;
    }

    .plan-summary {
        display: table;
        width: 96%;
        margin: 0 auto;
        float: none;
    }

    .plan-summary .inner-container {
        margin: 10px auto;
    }

    .form-detail {
        width: 100%;
    }

    .floating-label-field--s1,
    .floating-label-field--s1+.floating-label,
    .floating-label-field--s2,
    .floating-label-field--s2+.floating-label {
        width: 100%;
    }

    #tick-mark {
        right: -14px;
    }

    .floating-label-wrap {
        width: 100%;
    }

    .paymentMsg .success-msg {
        width: 26px;
        height: 26px;
    }

    .checkmark {
        height: 15px;
        width: 7px;
        margin: 5px 0 0 10px;
        border-bottom: 3px solid #ffffff;
        border-right: 3px solid #ffffff;
    }

    .paymentMsg b {
        line-height: 16px;
        font-size: 12px;
        padding-bottom: 5px;
    }

    .paymentMsg {
        font-size: 11px;
        line-height: 16px;
        width: 100%;
        margin: 0;
        padding-right: 15px;
    }

    .vehicle-detail {
        margin: 7px auto;
        padding: 10px 10px;
    }

    .vehicle-detail h3 {
        font-size: 14px;
    }

    .plan-summary h2 {
        padding: 10px;
    }

    .policy-type {
        width: 94%;
    }

    .plan-summary .policy-type img {
        width: 70px;
    }

    .policy-type ul.policyDetail {
        width: 72%;
    }

    .policy-type ul.policyDetail li b {
        font-size: 12px;
    }

    .premiumPay {
        font-size: 18px;
        border: none;
    }

    .floating-label-field--s1,
    .floating-label-field--s1+.floating-label {
        font-size: 13px;
    }

    .select_with_floating select {
        width: 100%;
    }

    .floating-label-wrap.reg-no {
        width: 100%;
    }

    .floating-label-wrap.reg-no input {
        font-size: 13px;
    }

    .btn-nxt {
        width: 100%;
        margin: 0px auto 20px;
    }

    footer {
        width: 90%;
    }

    .form-detail .floating-label-wrap-city {
        width: 100%;
    }

    .form-detail #form1 .form-group {
        width: 101%;
    }

    .floating-label-wrap-city .react-autosuggest__container:after {
        background-position: -5px -39px;
    }
}

/**PostPayment css end **/
.pf-summary .header .back-btn {
    border: none;
    left: 70%;
    top: 68px;
}

.pf-summary .summary-right {
    width: 40%;
}

.pf-summary .summary {
    margin: 2px 0 5px 0px;
    font-size: 17px;
    position: absolute;
    top: -15px;
    left: 10px;
}

.pf-summary .form-detail .inner-container {
    margin-top: 15px;
}

.form-detail .floating-label-wrap.pf-dropdown {
    width: 58%;
    margin-bottom: 15px;
}

.select-DOB.pf-name .dd {
    width: 15%;
    float: left;
    margin-right: 8px;
}

.select-DOB.pf-name {
    display: table;
    width: 79%;
}

.select-DOB.pf-name .Select-control {
    height: 49px;
}

.select-DOB.pf-name .floating-label-wrap {
    float: left;
    width: 61%;
}

.floating-label-wrap.pf-dropdown label {
    font: inherit;
    display: block;
    width: 100%;
    color: #909090;
    font-size: 12px;
}

.floating-label-wrap.pf-dropdown .floating-label-wrap {
    margin-bottom: 5px;
}

.floating-label-field--s1+.floating-label {
    z-index: 9991;
}

.form-detail .floating-label-wrap.pre-ncb {
    width: 100%;
}

.form-detail .floating-label-wrap.pre-ncb .floating-label-wrap {
    width: 71%;
}

.form-detail .floating-label-wrap.pre-ncb label {
    font-size: 13px;
    font-weight: 600;
    color: #000;
}

.form-detail .floating-label-wrap.pre-ncb p {
    color: #909090;
    font-size: 11px;
    line-height: 14px;
}

.pf-summary .summary-right .payMSG {
    width: 96%;
    display: table;
    margin: 20px auto;
    font-size: 11px;
    color: #454545;
    line-height: 17px;
    border: solid #ffa900 2px;
    border-radius: 4px;
    padding: 10px 10px 5px 10px;
    position: relative;
    background: #fff;
}

.pf-summary .summary-right .payMSG b {
    position: absolute;
    top: -10px;
    background: #ffa900;
    border-radius: 20px;
    padding: 0px 14px 2px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    left: 8px;
    line-height: 16px;
}

.form-detail .form-group ul {
    margin-bottom: 20px;
}

.pf-summary .summary-right {
    box-shadow: 0px 0px 38px 0px rgba(181, 193, 202, 0.66);
    background: #fff;
}

.pf-summary .summary-right .idv-first span,
.summary-right .ncb-first {
    color: #929191;
}

.pf-summary .summary-right .quote-tile .firstsectionsummary small ul li div.right_block {
    font-weight: 600;
    color: #000;
    font-size: 14px;
}

.pf-summary .summary-right .quote-tile {
    border: none;
    height: auto;
}

.pf-summary .summary-right .firstsectionsummary {
    border-bottom: solid #e5effe 1px;
    box-shadow: none;
    padding-top: 0px;
}

.pf-summary .premiumsec {
    border: none;
    box-shadow: none;
    padding-top: 0;
}

.pf-summary .sel-cover {
    border: none;
}

.pf-summary .sel-cover li .check:after {
    border: none;
    border-radius: 16px;
}

.pf-summary .sel-cover li input:checked~.check:after {
    background: #00d56b;
    border-radius: 16px;
}

.pf-summary .sel-cover li:nth-child(3) .check:after,
.sel-cover li:nth-child(3) input:checked~.check:after {
    border-radius: 16px;
    border: none;
}

.pf-summary .sel-cover li:nth-child(1) input:checked~.check:after,
.sel-cover li:nth-child(1) .check:after {
    border-radius: 16px;
}

.pf-summary .summary-right p {
    text-transform: none;
    width: 40%;
    font-weight: 300;
    color: #929191;
}

.pf-summary .summary-right h2 {
    background: no-repeat;
    margin: 0;
    text-align: left;
    padding: 12px 30px;
    color: #000;
    font-weight: 500;
}

.pf-summary .summary-right ul.amount li b,
.pf-summary .summary-right ul.amount li em {
    font-weight: 600;
    color: #000;
}

.pf-summary .summary-right .additional .pa-cover {
    display: table;
    width: 96%;
    box-shadow: 0 1px 2px #ababab;
    padding: 20px 0;
    background: #fcfeee;
    margin: 0px auto;
    border-radius: 4px;
    padding: 10px 10px;
}

.pf-summary .pa-cover li b {
    margin-right: 4px;
    font-weight: 600;
}

.pf-summary .Paynowsection {
    padding: 0;
    box-shadow: none;
    border: none;
    padding-bottom: 0;
}

.pf-summary .whatsapp {
    border: none;
}

.pf-summary .pay-now {
    margin: 0 auto 10px;
    border-bottom: solid #e5effd 1px;
}

.pf-summary .summary-right .btn-orange {
    background: #63d66c !important;
    width: 87%;
    margin: 0px auto
}

.pf-summary .summary-right .btn-orange em {
    left: 95px;
}

.pf-summary .youpaysummary {
    font-size: 24px;
    font-weight: 300;
}

.pf-summary .pay-now b {
    color: #63d66b;
    font-size: 24px;
    font-weight: 500;
}

.pf-summary .summary-right .payMSG {
    width: 87%;
}

.pf-summary .sel-cover li:nth-child(1) input:checked~.check:after,
.sel-cover li:nth-child(1) .check:after {
    border: solid #63d66b 1px;
}

.pf-summary .msg-summary {
    position: absolute;
    top: 0;
    left: -8px;
    padding: 7px 5px;
    width: 101.7%;
    font-size: 12px;
    color: #ffffff;
    background: rgb(45, 90, 146);
    background: linear-gradient(90deg, rgba(45, 90, 146, 1) 0%, rgba(114, 149, 192, 1) 1%, rgba(142, 173, 211, 1) 2%, rgba(45, 90, 146, 1) 9%);
    text-align: center;
    border: none;
}

.pf-summary .summary-right h2 {
    padding: 10px 30px 0;
}

.pf-summary .whatsapp .switch {
    top: 0;
}

.pf-summary .summary-right {
    margin-top: 27px;
}

.form-detail {
    margin-top: 30px;
}

.pf-summary .header .back-btn {
    left: 5px;
    top: 60px;
}

.pf-summary .summary-right .additional .pa-cover {
    border: none;
}

.select-DOB.pf-name .floating-label-wrap {
    width: 63%;
}

.select-DOB.pf-name .floating-label-wrap .floating-label-field--s1 {
    width: 87%;
}

.previousbtn {
    background: transparent url(../images/back-btn.png) no-repeat 6px center;
    border: none;
    padding: 4px 17px;
    color: #1596fe;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 15px;
}

.post-payment-submitbutton {
    background: #63d66c;
    border: none;
    -webkit-appearance: none;
    color: #fff;
    border-radius: 4px;
    padding: 10px 12px;
    width: 200px;
    font-weight: 500;
    font-size: 20px;
    /* letter-spacing:-0.5px;*/

    box-shadow: 0px 6px 18px 0 #ececec;
    margin: 10px auto;
    display: table;
}

.floating-label-wrap.reg-no .rtoTxt {
    height: 44px;
    top: 1px;
}

.PopUpsection li {
    border: solid #657585 1px;
    /* display:inline-block;*/

    text-align: center;
    cursor: pointer;
    background: #ffffff;
    padding: 10px 32px;
    width: 46%;
    height: 40px;
    vertical-align: middle;
    line-height: 18px;
    display: table;
    font-weight: 400;
    font-size: 14px;
    margin: 0 5px;
    color: #676c71;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    width: 80%;
    margin: 0px auto 10px;
}

.pf-summary .vehical-details-edit-section {
    float: left;
    width: 31%;
    margin: 0;
    position: relative;
    margin-left: 10px;
    color: #000;
}

.pf-summary .vehical-details-section {
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pf-summary .vehical-name {
    text-overflow: ellipsis;
    width: 320px;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}

.pf-summary .other-vehical-details {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: normal;
    width: 354px;
    color: #8a8a8a;
    text-overflow: ellipsis;
    width: 375px;
    overflow: hidden;
}

.pf-summary .other-vehical-details span {
    margin-right: 5px;
    padding-left: 15px;
    position: relative;
}

.pf-summary .other-vehical-details span:before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 20px;
    background: #000;
    left: 5px;
    top: 6px;
    position: absolute;
}

.pf-summary .other-vehical-details span:nth-child(1) {
    padding-left: 0;
}

.pf-summary .other-vehical-details span:nth-child(1):before {
    display: none;
}

.pf-summary .vehicle-section {
    height: 58px;
    background: #fff;
    padding: 7px 0;
    color: #797979;
    font-size: 13px;
    line-height: 20px;
    width: 140%;
    margin-left: -20%;
    vertical-align: top;
    margin-top: -8px;
    box-shadow: 0 2px 9px 0 rgba(222, 222, 222, 0.3);
    border: solid 1px #e6efff;
    background-color: #ffffff;
}

.pf-summary .previousbtn {
    right: -5px;
    top: -12px;
}

.pf-summary .summary-right .quote-tile .firstsectionsummary small ul li div.left_block {
    width: 52%;
    letter-spacing: -0.1px;
}

.pf-summary .summary-right .quote-tile .firstsectionsummary small ul li div.right_block {
    letter-spacing: -0.3px;
}

.pf-summary .t_c {
    margin: 0px auto 15px;
}

.od-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
}

.od-tooltip {
    background: #477dfe;
    border: 1px solid #477dfe;
    /* height:50px;*/

    position: absolute;
    width: 64%;
    top: -50%;
    left: 16%;
    border-radius: 4px;
    text-align: center;
    padding: 8px 25px;
    font-size: 12px;
    color: #fff;
    box-shadow: 0px 1px 10px 0 #403f3f;
}

.od-overlayhide {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
    display: none
}

.od-tooltiphide {
    background: #477dfe;
    border: 1px solid #477dfe;
    /* height:50px;*/

    position: absolute;
    width: 64%;
    top: -50%;
    left: 16%;
    border-radius: 4px;
    text-align: center;
    padding: 8px 25px;
    font-size: 12px;
    color: #fff;
    box-shadow: 0px 1px 10px 0 #403f3f;
    ;
    display: none
}

.od-tooltip:after,
.od-tooltip:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.od-tooltip:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #487cf6;
    border-width: 6px;
    margin-left: -6px;
}

.od-tooltip:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #487cf6;
    border-width: 7px;
    margin-left: -7px;
}

.od-tooltip {
    -webkit-animation: action 1s infinite alternate;
    animation: action 1s infinite alternate;
}

@-webkit-keyframes action {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes action {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.payMSG {
    width: 96%;
    display: table;
    margin: 20px auto;
    font-size: 11px;
    color: #454545;
    line-height: 17px;
    border: solid #ffa900 2px;
    border-radius: 4px;
    padding: 10px 10px 5px 10px;
    position: relative;
    background: #fff;
}

.payMSG b {
    position: absolute;
    top: -10px;
    background: #ffa900;
    border-radius: 20px;
    padding: 0px 14px 2px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    left: 8px;
    line-height: 16px;
}

.od-cover {
    background: #fff;
    border-radius: 4px;
    width: 86%;
    border: solid #d6e1fb 1px;
    /* box-shadow:0px 0px 23px 3px #efefef;*/

    padding: 16px 15px 10px 22px;
    display: table;
    position: relative;
    z-index: 2;
    right: 0;
    margin: 20px auto;
    /* background:#f8f9fa;*/

    top: -16px;
}

.od-cover h3 {
    width: auto;
    font-size: 16px;
    display: table;
    margin: 0 auto 20px;
    border-bottom: solid #d6e1fb 1px;
    padding: 0 0 10px 0;
    font-weight: 600;
}

.od-cover .btn-orange {
    width: 150px;
    border: none;
    float: right;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: 500;
    font-size: 18px;
    padding: 9px 15px;
    margin: 1px 10px 15px 0;
    box-shadow: 0px 2px 4px #ccc;
}

.myAccount {
    background: #fff;
    border-bottom: solid 1px #e6eef3;
    margin-bottom: 30px;
    position: relative;
    padding: 50px 0 20px;
}

.myAccount .apologytext {
    position: absolute;
    width: 100%;
    top: 5px;
}

.myAccount .col-sm-6 {
    float: left;
    border-right: solid 1px #e5ebef;
}

.myAccount .term-policy {
    width: 50%;
    float: right;
    padding: 10px 60px;
}

.term-policy .termPolicybox {
    width: 100%;
}

.od-cover b {
    display: inline-block;
    width: 30%;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.soft-copy {
    display: none;
}

.term-policy ul li b {
    position: relative;
}

.myAccount .term-policy ul li a {
    top: -41px;
    position: absolute;
    right: -130px;
    width: 100%;
    background: none;
    box-shadow: none;
}

.summary-right .Paynowsection {
    padding: 0 0 10px 0;
}

.pf-summary .summary-right {
    padding-top: 9px;
}

.select-DOB .mm,
.select-DOB .dd {
    vertical-align: top;
}

.form-detail .floating-label-wrap {
    z-index: auto;
}

.select-DOB .select-box {
    z-index: 9992;
}

.pa-cover li .GetPA span.GetPAbold {
    font-weight: 700;
    display: inline-block;
    color: #000;
    font-size: 13px;
}

.pa-cover li .GetPA div {
    display: inline-block;
}

.buy-plan-DayWisepremium {
    position: absolute;
    bottom: -12px;
    width: 100%;
    text-align: center;
    left: 0;
    color: #a7a3a2;
    font-weight: bold
}

.buy-plan-DayWisepremium {
    position: absolute;
    bottom: -18px;
    width: 100%;
    text-align: center;
    left: 0;
    color: #a2a2a2;
    font-weight: 500;
    font-size: 14px;
}

.buy-plan a {
    margin: -6px 0 1px 0;
}

/*referral msg css starts*/
.referral_msg_card {
    width: 337px;
    min-height: 80px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 9px #0000005C;
    border-radius: 8px;
    padding: 10px;
    position: fixed;
    bottom: 30px;
    left: -500px;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    align-items: center;
    transition: all 1.5s ease-in-out;
    -webkit-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
}

.referral_msg_card .column {
    position: relative;
    flex: 0 0 100%;
}

.referral_msg_card .column .icon,
.referral_msg_card .column .close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.referral_msg_card .column .icon {
    left: 0;
}

.referral_msg_card .column .close {
    right: 0px;
    cursor: pointer;
    opacity: 0.7;
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    -ms-transition: all ease 0.2s;
}

.referral_msg_card .column .close:hover {
    opacity: 1;
}

.referral_msg_card .column .ref_msg_text {
    padding-left: 50px;
    padding-right: 32px;
}

.referral_msg_card .column .ref_msg_text p {
    text-align: left;
    font-size: 14px;
    letter-spacing: 0.2px;
    color: #253858;
    line-height: normal;
}

.referral_msg_card .column .ref_msg_text p b {
    font-weight: 600;
}

.referral_msg_slideIn {
    left: 30px;
}

.referral_msg_slideOut {
    left: -500px;
}

.referral_msg_card .close:after {
    display: none;
}

/*referral msg css ends*/
.buy-plan-DayWisepremium {
    position: absolute;
    bottom: -18px;
    width: 100%;
    text-align: center;
    left: 0;
    color: #a2a2a2;
    font-weight: 500;
    font-size: 14px;
}

.buy-plan a {
    margin: -6px 0 1px 0;
}

.buy-plan a {
    margin: 2px auto 1px;
}

.buy-plan .buy-plan-DayWisepremium {
    position: relative;
    top: 3px;
}

Please add in responsive.css .buy-plan .buy-plan-DayWisepremium+a {
    margin: 5px auto 1px;
}

/*summarypagechange 6/22/2020 */
.CPA {
    width: 455px;
    /* margin: 5px auto; */
}

.CPA .CPA-box {
    background: #deebff;
    padding: 10px;
    border-radius: 4px;
    display: table;
    width: 100%;
    /* border: solid #bebebe 1px; */

    box-shadow: 0px 1px 3px 0 #ccc;
    position: relative;
}

.CPA .CPA-cover {
    position: absolute;
    top: 7px;
    left: -8px;
    padding: 3px 0px;
    width: 25%;
    font-size: 12px;
    color: #ffffff;
    background: #0065ff;
    text-align: center;
    border: none;
    /* box-shadow: 0px 11px 3px -8px #bdbdbd; */

    font-size: 12px;
}

.CPA .CPA-cover:before {
    position: absolute;
    left: 1px;
    top: -2px;
    width: 15px;
    height: 10px;
    background: #0052cc;
    /* border-radius: 10px; */

    content: "";
    z-index: -1;
    transform: rotate(56deg);
}

.CPA .CPA-txt {
    margin: 24px 15px 0 15px;
    font-size: 12px;
}

s .CPA .CPA-txt ul {
    margin: 0;
    padding: 0;
}

.CPA .CPA-txt ul li {
    position: relative;
    list-style-type: none;
    color: #616161;
}

.CPA .CPA-txt ul li span {
    width: 75%;
    display: block;
}

.CPA .CPA-txt ul li b {
    position: absolute;
    right: -13px;
    top: 0;
    color: #2b5891;
    font-weight: 400;
    font-size: 16px;
}

.CPA .pol-wording {
    font-weight: 400;
    font-size: 12px;
    background: url(../images/icon-download.png) no-repeat 0 0;
    padding: 0px 0 4px 18px;
    display: block;
    margin-top: 5px;
    float: left;
    color: #0065ff;
    text-decoration: none;
}

.CPA .btn-cover {
    float: right;
    background: #0662f6;
    color: #fff;
    padding: 6px 12px;
    text-transform: uppercase;
    font-weight: 300;
    border-radius: 4px;
}

.CPA .CPA-box.disabled {
    background: #f3f3f3;
}

.CPA .CPA-box.disabled .CPA-cover {
    background: #ccc;
}

.CPA .CPA-box.disabled .btn-cover {
    background: #b7b7b7;
}

.buy-plan .buy-plan-DayWisepremium {
    position: absolute;
    top: 90%;
}

.newQuote .idvbox,
.newQuote .quote-tile small ul li div.right_block {
    line-height: 23px;
}

.CPA .CPA-box {
    z-index: 2;
}

.CPA .CPA-cover:before {
    z-index: -1;
    background: none;
    transform: rotate(90deg);
    top: -7px;
    left: 1px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #0052cc;
    border-width: 8px;
    margin-left: -9px;
}

.summary-right .additional .pa-cover {
    padding: 0 !important;
}

.CPA .btn-cover {
    padding: 8px 20px;
    font-size: 13px;
}

.pf-summary .CPA .CPA-txt ul li b {
    right: 0;
}

.pf-summary .CPA .btn-cover {
    margin-right: 5px;
}

.pa-cover li .PAfadeOut {
    margin-right: 20px !important;
}

.summary-right .additional .pa-cover {
    padding: 12px 0 12px 15px !important;
}

.summary-right ul.amount li em.DayWisePremium {
    font-size: 13px;
    font-weight: 500;
    color: #4f4f4f;
    opacity: 1;
}

.floating-label-wrap.emailidhide {
    display: none;
}

.bannerBox .trmBanner {
    background: none;
    padding: 0;
}

.bannerBox .trmBanner:before {
    display: none;
}

.corona-kavach {
    background: #fff2de;
    border: solid #bebebe 1px;
    box-shadow: 0px 1px 5px -2px #c5c5c5;
    width: 96%;
    padding: 15px 25px;
    border-radius: 4px;
    position: relative;
    margin: 0 auto;
}

.corona-kavach h3 {
    color: #172b4d;
    font-size: 14px;
    padding: 0;
    margin: 0;
    font-weight: 500;
    letter-spacing: -0.4px;
}

.corona-kavach ul {
    padding: 0;
    margin: 10px 0 0 0;
}

.corona-kavach ul li {
    display: inline-block;
    text-align: center;
    list-style-type: none;
    margin-right: 35px;
}

.corona-kavach ul li b {
    font-weight: 400;
    font-size: 15px;
    color: #000;
}

.corona-kavach ul li b span {
    color: #000;
    display: block;
    padding-left: 17px;
    text-align: left;
    font-size: 15px;
}

.corona-kavach ul li input[type="checkbox"] {
    padding: 0;
    margin: 0;
    position: relative;
    top: 2px;
}

.corona-kavach .popup {
    display: block;
    position: absolute;
    padding: 10px;
    width: 280px;
    left: 0;
    top: -10px;
    width: 100%;
    background: #FFF;
    z-index: 20;
    color: #66738c;
    border-radius: 4px;
}

.corona-kavach .popup a {
    display: table;
    background: #2fcc71;
    margin: 26px 0 0 0;
    border-radius: 4px;
    padding: 6px 28px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

.corona-kavach #popup1,
.corona-kavach #popup2 {
    -webkit-box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    padding: 65px 25px 44px;
}

.corona-kavach .popup a.close {
    right: 0;
    top: 6px;
    width: 23px;
    height: 23px;
    opacity: 1;
    margin: 10px;
    position: absolute;
    z-index: 9999;
    background: #fff;
    padding: 0;
    border: solid #293c60 1px;
    border-radius: 50%;
}

.corona-kavach a.close:before,
.corona-kavach .close:after {
    position: absolute;
    right: 10px;
    top: 3px;
    content: ' ';
    height: 14px;
    width: 1px;
    background-color: #333;
}

.corona-kavach .popup a {
    float: right;
}

.bannerBox .hlthBanner {
    background: none;
    padding: 0;
}

.bannerBox .hlthBanner img {
    margin-left: -1px;
}

.bannerBox .hlthBanner:before {
    display: none;
}

.myAccount .term-policy ul li a {
    right: -175px;
}

.pf-summary .sel-cover li:nth-child(1) input:checked~.check:after,
.sel-cover li:nth-child(1) .check:after {
    border: solid #7b8a91 1px;
}

.pf-summary .sel-cover li:nth-child(1) input:checked~.check:after,
.sel-cover li:nth-child(1) .check:after {
    border-radius: 4px;
}

.pf-summary .sel-cover li:nth-child(3) .check:after,
.sel-cover li:nth-child(3) input:checked~.check:after {
    border-radius: 4px;
    border: none;
}

.corona-kavach #popup2 {
    padding: 0 0 30px 0;
    top: -120px;
}

.height-weight {
    background: #f0f4f5;
    display: table;
    width: 100%;
    padding: 20px 0;
}

.height-weight ul li {
    display: table;
    width: 90%;
    margin: 0 auto 10px;
}

.height-weight ul li label {
    float: left;
    text-align: left;
    width: 40%;
    color: #000;
    font-size: 13px;
    line-height: 32px;
}

.height-weight ul li div.selectBox {
    float: left;
    width: 60%;
    text-align: left;
}

.height-weight ul li select {
    border: solid #bdbdbd 1px;
    border-radius: 4px;
    padding: 4px;
    font-size: 14px;
    font-weight: 300;
    padding: 7px;
    color: #969696
}

.height-weight ul li:nth-child(2) div.selectBox {
    width: 60%;
}

.height-weight ul li:nth-child(2) select {
    width: 63%;
    float: left;
}

.confirmTxt {
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
}

.corona-kavach #popup2 .Select {
    width: 32%;
    float: left;
    margin: 0 5px 0 0;
    border: solid 1px #ccc;
    border-radius: 4px;
    border-bottom: none;
    padding: 0;
    background: #fff;
}

.corona-kavach #popup2 input {
    padding: 5px 6px;
    border: solid 1px #ccc;
    border-radius: 4px;
    float: left;
    color: #000;
}

.corona-kavach #popup2 .Select-control {
    padding: 0px 6px 0 0;
    color: #333;
}

.headingcrona {
    font-weight: bold;
    color: red;
}

.corona-kavach #popup2.popup-content {
    font-size: 12px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.6);
    padding: 50px 25px 44px;
    top: -130px;
}

.corona-kavach #popup2.popup-content b {
    display: block;
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-top: 10px;
}

.corona-kavach div a {
    padding: 11px 0 0 3px;
    display: table;
    color: #0164f6;
    font-size: 14px;
    cursor: pointer;
}

.corona-kavach .msg-error {
    width: 100%;
}

.corona-kavach li:nth-child(2) .msg-error {
    padding: 0 0 0 67px;
}

.myAccount .term-policy ul li a {
    right: -223px !important;
}

.term-policy .termPolicybox ul {
    width: 65%;
}

.term-policy ul li b {
    float: inherit;
}

.myAccount .term-policy ul li a {
    right: inherit !important;
    left: 98%;
}

.corona-kavach span.wrapper,
.myAccount span.wrapper {
    border: solid 1px #696969;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    font-weight: bold;
    -webkit-transform: translateZ(0);
    position: relative;
    left: 2px;
    font-size: 8px;
    font-weight: 700;
    cursor: pointer;
    top: -1px;
    z-index: 1;
    display: inline-block;
    line-height: 12px;
    width: 13px;
    height: 10px;
    text-align: center;
    display: inline-table;
    position: relative;
    margin: 0 3px;
}

.corona-kavach span.wrapper em,
.myAccount span.wrapper em {
    font-style: normal;
    font-weight: bold;
    color: #696969;
    font-size: 9px;
    line-height: 10px;
}

.corona-kavach span.wrapper .tooltip,
.myAccount span.wrapper .tooltip {
    background: #808b8b;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -105px;
    margin-bottom: 10px;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    width: 285px;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
    -moz-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
    -ms-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
    -o-box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
    box-shadow: 0 2px 9px 0 rgba(165, 165, 165, 0.36);
    font-size: 11px;
    line-height: 17px;
    z-index: 999;
    display: table;
    letter-spacing: 0.3px;
    text-align: left;
    color: #ffffff;
    border-radius: 6px;
    color: #fff !important;
    font-weight: 300;
    position: absolute;
    top: 13px;
}

.corona-kavach span.wrapper .tooltip:before,
.myAccount span.wrapper .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}

.corona-kavach span.wrapper .tooltip:after,
.myAccount span.wrapper .tooltip:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #7f8c8d 10px;
    top: -7px;
    content: " ";
    height: 0;
    left: 34%;
    margin-left: -13px;
    position: absolute;
    width: 0;
    top: -12px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #818c8c;
    border-width: 6px;
    margin-left: 1px;
}

.corona-kavach span.wrapper:hover .tooltip,
.myAccount span.wrapper:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.corona-kavach ul li {
    margin-right: 29px;
}

.thankyoucpa {
    background: #deebff;
    padding: 20px 8px;
    border-radius: 4px;
    width: 41%;
    border: solid 1px #d5e1f3;
    margin: -25px 0 0 0;
    display: none
}

.myAccount .add_com_text {
    color: #172b4d;
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
}

.myAccount .add_com_text+ul {
    margin: 10px auto 15px;
    display: table;
    width: 90%;
}

.myAccount .add_com_text+ul li {
    width: 33%;
    float: left;
    color: #000;
}

.myAccount .add_com_text+ul li b {
    font-weight: 400;
}

.myAccount .add_com_text+ul li b span {
    display: block;
    padding-left: 16px;
}

.myAccount #btnPG1 {
    display: block;
    width: 65%;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: #2ecc71 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAVCAYAAABPPm7SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU3MUJGQjYwNTcwOTExRTlBNzkxOUU4NTFBNDg4MkJCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY0QTEzQjJDNTdBMTExRTlBNzkxOUU4NTFBNDg4MkJCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTcxQkZCNUU1NzA5MTFFOUE3OTE5RTg1MUE0ODgyQkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTcxQkZCNUY1NzA5MTFFOUE3OTE5RTg1MUE0ODgyQkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7mkH4VAAABVklEQVR42qSUsUoDQRCG786IUVQiabQUQZHYBROCVnYiaCFY2fhAduITiAqCIrHWwsZCG7GxkIhIApKQRlCD5vwGxjCetweJAx87zP7zL7s3nB+GoReJCdiENZgEHypQhj14/qUWA0MRbkJ33MKi7bHNM1Ax4jqcQRleTP0JclGDAA6N6ASmIa1MwZHZP9aejsG8nihxCdnI1YQxuFBNE0pSD/Qp5iCr+QE0vL/RhH1oQ0Z7OgYjun7Ao+eOB3jTPGMNfoptNXGF6L7MYV4KCrCuxX7YgjwMRJqlYdbUV+Ha5yHuSHJeb3EvBnXzgN1GQ67QcmzKe1zpWoK+GE1Lvm/VMbY7MAxDsO3QVJMMFswQ5V0GQcL9Vky+7BIlGRRMXuzFwA7Uu0uUSjCQgUnLLwMGXSKZgxrreMzeK5zrZ1yC0RhN7d+DJAa7JBvw2WWzXP/0W4ABALL1lFZSDre5AAAAAElFTkSuQmCC) no-repeat 75px 12px !important;
    padding: 12px;
    border-radius: 25px;
    box-shadow: 0px 2px 4px #ccc;
    text-align: center;
    margin: 0px auto 0;
    text-transform: uppercase;
    padding-left: 40px;
}

.myAccount #btnPG1 em {
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAVCAYAAABPPm7SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU3MUJGQjYwNTcwOTExRTlBNzkxOUU4NTFBNDg4MkJCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY0QTEzQjJDNTdBMTExRTlBNzkxOUU4NTFBNDg4MkJCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTcxQkZCNUU1NzA5MTFFOUE3OTE5RTg1MUE0ODgyQkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTcxQkZCNUY1NzA5MTFFOUE3OTE5RTg1MUE0ODgyQkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7mkH4VAAABVklEQVR42qSUsUoDQRCG786IUVQiabQUQZHYBROCVnYiaCFY2fhAduITiAqCIrHWwsZCG7GxkIhIApKQRlCD5vwGxjCetweJAx87zP7zL7s3nB+GoReJCdiENZgEHypQhj14/qUWA0MRbkJ33MKi7bHNM1Ax4jqcQRleTP0JclGDAA6N6ASmIa1MwZHZP9aejsG8nihxCdnI1YQxuFBNE0pSD/Qp5iCr+QE0vL/RhH1oQ0Z7OgYjun7Ao+eOB3jTPGMNfoptNXGF6L7MYV4KCrCuxX7YgjwMRJqlYdbUV+Ha5yHuSHJeb3EvBnXzgN1GQ67QcmzKe1zpWoK+GE1Lvm/VMbY7MAxDsO3QVJMMFswQ5V0GQcL9Vky+7BIlGRRMXuzFwA7Uu0uUSjCQgUnLLwMGXSKZgxrreMzeK5zrZ1yC0RhN7d+DJAa7JBvw2WWzXP/0W4ABALL1lFZSDre5AAAAAElFTkSuQmCC) no-repeat 0 0;
    position: absolute;
    left: 125px;
    top: 24%;
    transition: all 0.3s ease-in-out;
}

.thankyoucpa .cpapopup {
    color: red;
    font-size: 12px;
    text-align: center;
    padding: 5px 0 0 0;
}

.Renewaloader {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.Renewaloader img {
    background: white;
    margin: 0 auto;
    text-align: center;
    margin-top: 120px;
    border-radius: 5px;
}

.odsection li {
    height: auto;
}

.odsection li:nth-child(2) {
    padding: 7px 9px 7px 18px;
}

.BajajRSA {
    background: #fdebe5;
    top: 6px;
    border-radius: 14px;
    padding: 0px;
    border: dashed 1px #ccc;
    font-size: 10px;
    height: 18px;
    color: #000;
    left: 4px;
    background: #dfffed;
    background: #f1f1f1;
    color: #253858;
    padding: 0px 6px;
    display: inline-block;
    margin-right: 3px;
    border-radius: 5px;
    margin-bottom: 3px;
    font-size: 11px;
    border: none;
    width: 95%;
}

.CPABannerTP {
    background: #fdebe5;
    top: 6px;
    border-radius: 14px;
    padding: 0px;
    border: dashed 1px #ccc;
    font-size: 10px;
    height: 18px;
    color: #000;
    left: 4px;
    background: #dfffed;
    background: #f1f1f1;
    color: #253858;
    padding: 0px 6px;
    display: inline-block;
    margin-right: none;
    margin-left: none;
    border-radius: 5px;
    margin-top: 3px;
    font-size: 11px;
    border: none;
    width: 95%;
    left: 50%;
    display: inline-block;
    width: auto;
    min-width: 52%;
}
/*css file changes*/

/*thankyou page css*/
.age-popup {
    background: #fff;
    border-radius: 4px;
    width: 30%;
    border: solid #d6e1fb 1px;
    box-shadow: 0px 0px 23px 3px #333333;
    padding: 16px 15px 10px 22px;
    display: table;
    position: fixed;
    z-index: 2;
    left: 50%;
    top: 50%;
    height: 240px;
    margin: -120px 0 0 -15%;
    text-align: center;
}

.age-popup a.btn-submit {
    display: block;
    width: 40%;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: #2ecc71;
    padding: 10px 14px;
    border-radius: 4px;
    box-shadow: 0px 2px 4px #ccc;
    text-align: center;
    margin: 35px auto 30px;
    text-transform: uppercase;
    box-shadow: none;
}

.age-popup input {
    border: solid #ccc 1px;
    display: block;
    margin: 0 auto;
    border-radius: 4px;
    padding: 7px;
    width: 100px;
    text-align: center;
    font-size: 18px;
}

.age-popup h3 {
    font-size: 17px;
    font-weight: 500;
    color: #172b4d;
    padding: 20px 20px 30px;
}

.age-popup b {
    font-size: 14px;
    font-weight: 500;
    color: #172b4d;
    padding: 0 0 5px 0;
    display: block;
}

.age-popup .close {
    position: absolute;
    right: 3px;
    top: 12px;
    width: 32px;
    height: 32px;
    opacity: 0.5;
    margin: 0;
    padding: 0;
    box-shadow: none;
    cursor: pointer;
}

.age-popup .close:hover {
    opacity: 1;
}

.age-popup .close:before,
.age-popup .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 20px;
    width: 1px;
    background-color: #333;
}

.age-popup .close:before {
    transform: rotate(45deg);
}

.age-popup .close:after {
    transform: rotate(-45deg);
}

.corona-kavach h3 strong {
    text-decoration: underline;
}

.age-popup .errormsg {
    color: red;
    font-size: 9px;
}

.corona-kavach h4 {
    font-weight: bold !important;
    font-size: 14px;
}

.corona-kavach h4 span,
.thankyoucpa h4 span {
    text-decoration-thickness: 20%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    line-height: 20px;
}

.corona-kavach h3 {
    font-size: 13px !important;
    font-weight: 400 !important;
}

.myAccount .thankyoucpa .add_com_text h4 {
    background: none !important;
    padding: 0;
    left: 0;
    top: 0;
}

.userage {
    width: 100% !important;
    bottom: 10px;
}

.spotlight span.tooltip {
    background: #2196F3;
    display: block;
    color: #fff;
    padding: 11px;
    font-size: 11px;
    width: 80%;
    position: absolute;
    margin: -65px 0 0 -40%;
    left: 50%;
    top: 0;
    border-radius: 4px;
    text-align: center;
}

.spotlight span.tooltip:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(15, 121, 213, 0);
    border-top-color: #0f79d5;
    border-width: 6px;
    margin-left: -6px;
}

.thankyoucpa.spotlight {
    z-index: 10;
}

.thankyou .newheader {
    z-index: 10 !important;
}

.otp-popup {
    width: 350px;
    background: #fff;
    margin: 0 auto;
    display: table;
    padding: 50px 35px;
    position: relative;
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -130px 0 0 -175px;
    z-index: 99993;
}

.policy-exist .crossclose {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 16px;
    cursor: pointer;
    opacity: 0.7;
    color: #999;
    transition: all 0.3s ease-in-out;
}

.policy-exist input[type="text"] {
    display: table;
    color: #929292;
    margin: 0 0 10px 0;
    border: solid 1px #dedcdc;
    padding: 12px 32px;
    border-radius: 4px;
    font-size: 18px;
    width: 100%;
    text-align: center;
    font-weight: 600;
}

#otpoverlay {
    background: #2a424e !important;
}

.policy-exist a.editMob {
    float: left;
    color: #0892ff;
    font-size: 11px;
    display: block;
    font-weight: 500;
}

.policy-exist a.resendOtp {
    float: right;
    color: #0892ff;
    font-size: 11px;
    display: block;
    font-weight: 500;
}

.policy-exist .btn-orange {
    width: 100%;
    color: #fff;
    margin: 50px 0 auto;
    text-transform: none;
}

.quote-title-headingtext h4 {
    margin-top: -10px;
    color: #37474f;
    display: block;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    padding: 2px 0 2px;
    text-align: center;
    left: 10px;
}

.Parivahanmsg h4 {
    width: 100%;
    background-color: #f1f5f8;
    position: relative;
    padding: 8px 10px;
    left: 1px;
    top: 7px;
    text-align: center;
    display: table;
    font-weight: 600;
    color: #303a4a;
    font-size: 13px;
}

.idv-tip {
    position: absolute;
    top: 3px;
    right: -44px;
    text-align: center;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 19px;
    cursor: default;
    z-index: 99;
    right: -32px;
}

.idv-tip p {
    display: block;
    transform-origin: 100% 0%;
    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;
    padding: 7px;
    width: 250px;
    position: absolute;
    border-radius: 2px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    right: -4px;
    color: #FFF;
    font-size: 13px;
    line-height: 1.4;
    left: -165px;
    background: #a1a9ad;
    top: 21px;
    letter-spacing: initial;
    white-space: pre-wrap;
    text-transform: none;
}

.idv-tip p:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #a1a9ad;
    right: 78px;
    top: -12px;
}

.idv-tip p:after {
    width: 100%;
    height: 40px;
    content: '';
    position: absolute;
    top: -40px;
    left: 0;
}

ul li p.idreference {
    display: inline-block;
    float: right;
    position: absolute;
    right: 77px;
    font-size: 14px;
    font-weight: 600;
    top: 8px;
}


.planType-tip{
    left: 240px;
    width: 150px;
    top: -15px;
}

.planType-tip p{
    font-size: 10px;
    width: 150px;
}

.planType-tip p:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-right-color: #a1a9ad;
    right: 150px;
    top: 9px;
}

.planType-tip p:after {
    width: 100%;
    height: 40px;
    content: '';
    position: absolute;
    top: -40px;
    left: 0;
}

/* 
.sticky-bottom{transform-origin:100% 0%;transition: all 0.3s ease-in-out;}
.quote-tab ,.idv-ncb{ transition: all 0.3s ease-in-out;}
} */
.idv-quote-hide,
.Premiumbtn {
    padding: 6px 0 0 0 !important;
}

.thiredpartycoverge ul li:nth-child(1) {
    position: relative;
    top: 2px;
    right: 37px;
}

.thiredpartycoverge ul li:nth-child(5) {
    position: relative;
    top: 2px;
    left: 38px;
}

.thiredpartycoverge {
    padding: 10px 6px 23px 0 !important;
    margin: 0px 0 16px 0 !important;
}

.bannerBox .hlthBanner img {
    width: 100%;
}

/* 
fla css */
.modal {
    display: block;
    /* Hidden by default */

    position: fixed;
    /* Stay in place */

    z-index: 10;
    /* Sit on top */

    padding-top: 165px;
    /* Location of the box */

    left: 0;
    top: 0;
    width: 100%;
    /* Full width */

    height: 100%;
    /* Full height */

    overflow: auto;
    /* Enable scroll if needed */

    background-color: rgb(0, 0, 0);
    /* Fallback color */

    background-color: rgba(32, 39, 53, 0.96);
    /* Black w/ opacity */
}

/* Modal Content */
.modal .modalsection {
    width: 30%;
    margin: auto;
    border-radius: 5px;
    background-color: #fefefe;
    border: 1px solid #888;
    height: 310px;
}

.modal .modalsection .modal-content {
    margin: auto;
    padding: 10px 10px 25px 30px;
    background-color: rgb(225 243 253 / 60%);
    height: 100px;
}

.modal .modalsection .modal-content p {
    font-size: 11px;
    font-weight: 700;
    line-height: 15px;
    padding: 20px 0;
    display: inline-block;
    text-align: justify;
    width: 75%;
}

.modal .modalsection .modal-content span img {
    width: 23px;
    height: 23px;
    margin-top: -20px;
    margin-right: 11px;
}

.modal .modalsection .contentsection {
    border-radius: 20px 20px 0 0;
    background-color: #fff;
    top: -15px;
    width: 100%;
    position: relative;
}

.modal .modalsection .contentsection h4 {
    font-size: 13px;
    text-align: center;
    padding: 20px 0 20px 0;
}

.modal .modalsection .contentsection li.carinsurance,
.modal .modalsection .contentsection li.bikeinsurance {
    border: solid #1596fe 1px;
    cursor: pointer;
    background: #ffffff;
    padding: 10px 50px;
    width: 70% !important;
    height: 40px;
    vertical-align: middle;
    line-height: 18px;
    display: table;
    font-weight: 400;
    font-size: 12px;
    margin: 0 5px;
    color: #1596fe;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    width: 80%;
    margin: 0px auto 10px;
}

.modal .modalsection .contentsection li.carinsurance:hover,
.modal .modalsection .contentsection li.bikeinsurance:hover {
    color: #fff;
    background-color: #1596fe;
}

.modal .modalsection .contentsection h5 {
    color: #23527c;
    font-size: 12px;
    text-align: center;
    padding: 10px;
}

.modal .modalsection .contentsection .line {
    border-top: 1px solid #ebeff2;
    width: 100%;
    display: block;
}

.modal .modalsection .contentsection a {
    text-align: center;
    display: block;
    margin-top: -10px;
    font-size: 12px;
    width: 48%;
    margin-left: 27%;
}

/****cdp address css***/
.tooltip {
    position: relative;
    display: block;
}

.tooltip .tooltiptext {
    width: 50%;
    background-color: grey;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -153px;
    top: -76px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 4%;
    border-width: 5px;
    border-style: solid;
    border-color: grey transparent transparent transparent;
}

.corona-kavach ul li {
    margin-right: 20px;
    letter-spacing: -0.2px;
    width: 28%;
    text-align: left;
}

.myAccount .add_com_text+ul li {
    width: auto;
    float: left;
    color: #000;
    margin-right: 28px;
}

/**quotes loader**/
p.Quotesloader {
    font-weight: 500;
    line-height: 600px;
    font-size: 18px;
    text-align: center;
    background: rgba(32, 39, 53, 0.85);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    color: #fff;
}

/* loading dots */
.Quotesloader:after {
    content: ' .';
    animation: dots 1s steps(5, end) infinite;
}

@keyframes dots {

    0%,
    20% {
        color: rgba(0, 0, 0, 0);
        text-shadow: .25em 0 0 rgba(0, 0, 0, 0), .5em 0 0 rgba(0, 0, 0, 0);
    }

    40% {
        color: white;
        text-shadow: .25em 0 0 rgba(0, 0, 0, 0), .5em 0 0 rgba(0, 0, 0, 0);
    }

    60% {
        text-shadow: .25em 0 0 white, .5em 0 0 rgba(0, 0, 0, 0);
    }

    80%,
    100% {
        text-shadow: .25em 0 0 white, .5em 0 0 white;
    }
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

.myAccount a.DownloadProposalSummary {
    background: none;
    box-shadow: none;
    color: #1b60d9;
    font-size: 12px;
    border: solid 1px;
    line-height: 13px;
}

.bestpricetext {
    position: absolute;
    top: -36px;
    z-index: 1;
    color: #fe9a1b;
    background: #fff;
    width: 100%;
    padding: 4px 10px 4px 30px;
    border: solid #f5ae48 1px;
    border-radius: 4px;
    background: #fff url(../images/star.png) no-repeat 6px 4px;
    font-weight: 500;
}

.bestpricetext b {
    font-weight: 700;
}

.pay-now {
    padding-top: 18px;
}

.paybestprice {
    background: #ff5b0b;
    border-radius: 4px;
    width: 46%;
    /* float: right; */

    clear: both;
    position: absolute;
    right: 4px;
    top: -12px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: 16px;
}

.summary-right.summarybestprice {
    margin-top: 80px;
}

.t_c .tdmsg-sp {
    display: inline;
    width: inherit;
    margin: 0;
}

body.iframercupload {
    background: #fff;
    overflow: hidden;
}

body.iframercupload .newheader,
body.iframercupload .footer {
    display: none;
}

body.iframercupload .ShowContactDetails h3 {
    display: none;
}

body.iframercupload .ShowContactDetails input {}

body.iframercupload .loginbutton {
    background: #0265f6;
    width: 100%;
    border-radius: 6px;
    height: 52px;
    text-transform: none;
    margin: 10px auto;
    display: table;
}

body.iframercupload .ShowContactDetails .field {
    position: relative;
    margin-bottom: 22px;
    display: table;
    width: 100%;
}

.ShowContactDetails .msg-error {
    position: absolute;
}

body.iframercupload .ShowContactDetails {
    width: 70%;
}

body.iframercupload .ShowContactDetails input {
    font-size: 16px;
    border: 0;
    border: 1px solid #5E6C84;
    font-family: inherit;
    -webkit-appearance: none;
    border-radius: 8px;
    padding: 16px 10px 16px 10px;
    cursor: text;
    color: #5E6C84;
    width: 100%;
    display: table;
    text-align: left;
    z-index: 9;
    background: transparent;
    position: relative;
}

body.iframercupload .ShowContactDetails input:placeholder-shown+label {
    cursor: text;
    position: absolute;
    top: 19px;
    left: 12px;
}

body.iframercupload .ShowContactDetails input:focus {
    outline: 0;
    border-bottom: 1px solid #666;
}

body.iframercupload .ShowContactDetails input:not(:placeholder-shown)+label,
body.iframercupload .ShowContactDetails input:focus+label {
    cursor: pointer;
    position: absolute;
    top: -6px;
    left: 9px;
    padding: 0 3px;
    font-size: 10px;
    background: #fff;
    width: auto;
    display: table;
    width: auto;
    z-index: 10;
}

body.iframercupload .ShowContactDetails label,
body.iframercupload .ShowContactDetails input {
    transition: all 0.2s;
    touch-action: manipulation;
}

body.iframercupload .ShowContactDetails input {
    color: #253858;
}

body.iframercupload .ShowContactDetails h2 {
    text-align: left;
    background: none;
    font-size: 14px;
    color: #253858;
    padding: 0;
    margin: 20px 0 15px;
}

body.iframercupload .life-accordion {
    display: none;
}

body.iframercupload .ShowContactDetails ::-webkit-input-placeholder {
    opacity: 0;
    transition: inherit;
}

body.iframercupload .ShowContactDetails input:focus::-webkit-input-placeholder {
    opacity: 0;
}

body.iframercupload .thanks-uploadBox {
    padding: 100px 18px;
    font-size: 12px;
    background: #fff;
}

body.iframercupload .thanks-uploadBox h2 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #253858;
    background: url(../images/thanksIcon.png) no-repeat center 0;
    padding: 168px 0 19px 0;
    margin: 0px 0 10px 0;
    line-height: 24px;
    width: 55%;
    margin: 0 auto;
}

body.iframercupload .thanks-uploadBox h2 span {
    display: block;
    font-size: 14px;
    font-weight: 400;
}

body.iframercupload .thanks-uploadBox h2 .backbtnhome {
    width: 80%;
    border-radius: 8px;
    padding: 10px;
    margin: 20px 0 0 0;
    background-position: 94%;
    background-color: #0065FF;
    border: solid #0065FF 1px;
    font-size: 14px;
    font-weight: 400;
    padding: 14px;
    color: #fff;
    background-image: none;
    height: auto;
    cursor: pointer;
}

.rc-policy {
    background: #F2F7FF url(../images/upload-rc.svg) no-repeat 10px 15px;
    border: none;
    text-align: left;
    padding: 15px;
    border: dashed 1px #0065FF80;
    border-radius: 6px;
    color: #253858;
    width: 70%;
    cursor: pointer;
    margin-top: 10px;
    margin: 0 auto;
    display: table;
}

.rc-policy div {
    cursor: pointer;
    font-weight: 500;
    width: 60%;
    display: inline-block;
    margin-left: 65px;
    font-size: 14px;
}

.rc-policy div span {
    display: block;
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
    padding-top: 5px;
    color: #5E6C84;
    letter-spacing: -0.2px;
}

.rc-policy div span.uploadedfile {
    background: url(../images/upload-tick.svg) no-repeat 0px 7px;
    padding-left: 19px;
    color: #50b37e;
}

.rc-policy div.errormsg {
    background: url(../images/error-icon.svg) no-repeat 0px 7px;
    padding: 6px 0 6px 19px;
    color: red;
    font-size: 11px;
    font-weight: 400;
    text-align: left;
    margin: 0;
    width: 100%;
}

.rc-policy .uploadbutton {
    display: inline-block;
    width: 20%;
    border: solid #0563f6 1px;
    padding: 9px;
    text-align: center;
    border-radius: 6px;
    float: right;
    margin-top: 10px;
    background: url(../images/upload-icon.svg) no-repeat 11px 12px;
    padding-left: 30px;
    padding: 10px 0 0 20px;
    margin: 12px 0 8px 0;
    cursor: pointer;
}

body.iframercupload .uploadfilesystem {
    color: #0065FF;
    font-size: 12px;
}

body.iframercupload .uploadbutton.replacefilesystem {
    color: #0065FF;
    font-size: 11px;
    border: none;
    background: url(../images/replace-icon.svg) no-repeat 39px 0px;
    padding-top: 18px;
}

.rc-policy .uploadbutton.retry {
    background: url(../images/retry-icon.svg) no-repeat 11px 12px;
    border: solid #FF5630 1px;
}

.rc-policy .uploadbutton.retry a {
    color: #FF5630;
    font-size: 12px;
    text-transform: none;
}

body.iframercupload .uploadbutton.replacefilesystem a {
    color: #0265f6;
}

body.iframercupload .img_upload img.HideContactDetails {
    display: none;
}

body.iframercupload h2 {
    width: 70%;
    margin: 0 auto;
    text-align: left;
    color: #172B4D;
    font-size: 20px;
    background: none;
}

body.iframercupload .supportfile {
    width: auto;
    margin: 0 auto;
    display: table;
    text-align: center;
    background: #F2F7FF;
    font-size: 10px;
    margin: 20px auto;
    color: #172B4D;
    padding: 4px 8px;
    border-radius: 6px;
}

body.iframercupload .img_upload {
    display: table;
    margin: 0 auto;
    position: absolute;
    left: 62%;
    /* width: 11%; */
    /* height: 20px; */

    top: 86px;
    border: solid 1px #bbcfe0;
    border-radius: 10px;
    overflow: hidden;
}

body.iframercupload .img_upload img {
    display: inline;
    width: 55px;
    height: 50px;
}

body.iframercupload p.Quotesloader {
    background: #fff;
    color: #253858;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 14px;
}

body.iframercupload div.loader {
    margin: 55% auto;
}

body.iframercupload div.loader span {
    background: rgb(62 84 117) !important
}

body.iframercupload .loginbutton div.loader {
    font-size: 10px;
    margin: 0px auto;
    text-indent: -9999em;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s infinite linear;
    animation: load3 1.4s infinite linear;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

body.iframercupload .loginbutton .loader:before {
    width: 50%;
    height: 50%;
    background: #ffffff;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}

body.iframercupload .loginbutton .loader:after {
    background: #0763f6;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: '';
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

@-webkit-keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes load3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

.close-icon {
    text-align: right;
}
.summaryrcpopup1,
.summaryrcpopup2,
.summaryrcpopup3 {
    background: #fff;
    width: 30%;
    height: 300px;
    position: fixed;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px;
    padding: 20px;
    text-align: center;
}

.summaryrcpopup1 h5 {
    background: url(../images/upload-rc.svg) no-repeat center 5px;
    padding: 81px 0 10px 0;
    font-size: 14px;
    color: #252733;
}

.summaryrctextalign h5 {
    padding: 111px 0 10px 0 !important;
}

.summaryrcpopup2 span {
    background: url(../images/upload-rc.svg) no-repeat center 30px;
    padding: 115px 0 10px 0;
    font-size: 14px;
    color: #252733;
    display: block;
}

.summaryrcpopup1 h3 {
    color: #252733;
    font-size: 14px;
    font-weight: 600;
}

.summaryrcpopup1 div {
    margin: 0 0 0 0;
}

#thankyouerrormsg {
    font-size: 11px;
}

.summaryrcpopup1 div a {
    position: absolute;
    padding: 3px 3px 3px 28px;
    width: 150px;
    line-height: 34px;
    border: solid #67c15e 1px;
    border-radius: 6px;
    color: #67c15e;
    background: url(../images/uploadsumIcon.png) no-repeat 30px 15px;
    font-weight: 500;
}

.summaryrcpopup3 span {
    position: relative;
    background: url(../images/upload-rc.svg) no-repeat center 30px;
    padding: 115px 40px 10px 40px;
    font-size: 14px;
    color: #252733;
    display: block;
    line-height: 24px;
}

.summaryrcpopup3 p {
    margin: 10px;
    font-weight: 500;
}

.summaryrcpopup3 p a {
    color: #3b82f4;
}

.summaryrcpopup3.summaryrcuploded span:before {
    background: url(../images/upload-tick.svg) no-repeat 0px 6px;
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 115px;
    color: #50b37e;
}

.summaryrcpopup3.summaryrcuploded span {
    color: #50b37e;
}

.summaryrcpopup1 .addfile {
    position: inherit;
    border: solid red 1px;
    width: 150px;
    -webkit-appearance: none;
}

.summaryrcpopup2 button {
    padding: 5px 3px 5px 28px;
    width: 185px;
    line-height: 34px;
    border: solid #67c15e 1px;
    border-radius: 6px;
    background: #2ecc71 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAVCAYAAABPPm7SAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkU3MUJGQjYwNTcwOTExRTlBNzkxOUU4NTFBNDg4MkJCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY0QTEzQjJDNTdBMTExRTlBNzkxOUU4NTFBNDg4MkJCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTcxQkZCNUU1NzA5MTFFOUE3OTE5RTg1MUE0ODgyQkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTcxQkZCNUY1NzA5MTFFOUE3OTE5RTg1MUE0ODgyQkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7mkH4VAAABVklEQVR42qSUsUoDQRCG786IUVQiabQUQZHYBROCVnYiaCFY2fhAduITiAqCIrHWwsZCG7GxkIhIApKQRlCD5vwGxjCetweJAx87zP7zL7s3nB+GoReJCdiENZgEHypQhj14/qUWA0MRbkJ33MKi7bHNM1Ax4jqcQRleTP0JclGDAA6N6ASmIa1MwZHZP9aejsG8nihxCdnI1YQxuFBNE0pSD/Qp5iCr+QE0vL/RhH1oQ0Z7OgYjun7Ao+eOB3jTPGMNfoptNXGF6L7MYV4KCrCuxX7YgjwMRJqlYdbUV+Ha5yHuSHJeb3EvBnXzgN1GQ67QcmzKe1zpWoK+GE1Lvm/VMbY7MAxDsO3QVJMMFswQ5V0GQcL9Vky+7BIlGRRMXuzFwA7Uu0uUSjCQgUnLLwMGXSKZgxrreMzeK5zrZ1yC0RhN7d+DJAa7JBvw2WWzXP/0W4ABALL1lFZSDre5AAAAAElFTkSuQmCC) no-repeat 25px 11px;
    font-weight: 500;
    display: block;
    margin: 10px auto;
    color: #fff;
    font-size: 16px;
}

.ChassisNumberpopup {
    background: #fff;
    width: 30%;
    height: 300px;
    position: fixed;
    z-index: 9;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px;
    padding: 20px;
    text-align: center;
}

.ChassisNumberpopup h3 {
    padding: 70px 0 20px 0;
    font-size: 14px;
    color: #252733;
}

.ChassisNumberpopup h4 {
    color: #252733;
    font-size: 14px;
    font-weight: 600;
}

.ChassisNumberpopup a:nth-child(odd) {
    padding: 7px 20px;
    width: auto;
    line-height: 30px;
    border: solid #67c15e 1px;
    border-radius: 6px;
    color: #fff;
    background: #67c15e;
    font-weight: 500;
    display: inline-block;
}

.ChassisNumberpopup a:nth-child(even) {
    padding: 7px 20px;
    width: auto;
    line-height: 30px;
    border: solid #67c15e 1px;
    border-radius: 6px;
    color: #67c15e;
    font-weight: 500;
    margin: 20px;
    display: inline-block;
}

.chassisTooltip {
    background: #37474f;
    font-size: 11px;
    color: #fff;
    position: absolute;
    right: -170px;
    width: 185px;
    padding: 10px;
    top: 105px;
    border-radius: 6px;
    animation-name: tooltip;
    animation-duration: 3s;
    transition: all 1s fade-in-out;
}

.chassisTooltip:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #37474f;
    border-width: 6px;
    margin-top: -4px;
}

@keyframes tooltip {
    0% {
        right: -170px;
    }

    50% {
        right: -180px;
    }

    100% {
        right: -170px;
    }
}

.summaryrcpopup1 div a.rcloader {
    position: inherit;
    border: none;
}

.summaryrcpopup1 div a.rcloader .loader {
    font-size: 10px;
    margin: 0 auto;
    text-indent: -9999em;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    background: linear-gradient(90deg, #4caf50 10%, hsla(0, 0%, 100%, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s linear infinite;
    animation: loadSum 1.4s linear infinite;
    transform: translateZ(0);
}

.summaryrcpopup1 div a.rcloader .loader:after,
.summaryrcpopup1 div a.rcloader .loader:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}

.summaryrcpopup1 div a.rcloader .loader:before {
    width: 55%;
    height: 55%;
    background: #4caf50;
    border-radius: 100% 0 0 0;
}

.summaryrcpopup1 div a.rcloader .loader:after {
    background: #ffffff;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    margin: auto;
    bottom: 0;
    right: 0;
}

@-webkit-keyframes loadSum {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes loadSum {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

/* summary pop up */
.summaryrcpopup1.summaryrcpopup,
.summaryrcpopup3,
.summaryrcpopup2 {
    max-width: 400px;
}


.popuprccontent .summaryrcpopup .rcheading+div {
    position: absolute;
    left: 16%;
    top: 160px;
}

.popuprccontent p {
    padding: 10px !important;
    color: #000 !important;
}

.quote-tile .multi-y3+.price_gst_tag {
    /* position: absolute; */
    position: relative;
    float: right;
    right: 39px;
    bottom: 4px;
    font-size: 11px;
    color: #000;
}

.quote-tile.for_tp .Bunduled {
    display: none;
}



/* Vikas 19-10-2022 */
.custom_idv{
    /* align-items: center; */
    justify-content: center;
    display: flex !important;
    flex-wrap: wrap;
    height: 100px;
}
.custom_idv small{
    height: auto !important;
}
.custom_idv small .right_block{
    padding: 0px 10px !important;
}
.custom_rsi{
    position: relative;
    width: 80%;
     margin: 0 auto;
}
.custom_rsi .BajajRSA {
    position: relative;
    width: 100%;
    text-align: center;

}
.pdtplabelclass {
    position: relative;
    top: 6px;
    height: 18px;
    left: 4px;
    background: #f1f1f1;
    color: #253858;
    padding: 0px 6px;
    display: inline-block;
    margin-right: 3px;
    border-radius: 5px;
    margin-bottom: 3px;
    font-size: 11px;
    border: none;
    width: 100%;
    text-align: center;
}
.for_tp .custom_idv.hide {
    display: none !important;
}
.custom_quote_tile {
    height: 100px !important;
    border-left: solid 1px #efefef;
}

.custom_quote_tile .img_logo{
    border: 0;
}
.custom_quote_tile{
    border-left: solid 1px #efefef;
}
.for_tp .pdtplabelclass {
    line-height: 18px;
    top: 0;
    display: flex;
    max-width: 150px !important;
    margin: 0 auto;
    justify-content: center;
}

.for_tp .right_block {
    text-align: center;
}

.otp_section {
    border: 1px solid #efefef;
    margin: 10px 0 20px 0;
    padding: 10px;
    border-radius: 3px;
}
.otp_section .otp_title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}
.otp_section .otp_title .otp_valid {
    color: #ccc;
    font-size: 12px;
    letter-spacing: .5px;
    font-weight: 400;
}
.otp_section .otp_form-wrap {
    position: relative;
    font-size: 14px;
}
.otp_section .otp_form-wrap .otp_field {
    width: 100%;
    height: 40px;
    border: 1px solid #efefef;
    box-shadow: none;
    position: relative;
    padding: 0 120px 0 10px;
    border-radius: 5px;
}
.otp_section .otp_button {
    position: absolute;
    right: 0;
    height: 40px;
    background: #0065ff;
    border: 0;
    border-radius: 0 5px 5px 0;
    color: #fff;
    padding: 0 15px;
    font-size: 14px;
    letter-spacing: .3px;
}
.otp_section .otp_form-wrap .otp_resend {margin-top: 5px;color: #999;}
.otp_section .otp_form-wrap .otp_resend a {
    font-weight: 600;
}
.otp_section .otp_message {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 500;
}
.otp_section .otp_message .otp_error {
    color: #ff5630;
}
.otp_section .otp_message .otp_verify {
    color: green;
}
.otp_align_button{
    display: flex;
}
.success-modals {
    max-width: 100%;
    background: #fff;
    text-align: center;
}
.success-modals i {
    display: block;
    padding-top: 5px;
}
.success-modals .content h2 {
    margin: 0;
    font-size: 18px;
    color: green;
}
.success-modals .content .verfiy-msg {
    padding-bottom: 5px;
    font-size: 14px;
}
/* Vikas Goswami Activity Points Css */
.activity-point {
    background: #EFEFEF;
    padding: 4px 16px;
    border-radius: 6px;
    font-weight: 400;
    margin: 0 auto 10px 15px;
    display: inline-block;
    font-size: 12px;
}
.activity-point i{
    margin-right: 8px;
}
.pt-10{
    padding-top: 10px;
}

.price_gst_tag {
    margin-bottom: 4px;
    font-size: 11px;
    color: #000;
    text-align: center;
    position: relative;
    margin-top: -10px;
    float: right;
    margin-right: 50px;
}
.show-activity-points {
    padding: 10px;
    background: #fff;
    margin-bottom: 10px;
    text-align: right;
    position: relative;
    z-index: 9;
}
/* .show-activity-points */

/*share Quotes Vikas Begin*/
.share-quotes-wrap {
    display: block;
    margin-top: 10px;
    width: 100%;
    align-items: center;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
}
/* .share-quotes-wrap .select-all {
    float: left;
    margin-top: 7px;
    font-weight: 500;
} */
.share-quotes-wrap .select-all input[type="checkbox"] {
    margin-right: 5px;
}
.share-quotes-wrap .share-quotes-block{
    float: right;
    margin-right: 10px
}
.share-quotes-wrap  .share-quotes-block button {
    min-width: 150px;
    background: #007BFF;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    /* margin-right: 10px; */
    font-weight: 400;
    font-size: 14px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    border: solid #007BFF 1px;
}
/*share Quotes Vikas End*/
.hide_quotes{
    display: none;
}
.share-quotes-block .header-link {
    position: relative;
    top: 0;
    left: 0;
}


.tooltip-box .tabs li input[type="radio"]{
    opacity: 0;
    z-index: 9;
    width: 33%;
}
.share-quotes-block li.a input[type="radio"] {
    left: 0px !important;
    top: 20px !important;
}
.share-quotes-block li.b input[type="radio"] {
    left:33% !important;
    top: 20px !important;
}
.share-quotes-block li.c input[type="radio"] {
    left: 66% !important;
    top: 20px !important;
}

.share-quotes-block .share a {
    min-width: 150px;
    background: #2ECC71;
    padding: 3px 10px;
    border-radius: 5px;
    color: #fff;
    text-indent: initial;
    /* margin-right: 10px; */
    font-weight: 400;
    font-size: 14px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    border: solid #52A374 1px;
}

.share-quotes-block .share {
    border: 0;
    margin: 0;
    opacity: 1;
}

img#imgloader {
    height: 40px;
    margin-bottom: 10px;
    opacity: 0.6;
    margin: 0 auto 10px auto;
    display: inherit;
}

.share-quotes-wrap .share button[disabled] {
    cursor: not-allowed;
    float: right;
}
.share-quotes-wrap .share {
    width: auto;
}

button#share-quotes-button
{
    min-width: 150px;
    background: #2ECC71;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    border: solid #52A374 1px;
    background-image: none;
    float: right;
    text-indent: initial;
    margin-right: 10px;
    cursor: not-allowed;
    opacity: 0.6;
}

.quote-tile input[type="checkbox"] {
    position: absolute;
    top: 35px;
    /* transform: translateY(-50%); */
    left: 10px;
    z-index: 6;
}

.disabled-link {
    pointer-events: none;
    cursor: not-allowed;
  }
  .share-quotes-wrap .activity-points-btn {
    float: right;
}
.share-quotes-wrap .activity-points-btn .refresh {
        font-size: 17px;
        line-height: 1;
    }
    
.share-quotes-wrap .activity-points-btn {
    min-width: 150px;
}
/* .show-activity-points */

/*share Quotes Vikas Begin*/
.share-quotes-wrap {
    display: block;
    margin-top: 10px;
    width: 100%;
    align-items: center;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    float: left;
}
.share-quotes-wrap .select-all {
    float: left;
    margin-top: 7px;
    font-weight: 500;
    display: flex;
    align-items: center;
    font-size: 14px;
}
.share-quotes-wrap .select-all input[type="checkbox"] {
    margin-right: 5px;
}
.share-quotes-wrap .share-quotes-block{
    float: right;
    margin-right: 10px
}
.share-quotes-wrap  .share-quotes-block button {
    min-width: 150px;
    background: #007BFF;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    /* margin-right: 10px; */
    font-weight: 400;
    font-size: 14px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    border: solid #007BFF 1px;
}
/*share Quotes Vikas End*/
.hide_quotes{
    display: none;
}
.share-quotes-block .header-link {
    position: relative;
    top: 0;
    left: 0;
}


.tooltip-box .tabs li input[type="radio"]{
    opacity: 0;
    z-index: 9;
    width: 33%;
}
.share-quotes-block li.a input[type="radio"] {
    left: 0px !important;
    top: 20px !important;
}
.share-quotes-block li.b input[type="radio"] {
    left:33% !important;
    top: 20px !important;
}
.share-quotes-block li.c input[type="radio"] {
    left: 66% !important;
    top: 20px !important;
}

.share-quotes-block .share a {
    min-width: 150px;
    background: #007BFF;
    padding: 3px 10px;
    border-radius: 5px;
    color: #fff;
    text-indent: initial;
    /* margin-right: 10px; */
    font-weight: 400;
    font-size: 14px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    border: solid #007BFF 1px;
}

.share-quotes-block .share {
    border: 0;
    margin: 0;
    opacity: 1;
}

img#imgloader {
    height: 40px;
    margin-bottom: 10px;
    opacity: 0.6;
    margin: 0 auto 10px auto;
    display: inherit;
}

.share-quotes-wrap .share button[disabled] {
    cursor: not-allowed;
    float: right;
}
.share-quotes-wrap .share {
    width: auto;
}

button#share-quotes-button
{
    min-width: 150px;
    background: #007BFF;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    border: solid #007BFF 1px;
    background-image: none;
    float: right;
    text-indent: initial;
    margin-right: 10px;
    cursor: not-allowed;
    opacity: 0.6;
}

.quote-tile input[type="checkbox"] {
    position: absolute;
    top: 35px;
    /* transform: translateY(-50%); */
    left: 10px;
    z-index: 6;
}

.disabled-link {
    pointer-events: none;
    cursor: not-allowed;
  }
  .share-quotes-wrap .activity-points-btn {
    float: right;
}
.share-quotes-wrap .activity-points-btn {
    min-width: 150px;
    background: #2ECC71;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    margin-right: 20px;
    font-weight: 400;
    font-size: 14px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    border: solid #52A374 1px;
}
.share-quotes-wrap .activity-points-btn-disabled {
    cursor: not-allowed;
    pointer-events: none !important;
    opacity: 0.6;
}

.share-quotes-wrap .activity-points-btn-blue{
    background: #007BFF;
    border: solid #007BFF 1px;
}



/* KYC Css */
.kyc-disclaimer {
    background: #F7F7F7;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
    float: left;
}
.kyc-disclaimer .ttl {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 10px;
}
.kyc-disclaimer .disclaimer-list {
    list-style: circle;
    font-size: 13px;
    margin-bottom: 10px;
}
.kyc-disclaimer .disclaimer-list li{
    background-color: transparent !important;
    padding: 5px !important;
    color: #999 !important;
}
.kyc-disclaimer .term-accept {
    margin: 20px auto 10px auto;
    display: flex;
    /* justify-content: center; */
    font-size: 13px;
    color: #3a3a3a;
    font-weight: 500;
}
.term-accept .checkbox-agree {
    margin-right: 5px;
}

.kyc-verification-wrap{
    padding: 10px;
}
.kyc-verification-wrap iframe{
    border: 0;

}
.proposal-form .ownername-disable {
    cursor: not-allowed;
    background: #EFEFEF !important;
}
.disablebutton-kyc{
    background-color: rgb(148 151 153) !important;
}
@media screen and (max-width: 670px){
    .disablebutton-kyc{
        background-color: rgb(148 151 153) !important;
    }

}

.overflow-hidden {
    overflow: hidden !important;

}
.activity-points-btn {
    min-width: 150px;
    background: #2ECC71;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    margin-right: 20px;
    font-weight: 400;
    font-size: 14px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    border: solid #52A374 1px;
}
.activity-points-btn-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* digit Custom Css */
.clearfix {
    clear: both;
}
.kyc-verficaion-tabs .tabs {
    margin: 0;
    padding: 0;
    width:100%
}
.kyc-verficaion-tabs .tabs ul {
    margin: 0;
}
.kyc-verficaion-tabs .tabs ul li.active {
    background: #efefef;
}
.kyc-verficaion-tabs .tabs ul li {
    padding: 10px;
}
.kyc-verficaion-tabs .tabs ul li .radio_btn{
    width: 14px;
    height: 14px;
    border-radius: 100px;
    border:1px solid #d9d9d9;
    position: relative;
    display: inline-block;
    margin-right: 10px;
}
.kyc-verficaion-tabs .tabs ul li .radio_btn:after{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #0065FF;
    opacity: 0;
}
.kyc-verficaion-tabs .tabs ul li.active .radio_btn{
    border-color: #0065ff;
}
.kyc-verficaion-tabs .tabs ul li.active .radio_btn:after{
    opacity: 1;
}
.kyc-verficaion-tabs .tab-wraper h3{
    font-size: 14px;
    font-weight: 500;
}
.kyc-verficaion-tabs .tab-wraper .form-group{
    margin-bottom: 15px;
}
.kyc-verficaion-tabs .tab-wraper .form-control{
    border-bottom: 1px solid #666;
    padding: 10px 0;
    width: 100%;
}

/* MODAL */
.cd-popup-modal-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.4);
    z-index: 9;
}

.cd-popup-modal-bg .cd-popup-container {
    max-width: 400px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
}
.cd-popup-modal-bg .loader.loader-color span {
    background: green !important;
}
.popup-text{
    background-color: white;
    text-align: center;
    margin-bottom: 20px;
}
/* 04-05-2023 */
.share-quotes-wrapper .tabs {
    margin: 0;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
}

.share-quotes-wrapper .tabs li {
    padding: 10px;
    
    border-bottom: 1px solid transparent;
    cursor: pointer;
    margin: 0 10px;
    font-size: 14px;
}

.share-quotes-wrapper .tabs li.shareTab {
    color: #08C;
    border-color: #08C;
}

.share-quotes-wrapper .share-block .tab-content {
    display: block;
    padding: 0px 10px;
}

.termsandconditionsContainer{
    width: 100%;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.termsandconditionsContainer .conditions ol{
    margin-top: 10px;
    list-style: decimal !important;
    text-align: justify;
}

.termsandconditionsContainer .conditions ol li{
    display: list-item;
    padding: 5px;
    list-style: decimal !important;
}

/* ------------ Ex-ShowRoomPrice Popup -----------------*/

.exShowRoomPricePopupOverlay{
    backdrop-filter: blur(3px);
}

.exShowRoomPricePopup {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 24px;
    padding: 25px 29px 0;
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
    z-index: 1000;
}

.exShowRoomPricePopup .heading{
    font-weight: bolder;
    font-size: 20px;
    padding: 0;
    color: #253858;
}

.exShowRoomPricePopup .heading2{
    margin-top: 14px;
    font-size: 15px;
    font-weight:400;
}

.exShowRoomPricePopup input{
    margin-top: 30px;
    border-radius: 8px;
    border: 1px solid #a8afbc;
    padding: 10px 15px;
    font-weight: 400;
    color: #757575;
    font-size: 15px;
    width: 100%;
}

.exShowRoomPricePopup .errorInput{
    border: 1px solid red;
}

.exShowRoomPricePopup .errorContainer{
    width: 98%;
}

.exShowRoomPricePopup .errorMsg{
    color: red;
    font-size: 13px;
    padding-left: 10px;
}

.exShowRoomPricePopup button{
    margin-top: 16px;
    border-radius: 8px;
    border: 1px solid #2ecc71;
    background-color: #2ecc71;
    padding: 10px 15px;
    font-weight: 400;
    color: white;
    font-size: 15px;
    font-weight: 500;
    width: 100%;
}

.exShowRoomPricePopup .skipBtn {
    color: #0000008a;
    background: none;
    border: none;
    padding: 0;
    margin-bottom: 70px;
    text-decoration: underline;
    font-size: 13px;
}

.exShowRoomPricePopup .noteText {
    text-align: left;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    border-radius: 0 0 24px 24px;
    padding: 8px 32px 8px 55px;
    background-color: rgb(238, 245, 255);
    position: absolute;
    display: flex;
}

.exShowRoomPricePopup .noteText p{
    line-height: 18px;
    font-size: 1.2rem;
    font-weight: 500;
    list-style: none;
    position: relative;
    color: #253858;
    margin-left: 10px;
}


/* -------------------------- Tp Widget ---------------------------------- */

.tpWidget{
    position: fixed;
    top: 180px;
    right:10px;
    margin: 10px;
    background: linear-gradient(245.59deg, rgba(235, 233, 254, 0.7) 0%, #FFFFFF 98.57%);
    width: 230px;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #D9D6FE;
}

.tpWidget .tpWidgetHeading{
    display: flex;
}
.tpWidget .tpWidgetHeading{
    display: flex;
    justify-content: space-between;
}
.tpWidget .tpWidgetHeading .headingTitle{
    width: 75%;
}
.tpWidget .tpWidgetHeading .headingIcon img{
    width: 45px;
}
.tpWidget h3{
    font-size: 15px;
    color: black;
    font-weight:600;
}
.tpWidget .tpWidgetList h4{
    font-weight: 600;
    margin: 3px 0;
}
.tpWidget .tpWidgetList li{
    display: flex;
    align-items: center;
    padding: 5px 0;
}
.tpWidget .tpWidgetList li img{
    width: 13px;
    height: 13px;
    margin-right: 5px;
}
.tpWidget .tpWidgetList li p{
    font-size: 12px;
    padding: 0;
    line-height: 1;
    font-weight: 400;
}
.tpWidget button{
    margin-top: 10px;
    background-color: #007BFF;
    padding: 8px 12px;
    border: none;
    color: white;
    border-radius: 6px;
    width: 100%;
}
.tpWidget .tpWidgetSpanBlue{
    color: #007BFF;
}
.tpWidget .tpWidgetSpanDark{
    font-weight: 600;
}

@media (max-width:670px){
    /* Quotes Page */
    .breakup-overlay .breakup-logo {
        float: left;
        padding: 20px 0 10px 0;
    }
    .mobile-hide {
        display: none;
    }
    /* .share-quotes-block .mobile-right0 {
        left: -180px !important;
    } */
    .share-quotes-block .tooltip-box:after {
        right: 45% !important;
    }
    .addons-list .col-sm-3.col-xs-3.Bunduled {
       width: 100%;
      background: #f7f7f7;
      border-radius: 5px 5px 0px 0px;
  }

  .activity-wrapper {
    text-align: right;
    float: right;
    display: flex;
    justify-content: end;
    clear: both;
    margin-right:15px;
  }

   .addons-list .col-sm-3.col-xs-3.Bunduled .BajajRSA,
  .addons-list .col-sm-3.col-xs-3.Bunduled .pdtplabelclass {
      position: relative;
      height: auto;
      display: inline-block;
      background: transparent;
      top: 0;
      left: 0;
      width: auto;
      padding: 2px 4px 2px 10px;
  }

   .addons-list .col-sm-3.col-xs-3.Bunduled .BajajRSA:before,
  .addons-list .col-sm-3.col-xs-3.Bunduled .pdtplabelclass:before {
      content: '';
      position: absolute;
      left: 0;
      width: 4px;
      height: 4px;
      background: #666;
      top: 50%;
      transform: translateY(-50%);
      border-radius: 100px;
  }

   .addons-list {
      position: relative;
      margin-top: -8px;
  }
   .share-quotes-wrap .activity-points-btn{
        margin-right: 0;
        width: auto;
        max-width: inherit !important;
        min-width: inherit;
    }
    .share-quotes-wrap .share-quotes-block button,button#share-quotes-button {
        min-width: auto;
    }

    .custom-header{
        top: 0 !important;
        margin: 5px 0 0 0 !important;
    }
    .custom-header .custom-tooltip{
        left: 0;
        right: inherit;
    }
    .custom-header .custom-tooltip .tabs{
        overflow: visible;
    }
    .custom-header .custom-tooltip .tab-content{
        padding: 0px 10px 10px 10px;
    }
    .custom-header .custom-tooltip.tooltip-box:after{
        right: inherit;
        left: 40px;
    }
    .newheader{
        overflow: visible !important;
    }

    .idv-zd-addons {
        font-size: 12px;
    }
    .idv-zd-addons label {
        margin-right: 10px;
        font-weight: 500;
    }
    .idv-zd-addons .idv-value,.idv-zd-addons .zd-values {
        margin-top: 5px;
    }
    .proposal-form .float-left {
        float: left;
    }
    .mobile-pad-left0 .react-autosuggest__container input[type="text"] {
        padding-left: 0 !important;
    }
    .quote-tile-inner .col-sm-4.col-xs-4 {
        float: left;
    }
    .holder{
        width: auto !important;
        max-width: 200px;
        overflow: hidden;
    }
    /* Proposal page  */
    .mt-5{
        margin-top: 5px;
    }
    .pad-tb-8 {
        padding: 8px 0;
    }
    .idv-ncb-values-wrap ul li{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #vehicleDetailForm .list-group .nomini_name .col-xs-3 {
        width: 25% !important;
    }
    
    #vehicleDetailForm .list-group .nomini_name .col-xs-3,
    #vehicleDetailForm .list-group .nomini_name .col-xs-9 {
        float: left;
    }
    
    #vehicleDetailForm .list-group li {
        margin-bottom: 10px;
        float: left;
    }
    .proposal-section ul.policy-word{
        background-color: #efefef;
        padding: 4px;
        font-size: 12px;
    }

    .policy-word li a{
        text-align: center;
    }
    /* Summary Page */
    .summary-right .quote-tile li {
        float: left;
    }
    .premiumsec .col-sm-7, .premiumsec .col-sm-5,.premiumsec .col-sm-8,.premiumsec .col-sm-4 {
        float: left;
    }
    .Paynowsection .pay-now .col-sm-8,.Paynowsection .pay-now .col-sm-4 {
        float: left;
    }
    .share-quotes-wrap .share {
        height: auto;
    }

    .share-quotes-block .share a {
        min-width: max-content;
    }

    .logo-image {
        align-items: center;
    }

    .logo-image .share-checklist {
        margin-right: 10px;
    }

    .logo-image img {
        width: 100%;
    }

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

    .share-quotes-block .hidequotesharing {
        right: 0;
        width: 300px;
        display: block !important;
        z-index: 99999;
        left: -80px;
    }

    .share-quotes-wrap .share-quotes-block .tabs {
        overflow: visible;
        float: left;
    }

    .share-quotes-wrap .share-quotes-block .tabs .tab-content {
        padding: 0px 10px 10px;
    }
    .share-quotes-block li.a input[type="radio"],
    .share-quotes-block li.b input[type="radio"],
    .share-quotes-block li.c input[type="radio"] {
        top: 0px !important;
        height: 100%;
    }

    .termsandconditionsContainer{
        width: 100%;
        padding: 0 30px;
    }



    /* ------------ Ex-ShowRoomPrice Popup -----------------*/
    .exShowRoomPricePopup {
        top: 30%;
        padding: 25px 20px 0;
        width: 90%;
    }
    
    .exShowRoomPricePopup .heading{
        font-size: 16px;
    }
    
    .exShowRoomPricePopup .heading2{
        margin-top: 14px;
        font-size: 12px;
    }
    
    .exShowRoomPricePopup .noteText {
        padding-left: 41px;
        padding-right: 23px;
    }

    /* -------------------------- Tp Widget ---------------------------------- */

    .tpWidget{
        position:unset;
        margin: 10px;
        width: auto;
        padding: 10px;
        overflow: hidden;
    }

    .tpWidget .tpWidgetHeading{
        display: flex;
        /* border: 2px solid red; */
    }

    .tpWidget .tpWidgetHeading .headingTitle{
        width: 85%;
        font-size: 15px;
    }

    .tpWidget .tpWidgetHeading .headingIcon .tpWidgetIcon{
        display: none;
    }

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

.addon-container {
    margin-left: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.addon-item {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    gap: 5px;
}
.addon-text {
    margin-bottom: 0px;
    font-size: 11px;
}
.feedbackBtn {
    position: fixed;
    top: 80%;
    transform: translateY(-50%) rotate(180deg);
    writing-mode: vertical-lr;
    right: 0;
    background: #007bff;
    color: #fff;
    padding: 10px 6px;
    border-radius: 0px 8px 8px 0px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    cursor: pointer;
    
}

.newQuote .flexi-discount {
    height: 40px;
    text-align: center;
    padding: 80px;
    display: block;
    color: #4e5966;
    font-size: 12px;
    margin-top: -90px;
    margin-left: 25px;
}
.newQuote .flexi-Percentage-textBox {
    height: 20px;
    text-align: center;
    width: 20px;
    font-size: 12px;
}

.newQuote  .flexi-Percentage-button {
    color: #000000;
    background-color: #0065ff;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    border: solid #007BFF 1px;
}

.flexiDiscount {
    display: inline-flex;
    gap: 24px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    border-radius: 6px;
    border: 1px solid #77ADFF;
    width: auto;
}

.flexiDiscount .discountSection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.flexiDiscount .discountSection .lable {
    color: #505050;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.flexiDiscount .discountSection span {
    display: flex;
    position: relative;
    align-items: center;
}

.flexiDiscount .discountSection span input {
    border-radius: 6px;
    border: 1.2px solid #C3C3C3;
    width: 60px;
    min-height: 30px;
    padding: 0 8px;
}

.flexiDiscount .discountSection span .percentIcon {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.flexiDiscount .discountSection .button {
    border-radius: 6px;
    background: #BCD7FF;
    padding: 8px 12px;
    color: #282828;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px; /* 116.667% */
    cursor: pointer;
}

.flexiDiscount .title {
    color: #0065FF;
    font-size: 12px;
    font-weight: 700;
    gap: 12px;
    display: flex;
}

.flexiDiscount .title .label {
    color: #505050;
}

.flexiDiscountWrapper{
text-align: center;
width: 100%;
margin-bottom: 24px;
}

@media screen and (max-width:767px){
    .flexiDiscount{
        gap:12px
    }
    .flexiDiscount .title {
        font-size: 10px;
        align-items: center;
    }
    .flexiDiscount .discountSection {
        font-size: 10px;
    }
    .flexiDiscount .title span {
        height: auto;
    }
    .flexiDiscount .discountSection span input {
        height: 26px;
        width: 50px;
    }
    .newQuote .flexi-Percentage-button {
        padding: 3px 10px;
    }
    .flexiDiscountWrapper {
        width: 96%;
        margin: 0 auto 10px auto;
    }
}