//TYPOGRAPHY
.text-main-color {
  color: @red;
}

.text-small {
  font-size: @baseFontSize * 0.75;
}

.text-big {
  font-size: @baseFontSize * 1.25;
}

.text-bigger {
  font-size: @baseFontSize * 1.5;
}

.text-light {
  color: @gray;
}

.link-strong {
  font-weight: bold;
}

td.align-right, input.align-right {
  text-align: right;
}

th.align-right {
  text-align: right;
}

.table-border-zero td {
  border-top: 1px solid white;
  padding-top: 1px;
}

#pricingTable strong {
  font-weight: normal;
}

/*tbody.locationInformation tr:first-child {
	background:#f5f5f5;
}
#pricingTable tbody.locationInformation tr:first-child strong {
	font-weight:bold;
}*/
.location-header {
  font-weight: bold;
  background-color: #f5f5f5;
}

.table-spacer {
  height: 10px;
}

.table tr.no-top-border th, .table td.no-top-border {
  border-top: none;
}

.tr-bold {
  font-weight: bold;
}

//MISC
.border-right {
  border-right: 1px solid @grayLight;
}

.hidden, label.hidden {
  display: none;
}

.table-activity {
  width: 100%;
  margin-bottom: @baseLineHeight;
  // Cells
  th,
  td {
	padding: 6px 2px 0px 2px;
	//line-height: @baseLineHeight;
	text-align: left;
	border-top: 1px solid transparent;
  }
  th {
	font-weight: bold;
	vertical-align: bottom;
  }
  td {
	vertical-align: top;
  }
}

.table-activity-last-row td {
  border-bottom: 1px solid @grayLighter;
  padding: 0px 2px 6px 2px;
}

table {
  td {
	vertical-align: top;
  }
  td.vertical-middle {
	vertical-align: middle;
  }
}

.table-stripe td {
  background-color: #f9f9f9;
}

.table-plain {
  width: 100%;
  td {
	padding: 2px 8px 2px 0px;
	vertical-align: top;
  }
  tr.border td {
	border-bottom: 1px solid @grayLighter;
  }
  td.info {
	color: @grayDarker;
  }
}

// PRODUCT LABELS
.label-product-wc {
  background-color: #8b519d;
  border: @grayLighter solid 1px;
  color: @white;
}

.label-product-bo, .label-product-bop {
  background-color: #95c633;
  border: @grayLighter solid 1px;
  color: @white;
}

label.checkbox:hover, label.radio:hover {
  cursor: pointer;
  background-color: #f4f4f4;
}

.well-action {
  min-height: 20px;
  padding: 5px;
  margin-bottom: 20px;
  background-color: fade(@green, 20%);
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, .05);
  .border-radius(4px);
}

.footer {
  border-top: 1px solid @grayLighter;
  padding: 12px 6px 12px 6px;
  margin: 2em 0 1em 0;
}

.btn-selected {
  .buttonBackground(@grayDark, @grayDark);
  color: @white;
}

.banner .btn {
  margin-top: 1px;
}

.banner, .banner-blue {
  border-top-width: 1px;
  border-top-style: solid;
  padding: 1px 4px 4px 4px;
  line-height: @baseLineHeight * 1.5;
  font-size: 16px;
  background-color: @grayLighter;
  border-top-color: @red;
  color: @red;
  span {
	font-size: 14px;
  }
}

.big-banner {
  border-top-width: 3px;
  border-top-style: solid;
  padding: 1px 4px 0px 4px;
  margin-bottom: 0px;
  line-height: @baseLineHeight * 2;
  font-size: @baseLineHeight * 1.5;
  background-color: @grayLighter;
  border-top-color: @red;
  color: @red;
  small {
	margin-left: 1em;
	font-weight: normal;
	font-size: @baseLineHeight;
	color: @grayDarker;
  }
  .normal {
	font-size: @baseFontSize;
	font-weight: normal;
	color: @black;
  }
  .nav-tabs {
	font-size: @baseFontSize;
	font-weight: normal;
	margin-bottom: 0px;
	border-bottom: 1px solid @grayDark;
	.active a {
	  background-color: @red;
	}
	a {
	  background-color: @grayDarker;
	  color: @white;
	}
	li {
	  cursor: pointer;
	}
  }
  .nav {
	margin-bottom: 0px;
  }
}

.banner-left {
  float: left;
  small {
	margin-left: 10px;
	font-size: 12px;
	width: 70%;
  }
}

.banner-right {
  float: right;
}

.clear {
  clear: left;
}

.nav-tabs li {
  cursor: pointer;
}

.banner-sub {
  border-top: 1px solid @green;
  margin: 26px 0 8px 0;
  color: @green;
}

.big-news {
  border-top: 6px solid @red;
  margin-bottom: 26px;
}

.big-news-left {
  float: left;
  background-color: @red;
  color: @white;
  font-size: @baseFontSize * 1.5;
  padding: 12px 4px 12px 4px;
}

.big-news-right {
  float: left;
  font-size: @baseLineHeight * 2;
  line-height: @baseLineHeight * 2.5;
  small {
	font-size: @baseFontSize * 1.5;
	color: @grayDarker;
  }
}

.start-quote {
  border-left: 3px solid @red;
  line-height: 36px;
  padding: 8px 0px 8px 4px;
  line-height: @baseLineHeight * 2;
  height: @baseLineHeight * 2;
  background-color: @grayLighter;
}

.start-quote .form {
  float: left;
  width: 80%;
  color: @black;
}

.start-quote .headline {
  float: left;
  font-size: @baseLineHeight * 1.5;
  color: @red;
  margin-right: 20px;
}

.table-double-row td {
  display: none;
  border-top: 1px solid transparent;
}

.table-double-row-active td {
  display: inline;
  border-top: 1px solid transparent;
}

.table-width-auto {
  width: auto;
}

//SPAN adjustments
.span6 {
  margin-left: 2%;
}

.small-alerts .alert {
  margin: 0 0 0 0;
  padding: 1px 1px 1px 3px;
}

.btn-xtra-large {
  font-size: @baseFontSize * 2;
  line-height: @baseLineHeight * 2.5;
  border-color: lighten(@green, 10%);
  background-image: url(../images/btn_large_green_background.jpg);
}

#headerSearchResults .navs ul li {
  border-bottom: 1px solid @gray;
}

input {
  border-color: @grayDark;
}

select {
  border-color: @grayDark;
}

#topRight {
  background-color: #f7f7f7;
  border-left: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 0.1em 1em 0.1em 1em;
  text-align: right;
}

/* @group Nav - Primary
===================================== */
.navWrapper {
  height: 50px;
}

#navPrimary {
  background-image: url(../images/navBurgandy.gif);
  height: 50px;
  overflow: hidden;
  padding: 0;
  list-style: none;
  font-weight: bold;
  color: #fff;
  margin: 0;
}

#navPrimary li {
  height: 50px;
  float: left;
  font-size: 13px;
  margin: 0;
  list-style: none;
  border-right: 1px solid #d1e1ee;
}

#navPrimary.showRewardsYes li {
  width: 12.4%;
}

#navPrimary.showRewardsNo li {
  width: 14.2%;
}

#navPrimary li.last {
  border: none;
}

#navPrimary a {
  display: block;
  padding-top: 5px;
  line-height: 40px;
  color: #fff;
  text-decoration: none;
}

#navPrimary li a:hover, #navPrimary li:hover {
  color: #fff;
}

#navPrimary li li:hover a:hover {
  color: #000;
}

#navPrimary li li a:hover {
  color: #fff;
}

#navPrimary li.current {
  background-image: url(../images/navSilver.jpg);
  color: #B71234;
}

#navPrimary li.current a {
  color: #B71234;
}

iframe {
  border: 0;
}

label.inline {
  display: inline-block;
  margin-left: 3px;
}

label.padding {
  padding: 12px;
}
// Additions to makes functionality work
.hide {
  display: none;
}

#data {
  float: left;
  position: absolute;
  top: 0;
  left: 0
}

.data {
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
}

.alert-small {
  padding: 0px 35px 0px 14px;
  margin-bottom: 2px;
  margin-left: 12px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.alert-medium {
  padding: 2px 35px 2px 14px;
  margin-bottom: 2px;
  margin-left: 12px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.detail {
  padding-left: 15px;
  padding-bottom: 5px;
  margin: 0;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

label.inline {
  display: inline-block;
  margin-left: 3px;
}

.align-right {
  text-align: right !important;
}

.alert-extra-padding {
  padding-left: 6px;
  padding-right: 6px;
  border-radius: 6px;
}

.pagination .active a {
  background-color: @red;
  color: @white;
}

.form-actions-plain {
  background-color: white;
  border-top: none;
}

.accordion-group {
  border: none;
}

.uploaded-file {
  border: 1px solid #CCCCCC;
  border-radius: 3px 3px 3px 3px;
  color: #616365;
  display: inline-block;
  font-size: 13px;
  min-height: 18px;
  line-height: 18px;
  margin-bottom: 9px;
  padding: 4px;
  width: 450px;
}

@media print {
  #navBar, button, .btn, .noprint, .footer {
	display: none;
  }

  .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
	float: none !important;
	width: 100%;
  }

  .well {
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

  }

  .row-fluid > [class*="span"] {
	float: none !important;
	width: 100%;
  }

}

.ui-autocomplete {
  max-height: 300px;
  /*
max-width is affected by returned data element width
drop down will default to input width if nothing is longer
otherwise max is set here for quote page
*/
  max-width: 535px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  /* add padding to account for vertical scrollbar */
  // padding-right: 20px;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
  height: 150px;
}

@media all and ( max-width: 1200px ) {
  input, select {
	width: auto;
  }
}

img.link {
  cursor: pointer;
}

.required-indicator {
  color: @red;
}

#recentlyViewed .product-line {
  width: 30px;
  display: inline-block;
}

.nav-tabs .disabled a {
  background-color: #f5f5f5;
  border-color: #ddd;
  cursor: not-allowed;
  color: #999;
}

.nav-tabs .disabled a:hover {
  background-color: #f5f5f5;
  border-color: #ddd;
  color: #999;
}

.stateForms a {
  cursor: pointer
}

.icon-trash {
  cursor: pointer;
}

// markel color definitions
.markel_green_100_bg {
  background-color: #7ab800;
}

.markel_green_80_bg {
  background-color: #84bf0f;
}

.markel_green_60_bg {
  background-color: #a0cf49;
  font-weight: 500;
}

.markel_green_40_bg {
  background-color: #bfe081;
  font-weight: 500;
}

.markel_green_20_bg {
  background-color: #ddefbe;
  font-weight: 500;
}

.markel_grey_60_bg {
  background-color: @gray;
  font-weight: 500;
  color: @grayDarker;
}

.markel_grey_40_bg {
  background-color: @grayLight;
  font-weight: 500;
  color: @grayDarker;
}

.markel_grey_20_bg {
  background-color: @grayLightest;
  font-weight: 500;
  color: @grayDarker;
}

tr.packageHeader label:hover {
  background-color: inherit;
}

table.cross-sell-notifications .notification td.notification-message div {
  min-height: 46px;
}

table.cross-sell-notifications .notification td.image-container {
  vertical-align: top;
  padding-right: 3px;
  width: 50px;
}

table.cross-sell-notifications .notification-image {
  width: 40px;
  height: 40px;
}

table.cross-sell-notifications .markel-red {
  color: #b71234;
}

a.no-href:hover {
  color: #002B5A;
  text-decoration: none;
}

div.alert-error a {
  color: #b94a48;
}

// adjust spacing for use from maverick as well as agency
#quote-header {
  margin-top: 6px;
}

// UTILITY CLASSES
.markel_grey {
  color: @grayDarker;
}

.greyDarkest {
  color: @grayDarkest;
}

.award_background {
  background: -moz-linear-gradient(top, rgba(145, 145, 145, 0.8), rgba(145, 145, 145, 0.8));
  background: -o-linear-gradient(top, rgba(145, 145, 145, 0.8), rgba(145, 145, 145, 0.8));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(145, 145, 145, 0.8)), to(rgba(145, 145, 145, 0.8)));
  border-radius: 3px;
  padding: 5px;
  width: auto;
  float: left;
  position: absolute;
}

.award_body {
  background-color: #7ab800 !important;
  border: 1px solid white;
  color: white;
  padding: 15px;
  float: left;
}

.award_body h3 {
  margin: 0 0 5px 0;
  z-index: 9001;
  color: white !important;
}

/* overrides migrated from original mPortal.css file */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

body {
  min-width: 1100px;
  overflow: auto;
}

#tmplMainContent {
  padding-left: 20px;
  padding-right: 20px;
  min-width: 1100px;
}

#lf_div_invite {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
}

#lf_iframe_invite {
  width: 100%;
  height: 100%;
  border: none;
}

a[ng-click] {
  cursor: pointer;
}

#navPrimary {
  background-image: url(../images/navBurgandy.gif);
  li.current {
	background-image: url(../images/navSilver.jpg);
  }
  li {
	width: 12.4%;
  }
}

#newsHeadlines, #promotionDiv {
  margin-top: 18px;
}

h1.pageHead {
  margin-bottom: 18px;
}

.footer {
  ul.footer-nav {
	list-style-type: none;
	margin-left: 0px;
	margin-bottom: 9px;
	li {
	  display: inline-block;
	  margin-left: 8px;
	}
	li:first-child {
	  margin-left: 0px;
	}
  }
}

iframe.sso-authentication {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

label.inline-label {
  display: inline;
  input {
	display: inline;
  }
}

#activityPopover {
  .popover {
	line-height: normal;
  }
}

.table-activity {
  margin-top: 10px;
  td.activity-header {
	background-color: silver;
	color: white;
	padding: 4px;
	text-align: right;
	font-weight: bold;
	margin-top: 4px;
  }
  .message-reply {
	margin-right: 5px;
  }
  .dateContainer {
	border-bottom: 1px solid #eee;
  }
}

.table-activity #homeTableLastTen td, .table-activity .older td {
  border-bottom: 2px solid silver;
}

.table-activity td.policy-td, .table-activity td.message-td {
  border-bottom: 1px solid #e2e3e3;
  padding: 0 2px 6px;
}

.homeContainer {
  margin-top: 20px;
}

.start-quote {
  min-height: 40px;
  height: auto;
  padding: 8px 0 4px 4px;
  .headline {
	margin-right: 0;
  }
  label.inline-top-label {
	margin-bottom: 0;
	margin-top: -4px;
  }
  .productLineChecks {
	margin-top: -4px;
  }
  .classCodeDescription {
	margin-top: -12px;
	margin-bottom: 5px;
	span.help-inline {
	  padding-left: 0;
	  line-height: normal;
	  padding-top: 10px;
	}
  }
}

.pushDownLOB {
  margin-top: 14px;
}

.productLineChecks {
  .checkContainer {
	display: inline-block;
	padding-right: 8px;
  }
}

.eligibilityMessages {
  .alert {
	margin-top: -4px;
  }
}

.recentlyViewed {
  ul.nav.nav-tabs {
	background-color: #E2E3E3;
  }
  .nav-tabs {
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 0px;
	border-bottom: 1px solid #949698;
	a {
	  background-color: #616365;
	  color: #FFF;
	}
	.active {
	  a {
		background-color: #B71234;
	  }
	}
  }
}

.massSubmissionModal {
  iframe {
	width: 100%;
	height: 360px;
	border: 0;
  }
}

.lossRunModal {
  margin-left: -380px;
  width: 700px;
  max-height: none;
}

.quickEndorsementModal .modal-body, .quickEndorsementModal input {
  width: 500px;
}

#redeemPointsButtonContainer {
  text-align: center;
}

#rewardsHistory, #redeemPointsButtonContainer {
  margin-top: 18px;
}

#reportsForms {
  legend {
	margin-bottom: 0px;
  }
}

.controls.subscribed {
  label:first-child {
	padding-top: 0;
  }
}

#navBar {
  padding-left: 20px;
  padding-right: 20px;
  min-width: 1100px;
  margin-bottom: 18px;
}

img.navLogo {
  margin: 12px;
}

#liveChatContainer {
  padding-left: 10px;
  float: right;
  .liveChatBtn {
	margin-top: 3px;
  }
}

.liveChatStatus {
  font-weight: bold;
  font-family: sans-serif;
  color: #bd362f;
}

.liveChatStatusOnline {
  color: #5BB75B;
}

#liveChatHours {
  font-size: small;
}

.liveChatBtn {
  .icon-user {
	margin-top: 3px;
  }
}

#headerSearchInput {
  width: 300px;
}

.ui-autocomplete-category {
  font-weight: bold;
  font-size: 1.2em;
  padding: .2em .4em;
  margin: .8em 0 .2em;
  line-height: 1.5;
}

iframe.support-iframe {
  width: 100%;
  height: 900px;
  border: 0;
}

.form_skeleton {
  margin-top: 36px;
}

#form_listing .filter-input {
  padding-top: 7px;
}

.table-activity .no-activity {
  text-align: center;
}

.center {
  text-align: center;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

#navBar.noAuthBorder {
  border-bottom: solid 15px #b71234;
  margin-bottom: 0;
}

.noAuthTDWidth {
  width: 650px;
}

.specialty-application {
  button[disabled]:hover {
    cursor: not-allowed;
  }

  /* bootstrap overrides for markel branding */
  .form-group.error > div > label, .form-group.error .help-block, .form-group.error .help-inline {
	color: #b94a48 !important;
  }

  .form-group.error input, .form-group.error select, .form-group.error textarea {
	color: #b94a48;
	border-color: #b94a48;
  }

  .form-group.error input:focus, .form-group.error select:focus, .form-group.error textarea:focus {
	border-color: #953b39;
	-webkit-box-shadow: 0 0 6px #d59392;
	-moz-box-shadow: 0 0 6px #d59392;
	box-shadow: 0 0 6px #d59392;
  }

  .form-group.error .input-prepend .add-on, .form-group.error .input-append .add-on {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #b94a48;
  }

  .form-group.required .control-label:after {
	content: '*';
	color: red;
	align-content: center;
  }

  // progress indicator styles
  .step-indicator {
	margin-bottom: 0px;
	line-height: 30px;
  }

  .step-indicator h4 {
	margin-bottom: 4px;
	clear: none;
  }

  ul.steps {
	padding: 0;
	margin: 0 0 0 0;

	li.step {
	  display: block;
	  font-weight: bold;
	  background: #f9f9f9;
	  padding-left: 15px;
	  padding-right: 15px;
	  height: 40px;
	  line-height: 41px;
	  position: relative;
	  text-decoration: none;
	  color: #666;
	  cursor: default;

	  a {
		display: block;
		text-decoration: none;
		color: #616365;
	  }

	  &.completed {
		background: #a0a1a3;
		color: #fff;
		cursor: pointer;

		a {
		  color: #fff;
		}

		&:hover, &.active {
		  background: #808285;
		  border-color: #808285;
		  color: #fff;
		  text-decoration: none;
		}
	  }
	}
  }

  .btn-block {
	display: block;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  }

  .icon-shopping-cart {
	background-position: -360px -120px;
	margin-left: 10px;
	margin-top: 3px;
  }

  .noAuthBorder {
	border-bottom: solid 15px #B71234;
  }

  .noAuthTDWidth {
	width: 650px;
  }

  #status-list {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
  }

  #status-list li {
	width: 135px;
	float: left;
  }

  #status-list li div.c1 {
	float: left;
	margin-right: 4px;
  }

  #status-list li div.c2 {
	float: left;
  }

  .label-product-gl {
	background-color: #009AA6;
	border: #e2e3e3 solid 1px;
	color: #ffffff;
  }

  .vertical-text {
	transform: rotate(90deg);
	transform-origin: left top 0;
	width: 120px;
	margin-left: 14px;
	margin-top: -7px;
  }

  span#toggler {
	position: absolute;
	top: 7px;
	right: 12px;
  }

  #fullScreenToggler i {
	position: absolute;
	top: 8px;
	right: 28px;
  }

  .collapsed {
	height: 9px !important;
  }

  .no-table-cell {
	display: none !important;
  }

  .well {
	margin: 6px;
	margin-left: 2px;
	margin-bottom: 12px;
  }

  .center {
	text-align: center;
  }

  span > i#setDistractionFree {
	margin-top: 8px;
  }

  span.add-on > i {
	margin-top: 2px;
	cursor: pointer;
  }

  .open {
	height: auto;
  }

  .closed {
	height: 0px;
  }

  .quote-well {
	padding: 2% 5%;
  }

  ul.products-list {
	list-style-type: none;
	margin-left: 0px;
  }

  ul.products-list li {
	border: 1px solid #c1c1c1;
	border-radius: 4px;
	background-color: #FFFFFF; /* #c1c1c1 is the grey, #009aa6 is the blue-green */
	padding: 0px;
	margin-bottom: 12px;
  }

  ul.products-list li:hover {
	border: 1px solid #009aa6;
	box-shadow: inset 0 0 0 1px #009aa6;
  }

  ul.products-list li.selected {
	border: 1px solid #7ab800;
	box-shadow: inset 0 0 0 1px #7ab800;
  }

  ul.products-list li span.premium {
	font-weight: 600;
	font-size: 18px;
  }

  ul.products-list li span.product-description {
	font-size: 16px;
	margin-left: 12px;
  }

  ul.products-list li span.product-input {
	/*font-size: 16px;*/
	/*margin-left: 5px;*/
  }

  ul.products-list li label {
	padding: 10px;
	margin-bottom: 0px;
  }

  ul.products-list li label input {
	display: inline-block;
	margin: 0;
  }

  div.product-container div.total-premium {
	background-color: #ffffff;
	padding: 12px 0px 12px 6px;
	border-top: 1px solid #a1a1a1;
	border-bottom: 1px solid #a1a1a1;
	margin-left: 0px;
	width: 98.7%;
  }

  div.product-container h1.total-premium {
	font-weight: 600;
	margin-right: 4px;
  }

  ul.document-list {
	list-style-type: none;
	margin-top: 9px;
  }

  ul.document-list img {
	float: left;
	display: block;
	width: 24px;
	height: auto;
	margin-right: 12px;
  }

  ul.document-list li {
	/*border: 1px solid black;*/
	padding: 6px;
  }

  ul.document-list p {
	display: block;
	line-height: 1.5;
	margin-top: 8px;
  }

  .currency {
	float: right;
  }

  .formly.left-label label {
	float: left;
	margin-right: 10px;
	margin-top: 4px;
	width: 150px;
  }

  .formly-field {
	margin-bottom: 9px;
  }

  .label-offset {
	margin-left: 140px !important;
	padding: 3px 5px 3px 5px;
  }

  .validation {
	color: #a94442;
	margin-top: -5px;
	margin-bottom: 15px;
	font-size: 11px;
  }

  /* from bootstrap 3.3, since we are loading agency.css first */
  .table-responsive {
	min-height: .01%;
	overflow-x: auto;
  }

  .has-error .help-block,
  .has-error .control-label,
  .has-error .radio,
  .has-error .checkbox,
  .has-error .radio-inline,
  .has-error .checkbox-inline {
	color: #a94442;
  }

  .has-error .form-control {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  }

  .has-error .form-control:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
  }

  .has-error .input-group-addon {
	color: #a94442;
	background-color: #f2dede;
	border-color: #a94442;
  }

  .has-error .form-control-feedback {
	color: #a94442;
  }

  .tabGuidance {
	margin-top: -20px;
	margin-left: 5px;
  }

  .btn-printApplication {
	float: left;
	display: none;
	color: #616365;
  }

  .btn-printApplication:hover,
  .btn-printApplication:active,
  .btn-printApplication.active,
  .btn-printApplication.disabled,
  .btn-printApplication[disabled] {
	color: #616365;
  }

  .thank-you {
	background: #E9FFBE;
	border: 1px solid #d3ff7d;
	border-radius: 4px;
	padding: 12px;
	margin-right: 5px;
  }

  /* start of quoteSubMenu changes */
  #navPrimary {
	overflow: visible !important;
  }

  /* new main nav quote submenu */
  #quoteSubMenu {
	visibility: hidden; /* hide sub menus by default */
	position: relative;
	left: 0;
	z-index: 398;
	width: 100%;
	display: block;
	margin-top: 5px;
  }

  #navStartQuote:hover > div {
	visibility: visible;
  }

  #quoteSubMenu span {
	width: 100%;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	background-image: url(/assets/images/navBurgandy.gif);
  }

  #quoteSubMenu span:hover {
	background-image: url(/assets/images/navSilver.jpg);
  }

  #quoteSubMenu span:hover > a {
	color: #B71234;
  }

  #quoteSubMenu span a {
	line-height: normal;
  }

  /* adjust nav width to accommodate addition of programs */
  #navPrimary.showRewardsYes li {
	width: 11%;
  }

  #navPrimary.showRewardsNo li {
	width: 12.4% !important;
  }

  #progress-meter {
	left: 0px;
	width: 100%;
	padding: 0px;
	background-color: #ffffff;
	border: none;
  }

  .distraction-free {
	position: fixed !important;
  }

  #status-list {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
  }

  #status-list li {
	width: 135px;
	float: left;
  }

  #status-list li div.c1 {
	float: left;
	margin-right: 4px;
  }

  #status-list li div.c2 {
	float: left;
  }

  .label-product-gl {
	background-color: #009AA6;
	border: #e2e3e3 solid 1px;
	color: #ffffff;
  }

  #content {
	padding: 10px 3px;
  }

  .content-distraction-free {
	margin-top: 172px;
  }

  .vertical-text {
	transform: rotate(90deg);
	transform-origin: left top 0;
	width: 120px;
	margin-left: 14px;
	margin-top: -7px;
  }

  span#toggler {
	position: absolute;
	top: 7px;
	right: 12px;
  }

  #fullScreenToggler i {
	position: absolute;
	top: 8px;
	right: 28px;
	/*padding: 3px 7px;*/
  }

  .collapsed {
	height: 9px !important;
	/*transition-delay: .6s;*/
  }

  .no-table-cell {
	display: none !important;
  }

  #requestToIssue {
	min-height: 80px;
	width: 75%;
	max-width: 350px;
	font-size: 24px;
	text-align: center;
	margin-left: 12%;
	margin-top: 14px;
  }

  #quoteFinePrint {
    font-style: italic;

    h5 {
      margin-top: 1em;
    }
  }

  .chevronPopup > .popover {
	color: black !important;
  }

  div.document-list-container {
	margin-top: 30px;
  }

  div.document-list-container .has-error {
	color: #a94442;
  }

  ul.document-list {
	list-style-type: none;
	margin-top: 9px;
	margin-left: -5px;
  }

  ul.document-list img {
	float: left;
	display: block;
	width: 24px;
	height: auto;
	margin-right: 12px;
  }

  ul.document-list li {
	padding: 6px;
  }

  ul.document-list p {
	display: block;
	line-height: 1.5;
	margin-top: 8px;
  }

  .sub-menu {
	height: 30px;
	min-width: 34px;
	background-color: #b71234;
	border: 1px solid #d8d9d9;
	border-bottom: none;
  }

  .sub-menu-collapsed {
	max-width: 34px;
  }

  .noHorizontalPadding {
	padding-left: 0px;
	padding-right: 0px;
  }

  .content-wrapper {
	background-color: #fff;
  }

  .addTopBorder {
	border-top: 1px solid #d8d9d9;
  }

  .menuText {
	font-family: 'Helvetia Neue', Helvetica, Arial, sans-serif !important;
	font-size: 16px !important;
  }

  .small-header {
	display: block;
	padding: 5px 5px 5px 8px;
	color: #fff;
	font-size: 18px;
  position: relative;
  }

  .small-header #hamburger-menu:hover {
    cursor: pointer;
  }

  .small-header .loader {
    position: absolute;
    right: 10px;
    top: 7px;
  }

  .tree-mql ul li {
	line-height: 40px;
	color: #666;
	padding: 0;
  }

  .tree-mql ul li .node-label:hover, .tree-mql .tree-selected .node-label {
	background: #A0A1A3;
	border-color: #A0A1A3;
	color: #fff;
  }

  .tree-mql.disabled ul li .node-label:hover {
    cursor: not-allowed;
  }

  .node-label {
	padding: 0 43px 0 20px;
  }

  .tree-mql ul li.depth-2 .node-label {
	padding-left: 40px;
  }

  .tree-mql ul li.depth-3 .node-label {
	padding-left: 60px;
  }

  .tree-mql ul li.depth-4 .node-label {
	padding-left: 80px;
  }

  .tree-mql ul li.depth-5 .node-label {
	padding-left: 100px;
  }

  .tree-mql li .tree-selected {
	font-weight: bold;
  }

  .formly-section-title {
	margin-top: 0;
  }

  .tree-content {
	background: #f9f9f9;
	border: solid 1px #d8d9d9;
	border-top: none;
  }

  .row-fluid div {
	-webkit-transition: width 0.3s ease, margin 0.3s ease;
	-moz-transition: width 0.3s ease, margin 0.3s ease;
	-o-transition: width 0.3s ease, margin 0.3s ease;
	transition: width 0.3s ease, margin 0.3s ease;
  }

  .section-navigation .btn.btn-section {
	background-color: #A0A1A3;
	border-color: #A0A1A3;
	color: #fff;
  }

  .enumeration-landing table > tbody > tr > td {
	vertical-align: middle;
  }

  .node-label.invalid {
	color: #A94442;
	background-color: #F2DEDE;
  }

  .node-label span.section-status {
	position: absolute;
	top: 13px;
	right: 15px;
  }

  .node-label.visited .icon-ok {
	color: #A0A1A3;
  }

  .tree-mql ul li .node-label.visited:hover .icon-ok, .tree-mql .tree-selected .node-label.visited .icon-ok {
	color: #fff;
  }

  .incomplete-notification {
	margin-top: 20px;
  }

  .incomplete-notification a {
	font-weight: bold;
	color: inherit;
  }

  .formly-field .has-error.invalid {
	color: #A94442;
	background-color: #F2DEDE;
	padding: 10px;
	border: 1px solid #EBCCD1;
	border-radius: 4px;
  }

  /* fix up standard bootstrap form classes */
  .form-horizontal .form-group {
	margin-right: 0px;
	margin-left: 0px;
  }
  .form-group {
	margin-bottom: 7px; /* default is 15*/
  }
  label {
	color: #616365;
  }

  /* make formly radio's a bit cleaner */
  div.formly-field-Radio > div > label {
	width: 83.33% !important;
  }

  div.formly-field-Radio > div > div {
	width: 16.67% !important;
  }

  [my-messages] {
	clear: both;
	margin-top: 4px;
  }

  /*.form-horizontal .form-group {*/
  .checkbox {
	margin-left: 20px;
  }

  .form-group.required .control-label:after {
	content: ' *';
	/*content: '\26AB';*/
	color: red;
	align-content: center;
  }

  div.checkbox {
	 display: table-cell;
   padding-left: 30px;
   padding-right: 10px;
  }

  .radio-group, .radio {
    display: table-cell;
  }

  .radio label {
	margin-right: 8px;
  }

  /* override bootstrap form-control for inclusion of help icon */
  .form-control {
	width: 95% !important;
	float: left;
	margin-right: 1%;
  }

  .field-help {
	margin-top: 8px;
  margin-left: 12px;
  }

  .radio-group + .field-help,
  .checkbox + .field-help {
    margin-top: 0;
    display: table-cell;
  }

  .help-container {
    text-align: center;
  }
  /* todo-bc: settings for bootstrap-ui popover on application page */
  .popover {
	color: black;
  }

  .field-wrapper, .small-header {
    position: relative;
  }

  .small-header .popover {
	min-width: 276px !important;
	top: -18px !important;
	left: 35px !important;
	color: black;
  }

  .btn {
	font-weight: 500;
	background-image: none;
	text-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
  filter: none;
	padding: 6px 12px;
  }

  .btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
  }

  .btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
  }

  .btn-primary {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
  }

  .btn-success-markel {
	background-color: #009aa6 !important;
	border-color: #009aa6 !important;
	color: #ffffff;
  }

  .btn-success-markel:hover {
	background-color: #006b73 !important;
	border-color: #006b73 !important;
	color: #ffffff;
	background-image: none;
  }

  .btn-success-markel:disabled {
	background-color: #009aa6 !important;
	border-color: #009aa6 !important;
	color: #ffffff;
	background-image: none;
  }

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

  .specialty-application-questions {
	label.control-label {
	  width: 80%;
	  font-weight: bold;
	  margin-bottom: 0;
	  text-align: left;
	  color: #616365;
	}

	.form-control {
	  min-height: 34px;
	  width: 80% !important;
	  padding: 0 12px;
	  border: 1px solid #ccc;
	  box-sizing: content-box;
	}

	textarea.form-control {
	  padding-top: 6px;
	  padding-bottom: 6px;
	}

    select.form-control {
      padding: 4px;
    }

	.form-group .control-group {
	  display: table;
	  width: 100% !important;
	}

	.form-group .control-group > * {
	  display: table-cell;
	  vertical-align: middle;
	  float: none;
	}

  .form-group .control-group.validation-messages p {
    margin-left: 1.4%;
    margin-bottom: 0;
  }
  }
}

.distraction-free {
  #navBar, #footerBar {
	display: none;
  }
}

.error-page {
  h1 {
	margin: 22px 0;
  }

  .error-well {
	padding: 8px 35px 8px 14px;
	font-size: 14px;
	line-height: 48px;
	font-weight: 600;
	margin-bottom: 18px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	color: #c09853;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
  }

  .error-well a {
	color: #c09853;
	font-weight: 800;
	text-decoration: underline;
  }
}

@media (max-width: 767px) {
  .specialty-application {

	.applicant-container {
	  display: none;
	}

	.document-list-container {
	  display: none;
	}

	.product-container {
	  width: 85% !important;
	}
	ul.products-list li span.premium {
	  font-weight: 600;
	  font-size: 14px;
	}

	div.product-container h1.total-premium {
	  font-size: 18px;
	  font-weight: 600;
	}
	#paymentPlanSelection {
	  float: none;
	  margin-top: 14px;
	}
  }
}

@media (min-width: 1010px) {
  .specialty-application {
	#content {
	  padding: 20px 60px;
	}

	#progress-meter {
	  position: relative;
	  top: 0px;
	  left: 20px;
	  width: 94.5%;
	  background-color: #dfe0e0;
	  border: 1px solid #d8d9d9;
	  border-right: none;
	  padding: 10px;
	  border-radius: 8px;
	  border-top-right-radius: 0px;
	  border-top-left-radius: 0px;
	}

	.btn-printApplication {
	  float: right;
	  margin-right: 70px;
	  display: block;
	}

	.content-distraction-free {
	  margin-top: 40px;
	}

	.step {
	  float: left;
	  margin-right: 33px;

	  &:before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		top: 0;
		left: -29px;
		border: 20px solid #f9f9f9;
		border-left-color: transparent;
	  }

	  &:after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		top: 0;
		right: -40px;
		border: 20px solid transparent;
		border-left-color: #f9f9f9;
	  }

	  &:first-of-type {
		border-radius: 2px 0 0 2px;
		padding-left: 15px;

		&:before {
		  display: none;
		}
	  }

	  &:last-of-type {
		border-radius: 0 2px 2px 0;
		margin-right: 25px;
		padding-right: 15px;

		&:after {
		  display: none;
		}
	  }

	  &.completed {
		background: #a0a1a3;
		color: #fff;
		cursor: pointer;

		&:before {
		  border-color: #a0a1a3;
		  border-left-color: transparent;
		}

		&:after {
		  border-left-color: #a0a1a3;
		}

		&:hover, &.active {
		  background: #808285;
		  border-color: #808285;
		  color: #fff;
		  text-decoration: none;

		  &:before {
			border-color: #808285;
			border-left-color: transparent;
		  }

		  &:after {
			border-left-color: #808285;
		  }
		}
	  }
	}

	/* fix popover to be like 3.x release*/
	.popover-inner {
	  padding: 3px;
	  padding: 0px;
	  width: 340px;
	  overflow: hidden;
	  background: #000000;
	  background: #777;
	  background: #ffffff;
	  border: 1px solid #DFE0E0;
	-webkit-border-radius: 6 px;
	  -moz-border-radius: 6px;
	  border-radius: 6px;
	  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
	}

	.popover > .arrow, .popover > .arrow:after {
	  position: absolute;
	  display: block;
	  width: 0;
	  height: 0;
	  border-color: transparent;
	  border-style: solid;
	}
	.popover > .arrow {
	  border-width: 11px;
	  border-width: 6px;
	}
	.popover > .arrow:after {
	  content: "";
	  border-width: 10px;
	}
	.popover.top > .arrow {
	  bottom: -11px;
	  left: 50%;
	  margin-left: -11px;
	  border-top-color: #999;
	  border-top-color: rgba(0, 0, 0, .25);
	  border-bottom-width: 0;
	}
	.popover.top > .arrow:after {
	  bottom: 1px;
	  margin-left: -10px;
	  content: " ";
	  border-top-color: #fff;
	  border-bottom-width: 0;
	}
	.popover.right > .arrow {
	  top: 50%;
	  left: -11px;
	  margin-top: -11px;
	  border-right-color: #999;
	  border-right-color: rgba(0, 0, 0, .25);
	  border-left-width: 0;
	}
	.popover.right > .arrow:after {
	  bottom: -10px;
	  left: 1px;
	  content: " ";
	  border-right-color: #fff;
	  border-left-width: 0;
	}
	.popover.bottom > .arrow {
	  top: -11px;
	  left: 50%;
	  margin-left: -7px;
	  border-top-width: 0;
	  border-bottom-color: #999;
	  border-bottom-color: rgba(0, 0, 0, .25);
	}
	.popover.bottom > .arrow:after {
	  top: 1px;
	  margin-left: -10px;
	  content: " ";
	  border-top-width: 0;
	  border-bottom-color: #fff;
	}
	.popover.left .arrow {
	  border-bottom: 0px;
	  border-top: 0px;
	}
	.popover.left > .arrow {
	  top: 55%;
	  right: -11px;
	  right: -6px;
	  margin-top: -11px;
	  margin-top: -5px;
	  border-right-width: 0;
	  border-left-color: #999;
	  border-left-color: rgba(0, 0, 0, .25);
	}
	.popover.left > .arrow:after {
	  right: 1px;
	  bottom: -10px;
	  content: " ";
	  border-right-width: 0;
	  border-left-color: #fff;
	}
  }
}