/*==========================================================================
  MISC
  ========================================================================== */
body {
	background: #fff;
}

#page {
	/*float: left;*/
	margin: 0;
	position: relative;
	width: 100%;
}

hr {
	max-width: 97.632%;
}

/*.container h1 { margin-top: 60px; }*/
.container h2 {
	width: 97.63157894736842%;
}

.container {
	margin: 0 auto;
	width: 92.1875%;
	padding: 0 3.90625%;
}

.address {
	float: right;
}

.personalDetails {
	width: 71.548%;
	/*width: 43.548%;*/
}

.data p.value {
	font-size: 19px;
}

.container .largeField {
	width: 73.921%;
}

#dataRow .data {
	width: 97.632%;
}

.spanDivider {
	border-right: none;
	border-bottom: 1px solid #e5e5e5;
}

.showOnDesktop {
	display: none;
}

.hideOnDesktop {
	display: block;
}

.hideOnMobile {
	display: block;
}

.showOnMobile {
	display: none;
}

.showOnTablet {
	display: block;
}

.hideOnTablet {
	display: none;
}

ul.socialMedia li {
	margin-right: 2px !important;
}

.campaignBanner {
	height: 269px !important;
}

#boldBanner {
	height: 269px !important;
}

.imgShowOnTab {
	display: block;
}

.imgShowOnDesk,
.imgShowOnMbl {
	display: none;
}

.dateRow {
	font-size: 18px;
}

#searchResultsLayout input[type="text"] {
	max-width: 200px;
}

/*==========================================================================
  BUTTON
  ========================================================================== */
.btn.signUp .btnText {
	display: none;
}

.btn.signUp {
	width: 42px;
	height: 40px;
	/* background-image: url('../img/arrow-white-right.png'); */
	background-repeat: no-repeat;
	background-position: center center;
}

input.signUpInput {
	width: 350px;
}

.btn.signUp .fixAlign {
	display: block;
}


/*==========================================================================
  HEADER NAVIGATION
  ========================================================================== */
.home #headerNav {
	width: auto;
	padding: 0 3.90625%;
	position: relative;
	top: auto;
	left: auto;
	background-color: #fff;
	border-bottom: 1px solid #e5e5e5;
}

.home #headNavContainer {
	width: 100%;
	max-width: 1280px;
	padding: 0;
}

#headerNav ul#primaryLinks,
#headerNav ul#secondaryLinks,
#headerNav ul#utilityLinks

/*,
  #headerNav ul#accountLinks li#account*/
	{
	display: none;
}

#headerNav ul#accountLinks {
	margin-top: 20px;
}

/* #headerNav li#account > a {
  	width: 28px; height: 28px; padding-right: 0;
  	background: url('../img/account-device.png') no-repeat right 0;
  } */
#headerNav li#account span {
	height: 22px;
	padding-right: 24px;
	background: url('../img/man_icon.png') no-repeat right 2px;
	text-align: right;
	display: block !important;
}

#headerNav li#account .loginBtn {
	padding: 5px 10px 0px 20px;
}

#headerNav li#account .loginBtn {
	margin-bottom: 0;
}

#headerNav li#account a span {
	display: none;
	/*hide 'Login' text*/
}

#headerNav a#navBtn {
	display: block !important;
	float: left;
	width: 24px;
	height: 27px;
	padding: 10px;
	margin: 17px 0 0 -10px;
	background: url('../img/nav-icon.png') no-repeat 10px 10px;
}

#headerNav #sanlamLogo a.sanlamLogo-arrow {
	display: none;
}

#headerNav #sanlamLogo>a,
#headerNav #sanlamLogo a.sanlamLogo-logo,
#headerNav .afBotLogo>a {
	float: none;
	position: absolute;
	left: 50%;
	margin: 20px -74px 0;
}

#headerNav .afBotLogo>a {
	margin: 0 -145px 0 !important;
}

#headerNav #sanlamLogo.loginLogo {
	left: auto;
	margin-left: 0;
	float: left;
	position: relative;
}

#sanlamFour #headerNav #sanlamLogo {
	float: none;
	position: absolute;
	left: 50%;
	margin: 20px -130px 0;
}

#headerNav #sanlamLogo>a {
	padding-left: 0;
}

#headerNav ul#accountLinks li#notification {
	display: block;
}

#headerNav ul#accountLinks li#notification a {
	margin-right: 10px;
}

#headNavContainer {
	z-index: 20;
}

/*==========================================================================
  GRID ADJUST FOR LAPTOP AND TABLET
  ========================================================================== */
/*The class .push is used to adjust the width of the last three .span1 columns to fit tablet*/
.container .push {
	width: 27.54385964912281%;
	margin-right: 2.456140350877193%;
}

/*The .push2 .push3 .push4 and .push5 classes can be used to force a single column to
  assume the width of two, three or four or five columns respectively-----------------------*/
.container .push2 {
	width: 37.6316%;
}

.container .push3 {
	width: 57.6316%;
}

.container .push4 {
	width: 77.63157894736842%;
}

.container .push5 {
	width: 97.63157894736842%;
}

/* pushHalf forces the span2 class to assume the width of 2.5 spans  */
.pushHalf {
	width: 47.63157894736842%;
}

/*The .pushCol class adjusts the width  of .col1 to fit tablet view, it changes the width from 271px to 354px
--------------------------------------------------------------------------*/
.container .pushCol {
	width: 31.05263157894737%;
}

.container .pushCol2 {
	width: 62.10526315789474%;
}

.container .pushCol3 {
	width: 93.15789473684211%;
}

.container h2 {
	width: 100%;
}

.personalDetails {
	width: 43.548%;
}

/*==========================================================================
  EDIT DETAILS PAGE
  ========================================================================== */
#editForm h3 {
	font-size: 12px;
	font-family: open_sansregular;
}

.editLabel a {
	font-size: 12px;
}

.dropZone,
.or,
.fileUploadCancel,
.plAttach,
.proofAddr {
	display: block;
	display: none !important;
}

/* convert inline-block to block to hide*/

/*==========================================================================
  FOOTER
  ========================================================================== */
ul.footerLogos li {
	margin-right: 7px !important;
}

/*==========================================================================
  UTILITY ICONS
  ========================================================================== */
.toolBar .span4 {
	width: 100%;
}

/*.toolBar .utility-icons  { display: none; } */
.utility-icons {
	margin: 20px 45px 0;
}

/*==========================================================================
  ACCORDIONS
  ========================================================================== */
.accordionTabsItems {
	display: none;
}

#accordionTabs .accordionTitle {
	display: block;
}

/*==========================================================================
  CLAIMS STEPS
  ========================================================================== */
@media screen and (max-width: 985px) {
	.custom-list-items li {
		max-width: 240px;
	}

	.box-bg-grey {
		min-height: 460px;
	}
}

@media screen and (max-width: 815px) {
	.custom-list-items li {
		max-width: 170px;
	}
}

@media screen and (max-width: 768px) {
	.box-bg-grey:first-child {
		max-width: 100%;
		margin-bottom: 20px;
	}

	.box-bg-grey {
		width: 100%;
		display: block;
		min-height: 360px;
	}

	.custom-list-items li {
		max-width: unset;
	}
}