@font-face {
        font-family: "Allianz-Icons";
        font-style: normal;
        font-weight: normal;
        src: url("/site-resources/StarRating/$File/Allianz-Icons.eot");
        src: url("/site-resources/StarRating/$File/Allianz-Icons.woff") format("woff"), url("/site-resources/StarRating/$File/Allianz-Icons.ttf") format("truetype"), url("/site-resources/StarRating/$File/Allianz-Icons.eot?#iefix") format("embedded-opentype"), url('/site-resources/StarRating/$File/Allianz-Icons.svg#last(str-split("/site-resources/StarRating/$File/Allianz-Icons", "/"))') format("svg");
    }
    
html {
  scroll-behavior: smooth;
}
#pagebody {background-color: #FFFFFF;}
input, .input-field > label {color: #003781}
#submitbutton {border-color: #00908D;background-color: #00908D;}
h3 {
	padding-bottom: 20px;
}
OLD_b {
	font-family: 'AllianzSansBold';
}
.contactUsInfoPanelWrapper .contactClear {
	clear: both;
}
body .contactUsInfoPanelWrapper,
.contactUsInfoPanelWrapper .contactUsInfoPanel {
	background-color: white;
	display: none;
}
body.displayInfoWrapper .contactUsInfoPanelWrapper {
	display: inline-block;
	display: block;
}
body.displayInfoWrapperProduct .contactUsInfoPanelWrapper .contactUsInfoPanel.quote {
	display: inline-block
}
body.claim .contactUsInfoPanelWrapper .contactUsInfoPanel.claim {
	display: inline-block
}
body.existing .contactUsInfoPanelWrapper .contactUsInfoPanel.existing {
	display: inline-block
}
body .contactUsInfoPanelWrapper,
body .contactFormWrapper {
	 font-family: "Allianz Neo",sans-serif;
	color: #000000;
}
.contactUsInfoPanelWrapper a {
	text-decoration: none;
	color: inherit;
}
.contactUsInfoPanel a:hover {
	text-decoration: underline;
}
.contactUsInfoPanel div {
	background-color: white;
}
.contactUsInfoPanel {
	padding: 20px;
}
.contactUsInfoPanel .wrapper {
	padding: 5px;
	margin-bottom: 10px;
}
.contactUsInfoPanel div {
	background-color: white;
	display: block;
	overflow: auto;
}
.contactUsInfoPanel .getAQuoteText,
.contactUsInfoPanel .startClaimText {
	width: 200px;
}
.contactUsInfoPanel .headerText {
	font-size: 15px;
}
.contactUsInfoPanel .bigText {
	font-size: 30px;
	margin-bottom: 5px;
}
.contactUsInfoPanel .raquoText {
	font-size: 22px;
}
.contactUsInfoPanel .subTitle {
	font-size: 22px;
	clear: both;
	margin: 40px 0 20px 0;
}
.contactUsInfoPanel .infoSmallText {
	font-size: 11px;
}
.contactUsInfoPanel .withIcon > div,
.span3 .withIcon > div {
	float: left;
}
.span3 .withIcon > div.facebookAvaliableText {
	width: 108px;
}
.col-sm-3 .icon,
.col-sm-9 .icon {
	background: url('/images/internet/aalaus/backgrounds/contactus-icons-sprite5.png') no-repeat top left;
	width: 65px;
	height: 65px;
	margin-right: 10px;
}
.contactUsInfoPanel .speakWithUsIcon {
	/* ContactUs */
	background-position: 0 -280px;
}
body.other .contactUsInfoPanel .speakWithUsIcon {
	/* ContactUs */
	background-position: 0 -280px;
}
.contactUsInfoPanel .quoteIcon {
	background-position: 0 -1400px;
}
.contactUsInfoPanel .askAllieIcon {
	background-position: 0 0;
}
.contactUsInfoPanel .visitOurIcon {
	/* VisitProductPage */
	background-position: 0px -1750px;
}
.contactUsInfoPanel .retrieveQuoteIcon {
	/* RetrieveSavedQuote */
	background-position: 0 -1540px;
}
.contactUsInfoPanel .enquireIcon {
	/* EnquireOnline */
	background-position: 0px -490px;
}
.contactUsInfoPanel .startClaimIcon {
	/* Claim */
	background-position: 0px -210px;
}
.contactUsInfoPanel .managePolicyIcon {
	/* myAllianz */
	background-position: 0 -1260px;
}
.contactUsInfoPanel .onlinePaymentIcon {
	/* MakeAPaymentOnline */
	background-position: 0 -1120px;
}
.contactUsInfoPanel .reportFraudWrapper .enquireIcon {
	background-position: 0 -1470px;
}
.emergencymedical .contactUsInfoPanel .speakWithUsWrapper .speakWithUsIcon {
	background-position: 0 -1960px;
}
.emergencymedical .contactUsInfoPanel .speakWithUsSecondaryWrapper .speakWithUsIcon {
	background-position: 0 -1890px;
}
body.other .contactUsInfoPanel .speakWithUsSecondaryWrapper .speakWithUsIcon {
	background-position: 0 -1960px;
}
.col-sm-3 .facebookAvailableIcon {
	background-position: 0 -630px;
}
.complaints-resolution-message {
	display: none;
}
.displayContactForm.reason-Complaint .complaints-resolution-message {
	display: table-row;
}
@media all and (max-width: 768px) {
  #contact-us {
     margin:15px;
   }
}
/********************************************************************************************************/
/******************* Arrow headers, taken from common-responsive.css  **********************/
/********************************************************************************************************/
#contact-us > div.arrow-button-header {
	height: 42px;
	margin-top: 30px;
}
#contact-us > div.arrow-button-header > div.arrow-button {
	color: #013485;
	cursor: pointer;
	background: #fefefe;
	background: -moz-linear-gradient(top, #fefefe 0%, #dfdfdf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #dfdfdf));
	background: -webkit-linear-gradient(top, #fefefe 0%, #dfdfdf 100%);
	background: -o-linear-gradient(top, #fefefe 0%, #dfdfdf 100%);
	background: -ms-linear-gradient(top, #fefefe 0%, #dfdfdf 100%);
	background: linear-gradient(to bottom, #fefefe 0%, #dfdfdf 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dfdfdf', GradientType=0);
	float: left;
	font-size: 16px;
	border: 1px solid #CDCDCD;
	line-height: 40px;
	padding: 0 15px;
	margin-right: 12px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.5) inset, 0px -1px 0px rgba(255, 255, 255, 0.2) inset;
	border-radius: 2px;
}
#contact-us > div.arrow-button-header > div.arrow-button-message {
	line-height: 40px;
	margin-left: 50px;
	border: 1px solid #D5D5D5;
	border-left: none;
	 font-family: "Allianz Neo",sans-serif;
	font-size: 16px;
}
#contact-us > div.arrow-button-header > div.arrow-button > span {
	background-image: url('/images/internet/aalaus/backgrounds/arrow.png');
	background-repeat: no-repeat;
	background-position: right;
	 font-family: "Allianz Neo",sans-serif;
	padding-right: 30px;
}
/* .arrow-contents {
	width:623px;
} */
#contact-us > div.arrow-button-header > div.arrow-contents {
	padding: 20px;
	background-color: #FFF;
	display: none;
	position: absolute;
	z-index: 10;
	border: 1px solid #D5D5D5;
	border-top: none;
	box-shadow: 1px 1px 3px #aaa;
	width: 90%;
	max-width: 800px;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons {
	clear: both;
	margin-bottom: 10px;
	overflow: auto;
	padding: 0;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li {
	cursor: pointer;
	float: left;
	margin-right: 20px;
	vertical-align: top;
	width: 280px;
	border: solid 1px #bbbbbb;
	margin: 5px;
	list-style-type: none;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li.last {
	margin-right: 0;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li:hover,
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li.active {
	background-position: 0 -44px;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li a {
	background: url('/images/internet/aalaus/backgrounds/contactus-icons-sprite5-small.png') no-repeat top left;
	background-repeat: no-repeat;
	background-position: 11px 1px;
	color: #444;
	display: block;
	 font-family: "Allianz Neo",sans-serif;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	padding-left: 60px;
	text-decoration: none;
	font-weight: normal;
	margin: 2px 0;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li a.helpQuote {
	background-position: 0 -740px;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li a.helpExistingPolicy {
	background-position: 0 -296px;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li a.helpFeedback {
	background-position: 5px -370px;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li a.helpRoadside {
	background-position: 3px -851px;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li a.helpClaim {
	background-position: 3px -111px;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li a.helpOther {
	background-position: 0 -703px;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li a.helpEmergency {
	background-position: 3px -222px;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li a.productCar {
	background-position: 4px -74px;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li a.productHome {
	background-position: 3px -407px;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li a.productTravel {
	background-position: 3px -888px;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li a.productLife {
	background-position: 3px -481px;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li a.productCTP {
	background-position: 5px -185px;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li a.productLandlord {
	background-position: 3px -444px;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li a.productBusiness {
	background-position: 5px -37px;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li a.productWC {
	background-position: 5px -962px;
}
#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li a.productLoan {
	background-position: 3px -518px;
}
.col-sm-3 .facebookAvailableWrapper .facebookAvailableIcon {
	background: url('/images/internet/aalaus/backgrounds/contactus-icons-sprite5-small.png') no-repeat top left;
	background-position: 0 -333px;
	height: 32px;
	width: 32px;
	float: left;
}
.col-sm-3 .facebookAvailableWrapper .facebookAvailableText {
	font-size: 11px;
	float: left;
	width: 140px;
}
#contact-us .clearBothMobile {
	display: none;
}
td .doubleRadioColWrapper > div {
	width: 182px;
	float: left;
	margin-bottom: 5px
}
td .formLabelVertical {
	font-size: 75%;
	font-weight: bold;
	display: none;
}
td .fullSizeInput {
	width: 98%;
}
.contactUsTable {
	display: none;
	width: 95%;
}
.contactUsTable .header {
	font-family: "AllianzSansBold";
}
.contactUsTable .contact-label,
.contactUsTable .contact-data {
	 font-family: "Allianz Neo",sans-serif;
	background-color: #e8efff;
	padding: 5px;
	border: 1px solid white;
}
.contactUsTable .contact-label {
	width: 140px;
}
/* .collapse-header {
	border-top
} */
.ask-allie-contactus-wrapper {
	display: none;
}
.submitaclaim-contactus-wrapper {
	display: none;
}
/* .column-wrapper .collapse-header:last-of-type, .col-nested-4 .col-sm-3:last-of-type .collapse-header, .column-wrapper .collapse-content:last-of-type, .col-nested-4 .col-sm-3:last-of-type .collapse-content {
    border-bottom: none !important;
} */
#contact-us-desktop .formLabelColumn {
	text-align: left;
	border-right: none !important;
}
#contact-us-desktop .formDataColumn {
	border-left: none !important;
}
/* Desktop stuff */
@media all and (min-width: 769px) {
	/*
	body.other .contactUsInfoPanel .speakWithUsWrapper .speakWithUsText .infoSmallText, body.other .contactUsInfoPanel .reportFraudWrapper .enquireText .infoSmallText, body.other .contactUsInfoPanel .enquireWrapper .enquireText .infoSmallText {
		float: right;
	} 
*/
	#contact-us {
		min-height: 290px;
	}
}
.btn {
	box-shadow: none;
}
.btn.btn-default.btn-blue-fill {
	background-color: #007AB3;
	border-color: #007AB3;
	color: #ffffff;
            box-shadow: none;
            -webkit-box-shadow: none;
            text-decoration: none;
}
.border-box {
	padding: 15px;
}
.boxed-content {
	padding: 0px;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.boxed-content img {
	height: 86px;
	width: 86px;
	margin: 0 auto;
}
.border-box h3 {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 30px;
}
.contact-us {
	margin-top: auto;
}
@media all and (max-width: 768px) {
	.ask-allie-contactus-wrapper,
	.submitaclaim-contactus-wrapper {
		display: block;
	}
	.ask-allie-contactus-wrapper .collapse-header,
	.submitaclaim-contactus-wrapper .collapse-header {
		border-bottom: none !important;
	}
	.contactUsTable {
		display: block;
	}
	.contactUsAddressesSidebar {
		display: none;
	}
	.clear.selectProductBR {
		display: none;
	}
	div.container p {
		font-size: 14px;
		line-height: 20px;
	}
	.promo-column-content {
		text-align: center;
	}
	#contact-us > div.arrow-button-header > div.arrow-button {
		color: black;
		line-height: 1.428571429;
		border: none;
		background: none;
		box-shadow: none;
		font-size: 12px;
		padding-right: 0;
		padding-left: 2px;
		margin-right: 2px;
		margin-top: 5px;
	}
	#contact-us > div.arrow-button-header > div.arrow-contents {
		padding: 4px;
	}
	#contact-us > div.arrow-button-header > div.arrow-button > span {
		background-image: none;
		padding-right: 0;
		display: block;
	}
	#contact-us > div.arrow-button-header > div.arrow-button > span:after {
		content: ":";
	}
	#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li {
		width: 49%;
		margin: 2px 2px 2px 0;
	}
	#selectYourProduct {
		margin-top: 10px;
	}
	#contact-us > div.arrow-button-header {
		height: 30px;
		float: none !important;
		color: black;
		cursor: pointer;
		background: #fefefe;
		background: -moz-linear-gradient(top, #fefefe 0%, #dfdfdf 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #dfdfdf));
		background: -webkit-linear-gradient(top, #fefefe 0%, #dfdfdf 100%);
		background: -o-linear-gradient(top, #fefefe 0%, #dfdfdf 100%);
		background: -ms-linear-gradient(top, #fefefe 0%, #dfdfdf 100%);
		background: linear-gradient(to bottom, #fefefe 0%, #dfdfdf 100%);
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dfdfdf', GradientType=0);
		float: left;
		font-size: 14px;
		border: 1px solid #CDCDCD;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.5) inset, 0px -1px 0px rgba(255, 255, 255, 0.2) inset;
		border-radius: 2px;
		padding-right: 2px;
		width: 95%;
	}
	#contact-us > div.arrow-button-header > div.arrow-button-message {
		line-height: 1.428571429;
		border: none;
		float: left;
		margin-left: 0;
		font-size: 12px;
		margin-top: 5px;
	}
	div.arrow-button-header .caret {
		display: block;
		float: right;
		margin-top: 7px;
	}
	#contact-us .clearBothMobile {
		display: block;
		clear: both;
	}
	#contact-us > div.arrow-button-header > div.arrow-contents {
		/*	width: 294px; */
		margin-top: 2px;
	}
}
@media all and (max-width: 630px) {
	#contact-us > div.arrow-button-header > div.arrow-contents > ul.select-buttons > li {
		width: 99%;
		float: none;
		margin: 5px 0 0 3px;
	}
	td .doubleRadioColWrapper > div {
		width: 98%;
	}
	.relatingToRadioSecondColDiv {
		margin-top: -7px;
	}
}
@media all and (max-width: 480px) {
	.col-sm-3 .icon,
	.col-sm-9 .icon {
		background: url('/images/internet/aalaus/backgrounds/contactus-icons-sprite5-small.png') no-repeat top left;
		font-size: 14px;
		height: 32px;
		width: 32px;
		line-height: 31px;
		margin-top: 15px;
	}
	#contact-us-desktop .formLabelColumn {
		display: none;
	}
	td .formLabelVertical {
		display: block;
	}
	.contactUsInfoPanel .textWrapper {
		float: none !important;
		margin-left: 50px;
		width: 220px !important;
	}
	.contactUsInfoPanel .headerText {
		font-size: 13px;
	}
	.contactUsInfoPanel .bigText {
		font-size: 22px;
		margin-bottom: 2px;
	}
	.contactUsInfoPanel .infoSmallText {
		font-size: 10px;
	}
	.contactUsInfoPanel {
		padding: 10px;
	}
	.contactUsInfoPanel .wrapper {
		padding: 5px;
		margin-bottom: 5px;
	}
	body .contactUsInfoPanel .withIcon .textWrapper {
		margin-top: 0;
	}
	.contactUsInfoPanel .subTitle {
		font-size: 17px;
	}
	.contactUsInfoPanel .withIcon .textSingle {
		margin-top: 25px;
	}
	.contactUsInfoPanel .speakWithUsIcon {
		background-position: 0 -148px;
	}
	body.other .contactUsInfoPanel .speakWithUsIcon {
		background-position: 0 -148px;
	}
	.contactUsInfoPanel .quoteIcon {
		background-position: 0 -740px;
	}
	.contactUsInfoPanel .askAllieIcon {
		background-position: 0 1px;
	}
	.contactUsInfoPanel .visitOurIcon {
		background-position: 0 -925px;
	}
	.contactUsInfoPanel .retrieveQuoteIcon {
		background-position: 0 -814px;
	}
	.contactUsInfoPanel .enquireIcon {
		background-position: 0 -259px;
	}
	.contactUsInfoPanel .startClaimIcon {
		background-position: 0 -111px;
	}
	.contactUsInfoPanel .managePolicyIcon {
		/* myAllianz */
		background-position: 0 -666px;
	}
	.contactUsInfoPanel .onlinePaymentIcon {
		background-position: 0 -592px;
	}
	.contactUsInfoPanel .reportFraudWrapper .enquireIcon {
		background-position: 0 -777px;
	}
	.emergencymedical .contactUsInfoPanel .speakWithUsWrapper .speakWithUsIcon {
		background-position: 0 -1037px;
	}
	.emergencymedical .contactUsInfoPanel .speakWithUsSecondaryWrapper .speakWithUsIcon {
		background-position: 0 -999px;
	}
	body.other .contactUsInfoPanel .speakWithUsSecondaryWrapper .speakWithUsIcon {
		background-position: 0 -1037px;
	}
	.contactUsTable {
		font-size: 11px;
	}
	.contactUsTable .contact-label {
		width: 110px;
	}
}
@media all and (max-width: 410px) {
	#contact-us > div.arrow-button-header > div.arrow-button-message {
		overflow: hidden;
		white-space: nowrap;
	}
}
@media all and (max-width: 320px) {
	.hideForSmallMobile {
		display: none;
	}
	#contact-us > div.arrow-button-header {
		width: 295px;
	}
	#contact-us > div.arrow-button-header > div.arrow-button-message {
		width: 110px;
	}
	#contact-us > div.arrow-button-header > div.arrow-contents {
		width: 294px;
	}
	.contactUsInfoPanel {
		padding: 0;
	}
	.contactUsTable {
		width: 100%;
	}
	.contactUsTable .contact-label {
		width: 70px;
	}
}
#selectYourProduct {
	display: none;
}
body.quote #selectYourProduct,
body.claim #selectYourProduct,
body.selectorClaim #selectYourProduct,
body.existing #selectYourProduct {
	display: block;
}
body.displayInfoWrapperProduct .contactUsInfoPanel {
	display: block;
	/*width: 630px;*/
}
.contactUsInfoPanel .withIcon .textWrapper {
	margin-top: 10px;
}
.contactUsInfoPanel .withIcon .textSingle {
	margin-top: 25px;
}
.contactUsInfoPanel .getAQuoteWrapper,
.contactUsInfoPanel .retrieveQuoteWrapper,
.contactUsInfoPanel .askAllieWrapper,
.contactUsInfoPanel .visitOurWrapper,
.contactUsInfoPanel .startClaimWrapper,
.contactUsInfoPanel .managePolicyWrapper,
.contactUsInfoPanel .onlinePaymentWrapper,
.contactUsInfoPanel .categoryTicks,
.contactUsInfoPanel .speakWithUsSecondaryWrapper,
.contactUsInfoPanel .reportFraudWrapper,
.contactUsInfoPanel .stadiumWrapper,
.contactUsInfoPanel .viewLifeInfoWrapper {
	display: none;
}
.contactUsInfoPanel .speakWithUsWrapper {
	float: left;
	margin-right: 30px;
}
body.showGetAQuote .contactUsInfoPanel .getAQuoteWrapper,
body.showStartClaim .contactUsInfoPanel .startClaimWrapper,
body.showManagePolicy .contactUsInfoPanel .managePolicyWrapper,
body.showViewLifeInfo .contactUsInfoPanel .viewLifeInfoWrapper,
body.roadside .contactUsInfoPanel .categoryTicks,
body.emergencymedical .contactUsInfoPanel .speakWithUsSecondaryWrapper,
body.other .contactUsInfoPanel .reportFraudWrapper,
body.other .contactUsInfoPanel .speakWithUsSecondaryWrapper,
body.other .contactUsInfoPanel .stadiumWrapper {
	display: block;
	float: left;
}
body.showRetrieveQuote .contactUsInfoPanel .retrieveQuoteWrapper,
body.showVisitOur .contactUsInfoPanel .visitOurWrapper,
body.showAskAllie .contactUsInfoPanel .askAllieWrapper,
body.showOnlinePayment .contactUsInfoPanel .onlinePaymentWrapper {
	display: block;
}
.contactUsInfoPanel .managePolicyWrapper .infoSmallText {
	margin-top: 20px;
}
.contactUsInfoPanel .viewLifeInfoWrapper .infoSmallText {
	margin-top: 20px;
}
body.loan .contactUsInfoPanel .speakWithUsText {
	max-width: 480px;
}
body.loan.existing .contactUsInfoPanel .speakWithUsText .phoneNumber {
	font-size: 18px;
}
body.loan.existing .contactUsInfoPanel .speakWithUsText .phoneNumber span.bigText {
	font-size: 30px;
}
body.loan.quote .contactUsInfoPanel {
	display: none;
}
.contactUsInfoPanel .categoryTicks > div > div {
	float: left;
	background: url('/images/internet/aalaus/backgrounds/list-tick-small.png') no-repeat scroll 0px 8px transparent;
	padding: 3px 0 0 17px;
	width: 90px;
	font-size: 16px;
}
/* body.other .contactUsInfoPanel .speakWithUsWrapper .speakWithUsText, body.other .contactUsInfoPanel .reportFraudWrapper .enquireText, body.other .contactUsInfoPanel .enquireWrapper .enquireText {
	width: 450px;
} */
body.other .contactUsInfoPanel .reportFraudWrapper .enquireText,
body.other .contactUsInfoPanel .enquireWrapper .enquireText {
	width: 450px;
}
body.other .contactUsInfoPanel .speakWithUsSecondaryWrapper .speakWithUsText {
	max-width: 220px;
}
body.other .contactUsInfoPanel .speakWithUsWrapper .speakWithUsText .infoSmallText,
body.other .contactUsInfoPanel .reportFraudWrapper .enquireText .infoSmallText,
body.other .contactUsInfoPanel .enquireWrapper .enquireText .infoSmallText {
	/*
	display: inline-block;
	float: right;
	margin-top: -25px;
*/
}
#selectYourProduct .liLoan {
	display: none;
}
body.claim #selectYourProduct .liLoan,
body.existing #selectYourProduct .liLoan {
	display: block;
}
body.emergencymedical .contactUsInfoPanel .enquireWrapper {
	display: none;
}
body.other .contactUsInfoPanel .otherWaysText,
body.emergencymedical .contactUsInfoPanel .otherWaysText {
	display: none;
}
body.displayContactForm .contactFormWrapper {
	display: block;
}
/** From common-responsive.css **/
#contact-us-desktop .label {
	color: #444;
	border: none;
	font-weight: normal;
	font-family: "AllianzSansBold";
}
#contact-us-desktop .table {
	border-collapse: collapse;
	border-spacing: 0;
	caption-side: bottom;
	width: 100%;
}
#contact-us-desktop .table .header,
.formTitle {
	font-family: "AllianzSansBold";
	/*    background: url("/images/internet/aalaus/System/bg-formtable-header-35.png") repeat-x scroll 0 center rgba(0, 0, 0, 0); */
	background: #013485\9;
	/*    color: #454C5D; */
	background: linear-gradient(to top, #013485, #065be0);
	/* Standard syntax */
	color: white;
	height: 25px;
	line-height: 1.4;
	margin: 0;
	vertical-align: middle;
}
#contact-us-desktop .table .leftcol,
.table .midcol,
.table .rightcol {
	border: 1px solid #CECDCE;
	float: left;
	width: 171px;
}
#contact-us-desktop .table .contact-label,
#contact-us-desktop .form .contact-label,
#contact-us-desktop .contact-label_ESTIMAGE {
	background: none repeat scroll 0 0 #EEEDED;
	vertical-align: top;
}
#contact-us-desktop .table .mandatory,
#validationError {
	color: #FF0000;
}
#contact-us-desktop .table td {
	border: 1px solid #CECDCE;
}
/** end of "From common-responsive.css **/
#contact-us-desktop .radio,
#contact-us-desktop .checkbox {
	display: inline-block;
	vertical-align: bottom;
}
#contact-us-desktop input[type="radio"],
#contact-us-desktop input[type="checkbox"] {
	line-height: normal;
	margin: 4px 5px 0 0;
}
#contact-us-desktop #cancelButton {
	margin-top: -14px;
}
#contact-us-desktop .asterisk {
	color: black
}
@media all and (max-width: 768px) {
	#contact-us-desktop label, #iframe-container-outer label {
		font-weight: normal;
		background: none;
		line-height: 18px;
	}
}
@media all and (min-width: 769px) {
	#contact-us-desktop label, #iframe-container-outer label {
		font-weight: normal;
		background: none;
		line-height: 24px;
	}
}
#contact-us-desktop input, #contact-us-desktop textarea {
	font-size:20px;
}
#contact-us-desktop .show {
	display: inline
}
#contact-us-desktop .hide {
	display: none
}
#contact-us-desktop select {
	width: auto
}
#contact-us-desktop table textarea {
	margin-bottom: 0;
}
#contact-us-desktop input.checkbox,
input.radio {
	margin-top: -1px;
	/* So radio button labels are correctly aligned vertically */
}
label[for="ContactAboutClaim"],
label[for="NewClaim"] {
	font-size: 16px;
	color: #000000;
}
.notification {
	background-color: #fff;
	border: 1px solid;
	border-radius: 4px;
	box-sizing: border-box;
	box-shadow: 0 2px 4px rgba(65, 65, 65, .5);
	margin-top: 16px;
}
.notification.warning {
	border-color: #dc3149;
}
.notification-message {
	display: flex;
	margin: 23px
}
@media all and (max-width: 767px) {
.notification-message {
    display: block;
    position: relative;
   line-height: 24px;
  }
}	
.notification-title {
	font-family: 'AllianzSansBold';
	display: inline;
}
.notification-icon {
	font-size: 24px;
	height: 24px;
	width: 24px;
	margin-right: 16px;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
@media all and (max-width: 767px) {
  .notification-icon {
    display: inline-flex;
    float:left;
    margin-right:8px;
  }
}
.notification-icon.warning {
	color: #dc3149;
}
#contact-us-desktop form .notification p+p {
	margin-top: 0.5em;
}
#contact-us-desktop .content-wrapper .table,
.content-wrapper .formTable {
	width: 633px;
}
#contact-us-desktop .formLabelColumn {
	width: 220px;
}
#contact-us-desktop .commentCountWrapper {
	/* width: 316px; */
	width: 98%;
}
@media all and (max-width: 767px) {
   #contact-us-desktop .commentCountWrapper {
      margin-top:15px;
   }
}
#contact-us-desktop .commentCount {
	float: right;
}
/* "What is the outcome you are seeking?"
    Hidden unless Reason is "Complaint".
*/
#outcomeTR,
#ComplaintOutcomeSought {
	display: none;
}
.reason-Complaint #outcomeTR {
	display: inline;
}
.reason-Complaint #ComplaintOutcomeSought {
	display: inline-block;
}
#global-header .span8 {
	float: none
}
/* "contacting us about a claim?"
    Hidden unless:
	* Reason is "Other", "Complaint" or "Compliment".
	* and a claimable Relating To has been chosen
*/
#contact-us-desktop .contactingUsAboutClaimTR {
	display: none;
}
.reason-Existing.claimable #contact-us-desktop .contactingUsAboutClaimTR,
.reason-Other.claimable #contact-us-desktop .contactingUsAboutClaimTR,
.reason-Complaint.claimable #contact-us-desktop .contactingUsAboutClaimTR,
.reason-Compliment.claimable #contact-us-desktop .contactingUsAboutClaimTR {
	display: flex;
	align-items: center
}
/* "notifying us of a new claim?"
    Hidden unless:
	* Reason is "Other", "Complaint" or "Compliment"
	* and "contacting us about a claim" radio button is "Yes".
*/
#contact-us-desktop .newOrExistingClaimTR {
	display: none;
}
.reason-Existing.claimable.claim #contact-us-desktop .newOrExistingClaimTR,
.reason-Other.claimable.claim #contact-us-desktop .newOrExistingClaimTR,
.reason-Complaint.claimable.claim #contact-us-desktop .newOrExistingClaimTR,
.reason-Compliment.claimable.claim #contact-us-desktop .newOrExistingClaimTR {
	display: flex;
}
/* The main Submit button
    Displayed unless:
	* Reason is "Existing", "Other", "Complain" or "Compliment"
	*  and "are you contacting us about a claim" is "Yes"
	* and "notifiying us of a new claim..." is "New"
	* OR enquiryType is Workers' Compensation and state is Qld or SA
*/
.reason-Other.claimable.claim.newClaim #contact-us-desktop #submitButton,
.reason-Compliment.claimable.claim.newClaim #contact-us-desktop #submitButton,
.reason-Complaint.claimable.claim.newClaim #contact-us-desktop #submitButton,
.reason-Existing.claimable.claim.newClaim #contact-us-desktop #submitButton,
.enquiryType-WorkersCompensation.state-SA #contact-us-desktop #submitButton,
.enquiryType-WorkersCompensation.state-QLD #contact-us-desktop #submitButton {
	cursor: not-allowed;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
}
/* The disabled (greyed out) Submit button.
    Hidden unless:
	* Reason is "Existing", "Other", "Complain" or "Compliment"
	*  and "are you contacting us about a claim" is "Yes"
	* and "notifiying us of a new claim..." is "New"
	* OR enquiryType is Workers' Compensation and state is Qld or SA
*/
#submitDisabled {
	display: none;
}
.reason-Other.claimable.claim.newClaim #contact-us-desktop #submitDisabled,
.reason-Compliment.claimable.claim.newClaim #contact-us-desktop #submitDisabled,
.reason-Complaint.claimable.claim.newClaim #contact-us-desktop #submitDisabled,
.reason-Existing.claimable.claim.newClaim #contact-us-desktop #submitDisabled,
.enquiryType-WorkersCompensation.state-SA #contact-us-desktop #submitDisabled,
.enquiryType-WorkersCompensation.state-QLD #contact-us-desktop #submitDisabled {
	display: flex;
}
#policyBlurb,
#vehicleRegoTR,
#policyNumberTR,
#claimNumberTR,
.enquiryType-CareerEnquiries table #policyNumberTR,
.enquiryType-Media table #policyNumberTR,
.enquiryType-CareerEnquries table #policyBlurb,
.enquiryType-Media table #policyBlurb,
.reason-Other.enquiryType-RoadsideAssistance #claimNumberTR,
.enquiryType-CareerEnquiries form #claimNumberTR,
.enquiryType-Media form #claimNumberTR,
.enquiryType-CareerEnquiries form #policyBlurb,
.enquiryType-Media form #policyBlurb {
	display: none;
}
.reason-New table #claimNumberTR,
.reason-New table #policyNumberTR,
.reason-New table #vehicleRegoTR {
	display: none;
}
/* "Please enter the number/numbers below"
    Hidden unless:
	* Reason is "Existing" or "Other".
	*  or "are you contacting us about a claim" is "Yes" and  "are you notifiying us of a new claim..." is "Existing"
*/
/*
.reason-Existing  #policyBlurb,  .reason-Other  #policyBlurb, .claimable.claim.existingClaim #policyBlurb {
	display:flex;
}
*/
/* New Claim forbidden dialogs.  (Two of these.)
    Hidden unless:
	* "are you notifiying us of a new claim..." is "Yes"
	*  Then a different dialog is shown depending on whether the Reason is "Workers' Compensation" or now.
*/
#contact-us-desktop form .newClaimWarning,
form .newClaimWarningWC {
	display: none;
}
.newClaim.enquiryType-notWorkersCompensation #contact-us-desktop .newClaimWarning,
.newClaim.enquiryType-WorkersCompensation #contact-us-desktop .newClaimWarningWC {
	display: block;
}
/* Policy Number
    Hidden unless:
	* Reason is "Existing" or "Other"
	* or "are you contacting us about a claim" is "Yes" and "are you notifiying us of a new claim..." is "Existing" 
*/
.reason-Other #contact-us-desktop #policyNumberTR,
.reason-Existing #contact-us-desktop #policyNumberTR,
.claimable.claim.existingClaim #contact-us-desktop #policyNumberTR,
.enquiryType-RoadsideAssistance #contact-us-desktop #policyNumberTR {
	display: inline;
}
/* Claim Number
    Hidden unless:
	* Reason "Complain", "Compliment" or "Existing"
	* and "are you contacting us about a claim" is "Yes" and "are you notifiying us of a new claim..." is "Existing".
	* Or Reason is "Other"
	* Reason is "Existing" and Relating to is "Boat insurance"
*/
.reason-Existing.claimable.claim.existingClaim #claimNumberTR,
.reason-Complaint.claimable.claim.existingClaim #claimNumberTR,
.reason-Compliment.claimable.claim.existingClaim #claimNumberTR,
.reason-Other #claimNumberTR,
.reason-Existing.enquiryType-BoatorPleasurecraftInsurance #claimNumberTR,
.reason-Existing.enquiryType-CTPGreenslipInsurance #claimNumberTR {
	display: inline;
}
/* "Other" reason overrides */
.reason-Other.enquiryType-BusinessInsurance #claimNumberTR,
.reason-Other.enquiryType-CarInsurance #claimNumberTR,
.reason-Other.enquiryType-HomeInsurance #claimNumberTR,
.reason-Other.enquiryType-TravelInsurance #claimNumberTR,
.reason-Other.enquiryType-LifeInsurance #claimNumberTR,
.reason-Other.enquiryType-LiabilityInsurance #claimNumberTR {
	display: none;
}
.reason-Other.enquiryType-CarInsurance #vehicleRegoTR,
.reason-Other.enquiryType-Other #vehicleRegoTR,
.reason-Existing.enquiryType-CarInsurance #vehicleRegoTR,
.claimable.claim.existingClaim.enquiryType-CarInsurance #vehicleRegoTR,
.reason-Complaint.claimable.claim.existingClaim.enquiryType-CarInsurance #vehicleRegoTR,
.reason-Compliment.claimable.claim.existingClaim.enquiryType-CarInsurance #vehicleRegoTR,
.reason-Other.claimable.claim.existingClaim.enquiryType-CarInsurance #vehicleRegoTR,
.reason-Existing.enquiryType-BoatorPleasurecraftInsurance #vehicleRegoTR,
.claimable.claim.existingClaim.enquiryType-BoatorPleasurecraftInsurance #vehicleRegoTR,
.reason-Complaint.claimable.claim.existingClaim.enquiryType-BoatorPleasurecraftInsurance #vehicleRegoTR,
.reason-Compliment.claimable.claim.existingClaim.enquiryType-BoatorPleasurecraftInsurance #vehicleRegoTR,
.enquiryType-RoadsideAssistance #vehicleRegoTR {
	display: inline;
}
/* Relating to "Website/Online transactions" overrides.  Policy, Claim and rego fields always visible */
.enquiryType-WebsiteOnlinetransactions #claimNumberTR,
.enquiryType-WebsiteOnlinetransactions #policyNumberTR {
	display: inline;
}
/* Relating to "Website/Online transactions"  or "Other" overrides.  Policy, Claim and rego fields always visible for "Other".  Policy and Claim always visible for "Website/Online" */
.enquiryType-WebsiteOnlinetransactions #claimNumberTR,
.enquiryType-WebsiteOnlinetransactions #policyNumberTR,
.enquiryType-Other #claimNumberTR,
.enquiryType-Other #policyNumberTR,
.enquiryType-Other #vehicleRegoTR {
	display: inline;
}
#contact-us-desktop .oneOfTwoReg,
#contact-us-desktop .oneOfThreeReg {
	display: none;
}
#CountryTr {
	display: none;
}
.international #CountryTr {
	display: inline;
}
#contact-us-desktop .workersCompQldWarning,
#contact-us-desktop .workersCompSAWarning {
	display: none;
}
#contact-us-desktop {
max-width: 736px;
}
#contact-us-desktop .enquiryType-WorkersCompensation.state-QLD .workersCompQldWarning,
.enquiryType-WorkersCompensation.state-SA .workersCompSAWarning {
	display: block;
}
#contact-us-desktop #relatingToSelectedHelpText {
	 font-family: "Allianz Neo",sans-serif;
	text-align: left;
}
#contact-us-desktop #relatingToSelectedHelpText .title {
	font-family: "AllianzSansBold";
}
#contact-us-desktop form .title {
	font-family: "AllianzSansBold";
	margin-bottom: 10px;
}
#contact-us-desktop form .notification ul {
	list-style-position: inside;
}
#contact-us-desktop form .notification ul li {
	text-indent: 20px;
}
#ErrorMsg {
	padding: 10px 20px 10px 20px;
	overflow: auto;
	margin: 10px 0 10px 0;
	display: none;
	width: 98%;
}
@media all and (max-width: 767px) {
   #ErrorMsg {
      padding: 0;
   }
} 
#ErrorMsg .errorIcon {
	display: inline-block;
	float: left;
}
#ErrorMsg .errorText {
	margin: 0 5px 0 40px;
}
#ErrorMsg #ErrorMessages {
	margin-top: 3px;
}
@media all and (max-width: 767px) {
   #ErrorMsg #ErrorMessages {
      display: inline;
   }
}
#contact-us-desktop .inputText.jqvError {
	border: 1px solid #d30303;
}
#contact-us-desktop label.jqvError {
	color: #414141 !important;
	margin-top: 56px;
	font-size: 16px;
    border-radius: 4px;
    background-color: #FCE5EB;
    border: 1px solid #dc3149;
    padding: 24px;
    width: 100%;
hyphens:none;
}
textarea.materialize-textarea:focus.valid ~ label {
   color: #003781 !important;
}
#contact-us-desktop input.jqvError, #contact-us-desktop input[type="checkbox"].jqvError {
         margin-bottom: 120px !important;
color:#dc3149;
    }
@media all and (max-width: 767px) {
   #contact-us-desktop label.jqvError {
	font-size: 16px;
	line-height: 18px;
  }
}
#contact-us-desktop .select-wrapper label.jqvError {
	display: block;
	margin-top: 0px;
}
.select-wrapper.invalid .caret {
	margin-top: 20px;
}
#contact-us-desktop .errorShowUnderneath label.jqvError {
	display: block;
	margin-top: 5px;
	margin-left: 0;
}
#contact-us-desktop .radio-error label.jqvError {
 margin-top: 0px
}
 div.c-checkbox .jqvError {
 margin-top:10px !important;
 }
#contact-us-desktop input#Title {
	width: 160px;
}
#contact-us-desktop .tooltipPopup {
	padding: 5px;
	width: 200px;
	border: solid 1px #516194;
	font-size: 9px;
	z-index: 10000;
	background-color: #bfdfff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#contact-us-desktop td.label {
	border: none;
}
#relatingToSelectedHelpText {
	background-color: white;
	padding: 5px;
	margin-top: 7px;
	font-size: 9px;
	display: none;
	width: 208px;
	white-space: normal;
}
.enquiryType-WorkersCompensation #relatingToSelectedHelpText,
.enquiryType-notWorkersCompensation #relatingToSelectedHelpText {
	display: block;
}
#relatingToSelectedHelpText .title {
	margin-bottom: 0;
}
table.formTable tbody tr td.label {
	white-space: normal;
}
.reasonForContactingCell {
	width: 400px;
}
.contactUsInfoPanel .withIcon .textSingle.enquireText {
	margin-top: 10px;
}
.formLabelColumn {
	font-size: 13px;
}
.radioWrapperWebsiteFeedback {
	display: none;
}
.reason-Complaint .radioWrapperWebsiteFeedback,
.reason-Compliment .radioWrapperWebsiteFeedback,
.reason-Other .radioWrapperWebsiteFeedback {
	display: inline-block;
}
table.formTable .header p {
	font-size: 12px;
}
/* :tel links to appear clickable on mobile devices only.  smartphone class added to html element by contactus2.js  */
a[href^="tel:"]:hover {
	text-decoration: none;
	cursor: default;
}
.smartphone a[href^="tel:"]:hover {
	text-decoration: underline;
	cursor: pointer;
}
/**** override icon style ****/
.icon-old {
	background: url('/images/internet/aalaus/backgrounds/contactus-icons-sprite5.png') no-repeat top left;
	width: 65px;
	height: 65px;
	margin-right: 10px;
}
@media (max-width: 480px) {
	.icon-old {
		background: url('/images/internet/aalaus/backgrounds/contactus-icons-sprite5-small.png') no-repeat top left;
		font-size: 14px;
		height: 32px;
		width: 32px;
		line-height: 31px;
		margin-top: 15px;
	}
}
.referenceNos {
	display: flex;
	align-items: flex-start;
}
.referenceNos > div {
	flex: 1 1 auto;
	margin-right: 20px
}
@media all and (max-width: 767px) {
.referenceNos > div {
	flex: 1 1 100%;
 }
}
.referenceNos div:last-of-type {
	margin-right: 0px
}
.flex-row {
	display: flex;
}
.flex-row.radio-row {
 flex-wrap:wrap;
}
@media all and (max-width: 767px) {
    .flex-row {
	flex-wrap: wrap;
    }
}
.flex-row.third {
	width: 33%;
}
.flex-row.half {
	width: 50%;
}
.flex-row> div {
	margin-right: 20px;
}
@media all and (max-width: 767px) {
.flex-row> div {
	margin-right: 0;
  }
}
.flex-row div:last-of-type {
	margin-right: 0px
}
@media all and (max-width: 767px) {
  .flex-row div:last-of-type {
	margin-right: unset;
   }
}
.flex-row> div#suburb-input {
	flex: 4 1 auto;
}
.flex-row.radio-row .radio-error {
 flex: 1 1 100%
}
.promo-row {
	justify-content: center;
	flex-wrap: nowrap;
	margin-top: 45px;
}
@media all and (max-width: 767px) {
	.promo-row {
		flex-wrap: wrap;
	}
}
.promo-column-content .promo-text p {
	max-width: 460px;
	width: 100%;
}
.contact-img {
	margin-right: 60px;
}
div#contact--were-here {
	margin-bottom: -30px;
}
XXXimg {
	max-width: 100%;
}
.promo-column-image,
.promo-column-content {
	flex: 1;
}
.promo-column-left-image {
	margin-right: 60px;
}
.promo-column-right-image {
	margin-left: 60px;
}
div#contact--were-here .promo-column-content {
	flex: none;
}
div#contact--were-here .promo-column-image {
	flex: 0 0 25%;
	margin-right: 100px;
}
.promo-column-content .promo-heading {
	line-height: 40px;
	font-size: 30px;
}
@media all and (max-width: 767px) {
	div#contact--were-here .promo-column-image {
		flex: none;
		margin-right: 0;
	}
	.promo-column-content .promo-heading {
		font-size: 25px;
		margin: 20px 0
	}
	.promo-column-content .promo-text p {
	  max-width: 100%;
	}
	.promo-column-left-image {
		margin-right: 0;
	}
	.promo-column-image,
	.promo-column-content {
		flex: none;
		margin: 0
	}
	.contact-img {
		margin-right: 60px;
	}
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
#submitButton {
  width: 140px;
-webkit-box-shadow: none;
box-shadow: none;
}
@media screen and (min-width: 767px) {
.img-content-box {
    border-right: none;
  }
}
.img-content-box p {
    font-size:14px;
  }
.promo-row a {
  text-decoration: underline;
}
#contact\.more-information a {
  text-decoration: underline;
}
.alert {
  font-size: 12.6px;
  font-family: Arial, Verdana, sans-serif
}
.input-field > label:not(.label-icon):not(.jqvError).active {
	color:#003781 !important;
}
    #submitButton {
        font-family: "Allianz Neo",sans-serif;
        background-color: #003781;
        border-color: #003781;
        border-width: 2px;
        border-radius: 4px;
        font-size: 16px;
        border-style: solid;
        color: #fff;
        cursor: pointer;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 24px;
        margin: 0 0 24px;
        text-transform: none;
        transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: auto;
        padding: 10px 30px;
        -webkit-hyphens: inherit;
        hyphens: inherit;
        word-break: break-word;
        outline: none;
        box-shadow: none;
    }
    #submitButton:hover {
        background-color: #003781;
        border-color: #003781;
        color: #fff
    }
    #submitButton:active {
        background-color: #003781;
        border-color: #003781;
        color: #fff;
    }
    #submitButton:focus {
        -webkit-box-shadow: 0 0 0 2px #ffffff, 0 0 0 6px #009de6;
        box-shadow: 0 0 0 2px #ffffff, 0 0 0 6px #009de6;
    }
  body,  h1, h2, h3, h4, h5, h6, #cheer-pack-form {
        font-family: Allianz Neo, sans-serif;
    }
@media all and (max-width: 767px) {
   .select-wrapper input.select-dropdown,
   .input-field > label {
		    font-size: 20px;
   }
}
.errTable,  .errTable td {
padding:0;
border:none;
}
 .errTable tr {
border:none;
}
 .errTable td.errText {
    padding-left: 16px;
}
.errImg {
vertical-align:top;
}
label.colourRed, input-field > label.colourRed {
color:#dc3149;
}
/*.colourRedBorder::before {
border:2px solid #dc3149;
}*/
cinput.valid {
color:#003781 !important;
}
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
   border-bottom: 2px solid #003781 ;
}
label {
color: #003781;
}
a {
color: #003781  !important;;
}
/* Change the border color of the checkbox */
input[type="checkbox"] + label::before {
    border-color: #003781 !important;
}
/* Change the background color of the checkbox when checked */
input[type="checkbox"]:checked + label::before {
    background-color: #003781 !important;
    border-color: #003781 !important;
}
/* Change the border color of the checkbox when disabled */
input[type="checkbox"]:disabled + label::before {
    border-color: #003781 !important;
}
/* Optional: change the checkmark color when checked */
input[type="checkbox"]:checked + label::after {
    border-color: #003781 !important;
    background-color: #003781 !important;
}
/* Error state: Add this when you need to highlight with red border */
input[type="checkbox"].jqvError + label::before {
    border-color: red !important;
}
.select-wrapper input.select-dropdown {
  color: #003781 !important;
}
/* Force red border and background for select with jqvError */
select#State.jqvError,
.input-field1 select.jqvError,
.input-field1 select#State.jqvError {
  border: 2px solid #dc3149 !important;
  background-color: #fff0f0 !important;
  color: #dc3149 !important;
  box-shadow: none !important;
  outline: none !important;
}
/* Default: Desktop layout */
.flex-row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
/* Mobile override: stack fields */
@media screen and (max-width: 767px) {
  .flex-row {
    flex-direction: column;   /* stack children vertically */
    align-items: stretch;
    gap: 16px;
  }
  .flex-row > div {
    width: 100%;              /* full width fields */
    margin-bottom: 12px;
  }
  input,
  select,
  label {
    width: 100%;
    display: block;
  }
}