/*******************************
 ******************************** NO Media Query*************
 ***********************************************************/

 .modify-btn>div {
    padding-top: 0 !important;
}
.modal-open .reference_number{ 
	right:15px; 
}
.excess_payable_tablerow {
	display:flex;
}
input[type="tel"],input[type="email"] {
	 text-align:center;
 }
.clear-both{
	clear:both;
}
.insurance_payment input[type="radio"]+label span {
	width:14rem;
}

.CustomErrorColor {
	position:relative;
	top:40px;
}
p.rescueMargin{
	margin: 5px 0 10px;
}

.insurance_payment .radio-button label:last-child {
	margin-right:0;
}
.box-info{
	border: 1px solid #ddd;
	padding-left: 15px;
    padding-right: 15px;
}

.required .checkstyle.hasError{
	height: 48px;
    margin-bottom: 1rem;
}
.coverBtn.legalexpenses.coveradded.btn-findvan {
	padding: 12px 30px;
    padding-left: 17px;
}
.legalexpenses.coveradded.btn-findvan {
	
    padding: 12px 30px;
}

.courtesyvan.coveradded.btn-findvan {
    padding: 12px 30px;
	padding-left: 17px;
}
.margin-btm{
	margin-bottom:20px;
}
.paper-width{
	width: 88%;
}
.popup-fontsize{
	font-weight:bold !important;
}
.cover-heading{
	/* font-weight:bold; */
	font-size:20px;
	margin:0 0 8px 0;
	padding:0;
}
.cover-content{
	padding:15px;
}
.greenflagLogoContainer{
	padding-left:45px;
}
.rescue-flexcontainer{
	display:flex;
}
.rescue-breakdown-subheading{
	font-size:13px;
}
.PNCDStepBackTable table{
	width:680px !important;
	border-width:0 0 0.1px 0.1px !important;
	border-style:solid !important; 
	border-color: black !important;
}
.PNCDStepBackTable table th{
	width:40px !important;
}
.PNCDStepBackTable table th,.PNCDStepBackTable table td{
	text-align:center !important; 
	border-width:0.1px 0.1px 0 0 !important; 
	border-style:solid !important; 
	border-color:black !important; 
	padding:3px 5px !important;
	font-size:11pt !important;
	color:#000 !important;
}
.PNCDAvgNCDTable table{
	width:680px !important;
	border-width:0 0 0.1px 0.1px !important; 
	border-style:solid !important; 
	border-color: black !important;
}
.PNCDAvgNCDTable table th{
	width:250px !important;
}
.PNCDAvgNCDTable table th,.PNCDAvgNCDTable table td{
	text-align:left !important; 
	border-width:0.1px 0.1px 0 0 !important; 
	border-style:solid !important;
	border-color:black !important; 
	padding:3px 5px !important;
	font-size:11pt !important;
	color:#000 !important;
}
.pncd-more-info-panel{
	padding:16px;
}
.pncd-more-info-header{
	display:flex;
}

.popup-header .modal-popup-body {
	padding:20px;
}
.business_account_popup .modal-footer-row {
	padding-left:0; padding-right:0;
}
.business_account_popup .backBtnShade.goBackBtnPadding
{
	padding: 11px 20px !important;
	box-shadow:inset 0 1px 1px #fff, 0 0 8px #fff;
}
.business_account_popup .backBtnShade:hover, .business_account_popup .backBtnShade:focus {
	border:2px solid #b6d323;
}
.popup-header .modal-header.modal-title{
	font-size: 24px;
    color: #d91f26;
    font-weight: bold;
}
/* DC-460 */
.radio-group.DisplayWarningMSG {
      margin-bottom: 35px!important;
    }
.popup_heading_row {
	width: 100%;
    background: #e9e9e9;
    padding: 7px;
    margin-bottom: 15px;
}
.popup_heading_row h2 {
	margin:0; font-size: 20px;
}
.coveradded{
	pointer-events:none;
    top: 16px;
    right: 8px;
	width: 120%!important;
    background-image: url(../../images/DirectLine/tickblack.png)!important;
    background-repeat: no-repeat!important;
    background-size: 13px!important;
    background-color: #b6d323 !important;
    background-position: top 14px right 18px !important;
	color:#000 !important;
}
.remove_answerspace .modify-btn {
    margin-top: 0;
}
 .help-align>div{
	 width:100%;
	 float:left;
 }
 .help-align input{
	 float:left;
 }
 .represenatative-question {
	 width:90.666667%;
	 padding-left:15px; padding-right:15px;
 }
.payment-errormsg {
	padding: 0;
    margin: 0;
    width: 92%;
    margin-bottom: 20px;
}
.paymentmethod {
	width: 100%;
    margin-bottom: 0px;
}
.answer_pdf>div {
    display: table;
}
.quotesummary_popup .modal-popup-content {
    padding: 20px;
}
.quotesummary_popup .modal-header {
    padding:0;
}
.pncd-more-info-popup .modal-popup-content {
    height:700px;
	overflow:auto;
}
.peryear-font{
	padding-left: 30px;
}
.premium-font{
	clear: left;
    font-weight: bold;
    font-size: 18px
}
.legalexpenses-sec{
	width: 15%;
    float: right;
    text-align: center;
    margin-right: 3%;
}
.courtesyvan-sec{
	width: 15%;
    float: right;
    text-align: center;
    margin-right: 3%;
}
.legalexpenses{
      float: none;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 12px 20px;
    color: #fff;
    /* border-radius: 5px; */
    margin-top: 10px !important;
}
.courtesyvan.rescue{
    
    padding: 12px 20px;
   /* padding-right: 17px;*/
   
}
.courtesyvan{
      float: none;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 12px 20px;
    color: #fff;
    margin-top: 10px !important;
}

.quotesummary_popup .modal-popup-content .backBtnShade {
    font-size: 18px;
    margin-bottom: 0;
}
.vandetail-cancel,.btn-editvan-details  {
    float: none !important; display: inline-block; margin-right: 25px;
}
.quotesummary_popup .modal-popup-content .backBtnShade:focus:hover,.quotesummary_popup .modal-popup-content .backBtnShade:focus {
	border: 1.5px solid #b6d323;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.quotesummary_popup .modal-popup-content .backBtnShade:hover{
	box-shadow: none;
    border: 2px solid #ddded7;
}
.editadetails-row {
    text-align: center;
}
/**payment confirmation**/
a.pdf{
    background: url("images/pdf.png") no-repeat;
    background-size: 142px;
    padding-left: 10%;
    height: 142px;
    width: 300px;
    padding-left: 8em;
    width: 100%;
    cursor:pointer;
    font-weight: 700;
    font-size: 20px;
    display: table-cell;
    vertical-align: middle;
}

    .desktop{display:block;}
	.mobile{display:none;}

a.pdf:hover,a.pdf:focus {
    color:#000; text-decoration: none;
}
a.pdf .small-only-text-center {
    font-weight: normal;
    padding: 8px 0 0;
    width: 100%;
    float: left;
    font-size:11pt;
    margin: 0;
}
.btn-confirmation-row {
    margin: 20px 0;
}
.date-drivinghistory fieldset {
    width: 100%;
}
.title-excess >div:nth-of-type(5) {
	display:none;
}
.compulsory_row>div,.tot_excess>div {
	padding-left:0 !important;
}
.date-drivinghistory fieldset > select:first-of-type {
    width: 80px;
    float: left;
    background-size: 17px;
	margin-right: 10px;
    background-position: top 8px right -22px !important;
    padding: 12px 30px 15px 15px;
}
.without-helpicon {
    margin-bottom: 10px;
}
.footergap_quotesummary {
	height:55px;
}
.convictiondate.date-drivinghistory fieldset > select:first-of-type {
    width:20rem;
}
.date-drivinghistory fieldset select:nth-of-type(2) {
	width: 39.5%;
    background-size: 17px;
    background-position: top 7px right -22px !important;
    padding: 12px 30px 12px 15px;
}
.date-drivinghistory fieldset > select:last-of-type {
    width: 90px;
    float: left;
    background-size: 17px;
    background-position: top 8px right -22px !important;
    margin-left: 10px;
    padding: 12px 30px 12px 15px;
}
.panel-title a span  {
	width: 98%;
    display: inline-block;
    word-wrap: break-word;
}
.rolling  {
    cursor: default !important;
}
.row-businessheading {
	margin-top:10px;
}
/*CE-2527st*/
.reference_number {
    width: 19%;
    background: #2aa9df;
    color: #fff;
    position: fixed;
    top: 271px;
    right: 0;
    margin-right: 5px;
    font-size: 14px;
    padding: 14px 0px;
    border-radius: 5px;
    text-align: center;
    z-index: 10000;
}
.ref_question span {
    font-weight: normal; margin: 0 !important;
}
.ref_question,.ref_answer {
    display: inline-block; float: none !important;
}
.ref_answer { padding-left: 4px; }

.activeBtn {
    background: red !important;
}
.noyourvanError.errorpostcode {
    width: 306px;
}
.pos-relative {
    position: relative;
}
.quote-buy .policy-row input[type="checkbox"]+label {
    width: 100%;
    font-weight: normal;
}
.wrapper.push-down.yearhelp{
	    right: -110px;
}
.policy-text {
    line-height: 50px;
}
#wp-summary{
	padding: 0 80px 0 80px;
    margin-top: 10px;
	width:100%;
	float:left;
}
.custom-checkbox {
    min-height: 55px;
}
.no-border {
    border:0 !important;
}
.labelmargin label {
    margin-bottom: 15px;
    font-weight: normal;
    font-size: 16px;
}
.backBtnShade.goBackBtnPadding{
	padding: 11px 8px !important;
}
/*CE-2527ed*/

.post-code fieldset>div:last-of-type {
    float: right;
}

button:disabled {
    opacity: 0.5;
}

 /*CE-4728*/
 .tradeChange.mg-lft {
	 margin-left:15px;
	 margin-bottom: 15px;
 }
 
 .btm-errspace .qlrError {
	 padding-bottom:10px;
 }

.alignmentRadio label {
    float: left !important;
    float: right !important;
}

.Radio input[type="radio"]+label span {
    width: 29.875rem !important;
}

.Radio input[type="radio"]:checked+label span:before {
    top: 16px !important;
    right: 10px !important;
}

.panel-bodyIS {
    padding: 15px;
    font-weight: normal;
    font-size: 1em;
}

.small-12 input[type="radio"]+label {
    margin-top: 22px;
}



.btn-notyourvan {
    width: 172px;
    margin-right: 49px;
}
.btn-notyourvan.removeWidth {
	width: unset;
    margin-right: 65px;
    margin-top:-15px;
}
.btn-notyourvan.ie-btnsize.removeWidth {
    margin-right: 58px;
}
.clear-none {
    clear: none !important;
}
.clrnone-dispinline {
	 clear: none !important;
	 display:inline-block;
}

.left-end,
.right-end,
.centered-btn {
    width: 33.33%;
    padding: 1px;
    text-align: center;
    float: left;
}
.btn-flex-row {
    align-items: flex-start;
    justify-content: space-between;
    text-align: center;
    display: flex;
}
.btn-flex-row .left-end, .btn-flex-row .right-end, .btn-flex-row .centered-btn {
    width: auto;
    float: none;
}
.btn-flex-row > div:last-child {
    display: none;
}
.xs-helprow {
    float: left;
}

.policy-row {
    margin-bottom: 15px;
    min-height: 50px;
    height: auto;
}
.contacts-heading {
	font-size:24px;
}
.errorpostcode {
    line-height: inherit;
    /* padding-top: 8px; */
    float: left;
    width: 80%;
}

/* .form-control.multi-lookup option:nth-child(1) {
	display:none;
} */

/*CE-6869 st*/

.font-normal label {
    font-weight: normal;
}

.form-control.multi-lookup {
    width: 100% !important;
    background: #fff;
    min-height: inherit !important;
    height: auto !important;
    max-height: 255px !important;
    background-image: none !important;
    border-radius: .3125rem;
    overflow-x: auto;
}

.col-full {
    width: 100%;
}

.form-control.multi-lookup option {
    padding: 3px 0;
}

/*CE-6869 ed*/

/*CE-6308 st*/

.full-width {
    width: 85%;
}
.answer-radiotopspace {
		margin-top:15px;
	}
/*CE-6869 ed*/

/*CE-6144*/

.footerimg img {
    width: 70%;
}
.per-year {
    font-size: 22px;
    font-weight: normal;
}
.upper-case {
    text-transform: uppercase;
}

.ErrorAddressList {
    width: 48.5%;
    float: right;
}

.nomargin-space .answerWidth {
    margin: 0;
}
.fullwidth {
	width:100%;
}

.notyouvanError {
    float: right !important;
    width: 48%;
    line-height: 23px;
}

.confirmation input[type="radio"]+label {
    font-family: "MuseoSans";
    float: left;
    /* width: 100%;
     */
    text-align: left;
    line-height: 1.125rem;
    vertical-align: middle;
    margin-bottom: .9375rem;
}

.confirmation input[type="radio"]+label {
    color: #000 !important;
    background: transparent;
    border: 0;
    width: 13.875rem;
    height: 4.4375rem !important;
    margin-top: -0.5rem;
    /*margin-bottom: 5.25rem!important;
    */
    margin-right: 0;
}
.text-normal label{
	font-weight:normal !important;
}
.flex_row {
	display:flex;
}
/* .tbl-totalexcess:first-child .bold-value {
	font-weight:700;
} */
.bold-700 {
	font-weight:700 !important;
}
.gap-btm-row label {
	font-weight:normal; 
}
.float-none {
    float: none !important;
}
.remove-link{
	text-decoration: underline;
    margin-top: 8px;
    padding-right: 8px;
	border-radius:0;
}
.disp-inline {
    display: inline-block;
}
.selecte_cover_answer {
    padding-left: 4px; font-size: 18px; font-weight: bold;
}
.summary_answer {
    padding-left: 4px; font-size: 18px; margin-top: 10px;
    margin-left: 1px;
}
.selected_cover span {
    font-weight: bold; font-size: 18px;
}
.summary_demands_needs{
	margin-top: 10px;
    margin-left: 1px;
    font-size: 18px;
    font-weight: bold;
}
.voluntary_select {
    padding: 10px 20px;
    width: 143px;
}
.voluntary_select select {
    width: 100%;
    height: 35px;
    border-radius: 2px;
}
.auto_width {
    width: auto;
}
.title_vaninsurance_quote {
    font-size: 35px;
    color: #d91f26;
    font-weight: bold;
	margin:0;
	margin-bottom:10px;
}
.quote_space_top {
	margin-top: 40px;
}
.level-of-cover .selects {
    width: 88%;
}
.row-values {
	text-align:left;
	padding-right:5px;
}
.confirmation input[type="radio"]+label span {
    display: inline-block;
    width: 5.125rem;
    height: 5.125rem;
    /* float: left;
     */
    /* vertical-align: inherit;
     */
    /* cursor: pointer;
     */
    -moz-border-radius: 50%;
    /* border-radius: 50%;
     */
    /* clear: both;
     */
    /* margin-right: -22.75rem;
     */
}

.enhancedFindAddress {
    margin: 0;
}

.post-code fieldset {
    width: 84%;
}

.post-code fieldset>div:first-of-type,.payment-info.widthPostcode fieldset>div:first-of-type {
    width: 55%;
    float: left;
}

.widthPostcode fieldset>div:first-of-type {
    width: 46%;
    float: left;
}

.post-code fieldset>div:last-child {
    float: right;
}

.post-code fieldset>div:first-of-type input {
    width:100%; 
}

/* .errorAdded span.ErrorColor{
		margin-top: 10px;
	 } */

/*CE-7270*/
.row-contact {
	width:91%; float:left;
}
.securityPageName {
    text-align: left;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #d91f26;
    font-size: 25px;
}

.securityPageHeading {
    padding-top: unset;
    color: #d91f26;
    font-size: 18px;
    text-decoration: underline;
}

.QuestionText.labelctr label {
    line-height: 35px;
    font-weight: bold;
}

.confirmation input[type="radio"]:checked+label span {
    background-color: #b6d323 !important;
    border: 0;
    color: #fff;
    /* font-family: "MuseoSans-Bold";
    */
}

.confirmation input[type="radio"]:checked+label span:before {
    top: 1.375rem;
    left: 1.2rem;
    right: auto;
}

.confirmation input[type="radio"]:checked+label span:before {
    position: absolute !important;
    width: 2.5625rem !important;
    height: 2.125rem !important;
    content: " ";
    display: block;
    top: 1.5rem !important;
    right: 2.625rem !important;
    background-image: url(../../images/DirectLine/tick@2x-white.png);
    background-size: 2.5625rem 2.125rem !important;
}

.confirmation input[type="radio"]+label p {
    margin-top: 1rem;
    font-size: 16px;
    font-family: "MuseoSans";
    /*margin: -27px 69px 17px*/
    width: 60%;
    float: right;
    line-height: 40px;
}

/*VDS-1877 changed to normal font*/
.confirmation label {
    /*font-weight: 700;*/
	font-weight: normal;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.panelIS {
    margin-top: 15px;
    border: 1px solid #ddd;
}

.panelIS-title {
    background-color: #ddd;
    font-size: 1em;
    font-weight: normal;
    line-height: 14px;
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #333;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
}

.panelIS-text {
    display: list-item;
    list-style-type: square;
    margin-left: 36px;
}

.quote-buy input[type="checkbox"]+label:before {
    content: '';
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    margin-right: 1.25rem;
    text-align: center;
    position: absolute;
    left: 0;
}

.quote-buy input[type="checkbox"]:checked+label:before {
    content: " ";
    background: #b6d323;
    background-image: url("../../images/DirectLine/tick@2x.png");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 13px 17px;
    border: none;
    color: #fff;
}

.quote-buy input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    opacity: 0;
    position: absolute;
}

.quote-buy input[type="checkbox"]+label {
    position: relative;
    background: none;
    border: 0;
    font-family: "MuseoSans";
    height: 3.125rem;
    line-height: 3.125rem;
    padding-left: 4.375rem;
    vertical-align: middle;
    text-align: left;
    font-size: 1rem;
    margin-bottom: 1.25rem;
}

.checkstyle {
    margin-top: -15px;
    margin-left: 10px;
}

.checkstyle label p {
    display: none;
}

.checkstyle.hasError input[type="checkbox"]+label:before {
    border-color: #D91F26;
}
.popup-yesbtn {
    width: auto;
    min-width: 110px;
    display: inline-block;
    color: #000;
    font-size: 18px;
    background: transparent;
    border:2px solid #ddded7;
    margin-right: 10px;
    padding: 11px;
    text-align: center;
    text-decoration: none;
    border-radius: 50px;
}
.popup-nobtn {
    width:auto;
    min-width: 110px;
    display: inline-block;
    color: #000;
    font-size: 18px;
    background:transparent;
    border:2px solid #ddded7;
    padding: 11px 10px;
    border-radius: 50px;
    text-align: center;
}

 .popup-nobtn:focus,.popup-yesbtn:focus,.popup-nobtn:focus:hover,.popup-yesbtn:focus:hover  {
    outline: 0;
    border: 1.5px solid #b6d323;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    outline: 0;
}

ul.included-cover {
   
    float: left;
    width: 100%;
    padding: 0 0 0 25px;
}
.included-cover li {
    padding: 5px 0;
    width: 100%;
    float: left;
    position: relative;
    list-style-type: none;
    
}
.view-totalpanel {
    background: url(images/down.png) #b6d323;
    width: 30px;
    height: 28px;
    border: 1px solid #b6d323;
    border-radius: 2px;
    background-position: -2px -2px;
    outline: 0;
    color: #fff;
    position: absolute;
    right: 10px;
    top: 15px;
}
.clicked {
    background: url('images/up.png') #b6d323;
    background-position: -2px -2px;
    outline: 0;
}
.insurance-info {
    text-align: justify;
}
.slideInUp {
    -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); }
    }
.included-cover li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: -24px;
    width: 16px;
    height: 16px;
    background-image: url('images/list-bg.png');
    background-repeat: no-repeat;
}
/**Progress begins**/

.progress {
    position: relative;
    width: 15.0625rem;
    margin: 0 auto;
    height: 2.5rem;
    display: block;
    margin-top: 1.25rem;
}

.progress:before {
    position: absolute;
    border: solid #ccc;
    content: '';
    z-index: -1;
    border-width: 0.1875rem 0 0 0;
    top: 50%;
    left: 0;
    width: 100%;
}

.progress.stage-2:before {
    position: absolute;
    border: solid #b6d323;
    content: '';
    z-index: -1;
    border-width: 0.1875rem 0 0 0;
    top: 50%;
    left: 0;
    width: 50%;
}

.progress.stage-2:after {
    position: absolute;
    border: solid #ccc;
    content: '';
    z-index: -1;
    border-width: 0.1875rem 0 0 0;
    top: 50%;
    left: 50%;
    width: 50%;
    
}

.progress span {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 2.5rem;
    border: 3px solid #ccc;
    color: #ccc;
    text-align: center;
    line-height: 2.1875rem;
    font-size: 1.5rem;
    float: left;
    background: #fff;
}

.progress span.active {
    border: 3px solid #000;
    color: #000;
}

.progress span.active a:after {
    color: #000 !important;
}

.progress span.complete {
    border: 3px solid #b6d323;
    color: transparent;
    background: #fff url(../img/progress-tick@2x.png) no-repeat;
    background-size: 18px 15px;
    background-position: 0.575rem 0.7rem;
}

.progress span:nth-child(2) {
    margin-left: 3.75rem;
}

.progress span:nth-child(3) {
    margin-left: 3.8125rem;
}

.occupation-lookup>div:first-child {
    width: 84%;
    display: inline-block;
    position: relative;
    
}
.remove_answerspace .answerWidth>div:first-child {
    padding: 0 !important;
}

.occupation-lookup .form-control {
    width: 100%;
}

/**Quote Summary New**/
.payment-method-choose {
    text-align: left;
    float: left;
    width: 47%;
    clear: none !important;
    margin-right: 12px;
   
}
.payment-method-choose button {
    width: 100%;
}
.payment-method-choose button:focus {
    outline: 0;
}
.selected_cover {
    margin-top: 10px;
    margin-left: 1px;
}
.tabs-title.tabs-border a {
border-color: #D91F26!important;
}
.tabs-title a {
    padding: 25px;
    width: 100%;
    float: left;
    border-radius: 10px;
    min-height: 235px;
    background-color: #fafaf8;
    border: 3px solid #efefef;
	height:310px
    
}
.btn-lump a{
	padding-top:70px;
	padding-bottom:70px;
}

.tabs-title a:hover,.tabs-title a:focus{
    color: #000;
}
.tabs-title {
    list-style-type:none;    position: relative;
}
.tabs-title.is-active {
    position:relative; float: left; width: 100%;
}
.tabs-title.is-active a {
    border-color:#b6d323; 
    float: left;
    display: block;
    width: 100%;
}
.tabs-title.is-active a:after
 {
    content: '';
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    position: absolute;
    bottom: -15px;
    left: 49%;
    margin-left: -8px;
 }
 .tbl-totalexcess {
     padding: 4px 0 0;
 }
 .tbl-totalexcess-tpft{
	padding: 4px 0 0;
 }
 .tabs-title .price {
    font-size: 48px;
    font-weight: 700;
    padding-bottom: 0.625rem;
    width: 100%;
    float: left;
}
.tabs-title .interval {
    font-size: 30px;
    font-family: "MuseoSans-Lightest";
    padding-bottom: 1.25rem;
    width: 100%;
    float: left;
}

.tabs-title .interval_f24 {
    font-size: 24px;
    font-family: "MuseoSans-Lightest";
    padding-bottom: 1.25rem;
    width: 100%;
    float: left;
}

.tabs-title .fineprint {
    font-family: "MuseoSans-Lightest";
    font-size: 15px;
    width: 100%;
    float: left;
}
.select_rect_icon {
    display: inline-block;
    padding: 25px 15px 10px;
}
.select_rect_icon:before {
    content: 'Select';
    background: white;
    color: darkgray;
    font-size: 20px;
    border: 3px solid darkgrey;
    margin-top: 15px;
    padding: 5px 33px;
    border-radius: 10px;
    font-weight: bold;
}
.btn-lump.tabs-title:before {
    /* content: "or"; */
    width: 2rem;
    height: 1rem;
    position: absolute;
    left: -9%;
    top: 15.5rem;
    line-height: 0;
    float: left;
    font-size: 22px;
    display: inline;
    font-weight: normal;
}
.select_icon {
    background: #b6d323;
    background-image: url(images/tick@2x.png);
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 11px;
    border: 0;
    color: #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 10px auto 0 auto;
    display: inline-block;
}
.gap-btm-row {
    margin-bottom: 8px;
    border-bottom: 1px solid #e8e6e6;
    padding-bottom: 5px;
}
.insurance-payment-details {
    border: 1px solid #ccc;
    padding: 15px 0;
    border-radius: 5px;
	margin-top: 6px;
}
.lumpsum{
    margin-right:0;
    float: right;
}

.no-gutter-left {
    padding-left: 0 !important;
}
.no-gutter-right {
    padding-right: 0 !important;
}
.stickyfooter {
    position: fixed;
    background: #494949;
    color: #fff;
    bottom: 0;
    width: 100%;
    padding: 7px 10px 2px;
    left: 0;
    z-index: 999;
}
.popup-content {
    padding:25px;
}
.insurancetotal-title {
    font-size: 30px; 
    color: #fff;
}
.insurancetotal-value {
    color: #b6d323;
    font-size: 30px; 
    font-weight: bold;
}
.excesspay-row {
    background: #878785;
    padding: 15px 10px 10px;
    color: #fff;
    font-weight: normal;
    margin: 0px 0px;
    border-right: 5px solid #fff;
    text-align: center;
    line-height: 23px;
}
.voluntary  {
    border-radius: 6px 0 0;
}
.compulsary  {
    border-radius: 0;
}
.total-excess  {
    border-radius: 0 6px 0 0;
}
.row-compulsary {
    padding:0px 5px;
}
.removediv-lftspace > div {
    padding-left:16px !important;
	padding-right:16px !important;
	word-wrap:break-word;
	/*word-break: break-all;*/
}
.payrow-first {
    padding:15px 10px 10px;
	word-wrap:break-word;
}
.active-blue {
    background: #2aa9df !important;
    border:0;
}
.tbl-divider {
    top: 25px;
    position: relative;
    margin-bottom: 40px;
}
.show-btn {
    padding:10px 8px;
    float: right;
    text-decoration: underline;
}
.vehicle-header {
    background: #f3f3f3;
    margin-bottom: 20px;
    padding: 10px 10px;
    font-size: 11pt;
    margin-top: 6px;
    word-break: break-word;
}
.cover-header{
	background: #ffffff;
    font-size: 11pt;
    word-break: break-word;
    padding: 25px 22px;
    border: 1px solid #ccc;
}
.cover-header.coverbackground{
	background: #ffffff!important;
}
.legalexpenses.coveradded:hover{
	color: #000 !important;
}
.courtesyvan.coveradded:hover{
	color: #000 !important;
}


.driverdetail-list {
	display: list-item;
    list-style-type: square;
    margin-left: 15px;
	font-size:11pt;
}
.quotesummary-heading {
	font-size:24px;
	padding-bottom: 10px;
}
.quotesummary-content {
	font-size:11pt;
}
.quotesummary-premDifference {
	font-size:17px;
}
.show-btn:focus {
    outline: 0;
}
.details-title h2 {
    margin: 0; font-size:24px; line-height:35px;
}
.col-highlight {
    background: #d4eef9; padding: 5px;
}
.grey-highlight {
	background: #f3f3f3; padding: 5px; border-right:5px solid #fff;
}
.emptyQues span {
    display: none !important;
}

.confirm-payment h2 {
    font-size: 30px;
    line-height: 2rem;
    color: #d91f26;
    font-family: "MuseoSans-Boldest";
	margin-bottom:20px;
	/* padding-left: 7.5rem; */
}
.confirm-payment h3 {
    font-size: 30px;
    text-align: left;
    margin-bottom: 2.5rem;
	color: #fff;
    font-weight: bold;
    line-height: 1.2;
	margin:0;
}

.rescueTick{
	background-image: url(../../images/DirectLine/rescue_tick.png);
    background-repeat: no-repeat;
	background-size: 30px;
    padding: 4px 43px;
}


.policydoc {
	font-size:20px;
}
.policy-number {
	margin-top: 6rem;
}
.policydoc a,.policydoc a:focus,.policydoc a:hover {
	color:#fff;
	text-decoration:underline;
}
.confirm-payment .policy-number span {
	font-size:24px;
	font-family: "MuseoSans-Lightest";
	font-weight:normal;
}
.cls-policycover span {
	font-size:24px;
	font-family: "MuseoSans-Lightest";
	font-weight:normal;
}
.confirm-payment .policy-confirmation.green {
	background-color: #b6d323;
    color: #fff;
    margin-bottom: 1.25rem;
	padding:5rem 7.5rem;
	margin-top:5px;
}
.confirm-payment .trust-symbol {
    height: auto;
    width:50rem;
	float:left;
    text-align: left;
    line-height: 1.2;
}
.trust-symbol img {
	float:left; margin-right:10px; width: 17rem;
}
.confirm-payment .cover-dates {
    text-align: right;
    float: right !important;
	line-height: 1.2;
    padding-top: 1.25rem;
    width: 20rem;
}
.newline {
	display: block;
    clear: both;
}
.cover-value span {
	font-size:28px;
	font-family: "MuseoSans-Bold";
}
.driverhistory-btn-row.right-end {
    width:auto; float:right;
}
/* .confirm-pdfs {
    padding: 0.625rem 7.5rem;
}   */
.confirm-pdfs h2 {
	padding-left:0;
}
.confirm-payment .row.intro {
    margin-top: 4.375rem;
}

/**DD PAYMENT***/
.ddpayment-heading {
    font-size: 24px;
}
.ddpayment-heading.guarantee-gap {
    margin-top: 0; margin-bottom: 0;
}
.ddlink a { color: #000 !important; text-decoration: underline;
}
.ddlink .renew-answer {
    float: right !important;
    width: 93%;
    position: relative;
    top: 10px;
}
.policycheck .checkstyle input[type="checkbox"]+label {
    height: 4.5rem;
}
.ddlink {
    margin: 40px 0px 5px;
}
.ddlink .checkstyle {
    margin-left: 0;
}
.guarantee {
    border: 1px solid #ccc; padding: 15px; margin-top: 15px;
}
.print-instruction {
    border: 1px solid #ccc; padding: 15px; margin-bottom: 15px;
    word-wrap: break-word;
}
.btnprint_preview {
    color: #000;
    font-size: 22px;
    background: #b6d323;
    padding: 12px 20px;
    margin-top: 20px;
}
.print-row {
    margin-bottom: 15px;
}
.instrution-topspace {
    margin-top: -15px;
}
.paymonthlyrow {
    border: 1px solid #ccc;
    padding: 15px 0px;
    margin-bottom: 40px;
}
.monthlypayment-box {
    width: 380px; border: 1px solid #ccc; margin: 0 auto; font-size: 22px; text-align: center;
    border:2px solid #b6d323; margin-bottom: 15px;
    padding: 0.5em 0em;
    border-radius: 10px;
    min-height: 235px;
}
.removefloat {
    float: none !important;
    display: inline-block;
}
.month-text { width:100%; float:  left; text-align: center; }
.printquest-row {
    width: 50%; float: left;
}
.monthly-amount {
    font-size: 48px;
    font-weight: 700;
    padding-bottom: 0.625rem;
}
.month-pay {
    font-size: 30px;
    font-family: MuseoSans-Lightest;
    padding-bottom: 1.25rem;
    line-height: 20px;
}
.totalmonth-pay {
    font-size: 24px;
    font-family: MuseoSans-Lightest;
	padding-top: 1.25rem;
    line-height: 20px;
}
.include-tax {
    font-family: MuseoSans-Lightest;
    font-size: 15px;
}
.directdebit-page .selectboxit {
    background-position: 108%;
}
#C2__row_debitlogo {
    clear: none !important;
    float: right;
    width: 16.6%;
}
.print-info {
    float: right;
}
.policycheck {
    float: none !important;
}
.error_update_persaonaldetails {
	width: 100%;
	margin-bottom: 25px;
}
.error_update_persaonaldetails .ErrorColor {
	margin:0;
}










@media only screen and (min-device-width: 1024px) and (max-device-width: 1279px) {
    .col-margin-left {
        padding-left: 0px !important;
    }
    .signIn_Align {
        margin-right: 39px ! important;
    }
    .SaveBtn-edit {
        margin-left: 182px;
    }
    .SaveBtn-role {
        margin-left: 249px !important;
    }
    .CreateSaveBtn {
        margin-right: 55px ! important;
    }
    .SaveBtn-setting {
        margin-left: 283px ! important;
    }
	.tabs-title a {
	height:320px   
    }

}

@media only screen and (min-width: 993px) and (max-width: 1279px) {
    #C3__home_menu .menuhoriz {
        width: 384px;
    }
    #C3__home_menu .menuhoriz li {
        padding-right: 44px;
    }
    .page-nav div.separator.longProgressTabSep {
        width: 16px;
    }
    .longProgressTab .inProgressStep,
    .longProgressTab .futureStep,
    .longProgressTab .incompleteStep {
        padding: 9px 10px !important;
        font-size: 12px;
    }
    .longProgressTab .completedStep {
        font-size: 12px;
        padding: 9px 8px 9px 25px;
        background-position: 7px 10px;
    }
	.tabs-title a {
	height:320px   
    }
	
}

@media(min-width:993px) and (max-width:1199px) {
	.radioControlsDateColumns__button span {
		width: 16.875rem !important;
	}
    .insPlanList {
        width: 16.8%;
    }
    .investmentOptSec h2 {
        font-size: 32px;
        line-height: 40px;
    }
}

@media(min-width:768px) and (max-width:992px) {
    .insPlanList {
        width: 18.3%;
        margin: 0 15px 0 0;
    }
    .compareImg {
        text-align: center;
        margin: 0;
    }
    .lifeInsMidSec .col-md-5 {
        margin-left: 0;
        width: 100%;
    }
    .txtCenterPort {
        text-align: center !important;
    }
    .insuranceLifeSec .paraTxt {
        padding-right: 0;
    }
    .highcharts-series-group {
        top: 130px;
        margin: 100px;
        padding: 100px;
    }
    .highcharts-legend {
        margin: 0px;
        padding: 0px;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-toggle {
        display: block !important;
        float: right !important;
    }
    .navbar-header {
        width: 100%;
    }
    /* .containers {
         width: 100%;
    }
     */
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }
    .navbar-default .navbar-nav>li.dropdown,
    .navbar-default .navbar-nav>li a {
        display: block;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding: 15px 0px;
    }
    .dropdown-menu>li>a {
        color: #fff;
        padding: 5px 10px;
    }
    .min-header .navbar-nav>li>a {
        padding: 10px 0;
    }
    .MainHeaderSecPadding {
        margin-left: 15px !important;
    }
    .form-control.AnswerWidth {
        width: 93%;
    }
    .modal-body .form-control.AnswerWidth {
        width: 90%;
    }
    .modal-body .long-textMob label {
        max-width: 95%;
    }
    .modal-body .ui-datepicker-trigger {
        margin-top: 0px;
    }
    .ContentWidthConviction .modal-body {
        padding: 5px;
    }
    .ContentWidthConviction .custom-radio {
        width: 102px;
    }
    .nav .open>a::before {
        display: none;
    }
    .navbar-nav .open .dropdown-menu {
        overflow: hidden;
        padding-left: 0;
    }
    .navbar-nav .open .dropdown-menu {
        background-color: transparent;
        border: 0 none;
        box-shadow: none;
        float: none;
        margin-top: 0;
        position: static;
        width: auto;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li {
        /* width:20%;
         */
        float: left;
        display: inline;
        padding: 0;
    }
    /* .page-nav div a{
         width:100%;
    }
     */
    .page-nav div a.subNav {
        padding: 8px 30px;
        width: 100%;
    }
    /* .QuestionWidth{
         width:300px;
    }
     */
    /* .primaryButton.alignBtnFromTop {
         margin-top: 38px;
         margin-left: -15px;
         padding: 15px 20px 13px;
         font-size: 13px;
    }
     */
    .EditbuttonAlignMid {
        margin-right: 0px;
    }
    .col-margin-left {
        padding-left: 1px;
        padding-right: 31px;
    }
    .signIn_Align {
        margin-right: 27px !important;
    }
    .MainHeaderSecPadding {
        margin-left: 43px;
    }
    label.radio-label {
        white-space: normal;
        margin-top: -3px;
        width: 81%;
    }
    .fixed-content.heading {
        top: 65px;
    }
    .modal-content.ContentWidth {
        width: 75%;
    }
    .modal-content.addressLookupWidth {
        width: 95%;
    }
    .dropdown-menu {
        padding: 0px;
    }
    /* Create User setting Page */
    .formRow label {
        width: 29%;
    }
    .row-margin-left {
        margin-left: 45px !important;
    }
    .SaveBtn-setting {
        margin-left: 324px !important;
    }
    .CreateSaveBtn {
        margin-right: 45px ! important;
    }
    .SaveBtn-edit {
        margin-left: 221px ! important;
    }
    .formBtm_Align {
        margin-right: 358px !important;
    }
    #C3__home_menu .menuhoriz {
        width: 289px;
    }
    #C3__home_menu .menuhoriz li {
        padding-right: 15px;
    }
    .login-nav .menu_container {
        margin-left: 0px !important;
    }
    .login-nav ul.menuhoriz li {
        padding: 0 5px 0 0;
    }
    .login-world {
        margin-top: 55px;
    }
    .login-wrapper {
        padding: 0;
    }
    .login_wraper .signup_container {
        padding-top: 0;
        top: 17px !important;
    }
    #captcha_div>div {
        width: 235px !important;
    }
    #captcha_div iframe {
        width: 235px !important;
    }
    .buttonAlign {
        margin-right: 27px;
        padding-top: 10px;
    }
    .signup_frmrow .sign_left {
        float: none !important;
        width: 100%;
    }
    .signup_frmrow .sign_right {
        float: none;
        width: 100%;
    }
    .social-icon {
        margin-left: 8px;
    }
    .bxslider .col-md-4 {
        width: 8% !important;
    }
    .page-nav .customIcon {
        padding-top: 0px;
    }
    /* .summaryContentSec .headingAlignTop {
         margin-top: 100px;
    }
     */
    .headingAlignTop .content-heading {
        padding: 0px 8px 30px 0px;
    }
    .mobileMargin {
        padding: 0px;
    }
    .boxSection .form-control.AnswerWidth {
        width: 86%;
    }
    .grayBoxSec {
        padding: 20px 10px;
    }
    .boxSection .long-textMob label {
        max-width: 94%;
    }
    .noPaddingMobile {
        padding: 0px;
    }
    .sortCode.form-control {
        width: 96%;
    }
    .content-heading h1 {
        padding: 7px 0 4px 0px;
    }
    .custom-radio {
        width: 156px;
    }
    .quoteImg {
        margin: -20px 0 0 0;
    }
    .resultCalculation h4 {
        margin-left: 17px;
    }
    .resultCalculation {
        padding: 16px;
    }
    .resultCalculation:before {
        background-size: 50px !important;
        left: 10px;
    }
    .policy-number {
        margin-top: 4rem;
    }
    .form-control.AnswerWidth.multiCheckMobile {
        width: 100%;
        padding: 5px;
    }
    .multiCheckTextBox {
        padding: 2px 0px 15px 0px
    } 
}
#wp-summary{
padding: 0 80px 0 80px;
    margin-top: 10px;
}
@media(max-width:767px) {
	/*VDS-2129*/
	.editAddressCol{
		margin-bottom:0px !important;
	}
	.searchAddressCol{
		margin-bottom:0px !important;
	}
	.addressTradeChange.mg-lft {
		margin-left: -10px !important;
	}
	.addressLabel{
		padding-bottom:30px;
	}
	.addressAnswerWidth{
		width:100% !important;
	}
	.readOnlyAddressFieldGI{
		width:100% !important;
	}
	/*VDS-270*/
	.resuceAnswerwidth .wrapper.push-down {
		top: 0px !important;
    }
	.resuceMobileView {
		margin-bottom: 20px !important;
    }
	
  /*VDS-377*/
  
	.hastooltip .wrapper:focus {
		z-index: 9999 !important;
	}
	.hastooltip .wrapper:focus {
		background: url(../../images/DirectLine/tooltip_icon_on.svg) no-repeat;
		outline: none;
		/*background-size: 100%;*/
	}
	
	.wrapper:focus-within .tooltip
    {
		opacity: 1;
		pointer-events: auto;
		-webkit-transform: translateY(0px); 
		transform: translateY(0px); 
		z-index: 10; 
		top: 5rem !important; 
		bottom: unset; 
		display: block !important;
    }
	
	.wrapper:focus .tooltip {
		opacity: 1;
		pointer-events: auto;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		z-index: 10;
		/* bottom: -3.75rem;*/
		bottom: unset;
		display: block !important;
    }
	.modal-open .reference_number{
		right:0;
	}
	.insurance_payment input[type="radio"]+label:first-of-type {
		margin-right: 5px;
	}
	.excess_payable_tablerow {
		display:block;
	}
	.stickyfooter .container {
        padding:0;
    }
	.renew-answer.QuestionText label {
        padding: 0;
    }
	.row-businessheading {
		font-size:20px; text-align:center;
		float: left;
		width: 100%;
	}
	.float-none-small {
		float:none !important;
	}
	.businessquestion div { width:100%; }
	.small-center {
		text-align:center !important;
	}
	.float-none-small .blueShadeBtn.greenBtnFill {
		float: none;
		display: inline-block;
	}
	.row-values {
		padding-right:0;
	}
	
    /*CE-11301*/
	.popup_heading_row div {
		width:100%; 
		/* text-align:center !important; */
	}
	.btn-lump.tabs-title:before {
    margin-top: -2.2rem;
    position: static;
    text-align: center;
    width: 100%;
	}
	.legalexpenses-sec{
		width:100%;
		margin-right: 0px;
    margin-top: 20px;
	}
	.courtesyvan-sec{
		width:100%;
		margin-right: 0px;
        margin-top: 20px;
	}
	.mobileamount{
		width: 50%;
		float: left;
		padding-left:15px;
		padding-top:10px;
	}
	.mobilebutton{
		width: 45%;
    float: right;
	}
	.greenflagLogoContainer{
		padding-left:0px !important;
		padding-bottom:20px;
	}
	.rescue-flexcontainer{
		flex-direction: column-reverse
	}
	.legalexpenses.btn-findvan{
		margin-top: 0px !important;
    padding: 14px 20px;
	}
	.courtesyvan.btn-findvan{
		margin-top: 0px !important;
    padding: 14px 20px;
	}
	.remove-link{
	margin-top: 0px !important;
    padding-right: 70px;
	}
	.cover-header{
		padding: 15px 4px;
	}

	.desktop{display:none;}
	.mobile{display:block;}
    .print-row {
        margin-bottom: 0;
    }
	.payment-errormsg {
		width:100%;
	}
    .btn-confirmation-row {
        margin: 10px 0;
    }
   
    .xs-widthauto{
        width: auto;
        display: inline-block;
    }
    .removediv-lftspace > div {
        padding-left:15px !important;
	    padding-right:15px !important;
    }
	.xs-error-btm.requirederrormsg{
		left:0;
	}
	.flex_row {
		display:inherit;
	}
	.confirm-payment {
		padding:0;
    }
	.row-contact  {
		width:99%;
    }
    .convictiondate.date-drivinghistory fieldset > select:last-of-type {
        width: 5.3em;
    }
	.helptexttop>div {
		width:100%;
	}
	.grey-highlight {
		padding:5px 0;
		border:0;
		background:transparent;
    }
    .grey-highlight.disp-inline>div {
        padding: 0 !important;
    }
    .btn-notyourvan.ie-btnsize.removeWidth {
        margin-right: 0;
    }
    .date-drivinghistory fieldset {
        text-align: center;
    }
	.date-drivinghistory fieldset > select:first-of-type,.date-drivinghistory fieldset > select:last-of-type {
        float: none; display: inline-block;
    }
    .vehicle-header {
        margin-top: 21px;
    }
    .table-excess {
        width:100%; float: left;
    }
    .tbl-totalexcess:last-child {
        margin-bottom: 0;
    }
	.wrapper.push-down.yearhelp{
	    right: 0;
	}
	.tbl-boxrow{
		 width:100%;
	 }
	
    .col-highlight {
        background: transparent;
        padding: 5px 0;
    }
    /* .btn-lump.tabs-title:before { */
        /* display: none; */
     /* } */
     .insurancetotal-title {
         font-size: 28px;
     }
    .xs-text-left {
        text-align: left !important;
    }
    .row-compulsary {
        padding:0;
    }
    .stickyfooter {
        width:100%;
        left: 0;
    }
    .quote_summary h2 {
        font-size: 24px;
    }
    .quote_summary h2.title_vaninsurance_quote {
        font-size: 35px;
    }
    .tbl-totalexcess {
        border: 1px solid #dedede;
        box-shadow: 0px 0px 5px #ccc;
        padding: 10px 0;
        margin-bottom: 10px;
        border-radius: 5px;
    }
	.tbl-totalexcess-tpft{
		border: 1px solid #dedede;
        box-shadow: 0px 0px 5px #ccc;
        padding: 10px 0;
        margin-bottom: 10px;
        border-radius: 5px;
	}
	.tbl-totalexcess-tpft:last-child{
		display:none;
	}
	.tradeChange.mg-lft {
	    margin: 0;
		padding: 0; 
	 }
	.gap-integrationtoken{
		margin-bottom:10px;
	}
    .popup-content {
        padding:15px;
    }
    .popup-nobtn,.popup-yesbtn {
        font-size: 16px;
    }
    .errorpostcode {
        width: 100%;
    }
    .policyuseyourdata p {
        font-size: 15px;
    }
    .btn-findvan.btn-notyourvan {
        margin-right: 0;
    }
    .selects.small {
        width: 100%;
    }
    .blueShadeBtn.sm-float-right {
        float: right;
    }
    .form-control.multi-lookup {
        background-image: url(../img/select@2x.png) !important;
        background-size: 23px 14px;
        background-repeat: no-repeat;
        background-origin: content-box;
        background-position: 110%;
        padding-left: 2.5rem;
        padding-right: 3.5rem;
        height: 5rem !important;
        border-radius: 50px;
    }
    /*  .form-control.multi-lookup option:nth-child(1) {
		display:block;
    } */
    .xs-sm-bold {
        font-weight: 700;
    }
    .grey-highlight.xs-sm-bold {
        display: inline-block; margin-bottom: 3px; text-align:left !important;
    }
    .xs-no-gutter {
        padding: 0;
    }
    .occupation-lookup>div:first-child {
        width: 100%;
    }
    .selects.small,
    select.form-control {
        float: none;
    }
    .qlrError.long-textMob.validationerrorsmsg {
        margin-bottom: 50px !important;
    }
    .qlrError.errorAdded {
        margin-bottom: 30px !important;
    }
    .validationerrorsmsg span.ErrorColor {
        bottom: -25px !important;
    }
    .navbar-header {
        width: 100%;
    }
    .navbar-collapse {
        border: none;
    }
    .autoCompleteListDefault {
        left: 0;
        top: 80px !important;
        width: 100% !important;
    }
    .industryList {
        top: 100px !important;
    }
    .MainHeaderSecPadding {
        margin-left: 0;
    }
    .logoMob {
        margin: -62px 0 0;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }
    .navbar-default .navbar-nav>li.dropdown,
    .navbar-default .navbar-nav>li a {
        display: block;
    }
    .navbar-nav>li>a {
        padding: 12px 20px;
    }
    .nav .open>a::before {
        display: none;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff !important;
    }
    .navbar-nav .open .dropdown-menu {
        overflow: hidden;
        padding-left: 0;
    }
    .min-header .navbar-nav>li>a {
        padding: 10px 0;
    }
    .login_right {
        padding-top: 50px;
        margin-bottom: 50px;
    }
    /*.login_left{
        min-height:700px!important;
    }
     */
    .bannerOuterWrapper {
        margin: 70px 0 30px;
    }
    .subHeading h2 {
        font-size: 25px;
        line-height: 32px;
    }
    .inner-banner-wrapper {
        margin-bottom: 30px;
    }
    .small-heading h4 {
        font-size: 18px;
        min-height: 37px;
    }
    .centerSubHeading {
        font-size: 25px;
        line-height: 32px;
    }
    .sub-line {
        margin-bottom: 0;
    }
    .SecWithBGHomePgContainer3 {
        height: 280px;
    }
    .SecWithBGHomePgContainer3 h2,
    .SecWithBGHomePgContainer4 h2 {
        font-size: 22px;
    }
    .SecWithBGHomePgContainer3 h3,
    .SecWithBGHomePgContainer4 h3 {
        font-size: 16px ! important;
    }
    .sectionBottom {
        padding-bottom: 15px;
    }
    .paddingBottom {
        padding-bottom: 15px;
    }
    .marginTop {
        margin-top: 75px;
    }
    .menu_container {
        margin: 30px 0 0;
    }
    .login-wrapper {
        padding: 0;
    }
    .login_left {
        height: auto;
        padding-bottom: 50px ! important;
        min-height: inherit !important;
    }
    .form-control.AnswerWidth {
        width: 94%;
    }
    .autoCompleteList {
        width: 94%;
    }
    .footer-content {
        padding: 30px 0;
    }
    .footer-line-gap hr {
        margin: 30px 0 20px;
    }
    .footer-logo-description {
        margin-bottom: 20px;
    }
    .footer-menu {
        padding-top: 15px;
    }
    .footer-menu .footerLinks {
        padding-bottom: 0px;
        padding-left: 0;
    }
    .footer-menu .menuvert ul {
        margin-left: -4px;
    }
    .footer-menu .menuvert ul li {
        height: 25px;
    }
    .footer-menu .menuvert ul li a {
        height: 25px;
        line-height: 25px;
    }
    .modal-content.addressLookupWidth {
        width: 85%;
    }
    .modal-header .close h3 {
        font-size: 25px !important;
    }
    .primaryButton.alignBtnFromTop {
        margin-top: 0;
    }
    .lifeInsMidSec .compareImg {
        margin: 0;
    }
    .insPlanSec {
        margin: -170px 0 50px 0;
    }
    .lifeInsMidSec .col-md-5 {
        margin-left: 0;
        width: 100%;
    }
    .educationPlanSec {
        margin-bottom: 50px;
    }
    .insuranceLifeSec {
        padding: 0;
    }
    .quoteImg {
        margin: -20px 0 0 0;
    }
    .form-control.AnswerWidth.multiCheckMobile {
        width: 100%;
        padding: 5px;
    }
    .multiCheckTextBox {
        padding: 2px 0px 15px 0px
    }
    .panel-collapse {
        padding-left: 0;
    }
	.confirmation.rescueMobile input[type="radio"]+label {
		margin-left: 20px;
	}
    .confirmation input[type="radio"]+label {
        color: #000 !important;
        background: transparent;
        border: 0;
        width: 22.875rem;
        height: 4.4375rem !important;
        margin-left: 13px;
        margin-right: -67px;
        float: left;
        margin-top: 0.5rem;
        margin-bottom: 1rem!important;
        
    }
    .confirmation input[type="radio"]+label span {
        display: inline-block;
        width: 4.125rem;
        height: 4.125rem;
        -moz-border-radius: 50%;
    }
    .confirmation input[type="radio"]:checked+label span:before {
        top: 1.075rem !important;
        left: 1rem;
        right: auto;
    }
	#wp-summary {
	padding:0; margin:0;
   }
   
   .PNCDStepBackTable table{
	width:300px !important;
	}

	.PNCDStepBackTable table th,.PNCDStepBackTable table td{
		font-size:9pt !important;
		padding: 3px 3px !important;
	}
	.PNCDAvgNCDTable table{
		width:350px !important;
	}
	.PNCDAvgNCDTable table th,.PNCDAvgNCDTable table td{
		font-size:9pt !important;
	}
	.pncd-more-info-popup .modal-popup-content {
		height: 104% !important;
		width:100% !important;
		padding-top: 15px !important;
		font-size:9pt;
	}
	.pncd-more-info-close{
		width:123px !important;
	}
	.pncd-more-info-header a{
		margin-top: 28px;
	}
	
}
}

.tbl-boxrow {
            border: 1px solid #ddd!important;
    background: white;
    padding: 15px 15px 10px 15px;
    border-radius: .4em;
    margin-bottom: 10px;
    }
.noPadLft {
        padding-left: 0;
    }
.float-left {
  float: left !important; }
  
@media (max-width:640px) {
    .open>ul {
        display: block !important;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li {
        width: 20%;
        float: left;
        display: inline;
        padding: 0;
    }
    .navbar-default .navbar-nav .open .dropdown-menu.adjustSpacing>li {
        width: 51%;
    }
    .signIn_Align {
        margin-right: 30px !important;
    }
    .user-menu {
        margin: 15px 5px 0px;
    }
    #FloatPopupDiv {
        width: 100% !important;
    }
	
}

@media(min-width:641px) and (max-width:767px) {
    .insPlanList {
        width: 18.6%;
        margin: 0 10px 0 0;
    }
}

@media(min-width:568px) and (max-width:640px) {
    .insPlanList {
        width: 47%;
        margin: 0 7px 10px;
    }
}

@media(min-width:568px) and (max-width:767px) {
	.confirmation.rescueMobile input[type="radio"]+label {
		margin-left: 14px;;
	}
    .confirmation input[type="radio"]+label {
        margin-left: 14px;
        margin-right: -46px;
        float: left;
        margin-top: -1.5rem;
        margin-bottom: 5.25rem !important;
    }
    .bxslider .col-md-4 {
        width: 8% !important;
    }
}

@media(max-width:567px) {
    .bxslider .col-md-4 {
        width: 16% !important;
    }
    .insPlanList {
        width: 100%;
        margin: 0 0 10px;
    }
    .bannerContSec {
        padding: 0;
    }
    .banner-life-insurance h1 {
        font-size: 46px;
    }
    .investmentOptSec h2,
    .educationPlanSec h2,
    .insuranceLifeSec h2,
    .bottomBgSec h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .paraTxt {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .travelFactInner,
    .healthFactInner {
        width: auto;
        padding: 50px 0 0 0;
    }
    .travelFactSec .paraTxt {
        padding-left: 0 !important;
    }
}

@media(max-width:360px) {
	.CustomErrorColor {
	  top:55px;
   }

    .navbar-default .navbar-nav .open .dropdown-menu>li {
        width: 24%;
    }
    .EditbuttonAlignMid {
        margin-right: 0px;
    }
    .content-heading h1 {
        padding: 18px 0px 4px 3px;
        font-size: 22px;
    }
    #captcha_div>div {
        width: 235px !important;
    }
    #captcha_div iframe {
        width: 235px !important;
    }
}

@media(min-width:520px) and (max-width:767px) { 
.CustomErrorColor {
	  top:20px!important;
   }
}
@media (min-width: 350px) and (max-width: 410px) {
.rescueAmendLink {
		padding-left: 30px;
		padding-right: 0px;
	}
}
@media (min-width: 411px) and (max-width: 454px) {
.rescueAmendLink {
		padding-left: 40px;
		padding-right: 0px;
	}
}
@media (min-width: 454px) and (max-width: 479px) {
.rescueAmendLink {
		padding-left: 50px;
		padding-right: 0px;
	}
}
@media (min-width: 320px) and (max-width: 479px) {
	.block-section{
	display:flex !important;
	flex-direction:column-reverse;
	}
	.aboutvan-next{
	margin-bottom:-20px;
	width: 100%;
	text-align: center;
	float: left;
	}
.WarningMSG.MobileViewWarningMSG {
   margin-left: 0;
    width: 100%;
	margin-top: -2%;
    margin-bottom: 6%;
    padding: 0.5rem 0.5rem 0.5rem;
}

	.represenatative-question {
	    width: 70%;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.xs-button{
		text-align: center !important;
		float: none !important;
		display: inline-block;
	}
	.remove-link {
		padding-right: 0;
	}
	
	.paper-width {
		width: 70%;
		margin-right: 10px;
	}
	.paper-width.QuestionText label,.renew-answer.QuestionText label {
		padding:0px;
		text-align:left;
	}
	
	.coveradded{
		background-position: top 18px right 7px !important;
	}
	
    #C2__row_debitlogo {
        width: 33%;
    }
    .guaranteelogo {
        margin:7px 0;
    }
    .instrution-topspace {
        margin-top: -12px;
        margin-bottom: 5px;
    }
    .ddlink .renew-answer {
        top: 0;
    }
	.policydate .selectboxit-container {
	 margin:0!important;	
    }
    .monthlypayment-box {
        width: 100%;
    }
    .ddlink .renew-answer {
        width: 80%;
    }
    .printquest-row {
        width: 100%; margin-bottom: 8px;
    }
    .btnrow-regnumber .tradeChange {padding-top: 0;}
    .aboutvanhelp .ErrorColor.errormsgfindvan  {margin-bottom: 10px;}
    .xs-removemodify .btn-notyourvan.removeWidth {
        width: auto;
        display: inline-block;
        margin-right: 0;
        padding-top: 0;
        margin-top: 0;
    }
    .xs-removemodify,.xs-aligncenter  {
        text-align: center !important;
    }

    .vandetail-cancel,.btn-editvan-details   {
        margin-right: 0; width: 100%;
    }
	.gap-fixedfooter.footergap_quotesummary {
		height:85px;
	}
	.stickyfooter.pos-relative {
		padding:0;
	}
	.descrpAlign{
		margin:5px 0;
		width:100%;
    }
    .quote_space_top .save-and-exit-btn,.quote_space_top .backBtnShade {
        font-size: inherit;
    }
	.stickyfooter .insurancetotal-title {
		font-size: 24px; line-height: 32px;
	}
	.stickyfooter .insurancetotal-value
	{
		font-size: 26px; 
	}
    a.pdf {
        background-position: top center;
        padding-top: 7.85em;
        padding-left: 0;
        text-align: center;
        height: auto;
    }
    a.pdf .small-only-text-center {
        padding-bottom: 0;
    }
    .voluntary-answer > div {
		padding-left:3px !important;
	}
	.panel-title a span  {
		width: 94%;
	}
	.policy-number {
		margin-top: 6%;
	}
	.date-drivinghistory fieldset > select:last-of-type {
		margin-left:5px; width:28%;     padding: 12px 30px 15px 12px;
	}
	.date-drivinghistory fieldset select:nth-of-type(2) {
		width:41%; display:inline-block; padding:12px 30px 12px 9px;
	}
	.date-drivinghistory fieldset > select:first-of-type {
		width:22.5%;
		margin-right:5px;
	}
	.sm-doctext{	
	    /* padding: 5px 12px; */
		text-align: justify;
	}
    .noyourvanError.errorpostcode {
        width: 100%;
    }
	.nobtn-sec {
        width:100%;
    }
    .show-btn {
        padding:10px 5px;
    }
	.policydoc{
		font-size:16px;
	}
	.confirm-payment .trust-symbol {width:100%;}
	.trust-symbol img {float:none;}
	.confirm-payment .cover-dates { width:100%; }
	.confirm-payment .policy-confirmation.green {padding:2rem 1.5rem; }
	.confirm-pdfs,.container-fluid.confirm-payment,.confirm-payment h2 {padding:0;}
	.confirm-payment h3 {
		font-size:27px;
	}
	.confirm-payment h2 {
		font-size:22px;
	}
	.trust-symbol img {
		width:40%;
	}
	.confirm-payment .policy-number span,.cls-policycover span {
		font-size:20px;
	}
	.cover-value span {
		font-size:25px;
	}
	
    .payment-method-choose {
        width:100%;
        margin-right: 0;
    }
		 .tbl-boxrow{
		 width:100%;
	 }
	    .btn-flex-row {
        display: block;
    }
	.sm-url {
		height:150px;
	}
	 .post-code fieldset>div:first-of-type input { 
		margin-bottom:12px;
	 }
	 .btn-notyourvan.removeWidth {
		margin-bottom: 0;
		width: 100%;
	
     }
	 
	 /*CE-2560*/
	 .btn-notyourvan.removeWidth.disclosee {
		     margin-right: 80px;
		 	 }
	 
	 .gap-xs-btm20 {
		margin-bottom:20px;
	}
     
	 .full-xs {
        width: 100%;
    }
	.padding-mob{
		padding: 0px 0px 20px;
	}
	span.change-readonly-ques {
        margin: 0;
    }
    .post-code .noyourvanError.errorpostcode {
        margin-bottom: 10px;
    }
    .post-code fieldset>div:first-of-type,.payment-info.widthPostcode fieldset>div:first-of-type {
        width: 100%;
        text-align: center;
    }
    .post-code fieldset>div:last-of-type {
        width: 100%;
    }
    .selects.hasError input[type="radio"]+label span {
        margin-bottom: 0.5rem;
    }
    /* .policy-row { */
    /* margin-bottom:0; */
    /* } */
    .post-code fieldset {
        width: 100%;
    }
    .xs-nomargin {
        margin: 0;
    }
    .xs-nogutter {
        padding: 0;
    }
    .policy-row label {
        margin: 0;
        line-height: 45px;
    }
    .sm-floatnone {
        float: none !important;
    }
    .renew-answer {
        width: 74%;
    }
    .checkstyle {
        margin-top: 0;
    }
    .notyouvanError {
        width: 100%;
        text-align: center !important;
    }
    .level-of-cover .selects {
        width: 100%;
    }
    .left-end,
    .right-end,
    .centered-btn {
        width: 100%;
    }
    .save-and-exit-btn {
        width: 100%;
        margin-top: 10px;
        font-size: 15px;
    }
    .errorAdded {
        margin-bottom: 20px !important;
    }
    .qlrError.errorAdded {
        margin-bottom: 30px !important;
    }
    .qlrError.validationerrorsmsg {
        margin-bottom: 70px !important;
    }
    .validationerrorsmsg span.ErrorColor {
        bottom: -30px !important;
    }
    .aboutvanhelp fieldset>div:last-of-type {
        width: 100%;
    }
    .xs-helprow {
        width: 100%;
    }
    .errorAdded span.ErrorColor {
        bottom: -2px;
        left: 0;
    }
    .changevan .change-readonly-ques {
        width: 100% !important;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
    }
    .long-textMob .btn-findvan span {
        padding-left: 0;
        padding-right: 0;
    }
    .errormsgfindvan.errorWidth {
        width: 282px;
        padding: 0 !important;
        text-align: center;
    }
    .errormsgfindvan {
        width: 325px;
        padding: 0 !important;
        text-align: center;
    }
    .errormsgstartdate {
        width: 325px;
        padding: 0 !important;
        margin-top: 10px !important;
    }
    .aboutvanhelp .wrapper.push-down {
        top: 0;
    }
    .aboutvanhelp fieldset>div:first-of-type,
    .aboutvanhelp.changevan fieldset>div:first-of-type {
        width: 100%;
    }
	.courtesyvan.coveradded.btn-findvan {
    width: auto !important;
    padding: 12px 30px;
   }
   .coverBtn.legalexpenses.coveradded.btn-findvan {
    width: auto !important;
    padding: 12px 30px;
	
   }
    .btn-findvan {
        padding: 14px 11px;
    }
    .sm-aboutvan {
        text-align: center !important;
        float: none !important;
    }
    .sm-aboutvan .QuoteSummary {
        position: static;
    }
    .progress:before {
        top: 72%;
    }
    .progress span:after {
        display: none;
    }
    .progress span#C2__STP_1 a:after {
        content: '1';
    }
    .progress span#C2__STP_2 a:after {
        content: '2';
    }
    .progress span#C2__STP_3 a:after {
        content: '3';
    }
    .progress span#C2__STP_1 a:after,
    .progress span#C2__STP_2 a:after,
    .progress span#C2__STP_3 a:after {
        color: #e9e7e7;
        font-size: 25px;
        position: absolute;
        display: inline-block;
        width: 33px;
        border-radius: 2.5rem;
        left: 0px;
        top: -17px;
        height: 32px;
    }
    _:-ms-fullscreen,
    :root .progress span#C2__STP_1 a:after,
    .progress span#C2__STP_2 a:after,
    .progress span#C2__STP_3 a:after {
        top: 5px;
        left: -5px;
    }
    .progress span.complete#C2__STP_1 a:after,
    .progress span.complete#C2__STP_2 a:after,
    .progress span.complete#C2__STP_3 a:after {
        z-index: -1;
        background: #fff;
    }
    /* DLG Specific */
    .logoBtn {
        /* height: 4.375rem;
         */
        height: auto;
        width: 17.3rem;
        margin-left: 0;
    }
    .InnerpageCommonHeader {
        border-bottom: 0.01rem solid #ccc;
        height: 10.9375rem;
    }
    .LinkBtn_White input {
        width: 3.375rem;
        height: 3.375rem;
        margin-left: 8.5rem;
        background-size: 3.375rem;
        margin-top: 3rem;
    }
    .LinkBtn_White {
        text-decoration: none;
        cursor: text;
        margin-top: 5px;
        margin-left: 0rem;
    }
    .LinkBtn_White {
        font-size: 1.875rem;
    }
    .QuestionText label {
        font-weight: normal;
        font-size: 15px;
        margin-bottom: 10px;
        /* text-align:center !important;
         */
    }
    .QuestionText {
        font-weight: normal;
        font-size: 15px;
        margin-bottom: 0px;
        text-align: center !important;
    }
    .Symbol.QuestionText label {
        padding: 0;
        text-align: left;
    }
    .form-control {
        font-size: 1.59rem;
    }
    /*End dlg*/
    /* .content-heading h1{
         padding: 12px 0px 0px 0px;
         font-size:17px;
    }
     */
    .PaddingMobile {
        padding: 0 30px;
    }
    .ImageWidth {
        max-width: 75%;
    }
    .primaryButton {
        margin-bottom: 5px;
    }
    .primaryButton,
    .btn-secondary,
    .btn-orange {
        font-size: 12px;
    }
    .primaryButton.popup {
        font-size: 12px;
        margin-top: 0px;
        margin-left: 1px;
    }
    .primaryButton.alignBtnFromTop {
        margin-top: 20px !important;
        font-size: 11px;
        padding: 10px 12px;
        height: 45px;
    }
    .modal-content.ContentWidth {
        width: 67%;
    }
    .page-nav div a {
        font-size: 12px;
        padding: 8px 2px;
        white-space: nowrap;
    }
    .btn-secondary.popup {
        /* padding: 10px 12px 10px 12px !important;
         */
        font-size: 12px;
    }
    .primaryButton.groupWithText {
        margin-top: 35px;
    }
    .login_right {
        height: auto;
        float: none;
        clear: none !important;
        padding: 21px 10px 0px 22px;
    }
    .login-world {
        margin-top: 50px;
        text-align: center;
    }
    .form-control.AnswerWidth {
        width: 90%;
    }
    .autoCompleteList {
        width: 90%;
    }
    #C3__home_menu .menuhoriz {
        width: 306px;
    }
    #C3__home_menu .menuhoriz li {
        padding-right: 5px;
    }
    .login-nav ul.menuhoriz li {
        float: left;
        /* padding: 5px;
         */
        padding: 0 10px 0 0 !important;
    }
    .signup_frmrow .sign_left {
        width: auto;
        float: none;
    }
    .signup_frmrow .sign_right {
        width: auto;
        float: none;
    }
    .col-margin-left {
        padding-left: 15px ! important;
    }
    .buttonAlign {
        margin-right: 27px ! important;
    }
    /* for User setting Page*/
    .row-margin-left {
        margin-left: 20px !important;
        margin-top: 17px !important;
    }
    .formRow label {
        /* width: 50% !important;
         */
        width: auto;
    }
    .overlayinprow .form-control {
        width: 78% !important;
    }
    .CreateSaveBtn {
        margin-right: 38px ! important;
    }
    .SaveBtn-edit {
        margin-left: 0px !important;
    }
    .SaveBtn-editUser {
        margin-left: 1px ! important;
    }
    .SaveBtn-role {
        margin-left: 65px !important;
    }
    .SaveBtn-setting {
        margin-left: 78px ! important;
    }
    .primaryButtonFont {
        font-size: 14px !important;
        padding: 11px 17px !important;
    }
    .add-btn-postion {
        margin-top: 5px ! important;
    }
    #FloatPopupDiv {
        width: 500px;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin-top: 30%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .login_wraper .content {
        padding-left: 32px;
        padding-right: 0px;
    }
    .overlayinprow .form-control {
        width: 91% !important;
    }
    .formRow .overlayinprow {
        width: 100% !important;
    }
    .contentTopRht a {
        margin: 0 0 0 10px ! important;
    }
    h3 {
        font-size: 18px ! important;
    }
    h3.title_prefercover {
        font-size: 24px !important;
    }
    /*.contentTopRht {
         float: left !important;
    }
    */
    .dataTables_filter input[type=search] {
        float: right !important;
        margin-left: 10px;
        width: 70%;
    }
    .WhileLable div {
        float: none !important;
        clear: both;
        text-align: right;
    }
    .WhileLable div.cls-dropdown {
        float: right !important;
    }
    .WhileLable a {
        margin: 0 0px 15px 0;
    }
    .WhileLable .dropdown-content {
        top: auto;
    }
    .navbar-fixed-top.min-header .WhileLable .dropdown-content {
        /* top: 166px;
         */
        top: auto;
    }
    .WhileLable .dropdown-content:before {
        left: initial;
        right: 12%;
    }
    .WhileLable .dropdown-content .menuvert ul li {
        float: none;
        line-height: 30px;
    }
    .content.mob-portrait-height {
        padding: 213px 0 0;
    }
    .dataTables_wrapper {
        overflow-x: visible;
    }
    .table-responsive {
        border: 0;
    }
    .ui-datepicker {
        width: 19em !important;
		left:0px !important;
    }
	.dates-header{
		margin-right:20px !important;
	}
	.radioControlsDateColumns__button span {
		width: 32.875rem !important;
	}
	.dateQuestion label {
		margin-bottom: 10px !important;
	}
	.radioControlsDateColumns {
		flex-direction: column !important;
		gap: 1rem !important;
	}
	.radioControlsDateColumns input[type="radio"]:checked+label span:before, .radioControls3Columns input[type="radio"]:checked+label span:before, .radioControlsStacked input[type="radio"]:checked+label span:before {
		right: 30px !important;
	}
	
    .form-control.FileWidth {
        width: 100%;
    }
    .ColChartMob {
        margin-bottom: 10px;
    }
    .infoTextSec {
        margin-bottom: 5px;
    }
    .navbar>.container .navbar-brand {
        padding: 10px 0 0 10px;
    }
    .marginTop75px .blackHeading {
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }
    .marginTop75px h1 {
        font-size: 28px;
    }
    .paginate_button.next a,
    .paginate_button.previous a {
        margin: 0px 5px;
        display: none;
    }
    .modal-content.ContentWidth {
        width: 95%;
    }
    .footer-menu {
        padding: 15px 0px 0px 0px;
    }
    .noPaddingMobile {
        padding: 0px;
    }
    .errormsgdob {
        float: left;
        width: 88%;
        padding: 0 !important;
        text-align: center;
        font-size: 15px;
    }
    .test {
        width: 100%;
        text-align: center;
        float: left;
    }
    /* .errorAdded{ */
    /* position: relative; */
    /* margin-bottom: 90px !important; */
    /* } */
    /* .errorAdded span.ErrorColor{ */
    /* position:absolute; */
    /* line-height: 2 !important; */
    /* } */
    .long-textMob span {
        vertical-align: top;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        width: 100%;
        float: left;
        margin: 0;
    }
    .ErrorTextMSG {
        width: 100% !important;
        padding: 0 !important;
        margin: 0;
    }
    .ErrorColor.autoCompleteError {
        float: right;
    }
    .RequiredError span {
        color: #D91F26;
        vertical-align: top;
        padding-left: 103px;
        padding-right: 173px;
    }
    .long-textMobRadio span {
        vertical-align: top !important;
        padding-right: 173px;
    }
    .content-heading {
        padding: 10px 0px 25px 0px;
    }
    .content-heading h1 {
        padding: 5px 0px;
        font-size: 32px;
    }
    .sortCode.form-control {
        padding: 6px 15px;
    }
    .mobPad10 {
        padding: 10px;
    }
    select.multi-select {
        width: 90%;
    }
    .form-control.FileWidth {
        width: 90%;
    }
    .min-header.page-nav div a {
        font-size: 12px;
        margin: 5px;
    }
    .customIcon {
        padding: 0px;
    }
    .modal-content.ContentWidthConviction {
        width: 95%;
    }
    .mobCampat {
        overflow: scroll;
    }
    .modal-content.addressLookupWidth {
        width: 96%;
    }
    .dropdown-content {
        z-index: 100;
    }
    .longQuesTxt {
        top: 50px;
    }
    .incompleteStep,
    .inProgressStep {
        padding: 9px 8px;
    }
    .completedStep {
        padding: 9px 8px 9px 36px;
        font-size: 2.9vw;
    }
    .custom-radio {
        width: 145px;
    }
    .two-column {
        margin-bottom: 0px;
    }
    .modal-body .two-column {
        margin-bottom: 15px;
    }
    .page-nav.mob {
        padding: 8px 0px;
        margin: 5px 0px;
    }
    .SubHeader {
        margin-top: 15px;
    }
    .modal-body .custom-radio {
        width: 130px;
    }
    .summaryContentSec .long-textMob label {
        max-width: 95%;
    }
    .summaryContentSec .content-heading h1 {
        font-size: 24px;
        font-weight: bold;
    }
    .AlignContentCenter .glyphicon.glyphicon-menu-right.customIcon,
    .AlignContentCenter .glyphicon.glyphicon-menu-left.customIcon {
        margin: 8px 0 0 0;
    }
    /* .long-textMob>div{
         float:none !important;
    }
     */
    .summaryContentSec .long-textMob>div {
        float: left !important;
    }
    .commonLandingBG.banner-motor-insurance .primaryButton {
        margin-bottom: 10px;
    }
    .nestAccordian+div .long-textMob label {
        max-width: 94%;
    }
    .invokeAddressLookup.primaryButton.alignBtnFromTop,
    div.NoPadding button.primaryButton.alignBtnFromTop,
    div.noPaddingMobile button.primaryButton.alignBtnFromTop {
        margin-top: 37px !important;
    }
    .questionText.textItemNavInfo {
        font-size: 14px;
        margin: 0px;
    }
    .contentSecWithAddRemoveOpt {
        padding-top: 30px;
        border-top: 2px dashed #c3ced4;
        margin-top: 7px;
    }
    .contentSecWithAddRemoveOpt .AlignContentCenter {
        width: auto;
        margin: 0px;
    }
    .question {
        width: 100%;
    }
    .resultCalculation {
        margin-top: 35px !important;
    }
    .toolsCloseBtn {
        top: 24px;
        right: -8px;
    }
    .displayFlexMobile {
        display: flex;
        font-size: 30px !important;
    }
    .health.insPlanSec {
        margin: -70px 0 50px 0;
    }
    .AlignContentCenter {
        margin: 0;
        width: 100%;
    }
    .AlignContentCenter .textDisplay {
        padding: 0px 10px 0px 0px;
    }
    .defaultRadioAns fieldset {
        width: 90%;
    }
    .custom-radio.defaultRadio {
        width: 120px;
    }
    /*16-03-2018*/
    .QuestionText label {
        padding: 0 35px;
    }
    .invokeAddressLookup.blueShadeBtn.greenBtnFill.buttonWithQuestion {
        margin-left: 15px;
    }
    /* .QuestionQSText label{
         float: left !important;
         padding: 0!important;
         margin-left: 2px!important;
         text-indent: -5px;
    }
    */
}

@media screen and (min-width: 40em) {
    .progress {
        margin-top: 2.6875rem;
        width: 40em;
        height: 3.5rem;
    }
    .progress span {
        width: 3.5rem;
        height: 3.5rem;
        color: #fff;
    }
    .progress span:after {
        position: relative;
        text-indent: 0em;
        font-size: 18px;
        width: 12.5rem;
        display: block;
        text-align: center;
        margin-left: -4.625rem;
        color: #ccc;
        margin-top: 1.5625rem;
    }
    .progress span.active {
        color: #fff;
    }
    .progress span.active:after {
        color: #000;
    }
    .progress span.complete {
        color: transparent;
    }
    .progress span.complete:after {
        color: #b6d323;
    }
    .progress span:nth-child(1):after {
        content: "Your details";
    }
    .progress span:nth-child(2) {
        margin-left: 40%;
    }
    .progress span:nth-child(2):after {
        content: "Your quote";
    }
    .progress span:nth-child(3) {
        margin-left: 12.5rem;
        float: right;
    }
    .progress span:nth-child(3):after {
        content: "Payment";
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
	
/* VDS-269 */
   .rescueMandatory{
	 margin-left:0px !important;
    }
	/* DC-460 */
	.radio-group.DisplayWarningMSG {
      margin-bottom: 20px!important;
    }
	
    .left-end,
    .right-end,
    .centered-btn {
        width: 100% !important;
    }
    .save-and-exit-btn {
        width: 100%;
        font-size: 15px;
        padding: 0.75em;
    }
    .xs-text-center {
        text-align: center !important;
    }
    .rmvFlt {
        float: none !important;
    }
    .blueShadeBtn.greenBtnFill {
        width: 100%;
    }
    .hedingCenter {
        text-align: center !important;
        float: none !important;
    }
    .confirmation input[type="radio"]+label p {
        line-height: 25px;
        width: 75%;
    }
    .xs-error-btm .inline-cal {
        margin-bottom: 30px;
    }
    .xs-error-btm {
        margin-bottom: 30px;
        position: absolute;
        bottom: 0px;
		left:0;
    }
    .panel-collapse {
        padding-left: 10px;
        padding-right: 10px;
    }
    .wrapper.push-down {
        right: 0;
    }
    .progress span {
        width: 3.8rem;
        height: 3.8rem;
    }
    .progress span.complete {
        background: url(../img/progress-tick@2x.png) no-repeat;
        background-size: 22px 18px;
        background-position: 0.475rem 0.77rem;
    }
    .progress {
        width: 19.01rem;
        position: relative;
        top: 18px;
    }
    .progress span#C2__STP_1 a:after,
    .progress span#C2__STP_2 a:after,
    .progress span#C2__STP_3 a:after {
        position: relative;
        /*top:6px;*/
    }
    .tabs-title a {
	height:345px   
    }
	.tabs-title .interval_f24 {
    font-size: 23px;
    }
}
@media only screen and (min-width: 360px) and (max-width: 640px) {
.insurance_payment input[type="radio"]+label:first-of-type {
    margin-right: 1px;
}

.impPage label{
		padding:0px;
		text-align:left;
		width:250px;
		font-weight: normal;
		
	}

.answer-radiotopspace{
padding-right:10px;
}

	.validationerrorsmsg span.ErrorColor {
		font-size:15.8px;
	}
	/* .remove-link{
		padding-right:30px;
	} */
	.tabs-title a {
	height:320px   
    }
	.tabs-title .interval_f24 {
    font-size: 23px;
    }
	
	 .PNCDStepBackTable table{
	width:280px !important;
	}

	.PNCDStepBackTable table th,.PNCDStepBackTable table td{
		font-size:9pt !important;
		padding: 3px 2px !important;
	}
	.PNCDAvgNCDTable table{
		width:330px !important;
	}
	.PNCDAvgNCDTable table th,.PNCDAvgNCDTable table td{
		font-size:9pt !important;
	}
	.pncd-more-info-popup .modal-popup-content {
		height: 104% !important;
		width:100% !important;
		padding-top: 15px !important;
		font-size:9pt;
	}
	.pncd-more-info-header a{
		margin-top: 28px;
	}
	
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
	.dates-header{
	margin-right: 0px !important;
	}
	.radioControlsDateColumns__button span {
		width: 16.875rem !important;
	}

	.represenatative-question {
    width: 82%;
    padding-left: 12px;
    padding-right: 12px;
}
	.coveradded.btn-findvan{
		padding: 12px 30px;
	}
	
	.coveradded.btn-findvan.rescuecoveradded{
		background-position: top 14px right 13px !important;
	}
	.paper-width {
		width: 47.5rem;
	}
	.legalexpenses{
		float: none;
		display: inline-block;
	}
	.courtesyvan{
		float: none;
		display: inline-block;
	}
	.sm-button{
		text-align: center !important;
    float: none !important;
    display: inline-block;
	}
	.remove-link{
	padding-right: 0px;
	padding-left: 10px;
	}
    .ddlink .renew-answer {
        top: 6px;
    }
    .guaranteelogo {
        margin:0px 0px 7px;
    }
    .print-row {
       margin-bottom: 5px;
    }
    .directdebit-page .selectboxit {
        background-position: 104%;
    }
    .guaranteelogo {
        width: 20%;
    }
    .ddpayment-heading-row {
        width: 75%;
    }
    .ddlink .renew-answer {
        width: 90%;
    }
    .print-address,.print-info {
        width: 36%;
    }
    .print-logo { width: 100%; }
    .instrution-topspace {
        margin-top: 0;
        margin-bottom: 5px;
    }
    .xs-removemodify .btn-notyourvan.removeWidth {
        width: auto;
        margin-right: 0;
        padding-top: 0;
        margin-top: -13px;
    }
	.ErrorTextMSG {
        width: 95% !important;
    }
    .btn-notyourvan.removeWidth {
        margin-right: 0;
    }
	.gap-fixedfooter.footergap_quotesummary {
		height:55px;
    }
	.refAlign{
		width:45%;
	}
    .quotesummary_popup .modal-popup-content .backBtnShade {
        padding: 8px 25px;
    }
	.insurancetotal-title {
		margin-right:15px; font-size: 23px;
    }
    .insurancetotal-value {
        font-size: 23px;
    }
	.requiredmarginspc {
		text-align:center;
	}
	.date-drivinghistory fieldset {
		padding-left:18px !important;
	}
	.panel-title a span  {
		width: 96%;
	}
	.date-drivinghistory fieldset select:nth-of-type(2) {
		width:13rem; display:inline-block;
	}
	.descrpAlign{
		width:30%;
    }
    .convictiondate.date-drivinghistory fieldset > select:first-of-type {
        width: 25%;
    }
    
	.amtAlign{
		width:25%;
	}
	.policydoc{
		font-size:18px;
    }
    .error-xs-center {
        text-align: center;
    }
	.confirm-payment .policy-confirmation.green {
		padding:3rem 2.5rem;
	}
	.confirm-payment .trust-symbol {
		width:38rem;
    }
    .confirm-payment .cover-dates {
        width: 15rem;
    }
	.trust-symbol img { width:40%;}
	.confirm-payment h3 {
		font-size:27px;
	}
	.confirm-payment .policy-number span,.cls-policycover span {
		font-size:20px;
	}
	.cover-value span {
		font-size:25px;
	}
	.confirm-payment h2 {
		font-size:25px;
	}
	.full-sm {
		 width:100%;
	 }
	.sm-url {
		height:125px;
    }
    .show-btn {
        padding: 10px 0px 5px;
    }
    .payment-method-choose {
        width: 100%;
    }
    .tabs-title a {
        margin-bottom: 0;
		height:320px;
    }
	.tabs-title .interval_f24 {
    font-size: 23px;
    }
    .progress span:nth-child(2),
    .progress span:nth-child(3)/*CE6083*/
        {
        margin-left: 14.75rem;
    }
	.backBtnShade.goBackBtnPadding{
		padding: 11px 4px !important;
    }
    .quote_space_top .backBtnShade.goBackBtnPadding{
		padding: 11px !important;
	}
    span.change-readonly-ques.post-control {
        text-align: left;
    }
    .post-code fieldset {
        width: 100%;
    }
    .post-code fieldset>div:first-of-type,.payment-info.widthPostcode fieldset>div:first-of-type {
        width: 63%;
    }
    .radio-group .ErrorColor {
        margin-left: 0; text-align: center;
    }
    .widthPostcode fieldset>div:first-of-type {
        width: 58%;
    }
    .footerimg img {
        width: 40%;
    }
    .policy-row {
        width: 33%;
    }
    .policy-row.marketing-info {
        width: 25%;
    }
    .blueShadeBtn.greenBtnFill.notyourvanwidth {
        width: 232px !important;
    } 
	.blueShadeBtn.greenBtnFill.notyourvanwidth.removeWidth {
        width: auto !important;
    } 
    .notyouvanError {
        width: 65%;
        float: left !important;
    }
    .form-control.multi-lookup {
        background-position: 104%;
    }
    .ErrorAddressList {
        width: inherit;
        float: none;
    }
    .save-and-exit-btn {
        font-size: 15px;
        padding: 0.75em 1.2em;
    }
    .autoCompleteListDefault {
        top: 75px !important;
    }
    .level-of-cover .selects {
        width: 100%;
    }
    .errorAdded span.ErrorColor {
        bottom: 0;
    }
	.errorAdded span.ErrorColor.requirederrormsg  {
		bottom:inherit;
	}
    .saveExitButton {
        float: right !important;
    }
    .progress {
        width: 40rem;
    }
    .blueShadeBtn.greenBtnFill.re-enablebtn {
        width: 100% !important;
    }
    .rmvFlt {
        float: none !important;
    }
    .blueShadeBtn.greenBtnFill:not(.rescueEditbtn),
    .backBtnShade,
    .block-section div[id*="p4_BUT"] {
        width: auto !important;
    }
    .backBtnShade {
        padding: 0.75em 1.85em;
    }
    span.change-readonly-ques {
        text-align: center;
        padding-left: 267px;
        margin-top: 15px;
    }
    .aboutvanhelp.changevan fieldset>div:first-of-type {
        width: 56%;
    }
    .aboutvanhelp .wrapper.push-down {
        top: -10px;
    }
    select.form-control {
        background-position: 104% !important;
        margin: 10px 0;
    }
    .wrapper.push-down {
        right: 0;
    }
    .confirmation input[type="radio"]+label p {
        width: 75%;
        line-height: 20px;
    }
    .progress span {
        width: 3.5rem;
        height: 3.5rem;
    }
    .progress span:after {
        font-size: 18px;
        margin-top: 20px;
    }
}
@media only screen and (min-width: 481px) and (max-width: 520px) {
	.rescueAmendLink{
	padding-right: 0px;
	padding-left: 60px;
	}
	
}
@media only screen and (min-width: 521px) and (max-width: 569px) {
	.rescueAmendLink{
	padding-right: 0px;
	padding-left: 70px;
	}
	
}
@media only screen and (min-width: 570px) and (max-width: 590px) {
	.rescueAmendLink{
	padding-right: 0px;
	padding-left: 75px;
	}
	
}
@media only screen and (min-width: 591px) and (max-width: 639px) {
	.rescueAmendLink{
	padding-right: 0px;
	padding-left: 85px;
	}
	
}
@media only screen and (min-width: 640px) and (max-width: 711px) {
	.rescueAmendLink{
	padding-right: 0px;
	padding-left: 90px;
	}
	
}
@media only screen and (min-width: 712px) and (max-width: 726px) {
	.rescueAmendLink{
	padding-right: 0px;
	padding-left: 35px;
	}
	
}
@media only screen and (min-width: 727px) and (max-width: 767px) {
	.rescueAmendLink{
	padding-right: 0px;
	padding-left: 110px;
	}
	
}
@media only screen and (min-width: 660px) and (max-width: 726px) {
	.rescueAmendLink{
	padding-right: 0px;
	padding-left: 100px;
	}
	
}
@media only screen and (max-width: 493px) {
    .rescuegreenFlagImage{
	margin-top:-30px !important;
	}
	
}
@media only screen and (max-width: 358px) {
    .rescue-premium{
	font-size:17px !important;
	}
	
}


/* Ipad view*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {


/*VDS-377*/
	.hastooltip .wrapper:focus {
		z-index: 9999 !important;
	}
	.hastooltip .wrapper:focus {
		background: url(../../images/DirectLine/tooltip_icon_on.svg) no-repeat;
		outline: none;
		/*background-size: 100%;*/
	}
	
	.wrapper:focus-within .tooltip
    {
		opacity: 1;
		pointer-events: auto;
		-webkit-transform: translateY(0px); 
		transform: translateY(0px); 
		z-index: 10; 
		top: 5rem !important; 
		bottom: unset; 
		display: block !important;
    }
	
	.wrapper:focus .tooltip {
		opacity: 1;
		pointer-events: auto;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		z-index: 10;
		/* bottom: -3.75rem;*/
		bottom: unset;
		display: block !important;
    }

    .tradeChange.mg-rt-22 {margin-right:0;}
	.payment-errormsg {
		width:100%;
	}
	.gap-fixedfooter.footergap_quotesummary {
		height:65px;
    }
    .insurancetotal-title,.insurancetotal-value {
        font-size: 28px;
    }
    .confirm-payment .trust-symbol {
        width: 45rem;
    }
    .answer_pdf.insurance_product a.pdf{
        display: inline-block;
    }
    .confirm-pdfs,.confirm-payment h2 {
        padding: 0;
    }
    .trust-symbol img {
        width: 13rem;
    }
    .confirm-payment .cover-dates {
        width: 20rem;
    }
	#wp-summary{
		padding:0;
	}
	.row-contact  {
		width:92%;
	}
	.date-drivinghistory fieldset > select:last-of-type {
		width: 88px; margin-left: 5px;
	}
	.date-drivinghistory fieldset > select:first-of-type {
		width:72px;
		margin-right: 5px;
	}
	.date-drivinghistory fieldset select:nth-of-type(2) {
		padding: 12px 30px 12px 13px;
		width: 13rem;
    }
    .convictiondate.date-drivinghistory fieldset > select:first-of-type {
        width: 16rem;
    }
	.btn-notyourvan.ie-btnsize.removeWidth { 
        margin-right: 49px;
    }
	.backBtnShade.goBackBtnPadding{
		padding: 11px 4px !important;
	}
    .post-code fieldset>div:first-of-type,.payment-info.widthPostcode fieldset>div:first-of-type {
        width: 50%;
    }
    .review-btn {
        padding: 15px;
    }
	.wrapper.push-down.yearhelp{
	    right: -84px;
	}
	.confirm-payment .policy-confirmation.green {
		padding:3rem 2.5rem;
	}
    .show-btn {
        padding: 8px 5px 10px; float: right;
    }
    .widthPostcode fieldset>div:first-of-type {
        width: 40%;
    }
    .ErrorAddressList {
        width: inherit;
        float: none;
    }
    .btn-findvan.btn-notyourvan {
        margin-right: 49px;
    }
    .stickyfooter {
        width:100%;
        left: 0;
    }
    .form-control.multi-lookup {
        background-image: url(../img/select@2x.png) !important;
        background-size: 23px 14px;
        background-repeat: no-repeat;
        background-origin: content-box;
        background-position: 104%;
        padding-left: 2.5rem;
        padding-right: 3.5rem;
        height: 5rem !important;
        border-radius: 50px;
        width: 84% !important;
    }
    /* .form-control.multi-lookup option:nth-child(1) {
		display:block;
	} */
    .qlrError.validationerrorsmsg {
        margin-bottom: 50px !important;
    }
    .level-of-cover .selects {
        width: 87%;
    }
    .validationerrorsmsg span.ErrorColor {
        bottom: -50px !important;
    }
    .ipadRadio input[type="radio"]+label span {
        width: 28.875rem !important;
    }
    .aboutvanhelp fieldset>div:first-of-type {
        width: 41%;
    }
    .aboutvanhelp.changevan fieldset>div:first-of-type {
        width: 32%;
    }
    .btn-findvan {
        margin-right: 8px;
        line-height: 23px;
    }
    .autoCompleteListDefault {
        width: 82% !important;
    }
    .Radio input[type="radio"]:checked+label span:before {
        right: 8px !important;
    }
    .confirmation input[type="radio"]+label {
        color: #000 !important;
        background: transparent;
        border: 0;
        /* width: 20.875rem;
         */
        height: 4.4375rem !important;
        /* margin-right: -800px;
         */
        float: left;
        margin-top: -0.5rem;
        /* margin-bottom: 5.25rem!important;
         */
    }
    .manualLP {
        width: 50%;
    }
    select.form-control {
        background-position: 107%;
    }
    .progress {
        width: 60%;
    }
    .progress span:after {
        font-size: 18px;
    }
    .progress span:after {
        margin-top: 1.9rem;
    }
    /*CE-2469*/
    .inline-cal .select-DAY {
        width: 75px;
        background-position: 29px;
        padding-right: 0;
        margin-bottom: 10px;
        background-size: 26%;
        margin-right: 0px;
        padding-left: 15px;
    }
    .inline-cal .select-MONTH {
        width: 135px;
        background-position: 90px;
        margin: 0px;
        padding-right: 0;
        padding-left: 16px;
        background-size: 13%;
		margin-bottom: 1rem;
    }
    .inline-cal .select-YEAR {
        width: 85px;
        background-position: 45px;
        margin: 0px;
        padding-right: 0;
        padding-left: 15px;
        background-size: 22%;
    }
	.tabs-title a {
	height:320px   
    }

	
}
@media (min-width: 768px) and (max-width: 1024px){
	
.modal-open .reference_number{
	right:0;
}	
.insurance_payment input[type="radio"]+label:first-of-type {
	margin-right: 2px;
}
	
	.represenatative-question {
    width: 85%;
    padding-left: 12px;
    padding-right: 12px;
}
    .legalexpenses-sec{
		width: 20%;
		margin-right: 0%;
	}
	.courtesyvan-sec{
		width: 20%;
		margin-right: 0%;
	}
	.print-info {
        width: 33.33%;
    }
    .answer_pdf.insurance_product a.pdf{
        display: inline-block;
    }
    .aboutvanhelp fieldset>div:first-of-type {
        width: 14rem;
    }
    .aboutvanhelp .change-readonly-ques {
        width: 100%;
    }
    .wrapper.push-down {
        margin-right: 0;
    }
    .ddlink .renew-answer {
        width: 90%;
    }
    .aboutvanhelp.changevan fieldset>div:first-of-type {
        width: 13rem;
    }
    .ddlink .renew-answer {
        top: 10px;
    }
}
@media (min-width: 810px) and (max-width: 1024px){ 
    .aboutvanhelp fieldset>div:first-of-type {
        width: 17rem;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait){
	.remove-link{
		padding-right: 20px;
	}
	.rescueAmendLink{
		padding-right: 30px;
	}
}


@media only screen and (min-device-width: 812px) and (max-device-width: 823px) and (orientation: landscape){
	.remove-link{
		padding-right: 18px!important;
	}
} 

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
	/* VDS-269 */
   .rescueMandatory{
	 margin-left:0px !important;
    }
.WarningMSG.MobileViewWarningMSG {
    margin-left: 0;
    width: 100%;
	margin-top: -2%;
    margin-bottom: 4%;
    padding: 0.5rem 0.5rem 0.5rem;
}
	} 

@media (max-width: 570px) {
    .rescueNobtn {
		position: absolute; 
		transform: translate(-50%, -50%);
		top: 50%;
		left: 50%;
		margin-top:70px;
		width:100% !important;
    }
	.rescueextra{
		height:100px;
	}
	.rescueEditbtn {
        position: absolute; 
		transform: translate(-50%, -50%);
		top: 50%;
		left: 50%;
		width: 100% !important;
	}
}
@media (max-width: 386px) {
    .rescuegobackbtn {
		position: absolute; 
		transform: translate(-50%, -50%);
		top: 50%;
		left: 50%;
		margin-top:70px;
		width:100% !important;
    }
	.rescuePopupextra{
		height:100px;
	}
	.rescuegetpricebtn {
        position: absolute; 
		transform: translate(-50%, -50%);
		top: 50%;
		left: 50%;
		width: 100% !important;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 990px) and (orientation: landscape) {
    .remove-link{
		padding-right: 0px !important;
	}
	.rescueAmendLink{
		padding-right: 0px;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .remove-link{
		padding-right: 55px;
	}
	.rescueAmendLink{
		padding-right: 0px;
	}
	.ddlink .renew-answer {
        top: 15px;
    }
    .tradeChange.mg-rt-22 {margin-right:15px;}
	#wp-summary {
    padding: 0 80px 0 80px;
   }
   .btn-notyourvan.ie-btnsize.removeWidth {
    margin-right: 55px;
    }
	.date-drivinghistory fieldset select:nth-of-type(2)  {
		width:15rem;
	}
	.policy-number.sm-floatnone {
		width: 68%;
        text-align: left !important;
        margin-top: 3rem;
	}
    .ErrorAddressList {
        width: 100%;
        float: left;
    }
	.wrapper.push-down.yearhelp{
	    right: -109px;
    }
    .convictiondate.date-drivinghistory fieldset > select:first-of-type {
        width: 16rem;
    }
}

@media(max-width:1340px) {
    .reference_number {
        width: 100%;
        margin: 0;
        bottom: 0;
        top: auto;
        border-radius: 0;
        z-index: 10000;
    }
    .qtb_phase .gap-fixedfooter {
        clear: both;
        height: 30px;
    }
    .qtb_phase .gap-fixedfooter.footergap_quotesummary {
        height: 65px;
    }
}

/**only for IE Browsers**/

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .form-control.multi-lookup {
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    span.change-readonly-ques {
        border: 0 !important;
        box-shadow: none !important;
    }
    /* .autoCompleteListDefault {
        border: none !important;
    } */
	.btn-notyourvan.ie-btnsize{
		width:220px;
    }
    .ie-addanotherbtn {
        width:240px;
    }
    
}

@media(min-width:768px) and (max-width:1199px) {
    :-ms-lang(x), select.multi-lookup.form-control { 
        width: 500px !important;
     }
     _:-ms-lang(x), .ans-lookup>div {
        overflow-x: auto;
     }
	.PNCDStepBackTable table{
		width:500px !important;
	}
	.PNCDAvgNCDTable table{
		width:500px !important;
	}
}

@media print {
    .btnprint_preview {
        display: none;
    }
    .instrution-topspace {
        margin-top: 0;
    }
    .print-address {
        width:40%;
    }
    .print-info{
        width:35%;
    }
    .instrution-topspace {
        width:50.5%;
    }
    #C2__row_debitlogo {
        width:15%;
    }
    .InnerpageCommonHeader,.monthlypayment-box,.ddlink, .sec-detailedpayment,.sec-paymentinfo,.sec-directdebitguarantee,.top-footer,
    .progress,.ddpayment-heading ,.block-section,.reference_number, .quotesummary-premDifference   {
        display: none;
    }
    .printquest-row {
        width:49.5%;
    }
   
}
.autoCompleteListDefault {
    z-index: 999 !important;
    background-color: #fff;
    color: #222222;
    text-align: left;
    border: 0.1em solid gray;
    padding: 0.12em 1em 0.12em 0.12em;
    width: 300px !important;
    height: auto;
    overflow: auto;
    display: inline-block;
    font-family: "MuseoSans", sans-serif !important;
    font-weight: normal !important;
    font-size: 1.2em !important;
    position: absolute;
    padding: 5px 0px 5px 5px;
    margin: 0px;
    max-height: 200px;
    cursor: pointer;
    top: 50px;
    left: 0;
}

.autoCompleteItemDefault,
*.autoCompleteListDefault div:hover {
    color: highlighttext;
    background-color: highlight;
}

.accordion-headertitle a:hover,
.accordion-headertitle a:focus {
    color: #fff;
}

.error-linewrap{
	word-break: break-word;
}


a.pdfGenerate{cursor:pointer;}



.radio-with-helpicon .wrapper +span{
	margin-left: 1.5rem;
    margin-top: 2rem;
}

.radio-button-align .ErrorColor 
{
	 margin-top: 1.5rem;
}

.hastooltip .radio-button-align input[type="radio"]+label
{
	width: 16.875rem !important;
    height: 6.4375rem !important;
    margin-top: -2rem !important;
	position: relative;
}

.hastooltip .radio-button-align input[type="radio"]+label span
{
width: 4.5rem !important;
    height: 4.5rem !important;
}

.hastooltip .radio-button-align input[type="radio"]:checked+label span:before{
width: 2.2rem !important;
    height: 1.8rem !important;
    top: 1.4rem !important;
    background-size: 2.2rem 1.8rem !important;
}

.hastooltip .radio-button-align input[type="radio"]+label p
{
width: 150%;
    line-height: 21px;
	position: absolute;
    left: 50%;
    top: 69%;
    margin: -19%;
	font-weight: normal;
}
.hastooltip .vanInconnection input[type="radio"]+label p
{
    margin-top: -4rem;
	width: 170%;
}

@media (max-width: 767px){
.hastooltip .radio-button-align input[type="radio"]+label span
{
	width: 39px !important;
    height: 39px !important;
}


/*.hastooltip .radio-with-helpicon{
    margin-bottom: -1rem;
}*/
.hastooltip.rescueAnswerLabel .radio-button-align input[type="radio"]+label p {
	left: 25% !important;
}

	
.hastooltip .radio-button-align input[type="radio"]+label p
{
	left: 22% !important;
    top: 100% !important;
    margin: -1% !important;
	width: 120%;
}
.hastooltip .radio-button-align input[type="radio"]+label 
{
	width: 71% !important;
    height: 1rem !important;
	margin-top: 1rem !important;
    margin-bottom: 2.5rem !important;
}

.hastooltip .radio-without-helpicon
{
    margin-top: -2rem !important;
}
.hastooltip .radio-button-align input[type="radio"]:checked+label span:before{
width: 2rem !important;
    height: 1.5rem !important;
    top: 1.2rem !important;
    background-size: 1.8rem 1.4rem !important;
    left: 1rem !important;
}
.radio-with-helpicon .wrapper +span, .radio-button-align .ErrorColor{
text-align: center;
    margin-top: 0rem;
	margin-left: 0rem;
}

.radioAnswerWidth.rescueError .ErrorColor {
    margin-top: 1rem;
}
.radioAnswerWidth .ErrorColor {
    margin-top: 3rem;
	margin-bottom:-2rem;
}

}
@media (max-width: 767px) and (orientation: landscape){
	.radio-with-helpicon .wrapper +span{
text-align: center;
    margin-top: 0rem;
	margin-left: 0rem;
}
.hastooltip .radio-button-align input[type="radio"]+label 
{
width: 36.875rem !important;
}
.hastooltip.rescueAnswerLabel .radio-button-align input[type="radio"]+label p {
	left: 17% !important;
}
.hastooltip .radio-button-align input[type="radio"]+label p
{
left: 13% !important;
    top: 78% !important;
}
.radio-button-align .wrapper.push-down{
	top:-6px !important;
}

.radioAnswerWidth .wrapper.push-down{
	top:-90px !important;
}

.radio-button-align .ErrorColor {
    margin-top: 1.5rem;
    margin-left:1.5rem;
	text-align:left;
}
}
.radio-with-helpicon .selects.small{
margin-bottom: -3rem !important
}

.radio-button-align .wrapper.push-down{
	top:-32px;
}


@media only screen and (min-width: 411px) and (max-width: 414px) and (orientation: portrait){
.radioAnswerWidth .wrapper.push-down{
	top:-115px !important;
}
}

@media only screen and (max-width: 320px) and (orientation: portrait){
.radioAnswerWidth .wrapper.push-down{
	top:-156px !important;
}
}


@media (max-width: 736px) and (min-width: 731px) and (orientation: landscape){
.radioAnswerWidth .wrapper.push-down {
    top: -70px !important;
}
}


@media only screen and (max-width: 480px) and (min-width: 320px){
.radio-button-align .wrapper.push-down{
	top:-6px;
}

.radioAnswerWidth .wrapper.push-down{
	top:-135px;
}
}
.radioAnswerWidth{
	margin-bottom:4rem;
}

.radioAnswerWidth .ErrorColor{
	margin-bottom:-2rem;
}

.popup-nobtn:hover, .popup-nobtn:focus{
    text-decoration: none !important;
    color: #000 !important;
}

a.popup-nobtn{
	line-height: 1 !important;
}

[id*="p1_QUE"] div span:first-child{
	display: inline-block;
    max-width: 100%;
    /* margin-bottom: 5px; */
}

.printquest-row [id*="p1_QUE"] div span:first-child, .insurancetotal-title span
{
font-weight:700;
}

/* DC-5551 */
.MobileView.blueShadeBtn {
	text-decoration: none;
	color: #fff;
	background: #2aa9df;
	margin: -15px 0px 0px !important;;
}

/* VDS-270 */
.resuceAnswerwidth input{
	display:none
}
.resuceAnswerwidth .wrapper.push-down {
    width: 3rem;
    height: 3rem;
    top: -18px;
    right: 20px;

}
/*VDS-668*/
.infoMessageblue{
	color:#00529B;
	background-color: #BDE5F8;
	padding: 5px 10px 5px 10px;
    font-size: 14px;
    line-height: 21px;
}

/*VDS-1014*/
.coverType input[type="radio"]+label {
    width: 71% !important;
	height: 5.125rem !important;
    margin-bottom: 2rem !important;
	display: flex;
    gap: 1rem;
    align-items: center;
	margin-top: -0.5rem !important;
}
.coverType input[type="radio"]+label {
    font-weight: normal;
}
@media (max-width: 767px) {
    .coverType input[type="radio"]+label {
		height: 4.125rem !important;
		font-weight: normal;
	}
}

/* VDS-1312 */
.carQuote-sec {
	padding: 2rem;
	border: 1px solid #000;
	border-radius: 4px;
	margin-bottom: 2rem;
}
.carQuote-btn {
	display: flex;
    flex-direction: row;
    justify-content: center;
}
.landing-page {
	background: #fdfdfd;
}
.getStarted {
	background: #FDFDFD;
}
.getStarted > .container {
	padding: 0;
}
.getStarted-box {
	max-width: 936px;
    margin: auto;
    border: 1px solid #D4D6D8;
    border-radius: 4px;
    background-color: #FFFFFF;
	padding: 24px 8px;
	margin-top: 32px;
}
.getStarted-title {
	color: #222222;
    font-family: "Montserrat", sans-serif;
	font-weight: 500;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 36px;
	margin-top: 0;
	margin-bottom: 24px;
	margin-left: 16px;
}
.getStarted-card-container {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.getStarted-card-container > .clearBoth {
	display: none;
}
.getStarted-card {
	width: 100%;
	border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.28);
    padding: 0 16px 24px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 150ms ease-out;
}
.getStarted-card:hover {
    transform: scale(1.02);
}
.getStarted-card > div {
	width: 100%;
}
.getStarted-card-van {
	padding-top: 50px;
}
.getStarted-card-saved {
	padding-top: 38px;
}
.getStarted-card-title {
	color: #222222;
    font-family: "Montserrat", sans-serif;
	font-weight: 500;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center;
}
.getStarted-card-title-van {
	margin-top: 22px;
	margin-bottom: 0;
}
.getStarted-card-title-saved {
	margin-top: 14px;
	margin-bottom: 0;
}
.getStarted-card-titleRow,
.getStarted-card-btnRow,
.getStarted-card-imgRow {
	display: flex;
	flex-direction: row;
    justify-content: center;
}
.getStarted-card-btn {
	width: 100%;
}
.getStarted-btn-green {
	height: 48px;
    border: none;
    border-radius: 4px;
    background-color: #BFE401;
    padding: 12px 28.5px;
    color: #222222;
    font-family: "Montserrat", sans-serif;
	font-weight: 500;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
    text-decoration: none;
	display: flex;
    align-items: center;
	justify-content: center;
	margin-top: 44px;
	width: 100%;
}
.getStarted-btn-green:hover {
    background-color: #B1D300;
}
.getStarted-btn-border {
	height: 48px;
    border: 2px solid #222222;
    border-radius: 4px;
    background-color: #FFFFFF;
    padding: 12px 15.5px;
    color: #222222;
    font-family: "Montserrat", sans-serif;
	font-weight: 500;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
    text-decoration: none;
	display: flex;
    align-items: center;
	justify-content: center;
	margin-top: 16px;
	width: 100%;
}
.getStarted-btn-border:hover {
    border-color: #E70C2C;
    background-color: #E70C2C;
    color: #fff;
}
.phone-desktop {
	display: none;
}
.phone-needHelp {
	color: #222222;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 22px;
}
.phone-callUs {
	color: #222222;
    font-family: "Montserrat", sans-serif;
	font-weight: 500;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 24px;
}
.dlg-header {
	height: 48px;
	background: #FFF;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.15);
}
.dlg-header .container {
	padding: 0;
}
.dlg-header .container > div {
	display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.dlg-header-inner {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.dlg-header-logo {
	height: 20px;
}
.dlg-header-phone {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.footer-payment {
	background: #FDFDFD;
	padding: 40px 0;
}
.footer-payment__inner > div:first-child {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
}
.footer-payment__inner > div:first-child div {
    flex: 1;
    min-width: 190px;
}
.footer-payment__img {
	height: 56px;
	align-items: center;
    display: flex;
    justify-content: center;
}
.footer-payment__img > img {
    max-height: 56px;
    min-height: 45px;
}
.footer-links {
	background: #222;
	border-top: 4px solid #E70C2C;
	padding: 44px 0 40px 0;
}
.footer-links-title {
	color: #FFF;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 28px;
}
.footer-links-list {
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 12px 24px;
	margin-top: 12px;
}
.footer-links-list-icons {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px 24px;
	margin-top: 12px;
}
.footer-links-list a {
	color: #FFF;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0;
	line-height: 24px;
}
.footer-links-list-icons a {
	color: #FFF;
	font-size: 40px;
    text-decoration: none;
}
.footer-links-follow {
	margin-top: 36px;
}
.footer-legal {
	background: #FFF;
	padding: 24px 0 64px 0;
}
.footer-legal .container > div {
	display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
.footer-legal-copyright {
	color: #222222;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 22px;
	margin-bottom: 8px;
	margin-top: 14px;
}
.footer-legal-text {
	color: #222222;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 22px;
}
[class^="i-"], [class*=" i-"] {
    font-family: "DL-icons" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.i-twitter:before {
    content: url('../../images/twitter.svg'); 
    display: inline-block;
    width: 41.5px; 
    position: relative;
	top:-3px;
    
}

.i-facebook:before {
    content: "\e613";
}
.i-youtube:before {
    content: "\e920";
}
.i-linkedin:before {
    content: "\e926";
}
@media only screen and (min-width: 768px) {
	.getStarted-box {
		padding: 32px 72px;
	}
	.getStarted-title {
		margin-left: 0;
	}
	.getStarted-card-container {
		flex-direction: row;
		justify-content: space-between;	
	}
	.getStarted-card {
		max-width: 344px;
	}
	.getStarted-card-btn {
		width: auto;
	}
	.getStarted-btn-green,
	.getStarted-btn-border {
		width: auto;
	}
	.dlg-header {
		height: 90px;
		border-bottom: 1px solid #DBDBDB;
		background: #FDFDFD;
		box-shadow: none;
	}
	.dlg-header-logo {
		height: 37px;
	}
	.phone-desktop {
		display: block;
	}
	.phone-mobile {
		display: none;
	}
	.phone-callUs {
		font-size: 16px;
	}
    .footer-links-list {
        flex-direction: row;
    }
	.footer-links-follow {
		margin-top: 0;
	}
	.footer-legal-copyright {
		margin-top: 0;	
	}
}

/* VDS-1311 */
.radioControls3Columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.radioControls3Columns__button {
    margin-bottom: 0;
    position: relative;
    width: 100%;
}
.radioControls3Columns__button span {
    width: 100% !important;
    padding: 10px 0 !important;
}
.radioControlsDateColumns input[type="radio"]:checked+label span:before,
.radioControls3Columns input[type="radio"]:checked+label span:before,
.radioControlsStacked input[type="radio"]:checked+label span:before {
    position: absolute;
    width: 22px;
    height: 22px;
    content: " ";
    display: block;
    top: 16px;
    right: 8px;
    background-image: url(../../images/DirectLine/tick.png);
    background-repeat: no-repeat;
    background-size: 20px;
}
.radioControlsDateColumns input[type="radio"][disabled]+label span,
.radioControls3Columns input[type="radio"][disabled]+label span,
.radioControlsStacked input[type="radio"][disabled]+label span {
    cursor: not-allowed;
    background: #eee;
}
.radioControlsDateColumns input[type="radio"][disabled]:checked+label span,
.radioControls3Columns input[type="radio"][disabled]:checked+label span,
.radioControlsStacked input[type="radio"][disabled]:checked+label span {
    border: 0.215rem solid #ccc;
    background: #bdbdbd;
}
.radioControlsStacked {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}
.radioControlsStacked__button {
    width: 100%;
    position: relative;
    margin-bottom: 0;
}
.radioControlsStacked__button span {
    width: 100% !important;
}
.hasError .radioControlsDateColumns__button span,
.hasError .radioControlsStacked__button span,
.hasError .radioControls3Columns__button span {
    border: 0.215rem solid #d91f26;
}
.hasError .radioControlsDateColumns__button:last-child span,
.hasError .radioControlsStacked__button:last-child span,
.hasError .radioControls3Columns__button:last-child span {
    margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
    .radioControls3Columns {
        width: calc(100% - 5.4rem);
        float: left;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .radioControlsStacked {
        width: calc(100% - 5.4rem);
        float: left;
    }
	.radioControlsDateColumns {
        width: calc(100% - 5.4rem);
        float: left;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.impPage label{
		padding:0px;
		text-align:left;
		width:400px;
		font-weight: normal;
	}


.afd-lookup {
    position: relative;
}
.afd-lookup__input {
    border-radius: 2.5rem;
}
.afd-lookup__input--active {
    border-radius: 2.5rem 2.5rem 0 0;
}
.afd-lookup .ui-widget {
    font-size: initial !important;
}
.afd-lookup .ui-autocomplete {
    max-height: 300px !important;
    width: 100% !important;
    border: 2px solid #ccc !important;
    border-top: none !important;
    border-radius: 0 !important;
    background: white !important;
}
.afd-lookup .ui-menu-item {
    padding: 0.5rem 1rem !important;
}
.afd-lookup .ui-state-focus {
    background: rgba(0, 0, 0, 0.08) !important;
    border: none !important;
    color: initial !important;
    margin: 0 !important;
}
.afd-lookup__results {
    z-index: 1000;
    position: absolute;
    top: 100%;
    width: 84%;
}
.afd-lookup__text {
    width: 84%;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .afd-lookup__results {
        width: 100%;
    }
    .afd-lookup .ui-widget {
        left: 0 !important;
    }
}

.pncd_required.hasError .radio-group {
    margin-bottom: 0px !important;
}

/*VDS-1573*/
.dates-header {
	display:flex;
    background: #f3f3f3;
    margin-bottom: 10px;
	margin-right: 300px;
    padding: 10px 25px;
    font-size: 11pt;
    margin-top: 6px;
	border-left: 6px solid #b6d323;
	padding-bottom: 0px;
}

.dates-header::after{
	display: inline-block;
	width:15px;
	height:15px;
    margin-left: 60px;
	margin-top:20px;
    content: "";
    background: url(../../images/DirectLine/tick.png) no-repeat 0 0;
    background-size: 71%;
    padding: 14px;
	background-color: #b6d323;
	border-radius:50%;
	background-position: center;
}

.dateQuestion label{
        font-weight: normal;
        font-size: 16px;
        margin-bottom: 10px;
        text-align: left;
		width: 100%
		
    }
	
.datepickerclass {
position:static;
padding-bottom:8px;
}

.datepickerclass .ui-datepicker thead{
    background-color: #d7d7d7;
}

.datepickerclass .ui-datepicker tbody tr {
    border-bottom: 1px solid #bbb;
}


.radioControlsDateColumns {
    display: flex;
	flex-direction:row;
    gap: 8px;
}
.radioControlsDateColumns__button {
    margin-bottom: 0;
    position: relative;
    width: 100%;
}
.radioControlsDateColumns__button span {
    padding: 10px 0 !important;
	font-size:15px !important;
}

.datepickerclass .ui-state-default{
    border:none !important;
    text-align:center;
}

.ui-datepicker-calendar .ui-state-hover {
    background:  #b6d323 !important;
    color: black !important;
    border-radius:15px;
}

.ui-datepicker-calendar .ui-state-active {
    background:  #b6d323 !important;
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    color:black !important;
    text-shadow: 0px 1px 0px #4d7a85;
    border-radius:15px;
    position: relative;
    margin: -1px;
}

.datepickerclass .ui-widget-header {
    font-weight: normal !important;
}
.datepickerclass .ui-datepicker th {
    text-align: left;   
    padding-left: 12px;
}

.ui-widget-header .ui-icon {
    background: url(../../html/css/images/down.png) no-repeat 0 0;
	background-size: 100%;
}
.ui-datepicker .ui-datepicker-prev span {
	-ms-transform: rotate(-90deg); /* IE 9 */
	transform: rotate(-90deg);
}
.ui-datepicker .ui-datepicker-next span {
  -ms-transform: rotate(90deg); /* IE 9 */
  transform: rotate(90deg);
}
@media(min-width:1200px) {
.radioControlsDateColumns__button span {
		width: 16.875rem !important;
	}
}

.paperDocsLink {
	color:#337ab7;
	text-decoration: underline;
}
/*VDS-2129*/
.addressTradeChange.mg-lft {
    width: 100%;
    /*margin-left: -6px;*/
	text-decoration: underline;
 }
 .addressAnswerWidth{
 width:90%;
 }
 .readOnlyAddressFieldGI {
      margin-top: -22px !important;
      width: 49%;
      float: right;
      margin-bottom: -5px;
	  margin-left:16px;
  }
.addressQuestion{
	margin-bottom:0px;
}
.afderror {
      border: 0.125rem solid red !important;
  }
 .editAddressCol{
	 width:40% !important;
	 margin-bottom:20px;
 }
 .searchAddressCol{
	 width:60% !important;
	 margin-bottom:20px;
 }
 /* VDS-2690   */
 .optional-extras-heading{
	 padding-top:15px;
	 font-size:14pt !important;
 }
 
@media only screen and (max-width: 415px) {
	 .optional-extras-heading{
		 font-size:13pt !important;
	 }
 } 
 @media only screen and (max-width: 387px) {
	 .optional-extras-heading{
		 font-size:12pt !important;
	 }
 } 
  @media only screen and (max-width: 363px) {
	 .optional-extras-heading{
		 font-size:11pt !important;
	 }
 } 
 
.paperManualLink {
	background: none;        
    border: none;          
    text-decoration: underline; 
    cursor: pointer;       
    padding: 0;             
    font: inherit;          
    outline: none;
	display: inline;
	white-space: normal;
    word-break: break-word; 
	font-weight:bold;
	
}
	
.bgTitleDiv{
    background-image:linear-gradient(to right, #424242 10%, #7a7a7a 60%);
    width:100%;
    height:280px;
    position:relative;
    float:left;
	overflow:visible;
}
.bgTitle{
    margin-top: 70px;
    margin-left: 20px;
    width:15%;
    height:50px;
	padding-left:15px;
    text-align: center;
    color:white;
    background-color: rgb(22, 21, 21);
    padding-top: 12px;
    position:absolute;
    z-index: 9;
   font-family: "MuseoSans";
   font-size: 14px;
   
}
.except_quote_btn{
	font-size:19px !important;
	margin-top:12px !important;
}
.redBgDiv{
    background-image: linear-gradient(to bottom, #FB2134 5%, #ad0921 70%);
    width:53%;
    height: 235px;
    margin-left: 20px;
    margin-top: 95px;
    padding-top: 26px;
    padding-left: 15px;
	padding-right: 15px;
    background-color: red;
    position:relative;
    float:left;
    color:#fff;
    font-family: "MuseoSans";
}
.head1{
font-size:28px;
}
.head2{
font-size:20px;
color:white;
}
.contentLink{
font-size:20px;
color:white;
text-decoration:underline;
}
.contentLink:hover{

color:#87CEFA;
}
.spacer{
	height: 100px;
    background: transparent;
}

@media screen and (max-width: 767px){
    .redBgDiv{        
        margin-top: -35px;        
        padding-top: 38px;
        position: absolute;
		height:230px;
        
    }
    .bgTitle{
        margin-top: 35px;
        width:230px;
        position: relative;
        z-index: 9;
    }
	
    .bgTitleDiv{
        height: 230px;
        background-image: none;
		width:100%;
    }
	
}

@media screen and (max-width: 345px){
	.bgTitle{
        margin-top: 35px;
        width:220px;
        position: relative;
        z-index: 9;
    }
	
}
@media screen and (max-width: 570px){
	.except_quote_btn{
	font-size:16px !important;
}
.redBgDiv{
    width:73%;
}
}
@media screen and (max-width: 485px){
	.redBgDiv{
    
    width:80%;
}	
}
@media screen and (max-width: 322px){
	.except_quote_btn{
	font-size:14px !important;
}
}
.bgTitle_sessionExpired{
    margin-top: 50px;
    margin-left: 20px;
    width:350px;
    height:55px;
	padding-left:15px;
    text-align: center;
    color:white;
    background-color: rgb(22, 21, 21);
    padding-top: 12px;
    position:absolute;
    z-index: 9;
   font-family: "MuseoSans";
   font-size: 14px;
   
}
.redBgDiv_sessionExpired{
	background-image: linear-gradient(to bottom, #FB2134 5%, #ad0921 70%);
    width:75%;
    height: 290px;
    margin-left: 20px;
    margin-top: 95px;
    padding-top: 33px;
    padding-left: 15px;
	padding-right: 25px;
    background-color: red;
    position:relative;
    float:left;
    color:#fff;
    font-family: "MuseoSans";
	
}

.bgTitleDiv_sessionExpired{
    background-image:linear-gradient(to right, #424242 10%, #7a7a7a 60%);
    width:100%;
    height:330px;
    position:relative;
    float:left;
	overflow:visible;
}
@media screen and (max-width: 585px){
	.bgTitleDiv_sessionExpired{
        height: 300px;
        background-image: none;
		width:100%;
    }
	.redBgDiv_sessionExpired{
	    width:80%;
		height:340px;
		position: absolute;
	
}
.bgTitle_sessionExpired{
        width:320px;
    }
}
@media screen and (max-width: 410px){
	.redBgDiv_sessionExpired{
		height:390px;
		position: absolute;
}
.bgTitle_sessionExpired{
        width:270px;
    }

.sessionheader{
	font-size:16px !important;
}	
}
@media screen and (max-width: 337px){
	.redBgDiv_sessionExpired{
		height:410px;
		position: absolute;
	
}
.bgTitle_sessionExpired{
        width:200px !important;
    }

.sessionheader{
	font-size:14px !important;
}
	
}
.view_more {
    font-size: 1.1em; 
    color: #2aa9df;
    text-decoration: underline; 
    cursor: pointer; 
	float:left;
	
}

.view_more:hover {
   color: #2aa9df;
}

.view_more:focus {
    outline: none; 
    border: none; 
}

@media screen and (min-width: 615px) {
   .view_more {
        color: #2aa9df;
        text-decoration: underline;
        cursor: pointer;
        position: relative;
        top: -32px;
		right:0;
    }
	
.toggle-section {
    position: relative;
}

.info_mobileview {
    position: absolute;
    right: 0; 
}
}
@media screen and (min-width:615px) and (max-width: 632px) {
	.view_more {
        font-size: 0.8em;
	}
}
.timertext{
	font-size:35px;
	color:#d91f26

}

@media screen and (max-width: 700px) {
	.timertext {
        font-size: 25px;
	}
	.timercolumn{
		margin-left:10% !important;
}
}
@media screen and (max-width: 550px) {
	.timercolumn{
		margin-left:3% !important;
}
.timerimg{
	height:80px !important;
	width:80px !important;
}
}

@media screen and (max-width: 450px) {
	.timertext {
        font-size: 20px;
	}
	.timercolumn{
		margin-left:1% !important;
}
.timerimg{
	height:70px !important;
	width:70px !important;
	
}
}
@media screen and (max-width: 400px) {
	.timertext {
        font-size: 18px;
	}
	.timerimg{
	height:60px !important;
	width:60px !important;
}
.timercolumn{
		margin-left:0% !important;
}
}
@media screen and (max-width: 340px) {
	.timertext {
        font-size: 15px;
	}
}

.continueSessionbtn{
	margin-left:130px;
}
.endquotebtn {
	margin-left:50px;
}
@media screen and (max-width: 700px) {
	.continueSessionbtn{
	margin-left:50px;
	
}
}

@media screen and (max-width: 566px) {
	.continueSessionbtn, .endquotebtn{
	margin-left:33px !important;
	
}
}
@media screen and (max-width: 480px) {
	.continueSessionbtn,.endquotebtn{
	margin-left:30px !important;
	width:210px !important;
	
}
}
@media screen and (min-width: 481px) and (max-width: 523px) {
	.continueSessionbtn,.endquotebtn{
	margin-left:8px !important;
	
}
}
@media screen and (max-width: 319px) {
	.continueSessionbtn,.endquotebtn{
	margin-left:3px !important;
	width:195px !important;
	
}
}
@media screen and (max-width: 335px) {
	.continueSessionbtn,.endquotebtn{
	margin-left:3px !important;
	width:205px !important;
	
}
}
.discountsection{
	background: #F9FCE7; 
	border-left:6px solid #C2E047;
	padding: 20px 35px 7px 30px;
	
}
.discountWording{
	font-size:18px !important;
}
.discountColheading{
	width:25% !important;
	
}
.discountColContent{
	width:75% !important;
}
.discounthead{
	font-weight:700;
	font-size:18px !important;
}
@media screen and (max-width: 630px) {
	.discountsection{
	padding-left:20px;
	
}
}
@media screen and (min-width: 570px) and (max-width: 629px){
	.discountsection{
	padding-left:15px;
	padding-right:10px;
	
}
}

@media screen and (max-width: 620px) {
	.discountColheading,.discountColContent{
		width:100% !important;
	}
	.discounthead,.discountWording{
		font-size:18px !important;
}
.discountsection{
	padding-left:25px;
}
}
@media screen and (min-width: 753px) and (max-width: 992px){
.discounthead{
	width:97% !important;
}
}