:root {
	--cna-red: rgb(229, 27, 36);
	--cna-blue: rgb(59, 110, 143);
	--cna-grey: rgb(159, 161, 164);
	--cna-black: rgb(77, 77, 79);
}


/*STYLING THE EMPTY SIDES*/
.main-article:before,
.main-article:after {
  content:'';
  width:200px;
  height:1000px;
  position:absolute;
  top:100px;
  z-index:1;
  display:none;
}

.nav > li > a.dropdown-toggle {
  padding-right:25px;
}

@media only screen and (min-width: 768px) {
	.public .main-width {
		width: auto!important;
		padding: 0 calc((100% - 1100px) / 2)!important;
	}
}


.login-space a {
	padding: 0 10px;
	background: #fbb70e;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	margin: 0;
	color: #212121;
	font-weight: bold;
	text-align: center;
}

.login-space {
  margin:0;
  padding:0 0 0 15px;
  float:right;
}

.col-xs-5 .navbar-nav > li > a {
    padding-right: 14px;
}

.col-xs-5 .navbar-nav > li > a {
    font-size: 13px;
}

/*Hiding the promo codes from the front-end*/
body.public #question_PolicyPromoStaffOnly {
	display:none!important;
}

.main-article:before {
  background:url('https://postinsurance.schemeserve.com/documents_formal/ACCOUNT_ID_17923/USEFULDOCUMENT_ID_1298_pets-side.jpg') center center no-repeat;
  background-size:contain;
  left:0;
}

.main-article:after {
  background:url('https://postinsurance.schemeserve.com/documents_formal/ACCOUNT_ID_17923/USEFULDOCUMENT_ID_1297_pets-side-r.jpg') center center no-repeat;
  background-size:contain;
  right:0;
}

@media only screen and (max-width: 1200px) {
  .main-article:before,
  .main-article:after {
    display:none!important;
  }
}

#pages {
	width:740px;
	display:inline-block!important;
}

.pages-sidebar {
	display: inline-block;
    max-width: 220px;
    vertical-align: top;
    margin: 105px 0 0 20px;
}

.pages-sidebar section {
    border: 1px solid #282829;
    padding: 15px;
    margin-bottom: 20px;
}

.pages-sidebar section h3 {
    color: var(--cna-blue);
    margin: 0 0 15px 0;
    font-size: 16px;
}

.pages-sidebar section strong {
    display: block;
    font-size: 13px;
    color: #282829;
}

.pages-sidebar section p {
    font-size: 13px;
    color: #282829;
}

.xol-contact-line img {
    max-width: 16px;
    margin-right: 6px;
}

.xol-contact-line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.xol-contact-line.phone a {
    font-size: 16px;
    color: #282829;
    text-decoration: none;
    padding: 0;
}

.xol-contact-line a {
	color: #282829;
    text-decoration: none;
}

html, body {
	height:auto!important;
}

#thumbnail.content-fill img {
	min-width:100%!important;
	height:auto!important;
}

.navbar-default .navbar-nav > li a {
	background:transparent!important;
}

.col-xs-4 .navbar-nav > li > a {
	font-size:13px;
}

.navbar-nav {
	padding-left:0;
}

.navbar-default ul li i {
    font-size: 13pt;
    right: 10px;
    top: 6px;
    position: absolute;

}

.navbar-default .navbar-nav > li a span {
	font-size: 18px;
    color: #0f532c;
	font-weight:normal;
}

.header-phone span {
	font-size: 24px;
    color: #0f532c;
	font-weight:normal;
}

#getquote_quotedsummary_aspx .SummaryButtons {display:none!important;}

.footer {padding-top:20px;!important;}

#getquote_referredsummary_aspx #ctl00_MainContent_PageTitle {display:none !important;}

#ctl00_MainContent_SummaryDisplay  td:empty{display:none;}

#ctl00_MainContent_SummaryDisplay ul {margin:5px 0;}
/* Quote summary Screen hide procreed button */
/*.SummaryButtons #ctl00_MainContent_btnProceed {display:none}*/
.SummaryButtons #ctl00_MainContent_lnkBack {/*display:none*/ margin-right:5px;}

#ctl00_MainContent_article {
	padding: 50px 0;
	max-width: 1024px;
	margin:0 auto;
}

#getquote_questionspostquote_aspx .question input[type="text"] {
  min-width:350px;
  max-width:350px!important;
}

table .ui-menu ul {padding-left:0;}
body header div.logo {margin:0!important;}
.footer-row {
	padding:75px 0;
	border-top:1px solid #a8a8a8;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#646363+0,302f2f+40,2f2e2e+100 */
background: #646363; /* Old browsers */
background: -moz-linear-gradient(top, #646363 0%, #302f2f 40%, #2f2e2e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #646363 0%,#302f2f 40%,#2f2e2e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #646363 0%,#302f2f 40%,#2f2e2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646363', endColorstr='#2f2e2e',GradientType=0 ); /* IE6-9 */
}

body header div.logo img {
	max-width:none;
}

#MiniBar {
    padding-bottom: 10px;
    background: #3E4141;
    width: 100%;
    text-align: right;
    color: #fff;
}
#MiniBar span a, #MiniBar span a:link, #MiniBar span a:visited, #MiniBar span a:hover {
    color:#fff;
    font-size: 14px;
    text-decoration:none;
    text-transform:uppercase;
}
#MiniBar .link {
    border-right: none;
}

#ctl00_navtop_logo_link {
	padding: 0 !important;
    position:relative;
}
/* #ctl00_navtop_logo_link:before {
    content:"";
    position:absolute;
    border-top: 52px solid #fff;
    border-right: 21px solid transparent;
    left:100%;
    top:0;
    height:100%;
} */
#logo {
    z-index: 10;
    position: relative;
}
#logo a {
    background: #fff;
    float: left;
    padding: 15px;
    margin: -20px;
}
#logo a :after {
    content: '';
    width: 0;
    height: 0;
    border-top: 52px solid #fff;
    border-right: 22px solid transparent;
    position: absolute;
    right: -20px;
    top: 0;
}

#getquote_quickquotesummary_aspx .getquote-ui div.edgy {
  background:transparent;
  padding:0;
}

#getquote_quickquotesummary_aspx table, th, td {
  border:none;
  padding:5px;
}

#siteInfo {display:none;}
#footerBlocks p {font-size:15px;}
.fa {
	font-family: 'FontAwesome'!important;
}

#getquote_agent_aspx .container.main.getquote-ui,
#getquote_direct_aspx .container.main.getquote-ui,
#getquote_referredsummary_aspx .container.main.getquote-ui
 {
	padding-top:50px;
}

.getquote-ui div.edgy input.LookupGetAddress {
	height:30px;
	border-radius:3px;
}

.footer-row .footer-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

input#ConfirmEmail.nocaps.text_input {
	margin-left:0;
}

input#Email.nocaps.text_input {
	margin-left:0!important;
}

.client-contact-name label {
	display:inline-block;
	margin-left:4px;
	vertical-align:top;
}

.CompositeQuestion label {
	display:none;
}

.client-contact-name label input,
.client-contact-name label select
 {max-width:100%;margin:0!important;}

.client-contact-name .title {
	width:80px;
}

.client-contact-name .firstname,
.client-contact-name .surname {
	width:130px;
}

.footer-row .footer-container:first-of-type {
	margin-bottom:100px;
}

.footer-row .footer-column-4 {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
}

.footer-row .footer-column-4 .footer-nav.social-media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.footer-row .footer-text p {
	color:white;
	font-size:13px;
}

.footer-row .footer-text a {
	color:white;
	font-size:13px;
}
.footer-row .footer-text a:hover {
	background:transparent;
}

.footer-row .footer-column-4 .footer-nav.social-media a i {
	font-size:30px;
}

.footer-row .footer-column-4 .footer-nav.social-media a {
	margin-right:10px;
}

.footer-row .footer-column-4 nav a {
    font-size: 16px;
    display: block;
    margin-bottom: 0;
    line-height: 1.5;
    padding: 0;
    text-decoration: none;
}
.footer-row .footer-column-4 nav a:hover {
	background:transparent;
}

.footer-row .footer-column-4 h3 {
	color:rgb(177, 212, 236);
	font-size:20px;
}


@charset "utf-8";
/* CSS Document */
span.char_label.suffix:empty {
	display: none;
}

.SummaryButtons:not(#PageButtonsBottom) {
	padding:0!important;
}

/* Fixing the cutted dropdowns */
li {
	font-size: 14px!important;
}

.info_text li {
	line-height: 1.4;
	margin:3px 0;
}

.form-control {
	padding:0 .75rem!important;
}

#schemeserve_login_aspx {
}

#schemeserve_login_aspx #LogoBox,
#schemeserve_login2fa_aspx #LogoBox {
	width: 360px;
	padding: 30px 0;
	margin: 140px auto 0 auto;
	background: #fff;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

#schemeserve_login_aspx div.login,
#schemeserve_login2fa_aspx div.login {
	margin:0 auto;
	border-color:white!important;
	background: white!important;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

#schemeserve_login_aspx div.login .login_dialog,
#schemeserve_login2fa_aspx div.login .login_dialog {
	background: #fff;
}

/* Hide the cookies */
#cccwr {
	display: none;
}

.hide {
        display:none!important
}

.banner-thumbnail-wrapper {
	padding: 180px 0 155px;
}

#debug {
	display: none;
}

.header {
  background: var(--cna-blue);
	min-height: 55px;
}

.header .header-container {
  width:1024px;
  margin:0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  min-height:55px;
}

.header .logo-wrapper {
  float:left;
  position:relative;
  width: 171px;
  margin-right:30px;
  min-height:55px;
}

/* .header .logo-wrapper:after {
  content: '';
    width: 0;
    height: 0;
    border-top: 55px solid #fff;
    border-right: 21px solid transparent;
    position: absolute;
    right: -21px;
    top: 0;
} */

.header .logo-wrapper a {
  display: block;
	min-height: 55px;
}

.header .logo-wrapper img {
  display: block;
	height: 55px;
}

.header .header-container .xol-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin:0;
  padding:0;
	height: 100%;
}

.header .header-container .xol-menu ul li {
  list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header .header-container .xol-menu ul li:last-child {
  margin-left: 10px;
}

.header .header-container .xol-menu ul li > a {
	padding: 0 10px;
	margin: 0 5px;
	height: 100%;
}

.header .header-container .xol-menu ul li a {
	display: flex;
  color:white;
  text-decoration: none;
	align-items: center;
}

.header .header-container .xol-menu ul li a.logout,
.header .header-container .xol-menu ul li a.logout a {
	background: white;
	color: var(--cna-blue);
	position: relative;
}


.header .header-container .xol-menu ul li a.logout::after {
	content: '';
	width: 0;
	height: 0;
	border-top: 55px solid #fff;
	border-right: 22px solid transparent;
	position: absolute;
	right: -21px;
	top: 0;
}

.website-image {
  display:none;
  height:0px;
  overflow:hidden;
  background:url('https://schemeservelive.blob.core.windows.net/medialib/accounts/account_id_28083/usefuldocuments/usefuldocument_id_1390_scheme-header.jpg') center center no-repeat;
}

body.public nav {
	background: transparent;
}

.row {
	width: auto;
	clear:auto;
}

#ctl00_MainContent_divChooseScheme {
	text-align: center;
}

#ctl00_MainContent_divChooseScheme > div > input {
	margin-right: 0;
}

/* TOP FIXED NAVIGATION */
.as-custom-navbar {
	line-height: 50px;
	background: #212121;
	color:#888888;
	padding:0;
	height: 50px;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 12px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1001;
}

.client-address label {
	text-align: left;
}


#pubs {
	background: url(file:///C|/CityTech/Designs/AdvanceSchemes/img/slider-bar.jpg) center center no-repeat;
}
/*HEADER*/


body {
	background: #fff;
	color: var(--cna-black);
	font-family: 'Arial', sans-serif!important;
	font-size: 10pt !important;
}

body * {
	font-family: 'Arial', sans-serif!important;	
	font-size: 10pt !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Arial', sans-serif!important;	
	color: var(--cna-black) !important;
}

h1 { font-size: 17pt !important; }
h2 { font-size: 15pt !important; }
h3 { font-size: 13pt !important; }
h4 { font-size: 11pt !important; }
h5 { font-size: 11pt !important; }
h6 { font-size: 11pt !important; }


/* Messages on top of the page */
body.public.informational-message {
	/*margin-top: 50px;*/
}

/*body.public.informational-message .MessagingContainer {
	position: fixed;
	top: 0;
	height: 50px;
}*/

body.public article {
	padding: 0;
}

.logo + .deployment {
	display:none;
}

header .logo a {
	padding:0!important;
}

header .logo a img {
	max-height:none;
	padding:0;
}

body header div.login {
	display:none!important;
}

body.public footer {
	border:none!important;
}


#aspnetForm > section {
	position: relative;
	z-index: 2;
}

.mobile-step-counter {
	display: none;
}

.container.main.getquote-ui {
	padding: 0 0 50px 0;
	margin-top: 0;
	z-index: 2;
	background:transparent;
	box-sizing: border-box;
	position:relative;
	width:100%!important;
	max-width:100%;
	padding:0px calc((100% - 980px)/2) 0 calc((100% - 980px)/2);
}

#getquote_questionspostquote_aspx #page_stubs_postquote {
	display: none;
}

.main-section, #ctl00_MainContent_article {
	height:auto;
	min-height:calc(100vh - 218px);
	background: white;
	overflow: hidden;
	width: 100%;
	display: block;
	box-sizing:border-box;
}

.main-article {
	position: relative;
	/*overflow: hidden;*/
}

#getquote_questions_aspx .getquote-ui #ctl00_MainContent_PageTitle,
#getquote_questions_aspx .getquote-ui #ctl00_MainContent_lblSchemeName,
#getquote_questions_aspx .getquote-ui #PageButtonsTop,
#getquote_renewal_aspx .getquote-ui #PageButtonsTop
{
	display: none;
}

#getquote_questions_aspx .getquote-ui #ctl00_MainContent_divGetQuote {
	padding-top: 0;
}

a.help_link {
	margin-top: 2px;
	display: inline-block;
}

#page_stubs {
	float: none;
    display: block;
	width: auto;
    margin: 0 auto;
    padding: 10px 0;
    top: 0;
    left: 0;
}

#pages .question.Radio label.radio {
  background: var(--cna-grey);
    margin: 3px!important;
    padding: 10px 20px;
    color: #fff;
    vertical-align: top;
    width: auto;
    font-weight: bold;
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    z-index: 10;
		cursor: pointer;
		border-radius: 5px !important;
}
#pages .question.Radio label.radio input {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
		cursor: pointer;
		border-radius: 5px !important;
}

#pages .question.Radio label.radio input:checked {
    background: var(--cna-blue);
    color: #fff;
    z-index: -1;
}

a.help_link img {
	height: 14px;
    width: 14px;
}

#page_stubs .decoLine {
    height: 4px;
    position: relative;
    width: auto;
    margin: 0;
    box-sizing: border-box;
    display: block;
    background: #666;
	left:35px;
}

body#getquote_quickquotesummary_aspx #ctl00_MainContent_btnSave[value="Pay Monthly"] {
	/*display:none;*/
}

#page_stubs .stub {
	float:none;
	border:none;
	margin:0;
	width: auto;
	display: inline;
	height: 52px;
	line-height: 52px;
	margin-bottom: 3px;
	overflow: visible;
	background:transparent;
	padding:0 10px;
}

#page_stubs .stub:first-of-type {
	padding-left:0;
}

#page_stubs .stub:after {
    content: '✔';
    font-size: 12px;
    color: white;
    background: #666;
    position: absolute;
    bottom: 0;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    border-radius: 50%;
    left: 50%;
    margin-left: -10px;
    bottom: -30px;
}

#page_stubs .stub.done:after {
	background: var(--cna-blue);
}

#page_stubs .stub img.step-done {
	display:none;
}
#page_stubs .stub.stub_page_Page3:after {
	display: none;
}

#page_stubs .stub .inner {
	display: inline-block;
	padding: 0;
	font-size: 14px;
	color:#282829;
	font-weight:bold;
}

#page_stubs .stub.done .inner {
	color:var(--cna-blue);
}

#page_stubs .stub.selected_stub {
	background: transparent;	
}

#page_stubs .stub.selected_stub .inner {
	font-weight: bold;
	color:#282829;
	
}

.ssstub_error {
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 99;
	transform: translate(-50%, 35px);
}

#ctl00_MainContent_divSetupDirectDebit {

	
}

.PaymentProviderFrameContainer .SagePayWindow {
	width:100%;
	padding:20px;
	background:#fff;
	border:1px solid #ddd;
	border-radius:3px;
}

#pageWrapperLow {background:transparent!important;}

#getquote_fullpayment_aspx .getquote-ui div.edgy {
	padding:0;
	background:transparent;
}

.PaymentProviderFrameContainer {padding:0;}

.getquote-ui div.edgy .columns input + div {
	margin-bottom:20px;
	font-style:italic;
	color:#999;
}

.getquote-ui div.edgy #ctl00_MainContent_divSetupDirectDebit label.gaptop20 {margin-top:20px!important;}

.PaymentOptionsContainer h3 {
	font-size:24px;
	margin:30px 0;
}

.payment-options-container {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:stretch;
	-ms-flex-align:stretch;
	align-items:stretch;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

.payment-options-container .PaymentOption {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient:vertical!important;
	-webkit-box-direction:normal!important;
	-ms-flex-direction:column!important;
	flex-direction:column!important;
	display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
	margin:0 5px;
	background:#fafafa;
	border-radius:3px;
}

.payment-options-container .PaymentOption h3 {
	margin:0 0 20px 0;
	font-size:20px;
}

.getquote-ui .PaymentOptionsContainer .payment-options-container  .PaymentOption .edgy {height:auto;}

.QuestionWarning.SS {
	box-sizing:border-box;
	display: block;
	width:30px;
	height:30px;
	padding: 7px!important;
	position: absolute;
	vertical-align: top;
	top: 50%;
	margin:-15px 0 0 0!important;
	right: 10px;
}

.question > * {
	vertical-align: top;
}

#getquote_referredsummary_aspx .getquote-ui.container.main > h2 {
	display:none;
}

#getquote_referredsummary_aspx .getquote-ui.container.main {padding-bottom:50px;}

#getquote_referredsummary_aspx .getquote-ui.container.main .edgy {
	background:#fff;
}

.question.DvlaLookup .DvlaLookup .Detail {
	padding:5px;
	margin-top:3px;
}

.question.DvlaLookup .DvlaLookup .Registration input.Registration {
	width:calc(100% - 80px)!important;
}

.question.DvlaLookup .DvlaLookup .Registration input[type="button"] {
	height: 45px;
	float:right;
    box-sizing: border-box;
    border-radius: 3px!important;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.3;
	border:none;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 1em;
    padding: 1em 1.5em !important;
    display: block;
    background-color: #50bcbd!important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    -webkit-transition: background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;
    -moz-transition: background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;
    -ms-transition: background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;
    -o-transition: background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;
    transition: background-color .1s 0s ease-in-out,color .1s 0s ease-in-out;
}

.question .question {
	padding:0!important;
	position:inherit;
}

.question.MultiPage .multipagecontroller {
	margin-top: 0;
	padding: 0;
}

.multi-page ul li * {
	margin-left: auto!important;
	padding-left: auto!important;
}

#pages, 
#pages_postquote,
#PageButtonsBottom
{
	display: block;
	margin: 50px 0 0 0;
}

#PageButtonsBottom {
	width:740px;
	padding: 30px 0;
	box-sizing: border-box;
	border-left: none;
	margin-top: 10px;
	position: relative;
	text-align:right;
}


#getquote_questionspostquote_aspx #PageButtonsBottom {
	width: 980px;
}

#pages .selected_page {
	border:none;
	padding: 0;
}

/* Hiding the Save button by default */
.getquote-ui input.rounded.QuestionPage_Save {
	display: none;
}

#ctl00_MainContent_btnSave {
	float: left;
}

.getquote-ui h1 {
	font-size: 24px;
	font-weight: 600;
	color: #212121;
	line-height: 1;
	padding-bottom: 20px;
	margin-bottom: 10px;
	padding-top: 0;
	margin-left: 0;
}

.getquote-ui p,
.getquote-ui ul li
{
	font-size: 16px;
	font-weight: 300;
	color:var(--cna-black);
	line-height: 1.4;
}


/* Checkbox Styles */
input[type=checkbox] + label {
	background: #999;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    z-index: 10;
	left:-16px;
}

input[type=checkbox] {
	opacity:0;
}

input[type=checkbox]:checked + label{
	background:var(--cna-blue);
}


/* RadioButtons Styling */

#pages .question.compositedquestion .text + label.radio {
	margin-top:0!important;
}

#pages .question.YesNo label.radio,
.question.YesNo label.radio,
.question.compositedquestion label.radio
 {
	cursor: pointer;
	background: #999;
	margin: 0 10px 0 0!important;
	padding: 10px 20px;
	color: #fff;
	vertical-align: top!important;
	width: auto!important;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
	display: inline-block!important;
	font-size: 16px;
	line-height: 1;
	z-index: 10;
	border-radius: 5px !important;
}

#pages .question.YesNo label.radio input:checked, 
.question.YesNo label.radio input:checked,
.question.compositedquestion label.radio input:checked
 {
  background:var(--cna-blue);
  z-index:-1;
  color:#fff;
}

.additiona-questions-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  clear:both;
}

.additiona-questions-wrap .question {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  margin-right:5px;
  max-height:122px;
  box-sizing:border-box;
}

.additiona-questions-wrap .question:last-of-type {
  margin-right:0;
}

#getquote_questionspostquote_aspx .additiona-questions-wrap .question input[type="text"],
#getquote_questionspostquote_aspx .additiona-questions-wrap .question select
{
    min-width: 100%;
    max-width: 100%!important;
}

#pages .question.YesNo label.radio input,
.question.YesNo label.radio input,
.question.compositedquestion label.radio input
 {
  top:0;
  left:0;
  bottom:0;
  right:0;
  width:100%;
  height:100%;
  margin:0;
	border-radius: 5px !important;
	cursor: pointer;
}

#pages .question.YesNo label.radio input:checked,
.question.YesNo label.radio input:checked
 {
  border:3px solid var(--cna-blue);
}

input[type=radio] {
	border: none;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

#pages .question .TableControl input[type="text"],
#pages .question .TableControl select
{
	width: 100%;
	max-width: 100%;
}

#pages .question .TableControl .delete, 
#pages .question .TableControl .AddRow
{
	margin-top: 10px;
	display: inline-block;
}

.client-address .ManualAddressLink {
	margin-left:0!important;
}

.question.Spacer {
	display:none;
}

.page h4, .page h5, .page h6 {
	font-size: 15px;
	line-height: 1.4;
}

/* Buttons Styling */

.LookupGetAddress {
	background: #50bcbd;
	border:none;
	height: 32px;
	text-transform: uppercase;
	font-weight: bold;
	color:white!important;
	font-size: 12px;
	padding: 0 15px!important;
	border-radius:3px;
	font-size:10px;
	margin-top: 7px;
}

#AddressLink {
	color:var(--cna-blue)!important;
	text-decoration: underline;
}

.getquote-ui input.rounded,
.rounded,
a.rounded,
.getquote-ui a.rounded,
#ctl00_MainContent_lnkBack,
#ctl00_MainContent_article input[type=button],
#broker_login input[type="submit"],
.LookupGetAddress
{
	font-size:13px;
	letter-spacing:1px;
	box-sizing: border-box;
	height: 40px;
	display: inline-block;
	text-decoration: none;
	line-height: 40px;
	color:white;
	background:var(--cna-grey);
	text-align: center;
	padding:0 40px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius:0px!important;
	font-weight: 900;
	transition: all .3s ease;
	cursor: pointer;
	border-radius: 5px !important;
}

.getquote-ui input.rounded:hover,
.getquote-ui input.rounded:focus,
.rounded:hover,
.rounded:focus,
a.rounded:hover,
a.rounded:focus,
.getquote-ui a.rounded:hover,
.getquote-ui a.rounded:focus,
#ctl00_MainContent_lnkBack:hover,
#ctl00_MainContent_lnkBack:focus,
#ctl00_MainContent_article input[type=button]:hover,
#ctl00_MainContent_article input[type=button]:focus,
#broker_login input[type="submit"]:hover,
#broker_login input[type="submit"]:focus,
.LookupGetAddress:hover,
.LookupGetAddress:focus
{
	color:white !important;
	background:var(--cna-black);
}

.xol-contacts-lines a {
  display:flex;
  align-items:center;
  margin-bottom:10px;
  font-size:18px;
  text-decoration:none;
  font-weight:bold;
}

.xol-contacts-lines a img {
  max-height: 16px;
  max-width:20px;
  margin-right:10px;
}

.xol-contacts-lines a span {
  font-size:18px;
  color:#282829;
}

.QuoteSummaryText .policy_reference {
	color: #fff;
    border: none;
    padding: 8px 15px;
    background: var(--cna-blue);
    display: inline-block;
    clear: both;
}

.getquote-ui input.rounded:hover,
.getquote-ui a.rounded:hover,
#ctl00_MainContent_lnkBack:hover,
#ctl00_MainContent_article input[type=button]:hover
{
	color:#999;
	transition: all .3s ease;
}

.getquote-ui input.rounded.Next,
.getquote-ui a.rounded.Next,
a.rounded.Next,
.getquote-ui input.rounded.QuestionPage_Save,
.getquote-ui input.rounded.QuestionPage_Next,
.getquote-ui a.rounded.QuestionPage_Next,
.getquote-ui .ChooseButton input.rounded,
#ctl00_MainContent_btnViewAccount
{
	background: var(--cna-red);
	color:#fff;
}

.getquote-ui input.rounded.Next:hover,
.getquote-ui a.rounded.Next:hover,
.getquote-ui input.rounded.QuestionPage_Save:hover,
.getquote-ui input.rounded.QuestionPage_Next:hover,
.getquote-ui a.rounded.QuestionPage_Next:hover,
.getquote-ui .ChooseButton input.rounded:hover,
#broker_login .button:hover
{
	background: var(--cna-black);
	color:#fff;
}

/* Buttons Styling */

.postcodeLine .postcodeLabel {
	display: none!important;
}

/* Questions Styling */
.question:not(.MultiPage)
{
	margin-bottom: 5px;
	padding: 10px;
	background: rgba(40, 40, 41, .05)!important;
	border-radius: 0px;
}

.multi-page {
	border-top: 5px solid #f0f0f0;
    border-bottom: 5px solid #f0f0f0;
    padding: 20px 0;
    margin: 10px 0;
}

.question.compositedquestion,
.multi-page-options
{
	margin-bottom: 10px!important;
	margin-left: 0!important;
	padding: 30px!important;
	background: #fafafa;
	border-radius: 3px;
	overflow: hidden;
}

#question_PropertiesMultiPage {
	display: block !important;
}

#question_PropertiesMultiPage_ArethebuildingsofthisPropertytobeinsured_Row1.question.compositedquestion {
	background:transparent;
	padding: 30px 0 !important;
}

#question_PropertiesMultiPage_ArethebuildingsofthisPropertytobeinsured_Row1 .text {
	display:none!important;
}

.multi-page ul li {
	margin: 0!important;
}

ul.multi-page-options {
	line-height: 46px;
}

.getquote-ui .multi-page-question .client-address {
	width: 360px;
}

.multi-page-question .question.compositedquestion {
	padding: 0;
	margin: 0;
	
}


.question:last-of-type {
	margin-bottom: 0;
}

.question.warning .text {
	color:red;
}

#pages .question.warning input[type="text"],
#pages .question.warning select 
{
	border:1px solid red;
}
#pages .question.TableControl {
	padding-top: 30px;	
}

#pages .question.TableControl > .text {
	float: none;
	width: 100%;
	margin-right: 0;
	display: block;
}

.page .question > .text,
#pages .question > .text {    
    font-size: 14px;
    color: #282829;
    margin-bottom: 5px;
    width: 100%;
    display: block;
    font-weight: bold;
}

.page .question > .text {
    margin-bottom:10px;
}

.masthead {
	overflow:hidden;
}

.masthead .cover__shape,
.footer-shape-container .cover__shape
 {
	background: url(https://www.bikspoke.co.uk/wp-content/themes/bikspoke/library/images/backgrounds/shape.svg) top center/cover no-repeat;
	width: 100%;
    position: absolute;
    height: 480px;
    bottom: -230px!important;
    z-index: 2;
    top: auto!important;
}

.footer-shape-container {
	height: 250px;
	position:relative;
	overflow:hidden;
	background:white;
}

.footer-shape-container .cover__shape {
	bottom: -230px!important;
}

#pages .question >.text + *:not(.prefix) {
	width:360px;
	display:inline-block;
	vertical-align:top;
	margin-top:5px!important;
}

#question_Page7_Q1,
#question_OutsideTick,
#question_MixTick {
	width:100%!important;
	box-sizing:border-box;
	float:none;
	font-size:20px;
	vertical-align:top;
}

#getquote_agentregistration_aspx input[type=radio] {
	position:relative;
	min-width:30px;
}

#schemeserve_login_aspx div.login,
#schemeserve_login2fa_aspx div.login {
	box-sizing:border-box;
	width:420px;
}

div.login input.button {
    border: none;
    background: #50bcbd;
    color: white;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 3px;
	cursor:pointer;
}

div.login input.button:hover {
	background:#50bcbd;
}


#getquote_agentregistration_aspx .getquote-ui div.edgy label.indent {
	margin-left:0;
}


#question_Page7_Q1 img,
#question_OutsideTick img,
#question_MixTick img {
	float:left;
	margin-right:30px;
}

#pages .question input[type="text"],
#pages .question input[type="password"],
.getquote-ui div.edgy input[type="text"],
select,
.ui-combobox,
#broker_login input[type="text"],
#broker_login input[type="password"],
#getquote_agentregistration_aspx input[type="password"],
#schemeserve_login_aspx input[type="password"],
#schemeserve_login_aspx input[type="text"],
#schemeserve_login2fa_aspx input[type="password"],
#schemeserve_login2fa_aspx input[type="text"],
input[type="text"],
input[type="password"],
.getquote-ui div.edgy input.password
{
	border-radius: 0px;
	background:white!important;
	border:2px solid #666;
	height: 46px!important;
	padding: 0 10px;
	width: 360px;
	box-sizing: border-box;
	font-size: 13px !important;
}

.question .text_input {
	border-radius: 0px;
	background:white;
	border:2px solid #666;
	padding: 0 10px;
	width: 100%;
	box-sizing: border-box;
}

textarea.warning.blank {
	border: 2px solid #E51B24!important;
}

.question.warning {
    background: rgba(229, 27, 36, .05)!important;
}


.question textarea.text_input {	
	min-height: 150px;
}

#broker_login input[type="text"],
#broker_login input[type="password"]
{
	width: 100%!important;
}

.ui-combobox {
	display: block;
	position: relative;
}

.admdropdown .ui-combobox input {
	width: 100%;
	position: absolute;
	border:none;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 30px 0 10px;
	text-overflow: ellipsis;
}

.admdropdown .ui-combobox .ui-combobox-toggle {
	position: absolute;
	right: 0;
	padding: 0!important;
	height: 46px;
	width: 46px;
	line-height: 46px;
	margin: 0;
	border: none;
}

#pages .question #taxOfficeNumberContainer input[type="text"] {
	width: 50px;
}

#pages .question #ERNContainer input[type="text"] {
	width: 192px;
}


#ctl00_MainContent_Address_txtPostcode {
	width: 250px !important;
}

.SmallTitle.question {
	padding:0;
	background:transparent!important;
}

.SmallTitle.question h5 b {
    font-weight: 600;
}

.question.Title {
	/*padding:0;*/
        /* background:transparent!important; */
}

.question.Title h3{
width:100% !important;
}


.question.Money .char_label.prefix {
	z-index:2;
}

.question.TableControl .AppendMultiId{
	width:100%!important;
	margin-top:30px;
	overflow:auto;
}

.question.TableControl .AppendMultiId #ClaimsDetails_Template {
	min-width:900px;
}

.question.TableControl .AppendMultiId textarea {
  width:100%;
  min-width:200px;
}

.question.TableControl .AppendMultiId #ClaimsDetails_AmountPaid,
.question.TableControl .AppendMultiId #ClaimsDetails_AmountOutstanding {
	min-width:200px;
	max-width:200px;
}

span.char_label.prefix {
	position: absolute;
	height: 46px;
	line-height:46px;
	width: 46px;
	text-align: center;
	margin: 0;
	background: fff;
	border-right: 1px solid #ccc;
}

span.char_label.suffix {
	position: absolute;
	left:315px;
	height: 46px;
	line-height:46px;
	width: 46px;
	top:auto;
	text-align: center;
	margin-top: 6px;
	background: fff;
	border-left: 1px solid #ccc;
}

span.char_label.suffix.distance_label {
	width:80px;
}

span.char_label.prefix + input[type="text"],
span.char_label.prefix + select
{
	padding-left: 60px!important;
}

.TableControl span.char_label.suffix:not(.distance_label) {
	position: absolute;
	height: 44px;
	line-height: 44px;
	left:auto;
	width: 46px;
	text-align: center;
	margin: 1px 0 0 0;
	right: 4px;
	background: #f0f0f0;
	border-left: 1px solid #ccc;
}

.distance_label {
	margin: 12px 0 0 10px;
}

#pages .question .DateDropDown {
	display: inline-block;
	width: 360px;
}

#pages .question .DateDropDown select 
{
	width: 32%;
	margin-right: 6px;
}

#pages .question .DateDropDown select:last-of-type {
	margin-right: 0;
}

#pages .question td .DateDropDown select {
	width: 31%!important;
}

/* Removing the labels from the address line */
#AddressContainer label,
#postcodeLine label
{
	display: none;
}

#question_QualfiyingCriteria {
	margin-bottom: 0;
}

.postcode_input.Postcode {
	margin-left: 0;
}

/* .getquote-ui ul.QuickQuoteSchemesList {
	margin: 15px 0;
	padding: 0;
} */

.getquote-ui div.edgy-table, 
.getquote-ui div.edgy
{
	width: auto;
	border:none;
	border-width:0;
	margin: 20px 0;
	padding: 30px 20px;
	background: #fafafa;
}

/* .getquote-ui ul.QuickQuoteSchemesList li {
	width: 48.9%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	vertical-align: top;
	border: none;
	border-width: 0;
	border-radius: 3px;
	margin: 5px;
	padding: 40px 30px;
	background-size: cover!important;
	background: #212121;
	position: relative;
	box-sizing: border-box;
} */

/* .getquote-ui ul.QuickQuoteSchemesList li:before {
	position: absolute;
	content: '';
	background: rgba(0,0,0,.15);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
} */

/* .getquote-ui ul.QuickQuoteSchemesList li a {
	color:#FFF;
	font-weight: bold;
	font-size:20px;
	text-align: center;
	padding: 0 20px;
	text-transform: uppercase;
	text-shadow: 0 0 20px rgba(0,0,0,.75);
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
} */

/* .getquote-ui ul.QuickQuoteSchemesList li a:hover {
	background: rgba(0,0,0,.5);
	text-decoration: none;
} */

.inline-container {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}
.inline-container .title {
	width: 80px;
}

.inline-container .firstname,
.inline-container .surname {
	width: 135px;
	margin-left: 5px;
}

.inline-container .firstname input,
.inline-container .surname  input{
	width: 100%!important;
	margin: 0 !important;
}

.getquote-ui div.edgy label.subfirstname {
	margin-left: 55px !important;
	width: 183px !important;
}

.getquote-ui .gaptop20 {
	margin-top: 0!important;
	margin-bottom: 10px !important;
}

#ctl00_MainContent_OrganisationName,
#ctl00_MainContent_UserEmailAddress
{
	margin-bottom: 20px;
}

.PaymentOptionsContainer h3 {
	margin-top: 20px;
	font-weight: 500;
}

body.public table {
	width: 100%;
}

body.public table .AdmDropDown-Container {
	display: block;
}

body.public table.AppendMultiId tbody tr td:last-of-type,
body.public table.AppendMultiId tfoot tr td:last-of-type,
body.public table.AppendMultiId thead tr th:last-of-type
{
	width:30px;
	max-width: 30px;
	box-sizing: border-box;
	line-height: 29px;
    text-align: center;
}

#question_IAGREE {
	padding: 25px;
	border-radius: 3px;
	background: #fafafa;
}

#question_IAGREE input[type=checkbox] + label 
{
	font-size:20px;
	margin: 3px 0 0 5px;
}

#ctl00_MainContent_SummaryDisplay {
	font-size:20px!important;
}

.QuickQuoteSchemesList .hidden-scheme {
	/*display: none!important;*/
}

.getquote-ui h2 {
	margin-right: 0!important;
	color:#333!important;
	font-weight:bold!important;
}

.question .text_input {
	max-width:100%!important;
}

.client-address .lookupLink {
	text-align: left!important;
}

.TableControl table tbody tr td {
	position: relative;	
}

.AppendMultiId:not(#AppendMultiId TableControlContainer)
{
	overflow: auto;
}

.AppendMultiId:not(#AppendMultiId TableControlContainer) .TableControl
{
	min-width: 1200px;
}

#pages .question .AppendMultiId .DateDropDown {
	width: 100%;
}

body footer {margin-top:0!important;}

.footer-row .footer-container:last-of-type {
	margin-bottom:0;
}


/* Mobile Styles */
@media only screen and (max-width: 1200px) {
	.footer-row .footer-container {
		width:100%;
	}
}

@media only screen and (max-width: 1024px) {
	.main_nav {
		display: none;
	}
	
	.footer-row .footer-container:first-of-type {
		margin-bottom:50px;
	}
	
	.footer-row .footer-container {
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	
	.footer-row .footer-column-4 {
		min-width:43%;
		padding:0 30px;
		margin-bottom:30px;
	}
	
	.footer-text {
		padding:0 15px;
		width:50%;
	}

	.as-main-menu {
		display: none;
	}
	.mobile-step-counter {
		display: block;
		background: #fafafa;
		padding: 15px 0;
		font-size: 14px;
		text-align: center;
		margin-bottom: 30px;
		color: #999;
		text-transform: uppercase;
	}

	.mobile-step-counter strong {
		color:#212121;
	}
	/* If the body does not have overflow:hidden the scroll does not work */
	body {
		overflow: hidden;
	}
	
	header {
		padding:15px!important;
	}

	body article {
		padding: 0;
	}

	#getquote_questions_aspx .getquote-ui,
	#getquote_agent_aspx .getquote-ui,
	#getquote_quickquotesummary_aspx .getquote-ui,
	#getquote_paymentchoice_aspx .getquote-ui,
	#getquote_oncoversummary_aspx .getquote-ui,
	#getquote_default_aspx .getquote-ui,
	#getquote_client_aspx .getquote-ui,
	#getquote_referredsummary_aspx .getquote-ui,
	#getquote_direct_aspx .getquote-ui,
	#ctl00_MainContent_article
	{
		margin-top:0;
		width:100%;
		max-width:100%;
		border-radius:0;
		padding: 20px;
		box-sizing: border-box;
		overflow: hidden;
	}	
	#page_stubs {
		display:block;
		visibility: hidden;
		height: 1px;
		padding: 0 !important;
	}

	#pages, 
	#pages_postquote, 
	#PageButtonsBottom {
		display: block;
		width: 100%;
		border-left: none;
		margin-left: 0;
		padding-left: 0!important;
	}

	#pages .selected_page {
		padding: 20px 0px!important;
	}

	#PageButtonsBottom {
		margin: 10px 0 0 0;
		padding: 30px 20px 0 20px!important;
	}

	.getquote-ui p,
	.getquote-ui ul li
	{
		font-size: 14px;
	}

	.getquote-ui h2 {
		display: none;
	}

	.getquote-ui h1 {
		text-align: center;
	}

	.getquote-ui .columns {
		display: block;
	}

	.getquote-ui .leftColumn,
	.getquote-ui .rightColumn {
		display: block;
		width: 100%;
	}
	label.sub,
	label.subfirstname,
	label.subsurname
	{
		display: none!important;
	}

	.inline-container .firstname, 
	.inline-container .surname
	{
		margin-left: 0!important;
	}
	.getquote-ui ul.QuickQuoteSchemesList li {
		width: 48.9%;
	}
}

@media only screen and (max-width: 991px) {
	.payment-options-container {
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	
	.payment-options-container .PaymentOption {
		min-width:100%;
		max-width:100%;
		margin:5px 0;
		text-align:center!important;
	}
	
	#pages, 
	#pages_postquote, 
	#PageButtonsBottom {
		margin: 0;
	}
	.AppendMultiId {
		overflow: auto;	
	}
	
	.AppendMultiId > .TableControl {
		min-width: 700px;
	}
	
	#getquote_questionspostquote_aspx .container.main.getquote-ui
	{
		padding:20px!important;
	}
	#pages .question > .text {
		float: none;
		width: 100%;
		margin-right: 0;
		display: block;
	}

	header {
		height:auto;
		padding:30px 0;
	}

	header,
	.big-image
	{
		width: 100%;
	}
	
	.main-image {
		height: 250px;
	}
	
	.main-image h1 {
		font-size: 46px;
    	font-weight: 600;
		letter-spacing:.2px;
	}
	
	.main-image h3 {
		letter-spacing:.2px;
		font-size:16px;
	}

	.container.main.getquote-ui {
		min-width:100%;
	}

	body.public footer {
		width:100%;
		padding:0 20px;
		box-sizing: border-box;
	}

	#pages .selected_page {
		padding:20px 0px!important;
	}

	#PageButtonsBottom {
		padding: 30px 0px 0 0px!important;
	}

}

@media only screen and (max-width: 768px) {
	
	.question.Money .char_label.prefix {
		right:auto;
		left:30px;
	}
	.question > label.radio {
		float:left!important;
		margin-left:0!important;
	}
	label.radio {
		height: auto;
	}
	
	.footer-text {
		width:100%;
	}
	
	.footer-row .footer-column-4 {
		padding:0 15px;
	}
	
	#pages .question > .text + *:not(.prefix) {
		float:none;
	}
	
	table.columns tbody,
	table.columns tr,
	table.columns td
	{
		display: block;
	}
	.getquote-ui .client-address {
		display: block;
	}

	.as-custom-header h1 {
		font-size: 40px!important;
	}

	.as-custom-header h3 {
		font-size: 34px!important;
	}

	/* .getquote-ui ul.QuickQuoteSchemesList li {
		width: 100%!important;
		margin: 5px 0!important;
	} */
}

@media only screen and (max-width: 680px) {
		#question_Page7_Q1 .checkbox.q + label, 
		#question_OutsideTick .checkbox.q + label, 
		#question_MixTick .checkbox.q + label {
			display:block;
			width:100%;
			float:none;
			margin:30px 0!important;
			padding:0;
		}
		#question_Page7_Q1 .checkbox.q + label img, 
		#question_OutsideTick .checkbox.q + label img, 
		#question_MixTick .checkbox.q + label img{
			    float: none;
				display:block;
				margin: 0 auto 15px auto;
		}
}
		#question_Page7_Q1 .checkbox.q, 
		#question_OutsideTick .checkbox.q, 
		#question_MixTick .checkbox.q{
			float:none;
		}
}

@media only screen and (max-width: 600px) {
	body header div.logo {
		float:none!important;
		margin-bottom:50px;
	}
	
}
@media only screen and (max-width: 480px) {
	#thumbnail.content-fill img {
		font-size: 0px!important;
		left: -60%!important;
		top: 0!important;
		width: auto!important;
		height: 100%!important;
		position: relative!important;
	}
	
	.getquote-ui ul li {
		text-align:left;
	}
	
	body header div.logo {
		float:none!important;
		margin-bottom:50px;
	}
	
	.footer-row .footer-column-4 {
		width:100%;
	}
	
	#pages .question > .text + *:not(.prefix) {
		min-width:100%;
		max-width:100%;
	}
	
	.client-contact-name .title,
	.client-contact-name .firstname,
	.client-contact-name .surname
	{
		width:100%;
		margin-bottom:5px;
	}
}

@media only screen and (max-width: 440px) {
	header {
		text-align:center;
	}
	
	header .logo, 
	header .login {
		display:block;
		margin:0 auto;
		text-align:center;
	}
	
	.checkbox.q {
		float: left;
	}
	#pages .question .DateDropDown {
		width: 100%;
	}
	
	#pages .question .DateDropDown select {
		width: 31%!important;
	}
	
	#pages .selected_page {
		padding: 20px 0!important;
		text-align: center;
	}
	
	.getquote-ui .multi-page-question .client-address {
		width: 100%;
	}

	#pages .question input[type="text"], 
	#pages .question input[type="password"], 
	.getquote-ui div.edgy input[type="text"], 
	select, 
	.ui-combobox, 
	#broker_login input[type="text"], 
	#broker_login input[type="password"], 
	#getquote_agentregistration_aspx input[type="password"], 
	#schemeserve_login_aspx input[type="password"], 
	#schemeserve_login_aspx input[type="text"], 
	#schemeserve_login2fa_aspx input[type="password"], 
	#schemeserve_login2fa_aspx input[type="text"], 
	input[type="text"], 
	input[type="password"], 
	.getquote-ui div.edgy input.password
	{
		width: 100% !important;
		margin-bottom: 5px!important;

	}
	#ctlTaxOfficeNumber {
		margin-bottom: 10px;
	}
}

/* Admin part fixes */
#schemeserve_admin_website_aspx div#logo,
.menu_private_right,
#topBar
		{
	box-sizing: content-box;
}

#schemeserve_admin_website_aspx .IconTitleRow td.Icon {
	max-width: none;	
}

@media only screen and (max-width: 480px) {
	.text {
		margin-bottom:20px;
	}
	.inline-container .firstname, .inline-container .surname {
		width:100%;margin-bottom:0!important;
	}
	#ctl00_MainContent_SummaryDisplay table tr:nth-child(4) td:nth-child(1) span span:nth-child(2) {
		font-size: 22px!important;
		padding: 0 20px;
		height: 100%;
		width: 100%;
		display: block;
		line-height: 1.3;
		box-sizing: border-box;
	}
	.getquote-ui ul li {
		text-align:left;
	}
	
	.footer-row .footer-column-4 {
		width:100%;
	}
	
	#pages .question > .text + *:not(.prefix) {
		min-width:100%;
		max-width:100%;
	}
	
	.client-contact-name .title,
	.client-contact-name .firstname,
	.client-contact-name .surname
	{
		width:100%;
		margin-bottom:5px;
	}
	#getquote_quickquotesummary_aspx .SummaryButtons > * {
	  display:block;
	  text-align:center;
	  width: 100%;
	  margin-bottom:10px;
	}

	#getquote_quickquotesummary_aspx .SummaryButtons .proceed-button-wrapper input {width:100%;}
}

@supports (-webkit-overflow-scrolling: touch) {
  min-width: 0px;
}

.navbar-collapse .navbar-nav {
	margin-top:10px!important;
}

.navbar-right {
	padding-bottom:26px!important;
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
	margin:8px 0px -23px 0px!important;
}

/*IE ONLY STYLES*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#pages .question.YesNo label.radio, 
	.question.YesNo label.radio,
	#pages .question.Radio label.radio	{
		background:transparent;
		color:#333;
		padding:0 0 0 24px;
	}
	
     #pages .question.YesNo label.radio input:checked, 
	 .question.YesNo label.radio input:checked,
	#pages .question.Radio label.radio input:checked	 {
			border:none;
	 }
	 
	 #pages .question.YesNo label.radio input:checked, 
	 .question.YesNo label.radio input:checked,
#pages .question.Radio label.radio input:checked	 {
			background:transparent;
			color:#333;
			z-index:auto;
	 }
	 
	 #pages .question.YesNo label.radio input, 
	 .question.YesNo label.radio input,
	#pages .question.Radio label.radio input	 {
		 width:auto;
		 height:auto;
	 }
	 
}

.question.TableControl #Territories_Template.AppendMultiId {
  overflow:hidden;
}


.question.TableControl #Territories_Template.AppendMultiId td .char_label.suffix {
  right:1;
  left:auto;
  height:42px;
  top:1px;
}

.xol-text-after-quotes {
	align-items: center;
	display: inline-flex;
	padding: 0 60px;
	border: 2px solid var(--cna-blue);
	border-radius: 5px;
	text-decoration: none;
	color: var(--cna-blue) !important;
	font-size: 16px !important;
	font-weight: normal !important;
	height: 60px;
	background: transparent;
	line-height: 60px;
	margin: 0 0 150px 0;
	cursor: pointer;
	text-transform: uppercase;
}

.xol-text-after-quotes:hover {
	color: white !important;
	background: var(--cna-blue);
}

.xol-text-after-quotes a,
.xol-text-after-quotes a:hover,
.xol-text-after-quotes a:active,
.xol-text-after-quotes a:focus,
.xol-text-after-quotes a:visited {
  color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	padding: 0 6px !important;
	text-decoration: none !important;
}

.xol-text-above-quotes {
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-top:100px;
}

.xol-text-above-quotes h2,
.xol-text-above-quotes h3,
.xol-text-above-quotes h4
{
  margin:10px 0!important;
  color:var(--cna-black) !important;
}

.xol-text-above-quotes h2 {
  font-size:30px;
}

.xol-text-above-quotes h3 {
  font-weight: normal !important;
}

.xol-text-above-quotes h4 {
  font-weight:300;
}

.xol-text-above-quotes h4 a {
	font-size:14px;
}

#ctl00_MainContent_SchemesList  {
	display:flex;
	align-items:center;
}

/* #ctl00_MainContent_SchemesList > li {
	background: var(--cna-blue);
	border: 0;
	color: white
}

#ctl00_MainContent_SchemesList > li > a {
	text-shadow:none;
	background: var(--cna-blue);
	color:white;
	font-size: 20px !important;
} */


/*----------sliders----------*/
.range {
  position: relative;
  width: 100%!important;
  max-width: 550px!important;
  height: 5px;
  margin-bottom:30px;
}

.range input {
  width: 100%;
  max-width: 550px;
  top: 2px;
  height: 10px;
  -webkit-appearance: none;
}
.range input::-webkit-slider-thumb {
  -webkit-appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0;
  border-radius: 9px;
  background: var(--cna-blue);
  cursor: pointer;
  border: 0 !important;
  z-index: 10;
}
.range input::-moz-range-thumb {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0;
  border-radius: 9px;
  background: var(--cna-blue);
  cursor: pointer;
  border: 0 !important;
  z-index: 10;
}
.range input::-ms-thumb {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0;
  border-radius: 9px;
  background: var(--cna-blue);
  cursor: pointer;
  border: 0 !important;
  z-index: 10;
}
.range input::-webkit-slider-runnable-track {
  width: 100%;
  height: 22px;
  cursor: pointer;
  background: white;
  -webkit-box-shadow: inset 0 4px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 4px 5px 2px rgba(0, 0, 0, 0.2);
  border-radius: 11px;
  border: 1px solid black;
}
.range input::-moz-range-track {
  width: 100%;
  height: 22px;
  cursor: pointer;
  background: white;
  -webkit-box-shadow: inset 0 4px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 4px 5px 2px rgba(0, 0, 0, 0.2);
  border-radius: 11px;
  border: 1px solid black;
}
.range input::-ms-track {
  width: 100%;
  height: 22px;
  cursor: pointer;
  background: white;
  -webkit-box-shadow: inset 0 4px 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 4px 5px 2px rgba(0, 0, 0, 0.2);
  border-radius: 11px;
  border: 1px solid black;
}
.range input:focus {
  background: none;
  outline: none;
}
.range input::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.range-labels {
  width: auto;
  max-width: 550px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-content: space-between;
}
.range-labels li {
  position: relative;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  padding: 0;
  margin: 0 auto;
}
.range-labels li:first-child {
  margin-left: 0;
  /* margin-right:35px; */
}
.range-labels li:last-child {
  margin-right: 0;
}
.range-labels .active.selected::before {
  display: none;
}
output { 
  position: absolute;
  text-align: center; 
  color: black; 
  border-radius: 10px; 
  display: inline-block; 
  bottom: 175%;
  left: 0;
  margin-left: -2px;
}
output:after { 
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid var(--cna-blue);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 100%;
  left: 50%;
  margin-left: 10px;
  margin-top: -1px;
}
output span {
    position: absolute;
    top: -20px;
    left: 0px;
}

div.rangeinput{
margin-top: 30px;
}

textarea {
	font-size:13px!important;
}

.buttons-row {
  text-align:center;
  margin-top:30px;
}

.buttons-row a{
  margin:0 5px;
}

#pages .question.MultiPage .AppendMultiId {
  width:100%;
}

.home-btn,
#broker_login input.button {
  display:inline-block;
  padding:10px 25px;
  border:2px solid var(--cna-blue);
  text-decoration:none;
  color:var(--cna-blue)!important;
  font-size:16px;
  font-weight:bold;
  background:transparent;
  line-height:1;
}

.home-btn:hover,
#broker_login input.button:hover {
	background:var(--cna-blue);
	color:#fff!important;
}

#getquote_questions_aspx div.artificiallyHidden,
#getquote_adjustment_aspx div.artificiallyHidden,
.artificiallyHidden {
    display:none;
    opacity:0;
    overflow:hidden;
    height:0px;
}

/* Temporarily hidden due to: https://adm.zendesk.com/agent/tickets/31566 */
/* #getquote_client_aspx .getquote-ui.container.main,
#getquote_paymentchoice_aspx .payment-options-container {
	opacity:0;
}
#questionspostquote.aspx
{
main-article
} */


/* Temporarily hidden due to: https://adm.zendesk.com/agent/tickets/31603 */
/*----------page hides----------*/
/* form[action*="client.aspx"] .getquote-ui,
form[action*="Client.aspx"] .getquote-ui,
form[action*="paymentchoice.aspx"] .getquote-ui {
              opacity:0;
} */

form[action*="oncoversummary.aspx"] #ctl00_MainContent_SummaryDefault p.big:nth-of-type(1) {
	display:none;
}

/*
 * Companies House API Search/Dropdown
 */
 #CompanyNameCompanyNumber {
  position: relative;
  z-index: 2;
}

.js-api-results {
  background: white;
	border: 2px solid #275DC5;
	display: none;
	left: 10px;
	max-height: 200px;
	overflow: auto;
	position: absolute;
	top: calc(100% - 17px);
	z-index: 2;
	box-sizing: border-box;
}

@media only screen and (min-width: 441px) {
  .js-api-results {
    top: calc(100% - 12px);
  }
}

.js-api-results.is-active {
  display: block;
}

.js-api-results .js-api-results-placeholder,
.js-api-results .js-api-results-loading,
.js-api-results .js-api-results-items,
.js-api-results .js-api-results-no-items {
  display: none;
}

.js-api-results .js-api-results-placeholder,
.js-api-results .js-api-results-loading,
.js-api-results .js-api-results-no-items {
  padding: 10px;
}

.js-api-results .js-api-results-items {
  padding: 5px 0;
}

.js-api-results .js-api-results-placeholder.is-active,
.js-api-results .js-api-results-loading.is-active,
.js-api-results .js-api-results-items.is-active,
.js-api-results .js-api-results-no-items.is-active {
  display: block;
}

.js-api-results .js-api-results-item {
  white-space: nowrap;
  overflow: hidden;
  padding: 5px 10px;
  text-overflow: ellipsis;
}

.js-api-results .js-api-results-item:hover {
  background: var(--cna-blue);
  color: #fff;
  cursor: pointer;
}

/*
 * Transit Limits text width fix.
 */
#question_StandardH h5 {
	width: 100% !important;
}

/*
 * Scrollable tooltips.
 */
.help_text {
	max-height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
}

/*
 * Scrollable tooltips.
 */
.AddRow:not(.AddPageButton) {
	font-size: 16px;
	display: block;
	padding: 10px 0 20px;
}

/* 2fa */
#ctl00_MainContent_RememberMe {
  opacity: 1 !important;
}

#broker_login h2 {
  color: var(--cna-black);
  font-size: 10pt !important;
}

#broker_login h2 span {
	font-weight: normal !important;
  font-size: 8pt !important;
}

#broker_login .help ul {
  margin-left: 0;
}

#broker_login .help ul li {
  list-style-type: none;
}

#broker_login .help li strong {
  display: none;
}

#broker_login .help li a {
  color: var(--cna-blue);
}

.getquote-ui ul.QuickQuoteSchemesList {
	margin: 40px auto !important;
	padding: 0 !important;
	max-width: 600px !important;
}

.getquote-ui ul.QuickQuoteSchemesList li {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 50% !important;
}

.getquote-ui ul.QuickQuoteSchemesList li a {
	font-size: 16px !important;
	letter-spacing: 1px;
	box-sizing: border-box;
	height: 60px;
	display: inline-block;
	text-decoration: none;
	line-height: 60px;
	color: white;
	background: var(--cna-blue);
	text-align: center;
	padding: 0 60px;
	font-weight: normal !important;
	text-transform: uppercase;
	border-radius: 5px !important;
	font-weight: 900;
	transition: all .3s ease;
	cursor: pointer;
	text-decoration: none;
}

.getquote-ui ul.QuickQuoteSchemesList li a:hover,
.getquote-ui ul.QuickQuoteSchemesList li a:focus {
	background: var(--cna-blue);
	text-decoration: none;
}

#ctl00_MainContent_article a {
	font-size: inherit !important;
	padding: 0;
}

#ctl00_MainContent_article .page-button {
	font-size: 15px !important;
	letter-spacing: 1px;
	box-sizing: border-box;
	height: 46px;
	display: inline-block;
	text-decoration: none;
	line-height: 46px;
	color: white !important;
	background: var(--cna-blue);
	text-align: center;
	padding: 0 30px;
	font-weight: normal !important;
	text-transform: uppercase;
	border-radius: 5px !important;
	font-weight: 900;
	transition: all 0.3s ease;
	cursor: pointer;
	text-decoration: none;
	margin: 0 0 20px 0;
}

#ctl00_MainContent_article p {
	font-size: 11pt !important;
}

#ctl00_MainContent_article h1 {
	font-size: 17pt !important;
}

#ctl00_MainContent_article h3 {
	font-size: 16pt !important;
}

#ctl00_MainContent_article h3 {
	font-size: 15pt !important;
}

#ctl00_MainContent_article h4 {
	font-size: 14pt !important;
}

#ctl00_MainContent_article h5 {
	font-size: 13pt !important;
}

#ctl00_MainContent_article h6 {
	font-size: 12pt !important;
}

#ctl00_MainContent_article hr {
  border: 0 !important;
	margin: 20px 0 !important;
}

#ctl00_MainContent_article ul {
	margin: 20px 0 !important;
}

#ctl00_MainContent_article ul li {
	font-size: 11pt !important;
}

#notification-banner-root .toggle__content__corner_left,
#notification-banner-root .toggle__content__corner_right {
	display: none !important;
}

#notification-banner-root .bottom_line {
	background: transparent !important;
}